* {
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;
}

body {
    font-family: "Manrope", sans-serif;
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;
}



img {
    width: 100%;
}
a {
    text-decoration: none;
}
li{
    list-style-type: none;
}

.form-check input:focus {
    box-shadow: none;
    border: 1px solid #cbcbcb;
}

.subtitle {
    display: inline-block;
    background: #ffffff;
    padding: 8px 20px;
    color: #2356b7;
    font-weight: 600;
    border-radius: 8px;
    text-transform: capitalize;
    border: 1px solid #2356b7;
    font-size: 18px;
}
.title {
    color: #003E77;
    font-size: 30px;
    margin-bottom: 0;
    text-transform: capitalize;
    font-weight: 700;
    font-family: "Quicksand", sans-serif;
    padding-bottom: 10px;
    margin-bottom: 30px;
}
.title span {
    color: #007BBE;
}



.des {
    color: #717171;
    font-size: 16px;
    line-height: 1.4;
    font-weight: 400;
}

p i {
    color: #013669;
    font-weight: 400;
}
.des {
    color: #717171;
    font-size: 16px;
    line-height: 1.4;
    font-weight: 400;
}
.more {
    font-size: 16px;
    text-transform: capitalize;
    color: #fff;
    font-weight: 500;
    padding: 8px 24px;
    border-radius: 8px;
    background: #003E77;
    border: none;
}

.more:hover {
    background: #007bbe;
}


/* Global Css */


/* Header Sec */


.container {
    max-width: 1300px;
}





.header_sec .nav_list .m_menu {
    display: none;
}
.header_sec {
    position: fixed;
    z-index: 4;
    left: 0;
    right: 0;
    top: 0px;
    background-color: #B5CCD7;
    background-image: url(../front_images/header_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.m_menu_sec {
    display: none;
}
/*  */

.top_header_sec .container {
    display: flex;
    background: #BDD2DC;
    border-radius: 15px;
    align-items: center;
    padding: 15px;
}

.top_header_sec .logo {
    width: 16%;
}


.search_box_sec {
    width: 42%;
    margin: auto;
}
.search_box_sec .search_box {
    position: relative;
}

.search_box_sec .search_box input[type="search"] {
    width: 100%;
    height: 48px;
    border: none;
    font-size: 16px;
    color: #111;
    padding: 14px;
    outline: none;
    border-radius: 8px;
    background: #d8e3e8;
}

.search_box_sec .search_box img {
    width: 20px;
    position: absolute;
    right: 12px;
    top: 0;
    bottom: 0;
    margin: auto;
}


.top_header_sec .email_location {
    display: flex;
}

.top_header_sec .email_location .email {
    display: flex;
    align-items: center;
    margin-left: 20px;
}

.top_header_sec .email_location .email .email_icon {
    background: #f4f4f47d;
    width: 34px;
    height: 34px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 8px;
}

.top_header_sec .email_location .email .text_content .support {
    color: #003E77;
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 0;
}

.top_header_sec .email_location .email .text_content a {
    font-weight: 600;
    font-size: 14px;
    color: #003E77;
}
.top_header_sec .email_location .email .text_content a:hover {
    color: #007bbe;
}
.top_header_sec .email_location .email .email_icon img {
    width: 20px;
}
.top_header_sec .email_location .email .email_icon.location_icon img {
    width: auto;
    height: 20px;
}
/*  */





/*  */
.header_sec .nav_menu {
    padding: 15px 0;
}
.header_sec .nav_menu .menu_left .navbar-toggler {
    background: #d8e3e8;
    border: none;
    width: 40px;
    padding: 0;
    height: 34px;
}
.menu_left:hover .nav_list {
    display: block;
}

.header_sec .nav_menu .menu_left .navbar-toggler svg path {
    fill: #003e77;
}

.header_sec .nav_menu .menu_left .nav_list, .header_sec .nav_menu .menu_left .nav_list.collapsing {
    width: 14%;
    position: fixed;
    background: #F3F8FE;
    border-radius: 14px;
    padding: 20px;
    height: auto !important;
}
.header_sec .nav_menu .menu_left .navbar-toggler:hover {
    background: #003E77;
}
.header_sec .nav_menu .menu_left .navbar-toggler:hover svg path {
    fill: #fff;
}
.header_sec .nav_menu .menu_left .nav_list .left_menu_sec a {
    border-bottom: 1px solid #DFDFDF;
    display: block;
    margin-bottom: 10px;
    padding-bottom: 10px;
    font-size: 16px;
    color: #003E77;
    font-weight: 500;
}
.header_sec .nav_menu .menu_left .nav_list .left_menu_sec a:hover {
    color: #007bbe;
}
.header_sec .nav_menu .menu_left .navbar-toggler:focus {
    box-shadow: none;
}

.header_sec .nav_menu .menu_left .nav_list .left_menu_sec a:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
}
.header_sec .nav_menu .container {
    background: #BDD2DC;
    border-radius: 15px;
    align-items: center;
    padding: 6px 15px;
}
.header_sec .nav_menu .navbar-nav {
    display: flex;
    /* width: 100%; */
    flex-direction: row;
}
.header_sec .nav_menu .navbar-nav li a {
    font-size: 16px;
    color: #003E77;
    font-weight: 500;
    padding: 28px 15px;
}
.header_sec .nav_menu .navbar-nav li a:hover {
    color: #007bbe;
}
.header_sec .nav_menu .navbar-nav li a i {
    font-size: 11px;
}

.header_sec .nav_menu .navbar-nav li {
    margin: 0 30px;
}



.header_sec .nav_menu .navbar-nav li .droupdown_menu {
    position: absolute;
    background: #F3F8FE;
    border-radius: 14px;
    padding: 0 0 15px;
    width: 240px;
    display: none;
    top: 70px;
}
.header_sec .nav_menu .navbar-nav li:hover .droupdown_menu {
    display: block;
}

.header_sec .nav_menu .navbar-nav li .droupdown_menu li {
    margin: 0;
    padding: 15px 20px 0;
    position: relative;
}
.header_sec .nav_menu .navbar-nav li .droupdown_menu li a {
    border-bottom: 1px solid #DFDFDF;
    display: block;
    /* margin-bottom: 10px; */
    padding-bottom: 10px;
    padding: 0 0 11px;
}

.header_sec .nav_menu .navbar-nav li .droupdown_menu li:last-child a {
    margin-bottom: 0;
    border-bottom: none;
    padding-bottom: 0;
}
.header_sec .nav_menu .navbar-nav li:hover .droupdown_menu.pg_sub_menu {
    display: block;
}

.header_sec .nav_menu .navbar-nav li .droupdown_menu .droupdown_menu.pg_sub_menu {
    left: 0;
    top: 0;
    display: none;
}

.header_sec .nav_menu .navbar-nav li .droupdown_menu li.pg_list:hover .droupdown_menu.pg_sub_menu  {
    display: block;
}

.header_sec .nav_menu .navbar-nav li .droupdown_menu .droupdown_menu.cataract_sub_menu {
    left: 100%;
    top: 0;
    display: none;
}
.header_sec .nav_menu .navbar-nav li .droupdown_menu li.cataract_list:hover .cataract_sub_menu {
    display: block;
}
.header_sec .nav_menu .navbar-nav li .droupdown_menu .droupdown_menu.workshop_sub_menu {
    left: 0;
    top: 0;
    display: none;
    position: relative;
    width: 100%;
}
.header_sec .nav_menu .navbar-nav li .droupdown_menu li.workshop_list:hover .workshop_sub_menu {
    display: block;
}

.header_sec .nav_menu .navbar-nav li .droupdown_menu a i {
    transform: rotate(-90deg);
    float: right;
    margin-top: 10px;
}

.header_sec .nav_menu .navbar-nav li .droupdown_menu .droupdown_menu.pg_sub_menu {
    position: relative;
}
.header_sec .nav_menu .navbar-nav li .droupdown_menu .droupdown_menu.pg_sub_menu li {
    padding-right: 0;
}
.header_sec .nav_menu .navbar-nav li .droupdown_menu li.pg_list .droupdown_menu.pg_sub_menu {
    width: 100%;
}
.header_sec .nav_menu .navbar-nav li .droupdown_menu li.pg_list .droupdown_menu.pg_sub_menu li.cataract_list .droupdown_menu.cataract_sub_menu {
    padding: 0 20px 15px;
}
.header_sec .nav_menu .navbar-nav li .droupdown_menu .droupdown_menu.industry_sub_menu {
    left: 100%;
    width: 400px;
    top: 0;
}

.header_sec .nav_menu .navbar-nav li .droupdown_menu .droupdown_menu.pg_sub_menu .industry_list {
    position: relative;
}

.header_sec .nav_menu .navbar-nav li .droupdown_menu li a i {
    transform: rotate(0deg);
}



.header_sec .nav_menu .navbar-nav li .droupdown_menu .droupdown_menu.pg_sub_menu li.cataract_list a i {
    transform: rotate(-90deg);
}

.header_sec .nav_menu .navbar-nav li .droupdown_menu li.pg_list .droupdown_menu.pg_sub_menu li.cataract_list .droupdown_menu.cataract_sub_menu .workshop_list a i {
    transform: rotate(-90deg);
}
.header_sec .nav_menu .navbar-nav li .droupdown_menu .droupdown_menu.industry_list a i {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}
.header_sec .nav_menu .navbar-nav li .droupdown_menu .droupdown_menu.industry_sub_menu {
    left: 100%;
    top: 0;
    display: none;
}
.header_sec .nav_menu .navbar-nav li .droupdown_menu .droupdown_menu.pg_sub_menu .industry_list:hover .industry_sub_menu {
    display: block;
}

.header_sec .nav_menu .navbar-nav li .droupdown_menu.pg_sub_menu li:last-child a {
    border-bottom: 1px solid #DFDFDF;
    padding: 0 0 11px;
}
.header_sec .nav_menu .navbar-nav li .droupdown_menu .droupdown_menu.pg_sub_menu .industry_list:hover .industry_sub_menu {
    display: block;
    padding: 0 10px;
}
.header_sec .nav_menu .navbar-nav li .droupdown_menu li.pg_list .droupdown_menu.pg_sub_menu li.cataract_list .droupdown_menu.cataract_sub_menu .workshop_list a i {
    transform: rotate(0deg);
}
.header_sec .nav_menu .navbar-nav li .droupdown_menu .droupdown_menu.pg_sub_menu .industry_list a i {
    transform: rotate(-90deg) !important;
}
/* Header Sec */

.m_full_menu {
    display: none;
}

/* Menu List Sec */

.full_menu_sec {
    margin: 160px auto 60px;
    padding-top: 50px;
}
.full_menu_sec .close {
    width: 20px;
    display: block;
    position: absolute;
    right: 10px;
    top: 10px;
}

.full_menu_sec .close svg {
    width: 100%;
    height: 100%;
    color: #f00;
}


.full_menu_sec .menu_content .menu_list_content {
    display: flex;
    justify-content: space-between;
}

.full_menu_sec .container {
    background: #fff;
    position: relative;
    border: 1px solid #eaeaea;
    border-radius: 15px;
    padding: 50px 40px;
}
.full_menu_sec .menu_content .menu_list_content .m_title {
    font-size: 20px;
    color: #003E77;
    font-weight: 600;
}
.full_menu_sec .menu_content .menu_list_content .menu_grid_sec {
    width: 34%;
    flex: 0 0 34%;
}
.full_menu_sec .menu_content .menu_list_content .menu_grid_sec .m_title {
    font-size: 20px;
    font-weight: 700;
    color: #003E77;
    margin-bottom: 19px;
}

.full_menu_sec .menu_content .menu_list_content .menu_grid_sec .menu_list {
    padding-left: 6px;
    margin: 0;
}
.full_menu_sec .menu_content .menu_list_content .menu_grid_sec .pg_border {
    position: relative;
}

.full_menu_sec .menu_content .menu_list_content .menu_grid_sec .pg_border .sub_menu_list a {
    background: #fff;
}
.full_menu_sec .menu_content .menu_list_content .menu_grid_sec .pg_border:before {
    content: "";
    position: absolute;
    left: 8px;
    height: 93.5%;
    width: 1px;
    background: #dfdddf;
}
.full_menu_sec .menu_content .menu_list_content .menu_grid_sec .cataract_boder {
    position: relative;
}
.full_menu_sec .menu_content .menu_list_content .menu_grid_sec .cataract_boder:before {
    content: "";
    position: absolute;
    left: 6.8%;
    height: 80%;
    width: 1px;
    background: #dfdddf;
}

.full_menu_sec .menu_content .menu_list_content .menu_grid_sec .workshop_border {
    position: relative;
}
.full_menu_sec .menu_content .menu_list_content .menu_grid_sec .workshop_border:before {
    content: "";
    position: absolute;
    left: 6.8%;
    height: 84%;
    width: 1px;
    background: #dfdddf;
}

.full_menu_sec .menu_content .menu_list_content .menu_grid_sec .industry_border {
    padding-left: 6%;
    position: relative;
}
.full_menu_sec .menu_content .menu_list_content .menu_grid_sec .industry_border:before {
    content: "";
    position: absolute;
    left: 6.8%;
    /* height: 84%; */
    width: 1px;
    background: #dfdddf;
    top: 21%;
    bottom: 0;
}


.full_menu_sec .menu_content .menu_list_content .menu_grid_sec .workshop_menu {
    padding-left: 6%;
}
.full_menu_sec .menu_content .menu_list_content .menu_grid_sec .workshop_menu_list {
    padding-left: 6%;
}

.full_menu_sec .menu_content .menu_list_content .menu_grid_sec .menu_list li {
    margin-bottom: 10px;
    position: relative;
}

.full_menu_sec .menu_content .menu_list_content .menu_grid_sec .workshop_menu_list .industry_menu_list li {
    list-style-type: disc;
}
.full_menu_sec .menu_content .menu_list_content .menu_grid_sec .workshop_menu_list .industry_menu_list a {
    width: 150px;
    padding: 6px 0px;
}
.full_menu_sec .menu_content .menu_list_content .menu_grid_sec .menu_list li a {
    color: #003E77;
    background: #fff;
}
.full_menu_sec .menu_content .menu_list_content .menu_grid_sec .menu_list li a:hover {
    color: #007bbe;
}

.full_menu_sec .menu_content .menu_list_content .menu_grid_sec .menu_list .sub_menu_list a {
    width: 100%;
    display: block;
    margin-bottom: 7px;
    cursor: pointer;
}
.full_menu_sec .menu_content .menu_list_content .menu_grid_sec .menu_list li .industry_menu_list {
    padding-left: 13%;
}

.full_menu_sec .menu_content .menu_list_content .menu_grid_sec .menu_list .sub_menu_list a i {
    font-size: 11px;
    /* width: 100%; */
    display: inline-block;
    margin-left: 9px;
    position: relative;
    top: -2px;
    transform: rotate(-90deg);
    transition: all 0.6s ease-in-out;
}
.full_menu_sec .menu_content .menu_list_content .menu_grid_sec .menu_list .sub_menu_list a[aria-expanded="true"] i {
    transform: rotate(0deg);
}
.full_menu_sec .menu_content .menu_list_content .menu_grid_sec .menu_list .sub_menu_list .sub_menu {
    padding-left: 6%;
    /* display: none; */
}

/* .header_sec .nav_menu .menu_sec .menu_content .menu_list_content .menu_grid_sec .menu_list .sub_menu_list .sub_menu .workshop_menu_list {
    display: none;
}

.header_sec .nav_menu .menu_sec .menu_content .menu_list_content .menu_grid_sec .menu_list .sub_menu_list .sub_menu .workshop_menu:hover .workshop_menu_list {
    display: block;
}


.header_sec .nav_menu .menu_sec .menu_content .menu_list_content .menu_grid_sec .menu_list .sub_menu_list  .workshop_menu {
    display: none;
}
.header_sec .nav_menu .menu_sec .menu_content .menu_list_content .menu_grid_sec .menu_list .sub_menu_list .sub_menu:hover .workshop_menu {
    display: block;
} */
/* .header_sec .nav_menu .menu_sec .menu_content .menu_list_content .menu_grid_sec .menu_list .sub_menu_list:hover .sub_menu {
    display: block;
} */
/* .header_sec .nav_menu .menu_sec .menu_content .menu_list_content .menu_grid_sec .menu_list li .cataract_menu {
    display: none;
}

.header_sec .nav_menu .menu_sec .menu_content .menu_list_content .menu_grid_sec .menu_list li .cataract_menu li:hover .cataract_menu {
        display:block;
}
.header_sec .nav_menu .menu_sec .menu_content .menu_list_content .menu_grid_sec .menu_list .sub_menu_list .sub_menu li:hover .cataract_menu {
    display: block;
} */
/* Menu List Sec */





/* Login Page */
.login_page {
    margin-top: 196px;
    padding: 120px 0;
}
.login_page .login_wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.login_page .login_wrapper .login_photo {
    width: 54%;
    flex: 0 0 54%;
}
.login_page .login_wrapper .logoin_form {
    width: 76%;
}
.login_page .login_wrapper .logoin_form_sec {
    width: 45%;
}
.login_page .login_wrapper .logoin_form_sec .top_sec .title {
    font-size: 32px;
    margin-bottom: 8px;
    font-weight: 600;
    color: #003e77;
}

.login_page .login_wrapper .logoin_form_sec .top_sec .des {
    font-size: 15px;
    color: #465D7C;
}
.login_page .login_wrapper .logoin_form_sec .logoin_form .form_group {
    margin-bottom: 14px;
}
.login_page .login_wrapper .logoin_form_sec .logoin_form .form_group label {
    font-size: 14px;
    font-weight: 500;
    color: #012047;
    margin-bottom: 4px;
}

.login_page .login_wrapper .logoin_form_sec .logoin_form .form_group .form-control {
    width: 100%;
}
.login_page .login_wrapper .logoin_form_sec .logoin_form .form_group .form-control:focus {
    box-shadow: none;
    border: 1px solid #dee2e6;
}
.login_page .login_wrapper .logoin_form_sec .logoin_form a {
    display: block;
    font-size: 14px;
    font-size: 14px;
    font-weight: 500;
    color: #012047;
    margin-bottom: 4px;
}

.login_page .login_wrapper .logoin_form_sec .logoin_form  .login_btn {
    border: none;
    padding: 8px 30px;
    margin-top: 13px;
    width: 100%;
}


/* Login Page */



/****==== Home Page ====****/

.home_page .more {
    border: 1px solid #007BBE;
    background: none;
    color: #003E77;
    font-weight: 700;
}
.home_page .more svg {
    margin-left: 4px;
}
.home_page .more svg path {
    fill: #003E77;
}
.home_page .more:hover {
    background: #007BBE;
    color: #fff;
}
.home_page .more:hover svg path {
    fill: #fff;
}


.banner_sec {
    height: 900px;
    overflow: hidden;
}

.banner_sec {
    height: 900px;
    overflow: hidden;
    position: relative;
}

.banner_sec .container {
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.banner_sec .container .banner_btn .more {
    background: #003e77;
    color: #fff;
    border: 1px solid #003e77;
    margin: 0 10px;
    font-size: 20px;
    padding: 12px 20px;
}
.banner_sec .container .banner_btn .more:hover {
    background: #007bbe;
    border: 1px solid #007bbe;
}

.banner_sec .container .banner_btn .more.enquire_btn {
    background: #fff;
    border: 1px solid #fff;
    color: #007bbe;
}
.banner_sec .container .banner_btn .more.enquire_btn:hover {
    background: #003e77;
    border: 1px solid #003e77;
    color: #fff;
}

/* About Sec */
.about_sec {
    padding-bottom: 100px;
}

.about_sec .container {
    display: flex;
}

.about_sec .about_photo_sec {
    width: 50%;
    flex: 0 0 50%;
    position: relative;
    padding-left: 130px;
}

.about_sec .about_photo_sec .success_logo {
    width: 106px;
    position: absolute;
    left: 14%;
    top: 4%;
}

.about_sec .about_photo_sec .about_photo {
    width: 350px;
    height: 420px;
    overflow: hidden;
    border-radius: 25px;
}

.about_sec .about_photo_sec .about_photo img {
    height: 100%;
    object-fit: cover;
}

.about_sec .about_photo_sec .about_photo_two {
    width: 250px;
    height: 280px;
    border-radius: 15px;
    overflow: hidden;
    border: 10px solid #fff;
    position: absolute;
    bottom: 0;
    right: 0;
    box-shadow: 0 0px 10px 0 rgb(110 110 110 / 50%);
    -moz-box-shadow: 0 0px 10px 0 rgb(110 110 110 / 50%);
    -webkit-box-shadow: 0 0px 10px 0 rgb(110 110 110 / 50%);
}
.about_sec .about_photo_sec .about_us {
    position: absolute;
    left: 0;
    transform: rotate(-90deg);
    top: 0;
    height: 100%;
}

.about_sec .about_photo_sec .about_us .about {
    font-family: "Figtree", Sans-serif;
    font-size: 87px;
    font-weight: 700;
    line-height: 1.2em;
    -webkit-text-stroke-width: 1px;
    stroke-width: 1px;
    -webkit-text-stroke-color: #0093B569;
    stroke: #0093B569;
    color: #fff0;
}

.about_sec .about_photo_sec .about_photo_two img {
    height: 100%;
    object-fit: cover;
}

.about_sec .text_content .title span {
    display: block;
}

.about_sec .text_content .des {
    line-height: 1.8;
    text-align: justify;
}

.about_sec .text_content .more {
    display: inline-block;
}
.about_sec .text_content {
    margin-left: 50px;
}

.about_sec .text_content .title {
    margin-bottom: 10px;
    padding-bottom: 0;
}
/* About Sec */


/* Learn Sec */
.learn_sec {
    margin-top: -160px;
    position: relative;
}
.learn_sec .learn_wrapper {
    display: flex;
    background: #F3F8FE;
    padding: 0;
    align-items: center;
    border-radius: 15px;
}

.learn_sec .learn_wrapper .learn_heal_photo {
    width: 44%;
    flex: 0 0 44%;
}

.learn_sec .learn_wrapper .text_content {
    padding: 50px 30px;
}
.learn_sec .learn_wrapper .text_content .title {
    font-size: 48px;
    margin-bottom: 0;
}

.learn_sec .learn_wrapper .text_content .sub_title {
    font-size: 18px;
    color: #007BBE;
    font-weight: 700;
    margin-bottom: 10px;
}

.learn_sec .learn_wrapper .text_content .des {
    line-height: 1.6;
}

.learn_sec .learn_wrapper .text_content .more {
    display: inline-block;
}




/* Learn Sec */


/* Cybersight Sec */
.cybersight_sec {
    text-align: center;
    margin: 60px auto;
}

.cybersight_sec .title {
    padding-bottom: 0;
}

.cybersight_sec .cybersight_wrapper {
    background: #F3F8FE;
    border-radius: 15px;
    overflow: hidden;
    padding-bottom: 30px;
}

.cybersight_sec .cybersight_wrapper .cybersight_photo {
    width: 70%;
    margin: auto;
}

.cybersight_sec .cybersight_wrapper .more {
    display: inline-block;
    margin-top: 30px;
}
/* Cybersight Sec */



/* Popular Sec */
.popular_sec {
    margin-bottom: 60px;
}
.popular_sec .top_sec {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
}

.popular_sec .top_sec .title_sec {
    width: 74%;
}

.popular_sec .top_sec .title_sec .title {
    margin-bottom: 0;
}

.popular_sec .top_sec .title_sec .des {
    margin-bottom: 0;
}
.popular_sec .popular_slider {
    padding: 0 40px;
}
.popular_sec .popular_slider .owl-nav button {
    position: absolute;
    left: 0;
    top: 32%;
    bottom: 0;
    height: 52px;
}

.popular_sec .popular_slider .owl-nav button span {
    font-size: 44px;
    color: #939292;
    line-height: 40px;
}

.popular_sec .popular_slider .owl-nav button.owl-next {
    left: auto;
    right: 0;
}

.popular_sec .popular_slider .owl-nav button:hover {
    background: none;
}

.popular_sec .popular_slider .owl-nav button:hover span {
    color: #003e77;
}
.popular_sec .popular_slider .owl-stage {
    display: flex;
}
.popular_sec .popular_slider .owl-stage .owl-item {
    display: flex;
    flex: 1 0 auto;
}

.popular_sec .popular_slider .popular_grid {
    height: 100%;
    display: block;
    border-radius: 10px;
    overflow: hidden;
    background: #D3EBF7;
}

.popular_sec .popular_slider .popular_grid .text_content {
    padding: 11px;
}

.popular_sec .popular_slider .popular_grid .text_content .popular_title {
    color: #003E77;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 4px;
}
.popular_sec .popular_slider .popular_grid:hover .text_content .popular_title {
    color: #007BBE;
}
.popular_sec .popular_slider .popular_grid .text_content .des {
    margin: 0;
    font-weight: 500;
    font-size: 14px;
}

.popular_sec .popular_slider .popular_grid .popular_photo {
    height: 200px;
    overflow: hidden;
}
.popular_sec .popular_slider .popular_grid .popular_photo img {
    height: 100%;
    object-fit: cover;
}
.popular_sec .popular_slider .owl-dots .owl-dot {
    margin: 0 3px;
}

.popular_sec .popular_slider .owl-dots .owl-dot span {
    margin: 0;
    background: #d3ebf7;
}

.popular_sec .popular_slider .owl-dots .owl-dot.active span {
    width: 23px;
    background: #007bc0;
    transition: all 0.3s ease-in-out;
}
/* Popular Sec */

/* Leading Sec */
.leading_sec {
    margin-bottom: 60px;
}
.leading_sec .top_sec {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
}

.leading_sec .top_sec .title_sec {
    width: 74%;
}

.leading_sec .top_sec .title_sec .title {
    margin-bottom: 0;
}

.leading_sec .top_sec .title_sec .des {
    margin-bottom: 0;
}
.leading_sec .leading_slider {
    padding: 0 40px;
}
.leading_sec .leading_slider .owl-nav button {
    position: absolute;
    left: 0;
    top: 32%;
    bottom: 0;
    height: 52px;
}

.leading_sec .leading_slider .owl-nav button span {
    font-size: 44px;
    color: #939292;
    line-height: 40px;
}

.leading_sec .leading_slider .owl-nav button.owl-next {
    left: auto;
    right: 0;
}
.leading_sec .leading_slider .owl-nav button:hover {
    background: none;
}

.leading_sec .leading_slider .owl-nav button:hover span {
    color: #003e77;
}
.leading_sec .leading_slider .owl-stage {
    display: flex;
}
.leading_sec .leading_slider .owl-stage .owl-item {
    display: flex;
    flex: 1 0 auto;
}
.leading_sec .leading_slider .leading_grid {
    background: #d3ebf7;
    display: block;
    border-radius: 15px;
    overflow: hidden;
}
.leading_sec .leading_slider .leading_grid .leading_photo {
    height: 200px;
    overflow: hidden;
    background: #f3f8fe;
}
.leading_sec .leading_slider .leading_grid .leading_photo img {
    object-fit: cover;
    height: 100%;
}

.leading_sec .leading_slider .leading_grid .text_content {
    text-align: center;
    padding: 10px;
}

.leading_sec .leading_slider .leading_grid .text_content .leading_title {
    font-size: 16px;
    margin: 0;
    font-weight: 600;
}
.leading_sec .leading_slider .owl-dots .owl-dot {
    margin: 0 3px;
}
.leading_sec .leading_slider .owl-dots .owl-dot span {
    margin: 0;
    background: #d3ebf7;
}

.leading_sec .leading_slider .owl-dots .owl-dot.active span {
    width: 23px;
    background: #007bc0;
    transition: all 0.3s ease-in-out;
}
/* Leading Sec */


/* Review Sec */
.review_sec {
    margin-bottom: 50px;
}

.review_sec .top_sec {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
}

.review_sec .top_sec .title_sec {
    width: 74%;
}

.review_sec .top_sec .title_sec .title {
    margin-bottom: 0;
}

.review_sec .top_sec .title_sec .des {
    margin-bottom: 0;
}


.review_sec .review_grid {
    background: #F3F8FE;
    padding: 15px;
    border-radius: 15px;
    position: relative;
}

.review_sec .review_grid .review_top_sec {
    display: flex;
    margin-bottom: 12px;
}

.review_sec .review_grid .review_top_sec .review_photo {
    width: 50px;
    height: 50px;
    overflow: hidden;
    border-radius: 50%;
}

.review_sec .review_grid .review_top_sec .review_photo img {
    height: 100%;
    object-fit: cover;
}

.review_sec .review_grid .review_top_sec .indo_sec {
    margin-left: 11px;
}

.review_sec .review_grid .review_top_sec .indo_sec .name {
    color: #717171;
    font-size: 16px;
    margin: 0;
}

.review_sec .review_grid .review_top_sec .indo_sec  .review_ratings {
    width: 91%;
}

.review_sec .review_grid .review_top_sec .indo_sec .review_ratings svg {
    width: 100%;
    height: 100%;
}

.review_sec .review_grid .text_content .des {
    line-height: 1.5;
    margin-bottom: 10px;
    text-align: justify;
}
.review_sec .review_grid .text_content .dr_name {
    font-size: 16px;
    color: #007bbe;
    font-style: italic;
}

.review_sec .review_grid .quote_icon {
    position: absolute;
    bottom: 18px;
    right: 0;
}
.review_sec .review_slider {
    padding: 0 40px;
}
.review_sec .review_slider .owl-nav button {
    position: absolute;
    left: 0;
    top: 32%;
    bottom: 0;
    height: 52px;
}
.review_sec .review_slider .owl-nav button span {
    font-size: 44px;
    color: #939292;
    line-height: 40px;
}

.review_sec .review_slider .owl-nav button.owl-next {
    left: auto;
    right: 0;
}
.review_sec .review_slider .owl-nav button:hover {
    background: none;
}

.review_sec .review_slider .owl-nav button:hover span {
    color: #003e77;
}
.review_sec .review_slider .owl-stage {
    display: flex;
}
.review_sec .review_slider .owl-stage .owl-item {
    display: flex;
    flex: 1 0 auto;
}

.review_sec .review_slider .owl-dots .owl-dot {
    margin: 0 3px;
}
.review_sec .review_slider .owl-dots .owl-dot span {
    margin: 0;
    background: #d3ebf7;
}

.review_sec .review_slider .owl-dots .owl-dot.active span {
    width: 23px;
    background: #007bc0;
    transition: all 0.3s ease-in-out;
}
/* Review Sec */


/****==== Home Page ====****/

/****==== Courses Page ====****/

.details_btn {
    border: 1px solid #007BBE;
    background: none;
    color: #003E77;
    font-weight: 700;
    font-size: 14px;
    text-transform: capitalize;
    font-weight: 500;
    padding: 4px 14px;
    border-radius: 8px;
}
.details_btn:hover {
    background: #007BBE;
    color: #fff;
}
.details_btn:hover svg path {
    fill: #fff;
}
.details_btn svg {
    width: 6px;
    height: auto;
    margin-left: 5px;
    position: relative;
    top: -1px;
    
}
.details_btn svg path {
    fill: #003E77;
}

.courses_page {
    margin-top: 160px;
    padding-top: 80px;
    padding-bottom: 80px;
}
.courses_menu_sec {
    background: #f6f6f6;
    padding: 22px 20px 26px;
    border-radius: 12px;
    /* Was height:74vh + overflow-y:scroll, which forced a fixed-height panel: with only a
       few specializations it rendered ~600px of empty grey below the last item and showed a
       permanent scrollbar. Sized to content instead, with a cap only for very long trees. */
    max-height: calc(100vh - 220px);
    overflow-y: auto;
}

/* width */
.courses_menu_sec::-webkit-scrollbar {
    width: 2px;
  }
  
/* Track */
.courses_menu_sec::-webkit-scrollbar-track {
    background: #f1f1f1; 
}
   
/* Handle */
.courses_menu_sec::-webkit-scrollbar-thumb {
    background: #BDD2DC; 
}

/* Handle on hover */
.courses_menu_sec::-webkit-scrollbar-thumb:hover {
    background: #555; 
}
  
.courses_menu_sec .top_sec {
    margin-bottom: 14px;
}

.courses_menu_sec .top_sec .title {
    font-size: 26px;
    font-weight: 700;
    color: #003E77;
    padding-bottom: 2px;
    margin-bottom: 0;
}

.courses_menu_sec .top_sec .des {
    font-size: 14px;
    color: #8A94A0;
    margin-bottom: 0;
}

.courses_sec .courses_list_sec .courses_content {
    height: 100%;
    display: block;
    border-radius: 10px;
    overflow: hidden;
    background: #D3EBF7;
}
.courses_sec .courses_list_sec .courses_content .courses_photo {
    height: 200px;
    overflow: hidden;
}
.courses_sec .courses_list_sec .courses_content .courses_photo img {
    height: 100%;
    object-fit: cover;
}

.courses_sec .courses_list_sec .courses_content .text_content {
    padding: 11px;
}

.courses_sec .courses_list_sec .courses_content .text_content .course_title {
    color: #003E77;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 7px;
    line-height: 1.4;
}

.courses_sec .courses_list_sec .courses_content .text_content .des {
    margin: 0;
    font-weight: 500;
    font-size: 14px;
}
.courses_sec .courses_list_sec .courses_content .text_content .details_btn {
    display: inline-block;
    margin-top: 10px;
}

.courses_sec .nav-tabs {
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
    border-bottom: 1px solid #DDDDDD;
}
.courses_sec .nav-tabs .nav-link {
    color: #003E77;
    background: #dbdbdb;
    margin: 0;
    border-radius: 5px;
    padding: 8px 26px;
    margin: 0 12px 10px;
    font-size: 14px;
    font-weight: 600;
}
.courses_sec .nav-tabs .nav-link:hover, .courses_sec .nav-tabs .nav-link.active {
    color: #fff;
    background: #003E77;
}
.courses_sec .courses_list_sec .courses_grid {
    margin-bottom: 22px;
}


/* Courses Menu List */
.courses_menu_list {
    padding: 0;
}

.courses_menu_list a {
    display: flex;
    align-items: center;
    width: 100%;
    color: #003E77;
    font-size: 14px;
    font-weight: 500;
}
.courses_menu_list a:hover {
    color: #007bbe;
}
/* A full blue fill on hover fought the flat tree and made the row look selected rather
   than hovered. A tint keeps the emphasis on whichever branch is actually open. */
.courses_menu_list a.courses_link:hover {
    background: #E8EFF5;
    color: #003E77;
}
.courses_menu_list a.courses_link:hover .icon svg path {
    fill: #003E77;
}
.courses_menu_list a .icon {
    width: 12px;
    margin-right: 9px;
    height: 12px;
    display: none;
}

.courses_menu_list a .icon svg {
    width: 100%;
    height: 100%;
}

.courses_menu_list a i {
    margin-left: auto;
    transition: all 0.6s ease-in-out;
}

.courses_page .courses_menu.active .courses_menu_sec {
    position: sticky;
    top: 200px;
}

.courses_menu_list .sub_menu .industry_menu {
    white-space: nowrap;
}
.courses_menu_list .sub_menu a[aria-expanded="true"] {
    font-weight: 700;
    color: #007bbe !important;
}
.courses_menu .courses_menu_list .sub_menu li a:hover {
    color: #007bbe !important;
}

/* Track */
.courses_menu_list .sub_menu .industry_menu::-webkit-scrollbar-track {
    background: #f1f1f1; 
}
   
/* Handle */
.courses_menu_list .sub_menu .industry_menu::-webkit-scrollbar-thumb {
    background: #BDD2DC; 
}

/* Handle on hover */
.courses_menu_list .sub_menu .industry_menu::-webkit-scrollbar-thumb:hover {
    background: #555; 
}
/* Top-level rows are plain text, not white cards. The card treatment made three
   specializations read as three disconnected buttons instead of one navigable tree. */
.courses_menu_list a.courses_link {
    background: transparent;
    padding: 9px 2px;
    border-radius: 6px;
    margin-bottom: 0;
    font-size: 15px;
    font-weight: 600;
}
.courses_menu_list a.courses_link[aria-expanded="true"] .icon {
    display: flex;
}
/* The tick marks the open branch, so the open row is the emphasised one. */
.courses_menu_list a.courses_link[aria-expanded="true"] {
    color: #003E77;
}

/* Chevrons rotate; the old rule spun a plus 45deg into an x, which is wrong for a caret. */
.courses_menu_list a .caret {
    font-size: 11px;
    color: #9AA4B0;
    transition: transform 0.25s ease;
}
.courses_menu_list a[aria-expanded="true"] > .caret {
    transform: rotate(90deg);
}
.courses_menu_list a:hover > .caret {
    color: #007bbe;
}

/* Children indent behind a single vertical guide, instead of each row carrying its own
   bottom border - the borders read as a stack of separators rather than a hierarchy. */
.courses_menu_list .sub_menu {
    margin-top: 2px;
    margin-left: 10px;
    padding-left: 14px;
    border-left: 1px solid #DEE3E8;
}
.courses_menu_list .sub_menu a {
    border-bottom: 0;
    padding: 8px 2px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    color: #5A6672 !important;
}
.courses_menu_list .sub_menu a:hover {
    color: #007bbe !important;
}

/* ---------------------------------------------------------------------------
   EXPANDED is not SELECTED. Keeping these visually separate is the whole point:
   an expanded row previously went bold navy, i.e. it looked exactly like the
   thing you had chosen, so once you were two levels deep you could not tell
   which row was actually filtering the grid. Expansion is now carried by the
   chevron alone (plus a barely-there weight lift); selection gets the colour.
   --------------------------------------------------------------------------- */
.courses_menu_list .sub_menu a[aria-expanded="true"] {
    font-weight: 500;
    color: #46525F !important;
}

/* SELECTED LEAF — the only row that actually filters the grid, so it is the
   loudest thing in the panel: solid navy pill, white text, no ambiguity. */
.courses_menu_list .sub_menu a.course_filter {
    border-radius: 6px;
    padding: 7px 10px;
    margin: 1px 0;
    position: relative;
}
.courses_menu_list .sub_menu a.course_filter:hover {
    background: #E8EFF5;
}
.courses_menu_list .sub_menu a.course_filter.is-selected {
    background: #003E77;
    color: #fff !important;
    font-weight: 600;
}
.courses_menu_list .sub_menu a.course_filter.is-selected:hover {
    background: #003E77;
    color: #fff !important;
}
/* Tick on the selected leaf, mirroring how the open top-level branch is marked. */
.courses_menu_list .sub_menu a.course_filter.is-selected .label::after {
    content: "\f00c";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 10px;
    margin-left: 8px;
    opacity: 0.85;
}

/* ANCESTOR TRAIL — every parent of the selected leaf, so the full path
   (PG > Cataract > Fellowship) is readable at a glance rather than requiring
   the user to remember what they clicked. */
.courses_menu_list a.on-path,
.courses_menu_list .sub_menu a.on-path {
    color: #003E77 !important;
    font-weight: 600;
}
.courses_menu_list a.courses_link.on-path {
    background: #E8EFF5;
}
/* The guide line lights up along the selected branch only. */
.courses_menu_list .sub_menu.on-path {
    border-left-color: #003E77;
}

.courses_menu_list .label {
    line-height: 1.35;
    padding-right: 8px;
}
/* Courses Menu List */

.courses_page .m_courses_category_sec {
    display: none;
}

.courses_page  .m_courses_menu {
    display: none;
}

/****==== Courses Page ====****/


/****==== Courses Details Page ====****/
.courses_details_page {
    margin-top: 160px;
}

.breadcrumb_sec {
    padding-top: 20px;
    color: #3C3C3C;
}

.breadcrumb_menu {
    list-style-type: none;
    padding: 0;
    display: flex;
    margin: 0;
}



.breadcrumb_menu li {
    margin-right: 10px;
    color: #ffffff;
}
.breadcrumb_menu li a, .breadcrumb_menu li span {
    color: #d7d6d6;
    font-size: 16px;
}
.breadcrumb_menu li a:hover {
    color: #444242;
}


.breadcrumb_menu li i {
    font-size: 9px;
    margin-left: 5px;
    color: #c4c2c2;
}
.courses_details_page .breadcrumb_menu {
    position: absolute;
    top: 30px;
}

/* Courses Banner */
.courses_banner {
    background: url(../front_images/course_details_banner.png);
    background-repeat: no-repeat;
    padding: 130px 0 210px;
    position: relative;
}
.courses_banner:before {
    content: "";
    background: linear-gradient(320deg, rgba(159, 224, 255, 0.81) 0%, rgba(80, 174, 223, 0.7) 59%, rgb(20 66 92) 100%);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
}
.courses_details_page .courses_content {
    display: flex;
    background: #FFFFFF;
    padding: 44px 24px;
    border-radius: 15px;
    position: relative;
}
.courses_details_page .courses_content .text_content .title {
    margin-bottom: 0;
    line-height: 1.5;
}

.courses_details_page .courses_content .text_content .title span {
    display: block;
    color: #717171;
}

.courses_details_page .courses_content .text_content .des {
    line-height: 1.5;
}


.courses_details_page .courses_content .text_content .more {
    display: inline-flex;
    padding: 9px 20px;
    width: 30%;
    align-items: center;
    justify-content: space-between;
}
.courses_details_page .courses_content .text_content .more svg {
    position: relative;
    top: 3px;
}
.courses_details_page .courses_content .text_content .more svg path {
    fill: #fff;
}

.courses_details_page .courses_content  .rating_no {
    color: #007BBE;
    display: flex;
    align-items: center;
    font-weight: 700;
}

.courses_details_page .courses_content  .rating_no .rating_star {
    position: relative;
    top: -3px;
    margin-left: 8px;
}

.courses_details_page .courses_content  .rating_no .rating_star svg {
    width: 100%;
    height: auto;
}

.courses_details_page .courses_content .text_content .star_rating .review {
    margin-bottom: 0;
}
.courses_details_page .courses_content .text_content  .star_rating {
    margin-bottom: 20px;
}
.courses_details_page .courses_content .text_content {
    width: 60%;
    margin-right: 90px;
}
.courses_details_page .courses_content .courses_photo {
    width: 34%;
    flex: 0 0 34%;
    position: absolute;
    right: 24px;
    bottom: 24px;
    border-radius: 12px;
    overflow: hidden;
}
.courses_details_page .courses_banner .courses_content .courses_photo {
    bottom: auto;
    position: relative;
}
/* Course Content */
.courses_details_page .courses_content .text_content {
    width: 60%;
    margin-right: 90px;
}

.courses_details_page .courses_content .courses_photo {
    width: 34%;
    flex: 0 0 34%;
    position: absolute;
    right: 37px;
    bottom: -37px;
}
.address_location_sec {
    background: #fff;
    padding: 15px;
    border-radius: 15px;
    margin-top: -100px;
    padding: 35px;
    position: relative;
    box-shadow: 0 10px 8px 0 rgb(124 124 124 / 17%);
    -moz-box-shadow: 0 10px 8px 0 rgb(124 124 124 / 17%);
    -webkit-box-shadow: 0 10px 8px 0 rgb(124 124 124 / 17%);
}
.address_location_sec .address_grid {
    text-align: center;
    background: #f3f1f1;
    display: flex;
    height: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 20px;
    border-radius: 12px;
    transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
}
.address_location_sec .address_grid:hover {
    background: #003e77;
    margin-top: -10px;
    box-shadow: 0 10px 10px 0 rgb(165 162 162 / 50%);
}

.address_location_sec .address_grid .icon svg path {
    color: #007BBE;
}
.address_location_sec .address_grid:hover .icon svg path {
    color: #fff;
}

.address_location_sec .address_grid .icon svg {
    width: 20px;
    height: auto;
}

.address_location_sec .address_grid .icon {
    width: auto;
    /* height: 20px; */
    margin-bottom: 15px;
}

.address_location_sec .address_grid .text_content .address_title {
    color: #007BBE;
    font-size: 16px;
    font-weight: 600;
}
.address_location_sec .address_grid:hover .text_content .address_title {
    color: #fff;
}
.address_location_sec .address_grid:hover .text_content .des {
    color: #fff;
}

.address_location_sec .address_grid .text_content .location_list {
    padding: 0;
    list-style-type: disc;
    margin: 0;
}

.address_location_sec .address_grid .text_content .location_list li {
    /* list-style-type: disc; */
    margin-bottom: 4px;
    color: #717171;
}
.address_location_sec .address_grid:hover .text_content .location_list li {
    color: #fff;
}

.address_location_sec .address_grid .download {
    color: #717171;
}
.address_location_sec .address_grid:hover .download {
    color: #fff;
}
.address_location_sec .address_grid .icon.learn_icon svg {
    width: 34px;
}
.address_location_sec .address_grid .icon.duration_icon svg {
    width: 28px;
}
.address_location_sec .address_grid:hover .icon svg path {
    fill: #fff;
}

.address_location_sec .address_grid.pdf_grid .btn_sec {
    display: flex;
    flex-direction: column;
    margin-top: 10px;
}

.address_location_sec .address_grid.pdf_grid .btn_sec .more_btn {
    font-size: 15px;
    text-transform: capitalize;
    color: #fff;
    font-weight: 500;
    padding: 6px 10px;
    border-radius: 8px;
    background: #007bbe;
    margin-bottom: 10px;
    border: 1px solid #fff;
}
.address_location_sec .address_grid.pdf_grid .btn_sec .more_btn:hover {
    background: #003e77;
    color: #fff;
}
.address_location_sec .address_grid.pdf_grid .btn_sec .more_btn.download_btn {
    background: #003e77;
    border: 1px solid #fff;
}
.address_location_sec .address_grid.pdf_grid .btn_sec .more_btn.download_btn:hover {
    background: #007bbe;
    border: 1px solid #fff;
}
/* Course Content */


/* Courses Banner */

/* Popular Sec */
.courses_sec {
    margin-bottom: 60px;
}
.courses_sec .top_sec {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
}
.courses_sec .top_sec .title_sec {
    width: 74%;
}
.courses_sec .top_sec .title_sec .title {
    margin-bottom: 0;
    font-size: 26px;
}
.courses_sec .top_sec .title_sec .des {
    margin-bottom: 0;
}
.courses_sec .courses_slider {
    padding: 0 40px;
}
.courses_sec .courses_slider .owl-nav button {
    position: absolute;
    left: 0;
    top: 32%;
    bottom: 0;
    height: 52px;
}
.courses_sec .courses_slider .owl-nav button span {
    font-size: 44px;
    color: #939292;
    line-height: 40px;
}

.courses_sec .courses_slider .owl-nav button.owl-next {
    left: auto;
    right: 0;
}
.courses_sec .courses_slider .owl-nav button:hover {
    background: none;
}
.courses_sec .courses_slider .owl-nav button:hover span {
    color: #003e77;
}
.courses_sec .courses_slider .owl-stage {
    display: flex;
}
.courses_sec .courses_slider .owl-stage .owl-item {
    display: flex;
    flex: 1 0 auto;
}
.courses_sec .courses_grid {
    height: 100%;
    display: block;
    border-radius: 10px;
    overflow: hidden;
    background: #D3EBF7;
}
.courses_sec .courses_grid .text_content {
    padding: 11px;
}
.courses_sec .courses_grid .text_content .courses_title{
    color: #003E77;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 4px;
}
.courses_sec .courses_grid:hover .text_content .courses_title {
    color: #007BBE;
}
.courses_sec .courses_grid .text_content .des {
    margin: 0;
    font-weight: 500;
    font-size: 14px;
}
.courses_sec .courses_grid .courses_photo {
    height: 200px;
    overflow: hidden;
}
.courses_sec .courses_grid .courses_photo img {
    height: 100%;
    object-fit: cover;
}
.courses_sec .courses_slider .owl-dots .owl-dot {
    margin: 0 3px;
}

.courses_sec .courses_slider .owl-dots .owl-dot span {
    margin: 0;
    background: #d3ebf7;
}
.courses_sec .courses_slider .owl-dots .owl-dot.active span {
    width: 23px;
    background: #007bc0;
    transition: all 0.3s ease-in-out;
}
/* Popular Sec */

.courses_fees_sec {
    margin-top: 60px;
}

/* Courses Structure Sec */

.sm_courses_structure_sec {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #ddd;
    padding-bottom: 30px;
}
.sm_courses_structure_sec .title_sec .title {
    margin-bottom: 0;
    font-size: 26px;
}
.sm_courses_structure_sec .title_sec .des {
    width: 70%;
    margin: 0;
}
.sm_courses_structure_sec .sm_price_sec .sm_price {
    margin: 0;
    font-size: 24px;
    font-weight: 700;
    color: #003E77;
}
.sm_courses_structure_sec .sm_price_sec .arrow_icon {
    background: #003e77;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 13px;
    flex: 0 0 50px;
}
.sm_courses_structure_sec .sm_price_sec {
    display: flex;
    align-items: center;
}
.sm_courses_structure_sec .sm_price_sec .arrow_icon svg {
    width: 11px;
    height: auto;
}

/* Courses Structure Sec */


/* SM Courses Accordion */
.sm_courses_accordion .accordion .accordion-item {
    border: none;
    border-bottom: 1px solid #ddd;
    padding: 30px 0;
}
.sm_courses_accordion .accordion .accordion-item .accordion-button {
    padding: 0;
    background: none;
    display: flex;
    justify-content: space-between;
}
.sm_courses_accordion .accordion .accordion-item .accordion-button:not(.collapsed) {
    box-shadow: none;
}

.sm_courses_accordion .accordion .accordion-item .accordion-button .title_sec {
    width: 50%;
}

.sm_courses_accordion .accordion .accordion-item .accordion-button .title {
    margin-bottom: 0;
    font-size: 26px;
}

.sm_courses_accordion .accordion .accordion-item .accordion-button .arrow_icon {
    background: #003e77;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.sm_courses_accordion .accordion .accordion-item.syllabus_accordion button.accordion-button[aria-expanded="true"] .arrow_icon {
    transform: rotate(0deg);
}
.sm_courses_accordion .accordion .accordion-item .accordion-button .arrow_icon i {
    color: #fff;
    font-size: 16px;
}

.sm_courses_accordion .accordion .accordion-item .accordion-button .des {
    margin: 0;
}

.sm_courses_accordion .accordion .accordion-item .accordion-button:after {
    display: none;
}

.sm_courses_accordion .accordion .accordion-item .accordion-button[aria-expanded="true"] .arrow_icon {
    transform: rotate(90deg);
}
.sm_courses_accordion .accordion .accordion-item:focus-visible {
    outline: none;
}
.sm_courses_accordion .accordion .accordion-item .accordion-button:focus {
    box-shadow: none;
}
.sm_courses_accordion .accordion .accordion-item .accordion-button[aria-expanded="true"] {
    border-bottom: none;
}
.sm_courses_accordion .accordion .accordion-item .accordion-button[aria-expanded="true"]:focus-visible {
    outline: none;
}

.sm_courses_accordion .accordion .accordion-item .accordion-collapse .accordion-body {
    padding: 0;
    position: relative;
}
.sm_courses_accordion .accordion .accordion-item .accordion-collapse .accordion-body .course_list {
    padding: 0;
    margin: 20px auto 0;
}

.sm_courses_accordion .accordion .accordion-item .accordion-collapse .accordion-body .course_list li {
    display: flex;
    font-size: 16px;
    color: #717171;
    margin-bottom: 31px;
}

.sm_courses_accordion .accordion .accordion-item .accordion-collapse .accordion-body .course_list li .icon {
    width: 18px;
    margin-right: 18px;
}

.sm_courses_accordion .accordion .accordion-item .accordion-collapse .accordion-body .course_list li .icon svg {
    width: 100%;
    height: 100%;
}

.sm_courses_accordion .accordion .accordion-item .accordion-collapse .accordion-body .course_list li:last-child {
    margin-bottom: 0;
}

.sm_courses_accordion .course_syllabus_accordion {
    margin-top: 30px;
}

.sm_courses_accordion .accordion  .course_syllabus_accordion .accordion-item {
    background: #F4F4F4;
    padding: 30px;
    margin: 0 0 13px;
    border-radius: 15px;
    border-bottom: none;
}
/* SM Courses Accordion */

/* Course Syllabus Accordion */
.sm_courses_accordion .accordion .course_syllabus_accordion .accordion-item .accordion-header .accordion-button {
    justify-content: start;
    color: #717171;
    font-weight: 700;
    align-items: start;
    line-height: 1.5;
}
.sm_courses_accordion .accordion .course_syllabus_accordion .accordion-item .accordion-header .accordion-button .syllabus_arrow_icon {
    margin-right: 20px;
}
.sm_courses_accordion .accordion .course_syllabus_accordion .accordion-item .accordion-header .accordion-button[aria-expanded="true"] .syllabus_arrow_icon {
    transform: rotate(180deg);
}
.sm_courses_accordion .accordion .course_syllabus_accordion .accordion-item .accordion-header .accordion-button span {
    width: 74%;
    margin-left: 6px;
}
.sm_courses_accordion .accordion .course_syllabus_accordion .accordion-item .accordion-body .course_syllabus_list {
    margin: 30px auto 0;
    padding-left: 100px;
}
.sm_courses_accordion .accordion .course_syllabus_accordion .accordion-item .accordion-body .course_syllabus_list li {
    display: flex;
    color: #717171;
    font-size: 16px;
    margin-bottom: 30px;
}
.sm_courses_accordion .accordion .course_syllabus_accordion .accordion-item .accordion-body .course_syllabus_list li .icon {
    margin-right: 20px;
}
.sm_courses_accordion .accordion .course_syllabus_accordion .accordion-item .accordion-body .course_syllabus_list li:last-child {
    margin-bottom: 0;
}
.sm_courses_accordion .view_btn {
    border: 1px solid #003E77;
    color: #003E77;
    font-size: 16px;
    padding: 5px 24px;
    display: inline-block;
    border-radius: 5px;
    margin: 18px auto;
}
.sm_courses_accordion .view_btn:hover {
    color: #fff;
    background: #003E77;
}
.sm_courses_accordion .accordion .accordion-item .bottom_sec .des {
    margin: 0;
    width: 60%;
}
/* Course Syllabus Accordion */

/* Locked Content */
.reference_book_content.lock_reference {
    padding: 48px  0;
}

.sm_courses_accordion .accordion .accordion-item.locked_accordion {
    padding: 0;
}

.sm_courses_accordion .accordion .accordion-item.locked_accordion .accordion-button {
    padding: 30px 0;
    opacity: 0.5;
}
.sm_courses_accordion .accordion .accordion-item.locked_accordion .accordion-button[aria-expanded="true"] {
    background: #fff;
}

.sm_courses_accordion .accordion .accordion-item.locked_accordion .accordion-button[aria-expanded="true"] .arrow_icon {
    background: #003e77;
    transform: rotate(0deg);
}
/* .sm_courses_accordion .accordion .accordion-item.locked_accordion .accordion-button .arrow_icon {
    background: #b5b5b5;
} */
.sm_courses_accordion .accordion .accordion-item.locked_accordion button[aria-expanded="false"] .arrow_icon .arrow_icon {
    display: none;
}
.sm_courses_accordion .accordion .accordion-item.locked_accordion button[aria-expanded="true"] .arrow_icon .arrow_icon {
    display: none;
    width: 16px;
    height: auto;
    transform: rotate(0deg);
}
/* .sm_courses_accordion .accordion .accordion-item.locked_accordion button[aria-expanded="true"] .arrow_icon .lock_icon {
    display: none;
} */


.sm_courses_accordion .accordion .accordion-item .accordion-collapse .accordion-body .locked_content {
    background: #ffffffd6;
    padding: 20px 0;
}

.sm_courses_accordion .accordion .accordion-item .accordion-collapse .accordion-body .locked_content .lock_form_sec {
    background: #D3EBF7;
    width: 60%;
    margin: auto;
    padding: 40px;
    border-radius: 15px;
}

.sm_courses_accordion .accordion .accordion-item .accordion-collapse .accordion-body .locked_content .lock_form_sec .lock_wrapper {
    display: flex;
}

.sm_courses_accordion .accordion .accordion-item .accordion-collapse .accordion-body .locked_content .lock_form_sec .lock_wrapper .lock_icon {
    width: 130px;
    height: 130px;
    background: #D9D9D9;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 30px;
    flex: 0 0 130px;
}

.sm_courses_accordion .accordion .accordion-item .accordion-collapse .accordion-body .locked_content .lock_form_sec .lock_wrapper .lock_icon svg {
    height: auto;
    width: 44px;
}

.sm_courses_accordion .accordion .accordion-item .accordion-collapse .accordion-body .locked_content .lock_form_sec .top_sec {
    margin-bottom: 30px;
}

.sm_courses_accordion .accordion .accordion-item .accordion-collapse .accordion-body .locked_content .lock_form_sec .top_sec .locked_title {
    color: #003E77;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 10px;
}

.sm_courses_accordion .accordion .accordion-item .accordion-collapse .accordion-body .locked_content .lock_form_sec .top_sec  .des {
    margin: 0;
}

.sm_courses_accordion .accordion .accordion-item .accordion-collapse .accordion-body .locked_content .lock_form_sec .lock_wrapper .lock_form {
    width: 100%;
}

.sm_courses_accordion .accordion .accordion-item .accordion-collapse .accordion-body .locked_content .lock_form_sec .lock_wrapper .lock_form .form_group {
    margin-bottom: 14px;
}

.sm_courses_accordion .accordion .accordion-item .accordion-collapse .accordion-body .locked_content .lock_form_sec .lock_wrapper .lock_form .form_group .form-control {
    height: 48px;
    border: none;
    color: #717171;
    font-size: 16px;
}

.sm_courses_accordion .accordion .accordion-item .accordion-collapse .accordion-body .locked_content .lock_form_sec .lock_wrapper .lock_form .form_group .form-control:focus {
    box-shadow: none;
}
.sm_courses_accordion .accordion .accordion-item .accordion-collapse .accordion-body .locked_content .lock_form_sec .lock_wrapper .lock_form .form-check .form-check-label {
    color: #717171;
}

.sm_courses_accordion .accordion .accordion-item .accordion-collapse .accordion-body .locked_content .lock_form_sec .lock_wrapper .lock_form .form-check .form-check-label a {
    color: #717171;
    text-decoration: underline;
}
.sm_courses_accordion .accordion .accordion-item .accordion-collapse .accordion-body .locked_content .lock_form_sec .lock_wrapper .lock_form .form-check .form-check-label a:hover {
    color: #003E77;
}
.sm_courses_accordion .accordion .accordion-item .accordion-collapse .accordion-body .locked_content .lock_form_sec .lock_wrapper .lock_form .login_btn {
    border: none;
}
.sm_courses_accordion .accordion .accordion-item .accordion-collapse .accordion-body .locked_content .lock_form_sec .lock_wrapper .lock_form .registered {
    color: #717171;
    margin: 20px 0 0;
}
.sm_courses_accordion .accordion .accordion-item .accordion-collapse .accordion-body .locked_content .lock_form_sec .lock_wrapper .lock_form .registered a{
    color: #003E77;
    font-weight: 700;
}
/* Locked Content */

.sm_courses_accordion .accordion .accordion-item .accordion-collapse.collapsing.show {
    width: 100% !important;
}
/* Reference Video Sec */
.sd_reference_video_sec {
    margin-top: 30px;
}
.sd_reference_video_sec .reference_video {
    height: 240px;
    display: block;
    border-radius: 15px;
    overflow: hidden;
    position: relative;
}
.sd_reference_video_sec .reference_video img {
    height: 100%;
    object-fit: cover;
}
.sd_reference_video_sec .reference_video .play_icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 60px;
    height: 60px;
}

.sd_reference_video_sec .reference_video .play_icon svg {
    width: 100%;
    height: auto;
}
.sd_reference_video_sec .sd_reference_video_slider {
    padding: 0 40px;
}
.sd_reference_video_sec .sd_reference_video_slider .owl-nav button {
    position: absolute;
    left: 0;
    top: 32%;
    bottom: 0;
    height: 52px;
}
.sd_reference_video_sec .sd_reference_video_slider .owl-nav button:hover {
    background: none;
}
.sd_reference_video_sec .sd_reference_video_slider .owl-nav button:hover span {
    color: #003e77;
}
.sd_reference_video_sec .sd_reference_video_slider .owl-nav button span {
    font-size: 44px;
    color: #939292;
    line-height: 40px;
}
.sd_reference_video_sec .sd_reference_video_slider .owl-nav button.owl-next {
    left: auto;
    right: 0;
}
.sd_reference_video_sec .sd_reference_video_slider .owl-dots .owl-dot {
    margin: 0 3px;
}

.sd_reference_video_sec .sd_reference_video_slider .owl-dots .owl-dot span {
    margin: 0;
    background: #d3ebf7;
}

.sd_reference_video_sec .sd_reference_video_slider .owl-dots .owl-dot.active span {
    width: 23px;
    background: #007bc0;
    transition: all 0.3s ease-in-out;
}

/* Reference Video Sec */


.video_modal.show {
    display: flex !important;
    align-items: center;
    justify-content: center !important;
}
.video_modal .modal-dialog iframe {
    width: 100%;
    height: 100%;
}


.video_modal .modal-dialog {
    min-width: 800px;
}

.video_modal .modal-dialog .modal-content {
    position: relative;
}
.video_modal .modal-dialog .modal_video {
    height: 450px;
    border-radius: 10px;
    overflow: hidden;
}
.video_modal .modal-dialog .modal-content .btn-close {
    position: absolute;
    right: 10px;
    background: no-repeat;
    z-index: 10;
    background: #fff;
}

.video_modal .modal-dialog .modal-content .btn-close i {
    color: #f00;
    font-size: 26px;
}
.video_modal .modal-dialog .modal-content .btn-close {
    position: absolute;
    right: 10px;
    background: no-repeat;
    z-index: 10;
    background: #fff;
    opacity: 1;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.video_modal .modal-dialog .modal-content .btn-close:focus {
    box-shadow: none;
}
.sd_reference_video_sec .reference_video:hover .play_icon svg circle {
    fill: #ff0000;
}

/* Journey Sec */
.journey_sec {
    text-align: center;
    margin: 50px auto;
}

.journey_sec .title {
    margin-bottom: 0;
    font-size: 26px;
}

.journey_sec .des {
    font-weight: 700;
    font-size: 18px;
    color: #003E77;
    display: block;
    margin-bottom: 30px;
}

.journey_sec .des span {
    color: #717171;
}
/* Journey Sec */

/****==== Courses Details Page ====****/

/* Footer Sec */
.footer_sec {
    background: url(../front_images/footer_bg.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 100%;
}
.footer_sec .footer_menu_sec .row {
    justify-content: center;
}

.footer_sec .footer_menu_sec {
    background: #F3F8FE;
    padding: 80px 40px;
}
.footer_sec .f_bottom_sec {
    background: #007BBE;
    text-align: center;
    padding: 15px 10px;
}

.footer_sec .f_bottom_sec .des {
    color: #fff;
    margin: 0;
    font-size: 16px;
    font-weight: 500;
}

.footer_sec .footer_menu_sec .f_menu .f_title {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 20px;
}
.footer_sec .footer_menu_sec .f_menu {
    margin-left: 14px;
}
.footer_sec .footer_menu_sec .f_menu  .f_menu_list a {
    display: block;
    color: #717171;
    font-size: 16px;
    margin-bottom: 11px;
}
.footer_sec .footer_menu_sec .f_menu  .f_menu_list a:hover {
    color: #003E77;
}
.footer_sec .f_about_sec .f_logo {
    width: 80%;
    display: block;
    margin-bottom: 12px;
}

.footer_sec .f_about_sec .des {
    font-size: 14px;
}
.footer_sec .f_about_sec .social_sec  a {
    width: 35px;
    display: inline-block;
    height: 35px;
    border: 1px solid #717171;
    border-radius: 50%;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
}

.footer_sec .f_about_sec .social_sec a:hover {
    background: #003e77;
}
.footer_sec .f_about_sec .social_sec a:hover svg path {
    fill: #fff;
}

/* Footer Sec */




/* Start Responsive CSS */
@media only screen and (max-width: 1900px) {
    
   
}
@media only screen and (max-width: 1800px) {
   

   
}

@media only screen and (max-width: 1600px) {

    /****==== Home Page ====****/
    .banner_sec {
        height: 800px;
    }
    /****==== Home Page ====****/
   
   
}
@media only screen and (max-width: 1400px) {

    .container {
        max-width: 1000px;
    }

     /* Header Sec */
    .search_box_sec {
        width: 34%;
        margin: auto;
    }

    .top_header_sec .logo {
        width: 14%;
    }
    .header_sec .nav_menu .navbar-nav li a {
        font-size: 15px;
    }
    .header_sec .nav_menu .navbar-nav li .droupdown_menu {
        width: 214px;
    }
    .header_sec .nav_menu .navbar-nav li .droupdown_menu li {
        padding: 15px 10px 0;
    }
     /* Header Sec */

     /****==== Menu Page ====****/
     .full_menu_sec .menu_content .menu_list_content .menu_grid_sec .industry_border:before {
        top: 15%;
    }
    .full_menu_sec .menu_content .menu_list_content .menu_grid_sec .workshop_border:before {
        height: 88%;
    }
     /****==== Menu Page ====****/

 
     /****==== Home Page ====****/
    .banner_sec {
        height: 770px;
    }
    .learn_sec .learn_wrapper .text_content {
        padding: 22px 30px;
    }
    .learn_sec .learn_wrapper .text_content .title {
        font-size: 40px;
        margin-bottom: 10px;
        line-height: 1.2;
    }
    .learn_sec .learn_wrapper .text_content {
        padding: 50px 30px;
    }
    .learn_sec .learn_wrapper .learn_heal_photo {
        width: 50%;
        flex: 0 0 50%;
    }
    .sm_courses_structure_sec .title_sec {
        width: 80%;
    }
     /****==== Home Page ====****/


    /****==== Courses Page ====****/
    .courses_sec .courses_list_sec .courses_content .courses_photo {
        height: 130px;
    }
    .courses_menu_sec {
        height: 62vh;
    }
    /****==== Courses Page ====****/

    /****==== Courses Details Page ====****/
    .courses_content .text_content .title {
        font-size: 28px;
    }
    .sd_reference_video_sec .reference_video {
        height: 200px;
    }
    /****==== Courses Details Page ====****/
}


@media only screen and (min-width: 1366px) {
  
}




/* 1200px */
@media only screen and (max-width: 1200px) {

    .container {
        max-width: 900px;
    }
   
   
    /* Header Sec */
    .header_sec .nav_menu .navbar-nav li .droupdown_menu {
        width: 180px;
    }
    /* Header Sec */

    /****==== Menu Page ====****/
    .full_menu_sec .menu_content .menu_list_content .menu_grid_sec .cataract_boder:before {
        height: 84%;
    }
    /****==== Menu Page ====****/
    
     /****==== Home Page ====****/
    .banner_sec {
        height: 680px;
    }
    .banner_sec img {
        height: 100%;
        object-fit: cover;
    }
    .about_sec .about_photo_sec .about_us {
        left: 10px;
        top: 50px;
        height: 75%;
    }
    .about_sec .about_photo_sec .about_us .about {
        font-size: 80px;
    }
    .about_sec .about_photo_sec .about_photo {
        width: 280px;
        height: 400px;
    }
    .about_sec .about_photo_sec .success_logo {
        width: 90px;
        left: 18%;
        top: 1%;
    }
    .about_sec .about_photo_sec .about_photo_two {
        width: 200px;
        height: 220px;
        bottom: 50px;
    }
    .learn_sec .learn_wrapper .text_content {
        padding: 30px 30px;
    }
    .learn_sec .learn_wrapper .text_content .title {
        font-size: 38px;
        padding-bottom: 0;
    }
    .learn_sec .learn_wrapper .learn_heal_photo {
        width: 44%;
        flex: 0 0 44%;
        position: relative;
        top: 30px;
    }
    /****==== Home Page ====****/

    /****==== Courses Details Page ====****/
    .courses_details_page  .courses_content .text_content .title {
        font-size: 24px;
    }
    /****==== Courses Details Page ====****/

    /* Footer Sec */
    .footer_sec .f_about_sec .des {
        font-size: 12px;
    }
    .footer_sec .footer_menu_sec .f_menu  .f_menu_list a {
        font-size: 12px;
    }
    /* Footer Sec */


 

   
}


@media only screen and (min-width: 1024px) {
    
 
  

}


/* 991px */
@media only screen and (max-width: 991px) {

    .container {
        max-width: 90%;
    }
    .login_page {
        margin-top: 240px;
        padding: 66px 0;
    }
    /* Header Sec */
    .top_header_sec .container {
        padding: 15px 20px 84px;
        position: relative;
        justify-content: space-between;
    }
    .top_header_sec .logo {
        width: 24%;
    }
    .search_box_sec {
        width: 95%;
        margin: auto;
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        top: 76px;
    }
    .header_sec .nav_menu .navbar-nav li {
        margin: 0 23px;
    }
    .header_sec .nav_menu .navbar-nav li .droupdown_menu {
        width: 150px;
    }
    .header_sec .nav_menu .navbar-nav li .droupdown_menu li {
        padding: 8px 8px 0;
    }
    .header_sec .nav_menu .navbar-nav li a {
        font-size: 13px;
    }
    .header_sec .nav_menu .navbar-nav li .droupdown_menu a i {
        margin-top: 3px;
    }
  
     /* Header Sec */

     .title {
        font-size: 28px;
    }
    /****==== Menu Page ====****/
    .full_menu_sec {
        margin: 220px auto 40px;
        padding-top: 30px;
    }
    .full_menu_sec .container {
        padding: 40px 30px;
    }
    .full_menu_sec .menu_content .menu_list_content .menu_grid_sec .m_title {
        font-size: 18px;
        margin-bottom: 12px;
    }

    /****==== Menu Page ====****/


    /****==== Home Page ====****/
    .learn_sec .learn_wrapper {
        flex-direction: column-reverse;
    }
    .learn_sec .learn_wrapper .learn_heal_photo {
        width: 34%;
        flex: 0 0 34%;
        top: 0;
    }
    .learn_sec .learn_wrapper .text_content {
        padding: 30px 30px;
        text-align: center;
    }
    .learn_sec .learn_wrapper .text_content .title {
        font-size: 34px;
    }
    .about_sec .container {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .about_sec .about_photo_sec {
        padding-left: 0;
    }
    .about_sec .text_content {
        margin: 40px auto 0;
        text-align: center;
    }
    .about_sec .text_content .des {
        text-align: center;
    }
    .about_sec .about_photo_sec .about_photo_two {
        bottom: -20px;
        left: 90%;
    }
    .about_sec .about_photo_sec .about_photo {
        width: 220px;
        height: 320px;
    }
    .about_sec .about_photo_sec .about_us {
        left: -180px;
        top: 160px;
        height: 23%;
    }
    .about_sec .about_photo_sec .about_us .about {
        font-size: 54px;
    }
    .about_sec .about_photo_sec .success_logo {
        width: 70px;
        left: -10%;
        top: -2%;
    }
    .about_sec .about_photo_sec .about_photo_two {
        bottom: -20px;
        left: 140px;
        width: 150px;
        height: 160px;
    }
  
    /****==== Home Page ====****/

    /****==== Courses Page ====****/
    .courses_page {
        margin-top: 220px;
    }
    .courses_menu_sec .top_sec .title {
        font-size: 22px;
    }
    .courses_sec .nav-tabs .nav-link {
        padding: 8px 16px;
        margin: 0 6px 10px;
    }
    .courses_page .courses_menu.active .courses_menu_sec {
        top: 250px;
    }

  /****==== Courses Page ====****/

  /****==== Courses Details ====****/
  .courses_details_page {
    margin-top: 225px;
  }

    .courses_details_page  .courses_content .text_content {
        width: 100%;
        margin: 20px auto 0;
        text-align: center;
    }
    .courses_details_page  .courses_content {
        position: relative;
        flex-direction: column-reverse;
    }
    .courses_details_page  .courses_content .courses_photo {
        width: 34%;
        flex: 0 0 34%;
        position: relative;
        right: 0;
        bottom: 0;
        left: 0;
        margin: -80px auto 20px;
    }
	.courses_details_page .courses_banner .courses_content .courses_photo {
		margin: auto;
	}
    .courses_details_page  .courses_content  .rating_no {
        justify-content: center;
    }
  .sm_courses_accordion .accordion .accordion-item .accordion-collapse .accordion-body .locked_content .lock_form_sec .lock_wrapper .lock_icon {
    width: 100px;
    height: 100px;
    flex: 0 0 100px;
    }
    .sm_courses_accordion .accordion .accordion-item .accordion-collapse .accordion-body .locked_content .lock_form_sec .lock_wrapper .lock_icon svg {
        width: 34px;
    }
    .sm_courses_accordion .accordion .accordion-item .accordion-button .title {
        font-size: 22px;
    }
    .journey_sec .title {
        font-size: 24px;
    }
    .journey_sec .des {
        font-size: 16px;
    }
    .sm_courses_structure_sec .title_sec .des {
        width: 90%;
    }
    .sm_courses_accordion .accordion .accordion-item .accordion-button .title_sec {
        width: 80%;
    }
    .sm_courses_accordion .accordion .accordion-item .accordion-collapse .accordion-body .locked_content .lock_form_sec .lock_wrapper {
        flex-direction: column;
    }
    .sm_courses_accordion .accordion .accordion-item .accordion-collapse .accordion-body .locked_content .lock_form_sec {
        width: 80%;
        padding: 28px;
        text-align: center;
    }
    .sm_courses_accordion .accordion .accordion-item .accordion-collapse .accordion-body .locked_content .lock_form_sec .lock_wrapper .lock_icon {
        width: 80px;
        height: 80px;
        flex: 0 0 80px;
        margin: 0 auto 20px;
    }
    .sm_courses_accordion .accordion .accordion-item .accordion-collapse .accordion-body .locked_content .lock_form_sec .lock_wrapper .lock_icon svg {
        width: 24px;
    }
    .sm_courses_accordion .accordion .accordion-item .accordion-collapse .accordion-body .locked_content .lock_form_sec .lock_wrapper .lock_form .form-check {
        display: flex;
    }
    .sm_courses_accordion .accordion .accordion-item .accordion-collapse .accordion-body .locked_content .lock_form_sec .lock_wrapper .lock_form .form-check input {
        margin-right: 10px;
    }
    .video_modal .modal-dialog {
        min-width: 80%;
    }
    .video_modal .modal-dialog .modal_video {
        height: 320px;
    }
  /****==== Courses Details ====****/


  

    /* Footer Sec */
    .footer_sec .footer_menu_sec {
        padding: 30px 40px;
    }
    .footer_sec .footer_menu_sec .f_about_sec {
        text-align: center;
        margin-bottom: 30px;
    }
    .footer_sec .f_about_sec .f_logo {
        width: 40%;
        display: block;
        margin: 0 auto 20px;
    }
    .footer_sec .f_about_sec .social_sec  a {
        margin: 10px 7px;
    }
    .footer_sec .f_about_sec .des {
        margin-bottom: 10px;
    }
    /* Footer Sec */
}

/* 767px */
@media only screen and (max-width: 767px) {

    .container {
        max-width: 100%;
        padding: 0 20px;
    }
    .header_sec {
        background-size: cover;
        padding: 10px 20px;
    }
    .top_header_sec .logo {
        width: 44%;
    }
    .header_sec .nav_list {
        border-radius: 0;
    }
    .header_sec .nav_list .m_menu {
        display: block;
        padding-top: 30px;
    }


    .header_sec .nav_menu .navbar-nav {
        display: none;
    }
    .top_header_sec .container {
        flex-direction: column;
        padding: 15px 20px 74px;
    }
    .top_header_sec .email_location .email .text_content .support {
        display: none;
    }
    .top_header_sec .email_location {
        margin-top: 10px;
    }
    .top_header_sec .email_location .email .text_content a {
        font-size: 12px;
    }
    .top_header_sec .email_location .email .email_icon.location_icon img {
        height: 17px;
    }
    .top_header_sec .email_location .email .email_icon img {
        width: 16px;
    }
    .top_header_sec .email_location .email .email_icon {
        width: 28px;
        height: 28px;
    }
    .search_box_sec {
        top: 94px;
    }
    /* Header Sec */

    .title {
        font-size: 28px;
    }




    .top_header_sec .logo {
        width: 44%;
    }
    .header_sec .nav_list {
        border-radius: 0;
    }
    .header_sec .nav_list .m_menu {
        display: block;
        padding-top: 30px;
    }


    .nav_menu .navbar-nav {
        display: none;
    }


    /* M Menu Sec */

    .header_sec .nav_menu .menu_left .nav_list, .header_sec .nav_menu .menu_left .nav_list.collapsing {
        display: none;
    }
    body.active .m_menu_sec {
        display: block;
    }
    .m_menu_sec {
        position: fixed;
        z-index: 20;
        left: 0;
        right: 0;
        background: #fff;
        top: 0;
        bottom: 0;
        padding: 60px 0;
        display: none;
        height: 100vh;
        overflow: scroll;
    }
    .m_menu_sec .close {
        float: right;
        width: 34px;
        position: relative;
        top: -43px;
    }
    
    .m_menu_sec .close svg {
        color: #f00;
        width: 100%;
        height: 100%;
    }
    .top_header_sec .email_location .email .text_content .support {
        display: none;
    }
    .m_menu_sec .top_sec .email_location {
        display: flex;
    }
    .m_menu_sec .top_sec .email_location .email .text_content a {
        font-size: 12px;
    }
    .m_menu_sec .top_sec .email_location .email .email_icon.location_icon img {
        height: 17px;
    }
    .m_menu_sec .top_sec .email_location .email .email_icon img {
        width: 16px;
    }
    .m_menu_sec .top_sec .email_location .email .email_icon {
        width: 28px;
        height: 28px;
    }

    .m_menu_sec .top_sec .email_location .email {
        display: flex;
        align-items: center;
        margin-left: 20px;
    }
    
    .m_menu_sec .top_sec .email_location .email .email_icon {
        background: #f4f4f47d;
        width: 34px;
        height: 34px;
        border-radius: 5px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 8px;
    }
    
    .m_menu_sec .top_sec .email_location .email .text_content .support {
        color: #003E77;
        font-size: 13px;
        font-weight: 500;
        margin-bottom: 0;
    }
    
    .m_menu_sec .top_sec .email_location .email .text_content a {
        font-weight: 600;
        font-size: 13px;
        color: #003E77;
    }
    .m_menu_sec .top_sec .email_location .email .text_content a:hover {
        color: #007bbe;
    }
    .m_menu_sec .top_sec .email_location .email .email_icon img {
        width: 20px;
    }
    .m_menu_sec .top_sec .email_location .email .email_icon.location_icon img {
        width: auto;
        height: 20px;
    }

    .m_menu_sec .logo {
        width: 50%;
        display: block;
        margin: 0 auto 20px;
    }


    .m_menu_sec .navbar-nav li a {
        font-size: 22px;
        padding: 18px 0px;
        display: block;
        border-left: none;
        margin: 0;
        border-bottom: 1px solid #E6E8EE;
        display: flex;
        align-items: center;
        color: #003e77 !important;
    }
    .m_menu_sec .top_sec {
        border: 1px solid #eaeaea;
        padding: 15px;
        border-radius: 5px;
    }
    
    .m_menu_sec .top_sec .logo_login {
        align-items: center;
        justify-content: space-between;
        width: 100%;
        padding: 10px 10px 20px;
        position: relative;
        top: -25px;
        border-bottom: 1px solid #eaeaea;
        display: flex;
    }
    
    .m_menu_sec .top_sec .logo_login .logo {
        margin: 0;
    }
    .m_menu_sec .navbar-nav li a .icon {
        margin-right: 10px;
        margin-top: -5px;
    }
    .m_menu_sec .navbar-nav li a i {
        font-size: 14px;
        margin-left: 10px;
    }
    .m_menu_sec .navbar-nav li a .icon {
        margin-right: 10px;
        margin-top: -5px;
        width: 26px;
    }
    .m_menu_sec .navbar-nav li a .icon svg {
        width: 100%;
        height: 100%;
    }

    .m_menu_sec .navbar-nav li a i {
        font-size: 20px;
        margin-left: 10px;
        float: right;
        margin-left: auto;
        transition: all 0.3s ease-in-out;
    }
    .m_menu_sec .navbar-nav li a[aria-expanded="true"] i {
        transform: rotateZ(45deg);
    }
    .m_menu_sec .navbar-nav li .sub_menu {
        padding-left: 0;
    }

    .m_menu_sec .navbar-nav li .sub_menu li a {
        padding-left: 40px;
    }

    .m_menu_sec .navbar-nav li .sub_menu li .sub_menu li a {
        padding-left: 100px;
    }

    .m_menu_sec .navbar-nav li .sub_menu li .sub_menu li .sub_menu li a {
        padding-left: 140px;
    }
    .m_menu_sec .navbar-nav li .sub_menu li ul {
        padding-left: 0;
    }
    .m_menu_sec .navbar-nav li .sub_menu li ul li a {
        padding-left: 70px;
    }
    .m_menu_sec .navbar-nav li .sub_menu li ul li ul li a {
        padding-left: 40px;
    }
    /* M Menu Sec */


    /* Login Page */
    .login_page .login_wrapper .login_photo {
        display: none;
    }
    .login_page .login_wrapper .logoin_form_sec {
        width: 100%;
        text-align: center;
    }
    .login_page .login_wrapper .logoin_form {
        width: 100%;
        margin: auto;
    }
    .login_page .login_wrapper .logoin_form_sec .logoin_form .form_group {
        text-align: left;
    }
    .login_page .login_wrapper .logoin_form_sec .logoin_form a {
        text-align: left;
    }
    .login_page .login_wrapper .logoin_form_sec .logoin_form  .login_btn {
        padding: 8px 60px;
        width: auto;
    }
    /* Login Page */
    .title {
        font-size: 24px;
        line-height: 1.5;
    }
     /****==== Home Page ====****/
    .learn_sec .learn_wrapper .text_content .title {
        font-size: 28px;
    }

   
    .learn_sec .learn_wrapper .text_content .sub_title {
        font-size: 18px;
    }
    .popular_sec .top_sec {
        flex-direction: column;
    }
    .popular_sec .top_sec .title_sec {
        width: 100%;
        text-align: center;
        margin-bottom: 24px;
    }
    .about_sec {
        padding-bottom: 50px;
    }
    .about_sec .text_content {
        margin: 60px auto 0;
    }
    .about_sec .text_content .des {
        text-align: justify;
    }
    .about_sec .about_photo_sec .about_us {
        height: 11%;
    }
    .about_sec .about_photo_sec .about_us .about {
        font-size: 48px;
    }
    .leading_sec .top_sec {
        flex-direction: column;
    }
    .leading_sec .top_sec .title_sec {
        width: 100%;
        text-align: center;
        margin-bottom: 24px;
    }
    .learn_sec .learn_wrapper .text_content .des {
        text-align: justify;
    }
    .popular_sec .top_sec .title_sec .des {
        text-align: justify;
    }
    .leading_sec .top_sec .title_sec .des {
        text-align: justify;
    }
    .leading_sec .leading_slider .owl-stage .owl-item {
        display: block;
        flex: auto;
    }
    .popular_sec .popular_slider .owl-stage .owl-item {
        display: block;
        flex: auto;
    }
    
    .review_sec .top_sec {
        flex-direction: column;
    }
    .review_sec .top_sec .title_sec {
        width: 100%;
        text-align: center;
        margin-bottom: 24px;
    }
    .review_sec .top_sec .title_sec .des {
        text-align: justify;
    }
    .review_sec .review_grid .review_top_sec {
        flex-direction: column;
        align-items: center;
    }
    .review_sec .review_grid .review_top_sec .review_photo {
        margin-bottom: 10px;
    }
    .cybersight_sec {
        margin: 30px auto;
    }
    .cybersight_sec .title {
        margin-bottom: 20px;
    }
     /****==== Home Page ====****/

    /****==== Courses Page ====****/
    .courses_page {
        margin-top: 258px;
        padding-top: 40px;
    }
    .courses_sec .nav-tabs .nav-link {
        padding: 8px 10px;
        margin: 0 6px 10px;
    }
    .courses_menu {
        position: fixed;
        top: 250px;
        bottom: 0;
        padding: 0;
        left: 0;
        display: none;
        z-index: 1;
    }
    .courses_menu .courses_menu_sec {
        height: 100vh;
    }
    .courses_page .tab_btn_sec {
        display: flex;
        align-items: center;
        display: none;
    }
    
    .courses_page .tab_btn_sec .course_menu_button {
        background: #003e77;
        border: none;
        width: 36px;
        padding: 0;
        height: 34px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 5px;
        margin-bottom: 20px;
        margin-right: 16px;
    }
    
    .courses_page .tab_btn_sec .course_menu_button svg path {
        fill: #ffffff;
    }
    .courses_page.active .courses_menu {
        display: block;
    }
    .courses_menu .courses_menu_sec .close {
        float: right;
        width: 34px;
        position: relative;
        top: 10px;
    }
    .courses_menu .courses_menu_sec .close svg {
        color: #f00;
        width: 100%;
        height: 100%;
    }
    .courses_page .m_courses_menu {
        position: fixed;
        bottom: 0;
        background: #fff;
        padding: 18px 15px;
        justify-content: center;
        display: flex;
        z-index: 2;
        display: flex;
        left: 0;
        right: 0;
    }
    .m_courses_menu .courses_btn {
        padding: 0 14px 0 0;
        color: #003E77;
        font-size: 15px;
        font-weight: 500;
        border-right: 1px solid #eaeaea;
        margin-right: 13px;
        line-height: 20px;
        display: flex;
        align-items: center;
    }
    .m_courses_menu .courses_btn svg {
        height: auto;
        width: 16px;
    }
    
    .m_courses_menu .courses_btn  .icon {
        margin-right: 10px;
    }
    
    .m_courses_menu .courses_btn:last-child {
        margin-right: 0;
        padding-right: 0;
        border-right: navajowhite;
    }
    .m_courses_category_sec {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        padding: 0;
        display: none;
        background: #fff;
    }
    .m_courses_category_sec .courses_category .top_sec {
        border-bottom: 1px solid #d7d7d7;
        /* margin-bottom: 20px; */
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    
    .m_courses_category_sec .courses_category .top_sec .title {
        margin-bottom: 0;
        color: #007BBE;
        font-size: 20px;
        padding: 14px 15px;
    }
    
    .m_courses_category_sec .courses_category .top_sec .close svg {
        width: 24px;
        color: #f00;
    }
    .m_courses_category_sec .courses_category_tab_sec {
        display: flex;
        width: 100%;
    }
    
    .m_courses_category_sec .courses_category_tab_sec .category_tab {
        display: flex;
        flex-direction: column;
        /* border-right: 1px solid; */
        background: #f6f6f6;
        height: 100vh;
        width: 40%;
        flex: 0 0 40%;
    }
    .m_courses_category_sec .courses_category_tab_sec .tab-content {
        width: 100%;
    }
    .m_courses_category_sec .courses_category_tab_sec .tab-content {
        width: 100%;
    }
    .m_courses_category_sec .courses_category_tab_sec .category_tab li button {
        width: 100%;
        text-align: left;
        border: none;
        color: #1a1a1a;
    }
    .m_courses_category_sec .courses_category_tab_sec .category_tab li button .icon {
        width: 12px;
        margin-right: 8px;
        display: none;
        height: 20px;
        position: relative;
        top: -2px;
    }
    
    .m_courses_category_sec .courses_category_tab_sec .category_tab li button .icon svg {
        width: 100%;
        height: 10px;
    }
    .m_courses_category_sec .courses_category_tab_sec .category_tab li button.active {
        color: #007BBE;
    }
    
    .m_courses_category_sec .courses_category_tab_sec .category_tab li button.active .icon {
        display: inline-block;
    }
    .m_courses_category_sec .courses_category_tab_sec .category_tab li button.active .icon svg path {
        fill: #007BBE;
    }

    .m_courses_category_sec .courses_category_tab_sec .tab-content .category_content {
        height: 100vh;
    }
    
    .m_courses_category_sec .courses_category_tab_sec .tab-content .category_content .sub_menu {
        padding: 10px 20px;
    }
    
    .m_courses_category_sec .courses_category_tab_sec .tab-content .category_content .sub_menu li a {
        border-bottom: 1px solid #DFDFDF;
        padding-bottom: 10px;
        margin-bottom: 10px;
        color: #003E77 !important;
        display: block;
        font-size: 16px;
    }
    .m_courses_category_sec .courses_category_tab_sec .tab-content .category_content .sub_menu .sub_menu {
        padding: 0 0 0 20px;
    }
    
    .m_courses_category_sec .courses_category_tab_sec .tab-content .category_content .sub_menu li a i {
        font-size: 12px;
    }
    .m_courses_category_sec .courses_category_tab_sec .tab-content .category_content .sub_menu .sub_menu.industry_menu a {
        white-space: nowrap;
        width: 200px;
        overflow-x: scroll;
    }

    .category_button_tab {
        position: fixed;
        bottom: 0;
        background: #fff;
        padding: 25px 15px;
        justify-content: center;
        display: flex;
        left: 0;
        right: 0;
    }
    
    .category_button_tab .category_btn {
        color: #003E77;
        font-size: 15px;
        font-weight: 500;
        border-right: 1px solid #d3cbcb;
        align-items: center;
        width: 48%;
        text-align: center;
        display: block;
    }
    
    .category_button_tab .category_btn:last-child {
        margin-right: 0;
        padding-right: 0;
        border-right: none;
    }
    .category_button_tab .category_btn.close {
        color: #f00;
    }
    .m_courses_category_sec .courses_category .top_sec .close {
        margin-right: 10px;
    }
    .courses_page.doctor_active, .courses_page.doctor_active {
        overflow: hidden;
        z-index: 9;
        position: fixed;
        left: 0;
        right: 0;
    }

    .courses_page.doctor_active .m_courses_category_sec {
        display: block;
        background: #fff;
    }
    .courses_page .m_courses_category_sec .courses_category {
        display: none;
    }
    .courses_page.doctor_active .m_courses_category_sec .courses_category {
        display: none;
    }

    .courses_page.doctor_active .m_courses_category_sec {
        display: block;
       
    }
    .courses_page.ophthalmology_btn .m_courses_category_sec {
        display: block;
    }

    .courses_page.doctor_active .m_courses_category_sec .courses_category.doctor_category {
        display: block;
    }
    .courses_page.optometrist_active {
        background: #fff;
        z-index: 9;
        position: fixed;
    }
    .courses_page.optometrist_active .m_courses_category_sec {
        display: block;
    }
    .courses_page.optometrist_active .m_courses_category_sec .courses_category.optometrist_category {
        display: block;
    }

   
    .courses_page.ophthalmology_btn {
        position: fixed;
        z-index: 9;
    }

    .courses_page.ophthalmology_btn .m_courses_category_sec .courses_category.ophthalmology_category {
        display: block;
    }

    .m_courses_menu .courses_btn {
        font-size: 14px;
        padding: 0 12px 0 0;
    }
    
    /* .courses_page .m_courses_category_sec {
        display: block;
    } */
    /* .courses_page.doctor_active .m_courses_category_sec {
        display: block;
    } */
    /****==== Courses Page ====****/

    /****==== Courses Details Page ====****/
    .courses_details_page {
        margin-top: 256px;
    }
    .courses_details_page .breadcrumb_menu {
        flex-wrap: wrap;
    }
    .courses_details_page .courses_banner {
        padding-top: 170px;
    }
    .courses_details_page .courses_banner .more {
        width: auto;
    }
    .courses_details_page .courses_banner .more svg {
        margin-left: 10px;
    }
	.courses_details_page .courses_banner .text_content .more {
		width: auto;
	}
	.courses_details_page .courses_content .text_content .more svg {
    position: relative;
    top: 0;
}
    .courses_sec .top_sec {
        flex-direction: column;
    }
    .courses_sec .top_sec .title_sec {
        width: 100%;
        text-align: center;
        margin-bottom: 20px;
    }
    .address_location_sec {
        margin-top: -150px;
        margin: -150px auto 90px;
        padding: 50px 30px 30px;
        max-width: 90%;
    }
    .sm_courses_structure_sec {
        flex-direction: column;
    }
    .sm_courses_structure_sec .title_sec {
        width: 100%;
        text-align: center;
        margin-bottom: 20px;
    }
    .sm_courses_structure_sec .title_sec .des {
        width: 100%;
    }
    .sm_courses_accordion .accordion  .course_syllabus_accordion .accordion-item {
        padding: 19px 10px;
    }
    .sm_courses_accordion .accordion .course_syllabus_accordion .accordion-item .accordion-header .accordion-button .syllabus_arrow_icon {
        margin-right: 12px;
    }
    .sm_courses_accordion .accordion .accordion-item .bottom_sec .des {
        width: 100%;
    }
    .courses_details_page .courses_sec .top_sec {
        margin-bottom: 30px;
        flex-direction: column;
    }
    .courses_details_page .courses_sec .top_sec .title_sec {
        width: 100%;
        text-align: center;
        margin-bottom: 30px;
    }
    .sm_courses_accordion .accordion .accordion-item .accordion-collapse .accordion-body .locked_content .lock_form_sec {
        width: 100%;
    }   
    .video_modal .modal-dialog .modal_video {
        height: 190px;
    }
   
    /****==== Courses Details Page ====****/

    /****==== Menu Page ====****/
    .m_full_menu {
        display: block;
    }
    .full_menu_sec {
        margin: 257px 20px 40px;
        padding-top: 30px;
    }

    .full_menu_sec .container {
        padding: 40px 30px;
        display: none;
    }
    
    .m_full_menu .tab_btn_sec .nav-tabs {
        display: flex;
        justify-content: center;
    }

    .full_menu_sec .menu_content .menu_list_content .menu_grid_sec {
        width: 100%;
        flex: 0 0 100%;
    }
    .menu_content {
        padding-top: 20px;
    }
    .m_full_menu .tab_btn_sec .nav-tabs .nav-link {
        display: flex;
        width: 48%;
        align-items: center;
        background: #fff;
        color: #003e77;
        font-size: 14px;
        margin: 0 3px;
        padding: 12px 6px;
        border-radius: 12px;
        justify-content: center;
        margin-bottom: 10px;
        border: 1px solid #003e77;
    }
    .m_full_menu .tab_btn_sec .nav-tabs .nav-link.active {
        background: #003e77;
        color: #fff;
    }
    .m_full_menu .tab_btn_sec .nav-tabs .nav-link .icon {
        width: 37px;
    }

    .m_full_menu .tab_btn_sec .nav-tabs .nav-link .icon svg {
        width: 24px;
        height: auto;
        height: 23px;
    }
    .full_menu_sec .menu_content .menu_list_content .menu_grid_sec .menu_list li .industry_menu_list {
        padding-left: 10%;
    }
 
    /****==== Menu Page ====****/

    

     .footer_sec .footer_menu_sec .f_social_sec {
        flex-wrap: wrap;
        display: flex;
        justify-content: center;
    }
    .footer_sec .footer_menu_sec .f_social_sec a {
        font-size: 15px;
        margin: 0 10px 10px;
    }
    .footer_sec .footer_menu_sec .link_list {
        margin: 14px auto 24px;
        flex-wrap: wrap;
    }

    
    
}

/* 480px */
@media only screen and (max-width: 480px) {

    /* Header Sec */
    .top_header_sec .container {
        padding: 15px 8px 74px;
    }
    .top_header_sec .email_location .email .text_content a {
        font-size: 11px;
        line-height: 15px;
        display: block;
    }
    .m_menu_sec .top_sec .email_location {
        flex-direction: column;
    }
    .top_header_sec .email_location .email .email_icon {
        width: 24px;
        height: 24px;
        margin-right: 8px;
    }
    .top_header_sec .email_location .email {
        margin: 0 6px;
    }
    .top_header_sec .email_location .email .email_icon.location_icon img {
        height: 15px;
    }
    .top_header_sec .email_location .email .email_icon img {
        width: 14px;
    }
    .m_menu_sec .top_sec .email_location .email {
        margin-bottom: 17px;
    }
    .m_menu_sec .top_sec .logo_login .logo {
        width: 60%;
    }
    .title {
        font-size: 20px;
    }
    .des {
        font-size: 14px;
    }
    .more {
        font-size: 14px;
    }
    /****==== Menu Page ====****/
    .m_full_menu .tab_btn_sec .nav-tabs .nav-link {
        font-size: 13px;
        padding: 10px 3px;
        margin-bottom: 10px;
    }
    /****==== Menu Page ====****/
    /****==== Home Page ====****/
    .banner_sec .container .banner_btn .more {
        margin: 0 6px;
        font-size: 18px;
        padding: 10px 12px;
    }
    .about_sec .about_photo_sec .about_us .about {
        font-size: 44px;
    }
    .about_sec .about_photo_sec .about_photo {
        width: 190px;
        height: 250px;
    }
    .about_sec .about_photo_sec .about_photo_two {
        bottom: -42px;
        left: 70px;
        width: 130px;
        height: 140px;
    }
    .about_sec .about_photo_sec .about_us {
        height: 1%;
    }
    .review_sec .review_slider {
        padding: 0 30px;
    }
    /****==== Home Page ====****/


    /****==== Courses Page ====****/
    .courses_sec .nav-tabs .nav-link {
        padding: 8px 7px;
        margin: 0 2px 10px;
        font-size: 11px;
    }
    .courses_page .tab_btn_sec .course_menu_button {
        width: 35px;
        height: 32px;
        margin-right: 2px;
    }
    .courses_sec .courses_list_sec .courses_content .text_content {
        padding: 10px;
    }
    .courses_sec .courses_list_sec .courses_content .text_content .course_title {
        font-size: 14px;
    }
    .courses_sec .courses_list_sec .courses_content .text_content .des {
        font-size: 12px;
    }
    .courses_sec .courses_list_sec .courses_content .text_content .details_btn {
        font-size: 12px;
    }
    .m_courses_category_sec .courses_category_tab_sec .tab-content .category_content .sub_menu {
        padding: 10px 6px;
    }
    .m_courses_category_sec .courses_category_tab_sec .tab-content .category_content .sub_menu li a {
        font-size: 14px;
    }
    .m_courses_category_sec .courses_category_tab_sec .tab-content .category_content .sub_menu .sub_menu {
        padding: 0 0 0 16px;
    }
    .m_courses_category_sec .courses_category_tab_sec .category_tab li button {
        font-size: 13px;
        padding: 14px 8px;
    }
    .m_courses_category_sec .courses_category_tab_sec .category_tab li button .icon {
        top: 0px;
        margin-right: 6px;
        height: 14px;
    }
    .m_courses_category_sec .courses_category_tab_sec .category_tab li button .icon svg {
        height: 9px;
    }
    .m_courses_category_sec .courses_category_tab_sec .tab-content .category_content .sub_menu .sub_menu.industry_menu a {
        width: 154px;
    }
    /****==== Courses Page ====****/

    /****==== Courses Details Page ====****/
    .courses_details_page {
        margin-top: 252px;
    }
    .courses_details_page .courses_content .courses_photo {
        width: 64%;
        flex: 0 0 64%;
        margin: -80px auto 10px;
    }
    .courses_details_page .courses_content .text_content .title {
        font-size: 20px;
    }
    .sm_courses_accordion .accordion .accordion-item .accordion-collapse .accordion-body .course_list li .icon {
        width: 40px;
        margin-right: 18px;
    }
    .sm_courses_accordion .accordion .accordion-item .accordion-collapse .accordion-body .course_list li {
        font-size: 14px;
    }
    .sm_courses_structure_sec .title_sec .title {
        font-size: 24px;
    }
    .sm_courses_accordion .accordion .accordion-item .accordion-button .title {
        font-size: 20px;
    }
    .sm_courses_accordion .accordion .accordion-item .accordion-button .arrow_icon {
        width: 40px;
        height: 40px;
    }
    .sm_courses_accordion .accordion .accordion-item .accordion-button .title {
        font-size: 18px;
    }
    .journey_sec .title {
        font-size: 20px;
    }
    .sm_courses_accordion .accordion .accordion-item .accordion-collapse .accordion-body .locked_content .lock_form_sec .lock_wrapper .lock_form .form-check .form-check-label {
        font-size: 14px;
    }
    .sm_courses_accordion .accordion .accordion-item .accordion-collapse .accordion-body .locked_content .lock_form_sec .lock_wrapper .lock_form .registered {
        font-size: 14px;
    }
    /****==== Courses Details Page ====****/
}