/* ==========================================================================
   InfoCare HERO - soft lavender canvas, framed photo with slow zoom,
   staggered text entrance, glass arrows and progress indicators.
   Loaded after infocare-theme.css.
   ========================================================================== */
#hero-9 .ic-hero .carousel-item{
  height:660px!important;min-height:660px!important;position:relative;overflow:hidden;
  background-attachment:scroll!important
}
#hero-9 #carousel-slide-1,#hero-9 #carousel-slide-2,#hero-9 #carousel-slide-3{
  background-color:#f7f2fc!important;
  background-image:radial-gradient(circle at 8% 18%,rgba(123,50,148,.13) 0,transparent 38%),
                   radial-gradient(circle at 46% 96%,rgba(234,184,23,.12) 0,transparent 30%),
                   radial-gradient(circle at 92% 8%,rgba(28,150,210,.14) 0,transparent 36%),
                   linear-gradient(120deg,#fcf9ff 0%,#f5effb 50%,#eef5fc 100%)!important;
  background-size:auto!important;background-position:0 0!important;background-repeat:no-repeat!important
}
#hero-9 #carousel-slide-1::before,#hero-9 #carousel-slide-2::before,#hero-9 #carousel-slide-3::before{display:none!important}
#hero-9 .ic-hero .mask{height:100%;position:relative;z-index:2;background:transparent!important}

/* Text column: always on the left, vertically centred */
#hero-9 #carousel-slide-1 .col-md-8,#hero-9 #carousel-slide-2 .col-md-8,#hero-9 #carousel-slide-3 .col-md-8{
  flex:0 0 50%!important;max-width:50%!important;margin-left:0!important
}
#hero-9 #carousel-slide-1 .hero-txt,#hero-9 #carousel-slide-2 .hero-txt,#hero-9 #carousel-slide-3 .hero-txt{
  transform:none!important;padding:0 20px 0 0!important;margin:0!important;max-width:560px!important;
  background:transparent!important;border:0!important;box-shadow:none!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important
}
#hero-9 .ic-hero h2{font-size:3.3rem!important;margin:18px 0 22px!important}
#hero-9 .ic-hero h2::after{content:'';display:block;width:84px;height:5px;margin-top:22px;border-radius:5px;background:var(--ic-rainbow)}
#hero-9 .ic-hero .hero-txt p{font-size:1.08rem!important;line-height:1.75}
#hero-9 .ic-hero .btn{margin:10px 12px 0 0}

/* Framed photo with slow zoom */
.ic-hero-art{
  position:absolute;z-index:1;top:50px;bottom:50px;
  right:max(24px,calc((100vw - 1140px) / 2));width:min(560px,45%);
  border-radius:44px 44px 44px 150px;overflow:hidden;
  box-shadow:0 34px 80px rgba(38,52,122,.24),0 0 0 10px rgba(255,255,255,.65)
}
.ic-hero-art::before{content:'';position:absolute;inset:0;background-size:cover;background-position:center;transform:scale(1.12);transition:transform 7s ease-out}
.ic-hero-art::after{content:'';position:absolute;inset:0;background:linear-gradient(200deg,rgba(255,255,255,0) 55%,rgba(38,52,122,.28) 100%)}
#carousel-slide-1 .ic-hero-art::before{background-image:url('../images/services-generated/pediatric-opd.jpg')}
#carousel-slide-2 .ic-hero-art::before{background-image:url('../images/services-generated/medicine-opd.jpg')}
#carousel-slide-3 .ic-hero-art::before{background-image:url('../images/services-generated/nicu.jpg')}
#hero-9 .carousel-item.active .ic-hero-art::before{transform:scale(1)}

/* Decorative rainbow ring behind the photo */
#hero-9 .ic-hero .carousel-item::after{
  content:'';position:absolute;z-index:0;width:220px;height:220px;border-radius:50%;
  right:calc(max(24px,(100vw - 1140px) / 2) - 60px);top:14px;
  background:conic-gradient(from 90deg,#eab817,#16a34a,#1c96d2,#26347a,#b0237f,#7b3294,#eab817);
  -webkit-mask:radial-gradient(circle,transparent 62%,#000 63%);mask:radial-gradient(circle,transparent 62%,#000 63%);
  opacity:.35;animation:icSpin 30s linear infinite
}
@keyframes icSpin{to{transform:rotate(360deg)}}

/* Floating glass chip on the photo */
.ic-hero-chip{
  position:absolute;z-index:3;bottom:84px;
  right:calc(max(24px,(100vw - 1140px) / 2) + min(560px,45%) - 285px);
  display:flex;align-items:center;gap:14px;padding:14px 22px 14px 14px;border-radius:20px;
  background:rgba(255,255,255,.88);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  box-shadow:0 18px 40px rgba(38,52,122,.18);border:1px solid rgba(255,255,255,.9);
  opacity:0;transform:translateY(20px);transition:all .8s cubic-bezier(.2,.7,.2,1) .9s
}
#hero-9 .carousel-item.active .ic-hero-chip{opacity:1;transform:none}
.ic-hero-chip-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:var(--ic-grad);color:#fff;font-size:20px}
.ic-hero-chip b{display:block;font-family:'Poppins',sans-serif;color:var(--ic-navy);font-size:1rem;line-height:1.2}
.ic-hero-chip small{color:var(--ic-text);font-size:.82rem}

/* Staggered text entrance */
#hero-9 .ic-hero .hero-txt>*{opacity:0;transform:translateY(26px)}
#hero-9 .ic-hero .carousel-item.active .hero-txt>*{animation:icRise .9s cubic-bezier(.2,.7,.2,1) forwards}
#hero-9 .ic-hero .carousel-item.active .hero-txt>*:nth-child(1){animation-delay:.1s}
#hero-9 .ic-hero .carousel-item.active .hero-txt>*:nth-child(2){animation-delay:.25s}
#hero-9 .ic-hero .carousel-item.active .hero-txt>*:nth-child(3){animation-delay:.4s}
#hero-9 .ic-hero .carousel-item.active .hero-txt>*:nth-child(4){animation-delay:.55s}
#hero-9 .ic-hero .carousel-item.active .hero-txt>*:nth-child(n+5){animation-delay:.7s}
@keyframes icRise{to{opacity:1;transform:none}}

/* Smooth cross-fade */
#hero-9 .carousel-fade .carousel-item{transition:opacity 1s ease!important}

/* Round glass arrows (appear on hover) */
#hero-9 .ic-hero .carousel-control-prev,#hero-9 .ic-hero .carousel-control-next{
  width:54px!important;height:54px!important;top:50%!important;bottom:auto!important;transform:translateY(-50%);
  border-radius:50%;background:rgba(255,255,255,.85)!important;backdrop-filter:blur(8px);
  box-shadow:0 12px 28px rgba(38,52,122,.16);opacity:0;transition:all .35s ease;z-index:5
}
#hero-9 .ic-hero .carousel-control-prev{left:22px!important}
#hero-9 .ic-hero .carousel-control-next{right:22px!important}
#hero-9 .ic-hero:hover .carousel-control-prev,#hero-9 .ic-hero:hover .carousel-control-next{opacity:1}
#hero-9 .ic-hero .carousel-control-prev:hover,#hero-9 .ic-hero .carousel-control-next:hover{background:#7b3294!important}
#hero-9 .ic-hero .carousel-control-prev-icon,#hero-9 .ic-hero .carousel-control-next-icon{width:18px;height:18px;filter:none!important}
#hero-9 .ic-hero .carousel-control-prev-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237b3294' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 18l-6-6 6-6'/%3E%3C/svg%3E")!important}
#hero-9 .ic-hero .carousel-control-next-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237b3294' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18l6-6-6-6'/%3E%3C/svg%3E")!important}
#hero-9 .ic-hero .carousel-control-prev:hover .carousel-control-prev-icon,
#hero-9 .ic-hero .carousel-control-next:hover .carousel-control-next-icon{filter:brightness(0) invert(1)!important}

/* Progress-bar indicators */
#hero-9 .ic-hero-dots{bottom:26px;left:max(24px,calc((100vw - 1140px) / 2 + 15px));right:auto;margin:0;justify-content:flex-start;z-index:5}
#hero-9 .ic-hero-dots li{position:relative;width:34px;height:6px;margin:0 8px 0 0;border:0;border-radius:6px;background:rgba(123,50,148,.2);opacity:1;overflow:hidden;transition:width .4s ease;text-indent:-999px}
#hero-9 .ic-hero-dots li.active{width:64px}
#hero-9 .ic-hero-dots li.active::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,#7b3294,#b0237f);transform-origin:left;animation:icProgress var(--ic-hero-interval,5s) linear forwards}
@keyframes icProgress{from{transform:scaleX(0)}to{transform:scaleX(1)}}

/* Tablet & mobile: photo on top, text below */
@media (max-width:991px){
  #hero-9 .ic-hero .carousel-item{height:auto!important;min-height:0!important;padding:300px 0 70px}
  .ic-hero-art{top:20px;bottom:auto;left:20px;right:20px;width:auto;height:260px;border-radius:30px 30px 30px 90px}
  #hero-9 .ic-hero .carousel-item::after,.ic-hero-chip{display:none}
  #hero-9 #carousel-slide-1 .col-md-8,#hero-9 #carousel-slide-2 .col-md-8,#hero-9 #carousel-slide-3 .col-md-8{flex:0 0 100%!important;max-width:100%!important}
  #hero-9 .ic-hero h2{font-size:2.2rem!important}
  #hero-9 .ic-hero .carousel-control-prev,#hero-9 .ic-hero .carousel-control-next{display:none}
  #hero-9 .ic-hero-dots{left:24px;bottom:24px}
}
@media (prefers-reduced-motion:reduce){
  .ic-hero-art::before,#hero-9 .ic-hero .hero-txt>*,.ic-hero-chip,#hero-9 .ic-hero .carousel-item::after,#hero-9 .ic-hero-dots li.active::after{
    animation:none!important;transition:none!important;opacity:1!important;transform:none!important
  }
}

@media (max-width:991px){#hero-9 .ic-hero .carousel-control-prev,#hero-9 .ic-hero .carousel-control-next{display:none!important}}