@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap");

:root {
   --navy: #15396e;
   --navy-2: #1b3a6b;
   --navy-dark: #102a52;
   --navy-darker: #0c2142;
   --orange: #f06a2e;
   --orange-2: #f4621f;
   --orange-dark: #d94a16;
   --topbar-bg: #eef3fb;
   --topbar-tx: #1c3d6e;
   --ink: #1f2937;
   --muted: #5b6b82;
   --line: #e6ebf2;
   --soft: #f5f8fc;
   --white: #ffffff;
   --radius: 14px;
   --shadow-sm: 0 4px 14px rgba(21, 57, 110, 0.08);
   --shadow-md: 0 12px 34px rgba(21, 57, 110, 0.12);
   --shadow-lg: 0 24px 60px rgba(21, 57, 110, 0.18);
   --ff: "Poppins", system-ui, -apple-system, sans-serif;
}

* {
   box-sizing: border-box;
}

html {
   scroll-behavior: smooth;
}

body {
   font-family: var(--ff) !important;
   color: var(--ink);
   background: var(--white);
   overflow-x: hidden;
   -webkit-font-smoothing: antialiased;
}

a {
   text-decoration: none;
   color: inherit;
}

img {
   max-width: 100%;
   display: block;
}

.container-xl {
   max-width: 1300px;
}

/* scrollbar */
::-webkit-scrollbar {
   width: 10px;
}
::-webkit-scrollbar-track {
   background: #eef2f8;
}
::-webkit-scrollbar-thumb {
   background: var(--navy);
   border-radius: 8px;
}

p {
   font-size: 16px;
   line-height: 28px;
   font-family: "Poppins", sans-serif;
   font-weight: 400;
}

.topbar {
   font-family: "Roboto", sans-serif;
}

.footer {
   font-family: "Roboto", sans-serif;
}

.site-header {
   font-family: "Roboto", sans-serif;
}

.site-header .nav-list > li > a {
   font-family: "Roboto", sans-serif;
}

.site-header .nav-list > li.has-drop.mega > .dropdown-panel > a {
   font-family: "Roboto", sans-serif;
}

@media (max-width: 991px) {
   .site-header .dropdown-panel > a.has-nested::after {
      content: "\f078";
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      font-size: 0.65rem;
      margin-left: auto;
      opacity: 0.6;
      transition: transform 0.25s ease;
   }
}

body {
   overflow-x: hidden;
}

.btn-check:checked + .btn,
.btn.active,
.btn.show,
.btn:first-child:active,
:not(.btn-check) + .btn:active {
   color: unset;
   background-color: unset;
   border-color: unset;
}

.btn-orange {
   background: var(--orange);
   color: #fff;
   font-weight: 600;
   border: none;
   padding: 0.85rem 1.6rem;
   border-radius: 12px;
   letter-spacing: 0.2px;
   transition: 0.3s cubic-bezier(0.2, 0.7, 0.3, 1);
}

.btn-cmn {
   padding: 0.85rem 1.6rem;
   font-weight: 600;
   display: flex;
   align-items: center;
   gap: 0.4rem;
}

.btn-orange:hover {
   background: var(--orange-dark);
   color: #fff;
   transform: translateY(-2px);
}
.btn-navy {
   background: var(--navy);
   color: #fff;
   font-weight: 600;
   border: none;
   padding: 0.85rem 1.6rem;
   border-radius: 12px;
   transition: 0.3s;
}
.btn-navy:hover {
   background: var(--navy-dark);
   color: #fff;
   transform: translateY(-2px);
}
.btn-ghost {
   background: rgba(255, 255, 255, 0.12);
   color: #fff;
   border: 1px solid rgba(255, 255, 255, 0.55);
   font-weight: 600;
   padding: 0.85rem 1.6rem;
   border-radius: 12px;
   backdrop-filter: blur(6px);
   transition: 0.3s;
}
.btn-ghost:hover {
   background: #fff;
   color: var(--navy);
   transform: translateY(-2px);
}

/* ============ HERO SWIPER ============ */
.hero {
   position: relative;
}

.hero .home-slider-1 {
   background-position: 10% 100%;
}

@media (max-width: 1600px) {
   .hero .home-slider-1 {
      background-position: 25% 100%;
   }
}

@media (max-width: 1200px) {
   .hero .home-slider-1 {
      background-position: 30% 100%;
   }
}

@media (max-width: 992px) {
   .hero .home-slider-1 {
      background-position: 35% 100%;
   }
}

@media (max-width: 768px) {
   .hero .home-slider-1 {
      background-position: 45% 100%;
   }
}

.hero .swiper .swiper-slide {
   position: relative;
   height: auto;
   padding: 40px 0px;
}

.hero .swiper .swiper-slide::before {
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   position: absolute;
   content: "";
   inset: 0;
   background: linear-gradient(
      25deg,
      rgba(13, 38, 77, 0.94) 0%,
      rgba(18, 48, 92, 0.86) 38%,
      rgba(21, 57, 110, 0.55) 62%,
      rgba(21, 57, 110, 0.18) 100%
   );
}

.hero-slide {
   position: relative;
   height: 100%;
   display: flex;
   align-items: center;
   height: auto;
}
.hero-slide .bg {
   position: absolute;
   inset: 0;
   background-size: cover;
   background-position: center;
}

.hero-slide .overlay {
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   position: absolute;
   inset: 0;
   background: linear-gradient(
      100deg,
      rgba(13, 38, 77, 0.94) 0%,
      rgba(18, 48, 92, 0.86) 38%,
      rgba(21, 57, 110, 0.55) 62%,
      rgba(21, 57, 110, 0.18) 100%
   );
}
.hero-content {
   position: relative;
   z-index: 3;
   color: #fff;
   max-width: 660px;
}
.hero-pill {
   display: inline-flex;
   align-items: center;
   gap: 0.55rem;
   background: rgba(255, 255, 255, 0.1);
   border: 1px solid rgba(255, 255, 255, 0.3);
   padding: 0.5rem 1.1rem;
   border-radius: 40px;
   font-size: 0.82rem;
   font-weight: 600;
   letter-spacing: 0.04em;
   backdrop-filter: blur(8px);
   margin-bottom: 1.6rem;
}
.hero-pill i {
   color: var(--orange);
}
.hero-title {
   font-weight: 600;
   font-size: clamp(36px, 10.42vw, 60px);
   letter-spacing: -1.5px;
   margin-bottom: 1.3rem;
}
.hero-title .accent {
   color: var(--orange);
   display: block;
}
.hero-sub {
   font-size: clamp(1rem, 1.6vw, 1.18rem);
   font-weight: 300;
   line-height: 1.65;
   color: #e7eefb;
   max-width: 540px;
   margin-bottom: 2rem;
}
.hero-actions {
   display: flex;
   gap: 1rem;
   flex-wrap: wrap;
   margin-bottom: 2.6rem;
}
.hero-actions .btn {
   font-size: 1rem;
   padding: 1rem 1.9rem;
   display: flex;
   align-items: center;
}

.hero-stats {
   display: flex;
   gap: 16px;
   border-top: 1px solid rgba(255, 255, 255, 0.18);
   padding-top: 1.6rem;
   flex-wrap: wrap;
}
.hero-stats .stat {
   padding-right: 2.4rem;
   margin-right: 2.4rem;
   border-right: 1px solid rgba(255, 255, 255, 0.18);
}
.hero-stats .stat:last-child {
   border-right: none;
}
.hero-stats .stat i {
   color: var(--orange);
   font-size: 1.05rem;
   margin-bottom: 0.5rem;
   display: block;
}
.hero-stats .stat b {
   font-size: 2.1rem;
   font-weight: 800;
   display: block;
   line-height: 1;
}
.hero-stats .stat span {
   font-size: 0.82rem;
   color: #cdd9ee;
   font-weight: 400;
}

.hero-stats .stat {
   .counter-flex {
      display: flex;
      align-items: center;
      gap: 10px;
      .min-val {
         font-weight: 600;
      }
   }
}

/* swiper controls */
.hero .swiper-pagination {
   text-align: left;
   padding-left: max(24px, calc((100vw - 1300px) / 2 + 3px));
}
.hero .swiper-pagination-bullet {
   width: 34px;
   height: 5px;
   border-radius: 5px;
   background: rgba(255, 255, 255, 0.5);
   opacity: 1;
   transition: 0.3s;
}
.hero .swiper-pagination-bullet-active {
   background: var(--orange);
   width: 48px;
}
.hero .swiper-button-next,
.hero .swiper-button-prev {
   width: 54px;
   height: 54px;
   border-radius: 50%;
   background: rgba(255, 255, 255, 0.14);
   border: 1px solid rgba(255, 255, 255, 0.3);
   backdrop-filter: blur(8px);
   color: #fff;
   transition: 0.3s;
}
.hero .swiper-button-next:hover,
.hero .swiper-button-prev:hover {
   background: var(--orange);
   border-color: var(--orange);
}
.hero .swiper-button-next::after,
.hero .swiper-button-prev::after {
   font-size: 1.1rem;
   font-weight: 700;
}

.qa-section {
   position: relative;
   z-index: 6;
   padding: 80px 0;
   background: #f9fafb;
}
.qa-card {
   background: var(--navy);
   border-radius: 16px;
   padding: 2rem 1.2rem;
   text-align: center;
   height: 100%;
   transition: 0.35s;
   cursor: pointer;
   color: #fff;
   box-shadow: var(--shadow-md);
}
.qa-card:hover {
   transform: translateY(-8px);
   box-shadow: var(--shadow-lg);
   background: var(--navy-dark);
   h6 {
      color: var(--orange);
   }
   p {
      color: #fff !important;
   }
}
.qa-card .qa-ic {
   width: 62px;
   height: 62px;
   border-radius: 50%;
   margin: 0 auto 1.1rem;
   display: grid;
   place-items: center;
   font-size: 1.45rem;
   background: rgba(255, 255, 255, 0.12);
   color: #fff;
   transition: 0.35s;
}
.qa-card:hover .qa-ic {
   background: var(--orange);
   transform: scale(1.06);
}
.qa-card h6 {
   font-weight: 700;
   font-size: 1.05rem;
   margin-bottom: 0.55rem;
   color: #fff;
   line-height: 1.3;
}
.qa-section .qa-card p {
   font-size: 0.84rem;
   /* color: #bcd0ec; */
   margin: 0;
   line-height: 1.5;
   color: color-mix(in oklab, #fff 80%, transparent);
   padding-bottom: 0;
}

.pkg2 {
   position: relative;
   border-radius: 18px;
   overflow: hidden;
   padding: 2.8rem 2.6rem;
   min-height: 300px;
   display: flex;
   flex-direction: column;
   justify-content: flex-end;
   color: #fff;
   transition: 0.35s;
}
.pkg2:hover {
   transform: translateY(-5px);
   box-shadow: var(--shadow-lg);
}

.pkg2.navy {
   background: var(--navy);
}
.pkg2.navy::before {
   content: "";
   position: absolute;
   inset: 0;
   background: url("https://images.unsplash.com/photo-1612349317150-e413f6a5b16d?q=80&w=1965&auto=format&fit=crop")
      center/cover;
   opacity: 0.16;
}
.pkg2.orange {
   background: var(--orange);
}
.pkg2.orange::before {
   content: "";
   position: absolute;
   inset: 0;
   background: url("https://images.unsplash.com/photo-1559757148-5c350d0d3c56?q=80&w=2070&auto=format&fit=crop")
      center/cover;
   opacity: 0.14;
   mix-blend-mode: overlay;
}

.pkg2.green {
   background: linear-gradient(135deg, #1a7a5a 0%, #2a9b78 100%);
}

.pkg2.green::before {
   content: "";
   position: absolute;
   inset: 0;
   background: url("https://www.royalcarehospital.in/wp-content/uploads/2026/09/rch-iruthaya-nalam-special-package.jpg")
      center/cover;
   opacity: 0.14;
   mix-blend-mode: overlay;
}

.pkg2.green .price {
   font-size: 1.4rem;
   font-weight: 600;
   color: #ffffff;
   text-shadow: 2px 2px 4px rgb(252 194 51 / 28%);
}

.pkg2.green .lm {
   background: #ffc107;
   color: #000;
}

.pkg2 .inner {
   position: relative;
   z-index: 2;
}
.pkg2 h3 {
   font-weight: 700;
   font-size: clamp(1.4rem, 2.4vw, 1.7rem);
   margin-bottom: 0.8rem;
}
.pkg2 p {
   font-size: 0.95rem;
   opacity: 0.94;
   margin-bottom: 1.7rem;
   max-width: 92%;
   line-height: 1.55;
   color: #fff;
}
.pkg2 .prow {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 1rem;
   flex-wrap: wrap;
}
.pkg2 .price {
   font-size: 1.3rem;
   font-weight: 600;
}
.pkg2.navy .price {
   color: var(--orange);
}
.pkg2.orange .price {
   color: #fff;
}
.pkg2 .lm {
   display: inline-flex;
   align-items: center;
   gap: 0.5rem;
   font-weight: 600;
   padding: 0.7rem 1.3rem;
   border-radius: 10px;
   font-size: 0.9rem;
   transition: 0.3s;
   white-space: nowrap;
}
.pkg2.navy .lm {
   background: var(--orange);
   color: #fff;
}
.pkg2.navy .lm:hover {
   background: var(--orange-dark);
   transform: translateX(3px);
}
.pkg2.orange .lm {
   background: #fff;
   color: var(--orange);
}
.pkg2.orange .lm:hover {
   background: var(--navy);
   color: #fff;
   transform: translateX(3px);
}
.title-underline {
   width: 64px;
   height: 4px;
   background: var(--orange);
   border-radius: 4px;
   margin: 0.7rem auto 0;
}

.daisy2 {
   background: linear-gradient(100deg, #1aa37a 0%, #1577c4 52%, #1657d6 100%);
   color: #fff;
}
.daisy2 h2 {
   font-weight: 700;
   font-size: clamp(1.8rem, 3.4vw, 2.5rem);
   line-height: 1.18;
   margin-bottom: 1rem;
}
.daisy2 .lead {
   color: rgba(255, 255, 255, 0.9);
   font-size: 1.05rem;
   max-width: 460px;
   margin-bottom: 2.2rem;
   line-height: 1.6;
}
.acc-card {
   background: rgba(255, 255, 255, 0.1);
   border: 1px solid rgba(255, 255, 255, 0.16);
   border-radius: 14px;
   padding: 1.7rem;
   height: 100%;
   transition: 0.3s;
}
.acc-card:hover {
   background: rgba(255, 255, 255, 0.17);
   transform: translateY(-4px);
}
.acc-card .ai {
   font-size: 1.9rem;
   margin-bottom: 1rem;
   color: #fff;
   display: block;
}
.acc-card h6 {
   font-weight: 700;
   font-size: 1.08rem;
   margin-bottom: 0.3rem;
   color: #fff;
}
.acc-card span {
   font-size: 0.84rem;
   color: rgba(255, 255, 255, 0.82);
}
.daisy2-img {
   border-radius: 18px;
   overflow: hidden;
   box-shadow: var(--shadow-lg);
   height: 100%;
}
.daisy2-img img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   min-height: 360px;
}

.dept-chip {
   background: #fff;
   border: 1px solid var(--line);
   border-radius: 14px;
   padding: 1.4rem 1rem;
   text-align: center;
   height: 100%;
   transition: 0.3s;
   cursor: pointer;
}
.dept-chip:hover {
   transform: translateY(-5px);
   box-shadow: var(--shadow-md);
   border-color: transparent;
}
.dept-chip .ci {
   width: 50px;
   height: 50px;
   border-radius: 50%;
   display: grid;
   place-items: center;
   margin: 0 auto 0.8rem;
   background: var(--soft-blue);
   color: var(--navy);
   font-size: 1.2rem;
   transition: 0.3s;
}
.dept-chip:hover .ci {
   background: var(--navy);
   color: #fff;
}
.dept-chip .lbl {
   font-weight: 600;
   color: var(--navy);
   font-size: 0.85rem;
   display: block;
   line-height: 1.3;
}

.section-pad {
   padding: 80px 0;
}
.section-pad.soft {
   background: var(--soft);
}
.eyebrow {
   display: inline-flex;
   align-items: center;
   gap: 0.5rem;
   color: var(--orange);
   font-weight: 700;
   letter-spacing: 0.14em;
   text-transform: uppercase;
   font-size: 0.8rem;
   margin-bottom: 1rem;
   background: #f15a241c;
   padding: 5px 20px;
   border-radius: 30px;
}
.sec-title {
   font-weight: 700;
   color: var(--navy);
   font-size: clamp(1.9rem, 3.4vw, 2.8rem);
   line-height: 1.3;
   letter-spacing: -0.5px;
   margin-bottom: 15px;
}
.sec-lead {
   color: var(--muted);
   font-size: 1.02rem;
   line-height: 1.7;
   max-width: 620px;
}

.dept-card {
   background: #fff;
   border: 1px solid var(--line);
   border-radius: 16px;
   padding: 2rem 1.6rem;
   height: 100%;
   transition: 0.35s;
   position: relative;
   overflow: hidden;
}
.dept-card::before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 4px;
   background: var(--orange);
   transform: scaleX(0);
   transform-origin: left;
   transition: 0.35s;
}
.dept-card:hover {
   transform: translateY(-8px);
   box-shadow: var(--shadow-md);
   border-color: transparent;
}
.dept-card:hover::before {
   transform: scaleX(1);
}
.dept-card .di {
   width: 64px;
   height: 64px;
   border-radius: 16px;
   display: grid;
   place-items: center;
   font-size: 1.7rem;
   background: var(--soft);
   color: var(--navy);
   transition: 0.35s;
   margin-bottom: 1.3rem;
}
.dept-card:hover .di {
   background: var(--navy);
   color: #fff;
   transform: rotate(-6deg);
}
.dept-card h5 {
   font-weight: 700;
   color: var(--navy);
   font-size: 1.12rem;
   margin-bottom: 0.5rem;
}
.dept-card p {
   color: var(--muted);
   font-size: 0.88rem;
   line-height: 1.6;
   margin-bottom: 1rem;
}
.dept-card .more {
   color: var(--orange);
   font-weight: 600;
   font-size: 0.85rem;
   display: inline-flex;
   align-items: center;
   gap: 0.4rem;
   transition: 0.3s;
}
.dept-card:hover .more {
   gap: 0.7rem;
}

.soft-blue {
   background: #eaf1fb;
}

.event-feature {
   background: #fff;
   border-radius: 18px;
   overflow: hidden;
   box-shadow: var(--shadow-sm);
   border: 1px solid var(--line);
   height: 100%;
   transition: 0.35s;
}
.event-feature:hover {
   box-shadow: var(--shadow-md);
   transform: translateY(-4px);
}
.event-feature .ef-thumb {
   overflow: hidden;
}
.event-feature .ef-thumb img {
   width: 100%;
   height: 520px;
   object-fit: cover;
   transition: 0.5s;
}
.event-feature:hover .ef-thumb img {
   transform: scale(1.05);
}
.event-date {
   background: #fff;
   color: var(--navy);
   font-size: 0.74rem;
   font-weight: 600;
   padding: 0.35rem 0.8rem;
   border-radius: 30px;
   box-shadow: var(--shadow-sm);
   display: inline-block;
}
.event-date.on-img {
   position: absolute;
   top: 14px;
   left: 14px;
}
.event-date i {
   color: var(--orange);
   margin-right: 0.35rem;
}
.event-feature .ef-body {
   padding: 1.4rem 1.5rem;
}
.event-feature h4 {
   font-weight: 700;
   color: var(--navy);
   font-size: 1.3rem;
   margin: 0;
}
.event-mini {
   background: #fff;
   border-radius: 16px;
   overflow: hidden;
   box-shadow: var(--shadow-sm);
   border: 1px solid var(--line);
   transition: 0.3s;
   height: 100%;
}
.event-mini:hover {
   box-shadow: var(--shadow-md);
   transform: translateX(4px);
}

.event-mini .em-thumb img {
   width: 100%;
   object-fit: cover;
}
.event-mini .em-body {
   padding: 1.1rem 1.2rem;
   flex: 1;
}
.event-mini h6 {
   font-weight: 700;
   color: var(--navy);
   font-size: 1rem;
   margin: 0.4rem 0 0.6rem;
}
.read-link {
   color: var(--orange);
   font-weight: 600;
   font-size: 0.82rem;
   display: inline-flex;
   align-items: center;
   gap: 0.35rem;
   transition: 0.3s;
}
.read-link:hover {
   gap: 0.6rem;
   color: var(--orange-dark);
}

.tech-card {
   background: #fff;
   border: 1px solid var(--line);
   border-radius: 14px;
   padding: 1.5rem;
   display: flex;
   gap: 1.1rem;
   height: 100%;
   transition: 0.3s;
}
.tech-card:hover {
   box-shadow: var(--shadow-md);
   transform: translateY(-4px);
   border-color: transparent;
}
.tech-card .ti {
   width: 52px;
   height: 52px;
   border-radius: 12px;
   flex-shrink: 0;
   display: grid;
   place-items: center;
   font-size: 1.3rem;
   color: #fff;
   background: linear-gradient(135deg, var(--navy), var(--navy-dark));
   transition: 0.3s;
}
.tech-card:hover .ti {
   background: linear-gradient(135deg, var(--orange), var(--orange-dark));
}
.tech-card h6 {
   font-weight: 700;
   color: var(--navy);
   margin: 0 0 4px;
   font-size: 1.02rem;
}
.tech-card p {
   margin: 0;
   font-size: 0.86rem;
   color: var(--muted);
   line-height: 1.6;
}

.borders {
   background: var(--navy);
   color: #fff;
   position: relative;
   overflow: hidden;
}
.borders::after {
   content: "";
   position: absolute;
   right: -120px;
   top: 50%;
   transform: translateY(-50%);
   width: 340px;
   height: 340px;
   border: 60px solid rgba(255, 255, 255, 0.05);
   border-radius: 50%;
}
.borders .pill {
   display: inline-flex;
   align-items: center;
   gap: 0.5rem;
   background: rgba(255, 255, 255, 0.12);
   border: 1px solid rgba(255, 255, 255, 0.25);
   padding: 0.45rem 1rem;
   border-radius: 30px;
   font-size: 0.78rem;
   font-weight: 600;
   margin-bottom: 1.1rem;
}
.borders .pill i {
   color: var(--orange);
}
.borders h2 {
   font-weight: 800;
   font-size: clamp(1.7rem, 3.2vw, 2.4rem);
   margin-bottom: 1rem;
}
.borders h2 .accent {
   color: var(--orange);
}
.borders p {
   color: #dbe6f7;
   font-size: 0.95rem;
   line-height: 1.7;
   max-width: 480px;
   margin-bottom: 1.6rem;
}
.border-chip {
   background: var(--orange);
   color: #fff;
   border-radius: 12px;
   padding: 0.9rem 1.1rem;
   display: flex;
   align-items: center;
   gap: 0.7rem;
   font-weight: 600;
   font-size: 0.9rem;
   transition: 0.3s;
   box-shadow: 0 8px 20px rgba(241, 90, 36, 0.25);
}
.border-chip:hover {
   transform: translateY(-3px);
   background: var(--orange-dark);
   color: #fff;
}
.border-chip i {
   font-size: 1.1rem;
}

.counter-band {
   background: linear-gradient(120deg, var(--navy-darker), var(--navy));
   color: #fff;
   position: relative;
   overflow: hidden;
   padding: 40px 0;
}
.counter-band::after {
   content: "\f21e";
   font-family: "Font Awesome 5 Free";
   font-weight: 900;
   position: absolute;
   right: -30px;
   bottom: -40px;
   font-size: 18rem;
   color: rgba(255, 255, 255, 0.04);
}
.counter {
   text-align: center;
   padding: 1rem;
}
.counter i {
   font-size: 1.8rem;
   color: var(--orange);
   margin-bottom: 0.7rem;
}
.counter b {
   font-size: clamp(1.75rem, 3vw, 2.8rem);
   font-weight: 800;
   display: block;
   line-height: 1;
}
.counter span {
   color: #cdd9ee;
   font-size: 0.92rem;
}

.doc-card {
   background: #fff;
   border-radius: 18px;
   overflow: hidden;
   border: 1px solid var(--line);
   transition: 0.35s;
   height: 100%;
}
.doc-card:hover {
   transform: translateY(-8px);
   box-shadow: var(--shadow-md);
}
.doc-photo {
   position: relative;
   height: 280px;
   overflow: hidden;
}
.doc-photo img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   transition: 0.5s;
}
.doc-card:hover .doc-photo img {
   transform: scale(1.07);
}
.doc-social {
   position: absolute;
   right: 14px;
   bottom: 14px;
   display: flex;
   flex-direction: column;
   gap: 0.5rem;
   opacity: 0;
   transform: translateX(20px);
   transition: 0.35s;
}
.doc-card:hover .doc-social {
   opacity: 1;
   transform: translateX(0);
}
.doc-social a {
   width: 38px;
   height: 38px;
   border-radius: 50%;
   background: #fff;
   color: var(--navy);
   display: grid;
   place-items: center;
   box-shadow: var(--shadow-sm);
   transition: 0.25s;
}
.doc-social a:hover {
   background: var(--orange);
   color: #fff;
}
.doc-info {
   padding: 1.4rem;
}
.doc-info .spec {
   color: var(--orange);
   font-size: 0.78rem;
   font-weight: 600;
   letter-spacing: 0.08em;
   text-transform: uppercase;
}
.doc-info h5 {
   font-weight: 700;
   color: var(--navy);
   margin: 0.3rem 0;
   font-size: 1.12rem;
}
.doc-info .deg {
   color: var(--muted);
   font-size: 0.84rem;
   margin-bottom: 1rem;
}
.doc-info .book {
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding-top: 1rem;
   border-top: 1px solid var(--line);
}
.doc-info .book .rate i {
   color: #f5b50a;
   font-size: 0.8rem;
}
.doc-info .book a {
   color: var(--navy);
   font-weight: 600;
   font-size: 0.85rem;
}
.doc-info .book a:hover {
   color: var(--orange);
}

.testi-card {
   background: #fff;
   border-radius: 18px;
   padding: 2.2rem;
   box-shadow: var(--shadow-sm);
   border: 1px solid var(--line);
   height: 100%;
}
.testi-card .quote {
   font-size: 2.4rem;
   color: var(--orange);
   opacity: 0.25;
   line-height: 1;
}
.testi-card p {
   color: var(--ink);
   line-height: 1.7;
   font-size: 0.95rem;
   margin: 0.6rem 0 1.4rem;
}
.testi-card .who {
   display: flex;
   align-items: center;
   gap: 0.9rem;
}
.testi-card .who img {
   width: 52px;
   height: 52px;
   border-radius: 50%;
   object-fit: cover;
}
.testi-card .who b {
   display: block;
   color: var(--navy);
   font-size: 0.95rem;
}
.testi-card .who span {
   font-size: 0.8rem;
   color: var(--muted);
}

.testimonialSwiper .swiper-wrapper .swiper-slide {
   height: auto;
}

.testimonialSwiper .swiper-wrapper {
   padding-bottom: 60px;
}

.testimonialSwiper .swiper-pagination-bullet {
   width: 30px;
   height: 5px;
   border-radius: 2px;
   background: #f06a2e;
}

.blog-card {
   background: #fff;
   border-radius: 16px;
   overflow: hidden;
   border: 1px solid var(--line);
   height: 100%;
   transition: 0.35s;
}
.blog-card:hover {
   transform: translateY(-6px);
   box-shadow: var(--shadow-md);
}
.blog-thumb {
   height: 210px;
   overflow: hidden;
   position: relative;
}
.blog-thumb img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   transition: 0.5s;
}
.blog-card:hover .blog-thumb img {
   transform: scale(1.08);
}
.blog-tag {
   position: absolute;
   top: 14px;
   left: 14px;
   background: var(--orange);
   color: #fff;
   font-size: 0.72rem;
   font-weight: 600;
   padding: 0.35rem 0.8rem;
   border-radius: 30px;
}
.blog-body {
   padding: 1.5rem;
}
.blog-body .meta {
   font-size: 0.78rem;
   color: var(--muted);
   margin-bottom: 0.6rem;
   display: flex;
   gap: 1rem;
}
.blog-body .meta i {
   color: var(--orange);
   margin-right: 0.3rem;
}
.blog-body h5 {
   font-weight: 600;
   color: var(--navy);
   font-size: 1.08rem;
   line-height: 1.4;
   margin-bottom: 0.8rem;
}
.blog-body a.read {
   color: var(--orange);
   font-weight: 600;
   font-size: 0.85rem;
}

.cta {
   background: linear-gradient(120deg, var(--orange), var(--orange-dark));
   border-radius: 24px;
   padding: 3.4rem;
   color: #fff;
   position: relative;
   overflow: hidden;
}
.cta::after {
   content: "\f0fa";
   font-family: "Font Awesome 5 Free";
   font-weight: 900;
   position: absolute;
   right: -20px;
   top: -30px;
   font-size: 13rem;
   color: rgba(255, 255, 255, 0.12);
}
.cta h2 {
   font-weight: 600;
   font-size: clamp(1.7rem, 3vw, 2.4rem);
}
.cta .btn-white {
   background: #fff;
   color: var(--orange);
   font-weight: 700;
   padding: 1rem 2rem;
   border-radius: 12px;
   transition: 0.3s;
}
.cta .btn-white:hover {
   background: var(--navy);
   color: #fff;
   transform: translateY(-3px);
}

.footer {
   background: var(--navy-darker);
   color: #aebfda;
   padding: 4.5rem 0 0;
}
.footer h6 {
   color: #fff;
   font-weight: 700;
   margin-bottom: 1.3rem;
   font-size: 1rem;
}
.footer a {
   color: #aebfda;
   font-size: 0.9rem;
   transition: 0.25s;
}
.footer a:hover {
   color: var(--orange);
   padding-left: 4px;
}
.footer .flink {
   display: block;
   margin-bottom: 0.65rem;
}
.footer .contact-li {
   display: flex;
   gap: 0.8rem;
   margin-bottom: 1rem;
   font-size: 0.9rem;
}
.footer .contact-li i {
   color: var(--orange);
   margin-top: 3px;
}
.footer .social {
   display: flex;
   gap: 0.6rem;
   margin-top: 1.2rem;
}
.footer .social a {
   width: 40px;
   height: 40px;
   border-radius: 10px;
   background: rgba(255, 255, 255, 0.08);
   display: grid;
   place-items: center;
   color: #fff;
}
.footer .social a:hover {
   background: var(--orange);
   padding-left: 0;
   transform: translateY(-3px);
}
.footer .newsletter input {
   background: rgba(255, 255, 255, 0.08);
   border: 1px solid rgba(255, 255, 255, 0.14);
   color: #fff;
   border-radius: 10px;
   padding: 0.7rem 1rem;
   width: 100%;
}
.footer .newsletter input::placeholder {
   color: #7e91b5;
}
.footer-bottom {
   border-top: 1px solid rgba(255, 255, 255, 0.1);
   padding: 1.5rem 0;
   font-size: 0.85rem;
}
.social-icons-ul li a i,
footer .social i {
   font-family: "Font Awesome 5 Brands";
}

.float-emerg {
   position: fixed;
   right: 22px;
   bottom: 22px;
   z-index: 900;
   display: flex;
   flex-direction: column;
   gap: 0.7rem;
}
.float-emerg a {
   width: 56px;
   height: 56px;
   border-radius: 50%;
   display: grid;
   place-items: center;
   color: #fff;
   font-size: 1.3rem;
   box-shadow: var(--shadow-md);
   transition: 0.3s;
}
.float-emerg a.wa {
   background: #25d366;
}
.float-emerg a.cl {
   background: var(--orange);
   animation: pulse 2s infinite;
}
.float-emerg a:hover {
   transform: scale(1.1);
}
@keyframes pulse {
   0% {
      box-shadow: 0 0 0 0 rgba(241, 90, 36, 0.5);
   }
   70% {
      box-shadow: 0 0 0 16px rgba(241, 90, 36, 0);
   }
   100% {
      box-shadow: 0 0 0 0 rgba(241, 90, 36, 0);
   }
}

/* ============ RESPONSIVE ============ */

@media (max-width: 991px) {
   .hero .swiper-button-next,
   .hero .swiper-button-prev {
      display: none;
   }
   .section-pad {
      padding: 4rem 0;
   }
}
@media (max-width: 575px) {
   .hero-stats .stat {
      padding-right: 1.3rem;
      margin-right: 1.3rem;
   }
   .hero-stats .stat b {
      font-size: 1.6rem;
   }
   .tour-body {
      padding: 2rem;
   }
   .cta {
      padding: 2.2rem;
   }
}

.sec-excellence {
   p {
      color: #333333;
      padding-bottom: 8px;
      margin-bottom: 0;
      &:last-child {
         padding-bottom: 0;
      }
   }
}

.qa-section {
   p {
      color: #333333;
      padding-bottom: 20px;
   }
}

.faq-section {
   .accordion {
      .accordion-item {
         .accordion-header {
            margin-bottom: 0px;
            .accordion-button {
               font-weight: 600;
               color: var(--navy);
               font-size: 1.08rem;
               line-height: 1.4;
               &:focus {
                  box-shadow: none;
               }
            }
            .accordion-button:not(.collapsed) {
               background-color: #15396e;
               color: #fff;
            }
         }
         .accordion-collapse {
            .accordion-body {
               font-size: 15px;
               line-height: 28px;
               color: #1f2937;
            }
         }
      }
   }
}

.page-template-home-new {
   article,
   aside,
   figcaption,
   figure,
   footer,
   header,
   hgroup,
   main,
   nav,
   section {
      float: unset;
   }
}

#book {
   p {
      color: #fff;
   }
}

#departments {
   .swiper {
      width: 100%;
      position: relative;
   }

   .swiper-slide {
      height: auto;
   }

   .swiper-pagination-bullet-active {
      opacity: 1;
      background: #db1a1d;
   }
   .swiper-pagination-bullet {
      width: 15px !important;
      height: 15px !important;
      border-radius: 15px !important;
   }
   .swiper-pagination-bullet-active {
      background: #f15d37 !important;
   }
   #deptSwiperPagination {
      position: relative;
      z-index: 10;
      margin-top: 60px;
   }
}

/* Container adjustments */
#awardSwiper {
   width: 100%;
   position: relative;
}

#awardSwiper .swiper-wrapper {
   padding-bottom: 60px;
}

#awardSwiper .swiper-pagination-bullet {
   width: 15px !important;
   height: 15px !important;
   border-radius: 15px !important;
   background-color: #f06a2e !important;
}

/* Image wrapper styling */
.daisy2-img {
   width: 100%;
   border-radius: 12px;
   overflow: hidden;
}

.daisy2-img img {
   width: 100%;
   height: auto;
   display: block;
   object-fit: cover;
   border-radius: 12px;
}

/* Optional overlay adjustments for swiper arrows */
#awardSwiper .swiper-button-next,
#awardSwiper .swiper-button-prev {
   color: #0d6efd; /* Navigation arrow color */
}

#awardSwiperPagination .swiper-pagination-bullet-active {
   background-color: #0d6efd;
}

.footer {
   .mw-90 {
      max-width: 90%;
   }
   .footer-links {
      display: flex;
      ul {
         padding-left: 0;
         li {
            list-style-type: none;
         }
      }
   }
   .accordion {
      .accordion-item {
         border: 0;
      }
      .accordion-header {
         .accordion-button {
            background: #dd5829;
            color: #fff;
            font-weight: 600;
            font-size: 16px;
            line-height: 24px;
            &:focus {
               box-shadow: none;
            }
            &::after {
               filter: invert(1);
            }
         }
      }
      .accordion-body {
         ul {
            list-style-type: none;
            padding-left: 0;
            margin-bottom: 0;
            li {
               line-height: 1.7;
               font-size: 0.95rem;
               color: #3f3f3f;
               font-weight: 400;
               padding-bottom: 8px;
               position: relative;
               padding-left: 26px;
               i {
                  color: #dd5829;
                  position: absolute;
                  left: 0px;
                  top: 5px;
               }
               &:last-child {
                  padding-bottom: 0;
               }
               a {
                  color: #000;
               }
            }
         }
      }
   }
   @media (max-width: 768px) {
      .footer-links {
         flex-direction: column;
      }
   }
}

.book-appointment-form {
   float: left;
   width: 100%;
   padding: 25px;
   background: #f4f5f6;
   border-radius: 4px;
}

#makeanappointment .gform_wrapper.gravity-theme .gfield input.large,
.book-appointment-form
   #makeanappointment
   .gform_wrapper.gravity-theme
   .gfield
   select.large,
#makeanappointment .gform_wrapper.gravity-theme .gfield input.large,
#makeanappointment .gform_wrapper.gravity-theme .gfield select.large,
.gform_wrapper.gravity-theme .gfield input.large {
   width: 100%;
   max-width: 100%;
   background: #fff;
   border-radius: 4px !important;
   outline: none !important;
   color: #a7a7a7;
   height: 50px;
   border: 1px solid #a7a7a7;
}

#makeanappointment #input_54_62 {
   padding-left: 45px !important;
}

#gform_submit_button_54 {
   float: left;
   padding: 0 40px;
   font-weight: 700;
   color: #fff !important;
   text-decoration: none !important;
   text-align: center;
   background: #f15d37;
   text-transform: uppercase;
   line-height: 40px;
   border-radius: 40px;
   border: 0 none !important;
   cursor: pointer;
}

@media (max-width: 992px) {
   .qa-section {
      padding: 60px 0px;
   }
   .footer {
      padding: 60px 0px;
   }
}

@media (max-width: 768px) {
   .qa-section {
      padding: 50px 0px;
   }
   .section-pad {
      padding: 50px 0px;
   }
   .footer {
      padding: 50px 0px 20px;
      .footer-links {
         ul {
            margin-bottom: 0;
         }
      }
   }
}

@media (max-width: 576px) {
   .qa-section {
      padding: 30px 0px;
   }
   .section-pad {
      padding: 30px 0px;
   }
   .pkg2 {
      padding: 25px;
      p {
         margin-bottom: 10px;
      }
   }
   .footer {
      padding: 30px 0px 0px;
      .mw-90 {
         max-width: 100%;
      }
   }
}

@media screen and (max-width: 767px) {
   body {
      padding-bottom: 65px;
   }
}

.sub-title {
   color: var(--orange);
   font-weight: 600;
   font-size: 26px;
}

.international-care-section {
   .international-care-section {
      padding: 25px 0 25px;
      background: #f7f8fa;
      color: #173d6d;
   }

   .international-heading {
      margin-bottom: 32px;
   }

   .international-card {
      padding: 32px;
      background: #ffffff;
      border: 1px solid #cbd1d9;
      border-radius: 0;
   }

   .card-title {
      display: flex;
      align-items: center;
      gap: 15px;
   }

   .title-icon {
      flex: 0 0 auto;
      color: #f2663a;
      font-size: 27px;
   }

   .card-title h3 {
      margin: 0;
      color: #173f73;
      font-size: clamp(28px, 3vw, 30px);
      line-height: 1.18;
      font-weight: 700;
   }

   .title-line {
      width: 100%;
      height: 2px;
      margin: 14px 0 31px;
      background: #f2663a;
   }

   .card-description {
      margin: 0 0 28px;
      color: #315170;
   }

   .international-services {
      display: flex;
      flex-direction: column;
      gap: 17px;
   }

   .service-item {
      display: grid;
      grid-template-columns: 25px 1fr;
      gap: 11px;
      align-items: start;
   }

   .service-icon {
      color: #f2663a;
      font-size: 19px;
      line-height: 1.2;
      padding-top: 2px;
   }

   .service-item h4 {
      margin: 0 0 3px;
      color: #172b43;
      font-size: 15px;
      line-height: 1.3;
      font-weight: 700;
   }

   .service-item p {
      margin: 0;
      color: #315170;
      font-size: 13px;
      line-height: 1.4;
   }

   .international-btn {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 9px;
      width: 100%;
      margin-top: 32px;
      padding: 17px 20px;
      background: #f2663a;
      border: 1px solid #f2663a;
      color: #ffffff;
      text-decoration: none;
      font-size: 15px;
      font-weight: 700;
      transition: all 0.25s ease;
   }

   .international-btn:hover {
      background: #173f73;
      border-color: #173f73;
      color: #ffffff;
   }

   .hospital-card {
      padding-bottom: 31px;
   }

   .map-heading {
      display: flex;
      align-items: center;
      gap: 14px;
      margin-bottom: 18px;
   }

   .map-heading > i {
      color: #f2663a;
      font-size: 27px;
   }

   .map-heading h3 {
      margin: 0;
      color: #173f73;
      font-size: 27px;
      line-height: 1.2;
      font-weight: 700;
   }

   .hospital-map {
      position: relative;
      width: 100%;
      height: 320px;
      overflow: hidden;
   }

   .hospital-map iframe {
      display: block;
      width: 100%;
      height: 100%;
      border: 0;
   }

   .hospital-info {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 45px;
      margin-top: 50px;
   }

   .hospital-info h4 {
      margin: 0;
      color: #182b42;
      font-size: 15px;
      line-height: 1.3;
      font-weight: 700;
   }

   .info-line {
      width: 100%;
      height: 2px;
      margin: 5px 0 14px;
      background: #f2663a;
   }

   .hospital-address p {
      margin: 0;
      color: #315170;
   }

   .landmark-item {
      display: grid;
      grid-template-columns: 15px 1fr;
      gap: 6px;
      margin-bottom: 9px;
      color: #234363;
      font-size: 16px;
      line-height: 1.45;
   }

   .landmark-item i {
      color: #f2663a;
      font-size: 12px;
      padding-top: 5px;
   }

   @media (max-width: 991.98px) {
      .international-care-section {
         padding: 40px 0;
      }
      .hospital-info {
         margin-top: 45px;
      }
   }

   @media (max-width: 767.98px) {
      .international-care-section {
         padding: 30px 0;
      }
      .international-heading {
         margin-bottom: 25px;
      }
      .international-heading p {
         font-size: 16px;
      }
      .international-card {
         padding: 25px;
      }
      .hospital-map {
         height: 300px;
      }
      .hospital-info {
         grid-template-columns: 1fr;
         gap: 28px;
         margin-top: 35px;
      }
   }

   @media (max-width: 575.98px) {
      .international-heading h2 {
         font-size: 34px;
      }
      .international-card {
         padding: 20px;
      }
      .card-title h3 {
         font-size: 26px;
      }
      .map-heading h3 {
         font-size: 23px;
      }
      .hospital-map {
         height: 270px;
      }
      .hospital-address p,
      .landmark-item {
         font-size: 15px;
      }
   }
}

.bg-blue {
   background: var(--navy);
   .sec-title {
      color: #fff;
   }
}

.faq-section .accordion-body a {
   color: inherit;
   text-decoration: none;
   transition: color 0.3s ease;
}

.faq-section .accordion-body a:hover {
   color: #f2663a;
}

@media (max-width: 992px) {
   .nav-toggle {
      width: 50px;
      height: 46px;
      line-height: 52px;
      i {
         font-size: 24px;
      }
   }
   .btn-cmn {
      padding: 0.85rem 0.7rem;
      font-size: 14px;
   }
}

@media (min-width: 576px) {
   .d-block-mobile {
      display: none;
   }
   .d-none-mobile {
      display: block;
   }
}

@media (max-width: 768px) {
   :root {
      overflow-x: hidden;
   }
}

@media (max-width: 576px) {
   .hero-stats {
      gap: 10px;
   }
   .hero-stats .stat {
      margin-right: 10px;
   }
   .hero-actions .btn {
      padding: 10px 15px;
   }
}

.sticky-book-btn {
   position: fixed;
   top: 50%;
   right: -94px;
   display: inline-flex;
   align-items: center;
   gap: 8px;
   padding: 14px 20px;
   background: #ec6c37;
   color: #fff;
   text-decoration: none;
   border-radius: 8px 8px 0px 0px;
   box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
   z-index: 99998;
   opacity: 0;
   visibility: hidden;
   transition: transform 0.35s ease, opacity 0.35s ease, visibility 0.35s ease;
   transform: rotate(-90deg);
   font-size: 16px;
   font-weight: 600;
}

.sticky-book-btn:hover {
   color: #fff;
}

.sticky-book-btn.show {
   opacity: 1;
   visibility: visible;
   transform: rotate(-90deg);
}

@media (max-width: 991px) {
   .sticky-book-btn {
      display: none !important;
   }
}

.google-reviews {
   display: flex;
   justify-content: center;
   gap: 10px;
   .ratingcount {
      display: block;
      color: #fff;
   }
   ul {
      display: flex;
      list-style: none;
      padding-left: 0;
      color: #fbbc04;
      align-items: center;
      gap: 4px;
   }
   span {
      display: block;
      color: #fff;
   }
}

.international-care-section {
   background: linear-gradient(120deg, var(--navy-darker), var(--navy));
   position: relative;
   z-index: 5;
   &::before {
      content: "\f135";
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      position: absolute;
      right: 0px;
      top: 0;
      font-size: 18rem;
      color: rgba(255, 255, 255, 0.04);
      line-height: 18rem;
   }
   .sec-title {
      color: #fff;
   }
   p {
      color: #fff;
   }
}