@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;
  }

  * body .container {
    padding: 0 30px;
  }

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

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

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

  }

  * body.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;
  }

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

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

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

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

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

  * body 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;
  }

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

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

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

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

  * body 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;
  }

  * body 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;
  }

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

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

  * body 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;
  }

  * body 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;
  }

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

  * body 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;
  }

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

  * body .Productivity {
    padding: 24px 0;
  }

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

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

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

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

  * body .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;
  }

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

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

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

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

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

  * body .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;
  }

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

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

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



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

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

  * body .knowledgepack {
    padding: 43px 0;
  }

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

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

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

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

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

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

  * body .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;
  }

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

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

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

  /* * body .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;
    }
  } */

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

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

  * body .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;
  }

  * body .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;
  }

  * body .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;
  }

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

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

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

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

  * body .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;
  }

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

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

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

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

  * body .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;
  }

  * body .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%;
  }

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

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

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

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

  * body .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;
  }

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

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

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

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

  * body .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;
  }

  * body .empower {
    margin: 43px 0;
  }

  * body .empower .container {
    padding: 0;
  }

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

  * body .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;
  }

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

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

  * body .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;
  }

  /* * body .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%);
  } */

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

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

  * body .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;
  }

  * body .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;
  }

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

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

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

  * body .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;
  }

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

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

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

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

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

  * body .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;
  }

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

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

  * body .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;
  }

  * body .testimonials {
    margin: 43px 0;
  }

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

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

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

  * body .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;
  }

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

  * body .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;
  }

  * body .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;
  }

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

  * body .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;
  }

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

  * body .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;
  }

  * body .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;
  }

  * body .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);
  }

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

  * body .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;
  }

  * body .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;
  }

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

  * body .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;
  }

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

  * body .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;
  }

  * body .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;
  }

  * body .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);
  }

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

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

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

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

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

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

  * body .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;
  }

  * body .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%;
  }

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

  * body .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;
  }

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

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

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

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

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

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

  * body .ebook {
    margin-top: 25px;
  }

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

  * body .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;
  }

  * body .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;
  }

  * body .courseBanner {
    margin: 24px 0;
  }

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

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

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

  * body .coursesearch {
    margin-top: 43.35px;
  }

  * body .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;
  }

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

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

  * body .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;
  }

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

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

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

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

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

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

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

  * body .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;
  }

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

  * body .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;
  }

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

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

  * body .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;
  }

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

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

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

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

  * body .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;
  }

  * body .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;
  }

  * body #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 */