@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

/* ==========================================================================
   AHX Hero Section (AI-First Enterprise)
   Unique namespace: "ahx-" — scoped to this section only, does not touch
   any existing site styles.
   ========================================================================== */

.ahx-hero {
  position: relative;
  overflow: hidden;
  min-height: 100vh;
  display: flex;
  align-items: center;
  padding: 56px 0;
  background: #080b2c;
  font-family: "Inter", sans-serif!important;
  isolation: isolate;
}

.ahx-hero__video,
.ahx-hero__bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}

.ahx-hero__overlay {
  position: absolute;
  inset: 0;
    z-index: 1;
}

.ahx-hero__row {
  position: relative;
  z-index: 2;
}

/* Scoped to the home page video hero only — does not affect other
   .ahx-hero usages across the site. */
   .ahx-hero--home-video .ahx-hero__video{
    border-radius:24px!important;left:30px;right:30px; width:calc(100% - 60px); 
   }
.ahx-hero--home-video .ahx-hero__overlay {
  background: linear-gradient(180deg, rgba(8, 11, 44, 0.85) 0%, rgba(8, 11, 44, 0.75) 45%, rgba(8, 11, 44, 0.85) 100%);
}

.ahx-hero--home-video .ahx-hero__row {
  text-align: center;
  justify-content: center;
}

.ahx-hero__eyebrow {
  display: inline-block;
  color: #FFFFFF;
  font-size: clamp(1rem, 0.6vw + 10px, 20px);
  font-weight: 500;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 18px;
}

.ahx-hero__title {
  color: #ffffff;
  font-weight: 500;
  font-size: clamp(30px, 4vw + 18px, 64px);
  line-height: 1.2;
  margin-bottom: 22px;
}

.ahx-hero__title span {
  display: block;
}

.ahx-hero__desc {
  color: #c3cae8;
  font-size: clamp(1rem, 0.5vw + 1rem, 1rem);
  line-height: 1.7; 
  margin-bottom: 34px;
}

.ahx-hero__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 1rem 32px;
  border-radius: 50px;
background: #789FF4;
background: radial-gradient(circle, rgba(120, 159, 244, 1) 0%, rgba(51, 106, 231, 1) 100%);
  color: #ffffff;
  border: 1px solid #FFFFFF;
  font-size: 1rem;
  font-weight: 500;
  text-decoration: none;
}

.ahx-hero__btn:hover {
  color: #0C144E;
  background: #FFFFFF!important;
}



.ahx-hero_white_btn {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 8px 8px 20px; 
background: #FFFFFF; border-radius:100px; 
  color: #000; 
  font-size: 1.2rem;
  font-weight: 500;
  text-decoration: none;
}
.ahx-hero_white_btn  img{
  margin-left:10px;
}

.ahx-hero_white_btn:hover {
  color: #FFFFFF;
  background: #000000!important;
}



@media (max-width: 991.98px) {
  .ahx-hero { padding: 130px 0 60px; text-align: center; min-height: 90vh; }
  .ahx-hero__desc { margin-left: auto; margin-right: auto; }
}

@media (max-width: 575.98px) {
   .ahx-hero--home-video .ahx-hero__video{
    border-radius:24px!important;left:15px;right:15px; width:calc(100% - 30px); 
   }
  .ahx-hero { padding: 110px 0 50px; min-height: auto; }
  .ahx-hero__btn { width: 100%; }
}

/* Compact variant — sizes to its content instead of stretching to 100vh, so a
   bottom-pinned element (e.g. a logo strip) doesn't leave a large dead gap
   between it and the hero copy above it. */
.ahx-hero--compact {
  min-height: auto;
  align-items: flex-start;
  padding: 150px 0 190px;
}

.ahx-hero--healthcare {
  min-height: auto;
  align-items: flex-start;
  padding: 220px 0 190px;
}

@media (max-width: 991.98px) {
  .ahx-hero--compact { padding: 130px 0 200px; min-height: auto; }
}

@media (max-width: 575.98px) {
  .ahx-hero--compact { padding: 110px 0 210px; }
}

/* ==========================================================================
   AHX Healthcare Compliance Logos (continuous marquee strip)
   ========================================================================== */

.ahx-hclogos {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  background: linear-gradient(0deg, rgba(8, 11, 44, 0.55) 0%, rgba(8, 11, 44, 0) 100%);
  padding: 24px 0 32px;
  overflow: hidden;
}

.ahx-hclogos::before,
.ahx-hclogos::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 300px;
  z-index: 3;
  pointer-events: none;
}

.ahx-hclogos::before {
  left: 0;
  background: linear-gradient(to right, rgba(8, 11, 44, 1) 0%, rgba(8, 11, 44, 0) 100%);
}

.ahx-hclogos::after {
  right: 0;
  background: linear-gradient(to left, rgba(8, 11, 44, 1) 0%, rgba(8, 11, 44, 0) 100%);
}

.ahx-hclogos__track {
  display: flex;
  align-items: center;
  width: max-content;
  animation: ahx-hclogos-marquee 30s linear infinite;
  animation-play-state: running !important;
}

.ahx-hclogos__group {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  gap: 28px;
  padding-right: 28px;
}

.ahx-hclogos__logo {
  height: 64px;
  width: auto;
  object-fit: contain;
  display: block;
}

@keyframes ahx-hclogos-marquee {
  from { transform: translateX(0); }
  to { transform: translateX(-25%); }
}

@media (prefers-reduced-motion: reduce) {
  .ahx-hclogos__track { animation: none; }
}

@media (max-width: 575.98px) {
  .ahx-hclogos { padding: 20px 0; }
  .ahx-hclogos::before,
  .ahx-hclogos::after { width: 60px; }
  .ahx-hclogos__logo { height: 48px; }
  .ahx-hclogos__group { gap: 20px; padding-right: 20px; }
}

/* ==========================================================================
   AHX Impact Stats (4-up autoplay carousel, photo + stat cards)
   ========================================================================== */

.ahx-hcstat3 {
  background: #ffffff;
  padding: 56px 0;
  font-family: "Inter", sans-serif !important;
}

.ahx-hcstat3__wrap {
  width: 100%;
  max-width: none;
  padding: 0 20px;
}

.ahx-hcstat3__slider.slick-initialized { display: block; }
.ahx-hcstat3__slider .slick-track { display: flex; align-items: stretch; }
.ahx-hcstat3__slider .slick-slide { height: auto; }
.ahx-hcstat3__slider .slick-slide > div { height: 100%; }

/* Hide everything but the first 4 slides until Slick takes over, so there's
   no flash of a stacked single-column list before JS initializes. */
.ahx-hcstat3__slider:not(.slick-initialized) { display: flex; overflow: hidden; }
.ahx-hcstat3__slider:not(.slick-initialized) .ahx-hcstat3__slide { flex: 0 0 25%; max-width: 25%; }

.ahx-hcstat3__slide { padding: 24px 10px; outline: none; }

.ahx-hcstat3__card {
  display: flex;
  flex-direction: column;
  height: 100%; 
  min-height: 314px; 
  border-radius: 14px;
  overflow: hidden; 
  position:relative; border-radius: 24px;  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}

.ahx-hcstat3__panel {
  padding: 22px 20px 22px 20px; position:relative; z-index:2; top:0px; left:0px; right:0px;  

}

.ahx-hcstat3__value { 
  color: #000;
  font-size: 34px;
  font-weight: 700;
  line-height: 1.1;
  margin-bottom: 8px;
}

.ahx-hcstat3__desc {
  color: #000;
  font-size: 13.5px;
  line-height: 1.5;
  margin: 0;
  max-width: 234px;
}

.ahx-hcstat3__media { 
  width: 100%;
    height: 100%;
  position: absolute; 
  z-index: 0;
  left: 0;
  top: 0;
}

.ahx-hcstat3__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.3s ease;
}

.ahx-hcstat3__card:hover .ahx-hcstat3__img {
  transform: scale(1.2);
}

.ahx-hcstat3__card.ahx-hcstat3__card--featured {
 justify-content:flex-end!important;
}

.ahx-hcstat3__card.ahx-hcstat3__card--featured .ahx-hcstat3__value,
.ahx-hcstat3__card.ahx-hcstat3__card--featured .ahx-hcstat3__desc {
  color: #212121;
}

.ahx-hcstat3__card.ahx-hcstat3__card--featured .ahx-hcstat3__desc {
  color: #212121;
}

@media (max-width: 575.98px) {
  .ahx-hcstat3 { padding: 40px 0; }
  .ahx-hcstat3__wrap { padding: 0 16px; }
  .ahx-hcstat3__value { font-size: 28px; }
}

/* ==========================================================================
   AHX Healthcare Platform Suite (scroll-driven: step + image advance on scroll)
   ========================================================================== */

.ahx-hcplat {
  background: #ffffff;
  padding: 70px 0;
  font-family: "Inter", sans-serif !important;
}

.ahx-hcplat__top {
  display: flex; 
  flex-direction: column;
  gap: 20px;
  margin-bottom: 36px;
}

.ahx-hcplat__topBadge {
  flex-shrink: 0;
  background: #2947c9;
  color: #ffffff;
  font-size: 1rem;
  font-weight: 700;
  padding: 8px 20px;
  border-radius: 8px;
}

.ahx-hcplat__eyebrow {
  display: block;
  color: #5b6178;
  font-size: 14px;
  margin-bottom: 8px;
}

.ahx-hcplat__title {
  color: #14183a;
  font-size: 30px;
  font-weight: 600; 
  margin: 0 0 20px 0;
} 


.top-sticky{
  position: sticky;
  top: 0px;
  padding: 48px 0 24px  0;
  z-index: 999;
}

.top-sticky-2{
  position: sticky;
  top: 0px;
  padding: 48px 0 64px  0;
  z-index: 999;
}

 
.ahx-hcplat__grid {
  row-gap: 30px;
}

/* Left column: stacked steps, each with generous scroll dwell time */
.ahx-hcplat__steps {
  display: flex;
  flex-direction: column;
}

.ahx-hcplat__step {
  min-height: 70vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 24px 0;
  border-top: 1px solid #eef0f5;
}

.ahx-hcplat__step:first-child {
  border-top: none;
}

.ahx-hcplat__stepTitle {
  color: #000;
  font-size: 22px;
  font-weight: 600;
  margin: 0;
  transition: color 0.35s ease;
}

.ahx-hcplat__step.is-active .ahx-hcplat__stepTitle {
  color: #000;
}

.ahx-hcplat__stepBody {
  margin-top: 16px;
  opacity: 1;
  transform: translateY(8px);
  pointer-events: none;
  transition: opacity 0.4s ease, transform 0.4s ease;
}

.ahx-hcplat__step.is-active .ahx-hcplat__stepBody {
  opacity: 1;
  transform: none;
  pointer-events: auto;
}

.ahx-hcplat__desc {
  color: #5b6178;
  font-size: 15px;
  line-height: 1.6;
  margin: 0 0 18px;
}

.ahx-hcplat__list {
  list-style: none;
  margin: 0 0 26px;
  padding: 0;
}

.ahx-hcplat__item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  color: #33384f;
  font-size: 14.5px;
  line-height: 1.6;
}

.ahx-hcplat__item + .ahx-hcplat__item {
  margin-top: 10px;
}

.ahx-hcplat__item img {
 margin-top: 4px;
}

.ahx-hcplat__item--primary i {
  color: #2947c9;
}

.ahx-hcplat__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: rgb(255, 255, 255);
    font-size: 1rem;
    font-weight: 500;
    width: 260px;
    padding: 1rem 32px;
    border-radius: 50px;
    background: radial-gradient(circle, rgb(120, 159, 244) 0%, rgb(51, 106, 231) 100%);
    border-width: 1px;
    border-style: solid;
    border-color: rgb(255, 255, 255);
    border-image: none;
    text-decoration: none;
}

.ahx-hcplat__btn:hover {
  background: #1b2fa0;
  color: #ffffff;
} 

.platform-container{ 
  padding:80px 0; background: #E9F4FF; 
  position: sticky;
  top: 220px;
  z-index:9999;
  height: calc(100vh - 230px);
}
.platform-container-number{
  background: #E9F4FF;
  padding:24px;
  color: #012A66;
  font-size: 42px;
  font-weight: 600;
  position: absolute;
  right: 0;
  top: -140px;
}
.platform-container-number-2{
  background: #E9F4FF;
  padding:24px;
  color: #012A66;
  font-size: 42px;
  font-weight: 600;
  position: absolute;
  right: 96px;
  top: -140px;
}
.platform-container-number-3{
  background: #E9F4FF;
  padding:24px;
  color: #012A66;
  font-size: 42px;
  font-weight: 600;
  position: absolute;
  right: 202px;
  top: -140px;
}
.platform-container-number-4{
  background: #E9F4FF;
  padding:24px;
  color: #012A66;
  font-size: 42px;
  font-weight: 600;
  position: absolute;
  right: 308px;
  top: -140px;
}
.platform-container-number-5{
  background: #E9F4FF;
  padding:24px;
  color: #012A66;
  font-size: 42px;
  font-weight: 600;
  position: absolute;
  right: 417px;
  top: -140px;
}
.platform-container-number-6{
  background: #E9F4FF;
  padding:24px;
  color: #012A66;
  font-size: 42px;
  font-weight: 600;
  position: absolute;
  right: 525px;
  top: -140px;
}
.platform-container-number-7{
  background: #E9F4FF;
  padding:24px;
  color: #012A66;
  font-size: 42px;
  font-weight: 600;
  position: absolute;
  right: 633px;
  top: -140px;
}
.platform-container .container{ 
 position:relative; 
}

.ahx-hcplat__mediaCol {
  position: sticky;
  top: 110px;
  align-self: flex-start;
}

.ahx-hcplat__mediaInner {
  position: relative;
  width: 100%;
  aspect-ratio: 3 / 2;
  border-radius: 16px;
  overflow: hidden;
}

.ahx-hcplat__mediaSlide {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 0.6s ease;
}

.ahx-hcplat__mediaSlide.is-active {
  opacity: 1;
  z-index: 1;
}

.ahx-hcplat__mediaImg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (max-width: 991.98px) {
  .ahx-hcplat__title { font-size: 24px; }
  .ahx-hcplat__mediaCol { position: static; margin-top: 20px; }
  .ahx-hcplat__step { min-height: auto; }
  .ahx-hcplat__stepBody {
    /* No sticky image to sync with on small screens, so just show every step's copy */
    opacity: 1;
    transform: none;
    pointer-events: auto;
  }

 .platform-container{ 
  padding:28px 0; background: #E9F4FF; 
  position: sticky;
  top: 50px!important;
  z-index:9999;
  height: auto;
}
.platform-container-number{
  background: #E9F4FF;
  padding:10px;
  color: #012A66;
  font-size: 20px;
  font-weight: 600;
  position: absolute;
  right: 0;
  top: -84px
}
.platform-container-number-2{
  background: #E9F4FF;
  padding:10px;
  color: #012A66;
  font-size: 20px;
  font-weight: 600;
  position: absolute;
  right: 45px;
  top: -84px
}
.platform-container-number-3{
  background: #E9F4FF;
  padding:10px;
  color: #012A66;
  font-size: 20px;
  font-weight: 600;
  position: absolute;
  right: 94px;
  top: -84px
}
.platform-container-number-4{
  background: #E9F4FF;
  padding:10px;
  color: #012A66;
  font-size: 20px;
  font-weight: 600;
  position: absolute;
  right: 145px;
  top: -84px
}
.platform-container-number-5{
  background: #E9F4FF;
  padding:10px;
  color: #012A66;
  font-size: 20px;
  font-weight: 600;
  position: absolute;
  right: 197px;
  top: -84px
}
.platform-container-number-6{
  background: #E9F4FF;
  padding:10px;
  color: #012A66;
  font-size: 20px;
  font-weight: 600;
  position: absolute;
  right: 248px;
  top: -84px
}
.platform-container-number-7{
  background: #E9F4FF;
  padding:10px;
  color: #012A66;
  font-size: 20px;
  font-weight: 600;
  position: absolute;
  right: 300px;
  top: -84px
}
}

@media (max-width: 575.98px) {
  .ahx-hcplat { padding: 48px 0; }
  .ahx-hcplat__title { font-size: 21px; }
    .ahx-hcplat.mobile { padding: 48px 0;top:90px!important; }
}

/* ==========================================================================
   AHX What We Deliver (image + single-open accordion)
   ========================================================================== */

.ahx-deliver {
  background: #ffffff;
  padding: 80px 0;
  font-family: "Inter", sans-serif !important;
}

.ahx-deliver__head { 
  margin-bottom: 40px;
}

.ahx-deliver__title {
  color: #14183a;
  font-size: 30px;
  font-weight: 600;
  margin: 0 0 12px;
}

.ahx-deliver__subtitle {
  color: #5b6178;
  font-size: 15px;
  line-height: 1.7;
  margin: 0;
}

.ahx-deliver__row {
  row-gap: 30px;
}

.ahx-deliver__img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 16px;
  position: sticky;
  top: 110px;
}

.ahx-deliver__accordion {
  display: flex;
  flex-direction: column;
  padding: 16px;
}

.ahx-deliver__item {
  border-bottom: 1px solid #9C9C9C;
}

 

.ahx-deliver__itemHead {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  width: 100%;
  padding: 20px 0;
  background: none;
  border: 0;
  text-align: left;
  color: #000000;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
}

.ahx-deliver__itemIcon {
  flex-shrink: 0;
  font-style: normal;
  font-size: 18px;
  color: #000000;
  line-height: 1;
}

.ahx-deliver__itemBody {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.35s ease;
}

.ahx-deliver__item.is-open .ahx-deliver__itemBody {
  grid-template-rows: 1fr;
}

.ahx-deliver__itemBodyInner {
  overflow: hidden;
}

.ahx-deliver__list {
  list-style: none;
  margin: 0;
  padding: 0 0 22px;
}

.ahx-deliver__list li {
  position: relative;
  color: #5b6178;
  font-size: 14.5px;
  line-height: 1.7;
  padding-left: 18px;
}

.ahx-deliver__list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 7px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #404040;
}

@media (max-width: 991.98px) {
  .ahx-deliver__title { font-size: 24px; }
  .ahx-deliver__img { position: static; }
}

@media (max-width: 575.98px) {
  .ahx-deliver { padding: 48px 0; }
  .ahx-deliver__title { font-size: 21px; }
}

/* ==========================================================================
   AHX Agentic AI capabilities — numbered tabs (desktop) / accordion (mobile)
   ========================================================================== */

.ahx-agentic {
    position: relative;
    overflow: hidden;
    background: #0b1136;
    padding: 80px 0 80px 0;
    font-family: "Inter", sans-serif !important;
}

.ahx-agentic .ahx-buildcta__bg {
    position: absolute;
    inset: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    pointer-events: none;
    user-select: none;
}

.ahx-agentic__head {
  margin-bottom: 40px;
}

.ahx-agentic__title {
  color: #FFF!important;
  font-size: 30px;
  font-weight: 600;
  margin: 0 0 12px;
}

.ahx-agentic__subtitle {
  color: #FFF;
  font-size: 15px;
  line-height: 1.7;
  margin: 0;
}

.ahx-agentic__row {
  row-gap: 30px; 
      border: 1px solid #eef0f5;
  border-radius: 14px;
  background-color: #FFFFFF;
}

/* Desktop: numbered tab list */
.ahx-agentic__tabs {
  display: flex;
  flex-direction: column;
   border-right:1px solid #eef0f5;
}

.ahx-agentic__tab {
  display: flex;
  align-items: baseline;
  gap: 10px;
  width: 100%;
  padding: 18px 4px;
  border: 0;
  border-bottom: 1px solid #eef0f5;
  background: none;
  text-align: left;
  cursor: pointer;
  transition: background 0.25s ease;
} 

.ahx-agentic__tabNum {
  color: #9aa0b4;
  font-size: 15px;
  font-weight: 600;
  transition: color 0.25s ease;
}

.ahx-agentic__tabTitle {
  color: #5b6178;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.4;
  transition: color 0.25s ease;
}

.ahx-agentic__tab.is-active .ahx-agentic__tabNum,
.ahx-agentic__tab:hover .ahx-agentic__tabNum {
  color: #182568;
}

.ahx-agentic__tab.is-active .ahx-agentic__tabTitle,
.ahx-agentic__tab:hover .ahx-agentic__tabTitle {
  color: #14183a;
  font-weight: 600;
}

/* Desktop: detail panel */
.ahx-agentic__panels {
  position: relative;
}

.ahx-agentic__panel {
  display: none;
  background: #ffffff; 
  padding: 32px;
}

.ahx-agentic__panel.is-active {
  display: block;
}

.ahx-agentic__panelIcon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  border-radius: 10px;
  background: #182568;
  color: #ffffff;
  font-size: 20px;
  margin-bottom: 20px;
}

.ahx-agentic__panelTitle {
  color: #14183a;
  font-size: 20px;
  font-weight: 600;
  margin: 0 0 12px;
}

.ahx-agentic__panelDesc {
  color: #5b6178;
  font-size: 14.5px;
  line-height: 1.7;
  margin: 0;
}

/* Mobile: accordion */
.ahx-agentic__accordion {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.ahx-agentic__accItem {
  border: 1px solid #eef0f5;
  border-radius: 12px;
  overflow: hidden; background-color: #FFFFFF;
}

.ahx-agentic__accHead {
  display: flex;
  align-items: center;
  gap: 14px;
  width: 100%;
  padding: 16px;
  background: none;
  border: 0;
  text-align: left;
  cursor: pointer;
}

.ahx-agentic__accIcon {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 8px;
  background: #2947c9;
  color: #ffffff;
  font-size: 16px;
}

.ahx-agentic__accTitle {
  flex: 1 1 auto;
  color: #14183a;
  font-size: 15px;
  font-weight: 600;
}

.ahx-agentic__accChevron {
  flex-shrink: 0;
  color: #5b6178;
  font-size: 14px;
  transition: transform 0.3s ease;
}

.ahx-agentic__accItem.is-open .ahx-agentic__accChevron {
  transform: rotate(180deg);
}

.ahx-agentic__accBody {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.35s ease;
}

.ahx-agentic__accItem.is-open .ahx-agentic__accBody {
  grid-template-rows: 1fr;
}

.ahx-agentic__accBodyInner {
  overflow: hidden;
}

.ahx-agentic__accBodyInner p {
  color: #5b6178;
  font-size: 14px;
  line-height: 1.7;
  margin: 0;
  padding: 0 16px 16px 66px;
}

@media (max-width: 575.98px) {
  .ahx-agentic { padding: 48px 0; }
  .ahx-agentic__title { font-size: 21px; }
}

/* ==========================================================================
   AHX Healthcare Solutions (intro copy + 3x2 audience-segment card grid)
   ========================================================================== */

.ahx-hcsolutions {
  background: #ffffff;
  padding: 70px 0 70px 0;
  font-family: "Inter", sans-serif !important;
}

/* Columns must stretch to equal height, or the sticky column's own box is only
   as tall as its content and there's no room left for it to actually stick. */
.ahx-hcsolutions__row {
  align-items: stretch;
}

/* Intro column stays pinned while the taller card grid scrolls past beside it */
.ahx-hcsolutions__intro {
  position: sticky;
  top: 100px;
  padding-right: 20px;
}

.ahx-hcsolutions__title {
  color: #14183a;
  font-size: 28px;
  font-weight: 600;
  line-height: 1.3;
  margin: 0 0 16px;
}

.ahx-hcsolutions__desc {
  color: #5b6178;
  font-size: 14.5px;
  line-height: 1.7;
  margin: 0;
}

/* Static 2-column grid until Slick takes over on small screens */
.ahx-hcsolutions__grid:not(.slick-initialized) {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}

.ahx-hcsolutions__grid.slick-initialized {
  display: block;
}

.ahx-hcsolutions__grid .slick-track {
  display: flex;
}

.ahx-hcsolutions__grid .slick-slide {
  height: auto;
  outline: none;
  margin: 0 10px;
}

.ahx-hcsolutions__grid .slick-list {
  margin: 0 -10px;
}

.ahx-hcsolutions__grid .slick-dots {
  position: static;
  display: flex !important;
  justify-content: center;
  gap: 8px;
  margin-top: 24px;
  padding: 0;
  list-style: none;
}

.ahx-hcsolutions__grid .slick-dots li {
  width: 8px;
  height: 8px;
  margin: 0;
}

.ahx-hcsolutions__grid .slick-dots li button {
  width: 8px;
  height: 8px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: #dcdfe6;
  text-indent: -9999px;
  overflow: hidden;
  cursor: pointer;
}

.ahx-hcsolutions__grid .slick-dots li.slick-active button {
  background: #2947c9;
}

.ahx-hcsolutions__card {
  background: #ffffff;
  border: 1px solid #eef0f5;
  border-radius: 14px;
  padding: 24px;
  height: 100%;
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

.ahx-hcsolutions__card--featured {
  border-color: #2947c9;
  box-shadow: 0 0 0 1px #2947c9;
}

.ahx-hcsolutions__cardTitle {
  color: #14183a;
  font-size: 16px;
  font-weight: 600;
  margin: 0 0 10px;
}

.ahx-hcsolutions__cardDesc {
  color: #5b6178;
  font-size: 13.5px;
  line-height: 1.6;
  margin: 0 0 14px;
}

.ahx-hcsolutions__list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.ahx-hcsolutions__list li {
  position: relative;
  color: #33384f;
  font-size: 13px;
  line-height: 1.6;
  padding-left: 16px;
}

.ahx-hcsolutions__list li + li {
  margin-top: 6px;
}

.ahx-hcsolutions__list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #404040;
}

@media (max-width: 991.98px) {
  .ahx-hcsolutions__title { font-size: 24px; }
  /* Columns stack below lg, so there's no taller sibling to stick beside */
  .ahx-hcsolutions__intro { position: static; padding-right: 0; margin-bottom: 30px; }
}

@media (max-width: 575.98px) {
  .ahx-hcsolutions { padding: 48px 0; }
  .ahx-hcsolutions__title { font-size: 21px; }
  .ahx-hcsolutions__grid:not(.slick-initialized) { grid-template-columns: 1fr; }
}

/* ==========================================================================
   AHX Real-World Impact (single full-width case-study card, autoplay + clicks)
   ========================================================================== */

.ahx-rwimpact {
  background: #ffffff;
  padding: 80px 0 0 0;
  font-family: "Inter", sans-serif !important;
}

.ahx-rwimpact__head { 
  margin: 0 auto 40px; 
}

.ahx-rwimpact__title {
  color: #14183a;
  font-size: 30px;
  font-weight: 600;
  margin: 0 0 12px;
}

.ahx-rwimpact__subtitle {
  color: #5b6178;
  font-size: 15px;
  line-height: 1.7;
  margin: 0;
}

.ahx-rwimpact__wrap {
  position: relative; 
  margin: 0 auto;
}

.ahx-rwimpact__arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border: 0;
  border-radius: 50%;
  background: #ffffff;
  color: #14183a;
  font-size: 1rem;
  box-shadow: 0 8px 20px rgba(20, 24, 58, 0.14);
  cursor: pointer;
  transition: background 0.3s ease, transform 0.3s ease;
}

.ahx-rwimpact__arrow:hover {
  background: #2947c9;
  color: #ffffff;
}

.ahx-rwimpact__arrow--prev { left: -22px; }
.ahx-rwimpact__arrow--next { right: -22px; }

.ahx-rwimpact__slider:not(.slick-initialized) .ahx-rwimpact__slide:not(:first-child) {
  display: none;
}

.ahx-rwimpact__slider .slick-slide {
  outline: none;
}

.ahx-rwimpact__card {
  display: flex;
  align-items: stretch;
  background: #E9F4FF;
  border: 1px solid #eef0f5;
  border-radius: 20px;
  overflow: hidden; 
}

.ahx-rwimpact__content {
  flex: 0 0 60%;
  max-width: 60%;
  padding: 40px;
  display: flex;
  flex-direction: column;
}

.ahx-rwimpact__tag {
  color: #000000;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.ahx-rwimpact__name {
  color: #14183a;
  font-size: 22px;
  font-weight: 600;
  margin: 0 0 12px;
}

.ahx-rwimpact__desc {
  color: #5b6178;
  font-size: 14.5px;
  line-height: 1.6;
  margin: 0 0 22px;
}

.ahx-rwimpact__resultsLabel {
  color: #14183a;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 14px;
}

.ahx-rwimpact__stats {
  display: flex;
  gap: 28px;
  margin-bottom: 28px;
}

.ahx-rwimpact__stat {
  padding-left: 20px;
  border-left: 1px solid #eef0f5;
}

.ahx-rwimpact__stat:first-child {
  padding-left: 0;
  border-left: 0;
}

.ahx-rwimpact__statValue {
  color: #14183a;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.1;
}

.ahx-rwimpact__statLabel {
  color: #5b6178;
  font-size: 12.5px;
  margin-top: 4px;
}






.ahx-rwimpact__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: rgb(255, 255, 255);
    font-size: 1rem;
    font-weight: 500;
    padding: 1rem 32px;
    border-radius: 50px;
    background: radial-gradient(circle, rgb(120, 159, 244) 0%, rgb(51, 106, 231) 100%);
    border-width: 1px;
    border-style: solid;
    border-color: rgb(255, 255, 255);
    border-image: none;
    text-decoration: none; width: 260px;
}

.ahx-rwimpact__btn:hover {
  background: #1b2fa0;
  color: #ffffff;
}

.ahx-rwimpact__media {
  flex: 1 1 40%;
  min-height: 260px;
}

.ahx-rwimpact__img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (max-width: 767.98px) {
  .ahx-rwimpact__card { flex-direction: column; }
  .ahx-rwimpact__content { flex: 0 0 auto; max-width: none; }
  .ahx-rwimpact__media { min-height: 220px; }
  .ahx-rwimpact__arrow--prev { left: 0; }
  .ahx-rwimpact__arrow--next { right: 0; }
}

@media (max-width: 575.98px) {
  .ahx-rwimpact { padding: 48px 0; }
  .ahx-rwimpact__title { font-size: 21px; }
  .ahx-rwimpact__content { padding: 28px 24px; }
}

/* ==========================================================================
   AHX Why Choose Amantya (numbered strip, autoplay loop)
   ========================================================================== */

.ahx-hcwhy {
  background: #FBF7EF;
  padding: 60px 0;
  font-family: "Inter", sans-serif !important;
}

.ahx-hcwhy__title {
    display: block;
    color: rgb(0, 112, 173)!important;
    font-weight: 500;
    font-size: clamp(24px, 14px + 1.6vw, 32px);
    margin-bottom: 10px;
}

.ahx-hcwhy__slider:not(.slick-initialized) {
  display: flex;
  overflow: hidden;
}

.ahx-hcwhy__slider:not(.slick-initialized) .ahx-hcwhy__slide {
  flex: 0 0 25%;
  max-width: 25%;
}

.ahx-hcwhy__slider .slick-slide {
  outline: none;
}

.ahx-hcwhy__slide {
  padding: 20px 24px 20px 0;
  text-align: left;
  border-top: 1px solid #cfd6e4;
  border-bottom: 1px solid #cfd6e4;
}

.ahx-hcwhy__number {
  color: #0070AD;
  font-size: 44px;
  font-style: italic;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 14px;
}

.ahx-hcwhy__desc {
  color: #3a5a7a;
  font-style: italic;
  font-size: 14px;
  line-height: 1.6;
  margin: 0;
}

@media (max-width: 575.98px) {
  .ahx-hcwhy { padding: 40px 0; }
  .ahx-hcwhy__title { font-size: 19px; margin-bottom: 26px; }
  .ahx-hcwhy__number { font-size: 36px; }
}

/* ==========================================================================
   AHX Build What's Next (closing CTA band)
   ========================================================================== */

.ahx-buildcta {
  position: relative;
  overflow: hidden;
  background: #0b1136;
  padding: 60px 0 0 0;
  font-family: "Inter", sans-serif !important;
}

.ahx-buildcta__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
  user-select: none;
}

.ahx-buildcta__row {
  position: relative;
  z-index: 1;
}

.ahx-buildcta__title {
  color: #ffffff !important;
  font-size: 34px;
  font-weight: 600;
  margin: 0 0 16px;
}

.ahx-buildcta__desc {
  color: #c3cae8;
  font-size: 15px;
  line-height: 1.7;
  max-width: 520px;
  margin: 0 0 30px;
}

.ahx-buildcta__img {
  display: block;
  width: 100%; 
  height: auto;
  margin: 0 auto;
}

@media (max-width: 991.98px) {
  .ahx-buildcta__title { font-size: 26px; }
  .ahx-buildcta__img { margin-top: 30px; }
}

@media (max-width: 575.98px) {
  .ahx-buildcta { padding: 56px 0; text-align: center; }
  .ahx-buildcta__title { font-size: 22px; }
  .ahx-buildcta__desc { margin-left: auto; margin-right: auto; }
}

/* ==========================================================================
   AHX Stats section (80%+ / 60%+ / 90%+ cards)
   ========================================================================== */

.ahx-stats {
 background: #0E1341;
background: linear-gradient(180deg, rgba(14, 19, 65, 1) 0%, rgba(16, 15, 47, 1) 95%);
  padding: 56px 0 56px 0;
  font-family: "Inter", sans-serif!important;
}

.ahx-stats__row {
  --bs-gutter-x: 24px;
  row-gap: 24px;
}

.ahx-stats__card {
  height: 100%;
  background: rgba(255, 255, 255, 0.20);
  border-radius: 1rem;
  padding: 32px 28px;
    border: 1px solid rgba(255, 255, 255, 0.50);
}

.ahx-stats__value {
  display: flex;justify-content: space-between;align-items: center;
  color: #ffffff;
  font-weight: 500;
  font-size: 42px;
  line-height: 1.2;
  margin-bottom: 1rem;
}



.ahx-stats__value .right-text{
  color: #ffffff;
  font-weight: 500;
  font-size: 24px;
  line-height: 1.2;
  margin-bottom: 1rem;
}

.outcome-home-box.first-box{
  background: #C0E0FF; 
}
.outcome-home-box.second-box{
  background: #FFE4C0; 
}
.outcome-home-box.third-box{
  background: #FFEAE0; 
}
.outcome-home-box{
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: start; padding: 24px 24px 0 24px;
  border-radius: 20px;
  color: #171717;  font-size:16px; 
}
.outcome-tabs, a.outcome-tabs{
  background-color:#FFFFFF; border-radius:8px; padding:6px 14px; font-size:16px; font-weight:500; color:#0B1555; margin-bottom: 20px; text-decoration:none;margin:32px 10px 8px 0!important;  
}
a.outcome-tabs:hover{
  background: #0B1555;
    color: #FFF; 
}
.ahx-blue-btn {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 8px 8px 20px; 
background: #0B1555; border-radius:100px; 
  color: #FFF; 
  font-size: 1.2rem;
  font-weight: 500;
  text-decoration: none; margin-bottom: 20px;
} 
.ahx-blue-btn  img{
  margin-left:10px;
}

.ahx-blue-btn:hover {
  color: #FFFFFF;
  background: #0B1555!important;
}
.outcome-home-box .capsule{
  border:1px solid #171717; padding: 4px 12px; border-radius: 1000px; font-size: 16px; font-weight:500; margin-bottom: 12px; width: auto; text-align: center;
}

.outcome-home-box h4{
  color:#171717; font-size:40px; font-weight:600; margin-bottom: 12px;
}

.outcome-home-box h5{
  color:#171717; font-size:22px; font-weight:600; margin-bottom: 12px;
}

.ahx-stats__desc {
  color: #c3cae8;
  font-size: 1rem;
  line-height: 1.6;
  margin: 0;
}

@media (max-width: 991.98px) {
  .ahx-stats { padding-bottom: 60px; text-align: center; }
}

/* ==========================================================================
   AHX "What We Do" cards
   ========================================================================== */

.ahx-wwd {
  background: #ffffff;
  padding: 56px 0;
  font-family: "Inter", sans-serif!important;
   background-image:url(../images/revamp/home/what-we-do/img-what-we-do.png);
   background-repeat:no-repeat;
   background-position:right bottom;
}

.ahx-wwd__title {
  text-align: center;
  color: #14183a;
  font-size: 32px;
  font-weight: 600;
  margin-bottom: 40px;
}

.ahx-wwd__row { row-gap: 20px; }

@property --ahx-wwd-percentage {
  syntax: '<percentage>';
  inherits: false;
  initial-value: 0%;
}

.ahx-wwd__card {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 170px;
  overflow: hidden;
  background: #ffffff;
  border: none;
  border-radius: 8px;
  padding: 20px;
  text-decoration: none;
  --ahx-wwd-percentage: 0%;
  transition: background 0.35s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.35s cubic-bezier(0.22, 1, 0.36, 1);
}

.ahx-wwd__card:hover {
  background: #f2f4f8; 
}

/* Static 1px gray border, always visible. */
.ahx-wwd__card::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  box-shadow: inset 0 0 0 1px #e2e5ec;
}

/* Blue border-wrap sweep: a diagonal gradient fills from 0% to 100% via the
   --ahx-wwd-percentage custom property, masked down to just the 1px ring
   (padding-box "excluded" from border-box leaves only the border strip). */
.ahx-wwd__card::after {
  content: "";
  position: absolute;
  inset: 0;
  border: 1px solid transparent;
  border-radius: inherit;
  pointer-events: none;
  background: linear-gradient(135deg, #3654e6, #3654e6 var(--ahx-wwd-percentage), transparent var(--ahx-wwd-percentage), transparent) border-box;
  -webkit-mask: linear-gradient(#000, #000) padding-box, linear-gradient(#000, #000);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#000, #000) padding-box exclude, linear-gradient(#000, #000);
}

@media (hover: hover) {
  .ahx-wwd__card:hover::after {
    animation: ahx-wwd-wrap-border 0.7s cubic-bezier(0.4, 0.14, 0.3, 1) forwards;
  }
}

@keyframes ahx-wwd-wrap-border {
  from { --ahx-wwd-percentage: 0%; }
  to { --ahx-wwd-percentage: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  .ahx-wwd__card::after {
    opacity: 0;
    transition: opacity 0.24s cubic-bezier(0.2, 0, 0.38, 0.9);
  }
  .ahx-wwd__card:hover::after {
    opacity: 1;
    animation: none;
    --ahx-wwd-percentage: 100%;
  }
}

.ahx-wwd__label {
  color: #14183a;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.4;
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.3s cubic-bezier(0.22, 1, 0.36, 1), transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);
}

.ahx-wwd__card:hover .ahx-wwd__label {
  opacity: 0;
  transform: translateY(-10px);
}

.ahx-wwd__hover-text {
  position: absolute;
  top: 20px;
  left: 20px;
  right: 20px;
  margin: 0;
  color: #14183a;
  font-size: 1rem;
  line-height: 1.5;
  opacity: 0;
  transform: translateY(-10px);
  transition: opacity 0.35s cubic-bezier(0.22, 1, 0.36, 1), transform 0.35s cubic-bezier(0.22, 1, 0.36, 1);
}

.ahx-wwd__card:hover .ahx-wwd__hover-text {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.06s;
}

.ahx-wwd__icon {
  position: relative;
  align-self: flex-start;
  height: 36px;
  width: 36px;
}

.ahx-wwd__icon-img {
  height: 36px;
  width: auto;
  transition: opacity 0.2s ease;
}

.ahx-wwd__icon-img--hover {
  position: absolute;
  inset: 0;
  margin: auto;
  opacity: 0;
}

.ahx-wwd__card:hover .ahx-wwd__icon-img--default {
  opacity: 0;
}

.ahx-wwd__card:hover .ahx-wwd__icon-img--hover {
  opacity: 1;
}

.ahx-wwd__arrow {
  position: absolute;
  right: 20px;
  bottom: 18px;
  color: #3654e6;
  font-size: 18px;
}

.ahx-wwd__caption {
  text-align: center;
  color: #5b6178;
  font-size: 1rem;
  margin: 34px 0 0;
}

@media (max-width: 991.98px) {
  .ahx-wwd { padding: 60px 0; }
  .ahx-wwd__title { font-size: 26px; }
}

/* ==========================================================================
   AHX "Digital Outcomes in Action" carousel
   ========================================================================== */

.ahx-outcomes {
  background: #0b0f3a; 
background-image: url('../images/revamp/home/outcome/imgoutcome.png');
  background-size: cover;
  background-position: center;
  padding: 56px 0;
  font-family: "Inter", sans-serif!important;
}

.ahx-outcomes__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 32px;
}

.ahx-outcomes__title {
  color: #ffffff!important;
  font-size: 26px;
  font-weight: 600;
  margin: 0 0 20px 0;
}

.ahx-outcomes__nav { display: flex; gap: 10px; }

.ahx-outcomes__arrow {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: none;
  background: rgba(255, 255, 255, 0.12);
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  transition: background 0.2s ease;
}
.ahx-outcomes__arrow:hover { background: rgba(255, 255, 255, 0.22); }

/* Hide everything but the first slide until Slick takes over, so there's no
   flash of stacked slides before JS initializes. */
.ahx-outcomes__slider:not(.slick-initialized) .ahx-outcomes__slide:not(:first-child) {
  display: none;
}

.ahx-outcomes__slider .ahx-outcomes__slide { outline: none; }

.ahx-outcomes__media {
  height: 100%;
  min-height: 340px;
  border-radius: 20px;
  overflow: hidden;
}

.ahx-outcomes__img {
  width: 100%;
  height: 100%;
  min-height: 340px;
  object-fit: cover;
  display: block;
}

.ahx-outcomes__card {
  height: 100%;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 20px;
  padding: 40px;
  display: flex;
  flex-direction: column;
}

.ahx-outcomes__stat {
  color: #ffffff;
  font-size: 34px;
  font-weight: 600;
  margin-bottom: 6px;
}

.ahx-outcomes__heading {
  color: #ffffff;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 1rem;
}

.ahx-outcomes__desc {
  color: #FFFFFF;
  font-size: 1rem;
  line-height: 1.7;
  margin-bottom: 24px;
}

.ahx-outcomes__boxes {
  display: flex;
  gap: 1rem; 
  margin-bottom: 28px;
}

.ahx-outcomes__box {
  flex: 1;
  color: #FFF!important; padding:1rem; min-height:160px;
  background: rgba(255, 255, 255, 0.12);
  border-radius: 10px;
} 

.ahx-outcomes__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 1rem 32px;
  border-radius: 50px;
background: #789FF4;
background: radial-gradient(circle, rgba(120, 159, 244, 1) 0%, rgba(51, 106, 231, 1) 100%);
  color: #ffffff;
  border: 1px solid #FFFFFF;
  font-size: 1rem;
  font-weight: 500;
  text-decoration: none; width: 180px;
}

.ahx-outcomes__btn:hover {
  color: #0C144E;  
  background: #FFFFFF!important;
}

@media (max-width: 991.98px) {
  .ahx-outcomes { padding: 60px 0; }
  .ahx-outcomes__media,
  .ahx-outcomes__img { min-height: 260px; }
  .ahx-outcomes__row { row-gap: 20px; }
}

/* ==========================================================================
   AHX "Industries We Serve" pills
   ========================================================================== */

.ahx-industries {
  background: #ffffff;
  padding: 56px 0;
  font-family: "Inter", sans-serif!important;
}

.ahx-industries__title {
  text-align: center;
  color: #14183a;
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 1rem;
}

.ahx-industries__subtitle {
  text-align: center;
  color: #5b6178;
  font-size: 1rem;
  max-width: 640px;
  margin: 0 auto 40px;
}

.ahx-industries__row { row-gap: 20px; }

@property --ahx-industries-percentage {
  syntax: '<percentage>';
  inherits: false;
  initial-value: 0%;
}

.ahx-industries__pill {
  position: relative;
  display: flex;
  align-items: center;
  gap: 1rem;
  width: 100%;
  padding: 1rem 24px;
  border-radius: 50px;
  border: none;
  background: #ffffff;
  text-decoration: none;
  --ahx-industries-percentage: 0%;
  transition: background 0.2s ease;
}

.ahx-industries__pill:hover {
  background: linear-gradient(180deg, #eaf0ff 0%, #ffffff 100%);
}

/* Static 1px light-blue border, always visible. */
.ahx-industries__pill::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  box-shadow: inset 0 0 0 1px #d7e3fb;
}

/* Blue border-wrap sweep on hover, same technique as .ahx-wwd__card. */
.ahx-industries__pill::after {
  content: "";
  position: absolute;
  inset: 0;
  border: 1px solid transparent;
  border-radius: inherit;
  pointer-events: none;
  background: linear-gradient(135deg, #3654e6, #3654e6 var(--ahx-industries-percentage), transparent var(--ahx-industries-percentage), transparent) border-box;
  -webkit-mask: linear-gradient(#000, #000) padding-box, linear-gradient(#000, #000);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#000, #000) padding-box exclude, linear-gradient(#000, #000); 
}

@media (hover: hover) {
  .ahx-industries__pill:hover::after {
    animation: ahx-industries-wrap-border 0.7s cubic-bezier(0.4, 0.14, 0.3, 1) forwards;
  }
}

@keyframes ahx-industries-wrap-border {
  from { --ahx-industries-percentage: 0%; }
  to { --ahx-industries-percentage: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  .ahx-industries__pill::after {
    opacity: 0;
    transition: opacity 0.24s cubic-bezier(0.2, 0, 0.38, 0.9);
  }
  .ahx-industries__pill:hover::after {
    opacity: 1;
    animation: none;
    --ahx-industries-percentage: 100%;
  }
}

.ahx-industries__icon {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  flex-shrink: 0;
}

.ahx-industries__icon-img {
  width: 22px;
  height: 22px;
  object-fit: contain;
  transition: opacity 0.2s ease;
}

.ahx-industries__icon-img--hover {
  position: absolute;
  inset: 0;
  margin: auto;
  opacity: 0;
}

.ahx-industries__pill:hover .ahx-industries__icon-img--default {
  opacity: 0;
}

.ahx-industries__pill:hover .ahx-industries__icon-img--hover {
  opacity: 1;
}

.ahx-industries__label {
  color: #14183a;
  font-size: 1rem;
  font-weight: 500;
}

.ahx-industries__go {
  margin-left: auto;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: linear-gradient(90deg, #4c6fff 0%, #3654e6 100%);
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  flex-shrink: 0;
  opacity: 0;
  transform: scale(0.8);
  transition: opacity 0.2s ease, transform 0.2s ease;
}

.ahx-industries__pill:hover .ahx-industries__go {
  opacity: 1;
  transform: scale(1);
}

@media (max-width: 991.98px) {
  .ahx-industries { padding: 60px 0; }
  .ahx-industries__title { font-size: 26px; }
}

/* ==========================================================================
   AHX "What's New" cards (Podcast / Whitepaper / Case Study)
   ========================================================================== */

.ahx-whatsnew {
  background: #ffffff;
  padding: 0 0  56px 0;
  font-family: "Inter", sans-serif!important;
}

.ahx-whatsnew.pad-y {
  background: #ffffff;
  padding: 56px 0  56px 0;
  font-family: "Inter", sans-serif!important;
}



.ahx-whatsnew.blue-bg {
background: #0B1555!important;
background: linear-gradient(175deg, rgba(11, 21, 85, 1) 0%, rgba(14, 19, 65, 1) 50%, rgba(16, 15, 47, 1) 95%)!important;
  padding: 56px 0  56px 0;
  font-family: "Inter", sans-serif!important;
}

.ahx-whatsnew.blue-bg .ahx-whatsnew__title {
  text-align: left!important;
  color: #FFFFFF!important;
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 40px;
}

.ahx-whatsnew__title {
  text-align: center;
  color: #14183a;
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 40px;
}

.ahx-whatsnew__row { row-gap: 24px; }

.ahx-whatsnew__card {
  position: relative;
  border-radius: 1rem;
  overflow: hidden;
}

.ahx-whatsnew__img {
  width: 100%;
  height: 320px;
  object-fit: cover;
  display: block;
  transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}

.ahx-whatsnew__card:hover .ahx-whatsnew__img {
  transform: scale(1.06) translateY(-4%);
}

.ahx-whatsnew__overlay {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #2947c9;
  background-image: url('https://www.amantyatech.com/public/images/revamp/what-new/what-new-blue-bg.png');
  background-size: cover;
  background-position: center;
  padding: 18px 22px;
  transition: padding-bottom 0.4s cubic-bezier(0.22, 1, 0.36, 1);
}

.ahx-whatsnew__card:hover .ahx-whatsnew__overlay {
  padding-bottom: 26px;
}

.ahx-whatsnew__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

/* Optional headline figure above the label — used by the case study variant */
.ahx-whatsnew__stat {
  display: block;
  color: #ffffff;
  font-size: 26px;
  font-weight: 500;
  line-height: 1.1;
  margin-bottom: 10px;
}

.ahx-whatsnew__label {
  color: #ffffff;
  font-size: 18px;
  font-weight: 600;
  margin: 0;
}

.ahx-whatsnew__arrow {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.6);
  color: #ffffff;
  transition: background 0.2s ease, transform 0.2s ease, border-color 0.2s ease;
}

.ahx-whatsnew__arrow:hover {
  background: #ffffff;
  color: #14183a;
  border-color: #ffffff;
  transform: translate(2px, -2px);
}

.ahx-whatsnew__hidden {
  max-height: 0;
  opacity: 0;
  transform: translateY(80px);
  overflow: hidden;
  transition: max-height 0.4s cubic-bezier(0.22, 1, 0.36, 1),
              opacity 0.3s ease,
              transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);
}

.ahx-whatsnew__card:hover .ahx-whatsnew__hidden {
  max-height: 180px!important;
  height: 130px!important;
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0s, 0.08s, 0s;
}

.ahx-whatsnew__card a.ahx-whatsnew__btn{
  color:#101030!important;
  background-color: #FFFFFF!important;
  border-radius: 50px!important;
  padding: 10px 20px!important;
  font-size: 1rem!important;
  font-weight: 500!important;
  text-decoration: none!important; margin-bottom: 20px!important;
}

.ahx-whatsnew__hidden .ahx-whatsnew__desc {
  margin-top: 10px;  margin-bottom: 20px;
}

.ahx-whatsnew__desc {
  color: rgba(255, 255, 255, 0.85);
  font-size: 1rem;
  line-height: 1.6;
  margin-bottom: 0;
}

@media (max-width: 991.98px) {
  .ahx-whatsnew { padding: 60px 0; }
  .ahx-whatsnew__title { font-size: 26px; }
}

/* ==========================================================================
   AHX Operating Model cards (Engineer / Operate / Continuous Learning)
   ========================================================================== */

.ahx-model {
  background: #f7f8fc;
  padding: 56px 0;
  font-family: "Inter", sans-serif!important;
}

.ahx-model__title {
  text-align: center;
  color: #14183a;
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 40px;
}

.ahx-model__row { row-gap: 24px; }

.ahx-model__card {
  position: relative;
  border-radius: 1rem;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(20, 24, 58, 0.12);
}

.ahx-model__img {
  width: 100%;
  height: 430px;
  object-fit: cover;
  display: block;
  transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}

.ahx-model__card:hover .ahx-model__img {
  transform: scale(1.06) translateY(-4%);
}

.ahx-model__overlay {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #2947c9;
  background-image: url('https://www.amantyatech.com/public/images/revamp/what-new/what-new-blue-bg.png');
  background-size: cover;
  background-position: center;
  padding: 18px 22px;
  transition: padding-bottom 0.4s cubic-bezier(0.22, 1, 0.36, 1);
}

.ahx-model__card:hover .ahx-model__overlay {
  padding-bottom: 26px;
}

.ahx-model__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.ahx-model__label {
  color: #ffffff;
  font-size: 18px;
  font-weight: 600;
  margin: 0;
}

.ahx-model__arrow {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  color: #ffffff;
  transition: transform 0.2s ease, color 0.2s ease;
}

.ahx-model__arrow:hover {
  color: #ffffff;
  transform: translate(3px, -3px);
}

.ahx-model__hidden {
  max-height: 0;
  opacity: 0;
  transform: translateY(18px);
  overflow: hidden;
  transition: max-height 0.4s cubic-bezier(0.22, 1, 0.36, 1),
              opacity 0.3s ease,
              transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);
}

.ahx-model__card:hover .ahx-model__hidden {
  max-height: 200px;
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0s, 0.08s, 0s;
}

.ahx-model__hidden .ahx-model__desc {
  margin-top: 10px;
}

.ahx-model__desc {
  color: rgba(255, 255, 255, 0.85);
  font-size: 1rem;
  line-height: 1.6;
  margin-bottom: 0;
}

@media (max-width: 991.98px) {
  .ahx-model { padding: 60px 0; }
  .ahx-model__title { font-size: 26px; }
}

/* ==========================================================================
   AHX CTA banner (video background)
   ========================================================================== */

.ahx-cta {
  position: relative;
  overflow: hidden;
  padding: 110px 30px;
  background: #080b2c;
  font-family: "Inter", sans-serif!important;
  isolation: isolate;
  border-radius: 24px;
}

.ahx-cta__video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}


.ahx-cta__img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0; border-radius:24px!important;
}

.ahx-cta__overlay {
  position: absolute;
  inset: 0; 
  z-index: 1;
}

.ahx-cta__content {
  position: relative;
  z-index: 2; 
  margin: 0 auto;
  text-align: left;
}

.ahx-cta__title {
  color: #ffffff!important;
  font-weight: 600;
  font-size: 38px;
  line-height: 1.25;
  margin-bottom: 18px;
}

.ahx-cta__desc {
  color: #FFFFFF;
  font-size: 1rem;
  line-height: 1.7;
  margin-bottom: 32px;
}

ul.ahx-leadcore__list li::marker {
    color: #FFFFFF!important;
    font-size: 1.5rem;
}
 

.ahx-cta__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 1rem 32px;
  border-radius: 50px;
background: #789FF4;
background: radial-gradient(circle, rgba(120, 159, 244, 1) 0%, rgba(51, 106, 231, 1) 100%);
  color: #ffffff;
  border: 1px solid #FFFFFF;
  font-size: 1rem;
  font-weight: 500;
  text-decoration: none; 
}

.ahx-cta__btn:hover {
  color: #0C144E;  
  background: #FFFFFF!important;
}

@media (max-width: 991.98px) {
  .ahx-cta { padding: 70px 0; }
  .ahx-cta__title { font-size: 28px; }
}

/* ==========================================================================
   AHXM Menu (new nav — Home / Capabilities / Industries / Resources / Company)
   Unique namespace: "ahxm-" — isolated from existing header/navbar styles.
   ========================================================================== */

.ahxm-header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 30;
  font-family: "Inter", sans-serif!important;  
}

.ahxm-navbar { padding: 1rem 0; }

.ahxm-navbar__inner {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;

}

.ahxm-navbar__logo { height: 20px; width: auto; display: block; }

.ahxm-navbar__links {
  list-style: none;
  display: flex;
  align-items: center;
  gap: 34px;
  margin: 0;
  padding: 0;
    background: linear-gradient(135deg, #182568 0%, #0d1440 100%);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 50px;
  padding: 12px 26px 12px 26px; 
}

.ahxm-navitem { position: relative; }

/* Invisible bridge so the mouse never leaves a hoverable element while
   moving from the trigger link down into the panel (avoids the dropdown
   closing itself before a click can land). */
.ahxm-navitem--mega::after,
.ahxm-navitem--dropdown::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  height: 22px;
  z-index: 49;
}
.ahxm-navitem--mega::after { width: min(980px, 92vw); }
.ahxm-navitem--dropdown::after { width: 220px; }

.ahxm-navlink {
  display: inline-block;
  padding: 8px 2px;
  color: rgba(255, 255, 255, 0.75);
  font-size: 1rem;
  font-weight: 500;
  text-decoration: none;
  position: relative;
  transition: color 0.2s ease;
}

.ahxm-navlink:hover { color: #ffffff; }

.ahxm-navlink--active { color: #ffffff; }

.ahxm-navlink--active::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -2px;
  height: 2px;
  background: #F16A28;
  border-radius: 2px;
}

.ahxm-navbar__cta {
  background: linear-gradient(90deg, #f2731f 0%, #ee8700 100%);
  color: #ffffff;
  font-size: 1rem;
  font-weight: 500;
  text-decoration: none;
  padding: 12px 26px;
  border-radius: 50px;
  white-space: nowrap;
}
.ahxm-navbar__cta:hover { color: #ffffff; opacity: 0.92; }

/* ----- Capabilities mega menu (desktop) ----- */
.ahxm-mega {
  position: absolute;
  top: calc(100% + 22px);
  left: 50%;
  transform: translate(-50%, 10px);
  width: min(980px, 92vw);
  background: #ffffff;
  border-radius: 20px;
  box-shadow: 0 24px 60px rgba(10, 15, 60, 0.18);
  padding: 34px 40px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.2s ease, transform 0.2s ease;
  z-index: 50;
}

.ahxm-navitem:hover .ahxm-mega,
.ahxm-navitem:hover .ahxm-dropdown {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translate(-50%, 0);
}

.ahxm-mega__col { display: flex; flex-direction: column; gap: 10px; }

.ahxm-mega__heading {
  color: #14224d;
  font-size: 1rem;
  font-weight: 600;
  padding-bottom: 1rem;
  border-bottom: 1px solid #dde1ef;
  margin-bottom: 8px;
}

.ahxm-mega__plain {
  color: #4a5175;
  font-size: 1rem;
  text-decoration: none;
  padding-bottom: 10px;
}

.ahxm-mega__plain--last { border-bottom: 1px solid #dde1ef; }

/* ----- Simple dropdown (Resources / Company) ----- */
.ahxm-dropdown {
  position: absolute;
  top: calc(100% + 22px);
  left: 50%;
  transform: translate(-50%, 10px);
  min-width: 220px;
  background: #ffffff;
  border-radius: 1rem;
  box-shadow: 0 24px 60px rgba(10, 15, 60, 0.18);
  padding: 1rem 20px;
  display: flex;
  flex-direction: column;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.2s ease, transform 0.2s ease;
  z-index: 50;
}

.ahxm-dropdown__link {
  color: #4a5175;
  font-size: 1rem;
  text-decoration: none;
  padding: 9px 0;
  border-bottom: 1px solid #eef0f7;
}
.ahxm-dropdown__link:last-child { border-bottom: none; }

/* ----- Hamburger toggler (mobile) ----- */
.ahxm-toggler {
  display: none;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  width: 34px;
  height: 34px;
  border: none;
  background: transparent;
  padding: 0;
}
.ahxm-toggler span {
  display: block;
  height: 2px;
  width: 100%;
  background: #ffffff;
  border-radius: 2px;
}

/* ----- Mobile left overlay menu ----- */
.ahxm-offcanvas {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 82%;
  max-width: 320px;
  background: #ffffff;
  z-index: 1050;
  transform: translateX(-100%);
  transition: transform 0.3s ease;
  overflow-y: auto;
  box-shadow: 20px 0 50px rgba(0, 0, 0, 0.2);
  text-align: left;
}
.ahxm-offcanvas.ahxm-show { transform: translateX(0); }

.ahxm-offcanvas__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px;
  border-bottom: 1px solid #eef0f7;
}
.ahxm-offcanvas__logo { height: 22px; }
.ahxm-offcanvas__close {
  border: none;
  background: transparent;
  font-size: 28px;
  line-height: 1;
  color: #14183a;
}

.ahxm-offcanvas__links { list-style: none; margin: 0; padding: 10px 20px 30px; text-align: left; }
.ahxm-offcanvas__links > li { border-bottom: 1px solid #f1f2f8; text-align: left; }
.ahxm-offcanvas__links > li > a {
  display: block;
  width: 100%;
  padding: 1rem 4px;
  color: #14183a;
  font-size: 1rem;
  font-weight: 500;
  text-decoration: none;
  text-align: left;
}

.ahxm-offcanvas__cta {
  background: linear-gradient(90deg, #f2731f 0%, #ee8700 100%);
  color: #fff !important;
  text-align: center;
  border-radius: 50px;
  margin-top: 10px; text-align: center!important;
}

.ahxm-offcanvas__accordion-toggle {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 4px;
  border: none;
  background: transparent;
  color: #14183a;
  font-size: 1rem;
  font-weight: 500;
  text-align: left;
}
.ahxm-offcanvas__accordion-toggle i { transition: transform 0.2s ease; font-size: 1rem; }
.ahxm-offcanvas__accordion-toggle[aria-expanded="true"] i { transform: rotate(180deg); }

.ahxm-offcanvas__accordion-panel {
  max-height: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  text-align: left;
  transition: max-height 0.3s ease;
}
.ahxm-offcanvas__accordion-panel a {
  padding: 10px 4px 10px 1rem;
  color: #4a5175;
  font-size: 1rem;
  text-decoration: none;
  text-align: left;
}
.ahxm-offcanvas__sub-heading {
  display: block;
  padding: 10px 4px 0 1rem;
  color: #14224d;
  font-size: 1rem;
  text-align: left;
  font-weight: 600;
}

.ahxm-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(8, 11, 44, 0.55);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease;
  z-index: 1040;
}
.ahxm-backdrop.ahxm-show { opacity: 1; visibility: visible; }

@media (max-width: 991.98px) {
  .ahxm-navbar__links,
  .ahxm-navbar__cta { display: none; }
  .ahxm-toggler { display: flex; }
  .ahxm-navbar { padding: 12px 0; }
}

/* ==========================================================================
   AHX Closed Loop (Engineer / Operate / Closed Loop overlapping shapes)
   ========================================================================== */

.ahx-loop {
  background: #0E1341;
  background: linear-gradient(180deg, #0e1341 0%, #0b1136 100%);
  padding: 56px 0;
  font-family: "Inter", sans-serif!important;
  overflow: hidden;
}

.ahx-loop__title {
  color: #ffffff!important;
  font-size: 28px;
  font-weight: 600;
  line-height: 1.45; 
  margin: 0 0 50px;
}

/* Stage holds the centered diagram plus the three absolutely placed cards */
.ahx-loop__stage {
  position: relative;
  max-width: 1140px;
  margin: 0 auto;
  min-height: 640px;
}

/* Centered square canvas — geometry mirrors the 417x417 source composition */
.ahx-loop__diagram {
  position: relative;
  width: 417px;
  max-width: 100%;
  aspect-ratio: 1 / 1;
  margin: 0 auto;
}

/* Dashed ring behind the shapes */
.ahx-loop__ring {
  position: absolute;
  inset: 0;
  border: 4px dashed #FFFFFF;
  border-radius: 50%;
}

/* The three overlapping images */
.ahx-loop__shape {
  position: absolute;
  display: block;
  height: auto;
  cursor: pointer;
  transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1), filter 0.4s ease;
}

.ahx-loop__shape--engineer {
  left: 8.39%;   /* 35/417  */
  top: 10.31%;   /* 43/417  */
  width: 41.49%; /* 173/417 */
  z-index: 1;
  /* Engineer is the default active shape, so it starts scaled up */
  transform: scale(1.04);
  filter: drop-shadow(0 12px 28px rgba(0, 0, 0, 0.35));
}

.ahx-loop__shape--operate {
  left: 49.88%;  /* 208/417 */
  top: 10.31%;
  width: 44.36%; /* 185/417 */
  z-index: 1;
}

.ahx-loop__shape--control {
  left: 24.82%;  /* 103.5/417 */
  top: 24.82%;
  width: 50.36%; /* 210/417 */
  z-index: 2;
}

.ahx-loop__shape:hover,
.ahx-loop__stage.is-engineer .ahx-loop__shape--engineer,
.ahx-loop__stage.is-operate .ahx-loop__shape--operate,
.ahx-loop__stage.is-control .ahx-loop__shape--control {
  transform: scale(1.04);
  filter: drop-shadow(0 12px 28px rgba(0, 0, 0, 0.35));
}

/* Another shape taking over drops Engineer back to its resting size */
.ahx-loop__stage:has(.ahx-loop__shape--operate:hover) .ahx-loop__shape--engineer,
.ahx-loop__stage:has(.ahx-loop__shape--control:hover) .ahx-loop__shape--engineer,
.ahx-loop__stage.is-operate .ahx-loop__shape--engineer,
.ahx-loop__stage.is-control .ahx-loop__shape--engineer {
  transform: scale(1);
  filter: none;
}

/* Wrapper is transparent on desktop so cards keep positioning against the
   stage; it becomes a single stacking cell once the layout collapses */
.ahx-loop__cards { display: contents; }

/* Cards — Engineer shows by default, the others reveal on hover */
.ahx-loop__card {
  position: absolute;
  width: 330px;
  min-height: 210px;
  max-width: 100%;
  background: #ffffff;
  border-radius: 1rem;
  padding: 22px;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.28);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(1rem);
  transition: opacity 0.45s ease, transform 0.45s cubic-bezier(0.22, 1, 0.36, 1), visibility 0s linear 0.45s;
}

/* Visible state — shared by the default card and any hovered one */
.ahx-loop__card.is-visible {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
  transition: opacity 0.45s ease, transform 0.45s cubic-bezier(0.22, 1, 0.36, 1), visibility 0s linear 0s;
}

.ahx-loop__card--engineer { left: 0; top: 40px; }
.ahx-loop__card--operate  { right: 0; top: 40px; }

/* Closed Loop card spans the full container width */
.ahx-loop__card--control {
  left: 50%;
  bottom: 0;
  width: 100%;
  min-height: 0;
  transform: translateX(-50%) translateY(1rem);
}

/* Engineer is open by default */
.ahx-loop__card--engineer {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
  transition: opacity 0.45s ease, transform 0.45s cubic-bezier(0.22, 1, 0.36, 1), visibility 0s linear 0s;
}

/* Dotted connectors running from each card up to the dashed ring */
.ahx-loop__card::after {
  content: '';
  position: absolute;
  border-color: #ffffff;
}

/* Dot marker that sits on the ring where the connector lands */
.ahx-loop__card::before {
  content: '';
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #ffffff;
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.18);
  z-index: 1;
}

.ahx-loop__card--engineer::after,
.ahx-loop__card--operate::after {
  top: 50%;
  width: 40px;
  border-top: 2px dashed #ffffff;
}

.ahx-loop__card--engineer::after { left: 100%; }
.ahx-loop__card--operate::after  { right: 100%; }

.ahx-loop__card--engineer::before,
.ahx-loop__card--operate::before {
  top: 50%;
  transform: translateY(-50%);
}

.ahx-loop__card--engineer::before { left: calc(100% + 40px); margin-left: -5px; }
.ahx-loop__card--operate::before  { right: calc(100% + 40px); margin-right: -5px; }

.ahx-loop__card--control::after {
  left: 50%;
  bottom: 100%;
  height: 60px;
  border-left: 2px dashed #ffffff;
}

.ahx-loop__card--control::before {
  left: 50%;
  bottom: calc(100% + 60px);
  transform: translateX(-50%);
  margin-bottom: -5px;
}

.ahx-loop__icon {
  width: 52px;
  height: 52px;
  display: block;
  margin-bottom: 1rem;
}

.ahx-loop__card-title {
  color: #14183a;
  font-size: 1rem;
  font-weight: 600;
  margin: 0 0 8px;
}

.ahx-loop__card-desc {
  color: #5b6178;
  font-size: 1rem;
  line-height: 1.6;
  margin: 0;
}

/* --- Card swapping: hover (mouse) or tap (touch, via .is-* on the stage) --- */

/* Anything other than Engineer active hides the default Engineer card */
.ahx-loop__stage:has(.ahx-loop__shape--operate:hover) .ahx-loop__card--engineer,
.ahx-loop__stage:has(.ahx-loop__shape--control:hover) .ahx-loop__card--engineer,
.ahx-loop__stage.is-operate .ahx-loop__card--engineer,
.ahx-loop__stage.is-control .ahx-loop__card--engineer {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(1rem);
  transition: opacity 0.45s ease, transform 0.45s cubic-bezier(0.22, 1, 0.36, 1), visibility 0s linear 0.45s;
}

/* Active shape -> reveal its related card */
.ahx-loop__stage:has(.ahx-loop__shape--engineer:hover) .ahx-loop__card--engineer,
.ahx-loop__stage:has(.ahx-loop__shape--operate:hover) .ahx-loop__card--operate,
.ahx-loop__stage.is-engineer .ahx-loop__card--engineer,
.ahx-loop__stage.is-operate .ahx-loop__card--operate {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
  transition: opacity 0.45s ease, transform 0.45s cubic-bezier(0.22, 1, 0.36, 1), visibility 0s linear 0s;
}

.ahx-loop__stage:has(.ahx-loop__shape--control:hover) .ahx-loop__card--control,
.ahx-loop__stage.is-control .ahx-loop__card--control {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateX(-50%) translateY(0);
  transition: opacity 0.45s ease, transform 0.45s cubic-bezier(0.22, 1, 0.36, 1), visibility 0s linear 0s;
}

/* Browsers without :has() still swap correctly — the script sets .is-* on the
   stage, so no all-cards-visible fallback is needed here. */

@media (max-width: 1199.98px) {
  .ahx-loop__stage { max-width: 960px; min-height: 620px; }
  .ahx-loop__card { width: 250px; min-height: 200px; }
  .ahx-loop__card--control { width: 100%; min-height: 0; }
  .ahx-loop__card--engineer::after,
  .ahx-loop__card--operate::after { width: 32px; }
  .ahx-loop__card--engineer::before { left: calc(100% + 32px); }
  .ahx-loop__card--operate::before { right: calc(100% + 32px); }
  .ahx-loop__card--control::after { height: 45px; }
  .ahx-loop__card--control::before { bottom: calc(100% + 45px); }
}

/* Small screens — diagram on top, one card below it that swaps on hover/tap.
   The cards share a single grid cell so the area sizes to the tallest card. */
@media (max-width: 991.98px) {
  .ahx-loop { padding: 60px 0; }
  .ahx-loop__title { font-size: 22px; margin-bottom: 32px; }

  .ahx-loop__stage {
    min-height: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
  }

  .ahx-loop__cards {
    display: grid;
    width: 100%;
    max-width: 460px;
  }

  .ahx-loop__card,
  .ahx-loop__card--control {
    position: relative;
    grid-area: 1 / 1;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    width: 100%;
    max-width: 100%;
    min-height: 0;
  }

  /* No sideways centering offset once cards are grid-stacked */
  .ahx-loop__card--control { transform: translateY(1rem); }
  .ahx-loop__stage:has(.ahx-loop__shape--control:hover) .ahx-loop__card--control,
  .ahx-loop__stage.is-control .ahx-loop__card--control { transform: translateY(0); }

  /* Connector lines and dots are desktop-only */
  .ahx-loop__card::after,
  .ahx-loop__card::before { display: none; }
}

@media (max-width: 767.98px) {
  .ahx-loop { padding: 48px 0; }
  .ahx-loop__title { font-size: 20px; margin-bottom: 26px; }
  .ahx-loop__stage { gap: 1rem; }
  .ahx-loop__diagram { width: 320px; }
  .ahx-loop__card,
  .ahx-loop__card--control { padding: 18px; border-radius: 12px; }
  .ahx-loop__icon { width: 46px; height: 46px; margin-bottom: 12px; }
  .ahx-loop__card-title { font-size: 1rem; }
  .ahx-loop__card-desc { font-size: 1rem; }
}

@media (max-width: 575.98px) {
  .ahx-loop { padding: 40px 0; }
  .ahx-loop__title { font-size: 18px; line-height: 1.4; margin-bottom: 22px; }
  .ahx-loop__diagram { width: 100%; max-width: 270px; }
  .ahx-loop__ring { border-style: dashed; }
  .ahx-loop__card,
  .ahx-loop__card--control { padding: 1rem; }
  .ahx-loop__icon { width: 40px; height: 40px; margin-bottom: 10px; }
  .ahx-loop__card-title { font-size: 1rem; margin-bottom: 6px; }
  .ahx-loop__card-desc { font-size: 12px; line-height: 1.55; }
}

/* ==========================================================================
   AHX Proven Outcomes (animated counter stat cards)
   ========================================================================== */

.ahx-proven {
  background: #ffffff;
  padding: 80px 0;
  font-family: "Inter", sans-serif!important;
}

.ahx-proven__title {
  color: #14183a;
  font-size: 30px;
  font-weight: 500;
  margin: 0 0 32px;
}

.ahx-proven__row {
  --bs-gutter-x: 20px;
  row-gap: 20px;
}

.ahx-proven__card {
  height: 100%;
  background: #ffffff;
  border: 1px solid #e2e5ec;
  border-radius: 10px;
  padding: 26px 22px;
  transition: border-color 0.35s ease, box-shadow 0.35s ease, transform 0.35s cubic-bezier(0.22, 1, 0.36, 1);
}

.ahx-proven__card:hover {
  border-color: #3654e6;
  box-shadow: 0 12px 28px rgba(20, 24, 58, 0.10);
  transform: translateY(-4px);
}

.ahx-proven__stat {
  display: flex;
  align-items: baseline;
  color: #14183a;
  font-size: 2.4rem;
  font-weight: 400;
  line-height: 1.1;
  margin-bottom: 18px;
  /* Keeps the row steady while the digits tick up */
  font-variant-numeric: tabular-nums;
}

.ahx-proven__desc {
  color: #5b6178;
  font-size: 1rem;
  line-height: 1.6;
  margin: 0;
}

@media (max-width: 991.98px) {
  .ahx-proven { padding: 60px 0; }
  .ahx-proven__title { font-size: 26px; margin-bottom: 26px; }
  .ahx-proven__stat { font-size: 38px; }
}

@media (max-width: 575.98px) {
  .ahx-proven { padding: 48px 0; }
  .ahx-proven__title { font-size: 22px; margin-bottom: 22px; }
  .ahx-proven__card { padding: 22px 18px; }
  .ahx-proven__stat { font-size: 34px; margin-bottom: 1rem; }
}

/* ==========================================================================
   AHX Solutions Built for Enterprise AI (3x3 icon grid)
   ========================================================================== */

.ahx-sol {
  position: relative;
  background: #0B1555;
  background: linear-gradient(180deg, #0B1555 0%, #0E1341 55%, #100F2F 100%);
  padding: 56px 0;
  font-family: "Inter", sans-serif!important;
  overflow: hidden;
}

.ahx-sol__title {
  color: #ffffff!important;
  font-size: 32px;
  font-weight: 600;
  margin: 0 0 46px;
}

.ahx-sol__row {
  --bs-gutter-x: 24px;
  row-gap: 24px;
}

.ahx-sol__card {
  height: 100%;
  padding: 26px 24px;
  border: 1px solid transparent;
  border-radius: 10px;
  background: transparent;
  transition: border-color 0.4s ease, background-color 0.4s ease, transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);
}

.ahx-sol__card:hover {
  border-color: rgba(255, 255, 255, 0.45);
  background-color: rgba(255, 255, 255, 0.05);
  transform: translateY(-4px);
}

.ahx-sol__icon {
  display: block;
  width: 38px;
  height: 38px;
  object-fit: contain;
  margin-bottom: 22px;
}

.ahx-sol__card-title {
  color: #ffffff;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.4;
  margin: 0 0 1rem;
}

/* Divider under the title — draws itself in on hover */
.ahx-sol__line {
  display: block;
  height: 1px;
  background: rgba(255, 255, 255, 0.45);
  margin-bottom: 1rem;
  transform: scaleX(0);
  transform-origin: left center;
  opacity: 0;
  transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.35s ease;
}

.ahx-sol__card:hover .ahx-sol__line {
  transform: scaleX(1);
  opacity: 1;
}

.ahx-sol__desc {
  color: #c3cae8;
  font-size: 1rem;
  line-height: 1.7;
  margin: 0;
}

@media (max-width: 991.98px) {
  .ahx-sol { padding: 60px 0; }
  .ahx-sol__title { font-size: 26px; margin-bottom: 32px; }
  .ahx-sol__row { row-gap: 1rem; }
  .ahx-sol__card { padding: 22px 20px; }
}

@media (max-width: 575.98px) {
  .ahx-sol { padding: 48px 0; }
  .ahx-sol__title { font-size: 22px; margin-bottom: 26px; }
  .ahx-sol__icon { width: 34px; height: 34px; margin-bottom: 1rem; }
  .ahx-sol__card-title { font-size: 15px; margin-bottom: 12px; }
  .ahx-sol__desc { font-size: 1rem; }
}

/* No hover on touch — show the divider so every card reads complete */
@media (hover: none) {
  .ahx-sol__line { transform: scaleX(1); opacity: 1; }
}

/* ==========================================================================
   AHX Amantya Proprietary AI Platforms (Kenome / AURA)
   ========================================================================== */

.ahx-plat {
  background: #ffffff;
  padding: 80px 0;
  font-family: "Inter", sans-serif!important;
}

.ahx-plat__title {
  color: #14183a;
  font-size: 30px;
  font-weight: 600;
  margin: 0 0 12px;
}

.ahx-plat__subtitle {
  color: #0E1447;
  font-size: 1rem;
  line-height: 1.6;
  margin: 0 0 32px;
}

.ahx-plat__row {
  --bs-gutter-x: 24px;
  row-gap: 24px;
}

.ahx-plat__card {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 26px;
  background: #ffffff;
  border: 1px solid #dbe3f5;
  border-radius: 12px;
  text-decoration: none;
  transition: border-color 0.35s ease, box-shadow 0.35s ease, transform 0.35s cubic-bezier(0.22, 1, 0.36, 1);
}

.ahx-plat__card:hover {
  border-color: #3654e6;
  box-shadow: 0 1rem 34px rgba(20, 24, 58, 0.12);
  transform: translateY(-4px);
}

.ahx-plat__arrow {
  position: absolute;
  top: 22px;
  right: 22px;
  display: inline-flex;
  color: #3654e6;
  transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1);
}

.ahx-plat__card:hover .ahx-plat__arrow {
  transform: translate(3px, -3px);
}

/* Logo sits in a fixed-height band so both cards line up regardless of
   the two logos having different aspect ratios */
.ahx-plat__media {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 110px;
  padding: 0 20px 24px;
  border-bottom: 1px solid #e6ebf7;
  margin-bottom: 20px;
}

.ahx-plat__logo {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
}

.ahx-plat__body {
  display: block;
}

.ahx-plat__name {
  display: block;
  color: #14183a;
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 10px;
}

.ahx-plat__desc {
  display: block;
  color: #5b6178;
  font-size: 1rem;
  line-height: 1.7;
}

.ahx-plat__cta {
  text-align: center;
  margin-top: 36px;
}

.ahx-plat__btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 1rem 30px;
  border-radius: 50px;
background: #789FF4;
background: radial-gradient(circle, rgba(120, 159, 244, 1) 0%, rgba(51, 106, 231, 1) 100%);
  color: #ffffff;
  font-size: 1rem;
  font-weight: 500;
  text-decoration: none;
  transition: box-shadow 0.35s ease, transform 0.35s cubic-bezier(0.22, 1, 0.36, 1);
}

.ahx-plat__btn:hover {
  color: #ffffff;
  box-shadow: 0 12px 26px rgba(54, 84, 230, 0.35);
  transform: translateY(-2px);
}

@media (max-width: 991.98px) {
  .ahx-plat { padding: 60px 0; }
  .ahx-plat__title { font-size: 26px; }
  .ahx-plat__subtitle { margin-bottom: 26px; }
  .ahx-plat__media { height: 92px; }
}

@media (max-width: 575.98px) {
  .ahx-plat { padding: 48px 0; }
  .ahx-plat__title { font-size: 22px; }
  .ahx-plat__card { padding: 22px 18px; }
  .ahx-plat__arrow { top: 18px; right: 18px; }
  .ahx-plat__media { height: 76px; padding: 0 10px 20px; }
  .ahx-plat__cta { margin-top: 28px; }
  .ahx-plat__btn { width: 100%; justify-content: center; padding: 1rem 20px; font-size: 1rem; }
}

/* ==========================================================================
   AHX Case Studies (image + stat cards)
   ========================================================================== */

.ahx-case {
  background: #0E1341;
  background: linear-gradient(180deg, #0e1341 0%, #131a55 50%, #0b1136 100%);
  padding: 80px 0;
  font-family: "Inter", sans-serif!important;
}

.ahx-case__title {
  color: #ffffff!important;
  font-size: 30px;
  font-weight: 600;
  margin: 0 0 34px;
}

.ahx-case__row {
  --bs-gutter-x: 24px;
  row-gap: 24px;
}

.ahx-case__card {
  display: flex;
  flex-direction: column;
  height: 100%;
  border-radius: 10px;
  overflow: hidden;
  background: #ffffff;
  text-decoration: none;
  transition: box-shadow 0.35s ease, transform 0.35s cubic-bezier(0.22, 1, 0.36, 1);
}

.ahx-case__card:hover {
  box-shadow: 0 18px 38px rgba(0, 0, 0, 0.35);
  transform: translateY(-5px);
}

.ahx-case__media {
  display: block;
  height: 180px;
  overflow: hidden;
}

.ahx-case__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1);
}

.ahx-case__card:hover .ahx-case__img {
  transform: scale(1.06);
}

/* Body grows to fill, so cards stay level despite different copy lengths */
.ahx-case__body {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  padding: 22px 20px;
}

.ahx-case__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
}

.ahx-case__stat {
  color: #14183a;
  font-size: 26px;
  font-weight: 600;
  line-height: 1.2;
}

.ahx-case__arrow {
  display: inline-flex;
  flex: 0 0 auto;
  color: #3654e6;
  transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1);
}

.ahx-case__card:hover .ahx-case__arrow {
  transform: translateX(4px);
}

.ahx-case__desc {
  display: block;
  color: #5b6178;
  font-size: 1rem;
  line-height: 1.6;
}

@media (max-width: 991.98px) {
  .ahx-case { padding: 60px 0; }
  .ahx-case__title { font-size: 26px; margin-bottom: 26px; }
  .ahx-case__media { height: 170px; }
}

@media (max-width: 575.98px) {
  .ahx-case { padding: 48px 0; }
  .ahx-case__title { font-size: 22px; margin-bottom: 22px; }
  .ahx-case__media { height: 156px; }
  .ahx-case__body { padding: 20px 18px; }
  .ahx-case__stat { font-size: 23px; }
}

/* ==========================================================================
   AHX Technology Partner Ecosystem (autoplay logo carousel)
   ========================================================================== */

.ahx-partner {
  background: linear-gradient(180deg, #dfe7fa 0%, #eef2fc 45%, #ffffff 100%);
  padding: 40px 0 46px;
  font-family: "Inter", sans-serif!important;
}

.ahx-partner__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 22px;
}

.ahx-partner__title {
  color: #14183a;
  font-size: 26px;
  font-weight: 600;
  margin: 0;
}

.ahx-partner__nav {
  display: flex;
  gap: 8px;
  flex: 0 0 auto;
}

.ahx-partner__arrow {
  width: 26px;
  height: 26px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: #14183a;
  color: #ffffff;
  cursor: pointer;
  transition: background 0.3s ease, transform 0.3s ease;
}

.ahx-partner__arrow:hover {
  background: #3654e6;
  transform: scale(1.08);
}

/* Before slick initialises, keep the logos in a tidy row instead of stacked */
.ahx-partner__slider:not(.slick-initialized) {
  display: flex;
  gap: 20px;
  overflow: hidden;
}

.ahx-partner__slider:not(.slick-initialized) .ahx-partner__slide {
  flex: 0 0 auto;
  width: 16.666%;
}

/* Vertically centre logos of differing heights across the track */
.ahx-partner__slider .slick-track {
  display: flex;
  align-items: center;
}

.ahx-partner__slider .slick-slide {
  height: auto;
  outline: none;
}

.ahx-partner__slide {
  display: flex !important;
  align-items: center;
  justify-content: center;
  padding: 10px 1rem;
}

.ahx-partner__logo {
  max-width: 100%;
  max-height: 46px;
  width: auto;
  height: auto;
  object-fit: contain;
  transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.3s ease;
}

.ahx-partner__logo:hover {
  transform: scale(1.06);
}

@media (max-width: 991.98px) {
  .ahx-partner { padding: 34px 0 40px; }
  .ahx-partner__title { font-size: 22px; }
  .ahx-partner__logo { max-height: 40px; }
}

@media (max-width: 575.98px) {
  .ahx-partner__head {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
  .ahx-partner__title { font-size: 19px; }
  .ahx-partner__logo { max-height: 34px; }
}

/* ==========================================================================
   AHX Why Amantya (numbered navy cards)
   ========================================================================== */

.ahx-why {
  background: #ffffff;
  padding: 80px 0;
  font-family: "Inter", sans-serif!important;
}

.ahx-why__title {
  text-align: center;
  color: #14183a;
  font-size: 30px;
  font-weight: 600;
  margin: 0 0 40px;
}

/* Variant carrying a standfirst under the heading */
.ahx-why--intro .ahx-why__title {
  margin-bottom: 12px;
}

.ahx-why__intro {
  text-align: center;
  color: #4b5068;
  font-size: 1rem;
  line-height: 1.7;
  max-width: 720px;
  margin: 0 auto 40px;
}

.ahx-why__row {
  --bs-gutter-x: 24px;
  row-gap: 24px;
}

.ahx-why__card {
  height: 100%;
  padding: 26px 24px 28px;
  border: 1px solid rgba(255, 255, 255, 0.10);
  border-radius: 8px;
  background: linear-gradient(160deg, #0f1745 0%, #16205e 100%);
  transition: border-color 0.35s ease, box-shadow 0.35s ease, transform 0.35s cubic-bezier(0.22, 1, 0.36, 1);
}

.ahx-why__card:hover {
  border-color: rgba(120, 159, 244, 0.75);
  box-shadow: 0 1rem 34px rgba(20, 24, 58, 0.28);
  transform: translateY(-4px);
}

.ahx-why__num {
  display: block;
  color: rgba(255, 255, 255, 0.24);
  font-size: 42px;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 30px;
  transition: color 0.35s ease;
}

.ahx-why__card:hover .ahx-why__num {
  color: rgba(255, 255, 255, 0.38);
}

.ahx-why__card-title {
  color: #ffffff;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.4;
  margin: 0 0 1rem;
}

.ahx-why__desc {
  color: #c3cae8;
  font-size: 1rem;
  line-height: 1.7;
  margin: 0;
}

@media (max-width: 991.98px) {
  .ahx-why { padding: 60px 0; }
  .ahx-why__title { font-size: 26px; margin-bottom: 30px; }
  .ahx-why__num { font-size: 38px; margin-bottom: 24px; }
}

@media (max-width: 575.98px) {
  .ahx-why { padding: 48px 0; }
  .ahx-why__title { font-size: 22px; margin-bottom: 24px; }
  .ahx-why__row { row-gap: 1rem; }
  .ahx-why__card { padding: 22px 20px 24px; }
  .ahx-why__num { font-size: 34px; margin-bottom: 20px; }
  .ahx-why__desc { font-size: 1rem; }
}

/* ==========================================================================
   AHX Thought Leadership (Podcast / Whitepaper / Case Study)
   ========================================================================== */

.ahx-lead {
  background: #ffffff;
  padding: 80px 0;
  font-family: "Inter", sans-serif!important;
}

.ahx-lead__title {
  text-align: center;
  color: #14183a;
  font-size: 30px;
  font-weight: 600;
  margin: 0 0 36px;
}

.ahx-lead__row {
  --bs-gutter-x: 24px;
  row-gap: 24px;
}

/* Cards mirror the Operating Model cards: photo with a blue label bar that
   grows to reveal the copy on hover */
.ahx-lead__card {
  position: relative;
  border-radius: 1rem;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(20, 24, 58, 0.12);
}

.ahx-lead__img {
  width: 100%;
  height: 430px;
  object-fit: cover;
  display: block;
  transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}

.ahx-lead__card:hover .ahx-lead__img {
  transform: scale(1.06) translateY(-4%);
}

.ahx-lead__overlay {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #2947c9;
  background-image: url('https://www.amantyatech.com/public/images/revamp/what-new/what-new-blue-bg.png');
  background-size: cover;
  background-position: center;
  padding: 18px 22px;
  transition: padding-bottom 0.4s cubic-bezier(0.22, 1, 0.36, 1);
}

.ahx-lead__card:hover .ahx-lead__overlay {
  padding-bottom: 26px;
}

.ahx-lead__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.ahx-lead__label {
  color: #ffffff;
  font-size: 18px;
  font-weight: 600;
  margin: 0;
}

.ahx-lead__arrow {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  color: #ffffff;
  transition: transform 0.2s ease, color 0.2s ease;
}

.ahx-lead__arrow:hover {
  color: #ffffff;
  transform: translate(3px, -3px);
}

.ahx-lead__hidden {
  max-height: 0;
  opacity: 0;
  transform: translateY(18px);
  overflow: hidden;
  transition: max-height 0.4s cubic-bezier(0.22, 1, 0.36, 1),
              opacity 0.3s ease,
              transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);
}

.ahx-lead__card:hover .ahx-lead__hidden {
  max-height: 200px;
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0s, 0.08s, 0s;
}

.ahx-lead__hidden .ahx-lead__desc {
  margin-top: 10px;
}

.ahx-lead__desc {
  color: rgba(255, 255, 255, 0.85);
  font-size: 1rem;
  line-height: 1.6;
  margin-bottom: 0;
}

@media (max-width: 991.98px) {
  .ahx-lead { padding: 60px 0; }
  .ahx-lead__title { font-size: 26px; margin-bottom: 28px; }
}

@media (max-width: 575.98px) {
  .ahx-lead { padding: 48px 0; }
  .ahx-lead__title { font-size: 22px; margin-bottom: 24px; }
}

/* ==========================================================================
   AHX Intelligence intro (copy left / visual right) — AURA
   ========================================================================== */

.ahx-intel {
  background: #ffffff;
  padding: 80px 0;
  font-family: "Inter", sans-serif!important;
}

.ahx-intel__row {
  --bs-gutter-x: 48px;
  row-gap: 32px;
}

.ahx-intel__title {
  color: #14183a;
  font-size: 34px;
  font-weight: 600;
  line-height: 1.3;
  margin: 0 0 22px;
}

.ahx-intel__desc {
  color: #4b5068;
  font-size: 1rem;
  line-height: 1.8;
  margin: 0;
}

.ahx-intel__img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 12px;
}

@media (max-width: 991.98px) {
  .ahx-intel { padding: 60px 0; }
  .ahx-intel__title { font-size: 28px; margin-bottom: 18px; }
  /* Let the heading wrap naturally once the column narrows */
  .ahx-intel__title br { display: none; }
}

@media (max-width: 575.98px) {
  .ahx-intel { padding: 48px 0; }
  .ahx-intel__title { font-size: 24px; }
  .ahx-intel__desc { font-size: 13.5px; }
}

/* ==========================================================================
   AHX Outcomes in Action (stat cards) — AURA
   ========================================================================== */

/* Matches the Proven Outcomes cards on the AI page, minus the top padding —
   this sits directly under the intelligence intro and reads as part of it */
.ahx-action {
  background: #ffffff;
  padding: 0 0 80px;
  font-family: "Inter", sans-serif!important;
}

.ahx-action__title {
  color: #14183a;
  font-size: 30px;
  font-weight: 500;
  margin: 0 0 32px;
}

.ahx-action__row {
  --bs-gutter-x: 20px;
  row-gap: 20px;
}

.ahx-action__card {
  height: 100%;
  background: #ffffff;
  border: 1px solid #e2e5ec;
  border-radius: 10px;
  padding: 26px 22px;
  transition: border-color 0.35s ease, box-shadow 0.35s ease, transform 0.35s cubic-bezier(0.22, 1, 0.36, 1);
}

.ahx-action__card:hover {
  border-color: #3654e6;
  box-shadow: 0 12px 28px rgba(20, 24, 58, 0.10);
  transform: translateY(-4px);
}

/* Optional eyebrow above the figure — used on the proprietary page */
.ahx-action__label {
  display: block;
  color: #14183a;
  font-size: 1rem;
  font-weight: 400;
  margin-bottom: 1rem;
}

.ahx-action__stat {
  color: #14183a;
  font-size: 25px;
  font-weight: 400;
  line-height: 1.35;
  margin: 0 0 18px;
  font-variant-numeric: tabular-nums;
}

/* Word-based outcomes ("One Unified Platform") at 44px would run to three
   lines, so they sit a size down while keeping the same colour and weight */
.ahx-action__stat--text {
  color: #14183a;
  font-size: 25px;
  font-weight: 400;
  line-height: 1.35;
}

.ahx-action__desc {
  color: #5b6178;
  font-size: 1rem;
  line-height: 1.6;
  margin: 0;
}

@media (max-width: 991.98px) {
  .ahx-action { padding-bottom: 60px; }
  .ahx-action__title { font-size: 26px; margin-bottom: 26px; }
  .ahx-action__stat { font-size: 38px; }
  .ahx-action__stat--text { font-size: 22px; }
}

@media (max-width: 575.98px) {
  .ahx-action { padding-bottom: 48px; }
  .ahx-action__title { font-size: 22px; margin-bottom: 22px; }
  .ahx-action__card { padding: 22px 18px; }
  .ahx-action__stat { font-size: 34px; margin-bottom: 1rem; }
  .ahx-action__stat--text { font-size: 20px; }
}

/* ==========================================================================
   AHX From Data to Decisions (2x2 capability cards on navy) — AURA
   ========================================================================== */

.ahx-decision {
  background: #0E1341;
  background: linear-gradient(180deg, #0e1341 0%, #0b1136 100%);
  padding: 80px 0;
  font-family: "Inter", sans-serif!important;
}

.ahx-decision__title {
  text-align: center;
  color: #ffffff!important;
  font-size: 30px;
  font-weight: 500;
  margin: 0 0 44px;
}

.ahx-decision__row {
  --bs-gutter-x: 30px;
  row-gap: 30px;
}

/* Transparent until hovered — the border and panel only appear on the card
   being read */
.ahx-decision__card {
  height: 100%;
  padding: 28px 26px;
  border: 1px solid transparent;
  border-radius: 1rem;
  background: transparent;
  transition: background 0.35s ease, border-color 0.35s ease, transform 0.35s cubic-bezier(0.22, 1, 0.36, 1);
}

.ahx-decision__card:hover {
  background: rgba(255, 255, 255, 0.05);
  border-color: rgba(255, 255, 255, 0.16);
  transform: translateY(-4px);
}

.ahx-decision__icon {
  display: block;
  width: 38px;
  height: auto;
  margin-bottom: 26px;
}

.ahx-decision__name {
  color: #ffffff;
  font-size: 18px;
  font-weight: 500;
  margin: 0 0 20px;
}

.ahx-decision__list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.ahx-decision__item {
  position: relative;
  color: #c3cbe6;
  font-size: 1rem;
  line-height: 1.7;
  padding-left: 18px;
}

.ahx-decision__item + .ahx-decision__item {
  margin-top: 1rem;
}

/* Chevron marker in place of a bullet */
.ahx-decision__item::before {
  content: '\203A';
  position: absolute;
  left: 0;
  top: -1px;
  color: #7d8ec4;
  font-size: 1rem;
  line-height: 1.7;
}

@media (max-width: 991.98px) {
  .ahx-decision { padding: 60px 0; }
  .ahx-decision__title { font-size: 26px; margin-bottom: 32px; }
  .ahx-decision__card { padding: 24px 20px; }
}

@media (max-width: 575.98px) {
  .ahx-decision { padding: 48px 0; }
  .ahx-decision__title { font-size: 22px; margin-bottom: 26px; }
  .ahx-decision__icon { margin-bottom: 20px; }
  .ahx-decision__name { font-size: 1rem; margin-bottom: 1rem; }
}

/* ==========================================================================
   AHX Where AURA Shows Up (numbered navy tiles on a lit backdrop) — AURA
   ========================================================================== */

.ahx-where {
  position: relative;
  background: #ffffff;
  padding: 80px 0;
  font-family: "Inter", sans-serif!important;
  overflow: hidden; overflow-x: hidden; 
}

/* Decorative corner artwork — sits behind the grid and never takes clicks */
.ahx-where__bg {
  position: absolute;
  z-index: 0;
  pointer-events: none;
  user-select: none;
  max-width: 40%;
  height: auto;
}

.ahx-where__bg--start {
  top: -170px;
  left: 0;
}

.ahx-where__bg--end {
  right: 0;
  top: 200px;
}

.ahx-where .container {
  position: relative;
  z-index: 1;
}

.ahx-where__title {
  text-align: center;
  color: #14183a;
  font-size: 30px;
  font-weight: 600;
  margin: 0 0 40px;
}

.ahx-where__row {
  --bs-gutter-x: 26px;
  row-gap: 26px;
}

.ahx-where__card {
  height: 100%;
  padding: 26px 24px;
  border-radius: 8px;
  background-color: #101a4d;
  background-image: linear-gradient(160deg, #16225c 0%, #0d1440 100%);
  transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.35s ease;
}

.ahx-where__card:hover {
  transform: translateY(-5px);
  box-shadow: 0 18px 34px rgba(11, 17, 54, 0.28);
}

.ahx-where__num {
  display: block;
  color: rgba(255, 255, 255, 0.22);
  font-size: 34px;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 30px;
}

.ahx-where__name {
  color: #ffffff;
  font-size: 1rem;
  font-weight: 600;
  margin: 0 0 1rem;
}

.ahx-where__desc {
  color: #b6c0e0;
  font-size: 1rem;
  line-height: 1.7;
  margin: 0;
}

@media (max-width: 991.98px) {
  .ahx-where { padding: 60px 0; }
  .ahx-where__title { font-size: 26px; margin-bottom: 30px; }
  .ahx-where__bg { max-width: 55%; }
  .ahx-where__num { margin-bottom: 22px; }
}

@media (max-width: 575.98px) {
  .ahx-where { padding: 48px 0; }
  .ahx-where__title { font-size: 22px; margin-bottom: 26px; }
  .ahx-where__card { padding: 22px 20px; }
  .ahx-where__num { font-size: 30px; margin-bottom: 18px; }
}

/* --------------------------------------------------------------------------
   Why AURA — light icon cards, sharing the .ahx-where section backdrop
   -------------------------------------------------------------------------- */

.ahx-whyaura__title {
  text-align: center;
  color: #14183a;
  font-size: 30px;
  font-weight: 600;
  margin: 70px 0 40px;
}

.ahx-whyaura__row {
  --bs-gutter-x: 22px;
  row-gap: 22px;
}

.ahx-whyaura__card {
  height: 100%;
  padding: 24px 22px;
  border: 1px solid #e3e8f4;
  border-radius: 8px;
  background-color: #f7f9ff;
  background-image: url('../images/revamp/aura-ai/where-auro/box-bg.png');
  background-size: cover;
  background-position: center;
  transition: border-color 0.35s ease, box-shadow 0.35s ease, transform 0.35s cubic-bezier(0.22, 1, 0.36, 1);
}

.ahx-whyaura__card:hover {
  border-color: #2b8cf0;
  box-shadow: 0 1rem 30px rgba(20, 24, 58, 0.10);
  transform: translateY(-4px);
}

.ahx-whyaura__icon {
  display: block;
  width: 34px;
  height: auto;
  margin-bottom: 26px;
}

.ahx-whyaura__name {
  color: #14183a;
  font-size: 1rem;
  font-weight: 600;
  margin: 0 0 12px;
}

.ahx-whyaura__desc {
  color: #5b6178;
  font-size: 1rem;
  line-height: 1.7;
  margin: 0;
}

@media (max-width: 991.98px) {
  .ahx-whyaura__title { font-size: 26px; margin: 50px 0 30px; }
  .ahx-whyaura__icon { margin-bottom: 20px; }
}

@media (max-width: 575.98px) {
  .ahx-whyaura__title { font-size: 22px; margin: 40px 0 26px; }
  .ahx-whyaura__card { padding: 22px 20px; }
}

/* ==========================================================================
   AHX Governed Execution intro (centred copy over video) — Kenome
   ========================================================================== */

.ahx-gov {
  background: #ffffff;
  padding: 80px 0;
  font-family: "Inter", sans-serif!important;
  text-align: center;
}

.ahx-gov__title {
  color: #14183a;
  font-size: 30px;
  font-weight: 600;
  line-height: 1.45;
  text-align: center;
  margin: 0 0 24px;
}

.ahx-gov__desc {
  color: #4b5068;
  font-size: 1rem;
  line-height: 1.8;
  text-align: center;
  /* Keeps the paragraph from running the full container width */
  max-width: 900px;
  margin: 0 auto;
}

/* Never wider than the container, and centred within it */
.ahx-gov__video {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  margin: 40px auto 0;
  border-radius: 10px;
}

@media (max-width: 991.98px) {
  .ahx-gov { padding: 60px 0; }
  .ahx-gov__title { font-size: 26px; margin-bottom: 18px; }
  .ahx-gov__video { margin-top: 30px; }
}

@media (max-width: 575.98px) {
  .ahx-gov { padding: 48px 0; }
  .ahx-gov__title { font-size: 22px; }
  .ahx-gov__desc { font-size: 1rem; }
}

/* ==========================================================================
   AHX Built to Execute (capability tiles on navy) — Kenome
   ========================================================================== */

.ahx-exec {
  background: #0E1341;
  background: linear-gradient(180deg, #131a4f 0%, #0b1136 100%);
  padding: 80px 0;
  font-family: "Inter", sans-serif!important;
}

.ahx-exec__title {
  text-align: center;
  color: #ffffff!important;
  font-size: 28px;
  font-weight: 600;
  margin: 0 0 44px;
}

.ahx-exec__row {
  --bs-gutter-x: 26px;
  row-gap: 26px;
}

.ahx-exec__card {
  height: 100%;
  padding: 26px 24px;
  border: 1px solid rgba(255, 255, 255, 0.10);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.04);
  transition: border-color 0.35s ease, background 0.35s ease, transform 0.35s cubic-bezier(0.22, 1, 0.36, 1);
}

.ahx-exec__card:hover {
  border-color: rgba(255, 255, 255, 0.24);
  background: rgba(255, 255, 255, 0.07);
  transform: translateY(-4px);
}

/* Full-width closing card — icon and heading sit on one line */
.ahx-exec__card--wide {
  margin-top: 26px;
}

.ahx-exec__head {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 18px;
}

.ahx-exec__head .ahx-exec__icon,
.ahx-exec__head .ahx-exec__name {
  margin-bottom: 0;
}

.ahx-exec__icon {
  display: block;
  width: 34px;
  height: auto;
  margin-bottom: 24px;
}

.ahx-exec__name {
  color: #ffffff;
  font-size: 1rem;
  font-weight: 500;
  margin: 0 0 18px;
}

.ahx-exec__list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.ahx-exec__item {
  position: relative;
  color: #c3cbe6;
  font-size: 1rem;
  line-height: 1.7;
  padding-left: 18px;
}

.ahx-exec__item + .ahx-exec__item {
  margin-top: 1rem;
}

/* Chevron marker in place of a bullet */
.ahx-exec__item::before {
  content: '\203A';
  position: absolute;
  left: 0;
  top: -1px;
  color: #7d8ec4;
  font-size: 1rem;
  line-height: 1.7;
}

@media (max-width: 991.98px) {
  .ahx-exec { padding: 60px 0; }
  .ahx-exec__title { font-size: 24px; margin-bottom: 32px; }
  .ahx-exec__card { padding: 24px 20px; }
  .ahx-exec__icon { margin-bottom: 20px; }
}

@media (max-width: 575.98px) {
  .ahx-exec { padding: 48px 0; }
  .ahx-exec__title { font-size: 21px; margin-bottom: 26px; }
  .ahx-exec__name { font-size: 15px; margin-bottom: 1rem; }
}

/* ==========================================================================
   AHX Where Kenome Shows Up (tabbed industry / function cards)
   ========================================================================== */

.ahx-kwhere {
  position: relative;
  background: #ffffff;
  padding: 80px 0;
  font-family: "Inter", sans-serif!important;
  overflow: hidden;
}

/* Decorative artwork anchored to the bottom-left corner */
.ahx-kwhere__bg {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 0;
  max-width: 28%;
  height: auto;
  pointer-events: none;
  user-select: none;
}

.ahx-kwhere .container {
  position: relative;
  z-index: 1;
}

.ahx-kwhere__title {
  color: #14183a;
  font-size: 28px;
  font-weight: 500;
  margin: 0 0 34px;
}

.ahx-kwhere__row {
  --bs-gutter-x: 26px;
  row-gap: 26px;
}

.ahx-kwhere__tabs {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.ahx-kwhere__tab {
  display: flex;
  align-items: center;
  gap: 1rem;
  width: 100%;
  padding: 18px 20px;
  border: 0;
  border-radius: 10px;
  background: #eceffb;
  color: #14183a;
  font-size: 1rem;
  font-weight: 500;
  text-align: left;
  cursor: pointer;
  transition: background 0.3s ease, color 0.3s ease;
}

.ahx-kwhere__tab:hover {
  background: #dfe4f7;
}

.ahx-kwhere__tab.is-active {
  background: #0e1341;
  color: #ffffff;
}

.ahx-kwhere__tab svg {
  flex: 0 0 auto;
}

/* Only the selected panel is rendered */
.ahx-kwhere__panel {
  display: none;
}

.ahx-kwhere__panel.is-active {
  display: block;
}

.ahx-kwhere__cards {
  --bs-gutter-x: 18px;
  row-gap: 18px;
}

.ahx-kwhere__card {
  height: 100%;
  padding: 20px 18px;
  border: 1px solid transparent;
  border-radius: 6px;
  background: #eaf1fd;
  transition: background 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);
}

.ahx-kwhere__card:hover {
  background: #ffffff;
  border-color: #d9e2f5;
  box-shadow: 0 1rem 28px rgba(20, 24, 58, 0.10);
  transform: translateY(-3px);
}

.ahx-kwhere__icon {
  display: block;
  width: 28px;
  height: auto;
  margin-bottom: 22px;
}

.ahx-kwhere__name {
  color: #14183a;
  font-size: 1rem;
  font-weight: 600;
  margin: 0 0 12px;
}

.ahx-kwhere__desc {
  color: #5b6178;
  font-size: 1rem;
  line-height: 1.7;
  margin: 0;
}

@media (max-width: 991.98px) {
  .ahx-kwhere { padding: 60px 0; }
  .ahx-kwhere__title { font-size: 24px; margin-bottom: 26px; }
  .ahx-kwhere__bg { max-width: 45%; }
  /* Tabs sit side by side once they span the full width */
  .ahx-kwhere__tabs { flex-direction: row; }
  .ahx-kwhere__tab { padding: 1rem 1rem; }
}

@media (max-width: 575.98px) {
  .ahx-kwhere { padding: 48px 0; }
  .ahx-kwhere__title { font-size: 21px; }
  .ahx-kwhere__icon { margin-bottom: 1rem; }
}

/* ==========================================================================
   AHX Why Kenome (light textured cards on navy)
   ========================================================================== */

.ahx-kwhy {
  background: #0E1341;
  background: linear-gradient(180deg, #131a4f 0%, #0e1341 100%);
  padding: 80px 0; margin-bottom:80px;
  font-family: "Inter", sans-serif!important;
}

.ahx-kwhy__title {
  text-align: center;
  color: #ffffff!important;
  font-size: 28px;
  font-weight: 600;
  margin: 0 0 40px;
}

.ahx-kwhy__row {
  --bs-gutter-x: 24px;
  row-gap: 24px;
}

.ahx-kwhy__card {
  height: 100%;
  padding: 26px 24px;
  border-radius: 10px;
  background-color: #ffffff;
  background-image: url('../images/revamp/kenomee/why-kenomee/box-bg.png');
  background-size: cover;
  background-position: center;
  transition: box-shadow 0.35s ease, transform 0.35s cubic-bezier(0.22, 1, 0.36, 1);
}

/* Data engineering reuses this design with its own card texture */
.ahx-kwhy--de .ahx-kwhy__card {
  background-image: url('../images/revamp/data-engineering/why-amantya/box-bg.png');
}

.ahx-kwhy__card:hover {
  box-shadow: 0 18px 34px rgba(5, 9, 40, 0.35);
  transform: translateY(-4px);
}

.ahx-kwhy__icon {
  display: block;
  width: 32px;
  height: auto;
  margin-bottom: 26px;
}

.ahx-kwhy__name {
  color: #14183a;
  font-size: 1rem;
  font-weight: 600;
  margin: 0 0 12px;
}

.ahx-kwhy__desc {
  color: #5b6178;
  font-size: 1rem;
  line-height: 1.7;
  margin: 0;
}

@media (max-width: 991.98px) {
  .ahx-kwhy { padding: 60px 0; }
  .ahx-kwhy__title { font-size: 24px; margin-bottom: 30px; }
  .ahx-kwhy__card { padding: 22px 20px; }
  .ahx-kwhy__icon { margin-bottom: 20px; }
}

@media (max-width: 575.98px) {
  .ahx-kwhy { padding: 48px 0; }
  .ahx-kwhy__title { font-size: 21px; margin-bottom: 26px; }
}

/* ==========================================================================
   AHX Case study hero (image backdrop + headline + result cards)
   ========================================================================== */

.ahx-cshero {
  position: relative;
  overflow: hidden;
  min-height: 768px;
  display: flex;
  /* Content sits at the foot of the hero so the photo reads above it */
  align-items: flex-end;
  padding: 140px 0 60px;
  background-color: #080b2c;
  background-size: cover;
  background-position: center top;
  font-family: "Inter", sans-serif!important;
  isolation: isolate;
}

/* One modifier per case study supplies the backdrop */
.ahx-cshero--healthcare {
  background-image: url('../images/revamp/case-study/healthcare/hero-bg.png');
}

.ahx-cshero--gis {
  background-image: url('../images/revamp/case-study/gis/hero-bg.png');
}

.ahx-cshero--gis-2 {
  background-image: url('../images/revamp/case-study/gis-2/hero-bg.png');
}

/* Darkens the photo so the headline stays legible over it */
 

.ahx-cshero .container {
  position: relative;
  z-index: 2;
}

.ahx-cshero__title {
  color: #ffffff;
  font-size: clamp(26px, 2.2vw + 1rem, 38px);
  font-weight: 600;
  line-height: 1.35;
  max-width: 820px;
  margin: 0 0 46px;
}

.ahx-cshero__row {
  --bs-gutter-x: 22px;
  row-gap: 22px;
}

.ahx-cshero__card {
  height: 100%;
  padding: 22px 20px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 10px;
  background: rgba(12, 18, 60, 0.55);
  backdrop-filter: blur(6px);
  transition: border-color 0.35s ease, background 0.35s ease, transform 0.35s cubic-bezier(0.22, 1, 0.36, 1);
}

.ahx-cshero__card:hover {
  border-color: rgba(255, 255, 255, 0.38);
  background: rgba(12, 18, 60, 0.72);
  transform: translateY(-4px);
}

.ahx-cshero__stat {
  display: block;
  color: #ffffff;
  font-size: 40px;
  font-weight: 400;
  line-height: 1.1;
  margin-bottom: 1rem;
}

.ahx-cshero__desc {
  color: #c7cfe8;
  font-size: 1rem;
  line-height: 1.7;
  margin: 0;
}

@media (max-width: 991.98px) {
  .ahx-cshero { min-height: 0; padding: 140px 0 60px; }
  .ahx-cshero__title { margin-bottom: 34px; }
  .ahx-cshero__stat { font-size: 34px; margin-bottom: 12px; }
  /* The doctor sits right of centre, so hold that side in view */
  .ahx-cshero--healthcare { background-position: 70% top; }
}

@media (max-width: 575.98px) {
  .ahx-cshero { padding: 120px 0 48px; }
  .ahx-cshero__card { padding: 20px 18px; }
  .ahx-cshero__stat { font-size: 30px; }
}

/* ==========================================================================
   AHX Case study body (sticky section nav + narrative blocks)
   ========================================================================== */

.ahx-cs {
  background: #ffffff;
  padding: 80px 0;
  font-family: "Inter", sans-serif!important;
}

.ahx-cs__row {
  --bs-gutter-x: 40px;
  row-gap: 34px;
}

/* Navy panel that follows the reader down the page */
.ahx-cs__nav {
  position: sticky;
  top: 110px;
  display: flex;
  flex-direction: column;
  padding: 10px;
  border-radius: 12px;
  background: #0e1341;
  background: linear-gradient(180deg, #141c56 0%, #0d1240 100%);
}

.ahx-cs__link {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem 1rem;
  border-radius: 8px;
  color: #FFFFFF;
  font-size: 1rem;
  font-weight: 500;
  text-decoration: none;
  transition: background 0.3s ease, color 0.3s ease;
}

.ahx-cs__link + .ahx-cs__link {
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.ahx-cs__link:hover {
  color: #ffffff;
}

.ahx-cs__link.is-active {
  background: rgba(255, 255, 255, 0.10);
  color: #ffffff;
}

.ahx-cs__link-icon {
  flex: 0 0 auto;
  width: 20px;
  height: auto;
}

/* Offsets the anchor jump so headings clear the fixed site header */
.ahx-cs__block {
  scroll-margin-top: 110px;
}

.ahx-cs__block + .ahx-cs__block {
  margin-top: 48px;
}

.ahx-cs__title {
  color: #14183a;
  font-size: 28px;
  font-weight: 600;
  margin: 0 0 1rem;
}

.ahx-cs__subtitle {
  color: #14183a;
  font-size: 1rem;
  font-weight: 600;
  margin: 0 0 1rem;
}

.ahx-cs__text {
  color: #5b6178;
  font-size: 1rem;
  line-height: 1.9;
  margin: 0 0 1rem;
}

.ahx-cs__text:last-child {
  margin-bottom: 0;
}

.ahx-cs__text--note {
  margin-top: 24px;
}

/* Closing credits under the outcome copy */
.ahx-cs__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 46px;
  margin-top: 28px;
}

.ahx-cs__meta-item {
  color: #7a8098;
  font-size: 11.5px;
  line-height: 1.6;
}

.ahx-cs__cards {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-top: 24px;
}

.ahx-cs__card {
  display: flex;
  align-items: flex-start;
  gap: 18px;
  padding: 20px 22px;
  border: 1px solid #e6e9f2;
  border-radius: 10px;
  background: #f5f7fc;
  transition: border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);
}

.ahx-cs__card:hover {
  border-color: #c9d4ee;
  box-shadow: 0 12px 26px rgba(20, 24, 58, 0.08);
  transform: translateY(-3px);
}

.ahx-cs__card-icon {
  flex: 0 0 auto;
  width: 30px;
  height: auto;
  margin-top: 2px;
}

.ahx-cs__card-title {
  color: #14183a;
  font-size: 1rem;
  font-weight: 600;
  margin: 0 0 8px;
}

.ahx-cs__card-desc {
  color: #5b6178;
  font-size: 1rem;
  line-height: 1.75;
  margin: 0;
}

@media (max-width: 991.98px) {
  .ahx-cs { padding: 60px 0; }
  /* Sticky panels fight the stacked layout — let the nav scroll away */
  .ahx-cs__nav { position: static; }
  .ahx-cs__title { font-size: 24px; }
  .ahx-cs__block + .ahx-cs__block { margin-top: 38px; }
}

@media (max-width: 575.98px) {
  .ahx-cs { padding: 48px 0; }
  .ahx-cs__title { font-size: 21px; }
  .ahx-cs__card { padding: 18px; gap: 1rem; }
}

/* ==========================================================================
   AHX Modernizing Enterprise GIS — stage rail (Legacy / Transformation / AI)
   ========================================================================== */

.ahx-mod {
  background: #ffffff;
  padding: 80px 0;
  font-family: "Inter", sans-serif!important;
}

.ahx-mod__title {
  color: #14183a;
  font-size: 30px;
  font-weight: 600;
  margin: 0 0 1rem;
}

.ahx-mod__intro {
  color: #3b4a8c;
  font-size: 1rem;
  line-height: 1.7;
  margin: 0 0 34px;
}

.ahx-mod__row {
  --bs-gutter-x: 40px;
  row-gap: 28px;
}

/* Navy rail holding the three maturity stages */
.ahx-mod__tabs {
  display: flex;
  flex-direction: column;
  padding: 10px;
  border-radius: 12px;
  background: #0e1341;
  background: linear-gradient(180deg, #141c56 0%, #0d1240 100%);
}

.ahx-mod__tab {
  display: flex;
  align-items: center;
  gap: 1rem;
  width: 100%;
  padding: 1rem 1rem;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: #FFFFFF;
  font-size: 1rem;
  font-weight: 500;
  text-align: left;
  cursor: pointer;
  transition: background 0.3s ease, color 0.3s ease;
}

.ahx-mod__tab + .ahx-mod__tab {
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.ahx-mod__tab:hover {
  color: #ffffff;
}

.ahx-mod__tab.is-active {
  background: rgba(255, 255, 255, 0.10);
  color: #ffffff;
}

.ahx-mod__tab-icon {
  flex: 0 0 auto;
  width: 22px;
  height: auto;
}

/* Only the selected stage is rendered */
.ahx-mod__panel {
  display: none;
}

.ahx-mod__panel.is-active {
  display: block;
}

.ahx-mod__caption {
  color: #14183a;
  font-size: 1rem;
  font-weight: 500;
  margin: 0 0 22px;
}

.ahx-mod__list {
  margin: 0;
  padding-left: 18px;
}

.ahx-mod__item {
  color: #5b6178;
  font-size: 1rem;
  line-height: 1.7;
}

.ahx-mod__item + .ahx-mod__item {
  margin-top: 1rem;
}

@media (max-width: 991.98px) {
  .ahx-mod { padding: 60px 0; }
  .ahx-mod__title { font-size: 26px; }
  .ahx-mod__intro { margin-bottom: 26px; }
}

@media (max-width: 575.98px) {
  .ahx-mod { padding: 48px 0; }
  .ahx-mod__title { font-size: 22px; }
  .ahx-mod__tab { padding: 1rem; font-size: 1rem; }
}

/* ==========================================================================
   AHX Modernizing Enterprise GIS (capability pill strip + detail panel)
   ========================================================================== */

.ahx-egis {
  background: #0E1341;
  background: linear-gradient(180deg, #111a52 0%, #0b1136 100%);
  padding: 80px 0;
  font-family: "Inter", sans-serif!important;
  font-size: 1rem;
}

.ahx-egis ul  li::marker {
    color: #FFF!important;
    font-size: 1.5rem;
}

.ahx-egis__eyebrow {
  color: #FFFFFF;
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  margin: 0 0 1rem;
}

.ahx-egis__title {
  color: #ffffff!important;
  font-size: 30px;
  font-weight: 600;
  margin: 0 0 1rem;
}

.ahx-egis__intro {
  color: #c3cbe6;
  font-size: 1rem;
  line-height: 1.7;
  margin: 0 0 34px;
}

/* Pill strip with the arrows parked at its right edge */
.ahx-egis__bar {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 40px;
}

.ahx-egis__tabs {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex: 1 1 auto;
  overflow-x: auto;
  scrollbar-width: none;
  padding: 2px;
}

.ahx-egis__tabs::-webkit-scrollbar {
  display: none;
}

.ahx-egis__tab {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  flex: 0 0 auto;
  padding: 12px 22px;
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 50px;
  background: transparent;
  color: #dbe1f5;
  font-size: 1rem;
  white-space: nowrap;
  cursor: pointer;
  transition: background 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}

.ahx-egis__tab:hover {
  border-color: rgba(255, 255, 255, 0.5);
  color: #ffffff;
}

.ahx-egis__tab.is-active {
  background: #ffffff;
  border-color: #ffffff;
  color: #14183a;
}

/* Marker shows only on the selected pill */
.ahx-egis__dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #14183a;
  display: none;
}

.ahx-egis__tab.is-active .ahx-egis__dot {
  display: inline-block;
}

.ahx-egis__nav {
  display: flex;
  gap: 10px;
  flex: 0 0 auto;
}

.ahx-egis__arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border: 0;
  border-radius: 50%;
  background: #ffffff;
  color: #14183a;
  cursor: pointer;
  transition: background 0.3s ease, transform 0.3s ease;
}

.ahx-egis__arrow:hover {
  background: #dbe1f5;
  transform: translateY(-2px);
}

/* Only the selected capability is rendered */
.ahx-egis__panel {
  display: none;
}

.ahx-egis__panel.is-active {
  display: block;
}

.ahx-egis__row {
  --bs-gutter-x: 40px;
  row-gap: 26px;
}

.ahx-egis__img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 10px;
}

.ahx-egis__name {
  color: #ffffff;
  font-size: 26px;
  font-weight: 500;
  margin: 0 0 1rem;
}

.ahx-egis__lead {
  color: #ffffff;
  font-size: 1rem;
  line-height: 1.6;
  margin: 0 0 24px;
}

/* Optional supporting paragraph between the lead and the bullets */
.ahx-egis__desc {
  color: #c3cbe6;
  font-size: 1rem;
  line-height: 1.7;
  margin: 0 0 22px;
}

.ahx-egis__list {
  margin: 0;
  padding-left: 18px;
}

.ahx-egis__item {
  color: #c3cbe6;
  font-size: 1rem;
  line-height: 1.7;
}

.ahx-egis__item + .ahx-egis__item {
  margin-top: 12px;
}

/* Optional bold sub-heading above the lead paragraph */
.ahx-egis__subhead {
  color: #ffffff;
  font-size: 1rem;
  font-weight: 600;
  margin: 0 0 10px;
}

/* Optional bold label above the bullet list (e.g. "Core Capabilities") */
.ahx-egis__caphead {
  color: #ffffff;
  font-size: 1rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  margin: 22px 0 1rem;
}

/* Optional CTA pill button under the bullet list */
.ahx-egis__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 1rem 28px;
  border-radius: 50px;
  background: #789FF4;
  background: radial-gradient(circle, rgba(120, 159, 244, 1) 0%, rgba(51, 106, 231, 1) 100%);
  color: #ffffff !important;
  border: 1px solid #ffffff;
  font-size: 1rem;
  font-weight: 500;
  text-decoration: none !important;
  margin-top: 26px;
}

.ahx-egis__btn:hover {
  color: #0C144E !important;
  background: #ffffff !important;
}

@media (max-width: 991.98px) {
  .ahx-egis { padding: 60px 0; }
  .ahx-egis__title { font-size: 26px; }
  .ahx-egis__bar { margin-bottom: 30px; }
  .ahx-egis__name { font-size: 22px; }
}

@media (max-width: 575.98px) {
  .ahx-egis { padding: 48px 0; }
  .ahx-egis__title { font-size: 22px; }
  .ahx-egis__tab { padding: 10px 18px; font-size: 1rem; }
  .ahx-egis__name { font-size: 20px; }
  .ahx-egis__lead { font-size: 15px; }
}

/* ==========================================================================
   AHX Real World Outcomes (icon cards on soft gradient tiles)
   ========================================================================== */

.ahx-rwout {
  background: #ffffff;
  padding: 70px 0;
  font-family: "Inter", sans-serif!important;
}

.ahx-rwout__title {
  color: #14183a;
  font-size: 28px;
  font-weight: 700;
  margin: 0 0 10px;
}

.ahx-rwout__subtitle {
  color: #5b6178;
  font-size: 1rem;
  margin: 0 0 32px;
}

.ahx-rwout__row {
  --bs-gutter-x: 20px;
  row-gap: 20px;
}

.ahx-rwout__card {
  position: relative;
  height: 100%;
  overflow: hidden;
  background-color: #F4F6FF;
  background-image: url('../images/revamp/telco-ai/outcome/box-bg.png'); 
  background-position: right top;
  background-repeat: no-repeat;
  border: 1px solid #dbe3f7;
  border-radius: 1rem;
  padding: 26px 22px;
  transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.ahx-rwout__card:hover {
  transform: translateY(-4px);
  box-shadow: 0 1rem 30px rgba(20, 24, 58, 0.10);
}

.ahx-rwout__icon {
  position: relative;
  width: 34px;
  height: 34px;
  display: block;
  margin-bottom: 20px;
}

.ahx-rwout__name {
  position: relative;
  color: #14183a;
  font-size: 1rem;
  font-weight: 700;
  margin: 0 0 10px;
}

.ahx-rwout__desc {
  position: relative;
  color: #5b6178;
  font-size: 1rem;
  line-height: 1.6;
  margin: 0;
}

@media (max-width: 991.98px) {
  .ahx-rwout { padding: 56px 0; }
  .ahx-rwout__title { font-size: 24px; }
  .ahx-rwout__subtitle { margin-bottom: 26px; }
}

@media (max-width: 575.98px) {
  .ahx-rwout { padding: 44px 0; }
  .ahx-rwout__title { font-size: 21px; }
  .ahx-rwout__card { padding: 22px 20px; }
}

/* ==========================================================================
   AHX Telecom Development Services (clickable list + detail panel)
   ========================================================================== */

.ahx-tdserv {
  position: relative;
  background: #ffffff;
  padding: 0 0 70px 0;
  font-family: "Inter", sans-serif!important;
  overflow: hidden;
}

.ahx-tdserv__bg {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 420px;
  max-width: 55%;
  height: auto;
  opacity: 0.9;
  pointer-events: none;
  z-index: 0;
}

.ahx-tdserv .container {
  position: relative;
  z-index: 1;
}

.ahx-tdserv__title {
  color: #14183a;
  font-size: 26px;
  font-weight: 700;
  margin: 0 0 30px;
}

.ahx-tdserv__nav {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.ahx-tdserv__item {
  display: flex;
  align-items: center;
  gap: 1rem;
  width: 100%;
  padding: 1rem 18px;
  border: 0;
  border-radius: 10px;
  background: #eef0f5;
  color: #14183a;
  font-size: 1rem;
  font-weight: 600;
  text-align: left;
  cursor: pointer;
  transition: background 0.3s ease, color 0.3s ease;
}

.ahx-tdserv__item:hover {
  background: #e2e6f0;
}

.ahx-tdserv__item.is-active {
  background: linear-gradient(135deg, #12173f 0%, #1b2360 100%);
  color: #ffffff;
}

.ahx-tdserv__icon-wrap {
  position: relative;
  display: inline-block;
  width: 34px;
  height: 34px;
  flex-shrink: 0;
}

.ahx-tdserv__icon {
  width: 34px;
  height: 34px;
  object-fit: contain;
  transition: opacity 0.25s ease;
}

/* Default (colour) icon on top; white icon underneath, revealed once the
   item goes active — same crossfade technique used elsewhere on the site */
.ahx-tdserv__icon--default {
  position: relative;
}

.ahx-tdserv__icon--white {
  position: absolute;
  inset: 0;
  opacity: 0;
}

.ahx-tdserv__item.is-active .ahx-tdserv__icon--default {
  opacity: 0;
}

.ahx-tdserv__item.is-active .ahx-tdserv__icon--white {
  opacity: 1;
}

.ahx-tdserv__panel {
  display: none;
}

.ahx-tdserv__panel.is-active {
  display: block;
}

.ahx-tdserv__name {
  color: #14183a;
  font-size: 26px;
  font-weight: 600;
  line-height: 1.3;
  margin: 0 0 1rem;
}

.ahx-tdserv__desc {
  color: #5b6178;
  font-size: 1rem;
  line-height: 1.7;
  max-width: 560px;
  margin: 0 0 20px;
}

.ahx-tdserv__points {
  margin: 0 0 26px;
  padding-left: 18px;
}

.ahx-tdserv__point {
  color: #3b4256;
  font-size: 1rem;
  line-height: 1.7;
}

.ahx-tdserv__point + .ahx-tdserv__point {
  margin-top: 10px;
}

.ahx-tdserv__btn {
  display: inline-flex;
  align-items: center;
  padding: 1rem 28px;
  border-radius: 50px;
  background: #789FF4;
  background: radial-gradient(circle, rgba(120, 159, 244, 1) 0%, rgba(51, 106, 231, 1) 100%);
  color: #ffffff !important;
  font-size: 1rem;
  font-weight: 500;
  text-decoration: none !important;
}

.ahx-tdserv__btn:hover {
  opacity: 0.92;
}

@media (max-width: 991.98px) {
  .ahx-tdserv { padding: 56px 0; }
  .ahx-tdserv__title { font-size: 22px; margin-bottom: 24px; }
  .ahx-tdserv__nav { margin-bottom: 30px; }
  .ahx-tdserv__name { font-size: 22px; }
  .ahx-tdserv__bg { width: 320px; opacity: 0.5; }
}

@media (max-width: 575.98px) {
  .ahx-tdserv { padding: 44px 0; }
  .ahx-tdserv__title { font-size: 20px; }
  .ahx-tdserv__item { padding: 1rem 1rem; font-size: 1rem; }
  .ahx-tdserv__icon { width: 28px; height: 28px; }
  .ahx-tdserv__name { font-size: 19px; }
  .ahx-tdserv__btn { width: 100%; justify-content: center; }
}

/* ==========================================================================
   AHX Key Market Segments (dark icon grid, one card featured)
   ========================================================================== */

.ahx-kms {
  background: #0B0F3A;
  background: linear-gradient(180deg, #0B0F3A 0%, #0E1341 100%);
  padding: 80px 0;
  font-family: "Inter", sans-serif!important;
}

.ahx-kms__title {
  color: #ffffff !important;
  font-size: 28px;
  font-weight: 700;
  margin: 0 0 12px;
}

.ahx-kms__subtitle {
  color: #c3cae8;
  font-size: 1rem;
  margin: 0 0 46px;
}

.ahx-kms__row {
  --bs-gutter-x: 30px;
  row-gap: 36px;
}

.ahx-kms__card {
  height: 100%;
  padding: 20px;
  border: 1px solid transparent;
  border-radius: 12px;
  transition: border-color 0.3s ease, background 0.3s ease;
}

.ahx-kms__card--active {
  border-color: rgba(120, 159, 244, 0.8);
  background: rgba(255, 255, 255, 0.03);
}

.ahx-kms__icon {
  width: 34px;
  height: 34px;
  display: block;
  margin-bottom: 18px;
}

.ahx-kms__name {
  color: #ffffff;
  font-size: 1rem;
  font-weight: 600;
  margin: 0 0 10px;
}

.ahx-kms__desc {
  color: #c3cae8;
  font-size: 1rem;
  line-height: 1.6;
  margin: 0;
}

@media (max-width: 991.98px) {
  .ahx-kms { padding: 60px 0; }
  .ahx-kms__title { font-size: 24px; }
  .ahx-kms__subtitle { margin-bottom: 32px; }
  .ahx-kms__row { row-gap: 26px; }
}

@media (max-width: 575.98px) {
  .ahx-kms { padding: 48px 0; }
  .ahx-kms__title { font-size: 21px; }
  .ahx-kms__card { padding: 1rem; }
}

/* ==========================================================================
   AHX Case Studies, GIS variant (headline-figure cards)
   Separate namespace from .ahx-case above — that is the dark image-card
   design and its title is locked white with !important.
   Body copy here runs at the 1rem base rather than the smaller sizes used
   elsewhere in this stylesheet.
   ========================================================================== */

/* No top padding: follows straight on from the section above */
.ahx-cstudy {
  background: #ffffff;
  padding: 0 0 80px;
  font-family: "Inter", sans-serif!important;
  font-size: 1rem;
}

.ahx-cstudy__title {
  color: #14183a;
  font-size: 30px;
  font-weight: 600;
  margin: 0 0 30px;
}

.ahx-cstudy__row {
  --bs-gutter-x: 24px;
  row-gap: 24px;
}

.ahx-cstudy__card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  height: 100%;
  padding: 28px 26px;
  border: 1px solid #e2e5ec;
  border-radius: 10px;
  background: #ffffff;
  transition: border-color 0.35s ease, box-shadow 0.35s ease, transform 0.35s cubic-bezier(0.22, 1, 0.36, 1);
}

.ahx-cstudy__card:hover {
  border-color: #3654e6;
  box-shadow: 0 1rem 30px rgba(20, 24, 58, 0.10);
  transform: translateY(-4px);
}

.ahx-cstudy__name {
  color: #14183a;
  font-size: 1rem;
  font-weight: 500;
  margin: 0 0 1rem;
}

.ahx-cstudy__stat {
  display: block;
  color: #14183a;
  font-size: 2.4rem;
  font-weight: 400;
  line-height: 1.1;
  margin-bottom: 18px;
}

.ahx-cstudy__caption {
  color: #14183a;
  font-size: 1rem;
  line-height: 1.6;
  margin: 0 0 22px;
}

/* Navy pill calling out the supporting number */
.ahx-cstudy__badge {
  display: inline-block;
  padding: 11px 22px;
  border-radius: 50px;
  background: #131a4f;
  color: #ffffff;
  font-size: 1rem;
  line-height: 1.4;
}

/* Pushed to the foot so buttons line up across cards of uneven height */
.ahx-cstudy__btn {
  display: inline-block;
  margin-top: auto;
  padding: 11px 26px;
  border-radius: 50px;
  background: #3f6ae8;
  color: #ffffff;
  font-size: 1rem;
  text-decoration: none;
  transition: background 0.3s ease, transform 0.3s ease;
}

.ahx-cstudy__btn:hover {
  background: #2a51c9;
  color: #ffffff;
  transform: translateY(-2px);
}

.ahx-cstudy__badge + .ahx-cstudy__btn {
  margin-top: 26px;
}

@media (max-width: 991.98px) {
  .ahx-cstudy { padding-bottom: 60px; }
  .ahx-cstudy__title { font-size: 26px; }
  .ahx-cstudy__stat { font-size: 38px; }
}

@media (max-width: 575.98px) {
  .ahx-cstudy { padding-bottom: 48px; }
  .ahx-cstudy__title { font-size: 22px; }
  .ahx-cstudy__card { padding: 24px 20px; }
  .ahx-cstudy__stat { font-size: 32px; }
  .ahx-cstudy__name,
  .ahx-cstudy__caption { font-size: 15px; }
}

/* ==========================================================================
   AHX Domain Expertise (industry group tabs + card grid)
   ========================================================================== */

.ahx-dom {
  position: relative;
  overflow: hidden;
  background: #ffffff;
  padding: 80px 0;
  font-family: "Inter", sans-serif!important;
  font-size: 1rem;
}

/* Decorative artwork anchored to the bottom-left corner */
.ahx-dom__bg {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 0;
  max-width: 30%;
  height: auto;
  pointer-events: none;
  user-select: none;
}

.ahx-dom .container {
  position: relative;
  z-index: 1;
}

.ahx-dom__title {
  color: #14183a;
  font-size: 30px;
  font-weight: 600;
  margin: 0 0 1rem;
}

.ahx-dom__intro {
  color: #5b6178;
  font-size: 1rem;
  line-height: 1.7;
  margin: 0 0 34px;
}

.ahx-dom__row {
  --bs-gutter-x: 30px;
  row-gap: 30px;
}

.ahx-dom__tabs {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.ahx-dom__tab {
  display: flex;
  align-items: center;
  gap: 1rem;
  width: 100%;
  padding: 18px 20px;
  border: 0;
  border-radius: 10px;
  background: #e9ebf2;
  color: #14183a;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.4;
  text-align: left;
  cursor: pointer;
  transition: background 0.3s ease, color 0.3s ease;
}

.ahx-dom__tab:hover {
  background: #dde1ee;
}

.ahx-dom__tab.is-active {
  background: #0e1341;
  color: #ffffff;
}

.ahx-dom__tab-icon {
  flex: 0 0 auto;
  display: inline-flex;
  width: 26px;
}

.ahx-dom__tab-icon img {
  width: 100%;
  height: auto;
}

/* Dark mark on the grey pill, white once the pill turns navy */
.ahx-dom__icon-light,
.ahx-dom__tab.is-active .ahx-dom__icon-dark {
  display: none;
}

.ahx-dom__tab.is-active .ahx-dom__icon-light {
  display: block;
}

/* Only the selected group is rendered */
.ahx-dom__panel {
  display: none;
}

.ahx-dom__panel.is-active {
  display: block;
}

.ahx-dom__cards {
  --bs-gutter-x: 22px;
  row-gap: 22px;
}

.ahx-dom__card {
  height: 100%;
  padding: 24px 22px;
  border: 1px solid transparent;
  border-radius: 10px;
  background: #eaf1fd;
  transition: background 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);
}

.ahx-dom__card:hover {
  background: #ffffff;
  border-color: #e2e6f0;
  box-shadow: 0 1rem 28px rgba(20, 24, 58, 0.10);
  transform: translateY(-3px);
}

.ahx-dom__card-icon {
  display: block;
  width: 40px;
  height: auto;
  margin-bottom: 34px;
}

.ahx-dom__name {
  color: #14183a;
  font-size: 1rem;
  font-weight: 500;
  margin: 0 0 1rem;
}

.ahx-dom__desc {
  color: #5b6178;
  font-size: 1rem;
  line-height: 1.7;
  margin: 0;
}

@media (max-width: 991.98px) {
  .ahx-dom { padding: 60px 0; }
  .ahx-dom__title { font-size: 26px; }
  .ahx-dom__bg { max-width: 45%; }
  /* Pills sit side by side once the column spans the full width */
  .ahx-dom__tabs { flex-direction: row; }
  .ahx-dom__card-icon { margin-bottom: 24px; }
}

@media (max-width: 575.98px) {
  .ahx-dom { padding: 48px 0; }
  .ahx-dom__title { font-size: 22px; }
  .ahx-dom__tabs { flex-direction: column; }
  .ahx-dom__tab { padding: 15px 1rem; font-size: 1rem; }
  .ahx-dom__card { padding: 20px 18px; }
}

/* ==========================================================================
   AHX Purpose-Built AI intro — proprietary platforms
   Sits directly above .ahx-action, which supplies its own bottom padding.
   ========================================================================== */

.ahx-purpose {
  background: #ffffff;
  padding: 80px 0 50px;
  font-family: "Inter", sans-serif!important;
}

.ahx-purpose__title {
  color: #14183a;
  font-size: 30px;
  font-weight: 600;
  margin: 0 0 18px;
}

.ahx-purpose__desc {
  color: #3b4a8c;
  font-size: 1rem;
  line-height: 1.8;
  margin: 0;
}

@media (max-width: 991.98px) {
  .ahx-purpose { padding: 60px 0 40px; }
  .ahx-purpose__title { font-size: 26px; }
}

@media (max-width: 575.98px) {
  .ahx-purpose { padding: 48px 0 32px; }
  .ahx-purpose__title { font-size: 22px; }
  /* Let the copy reflow as one block on narrow screens */
  .ahx-purpose__desc br { display: none; }
}

/* ==========================================================================
   AHX Proprietary platforms (one slide per platform, arrow stepped)
   ========================================================================== */

.ahx-prop {
  background: #0E1341;
  background: linear-gradient(180deg, #131a4f 0%, #0b1136 100%);
  padding: 70px 0;
  font-family: "Inter", sans-serif!important;
}

.ahx-prop__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 30px;
}

.ahx-prop__title {
  color: #ffffff!important;
  font-size: 28px;
  font-weight: 600;
  margin: 0;
}

.ahx-prop__nav {
  display: flex;
  gap: 10px;
  flex: 0 0 auto;
}

.ahx-prop__arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border: 0;
  border-radius: 50%;
  background: #ffffff;
  color: #14183a;
  cursor: pointer;
  transition: background 0.3s ease, transform 0.3s ease;
}

.ahx-prop__arrow:hover {
  background: #dbe1f5;
  transform: translateY(-2px);
}

/* Before slick initialises, show only the first platform instead of stacking */
.ahx-prop__slider:not(.slick-initialized) .ahx-prop__slide:not(:first-child) {
  display: none;
}

.ahx-prop__slider .slick-slide {
  height: auto;
  outline: none;
}

/* Equal-height columns so the panel matches the image */
.ahx-prop__slider .slick-track {
  display: flex;
}

.ahx-prop__row {
  --bs-gutter-x: 26px;
  row-gap: 26px;
}

.ahx-prop__img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 100%;
  object-fit: cover;
  border-radius: 12px;
}

.ahx-prop__panel {
  height: 100%;
  padding: 30px 32px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.03);
}


.ahx-prop__panel ul li::marker {
    color: #FFFFFF!important;
    font-size: 1.5rem;
}
.ahx-prop__name {
  color: #ffffff;
  font-size: 24px;
  font-weight: 400;
  margin: 0 0 12px;
}

.ahx-prop__lead {
  color: #ffffff;
  font-size: 1rem;
  font-weight: 600;
  margin: 0 0 18px;
}

.ahx-prop__desc {
  color: #c3cbe6;
  font-size: 1rem;
  line-height: 1.75;
  margin: 0 0 26px;
}

.ahx-prop__why {
  color: #ffffff;
  font-size: 17px;
  font-weight: 500;
  margin: 0 0 1rem;
}

.ahx-prop__list {
  margin: 0 0 28px;
  padding-left: 18px;
}

.ahx-prop__item {
  color: #c3cbe6;
  font-size: 1rem;
  line-height: 1.7;
}

.ahx-prop__item + .ahx-prop__item {
  margin-top: 12px;
}

.ahx-prop__btn {
  display: inline-block;
  padding: 12px 28px;
  border-radius: 50px;
  background: #3f6ae8;
  color: #ffffff;
  font-size: 1rem;
  text-decoration: none;
  transition: background 0.3s ease, transform 0.3s ease;
}

.ahx-prop__btn:hover {
  background: #2a51c9;
  color: #ffffff;
  transform: translateY(-2px);
}

@media (max-width: 991.98px) {
  .ahx-prop { padding: 60px 0; }
  .ahx-prop__title { font-size: 24px; }
  /* Stacked layout: let the image keep its own aspect ratio */
  .ahx-prop__img { height: auto; min-height: 0; }
  .ahx-prop__panel { padding: 26px 24px; }
}

@media (max-width: 575.98px) {
  .ahx-prop { padding: 48px 0; }
  .ahx-prop__head { flex-direction: column; align-items: flex-start; gap: 1rem; }
  .ahx-prop__title { font-size: 21px; }
  .ahx-prop__name { font-size: 21px; }
}

/* ==========================================================================
   AHX Better Data (narrative left, capability spec grid right)
   ========================================================================== */

.ahx-better {
  background: #ffffff;
  padding: 80px 0;
  font-family: "Inter", sans-serif!important;
}

.ahx-better__row {
  --bs-gutter-x: 46px;
  row-gap: 32px;
}

.ahx-better__title {
  color: #14183a;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.3;
  margin: 0 0 24px;
}

.ahx-better__desc {
  color: #3b4a8c;
  font-size: 1rem;
  line-height: 1.8;
  margin: 0 0 20px;
}

.ahx-better__desc:last-child {
  margin-bottom: 0;
}

.ahx-better__cards {
  --bs-gutter-x: 1rem;
  row-gap: 1rem;
}

.ahx-better__card {
  height: 100%;
  padding: 18px 20px;
  border: 1px solid #e2e5ec;
  border-radius: 8px;
  background: #ffffff;
  transition: border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);
}

.ahx-better__card:hover {
  border-color: #3654e6;
  box-shadow: 0 12px 24px rgba(20, 24, 58, 0.08);
  transform: translateY(-3px);
}

.ahx-better__name {
  color: #14183a;
  font-size: 1rem;
  font-weight: 600;
  margin: 0 0 8px;
}

.ahx-better__note {
  color: #5b6178;
  font-size: 1rem;
  line-height: 1.6;
  margin: 0;
}

@media (max-width: 991.98px) {
  .ahx-better { padding: 60px 0; }
  .ahx-better__title { font-size: 26px; margin-bottom: 18px; }
}

@media (max-width: 575.98px) {
  .ahx-better { padding: 48px 0; }
  .ahx-better__title { font-size: 22px; }
  .ahx-better__card { padding: 1rem 18px; }
}

/* ==========================================================================
   AHX Network Journey (lifecycle stages on a tinted band)
   ========================================================================== */

.ahx-journey {
  background: #e8eefb;
  padding: 60px 0;
  font-family: "Inter", sans-serif!important;
}

.ahx-journey__title {
  color: #14183a;
  font-size: 28px;
  font-weight: 600;
  margin: 0 0 12px;
}

.ahx-journey__intro {
  color: #4b5068;
  font-size: 1rem;
  line-height: 1.7;
  margin: 0 0 40px;
}

/* Even spread across the band, wrapping onto a second line if it runs out */
.ahx-journey__steps {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  gap: 30px 20px;
}

.ahx-journey__step {
  flex: 0 1 auto;
  text-align: center;
}

.ahx-journey__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 62px;
  height: 62px;
  margin-bottom: 18px; 
  background: transparent;
  transition: background 0.3s ease, border-color 0.3s ease, transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);
}

.ahx-journey__icon img {
  width: 100%;
  height: auto;
}

.ahx-journey__step:hover .ahx-journey__icon { 
  transform: translateY(-4px);
}

.ahx-journey__label {
  color: #14183a;
  font-size: 1rem;
  font-weight: 600;
  margin: 0;
}

@media (max-width: 991.98px) {
  .ahx-journey { padding: 50px 0; }
  .ahx-journey__title { font-size: 24px; }
  .ahx-journey__intro { margin-bottom: 30px; }
}

@media (max-width: 575.98px) {
  .ahx-journey { padding: 40px 0; }
  .ahx-journey__title { font-size: 21px; }
  .ahx-journey__steps { justify-content: flex-start; gap: 26px 30px; }
  .ahx-journey__icon { width: 54px; height: 54px; margin-bottom: 12px; }
}

/* ==========================================================================
   AHX Core Network Capabilities (icon + label cards, two columns) — 5G Core
   ========================================================================== */

.ahx-corecap {
  background: #ffffff;
  padding: 70px 0;
  font-family: "Inter", sans-serif!important;
}

.ahx-corecap__title {
  text-align: center;
  color: #14183a;
  font-size: 30px;
  font-weight: 600;
  margin: 0 0 36px;
}

.ahx-corecap__row {
  --bs-gutter-x: 24px;
  row-gap: 20px;
}

.ahx-corecap__card {
  display: flex;
  align-items: center;
  gap: 18px;
  height: 100%;
  padding: 18px 20px;
  border: 1px solid #e2e5ec;
  border-radius: 8px;
  background: #ffffff;
  transition: border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);
}

.ahx-corecap__card:hover {
  border-color: #3654e6;
  box-shadow: 0 12px 24px rgba(20, 24, 58, 0.08);
  transform: translateY(-3px);
}

.ahx-corecap__icon {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px; 
}

.ahx-corecap__icon img {
  width: 100%;
  height: auto;
}

.ahx-corecap__name {
  color: #14183a;
  font-size: 1rem;
  font-weight: 600;
  margin: 0 0 6px;
}

.ahx-corecap__desc {
  color: #5b6178;
  font-size: 1rem;
  line-height: 1.6;
  margin: 0;
}

@media (max-width: 991.98px) {
  .ahx-corecap { padding: 60px 0; }
  .ahx-corecap__title { font-size: 26px; margin-bottom: 28px; }
}

@media (max-width: 575.98px) {
  .ahx-corecap { padding: 48px 0; }
  .ahx-corecap__title { font-size: 21px; }
  .ahx-corecap__card { gap: 1rem; padding: 1rem 1rem; }
  .ahx-corecap__icon { width: 48px; height: 48px; }
  .ahx-corecap__icon img { width: 28px; }
}

/* ==========================================================================
   AHX Why Leading Network Teams (slider on a full-bleed backdrop) — 5G Core
   ========================================================================== */

.ahx-leadcore {
  position: relative;
  overflow: hidden;
  background: #0b1136;
  padding: 70px 0;
  font-family: "Inter", sans-serif!important;
}

/* Artwork fills the band behind the slider */
.ahx-leadcore__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
  user-select: none;
}

.ahx-leadcore .container {
  position: relative;
  z-index: 1;
}

.ahx-leadcore__title {
  text-align: center;
  color: #ffffff!important;
  font-size: 28px;
  font-weight: 600;
  margin: 0 0 40px;
}

/* Before slick initialises, show only the first slide instead of stacking */
.ahx-leadcore__slider:not(.slick-initialized) .ahx-leadcore__slide:not(:first-child) {
  display: none;
}

.ahx-leadcore__slider .slick-slide {
  height: auto;
  outline: none;
}

.ahx-leadcore__row {
  --bs-gutter-x: 40px;
  row-gap: 26px;
}

.ahx-leadcore__img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 6px;
}

.ahx-leadcore__name {
  color: #ffffff;
  font-size: 26px;
  font-weight: 400;
  margin: 0 0 18px;
  /* Clears the arrows parked in the top-right corner */
  padding-right: 80px;
}

.ahx-leadcore__desc {
  color: #c3cbe6;
  font-size: 1rem;
  line-height: 1.7;
  margin: 0 0 22px;
}

.ahx-leadcore__list {
  margin: 0;
  padding-left: 18px;
}

.ahx-leadcore__item {
  color: #dbe1f5;
  font-size: 1rem;
  line-height: 1.7;
}

.ahx-leadcore__item + .ahx-leadcore__item {
  margin-top: 10px;
}

/* Arrows sit over the top-right of the copy column */
.ahx-leadcore__nav {
  position: absolute;
  top: 78px;
  right: 12px;
  z-index: 2;
  display: flex;
  gap: 8px;
}

.ahx-leadcore__arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border: 0;
  border-radius: 50%;
  background: #ffffff;
  color: #14183a;
  cursor: pointer;
  transition: background 0.3s ease, transform 0.3s ease;
}

.ahx-leadcore__arrow:hover {
  background: #dbe1f5;
  transform: translateY(-2px);
}

@media (max-width: 991.98px) {
  .ahx-leadcore { padding: 60px 0; }
  .ahx-leadcore__title { font-size: 24px; margin-bottom: 30px; }
  .ahx-leadcore__name { font-size: 22px; padding-right: 0; }
  /* Stacked layout: park the arrows under the heading instead of over it */
  .ahx-leadcore__nav { position: static; justify-content: flex-end; margin-top: 20px; }
}

@media (max-width: 575.98px) {
  .ahx-leadcore { padding: 48px 0; }
  .ahx-leadcore__title { font-size: 21px; }
  .ahx-leadcore__name { font-size: 20px; }
}

/* ==========================================================================
   AHX Flexible Deployment Options (textured cards) — 5G Core
   ========================================================================== */

.ahx-deploy {
  background: #ffffff;
  padding: 80px 0;
  font-family: "Inter", sans-serif!important;
}

.ahx-deploy__title {
  text-align: center;
  color: #14183a;
  font-size: 30px;
  font-weight: 600;
  margin: 0 0 1rem;
}

.ahx-deploy__intro {
  text-align: center;
  color: #4b5068;
  font-size: 1rem;
  line-height: 1.7;
  margin: 0 auto 36px;
  max-width: 720px;
}

.ahx-deploy__row {
  --bs-gutter-x: 24px;
  row-gap: 24px;
}

.ahx-deploy__card {
  height: 100%;
  padding: 26px 24px;
  border: 1px solid #dbe4f6;
  border-radius: 10px;
  background-color: #f6f9ff;
  background-image: url('../images/revamp/5g-core/deployment-option/box-bg.png');
  background-size: cover;
  background-position: center;
  transition: border-color 0.35s ease, box-shadow 0.35s ease, transform 0.35s cubic-bezier(0.22, 1, 0.36, 1);
}

.ahx-deploy__card:hover {
  border-color: #3654e6;
  box-shadow: 0 1rem 30px rgba(20, 24, 58, 0.10);
  transform: translateY(-4px);
}

.ahx-deploy__icon {
  display: block;
  width: 36px;
  height: auto;
  margin-bottom: 30px;
}

.ahx-deploy__name {
  color: #14183a;
  font-size: 1rem;
  font-weight: 600;
  margin: 0 0 1rem;
}

.ahx-deploy__desc {
  color: #5b6178;
  font-size: 1rem;
  line-height: 1.7;
  margin: 0;
}

@media (max-width: 991.98px) {
  .ahx-deploy { padding: 60px 0; }
  .ahx-deploy__title { font-size: 26px; }
  .ahx-deploy__icon { margin-bottom: 22px; }
}

@media (max-width: 575.98px) {
  .ahx-deploy { padding: 48px 0; }
  .ahx-deploy__title { font-size: 22px; }
  .ahx-deploy__card { padding: 22px 20px; }
}

/* ==========================================================================
   AHX Technology Stack (text tabs + partner logo row) — GIS
   ========================================================================== */

.ahx-estack {
  background: #ffffff;
  padding: 70px 0;
  font-family: "Inter", sans-serif!important;
}

.ahx-estack__title {
  color: #14183a;
  font-size: 30px;
  font-weight: 600;  
  margin: 0 0 1rem;
}

.ahx-estack__intro {
  color: #5b6178;
  font-size: 1rem;
  line-height: 1.8;
  margin: 0 0 36px;
}

/* Labels spread across the band, scrolling sideways when they overflow */
.ahx-estack__tabs {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 40px;
  overflow-x: auto;
  scrollbar-width: none;
}

.ahx-estack__tabs::-webkit-scrollbar {
  display: none;
}

.ahx-estack__tab {
  position: relative;
  flex: 0 0 auto;
  padding: 0 0 8px;
  border: 0;
  background: transparent;
  color: #5b6178;
  font-size: 1rem;
  font-weight: 400;
  white-space: nowrap;
  cursor: pointer;
  transition: color 0.3s ease;
}

.ahx-estack__tab:hover {
  color: #14183a;
}

.ahx-estack__tab.is-active {
  color: #14183a;
  font-weight: 600;
}

/* Underline marks the selected category */
.ahx-estack__tab::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  background: #2f6fe4;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.ahx-estack__tab.is-active::after {
  opacity: 1;
}

/* Only the selected category's logos are rendered */
.ahx-estack__panel {
  display: none;
}

.ahx-estack__panel.is-active {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 30px 60px;
  min-height: 60px;
}

.ahx-estack__logo {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.ahx-estack__logo img {
  max-width: 100%;
  max-height: 40px;
  width: auto;
  height: auto;
  opacity: 0.9;
  transition: opacity 0.3s ease, transform 0.3s ease;
}

.ahx-estack__logo img:hover {
  opacity: 1;
  transform: translateY(-2px);
}

@media (max-width: 991.98px) {
  .ahx-estack { padding: 60px 0; }
  .ahx-estack__title { font-size: 26px; }
  .ahx-estack__tabs { justify-content: flex-start; gap: 28px; margin-bottom: 30px; }
  .ahx-estack__panel.is-active { gap: 26px 40px; }
}

@media (max-width: 575.98px) {
  .ahx-estack { padding: 48px 0; }
  .ahx-estack__title { font-size: 21px; }
  .ahx-estack__logo img { max-height: 32px; }
}

/* ==========================================================================
   AHX Industries We Support (looping industry cards) — Cloud Infra
   ========================================================================== */

.ahx-cind {
  background: #ffffff;
  padding: 60px 0 70px;
  font-family: "Inter", sans-serif!important;
}

/* Heading on the left, arrows parked on the right */
.ahx-cind__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 30px;
}

.ahx-cind__title {
  color: #14183a;
  font-size: 26px;
  font-weight: 600;
  margin: 0;
}

.ahx-cind__nav {
  flex: 0 0 auto;
  display: flex;
  gap: 8px;
}

.ahx-cind__arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  border: 0;
  border-radius: 50%;
  background: #14183a;
  color: #ffffff;
  cursor: pointer;
  transition: background 0.3s ease, transform 0.3s ease;
}

.ahx-cind__arrow:hover {
  background: #2f6fe4;
  transform: translateY(-2px);
}

/* Before slick initialises, show one row — the loop duplicates stay hidden */
.ahx-cind__slider:not(.slick-initialized) {
  display: flex;
  gap: 24px;
}

.ahx-cind__slider:not(.slick-initialized) .ahx-cind__slide {
  flex: 1 1 0;
}

.ahx-cind__slider:not(.slick-initialized) .ahx-cind__slide:nth-child(n+4) {
  display: none !important;
}

/* Flex track so cards in view share the tallest height */
.ahx-cind__slider .slick-track {
  display: flex;
}

.ahx-cind__slider .slick-slide {
  height: auto;
  outline: none;
}

/* Gutter between cards without breaking slick's track maths */
.ahx-cind__slide {
  height: 100%;
  padding: 0 12px;
}

.ahx-cind__slider .slick-list {
  margin: 0 -12px;
  padding-bottom: 6px;
}

.ahx-cind__card {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  border: 1px solid #e2e5ec;
  border-radius: 8px;
  background: #ffffff;
  transition: border-color 0.35s ease, box-shadow 0.35s ease, transform 0.35s cubic-bezier(0.22, 1, 0.36, 1);
}

.ahx-cind__card:hover {
  border-color: #3654e6;
  box-shadow: 0 1rem 26px rgba(20, 24, 58, 0.10);
  transform: translateY(-4px);
}

.ahx-cind__img {
  display: block;
  width: 100%;
  height: 150px;
  object-fit: cover;
}

.ahx-cind__body {
  padding: 20px;
}

.ahx-cind__name {
  color: #14183a;
  font-size: 1rem;
  font-weight: 500;
  margin: 0 0 1rem;
}

.ahx-cind__desc {
  color: #5b6178;
  font-size: 1rem;
  line-height: 1.7;
  margin: 0;
}

@media (max-width: 991.98px) {
  .ahx-cind { padding: 50px 0 60px; }
  .ahx-cind__title { font-size: 22px; }
  .ahx-cind__slider:not(.slick-initialized) .ahx-cind__slide:nth-child(n+3) { display: none !important; }
}

@media (max-width: 767.98px) {
  .ahx-cind__slider:not(.slick-initialized) .ahx-cind__slide:nth-child(n+2) { display: none !important; }
}

@media (max-width: 575.98px) {
  .ahx-cind { padding: 40px 0 48px; }
  .ahx-cind__title { font-size: 19px; }
  .ahx-cind__img { height: 130px; }
}

/* ==========================================================================
   AHX Case Studies (looping outcome cards) — Cloud Infra
   ========================================================================== */

.ahx-ccase {
  background: #ffffff;
  padding: 60px 0 70px;
  font-family: "Inter", sans-serif!important;
}

/* Heading on the left, arrows parked on the right */
.ahx-ccase__head {
  display: flex;  
  flex-direction: row; align-items: center; justify-content: space-between;
  gap: 20px;
  margin-bottom: 30px;
}

.ahx-ccase__title {
  color: #14183a;
  font-size: 26px;
  font-weight: 600;
  margin: 0;
} 

.ahx-ccase__nav {
  flex: 0 0 auto;
  display: flex;
  gap: 8px;
}

.ahx-ccase__arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  border: 0;
  border-radius: 50%;
  background: #14183a;
  color: #ffffff;
  cursor: pointer;
  transition: background 0.3s ease, transform 0.3s ease;
}

.ahx-ccase__arrow:hover {
  background: #2f6fe4;
  transform: translateY(-2px);
}

/* Before slick initialises, show one row — the loop duplicates stay hidden */
.ahx-ccase__slider:not(.slick-initialized) {
  display: flex;
  gap: 24px;
}

.ahx-ccase__slider:not(.slick-initialized) .ahx-ccase__slide {
  flex: 1 1 0;
}

.ahx-ccase__slider:not(.slick-initialized) .ahx-ccase__slide:nth-child(n+4) {
  display: none !important;
}

.ahx-ccase__slider .slick-slide {
  height: auto;
  outline: none;
}

/* Gutter between cards without breaking slick's track maths */
.ahx-ccase__slide {
  padding: 0 12px;
}

.ahx-ccase__slider .slick-list {
  margin: 0 -12px;
}

/* Cards reuse .ahx-model__* — only the reveal button is section-specific */
.ahx-ccase__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 1rem;
  padding: 8px 18px; 
  border-radius: 50px;
  background: #ffffff;
  color: #101030;
  font-size: 11.5px;
  font-weight: 500;
  text-decoration: none;
  transition: background 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}

.ahx-ccase__btn:hover {
  border-color: #ffffff;
  background: #ffffff;
  color: #2447c9;
}

@media (max-width: 991.98px) {
  .ahx-ccase { padding: 50px 0 60px; }
  .ahx-ccase__title { font-size: 22px; }
  .ahx-ccase__slider:not(.slick-initialized) .ahx-ccase__slide:nth-child(n+3) { display: none !important; }
}

@media (max-width: 767.98px) {
  .ahx-ccase__slider:not(.slick-initialized) .ahx-ccase__slide:nth-child(n+2) { display: none !important; }
}

@media (max-width: 575.98px) {
  .ahx-ccase { padding: 40px 0 48px; }
  .ahx-ccase__title { font-size: 19px; }
}

/* ==========================================================================
   AHX Cloud Partners (logo strip stepped by arrows) — Cloud Infra
   ========================================================================== */

.ahx-cpart {
  background: #ffffff;
  padding: 60px 0;
  font-family: "Inter", sans-serif!important;
}

/* Heading on the left, arrows parked on the right */
.ahx-cpart__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 36px;
}

.ahx-cpart__title {
  color: #14183a;
  font-size: 24px;
  font-weight: 600;
  margin: 0;
}

.ahx-cpart__nav {
  flex: 0 0 auto;
  display: flex;
  gap: 8px;
}

.ahx-cpart__arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  border: 0;
  border-radius: 50%;
  background: #14183a;
  color: #ffffff;
  cursor: pointer;
  transition: background 0.3s ease, transform 0.3s ease;
}

.ahx-cpart__arrow:hover {
  background: #2f6fe4;
  transform: translateY(-2px);
}

/* Before slick initialises, lay the logos out in a plain single row —
   the duplicate set that makes the loop possible stays hidden */
.ahx-cpart__slider:not(.slick-initialized) {
  display: flex;
  gap: 20px;
}

.ahx-cpart__slider:not(.slick-initialized) .ahx-cpart__slide {
  flex: 1 1 0;
}

.ahx-cpart__slider:not(.slick-initialized) .ahx-cpart__slide:nth-child(n+5) {
  display: none !important;
}

.ahx-cpart__slider .slick-slide {
  outline: none;
}

.ahx-cpart__slide {
  display: flex !important;
  align-items: center;
  justify-content: center;
  height: 70px;
  padding: 0 12px;
}

.ahx-cpart__logo {
  max-width: 100%;
  max-height: 46px;
  width: auto;
  height: auto;
  opacity: 0.85;
  transition: opacity 0.3s ease, transform 0.3s ease;
}

.ahx-cpart__logo:hover {
  opacity: 1;
  transform: translateY(-2px);
}

@media (max-width: 991.98px) {
  .ahx-cpart { padding: 50px 0; }
  .ahx-cpart__title { font-size: 21px; }
  .ahx-cpart__head { margin-bottom: 26px; }
}

@media (max-width: 575.98px) {
  .ahx-cpart { padding: 40px 0; }
  .ahx-cpart__title { font-size: 19px; }
  .ahx-cpart__logo { max-height: 38px; }
}

/* ==========================================================================
   AHX AI Infra Manager (narrative band with capability cards) — Cloud Infra
   ========================================================================== */

.ahx-aiim {
  background: #eaf2fd;
  padding: 70px 0;
  font-family: "Inter", sans-serif!important;
}

.ahx-aiim__title {
  color: #14183a;
  font-size: 30px;
  font-weight: 600;
  line-height: 1.3;
  margin: 0 0 20px;
}

/* Section breaks inside the band, one step down from the main title */
.ahx-aiim__head {
  color: #14183a;
  font-size: 24px;
  font-weight: 500;
  margin: 36px 0 1rem;
}

.ahx-aiim__desc {
  color: #3b4a8c;
  font-size: 1rem;
  line-height: 1.8;
  margin: 0;
}

.ahx-aiim__row {
  --bs-gutter-x: 20px;
  row-gap: 20px;
  margin-top: 20px;
}

.ahx-aiim__card {
  height: 100%;
  padding: 22px 20px;
  border: 1px solid #9ec5f8;
  border-radius: 8px;
  background: #dceafd;
  transition: background 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease, transform 0.35s cubic-bezier(0.22, 1, 0.36, 1);
}

/* Hover fills the card the way the lead card reads in the design */
.ahx-aiim__card:hover {
  border-color: #3b82f6;
  background: #4a9df8;
  background: linear-gradient(135deg, #55a4f9 0%, #3b82f6 100%);
  box-shadow: 0 1rem 26px rgba(20, 24, 58, 0.12);
  transform: translateY(-3px);
}

.ahx-aiim__name {
  color: #2f6fe4;
  font-size: 1rem;
  font-weight: 600;
  margin: 0 0 1rem;
  transition: color 0.35s ease;
}

.ahx-aiim__note {
  color: #4a86dd;
  font-size: 1rem;
  line-height: 1.7;
  margin: 0;
  transition: color 0.35s ease;
}

.ahx-aiim__card:hover .ahx-aiim__name,
.ahx-aiim__card:hover .ahx-aiim__note {
  color: #ffffff;
}

.ahx-aiim__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 26px;
  padding: 1rem 26px;
  border: 1px solid transparent;
  border-radius: 50px;
  background: #789FF4;
  background: radial-gradient(circle, rgba(120, 159, 244, 1) 0%, rgba(51, 106, 231, 1) 100%);
  color: #ffffff;
  font-size: 1rem;
  font-weight: 500;
  text-decoration: none;
  transition: color 0.3s ease, background 0.3s ease, border-color 0.3s ease;
}

.ahx-aiim__btn:hover {
  border-color: #336ae7;
  background: #ffffff !important;
  color: #0c144e;
}

@media (max-width: 991.98px) {
  .ahx-aiim { padding: 60px 0; }
  .ahx-aiim__title { font-size: 26px; }
  .ahx-aiim__head { font-size: 20px; margin-top: 30px; }
}

@media (max-width: 575.98px) {
  .ahx-aiim { padding: 48px 0; }
  .ahx-aiim__title { font-size: 21px; }
  .ahx-aiim__head { font-size: 18px; }
  .ahx-aiim__btn { width: 100%; }
}

/* ==========================================================================
   AHX Our Solutions (pill strip + detail panel on artwork) — Cloud Infra
   ========================================================================== */

.ahx-osol {
  position: relative;
  overflow: hidden;
  background: #0b1136;
  padding: 70px 0;
  font-family: "Inter", sans-serif!important;
}

/* Artwork fills the band behind the tabs and panel */
.ahx-osol__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
  user-select: none;
}

.ahx-osol .container {
  position: relative;
  z-index: 1;
}

.ahx-osol__title {
  color: #ffffff !important;
  font-size: 30px;
  font-weight: 600; 
  text-underline-offset: 6px;
  margin: 0 0 18px;
}

.ahx-osol__intro {
  color: #c3cbe6;
  font-size: 1rem;
  line-height: 1.8;
  margin: 0;
}

/* Pill strip with the arrows parked at its right edge */
.ahx-osol__bar {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin: 30px 0 36px;
}

.ahx-osol__tabs {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex: 1 1 auto;
  overflow-x: auto;
  scrollbar-width: none;
  padding: 2px;
}

.ahx-osol__tabs::-webkit-scrollbar {
  display: none;
}

.ahx-osol__tab {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  flex: 0 0 auto;
  padding: 11px 22px;
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 50px;
  background: transparent;
  color: #dbe1f5;
  font-size: 1rem;
  white-space: nowrap;
  cursor: pointer;
  transition: background 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}

.ahx-osol__tab:hover {
  border-color: rgba(255, 255, 255, 0.5);
  color: #ffffff;
}

.ahx-osol__tab.is-active {
  border-color: #ffffff;
  background: #ffffff;
  color: #14183a;
}

/* Marker shows only on the selected pill */
.ahx-osol__dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #14183a;
  display: none;
}

.ahx-osol__tab.is-active .ahx-osol__dot {
  display: inline-block;
}

.ahx-osol__nav {
  display: flex;
  gap: 8px;
  flex: 0 0 auto;
}

.ahx-osol__arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border: 0;
  border-radius: 50%;
  background: #ffffff;
  color: #14183a;
  cursor: pointer;
  transition: background 0.3s ease, transform 0.3s ease;
}

.ahx-osol__arrow:hover {
  background: #dbe1f5;
  transform: translateY(-2px);
}

/* Only the selected solution is rendered */
.ahx-osol__panel {
  display: none;
}

.ahx-osol__panel.is-active {
  display: block;
}

.ahx-osol__row {
  --bs-gutter-x: 40px;
  row-gap: 26px;
}

.ahx-osol__img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 8px;
}

.ahx-osol__name {
  color: #ffffff;
  font-size: 26px;
  font-weight: 500;
  margin: 0 0 18px;
}

.ahx-osol__lead {
  color: #c3cbe6;
  font-size: 1rem;
  line-height: 1.8;
  margin: 0 0 26px;
}

.ahx-osol__list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.ahx-osol__item {
  position: relative;
  color: #dbe1f5;
  font-size: 1rem;
  line-height: 1.6;
  padding-left: 20px;
}

.ahx-osol__item + .ahx-osol__item {
  margin-top: 1rem;
}

.ahx-osol__item::before {
  content: '\203A';
  position: absolute;
  top: -1px;
  left: 0;
  color: rgba(255, 255, 255, 0.55);
  font-size: 1rem;
  line-height: 1.5;
}

@media (max-width: 991.98px) {
  .ahx-osol { padding: 60px 0; }
  .ahx-osol__title { font-size: 26px; }
  .ahx-osol__bar { margin-bottom: 30px; }
  .ahx-osol__name { font-size: 22px; }
}

@media (max-width: 575.98px) {
  .ahx-osol { padding: 48px 0; }
  .ahx-osol__title { font-size: 21px; }
  .ahx-osol__tab { padding: 10px 18px; font-size: 1rem; }
  .ahx-osol__name { font-size: 20px; }
}

/* ==========================================================================
   AHX AI Stack (control plane pitch + problem/solution cards)
   ========================================================================== */

.ahx-stack {
  position: relative;
  overflow: hidden;
  background: #0B1043;
  background: linear-gradient(180deg, #0d123f 0%, #0a0e34 100%);
  padding: 56px 0;
  font-family: "Inter", sans-serif!important;
}

.ahx-stack__bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  pointer-events: none;
  z-index: 0;
}

.ahx-stack .container {
  position: relative;
  z-index: 1;
}

.ahx-stack__row { row-gap: 1rem; }

.ahx-stack__title {
  color: #ffffff!important;
  font-size: 34px;
  font-weight: 600;
  line-height: 1.3;
  margin: 0 0 20px;
}

.ahx-stack__desc {
  color: #c3cae8;
  font-size: 1rem;
  line-height: 1.7;
  margin: 0 0 12px;
}

.ahx-stack__desc:last-of-type { margin-bottom: 0; }

.ahx-stack__label {
  color: #ffffff;
  font-size: 18px;
  font-weight: 600;
  margin: 48px 0 24px;
}

.ahx-stack__cards {
  --bs-gutter-x: 20px;
  row-gap: 20px;
}

.ahx-stack__card {
  height: 100%;
  padding: 28px 26px;
  border-radius: 1rem;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(120, 159, 244, 0.35);
  transition: border-color 0.3s ease, transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);
}

.ahx-stack__card:hover {
  border-color: rgba(120, 159, 244, 1);
  background: rgba(120, 159, 244, 1);
  transform: translateY(-4px);
}

.ahx-stack__card--active {
 border-color: rgba(120, 159, 244,1);
  background: rgba(120, 159, 244, 1);
}

.ahx-stack__icon {
  display: block;
  height: 36px;
  width: auto;
  margin-bottom: 40px;
}

.ahx-stack__card-title {
  color: #ffffff;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.4;
  margin: 0 0 8px;
}

.ahx-stack__card-desc {
  color: #d7ddf5;
  font-size: 1rem;
  line-height: 1.6;
  margin: 0;
}

.ahx-stack__card--active .ahx-stack__card-desc {
  color: rgba(255, 255, 255, 0.9);
}

@media (max-width: 991.98px) {
  .ahx-stack { padding: 60px 0; }
  .ahx-stack__title { font-size: 26px; }
  .ahx-stack__label { margin: 36px 0 20px; }
}

@media (max-width: 575.98px) {
  .ahx-stack { padding: 48px 0; }
  .ahx-stack__title { font-size: 22px; }
  .ahx-stack__card { padding: 22px 20px; }
  .ahx-stack__icon { height: 32px; margin-bottom: 28px; }
}

/* ==========================================================================
   AHX End-to-End Request Flow (Request -> Authenticate -> Route -> Execute
   -> Observe -> Attribute Cost). Step cards reveal their description on
   hover, sliding up from the bottom.
   ========================================================================== */

.ahx-e2e {
  background: #eef3fc;
  padding: 56px 0;
  font-family: "Inter", sans-serif!important;
}

.ahx-e2e__title {
  color: #14183a;
  font-size: 32px;
  font-weight: 700;
  margin: 0 0 40px;
}

.ahx-e2e__row {
  display: flex;
  align-items: stretch;
  gap: 1rem;
  flex-wrap: wrap;
}

.ahx-e2e__icon-circle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px; 
  margin-bottom: 1rem;
  flex: 0 0 auto;
}

.ahx-e2e__icon {
  width: 64px;
  height: 64px;
  object-fit: contain;
}

.ahx-e2e__label {
  color: #14183a;
  font-size: 1rem;
  font-weight: 500;
  text-align: center;
  margin: 0;
}

.ahx-e2e__step {
  position: relative;
  overflow: hidden;
  flex: 1 1 0;
  min-width: 150px;
  min-height: 156px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: #ffffff;
  border: 1px solid #cfe0fb;
  border-radius: 12px;
  padding: 24px 18px;
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

.ahx-e2e__step:hover {
  border-color: #3654e6;
  box-shadow: 0 1rem 32px rgba(20, 24, 58, 0.14);
}

/* Default face — icon + label — crossfades out in place on hover */
.ahx-e2e__face {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 24px 18px;
  opacity: 1;
  transition: opacity 0.25s ease;
}

.ahx-e2e__step:hover .ahx-e2e__face {
  opacity: 0;
  pointer-events: none;
}

/* Cover — swaps in over the same footprint as the icon, on hover */
.ahx-e2e__cover {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 22px 18px;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.ahx-e2e__step:hover .ahx-e2e__cover {
  opacity: 1;
}

.ahx-e2e__cover-label {
  color: #14183a;
  font-size: 1rem;
  font-weight: 600;
  margin: 0;
}

.ahx-e2e__desc {
  color: #5b6178;
  font-size: 1rem;
  line-height: 1.6;
  margin: 0;
}

@media (max-width: 991.98px) {
  .ahx-e2e { padding: 60px 0; }
  .ahx-e2e__title { font-size: 26px; margin-bottom: 30px; }
  .ahx-e2e__row { gap: 1rem; }
  .ahx-e2e__step { min-width: 130px; min-height: 170px; padding: 20px 1rem; }
}

@media (max-width: 767.98px) {
  .ahx-e2e__row { flex-direction: column; align-items: stretch; }
  .ahx-e2e__step { min-width: 0; min-height: 150px; }
}

@media (max-width: 575.98px) {
  .ahx-e2e { padding: 48px 0; }
  .ahx-e2e__title { font-size: 22px; margin-bottom: 24px; }
}

/* No hover on touch — show the cover so every card reads complete */
@media (hover: none) {
  .ahx-e2e__face { opacity: 0; }
  .ahx-e2e__cover { opacity: 1; }
}

/* ==========================================================================
   AHX AI Estate (operational console overview — 4 metric cards)
   ========================================================================== */

.ahx-estate {
  background: #ffffff;
  padding: 56px 0;
  font-family: "Inter", sans-serif!important;
}

.ahx-estate__title {
  color: #14183a;
  font-size: 32px;
  font-weight: 700;
  margin: 0 0 12px;
}

.ahx-estate__desc {
  color: #3b4a8c;
  font-size: 1rem;
  line-height: 1.7;
  max-width: 760px;
  margin: 0 0 40px;
}

.ahx-estate__cards {
  --bs-gutter-x: 20px;
  row-gap: 20px;
}

.ahx-estate__card {
  height: 100%;
  padding: 26px 22px;
  border: 1px solid #e2e5ec;
  border-radius: 10px;
  background: #ffffff;
  transition: border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);
}

.ahx-estate__card:hover {
  border-color: #3654e6;
  box-shadow: 0 12px 28px rgba(20, 24, 58, 0.10);
  transform: translateY(-4px);
}

.ahx-estate__card--active {
  border-color: #14183a;
  border-width: 1.5px;
}

.ahx-estate__icon-box {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px; 
  margin-bottom: 40px;
}

.ahx-estate__icon {
  width: 44px;
  height: 44px;
  object-fit: contain;
}

.ahx-estate__card-title {
  color: #14183a;
  font-size: 1rem;
  font-weight: 600;
  margin: 0 0 10px;
}

.ahx-estate__card-desc {
  color: #5b6178;
  font-size: 1rem;
  line-height: 1.6;
  margin: 0;
}

@media (max-width: 991.98px) {
  .ahx-estate { padding: 60px 0; }
  .ahx-estate__title { font-size: 26px; }
  .ahx-estate__desc { margin-bottom: 30px; }
}

@media (max-width: 575.98px) {
  .ahx-estate { padding: 48px 0; }
  .ahx-estate__title { font-size: 22px; }
  .ahx-estate__card { padding: 22px 20px; }
  .ahx-estate__icon-box { margin-bottom: 28px; }
}

/* ==========================================================================
   AHX Architecture layers (pill-tab strip + image/bullet panel)
   ========================================================================== */

.ahx-arch {
  background: #ffffff;
  padding: 0 0 56px 0;
  font-family: "Inter", sans-serif!important;
}

.ahx-arch__title {
  color: #14183a;
  font-size: 32px;
  font-weight: 700;
  margin: 0 0 30px;
}

.ahx-arch__bar {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 36px;
}

.ahx-arch__tabs {
  display: flex;
  align-items: center;
  gap: 12px;
  flex: 1 1 auto;
  overflow-x: auto;
  scrollbar-width: none;
  padding: 2px;
}

.ahx-arch__tabs::-webkit-scrollbar {
  display: none;
}

.ahx-arch__tab {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex: 0 0 auto;
  padding: 11px 22px;
  border: 1px solid #cfe0fb;
  border-radius: 50px;
  background: #ffffff;
  color: #57ABFF;
  font-size: 1rem;
  font-weight: 500;
  white-space: nowrap;
  cursor: pointer;
  transition: background 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}

.ahx-arch__tab:hover {
  border-color: #57ABFF;
}

.ahx-arch__tab.is-active {
  border-color: #57ABFF;
  background: #57ABFF;
  color: #ffffff;
}

/* Marker shows only on the selected pill */
.ahx-arch__dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #ffffff;
  display: none;
}

.ahx-arch__tab.is-active .ahx-arch__dot {
  display: inline-block;
}

.ahx-arch__nav {
  display: flex;
  gap: 8px;
  flex: 0 0 auto;
}

.ahx-arch__arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border: 0;
  border-radius: 50%;
  background: #14183a;
  color: #ffffff;
  font-size: 1rem;
  cursor: pointer;
  transition: background 0.3s ease, transform 0.3s ease;
}

.ahx-arch__arrow:hover {
  background: #3654e6;
  transform: translateY(-2px);
}

/* Only the selected layer is rendered */
.ahx-arch__panel {
  display: none;
}

.ahx-arch__panel.is-active {
  display: block;
}

.ahx-arch__row {
  --bs-gutter-x: 48px;
  row-gap: 26px;
}

.ahx-arch__img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 12px;
  border: 1px solid #e2e5ec;
}

.ahx-arch__name {
  color: #14183a;
  font-size: 28px;
  font-weight: 600;
  margin: 0 0 22px;
}

.ahx-arch__list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.ahx-arch__item {
  position: relative;
  color: #5b6178;
  font-size: 1rem;
  line-height: 1.6;
  padding-left: 20px;
}

.ahx-arch__item + .ahx-arch__item {
  margin-top: 1rem;
}

.ahx-arch__item::before {
  content: '';
  position: absolute;
  left: 0;
  top: 6px;
  width: 6px;
  height: 6px;
  background: #14183a;
  border-radius: 1px;
}

@media (max-width: 991.98px) {
  .ahx-arch { padding: 60px 0; }
  .ahx-arch__title { font-size: 26px; margin-bottom: 26px; }
  .ahx-arch__name { font-size: 24px; }
}

@media (max-width: 575.98px) {
  .ahx-arch { padding: 48px 0; }
  .ahx-arch__title { font-size: 22px; }
  .ahx-arch__tab { padding: 9px 1rem; font-size: 1rem; }
  .ahx-arch__name { font-size: 22px; margin-bottom: 1rem; }
}

/* ==========================================================================
   AHX Design Principles (4 icon cards)
   ========================================================================== */

.ahx-principle {
  background: #ffffff;
  padding: 0 0 56px 0;
  font-family: "Inter", sans-serif!important;
}

.ahx-principle__title {
  color: #14183a;
  font-size: 32px;
  font-weight: 700;
  margin: 0 0 30px;
}

.ahx-principle__cards {
  --bs-gutter-x: 20px;
  row-gap: 20px;
}

.ahx-principle__card {
  height: 100%;
  padding: 24px 22px;
  border: 1px solid #e2e5ec;
  border-radius: 10px;
  background: #ffffff;
  transition: border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);
}

.ahx-principle__card:hover {
  border-color: #3654e6;
  box-shadow: 0 12px 28px rgba(20, 24, 58, 0.10);
  transform: translateY(-4px);
}

.ahx-principle__card--active {
  border-color: #14183a;
  border-width: 1.5px;
}

.ahx-principle__icon {
  display: block;
  width: 30px;
  height: 30px;
  object-fit: contain;
  margin-bottom: 22px;
}

.ahx-principle__card-title {
  color: #14183a;
  font-size: 1rem;
  font-weight: 600;
  margin: 0 0 10px;
}

.ahx-principle__card-desc {
  color: #5b6178;
  font-size: 1rem;
  line-height: 1.6;
  margin: 0;
}

@media (max-width: 991.98px) {
  .ahx-principle { padding: 60px 0; }
  .ahx-principle__title { font-size: 26px; margin-bottom: 26px; }
}

@media (max-width: 575.98px) {
  .ahx-principle { padding: 48px 0; }
  .ahx-principle__title { font-size: 22px; }
  .ahx-principle__card { padding: 20px 18px; }
  .ahx-principle__icon { margin-bottom: 18px; }
}

/* ==========================================================================
   AHX What This Changes (5 icon cards, box-bg artwork behind each card)
   ========================================================================== */

.ahx-changes {
  background: #0B1043;
  background: linear-gradient(180deg, #0d123f 0%, #0a0e34 100%);
  padding: 56px 0;
  font-family: "Inter", sans-serif!important;
}

.ahx-changes__title {
  color: #ffffff!important;
  font-size: 32px;
  font-weight: 600;
  text-align: center;
  margin: 0 0 40px;
}

.ahx-changes__cards {
  --bs-gutter-x: 20px;
  row-gap: 20px;
}

.ahx-changes__card {
  position: relative;
  overflow: hidden;
  height: 100%;
  padding: 26px 24px;
  border-radius: 12px;
  background-color: #f4f6fc;
  background-image: url('../images/revamp/ai-infra/changes/box-bg.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.3s ease;
}

.ahx-changes__card:hover {
  transform: translateY(-4px);
  box-shadow: 0 1rem 34px rgba(0, 0, 0, 0.28);
}

.ahx-changes__icon {
  display: block;
  width: 32px;
  height: 32px;
  object-fit: contain;
  margin-bottom: 22px;
}

.ahx-changes__card-title {
  color: #14183a;
  font-size: 1rem;
  font-weight: 600;
  margin: 0 0 10px;
}

.ahx-changes__card-desc {
  color: #4a5175;
  font-size: 1rem;
  line-height: 1.6;
  margin: 0;
}

@media (max-width: 991.98px) {
  .ahx-changes { padding: 60px 0; }
  .ahx-changes__title { font-size: 26px; margin-bottom: 30px; }
}

@media (max-width: 575.98px) {
  .ahx-changes { padding: 48px 0; }
  .ahx-changes__title { font-size: 22px; margin-bottom: 26px; }
  .ahx-changes__card { padding: 22px 20px; }
  .ahx-changes__icon { margin-bottom: 18px; }
}

/* ==========================================================================
   AHX Cloud Infrastructure intro (narrative left, outcome grid right)
   ========================================================================== */

.ahx-cinfra {
  position: relative;
  overflow: hidden;
  background-color: #ffffff;
  /* Artwork sits behind the copy, anchored to the bottom-right corner */
  background-image: url('../images/revamp/cloud-infra/first-bg.png');
  background-repeat: no-repeat;
  background-position: right bottom;
  padding: 80px 0;
  font-family: "Inter", sans-serif!important;
}

.ahx-cinfra .container {
  position: relative;
  z-index: 1;
}

.ahx-cinfra__row {
  --bs-gutter-x: 46px;
  row-gap: 32px;
}

.ahx-cinfra__title {
  color: #14183a;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.3;
  margin: 0 0 18px;
}

.ahx-cinfra__desc {
  color: #3b4a8c;
  font-size: 1rem;
  line-height: 1.8;
  margin: 0 0 20px;
}

.ahx-cinfra__desc:last-child {
  margin-bottom: 0;
}

.ahx-cinfra__cards {
  --bs-gutter-x: 1rem;
  row-gap: 1rem;
}

.ahx-cinfra__card {
  height: 100%;
  padding: 20px 22px;
  border: 1px solid #e2e5ec;
  border-radius: 8px;
  background: #ffffff;
  transition: background 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);
}

.ahx-cinfra__card:hover {
  background: linear-gradient(135deg, #6f9bf7 0%, #3654e6 100%);
  border-color: transparent;
  box-shadow: 0 12px 24px rgba(20, 24, 58, 0.16);
  transform: translateY(-3px);
}

.ahx-cinfra__value {
  color: #14183a;
  font-size: 18px;
  font-weight: 600;
  margin: 0 0 12px;
  transition: color 0.3s ease;
}

.ahx-cinfra__card:hover .ahx-cinfra__value {
  color: #ffffff;
}

.ahx-cinfra__note {
  color: #5b6178;
  font-size: 1rem;
  line-height: 1.6;
  margin: 0;
  transition: color 0.3s ease;
}

.ahx-cinfra__card:hover .ahx-cinfra__note {
  color: rgba(255, 255, 255, 0.9);
}

@media (max-width: 991.98px) {
  .ahx-cinfra { padding: 60px 0; }
  .ahx-cinfra__title { font-size: 26px; }
}

@media (max-width: 575.98px) {
  .ahx-cinfra { padding: 48px 0; background-image: none; }
  .ahx-cinfra__title { font-size: 22px; }
  .ahx-cinfra__card { padding: 18px 20px; }
}

/* ==========================================================================
   AHX Kenome App Builder (two capability cards + outcome strip)
   ========================================================================== */

.ahx-kapp {
  background-color: #ffffff!important;
  padding: 70px 0;
  font-family: "Inter", sans-serif!important;
}

.ahx-kapp__title {
  color: #14183a;
  font-size: 30px;
  font-weight: 600;
  margin: 0 0 20px;
}

.ahx-kapp__lead {
  color: #14183a;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.5;
  margin: 0 0 22px;
}

.ahx-kapp__intro {
  color: #5b6178;
  font-size: 1rem;
  line-height: 1.8;
  margin: 0 0 30px;
}

.ahx-kapp__row {
  --bs-gutter-x: 24px;
  row-gap: 24px;
}

.ahx-kapp__card {
  height: 100%;
  padding: 26px 24px;
  border: 1px solid #e2e5ec;
  border-radius: 10px;
  background: #ffffff;
  transition: border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);
}

.ahx-kapp__card:hover {
  border-color: #3654e6;
  box-shadow: 0 12px 24px rgba(20, 24, 58, 0.08);
  transform: translateY(-3px);
}

.ahx-kapp__icon {
  display: block;
  width: 30px;
  height: auto;
  margin-bottom: 26px;
}

.ahx-kapp__name {
  color: #14183a;
  font-size: 1rem;
  font-weight: 600;
  margin: 0 0 18px;
}

.ahx-kapp__list {
  margin: 0;
  padding-left: 18px;
}

.ahx-kapp__item {
  color: #5b6178;
  font-size: 1rem;
  line-height: 1.7;
}

.ahx-kapp__item + .ahx-kapp__item {
  margin-top: 12px;
}

/* Closing takeaway spans the full width under both cards */
.ahx-kapp__outcome {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-top: 24px;
  padding: 18px 22px;
  border: 1px solid #d7e5f9;
  border-radius: 10px;
  background: #eaf2fd;
}

.ahx-kapp__outcome-icon {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: 8px;
  background: #ffffff;
}

.ahx-kapp__outcome-icon img {
  width: 24px;
  height: auto;
}

.ahx-kapp__outcome-text {
  color: #14183a;
  font-size: 1rem;
  line-height: 1.7;
  margin: 0;
}

.ahx-kapp__outcome-text strong {
  font-weight: 600;
}

@media (max-width: 991.98px) {
  .ahx-kapp { padding: 60px 0; }
  .ahx-kapp__title { font-size: 26px; }
  .ahx-kapp__lead { font-size: 1rem; }
}

@media (max-width: 575.98px) {
  .ahx-kapp { padding: 48px 0; }
  .ahx-kapp__title { font-size: 21px; }
  .ahx-kapp__card { padding: 22px 20px; }
  .ahx-kapp__outcome { align-items: flex-start; gap: 12px; padding: 1rem 18px; }
}

/* ==========================================================================
   AHX Downtime Isn't an Option (numbered industry cards) — Private 5G
   ========================================================================== */

.ahx-nodown {
  background: #ffffff;
  padding: 70px 0;
  font-family: "Inter", sans-serif!important;
}

.ahx-nodown__title {
  text-align: center;
  color: #14183a;
  font-size: 30px;
  font-weight: 600;
  margin: 0 0 36px;
}

.ahx-nodown__row {
  --bs-gutter-x: 24px;
  row-gap: 24px;
}

.ahx-nodown__card {
  height: 100%;
  padding: 24px;
  border-radius: 10px;
  background: #111a4d;
  background: linear-gradient(135deg, #10164a 0%, #1b2a6b 100%);
  transition: box-shadow 0.35s ease, transform 0.35s cubic-bezier(0.22, 1, 0.36, 1);
}

.ahx-nodown__card:hover {
  box-shadow: 0 1rem 30px rgba(16, 22, 74, 0.28);
  transform: translateY(-4px);
}

/* Ghosted index sits above the label as a quiet marker */
.ahx-nodown__num {
  display: block;
  color: rgba(255, 255, 255, 0.22);
  font-size: 40px;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 26px;
}

.ahx-nodown__name {
  color: #ffffff;
  font-size: 1rem;
  font-weight: 600;
  margin: 0 0 1rem;
}

.ahx-nodown__desc {
  color: #c3cbe6;
  font-size: 1rem;
  line-height: 1.7;
  margin: 0;
}

@media (max-width: 991.98px) {
  .ahx-nodown { padding: 60px 0; }
  .ahx-nodown__title { font-size: 26px; margin-bottom: 28px; }
  .ahx-nodown__num { font-size: 34px; margin-bottom: 20px; }
}

@media (max-width: 575.98px) {
  .ahx-nodown { padding: 48px 0; }
  .ahx-nodown__title { font-size: 21px; }
  .ahx-nodown__card { padding: 20px; }
}

/* ==========================================================================
   AHX Proven Environments (deployment story cards) — Private 5G
   ========================================================================== */

.ahx-proven {
  background: #ffffff;
  padding: 70px 0;
  font-family: "Inter", sans-serif!important;
}

.ahx-proven__title {
  color: #14183a;
  font-size: 30px;
  font-weight: 600;
  margin: 0 0 34px;
}

.ahx-proven__row {
  --bs-gutter-x: 24px;
  row-gap: 24px;
}

/* Column layout so the deployment strip always sits on the card floor */
.ahx-proven__card {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 24px;
  border: 1px solid #e2e5ec;
  border-radius: 8px;
  background: #ffffff;
  transition: border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);
}

.ahx-proven__card:hover {
  border-color: #3654e6;
  box-shadow: 0 12px 24px rgba(20, 24, 58, 0.08);
  transform: translateY(-3px);
}

.ahx-proven__label {
  display: block;
  color: #14183a;
  font-size: 1rem;
  font-weight: 500;
  margin-bottom: 1rem;
}

.ahx-proven__value {
  color: #14183a;
  font-size: 34px;
  font-weight: 400;
  line-height: 1.2;
  margin: 0 0 20px;
}

.ahx-proven__lead {
  color: #14183a;
  font-size: 1rem;
  line-height: 1.6;
  margin: 0 0 18px;
}

.ahx-proven__desc {
  color: #5b6178;
  font-size: 1rem;
  line-height: 1.7;
  margin: 0 0 22px;
}

.ahx-proven__deployed {
  margin-top: auto;
  padding: 12px 1rem;
  border-radius: 6px;
  background: #14183a;
  color: #ffffff;
  font-size: 11.5px;
  line-height: 1.6;
}

@media (max-width: 991.98px) {
  .ahx-proven { padding: 60px 0; }
  .ahx-proven__title { font-size: 26px; margin-bottom: 26px; }
  .ahx-proven__value { font-size: 30px; }
}

@media (max-width: 575.98px) {
  .ahx-proven { padding: 48px 0; }
  .ahx-proven__title { font-size: 21px; }
  .ahx-proven__card { padding: 20px; }
  .ahx-proven__value { font-size: 26px; }
}

/* ==========================================================================
   AHX Enterprise Applications (light pill strip + detail panel) — Private 5G
   ========================================================================== */

.ahx-eapp {
  background: #e9f0fb;
  background: linear-gradient(180deg, #eaf1fc 0%, #f3f7fe 100%);
  padding: 70px 0;
  font-family: "Inter", sans-serif!important;
}

.ahx-eapp__title {
  color: #14183a;
  font-size: 30px;
  font-weight: 600;
  margin: 0 0 18px;
}

.ahx-eapp__intro {
  color: #3b4a8c;
  font-size: 1rem;
  line-height: 1.8;
  margin: 0 0 1rem;
}

/* Pill strip with the arrows parked at its right edge */
.ahx-eapp__bar {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin: 28px 0 36px;
}

.ahx-eapp__tabs {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex: 1 1 auto;
  overflow-x: auto;
  scrollbar-width: none;
  padding: 2px;
}

.ahx-eapp__tabs::-webkit-scrollbar {
  display: none;
}

.ahx-eapp__tab {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  flex: 0 0 auto;
  padding: 11px 22px;
  border: 1px solid #b9d1f5;
  border-radius: 50px;
  background: transparent;
  color: #4a7fd6;
  font-size: 1rem;
  white-space: nowrap;
  cursor: pointer;
  transition: background 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}

.ahx-eapp__tab:hover {
  border-color: #3654e6;
  color: #14183a;
}

.ahx-eapp__tab.is-active {
  border-color: #2f6fe4;
  background: #2f6fe4;
  color: #ffffff;
}

/* Marker shows only on the selected pill */
.ahx-eapp__dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #ffffff;
  display: none;
}

.ahx-eapp__tab.is-active .ahx-eapp__dot {
  display: inline-block;
}

.ahx-eapp__nav {
  display: flex;
  gap: 8px;
  flex: 0 0 auto;
}

.ahx-eapp__arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border: 0;
  border-radius: 50%;
  background: #14183a;
  color: #ffffff;
  cursor: pointer;
  transition: background 0.3s ease, transform 0.3s ease;
}

.ahx-eapp__arrow:hover {
  background: #2f6fe4;
  transform: translateY(-2px);
}

/* Only the selected application is rendered */
.ahx-eapp__panel {
  display: none;
}

.ahx-eapp__panel.is-active {
  display: block;
}

.ahx-eapp__row {
  --bs-gutter-x: 40px;
  row-gap: 26px;
}

.ahx-eapp__img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 8px;
}

.ahx-eapp__name {
  color: #14183a;
  font-size: 30px;
  font-weight: 500;
  margin: 0 0 20px;
}

.ahx-eapp__lead {
  color: #2f6fe4;
  font-size: 1rem;
  line-height: 1.7;
  margin: 0 0 26px;
}

.ahx-eapp__list {
  margin: 0;
  padding-left: 18px;
}

.ahx-eapp__item {
  color: #4b5068;
  font-size: 1rem;
  line-height: 1.7;
}

.ahx-eapp__item + .ahx-eapp__item {
  margin-top: 12px;
}

@media (max-width: 991.98px) {
  .ahx-eapp { padding: 60px 0; }
  .ahx-eapp__title { font-size: 26px; }
  .ahx-eapp__bar { margin-bottom: 30px; }
  .ahx-eapp__name { font-size: 24px; }
}

@media (max-width: 575.98px) {
  .ahx-eapp { padding: 48px 0; }
  .ahx-eapp__title { font-size: 21px; }
  .ahx-eapp__tab { padding: 10px 18px; font-size: 1rem; }
  .ahx-eapp__name { font-size: 21px; }
}

/* ==========================================================================
   AHX More Than a Private Network (platform-layer slider) — Private 5G
   ========================================================================== */

.ahx-morep {
  position: relative;
  overflow: hidden;
  background: #0b1136;
  background: linear-gradient(180deg, #10173f 0%, #0b1136 100%);
  padding: 70px 0;
  font-family: "Inter", sans-serif!important;
}

/* Heading block on the left, arrows parked on the right */
.ahx-morep__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 40px;
}

.ahx-morep__intro-wrap {
  max-width: 860px;
}

.ahx-morep__title {
  color: #ffffff !important;
  font-size: 30px;
  font-weight: 600;
  line-height: 1.3;
  margin: 0 0 1rem;
}

.ahx-morep__intro {
  color: #b8c1e0;
  font-size: 1rem;
  line-height: 1.8;
  margin: 0;
}

.ahx-morep__nav {
  flex: 0 0 auto;
  display: flex;
  gap: 8px;
  margin-top: 42px;
}

.ahx-morep__arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border: 0;
  border-radius: 50%;
  background: #ffffff;
  color: #14183a;
  cursor: pointer;
  transition: background 0.3s ease, transform 0.3s ease;
}

.ahx-morep__arrow:hover {
  background: #dbe1f5;
  transform: translateY(-2px);
}

/* Before slick initialises, show only the first slide instead of stacking */
.ahx-morep__slider:not(.slick-initialized) .ahx-morep__slide:not(:first-child) {
  display: none;
}

.ahx-morep__slider .slick-slide {
  height: auto;
  outline: none;
}

.ahx-morep__row {
  --bs-gutter-x: 40px;
  row-gap: 26px;
}

.ahx-morep__img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 6px;
}

.ahx-morep__name {
  color: #ffffff;
  font-size: 26px;
  font-weight: 500;
  margin: 0 0 18px;
}

.ahx-morep__lead {
  color: #ffffff;
  font-size: 1rem;
  font-weight: 500;
  margin: 0 0 1rem;
}

.ahx-morep__desc {
  color: #c3cbe6;
  font-size: 1rem;
  line-height: 1.8;
  margin: 0 0 24px;
}

.ahx-morep__list {
  margin: 0 0 28px;
  padding: 0;
  list-style: none;
}

.ahx-morep__item {
  position: relative;
  color: #dbe1f5;
  font-size: 1rem;
  line-height: 1.6;
  padding-left: 20px;
}

.ahx-morep__item + .ahx-morep__item {
  margin-top: 1rem;
}

.ahx-morep__item::before {
  content: '\203A';
  position: absolute;
  top: -1px;
  left: 0;
  color: rgba(255, 255, 255, 0.55);
  font-size: 1rem;
  line-height: 1.5;
}

.ahx-morep__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 1rem 26px;
  border: 1px solid transparent;
  border-radius: 50px;
  background: #789FF4;
  background: radial-gradient(circle, rgba(120, 159, 244, 1) 0%, rgba(51, 106, 231, 1) 100%);
  color: #ffffff;
  font-size: 1rem;
  font-weight: 500;
  text-decoration: none;
  transition: color 0.3s ease, background 0.3s ease, border-color 0.3s ease;
}

.ahx-morep__btn:hover {
  border-color: #ffffff;
  background: #ffffff !important;
  color: #0c144e;
}

@media (max-width: 991.98px) {
  .ahx-morep { padding: 60px 0; }
  .ahx-morep__head { flex-direction: column; margin-bottom: 30px; }
  .ahx-morep__nav { margin-top: 0; }
  .ahx-morep__title { font-size: 26px; }
  .ahx-morep__name { font-size: 22px; }
}

@media (max-width: 575.98px) {
  .ahx-morep { padding: 48px 0; }
  .ahx-morep__title { font-size: 21px; }
  .ahx-morep__name { font-size: 20px; }
  .ahx-morep__btn { width: 100%; }
}

/* ==========================================================================
   AHX Private 5G Foundation (narrative left, proof-point grid right)
   ========================================================================== */

.ahx-pfound {
  position: relative;
  overflow: hidden;
  background-color: #ffffff;
  /* Artwork anchors the bottom-left corner behind the copy */
  background-image: url('../images/revamp/private-5g/img-private-5g.png');
  background-repeat: no-repeat;
  background-position: right bottom; 
  padding: 80px 0;
  font-family: "Inter", sans-serif!important;
}

.ahx-pfound .container {
  position: relative;
  z-index: 1;
}

.ahx-pfound__row {
  --bs-gutter-x: 46px;
  row-gap: 32px;
}

.ahx-pfound__title {
  color: #14183a;
  font-size: 30px;
  font-weight: 600;
  line-height: 1.3;
  margin: 0 0 24px;
}

.ahx-pfound__desc {
  color: #3b4a8c;
  font-size: 1rem;
  line-height: 1.8;
  margin: 0 0 18px;
}

.ahx-pfound__desc:last-child {
  margin-bottom: 0;
}

.ahx-pfound__cards {
  --bs-gutter-x: 1rem;
  row-gap: 1rem;
}

.ahx-pfound__card {
  height: 100%;
  padding: 20px 22px;
  border: 1px solid #e2e5ec;
  border-radius: 8px;
  background: #ffffff;
  transition: border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);
}

.ahx-pfound__card:hover {
  border-color: #3654e6;
  box-shadow: 0 12px 24px rgba(20, 24, 58, 0.08);
  transform: translateY(-3px);
}

.ahx-pfound__value {
  color: #14183a;
  font-size: 18px;
  font-weight: 600;
  margin: 0 0 10px;
}

.ahx-pfound__note {
  color: #5b6178;
  font-size: 1rem;
  line-height: 1.6;
  margin: 0;
}

@media (max-width: 991.98px) {
  .ahx-pfound { padding: 60px 0; background-size: 90% auto; }
  .ahx-pfound__title { font-size: 26px; margin-bottom: 18px; }
}

@media (max-width: 575.98px) {
  .ahx-pfound { padding: 48px 0; background-image: none; }
  .ahx-pfound__title { font-size: 22px; }
  .ahx-pfound__card { padding: 18px 20px; }
}

/* ==========================================================================
   AHX One Core (narrative left, cross-solution cards right) — 5G Core
   ========================================================================== */

.ahx-onecore {
  background: #ffffff;
  padding: 70px 0;
  font-family: "Inter", sans-serif!important;
}

.ahx-onecore__row {
  --bs-gutter-x: 40px;
  row-gap: 30px;
}

.ahx-onecore__title {
  color: #14183a;
  font-size: 30px;
  font-weight: 600;
  line-height: 1.25;
  margin: 0 0 20px;
}

.ahx-onecore__desc {
  color: #3b4a8c;
  font-size: 1rem;
  line-height: 1.8;
  margin: 0 0 28px;
}

.ahx-onecore__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 1rem 28px;
  border: 1px solid transparent;
  border-radius: 50px;
  background: #789FF4;
  background: radial-gradient(circle, rgba(120, 159, 244, 1) 0%, rgba(51, 106, 231, 1) 100%);
  color: #ffffff;
  font-size: 1rem;
  font-weight: 500;
  text-decoration: none;
  transition: color 0.3s ease, background 0.3s ease, border-color 0.3s ease;
}

.ahx-onecore__btn:hover {
  border-color: #336ae7;
  background: #ffffff !important;
  color: #0c144e;
}

/* Full-width lead card sits above the three supporting cards */
.ahx-onecore__lead {
  padding: 18px 22px;
  margin-bottom: 20px;
  border: 1px solid #d7dbe6;
  border-radius: 8px;
  background: #ffffff;
  color: #14183a;
  font-size: 1rem;
  font-weight: 500;
  transition: border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);
}

.ahx-onecore__cards {
  --bs-gutter-x: 20px;
  row-gap: 20px;
}

.ahx-onecore__card {
  height: 100%;
  min-height: 110px;
  padding: 20px 22px;
  border: 1px solid #e2e5ec;
  border-radius: 8px;
  background: #ffffff;
  color: #14183a;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  transition: border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);
}

.ahx-onecore__lead:hover,
.ahx-onecore__card:hover {
  border-color: #3654e6;
  box-shadow: 0 12px 24px rgba(20, 24, 58, 0.08);
  transform: translateY(-3px);
}

@media (max-width: 991.98px) {
  .ahx-onecore { padding: 60px 0; }
  .ahx-onecore__title { font-size: 26px; }
  .ahx-onecore__card { min-height: 0; }
}

@media (max-width: 575.98px) {
  .ahx-onecore { padding: 48px 0; }
  .ahx-onecore__title { font-size: 22px; }
  .ahx-onecore__btn { width: 100%; }
  .ahx-onecore__lead { padding: 1rem 18px; }
  .ahx-onecore__card { padding: 18px; }
}

/* ==========================================================================
   AHX Solution Highlights (chip grid on a dark band) — 5G Core
   ========================================================================== */

.ahx-highlights {
  background: linear-gradient(180deg, #131a4f 0%, #0f1544 100%);
  padding: 70px 0;
  font-family: "Inter", sans-serif!important;
}

.ahx-highlights__title {
  text-align: center;
  color: #ffffff !important;
  font-size: 30px;
  font-weight: 600;
  margin: 0 0 36px;
}

.ahx-highlights__row {
  --bs-gutter-x: 20px;
  row-gap: 1rem;
}

.ahx-highlights__pill {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  min-height: 52px;
  padding: 1rem 18px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.12);
  color: #ffffff;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  text-align: center;
  transition: background 0.3s ease, border-color 0.3s ease, transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);
}

.ahx-highlights__pill:hover {
  border-color: rgba(255, 255, 255, 0.55);
  background: rgba(255, 255, 255, 0.2);
  transform: translateY(-3px);
}

@media (max-width: 991.98px) {
  .ahx-highlights { padding: 60px 0; }
  .ahx-highlights__title { font-size: 26px; margin-bottom: 28px; }
}

@media (max-width: 575.98px) {
  .ahx-highlights { padding: 48px 0; }
  .ahx-highlights__title { font-size: 21px; }
  .ahx-highlights__pill { min-height: 46px; padding: 12px 1rem; font-size: 1rem; }
}

/* ==========================================================================
   AHX CoreLens (console capability cards on a dark band) — 5G Core
   ========================================================================== */

.ahx-corelens {
  position: relative;
  overflow: hidden;
  background: #0b1136;
  padding: 70px 0;
  font-family: "Inter", sans-serif!important;
}

/* Soft glow behind the heading so the flat navy does not read as a block */
.ahx-corelens::before {
  content: '';
  position: absolute;
  top: -220px;
  left: 50%;
  z-index: 0;
  width: 900px;
  height: 520px;
  transform: translateX(-50%);
  background: radial-gradient(ellipse at center, rgba(54, 84, 230, 0.35) 0%, rgba(11, 17, 54, 0) 70%);
  pointer-events: none;
}

.ahx-corelens .container {
  position: relative;
  z-index: 1;
}

.ahx-corelens__title {
  text-align: center;
  color: #ffffff !important;
  font-size: 30px;
  font-weight: 600;
  line-height: 1.3;
  margin: 0 0 18px;
}

.ahx-corelens__intro {
  text-align: center;
  color: #b8c1e0;
  font-size: 1rem;
  line-height: 1.8;
  margin: 0 auto 40px;
  max-width: 860px;
}

.ahx-corelens__row {
  --bs-gutter-x: 24px;
  row-gap: 24px;
}

.ahx-corelens__card {
  height: 100%;
  padding: 26px 24px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.05);
  transition: background 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease, transform 0.35s cubic-bezier(0.22, 1, 0.36, 1);
}

/* Hover flips the card to the light treatment shown in the design */
.ahx-corelens__card:hover {
  border-color: #ffffff;
  background: #ffffff;
  box-shadow: 0 18px 34px rgba(3, 7, 30, 0.45);
  transform: translateY(-4px);
}

.ahx-corelens__name {
  color: #ffffff;
  font-size: 1rem;
  font-weight: 600;
  margin: 0 0 22px;
  transition: color 0.35s ease;
}

.ahx-corelens__card:hover .ahx-corelens__name {
  color: #14183a;
}

.ahx-corelens__list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.ahx-corelens__item {
  position: relative;
  color: #d5dcf2;
  font-size: 1rem;
  line-height: 1.6;
  padding-left: 20px;
  transition: color 0.35s ease;
}

.ahx-corelens__item + .ahx-corelens__item {
  margin-top: 1rem;
}

.ahx-corelens__item::before {
  content: '\203A';
  position: absolute;
  top: -1px;
  left: 0;
  color: rgba(255, 255, 255, 0.55);
  font-size: 1rem;
  line-height: 1.5;
  transition: color 0.35s ease;
}

.ahx-corelens__card:hover .ahx-corelens__item {
  color: #3b4a8c;
}

.ahx-corelens__card:hover .ahx-corelens__item::before {
  color: #3654e6;
}

@media (max-width: 991.98px) {
  .ahx-corelens { padding: 60px 0; }
  .ahx-corelens__title { font-size: 26px; }
  .ahx-corelens__intro { margin-bottom: 30px; }
}

@media (max-width: 575.98px) {
  .ahx-corelens { padding: 48px 0; }
  .ahx-corelens__title { font-size: 21px; }
  .ahx-corelens__card { padding: 22px 20px; }
}

/* ==========================================================================
   AHX Healthcare Stats (4-up metric cards + standards strip)
   ========================================================================== */

.ahx-hcstats {
  background: #ffffff;
  font-family: "Inter", sans-serif!important;
}

.ahx-hcstats__inner {
  padding: 56px 0 40px;
}

.ahx-hcstats__row {
  --bs-gutter-x: 20px;
  row-gap: 20px;
}

.ahx-hcstats__card {
  height: 100%;
  background: #ffffff;
  border: 2px solid #e2e5ec;
  border-radius: 12px;
  padding: 24px 22px;
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

 
.ahx-hcstats__card:hover {
  border-color: #3654e6;
  box-shadow: 0 12px 28px rgba(20, 24, 58, 0.08);
    border: 2px solid #14183a;
}

.ahx-hcstats__label {
  color: #5b6178;
  font-size: 1rem;
  font-weight: 500;
  margin: 0 0 10px;
}

.ahx-hcstats__value {
  color: #14183a;
  font-size: 33px;
  font-weight: 600;
  line-height: 1.15;
  margin-bottom: 12px;
}

.ahx-hcstats__desc {
  color: #8a90a6;
  font-size: 1rem;
  line-height: 1.5;
  margin: 0;
}

.ahx-hcstd {
  background: #eef3fc;
  padding: 18px 0;
}

.ahx-hcstd__list {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 8px 1rem;
  margin: 0;
  padding: 0;
}

.ahx-hcstd__list li {
  position: relative;
  color: #3b4a8c;
  font-size: 1rem;
  font-weight: 500;
  padding-right: 18px;
}

.ahx-hcstd__list li::after {
  content: '\00b7';
  position: absolute;
  right: 4px;
  top: 0;
  color: #a9b6da;
  font-weight: 700;
}

.ahx-hcstd__list li:last-child {
  padding-right: 0;
}

.ahx-hcstd__list li:last-child::after {
  content: none;
}

@media (max-width: 991.98px) {
  .ahx-hcstats__inner { padding: 44px 0 32px; }
  .ahx-hcstats__value { font-size: 28px; }
}

@media (max-width: 575.98px) {
  .ahx-hcstats__inner { padding: 36px 0 28px; }
  .ahx-hcstats__card { padding: 20px 18px; }
  .ahx-hcstats__card--active { padding: 19px 17px; }
  .ahx-hcstats__value { font-size: 26px; }
  .ahx-hcstd__list { gap: 8px 10px; }
  .ahx-hcstd__list li { font-size: 1rem; padding-right: 1rem; }
}

/* ==========================================================================
   AHX Healthcare Organizations (logo strip stepped by arrows)
   ========================================================================== */

.ahx-hcorg {
  background: #ffffff;
  padding: 50px 0 0;
  font-family: "Inter", sans-serif!important;
}

.ahx-hcorg__inner {
  padding-bottom: 40px; 
}

.ahx-hcorg__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 30px;
}

.ahx-hcorg__title {
  color: #14183a;
  font-size: 22px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  margin: 0 0 10px;
}

.ahx-hcorg__subtitle {
  color: #8a90a6;
  font-size: 1rem;
  line-height: 1.6;
  margin: 0;
  max-width: 720px;
}

.ahx-hcorg__nav {
  flex: 0 0 auto;
  display: flex;
  gap: 8px;
  margin-top: 4px;
}

.ahx-hcorg__arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border: 0;
  border-radius: 50%;
  background: #14183a;
  color: #ffffff;
  cursor: pointer;
  transition: background 0.3s ease, transform 0.3s ease;
}

.ahx-hcorg__arrow:hover {
  background: #2f6fe4;
  transform: translateY(-2px);
}

/* Before slick initialises, lay the logos out in a plain single row —
   the duplicate set that makes the loop possible stays hidden */
.ahx-hcorg__slider:not(.slick-initialized) {
  display: flex;
  gap: 20px;
}

.ahx-hcorg__slider:not(.slick-initialized) .ahx-hcorg__slide {
  flex: 1 1 0;
}

.ahx-hcorg__slider:not(.slick-initialized) .ahx-hcorg__slide:nth-child(n+7) {
  display: none !important;
}

.ahx-hcorg__slider .slick-slide {
  outline: none;
}

.ahx-hcorg__slide {
  display: flex !important;
  align-items: center;
  justify-content: center;
  height: 80px;
  padding: 0 1rem;
}

.ahx-hcorg__logo {
  max-width: 100%;
  max-height: 68px;
  width: auto;
  height: auto;
  opacity: 0.9;
  transition: opacity 0.3s ease, transform 0.3s ease;
}

.ahx-hcorg__logo:hover {
  opacity: 1;
  transform: translateY(-2px);
}

@media (max-width: 991.98px) {
  .ahx-hcorg { padding: 44px 0 0; }
  .ahx-hcorg__inner { padding-bottom: 32px; }
  .ahx-hcorg__title { font-size: 19px; }
  .ahx-hcorg__head { flex-direction: column; }
}

@media (max-width: 575.98px) {
  .ahx-hcorg { padding: 36px 0 0; }
  .ahx-hcorg__inner { padding-bottom: 26px; }
  .ahx-hcorg__title { font-size: 17px; }
  .ahx-hcorg__logo { max-height: 34px; }
}

/* ==========================================================================
   AHX-HCSVC Section ("Engineering the Technology Behind..." capability
   cards — healthcare-revamp page). Continuous autoplay slick carousel with
   bottom prev/next arrow navigation and an animated gradient-border hover,
   replacing the old static .ahxwwd-card grid (whose CSS now belongs to a
   differently-shaped section on home-revamp and no longer applies here).
   Unique namespace: "ahx-hcsvc-" — isolated from every other section.
   ========================================================================== */

.ahx-hcsvc-section {
  padding: 60px 0;
  background: #FBF7EF;
  font-family: "Inter", sans-serif !important;
}

.ahx-hcsvc-head { margin-bottom: 40px; }

.ahx-hcsvc-eyebrow {
  display: block;
  color: #0070AD;
  font-weight: 500;
  font-size: clamp(24px, 2rem + 10px, 42px);
  margin-bottom: 16px;
}

.ahx-hcsvc-desc {
  color: #3a3f52; 
  line-height: 1.6;
  margin: 0;
}

/* Breaks the slider out to full viewport width while .ahx-hcsvc-head (the
   eyebrow/description) stays at the normal contained width — same
   100vw/-50vw full-bleed technique used for the logo slider above. */
.ahx-hcsvc-slider {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}
.ahx-hcsvc-slider .slick-slide { outline: none; height: auto; }
/* Content length now varies a lot per card (4-6 bullets), so equalize
   each row's height rather than letting shorter cards look truncated. */
.ahx-hcsvc-slider .slick-track { display: flex; align-items: stretch; }
.ahx-hcsvc-slider .slick-slide > div { height: 100%; }

/* Before slick initialises, lay the cards out in a plain flex row so
   there's no flash of stacked content before JS takes over. */
.ahx-hcsvc-slider:not(.slick-initialized) { display: flex; }
.ahx-hcsvc-slider:not(.slick-initialized) .ahx-hcsvc-slide { flex: 1 1 0; }

.ahx-hcsvc-slide { padding: 0 12px; outline: none; }

@property --ahx-hcsvc-angle {
  syntax: '<angle>';
  inherits: false;
  initial-value: 0deg;
}

.ahx-hcsvc-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  border-radius: 20px;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  border: 2px solid transparent;
  color: #252525!important;
  background: #F2F1EA;
}

/* Rotating gradient border, blue-toned, shown and animated on hover only —
   same technique used for the capability cards elsewhere on the site. */
.ahx-hcsvc-card:hover {
  background:
    linear-gradient(#EDE8DC, #EDE8DC) padding-box,
    conic-gradient(from var(--ahx-hcsvc-angle), transparent 0deg, transparent 270deg, #38b6ff 270deg, #0070AD 300deg, #003b5c 330deg, transparent 360deg) border-box;
  animation: ahx-hcsvc-border-spin 2s linear infinite;
}

@keyframes ahx-hcsvc-border-spin {
  to { --ahx-hcsvc-angle: -360deg; }
}

.ahx-hcsvc-card__media {
  position: relative;
  overflow: hidden;
  border-radius: 14px 14px 0 0;
  aspect-ratio: 4 / 3;
  margin-bottom: 20px;
}
.ahx-hcsvc-card__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.35s ease;
}
.ahx-hcsvc-card:hover .ahx-hcsvc-card__media img { transform: scale(1.05); }

.ahx-hcsvc-card__arrow {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transform: translateY(-6px);
  transition: opacity 0.25s ease, transform 0.25s ease;
}
.ahx-hcsvc-card__arrow i { color: #0070AD; font-size: 0.9rem; }
.ahx-hcsvc-card:hover .ahx-hcsvc-card__arrow { opacity: 1; transform: translateY(0); }

.ahx-hcsvc-card__body { display: flex; flex-direction: column; flex: 1; padding: 24px; }

.ahx-hcsvc-card__title { 
  color: #0070AD;
    font-weight: 600;
    font-size: 1.35rem;
    line-height: 1.3;
    margin-bottom: 12px;
  text-transform: capitalize; 
}

.ahx-hcsvc-card__desc {
  color: #252525; 
  line-height: 1.12;
  margin-bottom: 16px;
}

.ahx-hcsvc-card__list {
  list-style: disc;
  margin: 0 0 16px 24px;
  padding-left: 1.1rem;
  color: #252525;
    font-size: 0.9rem;
    line-height: 1.6; min-height: 180px;
}
.ahx-hcsvc-card__list li { margin-bottom: 4px!important; } 


.ahx-hcsvc-card__list li::marker {
    color: #5c5959;
  font-size: 0.9rem!important;
}

.ahx-hcsvc-card__explore {
  color: #0070AD;
  font-size: 24px;
  line-height: 1.12;
  font-weight: 600;
  text-decoration: underline;
  margin-top: auto;
}

/* Bottom prev/next arrow navigation (custom buttons, not slick's dots) */
.ahx-hcsvc-nav {
  display: flex;
  justify-content: center;
  gap: 14px;
  margin-top: 30px;
}
.ahx-hcsvc-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  border: none;
  background: #0070AD;
  color: #ffffff;
  cursor: pointer;
  transition: opacity 0.2s ease;
}
.ahx-hcsvc-arrow:hover { opacity: 0.85; }
.ahx-hcsvc-arrow i { font-size: 1.1rem; }

/* Impact stats slider — prev/next arrows anchored bottom-right */
.ahx-hcstat3-nav {
  display: flex;
  justify-content: flex-end;
  gap: 14px;
  margin-top: 20px;
}

@media (max-width: 991.98px) {
  .ahx-hcsvc-section { text-align: center; }
  .ahx-hcsvc-card { text-align: left; }
}

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

/* ==========================================================================
   AHX Platform Suite ("One connected platform. Endless possibilities.")
   ========================================================================== */

.ahx-platsuite {
  position: relative;
  background: #0B0F3A;
  background: linear-gradient(180deg, #0B0F3A 0%, #0E1341 100%);
  padding: 70px 0;
  font-family: "Inter", sans-serif!important;
  overflow: hidden;
}

.ahx-platsuite__eyebrow {
  color: #FFFFFF;
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  margin: 0 0 1rem;
}

.ahx-platsuite__title {
  color: #ffffff!important;
  font-size: 2.5rem;
  font-weight: 500;
  line-height: 1.25;
  margin: 0 0 1rem; 
}

.ahx-platsuite__desc {
  color: #FFFFFF;
  font-size: 1rem;
  line-height: 1.7; 
  margin: 0 0 56px;
}

.ahx-platsuite__layers {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 56px;
}

 

.ahx-platsuite__row {
  position: relative;
  display: flex;
  align-items: center;
  gap: 48px;
}

.ahx-platsuite__row--reverse {
  flex-direction: row-reverse;
}

.ahx-platsuite__media {
  flex: 0 0 40%;
  max-width: 40%;
}

.ahx-platsuite__img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 1rem;
}

.ahx-platsuite__content {
  flex: 1 1 auto;
  min-width: 0;  
}

.ahx-platsuite__layer-label {
  color: #FFFFFF;
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  margin: 0 0 12px;
}

.ahx-platsuite__layer-title {
  color: #ffffff;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.4;
  margin: 0 0 1rem;
}

.ahx-platsuite__layer-title span {
  display: block;
}

.ahx-platsuite__lead {
  color: #ffffff;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.6;
  margin: 0 0 12px;
}

.ahx-platsuite__text {
  color: #ffffff;
  font-size: 1rem;
  line-height: 1.7;
  margin: 0 0 20px;
}

.ahx-platsuite__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.ahx-platsuite__list li {
  position: relative;
  color: #ffffff;
  font-size: 1rem;
  line-height: 1.6;
  padding-left: 18px; margin-bottom:20px;
}

.ahx-platsuite__list li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 8px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #ffffff;
}

@media (max-width: 991.98px) {
  .ahx-platsuite { padding: 56px 0; }
  .ahx-platsuite__title { font-size: 26px; }
  .ahx-platsuite__desc { margin-bottom: 40px; }
  .ahx-platsuite__layers { gap: 44px; }
  .ahx-platsuite__layers::before { display: none; }
  .ahx-platsuite__row,
  .ahx-platsuite__row--reverse {
    flex-direction: column;
    align-items: stretch;
    gap: 24px;
  }
  .ahx-platsuite__media { max-width: 100%; }
}

@media (max-width: 575.98px) {
  .ahx-platsuite { padding: 44px 0; }
  .ahx-platsuite__title { font-size: 22px; }
  .ahx-platsuite__layer-title { font-size: 19px; }
}

/* ==========================================================================
   AHX Healthcare Metrics (4-up value cards + compliance strip)
   ========================================================================== */

.ahx-hcmetrics {
  background: #ffffff;
  font-family: "Inter", sans-serif!important;
}

.ahx-hcmetrics__inner {
  padding: 56px 0 40px;
}

.ahx-hcmetrics__row {
  --bs-gutter-x: 20px;
  row-gap: 20px;
}

.ahx-hcmetrics__card {
  height: 100%;
  background: #ffffff;
  border: 2px solid #e2e5ec;
  border-radius: 12px;
  padding: 26px 24px;
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

 

.ahx-hcmetrics__card:hover {
  border-color: #3654e6;
  box-shadow: 0 12px 28px rgba(20, 24, 58, 0.08);
  border: 2px solid #14183a;
}

.ahx-hcmetrics__value {
  color: #14183a;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 1rem;
}

.ahx-hcmetrics__desc {
  color: #5b6178;
  font-size: 1rem;
  line-height: 1.6;
  margin: 0;
}

.ahx-hcstd__list-label {
  color: #14183a;
  font-weight: 600;
}

@media (max-width: 991.98px) {
  .ahx-hcmetrics__inner { padding: 44px 0 32px; }
  .ahx-hcmetrics__value { font-size: 26px; }
}

@media (max-width: 575.98px) {
  .ahx-hcmetrics__inner { padding: 36px 0 28px; }
  .ahx-hcmetrics__card { padding: 22px 20px; }
  .ahx-hcmetrics__card--active { padding: 21px 19px; }
  .ahx-hcmetrics__value { font-size: 24px; }
}

/* ==========================================================================
   AHX Measurable Impact (6-up value cards, border darkens on hover only)
   ========================================================================== */

.ahx-impact {
  background: #ffffff;
  padding: 70px 0;
  font-family: "Inter", sans-serif!important;
}

.ahx-impact__title {
  color: #14183a;
  font-size: 30px;
  font-weight: 700;
  margin: 0 0 12px;
}

.ahx-impact__subtitle {
  color: #5b6178;
  font-size: 1rem;
  line-height: 1.6;
  margin: 0 0 36px;
}

.ahx-impact__row {
  --bs-gutter-x: 20px;
  row-gap: 20px;
}

.ahx-impact__card {
  height: 100%;
  background: #ffffff;
  border: 1px solid #e2e5ec;
  border-radius: 12px;
  padding: 24px 22px;
  transition: border-color 0.3s ease;
}

.ahx-impact__card:hover {
  border-color: #14183a;
}

.ahx-impact__value {
  color: #14183a;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 1rem;
}

.ahx-impact__desc {
  color: #5b6178;
  font-size: 1rem;
  line-height: 1.6;
  margin: 0;
}

@media (max-width: 991.98px) {
  .ahx-impact { padding: 56px 0; }
  .ahx-impact__title { font-size: 26px; }
  .ahx-impact__value { font-size: 25px; }
}

@media (max-width: 575.98px) {
  .ahx-impact { padding: 44px 0; }
  .ahx-impact__title { font-size: 22px; }
  .ahx-impact__subtitle { margin-bottom: 28px; }
  .ahx-impact__card { padding: 20px 18px; }
  .ahx-impact__value { font-size: 23px; }
}

/* ==========================================================================
   AHX Healthcare Case Studies (bordered cards + centered CTA)
   ========================================================================== */

.ahx-hccase {
  background: #ffffff;
  padding: 70px 0;
  font-family: "Inter", sans-serif!important;
}

.ahx-hccase__eyebrow {
  color: #14183a;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  margin: 0 0 1rem;
}

.ahx-hccase__title {
  color: #14183a;
  font-size: 30px;
  font-weight: 700;
  margin: 0 0 12px;
}

.ahx-hccase__subtitle {
  color: #5b6178;
  font-size: 1rem;
  line-height: 1.6; 
  margin: 0 0 36px;
}

.ahx-hccase__row {
  --bs-gutter-x: 20px;
  row-gap: 20px;
}

.ahx-hccase__card {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: #ffffff;
  border: 1px solid #e2e5ec;
  border-radius: 12px;
  padding: 26px 24px;
  transition: border-color 0.3s ease;
}

.ahx-hccase__card:hover {
  border-color: #14183a;
}

.ahx-hccase__tag {
  color: #14183a;
  font-size: 1rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  line-height: 1.5;
  margin: 0 0 1rem;
}

.ahx-hccase__desc {
  flex: 1 1 auto;
  color: #5b6178;
  font-size: 1rem;
  line-height: 1.7;
  margin: 0 0 20px;
}

.ahx-hccase__result {
  color: #14183a;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.6;
  margin: 0;
}

.ahx-hccase__cta {
  text-align: center;
  margin-top: 40px;
}

.ahx-hccase__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 1rem 40px;
  border-radius: 50px;
  background: #789FF4;
  background: radial-gradient(circle, rgba(120, 159, 244, 1) 0%, rgba(51, 106, 231, 1) 100%);
  color: #ffffff;
  border: 1px solid transparent;
  font-size: 1rem;
  font-weight: 500;
  text-decoration: none;
}

.ahx-hccase__btn:hover {
  color: #ffffff;
  opacity: 0.92;
}

@media (max-width: 991.98px) {
  .ahx-hccase { padding: 56px 0; }
  .ahx-hccase__title { font-size: 26px; }
  .ahx-hccase__row { row-gap: 1rem; }
}

@media (max-width: 575.98px) {
  .ahx-hccase { padding: 44px 0; }
  .ahx-hccase__title { font-size: 22px; }
  .ahx-hccase__subtitle { margin-bottom: 28px; }
  .ahx-hccase__card { padding: 22px 20px; }
  .ahx-hccase__cta { margin-top: 30px; }
  .ahx-hccase__btn { width: 100%; }
}

/* ==========================================================================
   AHX Ecosystem Solutions (light pill strip + detail panel)
   ========================================================================== */

.ahx-ecosys {
  background: #ffffff;
  padding:0 0 70px 0;
  font-family: "Inter", sans-serif!important;
}

.ahx-ecosys__title {
  color: #14183a;
  font-size: 30px;
  font-weight: 700;
  margin: 0 0 12px;
}

.ahx-ecosys__intro {
  color: #5b6178;
  font-size: 1rem;
  line-height: 1.6;
  max-width: 900px;
  margin: 0 0 32px;
}

/* Pill strip with the arrows parked at its right edge */
.ahx-ecosys__bar {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 40px;
}

.ahx-ecosys__tabs {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex: 1 1 auto;
  overflow-x: auto;
  scrollbar-width: none;
  padding: 2px;
}

.ahx-ecosys__tabs::-webkit-scrollbar {
  display: none;
}

.ahx-ecosys__tab {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  flex: 0 0 auto;
  padding: 12px 22px;
  border: 1px solid #3654e6;
  border-radius: 50px;
  background: #ffffff;
  color: #3654e6;
  font-size: 1rem;
  font-weight: 500;
  white-space: nowrap;
  cursor: pointer;
  transition: background 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}

.ahx-ecosys__tab:hover {
  background: #eef3fc;
}

.ahx-ecosys__tab.is-active {
  background: #3654e6;
  border-color: #3654e6;
  color: #ffffff;
}

/* Marker shows only on the selected pill */
.ahx-ecosys__dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #ffffff;
  display: none;
}

.ahx-ecosys__tab.is-active .ahx-ecosys__dot {
  display: inline-block;
}

.ahx-ecosys__nav {
  display: flex;
  gap: 8px;
  flex: 0 0 auto;
}

.ahx-ecosys__arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border: 0;
  border-radius: 50%;
  background: #14183a;
  color: #ffffff;
  cursor: pointer;
  transition: background 0.3s ease, transform 0.3s ease;
}

.ahx-ecosys__arrow:hover {
  background: #2f6fe4;
  transform: translateY(-2px);
}

/* Only the selected panel is rendered */
.ahx-ecosys__panel {
  display: none;
}

.ahx-ecosys__panel.is-active {
  display: block;
}

.ahx-ecosys__row {
  --bs-gutter-x: 40px;
  row-gap: 26px;
}

.ahx-ecosys__media {
  border: 1px solid #e2e5ec;
  border-radius: 12px;
  padding: 1rem;
  background: #f7f9fd;
}

.ahx-ecosys__img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 8px;
}

.ahx-ecosys__name {
  color: #14183a;
  font-size: 26px;
  font-weight: 600;
  margin: 0 0 1rem;
}

.ahx-ecosys__lead {
  color: #14183a;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.6;
  margin: 0 0 1rem;
}

.ahx-ecosys__desc {
  color: #5b6178;
  font-size: 1rem;
  line-height: 1.7;
  margin: 0 0 20px;
}

.ahx-ecosys__list {
  margin: 0;
  padding-left: 18px;
}

.ahx-ecosys__item {
  color: #3b4256;
  font-size: 1rem;
  line-height: 1.7;
}

.ahx-ecosys__item + .ahx-ecosys__item {
  margin-top: 10px;
}

@media (max-width: 991.98px) {
  .ahx-ecosys { padding: 60px 0; }
  .ahx-ecosys__title { font-size: 26px; }
  .ahx-ecosys__bar { margin-bottom: 30px; }
  .ahx-ecosys__name { font-size: 22px; }
}

@media (max-width: 575.98px) {
  .ahx-ecosys { padding: 48px 0; }
  .ahx-ecosys__title { font-size: 21px; }
  .ahx-ecosys__tab { padding: 10px 18px; font-size: 1rem; }
  .ahx-ecosys__name { font-size: 20px; }
  .ahx-ecosys__lead { font-size: 15px; }
}

/* ==========================================================================
   AHX Amantya Advantage (numbered navy cards, left-aligned intro)
   ========================================================================== */

.ahx-adv {
  background: #ffffff;
  padding: 0 0 80px 0;
  font-family: "Inter", sans-serif!important;
}

.ahx-adv__eyebrow {
  color: #5b6178;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  margin: 0 0 1rem;
}

.ahx-adv__title {
  color: #14183a;
  font-size: 28px;
  font-weight: 600;
  margin: 0 0 1rem;
}

.ahx-adv__intro {
  color: #5b6178;
  font-size: 1rem;
  line-height: 1.7; 
  margin: 0 0 40px;
}

.ahx-adv__row {
  --bs-gutter-x: 24px;
  row-gap: 24px;
}

.ahx-adv__card {
  height: 100%;
  padding: 26px 24px 28px;
  border: 1px solid rgba(255, 255, 255, 0.10);
  border-radius: 8px;
  background: linear-gradient(160deg, #0f1745 0%, #16205e 100%);
  transition: border-color 0.35s ease, box-shadow 0.35s ease, transform 0.35s cubic-bezier(0.22, 1, 0.36, 1);
}

.ahx-adv__card:hover {
  border-color: rgba(120, 159, 244, 0.75);
  box-shadow: 0 1rem 34px rgba(20, 24, 58, 0.28);
  transform: translateY(-4px);
}

.ahx-adv__num {
  display: block;
  color: rgba(255, 255, 255, 0.28);
  font-size: 42px;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 24px;
  transition: color 0.35s ease;
}

.ahx-adv__card:hover .ahx-adv__num {
  color: rgba(255, 255, 255, 0.42);
}

.ahx-adv__desc {
  color: #c3cae8;
  font-size: 1rem;
  line-height: 1.7;
  margin: 0;
}

@media (max-width: 991.98px) {
  .ahx-adv { padding: 60px 0; }
  .ahx-adv__title { font-size: 24px; }
  .ahx-adv__intro { margin-bottom: 30px; }
  .ahx-adv__num { font-size: 38px; margin-bottom: 20px; }
}

@media (max-width: 575.98px) {
  .ahx-adv { padding: 48px 0; }
  .ahx-adv__title { font-size: 21px; }
  .ahx-adv__row { row-gap: 1rem; }
  .ahx-adv__card { padding: 22px 20px 24px; }
  .ahx-adv__num { font-size: 34px; margin-bottom: 18px; }
  .ahx-adv__desc { font-size: 1rem; }
}

/* ==========================================================================
   AHX Built for Financial Services (heading + standards strip)
   ========================================================================== */

.ahx-fsvcstd {
  background: #ffffff;
  padding: 0 0 0 0;
  font-family: "Inter", sans-serif!important;
}

.ahx-fsvcstd__inner {
  padding-bottom: 32px;
}

.ahx-fsvcstd__title {
  color: #14183a;
  font-size: 24px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  margin: 0 0 10px;
}

.ahx-fsvcstd__subtitle {
  color: #5b6178;
  font-size: 1rem;
  line-height: 1.6;
  margin: 0;
}

.ahx-fsvcstd__strip {
  background: #eef3fc;
  padding: 18px 0;
}

.ahx-fsvcstd__list {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 8px 1rem;
  margin: 0;
  padding: 0;
}

.ahx-fsvcstd__list li {
  position: relative;
  color: #3b4a8c;
  font-size: 1rem;
  font-weight: 500;
  padding-right: 18px;
}

.ahx-fsvcstd__list li::after {
  content: '\00b7';
  position: absolute;
  right: 4px;
  top: 0;
  color: #a9b6da;
  font-weight: 700;
}

.ahx-fsvcstd__list li:last-child {
  padding-right: 0;
}

.ahx-fsvcstd__list li:last-child::after {
  content: none;
}

@media (max-width: 575.98px) {
  .ahx-fsvcstd__inner { padding-bottom: 26px; }
  .ahx-fsvcstd__title { font-size: 20px; }
  .ahx-fsvcstd__list { gap: 8px 10px; }
  .ahx-fsvcstd__list li { font-size: 1rem; padding-right: 1rem; }
}

/* ==========================================================================
   AHX Who We Serve (segment stepper — image + content panel)
   ========================================================================== */

.ahx-serve {
  position: relative;
  background: #0B0F3A;
  background: linear-gradient(180deg, #0B0F3A 0%, #0E1341 100%);
  padding: 70px 0;
  font-family: "Inter", sans-serif!important;
  overflow: hidden;
}

.ahx-serve__title {
  color: #ffffff!important;
  font-size: 28px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  margin: 0 0 1rem;
}

.ahx-serve__subtitle {
  color: #d7dcf5;
  font-size: 1rem;
  font-weight: 500;
  margin: 0 0 1rem;
}

.ahx-serve__intro {
  color: #FFFFFF;
  font-size: 1rem;
  line-height: 1.7; 
  margin: 0 0 46px;
}

/* Dashed spine running down the right side, echoing the platform-suite motif */
.ahx-serve__intro::after {
  content: '';
  position: absolute;
  top: 130px;
  bottom: 40px;
  right: 12%;
  width: 0;
  border-left: 1px dashed rgba(120, 159, 244, 0.35);
  pointer-events: none;
}

/* Wraps the panels; the nav is pinned to its top-right corner so it stays
   put across panel switches instead of living inside any one panel */
.ahx-serve__stepper {
  position: relative;
}

.ahx-serve__row {
  --bs-gutter-x: 48px;
  row-gap: 28px;
}

.ahx-serve__media {
  border-radius: 1rem;
  overflow: hidden;
}

.ahx-serve__img {
  display: block;
  width: 100%;
  height: auto;
}

.ahx-serve__content {
  position: relative;
}

.ahx-serve__tags {
  color: #9db2f2;
  font-size: 1rem;
  font-weight: 500;
  margin: 0 0 18px;
  padding-right: 90px;
}

.ahx-serve__nav {
  position: absolute;
  top: 0;
  right: 15px;
  display: flex;
  gap: 8px;
  z-index: 2;
}

.ahx-serve__arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border: 0;
  border-radius: 50%;
  background: #ffffff;
  color: #14183a;
  cursor: pointer;
  transition: background 0.3s ease, transform 0.3s ease;
}

.ahx-serve__arrow:hover {
  background: #dbe1f5;
  transform: translateY(-2px);
}

.ahx-serve__panel {
  display: none;
}

.ahx-serve__panel.is-active {
  display: block;
}

.ahx-serve__name {
  color: #ffffff;
  font-size: 28px;
  font-weight: 600;
  margin: 0 0 1rem;
}

.ahx-serve__desc {
  color: #c3cae8;
  font-size: 1rem;
  line-height: 1.7;
  margin: 0 0 24px;
}

.ahx-serve__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.ahx-serve__item {
  position: relative;
  color: #c3cae8;
  font-size: 1rem;
  line-height: 1.6;
  padding-left: 18px;
}

.ahx-serve__item::before {
  content: '';
  position: absolute;
  left: 0;
  top: 8px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #8b7bf0;
}

.ahx-serve__item strong {
  color: #ffffff;
  font-weight: 600;
}

@media (max-width: 991.98px) {
  .ahx-serve { padding: 56px 0; }
  .ahx-serve__title { font-size: 24px; }
  .ahx-serve__intro { margin-bottom: 32px; }
  .ahx-serve__intro::after { display: none; }
  .ahx-serve__name { font-size: 24px; }
}

@media (max-width: 575.98px) {
  .ahx-serve { padding: 44px 0; }
  .ahx-serve__title { font-size: 20px; }
  .ahx-serve__subtitle { font-size: 1rem; }
  .ahx-serve__name { font-size: 21px; }
}

/* ==========================================================================
   AHX Proven in Production / Case Studies (numbered navy cards)
   ========================================================================== */

.ahx-proof {
  background: #ffffff;
  padding: 80px 0;
  font-family: "Inter", sans-serif!important;
}

.ahx-proof__title {
  color: #14183a;
  font-size: 28px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  margin: 0 0 12px;
}

.ahx-proof__subtitle {
  color: #5b6178;
  font-size: 1rem;
  line-height: 1.6;
  margin: 0 0 40px;
}

.ahx-proof__row {
  --bs-gutter-x: 24px;
  row-gap: 24px;
}

.ahx-proof__card {
  height: 100%;
  padding: 28px 26px;
  border: 1px solid rgba(255, 255, 255, 0.10);
  border-radius: 10px;
  background: linear-gradient(160deg, #0f1745 0%, #16205e 100%);
  transition: border-color 0.35s ease, box-shadow 0.35s ease, transform 0.35s cubic-bezier(0.22, 1, 0.36, 1);
}

.ahx-proof__card:hover {
  border-color: rgba(120, 159, 244, 0.75);
  box-shadow: 0 1rem 34px rgba(20, 24, 58, 0.28);
  transform: translateY(-4px);
}

.ahx-proof__num {
  display: block;
  color: rgba(255, 255, 255, 0.28);
  font-size: 38px;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 18px;
  transition: color 0.35s ease;
}

.ahx-proof__card:hover .ahx-proof__num {
  color: rgba(255, 255, 255, 0.42);
}

.ahx-proof__tag {
  color: #9db2f2;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  margin: 0 0 10px;
}

.ahx-proof__name {
  color: #ffffff;
  font-size: 19px;
  font-weight: 600;
  line-height: 1.35;
  margin: 0 0 1rem;
}

.ahx-proof__client {
  color: #FFFFFF;
  font-size: 1rem;
  margin: 0 0 8px;
}

.ahx-proof__desc {
  color: #c3cae8;
  font-size: 1rem;
  line-height: 1.65;
  margin: 0 0 18px;
}

.ahx-proof__result {
  color: #ffffff;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.6;
  margin: 0;
}

@media (max-width: 991.98px) {
  .ahx-proof { padding: 60px 0; }
  .ahx-proof__title { font-size: 24px; }
  .ahx-proof__subtitle { margin-bottom: 30px; }
}

@media (max-width: 575.98px) {
  .ahx-proof { padding: 48px 0; }
  .ahx-proof__title { font-size: 20px; }
  .ahx-proof__row { row-gap: 1rem; }
  .ahx-proof__card { padding: 22px 20px; }
  .ahx-proof__num { font-size: 32px; margin-bottom: 1rem; }
  .ahx-proof__name { font-size: 17px; }
}

/* ==========================================================================
   AHX Financial AI Platform (light two-row image + content, Kenome)
   ========================================================================== */

.ahx-finai {
  background: #ffffff;
  padding: 70px 0;
  font-family: "Inter", sans-serif!important;
}

.ahx-finai__title {
  color: #14183a;
  font-size: 30px;
  font-weight: 600;
  line-height: 1.3; 
  margin: 0 0 12px;
}

.ahx-finai__subtitle {
  color: #3b4256;
  font-size: 1rem;
  font-weight: 500;
  margin: 0 0 1rem;
}

.ahx-finai__intro {
  color: #5b6178;
  font-size: 1rem;
  line-height: 1.7; 
  margin: 0 0 46px;
}

.ahx-finai__layers {
  display: flex;
  flex-direction: column;
  gap: 56px;
}

.ahx-finai__row {
  display: flex;
  align-items: center;
  gap: 48px;
}

.ahx-finai__row--reverse {
  flex-direction: row-reverse;
}

.ahx-finai__media {
  flex: 0 0 46%;
  max-width: 46%;
}

.ahx-finai__img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 12px;
}

.ahx-finai__content {
  flex: 1 1 auto;
  min-width: 0;
}

.ahx-finai__label {
  color: #14183a;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.3px;
  text-transform: uppercase;
  margin: 0 0 10px;
}

.ahx-finai__lead {
  color: #3b4256;
  font-size: 1rem;
  font-weight: 600;
  margin: 0 0 1rem;
}

.ahx-finai__desc {
  color: #5b6178;
  font-size: 1rem;
  line-height: 1.7;
  margin: 0 0 18px;
}

.ahx-finai__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.ahx-finai__list li {
  position: relative;
  color: #3b4256;
  font-size: 1rem;
  line-height: 1.6;
  padding-left: 18px;
}

.ahx-finai__list li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 7px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #3654e6;
}

.ahx-finai__cta {
  text-align: center;
  margin-top: 46px;
}

.ahx-finai__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 1rem 40px;
  border-radius: 50px;
  background: #789FF4;
  background: radial-gradient(circle, rgba(120, 159, 244, 1) 0%, rgba(51, 106, 231, 1) 100%);
  color: #ffffff;
  border: 1px solid transparent;
  font-size: 1rem;
  font-weight: 500;
  text-decoration: none;
}

.ahx-finai__btn:hover {
  color: #ffffff;
  opacity: 0.92;
}

@media (max-width: 991.98px) {
  .ahx-finai { padding: 56px 0; }
  .ahx-finai__title { font-size: 24px; }
  .ahx-finai__intro { margin-bottom: 32px; }
  .ahx-finai__layers { gap: 40px; }
  .ahx-finai__row,
  .ahx-finai__row--reverse {
    flex-direction: column;
    align-items: stretch;
    gap: 22px;
  }
  .ahx-finai__media { max-width: 100%; }
}

@media (max-width: 575.98px) {
  .ahx-finai { padding: 44px 0; }
  .ahx-finai__title { font-size: 21px; }
  .ahx-finai__label { font-size: 1rem; }
  .ahx-finai__cta { margin-top: 32px; }
  .ahx-finai__btn { width: 100%; }
}

/* ==========================================================================
   AHX Full-Stack Capabilities (image cards, hover-reveal description)
   ========================================================================== */

.ahx-fscap {
  background: #ffffff;
  padding: 70px 0 0 0;
  font-family: "Inter", sans-serif!important;
}

.ahx-fscap__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 32px;
}

.ahx-fscap__title {
  color: #14183a;
  font-size: 28px;
  font-weight: 700;
  margin: 0;
}

.ahx-fscap__nav {
  flex: 0 0 auto;
  display: flex;
  gap: 8px;
}

.ahx-fscap__arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border: 0;
  border-radius: 50%;
  background: #14183a;
  color: #ffffff;
  cursor: pointer;
  transition: background 0.3s ease, transform 0.3s ease;
}

.ahx-fscap__arrow:hover {
  background: #2f6fe4;
  transform: translateY(-2px);
}

/* Before slick initialises, lay the cards out in a plain single row */
.ahx-fscap__slider:not(.slick-initialized) {
  display: flex;
  gap: 20px;
}

.ahx-fscap__slider:not(.slick-initialized) .ahx-fscap__slide {
  flex: 1 1 0;
}

.ahx-fscap__slider .slick-slide {
  outline: none;
}

.ahx-fscap__slide {
  padding: 0 10px;
}

/* Fixed min-height reserves room for the fully-expanded (hover) state up
   front, so the card's outer box never changes size on hover — Slick sizes
   its track/list once on init and won't notice a hover-driven height
   change, so letting the box grow on hover clips or glitches the reveal. */
.ahx-fscap__card {
  display: flex;
  flex-direction: column;
  min-height: 340px;
  text-decoration: none;
}

.ahx-fscap__media {
  position: relative;
  border-radius: 1rem;
  overflow: hidden;
}

.ahx-fscap__img {
  width: 100%;
  height: 220px;
  object-fit: cover;
  display: block;
  transition: height 0.4s cubic-bezier(0.22, 1, 0.36, 1), transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);
}

/* Image squeezes down to make room for the description opening below it,
   both animating on the same easing so the two feel like one motion */
.ahx-fscap__card:hover .ahx-fscap__img {
  height: 160px;
  transform: scale(1.04);
}

/* Circular arrow badge on the image — fades in on hover */
.ahx-fscap__badge {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #ffffff;
  color: #14183a;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transform: translateY(-4px);
  transition: opacity 0.3s ease, transform 0.3s ease;
}

.ahx-fscap__card:hover .ahx-fscap__badge {
  opacity: 1;
  transform: translateY(0);
}

.ahx-fscap__name {
  color: #14183a;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.4;
  margin: 1rem 0 0;
}

/* Description is collapsed by default and opens up in step with the image
   squeeze above it — same duration/easing so both read as one movement */
.ahx-fscap__desc {
  color: #5b6178;
  font-size: 1rem;
  line-height: 1.6;
  margin: 0;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transform: translateY(-6px);
  transition: max-height 0.4s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.4s cubic-bezier(0.22, 1, 0.36, 1), transform 0.4s cubic-bezier(0.22, 1, 0.36, 1), margin 0.4s cubic-bezier(0.22, 1, 0.36, 1);
}

.ahx-fscap__card:hover .ahx-fscap__desc {
  max-height: 120px;
  opacity: 1;
  transform: translateY(0);
  margin-top: 8px;
}

@media (max-width: 991.98px) {
  .ahx-fscap { padding: 56px 0; }
  .ahx-fscap__title { font-size: 24px; }
  .ahx-fscap__head { margin-bottom: 26px; }
}

@media (max-width: 575.98px) {
  .ahx-fscap { padding: 44px 0; }
  .ahx-fscap__title { font-size: 21px; }
  .ahx-fscap__img { height: 190px; }
  .ahx-fscap__name { font-size: 15px; }
}

/* ==========================================================================
   AHX Proven Across Real-World Deployments (image cards, hover panel
   expands to cover the full card)
   ========================================================================== */

.ahx-rwdeploy {
  background: #ffffff;
  padding:0 0 70px 0;
  font-family: "Inter", sans-serif!important;
}

.ahx-rwdeploy__title {
  color: #14183a;
  font-size: 28px;
  font-weight: 700;
  margin: 0 0 12px;
}

.ahx-rwdeploy__subtitle {
  color: #5b6178;
  font-size: 1rem;
  line-height: 1.6;
  max-width: 900px;
  margin: 0 0 36px;
}

.ahx-rwdeploy__row {
  --bs-gutter-x: 20px;
  row-gap: 20px;
}

/* Shared text styles between the featured card and the panel on image cards */
.ahx-rwdeploy__stat {
  color: #14183a;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2;
  margin: 0 0 6px;
}

.ahx-rwdeploy__label {
  color: #5b6178;
  font-size: 1rem;
  margin: 0 0 12px;
}

.ahx-rwdeploy__name {
  color: #14183a;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.4;
  margin: 0;
}

.ahx-rwdeploy__desc {
  color: #5b6178;
  font-size: 1rem;
  line-height: 1.6;
  margin: 10px 0 12px;
}

.ahx-rwdeploy__tags {
  color: #14183a;
  font-size: 1rem;
  font-weight: 600;
  margin: 0 0 1rem;
}

.ahx-rwdeploy__btn {
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  padding: 8px 20px;
  border-radius: 50px;
  background: #789FF4;
  background: radial-gradient(circle, rgba(120, 159, 244, 1) 0%, rgba(51, 106, 231, 1) 100%);
  color: #ffffff !important;
  font-size: 1rem;
  font-weight: 500;
  text-decoration: none !important;
}

.ahx-rwdeploy__btn:hover {
  opacity: 0.9;
}

/* Featured, always-expanded text card (no image) */
.ahx-rwdeploy__card--text {
  height: 100%;
  min-height: 340px;
  background: #ffffff;
  border: 1px solid #e2e5ec;
  border-radius: 12px;
  padding: 26px 24px;
  display: flex;
  flex-direction: column;
}

.ahx-rwdeploy__card--text .ahx-rwdeploy__desc {
  flex: 1 1 auto;
}

/* Image card — a white panel sits over the bottom of the image by default
   and slides up to cover the whole card on hover, revealing the rest */
.ahx-rwdeploy__card {
  position: relative;
  display: block;
  height: 100%;
  min-height: 340px;
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid #e2e5ec;
  text-decoration: none;
}

.ahx-rwdeploy__img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1);
}

.ahx-rwdeploy__card:hover .ahx-rwdeploy__img {
  transform: scale(1.06);
}

.ahx-rwdeploy__panel {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 62%;
  background: #ffffff;
  padding: 1rem 18px;
  overflow: hidden;
  transition: top 0.45s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.3s ease;
}

.ahx-rwdeploy__card:hover .ahx-rwdeploy__panel {
  top: 0;
  box-shadow: 0 -8px 24px rgba(20, 24, 58, 0.12);
}

/* Description, tags, and CTA stay collapsed until the panel opens */
.ahx-rwdeploy__hidden {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition: max-height 0.45s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.4s ease;
}

.ahx-rwdeploy__card:hover .ahx-rwdeploy__hidden {
  max-height: 220px;
  opacity: 1;
}

@media (max-width: 991.98px) {
  .ahx-rwdeploy { padding: 56px 0; }
  .ahx-rwdeploy__title { font-size: 24px; }
  .ahx-rwdeploy__subtitle { margin-bottom: 28px; }
}

@media (max-width: 575.98px) {
  .ahx-rwdeploy { padding: 44px 0; }
  .ahx-rwdeploy__title { font-size: 21px; }
  .ahx-rwdeploy__card,
  .ahx-rwdeploy__card--text { min-height: 300px; }
  .ahx-rwdeploy__stat { font-size: 21px; }
}

/* ==========================================================================
   AHX Engineering Intelligence into Telecom (intro + card grid)
   ========================================================================== */

.ahx-engtel {
  background: #ffffff;
  padding: 70px 0;
  font-family: "Inter", sans-serif!important;
}

.ahx-engtel__title {
  color: #14183a;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.3;
  margin: 0 0 18px;
}

.ahx-engtel__desc {
  color: #5b6178;
  font-size: 1rem;
  line-height: 1.75;
  margin: 0 0 20px;
}

.ahx-engtel__row {
  --bs-gutter-x: 1rem;
  row-gap: 1rem;
}

.ahx-engtel__card {
  height: 100%;
  background: #ffffff;
  border: 1px solid #e2e5ec;
  border-radius: 10px;
  padding: 20px 20px;
  transition: border-color 0.3s ease;
}

.ahx-engtel__card:hover {
  border-color: #14183a;
}

.ahx-engtel__card p {
  color: #14183a;
  font-size: 1rem;
  line-height: 1.6;
  margin: 0;
}

@media (max-width: 991.98px) {
  .ahx-engtel { padding: 56px 0; }
  .ahx-engtel__title { font-size: 24px; }
  .ahx-engtel__row { margin-top: 26px; }
}

.ahx-engtel__card p strong {
  color: #14183a;
  font-weight: 700;
}

.ahx-engtel__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 15px 30px;
  border-radius: 50px;
  background: #789FF4;
  background: radial-gradient(circle, rgba(120, 159, 244, 1) 0%, rgba(51, 106, 231, 1) 100%);
  color: #ffffff !important;
  border: 1px solid transparent;
  font-size: 1rem;
  font-weight: 500;
  text-decoration: none !important;
  margin-top: 20px;
}

.ahx-engtel__btn:hover {
  opacity: 0.92;
}

@media (max-width: 575.98px) {
  .ahx-engtel { padding: 44px 0; }
  .ahx-engtel__title { font-size: 21px; }
  .ahx-engtel__card { padding: 18px; }
  .ahx-engtel__btn { width: 100%; }
}

/* ==========================================================================
   AHX Capabilities (light stepper — image placeholder + detail panel)
   ========================================================================== */

.ahx-cap {
  background: #ffffff;
  padding: 70px 0;
  font-family: "Inter", sans-serif!important;
}

.ahx-cap__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 40px;
}

.ahx-cap__title {
  color: #14183a;
  font-size: 28px;
  font-weight: 700;
  margin: 0 0 10px;
}

.ahx-cap__subtitle {
  color: #5b6178;
  font-size: 1rem;
  line-height: 1.6;
  max-width: 800px;
  margin: 0;
}

.ahx-cap__nav {
  display: flex;
  gap: 8px;
  flex: 0 0 auto;
  margin-top: 4px;
}

.ahx-cap__arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border: 0;
  border-radius: 50%;
  background: #14183a;
  color: #ffffff;
  cursor: pointer;
  transition: background 0.3s ease, transform 0.3s ease;
}

.ahx-cap__arrow:hover {
  background: #2f6fe4;
  transform: translateY(-2px);
}

.ahx-cap__panel {
  display: none;
}

.ahx-cap__panel.is-active {
  display: block;
}

.ahx-cap__row {
  --bs-gutter-x: 40px;
  row-gap: 26px;
}

/* Gray placeholder box until a real image is dropped in */
.ahx-cap__media {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 10;
  background: #d9d9d9;
  border-radius: 10px;
  overflow: hidden;
}

.ahx-cap__img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.ahx-cap__name {
  color: #14183a;
  font-size: 24px;
  font-weight: 600;
  margin: 0 0 1rem;
}

.ahx-cap__lead {
  color: #14183a;
  font-size: 1rem;
  font-weight: 600;
  margin: 0 0 10px;
}

.ahx-cap__desc {
  color: #5b6178;
  font-size: 1rem;
  line-height: 1.7;
  margin: 0 0 20px;
}

.ahx-cap__list {
  margin: 0;
  padding-left: 18px;
}

.ahx-cap__item {
  color: #3b4256;
  font-size: 1rem;
  line-height: 1.8;
}

@media (max-width: 991.98px) {
  .ahx-cap { padding: 56px 0; }
  .ahx-cap__title { font-size: 24px; }
  .ahx-cap__head { margin-bottom: 30px; }
  .ahx-cap__name { font-size: 21px; }
}

@media (max-width: 575.98px) {
  .ahx-cap { padding: 44px 0; }
  .ahx-cap__title { font-size: 21px; }
  .ahx-cap__name { font-size: 19px; }
}

/* ==========================================================================
   AHX What We Typically Deliver (centered heading + card row)
   ========================================================================== */

.ahx-deliver {
  background: #ffffff;
  padding: 70px 0 70px 0;
  font-family: "Inter", sans-serif!important;
  text-align: center;
}

.ahx-deliver__title {
  color: #14183a;
  font-size: 26px;
  font-weight: 700;
  margin: 0 0 10px;
}

.ahx-deliver__subtitle {
  color: #5b6178;
  font-size: 1rem;
  line-height: 1.6;  
}

.ahx-deliver__row {
  --bs-gutter-x: 1rem;
  row-gap: 1rem;
  text-align: left;
}

.ahx-deliver__card {
  height: 100%;
  background: #ffffff;
  border: 1px solid #e2e5ec;
  border-radius: 10px;
  padding: 22px 20px;
  transition: border-color 0.3s ease;
}

.ahx-deliver__card--active {
  border: 2px solid #14183a;
  padding: 21px 19px;
}

.ahx-deliver__card p {
  color: #14183a;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  margin: 0;
}

@media (max-width: 991.98px) {
  .ahx-deliver { padding: 56px 0; }
  .ahx-deliver__title { font-size: 22px; }
  .ahx-deliver__subtitle { margin-bottom: 28px; }
}

@media (max-width: 575.98px) {
  .ahx-deliver { padding: 44px 0; }
  .ahx-deliver__title { font-size: 20px; }
  .ahx-deliver__card { padding: 18px; }
}

/* ==========================================================================
   AHX Integration Partners (logo strip on soft gradient)
   ========================================================================== */

.ahx-intpart {
  background: linear-gradient(135deg, #eef2fd 0%, #dce6fb 100%);
  padding: 70px 0;
  font-family: "Inter", sans-serif!important;
  text-align: center;
}

.ahx-intpart__title {
  color: #14183a;
  font-size: 28px;
  font-weight: 700;
  margin: 0 0 12px;
}

.ahx-intpart__subtitle {
  color: #5b6178;
  font-size: 1rem;
  max-width: 700px;
  margin: 0 auto 44px;
}

.ahx-intpart__row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 44px;
}

.ahx-intpart__logo {
  max-height: 38px;
  width: auto;
  object-fit: contain;
  opacity: 0.9;
  transition: opacity 0.3s ease, transform 0.3s ease;
}

.ahx-intpart__logo:hover {
  opacity: 1;
  transform: translateY(-2px);
}

@media (max-width: 991.98px) {
  .ahx-intpart { padding: 56px 0; }
  .ahx-intpart__title { font-size: 24px; }
  .ahx-intpart__subtitle { margin-bottom: 32px; }
  .ahx-intpart__row { gap: 32px; }
}

@media (max-width: 575.98px) {
  .ahx-intpart { padding: 44px 0; }
  .ahx-intpart__title { font-size: 20px; }
  .ahx-intpart__row { gap: 24px; }
  .ahx-intpart__logo { max-height: 30px; }
}

/* ==========================================================================
   AHX Engineered For (industrial operations capability strip)
   ========================================================================== */

.ahx-engops {
  background: linear-gradient(180deg, #eaf1ff 0%, #ffffff 100%);
  border-bottom: 1px solid #cfe0fb;
  padding: 36px 0;
  text-align: center;
  font-family: "Inter", sans-serif!important;
}

.ahx-engops__title {
  color: #14183a;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  margin: 0 0 1rem;
}

.ahx-engops__list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  column-gap: 1rem;
  row-gap: 8px;
  color: #5b6178;
  font-size: 1rem;
  font-weight: 500;
  margin: 0;
}

.ahx-engops__sep { color: #a6b2d9; }

@media (max-width: 575.98px) {
  .ahx-engops { padding: 28px 0; }
  .ahx-engops__title { font-size: 19px; }
  .ahx-engops__list { font-size: 1rem; column-gap: 10px; }
}

/* Dark variant — left-aligned, navy gradient banner */
.ahx-engops--dark {
  background: linear-gradient(115deg, #0a0e2e 0%, #1b2360 100%);
  border-bottom: none;
  text-align: left;
  padding: 26px 0;
}

.ahx-engops--dark .ahx-engops__title {
  color: #ffffff !important;
  font-size: 22px;
  margin-bottom: 10px;
}

.ahx-engops--dark .ahx-engops__list {
  justify-content: flex-start;
  color: #FFFFFF;
  font-size: 1rem;
  font-weight: 400;
}

.ahx-engops--dark .ahx-engops__sep { color: #6b76a8; }

@media (max-width: 575.98px) {
  .ahx-engops--dark { padding: 22px 0; }
  .ahx-engops--dark .ahx-engops__title { font-size: 18px; }
}

/* ==========================================================================
   AHX Engineering for Real-world Operations
   (category sidebar with icon swap + nested pill sub-tabs per category)
   ========================================================================== */

.ahx-rwo {
  position: relative;
  background: #ffffff;
  padding: 70px 0;
  font-family: "Inter", sans-serif!important;
  overflow: hidden;
}

.ahx-rwo__bg {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 420px;
  max-width: 45%;
  height: auto;
  pointer-events: none;
  z-index: 0;
}

.ahx-rwo .container {
  position: relative;
  z-index: 1;
}

.ahx-rwo__title {
  color: #14183a;
  font-size: 30px;
  font-weight: 700;
  margin: 0 0 10px;
}

.ahx-rwo__subtitle {
  color: #5b6178;
  font-size: 1rem;
  margin: 0 0 10px;
}

.ahx-rwo__intro {
  color: #5b6178;
  font-size: 1rem;
  line-height: 1.7; 
  margin: 0 0 1rem;
}

.ahx-rwo__intro:last-of-type {
  margin-bottom: 40px;
}

.ahx-rwo__row { row-gap: 30px; }

/* ----- Category sidebar ----- */

.ahx-rwo__nav {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.ahx-rwo__navitem {
  display: flex;
  align-items: center;
  gap: 1rem;
  width: 100%;
  padding: 18px;
  border: 0;
  border-radius: 10px;
  background: #eef0f5;
  color: #14183a;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.3px;
  text-align: left;
  cursor: pointer;
  transition: background 0.3s ease, color 0.3s ease;
}

.ahx-rwo__navitem:hover {
  background: #e2e6f0;
}

.ahx-rwo__navitem.is-active {
  background: linear-gradient(135deg, #12173f 0%, #1b2360 100%);
  color: #ffffff;
}

.ahx-rwo__navicon-wrap {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 30px;
  flex-shrink: 0;
}

.ahx-rwo__navicon {
  width: 30px;
  height: 30px;
  object-fit: contain;
  transition: opacity 0.25s ease;
}

.ahx-rwo__navicon--default { position: relative; }

.ahx-rwo__navicon--white {
  position: absolute;
  inset: 0;
  opacity: 0;
}

.ahx-rwo__navitem.is-active .ahx-rwo__navicon--default { opacity: 0; }
.ahx-rwo__navitem.is-active .ahx-rwo__navicon--white { opacity: 1; }

/* ----- Category content panel ----- */

.ahx-rwo__cat { display: none; }
.ahx-rwo__cat.is-active { display: block; }

/* ----- Pill sub-tab bar ----- */

.ahx-rwo__bar {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 30px;
}

.ahx-rwo__tabs {
  display: flex;
  align-items: center;
  gap: 12px;
  flex: 1 1 auto;
  overflow-x: auto;
  scrollbar-width: none;
  padding: 2px;
  justify-content: start;
}

.ahx-rwo__tabs::-webkit-scrollbar { display: none; }

.ahx-rwo__tab {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex: 0 0 auto;
  padding: 12px 22px;
  border: 1px solid #cfd8f0;
  border-radius: 50px;
  background: #ffffff;
  color: #3654e6;
  font-size: 1rem;
  font-weight: 500;
  white-space: nowrap;
  cursor: pointer;
  transition: background 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}

.ahx-rwo__tab:hover {
  border-color: #3654e6;
}

.ahx-rwo__tab.is-active {
  background: #3654e6;
  background: linear-gradient(90deg, #5c8cf7 0%, #3654e6 100%);
  border-color: transparent;
  color: #ffffff;
}

.ahx-rwo__tab-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #ffffff;
  display: none;
}

.ahx-rwo__tab.is-active .ahx-rwo__tab-dot { display: inline-block; }

.ahx-rwo__nav-arrows {
  display: flex;
  gap: 10px;
  flex: 0 0 auto;
}

.ahx-rwo__arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border: 0;
  border-radius: 50%;
  background: #14183a;
  color: #ffffff;
  cursor: pointer;
  transition: background 0.3s ease, transform 0.3s ease;
}

.ahx-rwo__arrow:hover {
  background: #3654e6;
  transform: translateY(-2px);
}

/* ----- Sub-tab content ----- */

.ahx-rwo__panel { display: none; }
.ahx-rwo__panel.is-active { display: block; }

.ahx-rwo__name {
  color: #14183a;
  font-size: 24px;
  font-weight: 600;
  margin: 0 0 12px;
}

.ahx-rwo__desc {
  color: #5b6178;
  font-size: 1rem;
  line-height: 1.7; 
  margin: 0 0 20px;
}

.ahx-rwo__list {
  list-style: none;
  margin: 0;
  padding: 20px 22px;
  border: 1px dashed #a9c0f5;
  border-radius: 10px;
  background: #f7f9ff;
}

.ahx-rwo__point {
  position: relative;
  padding-left: 1rem;
  color: #3b4256;
  font-size: 1rem;
  line-height: 1.7;
}

.ahx-rwo__point::before {
  content: "";
  position: absolute;
  left: 0;
  top: 9px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #3654e6;
}

.ahx-rwo__point + .ahx-rwo__point { margin-top: 10px; }

@media (max-width: 991.98px) {
  .ahx-rwo { padding: 56px 0; }
  .ahx-rwo__title { font-size: 24px; }
  .ahx-rwo__subtitle { margin-bottom: 30px; }
  .ahx-rwo__nav { flex-direction: row; flex-wrap: wrap; margin-bottom: 30px; }
  .ahx-rwo__navitem { width: auto; flex: 1 1 auto; }
  .ahx-rwo__bg { width: 320px; opacity: 0.5; }
}

@media (max-width: 575.98px) {
  .ahx-rwo { padding: 44px 0; }
  .ahx-rwo__title { font-size: 20px; }
  .ahx-rwo__nav { flex-direction: column; }
  .ahx-rwo__bar { flex-wrap: wrap; }
  .ahx-rwo__name { font-size: 20px; }
}

/* ==========================================================================
   AHX Agentic AI (5-card grid, decorative bg in each card's top-right)
   ========================================================================== */

.ahx-agai {
  background: #ffffff;
  padding: 70px 0;
  font-family: "Inter", sans-serif!important;
}

.ahx-agai__title {
  color: #14183a;
  font-size: 30px;
  font-weight: 700;
  margin: 0 0 1rem;
}

.ahx-agai__eyebrow {
  color: #14183a;
  font-size: 1rem;
  font-weight: 600;
  margin: 0 0 12px;
}

.ahx-agai__intro {
  color: #5b6178;
  font-size: 1rem;
  line-height: 1.7;
  max-width: 760px;
  margin: 0 0 44px;
}

.ahx-agai__subtitle {
  color: #14183a;
  font-size: 24px;
  font-weight: 600;
  margin: 0 0 26px;
}

.ahx-agai__row { row-gap: 20px; }

.ahx-agai__card {
  position: relative;
  height: 100%;
  overflow: hidden;
  background: #eef1fa;
  border-radius: 12px;
  padding: 24px 22px;
}

.ahx-agai__card-bg {
  position: absolute;
  top: 0;
  right: 0;
  width: 140px;
  height: auto;
  pointer-events: none;
  z-index: 0;
}

.ahx-agai__icon {
  position: relative;
  z-index: 1;
  display: block;
  width: 38px;
  height: 38px;
  object-fit: contain;
  margin-bottom: 34px;
}

.ahx-agai__card-title {
  position: relative;
  z-index: 1;
  color: #14183a;
  font-size: 15.5px;
  font-weight: 700;
  margin: 0 0 10px;
}

.ahx-agai__card-desc {
  position: relative;
  z-index: 1;
  color: #5b6178;
  font-size: 1rem;
  line-height: 1.6;
  margin: 0;
}

.ahx-agai__cta {
  text-align: center;
  margin-top: 40px;
}

.ahx-agai__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 1rem 32px;
  border-radius: 50px;
  background: #789FF4;
  background: radial-gradient(circle, rgba(120, 159, 244, 1) 0%, rgba(51, 106, 231, 1) 100%);
  color: #ffffff !important;
  font-size: 1rem;
  font-weight: 500;
  text-decoration: none !important;
  transition: box-shadow 0.35s ease, transform 0.35s cubic-bezier(0.22, 1, 0.36, 1);
}

.ahx-agai__btn:hover {
  box-shadow: 0 12px 26px rgba(54, 84, 230, 0.35);
  transform: translateY(-2px);
}

@media (max-width: 991.98px) {
  .ahx-agai { padding: 56px 0; }
  .ahx-agai__title { font-size: 24px; }
  .ahx-agai__subtitle { font-size: 20px; }
  .ahx-agai__intro { margin-bottom: 32px; }
}

@media (max-width: 575.98px) {
  .ahx-agai { padding: 44px 0; }
  .ahx-agai__title { font-size: 20px; }
  .ahx-agai__subtitle { font-size: 18px; }
  .ahx-agai__btn { width: 100%; text-align: center; }
}

/* ==========================================================================
   AHX Oil & Gas Applications (6-card grid, dark border on hover only)
   ========================================================================== */

.ahx-ogapp {
  background: #ffffff;
  padding: 0px 0 70px 0;
  font-family: "Inter", sans-serif!important;
}

.ahx-ogapp__title {
  color: #14183a;
  font-size: 30px;
  font-weight: 700;
  margin: 0 0 30px;
}

.ahx-ogapp__row { row-gap: 20px; }

.ahx-ogapp__card {
  height: 100%;
  background: #ffffff;
  border: 1px solid #e2e5ec;
  border-radius: 10px;
  padding: 24px 22px;
  transition: border-color 0.3s ease;
}

.ahx-ogapp__card:hover {
  border-color: #14183a;
}

.ahx-ogapp__card-title {
  color: #14183a;
  font-size: 15.5px;
  font-weight: 700;
  margin: 0 0 10px;
}

.ahx-ogapp__card-desc {
  color: #5b6178;
  font-size: 1rem;
  line-height: 1.6;
  margin: 0;
}

@media (max-width: 991.98px) {
  .ahx-ogapp { padding: 56px 0; }
  .ahx-ogapp__title { font-size: 24px; margin-bottom: 24px; }
}

@media (max-width: 575.98px) {
  .ahx-ogapp { padding: 44px 0; }
  .ahx-ogapp__title { font-size: 20px; }
}

/* ==========================================================================
   AHX The Amantya Advantage (dark 6-card grid, icon badge + top-right bg)
   ========================================================================== */

.ahx-tta {
  background: #0B1555;
  background: linear-gradient(180deg, #0B1555 0%, #0E1341 55%, #100F2F 100%);
  padding: 70px 0;
  font-family: "Inter", sans-serif!important;
}

.ahx-tta__title {
  text-align: center;
  color: #ffffff !important;
  font-size: 26px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin: 0 0 1rem;
}

.ahx-tta__subtitle {
  text-align: center;
  color: #FFFFFF;
  font-size: 1rem;
  line-height: 1.6;
  max-width: 780px;
  margin: 0 auto 44px;
}

.ahx-tta__row { row-gap: 20px; }

.ahx-tta__card {
  position: relative;
  height: 100%;
  overflow: hidden;
  background:#F4F6FF;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 12px;
  padding: 24px 22px;
}

.ahx-tta__card-bg {
  position: absolute;
  top: 0;
  right: 0; 
  height: auto; 
  pointer-events: none;
  z-index: 0;
}

.ahx-tta__icon-wrap {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center; 
  margin-bottom: 20px;
}

.ahx-tta__icon {
  width: 44px;
  height: 44px;
  object-fit: contain;
}

.ahx-tta__card-title {
  position: relative;
  z-index: 1;
  color: #353535;
  font-size: 1rem;
  font-weight: 700;
  margin: 0 0 10px;
}

.ahx-tta__card-desc {
  position: relative;
  z-index: 1;
  color: #353535;
  font-size: 1rem;
  line-height: 1.6;
  margin: 0;
}

@media (max-width: 991.98px) {
  .ahx-tta { padding: 56px 0; }
  .ahx-tta__title { font-size: 22px; }
  .ahx-tta__subtitle { margin-bottom: 32px; }
}

@media (max-width: 575.98px) {
  .ahx-tta { padding: 44px 0; }
  .ahx-tta__title { font-size: 19px; }
}