html {
    scroll-behaviour: smooth;
    scroll-padding-top: 120px;
}

:root {
  --primary-orange: #ff4d00;
  --dark-grey: #333333;
  --medium-grey: #6c757d;
  --light-grey: #f8f9fa;
  --black: #000000;
  --white: #ffffff;
  --border-grey: #dee2e6;
  
  /**************/
  --light-section-bg: #f8f9fa;/* Existing */

    /* Golden Corner Variables */
    --gold-bright: #FFEEA8; /* Highlight */
    --gold-light: #FAD02E;
    --gold-medium: #E4A81B; /* Richer mid-tone */
    --gold-dark: #B47F11;  /* Deeper shadow */
    --corner-size: 40px; /* Size of the corner element */
    --corner-thickness: 4px; /* Thickness of the corner lines */
    --card-border-radius: 12px; /* Consistent radius */
}

p{
    text-align:justify !important;
}

.list-stl{
    list-style: none;
}

.pl-5{
    padding-left: 9px;
}

.py-8{
    padding-top: 8rem !important;
    padding-bottom: 8rem !important;
}

.pl-10{
    padding-left: 17px;
}

.bold-700{
    font-weight: 700;
    color: #ff4d00;
}

.mtop-60{
    margin-top: 60px !important;
}

ul{
    padding-left: 1rem !important;
}

li{
    text-align: justify !important;
    margin-bottom: 5px !important;
}

body {
  font-family: "Arial", sans-serif;
  font-weight: 400;
  color: var(--dark-grey);
  overflow-x: hidden;
}

.fs-one{
    font-size: 1.5rem !important;
}

.fs-two{
    font-size: 3.2rem;
}



/*****************************Responsive CSS Starts*********************/
@media only Screen and (max-width: 1600px) {
    
}

@media only Screen and (max-width: 1400px) {
    .cta-section-ip .cta-heading{
        font-size: 2rem !important;
    }
    .fs-two {
    font-size: 2.4rem;
    }
}

@media only Screen and (max-width: 1200px) {
  .cta-section-ip .cta-heading{
        font-size: 1.4rem !important;
        text-align: left !important;
    }
    .fs-one {
    font-size: 1.4rem !important;
    }
    .me-3{
            margin-right: 0rem !important;
    }
    .text-center {
        text-align: left !important;
    }
    .hero-heading-advanced{
        font-size: 2rem !important;
        text-align: left;
    }
    .graphics-wrapper img{
        height: 370px !important;
    }
}

@media only Screen and (max-width: 992px) {
  .graphics-wrapper img {
        height: 345px !important;
    }
    .description-advanced{
        text-align:left !important;
    }
    .hero-heading-advanced {
        font-size: 1.7rem !important;
    }
}

@media only Screen and (max-width: 768px) {
    .hero-heading-advanced {
        text-align: center !important;
    }
    .description-advanced {
        text-align: center !important;
    }
}

@media only Screen and (max-width: 576px) {
      .cta-section-ip .cta-heading {
        font-size: 1rem !important;
        text-align: left !important;
    }
    .fs-two {
        font-size: 1.6rem;
    }
    .fs-one {
        font-size: 1.1rem !important;
    }
}


/*******************************Responsive CSS ends*******************/


.shadow-effect {
  box-shadow: rgba(0, 0, 0, 0.24) 4px 5px 19px !important;
}

a {
  text-decoration: none;
}

h1 {
  font-family: "Arial", sans-serif;
  font-weight: 700;
  color: var(--dark-grey);
}

.asia-btn:hover {
  color: #ff4d00 !important;
}

/* --- Header Start --- */

.head-cls {
  box-shadow: 0 2px 4px rgb(0 0 0 / 30%);;
  position: fixed;
  z-index: 100;
  width: 100%;
}

.top-bar-right .flag-icon {
  width: 1.2em; /* Adjust size as needed */
  height: auto; /* Maintain aspect ratio */
  vertical-align: middle; /* Align nicely with text */
  margin-right: 0.3em; /* Optional space between flag and text */
  display: inline-block; /* Helps with alignment */
}


.main-nav .dropdown-menu {
  background-color: var(--white);
  border: 1px solid rgba(0, 0, 0, 0.1); /* Subtle border */
  border-radius: 0.375rem; /* Standard Bootstrap rounding */
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1); /* Soft shadow */
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  margin-top: 0.5rem; /* Add a little space between nav link and dropdown */
  z-index: 1021; /* Ensure it's above most other content, including navbars */
}


.main-nav .dropdown-item {
  color: var(--dark-grey);
  font-family:  "Arial", sans-serif;
  font-size: 0.9rem;
  font-weight: 400; /* Regular weight for dropdown items */
  padding: 0.5rem 1rem;
  transition: background-color 0.2s ease, color 0.2s ease;
}

.main-nav .dropdown-item:hover,
.main-nav .dropdown-item:focus {
  color: var(--primary-orange);
  background-color: #f8f9fa; /* Light grey background on hover */
}

.main-nav .dropdown-item:active {
  background-color: #ededed; /* Slightly darker for active state */
  color: var(--dark-grey);
}

.main-nav .dropdown-divider {
  border-top: 1px solid #dee2e6; /* Standard divider color */
  margin: 0.5rem 0;
}

/* Adjust dropdown toggle arrow color if needed */
.main-nav .nav-link.dropdown-toggle::after {
   /* Bootstrap default arrow usually looks fine, but you could customize: */
   /* border-top-color: var(--dark-grey); */
}

/* Ensure dropdown toggle hover matches other nav links */
.main-nav .nav-item.dropdown .nav-link.dropdown-toggle:hover {
    color: var(--primary-orange);
}

/* Ensure the collapsed navbar doesn't hide the dropdown */
@media (max-width: 991.98px) {
  .main-nav .navbar-collapse {
    overflow-y: auto; /* Allow scrolling if content overflows */
    max-height: 75vh; /* Prevent it from taking full screen height */
  }
  /* Static position for dropdowns within mobile nav */
  .main-nav .dropdown-menu {
      position: static;
      float: none;
      width: auto;
      margin-top: 0;
      background-color: transparent;
      border: 0;
      box-shadow: none;
      padding-left: 1rem; /* Indent dropdown items */
  }
  .main-nav .dropdown-item {
      padding-top: 0.4rem;
      padding-bottom: 0.4rem;
  }
   .main-nav .dropdown-item:hover,
   .main-nav .dropdown-item:focus {
      background-color: transparent; /* Remove hover background on mobile */
      color: var(--primary-orange);
   }
}

.top-bar {
  background-color: #fff;
  padding: 5px 0;
  font-size: 0.8rem;
}

.top-bar a,
.top-bar span {
  color: #000;
  margin: 0 3px;
  font-family: "Arial", sans-serif;
  font-weight: 400;
}

.top-bar a:hover {
  color: var(--primary-orange);
}

.top-bar-left span,
.top-bar-right span {
  color: #ff4d00;
}

.main-nav {
  background-color: var(--white);
}

@media (min-width: 992px) {
    .me-lg-4 {
        margin-right: 4.5rem !important;
    }
}

.logo {
  font-size: 3rem;
  font-weight: 700;
  line-height: 1;
  padding: 0;
}

.logo-orange {
  color: var(--primary-orange);
}

.logo-black {
  color: var(--dark-grey);
}

.nav-links .nav-item {
  margin: 0 5px;
}

.nav-links .nav-link {
  color: var(--dark-grey);
  font-weight: 600;
  padding: 0.5rem 0.8rem;
  font-size: 0.95rem;
  transition: color 0.2s ease-in-out;
}

.nav-links .nav-link:hover,
.nav-links .nav-link.active {
  color: var(--primary-orange);
}

.search-form {
  position: relative;
}

.search-form .form-control {
  border-radius: 20px;
  padding-right: 40px;
  font-size: 0.9rem;
  border-color: var(--border-grey);
  min-width: 200px;
}
.search-form .form-control::placeholder {
  color: #aaa;
}

.search-form .search-btn {
  position: absolute;
  right: 9px;
  top: 18%;
  /*transform: translateY(-50%);*/
  border: none;
  background: none;
  color: var(--medium-grey);
  padding: 0 10px;
}

.search-form .search-btn:hover {
  color: var(--primary-orange);
}

.navbar-toggler {
  border: 1px solid var(--medium-grey);
}
.navbar-toggler:focus {
  box-shadow: none;
}
.navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(51, 51, 51, 0.8)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.top-bar-links-mobile {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 15px;
  padding: 10px 0;
}

.top-bar-links-mobile a {
  color: var(--dark-grey);
  font-size: 0.85rem;
  font-family: "Arial", sans-serif;
}
.top-bar-links-mobile a:hover {
  color: var(--primary-orange);
}

/* --- Hero Section --- */

.hero-section {
  padding: 60px 0;
  position: relative;
  overflow: hidden;
  min-height: 60vh;
  display: flex;
  align-items: center;
}

.hero-text-content h1 {
  font-size: 2.8rem;
  line-height: 1.3;
  margin-bottom: 20px;
  font-family: "Arial", sans-serif;
  font-weight: 700;
}

.hero-text-content h1 .logo-orange {
  color: var(--primary-orange);
}

.btn-contact {
  border: 2px solid var(--primary-orange);
  color: var(--primary-orange);
  background-color: var(--white);
  padding: 10px 30px;
  border-radius: 25px;
  font-weight: 400;
  transition: all 0.3s ease;
  font-size: 1rem;
}

.btn-contact:hover {
  background-color: var(--primary-orange);
  color: var(--white);
}

.hero-graphics-container {
  display: flex;
  justify-content: center;
  align-items: center;
  /* margin-top: 40px; */
  position: relative;
}

.graphics-wrapper {
  width: 100%;
  text-align: center;
}

.graphics-wrapper img {
  max-width: 500px;
  height: 449px;
  display: block;
  margin: 0 auto;
}

@media (max-width: 991.98px) {
  .hero-text-content h1 {
    font-size: 2.4rem;
  }

  .hero-graphics-container {
    margin-top: 50px;
  }

  .navbar-collapse {
    text-align: center;
  }
  .navbar-nav {
    width: 100%;
    justify-content: center;
  }
  .search-form {
    margin-top: 15px;
    justify-content: center;
  }
  .search-form .form-control {
    max-width: 300px;
  }
  .top-bar-links-mobile {
    justify-content: center;
  }
}

@media (max-width: 767.98px) {
  .hero-text-content {
    text-align: center;
  }

  .hero-text-content h1 {
    font-size: 2rem;
  }

  .hero-graphics-container {
    margin-top: 45px;
  }

  .main-nav .container {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

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

  .hero-text-content h1 {
    font-size: 1.8rem;
  }

  .btn-contact {
    padding: 8px 25px;
    font-size: 0.9rem;
  }

  .hero-graphics-container {
    margin-top: 35px;
  }

  .search-form .form-control {
    min-width: auto;
    width: 100%;
  }

  .top-bar-links-mobile {
    font-size: 0.8rem;
    gap: 5px 10px;
  }
}

/* Section Two css starts */
.section-two .services-section {
  padding: 50px 0;
  background-color: #f8f9fa;
}

.section-two .service-card {
  background-color: var(--white);
  border-radius: 12px;
  padding: 25px;
  padding-right: 70px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
  position: relative;
  height: 100%;
}


.section-two .service-icon-wrapper {
  position: absolute;
  top: 20px;
  right: 20px;
  background-color: var(--primary-orange);
  width: 45px;
  height: 45px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--white);
}

.section-two .service-icon-wrapper i {
  font-size: 1.3rem;
  line-height: 1;
}

.section-two .service-title {
  font-family:  "Arial", sans-serif;
  font-weight: 700;
  font-size: 1.05rem;
  color: var(--dark-grey);
  margin-bottom: 8px;
}

.section-two .service-description {
  font-family: "Arial",  sans-serif;
  font-weight: 400;
  font-size: 0.9rem;
  color: var(--medium-grey);
  line-height: 1.6;
  margin-bottom: 0;
}

@media (max-width: 767.98px) {
  .section-two .service-card {
    padding: 20px;
    padding-right: 60px;
  }
  .section-two .service-icon-wrapper {
    top: 15px;
    right: 15px;
    width: 40px;
    height: 40px;
    border-radius: 8px;
  }
  .section-two .service-icon-wrapper i {
    font-size: 1.2rem;
  }
  .section-two .service-title {
    font-size: 1rem;
  }
  .section-two .service-description {
    font-size: 0.85rem;
  }
}

@media (max-width: 575.98px) {
  .section-two .services-section {
    padding: 30px 0;
  }
}
/* Section two CSS ends */

/* Section three css starts */
.section-three .growth-section {
  padding: 80px 0 30px 0;
  background-color: var(--white);
}

.section-three .feature-column{
    margin-bottom: 50px;
}

.section-three .main-heading {
  font-family:  "Arial", sans-serif;
  font-weight: 700;
  font-size: 2rem;
  color: var(--dark-grey);
  margin-bottom: 15px;
  line-height: 1.3;
}

.highlight {
  color: var(--primary-orange) !important;
}

.section-three .intro-paragraph {
  font-family: "Arial",  sans-serif;
  font-size: 1rem;
  color: var(--medium-grey);
  line-height: 1.7;
  margin-bottom: 50px;
  max-width: 750px;
  /* margin-left: auto; */
  margin-right: auto;
}

.section-three .feature-row {
}

.section-three .feature-column {
}

@media (max-width: 991.98px) {
  .section-three .feature-column:not(:last-child) {
  }
}

.section-three .feature-heading {
  font-family: "Arial", sans-serif;
  font-weight: 700;
  font-size: 1.1rem;
  color: var(--dark-grey);
  margin-bottom: 10px;
}

.section-three .feature-description {
  font-family: "Arial", sans-serif;
  font-size: 1rem;
  color: var(--medium-grey);
  line-height: 1.6;
  margin-bottom: 15px;
  padding-right: 10px;
}

.section-three .feature-link-wrapper {
  position: relative;
  padding-left: 15px;
  display: inline-block;
}

.section-three .feature-link-wrapper::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 3px;
  height: 1em;
  background-color: var(--primary-orange);
  border-radius: 1px;
}

.section-three .feature-link {
  font-family: "Arial", sans-serif;
  font-size: 0.95rem;
  color: var(--primary-orange);
  font-weight: 400;
  text-decoration: none;
  transition: color 0.2s ease;
}

.section-three .feature-link:hover {
  color: var(--dark-grey);
  text-decoration: none;
}

@media (max-width: 991.98px) {
  .section-three .intro-paragraph {
    margin-bottom: 40px;
  }
}

@media (max-width: 767.98px) {
  .section-three .growth-section {
    padding: 60px 0;
  }
  .section-three .main-heading {
    font-size: 1.8rem;
  }
  .section-three .intro-paragraph {
    font-size: 0.95rem;
  }
  .section-three .feature-column {
    text-align: center;
  }
  .section-three .feature-link-wrapper {
    display: inline-block;
    padding-left: 18px;
  }
  .section-three .feature-link-wrapper::before {
    left: 0;
  }
}

@media (max-width: 575.98px) {
  .section-three .growth-section {
    padding: 40px 0;
  }
  .section-three .main-heading {
    font-size: 1.6rem;
  }
  .section-three .feature-heading {
    font-size: 1rem;
  }
  .section-three .feature-description,
  .feature-link {
    font-size: 0.9rem;
  }
}
/* section three css ends */

/*Section Seventeen Starts*/
:root {
  --primary-dark: #000033;
  --primary-blue: #ff4d00;
  --secondary-blue: #0d47a1;
  --light-bg: #f5f3e9;
  --text-light: #ffffff;
  --text-dark: #333333;
}

.seventeen-section {
  font-family: "Arial", sans-serif;
  margin-top: 60px;
}

.seventeen-section .row {
  min-height: calc(100vh - 4rem);
}



.mar-b-10{
    margin-bottom: 10px !important;
}

.mar-b-4{
    margin-bottom: 6px !important;
}

.seventeen-section .col-lg-4 {
  display: flex;
  flex-direction: column;
}

.seventeen-section .serv-list-stl{
    list-style: none;
    display: flex;
    gap: 3px;
}

.seventeen-section .fa-angles-right{
    padding-top: 3px;
    padding-right: 3px;
}

.seventeen-section .card {
  border: none;
  border-radius: 12px;
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  height: 100%;
}

.seventeen-section .card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2);
}

.seventeen-section .card-body {
  padding: 2rem;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.seventeen-section p{
    text-align: left !important;
}

.seventeen-section li{
    text-align: left !important;
}

.seventeen-section .carousel-item {
  padding: 1rem;
}

.seventeen-section .carousel-indicators {
  position: absolute;
  bottom: 25px;
  left: 50%;
  transform: translateX(-50%);
  margin: 0;
}

.seventeen-section .carousel-indicators button {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.5);
  border: none;
  margin: 0 4px;
}

.seventeen-section .carousel-indicators button.active {
  background-color: var(--text-light);
}

.seventeen-section .light-card .carousel-indicators button,
.seventeen-section .gradient-card .carousel-indicators button {
  background-color: rgba(0, 0, 0, 0.3);
}

.seventeen-section .light-card .carousel-indicators button.active,
.seventeen-section .gradient-card .carousel-indicators button.active {
  background-color: var(--text-dark);
}

.seventeen-section .news-card {
  background: linear-gradient(
    135deg,
    var(--primary-dark) 0%,
    var(--primary-blue) 100%
  );
  color: var(--text-light);
}

.seventeen-section .tags {
  /*margin-bottom: 1.5rem;*/
}

.seventeen-section .news-card h2 {
  font-size: 2.25rem;
  font-weight: 700;
  margin-bottom: 1.5rem;
  line-height: 1.2;
}

.seventeen-section .news-card p {
  font-size: 1rem;
  line-height: 1.6;
  opacity: 0.9;
  /*margin-bottom: 2rem;*/
}

.seventeen-section .feature-card {
  min-height: 280px;
}

.seventeen-section .light-card {
  background: linear-gradient(135deg, #f5bfb3 0%, #bed8cb 100%);
  color: var(--text-dark);
}

.seventeen-section .gradient-card {
  background: linear-gradient(135deg, #e8f5e9 0%, #b2ebf2 100%);
  color: var(--text-dark);
}

.seventeen-section .blue-card {
  background-color: var(--primary-blue);
  color: var(--text-light);
}

.seventeen-section .dark-blue-card {
  background: linear-gradient(135deg, #2f5f90 0%, #2c9ab3 100%);
  color: var(--text-light);
}

.seventeen-section .gradient-purple-card {
  background: linear-gradient(135deg, #ec6039 0%, #2e1387 100%);
  color: var(--text-light);
}

.seventeen-section .tag {
  display: inline-block;
  padding: 0.4rem 0.8rem;
  font-size: 0.75rem;
  font-weight: 600;
  border-radius: 4px;
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
  background: rgba(255, 255, 255, 0.15);
}

.seventeen-section .light-card .tag,
.seventeen-section .gradient-card .tag {
  background: rgba(0, 0, 0, 0.1);
}

.seventeen-section h3 {
  font-size: 1.5rem;
  font-weight: 600;
  margin: 0 0 1rem 0;
  line-height: 1;
}

.seventeen-section p {
  font-size: 1rem;
  line-height: 1.6;
  /*margin-bottom: 1.5rem;*/
  opacity: 0.9;
}

.seventeen-section .btn {
  border-radius: 25px;
  font-weight: 500;
  font-size: 0.9rem;
  transition: all 0.3s ease;
}

.seventeen-section .btn-outline-light {
  border: 2px solid rgba(255, 255, 255, 0.5);
  color: var(--text-light);
}

.seventeen-section .btn-primary {
  background-color: var(--primary-blue);
  color: var(--text-light);
  border: none;
}

.seventeen-section .btn-light {
  background-color: var(--text-light);
  color: var(--primary-blue);
  border: none;
}

.seventeen-section .report-image {
  height: 160px;
  width: auto;
  border-radius: 8px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.seventeen-section .software-image {
  position: absolute;
  bottom: 2rem;
  right: 2rem;
  width: 180px;
  height: auto;
  border-radius: 8px;
}

.seventeen-section .col-lg-4.d-flex.flex-column {
  gap: 1.5rem;
}

.seventeen-section .col-lg-4.d-flex.flex-column .card {
  flex: 1;
}

@media (max-width: 991px) {
  .seventeen-section .row {
    min-height: auto;
  }
  .seventeen-section .col-lg-4 {
    margin-bottom: 1.5rem;
  }
  .col-lg-4:last-child {
    margin-bottom: 0;
  }
  .seventeen-section .feature-card {
    min-height: 250px;
  }
  .seventeen-section .report-image {
    height: 120px;
  }
  .seventeen-section .software-image {
    width: 140px;
  }
}

@media (max-width: 767px) {
  .seventeen-section .card-body {
    padding: 1.5rem;
  }
  .seventeen-section h2 {
    font-size: 1.75rem;
  }
  .seventeen-section h3 {
    font-size: 1.25rem;
  }
  .seventeen-section .feature-card {
    min-height: 220px;
  }
}

@media (max-width: 575px) {
  .seventeen-section .container-fluid {
    padding: 1rem;
  }
  .seventeen-section .report-image {
    height: 100px;
  }
  .seventeen-section .software-image {
    width: 120px;
  }
}
/*Section Seventeen Ends*/

/*Section Fourteen Starts*/
:root {
  --pink-bg: #ffe8e8;
  --light-pink-bg: #fff1f1;
  --blue-bg: #eef4ff;
  --orange-bg: #ff5c35;
}

.recovery-section {
  padding: 40px 0;

  display: flex;
  align-items: center;
}

.recovery-section .row {
  --bs-gutter-x: 24px;
}

.recovery-section .left-content {
  height: 100%;
  display: flex;
  flex-direction: column;
  padding-right: 40px;
}

.recovery-section .main-title {
  font-size: 48px;
  line-height: 1.2;
  font-weight: 700;
  color: #0a0a0a;
  margin-bottom: 24px;
}

.recovery-section .description {
  font-size: 16px;
  line-height: 1.6;
  color: #4a4a4a;
  margin-bottom: 32px;
  max-width: 90%;
}

.recovery-section .btn-dark {
  font-size: 16px;
  padding: 12px 24px;
  border-radius: 4px;
  font-weight: 500;
  align-self: flex-start;
}

.recovery-section .stats-container {
  margin-top: auto;
  display: flex;
  justify-content: space-between;
  padding-top: 60px;
}

.recovery-section .stat-item {
  flex: 1;
  padding-right: 20px;
}

.recovery-section .stat-number {
  font-size: 40px;
  font-weight: 700;
  margin-bottom: 4px;
  color: #0a0a0a;
}

.recovery-section .stat-label {
  font-size: 14px;
  color: #4a4a4a;
  margin: 0;
}

.recovery-section .card-wrapper {
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.recovery-section .info-card {
  border-radius: 16px;
  flex: 1;
  position: relative;
}

.recovery-section .card-content {
  padding: 32px;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.recovery-section .info-card h3 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 16px;
  color: #0a0a0a;
}

.recovery-section .info-card p {
  font-size: 16px;
  line-height: 1.6;
  color: #4a4a4a;
  margin-bottom: 24px;
  flex-grow: 1;
}

.recovery-section .practice-area {
  display: flex;
  align-items: center;
  font-weight: 500;
  font-size: 16px;
  cursor: pointer;
  margin-top: auto;
}

.recovery-section .practice-area img {
  width: 20px;
  height: 20px;
  margin-left: 8px;
}

.recovery-section .pink {
  background-color: var(--pink-bg);
  flex: 0.85;
}

.recovery-section .light-pink {
  background-color: var(--light-pink-bg);
  flex: 1;
}

.recovery-section .blue {
  background-color: var(--blue-bg);
  flex: 1.2;
}

.recovery-section .orange {
  background-color: var(--orange-bg);
  flex: 0.8;
  color: white;
}

.recovery-section .orange .card-content {
  padding: 40px 32px;
}

.recovery-section .orange p {
  color: rgba(255, 255, 255, 0.9);
  margin-bottom: 32px;
}

.recovery-section .clients-number {
  font-size: 56px;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 8px;
}

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

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

  .recovery-section .main-title {
    font-size: 40px;
  }

  .recovery-section .card-wrapper {
    margin-bottom: 24px;
  }
}

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

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

  .recovery-section .stats-container {
    padding-top: 40px;
  }

  .recovery-section .stat-number {
    font-size: 32px;
  }

  .recovery-section .info-card {
    margin-bottom: 20px;
  }
}

@media (max-width: 575.98px) {
  .recovery-section .main-title {
    font-size: 32px;
  }

  .recovery-section .card-content {
    padding: 24px;
  }

  .recovery-section .stats-container {
    flex-direction: column;
    gap: 24px;
  }

  .recovery-section .stat-item {
    padding-right: 0;
  }
}

/*Section Fourteen Ends*/

/* Section four css starts  */
.section-four-home .about-section {
  background-color: var(--white);
  overflow: hidden;
}

.section-four-home .about-heading {
  font-family: "Arial", sans-serif;
  font-weight: 700;
  font-size: 2.2rem;
  color: var(--dark-grey);
  display: inline-block;
  align-items: center;
  margin-bottom: 25px !important;
}

.section-four-home .about-logo-graphic {
  height: 72px;
  width: auto;
  margin-left: 8px;
  vertical-align: sub;
}

.section-four-home .about-text-col p {
  font-family: "Arial",  sans-serif;
  font-weight: 400;
  font-size: 0.95rem;
  color: var(--medium-grey);
  line-height: 1.7;
  margin-bottom: 1.5rem;
}

.section-four-home .btn-outline-primary-custom {
  border: 1.5px solid var(--primary-orange);
  color: var(--primary-orange);
  background-color: var(--white);
  padding: 8px 28px;
  border-radius: 25px;
  font-weight: 400;
  transition: all 0.3s ease;
  font-size: 0.95rem;
  font-family: "Arial", sans-serif;
  display: inline-block;
}

.section-four-home .btn-outline-primary-custom:hover {
  background-color: var(--primary-orange);
  color: var(--white);
}

.section-four-home .about-image-wrapper {
  position: relative;
  padding: 10px;
}

.section-four-home .main-about-image {
  border-radius: 12px;
  display: block;
  width: 100%;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
}

.section-four-home .secondary-about-image {
  position: absolute;
  bottom: 6px;
  right: 6px;
  width: 33%;
  max-width: 180px;
  border-radius: 10px;
  border: 4px solid var(--white);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
}

@media (max-width: 991.98px) {
  .section-four-home .about-heading {
    font-size: 2rem;
    margin-bottom: 20px !important;
  }

  .section-four-home .about-image-col {
    order: 1;
    margin-bottom: 30px;
  }
  .section-four-home .about-text-col {
    order: 2;
    text-align: center;
  }
  .section-four-home .about-text-col:last-child {
    margin-top: 20px;
  }
  .section-four-home .secondary-about-image {
    bottom: 5px;
    right: 5px;
    width: 38%;
  }
  .section-four-home .btn-outline-primary-custom {
    margin-bottom: 20px;
  }
}

@media (max-width: 767.98px) {
  .section-four-home .about-heading {
    font-size: 1.8rem;
  }
  .section-four-home .about-text-col p {
    font-size: 0.9rem;
  }
  .section-four-home .secondary-about-image {
    width: 45%;
    max-width: 150px;
    bottom: 0px;
    right: 0px;
  }
}

@media (max-width: 575.98px) {
  .section-four-home .about-section {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .section-four-home .about-heading {
    font-size: 1.7rem;
  }
  .section-four-home .btn-outline-primary-custom {
    display: block;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    padding: 10px 20px;
    font-size: 0.9rem;
  }
  .section-four-home .secondary-about-image {
    width: 50%;
    max-width: 130px;
    border-width: 3px;
  }
}

/* Section four css ends  */

/* Section four V-2 Styles starts (About anovIP v2) */
.about-section-v2 {
  background-color: var(--white);
  overflow: hidden; /* Prevent potential horizontal scroll */
}

.about-heading-v2 {
  font-family: "Arial", sans-serif;
  font-weight: 700; /* Bold */
  font-size: 2.6rem; /* Adjust size as needed */
  color: var(--dark-grey);
  line-height: 1.3;
}

.about-heading-v2 .logo-orange {
  color: var(--primary-orange);
  font-weight: 700; /* Ensure orange part is bold too */
}

.about-text-col-v2 p {
  font-family: "Arial", sans-serif;
  font-weight: 400; /* Regular */
  font-size: 1rem; /* Adjust as needed */
  color: var(--medium-grey);
  line-height: 1.7;
  margin-bottom: 1.2rem; /* Spacing between paragraphs */
}

.btn-outline-primary-custom-v2 {
  border: 2px solid var(--primary-orange);
  color: var(--primary-orange);
  background-color: var(--white);
  padding: 10px 35px; /* Adjust padding for size */
  border-radius: 50px; /* Fully rounded ends */
  font-weight: 500; /* Medium weight */
  font-family: "Arial", sans-serif;
  font-size: 1rem; /* Adjust size */
  text-decoration: none;
  transition: all 0.3s ease;
  display: inline-block; /* Needed for margin-top */
  text-align: center;
}

.btn-outline-primary-custom-v2:hover {
  background-color: var(--primary-orange);
  color: var(--white);
}

.about-image-v2 {
  border-radius: 15px; /* Rounded corners for the image */
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1); /* Subtle shadow */
  width: 100%;
  height: auto; /* Maintain aspect ratio */
}

@media (max-width: 991.98px) {
  .about-heading-v2 {
    font-size: 2.3rem; /* Slightly smaller heading on tablets */
  }
  .about-image-col-v2 {
    margin-top: 30px; /* Add space above image when stacked */
  }
  .about-section-v2 {
    padding-top: 40px; /* Adjust padding */
    padding-bottom: 40px;
  }
}

@media (max-width: 767.98px) {
  .about-heading-v2 {
    font-size: 2rem; /* Smaller heading on mobile */
    text-align: center; /* Center heading on mobile */
  }
  .about-text-col-v2 {
    text-align: center; /* Center text and button */
  }
  .about-text-col-v2 p {
    font-size: 0.95rem; /* Slightly smaller text */
    text-align: left; /* Keep paragraphs left-aligned */
  }
  .btn-outline-primary-custom-v2 {
    padding: 9px 30px;
    font-size: 0.95rem;
  }
}

@media (max-width: 575.98px) {
  .about-heading-v2 {
    font-size: 1.8rem;
  }
  .about-section-v2 {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}

/* Section four V-2 Styles ends */

/* Section five css starts */

.section-five-home .advantages-section {
  padding: 60px 0;
  background-color: var(--white);
}

.section-five-home .advantages-title {
  font-family: "Arial", sans-serif;
  font-weight: 700;
  font-size: 2.5rem; /* Adjust size as needed */
  margin-bottom: 10px;
  color: var(--dark-grey); /* Default color for logo-grey */
}

.section-five-home .advantages-title .logo-grey {
  color: var(--dark-grey); /* Ensure grey part uses dark grey */
}

.advantages-title .logo-orange {
  color: var(--primary-orange);
}

.section-five-home .advantages-subtitle {
  font-family: "Arial", sans-serif;
  font-size: 1rem;
  color: var(--medium-grey);
  margin-bottom: 0;
}

.section-five-home .advantage-card {
  background-color: #ededed;
  border-radius: 15px;
  padding: 25px 20px 0px 20px;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.07);
  text-align: center;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.section-five-home .advantage-card .icon-wrapper {
  background-color: var(--white);
  border-radius: 10px;
  display: inline-flex; /* Changed from inline-block for better alignment */
  align-items: center;
  justify-content: center;
  padding: 12px;
  margin: 0 auto 20px auto; /* Center horizontally, add bottom margin */
  width: 55px; /* Fixed width */
  height: 55px; /* Fixed height */
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
}

.section-five-home .advantage-card .icon-wrapper i {
  font-size: 1.6rem; /* Icon size */
  color: var(--medium-grey); /* Icon color */
  line-height: 1; /* Ensure icon is centered vertically */
}

.section-five-home .advantage-card-title {
  font-family: "Arial", sans-serif;
  font-weight: 700;
  font-size: 1.1rem;
  color: var(--primary-orange);
  margin-bottom: 15px;
}

.section-five-home .advantage-card .content-box {
  background-color: var(--white);
  border-radius: 12px;
  padding: 25px;
  margin-top: auto; /* Pushes box down if card column grows */
  flex-grow: 1; /* Allows box to grow */
  display: flex;
  flex-direction: column;
  justify-content: space-between; /* Pushes button to bottom */
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.05);
}

.section-five-home .advantage-description {
  font-family: "Arial",sans-serif;
  font-size: 0.95rem;
  color: var(--medium-grey);
  line-height: 1.6;
  margin-bottom: 20px; /* Space between text and button */
  flex-grow: 1; /* Allows text to take available space */
}

.btn-explore {
  border: 2px solid var(--primary-orange);
  color: var(--primary-orange);
  background-color: var(--white);
  padding: 8px 25px;
  border-radius: 50px; /* Pill shape */
  font-weight: 400; /* Regular weight */
  font-family: "Arial", sans-serif;
  transition: all 0.3s ease;
  font-size: 0.9rem;
  text-decoration: none;
  display: inline-block; /* Ensure it behaves like a block for centering/margins */
  align-self: center; /* Center button horizontally */
  margin-top: auto; /* Keep button at bottom */
}

.btn-explore:hover {
  background-color: var(--primary-orange);
  color: var(--white);
  border-color: var(--primary-orange);
}

/* Responsive Adjustments */
@media (max-width: 1199.98px) {
  .section-five-home .advantage-card-title {
    font-size: 1rem;
  }
  .section-five-home .advantage-description {
    font-size: 0.9rem;
  }
}

@media (max-width: 991.98px) {
  .section-five-home .advantages-title {
    font-size: 2.2rem;
  }
  .section-five-home .advantages-subtitle {
    font-size: 0.95rem;
  }
  .section-five-home .advantage-card .content-box {
    padding: 20px;
  }
}

@media (max-width: 767.98px) {
  .section-five-home .advantages-section {
    padding: 40px 0;
  }
  .section-five-home .advantages-title {
    font-size: 2rem;
    text-align: center; /* Center title on smaller screens */
  }
  .section-five-home .advantages-subtitle {
    text-align: center; /* Center subtitle */
  }
  .section-five-home .advantage-card {
    padding: 20px 15px;
  }
}

/* Section five css ends */

/* Section five V-2 Styles (Advantages v2) */


/* Shimmer Animation Definition */
@keyframes shimmer {
  0% { background-position: 200% 0; } /* Start position (far right) */
  100% { background-position: -200% 0; } /* End position (far left) */
}

/* Section five V-2 Styles (Advantages v2) */
.advantages-section-v2 {
  background-color: var(--light-section-bg);
  font-family: "Arial", sans-serif;
}

.advantages-title-v2 {
  font-family: "Arial", sans-serif;
  font-weight: 400;
  font-size: 2.6rem;
  color: var(--dark-grey);
  margin-bottom: 0.5rem;
}

.advantages-title-v2 .logo-orange {
  font-weight: 700;
  color: var(--primary-orange);
}

.advantages-subtitle-v2 {
  font-size: 1.1rem;
  color: var(--medium-grey);
  margin-bottom: 0;
  font-family: "Arial", sans-serif;
  font-weight: 400;
}

/* Base Card Style - Modified for Corner Effect */
.advantage-card-v2 {
  background-color: var(--white);
  border-radius: var(--card-border-radius);
  padding: 25px 30px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.07);
  height: 100%;
  display: flex;
  flex-direction: column;
  /* Required for corner positioning */
  position: relative;
  overflow: hidden;
}

/* --- Attractive Golden Corner Effect --- */
.advantage-card-v2::before,
.advantage-card-v2::after {
  content: '';
  position: absolute;
  background-color: var(--gold-medium); /* Fallback */
  z-index: 1; /* Below content */
  /* Apply the gradient */
  background-image: linear-gradient(
    135deg, /* Diagonal angle for sheen */
    var(--gold-dark) 0%,
    var(--gold-medium) 25%,
    var(--gold-bright) 50%, /* Central highlight */
    var(--gold-medium) 75%,
    var(--gold-dark) 100%
  );
  /* Make gradient wider for animation */
  background-size: 400% 100%;
  /* Initial position */
  background-position: 150% 0;
  /* Subtle inner shadow for bevel */
  box-shadow: inset 0 0 2px rgba(255, 255, 255, 0.4);
}

/* Top line segment */
.advantage-card-v2::before {
  top: 0;
  right: var(--corner-thickness); /* Offset by thickness */
  width: var(--corner-size);
  height: var(--corner-thickness);
  border-bottom-left-radius: 2px;
}

/* Right line segment */
.advantage-card-v2::after {
  top: var(--corner-thickness); /* Offset by thickness */
  right: 0;
  width: var(--corner-thickness);
  height: var(--corner-size);
  border-bottom-left-radius: 2px;
}

/* Apply shimmer animation on hover */
.advantage-card-v2:hover::before,
.advantage-card-v2:hover::after {
  animation: shimmer 100s ease-out forwards; /* Adjust duration/timing */
}
/* --- End Golden Corner Effect --- */


/* Card Content Styling - ensure it's above corners */
.advantage-card-v2 p,
.advantage-card-v2 h5.card-title-v2,
.read-more-link-v2 {
    position: relative; /* Establish stacking context */
    z-index: 2; /* Ensure content is above pseudo-elements */
}

.advantage-card-v2 p {
  font-size: 0.95rem;
  color: var(--medium-grey);
  line-height: 1.6;
  margin-bottom: 1rem;
  flex-grow: 1;
  font-family: "Arial", sans-serif;
  font-weight: 400;
}

.advantage-card-v2 h5.card-title-v2 {
  font-family: "Arial", sans-serif;
  font-weight: 400;
  font-size: 1.1rem;
  color: var(--dark-grey);
  margin-bottom: 0.8rem;
}

/* Existing Highlight class (used within h5) */
.highlight-orange {
  font-weight: 700;
  color: var(--primary-orange);
}

.read-more-link-v2 {
  font-family: "Arial", sans-serif;
  font-size: 0.95rem;
  font-weight: 500;
  color: var(--primary-orange);
  text-decoration: none;
  transition: color 0.2s ease;
  margin-top: auto;
}

.read-more-link-v2 .arrow {
  transition: transform 0.2s ease;
  display: inline-block;
}

.read-more-link-v2:hover {
  color: #d94800; /* Darker orange on hover */
}

.read-more-link-v2:hover .arrow {
  transform: translateX(4px);
}

/* Orange Stats Card - Keep original styling, ensure no corners */
.orange-stats-card {
  background-color: var(--primary-orange);
  color: var(--white);
  border-radius: var(--card-border-radius); /* Use variable */
  padding: 25px 30px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  justify-content: space-between;
  min-height: 150px;
  position: relative; /* Need this for ::before/::after removal */
  overflow: hidden; /* Need this for ::before/::after removal */
}

/* Explicitly remove corners from orange card */
.orange-stats-card::before,
.orange-stats-card::after {
    display: none;
}


.stat-item-v2 {
  width: 48%;
  margin-bottom: 15px;
  text-align: left;
  font-family:  "Arial", sans-serif;
}

.stat-number {
  font-weight: 700;
  font-size: 1.6rem;
  display: inline;
  margin-right: 5px;
}

.stat-label {
  font-weight: 400;
  font-size: 0.95rem;
  display: inline;
}

/* Responsive Adjustments */
@media (max-width: 991.98px) {
  :root {
        --corner-size: 35px;
        --corner-thickness: 3px;
  }
  .advantages-title-v2 { font-size: 2.3rem; }
  .advantages-subtitle-v2 { font-size: 1rem; }
  .advantage-card-v2 { padding: 20px 25px; } /* Adjust padding */
  .advantage-card-v2 h5.card-title-v2 { font-size: 1.05rem; }
  .advantage-card-v2 p { font-size: 0.9rem; }
  .orange-stats-card { padding: 20px 25px; } /* Adjust padding */
}

@media (max-width: 767.98px) {
  :root {
        --corner-size: 30px;
  }
  .advantages-section-v2 .text-md-end { text-align: center !important; }
  .advantages-section-v2 .col-md-8 { text-align: center !important; }
  .advantages-title-v2 { font-size: 2rem; }
  .advantages-subtitle-v2 { margin-bottom: 1.5rem; }
  .stat-number { font-size: 1.4rem; }
  .stat-label { font-size: 0.9rem; }
}

@media (max-width: 575.98px) {
  :root {
        --corner-size: 25px;
        --corner-thickness: 3px;
  }
  .advantages-title-v2 { font-size: 1.8rem; }
  .stat-item-v2 { width: 100%; text-align: center; margin-bottom: 10px; }
  .orange-stats-card { padding: 25px 20px; }
  .advantage-card-v2 { padding: 20px; } /* Adjust padding */
}
/* Section five V-2 Style ends */

/* Section six css starts */
.section-six-home .case-studies-section {
  padding: 60px 0;
  background-color: #f8f9fa;
}

.section-six-home .case-studies-title {
  font-family:  "Arial", sans-serif;
  font-weight: 700;
  font-size: 2.5rem;
  color: var(--dark-grey);
  margin-bottom: 0;
}

.section-six-home .case-studies-title .logo-orange {
  color: var(--primary-orange);
}

.section-six-home .case-study-card-link {
  text-decoration: none;
  color: inherit;
  display: block;
}

.section-six-home .case-study-card {
  position: relative;
  border-radius: 15px;
  overflow: visible; /* Allow overlay to show outside bounds */
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
  transition: box-shadow 0.3s ease-in-out;
  height: 250px;
  background-color: var(--medium-grey);
  margin-bottom: 45px; /* Add space below card for the overlay */
}

.section-six-home .case-study-card .card-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 15px; /* Keep image rounded */
  transition: transform 0.4s ease-in-out;
}

.section-six-home .case-study-card .card-text-overlay {
  position: absolute;
  bottom: -40px; /* Adjust this negative value to control overlap */
  left: 15px;
  right: 15px;
  background-color: rgb(255, 255, 255); /* Solid white background */
  padding: 18px 20px;
  border-radius: 10px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15); /* Slightly stronger shadow */
  transition: background-color 0.3s ease, transform 0.3s ease; /* Added transform transition */
  z-index: 10; /* Ensure overlay is above other elements if needed */
}

.section-six-home .case-study-card .card-text-overlay p {
  font-family: "Arial",  sans-serif;
  font-size: 0.9rem;
  color: var(--dark-grey);
  line-height: 1.5;
  margin: 0;
  font-weight: 400;
}

.section-six-home .case-study-card-link:hover .case-study-card {
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);
}

.section-six-home .case-study-card-link:hover .card-img {
  transform: scale(1.05);
}

/* Optional: lift the text overlay slightly on hover */
.section-six-home .case-study-card-link:hover .card-text-overlay {
  transform: translateY(-5px);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
}

/* Responsive Adjustments */
@media (max-width: 1199.98px) {
  .section-six-home .case-study-card {
    height: 230px;
  }
}

@media (max-width: 991.98px) {
  .section-six-home .case-studies-title {
    font-size: 2.2rem;
  }
  .section-six-home .case-study-card {
    height: 240px;
  }
  .section-six-home .case-study-card .card-text-overlay p {
    font-size: 0.85rem;
  }
  .section-six-home .case-study-card .card-text-overlay {
    bottom: -35px; /* Slightly less overlap on medium */
  }
  .section-six-home .case-study-card {
    margin-bottom: 40px; /* Adjust margin */
  }
}

@media (max-width: 767.98px) {
  .section-six-home .case-studies-section {
    padding: 40px 0;
  }
  .section-six-home .case-studies-title {
    font-size: 2rem;
    text-align: center;
  }
  .section-six-home .case-studies-section .text-md-end {
    text-align: center !important;
  }
  .section-six-home .case-study-card {
    height: 220px;
    margin-bottom: 35px; /* Adjust margin */
  }
  .section-six-home .case-study-card .card-text-overlay {
    bottom: -30px; /* Even less overlap on small */
    left: 10px;
    right: 10px;
    padding: 15px;
  }
  .section-six-home .case-study-card .card-text-overlay p {
    font-size: 0.8rem;
  }
}

/* Reset Bootstrap default row gutter override if needed */
.section-six-home .row {
  --bs-gutter-y: 3rem; /* Ensure gy-5 works (adjust value if needed) */
}

/* Section six css ends */

/* Section seven css starts */
.section-seven-home .news-insights-section {
  padding: 60px 0;
  background-color: var(--white); /* White background */
}

.section-seven-home .news-insights-title {
  font-family: "Arial", sans-serif;
  font-weight: 700;
  font-size: 2.5rem;
  color: var(--dark-grey);
  margin-bottom: 10px;
}

.section-seven-home .tag {
  display: inline-block;
  padding: 0.4rem 0.8rem;
  font-size: 0.75rem;
  font-weight: 600;
  border-radius: 4px;
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
  background-color: #80808070;
  color: #ffffff;
}

.section-seven-home .tags {
    margin-bottom: 5px;
}

.section-seven-home .news-insights-title .logo-orange {
  color: var(--primary-orange);
}

.section-seven-home .news-insights-subtitle {
  font-family: "Arial", sans-serif;
  font-size: 1rem;
  color: var(--medium-grey);
  margin-bottom: 0;
  max-width: 90%; /* Prevent text stretching too wide */
}

.section-seven-home .news-card {
  background-color: #fff;
  border-radius: 15px;
  padding: 20px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  border: 1px solid #f0f0f0; /* Subtle border */
  position: relative;
  overflow: hidden;
}

.section-seven-home .news-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12);
}

.section-seven-home .news-img {
  border-radius: 10px;
  object-fit: cover;
  width: 100%;
}

.section-seven-home .large-img {
  height: 100%; /* Make image fill column height */
  min-height: 200px; /* Minimum height */
}

.section-seven-home .small-img {
  height: 90px; /* Fixed height for small images */
  max-width: 100%;
}

.section-seven-home .card-body-content {
  padding: 10px 15px; /* Add padding around text */
}

.section-seven-home .news-item-title {
  font-family: "Arial", sans-serif;
  font-weight: 700; /* Bold */
  font-size: 1.1rem;
  color: #ff4d00;
  margin-bottom: 8px;
}

.section-seven-home .news-item-desc {
  font-family: "Arial", sans-serif;
  font-size: 0.9rem;
  color: var(--medium-grey);
  line-height: 1.6;
  margin-bottom: 15px;
}

.section-seven-home .read-more-link {
  font-family: "Arial", sans-serif;
  font-size: 0.9rem;
  font-weight: 500; /* Medium weight */
  color: var(--primary-orange);
  text-decoration: none;
  transition: color 0.2s ease;
}

.section-seven-home .read-more-link .arrow {
  transition: transform 0.2s ease;
  display: inline-block;
}

.section-seven-home .read-more-link:hover {
  color: #ff4d00; /* Darker orange */
}

.section-seven-home .read-more-link:hover .arrow {
  transform: translateX(4px);
}

.section-seven-home .stacked-card .news-item-small {
  padding: 20px 0;
}

.section-seven-home .stacked-card .news-item-small:not(:last-child) {
  border-bottom: 1px solid var(--border-grey); /* Separator line */
}

.section-seven-home .stacked-card .news-item-small:first-child {
  padding-top: 0; /* Remove top padding on first item */
}
.section-seven-home .stacked-card .news-item-small:last-child {
  padding-bottom: 0; /* Remove bottom padding on last item */
}

.anime-btn-heading-wrapper {
  display: flex;          
  align-items: center;    
  flex-wrap: wrap;        
  gap: 15px;              
  margin-bottom: 0.5rem;  
}


.anime-btn-heading-wrapper .news-insights-title {
  margin-bottom: 0;
}



.anime-btn-button {
    position: relative;
    display: inline-flex;
    align-items: center;
    
    padding: 10px 31px 10px 20px; 
    overflow: hidden;
    border-radius: 50px;
    border: none;
    background-color: #ededed;
    color: #000;
    text-decoration: none;
    cursor: pointer;
    
    font-size: 14px; 
    font-weight: 500;
    transition: background-color 0.3s ease, transform 0.4s ease-in-out;
    transform: translateX(0);
    
    flex-shrink: 0;
}

.anime-btn-button:hover {
    /* transform: translateX(5px); */ 
}

.anime-btn-text {
    display: inline-block;
    margin-left: 0;
    margin-right: 10px; 
    transition: transform 0.4s ease-in-out;
    transform: translateX(0);
    position: relative;
    z-index: 1;
}

.anime-btn-button:hover .anime-btn-text {
    
    transform: translateX(28px); 
}

.anime-btn-icon-container {
    position: absolute;
    top: 7%;
    transform: rotate(-40deg);
    right: 5px; 
    left: auto;
    z-index: 1;
    width: 28px; 
    height: 28px; 
    border-radius: 50%;
    background-color: #ffffff;
    border: 1.5px solid transparent;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: left 0.4s ease-in-out, right 0.4s ease-in-out, background-color 0.4s ease-in-out, border-color 0.4s ease-in-out;
}

.anime-btn-arrow-icon {
    fill: #ff4d00;
    transition: fill 0.3s ease;
    width: 16px; 
    height: 16px;
}


.anime-btn-button:hover .anime-btn-icon-container {
    left: 5px; 
    right: auto;
    background-color: #ffffff;
    border: 1.5px solid #ff6831; 
}

.anime-btn-button:hover .anime-btn-arrow-icon {
    fill: #ff4d00; 
}


.anime-btn-button:focus-visible {
    outline: 2px solid #ff6831;
    outline-offset: 2px; 
}

/* Responsive Adjustments */
@media (max-width: 991.98px) {
  .section-seven-home .news-insights-title {
    font-size: 2.2rem;
  }
  .section-seven-home .news-insights-subtitle {
    font-size: 0.95rem;
  }
  .section-seven-home .large-img {
    min-height: 180px;
  }
  .section-seven-home .news-item-title {
    font-size: 1rem;
  }
  .section-seven-home .news-item-desc {
    font-size: 0.85rem;
  }
}

@media (max-width: 767.98px) {
  .section-seven-home .news-insights-section {
    padding: 40px 0;
  }
  .section-seven-home .news-insights-title {
    font-size: 2rem;
    text-align: center;
  }
  .section-seven-home .news-insights-subtitle {
    text-align: center;
    max-width: 100%;
  }
  .section-seven-home .news-insights-section .text-md-end {
    text-align: center !important;
  }
  .section-seven-home .news-card {
    padding: 15px;
  }
  /* Stack image above text in large cards on mobile */
  .section-seven-home .news-card .row > [class*="col-md-"] {
    width: 100%; /* Make columns full width */
  }
  .section-seven-home .large-img {
    height: 200px; /* Fixed height for stacked images */
    margin-bottom: 15px;
  }
  .section-seven-home .card-body-content {
    padding: 0; /* Remove padding when stacked */
  }
  .section-seven-home .news-card .row .order-md-1 {
    order: 1 !important;
  } /* Reset order */
  .section-seven-home .news-card .row .order-md-2 {
    order: 2 !important;
  } /* Reset order */
}

/* Section seven css ends */

/* Section eight starts */
.section-eight-home .ai-insights-section {
  padding: 60px 0;
  background-color: #f8f9fa; /* Light grey background */
}

.section-eight-home .ai-insights-title {
  font-family: "Arial", sans-serif;
  font-weight: 700; /* Bold */
  font-size: 2.5rem;
  color: var(--dark-grey);
  margin-bottom: 0;
}

.section-eight-home .ai-insights-title .highlight-orange {
  color: var(--primary-orange);
}

.section-eight-home .insight-card-link {
  display: block;
  text-decoration: none;
  color: inherit;
  height: 100%; /* Ensure link takes full card height */
}

.section-eight-home .insight-card {
  background-color: var(--white);
  border-radius: 15px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.07);
  overflow: hidden; /* Important to clip image corners */
  height: 100%; /* Make cards in a row equal height */
  display: flex; /* Use flexbox for structure */
  flex-direction: column; /* Stack image and body vertically */
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.section-eight-home .insight-card-img {
  display: block;
  width: 100%;
  height: 200px; /* Fixed height for images, adjust as needed */
  object-fit: cover; /* Cover the area, might crop */
  object-position: center;
}

.section-eight-home .insight-card-body {
  padding: 20px 25px;
  flex-grow: 1; /* Allow body to take remaining space */
  display: flex; /* To potentially align text if needed */
  flex-direction: column;
}

.section-eight-home .insight-card-text {
  font-family: "Arial", sans-serif;
  font-size: 1rem; /* Adjust as needed */
  color: var(--medium-grey);
  line-height: 1.6;
  margin: 0;
  font-weight: 400; /* Regular */
}

.section-eight-home .insight-card-link:hover .insight-card {
  transform: translateY(-5px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12);
}

/* Responsive Adjustments */
@media (max-width: 991.98px) {
  .section-eight-home .ai-insights-title {
    font-size: 2.2rem;
  }
  .section-eight-home .insight-card-img {
    height: 180px; /* Adjust image height */
  }
  .section-eight-home .insight-card-text {
    font-size: 0.95rem;
  }
}

@media (max-width: 767.98px) {
  .section-eight-home .ai-insights-section {
    padding: 40px 0;
  }
  .section-eight-home .ai-insights-title {
    font-size: 2rem;
    text-align: center;
  }
  .section-eight-home .insight-card-img {
    height: 160px; /* Further adjust image height */
  }
  .section-eight-home .insight-card-body {
    padding: 15px 20px;
  }
  .section-eight-home .insight-card-text {
    font-size: 0.9rem;
  }
}

/* Section eight ends */

/* Section nine css starts */

.section-nine-home .reports-resources-section {
  padding: 60px 0;
  background-color: var(--white); /* White background */
}

.section-nine-home .reports-resources-title {
  font-family: "Arial", sans-serif;
  font-weight: 700; /* Bold */
  font-size: 2.5rem;
  color: var(--dark-grey);
  margin-bottom: 0;
}

.section-nine-home .reports-resources-title .highlight-orange {
  color: var(--primary-orange);
}

.section-nine-home .report-section-subtitle {
  font-family: "Arial", sans-serif;
  font-weight: 700; /* Bold */
  font-size: 1.25rem;
  color: var(--primary-orange);
  margin-bottom: 10px;
}

.section-nine-home .report-section-desc {
  font-family: "Arial", sans-serif;
  font-size: 1rem;
  color: var(--medium-grey);
  line-height: 1.6;
  margin-bottom: 0;
  max-width: 95%; /* Limit width slightly */
}

.section-nine-home .report-card-link {
  display: block;
  text-decoration: none;
  color: inherit;
}

.section-nine-home .report-card {
  position: relative;
  border-radius: 15px;
  overflow: visible; /* Allow overlay to hang */
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
  transition: box-shadow 0.3s ease-in-out;
  height: 240px; /* Adjust height as needed */
  background-color: var(--light-grey); /* Fallback bg */
  margin-bottom: 40px; /* Space below card for the overlay */
}

.section-nine-home .report-card-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 15px; /* Rounded image corners */
}

.section-nine-home .report-card-overlay {
  position: absolute;
  bottom: -35px; /* Controls how much it hangs below. Adjust as needed */
  left: 15px;
  right: 15px;
  background-color: var(--white);
  padding: 20px 25px;
  border-radius: 10px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.12);
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  z-index: 5;
}

.section-nine-home .report-card-overlay-title {
  font-family: "Arial",  sans-serif;
  font-size: 1rem;
  color: var(--dark-grey);
  line-height: 1.5;
  margin: 0;
  font-weight: 400; /* Regular weight */
  padding-right: 10px; /* Space before arrow */
}

.section-nine-home .report-card-arrow-link {
  font-size: 1.5rem; /* Larger arrow */
  color: var(--primary-orange);
  line-height: 1;
  transition: transform 0.2s ease;
}

.section-nine-home .report-card-link:hover .report-card {
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
}

.section-nine-home .report-card-link:hover .report-card-overlay {
  transform: translateY(-5px); /* Lift overlay slightly */
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.18);
}

.section-nine-home .report-card-link:hover .report-card-arrow-link {
  transform: translateX(5px); /* Move arrow right */
}

/* Responsive Adjustments */
@media (max-width: 991.98px) {
  .section-nine-home .reports-resources-title {
    font-size: 2.2rem;
  }
  .section-nine-home .report-section-subtitle {
    font-size: 1.15rem;
  }
  .section-nine-home .report-section-desc {
    font-size: 0.95rem;
  }
  .section-nine-home .report-card {
    height: 220px;
  }
  .section-nine-home .report-card-overlay {
    bottom: -30px;
    padding: 18px 20px;
  }
  .section-nine-home .report-card {
    margin-bottom: 35px;
  }
}

@media (max-width: 767.98px) {
  .section-nine-home .reports-resources-section {
    padding: 40px 0;
  }
  .section-nine-home .reports-resources-title {
    font-size: 2rem;
    text-align: center;
  }
  .section-nine-home .report-section-subtitle {
    text-align: center;
  }
  .section-nine-home .report-section-desc {
    text-align: center;
    max-width: 100%;
  }
  .section-nine-home .reports-resources-section .text-md-end {
    text-align: center !important;
  }
  .section-nine-home .report-card {
    height: 200px;
    margin-bottom: 30px;
  }
  .section-nine-home .report-card-overlay {
    bottom: -25px;
    padding: 15px;
    left: 10px;
    right: 10px;
  }
  .section-nine-home .report-card-overlay-title {
    font-size: 0.9rem;
  }
}

/* Section nine css ends */

/* Section ten css starts */

.section-ten-home .backup-plan-section {
  padding: 80px 0; /* More padding for standalone feel */
  background-color: var(--white);
  overflow: hidden; /* Prevent potential overflow issues */
}

.section-ten-home .backup-plan-section .text-content-col {
  padding-right: 2rem; /* Space between text and image columns */
}

.section-ten-home .pre-title {
  font-family: "Arial", sans-serif;
  font-size: 0.9rem;
  color: var(--medium-grey);
  margin-bottom: 8px;
  font-weight: 400;
}

.section-ten-home .backup-main-title {
  font-family:  "Arial", sans-serif;
  font-weight: 700; /* Bold */
  font-size: 2.4rem; /* Adjust size as needed */
  color: var(--dark-grey);
  margin-bottom: 20px;
  line-height: 1.3;
}

.section-ten-home .backup-main-title .highlight-orange {
  color: var(--primary-orange);
}

.section-ten-home .backup-description {
  font-family: "Arial",sans-serif;
  font-size: 1.1rem; /* Slightly larger description */
  color: var(--dark-grey);
  line-height: 1.6;
  margin-bottom: 15px;
  font-weight: 400;
}

.section-ten-home .backup-terms {
  font-family: "Arial",  sans-serif;
  font-size: 0.85rem; /* Smaller terms text */
  color: var(--medium-grey);
  line-height: 1.5;
  margin-bottom: 25px; /* Space before button */
  font-weight: 400;
}

.section-ten-home .image-content-col .image-wrapper {
  position: relative;
  max-width: 550px;
  margin-left: auto;
  margin-right: auto;
}

.section-ten-home .image-wrapper .primary-image {
  border-radius: 20px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  display: block;
}

.section-ten-home .image-wrapper .secondary-image {
  position: absolute;
  bottom: 0px; /* Adjust overlap amount */
  right: -4px; /* Adjust overlap amount */
  width: 150px; /* Adjust size */
  height: auto;
  border-radius: 15px; /* Rounded corners */
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
  border: 3px solid var(--white); /* White border */
  z-index: 2;
}

@media (max-width: 1199.98px) {
  .section-ten-home .backup-main-title {
    font-size: 2.2rem;
  }
  .section-ten-home .backup-description {
    font-size: 1rem;
  }
  .section-ten-home .image-wrapper .secondary-image {
    width: 130px;
    bottom: -20px;
    right: -15px;
  }
}

@media (max-width: 991.98px) {
  .section-ten-home .backup-plan-section {
    padding: 60px 0;
  }
  .section-ten-home .backup-plan-section .text-content-col {
    padding-right: 0;
    text-align: center;
  }
  .section-ten-home .pre-title,
  .backup-main-title,
  .backup-description,
  .backup-terms {
    text-align: center;
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
  .section-ten-home .backup-main-title {
    font-size: 2rem;
  }
  .section-ten-home .image-content-col {
    margin-top: 40px;
  }
  .section-ten-home .image-wrapper .secondary-image {
    width: 120px;
    bottom: -15px;
    right: -10px;
  }
}

@media (max-width: 575.98px) {
  .section-ten-home .backup-plan-section {
    padding: 40px 0;
  }
  .section-ten-home .backup-main-title {
    font-size: 1.8rem;
  }
  .section-ten-home .backup-description {
    font-size: 0.95rem;
  }
  .section-ten-home .backup-terms {
    font-size: 0.8rem;
  }
  .section-ten-home .image-wrapper .secondary-image {
    width: 100px;
    bottom: -10px;
    right: 5px;
  }
}

/* Section ten css ends */

/*Upper Footer css starts*/

/* Footer styles */
.footer {
  background-color: #000000;
  color: #ffffff;
  padding: 60px 0;
}

.footer .flag-icon{
    width: 1.2em;
    height: auto;
    vertical-align: middle;
    margin-right: 0.3em;
    display: inline-block;
    
}

/* Footer header */
.footer-header {
  /*display: flex;*/
  /*justify-content: space-between;*/
  /*align-items: center;*/
  margin-bottom: 40px;
  padding: 0 15px;
}

.footer-header h2 {
  font-size: 24px;
  font-weight: 500;
  margin: 0;
}

/* Social links */
.social-links {
  display: flex;
  gap: 20px;
}

.social-link {
  color: #ffffff;
  text-decoration: none;
  font-size: 18px;
  transition: opacity 0.3s ease;
}

.social-link:hover {
  opacity: 0.8;
  color: #ffffff;
}

/* Locations grid */
.locations-grid {
  padding: 0 15px;
}

.location-item {
  margin-bottom: 30px;
}

.location-item h3 {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 15px;
  color: #ffffff;
}

.location-item p {
  margin: 0;
  line-height: 1.8;
  color: #ffffff;
  font-size: 14px;
}

.phone-link {
  display: inline-block;
  color: #cc5327;
  text-decoration: none;
  margin-top: 10px;
  font-size: 14px;
  transition: opacity 0.3s ease;
}

.phone-link:hover {
  opacity: 0.8;
  color: #ffffff;
}

/* Responsive styles */
@media (max-width: 991px) {
  .locations-grid {
    row-gap: 30px;
  }

  .location-item {
    margin-bottom: 0;
  }
}

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

  .footer-header {
    flex-direction: column;
    text-align: left;
    gap: 20px;
  }

  .social-links {
    justify-content: left;
  }

  .location-item {
    text-align: left;
  }
}

@media (max-width: 576px) {
  .footer-header h2 {
    font-size: 20px;
  }

  .location-item h3 {
    font-size: 18px;
  }

  .location-item p,
  .phone-link {
    font-size: 13px;
  }
}

/*Upper footer css ends*/

/* Lower footer css starts */
/* --- Footer Section --- */
.site-footer {
  background-color: var(--black);
  color: #a0a0a0; /* Light grey default text */
  padding: 50px 0;
  font-family: "Arial",  sans-serif;
  font-size: 0.9rem;
  font-weight: 400;
}

.footer-heading {
  color: #d0d0d0; /* Lighter grey for headings */
  font-family: "Arial", sans-serif;
  font-weight: 600; /* Semi-bold */
  font-size: 0.9rem;
  /*text-transform: uppercase;*/
  margin-bottom: 1.2rem;
  letter-spacing: 0.5px;
}

.footer-links{
    padding-left: 0 !important;
}

.footer-links li {
  margin-bottom: 0.7rem;
}

.footer-links a {
  color: #d0d0d0; /* Link color */
  text-decoration: none;
  transition: color 0.2s ease;
}

.footer-links a:hover {
  color: var(--primary-orange);
  text-decoration: none;
}

/* Subscribe Form */
.subscribe-form .input-group {
  border-radius: 5px; /* Slightly rounded corners for the group */
  overflow: hidden; /* Clip button corners inside group */
}

.subscribe-form .form-control {
  background-color: #333333; /* Dark grey background */
  border: 1px solid #444444; /* Slightly lighter border */
  color: var(--white);
  border-radius: 5px 0 0 5px !important; /* Ensure left corners are rounded */
  padding: 0.6rem 1rem;
  font-size: 0.9rem;
}

.subscribe-form .form-control::placeholder {
  color: #888888; /* Placeholder text color */
}

.subscribe-form .form-control:focus {
  background-color: #404040;
  border-color: #555555;
  box-shadow: none;
  color: var(--white);
}

.btn-subscribe {
  background-color: #ff4d00;
  color: var(--white);
  border: none;
  border-radius: 0 5px 5px 0 !important; /* Ensure right corners are rounded */
  padding: 0.6rem 1.5rem;
  font-weight: 500;
  font-size: 0.9rem;
  transition: background-color 0.2s ease;
}

.btn-subscribe:hover {
  background-color: #ff4d00; /* Darker orange on hover */
  color: var(--white);
}

.subscribe-terms {
  font-size: 0.75rem;
  color: #888888; /* Dimmer text for terms */
  line-height: 1.5;
  margin-bottom: 1.5rem;
}

.subscribe-terms a {
  color: #a0a0a0; /* Slightly lighter link color */
  text-decoration: underline;
}

.subscribe-terms a:hover {
  color: var(--primary-orange);
}

/* Social Icons */
.social-icons a {
  color: var(--white);
  font-size: 1.1rem;
  margin-right: 15px;
  text-decoration: none;
  transition: color 0.2s ease;
}

.social-icons a:last-child {
  margin-right: 0;
}

.social-icons a:hover {
  color: var(--primary-orange);
}

/* Responsive Adjustments */
@media (max-width: 991.98px) {
  .footer-heading {
    font-size: 0.85rem;
    margin-bottom: 1rem;
  }
  .site-footer {
    font-size: 0.85rem;
  }
  /* Make resources column span full width on medium if it looks odd */
  .col-md-4.col-12 {
    /* Target the resources col */
    width: 100%; /* Force full width if stacking weirdly */
    order: 3; /* Adjust order if needed */
  }
  .col-lg-6 {
    /* Target subscribe column */
    order: 4; /* Ensure it comes last */
  }
}

@media (max-width: 767.98px) {
  .site-footer {
    text-align: center; /* Center text on small screens */
    padding: 40px 0;
  }
  .footer-links {
    padding-left: 0; /* Remove padding */
  }
  .social-icons {
    margin-top: 1rem; /* Add margin above icons */
  }
  .subscribe-form .input-group {
    max-width: 400px; /* Limit form width */
    margin-left: auto;
    margin-right: auto;
  }
  /* Ensure correct order on small screens */
  .col-lg-2.col-md-4.col-6 {
    order: 1;
  }
  .col-lg-2.col-md-4.col-12 {
    order: 2;
  }
  .col-lg-6 {
    order: 3;
  }
}
/* Lower footer css ends */

/*New marquee section css starts*/
/*New marquee section css starts*/
.home-mark-dark {
  margin: 0;
  font-family: sans-serif;
  /* background-color: #f0f0f0; /* This might be your body or a global page background */
  /* The flex properties below are likely on a parent container or body to center the marquee */
  /* display: flex; */
  /* justify-content: center; */
  /* align-items: center; */
}

.home-mark-dark .marquee-container {
  width: 100%;
  max-width: 100vw; /* Ensures it doesn't exceed viewport width */
  overflow: hidden; /* Crucial for marquee effect */
  background-color: #ff4d00;
  padding: 22px 0;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  white-space: nowrap; /* Ensures .marquee-content stays on one line */
}

.home-mark-dark .marquee-content {
  display: inline-block; /* So its width is determined by its content */
  /* padding-left: 100%; */ /* REMOVED - This was conflicting with seamless looping */

  animation-name: scroll-left-seamless; /* Renamed for clarity, can be original 'scroll-left' */
  animation-duration: 150s; /* Original duration. Adjust if speed feels off.
                                Example: 100s might give a speed closer to original if padding was large. */
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

.home-mark-dark .marquee-content span {
  display: inline-block;
  font-size: 2em;
  font-weight: bold;
  color: #000;
  padding: 0 15px; /* This padding applies to each span */
}

@keyframes scroll-left-seamless {
  0% {
    transform: translateX(0%);
  }
  100% {
    /*
      The HTML has 9 identical sets of 8 spans.
      To make the loop seamless, we scroll by the combined width of 8 of these sets.
      When the 9th set moves into the position where the 1st set started, the animation loops.
      This corresponds to translating by ( (Number of Sets - 1) / Number of Sets ) * 100%
      (9-1)/9 = 8/9 = 0.8888888888888888
      So, translate by -88.8888888889% of .marquee-content's total width.
    */
    transform: translateX(-88.8888888889%);
  }
}

@media (prefers-reduced-motion: reduce) {
  .home-mark-dark .marquee-content {
    animation: none;
    /* padding-left: 0; /* This was to counteract the original padding-left: 100%, no longer needed. */
    /* Optional: If content overflows when static, allow wrapping */
    /* white-space: normal; */
  }

  /* This rule was empty in your original CSS. If you intend to hide some items for reduced motion,
     you could add styles here, e.g., display: none; for some children.
     For example, to show only the first 4 spans:
     .home-mark-dark .marquee-content span:nth-child(n + 5) { display: none; }
     But just stopping the animation is the primary requirement for reduced motion.
  */
  .home-mark-dark .marquee-content span:nth-child(n + 5) {
  }
}
/*New marquee section css ends*/

/*New marquee section css ends*/

/*Section Eleven Css starts*/

/* Main Title Styles */
.solutions-section .main-title {
  font-size: 2.5rem;
  font-weight: 700;
  color: #000;
  margin-bottom: 1rem;
}

.solutions-section .subtitle {
  font-size: 1.1rem;
  color: #666;
  margin-bottom: 3rem;
}

/* Hero Image Styles */
.solutions-section .hero-image {
  margin-bottom: 2rem;
  position: relative;
  height: 100%; /* Fixed height container */
}

.solutions-section .hero-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  transform: none !important; /* Prevent any transformations */
}

.solutions-section .hero-image img.active {
  opacity: 1;
  z-index: 1; /* Ensure active image is on top */
}

/* Solutions List Styles */
.solutions-section .solutions-list {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.solutions-section .solution-item {
  padding: 1.5rem;
  border-radius: 12px;
  background: #fff;
  transition: all 0.3s ease;
  cursor: pointer;
  border: 1px solid #eee;
}

.solutions-section .solution-item:hover {
  transform: translateX(10px);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.solutions-section .icon-wrapper {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f0f7ff;
  border-radius: 50%;
  padding: 10px;
}

.solutions-section .solution-icon {
  width: 24px;
  height: 24px;
}

.solutions-section .solution-content {
  flex: 1;
}

.solutions-section .solution-content h3 {
  font-size: 1.2rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
}

.solutions-section .solution-content p {
  font-size: 0.95rem;
  color: #666;
  margin-bottom: 0;
  line-height: 1.4;
}

.solutions-section .arrow-icon {
  font-size: 1.5rem;
  color: #0057b8;
  font-weight: 300;
}

/* Responsive Styles */
@media (max-width: 991.98px) {
  .solutions-section .hero-image {
    margin-bottom: 2rem;
  }

  .solutions-section .solutions-list {
    padding: 0 1rem;
  }
}

@media (max-width: 767.98px) {
  .solutions-section .main-title {
    font-size: 2rem;
  }

  .solutions-section .solution-item {
    padding: 1rem;
  }

  .solutions-section .solution-content h3 {
    font-size: 1.1rem;
  }

  .solutions-section .solution-content p {
    font-size: 0.9rem;
  }
}

/*Section Eleven CSS ends*/

/* --- Section Twelve / Contact Form Styles --- */

.contact-form-section-new {
  background-color: #ededed;
  font-family: "Arial", sans-serif;
}

.contact-form-section-new .contact-form-title {
  font-family: "Arial", sans-serif;
  font-weight: 700;
  font-size: 2.4rem;
  color: var(--dark-grey);
}

.contact-form-section-new .contact-form-title .logo-orange {
  color: var(--primary-orange);
}

.contact-form-section-new .contact-inner-image {
  display: block;
  width: 100%;
  height: 70%;
  /* object-fit: cover; */
  border-radius: 12px;
}

.contact-form-section-new .contact-form-wrapper {
  width: 100%;
}

.contact-form-section-new .contact-form-wrapper .form-control,
.contact-form-wrapper .form-select {
  background-color: var(--white);
  border: 1px solid #eaeaea;
  border-radius: 8px;
  padding: 0.75rem 1rem;
  font-size: 0.9rem;
  color: var(--dark-grey);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
  font-family: "Arial", sans-serif;
}

.contact-form-section-new .contact-form-wrapper .form-control:focus,
.contact-form-wrapper .form-select:focus {
  border-color: var(--primary-orange);
  box-shadow: 0 0 0 0.2rem rgba(255, 102, 0, 0.25);
  outline: none;
}

.contact-form-section-new .contact-form-wrapper .form-control::placeholder {
  color: #a0a0a0;
  font-family: "Arial", sans-serif;
}

.contact-form-section-new .contact-form-wrapper textarea.form-control {
  resize: vertical;
  min-height: 120px;
}

.contact-form-section-new .contact-form-wrapper .form-select {
  appearance: none;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 1rem center;
  background-size: 16px 12px;
  padding-right: 2.5rem;
}

.contact-form-section-new .contact-form-wrapper .form-check-input {
  border-radius: 4px;
  border: 1px solid #ced4da;
  margin-top: 0.2em;
}

.contact-form-section-new .contact-form-wrapper .form-check-input:checked {
  background-color: var(--primary-orange);
  border-color: var(--primary-orange);
}

.contact-form-section-new .contact-form-wrapper .form-check-input:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 102, 0, 0.25);
}

.contact-form-section-new .contact-form-wrapper .form-check-label {
  font-size: 1rem;
  color: var(--medium-grey);
  font-family: "Arial", sans-serif;
  padding-left: 0.5em;
}

.contact-form-section-new .form-disclaimer {
  font-size: 0.9rem;
  color: #888888;
  line-height: 1.5;
  font-family: "Arial", sans-serif;
}

.contact-form-section-new .form-disclaimer a {
  color: var(--dark-grey);
  text-decoration: underline;
}

.contact-form-section-new .form-disclaimer a:hover {
  color: var(--primary-orange);
}

.contact-form-section-new .btn-submit-contact {
  border: 2px solid var(--primary-orange);
  background-color: var(--white);
  color: var(--primary-orange);
  padding: 0.6rem 1.8rem;
  border-radius: 50px;
  font-weight: 400;
  font-family: "Arial", sans-serif;
  font-size: 0.95rem;
  transition: all 0.3s ease;
}

.contact-form-section-new .btn-submit-contact:hover {
  background-color: var(--primary-orange);
  color: var(--white);
}

.contact-form-section-new .btn-submit-contact .arrow {
  display: inline-block;
  transition: transform 0.2s ease;
  margin-left: 5px;
}

.contact-form-section-new .btn-submit-contact:hover .arrow {
  transform: translateX(4px);
}

/* Responsive Adjustments */
@media (max-width: 991.98px) {
  .contact-form-section-new .contact-form-title {
    font-size: 1.6rem;
  }
}

@media (max-width: 767.98px) {
  .contact-form-section-new .contact-form-title {
    text-align: center;
    font-size: 1.5rem;
    margin-bottom: 2rem;
  }
  .contact-form-section-new .contact-image-frame {
    padding: 10px;
    min-height: 350px;
  }
  .contact-form-section-new .contact-inner-image {
    min-height: 330px;
  }
  .contact-form-section-new .contact-form-wrapper .form-check,
  .contact-form-wrapper .form-disclaimer,
  .contact-form-wrapper .text-start {
    text-align: center !important;
  }
  .contact-form-section-new .contact-form-wrapper .form-check-label {
    display: inline-block;
    text-align: left;
    max-width: 90%;
  }
}

@media (max-width: 575.98px) {
  .contact-form-section-new .contact-form-title {
    font-size: 1.4rem;
  }
  .contact-form-section-new .contact-image-frame {
    min-height: 300px;
  }
  .contact-form-section-new .contact-inner-image {
    min-height: 280px;
  }
  .contact-form-section-new .contact-form-wrapper .form-control,
  .contact-form-wrapper .form-select {
    font-size: 0.85rem;
    padding: 0.65rem 0.9rem;
  }
  .contact-form-section-new .contact-form-wrapper textarea.form-control {
    min-height: 100px;
  }
  .contact-form-section-new .btn-submit-contact {
    width: 80%;
    padding: 0.7rem 1rem;
  }
}
/* --- Section Twelve / Contact Form Style ends --- */

/* Section Fifteen Styles (Contact Form Gradient) */
.contact-form-section {
  background: linear-gradient(
    90deg,
    rgba(173, 193, 217, 0.9) 0%,
    rgba(210, 219, 214, 0.9) 25%,
    rgba(235, 230, 210, 0.9) 50%,
    rgba(245, 215, 210, 0.9) 75%,
    rgba(255, 190, 170, 0.9) 100%
  );
  padding-top: 100px !important; /* More padding */
  padding-bottom: 80px;
  font-family: "Arial",  sans-serif;
}

.contact-text-col {
  padding-right: 2rem; /* Space between text and form on large screens */
}

.contact-title {
  font-family:  "Arial", sans-serif;
  font-weight: 700; /* Bold */
  font-size: 2.8rem;
  color: var(--dark-grey);
  line-height: 1.3;
}

.shadow-bg {
  background-color: #0000000f;
  padding: 0 20px 38px 20px;
}

.contact-title .highlight-orange {
  color: var(--primary-orange);
  font-weight: 700;
}

.contact-description {
  font-size: 1rem;
  color: #5a6a7a; /* Muted grey/blue color */
  line-height: 1.7;
  max-width: 90%; /* Limit width slightly */
  font-weight: 400; /* Regular */
}

/* Custom Form Control Styling */
.custom-form-control {
  background-color: var(--white);
  border: none;
  border-radius: 12px; /* More rounded corners */
  padding: 0.9rem 1.2rem;
  font-size: 0.95rem;
  color: var(--dark-grey);
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);
  transition: box-shadow 0.3s ease;
  width: 100%;
  font-family: "Arial", sans-serif; /* Arial for placeholders */
  font-weight: 400;
}

.custom-form-control:focus {
  background-color: var(--white);
  color: var(--dark-grey);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); /* Enhance shadow on focus */
  border: none;
  outline: none;
}

.custom-form-control::placeholder {
  color: #a0a0a0; /* Light grey placeholder */
  font-family: "Arial",  sans-serif;
  font-weight: 400;
}

/* Custom Select Dropdown */
.custom-select-expert {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 1.2rem center;
  background-size: 16px 12px;
  font-family: "Arial",  sans-serif;
  color: #a0a0a0; /* Default color like placeholder */
}
/* Change color when an option is selected */
.custom-select-expert:valid {
  color: var(--dark-grey);
}
/* Style the placeholder option */
.custom-select-expert option[disabled] {
  color: #a0a0a0;
}
/* Style other options */
.custom-select-expert option {
  color: var(--dark-grey);
}

/* Custom Input Group (for Phone) */
.custom-input-group {
  display: flex;
}

.custom-input-group .custom-input-group-text {
  background-color: var(--white);
  border: none;
  border-radius: 12px 0 0 12px; /* Match rounding */
  padding: 0.9rem 0.5rem 0.9rem 1rem;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);
  color: #a0a0a0;
  font-size: 0.95rem;
  display: flex;
  align-items: center;
}

.custom-input-group .flag-icon {
  width: 20px;
  height: auto;
  margin-right: 5px;
}

.custom-input-group .phone-input {
  border-radius: 0 12px 12px 0 !important; /* Ensure right side is rounded */
  padding-left: 0.5rem; /* Reduce left padding */
  flex-grow: 1; /* Allow input to take remaining space */
}
/* Remove shadow from input part within group */
.custom-input-group .custom-form-control {
  box-shadow: none;
}
/* Add shadow to the whole group on focus */
.custom-input-group:focus-within {
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  border-radius: 12px; /* Maintain rounding */
}
.custom-input-group:focus-within .custom-input-group-text {
  box-shadow: none;
}

.message-area {
  min-height: 140px;
  resize: vertical;
}

.btn-contact-submit {
  background-color: #fff0e6; /* Very light orange */
  border: 2px solid var(--primary-orange);
  color: var(--primary-orange);
  border-radius: 50px; /* Fully rounded */
  padding: 10px 35px;
  font-size: 1rem;
  font-family:  "Arial", sans-serif;
  font-weight: 500; /* Medium */
  transition: all 0.3s ease;
}

.btn-contact-submit:hover {
  background-color: var(--primary-orange);
  color: var(--white);
  border-color: var(--primary-orange);
}

/* Responsive Adjustments for Section Fifteen */
@media (max-width: 991.98px) {
  .contact-form-section {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .contact-text-col {
    padding-right: 0; /* Remove padding when stacking */
    text-align: center; /* Center text */
  }
  .contact-description {
    max-width: 100%; /* Allow full width */
    margin-left: auto;
    margin-right: auto;
  }
  .custom-select-expert {
    margin-left: auto;
    margin-right: auto;
    max-width: 400px; /* Limit width */
  }
  .contact-form-col {
    margin-top: 30px; /* Add space above form */
  }
  .contact-title {
    font-size: 2.4rem;
  }
}

@media (max-width: 767.98px) {
  .contact-title {
    font-size: 2.1rem;
  }
  .contact-form-section {
    background: linear-gradient(
      135deg,
      /* Change angle for mobile */ rgba(190, 205, 220, 0.9) 0%,
      /* Adjust colors/stops if needed */ rgba(220, 225, 218, 0.9) 30%,
      rgba(240, 235, 215, 0.9) 60%,
      rgba(250, 200, 190, 0.9) 100%
    );
  }
}

@media (max-width: 575.98px) {
  .contact-title {
    font-size: 1.9rem;
  }
  .custom-form-control {
    padding: 0.8rem 1rem;
    font-size: 0.9rem;
  }
  .custom-select-expert {
    background-position: right 1rem center;
  }
  .btn-contact-submit {
    width: 100%; /* Make button full width */
    padding: 12px 25px;
  }
  .contact-form-col .text-end {
    text-align: center !important; /* Center button container */
  }
}

/* Section Fifteen Styles Ends (Contact Form Gradient) */

/* --- Trusted Worldwide Section CSS Starts --- */

.trusted-worldwide-section {
  padding: 40px 0;
  background-image: url("./images//overlay-background/overlay-bg-img.webp"); /* Placeholder image */
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
}

.trusted-worldwide-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3));
  z-index: 1;
}

.trusted-worldwide-section .container {
  position: relative;
  z-index: 2;
}

.trusted-worldwide-section .content-overlay {
  background-color: rgba(45, 45, 45, 0.85);
  color: var(--white);
  padding: 40px 50px;
  border-radius: 8px;
  text-align: center;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);
}

.trusted-heading {
  font-family:  "Arial", sans-serif;
  font-weight: 700;
  font-size: 1.7rem;
  line-height: 1.4;
  text-align: left;
}

.trusted-description {
  font-family: "Arial",  sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.6;
  color: #e0e0e0;
  max-width: 95%;
  margin-right: auto;
  text-align: left;
}

.trusted-worldwide-section .button-group {
  margin-top: 30px;
}

.btn-outline-light-custom {
  border: 2px solid var(--white);
  color: var(--white);
  background-color: transparent;
  padding: 0.6rem 1.6rem;
  border-radius: 50px;
  font-weight: 400;
  font-family:  "Arial", sans-serif;
  font-size: 0.9rem;
  text-decoration: none;
  transition: all 0.3s ease;
  display: inline-block;
}

.btn-outline-light-custom:hover {
  background-color: var(--white);
  color: #333; /* Dark text on hover */
}

.btn-get-start .arrow {
  display: inline-block;
  margin-left: 6px;
  transition: transform 0.2s ease;
}

.btn-get-start:hover .arrow {
  transform: translateX(5px);
}

/* Responsive Adjustments */
@media (max-width: 991.98px) {
  .trusted-heading {
    font-size: 1.5rem;
  }
  .trusted-description {
    font-size: 0.95rem;
  }
  .trusted-worldwide-section .content-overlay {
    padding: 35px 40px;
  }
}

@media (max-width: 767.98px) {
  .trusted-worldwide-section {
    padding: 60px 0;
  }
  .trusted-heading {
    font-size: 1.4rem;
  }
  .trusted-description {
    font-size: 0.9rem;
    max-width: 100%;
  }
  .trusted-worldwide-section .content-overlay {
    padding: 30px;
  }
  .btn-outline-light-custom {
    padding: 0.5rem 1.4rem;
    font-size: 0.85rem;
  }
}

@media (max-width: 575.98px) {
  .trusted-heading {
    font-size: 1.3rem;
  }
  .trusted-description {
    font-size: 0.85rem;
  }
  .trusted-worldwide-section .content-overlay {
    padding: 25px 20px;
  }
  .trusted-worldwide-section .button-group {
    gap: 10px;
  }
  .btn-outline-light-custom {
    width: auto;
    padding: 0.5rem 1.2rem;
  }
}

/* --- Trusted Worldwide Section CSS Ends --- */

/* --- Section Fourteen / About anovIP Asia Styles --- */

.about-asia-section {
  background-color: var(--white);
  overflow: hidden; /* Prevent potential line overflow issues */
}

.about-asia-text {
  font-family: "Arial", sans-serif;
  color: var(--medium-grey); /* Default paragraph color */
  font-size: 0.95rem;
  line-height: 1.7;
}

.about-asia-title {
  font-family:  "Arial", sans-serif;
  font-weight: 700; /* Bold */
  font-size: 1.8rem;
  color: var(--dark-grey);
}

.about-asia-title .logo-orange {
  color: var(--primary-orange);
}

.about-asia-text p {
  margin-bottom: 1.25rem;
}

.about-asia-text strong {
  font-weight: 700; /* Ensure bold */
  color: var(--dark-grey); /* Make bold text slightly darker */
}

.btn-explore-asia {
  border: 2px solid var(--primary-orange);
  background-color: var(--white);
  color: var(--primary-orange);
  padding: 0.5rem 1.5rem;
  border-radius: 50px; /* Pill shape */
  font-weight: 400;
  font-family: "Arial", sans-serif;
  font-size: 0.9rem;
  text-decoration: none;
  transition: all 0.3s ease;
  display: inline-block; /* Necessary for positioning context */
}

.btn-explore-asia:hover {
  background-color: var(--primary-orange);
  color: var(--white);
}

.asia-map-image {
  border-radius: 12px;
  height: 480px;
  display: block;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.1);
}

/* --- Connecting Line Styles --- */
.line-button-wrapper {
  position: relative; /* Parent for absolute positioning the line */
  display: inline-block; /* Wrap button width */
  margin-top: 1rem;
}

.connecting-line {
  position: absolute;
  bottom: 50%; /* Align vertically with button center */
  left: calc(100% + 15px); /* Start right after the button + gap */
  width: calc(
    100vw - 100% - 70px - (100vw - 1140px) / 2
  ); /* Complex calc trying to reach near image */
  height: 2px; /* Thickness of the line */
  transform: translateY(50%);
}

/* Adjust max-width in calc based on Bootstrap container max-widths */
@media (min-width: 1200px) {
  .connecting-line {
    width: calc(50vw - 100% - 30px - (100vw - 1140px) / 2); /* Simpler for xl */
    max-width: 350px; /* Cap the line length */
  }
}
@media (min-width: 1400px) {
  .connecting-line {
    width: calc(50vw - 100% - 30px - (100vw - 1320px) / 2);
    max-width: 450px;
  }
}

/* The main horizontal line segment */
.connecting-line::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 100%;
  width: calc(100% - 20px); /* Main line length minus jog area */
  background-color: var(--primary-orange);
}

/* The vertical jog segment */
.connecting-line::after {
  content: "";
  position: absolute;
  right: 0; /* Position at the end of the main line space */
  bottom: 0; /* Align bottom */
  width: 2px; /* Thickness of the line */
  height: 22px; /* Height of the vertical jog */
  background-color: var(--primary-orange);
}

/* The dot at the end of the vertical jog */
.connecting-line::after {
  border-top: 8px solid var(--primary-orange); /* Create the dot using border */
  border-radius: 50%; /* Make it round */
  top: -10px; /* Position dot above the vertical line end */
  right: -3px; /* Center the dot horizontally */
  background-color: transparent; /* Override background */
  height: 0; /* Dot created by border */
  width: 0; /* Dot created by border */
  box-sizing: content-box; /* Prevent border from affecting layout */
}

/* Responsive Adjustments for Line & Layout */
@media (max-width: 1199.98px) {
  .connecting-line {
    width: calc(50vw - 100% - 30px - (100vw - 960px) / 2);
    max-width: 280px;
  }
}

@media (max-width: 991.98px) {
  .about-asia-text {
    text-align: center;
  }
  .line-button-wrapper {
    display: block; /* Allow button to be centered */
    margin-top: 1.5rem;
  }
  .btn-explore-asia {
    margin: 0 auto; /* Center button */
  }
  .about-asia-title {
    font-size: 1.7rem;
  }
  .about-asia-image {
    max-width: 450px; /* Limit image size when stacked */
    margin: 0 auto 2rem auto; /* Center image and add bottom margin */
  }
}

@media (max-width: 767.98px) {
  .about-asia-text {
    font-size: 0.9rem;
    line-height: 1.6;
  }
  .about-asia-title {
    font-size: 1.6rem;
  }
}

@media (max-width: 575.98px) {
  .about-asia-title {
    font-size: 1.5rem;
  }
}

/* --- Section Fourteen / About anovIP Asia Style Ends --- */

/* --- Why Choose Us Section CSS Starts --- */

.why-choose-us-section {
  background-color: var(--white);
  font-family: "Arial", sans-serif;
}

.why-choose-img {
  max-height: 350px; /* Limit image height if needed */
  width: 100%;
  object-fit: cover;
}

.why-choose-heading {
  font-family:  "Arial", sans-serif;
  font-weight: 700;
  font-size: 1.9rem; /* Slightly smaller than H1 */
  color: var(--dark-grey);
}

.why-choose-heading .logo-orange {
  color: var(--primary-orange);
}

.why-choose-subheading {
  font-family:  "Arial", sans-serif;
  font-weight: 700;
  font-size: 1.1rem;
  color: #555; /* Slightly lighter than main heading */
}

.why-choose-text {
  font-family: "Arial", sans-serif;
  font-weight: 400;
  font-size: 1rem;
  color: var(--medium-grey);
  line-height: 1.7;
}

.why-choose-card {
  border: none; /* Remove default card border */
  border-radius: 10px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.why-choose-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1) !important; /* Enhance shadow on hover */
}

.why-choose-card .card-body {
  padding: 25px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
}

.why-choose-card-title {
  font-family: "Arial", sans-serif;
  font-weight: 700;
  font-size: 1.1rem;
  color: inherit; /* Inherit color (black for white card, white for orange) */
}

.why-choose-card-text {
  font-family: "Arial", sans-serif;
  font-weight: 400;
  font-size: 0.95rem;
  color: inherit; /* Inherit color */
  line-height: 1.6;
  opacity: 0.9; /* Slight fade for text on orange card */
}

/*.bg-orange {*/
/*  background-color: var(--primary-orange);*/
/*}*/

/* Ensure white text overrides default card text color */
/*.bg-orange.text-white .why-choose-card-title,*/
/*.bg-orange.text-white .why-choose-card-text {*/
/*  color: var(--white) !important;*/
/*}*/

/* Responsive Adjustments */
@media (max-width: 991.98px) {
  .why-choose-heading {
    font-size: 1.7rem;
  }
  .why-choose-subheading {
    font-size: 1rem;
  }
  .why-choose-text {
    font-size: 0.95rem;
  }
  .why-choose-us-section .col-lg-7 {
    padding-left: var(--bs-gutter-x, 0.75rem); /* Reset padding */
  }
}

@media (max-width: 767.98px) {
  .why-choose-heading,
  .why-choose-subheading {
    text-align: center;
  }
  .why-choose-card {
    /* Center cards if needed on tablet/mobile, though col-md-6 usually looks fine */
  }
  .why-choose-img {
    max-height: 300px;
  }
}

@media (max-width: 575.98px) {
  .why-choose-heading {
    font-size: 1.6rem;
  }
  .why-choose-card .card-body {
    padding: 20px;
  }
  .why-choose-card-title {
    font-size: 1rem;
  }
  .why-choose-card-text {
    font-size: 0.9rem;
  }
}

/* Why chooseUs Section css ends */

/* ****************************Section S4 CSS starts********** */
.featured-section-2 {
  padding: 80px 0;
}

.featured-section-2 .featured-header {
  margin-bottom: 40px;
}

.featured-section-2 .featured-tag {
  font-weight: 600;
  font-size: 14px;
  color: #ff4d00;
  /*text-transform: uppercase;*/
}

.featured-section-2 .this-week {
  font-size: 14px;
  color: #666;
  margin-left: 4px;
  /*text-transform: uppercase;*/
}

.featured-section-2 h1 {
  font-size: 32px;
  font-weight: 700;
  margin-top: 16px;
  color: #333;
}

.featured-section-2 .article-card {
  position: relative;
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
  height: 100%;
  transition: all 0.3s ease;
}

.featured-section-2 .article-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.featured-section-2 .article-image {
  height: 100%;
  min-height: 500px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.featured-section-2 .article-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
  padding: 30px 25px 30px 13px;
  height: auto;
  background: #fff;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  border-radius: 4px;
  border-top: 5px solid #ff4d00;
}

.featured-section-2 .article-category {
  margin-bottom: 12px;
}

.featured-section-2 .category-tag {
  color: #ff4d00;
  font-weight: 600;
  font-size: 13px;
}

.featured-section-2 .article-type {
  color: #666;
  font-size: 13px;
  margin-left: 4px;
}

.featured-section-2 .article-title {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4;
  margin: 0;
}

/* Responsive Styles */
@media (max-width: 1199px) {
  .featured-section-2 {
    padding: 60px 0;
  }
}

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

  .article-image {
    height: 200px;
  }
}

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

  h1 {
    font-size: 28px;
  }

  .article-title {
    font-size: 18px;
  }
}

@media (max-width: 575px) {
  .featured-section-2 {
    padding: 32px 0;
  }

  .featured-section-2 h1 {
    font-size: 24px;
  }

  .featured-section-2 .article-content {
    padding: 20px;
  }
}

.featured-section-2 .content-section {
  min-height: 100vh;
  display: flex;
  align-items: center;
  padding: 2rem;
}

.featured-section-2 .content-wrapper {
  max-width: 600px;
  padding: 2rem;
}

.featured-section-2 h1 {
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 2.5rem;
  color: #333;
}

.featured-section-2 .category-date {
  display: flex;
  gap: 1rem;
  margin-bottom: 1rem;
  font-size: 0.875rem;
  color: #666;
}

.featured-section-2 .category {
  font-weight: 600;
}

.featured-section-2 .date,
.read-time {
  color: #666;
}

.featured-section-2 h3 {
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 1rem;
  color: #333;
}

.featured-section-2 .download-link {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #333;
  text-decoration: none;
  font-weight: 500;
  transition: color var(--transition-speed);
}

.featured-section-2 .download-link:hover {
  color: #666;
}

.featured-section-2 .download-link svg {
  width: 16px;
  height: 16px;
}

/* Right Column with Swiper */
.featured-section-2 .image-section {
  position: relative;
  min-height: 100vh;
  background-color: #ededed;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4rem;
}

.featured-section-2 .hunter-logo {
  position: absolute;
  top: 2rem;
  left: 50%;
  transform: translateX(-50%);
  width: 48px;
  height: 48px;
}

.featured-section-2 .testimonialSwiper {
  height: 100%;
  width: 100%;
  max-width: 600px;
}

.featured-section-2 .testimonial-content {
  max-width: 600px;
  position: relative;
  padding: 2rem;
}

.featured-section-2 .testimonial-text {
  font-size: 1.25rem;
  line-height: 1.6;
  color: #333;
  margin-bottom: 2rem;
  position: relative;
  padding-left: 2rem;
}

.featured-section-2 .testimonial-text::before {
  content: '"';
  position: absolute;
  left: 0;
  top: -0.5rem;
  font-size: 3rem;
  color: #999;
  font-family: Georgia, serif;
}

.featured-section-2 .testimonial-author {
  border-top: 1px solid #e0e0e0;
  padding-top: 1.5rem;
}


.featured-section-2 .author-name {
  font-weight: 600;
  margin-bottom: 0.25rem;
}

.featured-section-2 .author-title {
  color: #666;
  margin: 0;
}

/* Swiper Navigation */
.featured-section-2 .swiper-navigation {
  position: absolute;
  top: 2rem;
  right: 2rem;
  display: flex;
  align-items: center;
  gap: 1rem;
}

.featured-section-2 .swiper-button-prev,
.swiper-button-next {
  position: relative;
  width: 40px;
  height: 40px;
  margin: 0;
  color: #333;
  border: 1px solid #e0e0e0;
  border-radius: 50%;
  background-color: white;
}

.featured-section-2 li {
  font-size: 0.95rem;
  font-weight: 400;
  padding-bottom: 5px;
}

.featured-section-2 .swiper-button-prev::after,
.swiper-button-next::after {
  font-size: 1.2rem;
}

.featured-section-2 .swiper-pagination {
  position: relative;
  width: auto;
  bottom: auto;
  left: auto;
  color: #666;
  font-size: 0.875rem;
}

@media (max-width: 991.98px) {
  .featured-section-2 .content-section {
    min-height: auto;
    padding: 3rem 1rem;
  }

  .featured-section-2 .image-section {
    min-height: auto;
    padding: 3rem 1.5rem;
  }

  .featured-section-2 h1 {
    font-size: 2rem;
  }

  .featured-section-2 .content-wrapper {
    padding: 1rem;
  }

  .featured-section-2 .testimonial-text {
    font-size: 1.1rem;
  }
}

.featured-section-2 .btn-primary {
  background-color: #ff4d00;
  border: none;
  padding: 0.75rem 2rem;
  font-weight: 600;
  letter-spacing: 0.5px;
  transition: background-color var(--transition-speed);
}

.featured-section-2 .btn-primary:hover {
  background-color: #085446;
}

.featured-section-2 .learn-more {
  color: #ff4d00;
  text-decoration: none;
  font-weight: 600;
  font-size: 0.9rem;
  transition: color var(--transition-speed);
}

.featured-section-2 .learn-more:hover {
  color: #085446;
}

.featured-section-2 .testimonial-item {
  padding: 1.5rem 0;
  border-bottom: 1px solid #e0e0e0;
}

/* Swiper Navigation */
.featured-section-2 .swiper-navigation {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
  margin-top: 2rem;
}

.featured-section-2 .swiper-button-prev,
.swiper-button-next {
  position: relative;
  width: 40px;
  height: 40px;
  margin: 0;
  color: #333;
  border: 1px solid #e0e0e0;
  border-radius: 50%;
  background-color: white;
}

.featured-section-2 .swiper-button-prev::after,
.swiper-button-next::after {
  font-size: 1.2rem;
}

.featured-section-2 .swiper-pagination {
  position: relative;
  width: auto;
  bottom: auto;
  left: auto;
  color: #666;
  font-size: 0.875rem;
}

.featured-section-2 .overlay-gradient {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    45deg,
    rgba(13, 107, 88, 0.8) 0%,
    rgba(13, 107, 88, 0.4) 100%
  );
}

.featured-section-2 .overlay-people {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
}

/* ****************************Section S4 CSS Ends********** */

/* --- Comprehensive Services Section starts --- */

.comprehensive-services-section {
  background-color: #f8f9fa;
}


.comprehensive-services-title {
  font-family:  "Arial", sans-serif;
  font-weight: 700;
  font-size: 2.1rem;
  color: var(--dark-grey);
}

.comprehensive-services-title .logo-orange {
  color: var(--primary-orange);
}

.service-card {
  border: none;
  border-radius: 15px;
  background-color: var(--white);
  transition: transform 0.3s ease, box-shadow 0.3s ease,
    background-color 0.3s ease, color 0.3s ease; 
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.07); 
}

/* Apply hover scale/shadow effect */
.service-card:not(.graphic-card):hover {
  /* Exclude graphic card from scaling */
  transform: translateY(-5px);
  box-shadow: 0 8px 15px rgba(0, 0, 0, 0.12) !important;
}

.service-card .card-body {
  padding: 25px 30px;
  position: relative;
}

.service-card-title {
  font-family: "Arial", sans-serif;
  font-weight: 700;
  font-size: 1.05rem;
  color: var(--primary-orange);
  transition: color 0.3s ease; /* Add transition for color change */
}

.service-card-list {
  padding-left: 0;
}

.service-card-list li {
  font-family: "Arial", sans-serif;
  font-size: 0.9rem;
  color: var(--medium-grey);
  line-height: 1.6;
  margin-bottom: 0.8rem;
  position: relative;
  padding-left: 18px;
  transition: color 0.3s ease; /* Add transition for color change */
}

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

.service-card-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 7px;
  width: 6px;
  height: 6px;
  background-color: var(--medium-grey);
  opacity: 0.7;
  transition: background-color 0.3s ease; /* Add transition for color change */
}

/* --- Styles for Card Number --- */
.card-number {
  position: absolute;
  bottom: 15px; /* Position from bottom */
  right: 20px; /* Position from right */
  font-family:  "Arial", sans-serif;
  font-size: 1.8rem; /* Larger number */
  font-weight: 700; /* Bold */
  color: rgb(0 0 0 / 12%); /* Very subtle grey */
  line-height: 1;
  transition: color 0.3s ease; /* Add transition for color change */
  z-index: 1; /* Keep below text if overlapping possibility exists */
}

/* --- Styles for the orange hover state (bg-orange class) --- */
/*.service-card.bg-orange {*/
/*  background-color: var(--primary-orange);*/
/*}*/


/*.service-card.bg-orange .service-card-title {*/
/*  color: var(--white);*/
/*}*/

/*.service-card.bg-orange .service-card-list li {*/
/*  color: rgba(255, 255, 255, 0.9);*/
/*}*/

/*.service-card.bg-orange .service-card-list li::before {*/
/*  background-color: rgba(255, 255, 255, 0.8);*/
/*}*/

/* Change number color on orange background */
.service-card.bg-orange .card-number {
  color: rgb(255 77 0 / 71%); /* Subtle white */
}

/* --- Styles for the graphic card --- */
.graphic-card {
  background-color: var(--white);
  box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1) !important;
}

.asia-graphic-img {
  max-width: 300px;
  height: auto;
}

/* --- Responsive Adjustments --- */
@media (max-width: 991.98px) {
  .comprehensive-services-title {
    font-size: 1.9rem;
  }
  .service-card .card-body {
    padding: 20px 25px;
  }
  .card-number {
    font-size: 1.6rem;
    bottom: 12px;
    right: 15px;
  }
}

@media (max-width: 767.98px) {
  .comprehensive-services-title {
    font-size: 1.8rem;
  }
}

@media (max-width: 575.98px) {
  .comprehensive-services-title {
    font-size: 1.7rem;
  }
  .service-card .card-body {
    padding: 20px;
  }
  .service-card-title {
    font-size: 1rem;
  }
  .service-card-list li {
    font-size: 0.85rem;
    padding-left: 16px;
  }
  .service-card-list li::before {
    top: 6px;
    width: 5px;
    height: 5px;
  }
  .card-number {
    font-size: 1.5rem;
    bottom: 10px;
    right: 12px;
  }
}

/* --- Comprehensive Services Section ends --- */


/* --- Testimonials Section starts --- */

.testimonials-section {
  background-color: #fdfdfd;
  overflow: hidden;
}

.testimonials-title {
  font-family:  "Arial", sans-serif;
  font-weight: 700;
  font-size: 1.8rem;
  color: var(--primary-orange);
  margin-bottom: 2rem;
}

.testimonial-swiper {
  padding-bottom: 40px;
}

.testimonial-card {
  background-color: var(--white);
  border: none;
  border-radius: 10px;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.07);
  height: 100%;
  transition: box-shadow 0.4s ease;
  overflow: hidden;
}

.testimonial-card .card-body {
  padding: 30px;
}

.testimonial-text {
  font-family: "Arial", sans-serif;
  font-weight: 400;
  font-size: 0.95rem;
  color: var(--medium-grey);
  line-height: 1.7;
  margin-bottom: 1.5rem;
}

.testimonial-author {
  margin-top: auto;
}

.testimonial-avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  object-fit: cover;
}

.testimonial-name {
  font-family: "Arial", sans-serif;
  font-weight: 700;
  font-size: 1rem;
  color: var(--dark-grey);
}

.testimonial-swiper .swiper-slide-active .testimonial-card {
  box-shadow: 0 8px 25px rgba(255, 102, 0, 0.15);
}

.testimonial-pagination {
  position: relative;
  bottom: 0px;
  margin-top: 1.5rem;
  width: 100%;
  text-align: center;
}

.testimonial-pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background-color: #cccccc;
  opacity: 0.8;
  margin: 0 5px;
  transition: background-color 0.3s ease, opacity 0.3s ease;
  border-radius: 50%;
}

.testimonial-pagination .swiper-pagination-bullet-active {
  background-color: var(--primary-orange);
  opacity: 1;
}

.testimonial-swiper .swiper-wrapper {
  padding-bottom: 20px;
  padding-top: 5px;
}

@media (max-width: 991.98px) {
  .testimonials-title {
    font-size: 1.7rem;
  }
  .testimonial-card .card-body {
    padding: 25px;
  }
}

@media (max-width: 767.98px) {
  .testimonials-title {
    font-size: 1.6rem;
    text-align: center;
  }
  .testimonial-text {
    font-size: 0.9rem;
  }
}

@media (max-width: 575.98px) {
  .testimonial-card .card-body {
    padding: 20px;
  }
  .testimonial-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    margin: 0 4px;
  }
}

/* Testimonials Section Ends */

/* --- Latest Blog / Popular Post Section starts --- */

.blog-popular-section {
  background-color: var(--white);
}

.section-title {
  font-family: "Arial", sans-serif;
  font-weight: 700;
  font-size: 1.8rem;
  color: var(--dark-grey);
}

.section-title .logo-orange {
  color: var(--primary-orange);
}

.title-underline {
  height: 2px;
  width: 60px; /* Adjust width as needed */
  background-color: var(--primary-orange);
}

.blog-post-img {
  aspect-ratio: 16 / 9; /* Maintain aspect ratio */
  object-fit: cover;
  width: 100%;
}

.blog-post-title {
  font-family: "Arial", sans-serif;
  font-weight: 700;
  font-size: 1.1rem;
  color: var(--dark-grey);
  margin-bottom: 0.5rem;
  line-height: 1.4;
}

.blog-post-excerpt {
  font-family: "Arial", sans-serif;
  font-size: 0.95rem;
  color: var(--medium-grey);
  line-height: 1.6;
  margin-bottom: 0.75rem;
}

.blog-post-meta,
.popular-post-meta {
  font-family: "Arial", sans-serif;
  font-size: 0.85rem;
  color: var(--medium-grey);
  margin-top: 0.25rem; /* Small space above meta */
}

.blog-post-separator,
.popular-post-separator {
  margin: 0 0.4rem;
  opacity: 0.5;
}

/* Popular Posts List */
.popular-post-item {
  /* Flex handled by Bootstrap classes */
}

.popular-post-number {
  font-family: "Arial", sans-serif;
  font-size: 2.8rem;
  font-weight: 700;
  color: #ededed; /* Very light grey */
  line-height: 1;
  margin-right: 1.5rem;
  min-width: 50px; /* Ensure consistent spacing */
  text-align: right;
}

.popular-post-content {
  /* Takes remaining space */
}

.popular-post-item-title {
  font-family: "Arial", sans-serif;
  font-weight: 700;
  font-size: 1rem;
  color: var(--dark-grey);
  line-height: 1.4;
  margin-bottom: 0.2rem;
}

/* Responsive Adjustments */
@media (max-width: 991.98px) {
  .section-title {
    font-size: 1.7rem;
  }
  .blog-post-title {
    font-size: 1rem;
  }
  .popular-post-item-title {
    font-size: 0.95rem;
  }
  .popular-post-number {
    font-size: 2.5rem;
    margin-right: 1rem;
    min-width: 40px;
  }
}

@media (max-width: 767.98px) {
  .section-title {
    font-size: 1.6rem;
  }
   .title-underline {
      margin-left: auto;
      margin-right: auto; /* Center underline if title is centered */
   }
   .blog-popular-section .col-lg-8,
   .blog-popular-section .col-lg-4 {
      text-align: center; /* Center titles on mobile */
   }
   .blog-popular-section .col-lg-8 .row {
      text-align: left; /* Reset text align for blog previews */
   }
   .popular-posts-list {
       text-align: left; /* Reset text align for popular list items */
   }
   .popular-post-number {
     font-size: 2.2rem;
   }
}

@media (max-width: 575.98px) {
   .section-title {
    font-size: 1.5rem;
  }
  .blog-post-title,
  .popular-post-item-title {
    font-size: 0.9rem;
  }
  .blog-post-excerpt {
    font-size: 0.9rem;
  }
   .popular-post-number {
     font-size: 2rem;
     margin-right: 0.75rem;
     min-width: 35px;
   }
}

.mb-custom{
    margin-bottom: 3.5rem !important;
}

/* --- Latest Blog / Popular Post Section Ends --- */

/* --- Featured for Members Section starts --- */

.featured-members-section {
  background-color: var(--white);
}

.featured-members-title {
  font-family:  "Arial", sans-serif;
  font-weight: 400; /* Regular weight */
  font-size: 1.8rem;
  color: var(--dark-grey);
}

.featured-members-title .logo-orange {
  color: var(--primary-orange);
  font-weight: 700; /* Bold for 'members' */
}

.title-underline-featured {
  height: 2px;
  width: 80px; /* Adjust width as needed */
  background-color: var(--primary-orange);
}

.featured-item {
  /* Base styles, if any */
}

.featured-img-large {
  aspect-ratio: 16 / 10; /* Adjust ratio if needed */
  object-fit: cover;
  width: 100%;
}

.featured-img-small {
  aspect-ratio: 4 / 3; /* Common ratio for smaller previews */
  object-fit: cover;
  width: 100%;
}

.featured-item-title {
  font-family: "Arial", sans-serif;
  font-weight: 700;
  font-size: 1.1rem;
  color: var(--dark-grey);
  margin-bottom: 0.5rem;
  line-height: 1.4;
}

.featured-item-excerpt {
  font-family: "Arial", sans-serif;
  font-size: 0.95rem;
  color: var(--medium-grey);
  line-height: 1.6;
  margin-bottom: 0.75rem;
}

.featured-item-title-small {
  font-family: "Arial", sans-serif;
  font-weight: 700;
  font-size: 1rem; /* Slightly smaller title */
  color: var(--dark-grey);
  line-height: 1.4;
  margin-bottom: 0.2rem;
}

.featured-item-meta {
  font-family: "Arial", sans-serif;
  font-size: 0.85rem;
  color: var(--medium-grey);
  margin-top: 0.25rem;
}

.featured-item-separator {
  margin: 0 0.4rem;
  opacity: 0.5;
}

/* Responsive Adjustments */
@media (max-width: 991.98px) {
  .featured-members-title {
    font-size: 1.7rem;
  }
  .featured-item-title {
    font-size: 1rem;
  }
   .featured-item-title-small {
    font-size: 0.95rem;
   }
}

@media (max-width: 767.98px) {
  .featured-members-title {
    font-size: 1.6rem;
    text-align: center; /* Center title */
  }
  .title-underline-featured {
    margin-left: auto;
    margin-right: auto; /* Center underline */
  }
   /* Ensure small items stack correctly within their column */
   .featured-members-section .col-lg-6 .col-md-6 {
      flex: 0 0 auto;
      width: 50%; /* Maintain 2 columns on medium if possible */
   }
}

@media (max-width: 575.98px) {
   /* Stack small items to single column on mobile */
   .featured-members-section .col-lg-6 .col-md-6 {
      width: 100%;
   }
   .featured-item-title,
   .featured-item-title-small {
     font-size: 0.95rem;
   }
   .featured-item-excerpt {
     font-size: 0.9rem;
   }
}

/* --- Featured for Members Section Ends --- */
      /*infocus section css starts */
      
.infocus-section .services-section {
  padding: 60px 0;
  overflow: hidden; 
  background-color: #f8f9fa;
}

.infocus-section .services-section .section-title {
  color: #333;
  font-weight: 600;
  position: relative;
  padding-bottom: 15px;
}


.infocus-section .services-section .section-title::after {
  content: '';
  position: absolute;
  display: block;
  width: 60px;
  height: 3px;
  background: #ff4d00;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.infocus-section .service-card {
  background-color: #fff;
  border: 1px solid #e8e8e8;
  border-radius: 8px;
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.05);
  transition: all 0.3s ease-in-out;
  padding: 20px 15px;
  display: flex; 
  flex-direction: column; 
  border-left: 4px solid #ff6501; 
}

.infocus-section .service-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  border-left: 4px solid #daa520; 
}

.infocus-section .service-icon {
  color: #ff4d00; 
}

.infocus-section .service-title {
  font-size: 1.25rem; 
  font-weight: 600;
  color: #333;
  margin-bottom: 15px;
}

.infocus-section .service-description {
  font-size: 0.95rem;
  line-height: 1.6;
  color: #555;
  margin-bottom: 20px; 
}

.infocus-section .service-link {
  text-decoration: none;
  color: #ff4d00; /* Accent color */
  font-weight: 600;
  display: inline-block; 
  transition: all 0.3s ease;
}

.infocus-section .service-link i {
    transition: transform 0.3s ease;
    display: inline-block; 
}

.infocus-section .service-link:hover {
  color: #e66a3f; 
}

.infocus-section .service-link:hover i {
  transform: translateX(5px);
}


@media (max-width: 767px) {
  .infocus-section .service-card {
    margin-bottom: 30px; 
  }
}
      
      /*infocus section css ends*/
      /*Infocus inner page css starts*/
      
.infocus-page-new {
  font-family: "Arial", sans-serif;
  color: #333;
  line-height: 1.7;
}

.infocus-page-new h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 600;
}

/* Banner Section */
.infocus-page-new .banner {
  position: relative;
  height: 60vh; /* Adjust height as needed */
  min-height: 350px;
  background: url("https://via.placeholder.com/1920x600/cccccc/808080?text=Non-Facial+Banner+Image")
    no-repeat center center; /* REPLACE with your non-facial image URL */
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
}

.infocus-page-new .banner-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); /* Dark overlay for text contrast */
  display: flex;
  align-items: center;
  justify-content: center;
}

.infocus-page-new .banner h1 {
  color: white;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
}

.infocus-page-new .banner p {
  color: rgba(255, 255, 255, 0.9);
  font-size: 1.2rem;
}

/* Section Styling */
.infocus-page-new .section-title {
  color: #000;
  margin-bottom: 1.5rem;
  font-weight: 700;
  position: relative;
  padding-bottom: 10px;
}

/* Underline effect for section titles */
.infocus-page-new .section-title::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 80px;
  height: 3px;
  background-color: #ff4d00;
  border-radius: 2px;
}

.infocus-page-new .bg-light {
  background-color: #f8f9fa !important;
}

/* Horizontal Rule */
.infocus-page-new .theme-hr {
  border: 0;
  height: 2px;
  background-image: linear-gradient(
    to right,
    rgba(0, 0, 0, 0),
    #ff4d00,
    rgba(0, 0, 0, 0)
  );
  margin-top: 0;
  margin-bottom: 0;
}
.infocus-page-new .container-fluid.theme-hr {
  padding: 0; /* Remove padding for full width */
}

/* Service Card Styling */
.infocus-page-new .service-card {
  background-color: #ffffff;
  border: 1px solid #dee2e6;
  border-radius: 8px;
  padding: 25px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.infocus-page-new .service-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
}

.infocus-page-new .service-title {
  color: #ff4d00;
  margin-bottom: 15px;
  font-size: 1.2rem;
  border-bottom: 2px solid #ff4d00;
  padding-bottom: 5px;
  display: inline-block;
}

.infocus-page-new .service-card ul {
  padding-left: 20px;
  margin-bottom: 0;
}

.infocus-page-new .service-card ul li {
  margin-bottom: 10px;
}

/* Accordion Styling */
.infocus-page-new .accordion-item {
  margin-bottom: 1rem;
  border: 1px solid #dee2e6;
  border-radius: 5px;
  overflow: hidden; /* Ensures border radius is applied correctly */
}

.infocus-page-new .accordion-header {
  margin-bottom: 0;
}

.infocus-page-new .accordion-button {
  font-weight: 600;
  background-color: #f8f9fa;
  color: #333;
  border: none; /* Remove default border */
  box-shadow: none; /* Remove default focus shadow */
  border-radius: 0 !important; /* Override Bootstrap radius if needed */
}

.infocus-page-new .accordion-button:not(.collapsed) {
  background-color: #ff4d00;
  color: white;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125); /* Keep bottom border consistent */
}

/* Change accordion icon color for collapsed state */
.infocus-page-new .accordion-button::after {
  filter: brightness(0) saturate(100%) invert(45%) sepia(96%) saturate(1821%)
    hue-rotate(349deg) brightness(102%) contrast(104%); /* Theme color icon */
}

/* Change accordion icon color for expanded state */
.infocus-page-new .accordion-button:not(.collapsed)::after {
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7492%)
    hue-rotate(110deg) brightness(104%) contrast(104%); /* White icon */
}

.infocus-page-new .accordion-button:focus {
  box-shadow: 0 0 0 0.25rem rgba(255, 104, 49, 0.25); /* Focus outline with theme color */
  border-color: transparent;
}

.infocus-page-new .accordion-body {
  background-color: #ffffff;
  padding: 1.5rem;
}

.infocus-page-new .accordion-body h4 {
  color: #e65c2a;
  margin-top: 1rem;
  margin-bottom: 0.5rem;
}
.infocus-page-new .accordion-body h4:first-of-type {
  margin-top: 0;
}

.infocus-page-new .accordion-body ul {
  padding-left: 20px;
}
.infocus-page-new .accordion-body ul ul {
  /* Nested lists */
  padding-left: 25px;
  margin-top: 5px;
}

.infocus-page-new .accordion-body li {
  margin-bottom: 8px;
}

.infocus-page-new .accordion-body strong {
  font-weight: 600;
}

/* Value Proposition Section */
.infocus-page-new .value-prop-card {
  background-color: #ffffff;
  border-left: 5px solid #ff4d00;
  padding: 25px;
  border-radius: 5px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
}
.infocus-page-new .value-prop-title {
  color: #ff4d00;
  font-size: 1.3rem;
}
.infocus-page-new .value-prop-card ul li {
  margin-bottom: 5px;
}

/* Call to Action (CTA) Button */
.infocus-page-new .btn-primary {
  background-color: #ff4d00;
  border-color: #ff4d00;
  color: white;
  padding: 12px 30px;
  font-weight: 600;
  transition: background-color 0.3s ease, border-color 0.3s ease;
}

.infocus-page-new .btn-primary:hover,
.infocus-page-new .btn-primary:focus {
  background-color: #e65c2a;
  border-color: #e65c2a;
  color: white;
  box-shadow: 0 0 0 0.25rem rgba(255, 104, 49, 0.5);
}

.infocus-page-new .contact-cta {
  background-color: #ff4d00;
  color: white;
}
.infocus-page-new .contact-cta .section-title {
  color: white;
}
.infocus-page-new .contact-cta .section-title::after {
  background-color: white;
}
.infocus-page-new .contact-cta .lead {
  color: rgba(255, 255, 255, 0.9);
}
.infocus-page-new .contact-cta .btn-primary {
  background-color: white;
  border-color: white;
  color: #ff4d00;
}
.infocus-page-new .contact-cta .btn-primary:hover,
.infocus-page-new .contact-cta .btn-primary:focus {
  background-color: #eee;
  border-color: #eee;
  color: #e65c2a;
  box-shadow: 0 0 0 0.25rem rgba(255, 255, 255, 0.5);
}

/* Responsive Adjustments */
@media (max-width: 767.98px) {
  .infocus-page-new .banner {
    height: 50vh;
    min-height: 300px;
  }
  .infocus-page-new .banner h1 {
    font-size: 2.5rem;
  }
  .infocus-page-new .banner p {
    font-size: 1rem;
  }
  .infocus-page-new .section-title {
    font-size: 1.8rem;
  }
  .infocus-page-new .service-card,
  .infocus-page-new .value-prop-card {
    margin-bottom: 1.5rem; /* Add space between stacked cards */
  }
}

      /*Infocus inner page css ends*/
      /*Case studies page css starts*/
      
      /*--------------------------------------------------------------
# Variables & Base Styles
--------------------------------------------------------------*/


.case-study {
  font-family: "Arial", sans-serif;
  color: #555;
  line-height: 1.7;
}

.case-study .mx-auto{
    margin-right: auto !important;
    margin-left: auto !important;
}

.case-study h1,
.case-study h2,
.case-study h3,
.case-study h4,
.case-study h5,
.case-study h6 {
  font-family: "Arial", sans-serif;
  font-weight: 600;
  color: #000000;
}

.case-study h6{
    font-size: 1rem;
}

.case-study .justify-content-center{
    justify-content: center !important;
}

.case-study .fs-5{
    font-size: 1.25rem !important;
}

.case-study p{
    margin-top: 0;
    margin-bottom: 1rem;
}

.case-study .text-primary {
  color: #ff4d00 !important;
}

.case-study .bg-primary {
  background-color: #ff4d00 !important;
}

.case-study .border-primary {
  border-color: #ff4d00 !important;
}

.case-study a {
  color: #ff4d00;
  text-decoration: none;
  transition: color 0.3s ease;
}

.case-study a:hover {
  color: #e0501b; /* Darker shade of primary */
  text-decoration: underline;
}

.case-study .section-title {
  font-weight: 700;
  position: relative;
  padding-bottom: 15px;
  margin-bottom: 30px; /* More space below titles */
  color: #ff4d00;
}

.case-study .section-title::after {
  content: "";
  position: absolute;
  display: block;
  width: 60px;
  height: 4px;
  background: #ff4d00;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 2px;
}

.case-study .section-subtitle {
  font-weight: 600;
  font-size: 2rem;
  color: #ff4d00;
}

/*--------------------------------------------------------------
# Hero Banner
--------------------------------------------------------------*/
.case-study .hero-banner {
  min-height: 60vh; /* Adjust height as needed */
  background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)),
    url("https://images.unsplash.com/photo-1581091226803-9a48df43590a?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=MnwyMzQ5MzZ8MHwxfGFsbHx8fHx8fHx8fDE2MjYwNjEwOTY&ixlib=rb-1.2.1&q=80&w=1920")
      no-repeat center center; /* Example non-facial image - REPLACE */
  background-size: cover;
  position: relative;
  display: flex; /* Ensure flex alignment works */
  align-items: center; /* Vertically center content */
  padding: 180px 0 50px 0;
}

.case-study .hero-banner h1 {
  color: #fff;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}

.case-study .hero-banner .lead {
  color: rgba(255, 255, 255, 0.9);
}

/*--------------------------------------------------------------
# Client & Challenge Section
--------------------------------------------------------------*/
.case-study .client-challenge-section .content-box {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.case-study .client-challenge-section .content-box:hover {
  transform: translateY(-5px);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1) !important;
}

/*--------------------------------------------------------------
# Approach Section
--------------------------------------------------------------*/
.case-study .approach-section .approach-card {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  border-top: 4px solid transparent;
  display: flex; /* Ensure flex works for card content */
  flex-direction: column; /* Stack content vertically */
}

.case-study .approach-section .approach-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 0.75rem 1.5rem rgba(0, 0, 0, 0.08) !important;
  border-top-color: #ff4d00;
}

.case-study .approach-section .icon-wrapper {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: #ffe8e0; /* Lighter primary shade */
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ff4d00;
  transition: background-color 0.3s ease, color 0.3s ease;
}

.case-study .approach-section .approach-card:hover .icon-wrapper {
  background-color: #ff4d00;
  color: #fff;
}

.case-study .approach-section h5 {
  color: #ff4d00;
  font-weight: 600;
}

/*--------------------------------------------------------------
# Results Section
--------------------------------------------------------------*/
.case-study .results-section .result-card {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.case-study .results-section .result-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1) !important;
}
.case-study .deliverables-list li {
  margin-bottom: 0.5rem;
  display: flex;
  align-items: flex-start;
}
.case-study .deliverables-list i {
  margin-top: 5px; /* Align icon slightly better */
}

/*--------------------------------------------------------------
# Why Choose Us Section
--------------------------------------------------------------*/
.case-study .why-choose-us-section .feature-item {
  transition: transform 0.3s ease;
}
.case-study .why-choose-us-section .feature-item:hover {
  transform: translateY(-5px);
}
.case-study .why-choose-us-section .icon-feature {
  color: #ff4d00;
  margin-bottom: 15px;
}
.case-study .why-choose-us-section .icon-feature i {
  font-size: 2.5rem; /* Larger icons */
}

/*--------------------------------------------------------------
# Testimonial Section
--------------------------------------------------------------*/
.case-study .testimonial-section {
  background-color: #343a40; /* Dark background for contrast */
  color: rgba(255, 255, 255, 0.8);
}
.case-study .testimonial-section blockquote {
  font-style: italic;
  color: #fff;
}
.case-study .testimonial-section .blockquote-footer {
  color: rgba(255, 255, 255, 0.7);
}
.case-study .testimonial-section .fa-quote-left {
  color: #ff4d00 !important;
}

/*--------------------------------------------------------------
# Conclusion & CTA Button
--------------------------------------------------------------*/
.case-study .lead {
  font-size: 1.1rem;
}

.case-study .custom-btn {
  background-color: #ff4d00;
  border-color: #ff4d00;
  padding: 12px 30px;
  font-weight: 600;
  transition: all 0.3s ease;
  box-shadow: 0 4px 15px rgba(255, 104, 49, 0.3); /* Shadow using primary color */
}

.case-study .custom-btn:hover {
  background-color: #e0501b; /* Darker primary */
  border-color: #e0501b;
  transform: translateY(-3px);
  box-shadow: 0 6px 20px rgba(255, 104, 49, 0.4);
}

/*--------------------------------------------------------------
# Responsive Adjustments
--------------------------------------------------------------*/
@media (max-width: 991px) {
  .case-study .hero-banner {
    min-height: 50vh;
    text-align: center;
  }
  .case-study .hero-banner .col-lg-8 {
    margin: 0 auto; /* Center content */
  }
  .case-study .section-title,
  .case-study .section-subtitle {
    font-size: 1.8rem; /* Slightly smaller titles on medium screens */
  }
}

@media (max-width: 767px) {
  .case-study .hero-banner {
    min-height: 40vh;
  }
  .case-study .hero-banner h1 {
    font-size: 2.5rem;
  }
  .case-study .section-title {
    font-size: 1.6rem;
  }
  .case-study .section-subtitle {
    font-size: 1.3rem;
  }
  .case-study .client-challenge-section .col-lg-5,
  .case-study .client-challenge-section .col-lg-7 {
    text-align: center;
  }
  .case-study .client-challenge-section .content-box {
    border-left-width: 0; /* Remove left border on mobile */
    border-top: 4px solid red; /* Use top border instead */
    margin-bottom: 1.5rem;
  }
  .case-study .client-challenge-section .content-box.bg-white {
    /* Specificity for client box */
    border-top-color: #ff4d00;
  }
  .case-study .approach-section .approach-card,
  .results-section .result-card {
    text-align: center; /* Center card content */
  }
  .case-study .approach-section .icon-wrapper {
    margin-left: auto;
    margin-right: auto; /* Center icon */
  }
  .case-study .deliverables-list li {
    justify-content: center; /* Center list items */
  }
  .case-study .custom-btn {
    padding: 10px 25px;
    font-size: 0.9rem;
  }
}

      
      /*Case studies page css ends*/
      
       /*About section home css starts*/
      
.about-sec-home {
  margin: 0;
  font-family: "Arial", sans-serif; 
  line-height: 1.6;
  background-color: #fff;
  padding-top: 60px;
}


.about-sec-home .about-angled-section {
  background-color: #ff4d00; 
  padding: 0; 
  position: relative; 
  overflow: hidden; 
  color: #ffffff; 
}

.about-sec-home .about-angled-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 65px;
  background-color: #1c1c1c;
  z-index: 1;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 4%);
}


.about-sec-home .about-angled-container {
  max-width: 1140px; 
  margin: 0 auto; 
  padding: 0 25px; 
  position: relative; 
  z-index: 2;
}


.about-sec-home .about-angled-content {
  padding-top: 120px; 
  padding-bottom: 5rem; 
}


.about-sec-home .about-angled-heading {
  font-size: 2.2rem; 
  font-weight: 600; 
  color: #ffffff;
  margin-top: 0; 
  margin-bottom: 1.5rem;
}

.about-sec-home .about-angled-text {
  font-size: 1.2rem; 
  color: #f0f0f0; 
  margin-bottom: 1.25rem;
}


.about-sec-home .about-angled-text:last-of-type {
  margin-bottom: 2rem; 
}

.about-sec-home .about-angled-button {
  display: inline-block; 
  background-color: transparent;
  border: 2px solid #ffffff;
  color: #ffffff;
  padding: 15px 30px; 
  text-decoration: none;
  font-weight: 600;
  font-size: 0.9rem;
  transition: background-color 0.3s ease, color 0.3s ease;
  cursor: pointer;
}

.about-sec-home .about-angled-button:hover {
  background-color: #ffffff;
  color: #ff4d00; 
}


@media (max-width: 991px) {
  .about-sec-home .about-angled-heading {
    font-size: 2rem;
  }
  .about-sec-home .about-angled-text {
    font-size: 0.9rem;
  }
  .about-sec-home .about-angled-section::before {
    height: 180px; 
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 50%);
  }
  .about-sec-home .about-angled-content {
    padding-top: 220px; 
    padding-bottom: 4rem;
  }
}

@media (max-width: 767px) {
  .about-sec-home .about-angled-container {
    padding: 0 15px; 
  }
  .about-sec-home .about-angled-heading {
    font-size: 1.8rem;
    text-align: center; 
  }
  .about-sec-home .about-angled-text {
    text-align: left; 
  }
  .about-sec-home .about-angled-section::before {
    height: 130px; 
    clip-path: polygon(
      0 0,
      100% 0,
      100% 100%,
      0 45%
    ); 
  }
  .about-sec-home .about-angled-content {
    padding-top: 160px; 
    padding-bottom: 3rem;
  }
  .about-sec-home .about-angled-button {
    display: inline-block; 
    text-align: center;
    margin: 1.5rem auto 0 auto; 
    max-width: 250px; 
  }
}

      /*About section home css ends*/
      
      

/* CTA IP Section Styles  */
.cta-section-ip {
  background-color: #ff4d00;
  padding: 4rem 0;
  color: #fff;
}

.cta-section-ip .cta-heading {
  font-family:  "Arial", sans-serif;
  font-weight: 700; /* Bold */
  font-size: 2.2rem; /* Adjust as needed */
  line-height: 1.3;
  margin-bottom: 0.5rem;
}

.cta-section-ip .cta-subtext {
  font-family: "Arial", "Helvetica", sans-serif; /* Arial for subtext */
  font-weight: 400; /* Regular */
  font-size: 1.1rem; /* Adjust as needed */
  opacity: 0.95; /* Slightly less prominent if needed, looks fully white */
}

.cta-section-ip .btn-cta-ip {
    background-color: #ffffff;
    color: #000000;
    border: none;
    padding: 10px 14px;
    border-radius: 50px;
    font-family:  "Arial", sans-serif;
    font-weight: 600;
    font-size: 1.2rem;
    text-decoration: none;
    transition: background-color 0.3s ease, transform 0.2s ease;
    display: inline-block;
}

.cta-section-ip .btn-cta-ip:hover {
  background-color: #000;
  color: #fff;
  transform: translateY(-2px); /* Optional: Slight lift on hover */
}

/* Responsive Adjustments for CTA IP Section */
@media (max-width: 991.98px) {
  .cta-section-ip {
    padding: 2.5rem 0;
  }
  .cta-section-ip .cta-heading {
    font-size: 2.6rem;
  }
  .cta-section-ip .cta-subtext {
    font-size: 1rem;
  }
}

@media (max-width: 767.98px) {
  .cta-section-ip .cta-heading {
    font-size: 1.9rem;
    margin-bottom: 0.75rem; /* More space below heading */
  }
  .cta-section-ip .cta-subtext {
    margin-bottom: 1.5rem; /* Add space below subtext before button stacks */
  }
}

@media (max-width: 575.98px) {
  .cta-section-ip {
    padding: 2rem 0;
  }
  .cta-section-ip .cta-heading {
    font-size: 1.7rem;
  }
  .cta-section-ip .cta-subtext {
    font-size: 0.95rem;
    text-align: left !important;
  }
  .cta-section-ip .btn-cta-ip {
    padding: 10px 30px;
    font-size: 0.95rem;
  }
}
      
      /*CTA IP Section CSS ends*/
      
      /*Tailored in IP new section CSS starts*/
      
      .solutions-section-enhanced {
            padding: 60px 0;
            background-color: #fff; /* Match theme section background */
        }

        .solutions-main-title {
            font-size: 2.5rem;
            font-weight: 700;
            color: #333;
        }
        
        .solutions-section-enhanced  .initiative-icon {
        width: 50px;
        height: 50px;
        background-color: rgb(0 0 0 / 10%);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 20px;
        padding: 14px;
      }

     .solutions-section-enhanced  .initiative-icon i {
        font-size: 24px;
        color: #737373;
      }

        .solutions-subtitle {
            font-size: 1.1rem;
            color: #6c757d; /* Muted text color */
            margin-bottom: 40px; /* Space below subtitle */
        }

        /* --- Left Column: Image & Overlay --- */
        .solution-image-container {
            position: relative; /* For absolute positioning of overlay */
            border-radius: 8px; /* Consistent rounding */
            overflow: hidden; /* Clip corners */
            min-height: 400px; /* Fallback minimum height */
            box-shadow: 0 4px 15px rgba(0,0,0,0.1);
            transition: height 0.3s ease-in-out; /* Smooth height transition */
        }

        .solution-background-image {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover; /* Cover the area, may crop */
            transition: opacity 0.4s ease-in-out; /* Fade effect for image change */
        }

        .solution-image-overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.70); /* Dark overlay */
            color: #fff;
            padding: 30px;
            display: flex;
            flex-direction: column;
            justify-content: center; /* Center description vertically */
            align-items: center; /* Center horizontally */
            text-align: center;
        }

        .solution-overlay-description {
            /* Font size/line height now match the right side's <p> */
            font-size: 0.95rem; /* MATCHED right side <p> */
            line-height: 1.5;   /* MATCHED right side <p> */
            padding: 20px 0; /* Vertical padding around description */
            max-width: 88%; /* Adjusted slightly for longer text */
            transition: opacity 0.3s ease; /* Fade text in/out */
            flex-grow: 1; /* Allow description to take available space */
            display: flex; /* Use flex to center vertically */
            align-items: center; /* Center text block vertically */
            justify-content: center; /* Center text horizontally */
            color: #ffffff; /* Ensure white text */
        }
         /* Wrapper for the text itself inside description area */
         #solution-description-text {
            /* Styles inherited from parent now */
         }


        .solution-overlay-links {
            padding-top: 25px; /* Space above links */
            width: 100%;
            flex-shrink: 0; /* Prevent links area from shrinking */
            display: flex;
            justify-content: center; /* Center links horizontally */
            align-items: center;
            flex-wrap: wrap; /* Allow wrapping */
        }

        .solution-overlay-links a {
            color: #ffffff;
            text-decoration: underline;
            font-size: 0.9rem;
            font-weight: 600;
            margin: 0 10px 5px 10px; /* Added bottom margin for wrapped lines */
            white-space: nowrap; /* Prevent link text from breaking */
            display: inline-block;
            transition: color 0.3s ease;
        }

        .solution-overlay-links a:hover {
            color: #ff4d00; /* Theme orange on hover */
            text-decoration: underline;
        }

        /* --- Right Column: Solution List --- */
        .solutions-list {
            padding-left: 20px;
        }

        .solution-item {
            background-color: #fff;
            border: 1px solid #e0e0e0;
            border-radius: 8px;
            padding: 25px;
            margin-bottom: 20px;
            display: flex;
            align-items: flex-start;
            gap: 20px;
            cursor: pointer;
            transition: border-color 0.3s ease, box-shadow 0.3s ease;
            position: relative;
        }
        .solution-item:last-child {
            margin-bottom: 0;
        }

        .solution-item:hover,
        .solution-item.active {
            border-color: #ff4d00;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
        }

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

        .solution-icon {
            width: 24px;
            height: 24px;
            opacity: 0.7;
        }

        .solution-content h3 {
            font-size: 1.2rem;
            font-weight: 700;
            margin-bottom: 8px;
            color: #333;
        }

        /* Style for the descriptive text on the right side */
        .solution-content p {
            font-size: 0.95rem; /* Target font size */
            color: #555;
            line-height: 1.5;   /* Target line height */
            margin-bottom: 0;
        }

        /* --- Responsive Adjustments --- */
        @media (max-width: 991.98px) {
            .solutions-list {
                padding-left: 0;
                margin-top: 30px;
            }
            .solution-image-container {
                 min-height: 350px;
            }
        }
         @media (max-width: 767.98px) {
             .solution-image-container {
                  min-height: 300px;
             }
             .solution-overlay-description {
                font-size: 0.9rem; /* Slightly smaller on mobile */
                max-width: 95%;
                line-height: 1.6; /* Slightly more space on mobile */
             }
             .solution-overlay-links {
                 padding-top: 15px;
                 justify-content: center;
             }
             .solution-overlay-links a {
                 margin: 0 8px 8px 8px;
             }
             .solution-item {
                 padding: 20px;
                 gap: 15px;
             }
             .icon-wrapper {
                 width: 40px;
                 height: 40px;
             }
             .solution-icon {
                 width: 20px;
                 height: 20px;
             }
             .solution-content h3 {
                font-size: 1.1rem;
             }
             .solution-content p {
                 font-size: 0.9rem; /* Match overlay on mobile */
             }
             .solutions-main-title {
                 font-size: 2rem;
             }
              .solutions-subtitle {
                 font-size: 1rem;
                 margin-bottom: 30px;
             }
         }

      
      /*Tailored in IP new section CSS ends*/
     /* ========= ASIA BANNER SECTION STYLES START ========= */
.asia-banner-section {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.asia-banner-bg {
  background-image: url("/career/9.jpg");
  background-size: cover;
  background-position: center center;
  padding: 180px 0 50px 0;
}

.asia-banner-overlay {
  background-color: rgba(10, 10, 10, 0.7); /* Using RGBA directly is fine for overlays */
  /*border-radius: 15px;*/
  padding: 60px 50px;
  position: relative;
}

.asia-banner-content h1 {
  font-family: "Arial", sans-serif;
  font-weight: 700;
  color: var(--white);
  font-size: 2.7rem;
  line-height: 1.35;
  margin-bottom: 30px;
}

.asia-banner-content .text-orange {
  color: var(--primary-orange);
  display: block;
  margin-bottom: 5px;
}

.asia-banner-btn {
  border-radius: 50px;
  padding: 10px 35px;
  font-family: "Arial", sans-serif;
  font-weight: 400;
  font-size: 0.95rem;
  border: 1px solid var(--white);
  color: var(--white);
  background-color: transparent;
  transition: all 0.3s ease;
  text-transform: none;
}

.asia-banner-btn:hover {
  background-color: var(--white);
  color: var(--primary-orange);
  border-color: var(--white);
}

.asia-banner-graphic {
  position: relative;
  min-height: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.asia-banner-graphic .graphic-placeholder {
   max-width: 300px;
   width: 100%;
}

.asia-banner-graphic .graphic-placeholder img {
    max-height: 300px;
    width: auto;
}


@media (max-width: 991.98px) {
  .asia-banner-overlay {
    padding: 50px 40px;
  }
  .asia-banner-content h1 {
    font-size: 2.3rem;
  }
   .asia-banner-graphic .graphic-placeholder {
     max-width: 250px;
   }
    .asia-banner-graphic .graphic-placeholder img {
       max-height: 180px;
   }
}

@media (max-width: 767.98px) {
  .asia-banner-bg {
     padding: 20px 10px;
  }
  .asia-banner-overlay {
    padding: 40px 30px;
  }
  .asia-banner-content {
     text-align: center;
  }
  .asia-banner-content h1 {
    font-size: 2rem;
    line-height: 1.4;
  }
   .asia-banner-content .text-orange {
     display: inline;
     margin-bottom: 0;
     margin-right: 8px;
   }
   .asia-banner-graphic {
      margin-top: 20px;
   }
   .asia-banner-graphic .graphic-placeholder {
     max-width: 220px;
   }
    .asia-banner-graphic .graphic-placeholder img {
        max-height: 160px;
    }
}

@media (max-width: 575.98px) {
  .asia-banner-overlay {
    padding: 35px 20px;
  }
  .asia-banner-content h1 {
    font-size: 1.8rem;
  }
  .asia-banner-btn {
    padding: 9px 30px;
    font-size: 0.9rem;
  }
   .asia-banner-graphic .graphic-placeholder {
     max-width: 180px;
   }
   .asia-banner-graphic .graphic-placeholder img {
       max-height: 130px;
   }
}
/* ========= ASIA BANNER SECTION STYLES END ========= */

/*New Reports section starts*/
 /* Main Container Styles */
        .reports-container {
            position: relative;
            overflow: hidden;
            background-color: #f8f9fa;
        }

        /* Split Layout: Sidebar + Main Content */
        .page-container {
            display: flex;
            position: relative;
            min-height: 536px;
        }

        /* Sidebar Styles */
        .sidebar {
            width: 400px;
            background: linear-gradient(135deg, #ff4d00 0%, #ff9d40 100%);
            position: relative;
            color: #fff;
            padding: 60px 40px;
            overflow: hidden;
            flex-shrink: 0;
            z-index: 2;
        }

        .sidebar-content {
            position: relative;
            z-index: 2;
        }

        .sidebar h1 {
            font-size: 48px;
            color: #fff;
            font-weight: 800;
            line-height: 1.1;
            margin-bottom: 30px;
            text-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }

        .sidebar p {
            font-size: 18px;
            line-height: 1.6;
            margin-bottom: 40px;
            opacity: 0.9;
        }

        .wave-bg {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 140%;
            height: 80%;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='%23ffffff' fill-opacity='0.1' d='M0,160L48,170.7C96,181,192,203,288,202.7C384,203,480,181,576,154.7C672,128,768,96,864,101.3C960,107,1056,149,1152,154.7C1248,160,1344,128,1392,112L1440,96L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z'%3E%3C/path%3E%3C/svg%3E");
            background-size: cover;
            background-position: left center;
            opacity: 0.7;
            z-index: 1;
        }

        .btn-consultation {
            background-color: #fff;
            color: #ff4d00;
            border: none;
            padding: 14px 32px;
            font-size: 16px;
            font-weight: 600;
            border-radius: 50px;
            cursor: pointer;
            transition: all 0.3s ease;
            box-shadow: 0 5px 20px rgba(0,0,0,0.08);
            display: inline-block;
            text-decoration: none;
            margin-top: 20px;
        }

        .btn-consultation:hover {
            transform: translateY(-3px);
            box-shadow: 0 8px 30px rgba(0,0,0,0.12);
            color: #e66a00;
        }

        /* Main Content Area */
        .main-content {
            flex-grow: 1;
            padding: 60px 40px;
            position: relative;
            z-index: 1;
            overflow: hidden;
        }

        .wave-overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='%23ff7a00' fill-opacity='0.03' d='M0,160L48,170.7C96,181,192,203,288,202.7C384,203,480,181,576,154.7C672,128,768,96,864,101.3C960,107,1056,149,1152,154.7C1248,160,1344,128,1392,112L1440,96L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z'%3E%3C/path%3E%3C/svg%3E");
            background-size: cover;
            background-position: center bottom;
            opacity: 0.5;
            z-index: -1;
            transform: scaleX(-1);
        }

        /* Reports Grid */
        .reports-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 25px;
            margin-top: 10px;
        }

        /* Enhanced Premium Report Card Design */
        .report-card {
            background: #fff;
            border-radius: 12px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.05);
            transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), box-shadow 0.3s ease;
            position: relative;
            cursor: pointer;
            height: 100%;
            display: flex;
            flex-direction: column;
            overflow: visible;
            padding: 18px;
        }

        .report-card::before {
            content: '';
            position: absolute;
            top: 8px;
            left: 8px;
            right: 8px;
            bottom: 8px;
            border-radius: 8px;
            border: 1px solid rgba(255, 122, 0, 0.07);
            pointer-events: none;
            transition: all 0.3s ease;
        }

        .report-card:hover {
            transform: translateY(-8px);
            box-shadow: 0 15px 35px rgba(0,0,0,0.1);
        }

        .report-card:hover::before {
            border-color: rgba(255, 122, 0, 0.2);
        }

        /* Elegant Corner Accents */
        .report-card::after {
            content: '';
            position: absolute;
            width: 24px;
            height: 24px;
            top: 16px;
            right: 16px;
            background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23 1V9M23 1H15M23 1L14 10' stroke='%23FF7A00' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' opacity='0.5'/%3E%3C/svg%3E");
            background-repeat: no-repeat;
            background-position: center;
            opacity: 0.3;
            transition: opacity 0.3s ease;
            pointer-events: none;
        }

        .report-card:hover::after {
            opacity: 0.7;
        }

        .card-image-wrapper {
            position: relative;
            overflow: hidden;
            border-radius: 8px;
            height: auto; 
            box-shadow: 0 4px 12px rgba(0,0,0,0.08);
            background-color: #fff;
            border: 1px solid rgba(0,0,0,0.03);
            transition: all 0.3s ease;
        }

        .report-card:hover .card-image-wrapper {
            box-shadow: 0 8px 20px rgba(0,0,0,0.12);
            border-color: rgba(0,0,0,0.05);
        }

        /* Premium Inner Border Effect */
        .card-image-wrapper::before {
            content: '';
            position: absolute;
            top: 6px;
            left: 6px;
            right: 6px;
            bottom: 6px;
            border: 1px solid rgba(255,255,255,0.1);
            border-radius: 4px;
            z-index: 2;
            pointer-events: none;
            transition: all 0.3s ease;
        }

        .report-card:hover .card-image-wrapper::before {
            top: 8px;
            left: 8px;
            right: 8px;
            bottom: 8px;
            border-color: rgba(255,255,255,0.25);
        }

        .card-image-container {
            width: 100%;
            height: 100%;
            position: relative;
            overflow: hidden;
        }

        .card-image-container img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.8s cubic-bezier(0.19, 1, 0.22, 1);
        }

        .report-card:hover .card-image-container img {
            transform: scale(1.04);
        }

        /* Enhanced Download Overlay */
        .download-overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            opacity: 0;
            transition: all 0.3s ease;
            z-index: 3;
            background: rgba(255, 122, 0, 0.85);
            background: linear-gradient(135deg, rgba(255, 122, 0, 0.85) 0%, rgba(255, 155, 50, 0.9) 100%);
            border-radius: 8px;
        }

        .report-card:hover .download-overlay {
            opacity: 1;
        }

        /* Enhanced Download Icon */
        .download-icon {
            background-color: rgba(255, 255, 255, 0.15);
            width: 56px;
            height: 56px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 12px;
            transform: translateY(20px);
            opacity: 0;
            transition: all 0.4s ease 0.1s;
            border: 1px solid rgba(255, 255, 255, 0.3);
        }

        .download-icon i {
            color: white;
            font-size: 22px;
        }

        .report-card:hover .download-icon {
            transform: translateY(0);
            opacity: 1;
        }

        .download-overlay-text {
            color: white;
            font-size: 16px;
            font-weight: 600;
            transform: translateY(20px);
            opacity: 0;
            transition: all 0.4s ease 0.2s;
            letter-spacing: 0.5px;
        }

        .report-card:hover .download-overlay-text {
            transform: translateY(0);
            opacity: 1;
        }

        /* Modal Styles - Refined */
        .report-modal, .success-modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0,0,0,0.7);
            z-index: 1000;
            overflow: auto;
            align-items: center;
            justify-content: center;
            backdrop-filter: blur(5px);
        }

        .modal-content {
            background-color: #fff;
            margin: 40px auto;
            width: 90%;
            max-width: 550px;
            border-radius: 16px;
            box-shadow: 0 20px 60px rgba(0,0,0,0.3);
            position: relative;
            animation: modalFadeIn 0.5s cubic-bezier(0.16, 1, 0.3, 1);
            overflow: hidden;
        }

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

        .close-modal, .close-success {
            position: absolute;
            top: 20px;
            right: 20px;
            font-size: 28px;
            color: #777;
            cursor: pointer;
            transition: all 0.2s ease;
            z-index: 10;
            width: 36px;
            height: 36px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            background-color: rgba(0,0,0,0.03);
        }

        .close-modal:hover, .close-success:hover {
            color: #333;
            background-color: rgba(0,0,0,0.07);
        }

        .modal-header {
            text-align: center;
            padding: 35px 30px 15px;
            position: relative;
        }

        .modal-header::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 4px;
            background: linear-gradient(to right, #ff4d00, #ff9d40);
        }

        .modal-header h2 {
            font-size: 26px;
            font-weight: 700;
            color: #333;
            margin-bottom: 15px;
            line-height: 1.3;
        }

        .modal-header p {
            font-size: 16px;
            color: #777;
            margin-bottom: 5px;
        }

        .modal-body {
            padding: 0 40px 40px;
        }

        .form-group {
            margin-bottom: 22px;
        }

        .form-label {
            display: block;
            font-size: 15px;
            font-weight: 600;
            color: #555;
            margin-bottom: 10px;
        }

        .form-control {
            display: block;
            width: 100%;
            padding: 14px 18px;
            font-size: 16px;
            font-weight: 400;
            line-height: 1.5;
            color: #333;
            background-color: #f8f9fa;
            background-clip: padding-box;
            border: 1px solid #e2e6ea;
            border-radius: 10px;
            transition: all 0.3s ease;
            box-shadow: inset 0 1px 2px rgba(0,0,0,0.03);
        }

        .form-control:focus {
            background-color: #fff;
            border-color: #ff9d40;
            outline: 0;
            box-shadow: 0 0 0 3px rgba(255, 122, 0, 0.15);
        }

        .form-control::placeholder {
            color: #b0b8c1;
        }

        .btn-submit {
            background: linear-gradient(to right, #ff4d00 0%, #ff9d40 100%);
            color: white;
            border: none;
            padding: 16px 28px;
            font-size: 17px;
            font-weight: 600;
            border-radius: 12px;
            cursor: pointer;
            transition: all 0.3s ease;
            width: 100%;
            box-shadow: 0 4px 15px rgba(255, 122, 0, 0.25);
            margin-top: 20px;
        }

        .btn-submit:hover {
            box-shadow: 0 6px 20px rgba(255, 122, 0, 0.4);
            transform: translateY(-3px);
        }

        .btn-submit i {
            margin-right: 8px;
        }

        /* Success Modal */
        .success-content {
            text-align: center;
            padding: 60px 40px;
        }

        .success-icon {
            font-size: 75px;
            color: #4CAF50;
            margin-bottom: 25px;
            display: inline-block;
        }

        .success-content h2 {
            font-size: 32px;
            font-weight: 700;
            color: #333;
            margin-bottom: 20px;
        }

        .success-content p {
            font-size: 17px;
            color: #555;
            margin-bottom: 10px;
            line-height: 1.6;
        }

        .success-content .email-highlight {
            font-weight: 600;
            color: #ff4d00;
        }

        .btn-close-success {
            background: linear-gradient(to right, #ff4d00 0%, #ff9d40 100%);
            color: white;
            border: none;
            padding: 14px 35px;
            font-size: 16px;
            font-weight: 600;
            border-radius: 12px;
            cursor: pointer;
            transition: all 0.3s ease;
            display: inline-block;
            margin-top: 30px;
            box-shadow: 0 4px 15px rgba(255, 122, 0, 0.2);
        }

        .btn-close-success:hover {
            box-shadow: 0 6px 20px rgba(255, 122, 0, 0.35);
            transform: translateY(-3px);
        }

        /* Responsive Styles */
        @media (max-width: 992px) {
            .page-container {
                flex-direction: column;
            }
            
            .sidebar {
                width: 100%;
                padding: 50px 30px;
            }
            
            .reports-grid {
                grid-template-columns: repeat(2, 1fr);
            }
            
            .sidebar h1 {
                font-size: 36px;
                margin-bottom: 20px;
            }
        }

        @media (max-width: 768px) {
            .main-content {
                padding: 40px 20px;
            }
            
            .modal-content {
                width: 95%;
                max-width: 450px;
            }
            
            .modal-header h2 {
                font-size: 22px;
            }
            
            .modal-body {
                padding: 0 25px 30px;
            }

            .card-image-wrapper {
                height: 400px; /* Slightly reduced height for tablets */
            }
        }

        @media (max-width: 576px) {
            .reports-grid {
                grid-template-columns: 1fr;
                gap: 20px;
            }
            
            .sidebar {
                padding: 40px 20px;
            }
            
            .sidebar h1 {
                font-size: 32px;
            }
            
            .btn-consultation {
                padding: 12px 25px;
                font-size: 15px;
            }
            
            .card-image-wrapper {
                height: 380px; /* Adjusted height for mobile */
            }
        }
/*New Reports section starts*/

/*Section S1 css starts*/
.service-abt{
                padding: 60px 0px;
        }

.service-abt .content-section {
        /*min-height: 100vh;*/
        display: flex;
        align-items: center;
        padding: 2rem;
      }

      .service-abt .content-wrapper {
        max-width: 600px;
        padding: 2rem;
      }

      .service-abt h1 {
        font-size: 2.5rem;
        font-weight: 700;
        line-height: 1.2;
        margin-bottom: 1.5rem;
      }

      .service-abt .lead {
        font-size: 1rem;
        line-height: 1.6;
        color: #666;
      }

      .service-abt .btn-primary {
        background-color: #ff4d00;
        border: none;
        /*padding: 0.75rem 2rem;*/
        font-weight: 600;
        letter-spacing: 0.5px;
        transition: background-color var(--transition-speed);
      }

      .service-abt .btn-primary:hover {
        background-color: #085446;
      }

      .service-abt .learn-more {
        color: #ff4d00;
        text-decoration: none;
        font-weight: 600;
        font-size: 0.9rem;
        transition: color var(--transition-speed);
      }

      .service-abt .learn-more:hover {
        color: #085446;
      }

      .service-abt .image-section {
        position: relative;
        /*min-height: 100vh;*/
        background-image: url("https://web-assets.bcg.com/dims4/default/5be13e1/2147483647/strip/true/crop/1214x1620+833+0/resize/500x667!/format/webp/quality/90/?url=http%3A%2F%2Fboston-consulting-group-brightspot.s3.amazonaws.com%2F3d%2Fc1%2F9347b0d74e20888662660e6c3300%2Fcost-management-remains-an-executive-priority-in-2025-rectangle.jpg");
        background-size: cover;
        background-position: center;
      }

      .service-abt .overlay-gradient {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        /*background: linear-gradient(45deg, rgb(121 121 121 / 80%) 0%, rgb(19 108 90 / 40%) 100%);*/
      }

      .service-abt .overlay-people {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.3);
      }

      @media (max-width: 991.98px) {
        .service-abt .content-section {
          min-height: auto;
          padding: 3rem 1rem;
        }

        .service-abt .image-section {
          min-height: 50vh;
        }

        .service-abt h1 {
          font-size: 2rem;
        }

        .service-abt .content-wrapper {
          padding: 1rem;
        }
      }

/*Section S1 css Ends*/

/*Section S2 css starts*/

      :root {
        --transition-speed: 0.3s;
      }
    
       .service-sec-2{ font-family: 'Arial', sans-serif;}
        
      .service-sec-2 .content-section {
        /* min-height: 100vh; */
        /* display: flex; */
        /* align-items: center; */
        padding: 0 2rem;
      }

      .service-sec-2 .content-wrapper {
        /* max-width: 600px; */
        padding: 0 2rem;
      }

      .service-sec-2 h1 {
        font-size: 2.5rem;
        font-weight: 700;
        line-height: 1.2;
        margin-bottom: 2.5rem;
        color: #333333;
      }

      .service-sec-2 .category-date {
        display: flex;
        gap: 1rem;
        margin-bottom: 1rem;
        font-size: 0.875rem;
        color: #666666;
        justify-content: space-between;
      }

      .service-sec-2 .category {
        font-weight: 600;
        background-color: #e7e7e7;
        padding: 2px 5px;
        border-radius: 5px;
        color: #292929;
      }

      .service-sec-2 .date,
      .read-time {
        color: #666666;
      }

      .service-sec-2 h3 {
        font-size: 1.25rem;
        font-weight: 600;
        margin-bottom: 1rem;
        color: #333333;
      }

      .service-sec-2 .download-link {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        color: #333333;
        text-decoration: none;
        font-weight: 500;
        transition: color var(--transition-speed);
      }
      
      .service-sec-2 .lead{
          font-size: 1rem !important;
      }

      .service-sec-2 .download-link:hover {
        color: #666;
        opacity: 0.8;
      }

      .service-sec-2 .download-link svg {
        width: 16px;
        height: 16px;
      }

      /* Right Column with Swiper */
      .service-sec-2 .image-section {
        position: relative;
        /* min-height: 100vh; */
        background-color: #ededed;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 3rem;
      }

      .service-sec-2 .hunter-logo {
        position: absolute;
        top: 2rem;
        left: 50%;
        transform: translateX(-50%);
        width: 48px;
        height: 48px;
      }

      .service-sec-2 .testimonialSwiper {
        height: 100%;
        width: 100%;
        max-width: 600px;
      }

      .service-sec-2 .testimonial-content {
        max-width: 600px;
        position: relative;
        padding: 4rem;
      }

      .service-sec-2 .testimonial-text {
        font-size: 1.25rem;
        line-height: 1.6;
        color: #333333;
        margin-bottom: 2rem;
        position: relative;
        padding-left: 2rem;
      }

      .service-sec-2 .testimonial-text::before {
        content: '"';
        position: absolute;
        left: 0;
        top: -1.5rem;
        font-size: 4rem;
        color: #ff4d00;
        font-family: Georgia, serif;
      }

      .service-sec-2 .testimonial-author {
        border-top: 1px solid #e0e0e0;
        padding-top: 1.5rem;
      }

      .service-sec-2 .author-name {
        font-weight: 600;
        margin-bottom: 0.25rem;
        color: #000;
      }

      .service-sec-2 .author-title {
        color: #666666;
        margin: 0;
      }

      /* Swiper Navigation */
      .service-sec-2 .swiper-navigation {
        position: absolute;
        top: 0.2rem;
        right: 2rem;
        display: flex;
        align-items: center;
        gap: 1rem;
      }

      .service-sec-2 .swiper-button-prev,
      .service-sec-2 .swiper-button-next {
        position: relative;
        width: 40px;
        height: 40px;
        margin: 0;
        color: #333333;
        border: 1px solid #e0e0e0;
        border-radius: 50%;
        background-color: white;
      }

      .service-sec-2 .swiper-button-prev::after,
      .service-sec-2 .swiper-button-next::after {
        font-size: 1.2rem;
      }

      .service-sec-2 .swiper-pagination {
        position: relative;
        width: auto;
        bottom: auto;
        left: auto;
        color: #666666;
        font-size: 0.875rem;
      }

      @media (max-width: 991.98px) {
        .service-sec-2 .content-section {
          min-height: auto;
          padding: 3rem 1rem;
        }

        .service-sec-2 .image-section {
          min-height: auto;
          padding: 3rem 1.5rem;
        }

        .service-sec-2 h1 {
          font-size: 2rem;
        }

        .service-sec-2 .content-wrapper {
          padding: 1rem;
        }

        .service-sec-2 .testimonial-text {
          font-size: 1.1rem;
        }
      }

      .service-sec-2 .hr-mt-mb {
        margin-top: 30px;
        margin-bottom: 15px;
        width: 100%;
        color: #000;
      }


/*Section S2 css ends*/

/*Enhanced Case Studies Section css starts*/

        .case-studies-section-enhanced {
            padding: 60px 0;
            background-color: #ffffff; /* White background for the section */
            overflow: hidden;
        }
        
        .btn-submit-contact-enhanced{
            pointer-events: none;
        }

        /* --- Logo Styling (Theme Consistent) --- */
        .logo-orange {
            color: #ff4d00; /* Your theme's orange */
            font-weight: 700;
        }

        /* --- Section Header Styling --- */
        .case-studies-title-enhanced {
            font-size: 2.5rem;
            font-weight: 700;
            margin-bottom: 0.5rem;
            color: #333;
        }

        .btn-explore-enhanced {
            background-color: transparent;
            border: 2px solid #ff4d00;
            color: #ff4d00;
            padding: 10px 25px;
            font-weight: 700;
            transition: all 0.3s ease;
            text-decoration: none;
            border-radius: 5px;
            display: inline-block;
        }

        .btn-explore-enhanced:hover {
            background-color: #ff4d00;
            color: #fff;
        }

        /* --- Case Study Card Styling --- */
        .case-study-card {
            position: relative;
            height: 320px;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            transition: box-shadow 0.3s ease;
            display: block;
            text-decoration: none;
            cursor: pointer;
        }

        .case-study-card:hover {
            box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
        }

        .card-image {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.5s ease;
        }

        .case-study-card:hover .card-image {
            transform: scale(1.05);
        }

        .card-title-overlay {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            background: linear-gradient(to top, rgb(255 77 0), rgb(255 77 0 / 43%));
            color: #fff;
            padding: 20px 15px 15px 15px;
            z-index: 2;
            transition: opacity 0.3s ease;
        }

        .card-title-overlay p {
            margin-bottom: 0;
            font-size: 0.9rem;
            font-weight: 700;
        }

        .case-study-card:hover .card-title-overlay {
            opacity: 0;
        }

        .card-content-overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.75);
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            text-align: center;
            padding: 25px;
            transform: translateY(100%);
            transition: transform 0.3s ease-out;
            z-index: 3;
        }

        .case-study-card:hover .card-content-overlay,
        .case-study-card:focus .card-content-overlay {
            transform: translateY(0);
        }

        .card-content-overlay h4 {
            color: white;
            font-size: 1.1rem;
            font-weight: 700;
            margin-bottom: 12px;
        }

        .card-content-overlay p {
            color: white;
            font-size: 0.85rem;
            margin-bottom: 20px;
            line-height: 1.5;
            max-width: 90%;
        }

        .btn-read-more-enhanced {
            background-color: #ff4d00;
            color: #fff;
            padding: 10px 20px;
            font-weight: 700;
            text-decoration: none;
            border-radius: 5px;
            font-size: 0.85rem;
            transition: all 0.3s ease;
            border: 1px solid #ff4d00;
            display: inline-block;
        }

        .btn-read-more-enhanced:hover {
            background-color: #E65100;
            color: #fff;
        }

        /* --- Contact Area Styling (Third Row - Height Balanced) --- */
        .contact-logo-area-wrapper {
            background-color: #f0f0f0;
            padding: 25px;
            border-radius: 8px;
            height: 100%;
            min-height: 320px;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

        .contact-info-col h3 {
             font-size: 2.0rem;
             margin-bottom: 15px;
             text-align: left;
        }

        .contact-info-col .contact-area-sales {
             margin-top: 20px;
             text-align: left;
             font-size: 0.95rem;
             font-weight: 700;
             color: #333;
        }

        .contact-info-col .contact-area-sales span {
             color: #ff4d00;
             display: block;
             font-size: 1.1rem;
             margin-top: 4px;
        }
         .contact-info-col p.text-muted {
             font-size: 0.9rem;
             margin-bottom: 15px;
         }

        .contact-area-form .form-control {
            margin-bottom: 0.75rem;
            border-radius: 4px;
            border: 1px solid #ced4da;
            font-size: 0.9rem;
        }
         .contact-area-form .form-control::placeholder {
            color: #6c757d;
            opacity: 1;
        }

        .contact-area-form .btn-submit-contact-enhanced {
            background-color: #ff4d00;
            color: #fff;
            padding: 10px 18px;
            border: none;
            font-weight: 700;
            border-radius: 5px;
            transition: background-color 0.3s ease;
            width: 100%;
            font-size: 0.9rem;
            margin-top: 0.5rem;
        }

        .contact-area-form .btn-submit-contact-enhanced:hover {
            background-color: #E65100;
        }

        /* --- Ensure balanced height in the last row --- */
        .row-contact-area {
            display: flex;
            flex-wrap: wrap;
            align-items: stretch;
        }
         .row-contact-area > [class*='col-'] {
            display: flex;
            flex-direction: column;
            margin-bottom: 1.5rem;
         }
         .row-contact-area .contact-logo-col > .contact-logo-area-wrapper {
             flex-grow: 1;
         }
         .contact-logo-area-wrapper .row {
            height: 100%;
            align-items: center;
         }
  

/*Enhanced Case Studies Section css ends*/

/*Team section CSS starts*/

.people-section {
  background-color: var(--white);
}

.section-title {
  font-family:  "Arial", sans-serif;
  font-weight: 700;
  font-size: 1.8rem;
  color: var(--dark-grey);
}

/* Filter Area Styles */
.filter-area {
  border-bottom: 1px solid var(--border-grey);
  padding-bottom: 1.5rem;
}

.filter-by-label {
  font-family: "Arial", sans-serif;
  font-weight: 400;
  font-size: 0.8rem;
  color: var(--medium-grey);
  /*text-transform: uppercase;*/
  letter-spacing: 0.5px;
}

.clear-all-link {
  font-family: "Arial", sans-serif;
  font-size: 0.9rem;
  color: var(--primary-orange);
  text-decoration: none;
  font-weight: 400;
  transition: color 0.2s ease;
}

.clear-all-link:hover {
  color: #ff4d00; /* Darker orange */
  text-decoration: underline;
}

.filter-label {
  font-family: "Arial", sans-serif;
  font-size: 0.9rem;
  color: var(--dark-grey);
  margin-bottom: 0.4rem;
  font-weight: 400;
}

.filter-dropdown {
  font-family: "Arial", sans-serif;
  font-size: 0.95rem;
  border: 1px solid #ced4da;
  border-radius: 0.3rem;
  padding: 0.6rem 1rem;
  background-color: var(--white);
  color: var(--dark-grey);
}

.filter-dropdown:focus {
  border-color: var(--primary-orange);
  box-shadow: 0 0 0 0.2rem rgba(255, 102, 0, 0.25);
  outline: 0;
}

/* People Card Styles */
.people-card .card {
  border: 1px solid #ededed; /* Lighter border */
  border-radius: 8px; /* Slightly less rounded */
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.06); /* Adjusted shadow */
  transition: transform 0.25s ease, box-shadow 0.25s ease;
  background-color: var(--white);
  display: flex; /* Use flexbox for card content */
  flex-direction: column; /* Stack image wrapper and body */
  height: 100%; /* Ensure cards in a row have same height */
}

.people-card .card:hover {
  transform: translateY(-4px);
  box-shadow: 0 6px 15px rgba(0, 0, 0, 0.1);
}

.card-img-top-wrapper {
  padding-top: 12px; /* Adjusted top padding */
  text-align: center;
  margin-bottom: 0.6rem; /* Adjusted margin */
}

.person-image {
  width: 150px; /* Final display size */
  height: 150px; /* Final display size */
  border-radius: 50%;
  object-fit: cover; /* Crucial for handling 400x400 source */
  object-position: center;
  border: 2px solid var(--white); /* Adjusted border */
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  margin-left: auto;
  margin-right: auto;
}

.people-card .card-body {
  padding: 0.6rem 1rem 1rem 1rem; /* Adjusted padding */
  display: flex;
  flex-direction: column;
  flex-grow: 1; /* Allow body to take remaining vertical space */
  text-align: center;
}

.person-name {
  font-family:  "Arial", sans-serif;
  font-weight: 700;
  font-size: 1.1rem; /* Adjusted font size */
  color: #ff4d00;
  margin-bottom: 0.15rem; /* Adjusted margin */
}

.person-title {
  font-family: "Arial", sans-serif;
  font-weight: 400;
  font-size: 0.8rem; /* Adjusted font size */
  color: var(--medium-grey);
  margin-bottom: 0.6rem; /* Adjusted margin */
}

.person-bio {
  font-family: "Arial", sans-serif;
  font-weight: 400;
  font-size: 0.9rem; /* Adjusted font size */
  color: var(--dark-grey);
  line-height: 1.4; /* Adjusted line height */
  margin-bottom: 0;
  flex-grow: 1; /* Allow bio to push elements down if needed */
  min-height: calc(1.4em * 2); /* Reserve space for ~2 lines */
}

/* Responsive Adjustments */
@media (max-width: 991.98px) {
  .section-title {
    font-size: 2.4rem;
  }
  .person-image {
    width: 105px;
    height: 105px;
  }
  .person-name {
    font-size: 1.05rem;
  }
}

@media (max-width: 767.98px) {
  .section-title {
    font-size: 2rem;
    text-align: center;
  }
  .filter-header {
    flex-direction: column;
    align-items: flex-start;
  }
  .clear-all-link {
    margin-top: 0.5rem;
  }
  .person-image {
    width: 100px;
    height: 100px;
  }
  .person-name {
    font-size: 1rem;
  }
  .person-title,
  .person-bio {
    font-size: 0.78rem;
  }
}

@media (max-width: 575.98px) {
  .people-card .card-body {
    padding: 0.5rem 0.8rem 0.8rem 0.8rem;
  }
}

/*Team section CSS ends*/

/* Career section css starts */
.career-section {
    background: linear-gradient(45deg, #f44336, #ff5722);
    color: white;
    position: relative;
    overflow: hidden;
}

.career-section .team-avatars {
    position: relative;
    height: 300px;
}

.career-section .avatar {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background-size: cover;
    background-position: center;
    position: absolute;
    border: 3px solid white;
}

.career-section .avatar-1 {
    top: 20%;
    right: 40%;
    background-image: url('https://source.unsplash.com/random/150x150/?person1');
}

.career-section .avatar-2 {
    top: 10%;
    right: 20%;
    background-image: url('https://source.unsplash.com/random/150x150/?person2');
}

.career-section .avatar-3 {
    top: 40%;
    right: 30%;
    background-image: url('https://source.unsplash.com/random/150x150/?person3');
}

.career-section .avatar-4 {
    top: 30%;
    right: 10%;
    background-image: url('https://source.unsplash.com/random/150x150/?person4');
}

.career-section .btn-outline-light {
    border-width: 2px;
    padding: 0.75rem 2rem; 
    border-radius: 30px;
}

/* Responsive Design */
@media (max-width: 991.98px) {
    .contact-section .article-card {
        margin-top: 2rem;
        min-height: 300px;
    }
    
    .career-section .team-avatars {
        height: 200px;
        margin-top: 2rem;
    }
}

@media (max-width: 767.98px) {
    .contact-section .article-card h2 {
        font-size: 1.5rem;
    }
    
    .career-section .avatar {
        width: 60px;
        height: 60px;
    }
}

@media (max-width: 575.98px) {
    .contact-section .career-section {
        padding: 2rem 0;
    }
    
    .career-section .team-avatars {
        height: 150px;
    }
}

/*Career section css ends*/

 /****************Career-nav css**************/
      .career-nav .navbar {
        padding: 20px 0;
        background-color: #fff !important; 
        position: relative; 
      }
      
      
      
      .career-nav .pad-new{
          padding: 70px 0 !important;
      }

      .career-nav .navbar-nav {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 20px; /* Space between nav items */
      }

      .career-nav .nav-item {
        border-right: 1px solid #ccc; 
        padding-right: 20px;
        position: relative; 
      }

      .career-nav .nav-item:last-child {
        border-right: none; 
      }

      .career-nav .nav-link {
        color: #333;
        font-size: 20px; 
        font-weight: 600 !important;
        text-decoration: none;
        transition: color 0.3s ease, font-weight 0.3s ease,
          border-bottom 0.3s ease; 
      }

      /* Hover effect for all nav links */
      .career-nav .nav-link:hover {
        font-size: 20px; 
        color: #ff4d00; 
        font-weight: 600 !important; 
        border-bottom: 2px solid #ff4d00; 
      }

      .career-nav .hover-explore-btn {
        background-color: #ff4d00; 
        color: #fff; 
        border: none;
        padding: 10px 20px;
        font-size: 16px;
        font-weight: 600 !important;
        border-radius: 4px; 
        transition: background-color 0.3s ease, transform 0.3s ease,
          opacity 0.3s ease; 
        position: absolute;
        bottom: -60px; 
        left: 50%;
        transform: translateX(-50%) translateY(0);
        opacity: 0;
        visibility: hidden;
        z-index: 1000;
      }

      .career-nav .nav-item:hover .hover-explore-btn {
        opacity: 1;
        visibility: visible;
        transform: translateX(-50%) translateY(-10px); /* Move up slightly to appear */
      }

      .career-nav .hover-explore-btn:hover {
        background-color: #c82333; /* Darker red on hover */
        color: #fff;
      }
      

      /* Responsive design */
      @media (max-width: 768px) {
        .career-nav .navbar-nav {
          flex-direction: column; 
          gap: 10px; /* Reduce gap on mobile */
          text-align: center;
        }

        .career-nav .nav-item {
          border-right: none; 
          border-bottom: 1px solid #ccc;
          padding: 10px 0; 
          position: static; 
        }

        .career-nav .nav-item:last-child {
          border-bottom: none; 
          font-weight: 600 !important;/* Remove border from the last item */
        }

        .career-nav .hover-explore-btn {
          width: 100%; /* Full width button on mobile */
          position: static; /* Reset positioning for mobile */
          transform: none; /* Reset transform for mobile */
          opacity: 0;
          visibility: hidden;
          margin-top: 0; /* No margin initially */
        }

        .career-nav .nav-item:hover .hover-explore-btn {
          opacity: 1;
          visibility: visible;
          transform: none; /* No transform on mobile */
          margin-top: 10px; /* Space below the nav item on mobile */
        }
      }

      @media (max-width: 1200px) {
        .career-nav .navbar-nav {
          gap: 15px; /* Adjust gap for tablets */
        }

        .career-nav .nav-item {
          padding-right: 15px; /* Reduce padding for tablets */
        }
      }
      
      /*****************************************/
      
      /* --- News & Hiring Section --- */
.news-hiring-section {
  background-color: var(--white); /* Or #f8f9fa if you prefer light grey */
  font-family: "Arial", sans-serif;
}

.section-title-bullet {
  font-family:  "Arial", sans-serif;
  font-weight: 700;
  font-size: 2rem;
  color: var(--dark-grey);
  margin-bottom: 1.5rem;
  position: relative;
  padding-left: 18px; /* Space for the bullet */
}

.section-title-bullet::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 10px; /* Size of the square */
  height: 10px; /* Size of the square */
  background-color: var(--primary-orange);
  border-radius: 2px; /* Slightly rounded square */
}

.news-post-card-link {
  text-decoration: none;
  color: inherit;
  display: block;
}

.news-post-card {
  position: relative;
  height: 280px; /* Adjust height as needed */
  border-radius: 8px;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.news-post-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
}

.news-post-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.85) 0%,
    rgba(0, 0, 0, 0) 100%
  );
  padding: 15px 20px;
  color: var(--white);
}

.news-post-title {
  font-family:  "Arial", sans-serif;
  font-weight: 700; /* Bold */
  font-size: 1.25rem;
  margin-bottom: 8px;
  line-height: 1.3;
}

.news-post-meta {
  display: flex;
  align-items: center;
  font-size: 0.8rem;
  color: #e0e0e0; /* Lighter grey for metadata */
}

.news-post-meta .meta-logo {
  width: 16px; /* Adjust logo size */
  height: 16px;
  margin-right: 8px;
}

.news-post-meta .meta-date {
  margin-right: 5px;
}

.news-post-meta .meta-comments i {
  margin-right: 4px;
}

/* Hiring Cards */
.job-listing-card {
  background-color: var(--white);
  border: 1px solid #eaeaea;
  border-radius: 8px;
  padding: 20px 25px;
  height: 100%; /* Ensure cards in a row have same height */
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

.job-listing-card:hover {
  border-color: var(--primary-orange);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
}

.job-listing-card .job-title {
  font-family:"Arial", sans-serif;
  font-weight: 600; /* Semibold */
  font-size: 1.05rem;
  color: var(--primary-orange);
  margin-bottom: 8px;
}

.job-listing-card .job-description {
  font-family: "Arial", sans-serif;
  font-size: 0.9rem;
  color: var(--medium-grey);
  line-height: 1.5;
  margin-bottom: 5px;
}

.job-listing-card .job-contact {
  font-family: "Arial",  sans-serif;
  font-size: 0.9rem;
  color: var(--medium-grey);
  margin-bottom: 0;
}

/* Responsive Adjustments */
@media (max-width: 767.98px) {
  .section-title-bullet {
    font-size: 1.8rem;
  }
  .news-post-card {
    height: 250px;
  }
  .news-post-title {
    font-size: 1.15rem;
  }
  .job-listing-card {
    padding: 15px 20px;
  }
}

@media (max-width: 575.98px) {
  .section-title-bullet {
    font-size: 1.5rem;
    padding-left: 16px;
  }
  .section-title-bullet::before {
    width: 8px;
    height: 8px;
  }
  .news-post-card {
    height: 220px;
  }
}

/* Awards Section Styles */

.awards-section .container{
    padding: 50px;
    border-radius: 5px;
}

.awards-section .awards-intro h2 {
    font-size: 2.5rem;
    color: #333;
    font-weight: 500;
    margin-bottom: 1.5rem;
}

.awards-section .awards-intro p {
    color: #666;
    line-height: 1.6;
    font-size: 1.1rem;
}

.awards-section .award-item {
    background: #fff;
    padding: 20px;
    /*border-radius: 8px;*/
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    transition: transform 0.3s ease;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.awards-section .award-item:hover {
    transform: translateY(-5px);
}

.awards-section .award-item img {
    max-width: 100%;
    height: auto;
    object-fit: contain;
}

/* Responsive Adjustments */
@media (max-width: 768px) {
    .awards-section .awards-intro {
        text-align: center;
        margin-bottom: 2rem;
    }
    
    .awards-section .award-item {
        padding: 15px;
    }
}

@media (max-width: 576px) {
    .awards-section .awards-intro h2 {
        font-size: 2rem;
    }
    
    .awards-section .awards-intro p {
        font-size: 1rem;
    }
}
/*Awards Section Styles Ends*/

/* --- Scroll Top/Bottom Buttons style starts--- */
.scroll-buttons-container {
  position: fixed;
  bottom: 25px;
  right: 25px;
  z-index: 1030; /* Ensure it's above most elements, but below modals if any */
  display: flex;
  flex-direction: column;
  gap: 10px; /* Space between the two buttons */
}

.scroll-btn {
  display: none; /* Hide Scroll-to-Top initially by default */
  width: 45px;
  height: 45px;
  background-color: var(--primary-orange);
  color: var(--white);
  border-radius: 50%;
  text-align: center;
  font-size: 1.1rem;
  line-height: 45px; /* Vertically center icon (adjust if needed) */
  cursor: pointer;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  transition: background-color 0.3s ease, transform 0.2s ease;
  text-decoration: none; /* Remove underline from link */
  /* Flex centering for icon */
  display: flex;
  align-items: center;
  justify-content: center;
}

.scroll-btn:hover {
  background-color: #ff4d00; /* Darker orange on hover */
  color: var(--white);
  transform: translateY(-2px); /* Slight lift on hover */
}

/* Initially hide the top button specifically */
#scrollToTopBtn {
    display: none;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

/* Class added by JS to show the top button */
#scrollToTopBtn.show {
    display: flex; /* Use flex to re-enable centering */
    opacity: 1;
    visibility: visible;
}

/* Always show the bottom button (unless you want JS to hide it too) */
#scrollToBottomBtn {
   display: flex; /* Use flex to enable centering */
   /* You could add logic to hide this when at the bottom if desired */
}


/* Responsive Adjustments (Optional: make smaller/closer on mobile) */
@media (max-width: 767.98px) {
  .scroll-buttons-container {
    bottom: 15px;
    right: 15px;
    gap: 8px;
  }
  .scroll-btn {
    width: 40px;
    height: 40px;
    font-size: 1rem;
    line-height: 40px;
  }
}

/* --- Scroll Top/Bottom Buttons style Ends--- */

/* Insights page anovIP Asia News Section Starts */
/* --- anovIP Asia News Section --- */
.asia-news-section {
  background-color: var(--white);
}

.asia-news-section .asia-title {
  font-family:  "Arial", sans-serif;
  font-weight: 700;
  font-size: 1.8rem; /* Adjust size as needed */
  color: var(--dark-grey);
  margin-bottom: 0.5rem; /* Reduced margin */
}

.asia-news-section .asia-title .logo-black {
  color: var(--dark-grey); /* Ensure this is the default dark grey */
}
.asia-news-section .asia-title .logo-orange {
  color: var(--primary-orange);
}

.asia-news-section .title-underline {
  border: none;
  border-top: 3px solid var(--primary-orange);
  opacity: 1;
  width: 120px; /* Adjust width as needed */
  margin: 0 0 1.5rem 0; /* Align left, add bottom margin */
}

.asia-news-card-link {
  text-decoration: none;
  color: inherit;
  display: block;
}

.asia-news-card {
  background-color: var(--white); /* Ensure background is white */
  border: none; /* No border */
  border-radius: 0; /* No border-radius */
  margin-bottom: 1rem; /* Space below card */
  transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.asia-news-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.asia-news-img {
  width: 100%;
  height: 220px; /* Adjust height as needed */
  object-fit: cover;
  display: block; /* Remove potential extra space below image */
}

.asia-news-card-body {
  padding: 15px 5px 5px 10px; /* Padding top and bottom only */
}

.asia-news-title {
  font-family:  "Arial", sans-serif;
  font-weight: 700; /* Bold */
  font-size: 1rem;
  color: var(--dark-grey);
  margin-bottom: 0.5rem;
  line-height: 1.3;
}

.asia-news-excerpt {
  font-family: "Arial",  sans-serif;
  font-weight: 400; /* Regular */
  font-size: 0.9rem;
  color: var(--medium-grey);
  line-height: 1.4;
  margin-bottom: 0.4rem;
}

.date-separator {
  display: block;
  color: var(--medium-grey);
  margin-bottom: 0.3rem;
  font-size: 0.8rem;
  line-height: 1;
}

.asia-news-date {
  font-family: "Arial",  sans-serif;
  font-weight: 400; /* Regular */
  font-size: 0.85rem;
  color: var(--medium-grey);
  margin-bottom: 0;
}

/* Responsive Adjustments */
@media (max-width: 991.98px) {
  .asia-news-img {
    height: 200px;
  }
}

@media (max-width: 767.98px) {
  .asia-news-section .asia-title {
    font-size: 1.6rem;
  }
  .asia-news-img {
    height: 180px;
  }
  .asia-news-title {
    font-size: 0.95rem;
  }
  .asia-news-excerpt,
  .asia-news-date {
    font-size: 0.8rem;
  }
}

/* Insights page anovIP Asia News Section Ends */




/* AI in IP section css Ends  */

.asia-news-layout2-section {
  background-color: var(--white);
  font-family: "Arial",  sans-serif;
}

.asia-news-layout2-section .asia-title {
  font-weight: 700;
  font-size: 1.8rem;
  color: var(--dark-grey);
  margin-bottom: 0.5rem;
}
.asia-news-layout2-section .asia-title .logo-black {
  color: var(--dark-grey);
}
.asia-news-layout2-section .asia-title .logo-orange {
  color: var(--primary-orange);
}
.asia-news-layout2-section .title-underline {
  border: none;
  border-top: 3px solid var(--primary-orange);
  opacity: 1;
  width: 120px;
  margin: 0 0 1.5rem 0;
}

/* Featured Post Card (Layout 2) */
.featured-post-card-link {
  text-decoration: none;
  color: inherit;
  display: block;
  padding-bottom: 10px;
  height: 100%;
}

.featured-post-card.layout2-featured {
  position: relative;
  overflow: hidden;
  height: 100%;
  min-height: 400px; /* Default min height */
  background-color: var(--light-grey);
  transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.featured-post-card.layout2-featured:hover {
  transform: translateY(-4px);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
}

.featured-post-card.layout2-featured .featured-post-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.featured-post-card.layout2-featured .featured-post-overlay.layout2-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 15px 20px; /* Adjusted padding */
  background: linear-gradient(to top, rgb(255 77 0), rgb(255 77 0 / 43%));
  color: var(--white);
}

.featured-post-card.layout2-featured .featured-post-title {
  font-family: "Arial", sans-serif;
  font-weight: 700;
  font-size: 1rem; /* Adjusted size */
  margin-bottom: 0.3rem;
  line-height: 1.3;
}

.featured-post-card.layout2-featured .featured-post-excerpt {
  font-family: "Arial",  sans-serif;
  font-size: 1rem;
  font-weight: 400;
  color: #e0e0e0;
  margin-bottom: 0.3rem;
  line-height: 1.4;
}

.featured-post-card.layout2-featured .featured-post-date {
  font-family: "Arial",  sans-serif;
  font-weight: 400;
  font-size: 0.85rem;
  color: #e0e0e0;
  margin-bottom: 0;
}

/* Small Post Cards (Layout 2 - Right Column) */
.small-post-card-link {
  text-decoration: none;
  color: inherit;
  display: block;
}

.small-post-card.layout2-small {
  background-color: var(--white);
  transition: box-shadow 0.3s ease, transform 0.3s ease;
  display: flex; /* Allow items to stay inline potentially */
  flex-direction: column; /* Stack image and text */
}

.small-post-card.layout2-small:hover {
  transform: translateY(-4px);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.small-post-card.layout2-small .small-post-img {
  width: 100%;
  height: 180px; /* Adjust height for right column */
  object-fit: cover;
  display: block;
}

.small-post-card.layout2-small .small-post-card-body {
  padding: 10px 0 5px 0; /* Padding below image */
}

.small-post-card.layout2-small .small-post-title {
  font-family:  "Arial", sans-serif;
  font-weight: 700;
  font-size: 0.9rem;
  color: var(--dark-grey);
  margin-bottom: 0.3rem;
  line-height: 1.3;
}

.small-post-card.layout2-small .small-post-excerpt {
  font-family: "Arial", sans-serif;
  font-weight: 400;
  font-size: 1rem;
  color: var(--medium-grey);
  line-height: 1.4;
  margin-bottom: 0.3rem;
}

.small-post-card.layout2-small .small-post-date {
  font-family: "Arial",  sans-serif;
  font-weight: 400;
  font-size: 0.8rem;
  color: var(--medium-grey);
  margin-bottom: 0;
}

/* Shared Date Separator Style */
.date-separator {
  display: block;
  color: var(--medium-grey);
  margin-bottom: 0.3rem;
  font-size: 0.8rem;
  line-height: 1;
}

/* Responsive Adjustments */
@media (max-width: 991.98px) {
  .featured-post-card.layout2-featured {
    min-height: 350px; /* Adjust height */
    margin-bottom: 1.5rem; /* Add space below when stacked */
  }
  .small-post-card.layout2-small .small-post-img {
    height: 200px; /* Adjust height for tablet stack */
  }
  /* Ensure right column takes full height on medium screens */
  .asia-news-layout2-section .col-lg-5 .d-flex {
    height: auto !important;
  }
}

@media (max-width: 767.98px) {
  .asia-news-layout2-section .asia-title {
    font-size: 1.6rem;
  }
  .featured-post-card.layout2-featured {
    min-height: 300px;
  }
  .featured-post-card.layout2-featured .featured-post-title {
    font-size: 1rem;
  }
  .small-post-card.layout2-small .small-post-img {
    height: 180px; /* Consistent height */
  }
  .small-post-card.layout2-small .small-post-title {
    font-size: 0.9rem;
  }
}

/* AI in IP section css Ends  */

/*Home page new banner css starts*/

.hero-section-advanced {
  font-family: 'Arial', sans-serif; 
  padding: 180px 0 50px 0;
  min-height: 70vh;
  display: flex;
  align-items: center;
  overflow: hidden;
  background-color: var(--white);
}

.hero-text-advanced {
  /* Styles for the text column */
}

.hero-heading-advanced {
  font-family: 'Arial', sans-serif;
  font-weight: 700;
  color: var(--primary-orange);
  font-size: 2.8rem; /* Adjust size */
  line-height: 1.3;
  margin-bottom: 2rem;
}

.description-wrapper {
  position: relative;
  padding-left: 20px; /* Space for the vertical line */
  margin-bottom: 2.5rem;
}

.description-wrapper::before {
  content: '';
  position: absolute;
  left: 0;
  top: 4px; /* Adjust vertical alignment */
  bottom: 4px; /* Adjust vertical alignment */
  width: 3px; /* Line thickness */
  background-color: var(--primary-orange);
  border-radius: 2px;
}

.description-advanced {
  font-family: 'Arial', sans-serif;
  font-weight: 400;
  color: var(--medium-grey);
  font-size: 1.1rem; /* Adjust size */
  line-height: 1.6;
  margin: 0;
}

.btn-contact-advanced {
  font-family: 'Arial', sans-serif;
  font-weight: 400;
  font-size: 1rem;
  border: 2px solid var(--primary-orange);
  color: var(--primary-orange);
  background-color: var(--white);
  padding: 10px 35px;
  border-radius: 50px; /* Fully rounded */
  text-decoration: none;
  transition: all 0.3s ease;
  display: inline-block;
}

.btn-contact-advanced:hover {
  background-color: var(--primary-orange);
  color: var(--white);
}

.hero-graphic-advanced {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 300px; /* Ensure space for graphic */
}

.graphic-container {
  position: relative;
  width: 100%;
  max-width: 450px; /* Max size of the graphic area */
  aspect-ratio: 1 / 0.8; /* Adjust ratio based on graphic */
  margin: auto;
}

.graphic-container img {
  position: absolute;
  object-fit: contain; /* Scale image while maintaining aspect ratio */
}

.outer-arc {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 0;
  /* Using SVG now, positioning is handled by its viewBox and path */
  /* If using a DIV: border styling, border-radius, positioning */
  max-width: 450px;
}

.orange-circle-pattern {
  width: 75%; /* Adjust size relative to container */
  max-width: 340px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  border-radius: 50%; /* Ensure it's circular if image isn't perfect */
}

.grey-a {
  width: 60%; /* Adjust size relative to container */
  max-width: 270px;
  top: 55%; /* Adjust vertical position */
  left: 40%; /* Adjust horizontal position */
  transform: translate(-50%, -50%);
  z-index: 2;
}


/* --- Responsive Adjustments --- */

@media (max-width: 991.98px) {
  .hero-section-advanced {
    padding: 140px 0;
    min-height: auto;
    text-align: center;
  }

  .hero-text-advanced {
     margin-bottom: 40px; /* Space below text when stacked */
  }

  .hero-heading-advanced {
    font-size: 2.4rem;
  }

  .description-wrapper {
    padding-left: 0; /* Remove padding */
    /*margin-left: auto;*/
    margin-right: auto; /* Center */
    max-width: 80%; /* Limit width */
    margin-bottom: 2rem;
  }

  .description-wrapper::before {
    display: none; /* Hide line on smaller screens or adjust */
  }

   .description-advanced {
    font-size: 1rem;
  }

  .graphic-container {
     max-width: 380px;
  }

  .outer-arc {
     max-width: 380px;
  }
}

@media (max-width: 767.98px) {
   .hero-section-advanced {
    padding: 140px 0;
  }
  .hero-heading-advanced {
    font-size: 2rem;
    line-height: 1.2;
  }

  .graphic-container {
     max-width: 300px;
  }
   .outer-arc {
     max-width: 300px;
  }
   .grey-a {
      width: 65%;
   }

  .btn-contact-advanced {
    padding: 8px 30px;
    font-size: 0.9rem;
  }
}

@media (max-width: 575.98px) {
  .hero-heading-advanced {
    font-size: 1.8rem;
  }
  .description-wrapper {
      max-width: 95%;
  }
   .description-advanced {
    font-size: 0.95rem;
  }
  .graphic-container {
     max-width: 250px;
  }
   .outer-arc {
     max-width: 250px;
  }
}

/*Home page new banner css ends*/

/*Country specific guide css starts*/


.country-guide-section-new {
  font-family: 'Arial', sans-serif;
  padding: 60px 0;
  background-color: #f8f9fa;
}

.country-guide-section-new .section-title {
  font-weight: 400; /* Regular weight */
  font-size: 2.4rem;
  color: #333333;
  margin-bottom: 0.75rem;
}

.country-guide-section-new .section-title .highlight-orange {
  font-weight: 700; /* Bold weight */
  color: #ff5500;
}

.country-guide-section-new .section-description {
  font-family: 'Arial', sans-serif;
  font-size: 1rem;
  color: #6c757d;
  line-height: 1.7;
  max-width: 90%; /* Limit width slightly */
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2.5rem; /* Space before tabs */
}

/* Tab Layout Wrapper */
.country-guide-section-new .country-tabs-wrapper {
   flex-wrap: nowrap; /* Prevent wrapping on small screens initially */
}

/* Vertical Tab Navigation Styling */
.country-guide-section-new .country-tab-nav {
  flex-shrink: 0; /* Prevent nav from shrinking too much */
  width: 200px; /* Adjust width as needed */
  margin-right: 30px; /* Space between nav and content */
}

.country-guide-section-new .country-tab-nav .nav-link {
  font-family: 'Arial', sans-serif;
  font-weight: 600;
  font-size: 1rem;
  color: #333333;
  background-color: #fff;
  border: 1px solid #ededed;
  border-radius: 8px;
  margin-bottom: 10px;
  padding: 15px 20px;
  text-align: center;
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.06);
  transition: all 0.3s ease;
  width: 100%; /* Ensure buttons take full nav width */
}

.country-guide-section-new .country-tab-nav .nav-link:hover {
  background-color: #f1f1f1; /* Slight hover effect */
  border-color: #d8d8d8;
  color: #000 !important;
}

.country-guide-section-new .country-tab-nav .nav-link.active {
  background-color: #ff5500;
  color: #fff !important;
  border-color: #ff5500;
  font-weight: 700;
  box-shadow: 0px 6px 18px rgba(255, 85, 0, 0.25); /* Orange shadow for active */
}

/* Tab Content Styling */
.country-guide-section-new .country-tab-content {
  flex-grow: 1; /* Allow content to take remaining space */
  background-color: #ffffff;
  border-radius: 10px;
  padding: 30px 35px;
  box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.08);
  min-height: 400px; /* Ensure minimum height */
}

.country-guide-section-new .tab-pane {
    /* Basic styles for content panes */
}

.country-guide-section-new .content-title {
    font-family: 'Arial', sans-serif;
    font-weight: 700;
    color: #ff5500;
    font-size: 1.4rem;
    margin-bottom: 0.5rem;
}

.country-guide-section-new .content-intro {
    font-family: 'Arial', sans-serif;
    font-size: 1rem;
    color: #6c757d;
    line-height: 1.6;
    margin-bottom: 1.5rem;
}

.country-guide-section-new .content-divider {
    border-top: 1px solid #ededed;
    margin-top: 1rem;
    margin-bottom: 2rem;
}

.country-guide-section-new .law-details {
    /* Styles for the two-column law section */
}

.country-guide-section-new .law-category-title {
    font-family: 'Arial', sans-serif;
    font-weight: 700;
    color: #ff5500;
    font-size: 1rem;
    margin-bottom: 1.2rem;
    /*text-transform: uppercase;*/
    letter-spacing: 0.5px;
}

.country-guide-section-new .patent-law-col {
    padding-right: 25px;
}

.country-guide-section-new .trademark-law-col {
    padding-left: 25px;
    border-left: 1px solid #d9d9da;
}

.country-guide-section-new .law-details h6 {
    font-family: 'Arial', sans-serif;
    font-weight: 700;
    color: #333333;
    font-size: 1rem;
    margin-bottom: 0.5rem;
    margin-top: 1.2rem; /* Space above sub-headings */
}
.country-guide-section-new .law-details h6:first-of-type {
    margin-top: 0; /* Remove top margin for first h6 */
}

.country-guide-section-new .law-details p,
.law-details ol {
    font-family: 'Arial', sans-serif;
    font-size: 1rem;
    color: #6c757d;
    line-height: 1.6;
    margin-bottom: 1rem;
}

.country-guide-section-new .law-details ol {
    padding-left: 1.2rem; /* Standard list indent */
}
.country-guide-section-new .law-details ol li {
    margin-bottom: 0.5rem;
}


/* Responsive Adjustments */
@media (max-width: 991.98px) {
    .country-guide-section-new .country-tab-nav {
        width: 160px;
        margin-right: 20px;
    }
   .country-guide-section-new  .country-tab-nav .nav-link {
        font-size: 0.9rem;
        padding: 10px 15px;
    }
   .country-guide-section-new  .country-tab-content {
        padding: 25px 30px;
    }
    .country-guide-section-new .section-title {
        font-size: 2.1rem;
    }
   .country-guide-section-new  .content-title {
        font-size: 1.3rem;
    }
}

@media (max-width: 767.98px) {
  .country-guide-section-new  {
        padding: 40px 0;
    }
   .country-guide-section-new  .country-tabs-wrapper {
        flex-direction: column; /* Stack nav and content */
        align-items: stretch; /* Stretch items */
    }
   .country-guide-section-new  .country-tab-nav {
        width: 100%; /* Full width */
        margin-right: 0;
        margin-bottom: 20px; /* Space below nav */
        display: flex; /* Enable horizontal layout for buttons */
        flex-direction: row; /* Horizontal layout */
        overflow-x: auto; /* Allow horizontal scrolling for tabs */
        white-space: nowrap; /* Prevent wrapping inside */
        padding-bottom: 10px; /* Space for scrollbar */
        border-bottom: 2px solid #ededed; /* Separator */
    }
    .country-guide-section-new .country-tab-nav .nav-link {
        flex: 0 0 auto; /* Prevent shrinking/growing, base on content */
        width: auto; /* Auto width based on text */
        margin-bottom: 0; /* Remove bottom margin */
        margin-right: 10px; /* Space between horizontal tabs */
        border-bottom-left-radius: 0; /* Adjust radius for horizontal */
        border-bottom-right-radius: 0;
    }
    .country-guide-section-new .country-tab-nav .nav-link:last-child {
        margin-right: 0;
    }

    .country-guide-section-new .trademark-law-col {
        padding-left: 15px; /* Use default bootstrap padding */
        border-left: none; /* Remove vertical border */
        margin-top: 2rem; /* Add space when stacked */
    }
   .country-guide-section-new  .patent-law-col {
         padding-right: 15px; /* Use default bootstrap padding */
    }
   .country-guide-section-new  .section-title {
        font-size: 1.9rem;
    }
   .country-guide-section-new   .section-description {
        font-size: 0.95rem;
        max-width: 100%;
    }
   .country-guide-section-new  .country-tab-content {
        min-height: auto; /* Allow height to adjust */
         padding: 20px;
    }
   .country-guide-section-new  .content-title {
        font-size: 1.2rem;
    }
    .country-guide-section-new  .law-details p,
     .law-details ol {
        font-size: 0.85rem;
     }
}

@media (max-width: 575.98px) {
   .country-guide-section-new  .section-title {
        font-size: 1.7rem;
    }
    .country-guide-section-new  .country-tab-nav .nav-link {
        font-size: 0.85rem;
        padding: 8px 12px;
    }
}
/*Country specific guide css ends*/

/*New Awards section starts*/
  .awards-showcase-section-award {
    font-family: "Arial", sans-serif;
    padding: 80px 0;
    background-color: #f8f9fa;
    position: relative;
    overflow: hidden;
  }

  .awards-showcase-section-award .section-header-award {
    text-align: center;
    margin-bottom: 60px;
  }

  .awards-showcase-section-award .section-header-award h2 {
    font-weight: 700;
    font-size: 2.5rem;
    margin-bottom: 15px;
    color: #333;
    position: relative;
    display: inline-block;
  }

  .awards-showcase-section-award .text-orange-award {
    color: #ff4d00;
  }

  .awards-showcase-section-award .section-header-award h2:after {
    content: "";
    position: absolute;
    bottom: -12px;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 3px;
    background-color: #ff4d00;
  }

  .awards-showcase-section-award .section-header-award p {
    max-width: 800px;
    margin: 0 auto;
    color: #333;
    font-size: 1.15rem;
    line-height: 1.6;
  }

  .grayscale-award {
  filter: grayscale(100%);
  transition: filter 0.3s ease;
}

.grayscale-award:hover {
  filter: grayscale(0%);
}

.awards-showcase-section-award .award-item-award img {
  max-width: 70%;
  max-height: 70%;
  object-fit: contain;
  transition: all 0.3s ease;
}

.awards-showcase-section-award .award-item-award {
  background: white;
  border-radius: 12px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
  position: relative;
  height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border: 1px solid rgba(0, 0, 0, 0.04);
  padding: 20px;
}

  /* Awards Grid Layout */
  .awards-showcase-section-award .awards-grid-container-award {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
  }

  .awards-showcase-section-award .awards-grid-award {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(3, auto);
    gap: 30px;
  }

  /* Award Items */
  .awards-showcase-section-award .award-item-award {
    background: white;
    border-radius: 12px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
    position: relative;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, 0.04);
  }

  .awards-showcase-section-award .award-item-award img {
    max-width: 100%;
    max-height: 100%;
  }

  /* Award Item Grid Positions */
  .award-item-award.pos-1-award {
    grid-area: 1 / 1 / 2 / 2;
  }
  .award-item-award.pos-2-award {
    grid-area: 1 / 3 / 2 / 4;
  }
  .award-item-award.pos-3-award {
    grid-area: 2 / 1 / 3 / 2;
  }
  .award-item-award.pos-4-award {
    grid-area: 2 / 3 / 3 / 4;
  }
  .award-item-award.pos-5-award {
    grid-area: 3 / 1 / 4 / 2;
  }
  .award-item-award.pos-6-award {
    grid-area: 3 / 3 / 4 / 4;
  }

  /* Testimonial Center */
  .awards-showcase-section-award .testimonial-showcase-award {
    grid-area: 1 / 2 / 4 / 3;
    background: white;
    border-radius: 12px;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    padding: 30px;
    height: 100%;
    min-height: 700px; /* Increased minimum height */
    border: 1px solid rgba(0, 0, 0, 0.04);
    overflow: hidden;
  }

  .awards-showcase-section-award .testimonial-inner-award {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    z-index: 2;
  }

  .awards-showcase-section-award .testimonial-badge-award {
    width: 60px;
    height: 60px;
    background-color: #ff4d00;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 50px; /* Increased spacing */
    color: white;
    font-size: 24px;
    box-shadow: 0 5px 15px rgba(255, 77, 0, 0.3);
    flex-shrink: 0; /* Prevent shrinking */
  }

  .awards-showcase-section-award .testimonial-content-wrapper-award {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    position: relative;
    min-height: 280px;
  }

  .awards-showcase-section-award .testimonial-content-award {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 40px;
  }

  .awards-showcase-section-award .testimonial-text-award {
    text-align: center;
    font-size: 1.45rem;
    line-height: 1.5;
    color: #222;
    font-style: italic;
    font-weight: 500;
    max-width: 90%;
    opacity: 0;
    transform: translateY(20px) scale(0.95);
    transition: all 0.7s cubic-bezier(0.23, 1, 0.32, 1);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 20px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 180px;
  }

  .awards-showcase-section-award .testimonial-text-award.active-award {
    opacity: 1;
    transform: translateY(0) scale(1);
  }

  .awards-showcase-section-award .testimonial-author-wrapper-award {
    margin-top: auto;
    margin-bottom: 20px;
    flex-shrink: 0;
  }

  .awards-showcase-section-award .testimonial-author-award {
    font-size: 2rem;
    font-weight: 600;
    color: #ff4d00;
    margin-bottom: 5px;
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.5s ease;
    transition-delay: 0.15s;
  }

  .awards-showcase-section-award .testimonial-position-award {
    font-size: 0.9rem;
    color: #ff4d00;
    opacity: 0;
    transform: translateY(15px);
    transition: all 0.5s ease;
    transition-delay: 0.2s;
    margin-bottom: 10px;
  }

  .awards-showcase-section-award .testimonial-author-award.active-award,
  .awards-showcase-section-award .testimonial-position-award.active-award {
    opacity: 1;
    transform: translateY(0);
  }


  /* Progress Bar and Navigation */
  .awards-showcase-section-award .testimonial-controls-award {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 10px;
    flex-shrink: 0; /* Prevent shrinking */
  }

  .awards-showcase-section-award .testimonial-navigation-award {
    display: flex;
    gap: 10px;
    margin-top: 15px;
  }

  .awards-showcase-section-award .testimonial-dot-award {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #ddd;
    cursor: pointer;
    transition: all 0.5s ease;
  }

  .awards-showcase-section-award .testimonial-dot-award.active-award {
    background-color: #ff4d00;
    transform: scale(1.25);
  }

  /* Progress Bar */
  .awards-showcase-section-award .testimonial-progress-award {
    width: 80%;
    height: 3px;
    background-color: #eee;
    border-radius: 4px;
    overflow: hidden;
    margin-top: 10px;
  }

  .awards-showcase-section-award .progress-bar-award {
    height: 100%;
    width: 0;
    background-color: #ff4d00;
    transition: width linear 5s;
  }

  .awards-showcase-section-award .progress-bar-award.animate-award {
    width: 100%;
  }

  /* Decorative Elements */
  .awards-showcase-section-award .decoration-element-award {
    position: absolute;
    opacity: 0.05;
    z-index: 1;
  }

  .awards-showcase-section-award .decoration-circle-award {
    border-radius: 50%;
    background-color: #ff4d00;
  }

  .awards-showcase-section-award .circle-1-award {
    width: 200px;
    height: 200px;
    top: -100px;
    left: -100px;
  }

  .awards-showcase-section-award .circle-2-award {
    width: 300px;
    height: 300px;
    bottom: -150px;
    right: -150px;
  }

  .awards-showcase-section-award .decoration-pattern-award {
    width: 300px;
    height: 300px;
    background-image: radial-gradient(#ff4d00 1px, transparent 2px);
    background-size: 20px 20px;
    right: 5%;
    top: 10%;
  }

  /* Responsive Styles */
  @media (max-width: 1200px) {
    .awards-showcase-section-award .awards-grid-award {
      gap: 20px;
    }

    .awards-showcase-section-award .award-item-award {
      height: 180px;
    }

    .awards-showcase-section-award .testimonial-showcase-award {
      min-height: 600px;
    }

    .awards-showcase-section-award .testimonial-text-award {
      font-size: 1.3rem;
    }
  }

  @media (max-width: 991px) {
    .awards-showcase-section-award .awards-grid-award {
      grid-template-columns: 1fr 1fr;
      grid-template-rows: auto;
    }

    .awards-showcase-section-award .award-item-award {
      height: 160px;
    }

    .award-item-award.pos-1-award {
      grid-area: 1 / 1 / 2 / 2;
    }
    .award-item-award.pos-2-award {
      grid-area: 1 / 2 / 2 / 3;
    }
    .award-item-award.pos-3-award {
      grid-area: 2 / 1 / 3 / 2;
    }
    .award-item-award.pos-4-award {
      grid-area: 2 / 2 / 3 / 3;
    }
    .award-item-award.pos-5-award {
      grid-area: 5 / 1 / 6 / 2;
    }
    .award-item-award.pos-6-award {
      grid-area: 5 / 2 / 6 / 3;
    }

    .awards-showcase-section-award .testimonial-showcase-award {
      grid-area: 3 / 1 / 5 / 3;
      min-height: 350px;
      margin: 20px 0;
    }

    .awards-showcase-section-award .testimonial-badge-award {
      width: 50px;
      height: 50px;
      font-size: 20px;
      margin-bottom: 30px;
    }

    .awards-showcase-section-award .testimonial-content-wrapper-award {
      min-height: 200px;
    }

    .awards-showcase-section-award .testimonial-text-award {
      font-size: 1.2rem;
      min-height: 150px;
    }
  }

  @media (max-width: 767px) {
    .awards-showcase-section-award {
      padding: 60px 0;
    }

    .awards-showcase-section-award .section-header-award {
      margin-bottom: 40px;
    }

    .awards-showcase-section-award .section-header-award h2 {
      font-size: 2rem;
    }

    .awards-showcase-section-award .award-item-award {
      height: 140px;
    }

    .awards-showcase-section-award .testimonial-showcase-award {
      min-height: 300px;
      padding: 20px;
    }

    .awards-showcase-section-award .testimonial-text-award {
      font-size: 1.1rem;
      min-height: 120px;
    }
  }

  @media (max-width: 575px) {
    .awards-showcase-section-award .awards-grid-award {
      grid-template-columns: 1fr;
    }

    .award-item-award.pos-1-award {
      grid-area: 1 / 1 / 2 / 2;
    }
    .award-item-award.pos-2-award {
      grid-area: 2 / 1 / 3 / 2;
    }
    .award-item-award.pos-3-award {
      grid-area: 3 / 1 / 4 / 2;
    }
    .award-item-award.pos-4-award {
      grid-area: 6 / 1 / 7 / 2;
    }
    .award-item-award.pos-5-award {
      grid-area: 7 / 1 / 8 / 2;
    }
    .award-item-award.pos-6-award {
      grid-area: 8 / 1 / 9 / 2;
    }

    .awards-showcase-section-award .testimonial-showcase-award {
      grid-area: 4 / 1 / 6 / 2;
    }
  }
 
  /*New awards section ends*/
  
  /*Golden corner effect universal css starts*/
  
  .golden-corner  {
  background-color: var(--white);
  border-radius: var(--card-border-radius);
  padding: 25px 30px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.07);
  height: 100%;
  display: flex;
  flex-direction: column;
  /* Required for corner positioning */
  position: relative;
  overflow: hidden;
}

/* --- Attractive Golden Corner Effect --- */
.golden-corner ::before,
.golden-corner ::after {
  content: '';
  position: absolute;
  background-color: var(--gold-medium); /* Fallback */
  z-index: 1; /* Below content */
  /* Apply the gradient */
  background-image: linear-gradient(
    135deg, /* Diagonal angle for sheen */
    var(--gold-dark) 0%,
    var(--gold-medium) 25%,
    var(--gold-bright) 50%, /* Central highlight */
    var(--gold-medium) 75%,
    var(--gold-dark) 100%
  );
  /* Make gradient wider for animation */
  background-size: 400% 100%;
  /* Initial position */
  background-position: 150% 0;
  /* Subtle inner shadow for bevel */
  box-shadow: inset 0 0 2px rgba(255, 255, 255, 0.4);
}

/* Top line segment */
.golden-corner ::before {
  top: 0;
  right: var(--corner-thickness); /* Offset by thickness */
  width: var(--corner-size);
  height: var(--corner-thickness);
  border-bottom-left-radius: 2px;
}

/* Right line segment */
.golden-corner ::after {
  top: var(--corner-thickness); /* Offset by thickness */
  right: 0;
  width: var(--corner-thickness);
  height: var(--corner-size);
  border-bottom-left-radius: 2px;
}

/* Apply shimmer animation on hover */
.golden-corner :hover::before,
.golden-corner :hover::after {
  animation: shimmer 100s ease-out forwards; /* Adjust duration/timing */
}

  /*Golden corner effect universal css ends*/
  
  /* Foundation Section css starts */
      .foundation-section {
        padding: 70px 0;
        background-color: #fff;
        position: relative;
        overflow: hidden;
      }

      .foundation-section .logo-orange {
        color: #ff4d00;
      }

      .foundation-section .section-header {
        text-align: left;
        margin-bottom: 40px;
        position: relative;
      }

      .foundation-section .section-title {
        font-weight: 700;
        font-size: 2.5rem;
        margin-bottom: 15px;
        position: relative;
        display: inline-block;
      }

      .foundation-section .section-title:after {
        content: "";
        position: absolute;
        bottom: -10px;
        left: 0;
        width: 80px;
        height: 3px;
        background-color: #ff4d00;
        margin: 0;
      }

      .foundation-section .section-subtitle {
        max-width: 800px;
        margin: 20px 0 0;
        font-size: 1.1rem;
        line-height: 1.6;
        color: #555;
      }

      /* Main Content Container */
     .foundation-section  .foundation-container {
        background-color: #f8f9fa;
        border-radius: 15px 15px 0 0;
        padding: 40px;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
        position: relative;
        border: 1px solid rgba(0, 0, 0, 0.05);
        overflow: hidden;
      }

      /* Mission Statement */
      .foundation-section .mission-statement {
        text-align: center;
        max-width: 800px;
        margin: 0 auto 40px;
        position: relative;
        padding: 0 20px;
      }

     .foundation-section  .mission-statement p {
        font-size: 1.15rem;
        line-height: 1.7;
        color: #333;
        font-style: italic;
      }

     .foundation-section  .mission-quote {
        font-size: 60px;
        position: absolute;
        color: #cc3d00;
        opacity: 0.6;
        line-height: 1;
      }

     .foundation-section  .quote-left {
        top: -15px;
        left: 0;
      }

     .foundation-section  .quote-right {
        bottom: -20px;
      }
      /* Image Showcase */
     .foundation-section  .image-showcase {
        position: relative;
        border-radius: 12px;
        overflow: hidden;
        height: 300px;
        margin-bottom: 40px;
        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
      }

     .foundation-section  .image-carousel {
        width: 100%;
        height: 100%;
        position: relative;
      }

     .foundation-section  .carousel-item-custom {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        transition: opacity 1s ease-in-out;
        background-size: cover;
        background-position: center;
      }

     .foundation-section  .carousel-item-custom.active {
        opacity: 1;
      }

      .foundation-section .image-overlay {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 20px;
        background: linear-gradient(transparent, rgba(0, 0, 0, 0.7));
        color: white;
      }

     .foundation-section  .image-overlay h4 {
        font-size: 1.2rem;
        margin-bottom: 5px;
      }

     .foundation-section  .image-overlay p {
        font-size: 0.9rem;
        margin-bottom: 0;
        opacity: 0.9;
      }

      /* Initiative Cards */
      .foundation-section .initiative-cards {
        margin-bottom: 0;
      }

     .foundation-section  .initiative-card {
        background: white;
        border-radius: 12px;
        padding: 30px;
        height: 100%;
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05);
        transition: transform 0.3s ease, box-shadow 0.3s ease;
        position: relative;
        overflow: hidden;
        border: 1px solid rgba(0, 0, 0, 0.05);
      }

     .foundation-section  .initiative-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
      }

    .foundation-section   .initiative-icon {
        width: 60px;
        height: 60px;
        background-color: rgba(255, 77, 0, 0.1);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 20px;
      }

     .foundation-section  .initiative-icon i {
        font-size: 24px;
        color: #ff4d00;
      }

     .foundation-section  .initiative-title {
        font-size: 1.4rem;
        font-weight: 600;
        margin-bottom: 15px;
        color: #333;
      }

    .foundation-section   .initiative-description {
        font-size: 1rem;
        line-height: 1.6;
        color: #555;
        margin-bottom: 15px;
      }

    .foundation-section   .initiative-features {
        list-style-type: none;
        padding-left: 0;
        margin-bottom: 0;
      }

     .foundation-section  .initiative-features li {
        padding: 8px 0;
        border-bottom: 1px solid #f0f0f0;
        font-size: 0.95rem;
        display: flex;
        align-items: center;
      }

     .foundation-section  .initiative-features li:last-child {
        border-bottom: none;
        padding-bottom: 0;
      }

     .foundation-section  .initiative-features li i {
        color: #ff4d00;
        margin-right: 10px;
        font-size: 14px;
      }
      /* Foundation Breaker Styles */
     .foundation-section  .foundation-breaker {
        background-color: #ff4d00;
        color: #ffffff;
        padding: 25px 200px;
        text-align: center;
        position: relative;
        width: 100vw;
        left: 50%;
        right: 50%;
        margin-left: -50vw;
        margin-right: -50vw;
        margin-top: 40px;
        margin-bottom: -40px;
      }

     .breaker-text-primary {
        font-size: 1.15rem;
        font-weight: 600;
        margin-bottom: 8px;
        line-height: 1.4;
        padding: 0 10px;
      }

    .breaker-text-secondary {
        font-size: 1rem;
        margin-bottom: 0;
        line-height: 1.4;
        padding: 0 10px;
      }

    .foundation-section   .breaker-text-secondary a {
        color: #ffffff;
        font-weight: 600;
        text-decoration: underline;
        text-decoration-thickness: 1px;
        text-underline-offset: 3px;
        transition: color 0.2s ease, text-decoration 0.2s ease;
      }
      
      .pro-bono-up{
          padding: 20px; 
          background-color: #ff4d00; 
          color: white;
      }
      
      .pro-bono-down{
          padding: 20px; 
          background-color: #000617c7; 
          color: white; 
          border-radius: 0 0 20px 20px;
      }

     .foundation-section  .breaker-text-secondary a:hover {
        color: #f0f0f0;
        text-decoration: none;
      }

      /* Background elements */
     .foundation-section  .dots-background {
        position: absolute;
        width: 300px;
        height: 300px;
        background-image: radial-gradient(#ff4d00 1px, transparent 2px);
        background-size: 20px 20px;
        opacity: 0.05;
        z-index: 0;
      }

    .foundation-section   .dots-top-right {
        top: -50px;
        right: -50px;
      }

     .foundation-section  .dots-bottom-left {
        bottom: -50px;
        left: -50px;
        transform: rotate(180deg);
      }

      /* Responsive Styles */
      @media (max-width: 992px) {
        .foundation-section {
          padding: 60px 0;
        }
       .foundation-section  .section-title {
          font-size: 2.2rem;
        }
       .foundation-section  .mission-statement p {
          font-size: 1.1rem;
        }
       .foundation-section  .image-showcase {
          height: 250px;
        }
       .foundation-section  .initiative-card {
          margin-bottom: 20px;
        }
      }

      @media (max-width: 768px) {
        .foundation-section {
          padding: 50px 0;
        }
      .foundation-section   .section-title {
          font-size: 2rem;
        }
      .foundation-section   .section-subtitle {
          font-size: 1rem;
        }
       .foundation-section  .foundation-container {
          padding: 30px;
        }
      .foundation-section   .mission-statement p {
          font-size: 1rem;
        }
      .foundation-section   .image-showcase {
          height: 220px;
        }
       .foundation-section  .initiative-title {
          font-size: 1.3rem;
        }
      .foundation-section   .foundation-breaker {
          padding: 20px 15px;
        }
      .foundation-section   .breaker-text-primary {
          font-size: 1.05rem;
        }
       .foundation-section  .breaker-text-secondary {
          font-size: 0.95rem;
        }
      }

      @media (max-width: 576px) {
        .foundation-section {
          padding: 40px 0;
        }
       .foundation-section  .section-title {
          font-size: 1.8rem;
        }
       .foundation-section  .foundation-container {
          padding: 25px;
        }
       .foundation-section  .image-showcase {
          height: 200px;
        }
      .foundation-section   .initiative-card {
          padding: 25px;
          margin-bottom: 15px;
        }
       .foundation-section  .foundation-breaker {
          padding: 15px 10px;
        }
      .foundation-section   .breaker-text-primary {
          font-size: 1rem;
        }
      .foundation-section   .breaker-text-secondary {
          font-size: 0.9rem;
        }
      }

  /* Foundation Section css ends */
  
   /* FAQ Section Styles */
        .faq-section {
            padding: 5rem 0;
            background-color: #ff4d00;
            position: relative;
        }
        
        .faq-header {
            margin-bottom: 3rem;
            position: relative;
        }
        
        .faq-header h2 {
            font-size: 2.5rem;
            font-weight: 700;
            margin-bottom: 1rem;
            position: relative;
            display: inline-block;
            color:white;
        }
        
        .faq-header h2::after {
            content: '';
            position: absolute;
            bottom: -10px;
            left: 0;
            width: 150px;
            height: 4px;
            background: linear-gradient(90deg, #ffffff, #ff7f3f);
        }
        
        .logo-orange {
            color: #ff4d00;
        }
        
        .faq-description {
            color: #fff;
            font-size: 1.2rem;
            max-width: 700px;
        }
        
        .faq-container {
            max-width: 1200px;
            margin: 0 auto;
        }
        
        .faq-item {
            border-radius: 12px;
            background: #fff;
            box-shadow: 0 8px 30px rgba(0,0,0,0.08);
            overflow: hidden;
            margin-bottom: 1.5rem;
            transition: all 0.3s ease;
            border: 1px solid rgba(0,0,0,0.05);
            position: relative;
        }
        
        .faq-item:hover {
            transform: translateY(-5px);
            box-shadow: 0 12px 40px rgba(0,0,0,0.12);
        }
        
        .faq-item:nth-child(odd) {
            background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
        }
        
        .faq-item::before {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            height: 100%;
            width: 4px;
            background: linear-gradient(180deg, #ff4d00, #ff7f3f);
            border-radius: 4px 0 0 4px;
        }
        
        .faq-question {
            padding: 1.5rem 3.5rem 1.5rem 2rem;
            font-weight: 600;
            font-size: 1.2rem;
            color: #333;
            cursor: pointer;
            position: relative;
            transition: all 0.3s ease;
            display: flex;
            align-items: center;
            line-height: 1.4;
        }
        
        .faq-question:hover {
            color: #ff4d00;
        }
        
        .faq-question::after {
            content: '';
            position: absolute;
            right: 1.5rem;
            top: 50%;
            transform: translateY(-50%);
            width: 24px;
            height: 24px;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' stroke='%23ff4d00' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='12' y1='5' x2='12' y2='19'%3E%3C/line%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E");
            transition: all 0.3s ease;
        }
        
        .faq-item.active .faq-question::after {
            transform: translateY(-50%) rotate(45deg);
        }
        
        .faq-item.active .faq-question {
            color: #ff4d00;
            font-weight: 700;
        }
        
        .faq-answer {
            max-height: 0;
            overflow: hidden;
            padding: 0 2rem;
            color: #555;
            font-size: 1.1rem;
            line-height: 1.6;
            transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
        }
        
        .faq-item.active .faq-answer {
            max-height: 1000px;
            padding: 0 2rem 1.8rem;
        }
        
        .faq-answer a {
            color: #ff4d00;
            text-decoration: none;
            font-weight: 500;
            position: relative;
            display: inline-block;
        }
        
        .faq-answer a::after {
            content: '';
            position: absolute;
            bottom: -2px;
            left: 0;
            width: 100%;
            height: 1px;
            background-color: #ff4d00;
            transition: all 0.3s ease;
            transform: scaleX(0);
            transform-origin: left;
        }
        
        .faq-answer a:hover::after {
            transform: scaleX(1);
        }
        
        /* Responsive adjustments */
        @media (max-width: 768px) {
            .faq-header h2 {
                font-size: 2.2rem;
            }
            
            .faq-description {
                font-size: 1rem;
            }
            
            .faq-question {
                font-size: 1.1rem;
                padding: 1.2rem 3rem 1.2rem 1.5rem;
            }
            
            .faq-item.active .faq-answer {
                padding: 0 1.5rem 1.5rem;
            }
        }
        
        /* Optional category styles */
        .faq-category {
            display: inline-block;
            font-size: 0.8rem;
            font-weight: 700;
            /*text-transform: uppercase;*/
            letter-spacing: 1px;
            color: #fff;
            background: #ff4d00;
            padding: 0.3rem 0.8rem;
            border-radius: 30px;
            margin-bottom: 0.5rem;
        }
        
        /* Decorative background element */
        .faq-bg-pattern {
            position: absolute;
            top: 0;
            right: 0;
            width: 300px;
            height: 300px;
            background-image: radial-gradient(circle, rgba(255, 77, 0, 0.1) 1px, transparent 1px);
            background-size: 20px 20px;
            opacity: 0.5;
            z-index: 0;
        }
        
        /*FAQs section ends*/
        
/*Inner service caseStudy section starts*/

.case-studies-section {
        font-family: "Arial", sans-serif;
        color: #333333;
        background-color: #f6f6f6;
        padding: 5rem 0;
        background: linear-gradient(135deg, #f8f8f8 0%, #f2f2f2 100%);
        position: relative;
      }

      .case-studies-section::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background:#f8f9fa;
        z-index: 0;
      }

      .featured-header {
        text-align: center;
        margin-bottom: 3.5rem;
        position: relative;
      }

      .featured-header h1 {
        font-size: 2.1rem;
        font-weight: 700;
        color: #333333;
        position: relative;
        display: inline-block;
      }

      .featured-header h1::after {
        content: "";
        position: absolute;
        bottom: -15px;
        left: 50%;
        transform: translateX(-50%);
        width: 80px;
        height: 4px;
        background: #ff4d00;
        border-radius: 2px;
      }

      .highlight {
        color: #ff4d00;
        position: relative;
      }

      .highlight::after {
        content: "";
        position: absolute;
        bottom: 5px;
        left: 0;
        width: 100%;
        height: 6px;
        background-color: rgba(255, 77, 0, 0.1);
        z-index: -1;
      }

      /* Card Styles with Enhanced Borders */
      .case-study-card {
        position: relative;
        border-radius: 16px;
        background-color: #fff;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
        transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        overflow: hidden;
        height: 100%;
        display: flex;
        flex-direction: column;
        cursor: pointer;
        border: 1px solid #dddddd;
      }

      .case-study-card::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 6px;
        z-index: 2;
      }

      .case-study-card::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1px;
        background: linear-gradient(
          90deg,
          rgba(255, 77, 0, 0.1) 0%,
          rgba(255, 77, 0, 0.3) 50%,
          rgba(255, 77, 0, 0.1) 100%
        );
        z-index: 2;
      }

      .case-study-card:hover {
        transform: translateY(-10px);
        box-shadow: 0 15px 35px rgba(255, 77, 0, 0.15);
        border-color: rgba(255, 77, 0, 0.3);
      }

      /* Card Corner Decorations */
      .corner-accent {
        position: absolute;
        width: 35px;
        height: 35px;
        z-index: 2;
        transition: all 0.3s ease;
      }

      .corner-accent.top-right {
        top: 0;
        right: 0;
        border-top: 2px solid #daa520;
        border-right: 2px solid #daa520;
        border-top-right-radius: 15px;
      }

      .corner-accent.bottom-left {
        bottom: 0;
        left: 0;
        border-bottom: 3px solid #daa520;
        border-left: 3px solid #daa520;
        border-bottom-left-radius: 15px;
      }

      .case-study-card:hover .corner-accent {
        width: 45px;
        height: 45px;
        border-width: 3px;
      }

      .abstract-design {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0.08;
        overflow: hidden;
        pointer-events: none;
        transition: opacity 0.3s ease;
      }

      .case-study-card:hover .abstract-design {
        opacity: 0.12;
      }

      .geometric-svg {
        width: 100%;
        height: 100%;
      }

      .geo-shape {
        fill: none;
        stroke: #e0e0e0;
        stroke-width: 2;
        opacity: 0.7;
        transition: all 0.3s ease;
      }

      .geo-shape.accent {
        stroke: #ff4d00;
        stroke-width: 3;
        opacity: 0.9;
      }

      .case-study-card:hover .geo-shape.accent {
        stroke-width: 3.5;
        opacity: 1;
      }

      /* Card Content */
      .content-container {
        padding: 2.8rem 2.5rem;
        position: relative;
        z-index: 1;
        display: flex;
        flex-direction: column;
        height: 100%;
        background: linear-gradient(
          180deg,
          rgba(255, 255, 255, 1) 0%,
          rgba(252, 252, 252, 0.9) 100%
        );
      }

      .case-number {
        font-size: 2rem;
        font-weight: 800;
        color: #ff4d00;
        margin-bottom: 1.2rem;
        display: inline-block;
        position: relative;
        line-height: 1;
      }

      .case-number::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 40px;
        height: 3px;
        background-color: #ff4d00;
        opacity: 0.6;
        border-radius: 2px;
      }

      .case-title {
        font-size: 1.35rem;
        font-weight: 700;
        color: #333333;
        margin-bottom: 1.2rem;
        line-height: 1.4;
        position: relative;
        transition: color 0.3s ease;
      }

      .case-study-card:hover .case-title {
        color: #e44400;
      }

      .case-description {
        font-size: 0.95rem;
        color: #555555;
        margin-bottom: 1.8rem;
        flex-grow: 1;
        line-height: 1.7;
      }

      .read-more {
        align-self: flex-start;
        color: #ff4d00;
        font-weight: 600;
        text-decoration: none;
        display: inline-flex;
        align-items: center;
        margin-top: auto;
        padding: 0.5rem 0;
        position: relative;
        transition: all 0.3s ease;
      }

      .read-more::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 0;
        height: 2px;
        background-color: #ff4d00;
        transition: width 0.3s ease;
      }

      .read-more:hover {
        color: #e44400;
      }

      .read-more:hover::after {
        width: 100%;
      }

      .read-more i {
        margin-left: 0.5rem;
        transition: transform 0.3s;
      }

      .read-more:hover i {
        transform: translateX(5px);
      }

      /* Connect Card Styles */
      .connect-card {
        text-align: center;
        background: linear-gradient(135deg, #fff 0%, #f6f6f6 100%);
        border: 1px solid rgba(255, 77, 0, 0.15);
      }

      .connect-card::before {
        height: 8px;
      }

      .connect-card .content-container {
        padding: 3.5rem 2.5rem;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background: transparent;
      }

      .connect-card .case-title {
        font-size: 1.85rem;
        margin-bottom: 1.5rem;
        color: #e44400;
      }

      .connect-card .case-description {
        font-size: 1.05rem;
        max-width: 85%;
        margin: 0 auto 2rem;
      }

      .connect-btn {
        background: linear-gradient(135deg, #ff4d00 0%, #ff7d40 100%);
        color: white;
        border: none;
        padding: 0.85rem 2.2rem;
        border-radius: 50px;
        font-weight: 600;
        transition: all 0.3s ease;
        margin-top: 1rem;
        display: inline-block;
        text-decoration: none;
        box-shadow: 0 5px 15px rgba(255, 77, 0, 0.15);
        position: relative;
        overflow: hidden;
      }

      .connect-btn::after {
        content: "";
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(
          90deg,
          rgba(255, 255, 255, 0) 0%,
          rgba(255, 255, 255, 0.2) 50%,
          rgba(255, 255, 255, 0) 100%
        );
        transform: skewX(-25deg);
        transition: all 0.75s ease;
      }

      .connect-btn:hover {
        background: linear-gradient(135deg, #e44400 0%, #ff4d00 100%);
        transform: translateY(-3px);
        box-shadow: 0 8px 25px rgba(255, 77, 0, 0.25);
        color: white;
      }

      .connect-btn:hover::after {
        left: 100%;
      }

      /* Float Effect Badge */
      .number-badge {
        position: absolute;
        top: 20px;
        right: 20px;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background: linear-gradient(135deg, #f9f9f9 0%, #f1f1f1 100%);
        display: flex;
        align-items: center;
        justify-content: center;
        color: #ff4d00;
        font-weight: 700;
        font-size: 1rem;
        border: 2px solid rgba(255, 77, 0, 0.15);
        box-shadow: 0 3px 8px rgba(0, 0, 0, 0.05);
        z-index: 3;
        transition: all 0.3s ease;
      }

      .case-study-card:hover .number-badge {
        transform: rotate(10deg) scale(1.1);
        background: #ff4d00;
        color: #fff;
        border-color: #ff4d00;
      }

      /* Responsive adjustments */
      @media (max-width: 1199.98px) {
        .content-container {
          padding: 2.5rem 2rem;
        }

        .case-title {
          font-size: 1.25rem;
        }

        .case-number {
          font-size: 1.8rem;
        }
      }

      @media (max-width: 991.98px) {
        .featured-header h1 {
          font-size: 2.4rem;
        }

        .case-studies-section {
          padding: 4rem 0;
        }
      }

      @media (max-width: 767.98px) {
        .case-studies-section {
          padding: 3.5rem 0;
        }

        .featured-header {
          margin-bottom: 2.5rem;
        }

        .featured-header h1 {
          font-size: 2.2rem;
        }

        .connect-card .case-title {
          font-size: 1.6rem;
        }
      }

      @media (max-width: 575.98px) {
        .content-container {
          padding: 2rem 1.75rem;
        }

        .featured-header h1 {
          font-size: 1.9rem;
        }

        .case-number {
          font-size: 1.5rem;
        }

        .case-title {
          font-size: 1.15rem;
        }

        .connect-card .content-container {
          padding: 2.5rem 1.5rem;
        }
      }

/*Inner service caseStudy section ends*/
  
  
  
  

            
    .limitless-section {
        /* background-color: #f8f9fa; /* Optional: very light grey if needed */
    }
    
    .limitless-title {
        color: #212529; /* Very dark grey / almost black for the title */
        line-height: 1.2;
    }
    
    .limitless-paragraph {
        font-size: 1.1rem; /* Slightly larger than default for readability */
        color: #5a6268; /* Muted grey for the paragraph text */
        line-height: 1.7;
        margin-bottom: 1.25rem;
    }
    
    .limitless-image {
        max-height: 450px; /* Optional: constrain image height if it gets too tall */
        object-fit: cover; /* If using max-height, ensures image covers nicely */
        border: 1px solid #ededed; /* Subtle border if desired */
    }
    
    /* Responsive adjustments */
    @media (max-width: 991.98px) { /* Below large screens (lg breakpoint) */
        .text-content-limitless {
            text-align: center; /* Center text when stacked on md screens */
            margin-top: 2rem; /* Add some space above text when stacked */
        }
        .limitless-title {
            font-size: 2.5rem; /* Slightly smaller title on medium screens */
        }
        .image-column-limitless {
             text-align: center; /* Ensure image is centered */
        }
    }
    
    @media (max-width: 767.98px) { /* Below medium screens (md breakpoint) */
        .limitless-title {
            font-size: 2.2rem; /* Even smaller title on small screens */
        }
        .limitless-paragraph {
            font-size: 1rem;
        }
    }
    .career-cta-banner {
        min-height: 350px; /* Minimum height for the banner */
        max-height: 450px; /* Optional: max height */
        overflow: hidden; /* Ensure content doesn't spill if image is too large */
    }
    
    .cta-text-column {
        background-color: #ff4d00; /* Dark blue from the image (approximate) */
        color: white;
        padding: 40px 30px; /* Adjust padding as needed */
    }
    
    .cta-text-content {
        max-width: 400px; /* Control width of text content if needed */
        margin-left: auto; /* Center if max-width is set and column is wider */
        margin-right: auto;
    }
    
    .company-brand-text {
        font-size: 0.75rem;
        font-weight: 500;
        letter-spacing: 0.15em;
        /*/*text-transform: uppercase;*/*/
        opacity: 0.8;
        margin-bottom: 0.5rem;
    }
    
    .cta-heading {
        font-size: 2.5rem;
        font-weight: 700;
        line-height: 1.2;
        margin-bottom: 1.5rem;
    }
    
    .cta-button {
        border-width: 1px; /* Thinner border as in image */
        padding: 0.75rem 1.5rem;
        font-size: 0.9rem;
        font-weight: 500;
        border-radius: 0.25rem; /* Slight rounding */
        transition: background-color 0.2s ease, color 0.2s ease;
    }
    
    .cta-button:hover {
        background-color: white;
        color: #0A2342; /* Dark blue text on hover */
    }
    .cta-button i {
        margin-left: 0.5rem;
    }
    
    .cta-image-column {
        padding: 0; /* Remove padding if row had any */
        position: relative; /* For absolute positioning of image if needed, or direct img styling */
    }
    
    .cta-image {
        width: 100%;
        height: 100%;
        object-fit: cover; /* Crucial: scales image to cover area, cropping if necessary */
        display: block; /* Removes any extra space below image */
    }
    
    /* Content section styling */
    .section-heading {
        font-size: 2rem;
        font-weight: 700;
        color: #333;
        margin-bottom: 1rem;
    }
    .sub-heading {
        font-size: 1.3rem;
        font-weight: 600;
        color: #444;
        margin-bottom: 0.75rem;
        margin-top: 1rem;
    }
    
    .list-styled {
        list-style: none;
        padding-left: 0;
    }
    .list-styled li {
        padding: 0.3rem 0;
        font-size: 1rem;
    }
    .list-styled li i {
        width: 20px; /* For consistent icon alignment */
    }
    
    
    /* Responsive adjustments for the banner */
    @media (max-width: 991.98px) { /* Below LG */
        .cta-heading {
            font-size: 2rem;
        }
    }
    
    @media (max-width: 767.98px) { /* Below MD - when columns stack */
        .career-cta-banner {
            min-height: auto; /* Allow height to adjust when stacked */
            max-height: none;
        }
        .cta-text-column {
            text-align: center;
            padding: 30px 20px;
        }
        .cta-heading {
            font-size: 1.8rem;
        }
        .company-brand-text {
            font-size: 0.7rem;
        }
        .cta-image-column {
            min-height: 250px; /* Ensure image has some height when stacked */
        }
    }
    
    
    
    
    .total-rewards-title {
        font-size: 3.5rem; /* Large title */
        font-weight: 800; /* Very bold */
        color: #121212; /* Almost black */
        margin-bottom: 1.5rem;
        line-height: 1.1;
    }
    
    .rewards-description {
        font-size: 1rem;
        color: #333; /* Dark grey for text */
        line-height: 1.7;
        margin-bottom: 1rem;
    }
    
    /* Accordion Customization */
    .accordion-item {
        border: none; /* Remove default accordion item borders */
        border-bottom: 1px solid #ededed; /* Only bottom border for separation */
        background-color: transparent;
    }
    .accordion-item:first-of-type {
        /* border-top: 1px solid #ededed; */ /* Optional: top border for the first item */
    }
    .accordion-item:last-of-type {
        border-bottom: 1px solid #ededed; /* Ensure last item also has a bottom border if it's the only one visible */
    }
    
    
    .accordion-header {
        margin-bottom: 0;
    }
    
    .accordion-button {
        background-color: transparent;
        color: #212529; /* Dark text color */
        font-weight: 500;
        font-size: 1rem;
        padding: 1.25rem 0.5rem; /* Adjust padding to match spacing */
        text-align: left;
        border: none; /* Remove default button border */
        box-shadow: none !important; /* Remove Bootstrap's focus shadow */
        width: 100%;
        display: flex;
        align-items: center;
    }
    
    .accordion-button:not(.collapsed) {
        color: #212529; /* Keep color same when expanded */
        background-color: transparent;
    }
    
    .accordion-button i.fa-fw { /* Font Awesome fixed width icon */
        width: 24px; /* Ensure consistent icon spacing */
        text-align: center;
    }
    
    /* Custom Plus/Minus Icon for Accordion */
    .accordion-button::after {
        content: '+'; /* Default icon is plus */
        font-family: 'FontAwesome'; /* Can use a simple text plus or Font Awesome */
        font-weight: 900; /* For Font Awesome solid style */
        font-size: 1.1em;
        color: #555;
        background-image: none; /* Remove default Bootstrap arrow */
        margin-left: auto; /* Push to the right */
        transform: rotate(0deg);
        transition: transform 0.2s ease-in-out;
    }
    
    .accordion-button:not(.collapsed)::after {
        content: '\2212'; /* Unicode minus sign, or use Font Awesome fa-minus */
        transform: rotate(0deg); /* No rotation needed for minus */
    }
    
    .accordion-body {
        padding: 0.5rem 0.5rem 1.25rem 2.5rem; /* Indent body text */
        font-size: 1.2rem;
        color: #555;
        border-top: none; /* Remove default top border for accordion body */
    }
    
    /* Responsive Adjustments */
    @media (max-width: 991.98px) { /* Below LG */
        .total-rewards-title {
            font-size: 2.8rem;
        }
    }
    @media (max-width: 767.98px) { /* Below MD */
        .total-rewards-title {
            font-size: 2.2rem;
            text-align: center;
        }
        .rewards-description {
            text-align: center;
        }
        .accordion-button {
            padding: 1rem 0.25rem;
        }
    }
    /* Styling for the open accordion item */
    .accordion-button:not(.collapsed) {
        background-color: #ff4d00; /* Orange background */
        color: white; /* White text */
        box-shadow: none !important; /* Ensure no Bootstrap focus shadow interferes */
    }
    
    /* Ensure the plus/minus icon is also white when the button is open */
    .accordion-button:not(.collapsed)::after {
        color: white; /* White plus/minus icon */
    }
    
    /* Adjust accordion button if icons are NOT used in this specific accordion */
    /* If you decide to add icons back, remove or adjust this */
    .accordion-button {
        /* padding-left: 0.5rem; If no icon, reduce left padding a bit for text */
    }
    .accordion-button i.fa-fw {
        /* If icons are not used, this rule for icon width is not needed here,
           but fine to keep if other accordions might use icons.
           For this specific HTML, the <i> tags are removed from buttons. */
    }
    
    /* Adjustments for text in the left column to use existing classes */
    .total-rewards-title { /* This class is used for "Current Openings" H1 */
        font-size: 3.5rem;
        font-weight: 800;
        color: #121212;
        margin-bottom: 1.5rem;
        line-height: 1.1;
    }
    
    .rewards-description { /* This class is used for paragraphs in the left column */
        font-size: 1rem;
        color: #333;
        line-height: 1.7;
        margin-bottom: 1rem;
    }
    
    
    /* === YOUR EXISTING CSS FOR ACCORDION (slightly modified for clarity) === */
    .accordion-item {
        border: none;
        border-bottom: 1px solid #ededed;
        background-color: transparent;
    }
    .accordion-item:last-of-type {
        border-bottom: 1px solid #ededed;
    }
    
    .accordion-header {
        margin-bottom: 0;
    }
    
    .accordion-button {
        /* Default state (collapsed) */
        background-color: transparent;
        color: #212529;
        font-weight: 500;
        font-size: 1rem;
        padding: 1.25rem 0.5rem;
        text-align: left;
        border: none;
        box-shadow: none !important;
        width: 100%;
        display: flex;
        align-items: center;
        transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out; /* Added transition */
    }
    
    /* Custom Plus/Minus Icon for Accordion */
    .accordion-button::after {
        content: '+';
        /* font-family: 'FontAwesome'; -- Not strictly needed if using Unicode chars */
        font-weight: 900; /* Makes the + and - bolder */
        font-size: 1.1em;
        color: #555; /* Color for collapsed state */
        background-image: none;
        margin-left: auto;
        transform: rotate(0deg);
        transition: transform 0.2s ease-in-out, color 0.15s ease-in-out; /* Added color transition */
    }
    
    .accordion-button:not(.collapsed)::after {
        content: '\2212'; /* Unicode minus sign */
        transform: rotate(0deg);
    }
    
    .accordion-body {
        padding: 0.5rem 0.5rem 1.25rem 1rem; /* Adjusted left padding as no icons in buttons */
        font-size: 0.9rem;
        color: #555;
        border-top: none;
    }
    .accordion-body small {
        display: block; /* Make the small tag take full width */
        margin-top: 0.5rem;
        color: #6c757d; /* Bootstrap muted color */
    }
    .accordion-body small a {
        color: #0d6efd; /* Bootstrap primary color for the link */
    }
    .accordion-body small a:hover {
        text-decoration: underline !important; /* Ensure underline on hover */
    }
    
    
    /* Responsive Adjustments */
    @media (max-width: 991.98px) {
        .total-rewards-title {
            font-size: 2.8rem;
        }
    }
    @media (max-width: 767.98px) {
        .total-rewards-title {
            font-size: 2.2rem;
            text-align: center;
        }
        .rewards-description {
            text-align: center;
        }
        .accordion-button {
            padding: 1rem 0.25rem;
        }
    }
       
        /* === Why Join anovIP Section === */
    .why-join-anovip-section {
        background-color: #f0f2f5; /* Light grey background like the Boeing example page */
    }
    
    .section-main-title {
        font-size: 2.5rem; /* Adjust as needed */
        font-weight: 700;
        color: #0033A0; /* Dark blue, similar to Boeing example */
        /* /*text-transform: uppercase;*/ /* Optional, if you want it like the example */
    }
    
    .info-card {
        background-color: #ffffff; /* White card background */
        border: 1px solid #e0e0e0; /* Subtle border */
        border-radius: 4px;
        display: flex;
        flex-direction: column; /* To push button to bottom */
        width: 100%; /* Ensure card takes full width of column */
        box-shadow: 0 2px 4px rgba(0,0,0,0.05);
        transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
    }
    
    .info-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    }
    
    .card-content-area {
        padding: 20px 25px;
        flex-grow: 1; /* Allows content to take space, pushing button down */
    }
    
    .info-card-title {
        font-size: 1.25rem;
        font-weight: 700;
        color: #ff4d00; /* Dark text for title */
        margin-bottom: 0.75rem;
    }
    
    .info-card-description {
        font-size: 1.1rem;
        color: #495057; /* Slightly lighter grey for description */
        line-height: 1.6;
        margin-bottom: 1rem;
    }
    
    .info-card-list {
        list-style-type: disc; /* Standard bullets */
        padding-left: 20px; /* Indent list items */
        font-size: 1rem;
        color: #495057;
        margin-bottom: 1rem;
    }
    
    .info-card-list li {
        margin-bottom: 0.5rem;
    }
    
    .info-card-button {
        background-color: #ff4d00; /* Dark blue button background */
        color: #ffffff;
        text-align: left;
        padding: 12px 25px;
        font-size: 0.8rem;
        font-weight: 600;
        /*text-transform: uppercase;*/
        text-decoration: none;
        display: block; /* Make it block to take full width of its container */
        border-top: 1px solid #e0e0e0; /* Separator line if needed */
        /* If you want rounded bottom corners for the button part of the card: */
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
        transition: background-color 0.2s ease;
    }
    
    .info-card-button:hover {
        background-color: #646464; /* Slightly darker blue on hover */
        color: #ffffff;
    }
    
    .info-card-button i {
        float: right; /* Pushes icon to the right */
        font-size: 0.7em; /* Smaller icon */
        margin-top: 2px; /* Align icon vertically a bit better */
    }
    
    /* Responsive Adjustments for Cards */
    @media (max-width: 767.98px) { /* Stack columns */
        .section-main-title {
            font-size: 2rem;
        }
        .info-card-title {
            font-size: 1.15rem;
        }
    }
    
    
    /* === Value of Your Idea Section === */
    .value-idea-section {
        background-color: #ffffff; /* White background for the section */
        position: relative; /* For positioning SVG if needed directly under section */
        overflow: hidden; /* To contain elements like the SVG if they extend */
    }
    
    .image-collage-container {
        position: relative; /* Anchor for the SVG and image collage */
        min-height: 350px; /* Ensure some height for image placement, adjust as needed */
    }
    
    .decorative-wave {
        position: absolute;
        top: -20px; /* Adjust for desired placement */
        left: -30px;  /* Adjust for desired placement */
        width: 150px; /* Adjust size */
        height: 150px;
        z-index: 1; /* Above background, potentially below some images if needed */
        opacity: 0.7;
    }
    .decorative-wave path {
        stroke: #00695C; /* Teal color similar to image */
        stroke-width: 3; /* Make lines a bit thicker */
    }
    
    
    .image-collage {
        position: relative;
        width: 100%;
       /* max-width: 450px;  Control max size of collage */
        margin: 0 auto; /* Center the collage if max-width is less than column width */
        height: auto; /* Or set a fixed height/aspect-ratio if needed */
        padding-top: 40px; /* Space for SVG */
    }
    
    .img-wrapper {
        position: absolute;
        box-shadow: 0 4px 12px rgba(0,0,0,0.1);
        background-color: white; /* Background in case image has transparency or for border effect */
        overflow: hidden; /* Crucial for rounded corners on images */
    }
    
    .img-wrapper img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover; /* Ensures image covers the wrapper, might crop */
    }
    
    /*
      Approximate positioning for the collage.
      This will need fine-tuning based on actual image aspect ratios and desired overlap.
      Using percentages for top/left can help with some responsiveness.
    */
    .img-wrapper.img-1 {
        width: 60%; /* Relative to .image-collage width */
        height: auto;
        aspect-ratio: 3/2.5; /* Maintain aspect ratio */
        top: 10%;
        left: 5%;
        z-index: 2;
        border-radius: 8px;
    }
    
    .img-wrapper.img-2 {
        width: 45%;
        height: auto;
        aspect-ratio: 1/1; /* For circular, make it square before border-radius */
        top: 0%;
        left: 50%;
        z-index: 3; /* On top */
        border-radius: 50%; /* Makes it circular */
        border: 4px solid white; /* Optional white border */
    }
    .img-wrapper.img-2.img-circular { /* More specific selector if needed */
        border-radius: 50% 50% 30% 30% / 50% 50% 30% 30%; /* Closer to the oval shape in image */
        transform: rotate(-5deg);
    }
    
    
    .img-wrapper.img-3 {
        width: 55%;
        height: auto;
        aspect-ratio: 4/3;
        top: 45%; /* Adjust to overlap */
        left: 35%;
        z-index: 2;
        border-radius: 8px;
    }
    
    
    .text-content-value {
        /* Text content will naturally flow */
    }
    
    .value-idea-title {
        font-size: 2.2rem;
        font-weight: 700;
        color: #ff4d00; /* Teal color */
        margin-bottom: 1.5rem;
    }
    
    .value-idea-paragraph {
        font-size: 1rem;
        color: #333333; /* Dark grey for text */
        line-height: 1.7;
        margin-bottom: 1rem;
    }
    
    .btn-learn-more-orange {
        background-color: #ff4d00; /* Orange color from image */
        color: white;
        padding: 10px 25px;
        border-radius: 30px; /* Highly rounded corners */
        font-weight: 500;
        text-decoration: none;
        display: inline-block;
        border: none;
        transition: background-color 0.2s ease;
    }
    
    .btn-learn-more-orange:hover {
        background-color: #E65100; /* Darker orange on hover */
        color: white;
    }
    
    /* Responsive Adjustments */
    @media (max-width: 991.98px) { /* Below LG */
        .image-collage-container {
            min-height: 300px; /* Adjust as collage scales */
            margin-bottom: 3rem; /* More space when stacked */
        }
        .decorative-wave {
            width: 120px;
            height: 120px;
            top: -10px;
            left: -10px;
        }
    }
    
    @media (max-width: 767.98px) { /* Below MD (when columns stack) */
        .image-collage-container {
            order: 1; /* Image collage first */
            min-height: 280px;
        }
        .text-content-value {
            order: 2; /* Text content second */
            text-align: center; /* Center text when stacked */
        }
        .value-idea-title {
            font-size: 1.8rem;
        }
        .value-idea-paragraph {
            font-size: 0.95rem;
        }
        .image-collage {
            max-width: 300px; /* Smaller collage on small screens */
            padding-top: 20px;
        }
        .decorative-wave {
            width: 100px;
            height: 100px;
        }
    }
    
    /* Home About section starts  */

/* Logo and Tagline Section */
.anovip-custom-logo-tagline-section {
  background-color: #fff;
}

.anovip-logo-main {
  font-family: "Inter", "Arial", sans-serif;
  font-size: clamp(3rem, 10vw, 5.5rem);
  font-weight: 700;
  color: #ff4d00;
  line-height: 1;
  margin-bottom: 0.25rem;
}

.anovip-tagline {
  font-family: "Inter", "Arial", sans-serif;
  font-size: clamp(0.8rem, 2.5vw, 1.1rem);
  color: #4a4a4a;
  letter-spacing: 0.5px;
  margin-bottom: 0;
}

/* Hero Statement Section */
.anovip-hero-statement-section {
  background-color: #003366;
  padding: 40px 0;
}

.anovip-hero-statement-card {
  background-color: #fff;
  border-radius: 25px;
  padding: 50px 140px;
  text-align: center;
  position: relative;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.anovip-hero-statement-card .statement-text {
    text-align: center !important;
  font-family: "Inter", "Arial", sans-serif;
  font-size: clamp(1.1rem, 3.5vw, 1.75rem);
  color: #000;
  line-height: 1.4;
  font-weight: 500;
  margin-bottom: 0;
}

.anovip-hero-statement-card .statement-text .logo-orange {
  color: #ff4d00;
  font-weight: 700;
}

.sparkle-icon {
  color: #ff4d00;
  font-size: clamp(0.8rem, 2vw, 1.1rem);
  position: absolute;
  top: 20px;
  right: 25px;
}

.anovip-hero-statement-links {
  background-color: #fff;
  border-radius: 15px;
  padding: 12px 20px;
  text-align: center;
  margin-top: 20px;
  width: 90%;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
}

.anovip-hero-statement-links a {
  color: #ff4d00;
  text-decoration: none;
  font-weight: 600;
  font-size: 18px;
  margin: 0 5px;
  transition: opacity 0.2s ease;
}

.anovip-hero-statement-links a:hover {
  opacity: 0.8;
}

/* About anovIP Section */
.anovip-about-snippet-section {
  background-color: #fff;
}

.anovip-about-snippet-section .section-title {
  font-family: "Inter", "Arial", sans-serif;
  font-size: clamp(1.8rem, 5vw, 2.5rem);
  font-weight: 700;
  color: #333333;
  margin-bottom: 1rem;
}
.anovip-about-snippet-section .section-title .logo-orange {
  color: #ff4d00;
}

.anovip-about-snippet-section p {
  font-family: "Inter", "Arial", sans-serif;
  font-size: clamp(0.9rem, 2.5vw, 1rem);
  color: #777777;
  line-height: 1.6;
  margin-bottom: 1rem;
}

.anovip-about-snippet-section .highlighted-cta {
  font-weight: 600;
  color: #ff4d00;
  font-size: clamp(1rem, 2.7vw, 1.1rem);
  line-height: 1.5;
}

.anovip-about-snippet-section .about-contact-info {
  font-family: "Inter", "Arial", sans-serif;
  font-size: clamp(0.85rem, 2.3vw, 0.95rem);
  color: #ff4d00;
  font-weight: 500;
}
.anovip-about-snippet-section .about-contact-info .fas {
  font-size: 0.9em;
}

.about-card-item {
  padding: 28px 25px;
  border-radius: 8px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.07);
  min-height: auto; /* Ensure content dictates height */
}

.about-card-item p {
  margin-bottom: 0;
  font-size: 17px;
  line-height: 1.5;
}
.about-card-item p .logo-orange {
  color: #ff4d00;
  font-weight: 600;
}

.about-card-item.grey-card {
  background-color: #ededed;
  color: #f8f9fa;
}
.about-card-item.grey-card .logo-orange {
  color: #ff4d00;
}

.about-card-item.blue-card {
  background-color: #003366;
  color: #fff;
}
.about-card-item.blue-card .logo-orange {
  color: #ff4d00;
}

/* Responsive adjustments */
@media (max-width: 991.98px) {
  /* Large tablets */
  .anovip-hero-statement-card {
    padding: 80px 50px 25px;
  }
  .anovip-hero-statement-links {
    width: 95%;
  }
  .about-card-item {
    padding: 18px 20px;
  }
}

@media (max-width: 767.98px) {
  /* Tablets and smaller phones */
  .anovip-custom-logo-tagline-section {
    padding: 30px 0;
  }
  .anovip-hero-statement-section {
    padding: 30px 0;
  }
  .anovip-hero-statement-card {
    border-radius: 20px;
  }
  .sparkle-icon {
    top: 15px;
    right: 20px;
  }
  .anovip-hero-statement-links {
    border-radius: 12px;
    padding: 10px 15px;
    margin-top: 15px;
  }
  .anovip-hero-statement-links a {
    margin: 0 3px;
    font-size: 15px;
  }

  .anovip-about-snippet-section .section-title {
    text-align: center;
  }
  .anovip-about-snippet-section .col-md-6.col-lg-5 {
    /* Left text column */
    text-align: center;
  }
  .anovip-about-snippet-section .highlighted-cta {
    margin-bottom: 1.5rem; /* Added space below CTA */
  }
  .anovip-about-snippet-section .about-contact-info {
    margin-top: 1rem;
  }
  .anovip-about-snippet-section .about-card-item {
    padding: 20px; /* Adjusted padding for smaller cards */
    /* min-height: auto; -- already set above, ensuring it applies */
  }
}

@media (max-width: 575.98px) {
    .anovip-hero-statement-links a {
    font-size: 13px;
  }
  .anovip-about-snippet-section .about-card-item {
    /* col-sm-6 will stack them. Ensure text inside is readable */
    /* No specific min-height, let content define it. */
  }
  .anovip-about-snippet-section .about-card-item p {
    font-size: clamp(0.8rem, 2.5vw, 0.85rem);
  }
  .anovip-about-snippet-section .highlighted-cta {
    font-size: clamp(0.9rem, 2.7vw, 1rem);
  }
}

/* Home About section ends  */


/* New Service Verticals Start  */
.service-verticals-section {
  background-color: #f8f9fa;
  font-family: "arial", sans-serif;
}

.service-verticals-section .service-verticals-title-container {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 50px;
}

.service-verticals-section .section-main-title {
  color: #00234b;
  font-weight: 700;
  font-size: clamp(1.8rem, 4vw, 2.5rem);
  margin-bottom: 0;
}

.service-verticals-section .title-icons i {
  /* This styles the <i class="fas fa-angle-double-right"></i> */
  color: #ff4d00;
  font-size: clamp(1.2rem, 3vw, 1.6rem);
  margin-left: -2px; /* Slight overlap for the >>> effect */
}
.service-verticals-section .title-icons i:first-child {
  margin-left: 0;
}

/* Featured Orange Card */
.service-verticals-section .service-vertical-featured-card {
  background-color: #ff4d00;
  color: #fff;
  padding: 0; /* Padding will be handled by inner elements */
  position: relative;
  min-height: 410px; /* Ensure it has some height on mobile before content loads */
  /*height: 80%; */
  overflow: hidden; /* To contain the top bar */
}

.service-verticals-section .featured-card-top-bar {
  background-color: #ffa966;
  height: 25px;
  width: 100%;
}

.service-verticals-section .featured-card-icon-plus {
  /* This styles the container of <i class="fas fa-plus"></i> */
  position: absolute;
  top: 45px; /* Below the top bar */
  right: 25px;
  background-color: #fff;
  color: #ff4d00; /* Icon color */
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem; /* This will affect the size of the fa-plus icon inside */
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.service-verticals-section .featured-card-content {
  padding: 30px 25px;
  text-align: left;
}

.service-verticals-section .featured-card-title {
  font-size: clamp(1.6rem, 3.5vw, 2.2rem);
  font-weight: 700;
  margin-bottom: 0.75rem;
}

.service-verticals-section .featured-card-description {
  font-size: 20px;
  line-height: 1.6;
  opacity: 0.95;
}

.service-verticals-section .featured-card-arrow {
  padding-bottom: 25px;
}

/* Common Icon Circle Link */
.service-verticals-section .icon-circle-link {
  /* This styles the <a> tag wrapping <i class="fas fa-arrow-right"></i> */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  text-decoration: none;
  transition: transform 0.2s ease-out, box-shadow 0.2s ease-out;
  font-size: 0.9rem; /* Controls the size of the fa-arrow-right icon inside */
}
.service-verticals-section .icon-circle-link:hover {
  transform: scale(1.05);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
}

.service-verticals-section .icon-circle-link.white-icon {
  background-color: #fff;
  color: #ff4d00; /* Arrow icon color */
}
.service-verticals-section .icon-circle-link.orange-icon {
  background-color: transparent;
  color: #ff4d00; /* Arrow icon color */
  border: 1.5px solid #ff4d00;
  transform: rotate(325deg);
}
.service-verticals-section .foundation-card .icon-circle-link.orange-icon {
  background-color: transparent;
  color: #ff4d00; /* Arrow icon color */
  border: 1.5px solid #ff4d00;
}

/* Service Vertical Item (Grey/White Cards) */
.service-verticals-section .service-vertical-item {
  background-color: #ededed;
  color: #343a40;
  padding: 20px;
  height: 100%; /* For equal height cards in a Bootstrap row */
  display: flex;
  flex-direction: column;
  justify-content: space-between; /* Pushes arrow to bottom */
  transition: transform 0.2s ease-out, box-shadow 0.2s ease-out;
}
.service-verticals-section .service-vertical-item:hover {
  transform: translateY(-5px);
  box-shadow: 0 6px 15px rgba(0, 0, 0, 0.1);
}

.service-verticals-section a{
    text-decoration: none;
}

.service-verticals-section .sv-item-content {
  flex-grow: 1;
}

.service-verticals-section .sv-item-title {
  color: #ff4d00;
  font-size: clamp(0.95rem, 2.5vw, 1.1rem);
  font-weight: 700;
  margin-bottom: 0.6rem;
}

.service-verticals-section .sv-item-description {
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 1rem; /* Space before arrow if content is short */
}

.service-verticals-section .sv-item-arrow {
  text-align: right; /* Aligns arrow icon to the right */
  margin-top: auto; /* Ensures it stays at bottom */
}

/* Special styling for Foundation Card */
.service-verticals-section .foundation-card {
  background-color: #fff;
  border-top: 3px solid #ff4d00;
  border-bottom: 3px solid #ff4d00;
  color: #343a40; /* Use same text color as grey cards */
}
.service-verticals-section .foundation-card .sv-item-title {
  color: #ff4d00;
}

/* Responsive Adjustments */
@media (max-width: 991.98px) {
  /* Tablets */
  .service-verticals-section .service-verticals-title-container {
    flex-direction: column;
    align-items: flex-start; /* Align title to start */
    text-align: left; /* Ensure text aligns left if container is centered */
  }
  .service-verticals-section
    .col-lg-3.col-md-12
    .service-vertical-featured-card {
    /* Orange card on tablet */
    min-height: 300px; /* Adjust if needed */
    margin-bottom: 1.5rem; /* When it stacks above */
  }
}

@media (max-width: 767.98px) {
  /* Smaller Tablets & Large Phones */
  .service-verticals-section .service-verticals-title-container {
    align-items: center; /* Center title and icons when stacked */
    text-align: center;
  }
  .service-verticals-section .section-main-title {
    text-align: center;
  }
  .service-verticals-section .title-icons {
    justify-content: center; /* Center icons if they wrap */
  }
  .service-verticals-section .featured-card-content {
    text-align: center;
  }
  .service-verticals-section .service-vertical-item {
    padding: 18px;
  }
}

@media (max-width: 575.98px) {
  /* Small Phones */
  .service-verticals-section .col-lg-9 .col-sm-6 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

/* New Service Verticals Ends  */


/* Grow With Us section Starts */

.grow-with-us-section {
  background-color: #ffffff;
  font-family: "Inter", sans-serif;
  overflow: hidden;
}

.grow-heading {
  font-size: 62px;
  font-weight: 900;
  color: #000000;
  line-height: 1.1;
  margin-bottom: 0;
}

.grow-heading-orange {
  color: #ff4d00;
}

.hr-contact-intro {
  font-size: clamp(0.85rem, 2.5vw, 1rem);
  font-weight: 500;
  color: #ff4d00;
  margin-bottom: 0;
  text-align: left;
}

.hr-contact-today {
  color: #ff4d00;
  font-weight: 700;
}

.hr-contact-list {
  padding-left: 0;
}

.hr-contact-item {
  gap: 15px;
}

.hr-icon-circle {
  background-color: #ff4d00;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #001f3f;
  font-size: 1.2rem;
  border: 2.5px solid #ffffff;
  box-shadow: 0 0 0 2.5px #ff4d00;
  flex-shrink: 0;
}

.hr-contact-details {
  font-size: clamp(0.85rem, 2.5vw, 1rem);
  color: #333333;
  line-height: 1.6;
}

.hr-contact-details a {
  color: #333333;
  text-decoration: none;
  transition: color 0.2s ease;
}

.hr-contact-details a:hover {
  color: #ff4d00;
  text-decoration: underline;
}

@media (max-width: 991.98px) {
  /* Tablets */
  .grow-heading {
    text-align: center;
    margin-bottom: 2rem;
  }
  .hr-contact-intro {
    text-align: center;
  }
  .hr-contact-list {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .hr-contact-item {
    max-width: 380px;
    width: 100%;
    justify-content: flex-start;
  }
}

@media (max-width: 767.98px) {
  .grow-heading {
  }
  .hr-icon-circle {
    width: 45px;
    height: 45px;
    font-size: 1.1rem;
  }
  .hr-contact-item {
  }
}

@media (max-width: 575.98px) {
  .grow-heading br.d-none.d-sm-block {
    display: none !important;
  }
  .hr-contact-intro,
  .hr-contact-details {
    text-align: left;
  }
  .hr-contact-list {
    align-items: stretch;
  }
  .hr-contact-item {
    max-width: none;
  }
}

/* Grow With Us section Ends */

/* Break the Mold section Start */

.break-mold-section {
  background-color: #fff;
  font-family: "Inter", sans-serif; /* Consistent font */
  overflow-x: hidden; /* Prevent horizontal scroll */
}

.break-mold-illustration {
  max-width: 100%;
  height: auto;
  border-radius: 8px; /* Optional: if you want rounded corners on the image/gif */
}

.break-mold-content {
  text-align: left;
}

.break-mold-heading {
  color: #ff4d00;
  font-size: 26px; /* Responsive font size */
  font-weight: 700; /* Bold */
  margin-bottom: 0.75rem;
}

.break-mold-subheading {
  color: #00234b;
  font-size: clamp(1rem, 2.5vw, 1.25rem);
  line-height: 1.6;
  margin-bottom: 1.5rem;
  font-weight: 600; /* Medium weight */
}

.mold-callout-card {
  background-color: #737373;
  color: #ffffff;
  padding: 20px 25px;
  border-radius: 10px;
  height: 100%; /* For equal height cards in a Bootstrap row */
  display: flex;
  align-items: center; /* Vertically center text if card is taller */
}

.mold-callout-card p {
  font-size: clamp(0.85rem, 2.2vw, 0.95rem);
  line-height: 1.5;
  margin-bottom: 0;
}

.mold-callout-card .orange-link {
  color: #ff4d00;
  font-weight: 500;
  text-decoration: none;
  transition: opacity 0.2s ease;
}

.mold-callout-card .orange-link:hover {
  opacity: 0.85;
  text-decoration: underline;
}

/* Reused HR Contact Styles - These should ideally be defined globally or with the HR section */
/* If not, you can copy them here, but it's better to have them defined once. */
/* For completeness, I'll include them here with a note to centralize. */
/* Ensure these classes are styled as in the previous section */

.hr-contact-wrapper {
  padding-left: 60px;
}

.hr-contact-intro {
  font-size: clamp(0.85rem, 2.5vw, 1rem);
  font-weight: 500;
  color: #000;
  margin-bottom: 0;
  text-align: left;
}

.hr-contact-today {
  color: #ff4d00;
  font-weight: 700;
}

.hr-contact-list {
  padding-left: 0;
}

.hr-contact-item {
  gap: 15px;
}

.hr-icon-circle {
  background-color: #ff4d00;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #001f3f;
  font-size: 1.2rem;
  border: 2.5px solid #fff;
  box-shadow: 0 0 0 2.5px #ff4d00;
  flex-shrink: 0;
}

.hr-contact-details {
  font-size: clamp(0.85rem, 2.5vw, 1rem);
  color: #333333;
  line-height: 1.6;
}

.hr-contact-details a {
  color: #333333;
  text-decoration: none;
  transition: color 0.2s ease;
}

.hr-contact-details a:hover {
  color: #ff4d00;
  text-decoration: underline;
}

/* Responsive Adjustments for Break the Mold Section */
@media (max-width: 991.98px) {
  /* Tablets */
  .break-mold-section .row.align-items-center {
    /* Allow items to not be vertically centered when stacked */
    align-items: flex-start !important;
  }
  .break-mold-illustration {
    margin-bottom: 2.5rem; /* Space below illustration when stacked */
  }
  .break-mold-content {
    text-align: center; /* Center text content on tablet */
  }
  .hr-contact-wrapper {
   
    margin-left: auto;
    margin-right: auto;
    max-width: 500px; /* Optional: limit width of HR block for aesthetics */
  }
  .hr-contact-intro,
  .hr-contact-list {
    text-align: center; /* Center intro text and list */
  }
  .hr-contact-item {
    justify-content: center; /* Center content of each list item */
  }
}

@media (max-width: 767.98px) {
  /* Mobile */
  .mold-callout-card {
    padding: 18px;
  }
  .break-mold-heading {
    /* Clamp already handles responsiveness */
  }
  .break-mold-subheading {
    /* Clamp already handles responsiveness */
  }
  .hr-icon-circle {
    /* Copied from previous section for consistency */
    width: 45px;
    height: 45px;
    font-size: 1.1rem;
  }
}

@media (max-width: 575.98px) {
  /* The two .mold-callout-card items will stack due to col-md-6.
     Adjust their text or padding if needed on very small screens. */
  .hr-contact-intro,
  .hr-contact-details {
    /* If items were centered, revert text align inside them */
    text-align: left;
  }
  .hr-contact-list {
    align-items: stretch;
  }
  .hr-contact-item {
    max-width: none;
    justify-content: flex-start;
  }
}

/* Break the Mold section Ends */


/* --- Addon Comprehensive IP Services starts --- */
      .comprehensive-ip-section {
        background-color: #ffffff; /* Light grey background for the section */
        font-family: "Inter", sans-serif; /* Ensure consistent font */
      }
      

      .comprehensive-ip-section .section-main-title {
        font-size: 2.2rem; /* Adjust as needed */
        font-weight: 700;
        color: #333;
        margin-bottom: 0.5rem;
      }

      .comprehensive-ip-section .section-sub-title {
        font-size: 1.4rem;
        font-weight: 500;
        color: #555;
        background-color: #ffffff;
        padding: 10px 20px;
        margin-bottom: 0;
        padding-bottom: 0;
      }

      .comprehensive-ip-section .highlight-primary {
        color: #ff4d00; /* Your primary orange color */
      }

      .ip-service-card {
        background-color: #ffffff;
        border-radius: 10px;
        box-shadow:0 4px 15px rgb(0 0 0 / 52%);
    
        padding: 20px;
        position: relative;
        height: 100%; /* Ensures cards in the same row have equal height */
        display: flex; /* To help with content alignment if needed */
        flex-direction: column;
        transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
      }

      .ip-service-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);
      }

      .ip-card-content {
       
        flex-grow: 1; /* Allows content to fill card height */
        display: flex;
        flex-direction: column;
      }

      .ip-card-title {
        font-size: 1rem;
        font-weight: 500; /* Semibold */
        color: #151515; /* Darker shade */
        margin-bottom: 0.75rem;
        padding-right: 35px; /* Space for the number badge if it overlaps text area */
      }

      .ip-card-text {
        font-size: 0.875rem;
        color: #5a6a7a; /* Muted grey */
        line-height: 1.6;
        margin-bottom: 0;
        /* flex-grow: 1; */
      }
      .ip-card-text:last-of-type {
        flex-grow: 0; /* Last paragraph shouldn't overly expand */
        margin-bottom: 0; /* No margin for the very last text element */
      }

      .ip-card-divider {
        border-top: 1px solid #636363;
        margin: 1rem 0;
      }

      .ip-card-small-heading {
        font-size: 0.9rem;
        font-weight: 600; /* Semibold */
        color: #34495e; /* Slightly lighter dark shade */
        margin-bottom: 0.5rem;
      }

      .ip-card-tags {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        margin-bottom: 0;
        min-height: 20px; /* Ensure it has some height even if empty */
      }

      .ip-card-tags span {
        font-size: 0.8rem;
        color: #7f8c8d; /* Grey for tags */
        padding-right: 0.5rem; /* Spacing for the separator */
        margin-right: 0.5rem; /* Spacing after the separator */
        position: relative;
        line-height: 1.4;
      }

      .ip-card-tags span:not(:last-child)::after {
        content: "";
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        height: 12px; /* Height of the vertical line */
        width: 1px;
        background-color: #bdc3c7; /* Light grey for separator */
      }
      /* Remove margin for the very last tag to prevent extra space */
      .ip-card-tags span:last-child {
        margin-right: 0;
        padding-right: 0;
      }

      /* Responsive Adjustments */
      @media (max-width: 1199.98px) {
        /* lg */
        .comprehensive-ip-section .section-main-title {
          font-size: 2rem;
        }
        .comprehensive-ip-section .section-sub-title {
          font-size: 1.7rem;
        }
        .ip-card-title {
          font-size: 1.05rem;
        }
      }

      @media (max-width: 991.98px) {
        /* md */
        .comprehensive-ip-section .section-main-title {
          font-size: 1.9rem;
        }
        .comprehensive-ip-section .section-sub-title {
          font-size: 1.6rem;
          text-align: start !important;
          font-weight: 600;
          padding-bottom: 15px;
        }
        .ip-card-title {
          font-size: 1rem;
        }
        .ip-card-text {
          font-size: 0.85rem;
        }
        .ip-card-tags span {
          font-size: 0.75rem;
        }
      }

      @media (max-width: 767.98px) {
        /* sm */
        .comprehensive-ip-section .section-main-title {
          font-size: 1.7rem;
        }
        .comprehensive-ip-section .section-sub-title {
          font-size: 1.3rem;
          text-align: start !important;
          font-weight: 600;
          padding-bottom: 15px;
        }
        
      }

      .comprehensive-ip-section .card-number {
        position: absolute;
        top: 5px;
        right: 5px;
        font-family: "Arial", sans-serif;
        font-size: 1.8rem;
        font-weight: 700;
        color: rgb(0 0 0 / 12%);
        line-height: 1;
        transition: color 0.3s ease;
        color: 0.3s ease;
        z-index: 1;
      }

      /* Addon Comprehensive services section ends */
      
      /* ---  Virtual Paralegal Assistant (VPA) Services starts--- */
      .vpa-services-section {
        background-color: #ffffff; /* White background for the section */
        font-family: "Inter", sans-serif;
      }

      .vpa-sub-section-title {
        font-size: 1.6rem; /* Adjust as needed */
        font-weight: 500; /* Medium weight for "I. Filing & Application Support –" */
        color: #2c3e50; /* Dark blue-grey */
        margin-bottom: 0.5rem;
      }

      .vpa-sub-section-title .highlight-primary {
        font-weight: 600; /* Bolder for the highlighted VPA part */
      }

      .vpa-sub-section-description {
        font-size: 1rem;
        color: #5a6a7a; /* Muted grey */
        line-height: 1.6;
        max-width: 900px; /* Limit width for readability */
      }

      .vpa-card {
        background-color: #ffffff;
        border-radius: 8px;
        box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px,
          rgba(17, 17, 26, 0.1) 0px 8px 24px,
          rgba(17, 17, 26, 0.1) 0px 16px 56px;
        padding: 25px 20px 20px 20px; /* Top padding slightly more */
        position: relative;
        height: 100%;
        display: flex;
        flex-direction: column;
        transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
      }

      .vpa-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
      }

      .vpa-card-number {
        position: absolute;
        top: 0;
        right: 0;
        background-color: #ff4d00;
        color: #ffffff;
        font-size: 0.85rem;
        font-weight: 700;
        width: 30px;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 0 11px 0 0;
        line-height: 1;
      }

      .vpa-card-content {
        flex-grow: 1;
        display: flex;
        flex-direction: column;
      }

      .vpa-card-title {
        font-size: 1.15rem; /* Slightly larger than previous card titles */
        font-weight: 600;
        color: #34495e; /* Darker text */
        margin-bottom: 0.75rem;
        padding-right: 30px; /* Ensure space for number badge */
      }

      .vpa-card-text {
        font-size: 0.9rem; /* Standard text size */
        font-family: "Arial", sans-serif; /* Using Arial for description text as is common */
        color: #6c757d; /* Bootstrap's default text secondary color */
        line-height: 1.65;
        margin-bottom: 0;
      }
      /* Ensure the last p element inside vpa-card-content has no bottom margin
   or that the Strategic Value text also pushes the bottom of the card.
   If the Strategic Value text is always present, this might not be needed.
*/
      .vpa-card-content > .vpa-card-text:last-child {
        margin-bottom: 0; /* Remove bottom margin for the very last text element */
      }

      .vpa-card-divider-orange {
        border: 0;
        height: 0.5px; /* Slightly thicker orange line */
        background-color: #ff4d00; /* Primary orange */
        margin: 1rem 0; /* Adjust vertical spacing as needed */
        opacity: 0.85; /* Slightly transparent if desired, or 1 for solid */
      }

      .vpa-card-small-heading {
        font-size: 0.95rem;
        font-weight: 600; /* Semibold */
        color: #34495e;
        margin-bottom: 0.5rem;
      }

      /* Responsive Adjustments */
      @media (max-width: 1199.98px) {
        /* lg screens */
        .vpa-sub-section-title {
          font-size: 1.5rem;
        }
        .vpa-card-title {
          font-size: 1.1rem;
        }
      }

      @media (max-width: 991.98px) {
        /* md screens */
        .vpa-services-section .section-main-title {
          font-size: 2rem; /* Adjust main title for consistency if needed */
        }
        .vpa-sub-section-title {
          font-size: 1.4rem;
        }
        .vpa-sub-section-description {
          font-size: 0.95rem;
        }
        .vpa-card-title {
          font-size: 1.05rem;
        }
        .vpa-card-text {
          font-size: 0.875rem;
        }
      }

      @media (max-width: 767.98px) {
        /* sm screens */
        .vpa-services-section .section-main-title {
          font-size: 1.8rem;
        }
        .vpa-sub-section-title {
          font-size: 1.3rem;
          text-align: center; /* Center sub-section titles on mobile */
        }
        .vpa-sub-section-description {
          font-size: 0.9rem;
          text-align: center; /* Center description text on mobile */
          max-width: 100%;
        }
        .vpa-card {
          padding: 20px 15px 15px 15px;
        }
      }
       /* ---  Virtual Paralegal Assistant (VPA) Services ends--- */
       
        /* Tech Stack Compatibility starts */
      
      .tech-stack-section {
        box-shadow: rgb(255 255 255 / 25%) 0px 30px 60px -12px inset, rgb(106 102 102 / 30%) 0px 18px 36px -18px inset;
        background-color: #fff; /* Assuming a white background */
        font-family: "Arial", sans-serif;
        padding: 30px 0;
      }
      
      .tech-stack-section p{
          text-align: start !important;
      }

      .tech-stack-title {
        font-size: 2.2rem; /* Adjust as needed */
        font-weight: 500; /* Medium weight for "Tech Stack" */
        color: #575757; /* Dark grey */
        line-height: 1.3;
      }

      .tech-stack-title .highlight-primary {
        font-weight: 600; /* Bolder for "Compatibility" */
        color: #ff4d00; /* Your primary orange */
      }

      .tech-stack-description {
        font-size: 1.1rem;
        font-family: "Arial", sans-serif; /* Arial for description for softer look */
        color: #555; /* Medium grey */
        line-height: 1.6;
        max-width: 400px; /* Limit width slightly for readability */
      }

      .btn-connect-tech {
        background-color: #ff4d00;
        color: #ffffff;
        font-family: "Inter", sans-serif;
        font-size: 1rem;
        font-weight: 500;
        padding: 0.75rem 1.75rem;
        border-radius: 6px; /* Slightly rounded corners */
        text-decoration: none;
        display: inline-block;
        transition: background-color 0.3s ease, color 0.3s ease,
          box-shadow 0.3s ease;
        border: 1px solid transparent; /* For potential hover effect */
      }

      .btn-connect-tech:hover {
        background-color: #ffddcf; /* Slightly darker peach on hover */
        color: #333;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
      }

      .compatibility-item {
        align-items: flex-start; /* Align icon to the top of the text block */
      }

      .compatibility-icon-wrapper {
        background-color: #ff4d00; /* Primary orange */
        color: #ffffff; /* White icon */
        width: 40px; /* Diameter of the circle */
        height: 40px; /* Diameter of the circle */
        border-radius: 50%; /* Make it circular */
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 15px; /* Space between icon and text */
        flex-shrink: 0; /* Prevent icon from shrinking */
      }

      .compatibility-icon-wrapper i {
        font-size: 1.3rem; /* Adjust icon size as needed */
      }

      .compatibility-text {
        /* Flex grow can be added if needed, but should be fine */
      }

      .compatibility-title {
        font-size: 1.2rem;
        font-weight: 500; /* Semibold */
        color: #2c3e50; /* Dark blue-grey */
        margin-bottom: 0.35rem;
      }

      .compatibility-tools {
        font-size: 0.95rem;
        font-family: "Arial", sans-serif;
        color: #6c757d; /* Bootstrap's default text secondary */
        line-height: 1.5;
        margin-bottom: 0;
      }

      /* Responsive Adjustments */
      @media (max-width: 1199.98px) {
        /* lg */
        .tech-stack-title {
          font-size: 2rem;
        }
        .tech-stack-description {
          font-size: 1.05rem;
        }
      }

      @media (max-width: 991.98px) {
        /* md */
        .tech-stack-title {
          font-size: 1.9rem;
        }
        .tech-stack-content {
          text-align: center; /* Center text and button in left column on tablet */
        }
        .tech-stack-description {
          max-width: none; /* Allow description to take full width when centered */
          margin-left: auto;
          margin-right: auto;
        }
        .compatibility-title {
          font-size: 1.15rem;
        }
        .compatibility-tools {
          font-size: 0.9rem;
        }
      }

      @media (max-width: 767.98px) {
        /* sm */
        .tech-stack-title {
          font-size: 1.7rem;
        }
        .btn-connect-tech {
          font-size: 0.95rem;
          padding: 0.65rem 1.5rem;
        }
        
       
      }

      @media (max-width: 575.98px) {
        .compatibility-icon-wrapper {
          width: 45px;
          height: 45px;
          margin-right: 12px;
        }
        .compatibility-icon-wrapper i {
          font-size: 1.2rem;
        }
        .compatibility-title {
          font-size: 1.1rem;
        }
      }
      /* Tech Stack Compatibility ends */
      
     /* --- Sample Use Cases section starts --- */
      .sample-use-cases-section {
        font-family: "Inter", "Arial", sans-serif;
        background-color: #f4f4f4;
        overflow: hidden;
      }

      .use-case-item .icon-wrapper {
        width: 48px;
        height: 48px;
        background-color: #ff4d00;
        color: #ffffff;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1.2rem;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
      }

      .use-case-item .tm-icon-wrapper span {
        font-weight: 700;
        font-size: 0.9rem;
        line-height: 1;
      }

      .use-case-item .use-case-title {
        font-family: "Inter", "Arial", sans-serif;
        font-weight: 700;
        font-size: 1.25rem;
        color: #333333;
        margin-bottom: 0.5rem;
      }

      .use-case-item .use-case-description {
        font-family: "Arial", "Inter", sans-serif;
        font-size: 1rem; /* Slightly increased for better readability */
        color: #6c757d;
        line-height: 1.6;
        margin-bottom: 0;
      }

      /* Right Column Styling */
      .sample-cases-main-title {
        font-family: "Inter", "Arial", sans-serif;
        font-weight: 700;
        font-size: 1.9rem;
        color: #333333;
      }

      .sample-cases-main-title .highlight-orange {
        color: #ff4d00;
      }

      .sample-cases-description {
        font-family: "Arial", "Inter", sans-serif;
        font-size: 1rem;
        color: #6c757d;
        line-height: 1.6;
      }

      .btn-connect-now {
        background-color: #ff4d00;
        color: #ffffff;
        padding: 12px 30px;
        border-radius: 8px;
        font-family: "Inter", "Arial", sans-serif;
        font-weight: 500;
        font-size: 1rem;
        text-decoration: none;
        transition: background-color 0.3s ease, box-shadow 0.3s ease;
        border: none;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
        display: inline-flex;
        align-items: center;
      }

      .btn-connect-now:hover,
      .btn-connect-now:focus {
        background-color: #e63900;
        color: #ffffff;
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
      }

      .btn-connect-now i {
        font-size: 0.9em;
      }

      /* Responsive Font Size Adjustments */
      @media (max-width: 991.98px) {
        .sample-cases-main-title {
          font-size: 1.7rem;
        }
      }

      @media (max-width: 767.98px) {
        .use-case-item .use-case-title {
          font-size: 1.15rem;
        }
        .sample-cases-main-title {
          font-size: 1.6rem;
        }
        .btn-connect-now {
          padding: 10px 25px;
          font-size: 0.95rem;
        }
      }

      /* Sample Use Cases section ends */
      
/* --- Customizations Available section starts --- */

      .customizations-section {
        background-color: #f8f9fa; /* Light grey background */
        font-family: "Inter", "Arial", sans-serif;
        box-shadow: rgb(255 255 255 / 25%) 0px 30px 60px -12px inset, rgb(106 102 102 / 30%) 0px 18px 36px -18px inset;
      }
      
      .customizations-section p{
          text-align: center !important;
      }

      .customizations-main-title {
        font-weight: 600; /* Bold */
        font-size: 2.2rem; /* Adjust as needed, slightly smaller than main h1 */
        color: var(--dark-grey);
        line-height: 1.3;
      }

      .customizations-main-title .text-primary-orange {
        color: #ff4d00; /* Uses your root variable */
      }

      .customization-item {
        position: relative;
        padding-left: 15px; /* Space for content */
        padding-right: 15px; /* Space for separator before content */
        height: 100%; /* Ensure items in a row are of equal height for separator alignment */
        display: flex;
        flex-direction: column;
      }

      .customization-item .item-title {
        font-family: "Inter", "Arial", sans-serif;
        font-weight: 700;
        font-size: 1.1rem;
        color: var(--dark-grey);
        margin-bottom: 0.6rem;
      }

      .customization-item .item-description {
        font-family: "Arial", "Inter", sans-serif;
        font-size: 1rem;
        color: #777777;
        line-height: 1.6;
        margin-bottom: 0;
        flex-grow: 1; /* Allows description to take space if title is short */
      }

      /* Dashed Separator Styling */
      .customization-item::after {
        content: "";
        position: absolute;
        right: 0; /* Position on the right edge of the item's padding box */
        top: 50%;
        transform: translateY(-50%);
        height: 80%; /* Adjust height of the dashed line */
        border-left: 1px dashed #cccccc; /* Dashed line style */
        display: none; /* Hidden by default, enabled by media queries */
      }

      /* Responsive Separator Logic */

      /* Large screens and up (5 columns: lg) */
      @media (min-width: 992px) {
        .customizations-content-row
          > .col-lg:not(:last-child)
          .customization-item::after {
          display: block;
        }
        .customization-item {
          padding-right: 25px; /* More space for separator on larger screens */
          padding-left: 10px;
        }
        
      }

      /* Medium screens (Tablet - row 1: 3 cols, row 2: 2 cols) */
      @media (min-width: 768px) and (max-width: 991.98px) {
        /* Items 1 and 2 (first row of 3) */
        .customizations-content-row
          > .col-md-4:nth-child(1)
          .customization-item::after,
        .customizations-content-row
          > .col-md-4:nth-child(2)
          .customization-item::after {
          display: block;
        }
        /* Item 4 (first item in second row of 2) */
        .customizations-content-row
          > .col-md-6:nth-child(4)
          .customization-item::after {
          display: block;
        }
        .customization-item {
          padding-right: 20px;
          padding-left: 5px;
        }
      }

      /* Small screens (Small Tablet/Large Mobile - 2 columns per row) */
      @media (min-width: 576px) and (max-width: 767.98px) {
        /* Odd children in 2-column layout get separator if not the absolute last item */
        /* Item 1 */
        .customizations-content-row > .col-sm-6:nth-child(1) .customization-item::after,
  /* Item 3 */
  .customizations-content-row > .col-sm-6:nth-child(3) .customization-item::after {
          display: block;
        }
        .customization-item {
          padding-right: 20px;
          padding-left: 5px;
          text-align: center; /* Center text content on smaller viewports when stacked more */
        }
        /* Ensure last item, if alone, is centered */
        .customizations-content-row > .col-sm-6:nth-child(5) {
          margin-left: auto;
          margin-right: auto;
        }
      }

      /* Extra Small screens (Mobile - 1 column) - No separators needed */
      @media (max-width: 575.98px) {
        .customization-item::after {
          display: none !important;
        }
        .customization-item {
          text-align: center;
          padding-left: 15px; /* Reset padding if not needed for separator */
          padding-right: 15px;
        }
        .customizations-main-title {
          font-size: 1.9rem;
        }
      }

      /* Customizations Available section Ends */
      
    /* Case Studies Section Starts */
        .xaiUniqueCaseStudy-section {
            background: #ffffff;
            padding: 60px 40px;
            overflow-x: hidden;
            position: relative;
            min-height: fit-content;
            min-width: 100%;
            max-width: 1400px;
        }

        .xaiUniqueCaseStudy-curved-background {
            position: absolute;
            top: 0px;
            right: 0px;
            width: 52.5%;
            border-radius: 0% 0 0 50%;
            height: 100%;
            z-index: 3;
            box-shadow: -20px 0 40px rgba(0,0,0,0.03) inset;
            backdrop-filter: blur(100px)
        }

        .xaiUniqueCaseStudy-header {
            position: relative;
            margin-bottom: 50px;
            padding-left: 25px;
            z-index: 4;
            text-align: left;
        }

        .xaiUniqueCaseStudy-header h1::after {
            content: "";
            position: absolute;
            bottom: -15px;
            left: 25px;
            width: 80px;
            height: 4px;
            background: #ff4d00;
            border-radius: 2px;
        }

        .xaiUniqueCaseStudy-title {
            font-size: 2.1rem;
            font-weight: 800;
            color: #1a1a1a;
            margin: 0;
            line-height: 1.2;
        }

        .xaiUniqueCaseStudy-title .xaiUniqueCaseStudy-highlight {
            color: #FF6B35;
        }

        .xaiUniqueCaseStudy-content-wrapper {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 60px;
            position: relative;
            max-width: 100%;
        }

        .xaiUniqueCaseStudy-carousel-container {
            flex: 0 0 45%;
            max-width: 45%;
            position: relative;
        }

        .xaiUniqueCaseStudy-detail-container {
            flex: 0 0 55%;
            max-width: 45%;
            z-index: 5;
            margin-top: -7.5%;
            padding: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .owl-carousel {
            position: relative;
        }

        .owl-stage-outer {
            padding: 20px 0;
            overflow: visible !important;
        }

        .xaiUniqueCaseStudy-owl-item {
            height: 400px;
            border-radius: 24px;
            overflow: hidden;
            position: relative;
            box-shadow: 0 10px 40px rgba(0,0,0,0.1);
            color: #fff;
            transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
            cursor: grab;
            opacity: 0.4;
            transform: scale(0.85);
        }

        .owl-item.active.center .xaiUniqueCaseStudy-owl-item {
            opacity: 1;
            transform: scale(1);
            box-shadow: 0 20px 60px rgba(0,0,0,0.2);
        }

        .owl-item.active.center .xaiUniqueCaseStudy-owl-item::after {
            content: '';
            position: absolute;
            right: -30px;
            top: 50%;
            transform: translateY(-50%);
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 20px 0 20px 30px;
            border-color: transparent transparent transparent rgba(255,255,255,0.9);
            z-index: 10;
        }

        .xaiUniqueCaseStudy-owl-item.xaiUniqueCaseStudy-theme-1 {
            background: linear-gradient(135deg, #1e3c72 0%, #2a5298 50%, #7e8ba3 100%);
        }

        .xaiUniqueCaseStudy-owl-item.xaiUniqueCaseStudy-theme-2 {
            background: linear-gradient(135deg, #ff6b35 0%, #f7931e 50%, #fbb040 100%);
        }

        .xaiUniqueCaseStudy-owl-item.xaiUniqueCaseStudy-theme-3 {
            background: linear-gradient(135deg, #662d8c 0%, #8e44ad 50%, #a569bd 100%);
        }

        .xaiUniqueCaseStudy-owl-item::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            opacity: 0.2;
            z-index: 1;
            background: url("data:image/svg+xml,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='a' patternUnits='userSpaceOnUse' width='40' height='40'%3E%3Cpath d='M0 20h40v20H0z' fill='%23ffffff' fill-opacity='0.1'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='100' height='100' fill='url(%23a)'/%3E%3C/svg%3E");
        }

        .xaiUniqueCaseStudy-slide-content {
            position: relative;
            z-index: 2;
            padding: 40px;
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: flex-end;
            background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.3) 50%, transparent 100%);
        }

        .xaiUniqueCaseStudy-slide-content h3 {
            font-size: 28px;
            font-weight: 700;
            margin-bottom: 12px;
            line-height: 1.2;
            color: #fff;
            text-shadow: 0 2px 8px rgba(0,0,0,0.3);
        }

        .xaiUniqueCaseStudy-slide-content p {
            font-size: 18px;
            font-weight: 500;
            margin: 0;
            opacity: 0.9;
            text-shadow: 0 1px 4px rgba(0,0,0,0.3);
        }

        .xaiUniqueCaseStudy-detail {
            height: fit-content;
            display: flex;
            flex-direction: column;
            justify-content: center;
            position: relative;
            opacity: 0;
            transform: translateX(20px);
            transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1) 0.2s;
            display: flex;
            flex-direction: column;
            gap: 30px;
        }

        .xaiUniqueCaseStudy-detail.active {
            opacity: 1;
            transform: translateX(0);
        }

        .xaiUniqueCaseStudy-detail h2 {
            font-size: 30px;
            font-weight: 800;
            color: #1a1a1a;
            line-height: 1.2;
        }

        .xaiUniqueCaseStudy-detail-section {
            opacity: 0;
            transform: translateY(20px);
            transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
        }

        .xaiUniqueCaseStudy-detail.active .xaiUniqueCaseStudy-detail-section {
            opacity: 1;
            transform: translateY(0);
        }

        .xaiUniqueCaseStudy-detail.active .xaiUniqueCaseStudy-detail-section:nth-child(3) {
            transition-delay: 0.1s;
        }

        .xaiUniqueCaseStudy-detail.active .xaiUniqueCaseStudy-detail-section:nth-child(4) {
            transition-delay: 0.2s;
        }

        .xaiUniqueCaseStudy-detail.active .xaiUniqueCaseStudy-detail-section:nth-child(5) {
            transition-delay: 0.3s;
        }

        .xaiUniqueCaseStudy-detail h4 {
            font-size: 14px;
            font-weight: 700;
            color: #FF6B35;
            margin: 0 0 12px 0;
            text-transform: uppercase;
            letter-spacing: 1.2px;
            position: relative;
            padding-left: 24px;
        }

        .xaiUniqueCaseStudy-detail h4::before {
            content: '';
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
            width: 16px;
            height: 2px;
            background: #FF6B35;
        }

        .xaiUniqueCaseStudy-detail p {
            font-size: 17px;
            line-height: 1.8;
            color: #4a5568;
            margin: 0;
            font-weight: 400;
        }

        .xaiUniqueCaseStudy-nav-controls {
            text-align: center;
            margin-top: 40px;
            position: relative;
            z-index: 3;
        }

        .xaiUniqueCaseStudy-nav-dots {
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 12px;
        }

        .xaiUniqueCaseStudy-nav-dot {
            width: 12px;
            height: 12px;
            border-radius: 50%;
            background: #d1d5db;
            border: none;
            cursor: pointer;
            transition: all 0.3s ease;
            padding: 0;
        }

        .xaiUniqueCaseStudy-nav-dot.active {
            width: 36px;
            height: 12px;
            border-radius: 6px;
            background: #FF6B35;
        }

        .xaiUniqueCaseStudy-nav-arrows {
            display: flex;
            justify-content: center;
            gap: 16px;
            margin-top: 20px;
        }

        .xaiUniqueCaseStudy-button-manual {
            background: #ffffff;
            color: #1a1a1a;
            border: 2px solid #e5e7eb;
            padding: 12px 24px;
            font-size: 15px;
            font-weight: 600;
            border-radius: 12px;
            cursor: pointer;
            transition: all 0.3s ease;
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .xaiUniqueCaseStudy-button-manual:hover {
            background: #FF6B35;
            color: white;
            border-color: #FF6B35;
            transform: translateY(-2px);
            box-shadow: 0 8px 20px rgba(255, 107, 53, 0.3);
        }

        .xaiUniqueCaseStudy-button-manual svg {
            width: 16px;
            height: 16px;
        }

        @media (max-width: 1200px) {
            .xaiUniqueCaseStudy-carousel-container {
                flex: 0 0 50%;
                max-width: 50%;
            }
            
            .xaiUniqueCaseStudy-detail h2 {
                font-size: 30px;
            }
        }

        @media (max-width: 968px) {
            .xaiUniqueCaseStudy-section::after {
                display: none;
            }
            
            .xaiUniqueCaseStudy-content-wrapper {
                flex-direction: column;
                gap: 40px;
            }
            
            .xaiUniqueCaseStudy-detail-container {
            margin-top: 0;
            }
            
            .xaiUniqueCaseStudy-curved-background {
                display: none;
            }
            
            .xaiUniqueCaseStudy-carousel-container,
            .xaiUniqueCaseStudy-detail-container {
                flex: 0 0 100%;
                max-width: 100%;
            }
            
            .xaiUniqueCaseStudy-owl-item {
                height: 320px;
            }
            
            .owl-item.active.center .xaiUniqueCaseStudy-owl-item::after {
                display: none;
            }
            
            .xaiUniqueCaseStudy-detail {
                background: #f8f9fb;
                border-radius: 24px;
                padding: 30px;
                box-shadow: 0 4px 20px rgba(0,0,0,0.08);
            }
            
            .xaiUniqueCaseStudy-detail p {
                max-width: 100%;
            }
        }

        @media (max-width: 576px) {
            .xaiUniqueCaseStudy-section {
                padding: 60px 0;
            }
            
            .section-container {
                padding: 0 20px;
            }
            
            .xaiUniqueCaseStudy-owl-item {
                height: 280px;
            }
            
            .xaiUniqueCaseStudy-slide-content {
                padding: 30px;
            }
            
            .xaiUniqueCaseStudy-slide-content h3 {
                font-size: 24px;
            }
            
            .xaiUniqueCaseStudy-slide-content p {
                font-size: 16px;
            }
            
            .xaiUniqueCaseStudy-detail h2 {
                font-size: 26px;
            }
            
            .xaiUniqueCaseStudy-detail p {
                font-size: 16px;
            }
        
    /* Case Studies Section Ends*/