@media only screen and (max-width: 990px) {
    body {
        padding-top: 60px;
    }

    .container {
        padding: 0px 30px;
    }

    .crs_banner_area {
        background: #fff;
        height: 165px;
    }

    .crs_banner_text_head {
        display: none;
    }

    .crs_banner_text_head-mob {
        display: block;
        color: #141c25;
        font-family: Graphik;
        font-size: 29px;
        font-style: normal;
        font-weight: 600 !important;
        line-height: 26.07px;
    }

        .crs_banner_text_head-mob span {
            display: contents;
            color: #226e65;
            font-family: Graphik;
            font-size: 29px;
            font-style: normal;
            font-weight: 600;
            line-height: 26.07px;
        }

    .crs_banner_text-subhead {
        color: #141c25;
        font-family: Lato;
        font-size: 10px;
        font-style: normal;
        font-weight: 400;
        line-height: 12px;
        /* 121.15% */
    }

    .crs_main_box {
        margin-top: 1px;
        display: none;
    }

    .crs_search_bar_area {
        display: none;
    }

    .crs_banner_area-content-head {
        margin-top: 12px;
    }

    .crs_search_bar-_headtext {
        color: #000;
        font-family: Graphik;
        font-size: 11.292px;
        font-style: normal;
        font-weight: 500;
        line-height: 16.938px;
        margin-bottom: 8px;
    }

    .blog-h2-main-tag {
        font-size: 24px;
    }

    .crs_input {
        border-radius: 11.786px;
        background: #fafafa;
        color: var(--Object-Black-60, rgba(27, 27, 27, 0.6));
        font-family: Lato;
        font-size: 11.217px;
        font-style: normal;
        font-weight: 400;
        height: 35px;
        padding: 0px;
    }

    #crs_category {
        height: 35px;
    }

    .crs_searchForm-mob {
        display: block;
    }

    .collage {
        height: 130px;
    }

    .popular-instructor-main-head-box .swiper-slide::before {
        /* background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 70%); */
        height: 200px;
    }

    .inner-form .input-field input {
        width: 100%;
        position: relative;
        padding: 11px 20px;
        font-size: 16px;
        background: #fafafa;
        color: #666;
        border-radius: 11px;
        outline: none;
        margin-left: 5px;
    }

    .form-select:disabled {
        background: #fafafa !important;
        opacity: 1;
    }

    .drop dd ul {
        background-color: #fafafa;
        border: 1px solid #ccc;
        list-style: none;
        padding: 10px 0;
        position: absolute;
        width: 250px;
        z-index: 9;
    }

    .crs_dropdown-icon {
        display: none;
        position: absolute;
        top: 53%;
        right: 17px;
        transform: translateY(-50%);
        pointer-events: none;
        font-size: 13px;
        color: #6c757d;
    }

    .crs_dropdown-icon-mob {
        position: absolute;
        top: 54%;
        right: 17px;
        transform: translateY(-50%);
        pointer-events: none;
        font-size: 13px;
        color: #226e65;
    }

    .drop dt a span {
        cursor: pointer;
        display: block;
        padding: 4px;
        color: #757575;
        overflow: hidden;
        height: 22px;
        width: 63px;
    }

    .dropdown-menu-dark {
        min-width: 100%;
        background-color: #141c25;
    }

    .contry_sel .dropdown-menu a img,
    #dropdownMenuButton img,
    #dropdownMenuButtonB img {
        margin-right: 0px;
    }

    /* top course */
    .crs-top-courses-for-mov-view {
        display: block;
        /* padding: 0px 30px; */
        padding-left: 30px;
        margin-top: -8px;
    }

    .popular-instructor-main-didbox {
        width: 100%;
        margin-top: 30px;
        height: 100%;
        padding: 50px 0px !important;
    }

    .crs_heading-mob {
        display: block;
        color: #141c25;
        font-size: 24.987px;
        font-style: normal;
        font-weight: 600;
        line-height: 26.703px;
    }

        .crs_heading-mob span {
            color: #226e65;
            font-size: 24.987px;
            font-style: normal;
            font-weight: 600;
            line-height: 26.703px;
            /* 106.869% */
        }

    /*
    .crs-top-courses-for-mov-view::after {
      content: "";
      position: absolute;
      top: 0;
      right: 0;
      width: 5%;
      height: 226px;
      background: rgb(255, 255, 255);
      background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
      z-index: 2;
    } */
    .crs_top_courses_mob_view {
        width: 100%;
        height: 100%;
        margin-top: 15px;
    }

        .crs_top_courses_mob_view .swiper-slide {
            font-size: 18px;
            background: #fff;
            /* width: 269.411px;
      height: 220.513px; */
            box-shadow: none;
        }

            .crs_top_courses_mob_view .swiper-slide img {
                display: block;
                width: 100%;
                height: 100%;
                /* object-fit: cover; */
            }

    .card-img-top {
        border-radius: 10.788px !important;
    }

    .crs_top_courses_mob_view.swiper-slide {
        width: 80%;
    }

    .crs_card {
        overflow: hidden;
    }

        /* .crs_card12 {
      height: 130px;
      width: 266px;
    } */
        .crs_card:hover {
            transform: none;
        }

    .pkg_bn {
        white-space: nowrap;
    }

    .crs-top-course-view-all-btn {
        display: block;
        color: #1a393c;
        font-family: Graphik;
        font-size: 11px;
        font-style: normal;
        font-weight: 400;
        margin-top: 6px;
        border-radius: 10px;
        background: #f6f6f6;
        position: relative;
        top: -8px;
        padding: 7px 10px;
        white-space: nowrap;
        height: max-content;
    }

    .mod_btn {
        position: relative;
    }

        .mod_btn button {
            position: absolute;
            top: 10px;
            right: 10px;
            background-color: #ffffff;
            opacity: 1;
            border-radius: 50%;
            padding: 5px;
        }

    .bg_remove {
        background-color: transparent;
        border: 0px;
    }

    .crs-top-course-view-all-btn.view_all {
        display: block;
        color: #1a393c;
        font-family: Graphik;
        font-size: 11px;
        font-style: normal;
        font-weight: 400;
        margin-top: 6px;
        border-radius: 10px;
        background: #f6f6f6;
        position: relative;
        top: -8px;
        padding: 7px 10px;
    }

    .crs_bestsel_main_btn_box {
        margin-top: -55%;
    }

    /* top course end */
    /* register section */
    .crc_register_section {
        display: none;
    }

    .crs_bestseller_btn_atag {
        font-weight: 400;
    }

    .crs_bestseller_btn {
        gap: 0;
    }

    /* register section  end*/
    /* trending course */
    .crs-trending-course-section-pc {
        display: none;
    }

    /* trending course end*/
    /* join us now */
    .crs-join-us-now-mob {
        display: block;
        margin-top: 24px;
    }

    .crs-join-us-now-mob-div {
        border-radius: 10px;
        background: #141c25;
        display: flex;
        padding: 24px;
    }

    .crs-join-us-now-mob-div1 {
        width: 70%;
    }

        .crs-join-us-now-mob-div1 h2 {
            color: #fff;
            font-family: Lato;
            font-size: 10.405px;
            font-style: normal;
            font-weight: 400;
        }

    .crs-join-us-now-mob-div2 {
        width: 30%;
        text-align: center;
    }

        .crs-join-us-now-mob-div2 a {
            border-radius: 15px;
            border: 1px solid #226e65;
            background: #2f363d;
            color: #fff !important;
            font-family: Lato;
            font-size: 9.607px;
            font-style: normal;
            font-weight: 500;
            padding: 5px 12px;
        }

    .crs_abt_join {
        border-radius: 10px;
        background: #141C25;
        padding: 10px 20px;
    }

        .crs_abt_join .btn_join {
            font-size: 9px;
            color: #fff;
            border-radius: 15px;
            border: 1px solid #226E65;
            background: #2F363D;
        }

        .crs_abt_join .join_pera p {
            color: #FFF;
            font-family: Lato;
            font-size: 10.405px;
            font-style: normal;
            font-weight: 400;
            line-height: 13.873px;
            /* 133.333% */
            margin-bottom: 0px;
        }

    /* join us now end*/
    /* instructor start */
    .popular-instructor-main-head-box .swiper-slide {
        width: 145.35px !important;
        height: 200px;
    }

    .crs-popular-instructor-subheading .swiper-slide::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 200px;
        background: rgb(0, 0, 0);
        background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 50%);
        z-index: 1;
        mix-blend-mode: overlay;
        pointer-events: none;
    }

    .crs-popular_heading {
        color: #fff;
        font-family: Graphik;
        font-size: 27px;
        font-style: normal;
        font-weight: 600;
        text-align: left;
        padding: 0px 30px;
        margin: -24px 0px 0px;
    }

        .crs-popular_heading span {
            color: #fff;
            font-family: Graphik;
            font-size: 27px;
            font-style: normal;
            font-weight: 600;
        }

    .crs-popular-instructor-subheading {
        color: #fff;
        font-family: Lato;
        font-size: 10.28px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        text-align: left;
        padding: 0px 30px;
        margin-top: -16px;
        margin-bottom: 26px;
    }

    .crs-popular-instructor-nameheading {
        font-size: 12.517px;
        font-style: normal;
        font-weight: 500;
    }

    .crs-popular-instructor-discription-heading {
        font-size: 9.517px;
        font-style: normal;
        font-weight: 400;
        margin-top: -7px !important;
    }

    /* instructor end */
    /* reels section start */
    .reels-viralseaction-main-section-box {
        display: none;
    }

    .crs-reels-viral-now-mob-div {
        border-radius: 10px;
        background: linear-gradient(248deg, #226e65 -62.21%, #141c25 68.37%);
        padding: 24px;
    }

    .crs-reels-viral-mob-div1 h3 {
        color: #226E65;
        font-family: Lato;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 21px;
    }

    .crs-reels-viral-mob-div1 h2 {
        color: #fff;
        font-family: Graphik;
        font-size: 18.097px;
        font-style: normal;
        font-weight: 600;
        line-height: 40.007px;
    }

    .crs-reels-viral-mob-div1 p {
        color: #fff;
        font-family: Lato;
        font-size: 10.405px;
        font-style: normal;
        font-weight: 400;
        line-height: 13.873px;
        margin-top: -11px;
    }

    .crs-reels-viral-mob-div2 a {
        border-radius: 15px;
        border: 1px solid #226e65;
        background: #2f363d;
        color: #fff !important;
        font-family: Lato;
        font-size: 9.607px;
        font-style: normal;
        font-weight: 500;
        padding: 5px 12px;
        box-shadow: 0px 0px 4px 0px #226e65, 0px 4px 4px 0px rgba(0, 0, 0, 0.25) inset;
    }

    /* reels section end */
    /* ===================================   course details    ============================================== */
    .conclave_title h4 {
        color: #141C25;
        font-family: Graphik;
        font-size: 25px;
        font-style: normal;
        font-weight: 700;
        margin-bottom: 0px;
    }

    .conclave_title p {
        color: #141C25;
        font-family: Lato;
        font-size: 11px;
        font-style: normal;
        font-weight: 400;
        line-height: 15.163px;
        /* 246.934% */
    }

    .pon_conclave {
        position: relative;
    }

        .pon_conclave span {
            position: absolute;
            right: 5px;
            top: 10px;
            color: #FFF;
            font-family: Lato;
            font-size: 10px;
            font-style: normal;
            font-weight: 500;
            line-height: 7.188px;
            opacity: 0.6;
        }

        .pon_conclave p {
            position: absolute;
            right: 5px;
            bottom: 10px;
            color: #FFF;
            text-align: center;
            font-family: Graphik;
            font-size: 25px;
            font-style: normal;
            font-weight: 700;
            line-height: 10.852px;
            margin-bottom: 0;
        }

    .conclave_info p {
        color: #1E1E1E;
        font-family: Lato;
        font-size: 10px;
        font-style: normal;
        font-weight: 500;
        line-height: 11.5px;
        margin-top: 5px;
        margin-bottom: 0;
    }

    /* video section */
    .crs-details-video-section-pc-viw {
        display: none;
    }

    .crs-details-video-section-mob-viw {
        display: block;
    }

    .embed-responsive-item {
        width: 100%;
        height: 100% !important;
    }

    .embed-responsive {
        height: 239px;
    }

    .crs-details-mob-video-heading-section {
        display: flex;
        justify-content: space-between;
        margin-top: 27px;
    }

    .crs-details-mob-video-heading-section1 h2 {
        color: #051926;
        font-family: Lato;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 24px;
        margin: 0px 0px 0px;
    }

    .crs-details-mob-video-heading-section1 span {
        color: #858383;
        font-family: Lato;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 16px;
        letter-spacing: 0.2px;
    }

    .crs-details-mob-video-heading-section2 a {
        border-radius: 10px;
        background: #226e65;
        color: #fff;
        font-family: Lato;
        font-size: 11px;
        font-style: normal;
        font-weight: 400;
        line-height: 14.276px;
        padding: 9px 10px;
    }

    .tab-background {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        transition: width 0.3s, left 0.3s;
        border-radius: 50px;
        background: #141c25;
        color: white !important;
    }

    .tab-button {
        color: black;
        margin: 0px !important;
        font-size: 12.145px;
    }

    .tab-background .tab-button {
        color: white;
    }

    .tab-container {
        justify-content: space-between;
    }

        .tab-container .active {
            color: white;
            padding: 5px 11px;
        }

    .crs-det-aboutcrs-req .nav-tabs .nav-item .active {
        color: #000 !important;
        font-family: Graphik;
        font-size: 15px;
        font-style: normal;
        font-weight: 600;
        line-height: 21px;
        margin: 0px 0px 0px 0px !important;
    }

    .crs-detail-require-course {
        color: #a9a9a9;
        font-family: Graphik;
        font-size: 11.25px;
        font-style: normal;
        font-weight: 600;
        line-height: 19.835px;
        text-decoration: none;
        padding: 0px 7px;
    }

    .crs-about {
        color: var(--Object-Black-60, rgba(27, 27, 27, 0.6));
        font-family: Lato;
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: 22.068px;
        margin-top: 15px;
    }

    .overview-mob-crs-det-section {
        display: flex;
        padding-bottom: 6%;
    }

        .overview-mob-crs-det-section span {
            padding-left: 7%;
            color: #141c25;
            font-family: Lato;
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            letter-spacing: 0.2px;
        }

    /* learning */
    .crs-det-mob-viw-collapse-container {
        cursor: pointer;
        margin-bottom: 0px;
        justify-content: space-between;
        align-items: center;
        position: relative;
    }

    .crs-det-mob-viw-collapse-header {
        border: 1px solid #ccc;
        border-radius: 15px;
        padding: 10px 20px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
    }

    .crs-det-mob-viw-collapse-title {
        font-size: 16px;
        font-weight: 500;
    }

    .crs-det-mob-viw-collapse-highlight {
        color: #008080;
        /* Highlight text color */
    }

    .crs-det-mob-viw-collapse-icon {
        width: 30px;
        height: 30px;
        background-color: #1a1a1a;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .crs-det-mob-viw-collapse-icon i {
            border-width: 0 2px 2px 0;
            display: inline-block;
            padding: 4px;
            transition: transform 0.3s ease-in-out;
            color: white;
        }

        .crs-det-mob-viw-collapse-icon .down {
            transform: rotate(5deg);
        }

        .crs-det-mob-viw-collapse-icon .up {
            transform: rotate(-179deg);
        }

    .crs-det-mob-viw-collapse-content {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.6s ease, padding 0.6s ease;
        background: linear-gradient(180deg, #226e65 0%, #141c25 100%);
        border-radius: 15px;
        padding: 0 20px;
        margin-top: 10px;
        padding-top: 0;
        padding-bottom: 0;
    }

    .crs_package_banner_area {
        padding-top: 51px;
    }

    .card_pks_prc .pks_prc span {
        display: none;
    }

    .course_pak_img {
        top: 81%;
    }

    .abt_promo_price h2 {
        font-weight: bolder;
    }

    .pks_prc {
        transform: rotate(0);
    }

    .abt_promo_price_txt span {
        display: none;
    }

    .crs-det-mob-viw-collapse-content.open {
        max-height: 300px !important;
        height: auto !important;
        /* Adjust according to content size */
        padding-top: 15px;
        padding-bottom: 15px;
        margin-bottom: 15px;
    }

    .crs-det-mob-viw-collapse-content ul {
        list-style-type: disc;
    }

    .crs-det-mob-viw-collapse-content p span {
        color: #fff !important;
        font-family: Lato;
        font-size: 10px;
        font-style: normal;
        font-weight: 300;
        line-height: 16.984px;
        margin-top: 9px;
    }

    .crs-det-mob-viw-collapse-content ul {
        list-style-type: disc;
    }

    .crs-det-mob-viw-collapse-content li {
        color: #fff !important;
        font-family: Lato;
        font-size: 10px;
        font-style: normal;
        font-weight: 300;
        line-height: 16.984px;
        margin-top: 9px;
    }


    .crs-det-mob-viw-collapse-content.open {
        max-height: 300px;
        /* Adjust according to content size */
        padding-top: 15px;
        padding-bottom: 15px;
    }

    /* certificate */
    .crs-details-mob-viw-certificate-div {
        border-radius: 10px;
        background: #141c25;
        text-align: center;
        margin-top: 75px;
        padding-bottom: 15px;
        padding-right: 10px;
        padding-left: 10px;
    }

        .crs-details-mob-viw-certificate-div h2 {
            color: #fff;
            font-family: Graphik;
            font-size: 20.097px;
            font-style: normal;
            font-weight: 600;
            line-height: 32.007px;
            margin: -42px 0px 0px;
        }

        .crs-details-mob-viw-certificate-div span {
            color: #226e65;
            font-family: Graphik;
            font-size: 20.097px;
            font-style: normal;
            font-weight: 600;
            line-height: 32.007px;
        }

        .crs-details-mob-viw-certificate-div p {
            color: #fff;
            font-family: Lato;
            font-size: 10.405px;
            font-style: normal;
            font-weight: 400;
            line-height: 13.873px;
            margin: 0px 0px 8px;
        }

        .crs-details-mob-viw-certificate-div a {
            border-radius: 15px;
            background: #2f363d;
            color: #fff;
            padding: 7px 15px;
            font-family: Lato;
            font-size: 11px;
            font-style: normal;
            font-weight: 500;
            line-height: 18.085px;
        }

    .crs-details-mob-viw-certificate-img-div {
        width: 143px;
        height: 96px;
        display: block;
        margin: auto;
    }

    .crs-details-mob-viw-certificate-img-only {
        position: relative;
        top: -54px;
        border-radius: 8.945px;
        background: url(<path-to-image>) lightgray 50%/cover no-repeat;
        box-shadow: -14px -21px 7px 0px rgba(0, 0, 0, 0), -9px -13px 6px 0px rgba(0, 0, 0, 0.01), -5px -7px 5px 0px rgba(0, 0, 0, 0.05), -2px -3px 4px 0px rgba(0, 0, 0, 0.09), -1px -1px 2px 0px rgba(0, 0, 0, 0.1);
    }

    /* media minute slider */
    .crs-det-mov-viw-media-minute-section-cont h2 {
        color: #141c25;
        text-align: center;
        font-family: Graphik;
        font-size: 24.018px;
        font-style: normal;
        font-weight: 600;
        line-height: 34.026px;
    }

    .crs-det-mov-viw-media-minute-section-cont span {
        color: #226e65;
        font-family: Graphik;
        font-size: 24.018px;
        font-style: normal;
        font-weight: 600;
        line-height: 34.026px;
    }

    .Swiper_ind_ac {
        padding-bottom: 10px;
    }

        .Swiper_ind_ac .swiper-wrapper .swiper-slide {
            border-radius: 8.77px;
            background: #f6f8fa;
            padding: 2px 10px;
        }

            .Swiper_ind_ac .swiper-wrapper .swiper-slide img {
                display: block;
                margin: auto;
            }

    .Swiper_ind_CARB .swiper-wrapper .swiper-slide {
        border-radius: 8.77px;
        background: #f6f8fa;
        padding: 2px 10px;
    }

        .Swiper_ind_CARB .swiper-wrapper .swiper-slide img {
            display: block;
            margin: auto;
        }

    .crs-package-bnner-contnt-h2 {
        font-size: 41.726px;
    }

        .crs-package-bnner-contnt-h2::before {
            content: '';
            width: 100%;
            height: 5px;
            background-color: #226e65;
            bottom: 9%;
            border-radius: 0px 10px 10px 0px;
            position: absolute;
            z-index: -1;
        }

    /* questions */
    .crs-questions-accordion {
        margin-top: 0px;
        margin-left: 0px;
    }

    .crs-questions-question {
        padding: 17.527px 17.527px 17.527px 0px !important;
    }

    .crs-questions-item {
        border-top: none;
        border-left: none;
        border-right: none;
        border-bottom: 2px solid rgb(222, 222, 222);
        border-radius: 0%;
    }

    .crs-questions-answer {
        border-top: none;
    }

    .extra-extra-large {
        padding: 17.527px !important;
    }

    .crs-questions-enroll-btn {
        display: none;
    }

    .crs-questions-subtitle {
        display: none;
    }

    .crs-det-question-mob-img {
        display: none;
    }

    .crs-questions-title {
        display: none;
    }

    .crs-questions-title-mob {
        color: #141c25;
        font-family: Graphik;
        font-size: 24px;
        font-style: normal;
        font-weight: 600;
        line-height: 120%;
    }

    .crs-questions-title-text-success {
        display: none;
    }

    .crs-questions-title-text-success-mob {
        color: #226e65;
        font-family: Graphik;
        font-size: 24px;
        font-style: normal;
        font-weight: 600;
        line-height: 120%;
    }

    .crs-questions-toggle {
        background: transparent !important;
    }

    /* instructor */
    .crs-details-instructor-for-mob {
        display: block !important;
    }

        .crs-details-instructor-for-mob h3 {
            color: #141c25;
            font-family: Lato;
            font-size: 15px;
            font-style: normal;
            font-weight: 600;
            line-height: 24px;
            margin-top: 20px;
        }

    .crs-details-instructor-for-mob-outer {
        display: flex;
        justify-content: space-between;
    }

        .crs-details-instructor-for-mob-outer h2 {
            color: #141c25;
            font-family: Lato;
            font-size: 14.4px;
            font-style: normal;
            font-weight: 600;
            line-height: 28.921px;
            margin: 7px 11px -9px;
        }

        .crs-details-instructor-for-mob-outer span {
            color: #858383;
            font-family: Lato;
            font-size: 12px;
            font-style: normal;
            font-weight: 500;
            line-height: 28.921px;
            margin: 0px 11px 0px;
        }

    .crs-detail-mob-viw-instructor-a-tag {
        position: relative;
        top: 12px;
        border-radius: 10px;
        background: #fafafa;
        color: var(--Object-Black-60, rgba(27, 27, 27, 0.6));
        font-family: Lato;
        font-size: 11px;
        font-style: normal;
        font-weight: 400;
        line-height: 14.276px;
        padding: 7px 10px;
    }

    /* =====================    blog start    ================================= */
    .blog-card-body-main-box2 {
        padding: 0px 0px !important;
    }

    .main-heading-blog-with-gradient h1 {
        font-size: 64.426px;
    }

    .main-heading-blog-with-gradient {
        border-top: none;
        border-bottom: none;
        margin-bottom: 1px;
    }

    .blog-card-body-main-box span {
        font-size: 12px;
    }

    .blog-inn-instructor-con {
        border: 0px;
    }

    .blog-card-body-main-box h5 {
        font-size: 24px;
    }

    .blog-card-body-main-box p {
        font-size: 16px;
    }

    .mt_30 {
        margin-top: 30px;
        ;
    }

    .blog-option-btns-wor span {
        color: #fff;
        text-align: center;
        font-family: Lato;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 20px;
    }

    .crs_search_bar_area2 {
        display: none;
    }

    .crs_search_bar_area222 {
        display: block;
    }

    .crs_search_bar_containerr2 {
        padding: 0px 0px !important;
        background-color: none;
        box-shadow: none;
        margin-top: 25px;
    }

    .blog-main-section-heading {
        margin-top: 25px;
    }

    .crs_search_bar-_headtext-pc {
        display: none;
    }

    .crs_search_bar-_headtext-mob {
        display: block;
        padding-left: 10px;
    }

    /* =====================    blog end    ================================= */
    /* ======================    about us start     ========================= */
    .crs-about-us-container-section-class h1 {
        color: #141c25;
        font-family: Graphik;
        font-size: 24px;
        font-style: normal;
        font-weight: 600;
        line-height: 45.221px;
        letter-spacing: -1px;
        text-align: left;
        padding: 0px 30px;
    }

    .crs-about-us-container-section-class p {
        color: #000;
        font-family: Graphik;
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: 20.178px;
        text-align: left;
        padding: 0px 30px;
        margin: -15px 0px 0px;
    }

    .about-us-counter-mov-viw-main-div {
        background-color: #141c25;
        display: flex;
        justify-content: space-between;
        padding: 15px 21px;
        border-radius: 10px;
    }

    .about-us-counter-mov-viw1 {
        padding: 8px 18px;
        text-align: center;
        border-right: 2px solid white;
    }

    .about-us-counter-mov-viw2 {
        padding: 8px 12px;
        text-align: center;
    }

    .about-us-counter-mov-viw3 {
        padding: 8px 18px;
        text-align: center;
        border-left: 2px solid white;
    }

    .about-us-counter-mov-viw1 h3 {
        color: #fff;
        font-family: Graphik;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        margin: 0px 0px -6px;
    }

    .about-us-counter-mov-viw2 h3 {
        color: #fff;
        font-family: Graphik;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        margin: 0px 0px -6px;
    }

    .about-us-counter-mov-viw3 h3 {
        color: #fff;
        font-family: Graphik;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        margin: 0px 0px -6px;
    }

    .about-us-counter-mov-viw1 span {
        color: #a6a6a6;
        font-family: "Helvetica Neue";
        font-size: 8.151px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

    .about-us-counter-mov-viw2 span {
        color: #a6a6a6;
        font-family: "Helvetica Neue";
        font-size: 8.151px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

    .about-us-counter-mov-viw3 span {
        color: #a6a6a6;
        font-family: "Helvetica Neue";
        font-size: 8.151px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

    .ambition-about-us-mob-viw-inner-cont-div {
        position: relative;
    }

    .ambition-about-us-mob-viw-inner-cont-div-2nd {
        position: relative;
    }

    .ambition-about-us-mob-viw-inner-cont-div h3 {
        color: #fff;
        font-family: Graphik;
        font-size: 40.288px;
        font-style: normal;
        font-weight: 600;
        line-height: 28.384px;
        position: absolute;
        border-bottom: 2px solid white;
        width: 89%;
        margin: 48px 35px;
        padding-bottom: 7px;
    }

    .ambition-about-us-mob-viw-inner-cont-div p {
        color: #fff;
        font-family: Lato;
        font-size: 14.712px;
        font-style: normal;
        font-weight: 400;
        /* line-height: 16.96px; */
        position: absolute;
        margin: 131px 35px;
    }

    .ambition-about-us-mob-viw-inner-cont-div-2nd h3 {
        color: #fff;
        font-family: Graphik;
        font-size: 40.288px;
        font-style: normal;
        font-weight: 600;
        line-height: 28.384px;
        position: absolute;
        border-bottom: 2px solid white;
        width: 89%;
        margin: 80px 35px;
        padding-bottom: 7px;
    }

    .ambition-about-us-mob-viw-inner-cont-div-2nd p {
        color: #fff;
        font-family: Lato;
        font-size: 14.712px;
        font-style: normal;
        font-weight: 400;
        /* line-height: 16.96px; */
        position: absolute;
        margin: 174px 35px;
    }

    .personality-present-main-div-img-mob-viw {
        height: 112px;
        width: 100%;
        border-radius: 23px;
        overflow: hidden;
        margin: 20px 0px;
        position: relative;
    }

    .personality-present-main-div-img-mob-viw1 {
        height: 100%;
    }

    .personality-present-main-div-cont-mob-viw-full {
        position: absolute;
        left: 0;
        bottom: 0;
        display: flex;
        width: 100%;
        justify-content: space-between;
        padding: 6px 16px;
    }

    .personality-present-main-div-cont-mob-viw-heading h3 {
        color: #fff;
        font-family: Graphik;
        font-size: 30.243px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        margin: 0px 0px -7px;
    }

    .personality-present-main-div-cont-mob-viw-heading span {
        color: #fff;
        font-size: 7.847px;
        font-style: normal;
        font-weight: 400;
        line-height: 15px;
        display: block;
        margin-top: 15px;
    }

    .personality-present-main-div-cont-mob-viw-atag span {
        border: 1px solid white;
        border-radius: 43.86px;
        padding: 3.018px 12.035px;
        color: white;
        display: block;
        margin-top: 23px;
        margin-right: -7px;
        font-size: 11px;
    }

    .personality-present-main-div-afterlinkcont-mob-viw {
        text-align: center;
    }

    /* ======================    about us end     ========================= */
    /* ========================     trips page start     ======================= */
    .mob_curvimg {
        width: 100% !important;
        height: 100% !important;
        margin-top: -76px !important;
    }

    .mySwiper221 {
        height: 230px !important;
    }



    .trip-ext-container {
        width: 100%;
        display: flex;
    }

    .trip-ext-image-large {
        width: 40%;
        height: 135px;
    }

    .trip-ext-image-group {
        width: 35%;
        height: 135px;
        display: flex;
    }

    .trip-ext-image-small {
        width: 40%;
        height: 100%;
    }

    .trip-ext-image-medium {
        width: 60%;
    }

    .trip-ext-image-flex {
        display: flex;
    }

    .trip-ext-image-side {
        width: 25%;
        height: 135px;
    }

    .trip-ext-img-cover-full {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .trip-ext-img-cover {
        width: 100%;
        object-fit: cover;
    }

    .padding-small-bottom {
        padding-bottom: 2px;
    }

    .padding-small-top {
        padding-top: 2px;
    }

    .padding-small-sides {
        padding-left: 2px;
        padding-right: 2px;
    }

    .trip-ext-image-70 {
        width: 70%;
        height: 100%;
    }

    .trip-ext-image-30 {
        width: 30%;
        height: 100%;
    }

    .trip-ext-row {
        width: 100%;
        display: flex;
        margin-top: 4px;
    }

    .trip-ext-section-large {
        width: 40%;
        height: 92px;
        display: flex;
    }

    .trip-ext-section-medium {
        width: 35%;
        height: 92px;
        display: flex;
    }

    .trip-ext-section-small {
        width: 25%;
        height: 92px;
    }

    .trip-ext-img-half {
        width: 50%;
        height: 100%;
        object-fit: cover;
    }

    .trip-ext-img-70 {
        width: 70%;
        height: 100%;
        object-fit: cover;
    }

    .trip-ext-img-30 {
        width: 30%;
        height: 100%;
        object-fit: cover;
    }

    .trip-ext-img-full {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .padding-small-right {
        padding-right: 2px;
    }

    .padding-small-left {
        padding-left: 2px;
    }

    .padding-small-sides {
        padding-left: 2px;
        padding-right: 2px;
    }

    .mar-triplocalEscape {
        margin-top: -25px !important;
    }

    .top-mar-wor {
        margin-top: 30px;
    }



    .trips-main-heading-dubai-mob-viw h2 {
        color: #141c25;
        font-family: Graphik;
        font-size: 25px;
        font-style: normal;
        font-weight: 700;
        line-height: 49.852px;
        margin-top: 10px;
    }

    .trips-main-heading-dubai-mob-viw p {
        color: #141c25;
        font-family: Lato;
        font-size: 11px;
        font-style: normal;
        font-weight: 400;
        line-height: 27.163px;
        /* 246.934% */
        margin: -19px 0px -17px;
    }

    .trips-main-heading-dubai-mob-viw span {
        color: #226e65;
        font-family: Graphik;
        font-size: 25px;
        font-style: normal;
        font-weight: 700;
        line-height: 49.852px;
    }

    .trips-dubai-mobile-view-wor img {
        width: 100%;
        height: 355px;
        border-top-left-radius: 55px;
        border-top-right-radius: 55px;
        -o-object-fit: cover;
        object-fit: cover;
    }

    .trips-dubai-mobile-view-wor h2 {
        color: #fff;
        font-family: Graphik;
        font-size: 63.293px;
        font-style: normal;
        font-weight: 700;
        line-height: 82.281px;
        position: absolute;
        right: 12px;
        margin-top: -128px;
    }

    .trip-dubai-content-mob-viw {
        width: 100%;
        height: 345px;
        /* border-top-left-radius: 90% 20%;
      border-top-right-radius: 90% 20%; */
        overflow: hidden;
        margin-top: -46px;
        filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0));
        background-color: #fff;
        margin-bottom: 15px;
    }

    .trip-dubai-content-mob-viw1 p {
        color: #161c28;
        text-align: center;
        font-family: Lato;
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        padding: 35px;
        padding-bottom: 0px;
        padding-top: 5px;
    }

    .personality-present-main-div-img-mob-viw-trips {
        height: 140px;
        width: 100%;
        border-radius: 23px;
        overflow: hidden;
        margin: 20px 0px;
        position: relative;
    }

    .trips-local-escapes-pleces-name-mob-viw1 {
        background: rgba(141, 141, 141, 0.3);
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        text-align: center;
    }

    .trips-local-escapes-pleces-name-mob-viw2 {
        background-color: #d4d5d6;
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        text-align: center;
    }

    .trips-local-escapes-pleces-name-mob-viw3 {
        background: rgba(141, 141, 141, 0.3);
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        text-align: center;
    }

    .trips-local-escapes-pleces-name-mob-viw4 {
        background: rgba(141, 141, 141, 0.3);
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        text-align: center;
    }

    .trips-local-escapes-pleces-name-mob-viw1 h2 {
        color: #fff;
        text-align: center;
        font-family: Graphik;
        font-size: 22px;
        font-style: normal;
        font-weight: 700;
        margin: 0px 0px 0px;
    }

    .trips-local-escapes-pleces-name-mob-viw2 h2 {
        color: #fff;
        text-align: center;
        font-family: Graphik;
        font-size: 22px;
        font-style: normal;
        font-weight: 700;
        margin: 0px 0px 0px;
    }

    .trips-local-escapes-pleces-name-mob-viw3 h2 {
        color: #fff;
        text-align: center;
        font-family: Graphik;
        font-size: 22px;
        font-style: normal;
        font-weight: 700;
        margin: 0px 0px 0px;
    }

    .trips-local-escapes-pleces-name-mob-viw4 h2 {
        color: #fff;
        text-align: center;
        font-family: Graphik;
        font-size: 22px;
        font-style: normal;
        font-weight: 700;
        margin: 0px 0px 0px;
    }

    .trips-slider-height-work-mob-viw {
        height: 300px !important;
    }

    /* ========================     trips page end     ======================= */
    /* ========================     Expert Page Start     ======================= */
    .meet_expert .container .meet_info {
        background-color: #141c25;
        margin-top: 30px;
        border-radius: 22px;
        padding: 25px 10px;
    }

        .meet_expert .container .meet_info .expert_inner {
            margin-bottom: 20px;
        }

            .meet_expert .container .meet_info .expert_inner h1 {
                text-align: center;
                color: #fff;
                font-family: Graphik;
                font-size: 24px;
                font-weight: 600;
            }

        .meet_expert .container .meet_info .expert_main_profile {
            width: 150.552px;
            height: 152.328px;
            display: block;
            margin: auto;
            border-radius: 50%;
            overflow: hidden;
        }

            .meet_expert .container .meet_info .expert_main_profile img {
                width: 100%;
                height: 100%;
                -o-object-fit: cover;
                object-fit: cover;
            }

        .meet_expert .container .meet_info .expert_work {
            display: grid;
            justify-content: center;
            text-align: center;
            margin-top: 20px;
        }

            .meet_expert .container .meet_info .expert_work h2 {
                color: #fff;
                font-family: Graphik;
                font-size: 18.39px;
                font-weight: 700;
            }

            .meet_expert .container .meet_info .expert_work ul {
                text-align: start;
            }

                .meet_expert .container .meet_info .expert_work ul li {
                    color: #fff;
                    font-size: 12.632px;
                    font-weight: 400;
                }

        .meet_expert .container .meet_info .expert_content {
            padding: 20px 45px;
            position: relative;
        }

            .meet_expert .container .meet_info .expert_content .expert_svg_work1 {
                position: absolute;
                top: 5%;
                left: 5%;
            }

                .meet_expert .container .meet_info .expert_content .expert_svg_work1 svg {
                    width: 22px;
                }

            .meet_expert .container .meet_info .expert_content p {
                color: #fff;
                text-align: center;
                font-family: Lato;
                font-size: 12.883px;
                font-style: italic;
                font-weight: 400;
                line-height: normal;
            }

            .meet_expert .container .meet_info .expert_content .expert_svg_work2 {
                position: absolute;
                bottom: 15%;
                right: 5%;
            }

                .meet_expert .container .meet_info .expert_content .expert_svg_work2 svg {
                    width: 22px;
                }

    .abt_expert_section {
        margin-top: 40px;
    }

        .abt_expert_section .container .expert_inner_content {
            padding: 25px;
            border-radius: 22px;
            background: #fff;
            box-shadow: 37px 37px 15px 0px rgba(0, 0, 0, 0), 24px 23px 13px 0px rgba(0, 0, 0, 0.01), 13px 13px 11px 0px rgba(0, 0, 0, 0.05), 6px 6px 8px 0px rgba(0, 0, 0, 0.09), 1px 1px 5px 0px rgba(0, 0, 0, 0.1);
            overflow: hidden;
        }

            .abt_expert_section .container .expert_inner_content h2 {
                position: relative;
                color: #141c25;
                font-family: Graphik;
                font-size: 18.567px;
                font-weight: 600;
                margin-bottom: 15px;
            }

                .abt_expert_section .container .expert_inner_content h2::before {
                    content: "";
                    position: absolute;
                    width: 42%;
                    height: 1.5px;
                    background-color: #5c6168;
                    left: -14%;
                    bottom: -25%;
                }

            .abt_expert_section .container .expert_inner_content p {
                color: #30353d;
                font-family: Lato;
                font-size: 12.058px;
                font-weight: 400;
            }

            .abt_expert_section .container .expert_inner_content .expert_inner_content2 h2 {
                position: relative;
                color: #141c25;
                font-family: Graphik;
                font-size: 20.567px;
                font-weight: 600;
                margin-bottom: 15px;
            }

                .abt_expert_section .container .expert_inner_content .expert_inner_content2 h2::before {
                    content: "";
                    position: absolute;
                    width: 75%;
                    height: 1.5px;
                    background-color: #5c6168;
                    left: -14%;
                    bottom: -25%;
                }

    .expert_testimonials_section {
        overflow: hidden;
        padding-bottom: 30px;
    }

        .expert_testimonials_section .container .expert-testimonials h2 {
            font-size: 48.401px;
            margin: 20px -68px 0px -68px;
            line-height: 35px;
        }

    .expert-review-scale-section-start-inner-box:hover {
        transform: scale(1);
    }

    .expert_testimonials_section {
        position: relative;
    }

    .quotes {
        position: absolute;
        top: 50%;
        left: 0%;
        transform: translate(50%, 50%);
    }

    .expert_testimonials_section .container .test_content h2 {
        color: #000;
        text-align: center;
        font-family: Lato;
        font-size: 19.804px;
        font-weight: 600;
    }

    .expert_testimonials_section .container .test_content p {
        color: #000;
        text-align: center;
        font-family: Lato;
        font-size: 11px;
        font-weight: 400;
    }

    .top-crs-containr-martop {
        padding: 0px 30px;
    }

        .top-crs-containr-martop h2 {
            /* width: 64%; */
        }

    /* ========================     Expert Page End     ======================= */

    /* ============================    testimonials start   =========================== */
    .testimonials_page .testimonialList {
        display: none;
    }


    .testimonials_pagemob .testimonialList .single {
        border-radius: 14.466px;
        border: 0.723px solid var(--Neutral-300, #EFF0F6);
        background: #F2F2F2;
        box-shadow: 0px 3.617px 10.126px 0px rgba(8, 15, 52, 0.04);
        padding: 38px 39px;
    }

    .testimonials_pagemob .testimonialList .single {
        border-radius: 14.466px;
        border: 0.723px solid var(--Neutral-300, #EFF0F6);
        background: #F2F2F2;
        box-shadow: 0px 3.617px 10.126px 0px rgba(8, 15, 52, 0.04);
        padding: 38px 39px;
    }

    .testimonials_pagemob .testimonialList .single2 {
        border-radius: 12.48px;
        border: 0.624px solid var(--Neutral-300, #EFF0F6);
        background: var(--Neutral-100, #FFF);
        box-shadow: 0px 3.12px 8.736px 0px rgba(8, 15, 52, 0.04);
        padding: 38px 39px;
    }

    .testimonials_pagemob .testimonialList .single .text h2 {
        color: var(--Neutral-800, #170F49);
        font-family: Graphik;
        font-size: 15.913px;
        font-style: normal;
        font-weight: 500;
        line-height: 20.252px;
        /* 127.273% */
    }

    .testimonials_pagemob .testimonialList .single .text p {
        color: var(--Neutral-600, #6F6C90);
        font-family: Lato;
        font-size: 13.019px;
        font-style: normal;
        font-weight: 400;
        line-height: 21.699px;
        /* 166.667% */
    }

    .testimonials_pagemob .testimonialList .single2 .text h2 {
        color: var(--Neutral-800, #170F49);
        font-family: Graphik;
        font-size: 15.913px;
        font-style: normal;
        font-weight: 500;
        line-height: 20.252px;
        /* 127.273% */
    }

    .testimonials_pagemob .testimonialList .single2 .text p {
        color: var(--Neutral-600, #6F6C90);
        font-family: Lato;
        font-size: 13.019px;
        font-style: normal;
        font-weight: 400;
        line-height: 21.699px;
        /* 166.667% */
    }




    .testimonials_pagemob .testimonialList .profile {
        display: flex;
    }

        .testimonials_pagemob .testimonialList .profile .image {
            width: 55.005px;
            height: 55.005px;
            border-radius: 78.161px;
            overflow: hidden;
        }

            .testimonials_pagemob .testimonialList .profile .image img {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }

        .testimonials_pagemob .testimonialList .profile .name h2 {
            color: var(--Neutral-800, #170F49);
            font-family: Graphik;
            font-size: 13.019px;
            font-style: normal;
            font-weight: 500;
            line-height: 14.466px;
            /* 111.111% */
            margin: 10px 12px -1px;
        }

        .testimonials_pagemob .testimonialList .profile .name span {
            color: var(--Neutral-600, #6F6C90);
            font-feature-settings: 'liga' off, 'clig' off;
            font-family: Lato;
            font-size: 13.019px;
            font-style: normal;
            font-weight: 400;
            line-height: 14.466px;
            /* 111.111% */
            margin: 0px 12px 0px;
        }

    .navPagination {
        display: none;
    }

    .testimonials_pagemob .heading svg {
        margin-top: -32px;
        margin-left: -7px;
    }

    .testimonials_pagemob .heading h1 {
        font-size: 31.888px;
        font-style: normal;
        font-weight: 600;
        font-family: Graphik;
        background: linear-gradient(91deg, #141c25 -36.3%, #226e65 -16.84%, #141c25 10.38%, #226e65 41.25%, #16292f 68.05%, #4b698b 153.38%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        margin: 0px 0px 0px;
        text-align: center;
    }

    .testimonials_page .heading h1 {
        display: none;
    }

    .testimonials_page {
        display: none;
    }

    /* ============================    testimonials end   =========================== */


    /* ====================================   sunday page start  ================================ */
    .stepDesign_Sec {
        display: block;
        margin-top: 26px;
    }

    .stepDesignB .mainheadDiv {
        position: relative;
        border-radius: 24px;
        box-shadow: 0px 5px 14px 0px rgba(0, 0, 0, 0.25);
        overflow: hidden;
    }

    /* .stepDesignB .bgImage {
    border-radius: 24px;
    box-shadow: 0px 5px 14px 0px rgba(0, 0, 0, 0.25);
    overflow: hidden;
  } */
    .stepDesignB .bgImage img {
        object-fit: cover;
        height: 230px;
        width: 343px;
    }

    .stepDesignB .bgImage::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.00) 0.01%, rgba(0, 0, 0, 0.80) 100%);
    }

    .stepDesignB .contentDiv .content {
        margin-top: 18px;
    }

        .stepDesignB .contentDiv .content h2 {
            color: var(--Neutral-Gray-1, #303030);
            font-family: Graphik;
            font-size: 24px;
            font-style: normal;
            font-weight: 600;
            line-height: 140%;
        }

        .stepDesignB .contentDiv .content span {
            color: var(--Neutral-Gray-3, #9D9FA0);
            font-family: Lato;
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: 150%;
            margin-top: 8px;
        }

        .stepDesignB .contentDiv .content ul {
            display: flex;
            margin: 0px 0px 10px;
            padding: 0px 0px 0px;
            list-style-type: none;
            margin-top: 16px;
        }

            .stepDesignB .contentDiv .content ul li {
                color: var(--Neutral-White, #FFF);
                font-size: 13.278px;
                font-style: normal;
                font-weight: 400;
                line-height: 150%;
                border-radius: 5.311px;
                background: #235B5B;
                padding: 2.656px 5.311px;
                margin-right: 7px;
            }

    .stepDesignB .contentDiv .profile {
        display: flex;
        justify-content: space-between;
        margin-top: 25px;
    }

        .stepDesignB .contentDiv .profile .proImgCon {
            display: flex;
        }

        .stepDesignB .contentDiv .profile .profileimg {
            width: 40px;
            height: 40px;
            border-radius: 40px;
            overflow: hidden;
        }

        .stepDesignB .contentDiv .profile .name {
            margin-left: 16px;
        }

            .stepDesignB .contentDiv .profile .name h3 {
                color: var(--Neutral-Gray-1, #303030);
                font-family: Lato;
                font-size: 16px;
                font-style: normal;
                font-weight: 600;
                line-height: 150%;
                margin: 0px 0px 0px;
            }

            .stepDesignB .contentDiv .profile .name p {
                color: var(--Neutral-Gray-3, #9D9FA0);
                font-family: Lato;
                font-size: 10px;
                font-style: normal;
                font-weight: 500;
                line-height: 150%;
                margin: 0px 0px 0px;
            }

        .stepDesignB .contentDiv .profile .time p {
            color: var(--Neutral-Gray-2, #8C8C8C);
            font-family: Graphik;
            font-size: 15px;
            font-style: normal;
            font-weight: 500;
            line-height: 150%;
            margin: 12px 0px 0px;
        }

    .stepDesignB .applyNow {
        margin-top: 28px;
        margin-bottom: 43px;
    }

        .stepDesignB .applyNow button {
            border-radius: 8px;
            background: #104946;
            color: var(--Neutral-White, #FFF);
            text-align: center;
            text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
            font-family: Graphik;
            font-size: 16px;
            font-style: normal;
            font-weight: 500;
            line-height: 150%;
            width: 100%;
            padding: 16px 0px;
            box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25), 0px -25px 45px 0px #FFF, 0px 5px 14px 0px #073535 inset;
        }

            .stepDesignB .applyNow button svg {
                margin-top: 5px;
                margin-right: 4px;
            }

    .swiper_trust .swiper-slide {
        padding: 10px 7px;
        background-color: #f6f8fa;
        border-radius: 16.155px;
        box-shadow: none;
        margin: 9px 20px;
    }

        .swiper_trust .swiper-slide img {
            width: 80% !important;
            margin: auto;
        }

    .trustIndustry {
        margin-top: 30px;
        margin-bottom: -1px;
    }

        .trustIndustry h2 {
            color: #141C25;
            text-align: center;
            font-family: Graphik;
            font-size: 24.018px;
            font-style: normal;
            font-weight: 600;
            line-height: 34.026px;
        }

        .trustIndustry span {
            color: #226E65;
            font-family: Graphik;
            font-size: 24.018px;
            font-style: normal;
            font-weight: 600;
            line-height: 34.026px;
        }

    /* ====================================   sunday page end  ================================ */



}

/* ======================    about us start     ========================= */
@media only screen and (max-width: 765px) {
    .ambition-about-us-mob-viw-inner-cont-div h3 {
        color: #fff;
        font-family: Graphik;
        font-size: 21.288px;
        font-style: normal;
        font-weight: 600;
        line-height: 28.384px;
        position: absolute;
        border-bottom: 2px solid white;
        width: 80%;
        margin: 25px 35px;
    }

    .ambition-about-us-mob-viw-inner-cont-div-2nd h3 {
        color: #fff;
        font-family: Graphik;
        font-size: 21.288px;
        font-style: normal;
        font-weight: 600;
        line-height: 28.384px;
        position: absolute;
        border-bottom: 2px solid white;
        width: 80%;
        margin: 40px 35px;
    }

    .ambition-about-us-mob-viw-inner-cont-div p {
        color: #fff;
        font-family: Lato;
        font-size: 10.712px;
        font-style: normal;
        font-weight: 400;
        /* line-height: 16.96px; */
        position: absolute;
        margin: 73px 35px;
    }

    .ambition-about-us-mob-viw-inner-cont-div-2nd p {
        color: #fff;
        font-family: Lato;
        font-size: 10.712px;
        font-style: normal;
        font-weight: 400;
        /* line-height: 16.96px; */
        position: absolute;
        margin: 90px 35px;
    }
}

/* ======================    about us end     ========================= */
@media (max-width: 990px) {
    .productivity_img.text-end {
        overflow: hidden;
        margin-top: -35px;
    }

    .container {
        padding: 0 30px;
    }

    .navOpen {
        max-height: 100vh;
        overflow: hidden;
    }

        .navOpen::before {
            /* content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.8509803922);
    z-index: 9; */
        }

        .navOpen header {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            transition: 0.2s;
        }

            .navOpen header::before {
                content: "";
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100vh;
                background-color: rgba(0, 0, 0, 0.8509803922);
                z-index: 9;
            }

            .navOpen header .sidenavlink {
                width: 60%;
                transform: translate(0, 0);
                transition: 0.5s;
            }

    header .phonenavigation {
        position: relative;
        padding: 15px 0;
        display: flex;
        flex-wrap: nowrap;
        vertical-align: middle;
        align-items: center;
    }

        header .phonenavigation .logo a img {
            height: 30.77px;
            display: block;
            margin: auto;
        }

        header .phonenavigation .languages {
            margin-left: auto;
            margin-right: 13.58px;
        }

        header .phonenavigation .navbutton button {
            padding: 0;
        }

    header .sidenavlink {
        position: fixed;
        top: 0;
        right: 0;
        border-radius: 20px 0px 0px 20px;
        width: 60%;
        transform: translate(110%, 0);
        bottom: 0;
        /* height: 100vh; */
        transition-timing-function: linear;
        padding: 30px;
        background-color: #141c25;
        box-shadow: 10.35px 11.5px 72.43px 0px rgba(0, 0, 0, 0.2392156863);
        transition: 0.5s ease;
        z-index: 99;
    }

        header .sidenavlink .menuLogo {
            margin-bottom: 20px;
        }

            header .sidenavlink .menuLogo a img {
                height: 30px;
                display: block;
                margin: auto;
            }

        header .sidenavlink .navlink ul {
            list-style-type: none;
            padding: 0;
        }

            header .sidenavlink .navlink ul li {
                margin-bottom: 20px;
            }

                header .sidenavlink .navlink ul li a {
                    display: block;
                    padding: 0px 15px;
                    margin-bottom: 24px;
                    border-radius: 100px 0 0 100px;
                    font-family: Lato;
                    font-size: 13.87px;
                    gap: 10px;
                    font-weight: 500;
                    position: relative;
                    display: flex;
                    color: #fff;
                    align-items: center;
                }

                    header .sidenavlink .navlink ul li a p {
                        margin-bottom: 0px;
                    }

    .slide_menu li .active {
        padding: 10px 15px !important;
        border-radius: 8px !important;
        background-color: #2d2f39 !important;
        width: auto;
    }

    .slide_menu li a {
        margin-left: 20px;
    }

    header .sidenavlink .navlink ul li a img {
        margin-right: 12px;
    }

    header .sidenavlink .navlink ul li a.active {
        /* background-color: #1A393C; */
    }

        header .sidenavlink .navlink ul li a.active::before {
            content: "";
            position: absolute;
            top: calc(100% - 3px);
            right: 0;
            width: 30px;
            height: 30px;
            /* background-image: url("../assets/images/nav-active.svg"); */
            transform: rotate(270deg);
            border: 0px;
        }

        header .sidenavlink .navlink ul li a.active::after {
            content: "";
            position: absolute;
            bottom: calc(100% - 1px);
            right: -1px;
            width: 30px;
            height: 30px;
            /* background-image: url("../assets/images/nav-active.svg"); */
            border: 0px;
        }

    .navlink ul li {
        padding: 0px 0px 0px 20px;
        margin: 0px;
    }

    .slide_menu {
        background-color: unset;
        border: 0px;
        position: relative;
        margin-left: 20px !important;
        padding-top: 12px !important;
    }

        .slide_menu::before {
            content: "";
            width: 2px;
            height: 150.784px;
            background-color: #2d2f39;
            position: absolute;
            top: 12px;
        }

    .slide_drop {
        padding: 10px 20px !important;
        border-radius: 8px;
        background: #2d2f39;
    }

        .slide_drop a {
            padding: 10px;
            margin-bottom: 0px !important;
        }

    .slide_menu li {
        margin-bottom: 10px !important;
        position: relative;
        padding-left: 0px !important;
    }

        .slide_menu li::before {
            content: "";
            position: absolute;
            width: 20px;
            height: 20px;
            background-color: rgba(45, 47, 57, 0);
            border-bottom: 2px solid #2d2f39;
            border-left: 2px solid #2d2f39;
            border-radius: 0px 0px 0px 15px;
            bottom: 38%;
        }

    .founders-detail-card-inner {
        margin-top: 30px;
    }

    header .sidenavlink .signinbutton {
        position: absolute;
        bottom: 50px;
        width: 100%;
    }

        header .sidenavlink .signinbutton a {
            display: flex;
            font-family: Lato;
            gap: 10px;
            color: #fff;
            font-size: 15px;
            font-weight: 500;
            line-height: 18px;
            margin-bottom: 24px;
        }

    .line_color {
        border: 2px solid #2d2f39;
    }

    .signinbutton ul li {
        list-style: none;
    }

    header .sidenavlink .signinbutton a img {
        margin-right: 5.5px;
    }

    .Productivity {
        padding: 24px 0;
    }

        .Productivity .container .heading {
            height: initial;
        }

            .Productivity .container .heading h1 {
                font-size: 44.39px;
                font-weight: 600;
                line-height: 49.94px;
                text-align: left;
            }

            .Productivity .container .heading .content-para {
                height: 50px;
            }

                .Productivity .container .heading .content-para .content-list .content-item {
                    font-size: 44.39px;
                    font-weight: 700;
                    line-height: 49.94px;
                }

        .Productivity .container .main_btn {
            font-size: 11.36px;
            font-weight: 500;
            line-height: 17.04px;
            padding: 8.53px 14.2px;
            border-radius: 8px;
            z-index: 1;
            position: relative;
        }

        .Productivity .container .productivity_img img {
            max-width: 320px;
            display: block;
            margin-left: auto;
        }

    .index_counter {
        background: linear-gradient(76.68deg, #141c25 27.96%, #141c25 28.45%, #183639 71.97%, #193a3d 102.43%, #226e65 108.88%);
    }

        .index_counter .container {
            padding-top: 26px;
        }

            .index_counter .container .parent .stat-row {
                flex-wrap: wrap;
            }

                .index_counter .container .parent .stat-row .stat-item {
                    width: 100%;
                    text-align: center;
                    margin-right: 0;
                }

                    .index_counter .container .parent .stat-row .stat-item .stat-number .word span {
                        font-size: 43.2px;
                        font-weight: 600;
                        line-height: 48.6px;
                        text-align: center;
                    }

                    .index_counter .container .parent .stat-row .stat-item .stat-title {
                        color: #a6a6a6;
                        font-size: 11px;
                        font-weight: 500;
                        line-height: 13.43px;
                    }

                        .index_counter .container .parent .stat-row .stat-item .stat-title p {
                            color: #a6a6a6;
                            font-size: 11px;
                            font-weight: 500;
                            line-height: 13.43px;
                        }

            .index_counter .container .parent .yt_icon {
                background: linear-gradient(132.01deg, #10161e 15.33%, #226e65 126.51%);
                top: -3%;
            }



        .index_counter .hr_line {
            padding: 0;
            margin-top: 30px;
            margin-bottom: 20px;
        }

            .index_counter .hr_line hr {
                background-color: #ffffff;
                padding: 0;
                margin: 0;
                width: 143px;
                display: block;
                margin: auto;
            }

    .knowledgepack {
        padding: 43px 0;
    }

        .knowledgepack .container .heading {
            margin-bottom: 34px;
        }

            .knowledgepack .container .heading h3 {
                font-family: Graphik;
                font-size: 27px;
                font-weight: 600;
                line-height: 28.85px;
                margin-bottom: 2.4px;
            }

                .knowledgepack .container .heading h3 span {
                    color: #226e65;
                }

            .knowledgepack .container .heading p {
                font-family: Lato;
                font-size: 11px;
                font-weight: 400;
                line-height: 17.48px;
                text-align: left;
            }

        .knowledgepack .container .single {
            background-color: #141c25;
            border-radius: 10px;
            padding: 30px;
            margin-bottom: 45px;
            position: relative;
        }

            .knowledgepack .container .single:last-child {
                margin-bottom: 0;
            }

            .knowledgepack .container .single .recommended {
                position: absolute;
                bottom: 100%;
                left: 10px;
                font-family: Graphik;
                font-size: 13px;
                font-weight: 600;
                line-height: 19.07px;
                text-align: left;
            }

                .knowledgepack .container .single .recommended svg {
                    position: absolute;
                    top: -8px;
                }

            /* .knowledgepack .container .single .recommended svg path:nth-child(2) {
    animation-name: example1;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    transition: 0s;
  }

  .knowledgepack .container .single .recommended svg path:last-child {
    animation-name: example1;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    transition: 0s;
    animation-delay: 1s;
  } */

            /* .knowledgepack .container .single .recommended svg path:first-child {
    animation-name: example1;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    transition: 0s;
    animation-delay: 2s;
  } */

            /* @keyframes example1 {
    0% {
      opacity: 1;
    }

    100% {
      opacity: 0;
    }
  } */

            .knowledgepack .container .single .row {
                margin: 0;
            }

                .knowledgepack .container .single .row .text {
                    width: calc(100% - 104px);
                    padding: 0;
                }

                    .knowledgepack .container .single .row .text h4 {
                        font-family: Graphik;
                        font-size: 22px;
                        font-weight: 600;
                        line-height: 32.01px;
                        text-align: left;
                        margin: 0;
                        color: #ffffff;
                    }

                    .knowledgepack .container .single .row .text p {
                        font-family: Lato;
                        font-size: 11px;
                        font-weight: 400;
                        line-height: 13.87px;
                        text-align: left;
                        margin-bottom: 15px;
                        color: #ffffff;
                    }

                    .knowledgepack .container .single .row .text a {
                        background-color: #2f363d;
                        color: #ffffff;
                        font-family: Lato;
                        font-size: 11px;
                        font-weight: 500;
                        line-height: 18.08px;
                        text-align: left;
                        padding: 5.3px 23px;
                        border-radius: 25px;
                    }

                .knowledgepack .container .single .row .image {
                    width: 104px;
                    padding: 0;
                    margin-top: -48px;
                }

                    .knowledgepack .container .single .row .image img {
                        width: 100%;
                    }

    .Swiper_ind_ac {
        padding-bottom: 25px !important;
    }

        .Swiper_ind_ac .swiper-wrapper .swiper-slide {
            background: transparent !important;
            padding: 0;
            width: 75px !important;
        }

            .Swiper_ind_ac .swiper-wrapper .swiper-slide img {
                /* height: 13.51px; */
                display: block;
                margin: auto;
                width: auto !important;
                aspect-ratio: initial !important;
                -o-object-fit: initial;
                object-fit: initial;
            }

    .levelup {
        background: linear-gradient(76.68deg, #141c25 27.96%, #141c25 28.45%, #183639 71.97%, #193a3d 102.43%, #226e65 108.88%);
        padding: 30px;
    }

        .levelup .container .heading h3 {
            font-family: Graphik;
            font-size: 27px;
            font-weight: 600;
            line-height: 29px;
            text-align: left;
            margin-bottom: 30px;
            color: #ffffff;
        }

        .levelup .container .list {
            position: relative;
        }

            .levelup .container .list ul {
                list-style-type: none;
                padding: 0;
                margin: 0;
            }

                .levelup .container .list ul li {
                    font-family: Lato;
                    font-size: 12px;
                    font-weight: 500;
                    line-height: 13.41px;
                    text-align: left;
                    color: #a6a6a6;
                    margin-bottom: 27px;
                    position: relative;
                    padding-left: 41px;
                }

                    .levelup .container .list ul li span.icon {
                        position: absolute;
                        left: 0;
                        width: 26px;
                        height: 26px;
                        display: flex;
                        vertical-align: middle;
                        align-items: center;
                        justify-content: center;
                        background-color: #989898;
                        border-radius: 50%;
                    }

                    .levelup .container .list ul li.active {
                        color: #ffffff;
                    }

                        .levelup .container .list ul li.active span.icon {
                            background-color: #ffffff;
                        }

                        .levelup .container .list ul li.active::after {
                            height: 100%;
                        }

                    .levelup .container .list ul li::before {
                        content: "";
                        position: absolute;
                        top: 26px;
                        left: 12px;
                        width: 1px;
                        height: 100%;
                        border-left: 1px dashed #989898;
                    }

                    .levelup .container .list ul li::after {
                        content: "";
                        position: absolute;
                        top: 26px;
                        left: 12px;
                        width: 1px;
                        height: 0%;
                        background-color: #ffffff;
                        transition: 1s ease-in-out;
                    }

                    .levelup .container .list ul li:nth-child(2)::after {
                        transition-delay: 1s;
                    }

                    .levelup .container .list ul li:nth-child(3)::after {
                        transition-delay: 2s;
                    }

                    .levelup .container .list ul li:last-child::before {
                        display: none;
                    }

                    .levelup .container .list ul li:last-child::after {
                        display: none;
                    }

        .levelup .container .button a {
            border: 1px solid #ffffff;
            display: block;
            width: 243px;
            border-radius: 4px;
            padding: 13px;
            color: #ffffff;
            font-family: Graphik;
            font-size: 12.68px;
            font-weight: 400;
            line-height: 13.62px;
            text-align: left;
            text-align: center;
            margin: auto;
        }

    .empower {
        margin: 43px 0;
    }

        .empower .container {
            padding: 0;
        }

            .empower .container .heading {
                background-color: #10171f;
                padding: 20px;
            }

                .empower .container .heading h3 {
                    font-family: Lato;
                    font-size: 20.26px;
                    font-weight: 600;
                    line-height: 24.31px;
                    letter-spacing: -0.02em;
                    text-align: left;
                    color: #ffffff;
                    margin: 0;
                }

                    .empower .container .heading h3 span {
                        color: #226e65;
                    }

            .empower .container .single {
                position: relative;
            }

                .empower .container .single .image {
                    position: relative;
                }

    .login_title_main {
        font-size: 22px !important;
    }

    .login_anc {
        font-size: 15px;
        color: #8d8d8d;
        margin-bottom: 0px;
    }

    .login_title {
        font-size: 30px;
    }

    .otpbox {
        width: 11.9230769231vw !important;
        height: 11.9230769231vw;
        border-radius: 2px;
        padding: 0;
    }

    .otpdiv {
        display: flex;
        flex-direction: column;
    }

    .login_form {
        width: 100% !important;
    }

    .otpdiv button {
        padding: 10px !important;
        margin-left: initial !important;
        width: max-content;
        margin-top: 10px;
        border: 0;
        margin-left: auto !important;
    }

    .otpdiv .inputs {
        width: 100% !important;
    }

    .login_form {
        padding: 25px;
    }

    /* .empower .container .single .image::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 62.8571429%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 21.88%, rgba(0, 0, 0, 0.8) 51.04%, #000000 100%);
  } */

    .empower .container .single .image img {
        width: 100%;
    }

    .empower .container .single .text {
        position: absolute;
        bottom: 10px;
        left: 0px;
        width: 100%;
        padding-left: 20px;
    }

        .empower .container .single .text p {
            font-family: Lato;
            font-size: 9.95px;
            font-weight: 400;
            line-height: 12.8px;
            text-align: left;
            color: #ffffff;
            margin-bottom: 5.69px;
        }

        .empower .container .single .text h4 {
            font-family: Lato;
            font-size: 14.22px;
            font-weight: 600;
            line-height: 17.06px;
            text-align: left;
            color: #ffffff;
            margin-bottom: 5.69px;
        }

        .empower .container .single .text a {
            font-family: Lato;
            font-size: 9.95px;
            font-weight: 700;
            line-height: 11.94px;
            text-align: left;
            color: #226e65;
        }

            .empower .container .single .text a img {
                margin-left: 7.11px;
            }

    .experts {
        background: linear-gradient(157.72deg, #10171f -135.23%, #111b22 13.65%, #173b3c 126.72%, #226e65 178.74%);
        padding: 30px 0;
    }

        .experts .container .heading h3 {
            font-family: Graphik;
            font-size: 27px;
            font-weight: 600;
            line-height: 29.7px;
            text-align: left;
            color: #ffffff;
            margin-bottom: 24px;
        }

        .experts .container .swiper .swiper-wrapper .swiper-slide {
            box-shadow: none;
        }

        .experts .container .single {
            display: flex;
            justify-content: space-between;
            margin-bottom: 10px;
        }

            .experts .container .single .image {
                width: 71px;
                height: 71px;
                border-radius: 50%;
                overflow: hidden;
            }

                .experts .container .single .image img {
                    width: 100%;
                    height: 100%;
                }

            .experts .container .single .text {
                width: calc(100% - 91px);
            }

                .experts .container .single .text h4 {
                    font-family: Graphik;
                    font-size: 14.8px;
                    font-weight: 400;
                    line-height: 16.28px;
                    text-align: left;
                    color: #ffffff;
                    margin: 0;
                }

                    .experts .container .single .text h4:last-child {
                        margin-bottom: 14px;
                    }

                    .experts .container .single .text h4 strong {
                        font-weight: 600;
                    }

                .experts .container .single .text p {
                    font-family: Graphik;
                    font-size: 10px;
                    font-weight: 400;
                    line-height: 17px;
                    text-align: left;
                    color: #ffffff;
                    margin-top: 14px;
                }

    .testimonials {
        margin: 43px 0;
    }

        .testimonials .container .heading {
            display: flex;
            vertical-align: middle;
            align-items: center;
            justify-content: space-between;
        }

            .testimonials .container .heading h3 {
                font-family: Graphik;
                font-size: 27px;
                font-weight: 600;
                line-height: 29px;
                text-align: left;
                color: #000000;
            }

                .testimonials .container .heading h3 span {
                    color: #226e65;
                    display: block;
                }

            .testimonials .container .heading a {
                font-family: Graphik;
                font-size: 11px;
                font-weight: 400;
                line-height: 12.1px;
                text-align: center;
                color: #ffffff;
                background-color: #141c25;
                border-radius: 4px;
                padding: 5px 20px;
            }

        .testimonials .swiper .swiper-wrapper .swiper-slide {
            padding-top: 57px;
            width: 255px;
            box-shadow: none;
        }

            .testimonials .swiper .swiper-wrapper .swiper-slide .single {
                background: linear-gradient(230.93deg, #141c25 15.28%, #183236 110.74%, #226e65 202.43%);
                box-shadow: 2.5px 2.5px 6.24px 0px rgba(0, 0, 0, 0.2196078431);
                padding: 19px 14px 48px 14px;
                border-radius: 5px;
            }

                .testimonials .swiper .swiper-wrapper .swiper-slide .single .image {
                    width: 55px;
                    height: 55px;
                    border-radius: 50%;
                    overflow: hidden;
                    border: 2px solid #141c25;
                    outline: 5px solid #ffffff;
                    box-shadow: 0px 2.5px 2.5px 0px rgba(0, 0, 0, 0.2509803922);
                    position: relative;
                    margin-top: -57px;
                    margin-left: 18.11px;
                }

                    .testimonials .swiper .swiper-wrapper .swiper-slide .single .image img {
                        width: 100%;
                        position: relative;
                    }

                .testimonials .swiper .swiper-wrapper .swiper-slide .single .text h4 {
                    font-family: Graphik;
                    font-size: 14.99px;
                    font-style: italic;
                    font-weight: 700;
                    line-height: 20.6px;
                    text-align: right;
                    color: #ffffff;
                    margin-bottom: 22px;
                }

                    .testimonials .swiper .swiper-wrapper .swiper-slide .single .text h4::before {
                        content: "-";
                    }

                .testimonials .swiper .swiper-wrapper .swiper-slide .single .text p {
                    font-family: Lato;
                    font-size: 7.24px;
                    font-style: italic;
                    font-weight: 400;
                    line-height: 11.94px;
                    text-align: center;
                    color: #ffffff;
                    position: relative;
                }

                    .testimonials .swiper .swiper-wrapper .swiper-slide .single .text p::before {
                        content: "";
                        position: absolute;
                        bottom: 100%;
                        left: 0;
                        width: 11px;
                        height: 11px;
                        background-image: url("../assets/images/quote.svg");
                        background-size: contain;
                        background-repeat: no-repeat;
                    }

                    .testimonials .swiper .swiper-wrapper .swiper-slide .single .text p::after {
                        content: "";
                        position: absolute;
                        top: 100%;
                        right: 0;
                        width: 11px;
                        height: 11px;
                        background-image: url("../assets/images/quote.svg");
                        background-size: contain;
                        background-repeat: no-repeat;
                        transform: scaleX(-1);
                    }

            .testimonials .swiper .swiper-wrapper .swiper-slide.swiper-slide-active {
                z-index: 1;
                padding-top: 83px;
                box-shadow: none;
            }

                .testimonials .swiper .swiper-wrapper .swiper-slide.swiper-slide-active .single {
                    background: linear-gradient(230.93deg, #141c25 15.28%, #183236 110.74%, #226e65 202.43%);
                    box-shadow: 2.5px 2.5px 6.24px 0px rgba(0, 0, 0, 0.2196078431);
                    padding: 19px 27px 41px 27px;
                    border-radius: 5px;
                }

                    .testimonials .swiper .swiper-wrapper .swiper-slide.swiper-slide-active .single .image {
                        width: 95px;
                        height: 95px;
                        border-radius: 50%;
                        overflow: hidden;
                        border: 3.12px solid #141c25;
                        outline: 8.74px solid #ffffff;
                        box-shadow: 0px 2.5px 2.5px 0px rgba(0, 0, 0, 0.2509803922);
                        position: relative;
                        margin-top: -83px;
                        margin-left: 18.11px;
                    }

                        .testimonials .swiper .swiper-wrapper .swiper-slide.swiper-slide-active .single .image img {
                            width: 100%;
                            position: relative;
                        }

                    .testimonials .swiper .swiper-wrapper .swiper-slide.swiper-slide-active .single .text h4 {
                        font-family: Graphik;
                        font-size: 14.99px;
                        font-style: italic;
                        font-weight: 700;
                        line-height: 20.6px;
                        text-align: right;
                        color: #ffffff;
                        margin-bottom: 22px;
                    }

                        .testimonials .swiper .swiper-wrapper .swiper-slide.swiper-slide-active .single .text h4::before {
                            content: "-";
                        }

                    .testimonials .swiper .swiper-wrapper .swiper-slide.swiper-slide-active .single .text p {
                        font-family: Lato;
                        font-size: 12.49px;
                        font-style: italic;
                        font-weight: 400;
                        line-height: 20.6px;
                        text-align: center;
                        color: #ffffff;
                        position: relative;
                    }

                        .testimonials .swiper .swiper-wrapper .swiper-slide.swiper-slide-active .single .text p::before {
                            content: "";
                            position: absolute;
                            bottom: 100%;
                            left: 0;
                            width: 20.6px;
                            height: 20.6px;
                            background-image: url("../assets/images/quote.svg");
                            background-size: contain;
                            background-repeat: no-repeat;
                        }

                        .testimonials .swiper .swiper-wrapper .swiper-slide.swiper-slide-active .single .text p::after {
                            content: "";
                            position: absolute;
                            top: 100%;
                            right: 0;
                            width: 20.6px;
                            height: 20.6px;
                            background-image: url("../assets/images/quote.svg");
                            background-size: contain;
                            background-repeat: no-repeat;
                            transform: scaleX(-1);
                        }

        .testimonials .swiper-slide {
            transition: transform 1s ease !important;
            /* Smooth transition */
        }

        .testimonials .swiper-slide-active {
            transform: scale(1.2);
            /* Scale active slide */
        }

        .testimonials .swiper-slide:not(.swiper-slide-active) {
            transform: scale(0.9);
            /* Scale down other slides */
        }

    .reel {
        margin: 0;
        padding: 0px 12px;
        margin-bottom: 28px;
    }

        .reel .container {
            background-color: #141c25;
            padding: 20px 30px 30px 30px;
            border-radius: 10px;
        }

            .reel .container .reel_content {
                display: flex;
                flex-wrap: wrap;
            }

                .reel .container .reel_content p {
                    font-family: Graphik;
                    font-size: 20.1px;
                    font-weight: 600;
                    line-height: 32.01px;
                    text-align: left;
                    color: #ffffff;
                    order: 2;
                    display: block;
                    clear: both;
                }

                .reel .container .reel_content span {
                    font-family: Lato;
                    font-size: 14px;
                    font-weight: 500;
                    line-height: 21px;
                    text-align: left;
                    color: #fff;
                    order: 1;
                    margin-bottom: 7px;
                    display: block;
                    clear: both;
                    width: 100%;
                }

            .reel .container .reel_content_para p {
                font-family: Lato;
                font-size: 11px;
                font-weight: 400;
                line-height: 13.87px;
                text-align: left;
                color: #ffffff;
            }

            .reel .container .reel_content_para button {
                background-color: #2f363d !important;
                box-shadow: 0px 0px 4px 0px #226e65, 0px 4px 4px 0px rgba(0, 0, 0, 0.25) inset;
                color: #fff;
                width: 96px;
                height: 23px;
                border-radius: 15px;
                font-family: Lato;
                font-size: 11px;
                font-weight: 500;
                line-height: 18.08px;
                text-align: left;
                padding: 0;
                margin-top: 15px;
            }

    .mediaminutes .heading h3 {
        font-family: Graphik;
        font-size: 24.02px;
        font-weight: 600;
        line-height: 34.03px;
        text-align: center;
        color: #141c25;
    }

        .mediaminutes .heading h3 span {
            color: #226e65;
        }

    .mediaminutes .swiper {
        padding: 6px 0;
    }

        .mediaminutes .swiper .swiper-wrapper {
            transition-timing-function: linear;
        }

            .mediaminutes .swiper .swiper-wrapper .swiper-slide {
                width: 84px;
                padding: 8px;
                background-color: #f6f8fa;
                border-radius: 8.77px;
                box-shadow: none;
            }

                .mediaminutes .swiper .swiper-wrapper .swiper-slide img {
                    display: block;
                    margin: auto;
                    max-width: 100%;
                }

    .ebook {
        margin-top: 25px;
    }

        .ebook.visible .container img {
            transform: translate(0, 0) rotate(0deg);
        }

        .ebook .container img {
            display: block;
            margin: auto;
            transform: translate(10px, 116px) rotate(-47deg);
            transition: 1s;
            transform-origin: bottom;
        }

    .rotate.visible .card_pks_prc {
        transform: translate(0, 0) rotate(4.916deg);
    }

    .card_pks_prc {
        display: block;
        transform: translate(10px, 116px) rotate(-47deg);
        transition: 1s;
        transform-origin: bottom;
    }

    .ebook .container a {
        background-color: #226e65;
        width: 246px;
        height: 50.5px;
        border-radius: 8.56px;
        color: #ffffff;
        font-family: Graphik;
        font-size: 17.31px;
        font-weight: 500;
        line-height: 19.04px;
        text-align: center;
        display: flex;
        vertical-align: middle;
        align-items: center;
        justify-content: center;
        position: relative;
        z-index: 2;
        margin: auto;
        margin-top: -50.5px;
    }

    .courseBanner {
        margin: 24px 0;
    }

        .courseBanner .container .text h1 {
            font-family: Graphik;
            font-size: 27px;
            font-weight: 600;
            line-height: 26.07px;
            text-align: left;
            margin-bottom: 3.26px;
        }

            .courseBanner .container .text h1 span {
                color: #226e65;
            }

        .courseBanner .container .text p {
            font-family: Lato;
            font-size: 9.91px;
            font-weight: 400;
            line-height: 12px;
            text-align: left;
        }

    .coursesearch {
        margin-top: 43.35px;
    }

        .coursesearch .container h2 {
            font-family: Graphik;
            font-size: 11.29px;
            font-weight: 500;
            line-height: 16.94px;
            text-align: left;
            color: #000000;
            margin-bottom: 5px;
        }

        .coursesearch .container .searchbox {
            background-color: #fafafa;
            display: flex;
            vertical-align: middle;
            align-items: center;
            border-radius: 11.79px;
            padding: 9.43px 12.96px;
        }

            .coursesearch .container .searchbox svg {
                margin-right: 4.71px;
            }

            .coursesearch .container .searchbox input {
                font-family: Lato;
                font-size: 11.22px;
                font-weight: 400;
                line-height: 16.83px;
                text-align: left;
                color: #000000;
                width: 95%;
                border: none !important;
                outline: none !important;
                box-shadow: none !important;
                background-color: transparent;
            }

                .coursesearch .container .searchbox input::-moz-placeholder {
                    color: rgba(27, 27, 27, 0.6);
                }

                .coursesearch .container .searchbox input::placeholder {
                    color: rgba(27, 27, 27, 0.6);
                }

    .phonefooter {
        background-color: #141c25;
        border-radius: 25px 25px 0 0;
        padding: 26px 16px 20px 16px;
        margin-top: 43px;
    }

        .phonefooter .container .footerlogo {
            margin-bottom: 17px;
        }

            .phonefooter .container .footerlogo a img {
                height: 40px;
            }

        .phonefooter .container .link ul {
            list-style-type: none;
            padding: 0;
            margin: 0;
        }

            .phonefooter .container .link ul li {
                margin-bottom: 14.48px;
            }

                .phonefooter .container .link ul li:first-child {
                    font-family: Lato;
                    font-size: 13.06px;
                    font-weight: 500;
                    line-height: 15.67px;
                    text-align: left;
                    color: #ffffff;
                    margin-bottom: 23.73px;
                }

                .phonefooter .container .link ul li:last-child {
                    margin-bottom: 0;
                }

                .phonefooter .container .link ul li a {
                    font-family: Lato;
                    font-size: 13.06px;
                    font-weight: 500;
                    line-height: 15.67px;
                    text-align: left;
                    color: #a6a6a6;
                }

        .phonefooter .container .sociallink {
            margin-top: 30px;
        }

            .phonefooter .container .sociallink ul {
                display: flex;
                padding: 0;
                margin: 0;
                list-style-type: none;
            }

                .phonefooter .container .sociallink ul li {
                    width: 36.38px;
                    height: 36.38px;
                    border-radius: 4.96px;
                    background-color: #226e65;
                    border: 0.83px solid #161c28;
                    display: flex;
                    vertical-align: middle;
                    align-items: center;
                    justify-content: center;
                    margin-right: 13.62px;
                }

        .phonefooter .container .appDownload {
            margin-top: 30px;
        }

            .phonefooter .container .appDownload a {
                margin-bottom: 11.01px;
                display: block;
            }

                .phonefooter .container .appDownload a:last-child {
                    margin-bottom: 0;
                }

        .phonefooter .container .termslink {
            display: flex;
            vertical-align: middle;
            align-items: center;
            justify-content: space-between;
            margin-top: 50px;
            margin-bottom: 24px;
        }

            .phonefooter .container .termslink a {
                font-family: Lato;
                font-size: 10.17px;
                font-weight: 500;
                line-height: 16.95px;
                text-align: left;
                color: #ffffff;
                position: relative;
            }

        .phonefooter .container .copyright p {
            font-family: Lato;
            font-size: 8.66px;
            font-weight: 500;
            line-height: 14.43px;
            text-align: center;
            color: #ffffff;
            margin: 0;
        }

    #parallax {
        display: none;
    }
}

#parallax {
    position: relative;
    display: block;
}

    #parallax #background {
        position: fixed;
        top: 20vh;
        left: 0%;
        width: 100%;
        height: 70vh;
        background-color: #141c25;
        z-index: 1;
        display: none;
    }

    #parallax #backgroundbottom {
        position: fixed;
        bottom: 0;
        left: 0%;
        width: 100%;
        height: 10vh;
        background-color: #fff;
        z-index: 5;
        display: none;
    }

    #parallax #backgroundtop {
        position: fixed;
        top: 0;
        left: 0%;
        width: 100%;
        height: 20vh;
        background-color: #ffffff;
        z-index: 5;
        display: none;
    }

    #parallax .parallaxMain #logodiv {
        height: 70vh;
        background-color: #141c25;
        position: sticky;
        top: 20vh;
        display: flex;
        vertical-align: middle;
        align-items: center;
        justify-content: center;
        z-index: 3;
    }

        #parallax .parallaxMain #logodiv::before {
            content: "";
        }

        #parallax .parallaxMain #logodiv .container #parallaxlogo {
            width: 50%;
            display: block;
            margin: auto;
        }

            #parallax .parallaxMain #logodiv .container #parallaxlogo img {
                width: 100%;
                max-width: 100%;
                display: block;
                margin: auto;
            }

    #parallax .parallaxMain #text {
        position: sticky;
        top: 24%;
        bottom: 100%;
        opacity: 0;
        transition: linear 0.5s;
        z-index: 2;
    }

        #parallax .parallaxMain #text .container h1 {
            font-weight: 900;
            font-family: "Lato", sans-serif;
            font-size: 1.97288843vw;
            line-height: 2.16475495vw;
            text-align: center;
            color: #ffffff;
        }

            #parallax .parallaxMain #text .container h1 span {
                color: #226e65;
            }

        #parallax .parallaxMain #text .container p {
            font-family: "Lato", sans-serif;
            font-size: 1vw;
            font-weight: 400;
            line-height: 2.81386861vw;
            text-align: center;
            color: #ffffff;
        }

    #parallax .parallaxMain #text2 {
        position: sticky;
        top: 24%;
        bottom: 100%;
        transition: linear 0.5s;
        z-index: 2;
    }

        #parallax .parallaxMain #text2 .container h1 {
            font-weight: 900;
            font-family: "Lato", sans-serif;
            font-size: 1.97288843vw;
            line-height: 2.16475495vw;
            text-align: center;
            color: #ffffff;
        }

            #parallax .parallaxMain #text2 .container h1 span {
                color: #226e65;
            }

        #parallax .parallaxMain #text2 .container p {
            font-family: "Lato", sans-serif;
            font-size: 1vw;
            font-weight: 400;
            line-height: 2.81386861vw;
            text-align: center;
            color: #ffffff;
        }

    #parallax .parallaxMain .fourboxes {
        position: relative;
        z-index: 4;
        margin-top: 100vh;
    }

        #parallax .parallaxMain .fourboxes .container .heading {
            position: sticky;
            top: 120px;
            margin-bottom: 400px;
            transition: 0.5s;
        }

            #parallax .parallaxMain .fourboxes .container .heading h3 {
                font-family: Graphik;
                font-size: 2.50260688vw;
                font-weight: 500;
                line-height: 52.8px;
                letter-spacing: 0.02em;
                text-align: center;
                color: #ffffff;
            }

            #parallax .parallaxMain .fourboxes .container .heading p {
                font-family: Lato;
                font-size: 20px;
                font-weight: 400;
                line-height: 24px;
                letter-spacing: 0.02em;
                text-align: center;
                color: #ffffff;
            }

        #parallax .parallaxMain .fourboxes .container .row .col-md-3 {
            position: sticky;
            top: 40%;
            height: -moz-max-content;
            height: max-content;
            padding-bottom: 7%;
        }

            #parallax .parallaxMain .fourboxes .container .row .col-md-3 .single {
                width: 100%;
                height: 400px;
            }

                #parallax .parallaxMain .fourboxes .container .row .col-md-3 .single .image {
                    margin-bottom: 34.62px;
                    border-radius: 22.58px;
                }

                    #parallax .parallaxMain .fourboxes .container .row .col-md-3 .single .image img {
                        width: 100%;
                    }

                #parallax .parallaxMain .fourboxes .container .row .col-md-3 .single .text h4 {
                    font-family: Graphik;
                    font-size: 15.05px;
                    font-weight: 600;
                    line-height: 16.56px;
                    letter-spacing: 0.02em;
                    text-align: left;
                    margin-bottom: 12.04px;
                    color: #ffffff;
                }

                #parallax .parallaxMain .fourboxes .container .row .col-md-3 .single .text p {
                    font-size: 13.55px;
                    font-weight: 300;
                    line-height: 18.06px;
                    text-align: left;
                    color: #ffffff;
                    margin-bottom: 0;
                }

.dropdown_list {
    position: absolute;
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    border-radius: 12px;
    background: var(--White, #fff);
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.12);
    margin-top: 13px;
    z-index: 12;
    max-height: 200px;
    /* display: none; */
}

    .dropdown_list ul {
        list-style: none;
        width: 100%;
        padding: 16px;
    }

        .dropdown_list ul li {
            color: #767676;
            font-family: "Helvetica Neue";
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: 21px;
            /* 150% */
            padding: 8px 0;
            gap: 8px;
        }

/*# sourceMappingURL=responsive.css.map */