/*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.7); /* 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-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: 15px;
  height: 100%;
  min-height: 320px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.contact-info-col h3 {
  font-size: 2rem;
  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;*/
  transform: none !important;
  width: 100%;
  font-size: 0.9rem;
  margin-top: 0.5rem;
}

.contact-area-form .btn-submit-contact-enhanced:hover {
  background-color: #e65100;
  transform: none !important;
}

/* --- 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: 100; /* 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: 30px;
    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-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 .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-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: auto;
  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: #f74b01;
  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-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: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 */
}

/* 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 */
}

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

.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 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) {
  .hr-icon-circle {
    width: 45px;
    height: 45px;
    font-size: 1.1rem;
  }
}

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

  .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-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*/