.hidden {
    display: none;
}

.level-wise-slider {
    position: relative;
}

.loading-image {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
}

.loading-image img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50px;
    z-index: 10;
}

.wa-widget-wrapper {
    width: fit-content !important;
    z-index: 2999 !important;
}

#wa-chat-window {
    display: none;
}

.mhn-slide a,
.btn.mt-20 a,
a.read_more {
    text-decoration: none;
    color: inherit;
}

.dropdown-menu>li:first-child {
    color: #842990;
    font-weight: bold;
}

.cookie-banner {
    position: fixed;
    bottom: 40px;
    /* right: 40%;*/
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    max-width: 360px;
    padding: 5px 14px;
    background-color: #eee;
    border-radius: 5px;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
    z-index: 3000;
    text-align: justify;
}

.cookie-banner .close {
    height: 20px;
    background-color: #777;
    border: none;
    color: white;
    border-radius: 2px;
    cursor: pointer;
}

.cookie-banner p {
    padding: 15px 0;
}

.cookie-banner.hidden {
    display: none;
}

.notify-box input[type="email"] {
    width: 200px;
    height: 25px;
    border-radius: 4px;
    padding-left: 5px;
    padding-right: 75px;
}

.notify-box input[type="submit"] {
    margin-left: -75px;
    height: 25px;
    width: 75px;
    color: white;
    border: 0;
    -webkit-appearance: none;
    background-color: #842990;
    padding: 5px 10px;
    border-radius: 4px;
    border-color: #842990;
    cursor: pointer;
    font-family: 'Roboto', sans-serif;
}

.notify-box input[type="submit"].notify-button {
    margin-left: 0;
}

.banner_container {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: 5px;
    padding: 0px 6%;
    width: 100%;
    max-height: 600px;
}

@media only screen and (min-width: 2000px) {
    .imd_banner_explore_button {
        width: 10vw !important;
        margin-bottom: 2.5% !important;
    }
}

* {
    box-sizing: border-box
}

/* Slideshow container */
.slideshow-container {
    max-width: 1930px;
    position: relative;
    margin: auto;
}

/* Hide the images by default */
.mySlides {
    display: none;
}

/* Next & previous buttons */
.prev,
.next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    margin-top: -22px;
    padding: 16px;
    color: white;
    font-weight: bold;
    font-size: 18px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    user-select: none;
}

/* Position the "next button" to the right */
.next {
    right: 0;
    border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
    background-color: rgba(0, 0, 0, 0.8);
}

/* The dots/bullets/indicators */
.dot_new {
    cursor: pointer;
    height: 15px;
    width: 15px;
    margin: 0 2px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
}

.active_new,
.dot_new:hover {
    background-color: #717171;
}

/* Fading animation */
.fade {
    animation-name: fade;
    animation-duration: 1.5s;
}

@keyframes fade {
    from {
        opacity: .4
    }

    to {
        opacity: 1
    }
}

.red {
    color: #ff0000 !important;
}

@media only screen and (max-width: 625px) {
    #boxclose {
        font-size: 20px !important;
        border-radius: 1px !important;
        padding: 6px 1px !important;
    }

    .banner_container {
        grid-template-columns: 1fr;
    }

    .imd_banner_right {
        background-size: contain !important;
        /*height: 56vw !important;*/
        justify-content: center !important;
    }

    .imd_banner_explore_button {
        width: 30vw !important;
    }

    #popup_image {
        width: 25vw !important;
    }

    .countdown_timer {
        width: 4vw !important;
        height: 6vw !important;
        font-size: 5.5vw !important;
    }

    .countdown_timer_colon {
        height: 6vw !important;
        font-size: 5.5vw !important;
    }

    .countdown_names {
        font-size: 2.2vw !important;
    }

    .top_header_logo {
        width: 44.2vw !important;
    }

    .menu_login {
        font-size: 4.32vw !important;
    }

    .login_button {
        width: 26vw !important;
    }

    .sign_up_button {
        width: 26vw !important;
        padding: 7px 13px !important;
    }

    .menu_buttons {
        display: block !important;
    }

    .main_search_container {
        display: none !important;
    }

    .imd_banner_left {
        height: 53.125vw !important;
    }

    .imd_banner_right {
        height: 53.125vw !important;
    }

    .second_banner_img_left {
        width: 80vw !important;
    }

    .second_banner_button {
        width: 75vw !important;
    }

    .second_banner_img_right {
        width: 90% !important;
    }

    /*.reverse_order {
                    display: block !important;
                }*/
    .video_player {
        width: 100vw !important;
        height: 100vw !important;
    }

    #light {
        left: 0 !important;
    }

    .banner_div {
        height: auto !important;
    }

    .second_banner_button_div1 {
        display: none !important;
    }

    .second_banner_button_div2 {
        display: block !important;
    }

    .imd_banner_left_for_new_homepage {
        height: 46.125vw !important;
    }

    .imd_banner_right_for_new_homepage {
        height: 60.125vw !important;
    }

    .imd_banner_right_for_new_homepage div {
        height: unset !important;
    }

    .homepage_offer_message {
        font-size: 7.63vw !important;
    }

    .new_homepage_offers_text {
        font-size: 7.63vw !important;
    }

    .hear_from_customers_div {
        display: block !important;
        height: fit-content !important;
        padding: 1vw 1vw !important;
    }

    .hear_from_customers_div div,
    .hear_from_customers_div div div {
        width: 100% !important;
    }

    .hear_from_customers_right_div {
        padding: 1vw 5vw !important;
    }

    .hear_from_customers_span {
        font-size: 7.63vw !important;
        opacity: 0.65 !important;
    }

    .hear_from_experts_div {
        display: block !important;
        height: fit-content !important;
    }

    .hear_from_experts_div div,
    .hear_from_experts_div div div {
        width: 99% !important;
    }

    .hear_from_experts_left_div {
        padding: 1vw 4vw !important;
    }

    .hear_from_experts_span {
        font-size: 7.63vw !important;
    }

    .hear_form_experts_iframe {
        height: 48.85vw !important;
    }

    .cme_main_div {
        display: block !important;
        height: fit-content !important;
    }

    .cme_main_div div,
    .cme_main_div div div {
        width: 100% !important;
    }

    .cme_right_div {}

    .cme_text {
        width: 90% !important;
        font-size: 4.6vw !important;
        letter-spacing: 0.22px !important;
    }

    .read_more_span {
        font-size: 4.6vw !important;
    }

    .left_arrow_red {
        width: 13vw !important;
        margin-right: 10vw !important;

    }

    .right_arrow_red {
        width: 13vw !important;
        margin-right: 11vw !important;
    }

    .menu_2>li:nth-child(1),
    .menu_2>li:nth-child(2),
    .menu_2>li:nth-child(3) {
        align-self: flex-start !important;
    }

    .doctors_inner {
        width: 276px !important;
        height: 261px !important;
    }

    .doctors_front {
        width: 276px !important;
        height: 261px !important;
    }
}

@media only screen and (min-width: 650px) and (max-width: 1050px) {
    #light {
        left: 25% !important;
        width: 50vw !important;
        height: 50vw !important;
    }

    #boxclose {
        font-size: 20px !important;
        border-radius: 1px !important;
        padding: 6px 1px !important;
    }

    .cme_main_div {
        display: block !important;
        height: fit-content !important;
    }

    .cme_left_div {
        width: 100% !important;
    }

    .cme_right_div {
        width: 100% !important;
    }

    .cme_text {
        width: 95% !important;
        font-size: 1.75vw !important;
    }

    .read_more_span {
        font-size: 1.75vw !important;
    }

    .hear_from_customers_div {
        height: 23.04vw !important;
    }

    .hear_from_customers_span {
        font-size: 3.9vw !important;
        opacity: 0.65 !important;
    }

    .hear_from_experts_div {
        height: 21.9vw !important;
    }

    .hear_from_experts_span {
        width: 100% !important;
        font-size: 3.9vw !important;
    }

    .imd_banner_explore_button {
        width: 18vw !important;
        margin-bottom: 2% !important;
    }

    .top_header_logo {
        width: 16vw !important;
    }

    .search_container form input {
        padding: 6px !important;
        width: 30vw !important;
    }

    .menu_login {
        font-size: 1.46vw !important;
    }

    .dropbtn {
        font-size: 1.86vw !important;
    }

    .homepage_offer_message {
        font-size: 3.9vw !important;
    }

    .new_homepage_offers_text {
        font-size: 4.88vw !important;
    }


    .level_name_li {
        font-size: 2vw !important;
    }

    .course_name_li {
        font-size: 1.5vw !important;
    }

    .dropdown-menu {
        min-width: 32vw !important;
        max-width: 32vw !important
    }
}

@media only screen and (max-width: 1200px) {
    .reverse_order {
        height: auto !important;
    }
}

#fade {
    display: none;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100vw;
    height: 100vh;
    background-color: black;
    z-index: 1001;
    -moz-opacity: 0.8;
    opacity: .80;
    filter: alpha(opacity=80);
}

#light {
    display: none;
    position: absolute;
    top: 10%;
    left: 29%;
    /*max-width: 600px;
                          max-height: 360px;
                          margin-left: -300px;
                          margin-top: -180px;*/
    border: 2px solid #FFF;
    background: #FFF;
    z-index: 1002;
    overflow: visible;
}

#boxclose {
    float: right;
    cursor: pointer;
    color: #fff;
    border: 1px solid #AEAEAE;
    border-radius: 3px;
    background: #222222;
    font-size: 31px;
    font-weight: bold;
    display: inline-block;
    line-height: 0px;
    padding: 11px 3px;
    position: absolute;
    right: 2px;
    top: 2px;
    z-index: 1002;
    opacity: 0.9;
}

.boxclose:before {
    content: "×";
}

#fade:hover~#boxclose {
    display: none;
}

.notifyme_input::placeholder {
    color: white;
    opacity: 1;
    /* Firefox */
}

.notifyme_input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: white;
}

.notifyme_input::-ms-input-placeholder {
    /* Microsoft Edge */
    color: white;
}

.newsletter_input {
    border: unset !important;
}

.newsletter_input::placeholder {
    color: #707070;
    opacity: 1;
    /* Firefox */
}

.newsletter_input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #707070;
}

.newsletter_input::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #707070;
}

.search_container button .search_icon {
    margin-top: -10px !important;
    position: relative !important;
}

.popup {
    display: none;
    z-index: 999;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.05);
}

.popup-content {
    background-color: #fefefe;
    margin: 10% auto;
    padding: 20px;
    border-radius: 9px;
    max-width: 571px;
    max-height: 304px;
    width: 100%;
    height: 100%;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.contact-form-container>input {
    max-height: 39px;
}

.contact-form-container>input::placeholder {
    color: #333333;
}

.scroller-container {
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    background-color: white;
    padding: 10px 0;
}

.scroller-text {
    display: inline-block;
    animation: scrollText 20s linear infinite;
    font-family: Montserrat;
    font-weight: 550;
    will-change: transform;
    /* Optimize rendering */
    font-size: 25px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@keyframes scrollText {
    0% {
        transform: translateX(100%);
    }

    100% {
        transform: translateX(-100%);
    }
}

@keyframes scrollText_mobile {
    0% {
        transform: translateX(50%);
    }

    100% {
        transform: translateX(-100%);
    }
}


/* Highlighted text style */
.highlight {
    color: red;
    font-weight: 550;
}

/* Animation for scrolling text */
@keyframes scrollText {
    0% {
        transform: translateX(100%);
    }

    100% {
        transform: translateX(-100%);
    }
}


@media only screen and (max-width: 1280px) {
    .mhn-inner_pg>img {
        width: 485px !important;
    }
}

@media only screen and (max-width: 1600px) and (min-width: 1281px) {
    .mhn-inner_pg>img {
        width: 600px !important;
    }
}

@media only screen and (max-width: 1024px) {
    .mhn-inner_pg>img {
        width: 400px !important;
    }

    .pg-div h3 {
        font-size: 30px !important;
    }

    .mhn-item_pg {
        min-height: 400px !important;
    }
}

@media only screen and (max-width: 768px) {
    .mhn-item_pg {
        flex-direction: column !important;
    }

    .mhn-inner_pg>img {
        width: 100% !important;
    }

    .pg-div p {
        font-size: 16px !important;
    }
}

@media only screen and (max-width: 320px) {
    #boxclose {
        font-size: 13px !important;
    }
}

@media only screen and (max-width: 767px) {
    img.header_logo {
        margin-left: 0px !important;
    }
}

@media (max-width: 1000px) {
    .download_app_for_phone {
        display: block !important;
    }

    .download_app_for_desktop {
        display: none !important;
    }

    .newsletter_for_homepage {
        margin-left: 0% !important;
    }
}

@media (min-width: 1001px) {
    .download_app_for_phone {
        display: none !important;
    }

    .download_app_for_desktop {
        display: block !important;
    }

    .newsletter_for_homepage {
        margin-left: -1% !important;
    }
}

@media only screen and (min-width: 1031px) and (max-width: 1650px) {
    .imd_banner_explore_button {
        margin-bottom: 2.5% !important;
    }
}

.newsletter_for_homepage {
    /*font-family: montserrat !important;*/
    font-weight: bold !important;
    color: #F2F2F2 !important;
    background-color: #EE343B !important;
}

.doctors_inner {
    cursor: pointer !important;
}

.doctors_inner:hover .doctors_back {
    display: flex !important;
}

.notifyme_input::placeholder {
    color: #333333 !important;
    opacity: 1;
    /* Firefox */
}

@media (max-width: 390px) {
    .scroller-text {
        display: inline-block;
        animation: scrollText_mobile 15s linear infinite;
        font-family: Montserrat;
        font-weight: 550;
        will-change: transform;
        /* Optimize rendering */
        font-size: 15px;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
}

.home-section .head-title{
    font-family: Roboto-Bold;
    text-transform: uppercase;
    font-size: 40px;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
    height: 46px;
}
.slider_cards{
    width: 299px;
    max-width: 299px;
}
.comming_soon-type.owl-carousel, .free-type.owl-carousel{
    justify-content: left;
}
.comming_soon-type.owl-carousel .slider_card_header{
    height: 528px;
}
.free-type.owl-carousel .slider_card_header{
    height: 284px;
}
.comming_soon-type.owl-carousel .slider_cards{
    width: 736px;
    max-width: 736px;
}
.free-type.owl-carousel .slider_cards{
    width: 503px;
    max-width: 503px;
}
.slider_cards .slider_card_header img{
    width: 299px;
    height: 169px;
}
.comming_soon-type.owl-carousel img{
    width: 736px;
    height: 528px;
    min-height: 528px;
}
.free-type.owl-carousel img{
    width: 503px;
    height: 284px;
    min-height: 284px;
}

.slider_card_body h3{
    font-family: Roboto-Bold;
    font-size: 20px;
    letter-spacing: 0px;
    color: #333333;
    opacity: 1;
    height: 75px;
}
.slider_card_body .price{
    font-family: Montserrat-Regular;
    font-size: 16px;
    letter-spacing: 0px;
    opacity: 1;
    font-weight: normal;
}
.slider_card_footer{
    padding: 0;
    border-radius: 0;
}
.slider_card_footer .enroll_now_a{
    padding: 0px;
    width: 100%;
    height: 30px;
    cursor: pointer;
    background-color: #EE343B;
    border: none;
}
.owl-carousel.free-type .slider_card_footer .enroll_now_a{
    height: 76px;
}
.slider_card_footer .enroll_now_a button{
    width: 100%;
    height: 100%;
    border: none;
    letter-spacing: 0.8px;
    color: #FFFFFF;
    text-transform: uppercase;
    opacity: 1;
    background-color: #EE343B;
}
.owl-carousel.free-type .slider_card_footer .enroll_now_a button{
    letter-spacing: 1.4px;
    color: #FFFFFF;
    text-transform: uppercase;
    opacity: 1;
    font-size: 28px;
}
/*.home-page-sections .owl-item{
    margin-right: 13.5px !important;
}*/

.owl-carousel.comming_soon-type .owl-item{
    margin-right: 23px !important;
}

.owl-carousel.free-type .owl-item{
    margin-right: 23px !important;
}
.owl-carousel.comming_soon-type .slider_card_body{
        background: #EE343B;
    padding: 15px;
    max-height: 200px;
}
.owl-carousel.comming_soon-type .slider_card_body h3{
    text-align: center;
    color: #fff;
    font-size: 37px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 90px;
}

.owl-carousel.free-type .slider_card_body h3{
    font-size: 34px;
    height: 127px;
}
.owl-carousel.comming_soon-type .enroll_now_a{
    background: none;
    text-align: center;
}

.owl-carousel.comming_soon-type button.notify-button{
    border-radius: 37px;
    background: #fff;
    border: none;
    letter-spacing: 0px;
    color: #EE343B;
    font-family: 'Roboto';
    font-size: 28px;
    width: 221px;
    height: 68px;
}

#coursesModal {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: auto;
    background-color: rgb(250 249 249 / 50%);
    z-index: 1000;
    border-radius: 0px;
    overflow: hidden;
    display: none;
    padding: 0;
}

#coursesModal .modal-content {
    padding: 20px;
    max-height: 520px;
    overflow-y: auto;
}



#coursesModal .close-modal {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 21px;
    cursor: pointer;
    font-weight: bold;
    background: #fff;
    border-radius: 50%;
    height: 25px;
    width: 25px;
    text-align: center;
    color: #EE343B;
}

.course-modal-body {
    display: flex;
    flex-wrap: wrap;
    gap: 20px; /* Space between course-info elements */
    justify-content: flex-start; /* Align courses to the left */
    padding: 35px;
    background: red;
}

.course-modal-body .course-info {
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 0;
    overflow: hidden;
/*    padding: 15px;*/
    width: 299px;
    max-width: 299px;
}

.course-modal-body .course-info img {
    object-fit: contain;
    width: 299px;
    height: 169px;
}

.course-modal-body .course-info .card_body {
    flex-grow: 1;
    width: 100%;
    text-align: left;
    color: #fff;
}

.card_body h3 {
    margin: 0;
    font-family: Roboto-Bold;
    font-size: 20px;
    letter-spacing: 0px;
    padding-bottom: 5px;
    height: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}


.card_body .short-description {
    font-size: 13px;
    margin-bottom: 30px;
    height: 64px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    font-family: Montserrat-Regular;
    letter-spacing: 0px;
}

.card_body .price-duration {
    width: 100%;
    display: flex;
    justify-content: space-between;
    color: #fff;
    font-family: Montserrat-Regular;
    font-size: 13px;
}
.card_body .price-duration span.price {
    font-weight: bold;
}
.course-modal-body .card_footer {
    margin-top: 30px;
    width: 100%;
}

.course-modal-body .card_footer .enroll_now_a{
    background: none;
    text-align: center;
    padding: 0;
}
.course-modal-body .card_footer button {
    width: 60%;
    background: #FFF;
    border: none;
    padding: 10px;
    cursor: pointer;
    font-size: 14px;
    border-radius: 20px;
    font-weight: bold;
    text-transform: uppercase;
}
.course-modal-body .card_footer button:hover,
.course-modal-body .card_footer button:focus{
        background: #FFF;
}
.course-modal-body .card_footer button a {
    color: #EE343B;
    text-decoration: none;
}

.card_footer button:hover {
    background-color: #d02f34;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .course-info {
        width: calc(50% - 20px); /* Two items per row on smaller screens */
    }
}

@media (max-width: 480px) {
    .course-info {
        width: 100%; /* Single item per row on small screens */
    }
}

@media only screen and (max-width: 625px) {
    .home-section .head-title{
        font-size: 28px;
    }
/*    .owl-carousel.free-type .owl-nav button,
    .owl-carousel.comming_soon-type .owl-nav button{display: none;}*/
    .free-type.owl-carousel .slider_cards, .comming_soon-type.owl-carousel .slider_cards {width: 299px;max-width: 299px;}
    .free-type.owl-carousel img, .comming_soon-type.owl-carousel img{width: 299px; height: inherit; min-height: inherit;}
    .owl-carousel.comming_soon-type .slider_card_body h3{font-size: 30px;}
    .owl-carousel.comming_soon-type button.notify-button{font-size: 23px;width: 182px;height: 50px;}
    .comming_soon-type.owl-carousel .slider_card_header, .free-type.owl-carousel .slider_card_header{height: inherit;}
}