@charset "utf-8";
/* CSS Document */

body{
  font-family:'Poppins',sans-serif;padding-top:120px; 
}
/* ================= TOPBAR ================= */

.topbar{
  background:#0f2b46;
  color:#fff;
  font-size:13px;
  padding:8px 0;
   position:fixed;
  top:0;
  width:100%;
  z-index:1000;
}

/* WRAP */
.topbar-wrap{
  display:flex;
  justify-content:space-between;
  align-items:center;
  flex-wrap:wrap;
  gap:6px;
}

/* LEFT */
.topbar-left{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
}

/* ICONS */
.topbar i{
  margin-right:5px;
  color:#19c1a6;
}

/* SOCIAL */
.social-icons{
  display:flex;
  align-items:center;
  gap:8px;
}

.social-icons a{
  color:#fff;
  font-size:13px;
  transition:0.3s;
}

.social-icons a:hover{
  color:#19c1a6;
}

/* MOBILE FIX */
@media(max-width:576px){

  .topbar{
    text-align:center;
  }

  .topbar-wrap{
    flex-direction:column;
    align-items:center;
  }

  .topbar-left{
    justify-content:center;
  }
}

/* BASE */
.topbar{
  background:#0f2b46;
  color:#fff;
  font-size:13px;
  padding:8px 0;
}

/* WRAP */
.topbar-wrap{
  display:flex;
  justify-content:space-between;
  align-items:center;
}

/* LEFT */
.topbar-left{
  display:flex;
  align-items:center;
  gap:10px;
}

/* ICONS */
.topbar i{
  color:#19c1a6;
  margin-right:5px;
}

/* SOCIAL */
.social-icons{
  display:flex;
  gap:10px;
}

.social-icons a{
  color:#fff;
  font-size:13px;
  transition:0.3s;
}

.social-icons a:hover{
  color:#19c1a6;
}

/* ✅ MOBILE FIX (SIDE BY SIDE) */
@media(max-width:576px){

  .topbar-wrap{
    flex-direction:row;        /* KEEP IN SAME ROW */
    justify-content:space-between;
  }

  .topbar-left span{
    font-size:12px;
  }

  .social-icons{
    gap:8px;
  }

  .social-icons a{
    font-size:12px;
  }
}
/* NAVBAR */
.navbar{
  background:#fff;
  padding:14px 0;
  box-shadow:0 4px 20px rgba(0,0,0,0.05);
  position:fixed;
  top:34px; /* height of topbar */
  width:100%;
  z-index:999;
}

.navbar-brand{
  display:flex;
  align-items:center;
  gap:10px;
}

.logo-icon{
  width:42px;
  height:42px;
  border-radius:50%;
  background:linear-gradient(135deg,#19c1a6,#2ea8ff);
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  font-weight:700;
}

.brand-text{
  line-height:1.1;
}

.brand-text strong{
  display:block;
  font-size:16px;
}

.brand-text span{
  font-size:12px;
  color:#6c757d;
}

.nav-link{
  font-weight:500;
  color:#333 !important;
  margin:0 2px;
  position:relative;
  padding-bottom:8px; /* reserve space to prevent jump */
}

.nav-link::after{
  content:'';
  position:absolute;
  left:0;
  bottom:0;
  width:0;
  height:2px;
  background:#19c1a6;
  transition:0.3s;
}

.nav-link:hover::after{
  width:100%;
}

.nav-link::after{
  content:'';
  position:absolute;
  left:0;
  bottom:-6px;
  width:0;
  height:2px;
  background:#19c1a6;
  transition:0.3s;
}

/* PREMIUM DROPDOWN ARROW FIX */
.navbar .dropdown-toggle{
  display:inline-flex;
  align-items:center;
  gap:4px;
  line-height:1;
}

/* CSS ARROW */
.navbar .dropdown-toggle::after{
  content:"";
  width:6px;
  height:6px;
  border-right:2px solid #333;
  border-bottom:2px solid #333;
  transform:rotate(45deg);
  display:inline-block;
  margin-left:6px;
  position:relative;
  top:-1px;
  transition:transform 0.35s cubic-bezier(.34,1.56,.64,1);
  display:none;
}

/* CUSTOM DROPDOWN ARROW */
.navbar .dropdown-toggle{
  position:relative;
  padding-right:18px; /* space for arrow */
}

/* NEW ARROW */
.navbar .dropdown-toggle::before{
  content:"";
  position:absolute;
  right:0;
  top:50%;
  width:6px;
  height:6px;
  border-right:2px solid #333;
  border-bottom:2px solid #333;
  transform:translateY(-50%) rotate(45deg);
  transition:all 0.3s ease;
    display:none;
}

/* ROTATE WHEN OPEN */
.navbar .dropdown.show .dropdown-toggle::before{
  transform:translateY(-50%) rotate(225deg);
}

/* OPTIONAL HOVER FEEL */
.navbar .dropdown:hover .dropdown-toggle::before{
  transform:translateY(-50%) rotate(225deg);
}

/* ACTIVE (BOOTSTRAP .show STATE) */
.navbar .dropdown.show .dropdown-toggle::after{
  transform:rotate(225deg);
  animation:arrowBounce 0.45s ease;
}

/* OPTIONAL HOVER (fallback feel) */
.navbar .dropdown:hover .dropdown-toggle::after{
  transform:rotate(225deg);
}

/* BOUNCE ANIMATION */
@keyframes arrowBounce{
  0%{ transform:rotate(45deg) translateY(0); }
  40%{ transform:rotate(225deg) translateY(-2px); }
  70%{ transform:rotate(225deg) translateY(1px); }
  100%{ transform:rotate(225deg) translateY(0); }
}

/* ULTRA PREMIUM DROPDOWN */
.dropdown-menu{
  border:none;
  border-radius:14px;
  box-shadow:0 20px 60px rgba(0,0,0,0.08);
  padding:10px;
  margin-top:12px;
  animation:fadeUp 0.3s ease;
}

.dropdown-item{
  border-radius:10px;
  padding:10px 14px;
  font-size:14px;
  transition:0.25s;
}

.dropdown-item:hover{
  background:linear-gradient(135deg,#19c1a6,#2ea8ff);
  color:#fff;
}

@keyframes fadeUp{
  from{opacity:0;transform:translateY(10px)}
  to{opacity:1;transform:translateY(0)}
}
  to{opacity:1;transform:translateY(0)}
}

.nav-link:hover::after{
  width:100%;
}

/* BUTTON */
.btn-appointment{
  background:linear-gradient(135deg,#19c1a6,#2ea8ff);
  color:#fff;
  padding:10px 20px;
  border-radius:30px;
  font-weight:500;
  border:none;
  transition:0.3s;
}

.btn-appointment:hover{
  transform:translateY(-2px);
  box-shadow:0 8px 20px rgba(0,0,0,0.15);
}

/* SOCIAL */
.social-icons a{
  font-size:13px;
}

/* LOGO */
.logo-img{
  height:50px;   /* adjust if needed */
  width:auto;
}

/* optional spacing fix */
.navbar-brand{
  gap:10px;
}

/* FIXED NAVBAR BASE */
.navbar{
  background:#fff;
  padding:14px 0;
  transition:all 0.35s ease;
  z-index:999;
}

/* WHEN SCROLLED */
.navbar.scrolled{
  padding:8px 0;
  box-shadow:0 8px 25px rgba(0,0,0,0.08);
}

/* LOGO */
.logo-img{
  height:50px;
  transition:0.3s;
}

/* SHRINK LOGO ON SCROLL */
.navbar.scrolled .logo-img{
  height:42px;
}

/* BODY OFFSET (VERY IMPORTANT) */
body{
  padding-top:80px; /* adjust based on navbar height */
}

.dropdown-icon{
  font-size:10px;
  transition:0.3s;
}

.dropdown.show .dropdown-icon{
  transform:rotate(180deg);
}

.reveal {opacity:0; transform:translateY(30px); transition:all 0.8s ease;}
.reveal.active {opacity:1; transform:translateY(0);}
.delay-1 {transition-delay:0.1s;}
.delay-2 {transition-delay:0.2s;}
.delay-3 {transition-delay:0.3s;}
.delay-4 {transition-delay:0.4s;}
.delay-5 {transition-delay:0.5s;}
.gradient-text {background:linear-gradient(90deg,#19c1a6,#2ea8ff); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-size:200% auto; animation:textShine 3s linear infinite;}

@keyframes textShine {
to {background-position:200% center;}
}

.feature-item {transition:all 0.3s ease;}
.feature-item:hover {transform:translateY(-3px);}
.hero-buttons .btn {transition:all 0.3s ease;}
.hero-buttons .btn:hover {transform:translateY(-3px); box-shadow:0 10px 25px rgba(0,0,0,0.1);}
.hero-trust {font-size:13px; color:#5f6b7a; margin-top:15px; opacity:0.9;}
.hero-section {position:relative; padding:80px 0 0px; background:#eef4f8; overflow:hidden;}
.hero-section::after {content:""; position:absolute; top:0; right:0; width:60%; height:100%; background:url('../i/hero-bg.jpg') no-repeat right center/cover; opacity:0.35;}
.hero-section::before {content:""; position:absolute; top:0; left:0; width:65%; height:100%; background:linear-gradient(90deg,#eef4f8 60%, rgba(238,244,248,0)); z-index:1;}
.hero-section .container {position:relative; z-index:2;}
.hero-badge {background:#e6f7f5; color:#0c7c74; padding:6px 14px; border-radius:20px; font-size:13px; display:inline-block;}
.hero-title {font-size:40px; font-weight:700; color:#0f2b46; line-height:1.2;}
.hero-title span {background:linear-gradient(135deg,#19c1a6,#2ea8ff); -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.hero-desc {margin:20px 0; color:#5f6b7a; max-width:520px;}
.hero-features {display:grid; grid-template-columns:repeat(2,1fr); gap:18px 40px; margin-top:25px;}
.feature-item {display:flex; align-items:center; gap:12px;}
.feature-item i {width:42px; height:42px; display:flex; align-items:center; justify-content:center; border-radius:50%; border:1.5px solid #19c1a6; color:#19c1a6; transition:.3s;}
.feature-item:hover i {background:#19c1a6; color:#fff; transform:scale(1.05);}
.feature-item strong {font-size:14px; color:#0f2b46; display:block;}
.feature-item span {font-size:13px; color:#5f6b7a;}
.hero-buttons {margin-top:30px; display:flex; gap:15px;}
.hero-buttons .btn-primary {background:linear-gradient(135deg,#0f2b46,#1e3a6d); border:none; padding:12px 24px; border-radius:10px; box-shadow:0 10px 25px rgba(0, 0, 0, 0.15); transition:.3s;}
.hero-buttons .btn-primary:hover {transform:translateY(-2px);}
.hero-buttons .btn-outline-primary {border-radius:10px; border:1.5px solid #19c1a6; padding:12px 24px;}
.hero-trust {margin-top:20px; font-size:13px; color:#5f6b7a;}
.hero-img {max-height:560px; animation:float 4s ease-in-out infinite;}
.hero-img-wrap::after {content:""; position:absolute; width:300px; height:300px; background:radial-gradient(circle, rgba(46,168,255,0.25), transparent); top:50%; left:60%; transform:translate(-50%, -50%);}

@keyframes float {
0%, 100% {transform:translateY(0)}
50% {transform:translateY(-8px)}
}

@media(max-width:991px) {
.hero-title {font-size:36px}
.hero-section {text-align:left}
.hero-trust { text-align:center}
.hero-features {grid-template-columns:1fr}
.hero-buttons {justify-content:center}
.hero-section::after {display:none}
.hero-section::before {width:100%}
.hero-badge { margin-top:36px;}
.stat-box { padding:10px 15px !important}
}

.hero-bg-anim span {position:absolute; border-radius:50%; filter:blur(80px); opacity:0.4; animation:moveBlob 12s infinite alternate ease-in-out;}
.hero-bg-anim span:nth-child(1) {width:300px; height:300px; background:#19c1a6; top:20%; left:10%;}
.hero-bg-anim span:nth-child(2) {width:250px; height:250px; background:#2ea8ff; bottom:10%; right:15%; animation-delay:3s;}

@keyframes moveBlob {
0% {transform:translate(0,0) scale(1)}
100% {transform:translate(40px, -30px) scale(1.1)}
}

.hero-section::after {background:linear-gradient(rgba(255,255,255,0.4) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.4) 1px, transparent 1px), url('../i/hero-bg.jpg'); background-size:40px 40px, 40px 40px, cover;}
.hero-section::before {animation:moveBg 20s linear infinite;}

@keyframes moveBg {
0% {transform:translateX(0)}
100% {transform:translateX(-40px)}
}


.treatments-section {padding:80px 0; background:#f8fafc;}
.treat-title {font-size:26px; font-weight:600; color:#0f2b46;}
.treat-underline {width:50px; height:3px; background:#19c1a6; margin:10px auto 0; border-radius:10px;}
.treatments-grid {display:grid; grid-template-columns:repeat(5, 1fr); gap:25px;}
.treat-card {background:#fff; border:1px solid #e6edf3; border-radius:14px; padding:15px 20px; text-align:center; transition:0.25s ease;}
.treat-card:hover {box-shadow:0 10px 25px rgba(0,0,0,0.05); transform:translateY(-4px);}
.icon-circle {width:70px; height:70px; border-radius:50%; border:1.5px solid #19c1a6; display:flex; align-items:center; justify-content:center; margin:0 auto 15px; color:#19c1a6; font-size:26px;}
.treat-card h5 {font-size:15px; font-weight:600; color:#0f2b46; margin-bottom:10px;}
.treat-card p {font-size:13px; color:#6b7c93; line-height:1.5; min-height:60px;}
.treat-card a {font-size:13px; color:#0f2b46; text-decoration:none; font-weight:500;}
.treat-card a:hover {color:#19c1a6;}

@media(max-width:1200px) {
.treatments-grid {grid-template-columns:repeat(3, 1fr);}
}

@media(max-width:768px) {
.treatments-grid {grid-template-columns:repeat(2, 1fr);}
}

@media(max-width:480px) {
.treatments-grid {grid-template-columns:1fr;}
}

.treat-icon {width:32px; height:32px; stroke:#19c1a6; stroke-width:2; fill:none; stroke-linecap:round; stroke-linejoin:round;}
.icon-circle {width:70px; height:70px; border-radius:50%; border:1.5px solid #19c1a6; display:flex; align-items:center; justify-content:center; margin:0 auto 15px; background:#fff;}
.treat-card:hover .treat-icon {stroke:#0f2b46;}
.treat-card:hover .icon-circle {border-color:#0f2b46;}

.doctor-wrap {position:relative; display:inline-block;}
.about-doctor {max-height:330px; display:block;}
.why-card {position:absolute; left:160%; top:55%; transform:translate(-50%, -50%); background:rgba(255, 255, 255, 0.85); backdrop-filter:blur(6px); padding:22px 26px; border-radius:18px; box-shadow:0 20px 40px rgba(0, 0, 0, 0.08); width:270px;}
.why-card h5 {font-size:16px; font-weight:600; color:#0f2b46; margin-bottom:14px;}
.why-card ul {list-style:none; padding:0; margin:0;}

.about-section {position:relative; padding:0 0 0; background:#eef4f8; overflow:hidden;}
.about-section::after {content:""; position:absolute; top:0; right:0; width:60%; height:100%; background:url('../i/hero-bg.jpg') no-repeat right center/cover; opacity:0.12;}
.about-section::before {content:""; position:absolute; top:0; left:0; width:65%; height:100%; background:linear-gradient(90deg,#eef4f8 75%, rgba(238,244,248,0)); z-index:1;}
.about-section .container {position:relative; z-index:2;}
.about-title {font-size:36px; font-weight:700; color:#0f2b46;}
.about-title span {color:#19c1a6;}
.about-sub {font-size:14px; color:#6b7c93; margin:10px 0;}
.about-desc {font-size:15px; color:#4a5a6a; line-height:1.7; margin-bottom:30px;}
.about-stats {display:flex; gap:18px; flex-wrap:wrap;}
.stat-box {background:#fff; padding:18px 12px; border-radius:14px; border:1px solid #e6edf3; min-width:140px; text-align:center;}
.stat-box h3 {color:#19c1a6; font-size:22px;}
.stat-box p {font-size:12px; color:#6b7c93;}

@media(max-width:991px) {
.about-section {text-align:center;}
.why-card {position:relative; left:auto; top:auto; transform:none; margin:25px auto;}
.about-section::after {display:none;}
.about-section::before {width:100%;}
}

.testimonial-section {padding:40px 0; background:linear-gradient(90deg,#0b2c55,#0f3b6f); color:#fff;}
.testimonial-title {font-size:26px; margin-bottom:40px;}

.stars {color:#ffc107; margin-bottom:10px;}
.testimonial-item p {font-size:14px; color:#d6e2f0; line-height:1.6;}
.user {display:flex; align-items:center; gap:10px; margin-top:15px;}
.user img {width:35px; height:35px; border-radius:50%;}
.nav-btn {position:absolute; top:50%; transform:translateY(-50%); width:40px; height:40px; border-radius:50%; background:rgba(255,255,255,0.1); border:none; color:#fff; cursor:pointer; z-index:2;}
.prev {left:10px;}
.next {right:10px;}
.nav-btn:hover {background:#19c1a6;}
.dots {text-align:center; margin-top:20px;}
.dots span {display:inline-block; width:8px; height:8px; background:#ccc; border-radius:50%; margin:0 4px; cursor:pointer;}
.dots .active {background:#19c1a6;}

@media (max-width: 768px) {
.testimonial-item {flex:0 0 260px;}
}


.testimonial-carousel {overflow:hidden; position:relative; width:100%;}
.testimonial-track {display:flex; gap:24px; width:max-content; animation:testimonialScroll 60s linear infinite; will-change:transform;}
.testimonial-track:hover {animation-play-state:paused;}
.testimonial-item {flex:0 0 380px; background:rgba(255,255,255,0.06); border-radius:20px; padding:30px; box-shadow:0 5px 20px rgba(0,0,0,.08);}

@keyframes testimonialScroll {
from {transform:translateX(0);}
to {transform:translateX(-50%);}
}

.user {display:flex; align-items:center; gap:12px; margin-top:20px;}
.user img {width:55px; height:55px; border-radius:50%; object-fit:cover;}
.stars {color:#ffb400; font-size:20px; margin-bottom:15px;}
.nav-btn, .dots {display:none !important;}

@media(max-width:768px) {
.testimonial-item {flex:0 0 300px; padding:22px;}
.testimonial-track {gap:18px; animation-duration:40s;}
}


.review-btn-wrap {margin-top:30px;}
.review-btn {display:inline-block; padding:12px 24px; background:#19c1a6; color:#fff; border-radius:30px; font-size:14px; text-decoration:none; transition:all 0.3s ease; box-shadow:0 6px 15px rgba(25,193,166,0.3);}
.review-btn:hover {background:#14a58d; transform:translateY(-2px);}
.google-style {display:inline-flex; align-items:center; gap:8px;}
.google-style img {width:18px;}
.review-summary {margin-top:20px; margin-bottom:10px;}
.rating-stars {color:#ffc107; font-size:20px; letter-spacing:2px;}
.rating-text {font-size:14px; color:#d6e2f0; margin-top:5px;}


.blog-video-section {padding:80px 0; background:#eff4f9;}
.section-head h3 {font-size:22px; font-weight:600; color:#0f2b46;}
.view-link {font-size:13px; color:#19c1a6; text-decoration:none;}
.blog-card {background:#fff; border-radius:14px; overflow:hidden; border:1px solid #e6edf3; transition:0.3s;}
.blog-card:hover {transform:translateY(-5px); box-shadow:0 15px 30px rgba(0,0,0,0.06);}
.blog-card img {width:100%; height:140px; object-fit:cover;}
.blog-content {padding:15px;}
.blog-content small {font-size:12px; color:#6b7c93;}
.blog-content h5 {font-size:14px; font-weight:600; margin:8px 0; color:#0f2b46;}
.blog-content a {font-size:13px; color:#0f2b46; text-decoration:none;}
.blog-content a:hover {color:#19c1a6;}
.video-card {position:relative; border-radius:16px; overflow:hidden; margin-top:20px;}
.video-card img {width:100%; height:100%; object-fit:cover;}
.video-card1 {height:90% !important;}
.video-overlay {position:absolute; inset:0; background:linear-gradient(90deg, rgba(10,40,80,0.9), rgba(10, 40, 80, 0.4)); color:#fff; padding:25px; display:flex; flex-direction:column; justify-content:center;}
.video-overlay h4 {font-size:20px; font-weight:600; line-height:1.4;}
.play-btn {width:60px; height:60px; border-radius:50%; border:2px solid #fff; display:flex; align-items:center; justify-content:center; margin:20px 0; cursor:pointer; transition:0.3s;}
.play-btn:hover {background:#fff; color:#0f2b46;}
.video-time {font-size:12px; opacity:0.8;}

@media(max-width:991px) {
.video-card {margin-top:30px;}
}

.blog-carousel .blog-card {height:100%;}
.blog-carousel .owl-stage {display:flex;}
.blog-carousel .owl-item {display:flex;}

.blog-content {flex-grow:1; display:flex; flex-direction:column; justify-content:space-between;}
.blog-card {position:relative; background:#fff; border-radius:14px; overflow:hidden; border:1px solid #e6edf3; transition:0.3s; height:100%; display:flex; flex-direction:column;}
.blog-card img {width:100%; height:180px; object-fit:cover; transition:0.4s ease;}
.blog-card:hover {transform:translateY(-6px); box-shadow:0 20px 40px rgba(0,0,0,0.08);}
.blog-card::after {content:""; position:absolute; inset:0; background:linear-gradient(to top, rgba(0,0,0,0.04), transparent); pointer-events:none;}

.cta-section {padding:90px 0; background:#f4f8fb;}
.cta-box {background:linear-gradient(135deg,#ffffff,#f1f7fb); border-radius:20px; padding:60px; color:#0f2b46; position:relative; overflow:hidden; border:1px solid #e6edf3; box-shadow:0 20px 40px rgba(0, 0, 0, 0.04);}
.cta-box::after {content:""; position:absolute; right:-80px; top:-40px; width:250px; height:250px; background:radial-gradient(circle, rgba(25,193,166,0.15), transparent);}
.cta-box h2 {font-size:32px; font-weight:700; color:#0f2b46;}
.cta-box h2 span {color:#19c1a6;}
.cta-box p {color:#5f6b7a; margin:15px 0;}
.cta-trust {display:flex; gap:15px; font-size:13px; margin-bottom:20px; color:#6b7c93;}
.cta-buttons {display:flex; gap:15px;}
.cta-buttons .btn-primary {background:#19c1a6; color:#fff; border:none; padding:12px 22px; border-radius:10px; box-shadow:0 8px 20px rgba(25,193,166,0.2);}
.cta-buttons .btn-primary:hover {transform:translateY(-2px);}
.btn-whatsapp {background:#25D366; color:#fff; padding:12px 22px; border-radius:10px;}
.cta-urgency {margin-top:10px; font-size:12px; color:#e5533d;}
.cta-form {background:#ffffff; border-radius:16px; padding:25px; border:1px solid #e6edf3; box-shadow:0 10px 25px rgba(0,0,0,0.05);}
.cta-form h5 {font-weight:600; margin-bottom:15px; color:#0f2b46;}
.cta-form input, .cta-form select {width:100%; padding:12px; margin-bottom:12px; border:1px solid #e6edf3; border-radius:8px; font-size:14px;}
.cta-form input:focus, .cta-form select:focus {border-color:#19c1a6; outline:none;}
.cta-form button {width:100%; background:#0f2b46; color:#fff; padding:12px; border:none; border-radius:10px; font-weight:500;}
.cta-form button:hover {background:#19c1a6;}

@media(max-width:991px) {
.cta-box {text-align:center; padding:35px 25px;}
.cta-buttons {justify-content:center; flex-wrap:wrap;}
.cta-trust {justify-content:center; flex-wrap:wrap;}
}

.footer-section {position:relative; background:linear-gradient(135deg,#081f3f,#0d2f5f); color:#fff; padding-top:70px; overflow:hidden;}
.footer-section::before {content:""; position:absolute; top:-100px; right:-100px; width:300px; height:300px; background:radial-gradient(circle, rgba(25,193,166,0.15), transparent);}
.footer-section::after {content:""; position:absolute; bottom:-120px; left:-120px; width:300px; height:300px; background:radial-gradient(circle, rgba(46,168,255,0.12), transparent);}
.footer-top {position:relative; z-index:2; padding-bottom:45px; border-bottom:1px solid rgba(255,255,255,0.08);}
.footer-brand img {height:55px; margin-bottom:18px;}
.footer-brand p {font-size:14px; line-height:1.7; color:#c5d6ea; max-width:300px;}
.footer-social {margin-top:18px;}
.footer-social a {display:inline-flex; width:34px; height:34px; align-items:center; justify-content:center; border-radius:50%; margin-right:10px; color:#fff; font-size:13px; background:rgba(255,255,255,0.05); backdrop-filter:blur(6px); transition:all 0.3s ease;}
.footer-social a:hover {background:#19c1a6; transform:translateY(-3px); box-shadow:0 8px 20px rgba(25,193,166,0.3);}
.footer-section h5 {font-size:16px; font-weight:600; margin-bottom:18px; position:relative;}
.footer-section h5::after {content:""; width:30px; height:2px; background:#19c1a6; display:block; margin-top:6px;}
.footer-section ul {list-style:none; padding:0;}
.footer-section ul li {margin-bottom:10px; font-size:14px;}
.footer-section ul li a {color:#c5d6ea; text-decoration:none; transition:0.3s; position:relative;}
.footer-section ul li a::after {content:""; position:absolute; left:0; bottom:-2px; width:0; height:1px; background:#19c1a6; transition:0.3s;}
.footer-section ul li a:hover {color:#19c1a6;}
.footer-section ul li a:hover::after {width:100%;}
.contact-info li {display:flex; gap:10px; align-items:flex-start; color:#c5d6ea;}
.contact-info i {color:#19c1a6; margin-top:4px; font-size:14px;}
.footer-bottom {padding:18px 0; font-size:13px; color:#a9bfd8; position:relative; z-index:2;}
.footer-bottom p {margin:0;}
.footer-bottom a {color:#a9bfd8; text-decoration:none; margin-left:12px; transition:0.3s;}
.footer-bottom a:hover {color:#19c1a6;}
.footer-bottom span {margin:0 8px; opacity:0.4;}

@media(max-width:991px) {
.footer-section {text-align:center;}
.footer-brand p {margin:0 auto;}
.footer-bottom .text-end {text-align:center !important; margin-top:10px;}
}

.whatsapp-float {position:fixed; bottom:90px; right:20px; width:55px; height:55px; background:#25D366; color:#fff; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:24px; z-index:999; box-shadow:0 10px 25px rgba(0,0,0,0.2); transition:all 0.3s ease;}
.whatsapp-float::after {content:""; position:absolute; width:100%; height:100%; border-radius:50%; background:#25D366; opacity:0.4; animation:whatsappPulse 2s infinite;}

@keyframes whatsappPulse {
0% {transform:scale(1); opacity:0.4;}
70% {transform:scale(1.6); opacity:0;}
100% {opacity:0;}
}

.whatsapp-float:hover {transform:translateY(-4px) scale(1.05);}
.scroll-top {position:fixed; bottom:20px; right:20px; width:45px; height:45px; background:#0f2b46; color:#fff; border:none; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:16px; cursor:pointer; z-index:999; opacity:0; visibility:hidden; transition:all 0.3s ease;}
.scroll-top.active {opacity:1; visibility:visible;}
.scroll-top:hover {background:#19c1a6; transform:translateY(-3px);}

/* ACTIVE STATE PREMIUM */
.active-link{
  color:#19c1a6 !important;
  font-weight:600;
}

.active-link::after{
  width:100% !important;
}

/* keep arrow rotated when active */
.dropdown.show .dropdown-toggle::after{
  transform:rotate(225deg);
}

.treatments-advanced {padding:90px 0; background:#eff4f9;}
.section-title {font-size:30px; font-weight:700; color:#0f2b46;}
.section-sub {color:#6b7c93; font-size:14px;}
.treat-card {background:#fff; border-radius:14px; overflow:hidden; text-align:center; border:1px solid #e6edf3; transition:0.3s; height:100%;}
/*.treat-card img {width:100%; height:140px; object-fit:cover;}*/
.treat-card h6 {padding:15px 0 0; font-size:14px; font-weight:600; color:#0f2b46; min-height:30px;}
.treat-card:hover {transform:translateY(-6px); box-shadow:0 15px 35px rgba(0,0,0,0.08);}

@media(max-width:576px) {
.treat-card img {height:52px;}
}

.treat-card{
  display:block;              /* IMPORTANT */
  text-decoration:none;       /* remove underline */
  color:inherit;              /* keep text color */
}

/* hover stays same */
.treat-card:hover{
  transform:translateY(-6px);
  box-shadow:0 15px 35px rgba(0,0,0,0.08);
}

.treat-card {display:block; background:#fff; border-radius:16px; overflow:hidden; text-decoration:none; color:#0f2b46; border:1px solid #e6edf3; transition:all 0.35s ease; position:relative;}
.treat-img {position:relative; overflow:hidden;}
.treat-img img {width:100%; height:150px; object-fit:cover; transition:transform 0.5s ease;}
.treat-card h6 {padding:16px; font-size:14px; font-weight:600; text-align:center;}
.treat-overlay {position:absolute; inset:0; background:linear-gradient(180deg, rgba(0,0,0,0.0), rgba(15, 43, 70, 0.85)); display:flex; align-items:flex-end; justify-content:space-between; padding:15px; color:#fff; opacity:0; transform:translateY(20px); transition:all 0.35s ease;}
.treat-overlay span {font-size:13px; font-weight:500;}
.treat-overlay i {font-size:14px; transform:translateX(-5px); transition:0.3s;}
.treat-card:hover {transform:translateY(-8px); box-shadow:0 20px 40px rgba(0,0,0,0.08);}
.treat-card:hover img {transform:scale(1.08);}
.treat-card:hover .treat-overlay {opacity:1; transform:translateY(0);}
.treat-card:hover .treat-overlay i {transform:translateX(0);}

@media(max-width:768px) {
.treat-overlay {opacity:1; transform:none; background:linear-gradient(180deg, rgba(0,0,0,0.0), rgba(15, 43, 70, 0.6));}
}

.treatments-advanced {padding:80px 0; background:#f4f6f7;}
.section-title {font-size:30px; font-weight:700; color:#0f2b46;}
.section-sub {color:#6b7c93; font-size:14px;}
.filter-btn {border:1px solid #e6edf3; background:#fff; padding:8px 18px; border-radius:30px; margin:5px; cursor:pointer; transition:0.3s;}
.filter-btn.active, .filter-btn:hover {background:linear-gradient(135deg,#19c1a6,#2ea8ff); color:#fff; border:none;}
.treat-card {display:block; background:#fff; border-radius:16px; overflow:hidden; text-decoration:none; color:#0f2b46; border:1px solid #e6edf3; transition:0.3s;}
.treat-img {position:relative; overflow:hidden;}
/*.treat-img img {width:100%; height:150px; object-fit:cover; transition:0.5s;}*/
.treat-overlay {position:absolute; inset:0; background:linear-gradient(180deg,transparent,rgba(0,0,0,0.8)); display:flex; justify-content:space-between; align-items:flex-end; padding:15px; color:#fff; opacity:0; transition:0.3s; display:none;}
.treat-card h6 {padding:15px 0 0; text-align:center; font-size:14px;}
.treat-card:hover {transform:translateY(-6px); box-shadow:0 20px 40px rgba(0,0,0,0.08);}
.treat-card:hover img {transform:scale(1.08);}
.treat-card:hover .treat-overlay {opacity:1;}

@media(max-width:768px) {
.treat-overlay {opacity:1;}
}

.call-float {position:fixed; bottom:160px; right:20px; width:55px; height:55px; background:linear-gradient(135deg,#0f2b46,#2ea8ff); color:#fff; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:22px; z-index:999; box-shadow:0 10px 25px rgba(0, 0, 0, 0.2); transition:all 0.3s ease;}
.call-float:hover {transform:translateY(-4px) scale(1.05);}
.call-float::after {content:""; position:absolute; width:100%; height:100%; border-radius:50%; background:#2ea8ff; opacity:0.3; animation:callPulse 2s infinite;}

@keyframes callPulse {
0% {transform:scale(1); opacity:0.4;}
70% {transform:scale(1.6); opacity:0;}
100% {opacity:0;}
}

.dr-about {font-family:'Poppins', sans-serif; background:#f4f7fb;}
.dr-about * { box-sizing:border-box;}
.dr-about-hero {position:relative; color:#fff; padding:110px 0 80px; background:linear-gradient(90deg, rgba(8,30,66,0.95) 0%, rgba(8, 30, 66, 0.85) 40%, rgba(8, 30, 66, 0.6) 100%), url('i/bg-medical.jpg'); background-size:cover; background-position:center; background-repeat:no-repeat;}
.dr-about-hero::after {content:""; position:absolute; inset:0; background:radial-gradient(circle at 20% 50%, rgba(255,255,255,0.05), transparent 60%); pointer-events:none;}
.dr-about-hero h1 {font-weight:700; letter-spacing:-0.5px;}
.dr-about-hero .lead {color:#9ecbff; font-weight:500;}
.dr-about-hero p {color:rgba(255,255,255,0.85);}

.dr-about-hero h1 {font-size:42px; font-weight:700;}
.dr-about-img {border-radius:20px; box-shadow:0 20px 60px rgba(0,0,0,0.2); max-width:100%;}
img.dr-about-img { height:250px;}
.dr-about-info {background:#fff; margin-top:-60px; border-radius:20px; padding:25px; box-shadow:0 15px 50px rgba(0,0,0,0.08);}
.dr-about-section {padding:80px 0;}
.dr-about-light {background:#fff;}
.dr-about-text p {margin-bottom:15px; color:#444; line-height:1.7;}
.dr-proc-card {background:#fff; padding:15px; border-radius:12px; box-shadow:0 10px 25px rgba(0,0,0,0.05); font-size:14px; height:100%;}
.dr-timeline {border-left:3px solid #0d6efd; padding-left:20px;}
.dr-timeline-item {margin-bottom:20px;}
.dr-members li {margin-bottom:10px;}
.dr-footer {background:#111; color:#fff; padding:20px;}
.dr-about-hero p {
    margin-top:15px;
    margin-bottom:0;
    font-size:18px;
    opacity:0.95;
}

.dr-about-hero .lead {
    font-size:20px;
    margin-top:10px;
}
@media(max-width:768px) {
.dr-about-hero h1 {font-size:28px;}
}

.dr-info-card {margin-top:-80px; padding:35px 30px; border-radius:20px; background:rgba(255,255,255,0.85); backdrop-filter:blur(12px); box-shadow:0 20px 60px rgba(0, 0, 0, 0.08), 0 2px 10px rgba(0, 0, 0, 0.05); border:1px solid rgba(255, 255, 255, 0.4);}
.dr-info-item {text-align:center; padding:0 10px;}
.dr-info-icon {font-size:26px; margin-bottom:8px;}
.dr-info-label {font-size:13px; color:#777; margin-bottom:5px;}
.dr-info-value {font-size:15px; font-weight:600; color:#111; line-height:1.4;}
.dr-info-divider {height:1px; background:linear-gradient(to right, transparent, #ddd, transparent); margin:25px 0;}
.dr-info-timing {font-size:14px; color:#444;}
.dr-info-item:hover {transform:translateY(-3px); transition:0.3s;}

@media(max-width:768px) {
.dr-info-card {margin-top:-50px; padding:25px 15px;}
}

.dr-member-card {background:#fff; border-radius:16px; padding:25px 20px; text-align:center; box-shadow:0 10px 30px rgba(0,0,0,0.05); border:1px solid rgba(0, 0, 0, 0.04); transition:all 0.3s ease;}
.dr-member-icon {font-size:28px; margin-bottom:10px;}
.dr-member-card p {font-size:14px; font-weight:500; color:#333; margin:0; line-height:1.5;}
.dr-member-card:hover {transform:translateY(-6px); box-shadow:0 20px 50px rgba(0,0,0,0.08);}
.dr-member-card:hover {border-color:#0d6efd20;}

.dr-timeline-wrap {position:relative; max-width:800px; margin:auto;}
.dr-timeline-line {position:absolute; left:20px; top:0; width:3px; height:100%; background:linear-gradient(#0d6efd, #5aa3ff);}
.dr-timeline-block {position:relative; padding-left:60px; margin-bottom:40px;}
.dr-timeline-dot {position:absolute; left:0; top:0; width:40px; height:40px; background:#0d6efd; color:#fff; font-size:12px; font-weight:600; display:flex; align-items:center; justify-content:center; border-radius:50%; box-shadow:0 5px 15px rgba(13,110,253,0.4);}
.dr-timeline-card {background:#fff; padding:18px 20px; border-radius:12px; box-shadow:0 10px 30px rgba(0,0,0,0.05); border:1px solid rgba(0, 0, 0, 0.04); font-size:15px; line-height:1.6; color:#333; transition:all 0.3s ease;}
.dr-timeline-card:hover {transform:translateY(-4px); box-shadow:0 20px 50px rgba(0,0,0,0.08);}

@media(max-width:768px) {
.dr-timeline-block {padding-left:55px;}
.dr-timeline-dot {width:34px; height:34px; font-size:11px;}
}

.dr-proc-card2 {background:#fff; padding:22px; border-radius:16px; box-shadow:0 10px 30px rgba(0,0,0,0.05); border:1px solid rgba(0, 0, 0, 0.04); transition:all 0.3s ease; height:100%;}
.dr-proc-icon {width:45px; height:45px; display:flex; align-items:center; justify-content:center; background:linear-gradient(135deg,#0d6efd,#5aa3ff); color:#fff; border-radius:12px; font-size:18px; margin-bottom:12px;}
.dr-proc-card2 h6 {font-weight:600; margin-bottom:6px;}
.dr-proc-card2 p {font-size:13px; color:#666; margin:0;}
.dr-proc-card2:hover {transform:translateY(-6px); box-shadow:0 20px 50px rgba(0,0,0,0.08);}
.dr-proc-highlight {background:linear-gradient(135deg,#0d6efd10,#5aa3ff10); padding:25px; border-radius:16px; border-left:4px solid #0d6efd;}
.dr-proc-highlight p {margin-bottom:10px; line-height:1.7;}

.tna-hero {position:relative; color:#fff; padding:30px 0 0; background:linear-gradient(100deg, rgba(6,25,55,0.95) 0%, rgba(6, 25, 55, 0.85) 40%, rgba(6, 25, 55, 0.5) 100%), url('../i/bg-medical.png'); background-size:cover; background-position:center;}
.tna-hero::after {content:""; position:absolute; right:0; top:0; width:50%; height:100%; background:radial-gradient(circle, rgba(13,110,253,0.25), transparent 70%);}
.tna-hero img {max-width:350px; filter:drop-shadow(0 30px 60px rgba(0,0,0,0.5));}
.tna-feature-strip {margin-top:-60px; display:flex; gap:15px; padding:20px; background:rgba(255,255,255,0.9); backdrop-filter:blur(10px); border-radius:16px; box-shadow:0 20px 60px rgba(0, 0, 0, 0.1);}
.tna-feature {flex:1; text-align:center; font-weight:500;}
.tna-section {padding:80px 0; }
.tna-card {background:#fff; padding:30px; border-radius:18px; box-shadow:0 15px 40px rgba(0,0,0,0.06); border:1px solid rgba(0, 0, 0, 0.04); transition:0.3s;}
.tna-card:hover {transform:translateY(-8px); box-shadow:0 25px 60px rgba(0,0,0,0.1);}
.tna-benefit-card {background:#fff; padding:20px; text-align:center; border-radius:14px; box-shadow:0 10px 25px rgba(0,0,0,0.05); font-weight:500; transition:0.3s;}
.tna-benefit-card:hover {background:#0d6efd; color:#fff;}
.tna-cta-premium {padding:60px 30px; border-radius:20px; background: linear-gradient(135deg, #04142d, #082a5a); color:#fff; box-shadow:0 25px 80px rgba(13, 110, 253, 0.3);}
.tna-call-btn {display:inline-block; margin-top:20px; padding:15px 30px; background:#fff; color:#0d6efd; border-radius:8px; font-weight:600; text-decoration:none;}
.tna-contact {background:#fff; padding:30px; border-radius:20px; box-shadow:0 10px 40px rgba(0,0,0,0.08);}
.dr-about-img {
    filter:
      drop-shadow(0 30px 60px rgba(0,0,0,0.5))
      drop-shadow(0 0 20px rgba(13,110,253,0.25));
}
.dr-about-img {
    -webkit-mask-image: linear-gradient(to bottom, black 85%, transparent 100%);
    mask-image: linear-gradient(to bottom, black 85%, transparent 100%);
}

.tna-contact-card {background:#fff; padding:35px; border-radius:20px; box-shadow:0 15px 50px rgba(0,0,0,0.06); border:1px solid rgba(0, 0, 0, 0.04); height:100%;}
.tna-contact-highlight {background: linear-gradient(135deg, #04142d, #082a5a);color:#fff;}
.tna-contact-item {margin-bottom:15px;}
.tna-contact-item strong {display:block; font-size:13px; color:#888;}
.tna-contact-item p {margin:0; font-weight:500;}
.tna-time-row {display:flex; justify-content:space-between; padding:10px 0; border-bottom:1px solid rgba(255,255,255,0.2);}
.tna-contact-highlight .tna-time-row {border-color:rgba(255,255,255,0.2);}
.tna-call-btn-premium {display:inline-block; padding:14px 28px; background:#fff; color:#0d6efd; border-radius:8px; font-weight:600; text-decoration:none; box-shadow:0 10px 30px rgba(0,0,0,0.1); transition:0.3s;}
.tna-call-btn-premium:hover {transform:translateY(-3px);}

@media(max-width:768px) {
.tna-contact-card {padding:25px;}
}
.tna-card ul {list-style:none; padding-left:0;}
.tna-card ul li {position:relative; padding-left:28px; margin-bottom:10px;}
.tna-card ul li::before {content:"✔"; position:absolute; left:0; top:0; color:#0d6efd; font-size:14px; font-weight:bold;}

.tna-card {background:#fff; padding:30px; border-radius:18px; box-shadow:0 15px 40px rgba(0,0,0,0.06);}
.pae-benefit {background:#fff; padding:20px; border-radius:14px; text-align:center; box-shadow:0 10px 25px rgba(0,0,0,0.05);}

.fib-card {background:#fff; padding:25px 20px; border-radius:16px; box-shadow:0 10px 30px rgba(0,0,0,0.05); border:1px solid rgba(0, 0, 0, 0.04); text-align:center; height:100%; transition:all 0.3s ease;}
.fib-icon {width:50px; height:50px; display:flex; align-items:center; justify-content:center; margin:0 auto 12px; background:linear-gradient(135deg,#0d6efd,#5aa3ff); color:#fff; border-radius:12px; font-size:20px;}
.fib-card h6 {font-weight:600; margin-bottom:6px;}
.fib-card p {font-size:13px; color:#666; margin:0;}
.fib-card:hover {transform:translateY(-6px); box-shadow:0 20px 50px rgba(0,0,0,0.08);}
.fib-card:hover .fib-icon {transform:scale(1.1);}

.vein-bg {background:linear-gradient(135deg, #04142d, #082a5a);}
.vein-card {background:rgba(255,255,255,0.95); padding:25px 20px; border-radius:16px; text-align:center; height:100%; backdrop-filter:blur(8px); box-shadow:0 10px 30px rgba(0, 0, 0, 0.15); transition:all 0.3s ease;}
.vein-icon {width:50px; height:50px; display:flex; align-items:center; justify-content:center; margin:0 auto 12px; background:linear-gradient(135deg,#0d6efd,#5aa3ff); color:#fff; border-radius:12px; font-size:20px;}
.vein-card h6 {font-weight:600; margin-bottom:6px;}
.vein-card p {font-size:13px; color:#666; margin:0;}
.vein-card:hover {transform:translateY(-8px); box-shadow:0 25px 60px rgba(0,0,0,0.25);}
.vein-card:hover .vein-icon {transform:scale(1.1);}

.varico-benefit {background:linear-gradient(135deg, #04142d, #082a5a); padding:20px; border-radius:14px; text-align:center; box-shadow:0 10px 25px rgba(0,0,0,0.05);}
.varico-bg  {background:linear-gradient(135deg, #04142d, #082a5a);}
.varico-card {background:rgba(255,255,255,0.95); padding:25px 20px; border-radius:16px; text-align:center; height:100%; backdrop-filter:blur(10px); box-shadow:0 10px 30px rgba(0, 0, 0, 0.2); transition:all 0.3s ease;}
.varico-icon {width:50px; height:50px; display:flex; align-items:center; justify-content:center; margin:0 auto 12px; background:linear-gradient(135deg,#0d6efd,#5aa3ff); color:#fff; border-radius:12px; font-size:20px;}
.varico-card h6 {font-weight:600; margin-bottom:6px;}
.varico-card p {font-size:13px; color:#666; margin:0;}
.varico-card:hover {transform:translateY(-8px); box-shadow:0 25px 60px rgba(0,0,0,0.3);}
.varico-card:hover .varico-icon {transform:scale(1.1);}

.fibro-benefit {background:#fff; padding:20px; border-radius:14px; text-align:center; box-shadow:0 10px 25px rgba(0,0,0,0.05);}
.fibro-bg {background:linear-gradient(135deg, #f8fbff, #eef4ff);}
.fibro-card {background:#fff; padding:25px 20px; border-radius:16px; text-align:center; height:100%; box-shadow:0 10px 30px rgba(0,0,0,0.05); border:1px solid rgba(0, 0, 0, 0.04); transition:all 0.3s ease;}
.fibro-icon {width:50px; height:50px; display:flex; align-items:center; justify-content:center; margin:0 auto 12px; background:linear-gradient(135deg,#ff7aa2,#ff4d7d); color:#fff; border-radius:12px; font-size:20px;}
.fibro-card h6 {font-weight:600; margin-bottom:6px;}
.fibro-card p {font-size:13px; color:#666; margin:0;}
.fibro-card:hover {transform:translateY(-6px); box-shadow:0 20px 50px rgba(0,0,0,0.08);}
.fibro-card:hover .fibro-icon {transform:scale(1.1);}


.joint-bg {background:linear-gradient(135deg, #04142d, #082a5a);}
.joint-card {background:rgba(255,255,255,0.95); padding:25px 20px; border-radius:16px; text-align:center; height:100%; backdrop-filter:blur(10px); box-shadow:0 10px 30px rgba(0, 0, 0, 0.2); transition:all 0.3s ease;}
.joint-icon {width:50px; height:50px; display:flex; align-items:center; justify-content:center; margin:0 auto 12px; background:linear-gradient(135deg,#0d6efd,#5aa3ff); color:#fff; border-radius:12px; font-size:20px;}
.joint-card h6 {font-weight:600; margin-bottom:6px;}
.joint-card p {font-size:13px; color:#666; margin:0;}
.joint-card:hover {transform:translateY(-8px); box-shadow:0 25px 60px rgba(0,0,0,0.3);}
.joint-card:hover .joint-icon {transform:scale(1.1);}

.liver-bg {background:linear-gradient(135deg, #020c1b, #05214a);}
.liver-card {background:rgba(255,255,255,0.95); padding:25px 20px; border-radius:16px; text-align:center; height:100%; backdrop-filter:blur(10px); box-shadow:0 10px 30px rgba(0, 0, 0, 0.2); transition:all 0.3s ease;}
.liver-icon {width:50px; height:50px; display:flex; align-items:center; justify-content:center; margin:0 auto 12px; background:linear-gradient(135deg,#0d6efd,#5aa3ff); color:#fff; border-radius:12px; font-size:20px;}
.liver-card:hover {transform:translateY(-8px); box-shadow:0 25px 60px rgba(0,0,0,0.3);}
.liver-card:hover .liver-icon {transform:scale(1.1);}

.angio-bg {background:linear-gradient(135deg, #04142d, #082a5a);}
.angio-card {background:rgba(255,255,255,0.95); padding:25px 20px; border-radius:16px; text-align:center; height:100%; backdrop-filter:blur(10px); box-shadow:0 10px 30px rgba(0, 0, 0, 0.2); transition:all 0.3s ease;}
.angio-icon {width:50px; height:50px; display:flex; align-items:center; justify-content:center; margin:0 auto 12px; background:linear-gradient(135deg,#0d6efd,#5aa3ff); color:#fff; border-radius:12px; font-size:20px;}
.angio-card:hover {transform:translateY(-8px); box-shadow:0 25px 60px rgba(0,0,0,0.3);}
.angio-card:hover .angio-icon {transform:scale(1.1);}

.dvt-bg {background:linear-gradient(135deg, #020c1b, #05214a);}
.dvt-card {background:rgba(255,255,255,0.95); padding:25px 20px; border-radius:16px; text-align:center; height:100%; backdrop-filter:blur(10px); box-shadow:0 10px 30px rgba(0, 0, 0, 0.2); transition:all 0.3s ease;}
.dvt-icon {width:50px; height:50px; display:flex; align-items:center; justify-content:center; margin:0 auto 12px; background:linear-gradient(135deg,#0d6efd,#5aa3ff); color:#fff; border-radius:12px; font-size:20px;}
.dvt-card:hover {transform:translateY(-8px); box-shadow:0 25px 60px rgba(0,0,0,0.3);}
.dvt-card:hover .dvt-icon {transform:scale(1.1);}

.dt-section {padding:80px 0;}
.dt-hero {background:linear-gradient(135deg, #04142d, #082a5a); color:#fff; padding:100px 0;}
.dt-hero h1 {font-weight:700;}
.video-card {background:#fff; border-radius:16px; overflow:hidden; box-shadow:0 10px 30px rgba(0,0,0,0.08); transition:all 0.3s ease; }
.video-card iframe {width:100%; height:220px; border:0;}
.video-card .video-content {padding:15px;}
.video-card h6 {font-size:14px; font-weight:600; margin-bottom:0; line-height:1.4;}
.video-card:hover {transform:translateY(-6px); box-shadow:0 20px 50px rgba(0,0,0,0.15);}
.video-thumb {position:relative; cursor:pointer;}
.video-thumb img {width:100%; border-radius:16px 16px 0 0;}
.play-btn {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:60px; height:60px; border-radius:50%; background:rgba(0, 0, 0, 0.7); color:#fff; display:flex; align-items:center; justify-content:center; font-size:20px;}
.video-card:hover .play-btn {transform:translate(-50%,-50%) scale(1.1);}

.blog-hero {background:linear-gradient(135deg,#04142d,#082a5a); color:#fff; padding:90px 0; text-align:center;}
.blog-hero h1 {font-weight:700;}
.blog-card {background:#fff; border-radius:16px; overflow:hidden; box-shadow:0 10px 30px rgba(0,0,0,0.08); transition:0.3s; height:100%; display:flex; flex-direction:column;}
.blog-card img {width:100%; height:200px; object-fit:cover;}
.blog-content {padding:20px; display:flex; flex-direction:column; flex-grow:1;}
.blog-content h5 {font-size:16px; font-weight:600; margin-bottom:10px; min-height:48px;}
.blog-content p {font-size:13px; color:#666; flex-grow:1;}
.blog-content a {font-size:13px; font-weight:600; text-decoration:none; color:#0d6efd;}
.blog-card:hover {transform:translateY(-6px); box-shadow:0 20px 50px rgba(0,0,0,0.15);}
.loader {text-align:center; padding:40px; color:#666;}
.blog-hero {background:radial-gradient(circle at top, #0b2a5b, #020c1b); color:#fff; padding:100px 0 80px; text-align:center;}
.blog-hero h1 {font-weight:700; letter-spacing:0.5px;}
.search-box {max-width:500px; margin:auto; position:relative;}
.search-box input {border-radius:50px; padding:14px 20px; border:none; box-shadow:0 10px 25px rgba(0,0,0,0.08);}
.blog-card {background:#fff; border-radius:18px; overflow:hidden; box-shadow:0 8px 25px rgba(0,0,0,0.06); transition:0.35s; height:100%; display:flex; flex-direction:column;}
.blog-card img {height:210px; object-fit:cover; transition:0.4s;}
.blog-content {padding:22px; display:flex; flex-direction:column; flex-grow:1;}
.blog-content h5 {font-size:16px; font-weight:600; margin-bottom:10px; min-height:48px;}
.blog-content p {font-size:13px; color:#666; flex-grow:1;}
.blog-content a {font-weight:600; font-size:13px; color:#0d6efd;}
.blog-card:hover {transform:translateY(-8px); box-shadow:0 25px 60px rgba(0,0,0,0.15);}
.blog-card:hover img {transform:scale(1.05);}
#pagination button {border-radius:30px; padding:6px 14px;}


.blog-header {background:linear-gradient(135deg,#04142d,#082a5a); color:#fff; padding:80px 0;}
.blog-content {background:#fff; padding:30px; border-radius:16px; box-shadow:0 10px 30px rgba(0,0,0,0.08);}
.blog-content img {max-width:100%; border-radius:10px; margin:20px 0;}
.blog-header {background:radial-gradient(circle at top, #0b2a5b, #020c1b); color:#fff; padding:90px 0;}
.blog-content {background:#fff; padding:40px; border-radius:18px; box-shadow:0 10px 40px rgba(0,0,0,0.08); line-height:1.8;}
.blog-content img {max-width:100%; border-radius:12px; margin:25px 0;}
.related-card {background:#fff; border-radius:14px; padding:18px; box-shadow:0 8px 20px rgba(0,0,0,0.06); transition:0.3s;}
.related-card:hover {transform:translateY(-5px);}
.related-section {margin-top:70px; padding:60px 0; background:linear-gradient(180deg,#f4f7fb,#ffffff); border-top:1px solid #eee;}
.related-header h4 {font-weight:700; margin-bottom:8px;}
.related-header p {color:#777; font-size:14px;}
.related-card {background:#fff; border-radius:16px; padding:20px; height:100%; box-shadow:0 8px 25px rgba(0,0,0,0.06); transition:all 0.3s ease; display:flex; flex-direction:column; justify-content:center;}
.related-card h6 {font-size:15px; font-weight:600; margin:0; color:#222; line-height:1.5;}
.related-card:hover {transform:translateY(-6px); box-shadow:0 20px 50px rgba(0,0,0,0.12);}
.related-card a {text-decoration:none; color:inherit;}
.back-nav {background:#fff; border-bottom:1px solid #eee; padding:12px 0; position:sticky; top:0; z-index:10;}
.back-btn {display:inline-flex; align-items:center; gap:6px; font-size:13px; font-weight:500; color:#0d6efd; text-decoration:none; padding:6px 12px; border-radius:30px; transition:all 0.3s ease;}
.back-btn .arrow {font-size:14px; transition:transform 0.3s;}
.back-btn:hover {background:#0d6efd; color:#fff;}
.back-btn:hover .arrow {transform:translateX(-3px);}
.breadcrumb-mini {font-size:12px; color:#777;}
.breadcrumb-mini a {text-decoration:none; color:#0d6efd;}
.back-nav {backdrop-filter:blur(10px); background:rgba(255,255,255,0.85); margin-top:40px;}
.blog-content {background:#fff; padding:35px; border-radius:16px; box-shadow:0 10px 40px rgba(0,0,0,0.08);}
.sidebar-card {background:#fff; padding:20px; border-radius:16px; box-shadow:0 8px 25px rgba(0,0,0,0.06); position:sticky; top:90px;}
.related-header h5 {font-weight:600; margin-bottom:5px;}
.related-header p {font-size:12px; color:#777;}
.related-card {display:flex; gap:10px; align-items:center; padding:10px; border-radius:12px; transition:0.3s; background:#f8f9fb;}
.related-card img {width:70px; height:60px; object-fit:cover; border-radius:8px;}
.related-card h6 {font-size:13px; margin:0; line-height:1.4;}
.related-card:hover {background:#eef3ff; transform:translateX(4px);}
.consult-card {background:linear-gradient(135deg,#0b2a5b,#082a5a); color:#fff; padding:22px; border-radius:16px; box-shadow:0 15px 40px rgba(0, 0, 0, 0.15);}
.consult-card h5 {font-weight:600; margin-bottom:10px;}
.consult-card p {font-size:13px; color:#dbe6ff; margin-bottom:15px;}
.consult-btn {display:block; text-align:center; padding:10px; border-radius:30px; font-size:13px; font-weight:600; margin-bottom:10px; text-decoration:none; transition:0.3s;}
.consult-btn.call {background:#fff; color:#0d6efd;}
.consult-btn.call:hover {background:#e9f1ff;}
.consult-btn.email {background:transparent; border:1px solid rgba(255,255,255,0.4); color:#fff;}
.consult-btn.email:hover {background:rgba(255,255,255,0.1);}
.consult-info {font-size:12px; color:#cfd9ff; margin-top:10px; line-height:1.5;}
.blog-hero {background:linear-gradient(135deg,#061c3d,#020c1b); color:#fff; padding:120px 0 90px; text-align:center; position:relative;}
.blog-hero::after {content:""; position:absolute; inset:0; background:radial-gradient(circle at top, rgba(255,255,255,0.08), transparent);}
.blog-content h3 {margin-top:25px; font-weight:600;}
.blog-content p {font-size:15px; color:#444;}
.blog-content ul {padding-left:18px;}
.blog-content li {margin-bottom:6px;}
.share-bar {display:flex; gap:10px; flex-wrap:wrap; margin-bottom:15px;}
.share-bar a {font-size:13px; padding:6px 12px; border-radius:20px; background:#eef3ff; color:#0d6efd; text-decoration:none; display:inline-block; transition:0.2s;}
.share-bar a:hover {background:#0d6efd; color:#fff;}
.nav-btn {padding:10px 18px; border-radius:30px; background:#f0f4ff; text-decoration:none; font-size:13px;}
.blog-nav {display:flex; gap:20px; margin-top:40px;}
.nav-card {flex:1; padding:16px 20px; border-radius:16px; background:#f4f7ff; text-decoration:none; transition:0.3s; display:flex; flex-direction:column;}
.nav-card .label {font-size:12px; color:#777;}
.nav-card .title {font-size:14px; font-weight:600; color:#222; margin-top:5px;}
.nav-card:hover {background:#0d6efd; transform:translateY(-3px);}
.nav-card:hover .title, .nav-card:hover .label {color:#fff;}
.nav-card.disabled {opacity:0.4; pointer-events:none;}
.blog-nav {display:flex; gap:20px;}
.nav-card {flex:1; padding:16px; border-radius:16px; background:#f4f7ff; text-decoration:none; transition:0.3s; display:flex; flex-direction:column;}
.nav-card:hover {background:#0d6efd; color:#fff;}
.nav-card .title {font-weight:600; margin-top:5px;}
.nav-card.disabled {opacity:0.4; pointer-events:none;}


.hero-wrap {display:grid; grid-template-columns:1.2fr 0.8fr; gap:40px; align-items:center;}

@media(max-width:991px) {
.hero-wrap {grid-template-columns:1fr;}
}

.blog-content h2 {font-size:32px; line-height:1.2; margin-top:60px; margin-bottom:20px; font-weight:700;}
.blog-content p {font-size:16px; line-height:1.4; color:#444; margin-bottom:24px;}
.blog-content li {margin-bottom:14px; line-height:1.8;}
.info-grid {display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin:40px 0;}
.info-card {background:#fff; padding:28px; border-radius:18px; box-shadow:0 10px 30px rgba(0,0,0,.06); transition:.3s;}
.info-card:hover {transform:translateY(-5px);}
.blog-content table {border-collapse:collapse; overflow:hidden; border-radius:16px; box-shadow:0 10px 25px rgba(0,0,0,.06);}
.blog-content table th {background:#0f172a; color:#fff; padding:18px;}
.blog-content table td {padding:18px; border-bottom:1px solid #eee;}
.blog-content table tr:nth-child(even) {background:#f8fafc;}
.blog-content .consult-cta {background:linear-gradient(135deg,#0f172a,#1e293b); color:#fff; padding:50px; border-radius:24px; text-align:center; margin:70px 0;}

@media(max-width:768px) {
.blog-content h2 {font-size:30px;}
.blog-content p {font-size:17px; line-height:1.8;}
.blog-content table {display:block; overflow-x:auto; white-space:nowrap;}
.info-grid {grid-template-columns:1fr;}
}

.tna-section {background:#fff;}
.pae-card {background:#f9fbfd; padding:25px 20px; border-radius:12px; text-align:center; height:100%; transition:all 0.3s ease; border:1px solid #eef2f6;}
.pae-card:hover {transform:translateY(-6px); box-shadow:0 10px 25px rgba(0,0,0,0.08);}
.pae-card .icon {font-size:32px; margin-bottom:12px;}
.pae-card h6 {font-weight:600; margin-bottom:6px;}
.pae-card p {font-size:14px; color:#6c757d; margin:0;}
.tna-highlight {background:#f4f8fc; border-left:4px solid #007bff; padding:25px; border-radius:8px; font-size:15px; line-height:1.6;}

.contact-hero {background: linear-gradient(135deg, #0a3d91, #062c66); color:#fff; padding:80px 0 120px; text-align:center; position:relative;}
.contact-hero h2 {font-weight:700; font-size:36px;}
.contact-hero p {opacity:0.9;}
.contact-wrapper {margin-top:-80px;}
.contact-main {background:#fff; border-radius:16px; box-shadow:0 20px 60px rgba(0,0,0,0.08); overflow:hidden;}
.contact-info { color:#fff; padding:40px; height:100%;}
.contact-info h5 {font-weight:600; margin-bottom:25px;}
.info-item {margin-bottom:25px;}
.info-item span {display:block; font-size:13px; opacity:0.8;}
.info-item strong {font-size:16px;}
.contact-form {padding:40px;}
.contact-form h5 {font-weight:600; margin-bottom:25px;}
.form-group {position:relative; margin-bottom:25px;}
.form-control {border-radius:8px; height:50px; padding-top:18px;}
textarea.form-control {height:120px;}
.form-group label {position:absolute; top:14px; left:12px; font-size:13px; color:#888; transition:0.2s; background:#fff; padding:0 5px;}
.form-control:focus + label, .form-control:not(:placeholder-shown) + label {top:-8px; font-size:11px; color:#0d6efd;}
.btn-primary {border-radius:30px; padding:12px; font-weight:500; background:linear-gradient(135deg, #0d6efd, #0a58ca); border:none;}
.map {margin-top:60px;}
.map iframe {width:100%; height:400px; border:0; border-radius:12px; box-shadow:0 10px 30px rgba(0,0,0,0.08);}

@media (max-width: 768px) {
.contact-info {border-radius:16px 16px 0 0;}
}

.info-item {margin-bottom:28px;}
.info-icon {width:48px; height:48px; border-radius:14px; display:flex; align-items:center; justify-content:center; margin-right:16px; font-size:16px; text-decoration:none; transition:all 0.3s ease; backdrop-filter:blur(6px);}
.info-icon.phone {background:rgba(40, 167, 69, 0.15); color:#28a745;}
.info-icon.email {background:rgba(255, 193, 7, 0.15); color:#ffc107;}
.info-icon.location {background:rgba(220, 53, 69, 0.15); color:#dc3545;}
.info-icon:hover {transform:translateY(-4px) scale(1.05); box-shadow:0 8px 20px rgba(0,0,0,0.15);}
.info-item span {display:block; font-size:12px; letter-spacing:0.5px; opacity:0.75;}
.info-item strong {font-size:15.5px; font-weight:500; line-height:1.5; display:block;}
.info-item:not(:last-child) {border-bottom:1px solid rgba(255,255,255,0.08); padding-bottom:18px;}

.appointment-dark {background:#0b1220; color:#fff; font-family:'Segoe UI', sans-serif;}
.ap-hero {padding:80px 0; background:radial-gradient(circle at top, #112240, #020617);}
.ap-hero h2 {font-weight:700;}
.ap-hero p {opacity:0.7;}
.ap-wrapper {margin-top:-40px;}
.ap-card {background:rgba(255,255,255,0.05); backdrop-filter:blur(20px); border-radius:16px; border:1px solid rgba(255, 255, 255, 0.08); overflow:hidden; box-shadow:0 20px 60px rgba(0, 0, 0, 0.5);}
.ap-info {padding:40px; border-right:1px solid rgba(255,255,255,0.08);}
.ap-contact {display:flex; align-items:center; margin-bottom:18px; font-size:14px;}
.ap-contact i {margin-right:10px; color:#38bdf8;}
.ap-divider {height:1px; background:rgba(255,255,255,0.1); margin:25px 0;}
.ap-benefits {padding-left:18px; font-size:14px;}
.ap-benefits li {margin-bottom:8px;}
.ap-form {padding:40px;}
.ap-field {position:relative; margin-bottom:25px;}
.ap-field input, .ap-field select {width:100%; height:50px; background:transparent; border:1px solid rgba(255,255,255,0.2); border-radius:8px; color:#fff; padding:10px;}
.ap-field label {position:absolute; top:14px; left:10px; font-size:13px; color:#aaa; transition:0.2s;}
.ap-field input:focus + label, .ap-field input:valid + label {top:-8px; font-size:11px; color:#38bdf8;}
.ap-btn {width:100%; padding:14px; border-radius:30px; border:none; background:linear-gradient(135deg, #38bdf8, #2563eb); color:#fff; font-weight:600; transition:0.3s;}
.ap-btn:hover {transform:translateY(-2px); box-shadow:0 10px 25px rgba(37,99,235,0.4);}

.ap-field select {background-color:#0b1220; color:#fff; border:1px solid rgba(255,255,255,0.2);}
.ap-field select option {background-color:#0b1220; color:#fff;}

/* Mobile view only */
@media (max-width: 768px) {
  .tna-feature-strip {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* 2 items per row */
    gap: 10px;
    text-align: center;
  }

  .tna-feature {
    padding: 8px 5px;
  }
  .tna-hero { padding-top:80px;  }
  .contact-hero { padding-bottom:30px;}
}

@media (max-width: 768px) {
  .footer-section h5 {
    display: block;         /* full width */
    text-align: center;     /* center text */
  }

  .footer-section h5::after {
    margin: 6px auto 0;     /* center the line */
    width: 25px;            /* slightly smaller */
  }
}

.learn-btn {display:inline-flex; align-items:center; gap:8px; padding:10px 18px; background:#0d6efd; color:#fff !important; border-radius:30px; text-decoration:none; font-size:14px; font-weight:600; transition:all .3s ease; margin-top:10px;}
.learn-btn:hover {background:#000; color:#fff !important; transform:translateY(-2px);}
.treat-content {padding:18px;}
.treat-content h6 {margin-bottom:0; min-height:48px;}

.tna-image-wrap {position:sticky; top:100px;}
.tna-image-card {position:relative; overflow:hidden; border-radius:28px; box-shadow:0 15px 45px rgba(0,0,0,0.12);}
.tna-image-card img {width:100%; height:100%; object-fit:cover; display:block; transition:0.5s ease;}
.tna-image-card:hover img {transform:scale(1.05);}
.tna-badge {position:absolute; bottom:25px; left:25px; background:rgba(13,110,253,0.95); color:#fff; padding:12px 22px; border-radius:50px; font-weight:600; backdrop-filter:blur(10px); box-shadow:0 8px 20px rgba(0, 0, 0, 0.15);}

.dr-about-section {padding:90px 0; background:#f8fbff;}
.dr-subtitle {display:inline-block; padding:8px 18px; border-radius:50px; background:rgba(13,110,253,0.1); color:#0d6efd; font-size:13px; font-weight:700; letter-spacing:1px; text-transform:uppercase; margin-bottom:18px;}
.dr-section-title {font-size:42px; font-weight:800; color:#0d2b52; margin-bottom:15px;}
.dr-section-desc {max-width:760px; margin:auto; color:#666; line-height:1.4; font-size:17px;}
.dr-timeline-wrap {position:relative; max-width:950px; margin:70px auto 0;}
.dr-timeline-line {position:absolute; left:50%; top:0; width:4px; height:100%; background:linear-gradient(to bottom,#0d6efd,#8ec5ff); transform:translateX(-50%); border-radius:50px;}
.dr-timeline-block {position:relative; width:50%; padding:0 45px; margin-bottom:50px;}
.dr-timeline-block:nth-child(even) {left:50%;}
.dr-timeline-block:nth-child(odd) {text-align:right;}
.dr-timeline-dot {position:absolute; top:18px; right:-18px; width:70px; height:70px; border-radius:50%; background:#0d6efd; color:#fff; display:flex; align-items:center; justify-content:center; font-weight:700; font-size:16px; z-index:2; box-shadow:0 10px 30px rgba(13,110,253,0.25);}
.dr-timeline-block:nth-child(even) .dr-timeline-dot {left:-35px;}
.dr-current {background:#00b894;}
.dr-timeline-card {background:#fff; border-radius:24px; padding:28px; display:flex; gap:20px; align-items:flex-start; box-shadow:0 12px 35px rgba(0,0,0,0.06); transition:0.3s ease;}
.dr-timeline-card:hover {transform:translateY(-5px);}
.dr-timeline-icon {width:60px; height:60px; min-width:60px; border-radius:18px; background:linear-gradient(135deg,#0d6efd,#0b5ed7); color:#fff; display:flex; align-items:center; justify-content:center; font-size:22px;}
.dr-timeline-content h5 {font-size:22px; font-weight:700; color:#0d2b52; margin-bottom:12px;}
.dr-timeline-content p {color:#555; line-height:1.8; margin:0;}

@media(max-width:991px) {
.dr-section-title {font-size:34px;}
.dr-timeline-line {left:25px;}
.dr-timeline-block {width:100%; left:0 !important; padding-left:80px; padding-right:0; text-align:left !important;}
.dr-timeline-dot {left:-10px !important; right:auto; width:55px; height:55px; font-size:13px;}
.dr-timeline-card {padding:22px;}
}

.dr-premium-procedure {position:relative; padding:110px 0; background:radial-gradient(circle at top right, rgba(13,110,253,0.06), transparent 28%), radial-gradient(circle at bottom left, rgba(0, 180, 255, 0.05), transparent 22%), linear-gradient(to bottom, #f8fbff, #ffffff); overflow:hidden;}
.dr-premium-tag {display:inline-block; padding:10px 22px; border-radius:60px; background:rgba(13,110,253,0.08); border:1px solid rgba(13, 110, 253, 0.12); color:#0d6efd; font-size:13px; font-weight:700; letter-spacing:1px; text-transform:uppercase; margin-bottom:18px;}
.dr-premium-title {font-size:52px; line-height:1.15; font-weight:800; color:#0d2b52; margin-bottom:18px; letter-spacing:-1.5px;}
.dr-premium-desc {max-width:760px; margin:auto; color:#667085; line-height:1.4; font-size:17px;}
.dr-premium-card {position:relative; display:flex; align-items:flex-start; gap:24px; height:100%; padding:34px; border-radius:30px; background:rgba(255,255,255,0.82); backdrop-filter:blur(20px); border:1px solid rgba(255, 255, 255, 0.6); overflow:hidden; transition:all .35s ease; box-shadow:0 10px 40px rgba(0, 0, 0, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.6);}
.dr-premium-card::before {content:""; position:absolute; top:0; left:0; width:100%; height:4px; background:linear-gradient(90deg,#0d6efd,#00b4ff);}
.dr-premium-card:hover {transform:translateY(-8px); box-shadow:0 22px 60px rgba(13,110,253,0.12), inset 0 1px 0 rgba(255, 255, 255, 0.7);}
.dr-premium-icon {width:78px; height:78px; min-width:78px; border-radius:24px; background:linear-gradient(135deg,#0d6efd,#0b5ed7); color:#fff; display:flex; align-items:center; justify-content:center; font-size:30px; box-shadow:0 14px 35px rgba(13, 110, 253, 0.24);}
.dr-premium-content h5 {font-size:24px; line-height:1.35; font-weight:700; color:#0d2b52; margin-bottom:12px;}
.dr-premium-content p {margin:0; color:#667085; line-height:1.4; font-size:15px;}
.dr-premium-highlight {position:relative; margin-top:70px; padding:55px; border-radius:36px; background:linear-gradient(135deg,#0d6efd,#0b5ed7); overflow:hidden; color:#fff; box-shadow:0 25px 70px rgba(13, 110, 253, 0.22);}
.dr-premium-highlight::before {content:""; position:absolute; top:-120px; right:-120px; width:280px; height:280px; border-radius:50%; background:rgba(255,255,255,0.08);}
.dr-highlight-mini {display:inline-block; padding:8px 18px; border-radius:50px; background:rgba(255,255,255,0.12); font-size:13px; font-weight:700; letter-spacing:1px; text-transform:uppercase; margin-bottom:18px;}
.dr-premium-highlight h3 {font-size:40px; line-height:1.2; font-weight:800; margin-bottom:20px;}
.dr-premium-highlight p {font-size:16px; line-height:1.4; opacity:0.96; margin-bottom:14px;}
.dr-premium-btn {display:inline-flex; align-items:center; gap:12px; padding:16px 32px; border-radius:60px; background:#fff; color:#0d6efd; text-decoration:none; font-weight:700; transition:all .3s ease; box-shadow:0 10px 30px rgba(0,0,0,0.10);}
.dr-premium-btn:hover {transform:translateY(-4px); background:#f3f8ff; color:#0d6efd;}

@media(max-width:991px) {
.dr-premium-procedure {padding:75px 0;}
.dr-premium-title {font-size:38px;}
.dr-premium-card {padding:26px; gap:18px;}
.dr-premium-icon {width:64px; height:64px; min-width:64px; font-size:24px; border-radius:20px;}
.dr-premium-content h5 {font-size:21px;}
.dr-premium-highlight {padding:35px; text-align:center;}
.dr-premium-highlight h3 {font-size:30px;}
}

.dr-membership-section {position:relative; padding:110px 0; background:radial-gradient(circle at top left, rgba(13,110,253,0.06), transparent 30%), linear-gradient(to bottom, #ffffff, #f8fbff); overflow:hidden;}
.dr-membership-tag {display:inline-block; padding:10px 22px; border-radius:60px; background:rgba(13,110,253,0.08); border:1px solid rgba(13, 110, 253, 0.12); color:#0d6efd; font-size:13px; font-weight:700; letter-spacing:1px; text-transform:uppercase; margin-bottom:18px;}
.dr-membership-title {font-size:50px; line-height:1.15; font-weight:800; color:#0d2b52; margin-bottom:18px; letter-spacing:-1px;}
.dr-membership-desc {max-width:760px; margin:auto; color:#667085; line-height:1.4; font-size:17px;}
.dr-member-card {position:relative; height:100%; padding:38px 34px; border-radius:30px; background:rgba(255,255,255,0.85); backdrop-filter:blur(18px); border:1px solid rgba(255, 255, 255, 0.6); overflow:hidden; text-align:center; transition:all .35s ease; box-shadow:0 10px 40px rgba(0, 0, 0, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.7);}
.dr-member-card::before {content:""; position:absolute; top:0; left:0; width:100%; height:4px; background:linear-gradient(90deg,#0d6efd,#00b4ff);}
.dr-member-card:hover {transform:translateY(-8px); box-shadow:0 24px 60px rgba(13,110,253,0.12), inset 0 1px 0 rgba(255, 255, 255, 0.8);}
.dr-member-icon {width:82px; height:82px; margin:0 auto 24px; border-radius:26px; background:linear-gradient(135deg,#0d6efd,#0b5ed7); color:#fff; display:flex; align-items:center; justify-content:center; font-size:32px; box-shadow:0 16px 40px rgba(13, 110, 253, 0.24);}
.dr-member-content h5 {font-size:24px; line-height:1.45; font-weight:700; color:#0d2b52; margin-bottom:12px;}
.dr-member-content span {display:inline-block; padding:7px 16px; border-radius:50px; background:rgba(13,110,253,0.08); color:#0d6efd; font-size:13px; font-weight:700; letter-spacing:1px;}
.dr-membership-strip {margin-top:70px; padding:50px; border-radius:36px; background:linear-gradient(135deg,#0d6efd,#0b5ed7); color:#fff; position:relative; overflow:hidden; box-shadow:0 24px 70px rgba(13, 110, 253, 0.20);}
.dr-membership-strip::before {content:""; position:absolute; top:-120px; right:-120px; width:280px; height:280px; border-radius:50%; background:rgba(255,255,255,0.08);}
.dr-membership-strip h4 {font-size:36px; font-weight:800; margin-bottom:16px;}
.dr-membership-strip p {margin:0; line-height:1.4; opacity:0.96;}
.dr-membership-btn {display:inline-flex; align-items:center; gap:10px; padding:16px 32px; border-radius:60px; background:#fff; color:#0d6efd; text-decoration:none; font-weight:700; transition:all .3s ease;}
.dr-membership-btn:hover {transform:translateY(-4px); background:#f3f8ff; color:#0d6efd;}

@media(max-width:991px) {
.dr-membership-section {padding:75px 0;}
.dr-membership-title {font-size:38px;}
.dr-member-card {padding:30px 24px;}
.dr-member-icon {width:70px; height:70px; font-size:28px; border-radius:22px;}
.dr-member-content h5 {font-size:21px;}
.dr-membership-strip {padding:35px; text-align:center;}
.dr-membership-strip h4 {font-size:30px;}
}

.dr-about-premium {position:relative; padding:110px 0; background:radial-gradient(circle at top right, rgba(13,110,253,0.05), transparent 28%), linear-gradient(to bottom, #ffffff, #f8fbff); overflow:hidden;}
.dr-about-image-wrap {position:relative;}
.dr-about-image {position:relative; overflow:hidden; border-radius:36px; box-shadow:0 25px 70px rgba(0,0,0,0.12);}
.dr-about-image img {width:100%; height:100%; object-fit:cover; transition:0.5s ease;}
.dr-about-image:hover img {transform:scale(1.04);}
.dr-about-badge {position:absolute; right:25px; bottom:0; padding:14px 24px; border-radius:60px; background:rgba(13,110,253,0.92); color:#fff; font-weight:700; backdrop-filter:blur(12px); box-shadow:0 10px 30px rgba(0, 0, 0, 0.18);}
.dr-about-content {padding-left:10px;}
.dr-about-tag {display:inline-block; padding:10px 22px; border-radius:60px; background:rgba(13,110,253,0.08); border:1px solid rgba(13, 110, 253, 0.12); color:#0d6efd; font-size:13px; font-weight:700; letter-spacing:1px; text-transform:uppercase; margin-bottom:20px;}
.dr-about-title {font-size:50px; line-height:1.15; font-weight:800; color:#0d2b52; margin-bottom:24px; letter-spacing:-1px;}
.dr-about-lead {font-size:17px; line-height:1.95; color:#5f6b7a; margin-bottom:35px;}
.dr-about-grid {display:grid; gap:22px;}
.dr-about-card {display:flex; gap:22px; align-items:flex-start; padding:28px; border-radius:28px; background:#fff; border:1px solid rgba(13,110,253,0.06); transition:0.35s ease; box-shadow:0 10px 35px rgba(0, 0, 0, 0.05);}
.dr-about-card:hover {transform:translateY(-5px); box-shadow:0 18px 45px rgba(13,110,253,0.10);}
.dr-about-icon {width:72px; height:72px; min-width:72px; border-radius:24px; background:linear-gradient(135deg,#0d6efd,#0b5ed7); color:#fff; display:flex; align-items:center; justify-content:center; font-size:28px; box-shadow:0 14px 35px rgba(13, 110, 253, 0.22);}
.dr-about-card h5 {font-size:24px; font-weight:700; color:#0d2b52; margin-bottom:10px;}
.dr-about-card p {margin:0; color:#667085; line-height:1.85;}
.dr-about-highlight {margin-top:35px; padding:35px; border-radius:30px; background:linear-gradient(135deg,#0d6efd,#0b5ed7); color:#fff; box-shadow:0 20px 60px rgba(13, 110, 253, 0.18);}
.dr-about-highlight p {margin-bottom:14px; line-height:1.4; opacity:0.96;}
.dr-about-highlight p:last-child {margin-bottom:0;}

@media(max-width:991px) {
.dr-about-premium {padding:75px 0;}
.dr-about-title {font-size:38px;}
.dr-about-content {padding-left:0;}
.dr-about-card {padding:24px;}
.dr-about-icon {width:60px; height:60px; min-width:60px; font-size:24px; border-radius:20px;}
.dr-about-card h5 {font-size:21px;}
.dr-about-highlight {padding:28px;}
}


.speciality-pill {display:inline-flex; align-items:center; gap:10px; background:rgba(0,123,255,0.08); color:#0d6efd; padding:10px 18px; border-radius:50px; font-weight:600; font-size:15px; border:1px solid rgba(13, 110, 253, 0.15); backdrop-filter:blur(10px);}
.hero-img-wrap {position:relative; display:inline-block; width:100%;}
.hero-doctor-tag {position:absolute; bottom:30px; right:20px; background:#fff; color:#0d6efd; padding:12px 18px; border-radius:50px; font-size:15px; font-weight:700; box-shadow:0 10px 30px rgba(0,0,0,0.12); display:flex; align-items:center; gap:10px; z-index:5; animation:floatTag 3s ease-in-out infinite; max-width:260px; line-height:1.3;}

@keyframes floatTag {
0% {transform:translateY(0);}
50% {transform:translateY(-6px);}
100% {transform:translateY(0);}
}

@media(max-width:991px) {
.hero-doctor-tag {bottom:20px; right:10px; left:10px; max-width:calc(100% - 20px); font-size:12px; padding:10px 14px; border-radius:16px; justify-content:center; text-align:center; white-space:normal;}
}


.tae-page2 {--primary:#1565ff; --primary2:#0047d6; --dark:#081c3a; --text:#667085; --light:#f4f8ff; --white:#ffffff; --border:#e8eefc; overflow-x:hidden; background:#fff; color:var(--dark); position:relative;}
.tae-page2 section {position:relative; padding:110px 0;}
.tae-page2 .section-title {font-size:44px; line-height:1.08; font-weight:900; letter-spacing:-1px; color:var(--dark); margin-bottom:20px;}
.tae-page2 .section-sub {font-size:19px; line-height:1.4; color:var(--text); max-width:760px;}
.tae-page2 p {color:var(--text); line-height:1.4;}
.tae-page2 .tae-hero {position:relative; overflow:hidden; padding:70px 0 40px; background:radial-gradient(circle at top left,rgba(21,101,255,.12),transparent 32%), radial-gradient(circle at bottom right, rgba(0, 71, 214, .08), transparent 28%), linear-gradient(180deg, #eef5ff 0%, #ffffff 100%);}
.tae-page2 .tae-hero:before {content:''; position:absolute; width:500px; height:500px; background:rgba(21,101,255,.08); border-radius:50%; filter:blur(120px); top:-180px; right:-120px;}
.tae-page2 .hero-content {position:relative; z-index:10;}
.tae-page2 .tae-badge {display:inline-flex; align-items:center; gap:10px; padding:12px 22px; border-radius:60px; background:rgba(255,255,255,.7); border:1px solid rgba(21, 101, 255, .12); backdrop-filter:blur(18px); color:var(--primary); font-size:14px; font-weight:700; margin-bottom:28px; box-shadow:0 10px 25px rgba(21, 101, 255, .08);}
.tae-page2 .tae-hero h1 {font-size:78px; line-height:.95; letter-spacing:-1px; font-weight:800; color:var(--light); margin-bottom:24px;}
.tae-page2 .tae-hero h1 span {background:linear-gradient(135deg, var(--primary), #5ba1ff); -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.tae-page2 .tae-hero .lead {font-size:26px; font-weight:700; color:var(--light); margin-bottom:20px;}
.tae-page2 .hero-desc {font-size:18px; line-height:1.4; max-width:100%; margin-bottom:38px;}
.tae-page2 .hero-btns {display:flex; flex-wrap:wrap; gap:18px; margin-bottom:35px;}
.tae-page2 .tae-btn-primary {position:relative; background:linear-gradient(135deg, var(--primary), var(--primary2)); color:#fff; padding:17px 34px; border-radius:70px; text-decoration:none; font-size:15px; font-weight:700; display:inline-flex; align-items:center; gap:10px; overflow:hidden; transition:.35s; box-shadow:0 18px 40px rgba(21,101,255,.25), inset 0 1px 1px rgba(255, 255, 255, .25);}
.tae-page2 .tae-btn-primary:hover {transform:translateY(-5px); color:#fff;}
.tae-page2 .tae-btn-outline {background:rgba(255,255,255,.8); color:var(--primary); border:1px solid rgba(21, 101, 255, .15); padding:17px 32px; border-radius:70px; text-decoration:none; font-size:15px; font-weight:700; display:inline-flex; align-items:center; gap:10px; backdrop-filter:blur(12px); transition:.35s; box-shadow:0 10px 25px rgba(0, 0, 0, .04);}
.tae-page2 .tae-btn-outline:hover {background:var(--primary); color:#fff;}
.tae-page2 .hero-points {display:flex; flex-wrap:wrap; gap:24px;}
.tae-page2 .hero-points div {display:flex; align-items:center; gap:10px; font-size:15px; font-weight:600; color:#fff;}
.tae-page2 .hero-points i {color:var(--primary); font-size:18px;}
.tae-page2 .hero-img-wrap {position:relative; text-align:center;}
.tae-page2 .hero-doctor-img {max-width:100%; position:relative; z-index:2; filter:drop-shadow(0 35px 70px rgba(0,0,0,.12));}
.tae-page2 .hero-img-wrap:before {content:''; position:absolute; width:380px; height:380px; background:rgba(21,101,255,.10); border-radius:50%; filter:blur(70px); left:50%; top:50%; transform:translate(-50%, -50%);}
.tae-page2 .hero-doctor-tag {position:absolute; bottom:30px; right:0; background:rgba(255,255,255,.88); backdrop-filter:blur(16px); color:var(--primary); padding:15px 24px; border-radius:70px; display:flex; align-items:center; gap:10px; font-size:15px; font-weight:700; border:1px solid rgba(255, 255, 255, .6); box-shadow:0 20px 45px rgba(0, 0, 0, .12), inset 0 1px 1px rgba(255, 255, 255, .4); z-index:10; animation:floatCard 3.5s ease-in-out infinite;}

@keyframes floatCard {
0% {transform:translateY(0);}
50% {transform:translateY(-10px);}
100% {transform:translateY(0);}
}

.tae-page2 .feature-card, .tae-page2 .timeline-card, .tae-page2 .benefit-box, .tae-page2 .faq-item {background:rgba(255,255,255,.88); border:1px solid rgba(232, 238, 252, .8); backdrop-filter:blur(12px); border-radius:32px; box-shadow:0 12px 35px rgba(0, 0, 0, .05); transition:.4s;}
.tae-page2 .feature-card:hover, .tae-page2 .timeline-card:hover, .tae-page2 .benefit-box:hover, .tae-page2 .faq-item:hover {transform:translateY(-8px); box-shadow:0 25px 50px rgba(21,101,255,.10);}
.tae-page2 .feature-card {padding:42px 35px; height:100%;}
.tae-page2 .feature-icon {width:80px; height:80px; border-radius:26px; background:linear-gradient(135deg,#edf4ff,#dce9ff); display:flex; align-items:center; justify-content:center; color:var(--primary); font-size:32px; margin-bottom:24px;}
.tae-page2 .feature-card h4 {font-size:25px; font-weight:800; margin-bottom:15px;}
.tae-page2 .timeline-card {padding:38px; margin-bottom:25px;}
.tae-page2 .timeline-number {width:65px; height:65px; border-radius:50%; background:linear-gradient(135deg, var(--primary), var(--primary2)); color:#fff; display:flex; align-items:center; justify-content:center; font-size:20px; font-weight:800; margin-bottom:22px; box-shadow:0 15px 35px rgba(21,101,255,.20);}
.tae-page2 .benefit-box {padding:30px; gap:18px; margin-bottom:24px;}
.tae-page2 .benefit-box i {color:var(--primary); font-size:24px; margin-top:4px;}
.tae-page2 .benefit-box h5 {font-size:21px; font-weight:800; margin-bottom:10px;}
.tae-page2 .compare-card {background:#fff; border-radius:40px; padding:50px; overflow-x:auto; box-shadow:0 15px 50px rgba(0,0,0,.05);}
.tae-page2 .compare-table {width:100%;}
.tae-page2 .compare-table th {padding:20px; font-size:17px; font-weight:800; border-bottom:2px solid var(--border);}
.tae-page2 .compare-table td {padding:20px; border-bottom:1px solid var(--border);}
.tae-page2 .recovery-box {position:relative; overflow:hidden; background:linear-gradient(135deg,#1565ff,#003da8); border-radius:45px; padding:70px 60px; color:#fff;}
.tae-page2 .recovery-box:before {content:''; position:absolute; width:450px; height:450px; background:rgba(255,255,255,.08); border-radius:50%; top:-180px; right:-120px;}
.tae-page2 .recovery-box p {color:rgba(255,255,255,.86);}
.tae-page2 .recovery-step {background:rgba(255,255,255,.10); backdrop-filter:blur(14px); padding:24px; border-radius:24px; margin-top:24px; border:1px solid rgba(255, 255, 255, .08);}
.tae-page2 .faq-item {padding:30px; margin-bottom:20px;}
.tae-page2 .faq-item h5 {font-size:21px; font-weight:800; margin-bottom:12px;}
.tae-page2 .cta {position:relative; overflow:hidden; background:linear-gradient(135deg,#1565ff,#00318c); border-radius:50px; padding:90px 50px; text-align:center; color:#fff;}
.tae-page2 .cta:before {content:''; position:absolute; width:500px; height:500px; background:rgba(255,255,255,.08); border-radius:50%; top:-200px; right:-150px;}
.tae-page2 .cta h2 {position:relative; font-size:60px; line-height:1.05; font-weight:900; margin-bottom:24px;}
.tae-page2 .cta p {position:relative; color:rgba(255,255,255,.88); max-width:720px; margin:auto auto 38px;}

@media(max-width:991px) {
.tae-page2 section {padding:75px 0;}
.tae-page2 .tae-hero {padding:55px 0 20px; text-align:center;}
.tae-page2 .tae-hero h1 {font-size:46px; letter-spacing:-2px;}
.tae-page2 .tae-hero .lead {font-size:20px;}
.tae-page2 .hero-desc {font-size:16px; margin:auto auto 28px;}
.tae-page2 .hero-btns {justify-content:center;}
.tae-page2 .hero-points {justify-content:center; gap:14px;}
.tae-page2 .hero-img-wrap {margin-top:40px;}
.tae-page2 .hero-doctor-tag {left:10px; right:10px; bottom:15px; justify-content:center; text-align:center; border-radius:18px; font-size:13px; padding:10px 14px;}
.tae-page2 .section-title {font-size:36px; letter-spacing:-1px;}
.tae-page2 .compare-card, .tae-page2 .recovery-box, .tae-page2 .cta {padding:38px 24px;}
.tae-page2 .cta h2 {font-size:38px;}
}

.tae-page2 .tae-hero {position:relative; color:#fff; padding:30px 0 0; background:linear-gradient(100deg, rgba(6,25,55,0.95) 0%, rgba(6, 25, 55, 0.85) 40%, rgba(6, 25, 55, 0.5) 100%), url('../i/bg-medical.png'); background-size:cover; background-position:center;}
.tae-page2 .tae-hero::after {content:""; position:absolute; right:0; top:0; width:50%; height:100%; background:radial-gradient(circle, rgba(13,110,253,0.25), transparent 70%);}
.tae-page2 img {max-width:350px; filter:drop-shadow(0 30px 60px rgba(0,0,0,0.5));}
.tae-page2 .tae-badge {margin-bottom:16px; margin-top:16px; padding:10px 18px;}
.tae-page2 .tae-hero h1 {font-size:52px; margin-bottom:0; margin-top:0; line-height:1.3;}
.tae-page2 .tae-hero .lead {font-size:22px; margin-bottom:12px;}
.tae-page2 .hero-desc {margin-bottom:24px; color:var(--light);line-height:1.4;}
.tae-page2 .hero-btns {margin-bottom:22px;}
.tae-page2 .hero-points {gap:18px;}
.tae-page2 .hero-doctor-tag {bottom:18px; padding:12px 20px; font-size:14px;}
.tae-page2 .hero-doctor-img {max-height:520px; object-fit:contain;}

@media(max-width:991px) {
.tae-page2 .tae-hero {padding:40px 0 10px;}
.tae-page2 .tae-hero h1 {font-size:42px;}
.tae-page2 .hero-img-wrap {margin-top:20px;}
.tae-page2 .hero-doctor-img {max-height:380px;}
}

.tae-page2 .tae-procedure-sec {background:linear-gradient(180deg,#f7faff 0%,#ffffff 100%); position:relative; overflow:hidden;}
.tae-page2 .tae-procedure-sec:before {content:''; position:absolute; width:500px; height:500px; background:rgba(21,101,255,.05); border-radius:50%; top:-180px; right:-120px; filter:blur(90px);}
.tae-page2 .tae-mini-badge {display:inline-flex; align-items:center; background:rgba(21,101,255,.08); color:#1565ff; padding:10px 18px; border-radius:60px; font-size:14px; font-weight:700; margin-bottom:20px; border:1px solid rgba(21, 101, 255, .1);}
.tae-page2 .tae-procedure-wrap {display:grid; grid-template-columns:repeat(4,1fr); gap:25px; position:relative;}
.tae-page2 .tae-step-card {position:relative; background:rgba(255,255,255,.92); backdrop-filter:blur(14px); border:1px solid rgba(232, 238, 252, .9); border-radius:34px; padding:38px 30px; transition:.4s; overflow:hidden; box-shadow:0 12px 35px rgba(0, 0, 0, .05);}
.tae-page2 .tae-step-card:hover {transform:translateY(-10px); box-shadow:0 30px 55px rgba(21,101,255,.10);}
.tae-page2 .active-step {background:linear-gradient(135deg,#1565ff,#0047d6); border:none;}
.tae-page2 .active-step h4, .tae-page2 .active-step p, .tae-page2 .active-step .tae-step-number, .tae-page2 .active-step .tae-step-icon {color:#fff;}
.tae-page2 .active-step .tae-step-icon {background:rgba(255,255,255,.15);}
.tae-page2 .tae-step-top {display:flex; align-items:center; margin-bottom:28px;}
.tae-page2 .tae-step-number {min-width:54px; height:54px; border-radius:50%; background:#eef4ff; color:#1565ff; display:flex; align-items:center; justify-content:center; font-size:18px; font-weight:800;}
.tae-page2 .tae-step-line {flex:1; height:2px; background:linear-gradient(to right,#1565ff,transparent); margin-left:15px; opacity:.2;}
.tae-page2 .tae-step-icon {width:80px; height:80px; border-radius:26px; background:#eef5ff; display:flex; align-items:center; justify-content:center; color:#1565ff; font-size:30px; margin-bottom:24px;}
.tae-page2 .tae-step-card h4 {font-size:24px; line-height:1.3; font-weight:800; color:#081c3a; margin-bottom:14px;}
.tae-page2 .tae-step-card p {font-size:16px; line-height:1.8; color:#667085; margin:0;}

@media(max-width:991px) {
.tae-page2 .tae-procedure-wrap {grid-template-columns:1fr; gap:20px;}
.tae-page2 .tae-step-card {padding:30px 24px;}
.tae-page2 .tae-step-card h4 {font-size:22px;}
}

.tae-page2 .active-step h4, .tae-page2 .active-step p, .tae-page2 .active-step .tae-step-number, .tae-page2 .active-step .tae-step-icon, .tae-page2 .active-step .tae-step-icon i {color:#fff !important;}
.tae-page2 .active-step .tae-step-number {background:rgba(255,255,255,.15);}
.tae-page2 .active-step .tae-step-icon {background:rgba(255,255,255,.12);}
.tae-page2 .active-step .tae-step-line {background:rgba(255,255,255,.25);}

.tae-page2 .tae-compare-sec {position:relative; overflow:hidden; background:linear-gradient(180deg,#f7faff 0%,#ffffff 100%);}
.tae-page2 .tae-compare-sec:before {content:''; position:absolute; width:500px; height:500px; background:rgba(21,101,255,.05); border-radius:50%; top:-180px; left:-150px; filter:blur(90px);}
.tae-page2 .tae-compare-wrap {position:relative; z-index:2; background:rgba(255,255,255,.88); backdrop-filter:blur(14px); border-radius:40px; overflow:hidden; border:1px solid rgba(232, 238, 252, .8); box-shadow:0 20px 60px rgba(0, 0, 0, .06);}
.tae-page2 .tae-compare-header {display:grid; grid-template-columns:1.2fr 1fr 1fr; background:linear-gradient(135deg,#1565ff,#0047d6); color:#fff;}
.tae-page2 .compare-feature-title {display:flex; align-items:center; padding:35px; font-size:24px; font-weight:800;}
.tae-page2 .compare-col {padding:35px 25px; text-align:center; border-left:1px solid rgba(255,255,255,.12);}
.tae-page2 .compare-col h4 {font-size:28px; font-weight:900; margin-bottom:6px;}
.tae-page2 .compare-col p {color:rgba(255,255,255,.8); margin:0;}
.tae-page2 .compare-icon {width:78px; height:78px; margin:auto auto 18px; border-radius:24px; display:flex; align-items:center; justify-content:center; font-size:30px;}
.tae-page2 .tae-icon {background:rgba(255,255,255,.15);}
.tae-page2 .surgery-icon {background:rgba(255,255,255,.10);}
.tae-page2 .compare-row {display:grid; grid-template-columns:1.2fr 1fr 1fr; align-items:center; border-bottom:1px solid #edf2ff; transition:.3s;}
.tae-page2 .compare-row:hover {background:#f9fbff;}
.tae-page2 .compare-label {padding:28px 35px; font-size:18px; font-weight:700; color:#081c3a;}
.tae-page2 .compare-value {padding:28px 20px; display:flex; align-items:center; justify-content:center; gap:10px; font-size:17px; font-weight:700;}
.tae-page2 .success {color:#0f9d58;}
.tae-page2 .danger {color:#e53935;}
.tae-page2 .warning {color:#ff9800;}

@media(max-width:991px) {
.tae-page2 .tae-compare-wrap {border-radius:28px;}
.tae-page2 .tae-compare-header, .tae-page2 .compare-row {grid-template-columns:1fr;}
.tae-page2 .compare-feature-title {justify-content:center; text-align:center; padding:25px;}
.tae-page2 .compare-col {border-left:none; border-top:1px solid rgba(255,255,255,.12);}
.tae-page2 .compare-label {text-align:center; padding:22px 20px 10px;}
.tae-page2 .compare-value {padding:14px 20px;}
}

.tae-page2 .tae-faq-sec {position:relative; overflow:hidden; background:linear-gradient(180deg,#f7faff 0%,#ffffff 100%);}
.tae-page2 .tae-faq-sec:before {content:''; position:absolute; width:500px; height:500px; background:rgba(21,101,255,.05); border-radius:50%; right:-180px; top:-180px; filter:blur(90px);}
.tae-page2 .tae-faq-wrap {max-width:950px; margin:auto; position:relative; z-index:2;}
.tae-page2 .tae-faq-item {background:rgba(255,255,255,.88); backdrop-filter:blur(14px); border:1px solid rgba(232, 238, 252, .9); border-radius:30px; margin-bottom:22px; overflow:hidden; transition:.35s; box-shadow:0 12px 35px rgba(0, 0, 0, .04);}
.tae-page2 .tae-faq-item:hover {transform:translateY(-4px); box-shadow:0 20px 45px rgba(21,101,255,.08);}
.tae-page2 .active-faq {border-color:rgba(21,101,255,.18); box-shadow:0 20px 50px rgba(21, 101, 255, .10);}
.tae-page2 .tae-faq-question {width:100%; border:none; background:none; padding:28px 32px; display:flex; align-items:center; justify-content:space-between; cursor:pointer;}
.tae-page2 .faq-left {display:flex; align-items:center; gap:18px; text-align:left;}
.tae-page2 .faq-icon {min-width:64px; height:64px; border-radius:22px; background:linear-gradient(135deg,#eef4ff,#dce9ff); color:#1565ff; display:flex; align-items:center; justify-content:center; font-size:24px;}
.tae-page2 .faq-left h5 {font-size:22px; line-height:1.4; font-weight:800; color:#081c3a; margin:0;}
.tae-page2 .faq-toggle {min-width:46px; height:46px; border-radius:50%; background:#eef4ff; color:#1565ff; display:flex; align-items:center; justify-content:center; font-size:15px; transition:.3s;}
.tae-page2 .active-faq .faq-toggle {background:#1565ff; color:#fff;}
.tae-page2 .tae-faq-answer {padding:0 32px 30px 114px;}
.tae-page2 .tae-faq-answer p {font-size:16px; line-height:1.4; color:#667085; margin:0;}

@media(max-width:991px) {
.tae-page2 .tae-faq-question {padding:22px 20px; align-items:flex-start;}
.tae-page2 .faq-left {gap:14px;}
.tae-page2 .faq-icon {min-width:52px; height:52px; border-radius:18px; font-size:20px;}
.tae-page2 .faq-left h5 {font-size:18px;}
.tae-page2 .tae-faq-answer {padding:0 20px 24px 20px;}
}

.tae-page2 .tae-faq-answer {display:none; animation:fadeFaq .3s ease;}

@keyframes fadeFaq {
from {opacity:0; transform:translateY(-6px);}
to {opacity:1; transform:translateY(0);}
}

.tae-page2 .tae-cta-sec {position:relative; padding:100px 0;}
.tae-page2 .tae-cta-box {position:relative; overflow:hidden; border-radius:42px; padding:70px 65px; background:linear-gradient(135deg,#1565ff 0%,#003da8 100%); box-shadow:0 30px 80px rgba(21, 101, 255, .22);}
.tae-page2 .cta-glow {position:absolute; width:450px; height:450px; border-radius:50%; background:rgba(255,255,255,.08); right:-150px; top:-180px; filter:blur(40px);}
.tae-page2 .cta-content {position:relative; z-index:2;}
.tae-page2 .white-badge {background:rgba(255,255,255,.12); border:1px solid rgba(255, 255, 255, .15); color:#fff; margin-bottom:24px;}
.tae-page2 .cta-content h2 {font-size:58px; line-height:1.05; font-weight:900; color:#fff; margin-bottom:22px; letter-spacing:-2px;}
.tae-page2 .cta-content h2 span {color:#cfe1ff;}
.tae-page2 .cta-content p {font-size:18px; line-height:1.4; color:rgba(255,255,255,.84); max-width:620px; margin-bottom:32px;}
.tae-page2 .cta-features {display:flex; flex-wrap:wrap; gap:22px;}
.tae-page2 .cta-features div {display:flex; align-items:center; gap:10px; color:#fff; font-size:15px; font-weight:600;}
.tae-page2 .cta-features i {color:#9dffbc;}
.tae-page2 .cta-btn-wrap {display:flex; flex-direction:column; gap:20px; position:relative; z-index:2;}
.tae-page2 .tae-cta-btn {position:relative; overflow:hidden; padding:22px 26px; border-radius:28px; text-decoration:none; display:flex; align-items:center; gap:18px; transition:.35s; backdrop-filter:blur(12px);}
.tae-page2 .primary-btn {background:#fff; color:#1565ff; box-shadow:0 15px 35px rgba(0,0,0,.12);}
.tae-page2 .primary-btn:hover {transform:translateY(-6px); color:#1565ff;}
.tae-page2 .outline-btn {background:rgba(255,255,255,.10); border:1px solid rgba(255, 255, 255, .15); color:#fff;}
.tae-page2 .outline-btn:hover {background:rgba(255,255,255,.18); color:#fff; transform:translateY(-6px);}
.tae-page2 .btn-icon {min-width:64px; height:64px; border-radius:22px; display:flex; align-items:center; justify-content:center; font-size:24px;}
.tae-page2 .primary-btn .btn-icon {background:#eef4ff; color:#1565ff;}
.tae-page2 .outline-btn .btn-icon {background:rgba(255,255,255,.12); color:#fff;}
.tae-page2 .tae-cta-btn small {display:block; font-size:13px; opacity:.7; margin-bottom:4px;}
.tae-page2 .tae-cta-btn strong {display:block; font-size:22px; font-weight:800; line-height:1.2;}

@media(max-width:991px) {
.tae-page2 .tae-cta-box {padding:45px 24px; border-radius:30px;}
.tae-page2 .cta-content {text-align:center;}
.tae-page2 .cta-content h2 {font-size:38px; letter-spacing:-1px;}
.tae-page2 .cta-content p {font-size:16px; margin:auto auto 26px;}
.tae-page2 .cta-features {justify-content:center; gap:14px;}
.tae-page2 .cta-btn-wrap {margin-top:35px;}
.tae-page2 .tae-cta-btn {padding:18px 18px;}
.tae-page2 .btn-icon {min-width:54px; height:54px; border-radius:18px; font-size:20px;}
.tae-page2 .tae-cta-btn strong {font-size:18px;}
}

.mini-tag {display:inline-flex; align-items:center; gap:8px; background:#fff; padding:8px 16px; border-radius:100px; font-size:12px; font-weight:700; color:#dc3545; box-shadow:0 10px 25px rgba(0,0,0,.06); margin-bottom:12px; letter-spacing:.8px;}
.mini-tag span {width:8px; height:8px; background:#dc3545; border-radius:50%; animation:pulseLive 1.5s infinite;}
.youtube-live-card {position:relative; overflow:hidden; border-radius:26px; background:#fff; padding:14px; box-shadow:0 20px 60px rgba(0,0,0,.08); min-height:auto;}
.live-badge {position:absolute; top:28px; left:28px; z-index:5; background:#dc3545; color:#fff; padding:9px 18px; border-radius:100px; font-size:12px; font-weight:700; letter-spacing:1px; box-shadow:0 10px 25px rgba(220,53,69,.25);}
.live-badge::before {content:""; width:8px; height:8px; background:#fff; border-radius:50%; display:inline-block; margin-right:7px; animation:pulseLive 1.5s infinite;}
.youtube-live-card iframe {width:100%; height:360px; border:none; border-radius:20px; background:#000;}
.view-link {font-weight:700; color:#0d6efd; text-decoration:none; transition:.3s;}
.view-link:hover {color:#dc3545;}

@keyframes pulseLive {
0% {transform:scale(1); opacity:1;}
50% {transform:scale(1.7); opacity:.4;}
100% {transform:scale(1); opacity:1;}
}

@media(max-width:768px) {
.youtube-live-card iframe {height:240px;}
.section-head {gap:15px; flex-direction:column; align-items:flex-start !important;}
}

.hero-badges {display:flex; flex-wrap:wrap; gap:16px; margin:32px 0;}
.badge-box {display:flex; align-items:center; gap:10px; padding:14px 22px; background:rgba(255,255,255,0.9); backdrop-filter:blur(10px); border:1px solid rgba(0, 0, 0, 0.06); border-radius:60px; font-size:15px; font-weight:600; color:#111; box-shadow:0 10px 30px rgba(0, 0, 0, 0.06), inset 0 1px 0 rgba(255, 255, 255, 0.7); transition:all .35s ease; position:relative; overflow:hidden;}
.badge-box::before {content:""; position:absolute; top:0; left:-100%; width:100%; height:100%; background:linear-gradient( 120deg, transparent, rgba(255,255,255,0.7), transparent ); transition:.6s;}
.badge-box:hover {transform:translateY(-4px); box-shadow:0 18px 40px rgba(0,0,0,0.12);}
.badge-box:hover::before {left:100%;}

@media(max-width:576px) {
.hero-badges {gap:12px;}
.badge-box {width:100%; justify-content:center; padding:14px 18px; font-size:14px;}
}


.ufe-about-section {padding:100px 0; background:#fff;}
.ufe-about-section p {color:#555; line-height:1.4; font-size:17px;}
.ufe-card {background:#fff; border-radius:30px; padding:40px; box-shadow:0 30px 60px rgba(0,0,0,.06); border:1px solid rgba(255, 255, 255, .4); position:relative;}
.ufe-card::before {content:""; position:absolute; inset:0; background:linear-gradient( 135deg, rgba(214,51,132,.05), transparent ); border-radius:30px;}
.ufe-card h4 {font-size:28px; font-weight:700; margin-bottom:30px;}
.ufe-list {display:flex; flex-direction:column; gap:18px;}
.ufe-item {padding:18px 20px; border-radius:18px; background:#f8f9ff; font-weight:600; transition:.3s;}
.ufe-item:hover {transform:translateX(8px); background:#fff0f6;}
.ufe-benefits {padding:100px 0; background:linear-gradient( 180deg, #fff, #fff4f8 );}
.benefit-card {background:#fff; border-radius:28px; padding:40px 30px; height:100%; text-align:center; transition:.4s; position:relative; overflow:hidden; box-shadow:0 15px 40px rgba(0,0,0,.06);}
.benefit-card::before {content:""; position:absolute; width:180px; height:180px; background:radial-gradient( rgba(214,51,132,.08), transparent ); top:-80px; right:-80px;}
.benefit-card:hover {transform:translateY(-12px); box-shadow:0 25px 60px rgba(214,51,132,.15);}
.benefit-card .icon {width:90px; height:90px; margin:auto auto 25px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:38px; background:linear-gradient( 135deg, #ffe3ee, #fff );}
.benefit-card h5 {font-size:24px; font-weight:700; margin-bottom:15px;}
.benefit-card p {color:#6b7280; line-height:1.7;}
.ufe-steps {padding:100px 0; background:#fff;}
.timeline {position:relative; max-width:900px; margin:auto;}
.timeline::before {content:""; position:absolute; left:30px; top:0; width:4px; height:100%; background:linear-gradient( #d63384, #ffb6d1 );}
.timeline-item {position:relative; padding-left:100px; margin-bottom:50px;}
.timeline-item span {position:absolute; left:0; top:0; width:65px; height:65px; border-radius:50%; display:flex; align-items:center; justify-content:center; background:linear-gradient( 135deg, #d63384, #ff80b3 ); color:#fff; font-size:24px; font-weight:700; box-shadow:0 10px 25px rgba(214, 51, 132, .3);}
.timeline-item h5 {font-size:24px; font-weight:700; margin-bottom:12px;}
.timeline-item p {color:#6b7280; line-height:1.8;}
.candidate-section {padding:100px 0; background:linear-gradient( 135deg, #fff, #fff3f7 );}
.candidate-card {background:#fff; padding:40px; border-radius:30px; box-shadow:0 20px 50px rgba(0,0,0,.06);}
.candidate-item {padding:18px 22px; margin-bottom:15px; border-radius:18px; background:#f8f9ff; font-weight:600; transition:.3s;}
.candidate-item:hover {background:#ffe8f1; transform:translateX(10px);}
.comparison-section {padding:100px 0; background:#fff;}
.comparison-table {background:#fff; overflow:hidden; border-radius:24px; box-shadow:0 20px 50px rgba(0,0,0,.06);}
.comparison-table thead {background:linear-gradient( 135deg, #d63384, #ff8fb8 );}
.comparison-table thead th {color:#fff; padding:22px; border:none; font-size:18px;}
.comparison-table td {padding:22px; vertical-align:middle; border-color:#f1f1f1; font-weight:500;}
.comparison-table tbody tr:hover {background:#fff5f9;}
.recovery-section {padding:100px 0; background:#fff7fa;}
.recovery-card {background:#fff; padding:40px 30px; border-radius:28px; text-align:center; height:100%; transition:.4s; box-shadow:0 15px 40px rgba(0,0,0,.05);}
.recovery-card:hover {transform:translateY(-10px);}
.recovery-card h4 {font-size:34px; font-weight:800; color:#d63384; margin-bottom:15px;}
.doctor-section {padding:100px 0; background:#fff;}
.doctor-img {border-radius:30px; box-shadow:0 25px 60px rgba(0,0,0,.08);}
.doctor-points {display:grid; grid-template-columns:1fr 1fr; gap:18px; margin-top:30px;}
.doctor-points div {background:#fff5f9; padding:18px; border-radius:18px; font-weight:600;}
.doctor-tagline {margin-top:35px; font-size:32px; font-weight:800; color:#d63384;}
.faq-section {padding:100px 0; background:#fff6fa;}
.accordion-item {border:none; border-radius:24px !important; overflow:hidden; margin-bottom:20px; box-shadow:0 15px 40px rgba(0,0,0,.05);}
.accordion-button {padding:28px; font-size:20px; font-weight:700; background:#fff !important; box-shadow:none !important;}
.accordion-body {padding:0 28px 28px; color:#6b7280; line-height:1.8;}
.ufe-cta-section {padding:100px 0; background:linear-gradient( 135deg, #d63384, #ff7eb3 );}
.cta-box {background:rgba(255,255,255,.12); backdrop-filter:blur(10px); border-radius:40px; padding:80px 50px; border:1px solid rgba(255, 255, 255, .2); color:#fff;}
.cta-box h2 {font-size:44px; font-weight:800; margin-bottom:20px;}
.cta-box p {font-size:20px; max-width:800px; margin:auto auto 40px; opacity:.92;}
.cta-buttons {display:flex; justify-content:center; gap:20px; flex-wrap:wrap;}
.btn-primary-custom {padding:18px 38px; border-radius:60px; background:#fff; color:#d63384; font-weight:700; text-decoration:none; transition:.3s;}
.btn-primary-custom:hover {transform:translateY(-4px);}
.btn-outline-custom {padding:18px 38px; border-radius:60px; border:2px solid #fff; color:#fff; font-weight:700; text-decoration:none; transition:.3s;}
.btn-outline-custom:hover {background:#fff; color:#d63384;}

@media(max-width:991px) {
.section-title {font-size:36px;}
.cta-box h2 {font-size:38px;}
.doctor-points {grid-template-columns:1fr;}
}

@media(max-width:576px) {
.section-title {font-size:30px;}
.timeline-item {padding-left:85px;}
.timeline-item span {width:55px; height:55px; font-size:20px; position: absolute; right:0 !important; top:-10px;}
.cta-box {padding:50px 25px;}
.cta-box h2 {font-size:30px;}
.cta-box p {font-size:16px;}
}

.comparison-section {padding:100px 0; background:linear-gradient( 180deg, #ffffff, #f4f9ff );}
.comparison-table {background:#fff; border-radius:30px; overflow:hidden; box-shadow:0 25px 60px rgba(0,0,0,.06); margin:0;}
.comparison-table thead {background:linear-gradient( 135deg, #0066cc, #3b8cff );}
.comparison-table thead th {color:#fff; border:none; padding:24px; font-size:18px; font-weight:700; text-align:center;}
.comparison-table thead th:first-child {text-align:left;}
.comparison-table tbody tr {transition:.3s;}
.comparison-table tbody tr:hover {background:#f7fbff;}
.comparison-table td {padding:22px 24px; border-color:#eef2f7; vertical-align:middle; font-size:16px; font-weight:500; color:#374151;}
.comparison-table td:first-child {font-weight:700; color:#111827;}
.good-badge {display:inline-flex; align-items:center; gap:8px; padding:10px 18px; border-radius:50px; background:linear-gradient( 135deg, #e9f7ef, #ffffff ); color:#198754; font-weight:700; box-shadow:0 6px 18px rgba(25, 135, 84, .08);}

@media(max-width:768px) {
.comparison-table thead th {font-size:15px; padding:16px;}
.comparison-table td {font-size:14px; padding:16px;}
.good-badge {padding:8px 14px; font-size:13px;}
}


.hero-main-speciality {position:relative; margin:10px 0 12px; padding:10px 20px; border-radius:24px; background:linear-gradient(135deg, rgba(14,165,233,.10), rgba(59, 130, 246, .08)); border:1px solid rgba(14, 165, 233, .15); overflow:hidden;}
.hero-main-speciality::before {content:""; position:absolute; width:220px; height:220px; background:rgba(14,165,233,.15); border-radius:50%; top:-80px; right:-80px; filter:blur(40px);}
.speciality-label {display:inline-block; font-size:13px; font-weight:700; letter-spacing:1.5px; text-transform:uppercase; color:#0ea5e9; margin-bottom:0;}
.hero-main-speciality h2 {font-size:50px; line-height:1; font-weight:900; margin:0; color:#111; letter-spacing:-2px;}
.hero-main-speciality h2 span {color:#0ea5e9; font-size:60px; text-shadow:0 10px 30px rgba(14,165,233,.25);}
.hero-main-speciality p {margin-top:8px; margin-bottom:0; font-size:15px; line-height:1.4; color:#555;}

@media(max-width:991px) {
.hero-main-speciality {padding:22px;}
.hero-main-speciality h2 {font-size:42px;}
.hero-main-speciality h2 span {font-size:50px;}
}

@media(max-width:576px) {
.hero-main-speciality h2 {font-size:34px;}
.hero-main-speciality h2 span {font-size:40px;}
.hero-main-speciality p {font-size:15px;}
}


.about-section {position:relative; padding:110px 0; background:linear-gradient(135deg,#f8fbff 0%,#ffffff 55%,#f3f8ff 100%);}
.about-bg-shape {position:absolute; width:500px; height:500px; border-radius:50%; background:radial-gradient(circle, rgba(14,165,233,.08), transparent 70%); top:-180px; right:-180px;}
.doctor-wrap {position:relative; text-align:center;}
.about-doctor {position:relative; z-index:2; max-width:100%;}
.doctor-exp-tag {position:absolute; bottom:-80px; left:10px; z-index:5; padding:12px 14px; border-radius:16px; background:#fff; box-shadow:0 15px 40px rgba(0,0,0,.08); text-align:left;}
.doctor-exp-tag strong {display:block; font-size:28px; font-weight:900; color:#0ea5e9;}
.doctor-exp-tag span {font-size:14px; font-weight:600; color:#64748b;}
.why-card {position:absolute; right:0; top:220px; z-index:5; width:320px; padding:28px; border-radius:28px; background:rgba(255,255,255,.95); backdrop-filter:blur(12px); border:1px solid rgba(14, 165, 233, .10); box-shadow:0 20px 50px rgba(15, 23, 42, .08);}
.why-head {display:flex; align-items:center; gap:12px; font-size:20px; font-weight:800; margin-bottom:20px; color:#0f172a;}
.why-head i {width:42px; height:42px; border-radius:50%; display:flex; align-items:center; justify-content:center; background:#0ea5e9; color:#fff;}
.why-card ul {list-style:none; padding:0; margin:0;}
.why-card li {display:flex; align-items:flex-start; gap:12px; font-size:15px; line-height:1.7; color:#475569; margin-bottom:14px; text-align:left}
.why-card li i {color:#0ea5e9; margin-top:4px;}
.about-label {display:inline-block; padding:10px 18px; border-radius:60px; background:rgba(14,165,233,.10); color:#0284c7; font-size:13px; font-weight:800; letter-spacing:1px; text-transform:uppercase; margin-bottom:22px;}
.about-title {font-size:58px; line-height:1.05; font-weight:900; letter-spacing:-2px; color:#0f172a; margin-bottom:18px;}
.about-title span {color:#0ea5e9;}
.about-sub {font-size:15px; line-height:1.8; color:#64748b; margin-bottom:24px;}
.about-desc {font-size:17px; line-height:1.4; color:#475569; margin-bottom:34px;}
.about-desc strong {color:#0f172a;}
.seo-highlight {display:flex; flex-wrap:wrap; gap:14px; margin-bottom:38px;}
.seo-item {display:flex; align-items:center; gap:10px; padding:12px 18px; border-radius:16px; background:#fff; border:1px solid rgba(15,23,42,.06); font-size:14px; font-weight:700; color:#0f172a; box-shadow:0 8px 20px rgba(0, 0, 0, .04);}
.seo-item i {color:#0ea5e9;}
.about-stats {display:grid; grid-template-columns:repeat(4,1fr); gap:20px;}
.stat-box {padding:28px 20px; border-radius:24px; background:#fff; text-align:center; border:1px solid rgba(15,23,42,.05); box-shadow:0 10px 30px rgba(0, 0, 0, .04);}
.stat-box h3 {font-size:42px; font-weight:900; color:#0ea5e9; margin-bottom:10px;}
.stat-box p {margin:0; font-size:14px; font-weight:600; color:#64748b;}

@media(max-width:991px) {
.about-section {padding:80px 0;}
.about-title {font-size:42px;}
.about-stats {grid-template-columns:repeat(2,1fr);}
.why-card {position:relative; width:100%; right:auto; bottom:auto; margin-top:-225px;}
}

@media(max-width:576px) {
.about-title {font-size:34px; margin-top:100px;}
.about-desc {font-size:15px;}
.about-stats {grid-template-columns:1fr;}
.doctor-exp-tag {padding:14px 18px;}
.doctor-exp-tag strong {font-size:22px;}
}

.section-tag { color:#fff;}

.section-head {margin-bottom:50px;}
.section-head h2 {font-size:48px; font-weight:900; line-height:1.1; color:#0f172a; margin-bottom:15px; letter-spacing:-1px;}
.section-head p {font-size:18px; line-height:1.8; color:#64748b; max-width:850px; margin:auto;}
.procedure-hero {position:relative; padding:140px 0 90px; overflow:hidden; background:linear-gradient(135deg,#f8fbff 0%,#ffffff 50%,#eef6ff 100%);}
.hero-pill {display:inline-flex; align-items:center; padding:12px 22px; border-radius:60px; background:rgba(14,165,233,.10); color:#0284c7; font-size:14px; font-weight:700; margin-bottom:28px; margin-top:12px;}
.procedure-hero h1 {font-size:76px; line-height:.95; font-weight:900; letter-spacing:-3px; color:#0f172a; margin-bottom:20px;}
.procedure-hero h1 span {display:block; background:linear-gradient(90deg,#0ea5e9,#2563eb); -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.hero-sub {font-size:20px; font-weight:600; line-height:1.4; color:#0f172a; margin-bottom:22px;}
.hero-desc {font-size:17px; line-height:1.9; color:#475569; margin-bottom:30px; max-width:620px;}
.hero-badges {display:flex; flex-wrap:wrap; gap:14px; margin-bottom:35px;}
.badge-item {display:flex; align-items:center; gap:10px; padding:12px 18px; border-radius:16px; background:#fff; border:1px solid rgba(15,23,42,.06); box-shadow:0 8px 20px rgba(0, 0, 0, .04); font-size:14px; font-weight:700; color:#0f172a;}
.badge-item i {color:#0ea5e9;}
.hero-buttons {display:flex; flex-wrap:wrap; gap:16px;}
.hero-buttons .btn {height:58px; padding:0 32px; border-radius:60px; display:inline-flex; align-items:center; justify-content:center; font-size:16px; font-weight:700;}
.hero-img-wrap {position:relative;}
.hero-doctor {max-width:100%; width:600px;}
.location-badge {position:absolute; right:0; bottom:40px; z-index:5; padding:16px 24px; border-radius:18px; background:#fff; box-shadow:0 20px 50px rgba(0,0,0,.08); font-size:15px; font-weight:700; color:#0f172a;}
.content-section {padding:100px 0; background:#fff;}
.content-box {max-width:1100px; margin:auto;}
.content-box p {font-size:17px; line-height:2; color:#475569; margin-bottom:24px;}
.info-card {height:100%; padding:35px; border-radius:28px; background:#fff; border:1px solid rgba(15,23,42,.06); box-shadow:0 15px 40px rgba(0, 0, 0, .05);}
.info-card h5 {font-size:22px; font-weight:800; margin-bottom:24px; color:#0f172a;}
.info-card ul {padding-left:20px; margin:0;}
.info-card li {font-size:16px; line-height:1.9; color:#475569; margin-bottom:10px;}
.benefits-section {padding:100px 0; background:#f8fbff;}
.benefit-card {height:100%; padding:40px 30px; border-radius:30px; background:#fff; text-align:center; border:1px solid rgba(15,23,42,.05); box-shadow:0 15px 40px rgba(0, 0, 0, .04); transition:.4s ease;}
.benefit-card:hover {transform:translateY(-8px);}
.benefit-card i {width:80px; height:80px; margin:auto auto 24px; border-radius:50%; display:flex; align-items:center; justify-content:center; background:linear-gradient(135deg,#0ea5e9,#2563eb); color:#fff; font-size:30px;}
.benefit-card h4 {font-size:24px; font-weight:800; margin-bottom:16px; color:#0f172a;}
.benefit-card p {font-size:16px; line-height:1.8; color:#64748b; margin:0;}
.steps-section {padding:100px 0; background:#fff;}
.steps-wrap {display:grid; grid-template-columns:repeat(4,1fr); gap:24px;}
.step-item {position:relative; padding:40px 30px; border-radius:28px; background:#f8fbff; overflow:hidden;}
.step-item span {display:inline-flex; align-items:center; justify-content:center; width:60px; height:60px; border-radius:50%; background:linear-gradient(135deg,#0ea5e9,#2563eb); color:#fff; font-size:20px; font-weight:800; margin-bottom:24px;}
.step-item h4 {font-size:24px; font-weight:800; margin-bottom:16px; color:#0f172a;}
.step-item p {font-size:16px; line-height:1.8; color:#64748b; margin:0;}
.candidate-section {padding:100px 0; background:#f8fbff;}
.candidate-box {padding:50px; border-radius:32px; background:#fff; box-shadow:0 20px 50px rgba(0,0,0,.05);}
.candidate-box ul {columns:2; padding-left:20px; margin-bottom:30px;}
.candidate-box li {font-size:17px; line-height:2; color:#475569; margin-bottom:10px;}
.note-text {padding:22px 28px; border-radius:18px; background:#f8fbff; font-size:15px; line-height:1.9; color:#475569; margin:0;}
.comparison-section {padding:100px 0; background:#fff;}
.comparison-table {overflow:hidden; border-radius:24px; background:#fff; box-shadow:0 20px 50px rgba(0,0,0,.05);}
.comparison-table thead {background:linear-gradient(135deg,#0ea5e9,#2563eb); color:#fff;}
.comparison-table th, .comparison-table td {padding:22px 24px; font-size:16px; vertical-align:middle;}
.comparison-table th {font-weight:800;}
.timeline-section {padding:100px 0; background:#f8fbff;}
.timeline-wrap {display:grid; grid-template-columns:repeat(4,1fr); gap:24px;}
.timeline-item {padding:35px 28px; border-radius:28px; background:#fff; box-shadow:0 15px 40px rgba(0,0,0,.04);}
.timeline-item h5 {font-size:24px; font-weight:800; margin-bottom:14px; color:#0ea5e9;}
.timeline-item p {font-size:16px; line-height:1.8; color:#64748b; margin:0;}
.doctor-section {padding:100px 0; background:#fff;}
.doctor-points {padding-left:20px; margin:30px 0;}
.doctor-points li {font-size:17px; line-height:2; color:#475569; margin-bottom:8px;}
.tagline {display:inline-block; padding:14px 24px; border-radius:60px; background:linear-gradient(135deg,#0ea5e9,#2563eb); color:#fff; font-size:16px; font-weight:700;}
.faq-section {padding:100px 0; background:#f8fbff;}
.accordion-item {border:none; border-radius:24px !important; overflow:hidden; margin-bottom:20px; box-shadow:0 15px 40px rgba(0,0,0,.04);}
.accordion-button {padding:24px 30px; font-size:18px; font-weight:700; background:#fff; color:#0f172a; box-shadow:none !important;}
.accordion-button:not(.collapsed) {background:#0ea5e9; color:#fff;}
.accordion-body {padding:30px; font-size:16px; line-height:1.9; color:#475569;}
.cta-section {padding:100px 0; background:linear-gradient(135deg,#0ea5e9,#2563eb);}
.cta-box {padding:70px 50px; border-radius:36px; background:rgba(255,255,255,.08); backdrop-filter:blur(10px);}
.cta-box h2 {font-size:52px; font-weight:900; line-height:1.1; color:#fff; margin-bottom:20px;}
.cta-box p {font-size:18px; line-height:1.9; color:rgba(255,255,255,.85); max-width:900px; margin:0 auto 35px;}

@media(max-width:991px) {
.procedure-hero {padding:120px 0 70px; text-align:center;}
.procedure-hero h1 {font-size:52px;}
.hero-sub {font-size:22px;}
.hero-desc {margin:auto auto 30px;}
.hero-badges, .hero-buttons {justify-content:center;}
.steps-wrap, .timeline-wrap {grid-template-columns:repeat(2,1fr);}
.candidate-box ul {columns:1;}
.section-head h2 {font-size:40px;}
.cta-box h2 {font-size:38px;}
}

@media(max-width:576px) {
.procedure-hero h1 {font-size:42px;}
.hero-sub {font-size:20px;}
.section-head h2 {font-size:32px;}
.hero-buttons {flex-direction:column;}
.hero-buttons .btn {width:100%;}
.steps-wrap, .timeline-wrap {grid-template-columns:1fr;}
.content-box p, .info-card li, .benefit-card p, .step-item p, .timeline-item p, .doctor-points li, .accordion-body {font-size:15px;}
.candidate-box {padding:30px 24px;}
.cta-box {padding:50px 24px;}
.cta-box h2 {font-size:30px;}
}

.table-responsive {border-radius:36px; overflow:hidden; box-shadow:0 25px 70px rgba(15,23,42,.08); background:#fff;}
.comparison-table {margin:0; border:none; vertical-align:middle;}
.comparison-table thead {background:linear-gradient(135deg,#0ea5e9,#2563eb);}
.comparison-table thead th {padding:28px 26px; font-size:18px; font-weight:800; letter-spacing:.3px; color:#fff; border:none; white-space:nowrap;}
.comparison-table tbody tr {transition:.35s ease; border-bottom:1px solid rgba(15,23,42,.06);}
.comparison-table tbody tr:hover {background:linear-gradient(90deg,rgba(14,165,233,.05), rgba(37, 99, 235, .03)); transform:scale(1.01);}
.comparison-table td {padding:24px 26px; font-size:16px; font-weight:600; color:#334155; border:none; vertical-align:middle;}
.comparison-table tbody td:first-child {font-weight:800; color:#0f172a; background:rgba(14,165,233,.03); width:32%;}
.comparison-table tbody td:nth-child(2) {color:#059669; font-weight:800;}
.comparison-table tbody td:nth-child(3) {color:#dc2626; font-weight:700;}
/*.comparison-table tbody td:nth-child(2)::before {content:"✓"; display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; margin-right:10px; border-radius:50%; background:#dcfce7; color:#059669; font-size:13px; font-weight:900;}*/
.comparison-table tbody tr:nth-child(4) td:nth-child(2)::before, .comparison-table tbody tr:nth-child(5) td:nth-child(2)::before, .comparison-table tbody tr:nth-child(6) td:nth-child(2)::before, .comparison-table tbody tr:nth-child(7) td:nth-child(2)::before {display:none;}
.comparison-table tbody td:nth-child(3)::before {content:"✕"; display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; margin-right:10px; border-radius:50%; background:#fee2e2; color:#dc2626; font-size:12px; font-weight:900;}
.comparison-table tbody tr:nth-child(4) td:nth-child(3)::before, .comparison-table tbody tr:nth-child(5) td:nth-child(3)::before, .comparison-table tbody tr:nth-child(6) td:nth-child(3)::before, .comparison-table tbody tr:nth-child(7) td:nth-child(3)::before {display:none;}
.comparison-table tbody tr:nth-child(even) {background:rgba(248,250,252,.7);}

@media(max-width:991px) {
.comparison-table thead th {font-size:16px; padding:22px 18px;}
.comparison-table td {padding:20px 18px; font-size:15px;}
}

@media(max-width:576px) {
.table-responsive {border-radius:24px;}
.comparison-table {min-width:760px;}
.comparison-table thead th {font-size:15px; padding:18px 16px;}
.comparison-table td {font-size:14px; padding:18px 16px;}
}

.candidate-section {position:relative; padding:110px 0; background:linear-gradient(135deg,#f8fbff 0%,#ffffff 50%,#f1f7ff 100%); overflow:hidden;}
.candidate-section::before {content:""; position:absolute; width:600px; height:600px; border-radius:50%; background:radial-gradient(circle,rgba(14,165,233,.10),transparent 70%); top:-250px; right:-250px;}
.section-sub {max-width:850px; margin:24px auto 0; font-size:18px; line-height:1.9; color:#64748b;}
.candidate-box {position:relative; padding:50px; border-radius:36px; background:rgba(255,255,255,.90); backdrop-filter:blur(12px); box-shadow:0 25px 70px rgba(15, 23, 42, .06); overflow:hidden;}
.candidate-card {height:100%; display:flex; gap:22px; padding:30px; border-radius:28px; background:linear-gradient(145deg,rgba(255,255,255,.96), rgba(248, 252, 255, .94)); border:1px solid rgba(14, 165, 233, .08); box-shadow:0 12px 35px rgba(15, 23, 42, .05); transition:.4s ease;}
.candidate-card:hover {transform:translateY(-8px); box-shadow:0 22px 55px rgba(14,165,233,.12);}
.candidate-icon {flex-shrink:0; width:72px; height:72px; border-radius:24px; display:flex; align-items:center; justify-content:center; background:linear-gradient(135deg,#0ea5e9,#2563eb); color:#fff; font-size:28px; box-shadow:0 15px 35px rgba(14, 165, 233, .22);}
.candidate-content h4 {font-size:24px; font-weight:800; line-height:1.3; margin-bottom:12px; color:#0f172a;}
.candidate-content p {font-size:16px; line-height:1.9; color:#64748b; margin:0;}
.candidate-note {display:flex; gap:20px; align-items:flex-start; margin-top:45px; padding:32px; border-radius:28px; background:linear-gradient(135deg,rgba(14,165,233,.08), rgba(37, 99, 235, .05)); border:1px solid rgba(14, 165, 233, .10);}
.note-icon {flex-shrink:0; width:70px; height:70px; border-radius:22px; display:flex; align-items:center; justify-content:center; background:#0ea5e9; color:#fff; font-size:28px; box-shadow:0 15px 35px rgba(14,165,233,.22);}
.note-content h5 {font-size:24px; font-weight:800; margin-bottom:12px; color:#0f172a;}
.note-content p {font-size:16px; line-height:1.9; color:#475569; margin:0;}

@media(max-width:991px) {
.candidate-box {padding:35px;}
.candidate-card {padding:26px;}
.section-sub {font-size:16px;}
}

@media(max-width:576px) {
.candidate-section {padding:80px 0;}
.candidate-box {padding:24px; border-radius:28px;}
.candidate-card {flex-direction:column; padding:24px; gap:18px;}
.candidate-icon {width:64px; height:64px; font-size:24px; border-radius:20px;}
.candidate-content h4 {font-size:20px;}
.candidate-content p, .note-content p {font-size:15px; line-height:1.8;}
.candidate-note {flex-direction:column; padding:24px;}
.note-content h5 {font-size:20px;}
}

.tae-about-section {position:relative; padding:120px 0; background:linear-gradient(135deg,#f8fbff 0%,#ffffff 55%,#eef6ff 100%); overflow:hidden;}
.tae-about-section::before {content:""; position:absolute; width:700px; height:700px; border-radius:50%; background:radial-gradient(circle,rgba(14,165,233,.10),transparent 70%); top:-300px; right:-300px;}
.section-mini-title {display:inline-flex; align-items:center; gap:10px; padding:12px 22px; border-radius:60px; background:rgba(14,165,233,.10); color:#0284c7; font-size:14px; font-weight:800; margin-bottom:24px;}
.section-mini-title i {font-size:16px;}
.section-subtitle {max-width:900px; margin:24px auto 0; font-size:18px; line-height:1.9; color:#64748b;}
.content-main-box {position:relative; padding:60px; margin-top:60px; border-radius:40px; background:rgba(255,255,255,.92); backdrop-filter:blur(12px); box-shadow:0 25px 70px rgba(15, 23, 42, .06); overflow:hidden;}
.content-box p {font-size:17px; line-height:2; color:#475569; margin-bottom:28px;}
.tae-image-box {position:relative; text-align:center;}
.tae-image-box img {border-radius:32px; box-shadow:0 20px 50px rgba(15,23,42,.08);}
.image-badge {position:absolute; bottom:20px; right:20px; z-index:5; display:inline-flex; align-items:center; gap:10px; padding:14px 20px; border-radius:18px; background:#fff; box-shadow:0 15px 35px rgba(0,0,0,.08); font-size:15px; font-weight:700; color:#0f172a;}
.image-badge i {color:#0ea5e9;}
.info-cards-wrap {margin-top:50px;}
.premium-card {position:relative; height:100%; padding:40px; border-radius:32px; background:linear-gradient(145deg,rgba(255,255,255,.96), rgba(248, 252, 255, .94)); border:1px solid rgba(14, 165, 233, .08); box-shadow:0 18px 50px rgba(15, 23, 42, .05); transition:.4s ease; overflow:hidden;}
.premium-card:hover {transform:translateY(-8px); box-shadow:0 28px 60px rgba(14,165,233,.12);}
.card-icon {width:80px; height:80px; margin-bottom:26px; border-radius:26px; display:flex; align-items:center; justify-content:center; background:linear-gradient(135deg,#0ea5e9,#2563eb); color:#fff; font-size:30px; box-shadow:0 15px 35px rgba(14, 165, 233, .22);}
.premium-card h5 {font-size:28px; font-weight:900; line-height:1.3; margin-bottom:28px; color:#0f172a;}
.premium-card ul {list-style:none; padding:0; margin:0;}
.premium-card li {display:flex; align-items:flex-start; gap:14px; font-size:16px; line-height:1.9; color:#475569; margin-bottom:18px;}
.premium-card li i {color:#0ea5e9; margin-top:7px; font-size:14px;}

@media(max-width:991px) {
.tae-about-section {padding:90px 0;}
.content-main-box {padding:40px;}
.section-subtitle {font-size:16px;}
}

@media(max-width:576px) {
.content-main-box {padding:24px; border-radius:28px;}
.content-box p {font-size:15px; line-height:1.9;}
.premium-card {padding:28px;}
.premium-card h5 {font-size:22px;}
.premium-card li {font-size:15px;}
/*.image-badge {position:relative; top:auto; left:auto; margin-bottom:18px;}*/
}

.footer-section {position:relative; background:linear-gradient(135deg,#07111f 0%,#0b1728 45%,#10233f 100%); overflow:hidden; color:#fff;}
.footer-section::before {content:""; position:absolute; width:700px; height:700px; border-radius:50%; background:radial-gradient(circle,rgba(14,165,233,.10),transparent 70%); top:-300px; right:-300px;}
.footer-top-wrap {position:relative; padding:0 0 70px; border-bottom:1px solid rgba(255,255,255,.08);}
.footer-logo {max-width:240px; margin-bottom:28px;}
.footer-about {font-size:16px; line-height:2; color:rgba(255,255,255,.72); margin-bottom:30px;}
.footer-mini-contact {display:flex; flex-direction:column; gap:16px; margin-bottom:35px;}
.footer-mini-contact div {display:flex; align-items:center; gap:14px; font-size:15px; font-weight:600; color:#fff;}
.footer-mini-contact i {width:42px; height:42px; border-radius:14px; display:flex; align-items:center; justify-content:center; background:rgba(14,165,233,.12); color:#38bdf8; font-size:16px;}
.footer-social {display:flex; gap:14px;}
.footer-social a {width:48px; height:48px; border-radius:16px; display:flex; align-items:center; justify-content:center; background:rgba(255,255,255,.06); border:1px solid rgba(255, 255, 255, .08); color:#fff; font-size:18px; transition:.35s ease;}
.footer-social a:hover {transform:translateY(-5px); background:linear-gradient(135deg,#0ea5e9,#2563eb); border-color:transparent; box-shadow:0 15px 35px rgba(14, 165, 233, .25);}
.footer-widget h5 {position:relative; font-size:24px; font-weight:800; margin-bottom:32px; padding-bottom:14px;}
.footer-widget h5::after {content:""; position:absolute; left:0; bottom:0; width:70px; height:4px; border-radius:30px; background:linear-gradient(90deg,#0ea5e9,#2563eb);}
.footer-widget ul {list-style:none; padding:0; margin:0;}
.footer-widget ul li {margin-bottom:6px;}
.footer-widget ul li a {position:relative; display:inline-block; font-size:15px; line-height:1.7; color:rgba(255,255,255,.72); text-decoration:none; transition:.3s ease;}
.footer-widget ul li a:hover {color:#38bdf8; transform:translateX(6px);}
.contact-info li {display:flex; align-items:flex-start; gap:16px; margin-bottom:24px;}
.contact-info i {width:46px; height:46px; border-radius:16px; display:flex; align-items:center; justify-content:center; background:rgba(14,165,233,.12); color:#38bdf8; font-size:18px; flex-shrink:0;}
.contact-info div {font-size:15px; line-height:1.9; color:rgba(255,255,255,.75);}
.footer-bottom {padding:26px 0; background:rgba(0,0,0,.18); backdrop-filter:blur(8px);}
.footer-bottom p {margin:0; font-size:15px; color:rgba(255,255,255,.65);}
.footer-bottom-links {display:flex; align-items:center; justify-content:flex-end; gap:18px;}
.footer-bottom-links span {width:5px; height:5px; border-radius:50%; background:#38bdf8;}
.footer-bottom-links a {font-size:15px; color:rgba(255,255,255,.72); text-decoration:none; transition:.3s ease;}
.footer-bottom-links a:hover {color:#38bdf8;}

@media(max-width:991px) {
.footer-top-wrap {padding:0 0 50px;}
.footer-widget h5 {margin-top:10px;}
}

@media(max-width:576px) {
.footer-logo {max-width:200px;}
.footer-about {font-size:15px;}
.footer-widget h5 {font-size:22px;}
.footer-widget ul li a, .contact-info div, .footer-bottom p, .footer-bottom-links a {font-size:14px;}
.footer-social a {width:44px; height:44px; font-size:16px;}
.footer-bottom-links {justify-content:flex-start; flex-wrap:wrap;}
}

.blog-video-section {background:linear-gradient(180deg,#f7fbff 0%,#ffffff 100%); position:relative; overflow:hidden;}
.blog-video-section::before {content:''; position:absolute; width:500px; height:500px; background:rgba(13,110,253,.05); border-radius:50%; top:-200px; right:-200px;}
.section-title-wrap {max-width:750px; margin:auto;}
.section-badge {display:inline-block; padding:8px 18px; background:#e9f3ff; color:#0d6efd; font-size:12px; font-weight:700; letter-spacing:1px; border-radius:100px; margin-bottom:18px;}
.section-title-wrap h2 {font-size:46px; font-weight:800; color:#0d1b2a; margin-bottom:18px;}
.section-title-wrap p {font-size:17px; line-height:1.8; color:#667085;}
.modern-card {background:#fff; border-radius:30px; padding:35px; box-shadow:0 10px 40px rgba(0,0,0,.06); position:relative; overflow:hidden; border:1px solid rgba(0, 0, 0, .05);}
.small-subtitle {font-size:12px; text-transform:uppercase; letter-spacing:1px; font-weight:700; color:#0d6efd;}
.section-heading {font-size:30px; font-weight:800; color:#0d1b2a;}
.modern-link {display:inline-flex; align-items:center; gap:8px; text-decoration:none; color:#0d6efd; font-weight:700; transition:.3s;}
.modern-link:hover {transform:translateX(5px);}
.blog-card-modern {background:#fff; border-radius:24px; overflow:hidden; border:1px solid #eef2f7; transition:.4s;}
.blog-card-modern:hover {transform:translateY(-10px); box-shadow:0 20px 50px rgba(0,0,0,.08);}
.blog-image {position:relative; overflow:hidden;}
.blog-image img {width:100%; height:240px; object-fit:cover; transition:.6s;}
.blog-card-modern:hover img {transform:scale(1.08);}
.blog-overlay {position:absolute; inset:0; background:linear-gradient(to top,rgba(0,0,0,.55),transparent);}
.blog-category {position:absolute; top:18px; left:18px; background:#fff; color:#0d6efd; font-size:12px; font-weight:700; padding:7px 14px; border-radius:100px;}
.blog-content {padding:28px;}
.blog-meta {margin-bottom:15px;}
.blog-meta span {color:#667085; font-size:14px;}
.blog-content h5 {font-size:22px; font-weight:700; line-height:1.5; margin-bottom:18px; color:#0d1b2a;}
.blog-content a {text-decoration:none; color:#0d6efd; font-weight:700; display:inline-flex; align-items:center; gap:8px;}
.youtube-box {position:relative; border-radius:25px; overflow:hidden; box-shadow:0 15px 40px rgba(0,0,0,.12);}
.youtube-box iframe {width:100%; height:420px; border:0;}
.live-pulse {position:absolute; top:20px; left:20px; z-index:5; background:#ff2d55; color:#fff; padding:10px 18px; border-radius:100px; font-size:13px; font-weight:700; display:flex; align-items:center; gap:10px;}
.live-pulse span {width:10px; height:10px; background:#fff; border-radius:50%; animation:pulse 1.5s infinite;}

@keyframes pulse {
0% {transform:scale(1); opacity:1;}
100% {transform:scale(2.8); opacity:0;}
}

.video-info {display:flex; flex-wrap:wrap; gap:14px; margin-top:25px;}
.info-item {background:#f8fbff; padding:14px 18px; border-radius:16px; font-weight:600; color:#0d1b2a; display:flex; align-items:center; gap:10px;}
.info-item i {color:#0d6efd;}

@media(max-width:991px) {
.section-title-wrap h2 {font-size:34px;}
.modern-card {padding:24px;}
.youtube-box iframe {height:300px;}
}

@media(max-width:576px) {
.section-title-wrap h2 {font-size:28px;}
.blog-content {padding:22px;}
.blog-content h5 {font-size:19px;}
}

.modern-cta-section {background:linear-gradient(180deg,#f7fbff 0%,#ffffff 100%); position:relative; overflow:hidden;}
.modern-cta-box {position:relative; background:linear-gradient(135deg,#071c2f 0%,#0d3b66 100%); border-radius:38px; padding:70px; overflow:hidden; box-shadow:0 30px 80px rgba(0, 0, 0, .18);}
.cta-shape {position:absolute; border-radius:50%; filter:blur(10px);}
.shape-1 {width:320px; height:320px; background:rgba(255,255,255,.06); top:-120px; right:-80px;}
.shape-2 {width:220px; height:220px; background:rgba(13,110,253,.25); bottom:-80px; left:-60px;}
.cta-mini-badge {display:inline-flex; align-items:center; gap:10px; background:rgba(255,255,255,.12); border:1px solid rgba(255, 255, 255, .15); padding:10px 18px; border-radius:100px; color:#fff; font-size:12px; font-weight:700; letter-spacing:1px; margin-bottom:28px; backdrop-filter:blur(10px);}
.cta-mini-badge span {width:10px; height:10px; background:#00ff95; border-radius:50%; animation:pulseGlow 1.5s infinite;}

@keyframes pulseGlow {
0% {transform:scale(1); opacity:1;}
100% {transform:scale(2.5); opacity:0;}
}

.cta-title {font-size:58px; font-weight:900; line-height:1.15; color:#fff; margin-bottom:24px;}
.cta-title span {color:#69b7ff;}
.cta-desc {font-size:18px; line-height:1.9; color:rgba(255,255,255,.75); max-width:580px; margin-bottom:38px;}
.cta-trust-grid {display:flex; flex-wrap:wrap; gap:18px; margin-bottom:40px;}
.trust-item {min-width:150px; background:rgba(255,255,255,.08); border:1px solid rgba(255, 255, 255, .12); backdrop-filter:blur(12px); border-radius:24px; padding:24px; transition:.4s;}
.trust-item:hover {transform:translateY(-8px); background:rgba(255,255,255,.12);}
.trust-item h4 {font-size:34px; font-weight:800; color:#fff; margin-bottom:8px;}
.trust-item p {color:rgba(255,255,255,.7); margin:0;}
.cta-btn-group {display:flex; flex-wrap:wrap; gap:18px; margin-bottom:35px;}
.cta-btn {display:inline-flex; align-items:center; justify-content:center; gap:12px; padding:18px 32px; border-radius:18px; text-decoration:none; font-weight:700; transition:.4s;}
.primary-btn {background:#fff; color:#0d3b66; box-shadow:0 12px 30px rgba(255,255,255,.18);}
.primary-btn:hover {transform:translateY(-5px); color:#0d3b66;}
.whatsapp-btn {background:#25D366; color:#fff; box-shadow:0 12px 30px rgba(37,211,102,.3);}
.whatsapp-btn:hover {transform:translateY(-5px); color:#fff;}
.cta-bottom-info {display:flex; flex-wrap:wrap; gap:25px;}
.bottom-info-item {display:flex; align-items:center; gap:10px; color:rgba(255,255,255,.8); font-weight:600;}
.bottom-info-item i {color:#69b7ff;}
.modern-form-box {position:relative; background:rgba(255,255,255,.12); border:1px solid rgba(255, 255, 255, .14); backdrop-filter:blur(18px); border-radius:34px; padding:38px; box-shadow:0 20px 60px rgba(0, 0, 0, .2);}
.form-top {display:flex; align-items:center; gap:18px; margin-bottom:32px;}
.form-icon {width:68px; height:68px; border-radius:22px; background:linear-gradient(135deg,#69b7ff,#0d6efd); display:flex; align-items:center; justify-content:center; font-size:28px; color:#fff;}
.form-top span {color:#69b7ff; font-size:12px; font-weight:700; letter-spacing:1px;}
.form-top h4 {color:#fff; font-size:30px; font-weight:800; margin:5px 0 0;}
.input-group-modern {position:relative; margin-bottom:20px;}
.input-group-modern i {position:absolute; top:50%; left:20px; transform:translateY(-50%); color:#69b7ff; z-index:2;}
.input-group-modern input, .input-group-modern select {width:100%; height:64px; border:none; outline:none; border-radius:18px; background:rgba(255,255,255,.12); color:#fff; padding:0 20px 0 55px; font-size:15px;}
.input-group-modern input::placeholder {color:rgba(255,255,255,.65);}
.input-group-modern select {appearance:none;}
.submit-btn-modern {width:100%; height:64px; border:none; border-radius:18px; background:linear-gradient(135deg,#69b7ff,#0d6efd); color:#fff; font-size:17px; font-weight:700; transition:.4s; margin-top:8px;}
.submit-btn-modern:hover {transform:translateY(-4px); box-shadow:0 18px 40px rgba(13,110,253,.4);}
.form-footer {display:flex; justify-content:space-between; flex-wrap:wrap; gap:15px; margin-top:28px;}
.secure-tag {display:flex; align-items:center; gap:8px; color:rgba(255,255,255,.75); font-size:14px;}
.secure-tag i {color:#69b7ff;}

@media(max-width:991px) {
.modern-cta-box {padding:45px 30px;}
.cta-title {font-size:42px;}
}

@media(max-width:576px) {
.cta-title {font-size:34px;}
.cta-desc {font-size:16px;}
.modern-form-box {padding:28px 22px;}
.trust-item {width:100%;}
.cta-btn {width:100%;}
}

.input-group-modern select {width:100%; height:64px; border:none; outline:none; border-radius:18px; background:rgba(255,255,255,.12); color:#fff; padding:0 50px 0 55px; font-size:15px; appearance:none; -webkit-appearance:none; -moz-appearance:none; cursor:pointer;}
.input-group-modern select option {color:#0d1b2a; background:#fff;}
.input-group-modern::after {content:'\F282'; font-family:'bootstrap-icons'; position:absolute; top:50%; right:20px; transform:translateY(-50%); color:#69b7ff; pointer-events:none; font-size:14px;}

.input-group-modern {position:relative;}
.input-group-modern i {position:absolute; top:50%; left:20px; transform:translateY(-50%); color:#69b7ff; font-size:18px; z-index:5; pointer-events:none;}
.input-group-modern select {width:100%; height:64px; border:none; outline:none; border-radius:18px; background:rgba(255,255,255,.12); color:#fff; padding:0 50px 0 58px; font-size:15px; appearance:none; -webkit-appearance:none; -moz-appearance:none; position:relative; z-index:1;}
.input-group-modern select option {color:#0d1b2a; background:#fff;}
.input-group-modern::after {content:"\F282"; font-family:"bootstrap-icons"; position:absolute; top:50%; right:20px; transform:translateY(-50%); color:#69b7ff; font-size:14px; pointer-events:none; z-index:5;}


.modern-contact-hero {position:relative; padding:140px 0 110px; background:linear-gradient(135deg,#071c2f 0%,#0d3b66 100%); overflow:hidden;}
.hero-glow {position:absolute; border-radius:50%; filter:blur(20px);}
.glow-1 {width:350px; height:350px; background:rgba(13,110,253,.22); top:-120px; right:-80px;}
.glow-2 {width:250px; height:250px; background:rgba(255,255,255,.06); bottom:-100px; left:-80px;}
.hero-content {position:relative; z-index:2; max-width:850px; margin:auto;}
.hero-mini-tag {display:inline-block; padding:10px 22px; border-radius:100px; background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.12); color:#fff; font-size:12px; font-weight:700; letter-spacing:1px; margin-bottom:28px;}
.hero-content h1 {font-size:70px; line-height:1.1; font-weight:900; color:#fff; margin-bottom:28px;}
.hero-content h1 span {color:#69b7ff;}
.hero-content p {color:rgba(255,255,255,.75); font-size:19px; line-height:1.9; max-width:700px; margin:auto auto 40px;}
.hero-contact-badges {display:flex; justify-content:center; flex-wrap:wrap; gap:18px;}
.hero-contact-badges a {display:inline-flex; align-items:center; gap:10px; padding:16px 26px; border-radius:18px; background:rgba(255,255,255,.1); border:1px solid rgba(255, 255, 255, .12); text-decoration:none; color:#fff; font-weight:600; transition:.4s;}
.hero-contact-badges a:hover {transform:translateY(-6px); background:#0d6efd;}
.modern-contact-section {position:relative; padding:80px 0; background:#f7fbff;}
.modern-contact-box {background:#fff; border-radius:40px; overflow:hidden; box-shadow:0 25px 80px rgba(0,0,0,.08);}
.modern-contact-info {height:100%; padding:60px 45px; background:linear-gradient(180deg,#0d3b66 0%,#071c2f 100%); color:#fff; position:relative;}
.contact-label {display:inline-block; color:#69b7ff; font-size:12px; font-weight:700; letter-spacing:1px; margin-bottom:20px;}
.modern-contact-info h2 {font-size:42px; font-weight:800; line-height:1.2; margin-bottom:20px;}
.modern-contact-info p {color:rgba(255,255,255,.75); line-height:1.9; margin-bottom:40px;}
.contact-card-item {display:flex; align-items:flex-start; gap:18px; padding:24px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.08); border-radius:24px; margin-bottom:20px; transition:.4s;}
.contact-card-item:hover {transform:translateY(-5px); background:rgba(255,255,255,.12);}
.contact-icon {min-width:65px; width:65px; height:65px; border-radius:20px; display:flex; align-items:center; justify-content:center; font-size:24px; color:#fff;}
.contact-icon.phone {background:linear-gradient(135deg,#0d6efd,#4aa3ff);}
.contact-icon.email {background:linear-gradient(135deg,#ff6b6b,#ff8e53);}
.contact-icon.location {background:linear-gradient(135deg,#00b894,#00d084);}
.contact-card-item span {display:block; color:#69b7ff; font-size:13px; margin-bottom:6px;}
.contact-card-item h5 {margin:0; line-height:1.7; font-size:18px; font-weight:700;}
.contact-social {display:flex; gap:14px; margin-top:35px;}
.contact-social a {width:52px; height:52px; border-radius:16px; background:rgba(255,255,255,.08); color:#fff; display:flex; align-items:center; justify-content:center; text-decoration:none; transition:.4s;}
.contact-social a:hover {background:#0d6efd; transform:translateY(-5px);}
.modern-contact-form {padding:60px;}
.form-top-head {margin-bottom:35px;}
.form-top-head span {color:#0d6efd; font-size:12px; font-weight:700; letter-spacing:1px;}
.form-top-head h2 {font-size:42px; font-weight:800; color:#0d1b2a; margin-top:10px;}
.form-group-modern {position:relative; margin-bottom:24px;}
.form-group-modern i {position:absolute; top:50%; left:22px; transform:translateY(-50%); color:#0d6efd; z-index:5;}
.form-group-modern input, .form-group-modern select, .form-group-modern textarea {width:100%; border:none; outline:none; background:#f7fbff; border:1px solid #e4eef9; border-radius:18px; padding-left:58px; font-size:15px; transition:.3s;}
.form-group-modern input, .form-group-modern select {height:64px;}
.form-group-modern textarea {height:160px; padding-top:22px; resize:none;}
.form-group-modern input:focus, .form-group-modern select:focus, .form-group-modern textarea:focus {border-color:#0d6efd; background:#fff; box-shadow:0 0 0 4px rgba(13,110,253,.08);}
.form-group-modern select option {color:#000;}
.textarea-box i {top:28px; transform:none;}
.submit-contact-btn {width:100%; height:65px; border:none; border-radius:18px; background:linear-gradient(135deg,#0d6efd,#4aa3ff); color:#fff; font-size:17px; font-weight:700; transition:.4s;}
.submit-contact-btn:hover {transform:translateY(-5px); box-shadow:0 18px 40px rgba(13,110,253,.25);}
.modern-map-box {margin-top:40px; border-radius:35px; overflow:hidden; box-shadow:0 18px 60px rgba(0,0,0,.08);}
.modern-map-box iframe {width:100%; height:500px; border:0; display:block;}

@media(max-width:991px) {
.hero-content h1 {font-size:48px;}
.modern-contact-form {padding:40px 28px;}
.modern-contact-info {padding:45px 28px;}
.form-top-head h2, .modern-contact-info h2 {font-size:32px;}
}

@media(max-width:576px) {
.modern-contact-hero {padding:110px 0 80px;}
.hero-content h1 {font-size:36px;}
.hero-content p {font-size:16px;}
.hero-contact-badges a {width:100%; justify-content:center;}
.modern-contact-form {padding:32px 20px;}
.modern-contact-info {padding:35px 20px;}
}

.ufe-steps {background:linear-gradient(180deg,#f7fbff 0%,#ffffff 100%); position:relative; overflow:hidden;}
.section-tag {display:none; padding:10px 22px; border-radius:100px; background:#eaf3ff; color:#0d6efd; font-size:12px; font-weight:700; letter-spacing:1px; margin-bottom:18px;}
.section-title {font-size:48px; font-weight:900; color:#0d1b2a; margin:0;}
.timeline {position:relative; max-width:950px; margin:auto; padding-left:40px;}
.timeline::before {content:''; position:absolute; left:35px; top:0; width:4px; height:100%; background:linear-gradient(to bottom,#0d6efd,#69b7ff); border-radius:20px;}
.timeline-item {position:relative; display:flex; gap:30px; margin-bottom:35px; align-items:flex-start;}
.timeline-item span {position:relative; z-index:2; min-width:70px; width:70px; height:70px; border-radius:50%; background:linear-gradient(135deg,#0d6efd,#69b7ff); display:flex; align-items:center; justify-content:center; font-size:26px; font-weight:800; color:#fff; box-shadow:0 15px 35px rgba(13, 110, 253, .25); flex-shrink:0;}
.timeline-item div {flex:1; background:#fff; padding:30px; border-radius:28px; box-shadow:0 18px 45px rgba(0,0,0,.06); border:1px solid #edf2f7; transition:.4s; position:relative; overflow:hidden;}
.timeline-item div:hover {transform:translateY(-6px); box-shadow:0 22px 55px rgba(0,0,0,.1);}
.timeline-item div::before {content:''; position:absolute; top:0; left:0; width:100%; height:5px; background:linear-gradient(90deg,#0d6efd,#69b7ff);}
.timeline-item h5 {font-size:26px; font-weight:800; color:#0d1b2a; margin-bottom:14px;}
.timeline-item p {font-size:16px; line-height:1.9; color:#667085; margin:0;}

@media(max-width:768px) {
.section-title {font-size:34px;}
.timeline {padding-left:0;}
.timeline::before {left:24px;}
.timeline-item {gap:18px; margin-bottom:28px; align-items:flex-start;}
.timeline-item span {min-width:48px; width:48px; height:48px; font-size:18px;}
.timeline-item div {padding:22px 20px; border-radius:22px;}
.timeline-item h5 {font-size:20px; margin-bottom:10px;}
.timeline-item p {font-size:14px; line-height:1.8;}
}

@media(max-width:576px) {
.section-title {font-size:28px; line-height:1.3;}
.timeline::before {left:22px;}
.timeline-item {gap:15px;}
.timeline-item span {min-width:44px; width:44px; height:44px; font-size:16px;}
.timeline-item div {padding:18px;}
.timeline-item h5 {font-size:18px;}
.timeline-item p {font-size:13px;}
}

.table-responsive {border-radius:28px; overflow-x:auto; background:#fff; box-shadow:0 15px 50px rgba(0,0,0,.06); border:1px solid #edf2f7;}
.comparison-table {min-width:850px; margin:0; border-collapse:separate; border-spacing:0; background:#fff;}
.comparison-table thead th {background:linear-gradient(135deg,#071c2f,#0d3b66); color:#fff; padding:22px 24px; font-size:18px; font-weight:700; border:none; white-space:nowrap; vertical-align:middle;}
.comparison-table thead th:first-child {border-top-left-radius:24px;}
.comparison-table thead th:last-child {border-top-right-radius:24px;}
.comparison-table tbody td {padding:22px 24px; font-size:16px; vertical-align:middle; border-bottom:1px solid #edf2f7; white-space:nowrap;}
.comparison-table tbody tr {transition:.3s;}
.comparison-table tbody tr:hover {background:#f8fbff;}
.comparison-table tbody td:first-child {font-weight:700; color:#0d1b2a; background:#fbfdff;}
.good-badge {display:inline-flex; align-items:center; gap:8px; padding:10px 16px; border-radius:100px; background:linear-gradient(135deg,#e7fff2,#d5fbea); color:#00a86b; font-weight:700; font-size:14px; white-space:nowrap; border:1px solid #c6f3dc;}
.table-responsive::-webkit-scrollbar {height:8px;}
.table-responsive::-webkit-scrollbar-thumb {background:#cfd8e3; border-radius:20px;}

@media(max-width:768px) {
.comparison-table {min-width:700px;}
.comparison-table thead th {font-size:15px; padding:18px 16px;}
.comparison-table tbody td {font-size:14px; padding:18px 16px;}
.good-badge {font-size:13px; padding:8px 14px;}
}

@media(max-width:768px) {
.footer-section, .footer-section p, .footer-section h5, .footer-section ul, .footer-section li, .footer-section a, .footer-about, .footer-widget, .footer-brand, .contact-info, .footer-bottom, .footer-bottom-links {text-align:left !important;}
.footer-social {justify-content:flex-start !important;}
.footer-mini-contact div, .contact-info li {justify-content:flex-start; align-items:flex-start;}
.footer-bottom .text-md-end {text-align:left !important;}
.footer-bottom-links {justify-content:flex-start !important; flex-wrap:wrap; gap:12px;}
.footer-widget ul {padding-left:0;}
.tae-page2 .tae-hero::after { display:none;}
.dr-about-badge { position:absolute; right:5px; bottom:5px; padding:6px 6px; border-radius:30px; font-weight:600; font-size:14px !important;}
}