/* Hero Carousel Section */
 #heroCarouselSection {
   position: relative;
   width: 100%;
   height: 98vh;
   min-height: 600px;
 }

 #heroCarouselSection .carousel {
   height: 100%;
 }

 #heroCarouselSection .carousel-inner {
   height: 100%;
 }

 #heroCarouselSection .carousel-item {
   height: 100%;
   position: relative;
 }

 /* Background Pattern Container */
 #heroCarouselSection .background-pattern {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   /* background-image: url('../images/new-folder/hero-banner.png'); */
   background-size: cover;
   /* ✅ Fix stretching - maintain aspect ratio */
   background-repeat: no-repeat;
   /* ✅ Prevent repeating */
   background-position: center;
   /* ✅ Keep hero image centered */
   overflow: hidden;
   z-index: -1;
   /* ✅ Send behind content if needed */
 }

 /* #heroCarouselSection .background-pattern::before {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-image:
     repeating-linear-gradient(90deg,
       transparent,
       transparent 30px,
       rgba(0, 0, 0, 0.15) 30px,
       rgba(0, 0, 0, 0.15) 60px);
   animation: slidePattern 20s linear infinite;
 }

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

   100% {
     transform: translateX(60px);
   }
 } */

 /* Content Container */
 #heroCarouselSection .hero-content-wrapper {
   position: relative;
   height: 100%;
   z-index: 2;
   padding-top: 180px;
 }

 #heroCarouselSection .hero-content {
   height: 100%;
   display: flex;
   align-items: center;
 }

 /* Text Content */
 #heroCarouselSection .text-content {
   padding-right: 50px;
 }

 #heroCarouselSection .main-heading {
   font-size: 56px;
   line-height: 1em;
   color: #ffffff;
   font-weight: 400;
   margin-bottom: 15px;
   font-family: "Forum", serif;
 }

 #heroCarouselSection .highlight-text {
   color: #c8f5d0;
   font-weight: 400;
 }

 #heroCarouselSection .sub-heading {
   font-size: 18px;
   color: #ffffff;
   line-height: 1.6;
   margin-bottom: 0;
   font-weight: 500;
   text-transform: capitalize;
   letter-spacing: normal;
   margin-bottom: 10px;
 }



 /* CTA Button */
 #heroCarouselSection a.hero-cta-btn {
   margin-right: 0px;
   background-color: #fff;
   border-radius: 5px;
   color: #0a5391;
   border: none;
   transition: background-color 0.4s ease-in-out, transform 0.3s ease;
   display: inline-flex;
   align-items: center;
   gap: 8px;
   padding: 13px 40px;
   line-height: 1.2;
   font-weight: 500;
   font-size: 16px;
   text-decoration: none;
 }

 /* Hover Background + Smooth Effect */
 #heroCarouselSection a.hero-cta-btn:hover {
   background-color: #e21d37 !important;
   color: #fff;
 }

 /* Arrow Icon Animation */
 #heroCarouselSection a.hero-cta-btn i {
   transition: transform 0.3s ease;
   pointer-events: none;
 }

 #heroCarouselSection a.hero-cta-btn:hover i {
   transform: translateX(5px);
 }



 /* Image Container */
 #heroCarouselSection .image-container {
   position: relative;
   height: 100%;
   display: flex;
   align-items: center;
   justify-content: flex-end;
   /* padding-right: 80px; */
 }

 #heroCarouselSection .hero-image-wrapper {
   position: relative;
   width: 100%;
   max-width: 100%;
   height: 100%;
   border-radius: 5px;
   overflow: hidden;
   /* box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4); */
 }

 #heroCarouselSection .hero-image {
   width: 100%;
   height: 100%;
   object-fit: cover;
   object-position: center;
 }

 /* Carousel Controls */
 #heroCarouselSection .carousel-control-prev,
 #heroCarouselSection .carousel-control-next {
   width: 40px;
   height: 40px;
   background-color: rgba(200, 245, 208, 0.2);
   border-radius: 50%;
   top: 50%;
   transform: translateY(-50%);
   opacity: 1;
   transition: all 0.3s ease;
   z-index: 999;
 }

 #heroCarouselSection .carousel-control-prev {
   left: 30px;
 }

 #heroCarouselSection .carousel-control-next {
   right: 30px;
 }

 #heroCarouselSection .carousel-control-prev:hover,
 #heroCarouselSection .carousel-control-next:hover {
   background-color: rgba(200, 245, 208, 0.4);
 }

 #heroCarouselSection .carousel-control-prev-icon,
 #heroCarouselSection .carousel-control-next-icon {
   width: 18px;
   height: 18px;
 }

 /* Carousel Indicators */
 #heroCarouselSection .carousel-indicators {
   bottom: 0px;
   margin: 0;
   z-index: 999;
 }

 /* #heroCarouselSection .carousel-indicators button {
   width: 12px;
   height: 12px;
   border-radius: 50%;
   background-color: rgba(255, 255, 255, 0.5);
   border: none;
   margin: 0 6px;
   transition: all 0.3s ease;
 } */

 #heroCarouselSection .carousel-indicators button.active {
   background-color: #e21d37;
   /* width: 40px; */
   border-radius: 6px;
 }

 /* Tablet Responsiveness */
 @media (max-width: 991px) {
   #heroCarouselSection {
     height: auto;
     min-height: 700px;
   }

   #heroCarouselSection .hero-content {
     flex-direction: column;
     padding: 60px 0;
   }

   #heroCarouselSection .text-content {
     padding-right: 0;
     text-align: center;
     margin-bottom: 40px;
   }

   #heroCarouselSection .main-heading {
     font-size: 48px;
   }

   #heroCarouselSection .sub-heading {
     font-size: 18px;
   }

   #heroCarouselSection .image-container {
     padding-right: 0;
     justify-content: center;
   }

   #heroCarouselSection .hero-image-wrapper {
     max-width: 400px;
     height: 450px;
   }

   #heroCarouselSection .carousel-control-prev {
     left: 15px;
   }

   #heroCarouselSection .carousel-control-next {
     right: 15px;
   }
 }

 /* Mobile Responsiveness */
 @media (max-width: 767px) {
   #heroCarouselSection {
     min-height: 600px;
   }

   #heroCarouselSection .hero-content {
     padding: 40px 0;
   }

   #heroCarouselSection .main-heading {
     font-size: 36px;
     margin-bottom: 20px;
   }

   #heroCarouselSection .sub-heading {
     font-size: 16px;
     margin-bottom: 30px;
   }

   #heroCarouselSection .cta-btn {
     padding: 15px 28px;
     font-size: 16px;
   }

   #heroCarouselSection .hero-image-wrapper {
     max-width: 300px;
     height: 350px;
   }

   #heroCarouselSection .image-container {
     padding-right: 0;
   }

   #heroCarouselSection .carousel-control-prev,
   #heroCarouselSection .carousel-control-next {
     width: 45px;
     height: 45px;
   }

   #heroCarouselSection .carousel-control-prev {
     left: 10px;
   }

   #heroCarouselSection .carousel-control-next {
     right: 10px;
   }

   #heroCarouselSection .carousel-indicators {
     bottom: 20px;
   }
 }

 @media (max-width: 480px) {
   #heroCarouselSection .main-heading {
     font-size: 28px;
   }

   #heroCarouselSection .sub-heading {
     font-size: 14px;
   }

   #heroCarouselSection .cta-btn {
     padding: 12px 24px;
     font-size: 15px;
   }

   #heroCarouselSection .hero-image-wrapper {
     max-width: 260px;
     height: 300px;
   }
 }

 /* === Existing Styles === */
 .services-advice-section {
   padding: 60px 0;
 }

 .section-tag {
   background: #f3f4f3;
   color: #333;
   font-size: 12px;
   border-radius: 4px;
   padding: 6px 14px;
   display: inline-block;
   margin-bottom: 16px;
   font-weight: 500;
 }

 .services-heading-box h2 {
   font-size: 56px;
   font-weight: 400;
   line-height: 1em;
   color: #333;
   font-family: "Forum", serif;
   letter-spacing: normal;
   margin-bottom: 0;
 }

 .services-desc-box {
   position: relative;
 }

 .services-desc-box p {
   font-size: 17px;
   color: #4f4f4f;

 }

 .services-card {
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   text-decoration: none;
   border: 2px solid #e3e3e3;
   min-height: 450px;
   border-radius: 12px;
   background-color: #ffffff;
   transition: background-color 0.6s ease-in-out,
     color 0.6s ease-in-out,
     box-shadow 0.6s ease-in-out,
     transform 0.6s ease-in-out,
     border-color 0.6s ease-in-out;
 }

 .services-card:hover {
   border-color: #0a5391;
   /* change to your preferred color */
   box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
   /* transform: translateY(-5px); */
 }


 .services-card .services-card-bottom {
   color: #000;
   transition: background-color 0.6s ease-in-out, color 0.6s ease-in-out;
 }

 .services-card:hover .services-card-bottom {
   background-color: #bce0ff;
 }

 .services-card .rs-service-icon {
   padding: 50px 30px 0 30px;
 }

 .services-card img {
   width: 48px;
   margin-bottom: 25px;
 }

 .services-card h3 {
   font-size: 30px;
   color: #333;
   line-height: 1.3;
   margin-bottom: 20px;
 }

 .services-card-bottom {
   background-color: #f0f6fb;
   padding: 30px 20px 0 20px;
   border-radius: 12px;
   border-top-left-radius: 0;
   border-top-right-radius: 0;
 }

 .services-card-bottom ul {
   padding: 0;
   margin: 0;
   list-style: none;
 }

 .services-card-bottom ul li {
   font-size: 14px;
   position: relative;
   padding-left: 20px;
   padding-bottom: 10px;
   color: #333;
   font-weight: 500;
 }

 .services-card-bottom ul li:before {
   content: "✔";
   position: absolute;
   left: 0;
   top: 0;
   font-size: 14px;
   color: #0a5391;
 }

 .service-details-btn {
   background-color: #fff;
   color: #0a5391;
   border: none;
   padding: 10px 13px;
   border-radius: 4px;
   font-size: 14px;
   font-weight: 500;
   display: inline-flex;
   align-items: center;
   justify-content: space-between;
   gap: 6px;
   transition: background-color 0.4s ease, color 0.4s ease;
   width: 100%;
   margin-bottom: 15px;
 }

 .service-details-btn::after {
   content: "+";
   display: inline-block;
   font-weight: 600;
   transition: transform 0.4s ease;
 }

 .service-details-btn:hover {
   background-color: #0a5391;
   color: #fff;
 }

 .service-details-btn:hover::after {
   transform: translateX(6px);
 }

 /* === Swiper Navigation Buttons (Updated UI Style) === */
 .swiper-button-next,
 .swiper-button-prev {
   background-color: #eef2f4;
   width: 35px;
   height: 35px;
   border-radius: 10px;
   color: #000;
   box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
   transition: all 0.3s ease;
   top: 100%;
   right: 0 !important;
   margin: 0;
 }

 .swiper-button-prev,
 .swiper-rtl .swiper-button-next {
   left: 88%;
   right: auto;
 }

 /* Center the arrow icon perfectly */
 .swiper-button-next::after,
 .swiper-button-prev::after {
   font-size: 14px;
   font-weight: 600;
 }

 /* Hover effect */
 .swiper-button-next:hover,
 .swiper-button-prev:hover {
   background-color: #0a5391;
   /* transform: scale(1.05); */
   box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1);
   color: #fff;
 }


 @media (max-width: 991px) {
   .services-heading-box h2 {
     font-size: 32px;
   }
 }

 @media (max-width: 768px) {
   .services-card {
     min-height: auto;
   }
 }

 /* Outer Hero Full Height */
 .hero-time-section {
   width: 100%;
   height: 100vh;
   position: relative;
 }

 /* Background Image */
 .hero-bg {
   width: 100%;
   height: 100%;
   background: url("../images/new-folder/leader-strategy.png") center center/cover no-repeat;
   display: flex;
   position: relative;
 }

 /* 🔥 Black Overlay using ::before */
 /* .hero-bg::before {
   content: "";
   position: absolute;
   inset: 0;
   background: rgba(0, 0, 0, 0.9);
   transition: background 0.6s ease-in-out;
   z-index: 1;
 } */

 /* Text Top Left */
 .hero-text-holder {
   position: absolute;
   top: 120px;
   left: 100px;
   max-width: 50%;
   z-index: 2;
 }

 .hero-text-holder h1 {
   font-size: 56px;
   font-weight: 400;
   line-height: 1em;
   color: #fff;
   font-family: "Forum", serif;
   letter-spacing: normal;
   margin-bottom: 30px;
   z-index: 2;
 }

 /* Card Bottom Right */
 .hero-card-holder {
   position: absolute;
   bottom: -61px;
   right: 80px;
   z-index: 2;
 }

 .hero-card-box {
   width: 330px;
   border-radius: 14px;
   overflow: hidden;
   backdrop-filter: saturate(180%) blur(40px);
   z-index: 2;
   /* background: rgba(255, 255, 255, .3); */
 }

 .hero-card-content {
   padding: 32px;
   background-color: #0f3d3a66;
   z-index: 2;
 }

 .hero-card-content span {
   color: #d4d4d4;
   font-size: 14px;
 }

 .hero-card-content h2 {
   font-size: 56px;
   font-weight: 400;
   line-height: 1em;
   color: #fff;
   font-family: "Forum", serif;
   letter-spacing: normal;
   margin-bottom: 0px;
 }

 .hero-card-content p {
   color: #fff;
   font-size: 16px;
 }

 /* Button */
 .hero-card-btn {
   background: #f0f6fb;
   padding: 16px 24px;
   font-size: 16px;
   font-weight: 600;
   display: flex;
   align-items: center;
   justify-content: space-between;
   cursor: pointer;
   color: #333;
   transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
 }

 .hero-card-btn span a {
   font-size: 18px;
   transition: transform 0.5s ease-in-out;
 }

 .hero-card-btn:hover a {
   color: #fff;
 }

 .hero-card-btn:hover {
   background: #0a5391;
   color: #fff;

 }

 .hero-card-btn:hover span {
   transform: translateX(6px);

 }


 /* ✅ Responsive */
 @media(max-width: 991px) {
   .hero-text-holder {
     top: 80px;
     left: 40px;
     max-width: 80%;
   }

   .hero-text-holder h1 {
     font-size: 42px;
   }

   .hero-card-holder {
     right: 40px;
     bottom: 40px;
   }
 }

 @media(max-width: 576px) {
   .hero-time-section {
     height: auto;
     padding-bottom: 120px;
   }

   .hero-text-holder {
     position: static;
     padding: 40px 24px;
     text-align: center;
     max-width: 100%;
   }

   .hero-card-holder {
     position: static;
     margin: 0 auto;
     display: flex;
     justify-content: center;
     padding-bottom: 40px;
   }

   .hero-card-box {
     width: 100%;
     max-width: 330px;
   }
 }


 /* SECTION SPACING */
 .vision-section {
   padding: 80px 0;
   background: #ffffff;
   padding-bottom: 0;
 }

 /* Tag Styling */
 .vision-tag-holder {
   display: inline-block;
   background: #f4f4f4;
   border-radius: 6px;
   padding: 6px 16px;
   margin-bottom: 40px;
 }

 .vision-tag-holder span {
   font-size: 14px;
   color: #555;
 }

 /* Main Heading */
 .vision-heading-holder {
   border-top: 1px solid #e1e1e1;
   padding-top: 50px;
   margin-bottom: 70px;
 }

 .vision-heading-holder h2 {
   font-size: 56px;
   line-height: 1em;
   color: #333;
   font-weight: 400;
   margin-bottom: 15px;
   font-family: "Forum", serif;
 }

 /* Cards Layout */
 .vision-cards-holder {
   border-top: 1px solid #dcdcdc;
   padding-top: 50px;
 }

 .vision-card {
   border-left: 1px solid #dcdcdc;
   padding: 0 30px 40px;
 }

 .vision-card:last-child {
   border-right: none;
 }

 /* Icon Style */
 .vision-icon {
   font-size: 38px;
   color: #0a5391;
   margin-bottom: 15px;
 }

 .vision-card h3 {
   font-size: 20px;
   font-weight: 500;
   margin-bottom: 16px;
   color: #0d0d0d;
 }

 .vision-card p {
   font-size: 15px;
   line-height: 1.6;
   color: #555;
 }

 /* ✅ RESPONSIVE */
 @media(max-width: 991px) {
   .vision-heading-holder h2 {
     font-size: 38px;
   }

   .vision-card {
     border-right: none;
     border-bottom: 1px solid #e5e5e5;
     padding-bottom: 30px;
     margin-bottom: 30px;
   }

   .vision-card:last-child {
     border-bottom: none;
   }
 }

 @media(max-width: 576px) {
   .vision-heading-holder h2 {
     font-size: 32px;
   }
 }


 /* ---------- SECTION BASE ---------- */
 .cc-section {
   position: relative;
   width: 100%;
   background: #fff;
 }

 .position-relative {
   position: relative !important;
   /* bottom: 663px; */
 }

 .cc-section h2 {
   font-size: 56px;
   font-weight: 400;
   line-height: 1em;
   color: #333;
   font-family: "Forum", serif;
   letter-spacing: normal;
   margin-bottom: 7px;
 }

 /* Background Image Wrapper */
 .cc-bg {
   background-image: url('../images/new-folder/contact-form.png');
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center;
   width: 100%;
   height: 371px;
   position: relative;
   z-index: 1;
   border-radius: 5px;
 }

 /* ---------- LEFT OVERLAY CONTENT ---------- */
 .cc-left-content {
   position: absolute;
   left: 40px;
   width: 430px;
   z-index: 3;
   bottom: -138px;
 }

 .cc-overlay {
   /* background: rgba(10, 83, 145, 0.70); */
   backdrop-filter: blur(30px);
   padding: 25px 22px;
   color: #fff;
   border-top-left-radius: 12px;
   border-top-right-radius: 12px;
   /* border: .5px #fff solid; */
 }

 .cc-overlay h4 {
   margin: 0 0 8px;
   font-size: 22px;
   font-weight: 600;
   color: #fff;
 }

 .cc-contact-info {
   display: flex;
   gap: 10px;
   align-items: baseline;
 }

 .cc-overlay p {
   margin: 0;
   font-size: 15px;
   line-height: 1.4;
 }

 /* Contact Boxes */
 .cc-contacts {
   background: #f6f7f5;
   padding: 12px;
   border-bottom-left-radius: 12px;
   border-bottom-right-radius: 12px;
 }

 .cc-contact {
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 14px 10px;
   border-bottom: 1px solid rgba(0, 0, 0, 0.08);
   transition: background .3s ease;
 }

 .cc-contact:last-child {
   border-bottom: none;
 }

 .cc-contact:hover {
   background: #fff;
   border-radius: 6px;
 }

 .cc-contact-icon img {
   width: 22px;
   margin-right: 10px;
 }

 .cc-contact-info p {
   margin: 0;
   font-size: 12px;
 }

 .cc-contact-arrow {
   font-size: 18px;
   opacity: .6;
 }

 /* ---------- RIGHT OVERLAY FORM ---------- */
 .cc-right-content {
   position: absolute;
   top: 81px;
   right: 40px;
   width: 480px;
   z-index: 3;
 }

 .cc-form-wrap {
   position: relative;
 }

 .cc-form-card {
   background: #fff;
   border-radius: 10px;
   overflow: hidden;
   box-shadow: 0 10px 28px rgba(0, 0, 0, 0.09);
 }

 /* Form Header */
 .cc-form-header {
   background: #0a5391;
   color: #fff;
   display: flex;
   align-items: center;
   gap: 12px;
   padding: 24px 20px;
 }

 .cc-logo {
   font-size: 22px;
   font-family: "Forum", serif;
   color: #fff;
   font-weight: 600;
 }

 .cc-sep {
   opacity: .3;
 }

 .cc-header-text {
   font-size: 16px;
   opacity: .95;
 }

 .cc-plane {
   margin-left: auto;
   background: rgba(255, 255, 255, 0.09);
   padding: 6px 8px;
   border-radius: 4px;
 }

 /* Form Inputs */
 .cc-form-body {
   padding: 22px;
 }

 .cc-form-body input,
 .cc-form-body textarea {
   width: 100%;
   padding: 12px;
   border-radius: 6px;
   border: 1px solid #ddd;
   font-size: 14px;
   margin-bottom: 14px;
 }

 .cc-form-body textarea {
   min-height: 110px;
   resize: vertical;
 }

 /* Submit Button */
 .cc-submit {
   background: #0a5391;
   color: #fff;
   border: none;
   padding: 12px 25px;
   border-radius: 6px;
   font-size: 14px;
   font-weight: 600;
   cursor: pointer;
   display: inline-flex;
   align-items: center;
   gap: 10px;
   transition: 0.3s ease;
 }

 .cc-submit:hover {
   background: #083e6d;
 }

 .cc-privacy {
   font-size: 11px;
   margin-top: 10px;
   color: #666;
   line-height: 1.4;
 }

 /* ---------- RESPONSIVE FIXES ---------- */
 @media(max-width: 1199px) {
   .cc-right-content {
     right: 10px;
   }
 }

 @media(max-width: 992px) {

   .cc-left-content,
   .cc-right-content {
     position: static;
     width: 100%;
     margin-bottom: 25px;
   }

   .cc-bg {
     /* height: auto; */
     padding-bottom: 40px;
   }

   .cc-left-content {
     top: 0;
     left: 0;
   }

   .cc-right-content {
     top: 0;
     right: 0;
   }
 }

 @media(max-width: 576px) {
   .cc-overlay h4 {
     font-size: 20px;
   }

   .cc-right-content,
   .cc-left-content {
     width: 100%;
   }
 }






 /* Main Section */
 .insights-section {
   padding-bottom: 60px;
   padding-top: 220px;
 }

 .insights-left span {
   background: #f0f2f4;
   padding: 6px 14px;
   border-radius: 6px;
   font-size: 13px;
   display: inline-block;
 }

 .insights-left h2 {
   font-size: 56px;
   font-weight: 400;
   line-height: 1em;
   color: #333;
   font-family: "Forum", serif;
   letter-spacing: normal;
   margin-bottom: 30px;
 }

 .insights-right p {
   font-size: 16px;
   line-height: 1.6;
   color: #4d4d4d;
 }

 /* Blog Cards */
 .blog-row {
   margin-top: 50px;
 }

 .blog-card {
   cursor: pointer;
 }

 .blog-card img {
   width: 92%;
   object-fit: cover;
   border-radius: 10px;
 }

 .blog-meta {
   display: flex;
   gap: 10px;
   margin: 12px 0 10px;
 }

 .blog-meta span {
   background: #f0f2f4;
   font-size: 13px;
   padding: 4px 10px;
   border-radius: 6px;
 }

 .blog-card h4 {
   font-size: 20px;
   line-height: 1.45;
   color: #333;
   font-weight: 400;
   line-height: normal;
   margin-bottom: 5px;
 }

 .blog-card p {
   font-size: 14px;
   color: #666;
 }

 /* Responsive */
 @media (max-width: 991px) {
   .insights-left h2 {
     font-size: 38px;
   }

   .insights-right {
     margin-top: 20px;
   }
 }

 @media (max-width: 767px) {
   .insights-left h2 {
     font-size: 32px;
   }
 }


 .subscribe-section {
   background: #f3f6f1;
   padding: 90px 0;
   position: relative;
   height: 400px;
 }

 .subscribe-title h2 {
   font-size: 56px;
   font-weight: 400;
   line-height: 1em;
   color: #333;
   font-family: "Forum", serif;
   letter-spacing: normal;
   margin-bottom: 30px;
   text-align: center;
 }

 .subscribe-form-wrapper h1 {
   font-size: 80px;
   font-weight: 600;
   line-height: 1em;
   color: #333;
   font-family: "Forum", serif;
   letter-spacing: normal;
   position: absolute;
   bottom: 0;
   /* left: 176px; */
 }

 .subscribe-form-wrapper {
   max-width: 900px;
   margin: 0 auto;
 }

 .subscribe-form {
   display: flex;
   align-items: center;
   gap: 10px;
   width: 100%;
 }

 .subscribe-form input {
   flex: 1;
   height: 52px;
   border-radius: 6px;
   border: 1px solid #d4d8d3;
   padding: 0 16px;
   font-size: 15px;
   outline: none;
   width: 50%;
 }

 .subscribe-form input:focus {
   border-color: #0a5391;
 }

 .subscribe-form button {
   height: 52px;
   padding: 0 22px;
   border-radius: 6px;
   border: none;
   background: #0a5391;
   font-size: 15px;
   cursor: pointer;
   display: flex;
   align-items: center;
   gap: 6px;
   width: 20%;
   color: #fff;
   justify-content: center;
 }

 .subscribe-form button img {
   width: 16px;
   height: 16px;
   filter: invert(1);
 }

 /* Privacy note */
 .privacy-text {
   margin-top: 6px;
   font-size: 12px;
   color: #474747;
   text-align: right;
   width: 30%;
 }

 .change-word span {
   display: inline-block;
   transition: transform 0.6s ease, opacity 0.6s ease;
   transform-origin: center;
 }

 .change-word span.hide {
   opacity: 0;
   transform: translateY(20px);
 }

 .change-word span.show {
   opacity: 1;
   transform: translateY(0);
 }


 /* Responsive */
 @media (max-width: 767px) {
   .subscribe-form {
     flex-direction: column;
     gap: 14px;
   }

   .subscribe-form button,
   .subscribe-form input {
     width: 100%;
   }

   .privacy-text {
     text-align: center;
     margin-top: 12px;
   }

   .subscribe-title h2 {
     font-size: 30px;
     line-height: 1.3;
   }
 }

 .experience-section {
   padding: 80px 0;
 }

 .experience-image-box {
   position: relative;
   border-radius: 12px;
   overflow: hidden;
 }

 .experience-image-box img {
   width: 100%;
   border-radius: 12px;
   display: block;
 }

 .learn-more-btn {
   position: absolute;
   left: 20px;
   bottom: 20px;
   background: #0a5391;
   padding: 12px 24px;
   border-radius: 6px;
   font-size: 15px;
   text-decoration: none;
   display: inline-flex;
   align-items: center;
   gap: 6px;
   color: #fff;
 }

 .learn-more-btn img {
   width: 6px;
   filter: invert(1);
 }

 /* .experience-stats {
   padding-left: 50px;
 } */

 .stats-box {
   background: #f0f2f4;
   border-radius: 12px;
   padding: 25px 28px;
   margin-bottom: 20px;
   display: flex;
   align-items: center;
   gap: 0px;
 }

 .stats-number {
   font-size: 42px;
   color: #0a5391;
   font-weight: 500;
   min-width: 100px;
   font-family: "Forum", serif;
 }

 .stats-details h4 {
   font-size: 18px;
   font-weight: 500;
   margin-bottom: 8px;
 }

 .stats-details p {
   font-size: 14px;
   color: #555;
   line-height: 1.4;
 }

 /* ✅ Responsive */
 @media (max-width: 991px) {
   .experience-stats {
     padding-left: 0;
     margin-top: 35px;
   }
 }

 @media (max-width: 575px) {
   .stats-box {
     flex-direction: column;
     gap: 10px;
   }

   .stats-number {
     font-size: 34px;
     min-width: auto;
   }
 }



 /* ------------- People Page Css---------- */
 .team-section {
   padding: 80px 0;
 }

 .team-container {
   max-width: 1400px;
   margin: 0 auto;
   padding: 0 15px;
 }

 .image-wrapper {
   position: relative;
   height: 100%;
 }

 .image-wrapper img {
   width: 100%;
   height: 600px;
   object-fit: cover;
   border-radius: 8px;
 }

 .image-overlay {
   position: absolute;
   bottom: 160px;
   left: 40px;
   color: white;
 }

 .image-overlay p {
   font-size: 14px;
   margin-bottom: 15px;
   line-height: normal;
   letter-spacing: 0.5px;
   max-width: 70%;
 }

 .signature-img {
   width: 180px;
   height: auto;
   margin-bottom: 20px;
   filter: brightness(0) invert(1);
 }

 .name-title h3 {
   font-size: 20px;
   font-weight: 400;
   margin: 0;
   margin-top: 15px;
 }

 .name-title span {
   font-size: 12px;
   font-weight: 400;
   margin-left: 10px;
   /* opacity: 0.9; */
 }

 .content-wrapper {
   padding: 0 0 0 50px;
 }

 .section-tag {
   font-size: 14px;
   color: #666;
   letter-spacing: 1px;
   margin-bottom: 20px;
   text-transform: uppercase;
 }

 .content-wrapper .main-heading h2 {
   font-size: 42px;
   line-height: 1em;
   color: #333;
   font-weight: 400;
   margin-bottom: 15px;
   font-family: "Forum", serif;
 }

 .description-text {
   font-size: 16px;
   line-height: 1.8;
   color: #4a4a4a;
   margin-bottom: 0px;
 }

 .features-list {
   list-style: none;
   padding: 0;
 }

 .feature-item {
   display: flex;
   align-items: flex-start;
   margin-bottom: 20px;
 }

 .checkmark-icon {
   width: 24px;
   height: 24px;
   border: 2px solid #e21d37;
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
   margin-right: 15px;
   flex-shrink: 0;
   margin-top: 2px;
 }

 .checkmark-icon::after {
   content: '✓';
   font-size: 14px;
   font-weight: bold;
   color: #e21d37;
 }

 .feature-text {
   font-size: 16px;
   color: #4a4a4a;
   line-height: 1.6;
 }

 @media (max-width: 991px) {
   .team-section {
     padding: 60px 0;
   }

   .content-wrapper {
     padding: 40px 30px;
   }

   .main-heading {
     font-size: 42px;
   }

   .image-wrapper {
     min-height: 400px;
     margin-bottom: 30px;
   }

   .image-overlay {
     bottom: 30px;
     left: 30px;
   }
 }

 @media (max-width: 767px) {
   .team-section {
     padding: 40px 0;
   }

   .content-wrapper {
     padding: 30px 20px;
   }

   .main-heading {
     font-size: 36px;
   }

   .section-tag {
     font-size: 12px;
   }

   .description-text {
     font-size: 15px;
   }

   .image-wrapper {
     min-height: 350px;
   }

   .image-overlay {
     bottom: 20px;
     left: 20px;
   }

   .image-overlay p {
     font-size: 16px;
   }

   .signature-img {
     width: 150px;
   }

   .name-title h3 {
     font-size: 24px;
   }

   .name-title span {
     font-size: 14px;
     display: block;
     margin-left: 0;
     margin-top: 5px;
   }
 }

 @media (max-width: 575px) {
   .main-heading {
     font-size: 32px;
   }

   .image-wrapper {
     min-height: 300px;
   }

   .feature-text {
     font-size: 15px;
   }
 }



 .accreditation-section {
   padding: 60px 0;
   background-color: #f5f5f5;
 }

 .accreditation-container {
   max-width: 1400px;
   margin: 0 auto;
   padding: 0 15px;
 }

 .header-wrapper {
   margin-bottom: 15px;
 }

 .header-wrapper p {
   font-size: 14px;
   color: #666;
   letter-spacing: 1px;
   text-transform: uppercase;
   margin: 0;
 }

 .title-wrapper {
   margin-bottom: 60px;
 }

 .title-wrapper h2 {
   font-size: 56px;
   font-weight: 400;
   line-height: 1em;
   color: #333;
   font-family: "Forum", serif;
   letter-spacing: normal;
   margin-bottom: 0;
 }

 .card-wrapper {
   padding: 40px 30px;
   border-radius: 5px;
   height: 100%;
   min-height: 250px;
   display: flex;
   flex-direction: column;
   margin-bottom: 30px;
   background-color: #ffffff;
   border: 1px #eee9e9 solid;
   transition: background-color 0.4s ease, transform 0.3s ease;
 }

 .card-wrapper:hover {
   background-color: #bce0ff;
   /* transform: translateY(-5px); */
   border: 1px #eee9e9 solid;
 }


 .card-white {
   background-color: #ffffff;
   border: 1px #eee9e9 solid;
 }

 .icon-wrapper {
   margin-bottom: 20px;
 }

 .icon-wrapper i {
   font-size: 46px;
   color: #0a5391;
 }


 .card-content p {
   font-size: 16px;
   line-height: 1.5;
   color: #333;
   margin: 0;
   font-weight: 400;
 }

 @media (max-width: 991px) {
   .accreditation-section {
     padding: 60px 0;
   }

   .title-wrapper h2 {
     font-size: 42px;
   }

   .title-wrapper {
     margin-bottom: 40px;
   }

   .card-wrapper {
     min-height: 220px;
     padding: 35px 25px;
   }

   .icon-wrapper {
     margin-bottom: 50px;
   }
 }

 @media (max-width: 767px) {
   .accreditation-section {
     padding: 40px 0;
   }

   .title-wrapper h2 {
     font-size: 36px;
   }

   .header-wrapper p {
     font-size: 12px;
   }

   .card-wrapper {
     min-height: 200px;
     padding: 30px 25px;
     margin-bottom: 20px;
   }

   .card-content p {
     font-size: 17px;
   }

   .icon-wrapper {
     margin-bottom: 40px;
   }

 }

 @media (max-width: 575px) {
   .title-wrapper h2 {
     font-size: 32px;
   }

   .card-wrapper {
     min-height: 180px;
     padding: 25px 20px;
   }

   .card-content p {
     font-size: 16px;
   }
 }


 .testimonials-section {
   padding: 80px 0;
   background-color: #ffffff;
 }

 .testimonials-container {
   max-width: 1400px;
   margin: 0 auto;
   padding: 0 15px;
 }

 .header-row {
   display: flex;
   justify-content: space-between;
   align-items: flex-end;
   margin-bottom: 60px;
   flex-wrap: wrap;
   gap: 20px;
 }

 .header-left {
   flex: 1;
 }

 .tag-wrapper {
   background-color: #f0f0f0;
   display: inline-block;
   padding: 8px 20px;
   border-radius: 4px;
   margin-bottom: 15px;
 }

 .tag-wrapper span {
   font-size: 14px;
   color: #666;
   letter-spacing: 0.5px;
 }

 .heading-wrapper h2 {
   font-size: 56px;
   font-weight: 400;
   line-height: 1em;
   color: #333;
   font-family: "Forum", serif;
   letter-spacing: normal;
   margin-bottom: 0;
 }

 .button-wrapper a {
   margin-right: 0px;
   background-color: #0a5391;
   border-radius: 5px;
   color: #fff;
   border: none;
   transition: background-color 0.4s ease-in-out, transform 0.3s ease;
   display: inline-flex;
   align-items: center;
   gap: 8px;
   padding: 13px 20px;
   line-height: 1.2;
   font-weight: 500;
   font-size: 16px;
   text-decoration: none;
   /* display: inline-flex;
   align-items: center;
   gap: 12px;
   background-color: #c5f5c5;
   padding: 15px 30px;
   border-radius: 8px;
   text-decoration: none;
   color: #1a1a1a;
   font-size: 16px;
   font-weight: 500;
   transition: background-color 0.3s ease, transform 0.3s ease; */
 }

 .button-wrapper a:hover {
   background-color: #e21d37;
   /* transform: translateY(-2px); */
 }

 .button-wrapper svg {
   transition: transform 0.3s ease;
 }

 .button-wrapper a:hover svg {
   transform: translateX(5px);
 }



 .team-card-wrapper {
   border-radius: 12px;
   overflow: hidden;
   margin-bottom: 0px;
   transition: transform 0.4s ease-in-out, box-shadow 0.4s ease-in-out;
   cursor: pointer;
 }

 .team-image {
   width: 100%;
   height: 350px;
   overflow: hidden;
   background-color: #e5e5e5;
   transition: background-color 0.6s ease-in-out;
 }

 .team-card-wrapper:hover .team-image {
   background-color: #bce0ff;
 }

 .team-image img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   transition: transform 0.3s ease;
 }

 .team-info {
   padding: 10px 25px 0px 0px;
 }

 .team-info h3 {
   font-size: 20px;
   font-weight: 400;
   color: #333;
   margin: 0;
 }

 .team-position {
   padding: 0 25px 0px 0px;
 }

 .team-position p {
   font-size: 15px;
   color: #666;
   margin: 0;
 }

 @media (max-width: 991px) {
   .testimonials-section {
     padding: 60px 0;
   }

   .heading-wrapper h2 {
     font-size: 42px;
   }

   .header-row {
     margin-bottom: 40px;
   }

   .team-image {
     height: 320px;
   }

   .team-info h3 {
     font-size: 22px;
   }
 }

 @media (max-width: 767px) {
   .testimonials-section {
     padding: 40px 0;
   }

   .heading-wrapper h2 {
     font-size: 36px;
   }

   .header-row {
     flex-direction: column;
     align-items: flex-start;
   }

   .button-wrapper {
     width: 100%;
   }

   .button-wrapper a {
     width: 100%;
     justify-content: center;
   }

   .team-image {
     height: 350px;
   }

   .team-card-wrapper {
     margin-bottom: 20px;
   }
 }

 @media (max-width: 575px) {
   .heading-wrapper h2 {
     font-size: 32px;
   }

   .team-image {
     height: 300px;
   }

   .team-info h3 {
     font-size: 20px;
   }

   .team-position p {
     font-size: 14px;
   }
 }



 /* -------- Contact Page Css ----------- */

 .contact-section {
   padding: 60px 0;
   background-color: #ffffff;
 }

 .contact-container {
   max-width: 1400px;
   margin: 0 auto;
   padding: 0 15px;
 }

 .contact-card-wrapper {
   border-radius: 12px;
   padding: 40px 20px;
   margin-bottom: 30px;
   transition: background-color 0.3s ease;
   cursor: pointer;
   height: 100%;
   padding-bottom: 0;
 }



 .card-gray {
   background-color: #ffe6e9;
 }

 .card-gray:hover {
   background-color: #bce0ff;
 }

 .contact-card-inner {
   display: flex;
   align-items: flex-start;
   gap: 10px;
 }

 .icon-box {
   width: 50px;
   height: 50px;
   background-color: #f5f5f5;
   border-radius: 8px;
   display: flex;
   align-items: center;
   justify-content: center;
   flex-shrink: 0;
 }

 .icon-box svg {
   color: #e21d37;
 }

 .content-box {
   flex: 1;
 }

 .label-text p {
   font-size: 16px;
   color: #1a1a1a;
   margin: 0 0 8px 0;
   font-weight: 500;
 }

 .detail-text p {
   font-size: 14px;
   color: #333;
   margin: 0;
   line-height: 1.5;
 }

 .arrow-box {
   flex-shrink: 0;
   display: flex;
   align-items: center;
 }

 .arrow-box svg {
   color: #e21d37;
 }

 @media (max-width: 991px) {
   .contact-section {
     padding: 50px 0;
   }

   .contact-card-wrapper {
     padding: 35px 25px;
   }

   .contact-card-inner {
     gap: 15px;
   }

   .icon-box {
     width: 45px;
     height: 45px;
   }
 }

 @media (max-width: 767px) {
   .contact-section {
     padding: 40px 0;
   }

   .contact-card-wrapper {
     padding: 30px 20px;
     margin-bottom: 20px;
   }

   .label-text p {
     font-size: 15px;
   }

   .detail-text p {
     font-size: 15px;
   }
 }

 @media (max-width: 575px) {
   .contact-card-wrapper {
     padding: 25px 18px;
   }

   .contact-card-inner {
     gap: 12px;
   }

   .icon-box {
     width: 40px;
     height: 40px;
   }

   .icon-box svg {
     width: 20px;
     height: 20px;
   }

   .label-text p {
     font-size: 14px;
   }

   .detail-text p {
     font-size: 14px;
   }

   .arrow-box svg {
     width: 18px;
     height: 18px;
   }
 }


 .contact-form-section {
   background-color: #ffffff;
   padding-bottom: 30px;
 }

 .contact-form-container {
   max-width: 1400px;
   margin: 0 auto;
   padding: 0 15px;
 }

 .left-content {
   padding-right: 40px;
 }

 .tag-label p {
   font-size: 14px;
   color: #666;
   letter-spacing: 0.5px;
   margin: 0 0 15px 0;
 }

 .main-title h2 {
   font-size: 56px;
   font-weight: 400;
   line-height: 1em;
   color: #333;
   font-family: "Forum", serif;
   letter-spacing: normal;
   margin-bottom: 0;
 }

 .subtitle-text p {
   font-size: 16px;
   color: #666;
   line-height: 1.6;
   margin: 0 0 40px 0;
 }

 .info-cards {
   display: flex;
   flex-direction: column;
   gap: 20px;
 }

 .info-card-item {
   background-color: #f5f5f5;
   border-radius: 8px;
   padding: 35px 25px;
   transition: background-color 0.3s ease;
   cursor: pointer;
 }

 .info-card-item:hover {
   background-color: #e8e8e8;
 }

 .info-card-content {
   display: flex;
   align-items: flex-start;
   gap: 15px;
 }

 .info-icon {
   flex-shrink: 0;
 }

 .info-icon svg {
   color: #1a1a1a;
 }

 .info-text {
   flex: 1;
 }

 .info-text p {
   font-size: 15px;
   color: #1a1a1a;
   margin: 0;
   line-height: 1.5;
 }

 .info-text p:first-child {
   margin-bottom: 4px;
 }

 .info-arrow {
   flex-shrink: 0;
 }

 .info-arrow svg {
   color: #1a1a1a;
 }

 .form-wrapper {
   background-color: #0a5391;
   border-radius: 12px;
   padding: 0;
   overflow: hidden;
   box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.08);
   margin-left: 50px;
 }

 .form-header {
   background-color: #0a5391;
   padding: 30px 35px;
   display: flex;
   justify-content: space-between;
   align-items: center;
 }

 .form-header h3 {
   font-size: 42px;
   font-weight: 400;
   line-height: 1em;
   color: #fff;
   font-family: "Forum", serif;
   letter-spacing: normal;
   margin-bottom: 0;
 }

 .send-icon svg {
   color: #fff;
   transform: rotate(-45deg);
 }

 .form-wrapper form {
   background-color: #ffffff;
   padding: 35px;
 }

 .form-row-custom {
   display: flex;
   gap: 20px;
   margin-bottom: 20px;
 }

 .form-group-custom {
   flex: 1;
   margin-bottom: 20px;
 }

 .form-row-custom .form-group-custom {
   margin-bottom: 0;
 }

 .form-group-custom label {
   display: block;
   font-size: 16px;
   color: #000000bf;
   margin-bottom: 8px;
 }

 .form-group-custom input,
 .form-group-custom textarea {
   width: 100%;
   padding: 12px 15px;
   border: 1px solid #e0e0e0;
   border-radius: 6px;
   font-size: 15px;
   color: #333;
   transition: border-color 0.3s ease;
 }

 .form-group-custom input:focus,
 .form-group-custom textarea:focus {
   outline: none;
   border-color: #0a5391;
 }

 .form-group-custom textarea {
   resize: vertical;
 }

 .form-group-custom textarea::placeholder {
   color: #999;
 }

 .submit-button-wrapper {
   margin-bottom: 0;
   padding-bottom: 10px;
 }

 .submit-button-wrapper button {
   display: inline-flex;
   align-items: center;
   gap: 10px;
   background-color: #0a5391;
   color: #fff;
   border: none;
   padding: 14px 30px;
   border-radius: 8px;
   font-size: 16px;
   font-weight: 500;
   cursor: pointer;
   transition: background-color 0.3s ease;
 }

 .submit-button-wrapper button:hover {
   background-color: #e21d37;
 }

 .submit-button-wrapper button svg {
   color: #fff;
 }

 .contact-form-section .privacy-text {
   margin-top: 0;
   font-size: 12px;
   color: #474747;
   text-align: left;
   width: 100%;
   border-top: 1px #e8e8e8 solid;
   padding-top: 10px;
 }

 .privacy-text a {
   color: #1a1a1a;
   text-decoration: underline;
 }

 .privacy-text a:hover {
   color: #333;
 }

 @media (max-width: 991px) {
   .contact-form-section {
     padding: 60px 0;
   }

   .main-title h2 {
     font-size: 42px;
   }

   .left-content {
     padding-right: 0;
     margin-bottom: 40px;
   }

   .form-header {
     padding: 25px 30px;
   }

   .form-header h3 {
     font-size: 24px;
   }

   .form-wrapper form {
     padding: 30px;
   }
 }

 @media (max-width: 767px) {
   .contact-form-section {
     padding: 40px 0;
   }

   .main-title h2 {
     font-size: 36px;
   }

   .form-row-custom {
     flex-direction: column;
     gap: 0;
   }

   .form-row-custom .form-group-custom {
     margin-bottom: 20px;
   }

   .form-header {
     padding: 20px 25px;
   }

   .form-header h3 {
     font-size: 22px;
   }

   .send-icon svg {
     width: 24px;
     height: 24px;
   }

   .form-wrapper form {
     padding: 25px;
   }

   .info-card-item {
     padding: 20px;
   }
 }

 @media (max-width: 575px) {
   .main-title h2 {
     font-size: 32px;
   }

   .info-card-content {
     gap: 12px;
   }

   .info-text p {
     font-size: 14px;
   }

   .form-wrapper form {
     padding: 20px;
   }

   .submit-button-wrapper button {
     width: 100%;
     justify-content: center;
   }
 }





 /* --------- Career Page Css----  */

 .career-section {
   padding: 80px 0;
   background-color: #ffffff;
 }

 .career-container {
   max-width: 1400px;
   margin: 0 auto;
   padding: 0 15px;
 }

 .image-side {
   position: relative;
   padding-right: 40px;
 }

 .main-image-wrapper {
   width: 100%;
   height: 650px;
   border-radius: 12px;
   overflow: hidden;
 }

 .main-image-wrapper img {
   width: 100%;
   height: 100%;
   object-fit: cover;
 }

 .info-card-overlay {
   position: absolute;
   bottom: -50px;
   right: 0;
   background-color: #f0f6fb;
   border-radius: 12px;
   padding: 35px;
   width: 320px;
   box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
 }



 .card-title h4 {
   font-size: 20px;
   font-weight: 500;
   color: #1a1a1a;
   margin: 0 0 20px 0;
 }

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

 .card-list li {
   display: flex;
   align-items: center;
   gap: 10px;
   margin-bottom: 12px;
   font-size: 15px;
   color: #1a1a1a;
 }

 .card-list li:last-child {
   margin-bottom: 0;
 }

 .card-list svg {
   color: #1a1a1a;
   flex-shrink: 0;
 }

 .card-button a {
   display: inline-flex;
   align-items: center;
   gap: 10px;
   background-color: #0a5391;
   color: #ffffff;
   padding: 14px 24px;
   border-radius: 8px;
   text-decoration: none;
   font-size: 15px;
   font-weight: 500;
   transition: background-color 0.3s ease;
 }

 .card-button a:hover {
   background-color: #e21d37;
 }

 .card-button svg {
   color: #ffffff;
 }

 .content-side {
   padding-left: 40px;
 }

 .tag-heading {
   background-color: #f5f5f5;
   display: inline-block;
   padding: 8px 20px;
   border-radius: 4px;
   margin-bottom: 20px;
 }

 .tag-heading p {
   font-size: 14px;
   color: #666;
   margin: 0;
   letter-spacing: 0.5px;
 }

 .main-heading h2 {
   font-size: 56px;
   font-weight: 400;
   line-height: 1em;
   color: #333;
   font-family: "Forum", serif;
   letter-spacing: normal;
   margin-bottom: 30px;
   /* z-index: 2; */
 }

 .description-content {
   display: flex;
   flex-direction: column;
   gap: 20px;
 }

 .description-content p {
   font-size: 16px;
   line-height: 1.7;
   color: #4a4a4a;
   margin: 0;
 }

 @media (max-width: 991px) {
   .career-section {
     padding: 60px 0;
   }

   .image-side {
     padding-right: 0;
     margin-bottom: 80px;
   }

   .content-side {
     padding-left: 0;
   }

   .main-heading h2 {
     font-size: 42px;
   }

   .main-image-wrapper {
     height: 550px;
   }

   .info-card-overlay {
     width: 280px;
     padding: 30px;
   }
 }

 @media (max-width: 767px) {
   .career-section {
     padding: 40px 0;
   }

   .image-side {
     margin-bottom: 100px;
   }

   .main-heading h2 {
     font-size: 36px;
   }

   .main-image-wrapper {
     height: 450px;
   }

   .info-card-overlay {
     width: 260px;
     padding: 25px;
     bottom: -70px;
     right: 20px;
   }

   .card-title h4 {
     font-size: 18px;
   }

   .bar-chart {
     height: 70px;
     gap: 12px;
   }

   .card-list li {
     font-size: 14px;
   }

   .description-content p {
     font-size: 15px;
   }
 }

 @media (max-width: 575px) {
   .main-heading h2 {
     font-size: 32px;
   }

   .main-image-wrapper {
     height: 400px;
   }

   .info-card-overlay {
     position: relative;
     bottom: 0;
     right: 0;
     width: 100%;
     margin-top: 20px;
   }

   .image-side {
     margin-bottom: 40px;
   }

   .card-button a {
     width: 100%;
     justify-content: center;
   }
 }


 /* Culture Section */
 .culture-section {
   background-color: #fff;
   padding: 60px 0;
 }

 /* Top Heading Block */
 .culture-section span {
   display: inline-block;
   background-color: #f4f6f3;
   color: #666;
   font-size: 15px;
   border-radius: 4px;
   padding: 6px 12px;
   margin-bottom: 20px;
 }

 .culture-section h2 {
   font-family: "Forum", serif;
   font-size: 56px;
   line-height: 1em;
   color: #333;
   font-weight: 400;
   margin-bottom: 20px;
 }

 .culture-section p {
   color: #333;
   font-size: 16px;
   line-height: 1.7;
   margin-bottom: 0px;

 }

 /* Cards Section */
 .culture-section .row:last-child {
   background-color: #f1f4f0;
   padding: 60px 30px;
   border-radius: 10px;
 }

 .culture-section .col-lg-3>div {
   background-color: #fff;
   border-radius: 8px;
   padding: 40px 25px;
   height: 100%;
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
 }

 .culture-section .col-lg-3 img {
   width: 40px;
   height: auto;
   margin-bottom: 20px;
 }

 .culture-section .col-lg-3 h3 {
   font-size: 24px;
   font-weight: 300;
   color: #000;
   line-height: 1.4;
   margin-bottom: 12px;
 }

 .culture-section .col-lg-3 p {
   color: #555;
   font-size: 15px;
   line-height: 1.6;
   margin-bottom: 0;
 }

 /* Responsive Design */
 @media (max-width: 991.98px) {
   .culture-section {
     padding: 80px 0;
   }

   .culture-section h2 {
     font-size: 44px;
   }

   .culture-section .col-lg-3>div {
     margin-bottom: 30px;
   }
 }

 @media (max-width: 575.98px) {
   .culture-section {
     padding: 60px 0;
   }

   .culture-section h2 {
     font-size: 34px;
   }

   .culture-section p {
     margin-bottom: 40px;
   }

   .culture-section .row:last-child {
     padding: 40px 20px;
   }
 }


 .experienced-opportunities {
   padding: 80px 0;
   color: #111;
 }

 .experienced-opportunities span {
   display: inline-block;
   background: #f3f6f2;
   color: #111;
   padding: 6px 16px;
   border-radius: 6px;
   font-size: 14px;
   margin-bottom: 10px;
 }

 .experienced-opportunities h2 {
   font-family: "Forum", serif;
   font-size: 56px;
   line-height: 1em;
   font-weight: 400;
   margin-bottom: 40px;
   color: #000;
 }

 .opportunities-header {
   display: grid;
   grid-template-columns: 2fr 1fr 1fr 1fr;
   background-color: #f6f9f4;
   padding: 18px 20px;
   border-top-left-radius: 10px;
   border-top-right-radius: 10px;
   font-weight: 500;
   color: #333;
   font-size: 16px;
 }

 .opportunity-row {
   display: grid;
   grid-template-columns: 2fr 1fr 1fr 1fr;
   padding: 18px 20px;
   border-bottom: 1px solid #e6e6e6;
   align-items: center;
   font-size: 17px;
   transition: background-color 0.3s ease;
   /* Smooth transition */
 }

 .opportunity-row:hover {
   background-color: #f8f9fa;
   /* Light gray hover effect */
 }


 .apply-btn {
   background-color: #0a5391;
   color: #fff;
   border: none;
   padding: 8px 24px;
   border-radius: 6px;
   font-weight: 500;
   font-size: 16px;
   display: inline-flex;
   align-items: center;
   gap: 10px;
   text-decoration: none;
   transition: all 0.3s ease;
   width: 160px;
   display: flex;
   justify-content: space-between;
 }

 .apply-btn:hover {
   background-color: #e21d37;
 }

 .apply-btn img {
   filter: invert(1);
 }

 /* Responsive Design */
 @media (max-width: 991px) {
   .experienced-opportunities h2 {
     font-size: 42px;
   }
 }

 @media (max-width: 767px) {
   .experienced-opportunities h2 {
     font-size: 32px;
   }

   .opportunities-header {
     display: none;
   }

   .opportunity-row {
     display: block;
     border: 1px solid #e6e6e6;
     border-radius: 10px;
     margin-bottom: 20px;
     padding: 20px;
   }

   .opportunity-row div {
     display: flex;
     justify-content: space-between;
     padding: 6px 0;
     font-size: 15px;
   }

   .opportunity-row div::before {
     content: attr(data-label);
     font-weight: 500;
     color: #555;
   }

   .apply-btn {
     width: 100%;
     justify-content: center;
     margin-top: 10px;
   }
 }



 .trust-section {
   position: relative;
   background-image: url('../images/new-folder/why-trust-exrox.png');
   background-size: cover;
   background-position: center;
   min-height: 500px;
   margin: 30px 0;
 }

 .trust-section .trust-bg {
   display: flex;
   align-items: center;
   justify-content: flex-end;
   position: relative;
   padding: 40px;
 }

 .trust-section .trust-overlay {
   background: rgba(0, 0, 0, 0.4);
   color: #fff;
   padding: 40px;
   max-width: 350px;
   border-radius: 12px;
   backdrop-filter: saturate(180%) blur(15px);
   position: relative;
   top: 40px;
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0;
   right: 100px;
 }

 .trust-section .trust-overlay h2 {
   font-size: 32px;
   font-weight: 400;
   margin-bottom: 7px;
   color: #fff;
   line-height: normal;
 }

 .trust-section .trust-overlay h5 {
   font-size: 18px;
   font-weight: 400;
   margin-bottom: 5px;
   color: #fff;
   font-family: "DM Sans", sans-serif;

 }

 .trust-section .trust-overlay p {
   font-size: 16px;
   line-height: 1.6;
   margin-bottom: 20px;
   color: #f0f0f0;

 }

 /* Responsive */
 @media (max-width: 991px) {
   .trust-section .trust-bg {
     justify-content: center;
     padding: 30px;
     min-height: 450px;
   }

   .trust-section .trust-overlay {
     max-width: 90%;
     padding: 30px;
   }

   .trust-section .trust-overlay h2 {
     font-size: 26px;
   }
 }

 @media (max-width: 575px) {
   .trust-section .trust-bg {
     min-height: 400px;
     padding: 20px;
   }

   .trust-section .trust-overlay {
     padding: 20px;
     border-radius: 10px;
   }

   .trust-section .trust-overlay h2 {
     font-size: 22px;
   }

   .trust-section .trust-overlay h5 {
     font-size: 16px;
   }

   .trust-section .trust-overlay p {
     font-size: 14px;
   }
 }



 /* ------- About Us Css ------ */

 .services-info-section {
   background-color: #f5f5f5;
   padding: 60px 0;
   margin-top: 30px;
 }



 .info-card-wrapper {
   padding: 30px 25px;
   height: 100%;
 }

 .info-card-wrapper h3 {
   font-size: 20px;
   font-weight: 400;
   color: #333;
   margin-bottom: 5px;
 }


 .info-card-wrapper p {
   font-size: 15px;
   color: #636e72;
   line-height: 1.6;
   margin: 0;
 }


 .image-section-container {
   position: relative;
   border-radius: 15px;
   overflow: hidden;
 }


 .background-image-wrapper {
   position: relative;
   width: 100%;
   height: 500px;
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
 }


 .background-image-wrapper::before {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: linear-gradient(to top, rgba(0, 0, 0, 0.3), transparent);
 }

 .button-container {
   position: absolute;
   bottom: 30px;
   left: 30px;
   z-index: 10;
 }

 .explore-button-wrapper {
   display: inline-block;
 }

 /* Explore Button */
 .explore-button-wrapper button {
   background-color: #0a5391;
   color: #fff;
   border: none;
   padding: 10px 30px;
   font-size: 16px;
   font-weight: 600;
   border-radius: 8px;
   cursor: pointer;
   display: flex;
   align-items: center;
   gap: 10px;
   transition: all 0.3s ease;
 }

 .explore-button-wrapper button:hover {
   background-color: #e21d37;
 }

 /* Arrow Icon */
 .explore-button-wrapper button::after {
   content: '→';
   font-size: 20px;
 }

 /* Responsive Styles */
 @media (max-width: 768px) {
   .services-info-section {
     padding: 40px 0;
   }

   .info-card-wrapper {
     margin-bottom: 20px;
     padding: 25px 20px;
   }

   .info-card-wrapper h3 {
     font-size: 20px;
   }

   .info-card-wrapper p {
     font-size: 14px;
   }

   .background-image-wrapper {
     height: 400px;
   }

   .button-container {
     bottom: 20px;
     left: 20px;
   }

   .explore-button-wrapper button {
     padding: 12px 24px;
     font-size: 14px;
   }
 }

 @media (max-width: 576px) {
   .background-image-wrapper {
     height: 350px;
   }

   .info-card-wrapper h3 {
     font-size: 18px;
   }

   .explore-button-wrapper button {
     padding: 10px 20px;
     font-size: 13px;
   }
 }

 /* @media (min-width: 1200px) {
   .background-image-wrapper {
     height: 550px;
   }
 } */



 /* Section Wrapper */
 .business-consulting-section {
   background-color: #fafafa;
   padding: 100px 0;
 }


 .business-consulting-section h2 {
   font-size: 56px;
   font-weight: 400;
   line-height: 1em;
   color: #333;
   font-family: "Forum", serif;
   letter-spacing: normal;
   margin-bottom: 0;
 }

 /* Image Container Wrapper */
 .image-container-wrapper {
   position: relative;
   width: 100%;
 }

 /* Image Wrapper */
 .business-consulting-section .image-wrapper {
   width: 100%;
   border-radius: 16px;
   overflow: hidden;
   box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
 }

 .image-wrapper img {
   width: 100%;
   height: 600px;
   object-fit: cover;
   display: block;
 }

 /* Blur Bars Wrapper */
 .blur-bars-wrapper {
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   display: flex;
   justify-content: end;
   align-items: flex-end;
   gap: 12px;
   pointer-events: none;
 }

 /* Blur Bar */
 .blur-bar {
   width: 20px;
   /* background: rgba(255, 255, 255, 0.6); */
   backdrop-filter: saturate(180%) blur(40px);
   border-radius: 0px;
   transition: height 0.3s ease;
 }

 .blur-bars-wrapper .blur-bar:nth-child(1) {
   height: 60px;
 }

 .blur-bars-wrapper .blur-bar:nth-child(2) {
   height: 100px;
 }

 .blur-bars-wrapper .blur-bar:nth-child(3) {
   height: 240px;
 }

 .blur-bars-wrapper .blur-bar:nth-child(4) {
   height: 270px;
 }

 .blur-bars-wrapper .blur-bar:nth-child(5) {
   height: 300px;
   border-bottom-right-radius: 12px;
 }

 /* Content Wrapper */
 .content-wrapper {
   padding-left: 60px;
 }

 /* Badge Wrapper */
 .badge-wrapper {
   display: inline-block;
   margin-bottom: 24px;
 }

 .badge-wrapper span {
   background-color: #f0f0f0;
   color: #1a1a1a;
   padding: 10px 24px;
   border-radius: 25px;
   font-size: 14px;
   font-weight: 500;
   display: inline-block;
   letter-spacing: 0.3px;
 }

 /* Heading Wrapper */
 .heading-wrapper {
   margin-bottom: 0px;
 }

 .heading-wrapper h2 {
   font-size: 56px;
   font-weight: 400;
   line-height: 1em;
   color: #333;
   font-family: "Forum", serif;
   letter-spacing: normal;
   margin-bottom: 0;
 }

 /* Description Wrapper */
 .description-wrapper {
   margin-bottom: 40px;
 }

 .description-wrapper p {
   font-size: 17px;
   color: #5a5a5a;
   line-height: 1.75;
   margin: 0;
   font-weight: 400;
 }

 /* Features List Wrapper */
 .features-list-wrapper {
   margin-bottom: 45px;
 }

 /* Feature Item Wrapper */
 .feature-item-wrapper {
   display: flex;
   align-items: center;
   gap: 16px;
   margin-bottom: 20px;
 }

 .feature-item-wrapper:last-child {
   margin-bottom: 0;
 }

 /* Checkmark Icon Wrapper */
 .checkmark-icon-wrapper {
   flex-shrink: 0;
   display: flex;
   align-items: center;
   justify-content: center;
 }

 .checkmark-icon-wrapper svg {
   display: block;
 }

 /* Feature Text Wrapper */
 .feature-text-wrapper span {
   font-size: 17px;
   color: #2a2a2a;
   font-weight: 400;
   line-height: 1.4;
 }

 /* Learn More Button Wrapper */
 .learn-more-button-wrapper button {
   background-color: #0a5391;
   color: #fff;
   border: none;
   padding: 10px 38px;
   font-size: 16px;
   font-weight: 600;
   border-radius: 10px;
   cursor: pointer;
   transition: all 0.3s ease;
   position: relative;
   display: inline-flex;
   align-items: center;
   gap: 10px;
 }

 .learn-more-button-wrapper button::after {
   content: '→';
   font-size: 20px;
   transition: transform 0.3s ease;
   display: inline-block;
 }

 .learn-more-button-wrapper button:hover {
   background-color: #e21d37;
   /* transform: translateY(-2px); */
   /* box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); */
 }

 .learn-more-button-wrapper button:hover::after {
   transform: translateX(5px);
 }

 /* Responsive Styles */
 @media (max-width: 991px) {
   .content-wrapper {
     padding-left: 0;
     margin-top: 50px;
   }

   .heading-wrapper h2 {
     font-size: 44px;
   }

   .image-wrapper img {
     height: 500px;
   }
 }

 @media (max-width: 768px) {
   .business-consulting-section {
     padding: 70px 0;
   }

   .heading-wrapper h2 {
     font-size: 38px;
   }

   .description-wrapper p {
     font-size: 16px;
   }

   .feature-text-wrapper span {
     font-size: 16px;
   }

   .image-wrapper img {
     height: 450px;
   }

   .learn-more-button-wrapper button {
     padding: 14px 32px;
     font-size: 15px;
   }

   .blur-bars-wrapper {
     gap: 10px;
     padding: 20px;
   }

   .blur-bar {
     width: 6px;
   }

   .blur-bars-wrapper .blur-bar:nth-child(1) {
     height: 50px;
   }

   .blur-bars-wrapper .blur-bar:nth-child(2) {
     height: 70px;
   }

   .blur-bars-wrapper .blur-bar:nth-child(3) {
     height: 90px;
   }

   .blur-bars-wrapper .blur-bar:nth-child(4) {
     height: 70px;
   }

   .blur-bars-wrapper .blur-bar:nth-child(5) {
     height: 50px;
   }
 }

 @media (max-width: 576px) {
   .business-consulting-section {
     padding: 50px 0;
   }

   .heading-wrapper h2 {
     font-size: 32px;
   }

   .description-wrapper p {
     font-size: 15px;
     line-height: 1.65;
   }

   .feature-item-wrapper {
     gap: 12px;
     margin-bottom: 16px;
   }

   .checkmark-icon-wrapper svg {
     width: 24px;
     height: 24px;
   }

   .feature-text-wrapper span {
     font-size: 15px;
   }

   .image-wrapper img {
     height: 400px;
   }

   .learn-more-button-wrapper button {
     padding: 13px 28px;
     font-size: 14px;
   }

   .badge-wrapper span {
     font-size: 13px;
     padding: 8px 20px;
   }

   .blur-bars-wrapper {
     gap: 8px;
     padding: 15px;
   }

   .blur-bar {
     width: 5px;
   }

   .blur-bars-wrapper .blur-bar:nth-child(1) {
     height: 40px;
   }

   .blur-bars-wrapper .blur-bar:nth-child(2) {
     height: 60px;
   }

   .blur-bars-wrapper .blur-bar:nth-child(3) {
     height: 80px;
   }

   .blur-bars-wrapper .blur-bar:nth-child(4) {
     height: 60px;
   }

   .blur-bars-wrapper .blur-bar:nth-child(5) {
     height: 60px;
   }
 }

 @media (min-width: 1400px) {
   .image-wrapper img {
     height: 650px;
   }
 }






 .job-info-section {
   padding: 60px 0;
 }

 .job-info-section h6 {
   font-size: 17px;
   font-weight: 600;
   color: #333;
   margin-bottom: 0px;
 }

 .job-info-section p {
   font-size: 16px;
   color: #333;
   line-height: 1.7;
   margin-bottom: 10px;
 }

 .job-info-section ul {
   margin: 10px 0 0 20px;
   padding: 0;
 }

 .job-info-section ul li {
   list-style-type: disc;
   color: #333;
   font-size: 16px;
   line-height: 1.7;
 }

 .job-info-section .row {
   border-bottom: 1px solid #e6e6e6;
   padding: 20px 0;
   margin: 0;
 }

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

 .border-bottom {
   border-bottom: 1px #666 solid;
 }

 /* Responsive */
 @media (max-width: 991px) {
   .job-info-section {
     padding: 40px 15px;
   }

   .job-info-section h6 {
     font-size: 16px;
     margin-bottom: 4px;
   }

   .job-info-section p,
   .job-info-section li {
     font-size: 15px;
   }
 }

 @media (max-width: 575px) {
   .job-info-section {
     padding: 30px 10px;
   }

   .job-info-section h6 {
     margin-bottom: 3px;
   }

   .job-info-section .row {
     flex-direction: column;
     gap: 6px;
   }
 }


 /* ----------  Service Page Css --------- */

 .consult-card {
   display: block;
   background: #fff;
   border: 1px solid #e4e4e4;
   border-radius: 10px;
   padding: 25px 20px;
   height: 100%;
   transition: all 0.3s ease;
   color: #000;
   width: 95%;
 }

 .consult-card:hover {
   box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
   transform: translateY(-3px);
 }

 .consult-icon {
   font-size: 28px;
   color: #e21d37;
   margin-bottom: 12px;
 }

 .consult-card h5 {
   font-size: 28px;
   line-height: 1.4;
   font-weight: 500;
   font-family: "Forum", serif;
 }

 .cta-box {
   background:
     url("../images/new-folder/service-texture.png") center/cover no-repeat;
   color: #fff;
   border-radius: 10px;
   padding: 40px 30px;
   height: 100%;
   display: flex;
   flex-direction: column;
   justify-content: center;
 }


 .cta-box h3 {
   font-size: 26px;
   font-weight: 400;
   line-height: 1.4;
   color: #fff;
 }

 .cta-box .btn {
   background: #0a5391;
   color: #fff;
   font-weight: 500;
   border-radius: 6px;
   padding: 10px 20px;
   transition: all 0.3s ease;
   width: 250px;
 }

 .cta-box .btn:hover {
   background: #0a5391;
 }

 /* -------------  Footer css------- */
 .footer-section-four {
   background: #0a5391;
   width: 100%;
 }

 .footer-section-four h4 {
   color: #fff;
 }

 .footer-about-four>p,
 .footer-section-four .footer-lower-two p {
   color: #fff;
 }

 .footer-section-four .footer-lower-two ul li a,
 ul.footer-menu-one li a {
   color: #fff !important;
 }

 .footer-section-four .footer-lower-two ul li a img {
   width: 16px;
   filter: brightness(0) invert(1);
 }

 .footer-location-four img {
   width: 150px;
   filter: brightness(0) invert(1);
 }

 .footer-menu-one li img {
   filter: brightness(0) invert(1);
   width: 20px;
 }

 ul.footer-menu-one li a::after {
   content: "";
   position: absolute;
   bottom: 0;
   left: 0;
   width: 0;
   height: 1px;
   background-color: #fff;
   transition: all 0.5s;
 }

 .footer-section-four .footer-lower-two {
   border-top: 1px solid #fff;
 }

 .footer-widget-one {
   /* padding-left: 15px; */
   position: relative;
   height: 100%;
   border-left: 1px #fff solid;
 }

 .footer-lower-two p {
   margin-bottom: 0;
   font-size: 14px;
   display: flex;
 }

 .logo-box img {
   width: 100px;
   position: relative;
   left: 14px;
   bottom: 12px;
 }


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

   #heroCarouselSection .hero-content-wrapper {
     padding-top: 75px;
   }

   .services-advice-section {
     padding: 15px 0;
   }

   .hero-bg {
     flex-direction: column;
   }

   .hero-time-section {
     height: auto;
     padding-bottom: 0;
   }

   .vision-section {
     padding: 20px 0;
   }

   .vision-heading-holder {
     border-top: 1px solid #e1e1e1;
     padding-top: 22px;
     margin-bottom: 33px;
   }

   .trust-section .trust-overlay {
     max-width: 100%;
     padding: 30px;
     right: 0;
   }

   .cc-section h2 {
     font-size: 32px;
   }

   .cc-overlay {
     background: rgba(10, 83, 145, 0.70);
     backdrop-filter: blur(30px);
     padding: 25px 22px;
     color: #fff;
     border-top-left-radius: 12px;
     border-top-right-radius: 12px;
     border: .5px #fff solid;
   }

   .insights-section {
     padding-bottom: 60px;
     padding-top: 20px;
   }

   .blog-card img {
     width: 100%;
   }

   .footer-lower-two p {
     margin-bottom: 0;
     font-size: 14px;
     display: flex;
     flex-direction: column;
   }

   .privacy-text {
     text-align: center;
     margin-top: 12px;
     width: 100%;
   }

   .subscribe-form input {
     flex: auto;
   }

   .subscribe-section {
     background: #f3f6f1;
     padding: 20px 0;
     position: relative;
     height: 400px;
   }

   .swiper-button-next,
   .swiper-button-prev {
     right: 51px !important;
   }

   .subscribe-form-wrapper h1{
    font-size: 20px;
    position: inherit;
    text-align: center;
   }

 }