@charset "UTF-8";

@import url("fonts.css");
@import url("default.css");
@import url("swiper-bundle.min.css");
@import url("header-footer.css");
@import url("home.css");
@import url("academia-sis.css");
@import url("integration.css");
@import url("saas-model.css");
@import url("implementation-support.css");
@import url("security.css");
@import url("higher-ed-plans.css");
@import url("admission-management.css");
@import url("blog.css");
@import url("info-video.css");
@import url("recommendation-letters.css");
@import url("product-sheet.css");
@import url("podcasts.css");
@import url("overview.css");
@import url("advantage-academia.css");
@import url("about-us.css");
@import url("case-studies.css");
@import url("awards-accolades.css");
@import url("blog-detail.css");
@import url("client-testimonials.css");
@import url("responsive.css");
@import url("global.css");
@import url("partnership.css");
@import url("webinar.css");
@import url("sustainability.css");
@import url("calculate-roi.css");

/* persona-page.css and tvet-solutions.css are imported here, NOT only
   enqueued in header.php, so they load inside this stylesheet.
   Reason: NitroPack on live splits the theme CSS into a blocking group
   (this file + its imports, home, academia-sis, integration, saas-model,
   responsive) and a DEFERRED combined bundle loaded later by JS. Files
   that are only enqueued land in the deferred bundle, so the persona /
   TVET accordion rendered with the unstyled admission-management.css base
   until that bundle arrived - or not at all when the JS was delayed.
   Riding inside this (excluded) file puts them in the blocking group, so
   they are present at first paint. Kept last in the import list to
   preserve the header.php cascade order. */
@import url("persona-page.css");
@import url("tvet-solutions.css");




.title_one {
    text-align: center;
}

.title_one .title_up{
    margin: 0;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--theme-sub-heading-color);
    text-transform: uppercase;
    font-family: var(--theme-roboto-font);
}

.title_one .title_bottom {
    width: 60%;
    margin: 0 auto;
    margin-top: 15px;
    font-family: var(--theme-cal-sans-font);
    color: var(--theme-heading-color);
    margin-bottom: 20px;
}


h1, h2, h3, h4, h5, h6, .common_heading {
    font-family: var(--theme-cal-sans-font);
    margin-bottom: 0px;
}

button{
    box-shadow: none;
    outline: none;
    border: none;
}

.bg_button {
    background: var(--theme-heading-color);
    color: var(--theme-white-color);
    line-height: normal;
    font-family: var(--theme-roboto-font);
    display: flex;
    font-style: normal;
    /*min-height: 3.125vw;
    */position: relative;
    padding: 0.83333vw 1.09693vw 0.9375vw 1.11661vw;
    font-size: 1.04167vw;
    gap: 0.65104vw;
   border-top-left-radius: 12px;
   border-bottom-right-radius: 12px;
   border-top-right-radius: 22px;
   border-bottom-left-radius: 22px;
}
.banner_btn_bg .bg_button
 {
    background: var(--theme-white-color);
    color: var(--theme-heading-color);
}
.banner_btn_bg .bg_button svg path {
	fill: var(--theme-heading-color);
}
.contact_support_section .banner_button.flex  a {
position: relative;
}
.contact_support_section .banner_button.flex .wpcf7-form-control.bg_button {
  
    background: var(--theme-heading-color);
    color: var(--theme-white-color);
    font-family: (var--theme-cal-sans-font);
    padding: 0.83333vw 2.49693vw 0.9375vw 1.11661vw;
    font-size: 1.04167vw;
    border: 0px;
    line-height: normal;
    margin-bottom: 0px;
		 border-top-left-radius: 12px;
	 border-bottom-right-radius: 12px;
	 border-top-right-radius: 22px;
	 border-bottom-left-radius: 22px;
	position: relative;
}
.contact_support_section .banner_button.flex  a span {
	position:absolute;
	right: 0.78125vw;
	top: 50%;
	transform: translateY(-50%);
}
.contact_support_section .banner_button.flex br {
    display: none;
}
.common_heading .title_heading {
    color: var(--theme-heading-color);
    width: 100%;
}
img {
    height: auto;
}
.fs-92{
    font-size:  4.79167vw;
}
.fs-74 {
    font-size: 3.15417vw;
}
.fs-72 {
    font-size: 3.05vw;
}
.fs-68{
    font-size:  2.74167vw;
}
.fs-64{
    font-size: 2.53333vw;
    line-height: 1.2;
}
.fs-56{
    font-size: 2.21667vw;
    line-height: 1.2;
}
.fs-48{
    font-size: 1.8vw;
    line-height: 1.2;
}
.fs-44{
    font-size: 1.79167vw;
    line-height: normal;
}
.fs-40{
    font-size: 2.08333vw;
    line-height: normal;
}
.fs-32{
    font-size: 1.66667vw;
    line-height: normal;
}
.fs-28{
    font-size: 1.05833vw;
    line-height: 1.875vw;
}
.fs-26{
    font-size: 1.35417vw;
}
.fs-24{
    font-size: 1.25vw;
    line-height: 1.2;
    font-weight: 400;
}
.fs-22{
    font-size: 1.14583vw;
    line-height: 1.5;
}
.fs-20{
    font-size: 1.04167vw;
    line-height: normal;
}
.fs-18{
    font-size: 0.9375vw;
    line-height: normal;
}
.fs-16{
    font-size: 0.83333vw;
    line-height: normal;
    font-weight: 400;
}


body {
	margin: 0;
	font-family: var(--theme-cal-sans-font);
	font-size: var(--theme-body-font-size);
	font-weight: var(--theme-body-font-weight);
	line-height: var(--theme-body-line-height);
    color: var(--theme-light-grey-color);
	text-align: left;
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: transparent;
}

p{
    font-family:var(--theme-roboto-font);
    margin-bottom: 0px;
    font-weight: 400;
    color: var(--theme-common-content-color);
    letter-spacing: -0.48px;
}
.para_content {
    font-family:var(--theme-roboto-font);
    margin-bottom: 0px;
    font-weight: 400;
    color: var(--theme-common-content-color);
    letter-spacing: -0.48px;
}
a,
button {
    outline: none;
    text-decoration: none;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
.container,
.container-fluid {
    --theme-gutter-x: 0;
    --theme-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--theme-gutter-x) * 0.5);
    padding-left: calc(var(--theme-gutter-x) * 0.5);
    margin-right: auto;
    margin-left: auto;
}
.row {
    --theme-gutter-x: 0;
    --theme-gutter-y: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--theme-gutter-y));
    margin-right: calc(-0.5 * var(--theme-gutter-x));
    margin-left: calc(-0.5 * var(--theme-gutter-x));
}
.flex{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.pt_10 {
    padding-top: 0.52083vw;
}
.pt_15 {
    padding-top: 0.78125vw;
}
.pt_20 {
    padding-top: 1.04167vw;
}
.pt_25 {
    padding-top: 1.30208vw;
}
.pt_30 {
    padding-top: 1.5625vw;
}
.pt_35 {
    padding-top: 1.82292vw;
}
.pt_40 {
    padding-top: 2.08333vw;
}
.pt_45 {
    padding-top: 2.34375vw;
}
.pt_50 {
    padding-top: 2.60417vw;
}
.pt_55 {
    padding-top: 2.86458vw;
}
.pt_60 {
    padding-top: 3.125vw;
}
.pt_65 {
    padding-top: 3.38542vw;
}
.pt_80 {
    padding-top: 4.16667vw;
}
.mt_10 {
    margin-top: 0.52083vw;
}
.mt_15 {
    margin-top: 0.78125vw;
}
.mt_20 {
    margin-top: 1.04167vw;
}
.mt_25 {
    margin-top: 1.30208vw;
}
.mt_30 {
    margin-top: 1.5625vw;
}
.mt_35 {
    margin-top: 1.82292vw;
}
.mt_40 {
    margin-top: 2.08333vw;
}
.mt_45 {
    margin-top: 2.34375vw;
}
.mt_50 {
    margin-top: 2.60417vw;
}
.mt_55 {
    margin-top: 2.86458vw;
}
.mt_65 {
    margin-top: 3.38542vw;
}
.mt_80 {
    margin-top: 4.16667vw;
}

ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.common_banner_image {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
.common_banner_image img { 
    width: 100%;
}
@media (min-width: 1200px) {
    .container {
        padding-left: 3.125vw;
        padding-right: 3.125vw;
    }
    .row {
        --theme-gutter-x: 0rem;
    }
}

@media (min-width: 1921px) {
    .container {
        max-width: 1638px;
        padding-left: 12px;
        padding-right: 12px;
    }
    .row {
        margin-left: -12px;
        margin-right: -12px;
    }
}

.fw-400 {font-weight: 400;}
.fw-500 {font-weight: 500;}
.fw-600 {font-weight: 600;}
.fw-700 {font-weight: 700;}
.fw-800 {font-weight: 800;}
.text-left {text-align: left;}
.text-right {text-align: right;}
.text-center {text-align: center;}
.d-none {display: none;}
.img-fluid {
    max-width: 100%;
    height: auto;
  }

  .form-field {
    display: block;
    width: 100%;
    padding: 0.9em 1.25em;
    font-weight: 700;
    line-height: 1.5;
    color: var(--theme-text-color);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--theme-white-color);
    background-clip: padding-box;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  }
  @media (prefers-reduced-motion: reduce) {
    .form-field {
      transition: none;
    }
  }
  .form-field:focus {
    color: var(--theme-text-color);
    /* background-color: var(--bs-body-bg); */
    border-color: #5C48DA;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  }
  .form-field::-moz-placeholder {
    color: #929090;
    opacity: 1;
  }
  .form-field::placeholder {
    color: #929090;
    opacity: 1;
  }
  .form-field:disabled {
    background-color: var(--bs-secondary-bg);
    opacity: 1;
  }



  @media (max-width: 1199px) {
    .container {
        padding-left: 30px;
        padding-right: 30px;
    }
    .fs-32 {
        font-size: 2.36667vw;
    }
    .fs-16{
        font-size: 16px;
    }
    
    .fs-26 {
        font-size: 20px;
    }
  .fs-24 {
    font-size: 1.55vw;
  }
  .fs-40 {
    font-size: 2.48333vw;
  }
  .fs-28 {
    font-size: 1.85833vw;
    line-height: 2.475vw;
    }
    .fs-20 {
        font-size: 1.34167vw;
    }
    .fs-18 {
        font-size: 18px;
    }
  .bg_button {
    padding: 1.23333vw 1.55vw;
    font-size: 1.55vw;
  }
.contact_support_section .banner_button.flex .wpcf7-form-control.bg_button {
	  padding: 1.23333vw 1.55vw;
    font-size: 1.55vw;
}

  p {
    letter-spacing: normal;
}
  

.mt_55 {
    margin-top: 3.86458vw;
}

.pt_80 {
    padding-top: 5.16667vw;
}
}



  @media (max-width: 991px) {
    .mt_25 {
        margin-top: 1.60208vw;
    }

    .fs-18 {
        font-size: 16px;
    }
    .fs-20 {
        font-size: 18px;
    }
    .fs-32 {
        font-size: 24px;
    }

    .fs-40 {
        font-size: 2.98333vw;
    }

    .fs-24 {
        font-size: 20px;
    }
    .fs-26 {
        font-size: 20px;
    }
    .fs-28 {
        font-size: 18px;
        line-height: 24px;
    }
    .fs-44 {
        font-size: 4.29167vw;
        line-height: normal;
    }
    .fs-56 {
        font-size: 3.517vw;
        line-height: 3.633vw;
    }
    .fs-64 {
        font-size: 5vw;
        line-height: 1.2;
    }
    .bg_button {
        padding: 15px 25px;
        font-size: 18px;
        font-weight: 400;
    }
.contact_support_section .banner_button.flex .wpcf7-form-control.bg_button {
 padding: 15px 25px;
        font-size: 18px;
        font-weight: 400;
}
    .title_one .title_bottom {
        width: 100%;
    }
    p {
        letter-spacing: 1px;
        font-size: 16px;
    }
    .footer_terms a {
        font-size: 16px;
    }
  }



  @media (max-width: 767px) {
    .fs-92 {
        font-size: 8.79167vw;
    }
    .fs-74 {
        font-size: 12.854vw;
      }
      .fs-72 {
        font-size: 26px;
    }
    .fs-20 {
        font-size: 16px;
    }
    .fs-32 {
        font-size: 22px;
    }
    .fs-36 {
        font-size: 18px;
    }

    .fs-64 {
        font-size: 25px;
    }
    .fs-56 {
        font-size: 28px;
    }
    .fs-44 {
        font-size: 26px;
        line-height: normal;
    }
    .fs-40 {
        font-size: 6.98333vw;
    }

    .pt_35 {
        padding-top: 9.52292vw;
    }
    .fs-32 {
        font-size: 20px;
    }
    .fs-26 {
        font-size: 20px;
    }
    .fs-18 {
        font-size: 18px;
    }
    .mt_55 {
        margin-top: 8.86458vw;
    }

    .pt_80 {
        padding-top: 9.16667vw;
    }

    .title_one .title_bottom {
        margin-top: 15px;
    }
    .title_one::before {
        bottom: -3.30208vw;
        width: 13.20833vw;
    }

    .mt_80 {
        margin-top: 13.16667vw;
    }

    .mt_65 {
        margin-top: 5.38542vw;
    }

    .container {
        padding-left: 20px;
        padding-right: 20px;
    }
    .bg_button{
       padding: 11px 20px;
        font-size: 16px;
    }
  }





/* Academia css after font change */
.client_testimonial_per .fs-24 {
    font-weight: 600 !important;
}

.fs-64.counter{
    font-weight: 800 !important;
}

.tooltip-container{
    bottom: 10px !important;
}


h3.fs-74{
    font-weight: 800 !important;
}

/* .benefit_client_sec .how_it_work_inner .how_it_work_box .partnership{*/
/*    height: 20rem !important;*/
/*} */

.how_it_work_box.partnership {
    height: 17vw;
}


.how_it_work_box.partnership p {
    font-weight: 400 !important;
}


@media (max-width: 767px) {
    .linkedin_icon {
        width: 6.125vw !important;
    }
}


li.search_header {
    transform: translate(0px, 1px) !important;
}

.our_plans_section .our_plan_inner .our_plan_table table tbody td::after {
    background-image: repeating-linear-gradient(to right, #121212, #121212 2px, transparent 0px, transparent 10px) !important;
}


/* Reusable hover class */
.hover {
  display: inline-block;               /* keeps transform behavior predictable */
  backface-visibility: hidden;
  transform-origin: center;
  transition: transform 220ms cubic-bezier(.2,.8,.2,1),
              box-shadow 220ms cubic-bezier(.2,.8,.2,1),
              opacity 220ms;
  will-change: transform, box-shadow, opacity;
}

/* Hover and keyboard focus (makes it accessible) */
.hover:hover,
.hover:focus,
.hover:focus-visible {
  transform: translateY(-6px) scale(1.02);
  box-shadow: 0 10px 20px rgba(0,0,0,0.12), 0 2px 6px rgba(0,0,0,0.06);
  opacity: 1;
  outline: none;
}

/* Slight press effect for active/click */
.hover:active {
  transform: translateY(-3px) scale(0.995);
  transition-duration: 120ms;
}

/* Respect users who prefer reduced motion */
@media (prefers-reduced-motion: reduce) {
  .hover,
  .hover:hover,
  .hover:focus,
  .hover:active {
    transition: none !important;
    transform: none !important;
    box-shadow: none !important;
  }
}

.why_partner_right_list ul .icon_left {
    width: 5% !important;
}

.whatsapp-icon a {
    width: 100%;
    height: 100%;
    border-radius: 100%;
    font-size: 0px;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-image: url(https://academiaerp.com/staging/wp-content/uploads/2025/11/wts-icon.png) !important;
    display: inline-block;
}

  @media only screen and (max-width: 991px) {
   
    .whatsapp-icon {
      left: 20px !important;
      right: auto !important;
      bottom: 27px !important;
      transform: scale(1);
    }
  }



  .whatsapp-icon {
    position: fixed;
    left: 1.5% !important;
    bottom: 3% !important;
    width: 60px !important;
    height: 60px !important;
    color: red !important;
    z-index: 10000 !important;
    border-radius: 100% !important;
  }
  @media screen and (max-width: 480px) {
    .whatsapp-icon {
      left: 5.5% !important;
    }
  }

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

    .whatsapp-icon {
      left: 20px !important;
      right: auto !important;
      bottom: 27px !important;
      transform: scale(1);
    }
}

.footer_heading {
    font-size: 20px !important;
    font-weight: bolder !important;
}


.footer_social ul {
    column-gap: 3rem !important;
}



.core_member_content {
    display: grid ;
    justify-content: center;
    align-items: center;
}

.certification_section .certification_client_box {
    height: 30rem !important;
}

.customer_reviews.customer_reviews_bottom_slider.gartner {
    height: 15rem !important;
    margin-top: 1.25rem !important;
}

/* .about_us_section .left .left_img.about_image_left {
    margin-left: 0 !important;
} */

.about_us_section .left .left_img{
    margin-left: 0 !important;
}

/* Back to top*/
#backToTop {
  position: fixed;
  bottom: 15px;
  left: 50%;
  cursor:pointer;
  transform: translateX(-50%);
  background: #B2242E;
  border-radius: 50%;
  padding: 12px;
  width: 55px;
  height: 55px;
  box-shadow: 0 4px 14px rgba(0,0,0,0.18);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 99999;
  opacity: 0;             /* Hidden by default */
  pointer-events: none;   /* Disabled until visible */
  transition: opacity .25s ease, transform .25s ease;
}

#backToTop.visible {
  opacity: 1;
  pointer-events: auto;
}

#backToTop img {
  width: 38px;
  height: 38px;
}

#backToTop:hover {
  transform: translateX(-50%) translateY(-4px);
  box-shadow: 0 8px 20px rgba(0,0,0,0.22);
}

/* Tooltip text */
#backToTop::after {
  content: "Back to Top";
  position: absolute;
  bottom: 70px; /* positions tooltip above the button */
  left: 50%;
  transform: translateX(-50%);
  background: #000;
  color: #fff;
  padding: 6px 10px;
  font-size: 13px;
  border-radius: 4px;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity .25s ease, transform .25s ease;
  transform-origin: bottom;
}

/* Show tooltip on hover */
#backToTop:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(-4px);
}

/* Tooltip arrow */
#backToTop::before {
  content: "";
  position: absolute;
  bottom: 62px; /* arrow position */
  left: 50%;
  transform: translateX(-50%);
  border-width: 6px;
  border-style: solid;
  border-color: #000 transparent transparent transparent;
  opacity: 0;
  transition: opacity .25s ease;
}

/* Show arrow on hover */
#backToTop:hover::before {
  opacity: 1;
}
/* Show Back to Top only on mobile */
@media (min-width: 768px) {
  #backToTop {
    display: none !important;
  }
}

/* .am_content h2.fs-32 {
    font-size: 1.555vw !important;
} */

@media (min-width: 1280px) {
    .am_content h2.fs-32 {
        font-size: 1.555vw !important;
    }
}


/*Write your code here update*/

.our_plans_section .our_plan_inner .our_plan_table table tbody td::after {
    background-image: repeating-linear-gradient(to right, #121212, #121212 2px, transparent 0px, transparent 10px) !important;
}

.footer_middle .footer_info .fs-20 {
    font-weight: 400 !important;
}

a:hover {
    text-decoration: underline;
}
.resource_section .resource_tabbing ul li a:hover{
     text-decoration: none;
}

.how_it_work_section .how_it_work_tabbing ul li a:hover{
     text-decoration: none;
}

.benefit_client_slider , .client_testimonial_inner {
    height: fit-content;
}

.global_key_benefits_sec .resource_tabbing ul li a:hover{
     text-decoration: none;
}

.solution_section.advantange_academia_key_benefit .key_benefit_tabbing ul li a:hover{
     text-decoration: none;
}

.case_studies_section .case_studies_tabbing ul li a:hover{
     text-decoration: none;
}
.center-list {
    list-style: disc;          /* bullet points */
    padding: 0;
    margin: 0 auto;            /* center the UL */
    width: max-content;        /* shrink to content so centering works */
    text-align: left;          /* keep text left-aligned inside */
}
.center-list li {
    margin: 6px 0;
}

@media (min-width: 768px) and (max-width: 1180px) and (orientation: landscape) {
    .footer_social ul {
        column-gap: 2rem !important;
    }
    /* .drop_down ul{
        width:21.5vw !important;
    } */
}


@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    .footer_social ul {
        column-gap: 2rem !important;
    }
    /* .drop_down ul{
        width:21.5vw !important;
    } */
}
@media (min-width: 768px) and (max-width: 1366px) {
    .footer_social ul {
        column-gap: 2rem !important;
    }
     /* .drop_down ul{
        width:21.5vw !important;
    } */
}

/*For Media Coverage Hover Box*/
.blog_listing_link:hover {
    text-decoration: none;
}


.video_click_box {
    cursor: pointer;
}

.video_click_box,
.video_click_box .blog_img,
.video_click_box .play_circle_btn {
    cursor: pointer;
}
.about_us_personalizes_slider .swiper-pagination {
    bottom: -35px;  /* adjust value as needed */
    position: relative;
    margin-top: 20px;
}

.about_us_personalizes_slider .about_us_pagination {
    position: relative;
    bottom: 0;
    margin-top: 25px;
    display: flex;
    justify-content: center;
}


.media_info {
    margin-top: 12px;
    text-align: left;
}

.media_title {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 6px;
}

.media_desc {
    font-size: 16px;
    opacity: 0.8;
    margin: 0;
}

.media_gallery_row .blog_img a {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    position: relative !important;
    z-index: 5 !important;
    cursor: zoom-in !important;
}

.media_gallery_row .blog_img {
    width: 100% !important;
    aspect-ratio: 16/9 !important; /* controls box height (same size for all) */
    overflow: hidden !important;
}

.media_gallery_row .blog_img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;      /* cropps to fill the box */
    object-position: center !important; /* keeps focus in the middle */
    display: block !important;
}

.personalizes_communication_section.our_certificton_section .personalizes_communication_row .personalizes_communication_col {
    padding: 2.34375vw 3.66667vw !important;
}

.termsclass{
    padding-left: 50px !important;
}

/* Universal mobile + landscape fix for heading centering */
@media (max-width: 1024px) {

    /* Center both headings */
    .awards_recognitions_section .title_one,
    .awards_recognitions_section .title_up,
    .awards_recognitions_section .title_bottom {
        text-align: center !important;
        margin: 0 auto !important;
        width: 100% !important;
        display: block !important;
    }

    /* Ensure right section aligns center on all devices */
    .awards_recognitions_section .right {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        width: 100% !important;
    }

    /* Fix left area pushing layout */
    .awards_recognitions_section .left {
        width: 100% !important;
        display: flex !important;
        justify-content: center !important;
        margin-bottom: 20px !important;
    }
}

/* Extra safety rule - catches ALL mobile landscape sizes */
@media (orientation: landscape) and (max-height: 600px) {

    .awards_recognitions_section .title_one,
    .awards_recognitions_section .title_up,
    .awards_recognitions_section .title_bottom,
    .awards_recognitions_section .right {
        text-align: center !important;
        align-items: center !important;
        justify-content: center !important;
        margin: 0 auto !important;
        width: 100% !important;
    }
}


/* Enable scrolling inside the mobile menu on all mobile landscape devices */
@media (max-width: 1024px) and (orientation: landscape) {

    /* The UL menu container */
    #my_menu,
    .right_menu,
    .menu_part {
        max-height: 70vh !important; /* allows readable height */
        overflow-y: auto !important; /* enables scrolling */
        overflow-x: hidden !important;
    }

    /* Ensure dropdown also scrolls */
    .drop_down,
    .drop_down_inner {
        max-height: 60vh !important;
        overflow-y: auto !important;
    }

    /* Prevent body from blocking scroll */
    body.mobile_menu_open {
        overflow: hidden !important;
    }

    /* Extra fix for iPhones — required */
    .menu_dropdown > ul,
    .menu_dropdown .drop_down {
        -webkit-overflow-scrolling: touch !important;
    }
}


/* Reduce logo size in all mobile landscape devices */
@media (max-width: 1024px) and (orientation: landscape) {
    .header_logo img {
        max-width: 130px !important;   /* Adjust as needed */
        height: auto !important;
    }
}

/* Reduce top spacing in landscape mode for all mobile devices */
@media (max-width: 1024px) and (orientation: landscape) {
    .right_menu {
        top: 10vw !important;   /* adjust this value as needed */
        width: 100% !important;
        max-width: 100% !important;
    }
}



/* .vc_logos img{
    width: 195px !important;
    height: auto;
    object-fit: contain;
}

@media (max-width: 1366px){
    .vc_logos img{
        width: 165px !important;
    }
}

@media (max-width: 1024px){
    .vc_logos img{
        width: 110px !important;
    }
}

@media (max-width: 767px){
    .vc_logos img{
        width: 120px !important;
    }
} */

  /* ==============================
   SPLIDE HARD HEIGHT FIX
============================== */

/* Track must stretch items */
.splide__track {
    display: flex !important;
    align-items: stretch !important;
}

/* Slide – force SAME height always */
.splide__slide {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 150px !important;   /* HARD FIX */
    box-sizing: border-box;
    margin-right: 0px !important;
    width: auto !important ;
}

/* Logo wrapper – fixed box */
.vc_logos {
    width: auto !important;
    height: 160px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 20px !important;
    box-sizing: border-box;
}

/* Image – override Splide defaults */
.vc_logos img {
    max-width: 100% !important;
    max-height: 100% !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    vertical-align: middle !important; /* IMPORTANT */
    display: block;
}

/* ==============================
   RESPONSIVE
============================== */
@media (max-width: 1024px) {
    .splide__slide {
        height: 150px !important;
    }

    .vc_logos {
        width: auto !important;
        height: 120px !important;
    }
}

@media (max-width: 768px) {
    .splide__slide {
        height: 120px !important;
    }

    .vc_logos {
        width: auto !important;
        height: 100px !important;
    }
}

@media (max-width: 480px) {
    .splide__slide {
        height: 100px !important;
    }

    .vc_logos {
        width: auto !important;
        height: 80px !important;
        padding: 6px !important;
    }
}




/* 14/05/2026 css */



/* =========================================
POPUP OVERLAY
========================================= */

.cs-popup{
    display:none;
    position:fixed;
    z-index:999999;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.75);
    padding:20px;
    overflow-y:auto;
}


/* =========================================
POPUP BOX
========================================= */

.cs-popup-content{
    background:#fff;
    width:100%;
    max-width:520px;
    margin:50px auto;
    padding:40px 35px;
    border-radius:20px;
    position:relative;
    box-shadow:0 15px 50px rgba(0,0,0,0.2);
}


/* =========================================
HEADING
========================================= */

.cs-popup-content h2{
    font-size:30px;
    line-height:1.2;
    margin-bottom:30px;
    color:#111;
    font-weight:600;
    padding-right:40px;
}


/* =========================================
FORM GROUP
========================================= */

.cs-popup .fg{
    margin-bottom:20px;
}


/* =========================================
LABELS
========================================= */

.cs-popup label{
    display:block;
    margin-bottom:8px;
    font-size:16px;
    font-weight:600;
    color:#111;
}


/* =========================================
INPUTS
========================================= */

.cs-popup input{
    width:100%;
    height:56px;
    border:1px solid #d9d9d9;
    border-radius:10px;
    padding:0 18px;
    font-size:16px;
    transition:all 0.3s ease;
    background:#fff;
}

.cs-popup input:focus{
    outline:none;
    border-color:#0b1f5e;
    box-shadow:0 0 0 3px rgba(11,31,94,0.1);
}


/* =========================================
BUTTON
========================================= */

button.bg_button{

    width:100%;
    min-height:56px;

    background:var(--theme-heading-color);
    color:var(--theme-white-color);

    border:none;
    cursor:pointer;

    display:flex;
    align-items:center;
    justify-content:center;

    font-family:var(--theme-roboto-font);

    font-size:18px;
    font-weight:600;

    padding:16px 20px;

    border-top-left-radius:12px;
    border-bottom-right-radius:12px;
    border-top-right-radius:22px;
    border-bottom-left-radius:22px;

    transition:all 0.3s ease;
}

button.bg_button:hover{
    transform:translateY(-2px);
    opacity:0.95;
}


/* =========================================
CLOSE BUTTON
========================================= */

.cs-close{
    position:absolute;
    right:18px;
    top:12px;
    font-size:34px;
    line-height:1;
    cursor:pointer;
    color:#111;
    transition:0.3s ease;
}

.cs-close:hover{
    transform:rotate(90deg);
}


/* =========================================
TABLET
========================================= */

@media(max-width:991px){

    .cs-popup-content{
        max-width:90%;
        padding:35px 25px;
    }

    .cs-popup-content h2{
        font-size:30px;
    }
}


/* =========================================
MOBILE
========================================= */

@media(max-width:767px){

    .cs-popup{
        padding:15px;
    }

    .cs-popup-content{

        width:100%;
        max-width:100%;
        margin:30px auto;
        padding:30px 20px;
        border-radius:18px;
    }

    .cs-popup-content h2{

        font-size:22px;
        margin-bottom:25px;
        padding-right:30px;
    }

    .cs-popup input{

        height:52px;
        font-size:15px;
    }

    button.bg_button{

        width:100%;
        min-height:54px;
        font-size:16px;
        padding:14px 20px;
        border-radius:12px;
        border-top-left-radius: 12px;
        border-bottom-right-radius: 12px;
        border-top-right-radius: 22px;
        border-bottom-left-radius: 22px;
        }

    .cs-close{

        right:15px;
        top:10px;
        font-size:28px;
    }
}