/* ============================================
   GOOGLE FONTS IMPORT
   Saira: For Headlines and Sub-heads
   Lexend: For Body Copy
   ============================================ */
   @import url('https://fonts.googleapis.com/css2?family=Lexend:wght@300;400;500;600&family=Saira:wght@400;500;600;700&display=swap');

   /* ============================================
      GLOBAL RESET & BASE STYLES
      ============================================ */
   * {
       box-sizing: border-box;
   }
   
   html {
       width: 100%;
       max-width: 100%;
       overflow-x: hidden;
   }
   
   body {
       margin: 0;
       padding: 0;
       width: 100%;
       max-width: 100%;
       overflow-x: hidden;
       box-sizing: border-box;
   }
   
   /* Ensure media elements respect viewport width */
   img, video, iframe, embed, object {
       max-width: 100%;
       height: auto;
   }
   
   /* Ensure all section containers respect viewport width */
   section, div[class*="section"], div[class*="container"] {
       box-sizing: border-box;
   }
   
   .main-window {
       border: none;
       margin: 0;
       padding: 0;
       width: 100%;
       max-width: 100%;
       height: auto !important;
       overflow-x: hidden !important;
       overflow-y: visible !important;
       background: none !important;
       box-sizing: border-box;
   }
   
   .z-window {
       padding: 0px;
       overflow: visible !important;
   }
   
   .z-window-content {
       padding: 0px;
       overflow: visible !important;
       background: none !important;
   }
   
   
   /* ============================================
      INDEX PAGE STYLES
      ============================================ */
   
   /* ---------- Container  for intro section ---------------*/
           
            /* Container */
           .simple-intro {
               display: flex;
               align-items: center;
               justify-content: center;
               text-align: center;
   
               background-color: #ffffff;
               color: #1a4582;
   
               padding: 90px 150px;
               width: 100%;
           }
   
           /* Body text */
           .intro-text {
               font-family: 'Lexend', sans-serif;
               font-size: 1rem;
               line-height: 1.8;
               max-width: 900px;
               margin: 0 auto;
               white-space: pre-line;
           }
   
           /* Responsive */
           @media (max-width: 1600px) {
               .simple-intro {
                   padding: 85px 120px;
               }
           }
           
           @media (max-width: 1440px) {
               .simple-intro {
                   padding: 80px 100px;
               }
           }
           
           @media (max-width: 1366px) {
               .simple-intro {
                   padding: 75px 80px;
               }
           }
           
           @media (max-width: 1280px) {
               .simple-intro {
                   padding: 70px 60px;
               }
           }
           
           @media (max-width: 768px) {
               .simple-intro {
                   padding: 70px 20px;
               }
               .intro-text {
                   font-size: 1rem;
                   line-height: 1.7;
               }
           }
           
   
   
           /* --- OUR VALUES --- */ 
            /* Container */
           .values-section {
               background-color: #ede7f8;
               text-align: center;
               padding: 80px 100px;
               color: #1a4582;
               font-family: 'Lexend', sans-serif;
           }
   
           /* Section heading */
           .value-section-heading {
               font-family: 'Saira', sans-serif;
               font-size: 2.5rem;
               margin-bottom: 60px;
               letter-spacing: 0.5px;
           }
   
           /* Grid layout for 4 values */
           .values-row {
               margin-top: 30px;
               display: grid;
               grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
               gap: 60px;
               justify-content: center;
               align-items: start;
           }
   
           /* Each value box */
           .value-item {
               display: flex;
               flex-direction: column;
               align-items: center;
               justify-content: start;
               text-align: center;
               gap: 12px;
           }
   
           /* Icon/logo */
           .value-icon {
               margin-right: 100px;
               width: 130px;
               height: 130px;
               object-fit: contain;
           }
   
           /* Subheading (value title) */
           .value-title {
               font-family: 'Saira', sans-serif;
               align-self: self-start;
               font-size: 1.3rem;
               font-weight: 600;
               color: #1a4582;
           }
   
           /* Text */
           .value-text {
               font-family: 'Lexend', sans-serif;
               font-size: 1rem;
               color: #1a4582;
               line-height: 1.3;
               text-align: left;
               font-weight: 300;
           }
   
           /* Responsive */
           @media (max-width: 1600px) {
               .values-section {
                   padding: 75px 80px;
               }
           }
           
           @media (max-width: 1440px) {
               .values-section {
                   padding: 70px 70px;
               }
           }
           
           @media (max-width: 1366px) {
               .values-section {
                   padding: 65px 60px;
               }
               .value-icon {
                   margin-right: 60px;
               }
           }
           
           @media (max-width: 1280px) {
               .values-section {
                   padding: 60px 50px;
               }
               .value-icon {
                   margin-right: 50px;
               }
           }
           
           @media (max-width: 900px) {
               .values-section {
                   padding: 50px 20px;
               }
               .section-heading {
                   font-size: 1.8rem;
                   margin-bottom: 40px;
               }
               .values-row {
                   gap: 30px;
               }
               .value-text {
                   font-size: 0.95rem;
               }
               .value-icon {
                   margin-right: 0;
               }
           }
   
   
   
   
           /* --- CORE COMPETENCIES --- */ 
           .competencies-section { 
               padding: 100px 120px 10px; 
               background-color: #fff; 
               text-align: left; 
               font-family: 'Lexend', sans-serif;
           }
   
           .competencies-heading { 
               font-family: 'Saira', sans-serif;
               font-size: 2.5rem; 
               color: #1a4582; 
               font-weight: 400; 
               margin-bottom: 60px; 
               text-align: left;
               display: block;
           }
   
           .competency-item { 
               display: grid;
               grid-template-columns: 250px 1fr;
               gap: 40px;
               align-items: start;
               margin-bottom: 40px;
               padding-bottom: 40px;
           }
   
           .competency-item:not(:last-child) {
               border-bottom: 1px solid #7bc7ca;
           }
   
           .competency-title { 
               font-family: 'Saira', sans-serif;
               font-size: 1.4rem; 
               color: #1a4582; 
               font-weight: 400; 
               margin: 0;
               display: block;
               line-height: 1.3;
           }
   
           .competency-text { 
               font-family: 'Lexend', sans-serif;
               font-size: 1rem; 
               color: #1a4582; 
               line-height: 1.8; 
               margin: 0;
               text-align: left;
           }
   
           /* Responsive for Core Competencies */
           @media (max-width: 1600px) {
               .competencies-section {
                   padding: 90px 100px 10px;
               }
           }
           
           @media (max-width: 1440px) {
               .competencies-section {
                   padding: 85px 90px 10px;
               }
           }
           
           @media (max-width: 1366px) {
               .competencies-section {
                   padding: 80px 70px 10px;
               }
               .competency-item {
                   grid-template-columns: 220px 1fr;
                   gap: 35px;
               }
           }
           
           @media (max-width: 1280px) {
               .competencies-section {
                   padding: 75px 60px 10px;
               }
               .competency-item {
                   grid-template-columns: 200px 1fr;
                   gap: 30px;
               }
           }
           
           @media (max-width: 900px) {
               .competencies-section {
                   padding: 60px 40px;
               }
               .competencies-heading {
                   font-size: 2rem;
                   margin-bottom: 40px;
               }
               .competency-item {
                   grid-template-columns: 1fr;
                   gap: 20px;
                   padding-bottom: 30px;
               }
               .competency-title {
                   font-size: 1.2rem;
               }
               .competency-text {
                   font-size: 0.95rem;
               }
           }
   
   
   
           /* --- DATA VISUALIZATION SECTION --- */ 
           .data-visual-section {
               padding: 10px 120px 100px;
               background-color: #ffffff;
               text-align: center;
               font-family: 'Lexend', sans-serif;
           }
   
   
           .data-stats-container {
               display: flex;
               flex-wrap: wrap;
               justify-content: center;
               align-items: flex-start;
               gap: 50px;
               margin-top: 40px;
           }
   
           .data-item {
               display: flex;
               flex-direction: column;
               align-items: center;
               justify-content: center;
               text-align: center;
               gap: 20px;
               max-width: 220px;
               flex: 0 0 auto;
           }
   
           .data-circle {
               width: 150px;
               height: 150px;
               border-radius: 50%;
               background-color: #ede7f8;
               display: flex;
               flex-direction: column;
               justify-content: center;
               align-items: center;
               color: #1a4582;
               text-align: center;
               transition: all 0.3s ease;
               cursor: pointer;
               border: none;
           }
   
           .data-circle:hover {
               transform: scale(1.08);
           }
   
           .data-number-wrapper {
               display: flex;
               flex-direction: row;
               align-items: baseline;
               justify-content: center;
               gap: 0;
           }
   
           .data-number {
               font-family: 'Saira', sans-serif;
               font-size: 3.5rem;
               color: #1a4582;
               transition: transform 0.3s ease;
               margin: 0;
               line-height: 1;
           }
   
           .data-symbol {
               display: contents;
               font-family: 'Saira', sans-serif;
               font-size: 2rem;
               color: #1a4582;
               transition: transform 0.3s ease;
               margin: 0;
               line-height: 1;
               align-self: flex-start;
               margin-top: 0.2em;
           }
   
           .data-circle:hover .data-number,
           .data-circle:hover .data-symbol {
               transform: scale(1.05);
           }
   
           .data-label {
               font-family: 'Saira', sans-serif;
               font-size: 1rem;
               line-height: 1.4;
               color: #1a4582;
               font-weight: 400;
               margin: 0;
               text-align: center;
               max-width: 200px;
           }
   
           /* Responsive Design for Data Visualization */
           /* Large desktops */
           @media (max-width: 1600px) {
               .data-visual-section {
                   padding: 10px 100px 90px;
               }
           }
           
           @media (max-width: 1440px) {
               .data-visual-section {
                   padding: 10px 90px 85px;
               }
           }
           
           @media (max-width: 1366px) {
               .data-visual-section {
                   padding: 10px 80px 80px;
               }
               .data-stats-container {
                   gap: 45px;
               }
           }
           
           @media (max-width: 1280px) {
               .data-visual-section {
                   padding: 10px 70px 75px;
               }
               .data-stats-container {
                   gap: 40px;
               }
           }
           
           @media (max-width: 1400px) {
               .data-stats-container {
                   gap: 40px;
               }
           }
           
           /* Large tablets and small desktops */
           @media (max-width: 1200px) {
               .data-visual-section {
                   padding: 80px 60px;
               }
               .data-stats-container {
                   gap: 35px;
               }
               .data-circle {
                   width: 140px;
                   height: 140px;
               }
               .data-number {
                   font-size: 2.5rem;
               }
               .data-symbol {
                   font-size: 1.5rem;
               }
               .data-label {
                   font-size: 0.95rem;
               }
           }
   
           /* Tablets */
           @media (max-width: 900px) {
               .data-visual-section {
                   padding: 60px 40px;
               }
               .data-stats-container {
                   gap: 35px;
               }
               .data-circle {
                   width: 130px;
                   height: 130px;
               }
               .data-number {
                   font-size: 2rem;
               }
               .data-symbol {
                   font-size: 1.2rem;
               }
               .data-label {
                   font-size: 0.9rem;
                   max-width: 180px;
               }
           }
   
           /* Small tablets */
           @media (max-width: 768px) {
               .data-visual-section {
                   padding: 50px 30px;
               }
               .data-stats-container {
                   gap: 30px;
               }
               .data-circle {
                   width: 120px;
                   height: 120px;
               }
               .data-number {
                   font-size: 1.8rem;
               }
               .data-symbol {
                   font-size: 1.1rem;
               }
               .data-label {
                   font-size: 0.85rem;
                   max-width: 160px;
               }
           }
   
           /* Mobile phones */
           @media (max-width: 600px) {
               .data-visual-section {
                   padding: 40px 20px;
               }
               .data-stats-container {
                   gap: 30px;
                   flex-direction: row;
                   flex-wrap: wrap;
                   justify-content: center;
               }
               .data-item {
                   max-width: 45%;
                   min-width: 120px;
               }
               .data-circle {
                   width: 110px;
                   height: 110px;
               }
               .data-number {
                   font-size: 1.6rem;
               }
               .data-symbol {
                   font-size: 1rem;
               }
               .data-label {
                   font-size: 0.8rem;
                   max-width: 140px;
               }
           }
   
           /* Small mobile phones */
           @media (max-width: 480px) {
               .data-visual-section {
                   padding: 35px 15px;
               }
               .data-stats-container {
                   gap: 25px;
                   flex-direction: column;
                   align-items: center;
               }
               .data-item {
                   max-width: 100%;
                   min-width: auto;
               }
               .data-circle {
                   width: 100px;
                   height: 100px;
               }
               .data-number {
                   font-size: 1.4rem;
               }
               .data-symbol {
                   font-size: 0.9rem;
               }
               .data-label {
                   font-size: 0.75rem;
                   max-width: 200px;
               }
           }
   
           /* Extra small mobile phones */
           @media (max-width: 360px) {
               .data-visual-section {
                   padding: 30px 10px;
               }
               .data-stats-container {
                   gap: 20px;
               }
               .data-circle {
                   width: 90px;
                   height: 90px;
               }
               .data-number {
                   font-size: 1.2rem;
               }
               .data-symbol {
                   font-size: 0.8rem;
               }
               .data-label {
                   font-size: 0.7rem;
                   max-width: 180px;
               }
           }
   
   
           /* --- WHY US SECTION --- */ 
           .whyus-section {
               text-align: center;
               padding: 80px 120px;
               background: #ede7f8;
               position: relative;
               overflow: hidden;
               font-family: 'Lexend', sans-serif;
               box-sizing: border-box;
           }
   
           .whyus-heading {
               font-family: 'Saira', sans-serif;
               font-size: 2.5rem;
               font-weight: 400;
               color: #1a4582;
               display: block;
               margin-bottom: 50px;
           }
   
           .whyus-carousel-wrapper {
               position: relative;
               width: 100%;
               max-width: 1400px;
               margin: 0 auto;
               overflow: hidden;
               padding-top: 10px;
           }
   
           .whyus-carousel-container {
               display: flex;
               transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
               will-change: transform;
           }
           
           .whyus-carousel-container.no-transition {
               transition: none;
           }
   
           .whyus-card {
               flex: 0 0 calc(33.333% - 20px);
               min-width: calc(33.333% - 20px);
               background: #ffffff;
               border-radius: 30px;
               padding: 10px 30px;
               margin: 0 10px;
               display: flex;
               flex-direction: column;
               align-items: center;
               text-align: center;
               transition: transform 0.3s ease;
           }
   
           .whyus-card:hover {
               transform: translateY(-5px);
           }
   
           .whyus-card-icon {
               width: 120px;
               height: 120px;
               object-fit: contain;
               margin-bottom: 25px;
           }
   
           .whyus-card-title {
               font-family: 'Saira', sans-serif;
               font-size: 1.4rem;
               font-weight: 400;
               color: #1a4582;
               margin-bottom: 15px;
               line-height: 1.3;
           }
   
           .whyus-pagination {
               display: flex;
               justify-content: center;
               align-items: center;
               gap: 10px;
               margin-top: 40px;
           }
   
           .whyus-dot {
               width: 12px;
               height: 12px;
               border-radius: 50%;
               background-color: #e0e0e0;
               cursor: pointer;
               transition: all 0.3s ease;
               border: none;
           }
   
           .whyus-dot.active {
               background-color: #7bc7ca;
               width: 14px;
               height: 14px;
           }
   
           .whyus-dot:hover {
               background-color: #7bc7ca;
               transform: scale(1.2);
           }
   
           /* Responsive Design for Why Us Section */
           /* Large desktops */
           @media (max-width: 1600px) {
               .whyus-section {
                   padding: 75px 100px;
               }
           }
           
           @media (max-width: 1440px) {
               .whyus-section {
                   padding: 70px 90px;
               }
           }
           
           @media (max-width: 1366px) {
               .whyus-section {
                   padding: 65px 70px;
               }
           }
           
           @media (max-width: 1280px) {
               .whyus-section {
                   padding: 60px 60px;
               }
           }
           
           /* Large tablets and small desktops */
           @media (max-width: 1200px) {
               .whyus-section {
                   padding: 60px 80px;
               }
               .whyus-card {
                   flex: 0 0 calc(45% - 20px);
                   min-width: calc(45% - 20px);
               }
           }
   
           /* Tablets */
           @media (max-width: 900px) {
               .whyus-section {
                   padding: 50px 40px;
               }
               .whyus-heading {
                   font-size: 2rem;
                   margin-bottom: 40px;
               }
               .whyus-card {
                   flex: 0 0 calc(50% - 20px);
                   min-width: calc(50% - 20px);
                   padding: 8px 25px;
               }
               .whyus-card-icon {
                   width: 100px;
                   height: 100px;
               }
               .whyus-card-title {
                   font-size: 1.2rem;
               }
           }
   
           /* Small tablets and Mobile - Show 2 cards at a time */
           @media (max-width: 768px) {
               .whyus-section {
                   padding: 40px 20px;
               }
               .whyus-heading {
                   font-size: 1.8rem;
                   margin-bottom: 35px;
               }
               
               /* Hide duplicate cards on mobile */
               .whyus-card-duplicate {
                   display: none !important;
               }
               
               /* Mobile: Show 2 cards at a time, properly aligned */
               .whyus-carousel-wrapper {
                   overflow: hidden;
                   position: relative;
               }
               
               .whyus-carousel-container {
                   justify-content: flex-start;
               }
               
               .whyus-card {
                   flex: 0 0 calc(50% - 10px);
                   min-width: calc(50% - 10px);
                   max-width: calc(50% - 10px);
                   margin: 0 5px;
                   padding: 20px 25px;
                   box-sizing: border-box;
               }
               
               .whyus-card-icon {
                   width: 90px;
                   height: 90px;
               }
               
               .whyus-card-title {
                   font-size: 1.1rem;
               }
               
               .whyus-pagination {
                   margin-top: 30px;
               }
           }
   
           /* Mobile phones - smaller screens - Show 2 cards at a time */
           @media (max-width: 600px) {
               .whyus-section {
                   padding: 35px 15px;
               }
               .whyus-heading {
                   font-size: 1.6rem;
                   margin-bottom: 30px;
               }
               
               /* Hide duplicate cards on mobile */
               .whyus-card-duplicate {
                   display: none !important;
               }
               
               .whyus-card {
                   flex: 0 0 calc(50% - 8px);
                   min-width: calc(50% - 8px);
                   max-width: calc(50% - 8px);
                   margin: 0 4px;
                   padding: 18px 20px;
               }
               
               .whyus-card-icon {
                   width: 80px;
                   height: 80px;
               }
               
               .whyus-card-title {
                   font-size: 1rem;
               }
               
               .whyus-pagination {
                   margin-top: 30px;
               }
           }
   
           /* Small mobile phones - Show 2 cards at a time */
           @media (max-width: 480px) {
               .whyus-section {
                   padding: 30px 15px;
               }
               .whyus-heading {
                   font-size: 1.4rem;
                   margin-bottom: 25px;
               }
               
               /* Hide duplicate cards on mobile */
               .whyus-card-duplicate {
                   display: none !important;
               }
               
               .whyus-card {
                   flex: 0 0 calc(50% - 6px);
                   min-width: calc(50% - 6px);
                   max-width: calc(50% - 6px);
                   margin: 0 3px;
                   padding: 15px 18px;
               }
               .whyus-card-icon {
                   width: 70px;
                   height: 70px;
                   margin-bottom: 20px;
               }
               .whyus-card-title {
                   font-size: 0.95rem;
                   margin-bottom: 12px;
               }
               .whyus-dot {
                   width: 10px;
                   height: 10px;
               }
               .whyus-dot.active {
                   width: 12px;
                   height: 12px;
               }
           }
   
           
   
            
   
           /* --- IMAGE CAROUSEL SECTION --- */
           .image-carousel-section {
               position: relative;
               width: 100%;
               max-width: 100%;
               overflow: hidden;
               background-color: #ffffff;
               box-sizing: border-box;
               padding: 0;
               margin: 0;
               /* Prevent repaints from affecting parent */
               contain: style paint;
               isolation: isolate;
           }
           
           .image-carousel-wrapper {
               position: relative;
               width: 100%;
               max-width: 100%;
               overflow: hidden;
               box-sizing: border-box;
               padding: 0;
               margin: 0;
               /* Prevent repaints from affecting parent (but allow layout calculations for JS) */
               contain: style paint;
               isolation: isolate;
               /* Ensure stable dimensions to prevent vertical layout shifts */
               min-height: 45vh;
               height: auto;
           }
           
           .image-carousel-container {
               display: flex;
               transition: transform 0.6s ease-in-out;
               will-change: transform;
               /* Container must be wide enough for all slides (5 slides × 100% each) */
               width: 500%;
               box-sizing: border-box;
               padding: 0;
               margin: 0;
               /* Hardware acceleration for smooth animations */
               backface-visibility: hidden;
               perspective: 1000px;
               transform-style: preserve-3d;
               /* Prevent repaints from affecting parent (but allow layout for proper sizing) */
               contain: style paint;
               /* Ensure smooth rendering */
               -webkit-font-smoothing: antialiased;
               -moz-osx-font-smoothing: grayscale;
           }
           
           .image-carousel-container.no-transition {
               transition: none;
           }
           
           .carousel-image-item {
               margin-top: 45px;
               margin-left: 0;
               margin-right: 0;
               padding: 0;
               /* Each slide is 20% of container (which is 500% wide) = 100% of wrapper width */
               flex: 0 0 20%;
               min-width: 20%;
               max-width: 20%;
               width: 20%;
               height: 45vh;
               min-height: 360px;
               display: flex;
               align-items: center;
               justify-content: center;
               position: relative;
               overflow: hidden;
               box-sizing: border-box;
               /* Prevent repaints (layout containment not needed here) */
               contain: style paint;
               /* Hardware acceleration */
               backface-visibility: hidden;
               transform: translateZ(0);
               /* Ensure stable rendering */
               will-change: auto;
           }
           
           .carousel-image-item img {
               width: 100%;
               max-width: 100%;
               height: 100%;
               display: block;
               object-fit: fill;
               box-sizing: border-box;
               /* Prevent repaints during image loading */
               contain: style paint;
               /* Hardware acceleration */
               backface-visibility: hidden;
               transform: translateZ(0);
           }
           
           .carousel-image-item image {
               width: 100%;
               max-width: 100%;
               height: 100%;
               display: block;
               object-fit: cover;
               object-position: center;
               box-sizing: border-box;
               /* Prevent repaints during image loading */
               contain: style paint;
               /* Hardware acceleration */
               backface-visibility: hidden;
               transform: translateZ(0);
           }
           
           /* 4th image (ban4.png) - no special styling, inherits default carousel-image-item styles */
           /* This ensures it behaves exactly like all other carousel images (including 5th) */
           
           /* Specific styles for static carousel images to prevent cropping on different screen sizes */
           .carousel-image-item .carousel-image-mobile {
               object-fit: contain !important;
               object-position: center center !important;
               background-color: #ffffff;
           }
           
           /* Also apply to img tags for static images */
           .carousel-image-item img.carousel-image-mobile {
               object-fit: contain !important;
               object-position: center center !important;
               background-color: #ffffff;
           }
           
           /* Ensure video containers match image container behavior */
           .carousel-image-item video,
           .carousel-video-overlay-container video {
               width: 100%;
               max-width: 100%;
               height: 100%;
               object-fit: cover;
               display: block;
               box-sizing: border-box;
               /* Prevent repaints during video loading/playing */
               contain: style paint;
               /* Hardware acceleration for smooth playback - use translate3d for better mobile quality */
               backface-visibility: hidden;
               -webkit-transform: translate3d(0, 0, 0);
               transform: translate3d(0, 0, 0);
               /* Improve video rendering quality */
               -webkit-font-smoothing: antialiased;
               -moz-osx-font-smoothing: grayscale;
               /* Prevent video from causing reflows */
               will-change: auto;
               /* Ensure videos render at full quality */
               image-rendering: auto;
               -webkit-backface-visibility: hidden;
           }
           
           /* Desktop: Show desktop images, hide mobile images */
           .carousel-image-desktop {
               display: block;
           }
           .carousel-image-mobile {
               display: none;
           }
   
           .carousel-text-section {
           	   height:100%;	
               flex: 0 0 50%;
               width: 50%;
               max-width: 50%;
               min-width: 0;
               display: flex;
               align-items: center;
               justify-content: center;
               padding: 60px;
               background-color: #ede7f8;
               box-sizing: border-box;
               overflow: hidden;
               /* Prevent repaints */
               contain: style paint;
               /* Hardware acceleration */
               backface-visibility: hidden;
               transform: translateZ(0);
           }
   
           .carousel-indicators {
               position: relative;
               display: flex;
               justify-content: center;
               align-items: center;
               gap: 12px;
               padding: 20px 0;
               margin: 0 auto;
               background-color: #ffffff;
               width: 100%;
               /* Prevent repaints */
               contain: style paint;
           }
           
           .carousel-indicator {
               width: 14px;
               height: 14px;
               border-radius: 50%;
               background-color: #d0d0d0;
               cursor: pointer;
               transition: background-color 0.3s ease, border-color 0.3s ease, transform 0.3s ease;
               border: 2px solid #b0b0b0;
               /* Prevent layout shifts when size changes */
               flex-shrink: 0;
               box-sizing: border-box;
               /* Hardware acceleration */
               backface-visibility: hidden;
               transform: translateZ(0);
           }
           
           .carousel-indicator.active {
               background-color: #1a4582;
               border-color: #1a4582;
               /* Keep same size to prevent layout shifts */
               width: 14px;
               height: 14px;
           }
           
           .carousel-indicator:hover {
               background-color: #1a4582;
               border-color: #1a4582;
               transform: translateZ(0) scale(1.2);
           }
           
           /* Split Layout Styles for Carousel */
           .carousel-split-layout {
           	   margin-top:45px;
               margin-left: 0;
               margin-right: 0;
               padding: 0;
               display: flex;
               flex-direction: row;
               /* Should be 100% of parent (carousel-image-item) which is 20% of container */
               width: 100%;
               max-width: 100%;
               height: 45vh;
               min-height: 360px;
               box-sizing: border-box;
               overflow: hidden;
               position: relative;
               /* Prevent repaints */
               contain: style paint;
               /* Hardware acceleration */
               backface-visibility: hidden;
               transform: translateZ(0);
           }
           
           .carousel-text-content {
               display: flex;
               flex-direction: column;
               align-items: flex-start;
               justify-content: center;
               gap: 20px;
               width: 100%;
               max-width: 500px;
           }
           
           .carousel-invent-text {
               font-family: 'Saira', sans-serif;
               font-size: 2.5rem;
               font-weight: 600;
               color: #4dd0e1;
               line-height: 1.2;
               margin: 0;
           }
           
           
           .carousel-implement-text {
               font-family: 'Saira', sans-serif;
               font-size: 2.5rem;
               font-weight: 600;
               color: #1a4582;
               line-height: 1.2;
               margin: 0;
           }
           
           .carousel-video-section {
               flex: 0 0 50%;
               width: 50%;
               max-width: 50%;
               min-width: 0;
               height: 100%;
               position: relative;
               overflow: hidden;
               box-sizing: border-box;
               /* Prevent repaints */
               contain: style paint;
               /* Hardware acceleration */
               backface-visibility: hidden;
               transform: translateZ(0);
           }
           
           .carousel-video-section video,
           .carousel-video-section .carousel-video {
               width: 100%;
               max-width: 100%;
               height: 100%;
               object-fit: cover;
               display: block;
               box-sizing: border-box;
               /* Improve video rendering quality */
               -webkit-transform: translate3d(0, 0, 0);
               transform: translate3d(0, 0, 0);
               backface-visibility: hidden;
               -webkit-font-smoothing: antialiased;
               -moz-osx-font-smoothing: grayscale;
           }
           
           /* Video Overlay Container for Third Video */
           .carousel-video-overlay-container {
               margin-top: 45px;
               position: relative;
               width: 100%;
               max-width: 100%;
               height: 45vh;
               min-height: 360px;
               box-sizing: border-box;
               overflow: hidden;
               /* Prevent repaints */
               contain: style paint;
               /* Hardware acceleration */
               backface-visibility: hidden;
               transform: translateZ(0);
           }
           
           .carousel-video-overlay-container video {
               width: 100%;
               max-width: 100%;
               height: 100%;
               object-fit: cover;
               display: block;
               box-sizing: border-box;
               position: absolute;
               top: 0;
               left: 0;
               /* Improve video rendering quality */
               -webkit-transform: translate3d(0, 0, 0);
               transform: translate3d(0, 0, 0);
               backface-visibility: hidden;
               -webkit-font-smoothing: antialiased;
               -moz-osx-font-smoothing: grayscale;
           }
           
           .carousel-overlay-text {
               position: absolute;
               top: 50%;
               left: 50%;
               transform: translate(-50%, -50%);
               text-align: center;
               z-index: 10;
               pointer-events: none;
               width: 100%;
               padding: 0 40px;
           }
           
           .carousel-overlay-label {
               font-family: 'Saira', sans-serif;
               font-size: 2.5rem;
               line-height: 1.3;
               margin: 0;
               display: block;
           }
           
           .carousel-overlay-label-blue {
               color: #1a4582;
           }
           
           .carousel-overlay-label-white {
               color: #ffffff;
           }
           
           /* Responsive Design for Video Overlay */
           @media (max-width: 1200px) {
               .carousel-video-overlay-container {
                   height: 43vh;
                   min-height: 340px;
               }
               .carousel-overlay-label {
                   font-size: 2.5rem;
               }
           }
           
           @media (max-width: 900px) {
               .carousel-video-overlay-container {
                   height: 40vh;
                   min-height: 320px;
               }
               .carousel-overlay-label {
                   font-size: 2rem;
               }
               .carousel-overlay-text {
                   padding: 0 30px;
               }
           }
           
           @media (max-width: 768px) {
               .carousel-video-overlay-container {
                   height: 45vh;
                   min-height: 320px;
               }
               .carousel-overlay-label {
                   font-size: 1.8rem;
               }
               .carousel-overlay-text {
                   padding: 0 25px;
               }
           }
           
           @media (max-width: 480px) {
               .carousel-video-overlay-container {
                   height: 62vh;
                   min-height: 280px;
                   max-width: 100%;
               }
               .carousel-overlay-label {
                   font-size: 1.5rem;
               }
               .carousel-overlay-text {
                   padding: 0 20px;
                   max-width: 100%;
               }
               .carousel-image-item img {
                   margin-top: 0px;
               }
           }
           
           /* Responsive Design for Split Layout */
           @media (max-width: 1200px) {
               .carousel-split-layout {
                   height: 43vh;
                   min-height: 340px;
                   max-width: 100%;
                   width: 100%;
               }
               .carousel-image-item {
                   height: 43vh;
                   min-height: 340px;
                   max-width: 100%;
               }
               .carousel-video-overlay-container {
                   height: 43vh;
                   min-height: 340px;
                   max-width: 100%;
               }
               .carousel-invent-text,
               .carousel-implement-text {
                   font-size: 2.2rem;
               }
               .carousel-text-section {
                   padding: 50px;
                   flex: 0 0 50%;
                   width: 50%;
                   max-width: 50%;
                   min-width: 0;
               }
               .carousel-video-section {
                   flex: 0 0 50%;
                   width: 50%;
                   max-width: 50%;
                   min-width: 0;
               }
           }
           
           @media (max-width: 900px) {
               .carousel-split-layout {
                   height: 40vh;
                   min-height: 320px;
                   max-width: 100%;
                   width: 100%;
               }
               .carousel-image-item {
                   height: 40vh;
                   min-height: 320px;
                   max-width: 100%;
               }
               .carousel-video-overlay-container {
                   height: 40vh;
                   min-height: 320px;
                   max-width: 100%;
               }
               .carousel-invent-text,
               .carousel-implement-text {
                   font-size: 1.8rem;
               }
               .carousel-text-section {
                   padding: 40px;
                   flex: 0 0 50%;
                   width: 50%;
                   max-width: 50%;
                   min-width: 0;
               }
               .carousel-video-section {
                   flex: 0 0 50%;
                   width: 50%;
                   max-width: 50%;
                   min-width: 0;
               }
           }
           
           @media (max-width: 850px) {
               .carousel-split-layout {
                   height: 38vh;
                   min-height: 290px;
                   max-width: 100%;
                   width: 100%;
               }
               .carousel-text-section {
                   padding: 35px;
               }
               .carousel-invent-text,
               .carousel-implement-text {
                   font-size: 1.7rem;
               }
           }
           
           @media (max-width: 768px) {
               .carousel-split-layout {
                   flex-direction: column;
                   height: auto;
                   min-height: auto;
                   max-width: 100%;
                   width: 100%;
                   margin-top: 0;
                   overflow: visible;
               }
               /* Video first, then text below on mobile */
               .carousel-split-layout .carousel-video-section {
                   order: 1;
               }
               .carousel-split-layout .carousel-text-section {
                   order: 2;
               }
               .carousel-image-item {
                   height: auto;
                   min-height: auto;
                   /* Maintain flex sizing for carousel to work */
                   flex: 0 0 20%;
                   min-width: 20%;
                   max-width: 20%;
                   width: 20%;
                   margin-top: 0;
               }
               .carousel-video-overlay-container {
                   height: 45vh;
                   min-height: 320px;
                   max-width: 100%;
                   width: 100%;
                   margin-top: 0;
                   overflow: hidden;
                   position: relative;
               }
               .carousel-video-overlay-container video {
                   width: 100%;
                   max-width: 100%;
                   height: 100%;
                   object-fit: cover;
                   display: block;
                   position: absolute;
                   top: 0;
                   left: 0;
                   /* Improve video rendering quality on mobile */
                   -webkit-transform: translate3d(0, 0, 0);
                   transform: translate3d(0, 0, 0);
                   backface-visibility: hidden;
                   -webkit-font-smoothing: antialiased;
                   -moz-osx-font-smoothing: grayscale;
               }
               .carousel-text-section {
                   flex: 0 0 auto;
                   width: 100%;
                   max-width: 100%;
                   min-width: 0;
                   padding: 40px 30px;
                   min-height: 250px;
                   height: auto;
               }
               .carousel-video-section {
                   flex: 0 0 auto;
                   width: 100%;
                   max-width: 100%;
                   min-width: 0;
                   height: 45vh;
                   min-height: 270px;
                   overflow: hidden;
                   position: relative;
               }
               .carousel-video-section video,
               .carousel-video-section .carousel-video {
                   width: 100%;
                   max-width: 100%;
                   height: 100%;
                   object-fit: cover;
                   display: block;
                   position: absolute;
                   top: 0;
                   left: 0;
                   /* Improve video rendering quality on mobile */
                   -webkit-transform: translate3d(0, 0, 0);
                   transform: translate3d(0, 0, 0);
                   backface-visibility: hidden;
                   -webkit-font-smoothing: antialiased;
                   -moz-osx-font-smoothing: grayscale;
               }
               .carousel-invent-text,
               .carousel-implement-text {
                   font-size: 1.6rem;
               }
               .carousel-text-content {
                   max-width: 100%;
                   width: 100%;
               }
               /* Show mobile images, hide desktop images */
               .carousel-image-desktop {
                   display: none !important;
               }
               .carousel-image-mobile {
                   display: block !important;
               }
           }
           
           @media (max-width: 480px) {
               .image-carousel-section {
                   padding-top: 43px;
               }
               .carousel-split-layout {
                   width: 100%;
                   max-width: 100%;
               }
               .carousel-image-item {
                   min-height: 300px;
                   /* Maintain flex sizing for carousel to work */
                   flex: 0 0 20%;
                   min-width: 20%;
                   max-width: 20%;
                   width: 20%;
                   margin-top: 0;
               }
               .carousel-video-overlay-container {
                   height: 62vh;
                   min-height: 280px;
                   max-width: 100%;
                   width: 100%;
                   margin-top: 0;
                   overflow: hidden;
                   position: relative;
               }
               .carousel-video-overlay-container video {
                   width: 100%;
                   max-width: 100%;
                   height: 100%;
                   object-fit: cover;
                   display: block;
                   position: absolute;
                   top: 0;
                   left: 0;
                   /* Improve video rendering quality on mobile */
                   -webkit-transform: translate3d(0, 0, 0);
                   transform: translate3d(0, 0, 0);
                   backface-visibility: hidden;
                   -webkit-font-smoothing: antialiased;
                   -moz-osx-font-smoothing: grayscale;
               }
               .carousel-text-section {
                   padding: 30px 20px;
                   min-height: 200px;
                   max-width: 100%;
                   width: 100%;
                   min-width: 0;
                   flex: 0 0 auto;
               }
               .carousel-video-section {
                   height: 40vh;
                   min-height: 250px;
                   max-width: 100%;
                   width: 100%;
                   min-width: 0;
                   flex: 0 0 auto;
                   overflow: hidden;
                   position: relative;
               }
               .carousel-video-section video,
               .carousel-video-section .carousel-video {
                   width: 100%;
                   max-width: 100%;
                   height: 100%;
                   object-fit: cover;
                   display: block;
                   position: absolute;
                   top: 0;
                   left: 0;
                   /* Improve video rendering quality on mobile */
                   -webkit-transform: translate3d(0, 0, 0);
                   transform: translate3d(0, 0, 0);
                   backface-visibility: hidden;
                   -webkit-font-smoothing: antialiased;
                   -moz-osx-font-smoothing: grayscale;
               }
               .carousel-invent-text,
               .carousel-implement-text {
                   font-size: 1.4rem;
               }
               .carousel-text-content {
                   max-width: 100%;
                   width: 100%;
               }
               /* Show mobile images, hide desktop images */
               .carousel-image-desktop {
                   display: none !important;
               }
               .carousel-image-mobile {
                   display: block !important;
               }
               
               /* Optimize video rendering quality on mobile - remove containment for better quality */
               .carousel-image-item video,
               .carousel-video-overlay-container video,
               .carousel-video-section video,
               .carousel-video-section .carousel-video {
                   /* Remove containment on mobile for better rendering quality */
                   contain: none;
                   /* Ensure full quality rendering with proper scaling */
                   -webkit-transform: translate3d(0, 0, 0) scale(1);
                   transform: translate3d(0, 0, 0) scale(1);
               }
           }
           
           /* Responsive Design for Image Carousel */
           @media (max-width: 768px) {
               .carousel-indicators {
                   padding: 15px 0;
                   gap: 10px;
               }
   
               .carousel-indicator {
                   width: 10px;
                   height: 10px;
               }
   
               .carousel-indicator.active {
                   width: 12px;
                   height: 12px;
               }
           }
   
           /* --- KNOW MORE ABOUT US SECTION --- */
           .know-more-section {
               background-color: #ffffff;
               text-align: center;
               padding: 80px 120px;
               font-family: 'Lexend', sans-serif;
           }
   
           .know-more-button {
               background-color: #ede7f8;
               color: #1a4582;
               font-family: 'Saira', sans-serif;
               font-size: 1.3rem;
               font-weight: 400;
               padding: 18px 50px;
               border-radius: 22px;
               border: none;
               cursor: pointer;
               transition: all 0.3s ease;
               display: inline-block;
               text-decoration: none;
               box-shadow: none;
           }
   
           .know-more-button:hover {
               color: #1a4582;
               background-color: #ede7f8;
               transform: translateY(-2px);
           }
   
           /* Responsive Design for Know More Section */
           @media (max-width: 1200px) {
               .know-more-section {
                   padding: 60px 80px;
               }
           }
   
           @media (max-width: 900px) {
               .know-more-section {
                   padding: 50px 40px;
               }
               .know-more-button {
                   font-size: 1.2rem;
                   padding: 16px 45px;
               }
           }
   
           @media (max-width: 768px) {
               .know-more-section {
                   padding: 40px 30px;
               }
               .know-more-button {
                   font-size: 1.1rem;
                   padding: 15px 40px;
               }
           }
   
           @media (max-width: 600px) {
               .know-more-section {
                   padding: 35px 20px;
               }
               .know-more-button {
                   font-size: 1rem;
                   padding: 14px 35px;
               }
           }
   
           @media (max-width: 480px) {
               .know-more-section {
                   padding: 30px 15px;
               }
               .know-more-button {
                   font-size: 0.95rem;
                   padding: 12px 30px;
               }
           }
   
   /* ============================================
      ABOUT US PAGE STYLES
      ============================================ */
   
   .about-content-container {
               margin-top: 60px;
               position: relative;
               width: 100%;
               min-height: 70vh;
               overflow: hidden;
           }
           
           .about-inner-container {
               position: relative;
               width: 100%;
               min-height: 70vh;
               padding: 0;
               display: block;
           }
           
           .about-image-wrapper {
               position: absolute;
               top: 0;
               left: 0;
               width: 100%;
               height: 100%;
               min-height: 70vh;
               z-index: 1;
           }
           
           .about-image {
               width: 100%;
               height: 100%;
               min-height: 70vh;
               object-fit: cover;
               display: block;
           }
           
           /* Desktop image - show by default, hide on mobile */
           .about-image-desktop {
               display: block;
           }
           
           /* Mobile image - hide by default, show on mobile */
           .about-image-mobile {
               display: none;
           }
           
           /* Ensure image displays even if path is incorrect */
           .about-image img {
               width: 100%;
               height: 100%;
               min-height: 70vh;
               object-fit: cover;
               display: block;
           }
           
           .about-text-section {
               position: absolute;
               top: 0;
               left: 0;
               width: 50%;
               max-width: 40%;
               height: 100%;
               min-height: 70vh;
               padding: 60px 50px;
               z-index: 2;
               display: flex;
               flex-direction: column;
               justify-content: center;
           }
           
           .about-heading {
               font-size: 2.5rem;
               color: #7bc7ca;
               margin-bottom: 30px;
               font-family: 'Saira', sans-serif;
           }
           
           .about-text {
               font-size: 1em;
               color: white;
               line-height: 1.8;
               font-family: 'Lexend', sans-serif;
           }
           
           /* Two Column Text Section */
           .two-column-section {
               width: 100%;
               background: white;
               padding: 60px 50px;
               display: flex;
               gap: 60px;
               box-sizing: border-box;
           }
           
           .column-left, .column-right {
               width: 50%;
               flex: 1;
           }
           
           .column-text {
               font-size: 1em;
               color:#1a4582;
               line-height: 1.8;
               font-family: 'Lexend', sans-serif;
               margin-bottom: 20px;
           }
           
           .column-text label {
               display: inline;
           }
           
           .column-text-bold {
               font-size: 1em;
               color:#1a4582;
               line-height: 1.8;
               font-family: 'Lexend', sans-serif;
               font-weight: bold;
               display: inline;
           }
           
           .column-text-spacing {
               margin-top: 30px;
           }
           
           /* Teal Footer Section */
           .teal-footer-section {
               width: 100%;
               background: #7bc7ca;
               padding: 20px 50px;
               text-align: center;
               box-sizing: border-box;
           }
           
           .teal-footer-text {
               font-size: 2em;
               color: #ffffff;
               font-style: italic;
               font-family: 'Saira', sans-serif;
               font-weight: 300;
               margin: 0;
           }
           
           /* Our Team Section */
           .our-team-section {
               width: 100%;
               background: white;
               padding: 80px 50px;
               box-sizing: border-box;
           }
           
           .our-team-heading {
               display: flex; 
               justify-content: center;
               font-size: 2.5rem;
               color:#1a4582;
               text-align: center;
               margin-bottom: 40px;
               font-family: 'Saira', sans-serif;
           }
           
           .team-nav-tabs {
               display: flex;
               justify-content: center;
               align-items: center;
               gap: 15px;
               margin-bottom: 60px;
               flex-wrap: wrap;
           }
           
           .team-nav-item {
               font-size: 1.1em;
               color: #1a4582;
               font-family: 'Lexend', sans-serif;
               cursor: pointer;
               padding: 5px 10px;
               transition: color 0.3s;
           }
           
           .team-nav-item:hover {
               color: #7bc7ca;
           }
           
           .team-nav-item.active {
               color: #7bc7ca;
           }
           
           .team-nav-separator {
               color: #265bf7;
               font-size: 1.1em;
           }
           
           .team-members-container {
               padding: 0px 160px 0px 160px;
               display: flex;
               justify-content: center;
               align-items: flex-start;
               gap: 60px;
               flex-wrap: wrap;
               overflow-y: auto;
    		   overflow-x: hidden;
      		   scroll-behavior: smooth;
           }
           
           .team-member-card {
               display: flex;
               flex-direction: column;
               align-items: center;
               max-width: 280px;
               flex: 1;
               min-width: 200px;
               cursor: pointer;
               transition: transform 0.3s ease;
           }
           
           /* .team-member-card:hover {
               transform: translateY(-5px);
           } */
           
           .team-member-image {
               padding: 5px;
               width: 200px;
               height: 200px;
               border-radius: 50%;
               object-fit: cover;
               margin-bottom: 25px;
               cursor: pointer;
               transition: transform 0.3s ease;
           }
           
           .team-member-image:hover {
               transform: translateY(-5px);
           }
           
           .team-member-name {
               font-size: 1.4em;
               font-weight: 400;
               color:#1a4582;
               text-align: center;
               margin-bottom: 5px;
               font-family: 'Lexend', sans-serif;
           }
           
           .team-member-title {
               font-size: 1em;
               color: #1a4582;
               text-align: center;
               line-height: 1.5;
               font-family: 'Lexend', sans-serif;
           }
           
           /* Responsive Styles */
           @media (max-width: 1200px) {
               .about-text-section {
                   padding: 60px 40px;
               }
               
               .two-column-section {
                   padding: 50px 40px;
                   gap: 50px;
               }
               
               .teal-footer-section {
                   padding: 35px 40px;
               }
               
               .teal-footer-text {
                   font-size: 1.8em;
               }
               
               .our-team-section {
                   padding: 70px 40px;
               }
               
               .team-members-container {
                   gap: 50px;
                   padding: 0px 40px 0px 40px;
                   max-height: 640px; /* Adjusted for 2 rows with 50px gap */
               }
           }
           
           @media (max-width: 992px) {
               .about-heading {
                   font-size: 2.2m;
               }
               
               .about-text {
                   font-size: 1em;
               }
               
               .about-text-section {
                   padding: 50px 30px;
               }
               
               .two-column-section {
                   padding: 40px 30px;
                   gap: 40px;
               }
               
               .column-text {
                   font-size: 1em;
               }
               
               .teal-footer-section {
                   padding: 30px;
               }
               
               .teal-footer-text {
                   font-size: 1.6em;
               }
               
               .our-team-section {
                   padding: 60px 30px;
               }
               
               .our-team-heading {
                   font-size: 2.2rem;
               }
               
               .team-members-container {
                   gap: 40px;
                   padding: 0px 30px 0px 30px;
                   max-height: 600px; /* Adjusted for 2 rows with smaller image (180px) and 40px gap */
               }
               
               .team-member-image {
                   width: 180px;
                   height: 180px;
               }
           }
           
           @media (max-width: 768px) {
               .about-content-container {
                   margin-top: 50px;
               }
               
               .about-inner-container {
                   min-height: 60vh;
               }
               
               .about-image-wrapper {
                   min-height: 60vh;
               }
               
               .about-image {
                   min-height: 60vh;
               }
               
               /* Hide desktop image on tablet/mobile */
               .about-image-desktop {
                   display: none;
               }
               
               /* Show mobile image on tablet/mobile */
               .about-image-mobile {
                   display: block;
               }
               
               .about-image img {
                   min-height: 60vh;
               }
               
               .about-text-section {
                   width: 100%;
                   max-width: 100%;
                   padding: 40px 30px;
                   justify-content: flex-start;
                   top: 0;
               }
               
               .about-heading {
                   font-size: 2rem;
                   margin-bottom: 20px;
               }
               
               .two-column-section {
                   flex-direction: column;
                   padding: 40px 20px;
                   gap: 30px;
               }
               
               .column-left, .column-right {
                   width: 100%;
               }
               
               .column-text {
                   font-size: 0.95em;
                   margin-bottom: 15px;
               }
               
               .teal-footer-section {
                   padding: 25px 20px;
               }
               
               .teal-footer-text {
                   font-size: 1.4em;
               }
               
               .our-team-section {
                   padding: 50px 20px;
               }
               
               .our-team-heading {
                   font-size: 2rem;
                   margin-bottom: 30px;
               }
               
               .team-nav-tabs {
                   margin-bottom: 40px;
                   gap: 10px;
               }
               
               .team-nav-item {
                   font-size: 1em;
               }
               
               .team-members-container {
                   align-items: center;
                   gap: 50px;
                   padding: 0px 20px 0px 20px;
                   max-height: 650px; /* Adjusted for 2 rows with 50px gap on mobile */
               }
               
               .team-member-card {
                   max-width: 100%;
                   width: 100%;
               }
               
               .team-member-image {
                   width: 200px;
                   height: 200px;
               }
           }
           
           @media (max-width: 576px) {
               .about-inner-container {
                   min-height: 61vh;
               }
               
               .about-image-wrapper {
                   min-height: 61vh;
               }
               
               .about-image {
                   min-height: 50vh;
               }
               
               /* Hide desktop image on mobile */
               .about-image-desktop {
                   display: none;
               }
               
               /* Show mobile image on mobile */
               .about-image-mobile {
                   display: block;
               }
               
               .about-image img {
                   min-height: 50vh;
               }
               
               .about-text-section {
                   padding: 30px 20px;
                   justify-content: flex-start;
                   top: 0;
               }
               
               .about-heading {
                   font-size: 1.8rem;
               }
               
               .about-text {
                   font-size: 0.95em;
               }
               
               .two-column-section {
                   padding: 30px 15px;
                   gap: 25px;
               }
               
               .column-text {
                   font-size: 0.9em;
               }
               
               .teal-footer-section {
                   padding: 20px 15px;
               }
               
               .teal-footer-text {
                   font-size: 1.2em;
               }
               
               .our-team-section {
                   padding: 40px 15px;
               }
               
               .our-team-heading {
                   font-size: 1.8rem;
               }
               
               .team-members-container {
                   padding: 0px 15px 0px 15px;
                   max-height: 600px; /* Adjusted for 2 rows on small mobile */
               }
               
               .team-member-image {
                   width: 180px;
                   height: 180px;
               }
               
               .team-member-name {
                   font-size: 1.2em;
               }
               
               .team-member-title {
                   font-size: 0.95em;
               }
           }
           
           @media (max-width: 400px) {
               .about-heading {
                   font-size: 1.5rem;
               }
               
               .teal-footer-text {
                   font-size: 1em;
               }
               
               .our-team-heading {
                   font-size: 1.6rem;
               }
               
               .team-nav-item {
                   font-size: 0.9em;
               }
               
               .team-member-image {
                   width: 160px;
                   height: 160px;
               }
               
               .team-member-name {
                   font-size: 1.1em;
               }
               
               .team-member-title {
                   font-size: 0.9em;
               }
           }
           
           /* Profile Popup Styles */
           .profile-popup {
               position: fixed;
               top: 50%;
               left: 50%;
               transform: translate(-50%, -50%);
               width: 90%;
               max-width: 800px;
               background: #ede7f8;
               border-radius: 15px;
               z-index: 10000;
               display: none;
               overflow: hidden;
           }
           
           .profile-popup-header {
               display: grid;
               background: #ede7f8;
               padding: 25px 30px;
               position: relative;
               border-bottom: 1px solid #7bc7ca;
           }
           
           .profile-popup-name {
               font-size: 1.3rem;
               font-weight: 600;
               color:#1a4582;
               margin: 0;
               font-family: 'Saira', sans-serif;
           }
           
           .profile-popup-title {
           	   font-weight: 100;
               font-size: 1em;
               color:#1a4582;
               font-family: 'Lexend', sans-serif;
           }
           
           
           .profile-popup-body {
               background: #ecedf0;
               padding: 30px;
               display: flex;
               gap: 30px;
               align-items: flex-start;
           }
   
           
           .profile-popup-image-container {
               flex-shrink: 0;
           }
           
           .profile-popup-image {
               width: 180px;
               height: 180px;
               border-radius: 50%;
               object-fit: cover;
               border: 5px solid #ffffff;
           }
           
           .profile-popup-bio {
           	   font-weight:100;
               flex: 1;
               font-size: 1em;
               color:#1a4582;
               line-height: 1.8;
               font-family: 'Lexend', sans-serif;
               text-align: justify;
           }
           
           body.noscroll {
               overflow: hidden;
           }
           
           /* Responsive styles for popup */
           @media (max-width: 768px) {
               .profile-popup {
                   max-width: 95%;
               }
               
               .profile-popup-header {
                   padding: 20px 25px;
               }
               
               .profile-popup-name {
                   font-size: 1.1rem;
                   padding-right: 40px;
               }
               
               .profile-popup-title {
                   font-size: 1em;
               }
               
              .profile-popup-body {
                   flex-direction: column;
                   padding: 25px;
                   gap: 20px;
                   align-items: center;
               }
               
               .profile-popup-image {
                   width: 150px;
                   height: 150px;
               }
               
               .profile-popup-bio {
                   text-align: left;
                   font-size: 0.95em;
               }
           }
           
           @media (max-width: 480px) {
               .profile-popup-header {
                   padding: 15px 20px;
               }
               
               .profile-popup-name {
                   font-size: 1rem;
               }
               
               .profile-popup-title {
                   font-size: 0.7em;
               }
               
               .profile-popup-body {
                   padding: 20px;
               }
               
               .profile-popup-image {
                   width: 120px;
                   height: 120px;
               }
               
               .profile-popup-bio {
                   font-size: 0.9em;
               }
           }
           
           /* Our Story Over The Years Section */
           .our-story-section {
               width: 100%;
               background: #F2E6F5;
               padding: 40px 50px 200px 50px;
               box-sizing: border-box;
               position: relative;
               overflow: visible;
           }
           
           .story-icon-wrapper {
               position: absolute;
               top: -41px;
               left: 50%;
               transform: translateX(-50%);
               z-index: 10;
           }
           
           .story-icon {
               width: 90px;
               height: 90px;
               object-fit: contain;
               display: block;
               flex-shrink: 0;
           }
           
           .story-header {
               display: flex;
               align-items: center;
               justify-content: center;
               padding:50px;
           }
           
           .story-heading {
               font-size: 2.5rem;
               color:#1a4582;
               font-family: 'Saira', sans-serif;
               margin: 0;
               text-align: center;
           }
           
           .timeline-container {
               position: relative;
               width: 100%;
               margin-bottom: 40px;
               margin-top: 30px;
           }
           
           .timeline-wrapper {
               position: relative;
               overflow: hidden;
               margin: 0 50px;
               z-index: 1;
           }
           
           .timeline-scroll {
               display: flex;
               align-items: center;
               transition: transform 0.5s ease;
               gap: 0;
               position: relative;
               z-index: 1;
               width: max-content;
               min-width: 100%;
           }
           
           .timeline-line {
               position: absolute;
               top: 50%;
               left: 0;
               width: 100%;
               height: 2px;
               background: #7bc7ca;
               z-index: 1;
               transform: translateY(-50%);
           }
           
           .timeline-years {
               display: flex;
               align-items: center;
               justify-content: flex-start;
               position: relative;
               z-index: 2;
               gap: 0;
               min-height: 80px;
               width: max-content;
           }
           
           .timeline-year-item {
               display: flex;
               flex-direction: column;
               align-items: center;
               cursor: pointer;
               position: relative;
               width: 100px;
               min-width: 100px;
               flex-shrink: 0;
               padding: 0 10px;
               box-sizing: border-box;
               justify-content: flex-start;
           }
           
           .timeline-year-label {
               font-size: 1.1em;
               color:#1a4582;
               font-family: 'Saira', sans-serif;
               font-weight: 500;
               margin-bottom: 15px;
               text-align: center;
               order: 1;
           }
           
           .timeline-year-item.selected .timeline-year-label {
               color: #7bc7ca;
           }
           
           .timeline-year-dot {
               width: 20px;
               height: 20px;
               border-radius: 50%;
               background: #1a3a5f;
               border: 1px solid #7bc7ca;
               transition: all 0.3s ease;
               z-index: 3;
               position: relative;
               order: 2;
               margin-bottom: 41px;
           }
           
           .timeline-year-item.selected .timeline-year-dot {
               background: #7bc7ca;
               border-color: #7bc7ca;
               width: 24px;
               height: 24px;
           }
           
           .timeline-nav-button {
               position: absolute;
               top: 50%;
               transform: translateY(-50%);
               width: 40px;
               height: 40px;
               border: none;
               background: transparent;
               cursor: pointer;
               display: flex;
               align-items: center;
               justify-content: center;
               z-index: 20;
               transition: all 0.3s ease;
               padding: 0;
           }
           
           .timeline-nav-button:hover {
               opacity: 0.7;
           }
           
           .timeline-nav-button.left {
               left: 10px;
           }
           
           .timeline-nav-button.right {
               right: 10px;
           }
           
           .timeline-nav-button:disabled {
               opacity: 0.3;
               cursor: not-allowed;
           }
           
           .timeline-nav-icon {
               width: 100%;
               height: 100%;
               object-fit: contain;
           }
           
           .story-content-container {
               position: absolute;
               bottom: -145px;
               left: 50%;
               transform: translateX(-50%);
               width: 100%;
               max-width: 600px;
               padding: 0 50px;
               z-index: 5;
               box-sizing: border-box;
           }
           
           .story-content-box {
               border: 12px solid white;
               background: #f1eff2;
               border-radius: 40px;
               padding: 30px;
               width: 100%;
               height: 310px;
               position: relative;
               display: flex;
               flex-direction: column;
               box-sizing: border-box;
               overflow: hidden;
           }
           
           .story-content-wrapper {
               flex: 1;
               overflow-y: scroll;
               overflow-x: hidden;
               margin-bottom: 20px;
               padding-right: 20px;
               padding-bottom: 1px;
               min-height: 0;
               scrollbar-width: thin;
               scrollbar-color: #7bc7ca transparent;
               position: relative;
           }
           
           .story-content-wrapper::after {
               content: '';
               display: block;
               height: 1px;
               width: 100%;
           }
           
           .story-content-wrapper::-webkit-scrollbar {
               width: 6px;
           }
           
           .story-content-wrapper::-webkit-scrollbar-track {
               background: transparent;
           }
           
           .story-content-wrapper::-webkit-scrollbar-thumb {
               background: #7bc7ca;
               border-radius: 0;
               width: 6px;
               min-height: 20px;
           }
           
           .story-content-wrapper::-webkit-scrollbar-thumb:hover {
               background: #6bc4b0;
           }
           
           .story-content-wrapper::-webkit-scrollbar-corner {
               background: transparent;
           }
           
           .story-content-text {
               font-size: 1em;
               color:#1a4582;
               line-height: 1.8;
               font-family: 'Lexend', sans-serif;
               margin: 0;
               padding-bottom: 1px;
           }
           
           .story-content-item {
               margin-bottom: 15px;
           }
           
           .story-content-item:last-child {
               margin-bottom: 0;
           }
           
           .story-nav-controls {
               display: flex;
               justify-content: center;
               align-items: center;
               gap: 75px;
               flex-shrink: 0;
           }
           
           .story-nav-button {
               background: transparent;
               border: none;
               color: #7bc7ca;
               padding: 0;
               cursor: pointer;
               font-size: 1em;
               font-family: 'Lexend', sans-serif;
               transition: all 0.3s ease;
               display: flex;
               align-items: center;
               gap: 8px;
           }
           
           .story-nav-button:hover {
               opacity: 0.7;
           }
           
           .story-nav-button:disabled {
               opacity: 0.3;
               cursor: not-allowed;
           }
           
           .story-nav-icon {
               width: 25px;
               height: 25px;
               object-fit: contain;
           }
           
           .story-nav-text {
               color: #2b2a6b;
               font-size: 1em;
               font-family: 'Lexend', sans-serif;
               margin: 0;
               padding: 0;
           }
           
           .story-current-year {
               font-size: 1.2em;
               color: #7bc7ca;
               font-weight: 600;
               font-family: 'Saira', sans-serif;
               padding: 0 15px;
           }
           
           @media (max-width: 576px) {
               .story-nav-controls {
                   gap: 25px;
               }
               
               .story-icon {
               		width: 75px;
               		height: 82px;
               }
           }
           
           
           
           /* Our Presence Section */
           .our-presence-section {
               width: 100%;
               background: white;
               padding: 80px 50px 0px 50px;
               box-sizing: border-box;
               margin-top: 100px;
           }
           
           .presence-heading {
               display: flex; 
               justify-content: center;
               font-size: 2.5rem;
               color:#1a4582;
               font-family: 'Saira', sans-serif;
               font-weight: 300;
               text-align: center;
               margin-top: 60px;
           }
           
           .world-map-container {
               width: 100%;
               margin: 0 auto;
               position: relative;
               padding: 0 40px;
               box-sizing: border-box;
           }
           
           .world-map-div {
               width: 100%;
               height: auto;
               position: relative;
               display: flex;
               justify-content: center;
               align-items: center;
           }
           
           .world-map-image {
               width: 100%;
               height: auto;
               max-width: 100%;
               display: block;
               object-fit: contain;
           }
           
           .location-marker {
               position: absolute;
               cursor: pointer;
               transition: transform 0.3s ease;
               display: flex;
               flex-direction: column;
               align-items: center;
               z-index: 10;
           }
           
           .location-marker:hover {
               transform: scale(1.15);
           }
           
           .location-pin-icon {
               width: 30px;
               height: 40px;
               object-fit: contain;
               display: block;
           }
           
           .location-label {
               position: absolute;
               font-size: 0.95em;
               color:#1a4582;
               font-family: 'Lexend', sans-serif;
               font-weight: 500;
               margin-top: 40px;
               left: 50%;
               transform: translateX(-50%);
               background: #ede7f8;
               padding: 6px 12px 6px 12px;
               border-radius: 6px;
           }
           
           .location-name {
               font-family: 'Lexend', sans-serif;
               font-size: 0.95em;
               color:#1a4582;
               font-weight: 100;
               line-height: 1.2;
               display: block;
               margin: 0;
               padding: 0;
           }
           
           .location-number {
               font-family: 'Lexend', sans-serif;
               text-align: center;
               font-size: 0.95em;
               color:#1a4582;
               font-weight: 700;
               line-height: 1.2;
               margin: 0;
               margin-top: 0;
               padding: 0;
               display: block;
           }
           
           /* Location positions for global implementations */
           /* Adjusted to match actual geographic locations on world map */
           .location-egypt {
               top: 30%;
               left: 56%;
           }
           
           .location-uae {
               top: 36%;
               left: 62%;
           }
           
           .location-tanzania {
               top: 53%;
               left: 57%;
           }
           
           .location-india {
               top: 41%;
               left: 70%;
           }
           
           .location-philippines {
               top: 53%;
               left: 82%;
           }
           
           /* Responsive adjustments for location markers */
           @media (max-width: 992px) {
               .location-pin-icon {
                   width: 25px;
                   height: 33px;
               }
               
               .location-label {
                   font-size: 0.9em;
                   margin-top: 35px;
                   padding: 3px 6px;
               }
               
               .location-name,
               .location-number {
                   font-size: 0.9em;
               }
           }
           
           @media (max-width: 768px) {
               .location-pin-icon {
                   width: 20px;
                   height: 27px;
               }
               
               .location-label {
                   font-size: 0.85em;
                   margin-top: 30px;
                   padding: 4px 8px;
               }
               
               .location-egypt {
                   top: 30%;
                   left: 56%;
               }
               
               .location-uae {
                   top: 36%;
                   left: 62%;
               }
               
               .location-tanzania {
                   top: 53%;
                   left: 57%;
               }
               
               .location-india {
                   top: 41%;
                   left: 70%;
               }
               
               .location-philippines {
                   top: 53%;
                   left: 82%;
               }
           }
           
           @media (max-width: 576px) {
               .location-pin-icon {
                   width: 18px;
                   height: 24px;
               }
               
               .location-label {
                   font-size: 0.8em;
                   margin-top: 28px;
                   padding: 2px 4px;
               }
               
               .location-egypt {
                   top: 30%;
                   left: 56%;
               }
               
               .location-uae {
                   top: 36%;
                   left: 62%;
               }
               
               .location-tanzania {
                   top: 53%;
                   left: 57%;
               }
               
               .location-india {
                   top: 41%;
                   left: 70%;
               }
               
               .location-philippines {
                   top: 53%;
                   left: 82%;
               }
           }
           
           /* Responsive styles for timeline */
           @media (max-width: 1600px) {
               .our-story-section {
                   padding: 40px 45px 200px 45px;
               }
               .our-presence-section {
                   padding: 75px 45px 0px 45px;
               }
           }
           
           @media (max-width: 1440px) {
               .our-story-section {
                   padding: 40px 40px 200px 40px;
               }
               .our-presence-section {
                   padding: 70px 40px 0px 40px;
               }
           }
           
           @media (max-width: 1366px) {
               .our-story-section {
                   padding: 40px 35px 200px 35px;
               }
               .our-presence-section {
                   padding: 65px 35px 0px 35px;
               }
           }
           
           @media (max-width: 1280px) {
               .our-story-section {
                   padding: 40px 30px 200px 30px;
               }
               .our-presence-section {
                   padding: 60px 30px 0px 30px;
               }
           }
           
           @media (max-width: 1200px) {
               .our-story-section {
                   padding: 70px 40px 270px 40px;
               }
               
               .story-heading {
                   font-size: 2.5em;
               }
               
               .timeline-wrapper {
                   margin: 0 50px;
               }
               
               .timeline-year-item {
                   width: 90px;
                   min-width: 90px;
               }
               
               .story-content-container {
                   padding: 0 40px;
                   max-width: 550px;
                   bottom: -145px;
               }
               
               .story-content-box {
                   height: 290px;
               }
               
               .our-presence-section {
                   padding: 70px 40px;
                   margin-top: 100px;
               }
               
               .presence-heading {
                   font-size: 2.5em;
               }
               
               .world-map-container {
                   padding: 30px;
               }
               
               .world-map-div {
                   min-height: 400px;
               }
               
               .world-map-image {
                   max-height: 500px;
               }
           }
           
           @media (max-width: 992px) {
               .our-story-section {
                   padding: 60px 30px 250px 30px;
               }
               
               .story-heading {
                   font-size: 2.2em;
               }
               
               .timeline-wrapper {
                   margin: 0 45px;
               }
               
               .timeline-year-item {
                   width: 80px;
                   min-width: 80px;
                   padding: 0 8px;
               }
               
               .story-content-container {
                   padding: 0 30px;
                   max-width: 500px;
                   bottom: -135px;
               }
               
               .story-content-box {
                   height: 270px;
                   padding: 25px;
               }
               
               .our-presence-section {
                   padding: 60px 30px;
                   margin-top: 100px;
               }
               
               .presence-heading {
                   font-size: 2.2em;
               }
               
               .world-map-container {
                   padding: 30px;
               }
               
               .world-map-div {
                   min-height: 400px;
               }
           }
           
           @media (max-width: 768px) {
               .our-story-section {
                   padding: 50px 20px 230px 20px;
               }
               
               .story-header {
                   flex-direction: column;
                   gap: 10px;
               }
               
               .story-heading {
                   font-size: 2em;
                   text-align: center;
               }
               
               .timeline-wrapper {
                   margin: 0 40px;
               }
               
               .timeline-year-item {
                   width: 70px;
                   min-width: 70px;
                   padding: 0 5px;
               }
               
               .timeline-year-label {
                   font-size: 0.95em;
               }
               
               .story-content-container {
                   padding: 0 20px;
                   max-width: 100%;
                   bottom: -130px;
               }
               
               .story-content-box {
                   height: 250px;
                   padding: 25px;
               }
               
               .our-presence-section {
                   padding: 50px 20px;
                   margin-top: 80px;
               }
               
               .presence-heading {
                   font-size: 1.6rem;
               }
               
               .world-map-container {
                   padding: 20px;
               }
               
               .world-map-div {
                   min-height: 300px;
               }
               
               .world-map-image {
                   max-height: 400px;
               }
           }
           
           @media (max-width: 576px) {
               .our-story-section {
                   padding: 40px 15px 155px 15px;
               }
               
               .story-heading {
                   font-size: 1.8em;
               }
               
               .timeline-wrapper {
                   margin: 0 30px;
               }
               
               .timeline-year-item {
                   width: 60px;
                   min-width: 60px;
                   padding: 0 5px;
               }
               
               .timeline-year-label {
                   font-size: 0.85em;
                   margin-bottom: 10px;
               }
               
               .timeline-year-dot {
                   width: 18px;
                   height: 18px;
                   margin-bottom: 35px;
               }
               
               .timeline-year-item.selected .timeline-year-dot {
                   width: 22px;
                   height: 22px;
               }
               
               .timeline-nav-button {
                   width: 35px;
                   height: 35px;
               }
               
               .timeline-nav-button.left {
                   left: 5px;
               }
               
               .timeline-nav-button.right {
                   right: 5px;
               }
               
               .story-content-container {
                   padding: 0 15px;
                   max-width: 100%;
                   bottom: -130px;
               }
               
               .story-content-box {
                   height: 240px;
                   padding: 20px;
                   border-width: 15px;
               }
               
               .story-content-text {
                   font-size: 0.9em;
               }
               
               .our-presence-section {
                   padding: 40px 15px;
                   margin-top: 70px;
               }
               
               .world-map-container {
                   padding: 15px;
               }
               
               .world-map-div {
                   min-height: 250px;
               }
               
               .world-map-image {
                   max-height: 300px;
               }
           }
           
           @media (max-width: 400px) {
               .our-story-section {
                   padding: 35px 10px 150px 10px;
               }
               
               .story-heading {
                   font-size: 1.6em;
               }
               
               .timeline-wrapper {
                   margin: 0 25px;
               }
               
               .timeline-year-item {
                   width: 55px;
                   min-width: 55px;
                   padding: 0 3px;
               }
               
               .timeline-year-label {
                   font-size: 0.8em;
                   margin-bottom: 8px;
               }
               
               .timeline-year-dot {
                   width: 16px;
                   height: 16px;
                   margin-bottom: 30px;
               }
               
               .timeline-year-item.selected .timeline-year-dot {
                   width: 20px;
                   height: 20px;
               }
               
               .timeline-nav-button {
                   width: 30px;
                   height: 30px;
               }
               
               .timeline-nav-button.left {
                   left: 0;
               }
               
               .timeline-nav-button.right {
                   right: 0;
               }
               
               .story-content-container {
                   padding: 0 10px;
                   bottom: -120px;
               }
               
               .story-content-box {
                   height: 220px;
                   padding: 15px;
                   border-width: 12px;
               }
               
               .story-content-text {
                   font-size: 0.85em;
               }
           }
           
           /* Mission and Vision Section */
           .mission-vision-section {
               width: 100%;
               background: #f2e6f5;
               padding: 80px 150px;
               box-sizing: border-box;
           }
           
           .mission-vision-container {
               display: flex;
               gap: 60px;
           }
           
           .mission-column, .vision-column {
               flex: 1;
               width: 50%;
               display: flex;
               flex-direction: column;
               align-items: center;
           }
           
           .mission-icon, .vision-icon {
               width: 115px;
               height: 115px;
               object-fit: contain;
               margin-bottom: 20px;
           }
           
           .mission-heading, .vision-heading {
               font-size: 2.5rem;
               color:#1a4582;
               font-family: 'Saira', sans-serif;
               font-weight: 100;
               margin-bottom: 20px;
               text-align: center;
           }
           
           .mission-text, .vision-text {
               font-size: 1em;
               color:#1a4582;
               line-height: 1.8;
               font-family: 'Lexend', sans-serif;
               text-align: center;
           }
           
           .commitment-csr-section {
               width: 100%;
               background: #ede7f8;
               padding: 2% 20%;
               box-sizing: border-box;
           }
           
           .commitment-csr-container {
               max-width: 1200px;
               margin: 0 auto;
           }
           
           .commitment-text, .csr-text {
               text-align: center;
               font-size: 1em;
               color:#1a4582;
               line-height: 1.8;
               font-family: 'Lexend', sans-serif;
               margin-bottom: 25px;
           }
           
           .commitment-text:last-child, .csr-text:last-child {
               margin-bottom: 0;
           }
           
           .commitment-text label, .csr-text label {
               display: inline;
           }
           
           .commitment-bold, .csr-bold {
               font-weight: bold;
               display: inline;
           }
           
           /* Responsive styles for Mission/Vision */
           @media (max-width: 1600px) {
               .mission-vision-section {
                   padding: 75px 130px;
               }
           }
           
           @media (max-width: 1440px) {
               .mission-vision-section {
                   padding: 70px 120px;
               }
           }
           
           @media (max-width: 1366px) {
               .mission-vision-section {
                   padding: 65px 100px;
               }
               .mission-vision-container {
                   gap: 50px;
               }
               .commitment-csr-section {
                   padding: 2% 15%;
               }
           }
           
           @media (max-width: 1280px) {
               .mission-vision-section {
                   padding: 60px 90px;
               }
               .mission-vision-container {
                   gap: 45px;
               }
               .commitment-csr-section {
                   padding: 2% 12%;
               }
           }
           
           @media (max-width: 1200px) {
               .mission-vision-section {
                   padding: 70px 140px ;
               }
               
               .mission-vision-container {
                   gap: 50px;
               }
               
               .commitment-csr-section {
                   padding: 2% 20%;
               }
           }
           
           @media (max-width: 992px) {
               .mission-vision-section {
                   padding: 60px 130px;
               }
               
               .mission-vision-container {
                   gap: 40px;
               }
               
               .mission-heading, .vision-heading {
                   font-size: 1.8rem;
               }
               
               .mission-text, .vision-text {
                   font-size: 1em;
               }
               
               .commitment-csr-section {
                   padding: 40px 130px;
               }
               
               .commitment-text, .csr-text {
                   font-size: 1em;
               }
           }
           
           @media (max-width: 768px) {
               .mission-vision-section {
                   padding: 50px 80px;
               }
               
               .mission-vision-container {
                   flex-direction: column;
                   gap: 50px;
               }
               
               .mission-column, .vision-column {
                   width: 100%;
               }
               
               .mission-icon, .vision-icon {
                   width: 170px;
                   height: 170px;
               }
               
               .mission-heading, .vision-heading {
                   font-size: 1.6rem;
                   margin-bottom: 15px;
               }
               
               .mission-text, .vision-text {
                   font-size: 0.95em;
               }
               
               .commitment-csr-section {
                   padding: 40px 120px;
               }
               
               .commitment-text, .csr-text {
                   font-size: 0.95em;
               }
           }
           
           @media (max-width: 576px) {
               .mission-vision-section {
                   padding: 40px 20px;
               }
               
               .mission-vision-container {
                   gap: 40px;
               }
               
               .mission-icon, .vision-icon {
                   width: 150px;
                   height: 150px;
               }
               
               .mission-heading, .vision-heading {
                   font-size: 1.4rem;
               }
               
               .mission-text, .vision-text {
                   font-size: 0.9em;
               }
               
               .commitment-csr-section {
                   padding: 30px 30px;
               }
               
               .commitment-text, .csr-text {
                   font-size: 0.9em;
               }
           }
           
           @media (max-width: 400px) {
               .mission-heading, .vision-heading {
                   font-size: 1.3rem;
               }
               
               .mission-icon, .vision-icon {
                   width: 120px;
                   height: 120px;
               }
           }
           
           /* Quality Policy Section */
           .quality-policy-section {
               width: 100%;
               background: white;
               padding: 80px 50px;
               box-sizing: border-box;
           }
           
           .quality-policy-container {
               max-width: 1200px;
               margin: 0 auto;
               display: flex;
               flex-direction: column;
               align-items: center;
           }
           
           .quality-policy-heading {
               font-size: 2.5rem;
               color:#1a4582;
               font-family: 'Saira', sans-serif;
               text-align: center;
               margin-bottom: 40px;
           }
           
           .quality-policy-statement {
               font-size: 1em;
               color:#1a4582;
               line-height: 1.8;
               font-family: 'Lexend', sans-serif;
               text-align: center;
               margin-bottom: 60px;
               max-width: 900px;
           }
           
           /* Certifications Container */
           .certifications-container {
               display: flex;
               align-items: center;
               justify-content: center;
               gap: 60px;
               width: 100%;
               max-width: 1000px;
               margin: 0 auto;
           }
           
           /* ISO Icon Wrapper */
           .iso-icon-wrapper {
               flex-shrink: 0;
               display: flex;
               align-items: center;
               justify-content: center;
           }
           
           .iso-icon-image {
               width: 100%;
               max-width: 250px;
               height: auto;
               object-fit: contain;
               display: block;
           }
           
           /* Certifications List Wrapper */
           .certifications-list-wrapper {
               flex: 1;
               display: flex;
               flex-direction: column;
               gap: 20px;
           }
           
           /* Certifications Header */
           .certifications-header {
               background-color: #ede7f8;
               padding: 12px 24px;
               border-radius: 8px;
               display: inline-block;
               align-self: flex-start;
           }
           
           .certifications-header-text {
               font-size: 1.1em;
               color:#1a4582;
               font-family: 'Saira', sans-serif;
               font-weight: 500;
               margin: 0;
           }
           
           /* Certifications List */
           .certifications-list {
               display: grid;
               grid-template-columns: repeat(3, minmax(160px, 1fr));
               gap: 20px 0px;
               width: 100%;
               justify-items: self-start;;
           }
           
           .certification-item {
               font-size: 1em;
               color:#1a4582;
               font-family: 'Lexend', sans-serif;
               line-height: 1.6;
               margin: 0;
               text-align: center;
           }
           
           /* Responsive styles for Quality Policy */
           @media (max-width: 1200px) {
               .quality-policy-section {
                   padding: 70px 40px;
               }
               
               .quality-policy-heading {
                   font-size: 2.5em;
               }
               
               .certifications-container {
                   gap: 50px;
               }
               
               .iso-icon-image {
                   max-width: 220px;
               }
           }
           
           @media (max-width: 992px) {
               .quality-policy-section {
                   padding: 60px 30px;
               }
               
               .quality-policy-heading {
                   font-size: 2.2em;
                   margin-bottom: 30px;
               }
               
               .quality-policy-statement {
                   font-size: 1em;
                   margin-bottom: 50px;
               }
               
               .certifications-container {
                   gap: 40px;
                   flex-wrap: wrap;
               }
               
               .iso-icon-wrapper {
                   width: 100%;
                   display: flex;
                   justify-content: center;
               }
               
               .iso-icon-image {
                   max-width: 200px;
               }
               
               .certifications-list-wrapper {
                   width: 100%;
               }
               
               .certifications-list {
                   grid-template-columns: repeat(2, minmax(160px, 1fr));
                   gap: 20px 30px;
               }
           }
           
           @media (max-width: 768px) {
               .quality-policy-section {
                   padding: 50px 20px;
               }
               
               .quality-policy-heading {
                   font-size: 2em;
                   margin-bottom: 25px;
               }
               
               .quality-policy-statement {
                   font-size: 0.95em;
                   margin-bottom: 40px;
               }
               
               .certifications-container {
                   flex-direction: column;
                   gap: 30px;
               }
               
               .iso-icon-wrapper {
                   width: 100%;
               }
               
               .iso-icon-image {
                   max-width: 180px;
               }
               
               .certifications-list-wrapper {
                   width: 100%;
               }
               
               .certifications-header {
                   align-self: center;
               }
               
               .certifications-list {
                   grid-template-columns: repeat(2, minmax(140px, 1fr));
                   justify-items: center;
                   gap: 20px 30px;
               }
               
               .certification-item {
                   font-size: 0.95em;
               }
           }
           
           @media (max-width: 576px) {
               .quality-policy-section {
                   padding: 40px 15px;
               }
               
               .quality-policy-heading {
                   font-size: 1.8em;
                   margin-bottom: 20px;
               }
               
               .quality-policy-statement {
                   font-size: 0.9em;
                   margin-bottom: 35px;
               }
               
               .certifications-container {
                   gap: 25px;
               }
               
               .iso-icon-image {
                   max-width: 150px;
               }
               
               .certifications-header {
                   padding: 10px 20px;
               }
               
               .certifications-header-text {
                   font-size: 1em;
               }
               
               .certifications-list {
                   /* grid-template-columns: minmax(0, 1fr); */
                   gap: 15px;
               }
               
               .certification-item {
                   font-size: 0.9em;
                   text-align: center;
               }
           }
           
           @media (max-width: 400px) {
               .quality-policy-heading {
                   font-size: 1.6em;
               }
               
               .quality-policy-statement {
                   font-size: 0.85em;
               }
               
               .iso-icon-image {
                   max-width: 130px;
               }
               
               .certifications-header-text {
                   font-size: 0.95em;
               }
               
               .certification-item {
                   font-size: 0.85em;
               }
           }
           
           /* --- EXPLORE OUR PRODUCTS SECTION --- */
           .explore-products-section {
               background-color: #ffffff;
               text-align: center;
               padding: 0px 120px 70px 120px;
               font-family: 'Lexend', sans-serif;
           }
   
           .explore-products-button {
               background-color: #ede7f8;
               color: #1a4582;
               font-family: 'Saira', sans-serif;
               font-size: 1.3rem;
               font-weight: 400;
               padding: 18px 50px;
               border-radius: 22px;
               border: none;
               cursor: pointer;
               transition: all 0.3s ease;
               display: inline-block;
               text-decoration: none;
               box-shadow: none
           }
   
           .explore-products-button:hover {
               color: #1a4582;
               background-color: #ede7f8;
               transform: translateY(-2px);
           }
   
           /* Responsive Design for Explore Products Section */
           @media (max-width: 1600px) {
               .explore-products-section {
                   padding: 0px 100px 65px 100px;
               }
           }
           
           @media (max-width: 1440px) {
               .explore-products-section {
                   padding: 0px 90px 60px 90px;
               }
           }
           
           @media (max-width: 1366px) {
               .explore-products-section {
                   padding: 0px 80px 55px 80px;
               }
           }
           
           @media (max-width: 1280px) {
               .explore-products-section {
                   padding: 0px 70px 50px 70px;
               }
           }
           
           @media (max-width: 1200px) {
               .explore-products-section {
                   padding: 60px 80px;
               }
           }
   
           @media (max-width: 900px) {
               .explore-products-section {
                   padding: 50px 40px;
               }
               .explore-products-button {
                   font-size: 1.2rem;
                   padding: 16px 45px;
               }
           }
   
           @media (max-width: 768px) {
               .explore-products-section {
                   padding: 40px 30px;
               }
               .explore-products-button {
                   font-size: 1.1rem;
                   padding: 15px 40px;
               }
           }
   
           @media (max-width: 600px) {
               .explore-products-section {
                   padding: 35px 20px;
               }
               .explore-products-button {
                   font-size: 1rem;
                   padding: 14px 35px;
               }
           }
   
           @media (max-width: 480px) {
               .explore-products-section {
                   padding: 30px 15px;
               }
               .explore-products-button {
                   font-size: 0.95rem;
                   padding: 12px 30px;
               }
           }
 
 
  
   /* ============================================
      REUSABLE TYPOGRAPHY CLASSES
      Use these classes across all pages for consistent styling
      ============================================ */
   
   /* Main Page Heading - Large headings like "Our Products", "Our Values", etc. */
   .page-heading {
       font-family: 'Saira', sans-serif;
       font-size: 2.5rem;
       font-weight: 400;
       color: #7bc7ca;
       line-height: 1.3;
       margin: 0;
       text-align: left;
   }
   
   /* Page Subheading - Medium-sized headings */
   .page-subheading {
       font-family: 'Saira', sans-serif;
       font-size: 1.4rem;
       font-weight: 400;
       color: #1a4582;
       line-height: 1.3;
       margin: 0;
       text-align: left;
   }
   
   /* Page Body Text - Standard body text */
   .page-body-text {
       font-family: 'Lexend', sans-serif;
       font-size: 1rem;
       color: #1a4582;
       line-height: 1.8;
       margin: 0;
       text-align: left;
   }
   
   /* Responsive styles for typography */
   @media (max-width: 1200px) {
       .page-heading {
           font-size: 2.2rem;
       }
       .page-subheading {
           font-size: 1.3rem;
       }
   }
   
   @media (max-width: 992px) {
       .page-heading {
           font-size: 2rem;
       }
       .page-subheading {
           font-size: 1.2rem;
       }
       .page-body-text {
           font-size: 0.95rem;
       }
   }
   
   @media (max-width: 768px) {
       .page-heading {
           font-size: 1.8rem;
       }
       .page-subheading {
           font-size: 1.1rem;
       }
       .page-body-text {
           font-size: 0.95rem;
           line-height: 1.7;
       }
   }
   
   @media (max-width: 576px) {
       .page-heading {
           font-size: 1.6rem;
       }
       .page-subheading {
           font-size: 1rem;
       }
       .page-body-text {
           font-size: 0.9rem;
       }
   }
   
   @media (max-width: 400px) {
       .page-heading {
           font-size: 1.4rem;
       }
       .page-subheading {
           font-size: 0.95rem;
       }
       .page-body-text {
           font-size: 0.85rem;
       }
   }
   
   
      /* ============================================
      PRODUCTS PAGE STYLES
      ============================================ */
   
   /* Products First Section - Matching Screenshot */
   .products-first-section {
   	   margin-top:45px;
       width: 100%;
       background-color: #ede7f8;
       padding: 80px 150px;
       box-sizing: border-box;
   }
   
   .products-content-wrapper {
       max-width: 1200px;
       margin: 0 auto;
       display: flex;
       flex-direction: column;
       gap: 30px;
   }
   
   /* Responsive styles for Products First Section */
   @media (max-width: 1600px) {
       .products-first-section {
           padding: 75px 130px;
       }
   }
   
   @media (max-width: 1440px) {
       .products-first-section {
           padding: 70px 120px;
       }
   }
   
   @media (max-width: 1366px) {
       .products-first-section {
           padding: 65px 100px;
       }
   }
   
   @media (max-width: 1280px) {
       .products-first-section {
           padding: 60px 90px;
       }
   }
   
   @media (max-width: 1200px) {
       .products-first-section {
           padding: 70px 100px;
       }
   }
   
   @media (max-width: 992px) {
       .products-first-section {
           padding: 60px 80px;
       }
   }
   
   @media (max-width: 768px) {
       .products-first-section {
           padding: 50px 40px;
       }
       .products-content-wrapper {
           gap: 25px;
       }
   }
   
   @media (max-width: 576px) {
       .products-first-section {
           padding: 40px 30px;
       }
       .products-content-wrapper {
           gap: 20px;
       }
   }
   
   @media (max-width: 400px) {
       .products-first-section {
           padding: 35px 20px;
       }
   }
   
   /* Products Grid Section */
   .products-grid-section {
       width: 100%;
       background-color: #ffffff;
       padding: 80px 150px;
       box-sizing: border-box;
   }
   
   .products-grid {
       display: grid;
       grid-template-columns: repeat(3, 1fr);
       gap: 40px;
       max-width: 1400px;
       margin: 0 auto;
   }
   
   .product-card {
       display: flex;
       flex-direction: column;
       align-items: center;
       text-align: center;
       cursor: pointer;
       transition: transform 0.3s ease;
       padding: 20px;
   }
   
  /*  .product-card:hover {
       transform: translateY(-5px);
   } */
   
   .product-icon-container {
       width: 120px;
       height: 120px;
       background: transparent;
       border-radius: 12px;
       display: flex;
       align-items: center;
       justify-content: center;
       margin-bottom: 20px;
   }
   
   .product-icon {
       width: 120px;
       height: 120px;
       object-fit: contain;
       transition: transform 0.3s ease;
   }
   
   .product-icon:hover {
     transform: translateY(-5px);
   }
   
   
   .product-wordmark {
       width: 160px;
       height: auto;
       object-fit: contain;
       margin-bottom: 5px;
   }
   
   /* ICE wordmark specific sizing - smaller than default */
   /* .product-wordmark[src*="ICE"] {
       width: 70px;
       height: auto;
       object-fit: contain;
   } */
   
   .product-card-name {
       font-family: 'Saira', sans-serif;
       font-size: 1.3rem;
       font-weight: 600;
       color: #1a4582;
       margin-bottom: 8px;
       line-height: 1.3;
   }
   
   .product-card-tagline {
       font-family: 'Lexend', sans-serif;
       font-size: 0.95rem;
       font-weight: 100;
       color: #265bf7;
       line-height: 1.4;
   }
   
   /* Product Popup Styles */
   .product-overlay {
       position: fixed;
       top: 0;
       left: 0;
       width: 100%;
       height: 100%;
       background: rgba(0, 0, 0, 0.7);
       z-index: 9998;
       display: none;
   }
   
   .product-popup {
       position: fixed;
       top: 50%;
       left: 50%;
       transform: translate(-50%, -50%);
       width: 90%;
       max-width: 900px;
       background: #ede7f8;
       border-radius: 15px;
       z-index: 10000;
       display: none;
       overflow: hidden;
       max-height: 90vh;
   }
   
   .product-popup-header {
       position: relative;
       padding: 0;
       background: transparent;
   }
   
   .product-popup-body {
       padding: 40px;
   }
   
   .product-popup-fixed-section {
       display: flex;
       gap: 40px;
       align-items: flex-start;
   }
   
   .product-popup-icon-container {
       flex-shrink: 0;
       width: 150px;
       height: 150px;
       display: flex;
       align-items: center;
       justify-content: center;
   }
   
   .product-popup-icon {
       width: 150px;
       height: 150px;
       max-width: 150px;
       max-height: 150px;
       background: transparent;
       border-radius: 12px;
       object-fit: contain;
       display: block;
   }
   
   .product-popup-right-section {
       flex: 1;
       display: flex;
       flex-direction: column;
       gap: 0;
   }
   
   .product-popup-header-content {
       display: flex;
       flex-direction: column;
       align-items: flex-start;
       flex-shrink: 0;
       padding-bottom: 15px;
   }
   
   .product-popup-scrollable-content {
       width: 100%;
       display: flex;
       flex-direction: column;
       gap: 15px;
       max-height: calc(90vh - 200px);
       overflow-y: auto;
       overflow-x: hidden;
       padding-right: 60px;
       padding-bottom: 20px;
       -webkit-overflow-scrolling: touch;
   }
   
   .product-popup-wordmark {
       width: 240px;
       max-width: 100%;
       height: auto;
       object-fit: contain;
   }
   
   /* ICE wordmark in popup - smaller than default */
  /*  .product-popup-wordmark[src*="ICE"] {
       width: 130px;
       max-width: 100%;
       height: auto;
       object-fit: contain;
   } */
   
   .product-popup-name {
       font-family: 'Saira', sans-serif;
       font-size: 2rem;
       font-weight: 600;
       color: #1a4582;
       margin: 0;
       line-height: 1.3;
   }
   
   .product-popup-tagline {
       font-family: 'Lexend', sans-serif;
       font-size: 1.2rem;
       font-weight: 200;
       color: #265bf7;
       margin: 0;
       line-height: 1.3;
   }
   
   .product-popup-description {
       font-family: 'Lexend', sans-serif;
       font-size: 1rem;
       color: #1a4582;
       line-height: 1.8;
       margin: 0;
       text-align: left;
   }
   
   .product-popup-description b,
   .product-popup-description strong {
       font-weight: 600;
       color: #1a4582;
   }
   
   .product-features-list {
       display: flex;
       flex-direction: column;
       gap: 0px;
       margin-top: 10px;
   }
   
   .product-feature-item {
       display: flex;
       align-items: flex-start;
       gap: 12px;
   }
   
   .product-feature-bullet {
   	   border: 1px solid darkgray;
       width: 4px;
       height: 4px;
       border-radius: 50%;
       flex-shrink: 0;
       margin-top: 8px;
   }
   
   .product-feature-text {
       font-family: 'Lexend', sans-serif;
       font-size: 1rem;
       color: #1a4582;
       line-height: 1.6;
       margin: 0;
       text-align: left;
       flex: 1;
   }
   
   .product-feature-text b,
   .product-feature-text strong {
       font-weight: 600;
       color: #1a4582;
   }
   
   .product-key-highlights-heading {
       font-family: 'Lexend', sans-serif;
       font-size: 1rem;
       font-weight: 600;
       color: #1a4582;
       margin-top: 16px;
       margin-bottom: 8px;
       line-height: 1.6;
       text-align: left;
       display: block;
   }
   
   .product-key-highlights-heading b,
   .product-key-highlights-heading strong {
       font-weight: 600;
       color: #1a4582;
   }
   
   .product-automated-section {
       margin-top: 16px;
       display: block;
   }
   
   .product-automated-content {
       font-family: 'Lexend', sans-serif;
       font-size: 1rem;
       color: #1a4582;
       line-height: 1.8;
       text-align: left;
       margin: 0;
       display: block;
   }
   
   .product-automated-content b,
   .product-automated-content strong {
       font-weight: 600;
       color: #1a4582;
   }
   
   .visually-hidden {
       position: absolute !important;
       width: 1px;
       height: 1px;
       padding: 0;
       margin: -1px;
       overflow: hidden;
       clip: rect(0, 0, 0, 0);
       white-space: nowrap;
       border: 0;
   }
   
   /* Learn More Button */
   .learn-more-btn {
       margin-top: 20px;
       padding: 5px 15px;
       background: #265bf7;
       color: #ffffff;
       border: none;
       border-radius: 8px;
       font-family: 'Saira', sans-serif;
       font-size: 0.8rem;
       font-weight: 400;
       cursor: pointer;
       transition: background 0.3s ease;
       align-self: flex-start;
   }
   
   .learn-more-btn:hover {
       background: #1a4582;
   }
   
   /* Form Popup Styles */
   .form-overlay {
       position: fixed;
       top: 0;
       left: 0;
       width: 100%;
       height: 100%;
       background: rgba(0, 0, 0, 0.7);
       z-index: 10001;
       display: none;
   }
   
   .form-popup {
       position: fixed;
       top: 50%;
       left: 50%;
       transform: translate(-50%, -50%);
       width: 90%;
       max-width: 750px;
       background: #e3e8f0;
       border-radius: 15px;
       z-index: 10002;
       display: none;
       overflow: auto;
       box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
   }
   
   .form-popup-header {
       position: relative;
       padding: 25px 40px 20px 40px;
       background: #ede7f8;
       display: flex;
       justify-content: center;
       align-items: center;
       text-align: center;
       border-radius: 15px 15px 0 0;
   }
   
   .form-popup-title {
   	   padding:20px;	
       font-family: 'Saira', sans-serif;
       font-size: 1.1rem;
       font-weight: 100;
       color: #1a4582;
       margin: 0;
       text-align: center;
       line-height: 1.4;
   }
   
   .form-popup-close {
       position: absolute;
       top: 20px;
       right: 25px;
       z-index: 10;
   }
   
   .form-popup-body {
       padding: 30px 40px 40px 40px;
       overflow: visible;
       background: #ecedf0;
       border-radius: 0 0 15px 15px;
   }
   
   .form-container {
       display: flex;
       flex-direction: column;
       gap: 15px;
   }
   
   .form-row-fields {
       display: flex;
       gap: 15px;
       width: 100%;
   }
   
   .form-field {
       display: flex;
       flex-direction: column;
       gap: 8px;
       position: relative;
   }
   
   .form-field-half {
       flex: 1;
   }
   
   .form-textbox {
   	   min-width:325px;
       width: 100% !important;
       padding: 12px 15px !important;
       border: 1px solid #7bc7ca !important;
       border-radius: 8px;
       font-family: 'Lexend', sans-serif;
       font-size: 1rem;
       color: #1a4582 !important;
       background: #ffffff !important;
       box-sizing: border-box;
       position: relative;
       z-index: 0;
       display: block !important;
   }
   
   .form-textbox input,
   .form-textbox .z-textbox-input {
       width: 100% !important;
       padding: 12px 15px !important;
       border: 1px solid #7bc7ca !important;
       border-radius: 8px;
       font-family: 'Lexend', sans-serif;
       font-size: 1rem;
       color: #1a4582 !important;
       background: #ffffff !important;
       box-sizing: border-box;
   }
   
   .form-textbox input::placeholder,
   .form-textbox .z-textbox-input::placeholder {
       color: #999999 !important;
       opacity: 1;
   }
   
   .form-textbox input::-webkit-input-placeholder,
   .form-textbox .z-textbox-input::-webkit-input-placeholder {
       color: #999999 !important;
   }
   
   .form-textbox input::-moz-placeholder,
   .form-textbox .z-textbox-input::-moz-placeholder {
       color: #999999 !important;
       opacity: 1;
   }
   
   .form-textbox input:-ms-input-placeholder,
   .form-textbox .z-textbox-input:-ms-input-placeholder {
       color: #999999 !important;
   }
   
   /* Remove gap from form-field since we removed labels */
   .form-container .form-field {
       gap: 0;
   }
   
   .form-textbox:focus,
   .form-textbox .z-textbox-input:focus {
       outline: none;
       border-color: #265bf7;
       box-shadow: 0 0 0 3px rgba(38, 91, 247, 0.1);
   }
   
   .form-textbox .z-textbox-input:focus {
       border: 1px solid #265bf7;
   }
   
   .form-textbox.error {
       border-color: #d32f2f;
   }
   
   .form-textbox[rows] {
       min-height: 80px;
       resize: vertical;
   }
   
   /* Combobox styling to match form-textbox */
   .form-textbox.z-combobox,
   .form-textbox.combobox {
       width: 100% !important;
   }
   
   .form-textbox .z-combobox-input,
   .form-textbox input.z-combobox-input {
       width: 100% !important;
       padding: 12px 15px !important;
       border: 1px solid #7bc7ca !important;
       border-radius: 8px;
       font-family: 'Lexend', sans-serif;
       font-size: 1rem;
       color: #1a4582 !important;
       background: #ffffff !important;
       box-sizing: border-box;
   }
   
   .form-textbox .z-combobox-button {
       background: transparent !important;
       border: none !important;
       box-shadow: none !important;
   }
   
   .form-textbox .z-combobox-button .z-icon-caret-down,
   .form-textbox .z-combobox-button .z-icon-caret-up {
       color: #1a4582 !important;
   }
   
   .form-textbox.error .z-combobox-input {
       border-color: #d32f2f;
   }
   
   .form-label {
       font-family: 'Lexend', sans-serif;
       font-size: 0.9rem;
       color: #1a4582;
       margin-bottom: 8px;
   }
   
   .form-footer-row {
       display: flex;
       justify-content: space-between;
       align-items: center;
       margin-top: 10px;
       width: 100%;
   }
   
   .form-submit-btn {
   	   box-shadow: none;
       padding: 4px 20px;
       background: #7bc7ca;
       color: #1a4582;
       border: none;
       border-radius: 8px;
       font-family: 'Saira', sans-serif;
       font-size: 1rem;
       font-weight: 200;
       cursor: pointer;
       transition: background 0.3s ease;
   }
   
   .form-submit-btn:hover {
      background: #7bc7ca;
      color: #1a4582;
   }
   
   .form-submit-btn:disabled {
       background: #cccccc;
       cursor: not-allowed;
   }
   
   .form-disclaimer {
       font-family: 'Lexend', sans-serif;
       font-size: 0.85rem;
       color: #666666;
       margin: 0;
   }
   
   .form-error-label {
       font-family: 'Lexend', sans-serif;
       font-size: 0.8rem;
       color: #d32f2f;
       margin-bottom: 10px;
       padding: 4px;
       background: #ffebee;
       border-radius: 5px;
       border-left: 4px solid #d32f2f;
   }
   
   .form-success-label {
       font-family: 'Lexend', sans-serif;
       font-size: 0.9rem;
       color: #2e7d32;
       margin-bottom: 10px;
       padding: 10px;
       background: #e8f5e9;
       border-radius: 5px;
       border-left: 4px solid #2e7d32;
   }
   
   /* Responsive styles for form popup */
   @media (max-width: 768px) {
       .form-popup {
           width: 95%;
           max-width: 95%;
       }
       
       .form-popup-header {
           padding: 20px 25px 15px 25px;
       }
       
       .form-popup-body {
           padding: 20px 25px 30px 25px;
       }
       
       .form-popup-title {
           font-size: 1rem;
       }
       
       .form-row-fields {
           flex-direction: column;
           gap: 20px;
       }
       
       .form-field-half {
           width: 100%;
       }
       
       .form-footer-row {
           flex-direction: column;
           align-items: flex-start;
           gap: 15px;
       }
       
       .form-disclaimer {
           align-self: flex-end;
       }
   }
   
   /* ============================================
      Careers Form Page Styles (Matching Screenshot)
      ============================================ */
   
   .careers-form-page-container {
       margin-top: 45px;
       background-color: #ffffff;
       min-height: calc(100vh - 200px);
       font-family: 'Lexend', 'Segoe UI', Roboto, sans-serif;
       overflow: visible !important;
   }
   
   /* Banner Section - Light Purple/Grey */
   .careers-form-banner {
       margin-top: 60px;
       background-color: #ede7f8;
       padding: 20px 60px;
       width: 100%;
       box-sizing: border-box;
   }
   
   .careers-form-banner-title {
       font-size: 1.3rem;
       font-weight: 700;
       color: #1a4582;
       font-family: 'Lexend', sans-serif;
       line-height: 1.2;
       margin: 0;
   }
   
   /* Form Wrapper - White Container */
   .careers-form-wrapper {
       max-width: 750px;
       padding: 20px 60px;
       background-color: #ffffff;
       box-sizing: border-box;
       overflow: visible !important;
   }
   
   .careers-form-content {
       background-color: #ffffff;
       width: 100%;
       box-sizing: border-box;
       overflow: visible !important;
   }
   
   .careers-form-container {
       display: flex;
       flex-direction: column;
       gap: 15px;
       width: 100%;
       box-sizing: border-box;
       overflow: visible !important;
   }
   
   /* Form Field Styles */
   .careers-form-field {
       display: flex;
       flex-direction: column;
       gap: 0;
       position: relative;
       width: 100%;
       box-sizing: border-box;
       overflow: visible !important;
   }
   
   .careers-form-field-full {
       width: 100%;
       box-sizing: border-box;
   }
   
   .careers-form-field-half {
       flex: 1;
       min-width: 0;
       box-sizing: border-box;
   }
   
   /* Ensure vlayout and hlayout don't add extra spacing */
   .careers-form-row > vlayout,
   .careers-form-field > vlayout,
   .careers-form-field > hlayout {
       width: 100% !important;
       margin: 0 !important;
       padding: 0 !important;
       box-sizing: border-box !important;
       overflow: visible !important;
   }
   
   /* Two Column Row */
   .careers-form-row {
       display: flex;
       gap: 20px;
       width: 100%;
       box-sizing: border-box;
       overflow: visible !important;
   }
   
   .careers-form-row .careers-form-field-half {
       flex: 1 1 calc(50% - 10px);
       min-width: 0;
       box-sizing: border-box;
   }
   
   .careers-form-combo {
   	   display: flex;
       border: 1px solid #7bc7ca !important;
       border-radius: 8px;
       font-family: 'Lexend', sans-serif;
       font-size: 1rem;
       color: #1a4582 !important;
       background: #ffffff !important;
       box-sizing: border-box;
       position: relative;
       z-index: 1;
   }
   
   .careers-form-combo.z-combobox-open {
       border: 1px solid #7bc7ca !important;
       z-index: 2 !important;
   }
   
   .careers-form-combo.z-combobox-open .z-combobox-input {
       border: none !important;
   }
   
   .careers-form-combo .z-combobox-input,
   .careers-form-combo input.z-combobox-input {
       width: 100% !important;
       padding: 12px 40px 12px 15px !important;
       border: none !important;
       border-radius: 8px;
       font-family: 'Lexend', sans-serif;
       font-size: 1rem;
       color: #1a4582 !important;
       background: transparent !important;
       box-sizing: border-box;
   }
   
   .careers-form-combo .z-combobox-button {
       background: transparent !important;
       border: none !important;
       box-shadow: none !important;
       width: 32px !important;
       padding: 0 !important;
       position: absolute !important;
       right: 5px !important;
       top: 50% !important;
       transform: translateY(-50%) !important;
       z-index: 2 !important;
   }
   
   .careers-form-combo .z-combobox-button .z-icon-caret-down,
   .careers-form-combo .z-combobox-button .z-icon-caret-up {
       color: #1a4582 !important;
       font-size: 14px !important;
   }
   
   .careers-form-combo .z-combobox-input:focus {
       outline: none;
   }
   
   .careers-form-combo:focus-within {
       border: 1px solid #7bc7ca !important;
   }
   
   .careers-form-combo .z-combobox-popup {
       z-index: 10003 !important;
       border: 1px solid #7bc7ca !important;
       border-radius: 8px !important;
       box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
       margin-top: 2px !important;
       overflow: visible !important;
       clip: none !important;
       clip-path: none !important;
   }
   
   
   .careers-form-combo .z-combobox-popup .z-combobox-content {
       overflow: visible !important;
       border-radius: 8px !important;
       border-top: none !important;
   }
   
   .careers-form-combo .z-combobox-popup .z-combobox-content .z-combobox-body {
       border-radius: 8px !important;
       max-height: 300px !important;
       overflow-y: auto !important;
       overflow-x: hidden !important;
   }
   
   /* Ensure first and last items have proper border radius */
   .careers-form-combo .z-combobox-popup .z-comboitem:first-child {
       border-top-left-radius: 8px !important;
       border-top-right-radius: 8px !important;
   }
   
   .careers-form-combo .z-combobox-popup .z-comboitem:last-child {
       border-bottom-left-radius: 8px !important;
       border-bottom-right-radius: 8px !important;
   }
   
   .careers-form-combo .z-comboitem {
       padding: 10px 15px !important;
       font-family: 'Lexend', sans-serif !important;
       font-size: 1rem !important;
       color: #1a4582 !important;
   }
   
   .careers-form-combo .z-comboitem:hover {
       background: #f0f9fa !important;
   }
   
   .careers-form-combo .z-comboitem-selected {
       background: #7bc7ca !important;
       color: #ffffff !important;
   }
   
   .careers-form-textbox {
       width: 100% !important;
       border: 1px solid #7bc7ca !important;
       border-radius: 8px;
       font-family: 'Lexend', sans-serif;
       font-size: 1rem;
       color: #1a4582 !important;
       background: #ffffff !important;
       box-sizing: border-box;
       position: relative;
       z-index: 0;
       display: block !important;
   }
   
   .careers-form-textbox input,
   .careers-form-textbox .z-textbox-input {
       width: 100% !important;
       padding: 12px 15px !important;
       border: 1px solid #7bc7ca !important;
       border-radius: 8px;
       font-family: 'Lexend', sans-serif;
       font-size: 1rem;
       color: #1a4582 !important;
       background: #ffffff !important;
       box-sizing: border-box;
   }
   
  
   
   .careers-form-textbox .z-textbox-input:focus {
       border: 1px solid #7bc7ca;
   }
   
   .careers-form-textbox.error {
       border-color: #d32f2f;
   }
   
   .careers-form-textbox[rows] {
       min-height: 100px;
       resize: vertical;
   }
   
   /* Combobox styling removed - using .careers-form-combo instead */
   
   /* File Upload Section Styling */
   .careers-form-upload-row {
   	   padding: 0px 0px 0px 10px;
       border-radius: 9px;
   	   border: 1px solid #7bc7ca;
       display: flex;
       justify-content: space-between;
       align-items: center;
       width: 100%;
       box-sizing: border-box;
   }
   
   .careers-form-upload-text {
       font-family: 'Lexend', sans-serif;
       font-size: 0.9rem;
       color: #1a4582;
       margin: 0;
       flex: 1;
   }
   
   /* File Upload Button Styling */
   .careers-form-file-input {
       box-shadow: none;
       padding: 6px 6px !important;
       border-radius: 8px !important;
       background: #ede7f8 !important;
       font-family: 'Lexend', sans-serif !important;
       font-size: 0.7rem !important;
       color: #1a4582 !important;
       cursor: pointer !important;
       font-weight: 500 !important;
       box-sizing: border-box !important;
       display: inline-block !important;
       white-space: nowrap !important;
       flex: 0 0 auto !important;
   }
   
   .careers-form-file-input:hover {
       background: #f0f9fa !important;
       border-color: #6ab5b8 !important;
   }
   
   .careers-form-file-input:focus {
       outline: none !important;
       border-color: #7bc7ca !important;
   }
   
   .careers-form-file-label {
       font-family: 'Lexend', sans-serif;
       font-size: 0.9rem;
       color: #666666;
       margin-left: 0;
       margin-top: 5px;
       display: inline-block;
   }
   
   .careers-form-label {
       font-family: 'Lexend', sans-serif;
       font-size: 0.9rem;
       color: #1a4582;
       margin-bottom: 8px;
   }
   
   /* Footer Row with Submit Button */
   .careers-form-footer-row {
       display: flex;
       justify-content: space-between;
       align-items: center;
       margin-top: 10px;
       width: 100%;
   }
   
   
   .careers-form-disclaimer {
       font-family: 'Lexend', sans-serif;
       font-size: 0.85rem;
       color: #666666;
       margin: 0;
       text-align: center;
       flex: 1;
   }
   
   .careers-form-error-label {
       font-family: 'Lexend', sans-serif;
       font-size: 0.8rem;
       color: #d32f2f;
       margin-bottom: 10px;
       padding: 4px;
       background: #ffebee;
       border-radius: 5px;
       border-left: 4px solid #d32f2f;
   }
   
   .careers-form-success-label {
       font-family: 'Lexend', sans-serif;
       font-size: 0.9rem;
       color: #2e7d32;
       margin-bottom: 10px;
       padding: 10px;
       background: #e8f5e9;
       border-radius: 5px;
       border-left: 4px solid #2e7d32;
   }
   
   /* Responsive styles for careers form page */
   @media (max-width: 1200px) {
       .careers-form-wrapper {
           max-width: 90%;
           padding: 30px 50px;
       }
       
       .careers-form-banner {
           padding: 18px 50px;
       }
   }
   
   @media (max-width: 1024px) {
       .careers-form-wrapper {
           max-width: 95%;
           padding: 30px 40px;
       }
       
       .careers-form-banner {
           padding: 18px 40px;
       }
       
       .careers-form-banner-title {
           font-size: 1.4rem;
       }
   }
   
   @media (max-width: 768px) {
       .careers-form-page-container {
           margin-top: 0;
       }
       
       .careers-form-wrapper {
           max-width: 100%;
           padding: 30px 20px;
       }
       
       .careers-form-banner {
           padding: 15px 20px;
           margin-top: 0;
       }
       
       .careers-form-banner-title {
           font-size: 1.3rem;
       }
       
       .careers-form-row {
           flex-direction: column;
           gap: 15px;
       }
       
       .careers-form-field-half {
           width: 100%;
           flex: 1 1 100%;
       }
       
       .careers-form-footer-row {
           flex-direction: column;
           align-items: stretch;
           gap: 15px;
       }
       
       .careers-form-disclaimer {
           text-align: left;
           width: 100%;
           order: 3;
       }
       
       .careers-form-upload-row {
           flex-direction: column;
           align-items: flex-start;
           gap: 12px;
           padding: 12px;
       }
       
       .form-submit-btn {
           width: 100%;
           order: 1;
       }
       
       .form-submit-btn:last-of-type {
           order: 2;
       }
       
       .careers-form-textbox,
       .careers-form-combo {
           font-size: 0.95rem;
       }
       
       .careers-form-textbox input,
       .careers-form-textbox .z-textbox-input,
       .careers-form-combo .z-combobox-input {
           padding: 10px 12px !important;
           font-size: 0.95rem !important;
       }
   }
   
   @media (max-width: 480px) {
       .careers-form-wrapper {
           padding: 20px 15px;
       }
       
       .careers-form-banner {
           margin-top: 50px;
           padding: 12px 15px;
       }
       
       .careers-form-banner-title {
           font-size: 1.1rem;
           line-height: 1.3;
       }
       
       .careers-form-container {
           gap: 12px;
       }
       
       .careers-form-row {
           gap: 12px;
       }
       
       .careers-form-upload-row {
           padding: 10px;
           gap: 10px;
       }
       
       .careers-form-upload-text {
           font-size: 0.85rem;
       }
       
       .careers-form-file-input {
           font-size: 0.65rem !important;
           padding: 5px 8px !important;
       }
       
       .careers-form-textbox,
       .careers-form-combo {
           font-size: 0.9rem;
       }
       
       .careers-form-textbox input,
       .careers-form-textbox .z-textbox-input,
       .careers-form-combo .z-combobox-input {
           padding: 10px !important;
           font-size: 0.9rem !important;
       }
       
       .careers-form-textbox[rows] {
           min-height: 80px;
       }
       
       .form-submit-btn {
           font-size: 0.95rem;
           padding: 10px 20px;
       }
       
       .careers-form-disclaimer {
           font-size: 0.8rem;
       }
       
       .careers-form-error-label,
       .careers-form-success-label {
           font-size: 0.85rem;
           padding: 8px;
       }
   }
   
   @media (max-width: 480px) {
       .careers-form-wrapper {
           padding: 20px 15px;
       }
       
       .careers-form-banner {
           padding: 15px;
       }
       
       .careers-form-banner-title {
           font-size: 1.3rem;
       }
   }
   
   /* Testimonials Section */
   .testimonials-section {
       width: 100%;
       background-color: #f5f5f5;
       padding: 80px 50px;
       box-sizing: border-box;
       display: flex;
       flex-direction: column;
       align-items: center;
       gap: 50px;
       overflow: hidden;
   }
   
   .testimonials-title {
    display: flex;
    justify-content: center;
    font-size: 2.5rem;
    color: #1a4582;
    text-align: center;
    font-family: 'Saira', sans-serif;
   }
   
  .testimonials-carousel-wrapper {
    position: relative;
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
    overflow: hidden;
    padding: 0;
    box-sizing: border-box;
  }
   
   .testimonials-carousel-container {
       display: flex;
       transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
       will-change: transform;
      margin: 0;
      padding: 0 15px;
      gap: 30px;
      box-sizing: border-box;
      align-items: stretch;
   }
   
   .testimonials-carousel-container.no-transition {
       transition: none;
   }
   
  .testimonial-card {
      flex: 0 0 calc(50% - 15px);
      min-width: calc(50% - 15px);
      max-width: calc(50% - 15px);
      background: #ffffff;
      border-radius: 15px;
      padding: 40px;
      display: flex;
      flex-direction: column;
      gap: 25px;
      box-sizing: border-box;
      margin: 0;
      overflow: hidden;
  }
   
/*    .testimonial-content {
       flex: 1;
   }
 */   
   .testimonial-text {
       font-family: 'Lexend', sans-serif;
       font-size: 1rem;
       font-weight: 300;
       color: #1a4582;
       line-height: 1.6;
       margin: 0;
       text-align: left;
       word-wrap: break-word;
       overflow-wrap: break-word;
   }
   
   .testimonial-author {
       display: flex;
       flex-direction: column;
   }
   
   .testimonial-name {
       font-family: 'Saira', sans-serif;
       font-size: 1.1rem;
       font-weight: 600;
       color: #1a4582;
       margin: 0;
   }
   
   .testimonial-title {
       font-family: 'Lexend', sans-serif;
       font-size: 0.9rem;
       font-weight: 400;
       color: #1a4582;
       margin: 0;
   }
   
   .testimonials-pagination {
       display: flex;
       justify-content: center;
       align-items: center;
       gap: 10px;
       margin-top: 20px;
   }
   
   .testimonial-dot.mobile-only {
       display: none;
   }
   
   /* Mobile-only dot (hidden on >= 600px) */
   .testimonial-dot.mobile-dot {
       display: none;
   }
   
   .testimonial-dot {
       width: 12px;
       height: 12px;
       border-radius: 50%;
       background-color: #ffffff;
       cursor: pointer;
       transition: all 0.3s ease;
   }
   
   .testimonial-dot.active {
       background-color: #7bc7ca;
       width: 14px;
       height: 14px;
       border: none;
   }
   
   .testimonial-dot:hover {
       background-color: #7bc7ca;
       transform: scale(1.2);
   }
   
   /* Responsive styles for Testimonials Section */
   @media (max-width: 1200px) {
       .testimonials-section {
           padding: 70px 100px;
       }
       .testimonials-title {
           font-size: 2.2rem;
       }
   }
   
   @media (max-width: 992px) {
       .testimonials-section {
           padding: 60px 80px;
           gap: 40px;
       }
       .testimonials-title {
           font-size: 2rem;
       }
       .testimonial-card {
           padding: 35px;
       }
      .testimonials-carousel-container {
          padding: 0 10px;
          gap: 20px;
      }
   }
   
  /* Breakpoint at 600px for testimonials carousel */
  @media (max-width: 600px) {
      .testimonials-section {
          padding: 50px 20px;
          gap: 30px;
      }
     .testimonials-carousel-wrapper {
         padding: 0;
         width: 100%;
         box-sizing: border-box;
     }
      .testimonials-title {
          font-size: 1.8rem;
          margin-bottom: 10px;
      }
      .testimonials-carousel-container {
        gap: 20px;
        padding: 0 10px;
        box-sizing: border-box;
      }
     .testimonial-card {
        flex: 0 0 100%;
        min-width: 100%;
        max-width: 100%;
        padding: 30px 25px;
        gap: 20px;
        margin: 0;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
        box-sizing: border-box;
     }
      .testimonial-text {
          font-size: 0.95rem;
          line-height: 1.6;
      }
      .testimonial-name {
          font-size: 1rem;
      }
      .testimonial-title {
          font-size: 0.85rem;
      }
      .testimonials-pagination {
          margin-top: 25px;
      }
      /* Show mobile-only dot on mobile */
      .testimonial-dot.mobile-dot {
          display: block;
      }
  }
  
  @media (max-width: 768px) {
      .testimonials-section {
          padding: 50px 20px;
          gap: 30px;
      }
     .testimonials-carousel-wrapper {
         padding: 0;
         width: 100%;
         box-sizing: border-box;
     }
      .testimonials-title {
          font-size: 1.8rem;
          margin-bottom: 10px;
      }
      .testimonials-carousel-container {
        gap: 20px;
        padding: 0 10px;
        box-sizing: border-box;
      }
     .testimonial-card {
        flex: 0 0 100%;
        min-width: 100%;
        max-width: 100%;
        padding: 30px 25px;
        gap: 20px;
        margin: 0;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
        box-sizing: border-box;
     }
      .testimonial-text {
          font-size: 0.95rem;
          line-height: 1.6;
      }
      .testimonial-name {
          font-size: 1rem;
      }
      .testimonial-title {
          font-size: 0.85rem;
      }
      .testimonials-pagination {
          margin-top: 25px;
      }
      /* Show mobile-only dot on mobile */
      .testimonial-dot.mobile-dot {
          display: block;
      }
  }
   
  @media (max-width: 576px) {
      .testimonials-section {
          padding: 40px 15px;
          gap: 25px;
      }
     .testimonials-carousel-wrapper {
         padding: 0;
         width: 100%;
     }
      .testimonials-title {
          font-size: 1.6rem;
          margin-bottom: 10px;
          padding: 0 5px;
      }
      .testimonials-carousel-container {
        gap: 15px;
        padding: 0 5px;
        box-sizing: border-box;
      }
     .testimonial-card {
        flex: 0 0 100%;
        min-width: 100%;
        max-width: 100%;
        padding: 25px 20px;
        gap: 18px;
        margin: 0;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
        box-sizing: border-box;
     }
      .testimonial-text {
          font-size: 0.9rem;
          line-height: 1.6;
          word-wrap: break-word;
      }
      .testimonial-name {
          font-size: 0.95rem;
      }
      .testimonial-title {
          font-size: 0.8rem;
          line-height: 1.4;
      }
      .testimonials-pagination {
          margin-top: 20px;
      }
      .testimonial-dot {
          width: 10px;
          height: 10px;
      }
      .testimonial-dot.active {
          width: 12px;
          height: 12px;
          border: none;
      }
      /* Show mobile dots, hide desktop dots */
      .testimonial-dot.desktop-dot {
          display: none;
      }
      .testimonial-dot.mobile-dot {
          display: block;
      }
  }
   
  @media (max-width: 400px) {
      .testimonials-section {
          padding: 35px 10px;
          gap: 20px;
      }
     .testimonials-carousel-wrapper {
         padding: 0;
         width: 100%;
     }
      .testimonials-title {
          font-size: 1.4rem;
          margin-bottom: 10px;
          padding: 0;
      }
      .testimonials-carousel-container {
        gap: 10px;
        padding: 0;
        box-sizing: border-box;
      }
       .testimonial-card {
          flex: 0 0 100%;
          min-width: 100%;
          max-width: 100%;
          padding: 20px 15px;
          gap: 15px;
          margin: 0;
          box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
          box-sizing: border-box;
       }
       .testimonial-text {
          font-size: 0.85rem;
          line-height: 1.6;
          word-wrap: break-word;
      }
      .testimonial-name {
          font-size: 0.9rem;
      }
      .testimonial-title {
          font-size: 0.75rem;
          line-height: 1.4;
      }
      .testimonials-pagination {
          margin-top: 20px;
      }
      /* Show mobile-only dot on mobile */
      .testimonial-dot.mobile-dot {
          display: block;
      }
  }
   
   /* Responsive styles for Products Grid */
   @media (max-width: 1600px) {
       .products-grid-section {
           padding: 75px 130px;
       }
   }
   
   @media (max-width: 1440px) {
       .products-grid-section {
           padding: 70px 120px;
       }
   }
   
   @media (max-width: 1366px) {
       .products-grid-section {
           padding: 65px 100px;
       }
       .products-grid {
           gap: 38px;
       }
   }
   
   @media (max-width: 1280px) {
       .products-grid-section {
           padding: 60px 90px;
       }
       .products-grid {
           gap: 36px;
       }
   }
   
   @media (max-width: 1200px) {
       .products-grid-section {
           padding: 70px 100px;
       }
       .products-grid {
           gap: 35px;
       }
   }
   
   @media (max-width: 992px) {
       .products-grid-section {
           padding: 60px 80px;
       }
       .products-grid {
           grid-template-columns: repeat(2, 1fr);
           gap: 30px;
       }
   }
   
   @media (max-width: 768px) {
       .products-grid-section {
           padding: 50px 40px;
       }
       .products-grid {
           grid-template-columns: repeat(2, 1fr);
           gap: 25px;
       }
       .product-icon-container {
           width: 100px;
           height: 100px;
       }
       .product-icon {
           width: 100px;
           height: 100px;
       }
       .product-card-name {
           font-size: 1.1rem;
       }
       .product-card-tagline {
           font-size: 0.9rem;
       }
       .product-popup {
           max-width: 95%;
       }
       .product-popup-body {
           padding: 30px;
       }
       .product-popup-fixed-section {
           flex-direction: column;
           gap: 20px;
       }
       .product-popup-icon-container {
           align-self: center;
           width: 120px;
           height: 120px;
       }
       .product-popup-icon {
           width: 120px;
           height: 120px;
           max-width: 120px;
           max-height: 120px;
       }
       .product-popup-right-section {
           width: 100%;
       }
       .product-popup-header-content {
           align-items: center;
           text-align: center;
           width: 100%;
       }
       .product-popup-name {
           font-size: 1.6rem;
           text-align: center;
       }
       .product-popup-tagline {
           font-size: 1.1rem;
           text-align: center;
       }
       .product-popup-scrollable-content {
           width: 100%;
           max-height: calc(90vh - 250px);
       }
   }
   
   @media (max-width: 576px) {
       .products-grid-section {
           padding: 40px 30px;
       }
       .products-grid {
           grid-template-columns: 1fr;
           gap: 30px;
       }
       .product-popup-body {
           padding: 25px;
       }
       .product-popup-scrollable-content {
           max-height: calc(90vh - 280px);
       }
       .product-popup-name {
           font-size: 1.4rem;
       }
       .product-popup-tagline {
           font-size: 1rem;
       }
       .product-popup-description {
           font-size: 0.95rem;
       }
       .product-feature-text {
           font-size: 0.95rem;
       }
   }
   
   @media (max-width: 400px) {
       .products-grid-section {
           padding: 35px 20px;
       }
       .product-popup {
           max-width: 98%;
       }
       .product-popup-body {
           padding: 20px;
       }
       .product-popup-scrollable-content {
           max-height: calc(90vh - 260px);
       }
       .product-popup-icon-container {
           width: 100px;
           height: 100px;
       }
       .product-popup-icon {
           width: 100px;
           height: 100px;
           max-width: 100px;
           max-height: 100px;
       }
       .product-popup-name {
           font-size: 1.2rem;
       }
       .product-popup-tagline {
           font-size: 0.95rem;
       }
       .product-popup-description {
           font-size: 0.9rem;
       }
       .product-feature-text {
           font-size: 0.9rem;
       }
   }
   
   
   
      /* ============================================
      Download page css
      ============================================ */
   
    .otp-window {
            font-family: 'Lexend', sans-serif;
            border-radius: 40px;
            padding: 0;
            overflow: hidden;
            width: 100%;
            max-width: 750px;
            margin: 0 auto;
        }
        
        .otp-window * {
            color: #1a4582;
            box-sizing: border-box;
        }
        
        .header-layout {
            background: #ede7f8;
            padding: 25px 40px;
            border-radius: 40px 40px 0 0;
            border-bottom: 2px solid lightblue;
        }
        
        .close-btn {
            color: #63c1bc;
            font-size: 20px;
            cursor: pointer;
            display: flex;
            justify-content: flex-end;
            margin-bottom: 10px;
        }
        
        .title-hlayout {
            display: flex;
            align-items: center;
        }
        
        .title-label {
            font-size: 1.6rem;
            font-family: 'Saira', sans-serif;
            font-weight: 200;
        }
        
        .body-layout {
            padding: 48px 130px;
            background: #ecedf0;
            border-radius: 0 0 40px 40px;
            display: flex;
            flex-direction: column;
            gap: 15px;
        }
        
        .input-hlayout {
            display: grid;
            align-items: center;
            width: 100%;
        }
        
        .mobile-input-wrapper {
            position: relative;
            width: 68%;
        }
        
        .country-code-label {
            position: absolute;
            left: 8px;
            top: 50%;
            transform: translateY(-50%);
            z-index: 1;
            text-decoration: underline;
            cursor: pointer;
            color: #2b2a6b;
            font-size: 14px;
            pointer-events: auto;
            font-family: 'Saira', sans-serif;
        }
        
        .country-code-combo {
        	max-height: 250px;
            position: absolute;
            left: 8px;
            top: 9%;
            z-index: 2;
            width: 85px;
            height: 28px;
            border: none;
            color: #2b2a6b;
            font-size: 14px;
            font-family: 'Saira', sans-serif;
            cursor: pointer;
        }
        
        .country-code-combo .z-combobox-input {
            border: none;
            background: transparent;
            color: #1a4582;
            font-size: 14px;
            font-family: 'Lexend', sans-serif;
            padding: 0;
            height: 28px;
            line-height: 28px;
            cursor: pointer;
            text-decoration: underline;
            width: 100% !important;
            padding-right: 0 !important;
        }
        
        .country-code-combo .z-combobox-button {
            display: none !important;
            visibility: hidden !important;
            width: 0 !important;
            padding: 0 !important;
            margin: 0 !important;
        }
        
        .country-code-combo:hover .z-combobox-input {
            color: #63c1bc;
        }
        
        .country-code-combo .z-combobox-popup {
            z-index: 1000 !important;
            max-height: 200px;
            overflow-y: auto;
            background: #ffffff !important;
            border: 1px solid #d0d0d0 !important;
            border-radius: 5px !important;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
            margin-top: 2px !important;
            min-width: 180px !important;
        }
        
        .country-code-combo .z-combobox-popup .z-combobox-content {
            background: #ffffff !important;
            padding: 0 !important;
        }
        
        .country-code-combo .z-combobox-popup .z-combobox-content .z-combobox-body {
            background: #ffffff !important;
        }
        
        .country-code-combo .z-comboitem {
            font-size: 14px;
            font-family: 'Saira', sans-serif;
            padding: 8px 12px;
            background: #ffffff !important;
            color: #2b2a6b;
        }
        
        .country-code-combo .z-comboitem:hover {
            background: #ede7f8 !important;
        }
        
        .country-code-combo .z-comboitem-selected {
            background: #63c1bc !important;
            color: #ffffff !important;
        }
        
        .country-code-combo .z-comboitem-selected:hover {
            background: #5ab5b0 !important;
        }
        
        .mobile-textbox {
            font-family: 'Saira', sans-serif;
        	background: #f2f0f3;
            border: 1px solid #1a4582;
            border-radius: 5px;
            padding-left: 90px;
            width: 100%;
            height: 35px;
        }
        .get-otp-btn, .get-otp-btn:focus, .get-otp-btn:hover, .get-otp-btn:active, .get-otp-btn.z-button-clk {
        	background: #63c1bc;
            color: #2b2a6b;
        }
        .get-otp-btn, .submit-btn {
            background: #63c1bc;
            color: #2b2a6b;
            border: none;
            border-radius: 8px;
            padding: 10px 20px;
            cursor: pointer;
            font-size: 14px;
            font-weight: 500;
            width: auto;
            min-width: 120px;
        }
        
        .get-otp-btn:hover, .submit-btn:hover {
           background: #63c1bc;
           cursor: pointer;
           color: #2b2a6b;
        }
        
        .get-otp-btn:disabled, .submit-btn:disabled {
            opacity: 0.6;
            cursor: not-allowed;
        }
        
        .otp-section {
            margin-top: 5px;
            display: flex;
            flex-direction: column;
            gap: 8px;
        }
        
        .otp-label {
            font-size: 13px;
            font-weight: 500;
        }
        
        .otp-inputs-hlayout {
            display: flex;
            align-items: center;
            gap: 8px;
            flex-wrap: wrap;
        }
        
        .otp-textbox {
            text-align: center;
            border: 1px solid #1a4582;
            border-radius: 5px;
            width: 40px;
            height: 40px;
            font-size: 18px;
            font-weight: 600;
        }
        
        .resend-link {
            font-size: 13px;
            text-decoration: underline;
            color: #2b2a6b;
            cursor: pointer;
            margin-left: 10px;
        }
        
        .resend-link:hover {
            color: #1a1950;
        }
        
        .submit-hlayout {
            display: flex;
            align-items: center;
            gap: 20px;
            margin-top: 5px;
        }
        
        .download-hlayout {
            display: flex;
            align-items: center;
            gap: 20px;
            margin-top: 5px;
        }
        
        .timer-label {
            font-size: 13px;
            margin-left: auto;
        }
        
        .error-label {
            color: #ff0000;
            font-size: 13px;
            margin-top: 5px;
            margin-bottom: 5px;
        }
        
        .download-btn {
            background: #4CAF50;
            color: #ffffff;
            border: none;
            border-radius: 8px;
            padding: 10px 20px;
            cursor: pointer;
            font-size: 14px;
            font-weight: 500;
            width: auto;
            min-width: 150px;
        }
        
        .download-btn:hover {
            background: #45a049;
        }
        
        /* Responsive Design */
        @media (max-width: 768px) {
            .otp-window {
                max-width: 100%;
                border-radius: 20px;
            }
            
            .header-layout {
                padding: 20px 25px;
                border-radius: 20px 20px 0 0;
            }
            
            .title-label {
                font-size: 1.3rem;
            }
            
            .body-layout {
                padding: 30px 20px;
                border-radius: 0 0 20px 20px;
            }
            
            .mobile-input-wrapper {
                max-width: 70%;
            }
            
            .otp-inputs-hlayout {
                justify-content: flex-start;
            }
            
            .otp-textbox {
                width: 38px;
                height: 38px;
            }
            
            .resend-link {
                margin-left: 0;
                margin-top: 10px;
                width: 100%;
            }
            
            .submit-hlayout, .download-hlayout {
                flex-direction: column;
                align-items: stretch;
            }
            
            .get-otp-btn, .submit-btn, .download-btn {
                width: 33%;
            }
            
            .timer-label {
                margin-left: 0;
                text-align: center;
            }
        }
        
        @media (max-width: 480px) {
            .header-layout {
                padding: 15px 20px;
            }
            
            .title-label {
                font-size: 1.1rem;
            }
            
            .body-layout {
                padding: 25px 15px;
            }
            
            .otp-textbox {
                width: 36px;
                height: 36px;
                font-size: 16px;
            }
            
            .country-code-label {
                font-size: 12px;
            }
            
            .country-code-combo {
                width: 75px;
                font-size: 12px;
            }
            
            .country-code-combo .z-combobox-input {
                font-size: 12px;
            }
            
            .country-code-combo .z-combobox-button {
                display: none !important;
            }
            
            .mobile-textbox {
                padding-left: 75px;
                font-size: 14px;
            }
        }
   
   /* ============================================
      Downloads Page CSS
      ============================================ */
   
   .z-column-content {
    background: none !important;
    padding: 5px 10px !important;
    color: #1a4582 !important;
    box-shadow: none !important;
    font-size: 14px;
    font-weight: 600;
    font-family: 'Lexend', sans-serif;
    text-align: center;
}
   .downloads-window {
       font-family: 'Lexend', sans-serif;
       border-radius: 40px;
       padding: 0;
       overflow: hidden;
       width: 100%;
       max-width: 900px;
       margin: 0 auto;
   }
   
   .downloads-header-layout {
       background: #ede7f8;
       padding: 20px 30px;
       border-radius: 40px 40px 0 0;
       border-bottom: 2px solid #7bc7ca
   }
   
   .downloads-header-layout .close-btn {
       color: #63c1bc;
       font-size: 18px;
       cursor: pointer;
       display: flex;
       justify-content: flex-end;
       margin-bottom: 8px;
   }
   
   .downloads-title-hlayout {
       display: flex;
       align-items: center;
   }
   
   .downloads-title-label {
       font-size: 1.6rem;
       font-family: 'Saira', sans-serif;
       font-weight: 100;
       color: #1a4582;
   }
   
   .downloads-body-layout {
       padding: 20px 25px;
       background: #ecedf0;
       border-radius: 0 0 40px 40px;
       display: flex;
       flex-direction: column;
       gap: 12px;
   }
   
   .download-list-table {
       width: 100%;
       border-collapse: collapse;
       font-family: 'Lexend', sans-serif;
       background: #ffffff;
   }
   
   .download-list-table .z-column {
       background: #ede7f8;
       color: #1a4582;
       font-weight: 600;
       font-size: 0.95rem;
       border: 0.5px solid #7bc7ca;
       text-align: left;
       font-family: 'Saira', sans-serif;
   }
   
   .download-list-col-sno {
       width: 80px !important;
       min-width: 80px !important;
       max-width: 80px !important;
       text-align: center;
   }
   
   .download-list-col-description {
       width: auto;
       min-width: 300px;
   }
   
   .download-list-col-file {
       width: 250px !important;
       min-width: 200px;
       max-width: 300px;
   }
   
   .download-list-col-action {
       width: 120px !important;
       min-width: 120px !important;
       max-width: 120px !important;
       text-align: center;
   }
   
   .download-list-row {
       background: #ffffff;
       border-bottom: 1px solid #d0d0d0;
   }
   
   .download-list-row:hover {
       background: #f5f0ff;
   }
   
   .download-list-row .z-cell {
   	   background: #ecedf0;
       padding: 15px 10px;
       border: 0.5px solid #7bc7ca;
       vertical-align: middle;
   }
   
   .download-list-sno {
       font-family: 'Lexend', sans-serif;
       font-size: 0.7rem;
       font-weight: 400;
       color: #1a4582;
       text-align: center;
   }
   
   .download-list-description {
       font-family: 'Lexend', sans-serif;
       font-size: 0.7rem;
       font-weight: 400;
       color: #1a4582;
       line-height: 1.4;
   }
   
   .download-list-file {
       font-family: 'Lexend', sans-serif;
       font-size: 0.7rem;
       color: #1a4582;
       font-weight: 400;
   }
   
   .download-list-btn {
       background: #7bc7ca;
       color: #2b2a6b;
       border: none;
       border-radius: 5px;
       padding: 5px 16px;
       cursor: pointer;
       font-size: 11px;
       font-weight: 400;
       font-family: 'Lexend', sans-serif;
       transition: background-color 0.2s ease;
       text-align: center;
       min-width: 100px;
   }
   
   .download-list-btn:hover {
       background: #7bc7ca;
       color: #2b2a6b;
   }
   
   .download-list-btn:active {
       background: #7bc7ca;
       color: #2b2a6b;
   }
   
   .download-list-btn:disabled {
       background: #d0d0d0;
       color: #888888;
       cursor: not-allowed;
   }
   
   .download-list-empty {
       font-family: 'Lexend', sans-serif;
       font-size: 0.95rem;
       color: #1a4582;
       text-align: center;
       padding: 20px;
   }
   
   /* Responsive Design for Downloads Page */
   @media (max-width: 1024px) {
       .downloads-window {
           max-width: 800px;
       }
       
       .downloads-body-layout {
           padding: 20px 25px;
       }
       
       .download-list-table {
           font-size: 0.9rem;
       }
   }
   
   @media (max-width: 768px) {
       .downloads-window {
           max-width: 100%;
           border-radius: 20px;
       }
       
       .downloads-header-layout {
           padding: 15px 20px;
           border-radius: 20px 20px 0 0;
       }
       
       .downloads-title-label {
           font-size: 1.4rem;
       }
       
       .downloads-body-layout {
           padding: 15px 12px;
           border-radius: 0 0 20px 20px;
       }
       
       .download-list-table .z-column {
           font-size: 0.85rem;
           padding: 10px 12px;
       }
       
       .download-list-row .z-cell {
           padding: 12px 12px;
           font-size: 0.85rem;
       }
       
       .download-list-col-description {
           min-width: 200px;
       }
       
       .download-list-col-file {
           width: 150px;
       }
       
       .download-list-btn {
           padding: 6px 12px;
           font-size: 12px;
           min-width: 80px;
       }
   }
   
   @media (max-width: 480px) {
       .downloads-header-layout {
           padding: 12px 15px;
       }
       
       .downloads-title-label {
           font-size: 1.2rem;
       }
       
       .downloads-body-layout {
           padding: 12px 10px;
       }
       
       .download-list-table {
           font-size: 0.8rem;
       }
       
       .download-list-table .z-column {
           font-size: 0.8rem;
           padding: 8px 10px;
       }
       
       .download-list-row .z-cell {
           padding: 10px 10px;
           font-size: 0.8rem;
       }
       
       .download-list-col-sno {
           width: 60px;
       }
       
       .download-list-col-description {
           min-width: 150px;
       }
       
       .download-list-col-file {
           width: 120px;
       }
       
       .download-list-col-action {
           width: 100px;
       }
       
       .download-list-btn {
           padding: 6px 10px;
           font-size: 11px;
           min-width: 70px;
       }
   }

/* Centered, minimal ZK processing overlay */
.z-loading {
    position: fixed !important;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.15);
    z-index: 9999 !important;
}

.z-loading-indicator {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    padding: 18px;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.z-loading-icon {
    width: 48px;
    height: 48px;
    border: 4px solid rgba(255, 255, 255, 0.35);
    border-top-color: #7bc7ca;
    border-radius: 50%;
    animation: zk-loading-spin 0.9s linear infinite;
    background: transparent no-repeat center;
    background-image: none;
    background-size: contain;
    display: block;
    vertical-align: top;
    position: relative;
    left: 0%;
    margin-left: 0px;
    margin-bottom: 8px;
}

.z-loading-indicator > span,
.z-loading span {
    color: #ffffff;
    font-size: 15px;
    letter-spacing: 0.4px;
}

@keyframes zk-loading-spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}


/* ============================================
   Careers Page
   ============================================ */

.careers-hero {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    min-height: 400px;
    overflow: hidden;
}

.careers-hero__image {
	margin-top: 60px;
    width: 100%;
    height: auto;
    object-fit: cover;
    display: block;
}

.careers-hero__text {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    max-width: 50%;
    padding: 0 60px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    z-index: 2;
}

.careers-hero__title {
    font-family: 'Saira', sans-serif;
    font-size: 2.3rem;
    line-height: 1.2;
    letter-spacing: 0.4px;
    font-weight: 500;
    color: #1a4582;
    margin: 0;
}

.careers-hero__subtitle {
    font-family: 'Lexend', sans-serif;
    font-size: 1.3rem;
    color: #1a4582;
    font-weight: 100;
    margin: 0;
    line-height: 1.6;
}

@media (max-width: 1400px) {
    .careers-hero__text {
        padding: 0 50px;
        max-width: 45%;
    }
}

@media (max-width: 1200px) {
    .careers-hero__text {
        padding: 0 40px;
        max-width: 50%;
    }
    .careers-hero__title {
        font-size: 2.1rem;
    }
    .careers-hero__subtitle {
        font-size: 1.1rem;
    }
}

@media (max-width: 900px) {
    .careers-hero {
        min-height: 350px;
    }
    
    .careers-hero__text {
        max-width: 55%;
        padding: 0 30px;
        gap: 15px;
    }
    
    .careers-hero__title {
        font-size: 1.9rem;
    }
    
    .careers-hero__subtitle {
        font-size: 1rem;
    }
}

@media (max-width: 768px) {
    .careers-hero {
        min-height: 300px;
    }
    
    .careers-hero__text {
        max-width: 60%;
        padding: 0 25px;
        gap: 12px;
    }
    
    .careers-hero__title {
        font-size: 1.6rem;
    }
    
    .careers-hero__subtitle {
        font-size: 0.95rem;
        line-height: 1.5;
    }
}

@media (max-width: 480px) {
	
	.careers-hero__image
	{
	    margin:0;
	}
    .careers-hero {
        min-height: 280px;
    }
    
    .careers-hero__text {
        max-width: 65%;
        padding: 0 20px;
        gap: 10px;
    }
    
    .careers-hero__title {
        font-size: 1rem;
    }
    
    .careers-hero__subtitle {
        font-size: 0.7rem;
        line-height: 1.4;
    }
}

/* =========================
   Careers Values Section
   ========================= */

.careers-values {
    max-width: 1200px;
    margin: 0px auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
   padding: 100px 152px 100px 150px;
}

.careers-values__left {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.careers-card {
    padding: 40px;
    border-radius: 0;
}

.careers-card__body {
    font-family: 'Lexend', sans-serif;
    font-size: 1.2rem;
    line-height: 1.6;
    color: #1a4582;
    margin: 0;
    font-weight: 100;
}

.careers-card__body b {
    font-weight: 600;
}

/* Card Colors */
.careers-card--lavender {
    background: #ede7f8;
}

.careers-card--light {
    background:  #ecedf0;
}

.careers-card--teal {
    background: #7bc7ca;
}

/* Responsive */
@media (max-width: 1200px) {
    .careers-values {
        padding: 0px 80px 80px 80px;
    }
}

@media (max-width: 900px) {
    .careers-values {
        grid-template-columns: 1fr;
        padding: 0px 40px 60px 40px;
    }
    
    .careers-card {
        padding: 30px;
    }
    
    .careers-card__body {
        font-size: 1.1rem;
    }
}

@media (max-width: 768px) {
    .careers-values {
        padding: 0px 20px 50px 20px;
        gap: 12px;
    }
    
    .careers-card {
        padding: 24px;
    }
    
    .careers-card__body {
        font-size: 1rem;
        line-height: 1.5;
    }
}

@media (max-width: 480px) {
    .careers-values {
        padding: 0px 15px 40px 15px;
        gap: 15px;
    }
    
    .careers-card {
        padding: 20px;
    }
    
    .careers-card__body {
        font-size: 0.95rem;
    }
}

/* ==== Life @IISPL Carousel (Careers page) ==== */
 .life-section {
                background-color: #f2f2f2;
                padding: 80px 0;
                text-align: center;
                overflow: hidden;
                width: 100%;
                font-family: 'Lexend', sans-serif;
            }

            .life-title {
                color: #1a4582;
                font-size: 2rem;
                font-weight: 100;
                margin-bottom: 50px;
                display: block;
                text-align: center;
                font-family: 'Saira', sans-serif;
            }

            .life-carousel-container {
                position: relative;
                width: 100%;
                max-width: 1300px;
                margin: 0 auto;
                overflow: hidden;
            }

            .life-carousel-track {
                display: flex;
                transition: transform 0.6s ease-in-out;
                will-change: transform;
                width: 100%;
            }

            .life-slide {
                flex: 0 0 100%;
                padding: 0 15px;
                box-sizing: border-box;
            }

            @media (min-width: 768px) {
                .life-slide {
                    flex: 0 0 50%;
                }
            }

            @media (min-width: 1024px) {
                .life-slide {
                    flex: 0 0 33.3333%;
                }
            }

            .life-img {
                width: 100%;
                height: 280px;
                object-fit: cover;
                border-radius: 20px;
                display: block;
                box-shadow: 0 4px 10px rgba(0,0,0,0.1);
            }

            .life-indicators {
                display: flex;
                justify-content: center;
                gap: 12px;
                margin-top: 40px;
            }

            .life-dot {
                width: 12px;
                height: 12px;
                border-radius: 50%;
                background-color: #ffffff;
                border: 1px solid #ddd;
                cursor: pointer;
                transition: all 0.3s ease;
            }

            .life-dot.active {
                background-color: #83dcd0;
                border-color: #83dcd0;
                transform: scale(1.2);
            }

            @media (max-width: 768px) {
                .life-section {
                    padding: 60px 0;
                }
                
                .life-title {
                    font-size: 1.6rem;
                    margin-bottom: 30px;
                }
                
                .life-img {
                    height: 220px;
                }
            }

            @media (max-width: 480px) {
                .life-section {
                    padding: 40px 0;
                }
                
                .life-title {
                    font-size: 1.4rem;
                    margin-bottom: 24px;
                }
                
                .life-img {
                    border-radius: 12px;
                }
                
                .life-indicators {
                    margin-top: 24px;
                    gap: 6px;
                }
                
                .life-dot {
                    width: 10px;
                    height: 10px;
                }
            }

/* =========================
   Team Testimonials Section
   ========================= */

.team-testimonials-section {
    padding: 90px 115px 90px 50px;
    background: #ffffff;
    max-width: 1400px;
    margin: 0 auto;
    width: 100%;
    box-sizing: border-box;
}

.team-testimonials-heading {
    display: block;
    font-size: 2rem;
    font-weight: 100;
    color: #1a4582;
    text-align: center;
    margin-bottom: 48px;
    font-family: 'Saira', sans-serif;
}

.team-testimonials-container {
    display: flex;
    width: 100%;
    gap: 60px;
    align-items: stretch;
    box-sizing: border-box;
    position: relative;
    justify-content: space-between;
    flex-wrap: nowrap;
}

/* Position swapping classes */
.team-video-carousel-wrapper {
    order: 1;
}

.team-text-carousel-wrapper {
    order: 2;
}

.team-testimonials-container.swapped .team-video-carousel-wrapper {
    order: 2;
}

.team-testimonials-container.swapped .team-text-carousel-wrapper {
    order: 1;
}

/* Each carousel wrapper takes exactly 50% width */
.team-carousel-wrapper {
    position: relative;
    width: 50%;
    flex: 0 0 50%;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px 0;
    overflow: visible;
}

/* Carousel content container - holds the actual carousel and indicators */
.team-carousel-content {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    height: 100%;
}

/* Carousel track - horizontal scrolling container */
.team-video-carousel,
.team-text-carousel {
    display: flex;
    transition: transform 0.5s ease;
    will-change: transform;
    width: 100%;
    height: 100%;
}

/* Individual carousel items */
.team-video-item,
.team-text-item {
    flex: 0 0 100%;
    width: 100%;
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box;
    height: 100%;
    justify-content: center;
}

/* Video Carousel Styles */
.team-video-thumbnail {
    position: relative;
    width: 100%;
    max-width: 520px;
    overflow: hidden;
    background: #f0f0f0;
    aspect-ratio: 16 / 9;
    margin-bottom: 20px;
    box-sizing: border-box;
}

.team-video-image,
.team-video-element {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.team-video-element {
    background: #000;
    cursor: pointer;
}

.team-video-play-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.1);
    cursor: pointer;
    transition: background 0.3s ease, opacity 0.2s ease;
    z-index: 5;
    pointer-events: auto;
}

.team-video-play-overlay:hover {
    background: rgba(0, 0, 0, 0.2);
}

.team-video-thumbnail video.playing ~ .team-video-play-overlay,
.team-video-thumbnail:has(video.playing) .team-video-play-overlay {
    opacity: 0;
    pointer-events: none;
}

.team-video-play-icon {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.team-video-play-icon::after {
    content: '';
    width: 0;
    height: 0;
    border-left: 18px solid #1b2f63;
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
    margin-left: 5px;
}

/* Text Carousel Styles */
.team-text-box {
    width: 100%;
    max-width: 520px;
    padding: 32px;
    background: #ede7f8;
    border-radius: 20px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    aspect-ratio: 16 / 9;
    min-height: 0;
}

.team-text-content {
    font-family: 'Lexend', sans-serif;
    font-size: 0.8rem;
    line-height: 1.7;
    color: #1a4582;
    text-align: left;
    width: 100%;
}

/* Item Info Styles (Name and Title) */
.team-item-info {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    text-align: center;
    margin-bottom: 0;
}

.team-item-name {
    font-family: 'Lexend', sans-serif;
    font-size: 0.8rem;
    font-weight: 600;
    color: #1a4582;
}

.team-item-separator {
    font-family: 'Lexend', sans-serif;
    font-size: 1rem;
    color: #999;
}

.team-item-title {
    font-family: 'Lexend', sans-serif;
    font-size: 0.8rem;
    color: #1a4582;
    font-weight: 100;
}

/* Indicators */
.team-indicators {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 25px;
    margin-top: 16px;
    width: 100%;
}

.team-indicator {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 2px solid #3e9c9c;
    background: transparent;
    cursor: pointer;
    transition: all 0.3s ease;
    flex-shrink: 0;
    margin-bottom: 5px;
}

.team-indicator.active {
    background: #3e9c9c;
    transform: scale(1.1);
}

/* Arrow positioning - absolutely positioned just outside content edges */
.team-carousel-arrow {
    position: absolute;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
    pointer-events: auto;
    transition: opacity 0.3s ease;
}

.team-carousel-arrow:hover {
    opacity: 0.7;
}

.team-arrow-img {
    width: 32px;
    height: 32px;
    object-fit: contain;
    pointer-events: none;
}

/* Left arrow - positioned outside left edge of content */
.team-carousel-arrow-left {
     width: 13px;
    left: -10px;
    transform: translateY(-50%);
}

/* Right arrow - positioned outside right edge of content */
.team-carousel-arrow-right {
    width: 13px;
    right: -10px;
    transform: translateY(-50%);
}

/* Ensure text carousel card matches video height for vertical alignment */
.team-text-carousel-wrapper .team-carousel-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.team-video-carousel-wrapper .team-carousel-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
}

/* Responsive Styles */
@media (max-width: 1200px) {
    .team-testimonials-section {
        padding: 80px 40px;
    }
    
    .team-testimonials-container {
        gap: 40px;
    }
}

@media (max-width: 1024px) {
    .team-testimonials-section {
        padding: 70px 20px;
    }
    
    .team-testimonials-container {
        gap: 32px;
    }
    
    .team-carousel-arrow-left {
        left: -30px;
    }
    
    .team-carousel-arrow-right {
        right: -30px;
    }
    
    .team-arrow-img {
        width: 28px;
        height: 28px;
    }
    
    .team-video-thumbnail {
        max-width: 100%;
    }
}

@media (max-width: 768px) {
    .team-testimonials-section {
        padding: 60px 16px;
    }
    
    .team-testimonials-heading {
        font-size: 24px;
        margin-bottom: 32px;
    }
    
    .team-testimonials-container {
        flex-direction: column;
        gap: 40px;
    }
    
    .team-carousel-wrapper {
        width: 100%;
        flex: 0 0 100%;
    }
    
    .team-carousel-arrow-left {
        left: -20px;
    }
    
    .team-carousel-arrow-right {
        right: -20px;
    }
    
    .team-arrow-img {
        width: 24px;
        height: 24px;
    }
    
    .team-text-box {
        padding: 24px;
    }
    
    .team-text-content {
        font-size: 0.95rem;
    }
}

@media (max-width: 480px) {
    .team-testimonials-section {
        padding: 48px 30px;
    }
    
    .team-testimonials-heading {
        font-size: 20px;
        margin-bottom: 24px;
    }
    
    .team-text-box {
        padding: 20px;
    }
    
    .team-text-content {
        font-size: 0.5rem;
        line-height: 1.6;
    }
    
    .team-item-name,
    .team-item-title {
        font-size: 0.7rem;
    }
    
    .team-carousel-arrow-left {
        top: 40%;
    }
    
    .team-carousel-arrow-right {
        top: 40%;
    }
    
    .team-arrow-img {
        width: 20px;
        height: 20px;
    }
    
    .team-video-thumbnail {
        max-width: 100%;
        margin-bottom: 15px;
    }
    
    .team-indicators {
        gap: 6px;
        margin-top: 15px;
    }
    
    .team-indicator {
        width: 8px;
        height: 8px;
    }
}

/* =========================
   Careers - Open Positions
   ========================= */
.careers-join-banner {
    background: #ede7f8;
    border-top: 1px solid #45c3c0;
    border-bottom: 1px solid #45c3c0;
    padding: 50px 20px;
    text-align: center;
    margin-top: 18px;
}

.careers-join-title {
    font-size: 2rem;
    font-weight: 100;
    color: #1a4582;
    font-family: 'Saira', sans-serif;
}

.careers-openings-section {
    background:  #ecedf0;
    padding: 56px 64px 76px 150px;
    display: flex;
    justify-content: center;
}

.careers-openings-layout {
    width: 100%;
    max-width: 1200px;
    display: grid;
    grid-template-columns: 320px 1fr;
    gap: 40px;
    align-items: flex-start;
}


.panel-title {
    font-size: 1.3rem;
    font-weight: 700;
    color: #233d84;
    margin-bottom: 12px;
    line-height: 1.3;
    font-family: 'Lexend', sans-serif;
}

.filter-label {
    font-size: 1.2rem;
    color: #1a4582;
    font-weight: 200;
    font-family: 'Saira', sans-serif;
}

.filter-combo {
    width: 100%;
    min-width: 200px;
    max-width: 280px;
    height: 40px;
    border: 1px solid #2c3f87;
    padding: 0;
    border-radius: 5px;
    background: #ecedf0;
}

.filter-combo .z-combobox-input,
.filter-combo input {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    color: #1a4582 !important;
    font-size: 1.2rem !important;
    padding: 8px 10px !important;
    font-weight: none !important;
}

.filter-combo .z-combobox-button {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    width: 32px;
}

.filter-combo .z-combobox-button .z-icon-caret-down,
.filter-combo .z-combobox-button .z-icon-caret-up {
    color: #233d84 !important;
    font-size: 14px;
}

.jobs-panel {
   width: 90%;
}

.job-container-viewport {
    width: 100%;
    max-height: 520px;
    overflow-y: auto;
    padding: 4px 6px 4px 2px;
}

.job-list {
    width: 100%;
    gap: 18px;
    display: flex;
    flex-direction: column;
}

.job-card {
    background: #ffffff;
    border-radius: 12px;
    padding: 20px 22px;
    width: 100%;
    border: 1px solid #e3e7f3;
}

.job-title {
    font-size: 18px;
    font-weight: 800;
    margin-bottom: 12px;
    color: #233d84;
}

.job-grid {
    display: flex;
    flex-direction: column;
    gap: 0;
    border-bottom: 1px solid #7bc7ca;
    padding: 8px 0;
}

.job-row {
    display: grid;
    grid-template-columns: 180px 1fr;
    gap: 10px;
    padding: 10px 0;
    border-bottom: 1px solid #7bc7ca;
}

.job-row:last-child {
    border-bottom: none;
}

.job-row-label {
    font-size: 1.1rem;
    color: #1a4582;
    font-family: 'Saira', sans-serif;
}

.job-row-value {
    font-size: 1.1rem;
    color: #1a4582;
    line-height: 1.4;
    font-family: 'Saira', sans-serif;
}

.apply-btn {
    margin-top: 16px;
    padding: 10px 24px;
    background: #63c1bc;
    color: #2b2a6b;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    font-size: 18px;
    font-weight: 400;
    width: auto;
    min-width: 110px;
    box-shadow: none;
}

.apply-btn:hover {
   background: #63c1bc;
   color: #2b2a6b;
}

.job-container-viewport::-webkit-scrollbar {
    width: 8px;
}

.job-container-viewport::-webkit-scrollbar-thumb {
    background: #c7cde0;
    border-radius: 10px;
}

.job-container-viewport::-webkit-scrollbar-track {
    background: transparent;
}

@media (max-width: 1200px) {
    .careers-openings-layout {
        grid-template-columns: 1fr;
    }

    .filter-panel {
        position: relative;
        top: 0;
    }

}

@media (max-width: 900px) {
    .careers-openings-section {
        padding: 40px 30px 60px 30px;
    }
    
    .careers-join-banner {
        padding: 40px 20px;
    }
    
    .careers-join-title {
        font-size: 1.7rem;
    }
}

@media (max-width: 768px) {
    .careers-openings-section {
        padding: 36px 16px 52px 15px;
    }

    .careers-join-banner {
        margin-top: 0;
        padding: 35px 16px;
    }
    
    .careers-join-title {
        font-size: 1.5rem;
    }

    .job-row {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .job-title {
        font-size: 17px;
    }
    
    .job-row-label {
        font-size: 1rem;
    }
    
    .job-row-value {
        font-size: 1rem;
    }
    
    .apply-btn {
        font-size: 16px;
        padding: 8px 20px;
        min-width: 100px;
    }
    
    .panel-title {
        font-size: 1.3rem;
    }
}

@media (max-width: 480px) {
    .careers-openings-section {
        padding: 30px 12px 40px 12px;
    }
    
    .careers-join-banner {
        padding: 30px 12px;
    }
    
    .careers-join-title {
        font-size: 1.3rem;
    }
    
    .job-title {
        font-size: 16px;
    }
    
    .job-row-label,
    .job-row-value {
        font-size: 0.95rem;
    }
    
    .apply-btn {
        font-size: 15px;
        padding: 8px 18px;
        width: 100%;
        min-width: auto;
    }
    
    .filter-panel {
        padding: 20px;
    }
    
    .panel-title {
        font-size: 1.2rem;
    }
}

/* =========================
   Careers Resume Section
   ========================= */

.careers-resume-section {
    background: #ffffff;
    padding: 80px 270px;
    text-align: center;
    max-width: 1400px;
    margin: 0 auto;
    width: 100%;
    box-sizing: border-box;
}

.careers-resume-heading {
    display: block;
    font-size: 1.5rem;
    font-weight: 400;
    color: #1a4582;
    margin-bottom: 24px;
    font-family: 'Lexend', sans-serif;
}

.careers-resume-text {
    font-family: 'Lexend', sans-serif;
    font-size: 1.3rem;
    line-height: 1.6;
    color: #1a4582;
    max-width: 900px;
    margin: 0 auto;
    font-weight: 100;
}

.careers-resume-email {
    color: #265bf7;
    text-decoration: none;
    font-weight: 500;
    transition: color 0.3s ease;
}

.careers-resume-email:hover {
    color: #1a4582;
    text-decoration: underline;
}

@media (max-width: 1200px) {
    .careers-resume-section {
        padding: 70px 180px;
    }
}

@media (max-width: 768px) {
    .careers-resume-section {
        padding: 60px 32px;
    }
    
    .careers-resume-heading {
        font-size: 1.3rem;
    }
    
    .careers-resume-text {
        font-size: 1rem;
    }
}

@media (max-width: 480px) {
    .careers-resume-section {
        padding: 50px 20px;
    }
    
    .careers-resume-heading {
        font-size: 1.1rem;
    }
    
    .careers-resume-text {
        font-size: 0.95rem;
    }
}



   /* ============================================
      Contact Form Privacy Policy Row
      ============================================ */
   .contact-privacy-row {
       display: flex;
       align-items: center;
       flex-wrap: wrap;
       gap: 4px;
       width: 100%;
       box-sizing: border-box;
   }
   
   .contact-privacy-checkbox {
       margin-right: 8px;
       flex-shrink: 0;
   }
   
   .contact-privacy-checkbox input[type="checkbox"] {
       width: 18px;
       height: 18px;
       border: 1px solid #7bc7ca;
       border-radius: 4px;
       cursor: pointer;
       accent-color: #7bc7ca;
   }
   
   .contact-privacy-text {
       font-family: 'Lexend', sans-serif;
       font-size: 0.8rem;
       color: #1a4582;
       margin: 0;
   }
   
   .contact-privacy-link {
       font-family: 'Lexend', sans-serif;
       font-size: 0.8rem;
       color: #1a4582;
       text-decoration: underline;
       cursor: pointer;
       margin: 0;
   }
   
   .contact-privacy-link:hover {
       color: #7bc7ca;
   }
   
   
   
   
   /* ============================================
   RESOURCES PAGE STYLES
   ============================================ */

/* Resources Header Section */
.resources-header-section {
	margin-top: 5%;
    background-color: #ffffff;
    padding: 15px 80px 15px 80px;
    border-top: 1px solid #7bc7ca;
    border-bottom: 1px solid #7bc7ca;
}

.resources-header-content {
	display: flex;
    justify-content: space-between;
    max-width: 100%;
}

.resources-header-row {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 5px;
}

.resources-label {
    font-family: 'Saira', sans-serif;
    font-size: 1rem;
    font-weight: 400;
    color: #7bc7ca;
    margin: 0;
}

.resources-category-label {
    font-family: 'Saira', sans-serif;
    font-size: 1rem;
    font-weight: 200;
    color: #1a4582;
    margin: 0;
}

.resources-dropdown-row {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 15px;
}

.categories-label {
    font-family: 'Saira', sans-serif;
    font-size: 1rem;
    font-weight: 400;
    color: #7bc7ca;
    margin: 0;
}

.categories-dropdown {
    width: 100%;
    min-width: 200px;
    height: 40px;
    border: 1px solid #2c3f87;
    padding: 0;
    border-radius: 5px;
}

.categories-dropdown .z-combobox-input,
.categories-dropdown input {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    color: #1a4582 !important;
    font-size: 0.9rem !important;
}

.categories-dropdown .z-combobox-button {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    width: 32px;
}

.categories-dropdown .z-combobox-button .z-icon-caret-down,
.categories-dropdown .z-combobox-button .z-icon-caret-up {
    color: #233d84 !important;
    font-size: 14px;
}

/* Resources Content Section */
.resources-content-section {
    background-color: #ffffff;
    padding: 50px 150px 80px 150px;
    width: 100%;
}

/* Articles Container */
.resources-articles-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 100px;
    max-width: 100%;
}

/* Article Card */
.article-card {
    display: flex;
    flex-direction: column;
    background-color: #ffffff;
    border-radius: 8px;
    overflow: hidden;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1),
                opacity 0.5s ease-in-out;
    cursor: pointer;
    animation: cardFadeIn 0.6s ease-out forwards;
}

@keyframes cardFadeIn {
    from {
        opacity: 0;
        transform: translateY(30px) scale(0.95);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.article-card:hover {
    transform: translateY(-8px) scale(1.02);
}

.article-image-placeholder {
    width: 100%;
    height: 200px;
    background-color: #e0e0e0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 25px;
    margin-bottom: 15px;
    position: relative;
    overflow: hidden;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.article-image-placeholder::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%);
    z-index: 3;
    opacity: 0;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

.article-card:hover .article-image-placeholder {
    transform: scale(1.05);
}

.article-card:hover .article-image-placeholder::before {
    opacity: 1;
}

.article-placeholder-text {
    font-family: 'Lexend', sans-serif;
    font-size: 0.9rem;
    color: #666666;
    text-align: center;
}

.article-date {
    font-family: 'Lexend', sans-serif;
    font-size: 0.875rem;
    color: #265bf7;
    margin-bottom: 10px;
    font-weight: 400;
    transition: color 0.3s ease, transform 0.3s ease;
    display: inline-block;
}

.article-card:hover .article-date {
    color: #1a4582;
    transform: translateX(3px);
}

.article-headline {
    font-family: 'Saira', sans-serif;
    font-size: 1.25rem;
    font-weight: 600;
    color: #1a4582;
    margin-bottom: 12px;
    line-height: 1.4;
    transition: color 0.3s ease;
}

.article-card:hover .article-headline {
    color: #265bf7;
}

.article-description {
    font-family: 'Lexend', sans-serif;
    font-size: 0.95rem;
    color: #333333;
    line-height: 1.6;
    margin-bottom: 15px;
    white-space: pre-line;
}

.article-read-more {
    font-family: 'Lexend', sans-serif;
    font-size: 0.95rem;
    color: #265bf7;
    font-weight: 500;
    cursor: pointer;
    margin-bottom: 15px;
    text-decoration: none;
    transition: color 0.3s ease, transform 0.3s ease;
    display: inline-block;
}

.article-read-more:hover {
    color: #1a4582;
    transform: translateX(5px);
    text-decoration: underline;
}

.article-separator {
    width: 100%;
    height: 1px;
    background-color: #7bc7ca;
    margin-top: 10px;
}

/* Newsroom Container */
.resources-newsroom-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
    max-width: 100%;
}

/* Newsroom Card */
.newsroom-card {
    display: flex;
    flex-direction: column;
    background-color: #ffffff;
    border-radius: 8px;
    overflow: hidden;
}

.newsroom-logo-container {
    width: 100%;
    margin-bottom: 15px;
}

.newsroom-logo-placeholder {
    width: 100%;
    min-height: 120px;
    background-color: #f5f5f5;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 20px;
    border-radius: 8px;
}

.newsroom-logo-text {
    font-family: 'Saira', sans-serif;
    font-size: 1.1rem;
    font-weight: 600;
    color: #333333;
    text-align: center;
    margin-bottom: 5px;
}

.newsroom-logo-subtext {
    font-family: 'Lexend', sans-serif;
    font-size: 0.75rem;
    color: #666666;
    text-align: center;
}

.newsroom-date {
    font-family: 'Lexend', sans-serif;
    font-size: 0.875rem;
    color: #1a4582;
    margin-bottom: 10px;
    font-weight: 400;
}

.newsroom-headline {
    font-family: 'Saira', sans-serif;
    font-size: 1.25rem;
    font-weight: 600;
    color: #1a4582;
    margin-bottom: 12px;
    line-height: 1.4;
}

.newsroom-description {
    font-family: 'Lexend', sans-serif;
    font-size: 0.95rem;
    color: #333333;
    line-height: 1.6;
    margin-bottom: 15px;
    white-space: pre-line;
}

.newsroom-read-more {
    font-family: 'Lexend', sans-serif;
    font-size: 0.95rem;
    color: #1a4582;
    font-weight: 500;
    cursor: pointer;
    text-decoration: none;
}

.newsroom-read-more:hover {
    text-decoration: underline;
}

/* PDF Viewer Popup Styles */
.pdf-viewer-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 9998;
    cursor: pointer;
}

.pdf-viewer-popup {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    max-width: 1200px;
    height: 90%;
    max-height: 800px;
    background-color: #ffffff;
    border-radius: 8px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
    z-index: 9999;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.pdf-viewer-header {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 15px 20px;
    background-color: #f5f5f5;
    border-bottom: 1px solid #e0e0e0;
    border-radius: 8px 8px 0 0;
}

.pdf-close-btn {
    font-size: 2rem;
    font-weight: 300;
    color: #666666;
    cursor: pointer;
    line-height: 1;
    padding: 0 10px;
    transition: color 0.3s ease, transform 0.3s ease;
    user-select: none;
}

.pdf-close-btn:hover {
    color: #1a4582;
    transform: scale(1.2);
}

.pdf-viewer-body {
    flex: 1;
    overflow: hidden;
    position: relative;
}

.pdf-viewer-iframe {
    width: 100%;
    height: 100%;
    border: none;
    display: block;
}

/* Responsive Design for PDF Viewer */
@media (max-width: 768px) {
    .pdf-viewer-popup {
        width: 95%;
        height: 95%;
        max-height: 90vh;
    }
    
    .pdf-viewer-header {
        padding: 10px 15px;
    }
    
    .pdf-close-btn {
        font-size: 1.5rem;
    }
}

/* Responsive Design */
@media (max-width: 1600px) {
    .resources-header-section {
        padding: 15px 120px 15px 120px;
    }
    
    .resources-content-section {
        padding: 50px 120px 80px 120px;
    }
}

@media (max-width: 1440px) {
    .resources-header-section {
        padding: 15px 100px 15px 100px;
    }
    
    .resources-content-section {
        padding: 50px 100px 80px 100px;
    }
    
    .resources-articles-container {
        gap: 100px;
    }
    
    .resources-newsroom-container {
        gap: 30px;
    }
}

@media (max-width: 1366px) {
    .resources-header-section {
        padding: 15px 80px 15px 80px;
    }
    
    .resources-content-section {
        padding: 50px 80px 80px 80px;
    }
    
    .resources-articles-container {
        gap: 100px;
    }
    
    .resources-newsroom-container {
        gap: 25px;
    }
}

@media (max-width: 1280px) {
    .resources-header-section {
        padding: 40px 60px 30px 60px;
    }
    
    .resources-content-section {
        padding: 50px 60px 80px 60px;
    }
    
    .resources-articles-container {
        grid-template-columns: repeat(2, 1fr);
        gap: 90px;
    }
    
    .resources-newsroom-container {
        grid-template-columns: 1fr;
        gap: 30px;
    }
}

@media (max-width: 768px) {
    .resources-header-section {
        padding: 30px 20px 20px 20px;
    }
    
    .resources-content-section {
        padding: 40px 20px 60px 20px;
    }
    
    .resources-header-row {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }
    
    .resources-label {
        font-size: 1.75rem;
    }
    
    .resources-category-label {
        font-size: 1.5rem;
    }
    
    .resources-dropdown-row {
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
    }
    
    .categories-dropdown {
        width: 100%;
        min-width: 100%;
    }
    
    .resources-articles-container {
        grid-template-columns: 1fr;
        gap: 80px;
    }
    
    .resources-newsroom-container {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    
    .article-image-placeholder {
        height: 180px;
    }
    
    .newsroom-logo-placeholder {
        min-height: 100px;
    }
}

/* ZK Combobox Custom Styling */

.z-combobox-input {
    color: #1a4582;
    font-family: 'Lexend', sans-serif;
    font-size: 1rem;
}

.z-combobox-button {
    color: #1a4582;
}

.z-combobox-popup {
    border: 1px solid #1a4582;
}

.z-comboitem {
    color: #1a4582;
    font-family: 'Lexend', sans-serif;
    font-size: 1rem;
    padding: 10px 12px;
}

.z-comboitem:hover {
    background-color: #e8f0f8;
}

.z-comboitem-selected {
    background-color: #b3d4f0;
    color: #1a4582;
}

/* Events Section Styles */
.events-container {
    display: flex;
    flex-direction: column;
    gap: 40px;
    max-width: 100%;
}

.event-selection-container {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 20px;
}

.event-selection-label {
    font-family: 'Saira', sans-serif;
    font-size: 1rem;
    font-weight: 400;
    color: #1a4582;
    margin: 0;
}

.event-dropdown {
    width: 300px;
    min-width: 200px;
    height: 40px;
    border: 1px solid #2c3f87;
    padding: 0;
    border-radius: 5px;
}

.event-dropdown .z-combobox-input,
.event-dropdown input {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    color: #1a4582 !important;
    font-size: 0.9rem !important;
}

.event-dropdown .z-combobox-button {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    width: 32px;
}

.event-dropdown .z-combobox-button .z-icon-caret-down,
.event-dropdown .z-combobox-button .z-icon-caret-up {
    color: #233d84 !important;
    font-size: 14px;
}

.event-card-container {
    display: flex;
    justify-content: center;
    width: 100%;
}

.event-card {
    width: 100%;
    display: flex;
    flex-direction: column;
}

/* Event Slideshow Container */
.event-slideshow-container {
    width: 100%;
    height: 450px;
    position: relative;
    overflow: hidden;
    border-radius: 25px;
    margin-bottom: 20px;
    background-color: #e0e0e0;
}

.event-slideshow-images {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.event-slideshow-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    transform: scale(1.1);
    transition: opacity 1.2s cubic-bezier(0.4, 0, 0.2, 1), 
                transform 1.2s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 1;
}

.event-slideshow-image.active {
    opacity: 1;
    transform: scale(1);
    z-index: 2;
}

/* Event slideshow inside article-image-placeholder */
.article-image-placeholder .event-slideshow-images {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.article-image-placeholder .event-slideshow-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    transform: scale(1.1);
    transition: opacity 1.2s cubic-bezier(0.4, 0, 0.2, 1), 
                transform 1.2s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 1;
}

.article-image-placeholder .event-slideshow-image.active {
    opacity: 1;
    transform: scale(1);
    z-index: 2;
}

/* Responsive Styles for Events */
@media (max-width: 1280px) {
    .event-slideshow-container {
        height: 400px;
    }
    
    .event-card {
        max-width: 700px;
    }
}

@media (max-width: 768px) {
    .event-selection-container {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
    
    .event-dropdown {
        width: 100%;
        min-width: 100%;
    }
    
    .event-slideshow-container {
        height: 300px;
    }
    
    .event-card {
        max-width: 100%;
    }
}

/* Request Logo Form Popup Styles */
.request-logo-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 9998;
    cursor: pointer;
}

.request-logo-popup {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999;
    display: none;
}

.request-logo-wrapper {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 40px;
}

.request-logo-card {
    display: flex;
    border-radius: 18px;
    background: #f4f6f8;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

.request-logo-left-panel {
    background: #7bc7ca;
    padding: 50px 30px;
    display: flex;
    flex-direction: column;
}

.request-logo-left-title {
    font-size: 28px;
    font-weight: 600;
    color: #1d5b7b;
    line-height: 38px;
    margin: 0;
}

.request-logo-right-panel {
	background: #ecedf0;
    padding: 40px 60px;
    position: relative;
}

/* Request Logo Form Textbox Styling */
.request-logo-textbox {
    width: 100% !important;
    border: 1px solid #7bc7ca !important;
    border-radius: 8px;
    font-family: 'Lexend', sans-serif;
    font-size: 1rem;
    color: #1a4582 !important;
    background: transparent !important;
    box-sizing: border-box;
    position: relative;
    z-index: 0;
    display: block !important;
    margin-bottom: 14px;
}

.request-logo-textbox input,
.request-logo-textbox .z-textbox-input {
    width: 100% !important;
    padding: 12px 15px !important;
    border: 1px solid #7bc7ca !important;
    border-radius: 8px;
    font-family: 'Lexend', sans-serif;
    font-size: 1rem;
    color: #1a4582 !important;
    background: #ffffff !important;
    box-sizing: border-box;
}

.request-logo-textbox input::placeholder,
.request-logo-textbox .z-textbox-input::placeholder {
    color: #999999 !important;
    opacity: 1;
}

.request-logo-textbox input::-webkit-input-placeholder,
.request-logo-textbox .z-textbox-input::-webkit-input-placeholder {
    color: #999999 !important;
}

.request-logo-textbox input::-moz-placeholder,
.request-logo-textbox .z-textbox-input::-moz-placeholder {
    color: #999999 !important;
    opacity: 1;
}

.request-logo-textbox input:-ms-input-placeholder,
.request-logo-textbox .z-textbox-input:-ms-input-placeholder {
    color: #999999 !important;
}

.request-logo-textbox:focus,
.request-logo-textbox .z-textbox-input:focus {
    outline: none;
    border-color: #7bc7ca;
    box-shadow: 0 0 0 3px rgba(123, 199, 202, 0.1);
}

.request-logo-textbox .z-textbox-input:focus {
    border: 1px solid #7bc7ca;
}

.request-logo-textbox.error {
    border-color: #d32f2f;
}

/* Request Logo Form Combobox Styling */
.request-logo-combo {
    display: flex;
    border: 1px solid #7bc7ca !important;
    border-radius: 8px;
    font-family: 'Lexend', sans-serif;
    font-size: 1rem;
    color: #1a4582 !important;
    background: #ffffff !important;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
    margin-bottom: 14px;
}

.request-logo-combo.z-combobox-open {
    background: #ecedf0 !important;
    border: 1px solid #7bc7ca !important;
    z-index: 9999 !important;
}

.request-logo-combo.z-combobox-open .z-combobox-input {
    border: none !important;
}

.request-logo-combo .z-combobox-input,
.request-logo-combo input.z-combobox-input {
    width: 100% !important;
    padding: 12px 40px 12px 15px !important;
    border: none !important;
    border-radius: 8px;
    font-family: 'Lexend', sans-serif;
    font-size: 1rem;
    color: #1a4582 !important;
    background: #ecedf0 !important;
    box-sizing: border-box;
    height: auto;
}

.request-logo-combo .z-combobox-button {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    width: 32px !important;
    padding: 0 !important;
    position: absolute !important;
    right: 5px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 2 !important;
}

.request-logo-combo .z-combobox-button .z-icon-caret-down,
.request-logo-combo .z-combobox-button .z-icon-caret-up {
    color: #1a4582 !important;
    font-size: 14px !important;
}

.request-logo-combo .z-combobox-input:focus {
    outline: none;
}

.request-logo-combo:focus-within {
    border: 1px solid #7bc7ca !important;
}

.request-logo-combo .z-combobox-popup {
    z-index: 10000 !important;
    border: 1px solid #7bc7ca !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
    margin-top: 2px !important;
    overflow: visible !important;
    clip: none !important;
    clip-path: none !important;
}

.request-logo-combo .z-combobox-popup .z-combobox-content {
    overflow: visible !important;
    border-radius: 8px !important;
    border-top: none !important;
}

.request-logo-combo .z-combobox-popup .z-combobox-content .z-combobox-body {
    border-radius: 8px !important;
    max-height: 300px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

.request-logo-combo .z-combobox-popup .z-comboitem:first-child {
    border-top-left-radius: 8px !important;
    border-top-right-radius: 8px !important;
}

.request-logo-combo .z-combobox-popup .z-comboitem:last-child {
    border-bottom-left-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
}

.request-logo-combo .z-comboitem {
    padding: 10px 15px !important;
    font-family: 'Lexend', sans-serif !important;
    font-size: 1rem !important;
    color: #1a4582 !important;
}

.request-logo-combo .z-comboitem:hover {
    background: #f0f9fa !important;
}

.request-logo-combo .z-comboitem-selected {
    background: #7bc7ca !important;
    color: #ffffff !important;
}

.request-logo-combo.error {
    border-color: #d32f2f;
}

/* Phone Row Layout */
.request-logo-phone-row {
    display: flex;
    gap: 10px;
    margin-bottom: 14px;
}

.request-logo-phone-row .request-logo-combo {
    flex: 0 0 100px;
    margin-bottom: 0;
}

.request-logo-phone-row .request-logo-textbox {
    flex: 1;
    margin-bottom: 0;
}

.request-logo-disclaimer {
	font-family: 'Lexend', sans-serif;
    font-size: 0.6rem;
    color: #1a4582;
    margin-top: 10px;
    line-height: 16px;
    margin-bottom: 0;
}

.request-logo-captcha {
    display: table;
    padding: 10px;
    background: #ffffff;
    margin-top: 15px;
}

.request-logo-btn-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    margin-top: 20px;
}


.request-logo-mandatory {
    font-size: 11px;
    color: #1a4582;
    margin: 0;
}

.request-logo-close-btn {
    position: absolute;
    top: 15px;
    right: 20px;
    font-size: 2rem;
    font-weight: 300;
    color: #666666;
    cursor: pointer;
    line-height: 1;
    padding: 0 10px;
    transition: color 0.3s ease, transform 0.3s ease;
    user-select: none;
    z-index: 10;
}

.request-logo-close-btn:hover {
    color: #1a4582;
    transform: scale(1.2);
}

/* Responsive Design for Request Logo Popup */
@media (max-width: 1024px) {
    .request-logo-card {
        width: 90%;
        max-width: 950px;
    }
}

@media (max-width: 768px) {
    .request-logo-card {
        flex-direction: column;
        width: 95%;
    }
    
    .request-logo-left-panel {
        width: 100%;
        padding: 30px 20px;
        flex-direction: row;
        gap: 10px;
    }
    
    .request-logo-right-panel {
        width: 100%;
        padding: 30px 25px;
    }
    
    .request-logo-phone-row {
        flex-direction: column;
    }
    
    .request-logo-phone-row .request-logo-combo {
        flex: 1;
        width: 100%;
    }
}

/* Privacy Consent Popup Styles */
.privacy-consent-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 9998;
    cursor: pointer;
}

.privacy-consent-popup {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999;
    display: none;
}

.privacy-consent-card {
    background: #ede7f8;
    border-radius: 12px;
    padding: 40px 50px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
    max-width: 700px;
    width: 90%;
    min-width: 500px;
}

.privacy-consent-content {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    margin-bottom: 30px;
}

.privacy-consent-checkbox {
    margin-top: 3px;
    flex-shrink: 0;
}

.privacy-consent-checkbox input[type="checkbox"] {
    width: 20px;
    height: 20px;
    cursor: pointer;
    accent-color: #7bc7ca;
}

.privacy-consent-text-container {
    align-items: center;
    flex: 1;
}

.privacy-consent-text {
    font-family: 'Lexend', sans-serif;
    font-size: 1rem;
    line-height: 1.6;
    color: #1a4582;
    margin: 0;
}

.privacy-consent-link {
    font-family: 'Lexend', sans-serif;
    font-size: 1rem;
    line-height: 1.6;
    color: #1a4582;
    text-decoration: underline;
    cursor: pointer;
    margin: 0;
}

.privacy-consent-link:hover {
    color: #7bc7ca;
}

.privacy-consent-button-container {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Responsive Design for Privacy Consent Popup */
@media (max-width: 768px) {
    .privacy-consent-card {
        padding: 30px 25px;
        min-width: auto;
        width: 95%;
    }
    
    .privacy-consent-content {
        flex-direction: column;
        gap: 12px;
    }
    
    .privacy-consent-checkbox {
        margin-top: 0;
    }
    
    .privacy-consent-text-container {
        gap: 3px;
    }
    
    .privacy-consent-text,
    .privacy-consent-link {
        font-size: 0.9rem;
        line-height: 1.5;
    }
}