[data-section="section-fb-social-icons-1"] .footer-social-inner-wrap{
  text-align: center;
}
/*Meet our team*/
	.meet-our-team h2{
		text-align: center;
  		color: #0053a1;
	}
  .author-v1 {
    display: flex;
    align-items: flex-start;
    gap: 28px;
    background: #ffffff;
    border-left: 5px solid #1e5fa8;
    border-radius: 4px;
    padding: 32px 36px;
    box-shadow: 0 2px 16px rgba(26,58,92,0.10);
  }
  .author-v1 .av1-avatar {
    width: 88px;
    height: 88px;
    border-radius: 50%;
    background: linear-gradient(135deg, #1a3a5c, #2970c0);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 30px;
    font-weight: 700;
    flex-shrink: 0;
    letter-spacing: -1px;
  }
  .meet-our-team .author-v1 .av1-about-page{
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-size: 13px;
    font-weight: 600;
    color: #1e5fa8;
    text-decoration: none;
    padding: 6px 14px;
    border: 1.5px solid #1e5fa8;
    border-radius: 3px;
    transition: all 0.2s;
    margin-top: 15px;
  }
  .meet-our-team .author-v1 .av1-about-page:hover{
    background: #1e5fa8;
    color: white;
  }
  .author-v1 .av1-body {}
  .author-v1 .av1-meta { display: flex; align-items: center; gap: 12px; margin-bottom: 10px; }
  .author-v1 .av1-label {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    color: #1e5fa8;
  }
  .author-v1 .av1-divider { width: 1px; height: 14px; background: var(--cs-silver); }
  .author-v1 .av1-name {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 12px;
  }
  .author-v1 .av1-name h3{
    color: #1a3a5c;
  }
  .author-v1 .av1-linkedin:hover { background: #1e5fa8; color: white; }
  .author-v1 .av1-linkedin svg { width: 14px; height: 14px; fill: currentColor; }
/*Meet our team*/

/*Comprehensive section design*/
#more-treatments .wrap{
	margin:0 auto;
  	padding:32px;
}
#more-treatments .grid-section{
  padding:112px 0;
}
#more-treatments .s-header{
  margin-bottom:64px;
  text-align:center;
}
#more-treatments .eyebrow{
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-size:11px;
  font-weight:700;
  letter-spacing:2.5px;
  text-transform:uppercase;
  color:#0F4C9A;
  margin-bottom:14px;
}
#more-treatments .eyebrow::before{
  content:'';
  width:24px;
  height:2px;
  background:#B8750A;
  border-radius:2px;
}
#more-treatments .t-h2{
  font-weight:700;
  color:#0053a1;
  line-height:1.2;
  margin-bottom:20px;
}
#more-treatments h4{
	color: #1a3a5c;
    margin-top: 15px;
    margin-bottom: 15px !important;
}
#more-treatments .t-lead{
  font-size:17px;
  color:rgba(8,23,46,.60);
  line-height:1.85;
  margin:0 auto;
}
#more-treatments .tx-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
}
.Knee-Preservation#more-treatments .tx-grid{
  grid-template-columns:repeat(2,1fr);
}

#more-treatments .tg{
  background:#fff;
  border-radius:32px;
  border:1.5px solid rgba(8,23,46,.12);
  padding:36px 30px;
  transition:.3s ease;
  position:relative;
  overflow:hidden;
}
#more-treatments .tg::before{
  content:'';
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:4px;
  transform:scaleX(0);
  transform-origin:left;
  transition:.3s ease;
}
#more-treatments .tg:hover{
  transform:translateY(-6px);
  box-shadow:0 8px 40px rgba(8,23,46,.10);
}
#more-treatments .tg:hover::before{
  transform:scaleX(1);
}
#more-treatments .tg-icon{
  width:52px;
  height:52px;
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:22px;
  margin-bottom:22px;
}
#more-treatments .tg-name h3{
  font-size:22px;
  line-height:1.3;
  color:#1a3a5c;
  margin-bottom:16px;
}
#more-treatments .tg-body{
  font-size:15px;
  color:rgba(8,23,46,.60);
  line-height:1.9;
}
#more-treatments .tg-blue::before{background:#0F4C9A;}
#more-treatments .tg-blue .tg-icon{
  background:rgba(15,76,154,.1);
  color:#0F4C9A;
}
#more-treatments .tg-teal::before{background:#0A7A7A;}
#more-treatments .tg-teal .tg-icon{
  background:#E0F4F4;
  color:#0A7A7A;
}
#more-treatments .tg-coral::before{background:#C63B2F;}
#more-treatments .tg-coral .tg-icon{
  background:#FDECEB;
  color:#C63B2F;
}
#more-treatments .tg-gold::before{background:#B8750A;}
#more-treatments .tg-gold .tg-icon{
  background:#FDF3E3;
  color:#B8750A;
}
#more-treatments .tg-purple::before{background:#5B2D8E;}
#more-treatments .tg-purple .tg-icon{
  background:#F0EAF9;
  color:#5B2D8E;
}
#more-treatments .tg-mint::before{background:#0E8A5A;}
#more-treatments .tg-mint .tg-icon{
  background:#E4F5EE;
  color:#0E8A5A;
}
#more-treatments .r{
  transform:translateY(30px);
  transition:.7s ease;
}
#more-treatments .r.v{
  opacity:1;
  transform:none;
}
#more-treatments .d1{transition-delay:.1s;}
#more-treatments .d2{transition-delay:.2s; grid-column: span 2;}
#more-treatments .d3{transition-delay:.3s;}
#more-treatments .d4{transition-delay:.4s;}
#more-treatments .d5{transition-delay:.5s;}
#more-treatments .d6{transition-delay:.6s;}
@media(max-width:1080px){
  #more-treatments .tx-grid{
        grid-template-columns:1fr;
  }
  #more-treatments .d2{
  	grid-column: auto;
  }
  .Knee-Preservation#more-treatments .d2{
    grid-column: span 2;
  }
}
@media(max-width:768px){
  #more-treatments .wrap{
    padding:0 20px;
  }
  #more-treatments .tg{
    padding:28px 22px;
  }
  #more-treatments .t-h2{
    font-size:30px;
  }
  .Knee-Preservation#more-treatments .d2{
    grid-column: auto;
  }
  .Knee-Preservation#more-treatments .tx-grid{
    grid-template-columns:1fr;
  }
  .meet-our-team h2{
      font-size: 30px;
  }
  .author-v1 .av1-name h3 , #more-treatments .tg-name h3{
      font-size: 20px;
  }
  .author-v1{
      padding: 15px 15px;
  }
  p.av1-bio , #more-treatments .tg-body{
    font-size: 14px;
}
}
/*Comprehensive section design*/

/* Arthroscopic section design #joint-procedures */
#joint-procedures {
  --primary-color: #0f2d59;     /* Deep Trustworthy Navy */
  --secondary-color: #00a896;   /* Advanced Medical Teal */
  --text-dark: #2d3748;         /* Highly readable charcoal dark text */
  --text-muted: #627d98;        /* Soft gray-blue for secondary text */
  --bg-light: #f8fafc;          /* Premium soft background */
  --white: #ffffff;
  --transition: all 0.3s ease;
  
  padding: 80px 20px;
  background-color: var(--bg-light);
}

#joint-procedures .container {
  margin: 0 auto;
}

#joint-procedures .section-header {
  text-align: center;
  margin: 0 auto 60px auto;
}

#joint-procedures .badge {
  background-color: rgba(0, 168, 150, 0.1);
  color: var(--secondary-color);
  padding: 6px 16px;
  border-radius: 50px;
  font-size: 0.85rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  display: inline-block;
  margin-bottom: 16px;
}

#joint-procedures .section-title {
  color: #0053a1;
  font-weight: 700;
  margin-bottom: 20px;
  line-height: 1.2;
}

#joint-procedures .section-subtitle {
  color: var(--text-muted);
  font-size: 17px;
  line-height: 1.7;
}

/* Three Column UI Grid */
#joint-procedures .procedures-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 30px;
}

/* Premium Card Design */
#joint-procedures .procedure-card {
  background: var(--white);
  border-radius: 16px;
  padding: 40px 30px;
  box-shadow: 0 4px 20px rgba(15, 45, 89, 0.04);
  border: 1px solid rgba(15, 45, 89, 0.04);
  transition: var(--transition);
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
}

#joint-procedures .procedure-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 30px rgba(15, 45, 89, 0.08);
  border-color: rgba(0, 168, 150, 0.2);
}

#joint-procedures .procedure-card.high-light {
  border-left: 4px solid var(--secondary-color);
}

#joint-procedures .specialty-tag {
  font-size: 0.75rem;
  color: var(--secondary-color);
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 8px;
  display: block;
}

#joint-procedures .card-icon-wrapper {
  width: 60px;
  height: 60px;
  background-color: rgba(15, 45, 89, 0.03);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 24px;
  transition: var(--transition);
}

#joint-procedures .procedure-card:hover .card-icon-wrapper {
  background-color: var(--secondary-color);
}

#joint-procedures .card-icon {
  width: 30px;
  height: 30px;
  stroke: var(--primary-color);
  transition: var(--transition);
}

#joint-procedures .procedure-card:hover .card-icon {
  stroke: var(--white);
}

#joint-procedures .card-title {
  color: #1a3a5c;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 16px;
  line-height: 1.4;
}

#joint-procedures .card-text {
  color: var(--text-dark);
  font-size: 14px;
  line-height: 1.6;
  margin-bottom: 24px;
  flex-grow: 1; /* Aligns buttons perfectly at the bottom */
}

#joint-procedures .card-link {
  color: var(--secondary-color);
  text-decoration: none;
  font-weight: 600;
  font-size: 0.95rem;
  display: inline-flex;
  align-items: center;
}

#joint-procedures .card-link .arrow {
  margin-left: 6px;
  transition: var(--transition);
}

#joint-procedures .card-link:hover .arrow {
  transform: translateX(5px);
}

/* Mobile Responsive Adjustments */
@media (max-width: 768px) {
  #joint-procedures {
    padding: 50px 15px;
  }
  #joint-procedures .section-title {
    font-size: 30px;
  }
  #joint-procedures .procedure-card {
    padding: 30px 20px;
  }
  #joint-procedures .card-title{
    font-size: 19px;  
  }
}

/*Why Choose Axcura*/
/* ALL STYLES SCOPED VIA PARENT ELEMENT ID TO PREVENT OVERLAPS WITH MAGENTO THEMES */
#axcura-section-root.axcura-why-choose-section {
  color: #2d3748;
  background-color: #f7fafc;
  padding: 60px 0;
  box-sizing: border-box;
}

#axcura-section-root .axcura-container {
  max-width: 1600px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box;
}

#axcura-section-root .axcura-hero-split {
  display: flex;
  align-items: center;
  gap: 50px;
  margin-bottom: 30px;
}

#axcura-section-root .axcura-hero-text {
  flex: 1.2;
}

#axcura-section-root .axcura-badge {
  background-color: #ebf8ff;
  color: #2b6cb0;
  padding: 6px 16px;
  font-size: 0.85rem;
  font-weight: 700;
  border-radius: 50px;
  text-transform: uppercase;
  letter-spacing: 1px;
  display: inline-block;
  margin-bottom: 15px;
}

#axcura-section-root .axcura-main-title {
  font-size: 30px;
  color: #1a202c;
  line-height: 1.25;
  margin-top: 0;
  margin-bottom: 20px;
  font-weight: 800;
}

#axcura-section-root .axcura-main-title .text-highlight {
  color: #0053a1;
}

#axcura-section-root .axcura-lead-paragraph {
  font-size: 17px;
  line-height: 1.7;
  color: #4a5568;
  margin: 0;
}

/* IMAGE CONTAINER DESIGN */
#axcura-section-root .axcura-hero-image-wrapper {
  flex: 0.8;
  position: relative;
  max-width: 440px;
}

#axcura-section-root .axcura-team-img {
  width: 100%;
  height: auto;
  border-radius: 12px;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.08), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  object-fit: cover;
  display: block;
}

#axcura-section-root .experience-overlay {
  position: absolute;
  bottom: -50px;
  left: -20px;
  background: #2b6cb0;
  color: #fff;
  padding: 12px 20px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  gap: 10px;
  box-shadow: 0 10px 15px -3px rgba(43, 108, 176, 0.3);
}

#axcura-section-root .exp-number {
  font-size: 1.8rem;
  font-weight: 800;
  line-height: 1;
}

#axcura-section-root .exp-text {
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.5px;
}

/* PREMIUM UL/LI CARD LIST DESIGN */
#axcura-section-root .axcura-list-wrapper {
  background: #fff;
  border: 1px solid #edf2f7;
  border-radius: 12px;
  padding: 40px;
  box-shadow: 0 4px 6px -1px rgba(0,0,0,0.02);
  margin-bottom: 45px;
}

#axcura-section-root ul.axcura-features-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(45%, 1fr));
  gap: 20px 40px;
}

#axcura-section-root ul.axcura-features-list li {
  font-size: 1rem;
  line-height: 1.5;
  color: #4a5568;
  position: relative;
  padding-left: 32px;
  transition: transform 0.2s ease;
}

#axcura-section-root ul.axcura-features-list li:hover {
  transform: translateX(3px);
  color: #1a202c;
}

/* Custom Dynamic Teal/Blue Checklist Indicators */
#axcura-section-root ul.axcura-features-list li::before {
  content: "";
  position: absolute;
  left: 2px;
  top: 4px;
  width: 16px;
  height: 16px;
  background-color: #ebf8ff;
  border: 2px solid #3182ce;
  border-radius: 50%;
}

#axcura-section-root ul.axcura-features-list li::after {
  content: "";
  position: absolute;
  left: 8px;
  top: 8px;
  width: 4px;
  height: 6px;
  border: solid #3182ce;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

/* WARNING BOX STRUCTURE */
#axcura-section-root .axcura-warning-box {
  background: #fffdfa;
  border: 1px solid #feebc8;
  border-left: 5px solid #dd6b20;
  padding: 35px;
  border-radius: 8px;
  box-shadow: 0 10px 15px -3px rgba(0,0,0,0.01);
  box-sizing: border-box;
}

#axcura-section-root .warning-header {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 15px;
}

#axcura-section-root .warning-pulse-icon {
  background: #feebc8;
  color: #dd6b20;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 1.1rem;
}

#axcura-section-root .warning-header h3 {
  margin: 0;
  font-size: 1.4rem;
  color: #2d3748;
}

#axcura-section-root .warning-header h3 span {
  color: #dd6b20;
  font-weight: 700;
}

#axcura-section-root .warning-intro {
  color: #4a5568;
  line-height: 1.65;
  font-size: 1rem;
  margin: 0 0 20px 0;
}

#axcura-section-root .warning-footer-note {
  border-top: 1px solid #feebc8;
  padding-top: 20px;
  text-align: right;
}

#axcura-section-root .axcura-cta-btn {
  background: #dd6b20;
  color: white;
  text-decoration: none;
  padding: 12px 28px;
  font-weight: bold;
  font-size: 0.95rem;
  border-radius: 6px;
  white-space: nowrap;
  transition: background 0.2s;
  display: inline-block;
}

#axcura-section-root .axcura-cta-btn:hover {
  background: #c05621;
}

/* RESPONSIVE LAYOUT BREAKPOINTS */
@media(max-width: 992px) {
  #axcura-section-root .axcura-hero-split {
    flex-direction: column;
    align-items: stretch;
    gap: 30px;
  }
  #axcura-section-root .axcura-hero-image-wrapper {
    max-width: 100%;
    margin: 15px auto 0 auto;
  }
  #axcura-section-root ul.axcura-features-list {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  #axcura-section-root .axcura-list-wrapper {
    padding: 25px;
  }
  #axcura-section-root .warning-footer-note {
    text-align: left;
  }
  #axcura-section-root .axcura-cta-btn {
    width: 100%;
    text-align: center;
    box-sizing: border-box;
  }
}
/*Why Choose Axcura*/

/*axcura-success-stories*/
#axcura-success-stories{
    position:relative;
    overflow:hidden;
    padding:120px 20px;
    background:#f5f9fc;
}

#axcura-success-stories *{
    box-sizing:border-box;
}

#axcura-success-stories .axcura-success-stories__shape{
    position:absolute;
    top:-150px;
    right:-100px;
    width:450px;
    height:450px;
    background:linear-gradient(135deg,#0b6ea8,#27b3df);
    border-radius:50%;
    opacity:.08;
}

#axcura-success-stories .axcura-success-stories__container{
    margin:0 auto;
    position:relative;
    z-index:2;
}

#axcura-success-stories .axcura-success-stories__top{
    display:grid;
    grid-template-columns:1.1fr .9fr;
    gap:70px;
    align-items:center;
    margin-bottom:90px;
}

#axcura-success-stories .axcura-success-stories__tag{
    display:inline-flex;
    align-items:center;
    padding:10px 18px;
    border-radius:50px;
    background:#e5f5fb;
    color:#0b6ea8;
    font-size:14px;
    font-weight:600;
    margin-bottom:24px;
}

#axcura-success-stories .axcura-success-stories__title{
    font-size:52px;
    line-height:1.15;
    font-weight:700;
    color:#0053a1;
    margin:0 0 28px;
    letter-spacing:-1px;
}

#axcura-success-stories .axcura-success-stories__description{
    font-size:18px;
    line-height:1.9;
    color:#526071;
    margin:0;
}

#axcura-success-stories .axcura-success-stories__stats{
    display:flex;
    gap:18px;
    flex-wrap:wrap;
    margin-top:40px;
}

#axcura-success-stories .axcura-success-stories__stat-card{
    background:#ffffff;
    padding:22px 28px;
    border-radius:20px;
    box-shadow:0 15px 40px rgba(15,23,42,.08);
    min-width:160px;
    transition:.4s ease;
}

#axcura-success-stories .axcura-success-stories__stat-card:hover{
    transform:translateY(-8px);
}

#axcura-success-stories .axcura-success-stories__stat-card h4{
    margin:0 0 8px;
    font-size:32px;
    color:#0b6ea8;
    font-weight:700;
}

#axcura-success-stories .axcura-success-stories__stat-card p{
    margin:0;
    color:#667085;
    font-size:15px;
}

#axcura-success-stories .axcura-success-stories__image-wrapper{
    position:relative;
}

#axcura-success-stories .axcura-success-stories__image-box{
    position:relative;
    border-radius:32px;
    overflow:hidden;
    box-shadow:0 25px 70px rgba(0,0,0,.12);
}

#axcura-success-stories .axcura-success-stories__image-box::before{
    content:'';
    position:absolute;
    inset:0;
    background:linear-gradient(to top,rgba(0,0,0,.25),transparent);
    z-index:1;
}

#axcura-success-stories .axcura-success-stories__image{
    width:100%;
    display:block;
    height:100%;
    object-fit:cover;
    transform:scale(1.02);
}

#axcura-success-stories .axcura-success-stories__floating-card{
    position:absolute;
    bottom:30px;
    left:-30px;
    background:#ffffff;
    padding:20px 28px;
    border-radius:18px;
    box-shadow:0 20px 50px rgba(0,0,0,.12);
    font-weight:600;
    color:#0f172a;
}

#axcura-success-stories .axcura-success-stories__testimonial-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:28px;
}

#axcura-success-stories .axcura-success-stories__testimonial-card{
    position:relative;
    background:#ffffff;
    border-radius:28px;
    padding:40px 34px;
    box-shadow:0 18px 50px rgba(15,23,42,.08);
    transition:.4s ease;
}

#axcura-success-stories .axcura-success-stories__testimonial-card:hover{
    transform:translateY(-12px);
}

#axcura-success-stories .axcura-success-stories__testimonial-card--featured{
    background:linear-gradient(135deg,#0b6ea8,#0f8fc5);
}

#axcura-success-stories .axcura-success-stories__testimonial-card--featured .axcura-success-stories__card-title,
#axcura-success-stories .axcura-success-stories__testimonial-card--featured .axcura-success-stories__card-subtitle,
#axcura-success-stories .axcura-success-stories__testimonial-card--featured .axcura-success-stories__card-text,
#axcura-success-stories .axcura-success-stories__testimonial-card--featured .axcura-success-stories__patient h5,
#axcura-success-stories .axcura-success-stories__testimonial-card--featured .axcura-success-stories__patient span{
    color:#ffffff;
}

#axcura-success-stories .axcura-success-stories__icon{
    width:72px;
    height:72px;
    border-radius:20px;
    background:#edf7fd;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:30px;
    margin-bottom:28px;
}

#axcura-success-stories .axcura-success-stories__testimonial-card--featured .axcura-success-stories__icon{
    background:rgba(255,255,255,.15);
}

#axcura-success-stories .axcura-success-stories__card-title{
    font-size:28px;
    line-height:1.3;
    color:#0f172a;
    margin:0 0 14px;
    font-weight:700;
}

#axcura-success-stories .axcura-success-stories__card-subtitle{
    display:block;
    margin-bottom:22px;
    color:#0b6ea8;
    font-size:15px;
    font-weight:600;
}

#axcura-success-stories .axcura-success-stories__card-text{
    margin:0;
    color:#5b6675;
    font-size:16px;
    line-height:1.9;
}

#axcura-success-stories .axcura-success-stories__patient{
    display:flex;
    align-items:center;
    gap:16px;
    margin-top:32px;
    padding-top:24px;
    border-top:1px solid rgba(15,23,42,.08);
}

#axcura-success-stories .axcura-success-stories__testimonial-card--featured .axcura-success-stories__patient{
    border-color:rgba(255,255,255,.2);
}

#axcura-success-stories .axcura-success-stories__patient-avatar{
    width:52px;
    height:52px;
    border-radius:50%;
    background:#0b6ea8;
    color:#ffffff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:700;
}

#axcura-success-stories .axcura-success-stories__testimonial-card--featured .axcura-success-stories__patient-avatar{
    background:#ffffff;
    color:#0b6ea8;
}

#axcura-success-stories .axcura-success-stories__patient h5{
    margin:0 0 4px;
    font-size:16px;
    color:#0f172a;
}

#axcura-success-stories .axcura-success-stories__patient span{
    font-size:14px;
    color:#7b8794;
}

@media(max-width:1100px){

    #axcura-success-stories .axcura-success-stories__top{
        grid-template-columns:1fr;
    }

    #axcura-success-stories .axcura-success-stories__testimonial-grid{
        grid-template-columns:1fr;
    }

    #axcura-success-stories .axcura-success-stories__title{
        font-size:42px;
    }

    #axcura-success-stories .axcura-success-stories__floating-card{
        left:20px;
        bottom:20px;
    }
}

@media(max-width:767px){

    #axcura-success-stories{
        padding:80px 16px;
    }

    #axcura-success-stories .axcura-success-stories__title{
        font-size:30px;
    }

    #axcura-success-stories .axcura-success-stories__description{
        font-size:17px;
    }

    #axcura-success-stories .axcura-success-stories__testimonial-card{
        padding:30px 24px;
    }

    #axcura-success-stories .axcura-success-stories__card-title{
        font-size:20px;
    }
    #axcura-success-stories .axcura-success-stories__card-text{
        font-size:14px;
    }
    
    #axcura-success-stories .axcura-success-stories__stats{
        flex-direction:column;
    }

    #axcura-success-stories .axcura-success-stories__stat-card{
        width:100%;
    }

    #axcura-success-stories .axcura-success-stories__floating-card{
        position:relative;
        left:0;
        bottom:0;
        margin-top:20px;
        width:100%;
    }
    #axcura-section-root .axcura-warning-box{
        padding: 15px;
    }
    #axcura-section-root .warning-pulse-icon{
        width: 100px;
    }
}
/*axcura-success-stories*/
/*Book Appointment Design*/
#appointment-booking {
  --primary: #0f2d59;       /* Deep Navy Blue for Authority */
  --secondary: #00a896;     /* Health Teal for CTAs */
  --accent-whatsapp: #25d366; /* Official WhatsApp Green */
  --text-dark: #2d3748;
  --text-light: #627d98;
  --bg-gradient: linear-gradient(180deg, #ffffff 0%, #f4f7fa 100%);
  --white: #ffffff;
  --radius: 16px;
  --transition: all 0.3s ease;
  padding: 30px 20px;
  background: var(--bg-gradient);
}

#appointment-booking .container {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 50px;
  align-items: center;
}

/* Left Content Column */
#appointment-booking .info-column {
  display: flex;
  flex-direction: column;
}

#appointment-booking .badge {
  background-color: rgba(0, 168, 150, 0.1);
  color: var(--secondary);
  padding: 6px 16px;
  border-radius: 50px;
  font-size: 0.85rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  display: inline-block;
  width: fit-content;
  margin-bottom: 20px;
}

#appointment-booking h2 {
  color: #0053a1;
  font-size: 2.3rem;
  font-weight: 700;
  line-height: 1.3;
  margin: 0 0 20px 0;
}

#appointment-booking p {
  color: var(--text-light);
  font-size: 1.05rem;
  line-height: 1.7;
  margin: 0 0 30px 0;
}

/* Regional Reach / Local Trust Section */
#appointment-booking .regions-box {
  background: rgba(15, 45, 89, 0.03);
  border-left: 4px solid var(--primary);
  padding: 24px;
  border-radius: 0 var(--radius) var(--radius) 0;
}

#appointment-booking h4 {
  color: var(--primary);
  font-size: 1.1rem;
  font-weight: 600;
  margin: 0 0 10px 0;
}

#appointment-booking .regions-box p {
  font-size: 0.95rem;
  margin: 0;
  color: var(--text-dark);
}

/* Right Column: Premium Booking Action Card */
#appointment-booking .booking-card {
  background: var(--white);
  border-radius: var(--radius);
  padding: 40px;
  box-shadow: 0 15px 40px rgba(15, 45, 89, 0.06);
  border: 1px solid rgba(15, 45, 89, 0.05);
}

#appointment-booking h3 {
  color: var(--primary);
  font-size: 1.5rem;
  font-weight: 700;
  margin: 0 0 12px 0;
}

#appointment-booking .card-intro {
  font-size: 0.95rem;
  color: var(--text-light);
  margin-bottom: 25px;
}

/* Doctor Meta Pills */
#appointment-booking .doctor-pills {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 30px;
}

#appointment-booking .pill {
  background: #f0f4f8;
  color: var(--primary);
  font-size: 0.85rem;
  font-weight: 600;
  padding: 6px 14px;
  border-radius: 30px;
}

/* Dynamic Action Buttons */
#appointment-booking .action-buttons {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

#appointment-booking .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 16px;
  border-radius: 10px;
  font-weight: 600;
  font-size: 1.05rem;
  text-decoration: none;
  transition: var(--transition);
}

#appointment-booking .btn-call {
  background-color: var(--secondary);
  color: var(--white);
}

#appointment-booking .btn-call:hover {
  background-color: #008f80;
  transform: translateY(-2px);
}

#appointment-booking .btn-whatsapp {
  background-color: var(--accent-whatsapp);
  color: var(--white);
}

#appointment-booking .btn-whatsapp:hover {
  background-color: #20ba5a;
  transform: translateY(-2px);
}

/* Location Link Line */
#appointment-booking .location-footer {
  margin-top: 25px;
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 0.9rem;
  color: var(--text-dark);
  line-height: 1.5;
}

#appointment-booking .location-footer svg {
  flex-shrink: 0;
  margin-top: 2px;
}

#appointment-booking .location-footer a {
  color: var(--primary);
  font-weight: 600;
  text-decoration: underline;
}

/* Notice Footer inside card */
#appointment-booking .notice-text {
  font-size: 0.8rem;
  color: var(--text-light);
  text-align: center;
  margin-top: 20px;
  display: block;
}

/* Responsive UI Engine */
@media (max-width: 992px) {
  #appointment-booking .container {
    grid-template-columns: 1fr;
    gap: 40px;
  }
}

@media (max-width: 576px) {
  #appointment-booking {
    padding: 50px 15px;
  }
  #appointment-booking h2 {
    font-size: 1.8rem;
  }
  #appointment-booking .booking-card {
    padding: 25px 20px;
  }
}
/*Book Appointment Design*/
/*About-us*/
/* Scoped Layout Module under #specialist-services */
#specialist-services {
  --navy: #0f2d59;
  --teal: #00a896;
  --text-main: #2d3748;
  --text-sub: #627d98;
  --card-bg: #ffffff;
  --sec-bg: #f8fafc;
  --radius: 20px;
  --transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);

  padding: 80px 20px;
  background-color: var(--sec-bg);
}

#specialist-services .container {
  margin: 0 auto;
}

/* Section Main Header */
#specialist-services .section-header {
  text-align: center;
  margin: 0 auto 60px auto;
}

#specialist-services .section-header h2 {
  color: #0053a1;
  font-size: 2.4rem;
  font-weight: 700;
  margin-bottom: 16px;
  line-height: 1.3;
}

#specialist-services .section-header p {
  color: var(--text-sub);
  font-size: 1.05rem;
  line-height: 1.6;
}

/* Two Column Doctor Profile Layout */
#specialist-services .doctors-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  align-items: start;
}

/* Doctor Card Base */
#specialist-services .doctor-profile-card {
  background: var(--card-bg);
  border-radius: var(--radius);
  box-shadow: 0 10px 30px rgba(15, 45, 89, 0.04);
  border: 1px solid rgba(15, 45, 89, 0.05);
  padding: 40px;
  transition: var(--transition);
}

#specialist-services .doctor-profile-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 20px 40px rgba(15, 45, 89, 0.08);
}

/* Profile Visual Bio Block */
#specialist-services .bio-header {
  display: flex;
  align-items: center;
  gap: 24px;
  margin-bottom: 35px;
  border-bottom: 1px solid #edf2f7;
  padding-bottom: 25px;
}

#specialist-services .doctor-image-frame {
  width: 110px;
  height: 110px;
  border-radius: 50%;
  overflow: hidden;
  border: 3px solid #edf2f7;
  flex-shrink: 0;
  box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}

#specialist-services .doctor-image-frame img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  /* Centering faces nicely based on the photos provided */
  object-position: center top; 
}

#specialist-services .bio-text h3 {
  color: #1a3a5c;
  font-size: 1.5rem;
  font-weight: 700;
  margin: 0 0 6px 0;
}

#specialist-services .specialty-tag {
  color: #2b6cb0;
  font-size: 0.9rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* Services Grid Architecture */
#specialist-services .services-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

#specialist-services .service-link-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 20px;
  background-color: #f8fafc;
  border-radius: 10px;
  text-decoration: none;
  color: var(--text-main);
  font-weight: 500;
  font-size: 0.95rem;
  border: 1px solid transparent;
  transition: var(--transition);
}

#specialist-services .service-link-item:hover {
  background-color: #ffffff;
  border-color: rgba(0, 168, 150, 0.3);
  color: var(--teal);
  padding-left: 24px; /* subtle shift on hover */
}

#specialist-services .service-link-item svg {
  stroke: var(--text-sub);
  transition: var(--transition);
}

#specialist-services .service-link-item:hover svg {
  stroke: var(--teal);
  transform: translateX(3px);
}

/* Responsive Breakpoints */
@media (max-width: 992px) {
  #specialist-services .doctors-wrapper {
    grid-template-columns: 1fr;
    gap: 30px;
  }
}

@media (max-width: 576px) {
  #specialist-services {
    padding: 50px 15px;
  }
  #specialist-services .section-header h2 {
    font-size: 1.8rem;
  }
  #specialist-services .bio-header {
    flex-direction: column;
    text-align: center;
    gap: 15px;
  }
  #specialist-services .doctor-profile-card {
    padding: 25px 20px;
  }
}
/*About-us*/


    #axcura-doctors {
      padding: 60px 20px;
      background: #f5f7fa;
      box-sizing: border-box;
    }

    #axcura-doctors *,
    #axcura-doctors *::before,
    #axcura-doctors *::after {
      box-sizing: border-box;
    }

    #axcura-doctors .ad-header {
      text-align: center;
      margin-bottom: 48px;
    }

    #axcura-doctors .ad-pill {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      background: #dbeafe;
      color: #1d4ed8;
      font-size: 11px;
      font-weight: 600;
      padding: 5px 16px;
      border-radius: 20px;
      letter-spacing: 0.07em;
      text-transform: uppercase;
      margin-bottom: 14px;
    }

    #axcura-doctors .ad-title {
      font-size: 32px;
      font-weight: 700;
      color: #0053a1;
      margin: 0 0 8px;
      letter-spacing: -0.5px;
    }

    #axcura-doctors .ad-subtitle {
      font-size: 15px;
      color: #64748b;
      margin: 0;
    }

    #axcura-doctors .ad-card {
      background: #ffffff;
      border: 1px solid #e2e8f0;
      border-radius: 16px;
      overflow: scroll;
      max-width: 1600px;
      margin: 0 auto 32px auto;
      display: flex;
      align-items: stretch;
      transition: border-color 0.2s ease;
    }

    #axcura-doctors .ad-card.teal-card:hover {
      border-color: #5eead4;
    }

    #axcura-doctors .ad-card.blue-card:hover {
      border-color: #93c5fd;
    }

    #axcura-doctors .ad-photo-col {
      width: 500px;
      flex-shrink: 0;
      overflow: hidden;
    }

    #axcura-doctors .ad-photo-col img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center top;
      display: block;
    }

    #axcura-doctors .ad-content-col {
      flex: 1;
      display: flex;
      flex-direction: column;
      min-width: 0;
    }

    #axcura-doctors .ad-info-row {
      padding: 28px 28px 20px;
      border-bottom: 1px solid #f1f5f9;
    }

    #axcura-doctors .ad-doctor-name h3{
      font-size: 30px;
      font-weight: 700;
      color: #1a3a5c;
      margin: 0 0 10px;
    }

    #axcura-doctors .ad-spec-badge {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      font-size: 12px;
      font-weight: 600;
      padding: 5px 14px;
      border-radius: 6px;
      margin-bottom: 10px;
    }

    #axcura-doctors .ad-spec-badge.teal {
      background: #ccfbf1;
      color: #0f766e;
    }

    #axcura-doctors .ad-spec-badge.blue {
      background: #dbeafe;
      color: #1d4ed8;
    }

    #axcura-doctors .ad-tags {
      font-size: 12px;
      color: #94a3b8;
      margin: 0 0 12px;
    }

    #axcura-doctors .ad-about {
      font-size: 20px;
      color: #475569;
      line-height: 1.65;
      margin: 0;
    }

    #axcura-doctors .ad-services-row {
      padding: 20px 28px 28px;
      flex: 1;
    }

    #axcura-doctors .ad-services-label {
      font-size: 10px;
      font-weight: 700;
      color: #94a3b8;
      text-transform: uppercase;
      letter-spacing: 0.09em;
      margin-bottom: 14px;
    }

    #axcura-doctors .ad-services-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 0;
    }

    #axcura-doctors .ad-service-link {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 10px 10px 10px 0;
      text-decoration: none;
      border-bottom: 1px solid #f1f5f9;
      transition: all 0.15s ease;
      gap: 6px;
    }

    #axcura-doctors .ad-service-link:nth-last-child(-n+2) {
      border-bottom: none;
    }

    #axcura-doctors .ad-service-link:hover {
      background: #f8fafc;
      border-radius: 6px;
      padding-left: 8px;
    }

    #axcura-doctors .ad-service-link:hover .ad-srv-name {
      color: #0f172a;
    }

    #axcura-doctors .ad-service-link:hover .ad-srv-arrow {
      transform: translateX(3px);
    }

    #axcura-doctors .ad-service-link.teal-link:hover .ad-srv-arrow {
      color: #0f766e;
    }

    #axcura-doctors .ad-service-link.blue-link:hover .ad-srv-arrow {
      color: #1d4ed8;
    }

    #axcura-doctors .ad-srv-left {
      display: flex;
      align-items: center;
      gap: 8px;
      min-width: 0;
    }

    #axcura-doctors .ad-srv-dot {
      width: 7px;
      height: 7px;
      border-radius: 50%;
      flex-shrink: 0;
    }

    #axcura-doctors .ad-srv-dot.teal {
      background: #14b8a6;
    }

    #axcura-doctors .ad-srv-dot.blue {
      background: #3b82f6;
    }

    #axcura-doctors .ad-srv-name {
      font-size: 18px;
      color: #334155;
      transition: color 0.15s;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }

    #axcura-doctors .ad-srv-arrow {
      font-size: 13px;
      color: #cbd5e1;
      flex-shrink: 0;
      transition: transform 0.15s ease, color 0.15s;
      display: inline-block;
    }

    /* Mobile */
    @media (max-width: 991px) {
      #axcura-doctors {
        padding: 40px 16px;
      }

      #axcura-doctors .ad-card {
        flex-direction: column;
      }

      #axcura-doctors .ad-photo-col {
        width: 100%;
        height: 400px;
      }

      #axcura-doctors .ad-photo-col img {
        height: 400px;
        object-position: center 15%;
      }

      #axcura-doctors .ad-title {
        font-size: 24px;
      }

      #axcura-doctors .ad-info-row {
        padding: 20px 20px 16px;
      }

      #axcura-doctors .ad-services-row {
        padding: 16px 20px 24px;
      }

      #axcura-doctors .ad-services-grid {
        grid-template-columns: 1fr;
      }

      #axcura-doctors .ad-srv-name {
        white-space: normal;
      }
    }
    /* Tablet */
    @media (max-width: 900px) {
      #axcura-doctors .ad-service-link:nth-last-child(-n+2) {
        border-bottom: 1px solid #f1f5f9;
      }

      #axcura-doctors .ad-service-link:last-child {
        border-bottom: none;
      }
    }


#axcura-banner {
    position: relative;
    width: 100%;
    height: 600px;
    background-color: #0b2240;
    /* Uses the doctors' photo as the background for the entire section */
    background-image: url('Axcura-Ortho-Doctors.jpeg');
    background-size: cover;
    background-position: center right;
    background-repeat: no-repeat;
    border-radius: 16px;
    overflow: hidden;
    display: flex;
    box-shadow: 0 20px 40px rgba(16, 48, 103, 0.2);
    margin: 0 auto;
}

/* 1. Blur Effect Layer on the Background */
#axcura-banner::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    background: rgba(11, 34, 64, 0.2); /* Soft tint over the room background */
    z-index: 1;
}

/* Decorative Dot Grid Matrix (Top Left) */
#axcura-banner .dot-matrix {
    position: absolute;
    top: 30px;
    left: 40px;
    width: 80px;
    height: 80px;
    background-image: radial-gradient(rgba(255, 255, 255, 0.25) 2px, transparent 2px);
    background-size: 14px 14px;
    z-index: 4;
    pointer-events: none;
}

/* 2. Deep Blue Left Arc Vector Shape (Frames the Text Area) */
#axcura-banner .left-curve-overlay {
    position: absolute;
    top: -10%;
    left: -20%;
    width: 75%;
    height: 120%;
    /* Creates the massive circular swoop cutting across the middle */
    background: radial-gradient(circle at 20% 50%, #0d2c5e 40%, #154185 75%, transparent 100%);
    border-radius: 50%;
    z-index: 2;
    pointer-events: none;
}

#axcura-banner .doctor-foreground-layer {
    position:absolute;
    top:0;
    right:0;
    width:50%;
    height:100%;
    background-image:url('/wp-content/uploads/2026/05/hero.jpeg');
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
    z-index:3;
    mask-image:linear-gradient(to right,transparent 0%,#000 35%);
    -webkit-mask-image:linear-gradient(to right,transparent 0%,#000 10%);
}

#axcura-banner .content-wrapper {
    position: relative;
    width: 55%;
    height: 100%;
    padding: 60px 0 60px 60px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 5; /* Forces text cleanly above all graphics */
    color: #ffffff;
    box-sizing: border-box;
}

#axcura-banner .content-wrapper h1 {
    font-size: 3.75rem;
    font-weight: 700;
    line-height: 1.25;
    margin-bottom: 20px;
    color: #ffffff;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
}

#axcura-banner .content-wrapper p {
    font-size: 0.95rem;
    line-height: 1.6;
    color: #f0f5fa;
    font-weight: 400;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
}

#axcura-banner .bottom-wave-container {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 160px;
    z-index: 6; /* Placed over text and doctors */
    pointer-events: none;
}

#axcura-banner .wave-layer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

#axcura-banner .wave-layer.base {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='%23133c75' fill-opacity='0.6' d='M0,256L120,240C240,224,480,192,720,202.7C960,213,1200,267,1320,293.3L1440,320L1440,320L1320,320C1200,320,960,320,720,320C480,320,240,320,120,320L0,320Z'%3E%3C/path%3E%3C/svg%3E");
}

#axcura-banner .wave-layer.primary {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='%231b54a3' d='M0,288L120,266.7C240,245,480,203,720,218.7C960,235,1200,309,1320,346.7L1440,384L1440,320L1320,320C1200,320,960,320,720,320C480,320,240,320,120,320L0,320Z'%3E%3C/path%3E%3C/svg%3E");
    bottom: -15px;
}

#axcura-banner .wave-layer.accent-line {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='none' stroke='%23ffffff' stroke-opacity='0.25' stroke-width='2' d='M0,240Q360,150,720,230T1440,190'%3E%3C/path%3E%3C/svg%3E");
    height: 120px;
    bottom: 25px;
}
#axcura-banner .doctor-foreground-layer{
    animation:doctorFloat 6s ease-in-out infinite;
}

@keyframes doctorFloat{

    0%{
        transform:translateY(0);
    }

    50%{
        transform:translateY(-8px);
    }

    100%{
        transform:translateY(0);
    }

}

#axcura-banner .content-wrapper{
    animation:contentFade 1s ease forwards;
}

@keyframes contentFade{

    from{
        opacity:0;
        transform:translateY(30px);
    }

    to{
        opacity:1;
        transform:translateY(0);
    }

}

#axcura-banner .wave-layer.primary{
    animation:waveMove 10s ease-in-out infinite;
}

@keyframes waveMove{

    0%{
        transform:translateX(0);
    }

    50%{
        transform:translateX(-20px);
    }

    100%{
        transform:translateX(0);
    }

}
@media (max-width:1700px){

    #axcura-banner{
        height:560px;
    }

    #axcura-banner .content-wrapper{
        width:58%;
    }

    #axcura-banner .content-wrapper h1{
        font-size:3.4rem;
    }

    #axcura-banner .doctor-foreground-layer{
        width:48%;
    }
}


@media (max-width:1600px){

    #axcura-banner{
        height:560px;
    }

    #axcura-banner .content-wrapper{
        width:58%;
        padding:50px;
    }

    #axcura-banner .content-wrapper h1{
        font-size:3.2rem;
    }

    #axcura-banner .doctor-foreground-layer{
        width:46%;
    }

}


@media (max-width:1400px){

    #axcura-banner{
        height:520px;
    }

    #axcura-banner .content-wrapper{
        width:60%;
        padding:45px;
    }

    #axcura-banner .content-wrapper h1{
        font-size:2.8rem;
    }

}


@media (max-width:1200px){

    #axcura-banner{
        height:480px;
    }

    #axcura-banner .content-wrapper{
        width:62%;
        padding:35px;
    }

    #axcura-banner .content-wrapper h1{
        font-size:2.3rem;
        line-height:1.2;
    }

    #axcura-banner .content-wrapper p{
        font-size:.85rem;
    }

}


@media (max-width:1024px){

    #axcura-banner{
        height:440px;
    }

    #axcura-banner .content-wrapper{
        width:60%;
        padding:30px;
    }

    #axcura-banner .content-wrapper h1{
        font-size:2rem;
    }

    #axcura-banner .content-wrapper p{
        font-size:.8rem;
        line-height:1.5;
    }

    #axcura-banner .doctor-foreground-layer{
        background-position:center center;
    }

}


@media (max-width:768px){
    #axcura-banner{
        height:380px;
    }

    #axcura-banner .content-wrapper{
        width:55%;
        padding:20px;
    }

    #axcura-banner .content-wrapper h1{
        font-size:20px;
        line-height:1.15;
        margin-bottom:10px;
    }

    #axcura-banner .content-wrapper p{
        font-size:16px;
        line-height:1.45;
    }

    #axcura-banner .doctor-foreground-layer{
        width: 78%;
    }
      #axcura-banner .content-wrapper {
         width: 30%;
         padding: 12px;
    }
    #axcura-banner .left-curve-overlay {
          width: 66%;
          left: -40%;
    }

    #axcura-banner .bottom-wave-container{
        height:90px;
    }
    #axcura-banner .dot-matrix {
        top: -35px;
        left: 450px;
    }
    .elementor-384 .elementor-element.elementor-element-7255a49{
        padding-left: 0px;
    }
    .elementor-384 .elementor-element.elementor-element-275a574 .hfe-infocard{
            text-align: left;
    }
}


@media (max-width:480px){

    #axcura-banner{
        height:340px;
        border-radius:12px;
    }

    #axcura-banner .content-wrapper{
        padding:15px;
    }

    #axcura-banner .content-wrapper h1{
        font-size:1rem;
        line-height:1.1;
    }

    #axcura-banner .content-wrapper p{
        font-size:.6rem;
        line-height:1.4;
    }
    
     #axcura-banner .dot-matrix {
        left: 350px;
    }
}


@media (max-width:375px){

    #axcura-banner{
        height:320px;
    }

    #axcura-banner .content-wrapper{
        padding:12px;
    }

    #axcura-banner .content-wrapper h1{
        font-size:.9rem;
        line-height:1.1;
    }

    #axcura-banner .content-wrapper p{
        font-size:.55rem;
        line-height:1.35;
    }
     #axcura-banner .dot-matrix {
        left: 250px;
    }

}
 /* ── Dr. Hardik Nayak Page Design ── */
.hero-section-wrapper {
  --navy: #0D1B3E;
  --navy-mid: #1A2F5E;
  --teal: #2BBFB3;
  --teal-light: #4ECDC4;
  --white: #FFFFFF;
  --radius: 16px;

  background: var(--white);
  overflow-x: hidden;
}

/* ── Hero Container ── */
.hero-section-wrapper .hero {
  min-height: 100vh;
  background: linear-gradient(135deg, var(--navy) 0%, var(--navy-mid) 55%, #0D3B4E 100%);
  display: grid; 
  grid-template-columns: 1fr 1fr;
  align-items: center;
  padding: 40px 40px 40px;
  position: relative; 
  overflow: hidden;
  box-sizing: border-box;
}

/* Glow Elements */
.hero-section-wrapper .hero::before {
  content: '';
  position: absolute; top: -100px; right: -100px;
  width: 600px; height: 600px; border-radius: 50%;
  background: radial-gradient(circle, rgba(43,191,179,0.12) 0%, transparent 70%);
  pointer-events: none;
}

.hero-section-wrapper .hero::after {
  content: '';
  position: absolute; bottom: -80px; left: 30%;
  width: 400px; height: 400px; border-radius: 50%;
  background: radial-gradient(circle, rgba(201,168,76,0.08) 0%, transparent 70%);
  pointer-events: none;
}

/* Typography & Content Elements */
.hero-section-wrapper .hero-badge {
  display: inline-flex; align-items: center; gap: 8px;
  background: rgba(43,191,179,0.15); border: 1px solid rgba(43,191,179,0.35);
  color: var(--teal); padding: 8px 18px; border-radius: 50px;
  font-size: 12px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase;
  margin-bottom: 28px;
  animation: heroFadeUp 0.6s ease both;
}

.hero-section-wrapper .hero-badge::before {
  content: ''; width: 6px; height: 6px; border-radius: 50%;
  background: var(--teal); animation: heroPulse 2s infinite;
}

.hero-section-wrapper .hero-subtitle {
  font-size: 15px; font-weight: 500; color: var(--teal);
  letter-spacing: 2px; text-transform: uppercase;
  margin-bottom: 16px;
  animation: heroFadeUp 0.6s 0.1s ease both;
}

.hero-section-wrapper .hero h1 {
  font-size: 48px;
  font-weight: 900; line-height: 1.08;
  color: var(--white);
  margin: 0 0 20px 0;
  animation: heroFadeUp 0.6s 0.2s ease both;
}

.hero-section-wrapper .hero h1 span { 
  color: var(--teal); 
}

.hero-section-wrapper .hero-desc {
  font-size: 16px; line-height: 1.75;
  color: rgba(255,255,255,0.65);
  margin: 0 0 40px 0;
  animation: heroFadeUp 0.6s 0.3s ease both;
}

/* Interactive Elements */
.hero-section-wrapper .hero-actions {
  display: flex; gap: 16px; align-items: center;
  animation: heroFadeUp 0.6s 0.4s ease both;
}

.hero-section-wrapper .btn-primary {
  background: var(--teal); color: var(--navy);
  padding: 14px 32px; border-radius: 50px;
  font-size: 15px; font-weight: 700; text-decoration: none;
  letter-spacing: 0.2px; transition: all 0.25s;
  box-shadow: 0 8px 30px rgba(43,191,179,0.4);
}

.hero-section-wrapper .btn-primary:hover { 
  transform: translateY(-2px); box-shadow: 0 12px 40px rgba(43,191,179,0.5); 
}

.hero-section-wrapper .btn-outline {
  border: 1.5px solid rgba(255,255,255,0.3); color: var(--white);
  padding: 14px 32px; border-radius: 50px;
  font-size: 15px; font-weight: 500; text-decoration: none;
  transition: all 0.25s;
}

.hero-section-wrapper .btn-outline:hover { 
  border-color: var(--teal); color: var(--teal); 
}

/* Counter Grid */
.hero-section-wrapper .hero-trust {
  display: flex; gap: 32px; margin-top: 52px;
  animation: heroFadeUp 0.6s 0.5s ease both;
}

.hero-section-wrapper .trust-item { 
  text-align: center; 
}

.hero-section-wrapper .trust-number {
  font-size: 36px; font-weight: 900; color: var(--white);
  line-height: 1;
}

.hero-section-wrapper .trust-number span { 
  color: var(--teal); 
}

.hero-section-wrapper .trust-label { 
  font-size: 12px; color: rgba(255,255,255,0.5); margin-top: 4px; letter-spacing: 0.5px; 
}

/* Visual Block & Interactive Card */
.hero-section-wrapper .hero-visual {
  position: relative; display: flex; justify-content: center; align-items: flex-end;
  animation: heroFadeIn 0.8s 0.3s ease both;
}

.hero-section-wrapper .doctor-card {
  background: linear-gradient(160deg, rgba(43,191,179,0.18) 0%, rgba(13,27,62,0.8) 100%);
  border: 1px solid rgba(43,191,179,0.25);
  border-radius: 28px;
  padding: 40px 36px;
  width: 100%; 
  max-width: 600px;
  position: relative;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  box-sizing: border-box;
}

.hero-section-wrapper .doc-avatar {
  width: 120px; height: 120px; border-radius: 50%;
  background: linear-gradient(135deg, var(--teal) 0%, var(--navy-mid) 100%);
  display: flex; align-items: center; justify-content: center;
  font-size: 42px; font-weight: 700; color: var(--white);
  margin: 0 auto 20px; border: 3px solid rgba(43,191,179,0.4);
  box-shadow: 0 0 40px rgba(43,191,179,0.25);
}

.hero-section-wrapper .doc-name {
  font-size: 26px; font-weight: 700; color: var(--white);
  text-align: center; margin-bottom: 6px;
}

.hero-section-wrapper .doc-title {
  font-size: 13px; color: var(--teal); text-align: center;
  letter-spacing: 0.5px; margin-bottom: 24px; line-height: 1.5;
}

.hero-section-wrapper .doc-tags {
  display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; margin-bottom: 24px;
}

.hero-section-wrapper .doc-tag {
  background: rgba(43,191,179,0.15); border: 1px solid rgba(43,191,179,0.3);
  color: var(--teal); font-size: 11px; font-weight: 600;
  padding: 5px 12px; border-radius: 50px; letter-spacing: 0.5px;
}

.hero-section-wrapper .doc-info { 
  display: grid; grid-template-columns: 1fr 1fr; gap: 12px; 
}

.hero-section-wrapper .doc-info-item {
  background: rgba(255,255,255,0.06);
  border-radius: 12px; padding: 12px 14px; text-align: center;
}

.hero-section-wrapper .doc-info-val { 
  font-size: 18px; font-weight: 700; color: var(--white); 
}

.hero-section-wrapper .doc-info-lbl { 
  font-size: 11px; color: rgba(255,255,255,0.5); margin-top: 2px; 
}

/* Floating Badges */
.hero-section-wrapper .floating-chip {
  position: absolute; background: var(--white);
  border-radius: 50px; padding: 10px 16px;
  display: flex; align-items: center; gap: 8px;
  box-shadow: 0 8px 32px rgba(0,0,0,0.25);
  font-size: 13px; font-weight: 600; color: var(--navy);
  white-space: nowrap;
}

.hero-section-wrapper .floating-chip .dot { 
  width: 8px; height: 8px; border-radius: 50%; background: #22C55E; 
}

.hero-section-wrapper .chip-1 { top: -20px; right: -20px; animation: heroFloat 3s ease-in-out infinite; }
.hero-section-wrapper .chip-2 { bottom: 30px; left: -30px; animation: heroFloat 3s 1.5s ease-in-out infinite; }
/* ── Parent ID Scoping ── */
#about-dr-hardik , #about-dr-sumit{
  --primary-navy: #0D1B3E;
  --accent-teal: #2BBFB3;
  --text-dark: #2A364E;
  --text-muted: #626E86;
  --bg-light: #F8FAFC;
  --white: #FFFFFF;
  --radius-lg: 20px;
  --radius-sm: 10px;
  
  background-color: var(--white);
  padding: 100px 24px;
  box-sizing: border-box;
}

#about-dr-hardik * , #about-dr-sumit *{
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

#about-dr-hardik .about-container,
#about-dr-sumit .about-container {
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 64px;
  align-items: start;
}

#about-dr-hardik .section-tag,
#about-dr-sumit .section-tag {
  display: inline-block;
  font-size: 13px;
  font-weight: 700;
  color: var(--accent-teal);
  text-transform: uppercase;
  letter-spacing: 1.5px;
  margin-bottom: 16px;
}

#about-dr-hardik h2,
#about-dr-sumit h2 {
  font-size: clamp(28px, 4vw, 36px);
  color: #1a3a5c;
  font-weight: 800;
  line-height: 1.3;
  margin-bottom: 40px;
}

#about-dr-hardik .info-block,
#about-dr-sumit .info-block {
  background-color: var(--bg-light);
  border-left: 4px solid var(--accent-teal);
  border-radius: 0 var(--radius-lg) var(--radius-lg) 0;
  padding: 32px;
  margin-bottom: 28px;
  box-shadow: 0 4px 20px rgba(13, 27, 62, 0.02);
}

#about-dr-hardik .block-header,
#about-dr-sumit .block-header {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  margin-bottom: 16px;
}

#about-dr-hardik .block-icon,
#about-dr-sumit .block-icon {
  font-size: 24px;
  line-height: 1;
  background-color: rgba(43, 191, 179, 0.1);
  padding: 8px;
  border-radius: var(--radius-sm);
}

#about-dr-hardik h3,
#about-dr-sumit h3 {
  font-size: 20px;
  color: #1a3a5c;
  font-weight: 700;
  line-height: 1.4;
}

#about-dr-hardik p,
#about-dr-sumit p {
  font-size: 16px;
  color: var(--text-dark);
  line-height: 1.75;
}

/* ── Right Column Layout (Sticky Sidebar) ── */
#about-dr-hardik .sticky-wrapper,
#about-dr-sumit .sticky-wrapper {
  position: -webkit-sticky;
  position: sticky;
  top: 40px;
}

/* Image Elements Style */
#about-dr-hardik .about-image-wrapper,
#about-dr-sumit .about-image-wrapper {
  position: relative;
  width: 100%;
  height: 600px;
  border-radius: var(--radius-lg);
  overflow: hidden;
  margin-bottom: 24px;
  box-shadow: 0 10px 30px rgba(13, 27, 62, 0.1);
  background-color: var(--bg-light);
}

#about-dr-hardik .about-img,
#about-dr-sumit .about-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

#about-dr-hardik .image-overlay-badge,
#about-dr-sumit .image-overlay-badge {
  position: absolute;
  bottom: 16px;
  left: 16px;
  background: rgba(13, 27, 62, 0.85);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 12px 18px;
  border-radius: var(--radius-sm);
  display: flex;
  align-items: center;
  gap: 12px;
  color: var(--white);
}

#about-dr-hardik .badge-icon,
#about-dr-sumit .badge-icon {
  font-size: 20px;
}

#about-dr-hardik .badge-text strong,
#about-dr-sumit .badge-text strong {
  display: block;
  font-size: 14px;
  color: var(--white);
}

#about-dr-hardik .badge-text span,
#about-dr-sumit .badge-text span {
  display: block;
  font-size: 11px;
  color: var(--accent-teal);
}

#about-dr-hardik .cta-callout,
#about-dr-sumit .cta-callout {
  background: linear-gradient(135deg, var(--primary-navy) 0%, #1A2F5E 100%);
  border-radius: var(--radius-lg);
  padding: 32px;
  color: var(--white);
  box-shadow: 0 10px 30px rgba(13, 27, 62, 0.15);
}

#about-dr-hardik .cta-callout h5,
#about-dr-sumit .cta-callout h5 {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 8px;
}

#about-dr-hardik .cta-callout p,
#about-dr-sumit .cta-callout p {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.7);
  margin-bottom: 20px;
  line-height: 1.5;
}

#about-dr-hardik .callout-link,
#about-dr-sumit .callout-link {
  display: inline-block;
  color: var(--accent-teal);
  text-decoration: none;
  font-size: 15px;
  font-weight: 700;
  transition: color 0.2s ease;
}

#about-dr-hardik .callout-link:hover,
#about-dr-sumit .callout-link:hover {
  color: var(--white);
}

/* Responsive Layout */
@media (max-width: 992px) {
  .hero-section-wrapper .hero {
    grid-template-columns: 1fr;
    padding: 40px 30px 40px;
    gap: 60px;
    text-align: center;
  }
  #about-dr-hardik .about-container,#about-dr-sumit .about-container{
    grid-template-columns: 1fr;
    gap: 48px;
  }
  #about-dr-hardik .about-image-wrapper,#about-dr-sumit .about-image-wrapper{
    height: 650px;
  }
  .hero-section-wrapper .hero-desc {
    margin-left: auto;
    margin-right: auto;
  }
  .hero-actions, .hero-trust {
    justify-content: center;
  }
  .hero-section-wrapper .chip-1 { right: 10px; }
  .hero-section-wrapper .chip-2 { left: 10px; }
}

@keyframes heroPulse {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.5; transform: scale(1.4); }
}

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

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

@keyframes heroFadeIn {
  from { opacity: 0; transform: scale(0.96); }
  to { opacity: 1; transform: scale(1); }
}

@media (max-width: 576px) {
  #about-dr-hardik , #about-dr-sumit{
    padding: 10px 16px;
  }
  #about-dr-hardik .info-block , #about-dr-sumit .info-block{
    padding: 20px;
  }
}

/* Root Container Reset & Isolation Rules */
#arthroscopy-procedures-section {
        background-color: #ffffff;
        color: #475569;
        line-height: 1.6;
        padding: 10px 15px;
        box-sizing: border-box;
    }

    #arthroscopy-procedures-section *,
    #arthroscopy-procedures-section *::before,
    #arthroscopy-procedures-section *::after {
        box-sizing: border-box;
    }

    #arthroscopy-procedures-section .ap-container {
        margin: 0 auto;
        padding: 0 15px;
    }

    #arthroscopy-procedures-section .ap-section-badge {
        display: inline-block;
        color: #0284c7; 
        font-size: 13px;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 1.5px;
        margin-bottom: 12px;
    }

    #arthroscopy-procedures-section .ap-main-title {
        color: #0053a1;
        font-size: 30px;
        font-weight: 700;
        line-height: 1.25;
        margin: 0 0 20px 0;
    }

    #arthroscopy-procedures-section .ap-section-header {
        text-align: center;
        margin: 0 auto 60px auto;
    }

    #arthroscopy-procedures-section .ap-grid-title {
        color: #1a3a5c;
        font-size: 24px;
        font-weight: 700;
        margin: 0 0 15px 0;
        border-left: 4px solid #0284c7;
        padding-left: 12px;
    }

    #arthroscopy-procedures-section .ap-card-title {
        color: #1a3a5c;
        font-size: 18px;
        font-weight: 600;
        margin: 0 0 10px 0;
    }

    #arthroscopy-procedures-section .ap-tabs-nav {
        display: flex;
        justify-content: center;
        gap: 15px;
        margin-bottom: 35px;
        border-bottom: 1px solid #e2e8f0;
        padding-bottom: 15px;
    }

    #arthroscopy-procedures-section .ap-tab-btn {
        background: none;
        border: none;
        font-family: inherit;
        font-size: 16px;
        font-weight: 600;
        color: #64748b;
        padding: 10px 24px;
        cursor: pointer;
        transition: all 0.3s ease;
        position: relative;
    }

    #arthroscopy-procedures-section .ap-tab-btn:hover,
    #arthroscopy-procedures-section .ap-tab-btn.ap-active-tab {
        color: #0284c7;
    }

    #arthroscopy-procedures-section .ap-tab-btn.ap-active-tab::after {
        content: '';
        position: absolute;
        bottom: -16px;
        left: 0;
        right: 0;
        height: 3px;
        background-color: #0284c7;
        border-radius: 2px;
    }

    #arthroscopy-procedures-section .ap-tab-panel {
        display: none;
        animation: apFadeIn 0.4s ease forwards;
    }

    #arthroscopy-procedures-section .ap-tab-panel.ap-active-panel {
        display: block;
    }

    #arthroscopy-procedures-section .ap-split-row {
        display: table;
        width: 100%;
        table-layout: fixed;
        border-collapse: separate;
        border-spacing: 30px 0;
        margin: 0 -30px;
    }

    #arthroscopy-procedures-section .ap-col-6 {
        display: table-cell;
        width: 50%;
        vertical-align: top;
    }

    #arthroscopy-procedures-section .ap-lead-text {
        font-size: 16px;
        color: #475569;
        margin-bottom: 24px;
        text-align: justify;
    }

    #arthroscopy-procedures-section .ap-highlight-box {
        background-color: #f0f9ff;
        border-left: 4px solid #0284c7;
        padding: 20px;
        border-radius: 0 8px 8px 0;
    }

    #arthroscopy-procedures-section .ap-grid-row {
        display: table;
        width: 100%;
        table-layout: fixed;
        border-collapse: separate;
        border-spacing: 20px 0;
        margin: 25px -20px 0 -20px;
    }

    #arthroscopy-procedures-section .ap-col-4 {
        display: table-cell;
        width: 33.333%;
        vertical-align: top;
    }

    #arthroscopy-procedures-section .ap-feature-card {
        background: #ffffff;
        border: 1px solid #e2e8f0;
        border-radius: 8px;
        padding: 25px;
        box-shadow: 0 4px 6px -1px rgba(0,0,0,0.02);
        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    }

    #arthroscopy-procedures-section .ap-feature-card:hover {
        box-shadow: 0 10px 15px -3px rgba(15,23,42,0.06);
        transform: translateY(-2px);
        border-color: #cbd5e1;
    }

    #arthroscopy-procedures-section .ap-card-icon {
        display: inline-block;
        font-size: 24px;
        margin-bottom: 12px;
    }

    #arthroscopy-procedures-section .ap-decision-box {
        background-color: #f8fafc;
        border: 1px solid #e2e8f0;
        border-radius: 8px;
        padding: 30px;
    }

    #arthroscopy-procedures-section .ap-warning-text {
        color: #f43f5e;
        font-weight: 600;
        font-size: 13.5px;
        margin-top: 15px;
        display: block;
    }

    #arthroscopy-procedures-section .ap-cta-container {
        margin-top: 50px;
        text-align: center;
    }

    #arthroscopy-procedures-section .ap-btn-primary {
        display: inline-block;
        background-color: #0284c7;
        color: #ffffff;
        font-weight: 600;
        text-decoration: none;
        padding: 14px 32px;
        border-radius: 4px;
        transition: background 0.2s ease;
    }

    #arthroscopy-procedures-section .ap-btn-primary:hover {
        background-color: #0369a1;
    }

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

    .Knee-Preservation .kp-section-header {
        text-align: center;
        margin: 0 auto 60px auto;
    }

    .Knee-Preservation .kp-section-badge {
        display: inline-block;
        color: #0284c7; 
        font-size: 13px;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 1.5px;
        margin-bottom: 12px;
    }

    .Knee-Preservation .kp-main-title {
        color: #0053a1;
        font-size: 30px;
        font-weight: 700;
        line-height: 1.3;
        margin: 0 0 15px 0;
    }

    .Knee-Preservation .kp-title-divider {
        width: 60px;
        height: 3px;
        background-color: #0284c7;
        margin: 0 auto 20px auto;
        border-radius: 2px;
    }

    .Knee-Preservation .kp-header-desc {
        font-size: 16px;
        color: #64748b;
        margin: 0;
        text-align: justify;
    }

    @media (max-width: 991px) {
        #arthroscopy-procedures-section .ap-split-row,
        #arthroscopy-procedures-section .ap-grid-row { display: block !important; margin: 0 !important; }
        #arthroscopy-procedures-section .ap-col-6,
        #arthroscopy-procedures-section .ap-col-4 { display: block !important; width: 100% !important; padding: 0 !important; margin-bottom: 20px !important; }
        #arthroscopy-procedures-section .ap-tab-btn{
            padding: 10px 5px;
        }
        #arthroscopy-procedures-section .ap-tabs-nav{
            gap: 0px;
        }
    }

      #shoulder-treatments {
        padding: 24px 24px;
        margin: 0 auto;
        box-sizing: border-box;
      }

  /* --- Eyebrow --- */
  #shoulder-treatments .st-eyebrow {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 10px;
    font-size: 11px;
    letter-spacing: 0.13em;
    text-transform: uppercase;
    font-weight: 500;
    color: #0284c7;
    margin-bottom: 14px;
  }

  #shoulder-treatments .st-eyebrow::before {
    content: '';
    display: block;
    width: 26px;
    height: 1.5px;
    background: #0284c7;
  }

  /* --- Headline --- */
  #shoulder-treatments .st-headline {
    font-size: 30px;
    font-weight: 400;
    line-height: 1.2;
    color: #0053a1;
    margin: 0 0 10px;
    text-align: center;
  }

  #shoulder-treatments .st-headline em {
    font-style: italic;
    color: #0F6E56;
  }

  /* --- Subline --- */
  #shoulder-treatments .st-subline {
    font-size: 14px;
    color: #888780;
    font-weight: 300;
    margin: 0 0 36px;
    letter-spacing: 0.01em;
  }

  #shoulder-treatments .st-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    margin-bottom: 16px;
  }

  @media (max-width: 600px) {
    #shoulder-treatments .st-grid {
      grid-template-columns: 1fr;
    }
  }

  #shoulder-treatments .st-card {
    background: #ffffff;
    border: 0.5px solid rgba(0, 0, 0, 0.12);
    border-radius: 12px;
    overflow: hidden;
  }

  /* --- Card Header --- */
  #shoulder-treatments .st-card-header {
    padding: 20px 20px 16px;
    border-bottom: 0.5px solid rgba(0, 0, 0, 0.08);
    display: flex;
    align-items: flex-start;
    gap: 12px;
  }

  /* --- Icon Wrap --- */
  #shoulder-treatments .st-icon-wrap {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
  }

  #shoulder-treatments .st-icon-wrap svg {
    width: 20px;
    height: 20px;
  }

  #shoulder-treatments .st-icon-teal {
    background: #E1F5EE;
  }

  #shoulder-treatments .st-icon-teal svg {
    stroke: #0F6E56;
  }

  #shoulder-treatments .st-icon-blue {
    background: #E6F1FB;
  }

  #shoulder-treatments .st-icon-blue svg {
    stroke: #185FA5;
  }

  #shoulder-treatments .st-card-title {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3;
    color: #1a3a5c;
    margin: 0 0 5px;
  }

  #shoulder-treatments .st-badge {
    display: inline-block;
    font-size: 10.5px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.09em;
    padding: 2px 9px;
    border-radius: 99px;
  }

  #shoulder-treatments .st-badge-surgical {
    background: #E1F5EE;
    color: #085041;
  }

  #shoulder-treatments .st-badge-mixed {
    background: #E6F1FB;
    color: #0C447C;
  }

  /* --- Card Body --- */
  #shoulder-treatments .st-card-body {
    padding: 20px;
  }

  #shoulder-treatments .st-card-body p {
    font-size: 13.5px;
    line-height: 1.75;
    color: #5F5E5A;
    margin: 0;
  }

  /* --- Inline Highlight --- */
  #shoulder-treatments .st-highlight {
    background: #E1F5EE;
    color: #085041;
    font-weight: 500;
    padding: 1px 5px;
    border-radius: 4px;
  }

  /* --- Card Footer Tags --- */
  #shoulder-treatments .st-card-footer {
    padding: 12px 20px;
    border-top: 0.5px solid rgba(0, 0, 0, 0.08);
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
  }

  #shoulder-treatments .st-tag {
    font-size: 11px;
    color: #888780;
    background: #F1EFE8;
    border: 0.5px solid rgba(0, 0, 0, 0.1);
    border-radius: 99px;
    padding: 3px 10px;
  }
   #shoulder-treatments .st-doc-location svg {
    width: 13px;
    height: 13px;
    stroke: #B4B2A9;
    flex-shrink: 0;
  }

  #shoulder-treatments .st-divider {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 16px;
  }

  #shoulder-treatments .st-divider-line {
    flex: 1;
    height: 0.5px;
    background: rgba(0, 0, 0, 0.1);
  }

  #shoulder-treatments .st-divider-text {
    font-size: 10.5px;
    color: #B4B2A9;
    text-transform: uppercase;
    letter-spacing: 0.12em;
  }

  /* --- FAQ Card --- */
  #shoulder-treatments .st-faq-card {
    background: #F7F6F2;
    border: 0.5px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    padding: 24px;
    margin-bottom: 16px;
  }

  #shoulder-treatments .st-faq-label {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 10.5px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: #185FA5;
    margin-bottom: 12px;
  }

  #shoulder-treatments .st-faq-label svg {
    width: 14px;
    height: 14px;
    stroke: #185FA5;
    flex-shrink: 0;
  }

  #shoulder-treatments .st-faq-q {
    font-size: 17px;
    font-weight: 400;
    color: #1a3a5c;
    margin: 0 0 12px;
    line-height: 1.35;
  }

  #shoulder-treatments .st-faq-a {
    font-size: 13.5px;
    line-height: 1.8;
    color: #5F5E5A;
    margin: 0;
  }
#why-choose-hardik,
#why-choose-sumit {
  padding: 20px 24px;
  margin: 0 auto;
  box-sizing: border-box;
  background: #ffffff;
}

/* ---- Header ---- */
#why-choose-hardik .wch-header,
#why-choose-sumit .wch-header {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 52px;
  align-items: end;
  margin-bottom: 48px;
  padding-bottom: 40px;
  border-bottom: 1px solid rgba(21,101,192,0.12);
}

@media (max-width: 640px) {
  #why-choose-hardik .wch-header,
  #why-choose-sumit .wch-header {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  #why-choose-hardik .wch-list-grid,
  #why-choose-sumit .wch-list-grid {
    grid-template-columns: 1fr !important;
  }

  #why-choose-hardik .wch-serving-inner,
  #why-choose-sumit .wch-serving-inner {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }
}

/* ---- Eyebrow ---- */
#why-choose-hardik .wch-eyebrow,
#why-choose-sumit .wch-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 11px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  font-weight: 500;
  color: #1565C0;
  margin-bottom: 14px;
}

#why-choose-hardik .wch-eyebrow::before,
#why-choose-sumit .wch-eyebrow::before {
  content: '';
  display: block;
  width: 28px;
  height: 2px;
  background: #1565C0;
  border-radius: 2px;
}

/* ---- Heading ---- */
#why-choose-hardik h2,
#why-choose-sumit h2 {
  font-size: 30px;
  font-weight: 400;
  line-height: 1.2;
  color: #0B2545;
  margin: 0;
}

#why-choose-hardik h2 em,
#why-choose-sumit h2 em {
  font-style: italic;
  color: #1565C0;
}

/* ---- Paragraph ---- */
#why-choose-hardik .wch-header-right p,
#why-choose-sumit .wch-header-right p {
  font-size: 14px;
  line-height: 1.85;
  color: #546E7A;
  font-weight: 300;
  margin: 0 0 20px;
}

/* ---- Doctor Strip ---- */
#why-choose-hardik .wch-doctor-strip,
#why-choose-sumit .wch-doctor-strip {
  display: flex;
  align-items: center;
  gap: 12px;
  background: #F8FBFF;
  border: 1px solid rgba(21,101,192,0.15);
  border-radius: 10px;
  padding: 12px 16px;
}

#why-choose-hardik .wch-avatar,
#why-choose-sumit .wch-avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #1565C0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  color: #ffffff;
  flex-shrink: 0;
}

#why-choose-hardik .wch-doc-name,
#why-choose-sumit .wch-doc-name {
  font-size: 13.5px;
  font-weight: 500;
  color: #0B2545;
  margin: 0 0 2px;
}

#why-choose-hardik .wch-doc-sub,
#why-choose-sumit .wch-doc-sub {
  font-size: 11.5px;
  color: #546E7A;
  margin: 0;
}

#why-choose-hardik .wch-spec-badge,
#why-choose-sumit .wch-spec-badge {
  margin-left: auto;
  font-size: 10.5px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  background: #E3F2FD;
  color: #0D47A1;
  border-radius: 99px;
  padding: 4px 12px;
  white-space: nowrap;
}

/* ---- List Grid ---- */
#why-choose-hardik .wch-list-grid,
#why-choose-sumit .wch-list-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-bottom: 10px;
}

/* ---- UL ---- */
#why-choose-hardik ul,
#why-choose-sumit ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: contents;
}

/* ---- List Item ---- */
#why-choose-hardik ul li,
#why-choose-sumit ul li {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  background: #ffffff;
  border: 1px solid rgba(21,101,192,0.12);
  border-radius: 12px;
  padding: 18px;
  font-size: 13.5px;
  line-height: 1.6;
  color: #546E7A;
  position: relative;
  overflow: hidden;
  transition: border-color 0.22s, box-shadow 0.22s;
}

#why-choose-hardik ul li:hover,
#why-choose-sumit ul li:hover {
  border-color: rgba(21,101,192,0.4);
  box-shadow: 0 4px 20px rgba(21,101,192,0.08);
}

#why-choose-hardik ul li::after,
#why-choose-sumit ul li::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 3px;
  height: 100%;
  background: #1565C0;
  opacity: 0;
  transition: opacity 0.22s;
}

#why-choose-hardik ul li:hover::after,
#why-choose-sumit ul li:hover::after {
  opacity: 1;
}

/* ---- Icons ---- */
#why-choose-hardik .wch-li-icon,
#why-choose-sumit .wch-li-icon {
  width: 34px;
  height: 34px;
  border-radius: 8px;
  background: #E3F2FD;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-top: 1px;
}

#why-choose-hardik .wch-li-icon svg,
#why-choose-sumit .wch-li-icon svg {
  width: 16px;
  height: 16px;
  stroke: #1565C0;
}

/* ---- Strong text ---- */
#why-choose-hardik ul li strong,
#why-choose-sumit ul li strong {
  font-weight: 500;
  color: #0B2545;
  display: block;
  margin-bottom: 3px;
  font-size: 13px;
}

/* ---- Serving Block ---- */
#why-choose-hardik .wch-serving-wrap,
#why-choose-sumit .wch-serving-wrap {
  margin-top: 10px;
  background: #0B2545;
  border-radius: 16px;
  padding: 36px 32px 30px;
  position: relative;
  overflow: hidden;
}

#why-choose-hardik .wch-serving-inner,
#why-choose-sumit .wch-serving-inner {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 1fr 1.1fr;
  gap: 36px;
  align-items: start;
}

/* ---- Headings inside ---- */
#why-choose-hardik h4,
#why-choose-sumit h4 {
  font-size: 22px;
  font-weight: 400;
  color: #ffffff;
  margin: 0 0 14px;
  line-height: 1.3;
}

/* ---- Text ---- */
#why-choose-hardik .wch-serving-inner p,
#why-choose-sumit .wch-serving-inner p {
  font-size: 13.5px;
  line-height: 1.85;
  color: rgba(255,255,255,0.65);
  margin: 0;
}

/* ---- Location pills ---- */
#why-choose-hardik .wch-locations,
#why-choose-sumit .wch-locations {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-content: flex-start;
}

#why-choose-hardik .wch-loc-pill,
#why-choose-sumit .wch-loc-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  font-weight: 400;
  color: #ffffff;
  background: rgba(33,150,243,0.18);
  border: 1px solid rgba(33,150,243,0.3);
  border-radius: 99px;
  padding: 6px 14px;
  transition: background 0.2s;
}

#why-choose-hardik .wch-loc-pill:hover,
#why-choose-sumit .wch-loc-pill:hover {
  background: rgba(33,150,243,0.32);
}

#why-choose-hardik .wch-loc-pill svg,
#why-choose-sumit .wch-loc-pill svg {
  width: 11px;
  height: 11px;
  stroke: rgba(255,255,255,0.75);
  flex-shrink: 0;
}

  #faq-arthroscopic {
    padding: 10px 24px;
    margin: 0 auto;
    box-sizing: border-box;
    background: #ffffff;
  }

  #faq-arthroscopic .faq-header {
    margin-bottom: 30px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(21, 101, 192, 0.12);
    text-align: center;
  }

  @media (max-width: 991px) {
#why-choose-hardik .wch-doctor-strip,
#why-choose-sumit .wch-doctor-strip {
  display: block;
}
.hero-section-wrapper .hero h1{
    font-size: 30px;
}
.hero-section-wrapper .hero-desc{
    font-size: 14px;
}
}
  @media (max-width: 640px) {
    #faq-arthroscopic .faq-header {
      grid-template-columns: 1fr;
      gap: 20px;
    }
  }

  #faq-arthroscopic .faq-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 11px;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    font-weight: 500;
    color: #1565C0;
    margin-bottom: 14px;
  }

  #faq-arthroscopic .faq-eyebrow::before {
    content: '';
    display: block;
    width: 28px;
    height: 2px;
    background: #1565C0;
    border-radius: 2px;
  }

  #faq-arthroscopic h2 {
    font-size: 30px;
    font-weight: 400;
    line-height: 1.2;
    color: #0B2545;
    margin: 0;
  }

  #faq-arthroscopic h2 em {
    font-style: italic;
    color: #1565C0;
  }

  #faq-arthroscopic .faq-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 32px;
  }
  #faq-arthroscopic .faq-item {
    background: #ffffff;
    border: 1px solid rgba(21,101,192,0.13);
    border-radius: 12px;
    overflow: hidden;
    transition: border-color 0.22s, box-shadow 0.22s;
  }
  #faq-arthroscopic .faq-item:hover {
    border-color: rgba(21,101,192,0.32);
    box-shadow: 0 4px 20px rgba(21,101,192,0.07);
  }

  #faq-arthroscopic .faq-item.faq-open {
    border-color: rgba(21,101,192,0.32);
    box-shadow: 0 4px 24px rgba(21,101,192,0.09);
  }
  #faq-arthroscopic .faq-q-row {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    padding: 20px 22px;
    cursor: pointer;
    user-select: none;
  }
  #faq-arthroscopic .faq-num {
    font-size: 13px;
    font-weight: 400;
    color: #1565C0;
    background: #E3F2FD;
    border-radius: 6px;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-top: 2px;
  }

  #faq-arthroscopic .faq-q-text {
    flex: 1;
  }

  #faq-arthroscopic h3 ,#faq-arthroscopic h4 {
    font-size: 17px;
    font-weight: 400;
    color: #1a3a5c;
    margin: 0;
    line-height: 1.35;
  }

  #faq-arthroscopic .faq-toggle {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #F0F6FF;
    border: 1px solid rgba(21,101,192,0.15);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-top: 3px;
    transition: background 0.2s, transform 0.28s;
  }
  #faq-arthroscopic .faq-toggle svg {
    width: 14px;
    height: 14px;
    stroke: #1565C0;
    transition: transform 0.28s;
  }
  #faq-arthroscopic .faq-item.faq-open .faq-toggle {
    background: #1565C0;
  }
  #faq-arthroscopic .faq-item.faq-open .faq-toggle svg {
    stroke: #ffffff;
    transform: rotate(45deg);
  }
  #faq-arthroscopic .faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.38s ease, padding 0.28s ease;
  }
  #faq-arthroscopic .faq-item.faq-open .faq-answer {
    max-height: 600px;
  }
  #faq-arthroscopic .faq-answer-inner {
    padding: 0 22px 22px 68px;
  }

  #faq-arthroscopic .faq-divider-line {
    height: 1px;
    background: rgba(21,101,192,0.08);
    margin-bottom: 18px;
  }

  #faq-arthroscopic p {
    font-size: 13.5px;
    line-height: 1.85;
    color: #546E7A;
    margin: 0;
  }
  #faq-arthroscopic .faq-hl {
    background: #E3F2FD;
    color: #0D47A1;
    font-weight: 500;
    padding: 1px 6px;
    border-radius: 4px;
  }
  #faq-arthroscopic .faq-doctor-strip {
    background: #0B2545;
    border-radius: 12px;
    padding: 18px 22px;
    display: flex;
    align-items: center;
    gap: 14px;
  }
  #faq-arthroscopic .faq-avatar {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: #1565C0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #ffffff;
    flex-shrink: 0;
  }
  #faq-arthroscopic .faq-doc-name {
    font-size: 14px;
    font-weight: 500;
    color: #ffffff;
    margin: 0 0 2px;
  }
  #faq-arthroscopic .faq-doc-sub {
    font-size: 12px;
    color: rgba(255,255,255,0.5);
    margin: 0;
  }
  #faq-arthroscopic .faq-doc-badge {
    margin-left: auto;
    font-size: 10.5px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    background: rgba(33,150,243,0.2);
    color: #90CAF9;
    border: 1px solid rgba(33,150,243,0.28);
    border-radius: 99px;
    padding: 4px 13px;
    white-space: nowrap;
  }

 @media (max-width: 556px) {
    #faq-arthroscopic .faq-doctor-strip{
            display: block;
    }
  }
.ca{display:grid;grid-template-columns:1fr 1fr;min-height:360px;border-radius:14px;overflow:hidden;border:1px solid rgba(0,0,0,0.1);margin-bottom:36px}
.ca-left{background:#fff;padding:44px 36px;display:flex;flex-direction:column;justify-content:center}
.ca-tag{display:inline-flex;align-items:center;gap:7px;font-size:10.5px;font-weight:500;text-transform:uppercase;letter-spacing:.14em;color:#1565C0;background:#E3F2FD;border-radius:99px;padding:4px 12px;margin-bottom:20px;width:fit-content}
.ca-tag i{font-size:12px}
.ca-left h1{font-size:38px;font-weight:400;line-height:1.1;color:#1a3a5c;margin-bottom:4px}
.ca-left h1 em{font-style:italic;color:#1565C0}
.ca-sub{font-size:13px;color:#90A4AE;margin-bottom:20px}
.ca-left p{font-size:13.5px;line-height:1.8;color:#546E7A;font-weight:300;margin-bottom:24px}
.ca-btns{display:flex;gap:10px}
.ca-bp{background:#0B2545;color:#fff;font-size:12.5px;font-weight:500;padding:10px 20px;border-radius:7px;border:none;cursor:pointer;display:flex;align-items:center;gap:6px}
.ca-bp i{font-size:13px}
.ca-bg{background:transparent;color:#546E7A;font-size:12.5px;padding:10px 18px;border-radius:7px;border:1px solid rgba(0,0,0,0.12);cursor:pointer}
.ca-dr{font-size:11px;color:rgba(255,255,255,0.42);margin:0}
.ca-right{background:#0B2545;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.ca-orb1{position:absolute;top:-80px;right:-80px;width:280px;height:280px;border-radius:50%;background:rgba(21,101,192,0.15);pointer-events:none}
.ca-orb2{position:absolute;bottom:-100px;left:-60px;width:260px;height:260px;border-radius:50%;background:rgba(33,150,243,0.08);pointer-events:none}

.ms{background:#fff;border-radius:14px;overflow:hidden;border:1px solid rgba(0,0,0,0.08)}
.ms-head{background:#0B2545;padding:36px 40px;position:relative;overflow:hidden}
.ms-orb1{position:absolute;top:-60px;right:-60px;width:280px;height:280px;border-radius:50%;background:rgba(21,101,192,0.18);pointer-events:none}
.ms-orb2{position:absolute;bottom:-80px;left:30%;width:220px;height:220px;border-radius:50%;background:rgba(33,150,243,0.08);pointer-events:none}
.ms-head-inner{position:relative;z-index:1;display:grid;grid-template-columns:1fr auto;align-items:center;gap:32px}
.ms-eye{font-size:10.5px;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:#90CAF9;margin-bottom:12px;display:flex;align-items:center;gap:8px}
.ms-eye::before{content:'';display:block;width:22px;height:2px;background:#2196F3;border-radius:2px}
.ms-head h2{font-size:26px;font-weight:400;line-height:1.25;color:#fff;margin-bottom:10px}
.ms-head h2 em{font-style:italic;color:#64B5F6}
.ms-head p{font-size:13px;line-height:1.8;color:rgba(255,255,255,0.55);font-weight:300;max-width:1120px}
/*.ms-head-right{display:flex;gap:8px;flex-shrink:0}
.ms-av-big{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;color:#fff;flex-shrink:0;border:2px solid rgba(255,255,255,0.15)}
.ms-av-sp{background:#1565C0}
.ms-av-hn{background:#185FA5}*/
/* Container alignment to keep both doctor images positioned side-by-side */
.ms-head-right {
    display: flex !important;
    gap: 12px !important;
    flex-shrink: 0;
    align-items: center !important;
}

/* Core Profile Image Rules - Force Perfect Rounding */
.ms-av-big {
    width: 52px !important;
    height: 52px !important;
    max-width: 52px !important;
    max-height: 52px !important;
    
    /* Forces the square image to turn into a perfect circle */
    border-radius: 50% !important; 
    
    /* Prevents distortion, stretching, or squeezing */
    object-fit: cover !important; 
    object-position: center top !important; 
    
    flex-shrink: 0 !important;
    border: 2px solid rgba(255, 255, 255, 0.25) !important;
    background-color: #0B2545; 
    display: block !important;
}

/* Individual branding ring accents with strict enforcement */
.ms-av-sp {
    border-color: rgba(255, 255, 255, 0.35) !important;
}

.ms-av-hn {
    border-color: #64B5F6 !important; /* Distinct light-blue ring */
}

/* Responsive adjustment for tablet/mobile stacks */
@media (max-width: 991px) {
    .ms-head-right {
        justify-content: flex-start !important;
        margin-top: 12px !important;
    }
}
.ms-body{display:grid;grid-template-columns:1fr 1fr}
.ms-doc{padding:32px 36px;position:relative}
.ms-doc:first-child{border-right:1px solid rgba(0,0,0,0.07)}
.ms-doc-head{display:flex;align-items:flex-start;gap:14px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid rgba(0,0,0,0.07)}
.ms-av{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:15px;color:#fff;flex-shrink:0}
.ms-av-1{background:#0B2545}
.ms-av-2{background:#1565C0}
.ms-doc-name{font-size:17px;font-weight:400;color:#0B2545;margin:0 0 3px;line-height:1.2}
.ms-doc-title{font-size:11.5px;color:#1565C0;font-weight:500;margin:0 0 6px;line-height:1.4}
.ms-doc-loc{display:flex;align-items:center;gap:5px;font-size:11px;color:#90A4AE}
.ms-doc-loc i{font-size:12px;color:#90A4AE}
.ms-badge{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.08em;background:#E3F2FD;color:#0C447C;border-radius:99px;padding:3px 10px;margin-left:auto;white-space:nowrap;flex-shrink:0}
.ms-badge i{font-size:11px}
.ms-paras{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}
.ms-paras p{font-size:13px;line-height:1.85;color:#546E7A;font-weight:300}
.ms-paras p strong{font-weight:500;color:#0B2545}
.ms-tags{display:flex;flex-wrap:wrap;gap:7px}
.ms-tag{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:#1565C0;background:#EEF4FC;border:1px solid rgba(21,101,192,0.14);border-radius:99px;padding:4px 11px}
.ms-tag i{font-size:12px}
.ms-footer{border-top:1px solid rgba(0,0,0,0.07);padding:16px 36px;background:#F8FBFF;display:flex;align-items:center;justify-content:space-between}
.ms-foot-txt{font-size:12px;color:#546E7A;display:flex;align-items:center;gap:7px}
.ms-foot-txt i{font-size:14px;color:#1565C0}
.ms-foot-btn{background:#0B2545;color:#fff;font-size:12px;font-weight:500;padding:9px 18px;border-radius:7px;border:none;cursor:pointer;display:flex;align-items:center;gap:6px}
.ms-foot-btn i{font-size:13px}
.wr{background:#fff}
.wr-intro{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:end;padding:48px 44px 40px;border-bottom:1px solid rgba(0,0,0,0.07);margin:0 auto}
.wr-eye{display:inline-flex;align-items:center;gap:9px;font-size:10.5px;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:#1565C0;margin-bottom:14px}
.wr-eye::before{content:'';display:block;width:22px;height:2px;background:#1565C0;border-radius:2px}
.wr-intro h2{font-size:30px;font-weight:400;line-height:1.2;color:#0B2545}
.wr-intro h2 em{font-style:italic;color:#0053a1}
.wr-intro p{font-size:13.5px;line-height:1.85;color:#546E7A;font-weight:300}
.wr-intro p strong{font-weight:500;color:#0B2545}
.wr-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:0 auto;border-bottom:1px solid rgba(0,0,0,0.07)}
.wr-card{padding:32px 36px;border-right:1px solid rgba(0,0,0,0.07);position:relative;overflow:hidden}
.wr-card:last-child{border-right:none}
.wr-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:3px}
.wr-card-1::before{background:#0B2545}
.wr-card-2::before{background:#1565C0}
.wr-card-3::before{background:#2196F3}
.wr-card-num{font-size:11px;color:#90A4AE;font-weight:400;letter-spacing:.1em;text-transform:uppercase;margin-bottom:12px;display:flex;align-items:center;gap:8px}
.wr-card-num::after{content:'';flex:1;height:1px;background:rgba(0,0,0,0.08)}
.wr-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.wr-icon-1{background:#E8EDF5}
.wr-icon-2{background:#E3F2FD}
.wr-icon-3{background:#E1F5FE}
.wr-icon svg{width:20px;height:20px}
.wr-icon-1 svg{stroke:#0B2545}
.wr-icon-2 svg{stroke:#1565C0}
.wr-icon-3 svg{stroke:#0288D1}
.wr-card h3{font-size:17px;font-weight:400;color:#1a3a5c;margin:0 0 6px;line-height:1.25}
.wr-card-sub{font-size:11px;color:#1565C0;font-weight:500;text-transform:uppercase;letter-spacing:.08em;margin-bottom:14px}
.wr-card p{font-size:13px;line-height:1.85;color:#546E7A;font-weight:300;margin-bottom:18px}
.wr-card p strong{font-weight:500;color:#0B2545}
.wr-card-tags{display:flex;flex-wrap:wrap;gap:6px}
.wr-ctag{font-size:11px;color:#546E7A;background:#F1F5F9;border-radius:99px;padding:3px 10px}
.wr-footer{display:flex;align-items:center;justify-content:space-between;padding:18px 44px;background:#F5F9FF;border-top:1px solid rgba(21,101,192,0.1);max-width:100%}
.wr-doc{display:flex;align-items:center;gap:10px}
.wr-dav{width:36px;height:36px;border-radius:50%;background:#0B2545;display:flex;align-items:center;justify-content:center;font-size:12px;color:#fff;flex-shrink:0}
.wr-dn{font-size:13px;font-weight:500;color:#0B2545;margin:0 0 1px}
.wr-dr{font-size:11px;color:#90A4AE;margin:0}
.wr-btn{background:#0B2545;color:#fff;font-size:12.5px;font-weight:500;padding:10px 20px;border-radius:7px;border:none;cursor:pointer;display:flex;align-items:center;gap:7px;font-family:'DM Sans',sans-serif}
.wr-btn svg{width:14px;height:14px;stroke:#fff}
.wr-intro .wr-eye{color: #0284c7;}
.wr-card:hover , .ms-doc:hover{
      border: 1px solid #0053a1;
}
 #who-needs-knee {
    background: #ffffff;
    box-sizing: border-box;
  }
  #who-needs-knee .wnk-head {
    background: #0B2545;
    padding: 52px 44px;
    position: relative;
    overflow: hidden;
  }
  #who-needs-knee .wnk-orb1 {
    position: absolute;
    top: -70px; right: -70px;
    width: 320px; height: 320px;
    border-radius: 50%;
    background: rgba(21,101,192,0.2);
    pointer-events: none;
  }
  #who-needs-knee .wnk-orb2 {
    position: absolute;
    bottom: -100px; left: 30%;
    width: 280px; height: 280px;
    border-radius: 50%;
    background: rgba(33,150,243,0.09);
    pointer-events: none;
  }
  #who-needs-knee .wnk-head-inner {
    position: relative;
    z-index: 2;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1.4fr;
    gap: 52px;
    align-items: center;
  }
  #who-needs-knee .wnk-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: .15em;
    text-transform: uppercase;
    color: #90CAF9;
    margin-bottom: 14px;
  }

  #who-needs-knee .wnk-eyebrow::before {
    content: '';
    display: block;
    width: 24px; height: 2px;
    background: #2196F3;
    border-radius: 2px;
    flex-shrink: 0;
  }

  #who-needs-knee h2 {
    font-size: 30px;
    font-weight: 400;
    line-height: 1.2;
    color: #ffffff;
    margin: 0;
  }
  #who-needs-knee .second-title ,.wt .wt-intro .second-title{
      grid-column: span 2;
    text-align: center;
  }
  #who-needs-knee h2 em {
    font-style: italic;
    color: #64B5F6;

  }
  #who-needs-knee .wnk-head-body {
    font-size: 14px;
    line-height: 1.85;
    color: rgba(255,255,255,0.55);
    font-weight: 300;
    margin: 0;
  }
  #who-needs-knee .wnk-body {
    margin: 0 auto;
    padding: 0 44px;
  }
  #who-needs-knee .wnk-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1px;
    background: rgba(0,0,0,0.07);
    border-left: 1px solid rgba(0,0,0,0.07);
    border-bottom: 1px solid rgba(0,0,0,0.07);
  }
  #who-needs-knee .wnk-item {
    background: #ffffff;
    padding: 32px 34px;
    position: relative;
    overflow: hidden;
    border-top: 1px solid rgba(0,0,0,0.07);
    border-right: 1px solid rgba(0,0,0,0.07);
    transition: background .2s;
  }
  #who-needs-knee .wnk-item:hover {
    background: #FAFCFF;
  }
  #who-needs-knee .wnk-item::before {
    content: '';
    position: absolute;
    top: 0; left: 0;
    width: 3px; height: 100%;
    background: #E3F2FD;
    transition: background .22s;
  }
  #who-needs-knee .wnk-item:hover::before {
    background: #1565C0;
  }
  #who-needs-knee .wnk-item-full {
    grid-column: 1 / -1;
  }
  #who-needs-knee .wnk-num {
    font-size: 11px;
    font-weight: 400;
    color: #90A4AE;
    letter-spacing: .1em;
    text-transform: uppercase;
    margin-bottom: 14px;
    display: flex;
    align-items: center;
    gap: 8px;
  }
  #who-needs-knee .wnk-num::after {
    content: '';
    flex: 1;
    height: 1px;
    background: rgba(0,0,0,0.07);
  }
  #who-needs-knee .wnk-icon {
    width: 38px; height: 38px;
    border-radius: 9px;
    background: #E3F2FD;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 14px;
    flex-shrink: 0;
  }
  #who-needs-knee .wnk-icon svg {
    width: 18px; height: 18px;
    stroke: #1565C0;
  }
  #who-needs-knee h4 {
    font-size: 17px;
    font-weight: 400;
    color: #0B2545;
    margin: 0 0 11px;
    line-height: 1.25;
  }
  #who-needs-knee .wnk-item p.wnk-body-text {
    font-size: 13.5px;
    line-height: 1.85;
    color: #546E7A;
    font-weight: 300;
    margin: 0;
  }
  #who-needs-knee .wnk-item-full .wnk-inner-row {
    display: flex;
    align-items: flex-start;
    gap: 18px;
  }
  #who-needs-knee .wnk-item-full .wnk-inner-row .wnk-icon {
    margin-bottom: 0;
    margin-top: 2px;
  }
  #who-needs-knee .wnk-footer {
    background: #F5F9FF;
    border-top: 1px solid rgba(21,101,192,0.1);
    padding: 20px 44px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
  }
  #who-needs-knee .wnk-foot-text {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12.5px;
    color: #546E7A;
    margin: 0;
  }
  #who-needs-knee .wnk-foot-text svg {
    width: 15px; height: 15px;
    stroke: #1565C0;
    flex-shrink: 0;
  }
  #who-needs-knee .wnk-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #0B2545;
    color: #ffffff;
    font-size: 13px;
    font-weight: 500;
    padding: 11px 22px;
    border-radius: 8px;
    text-decoration: none;
    border: none;
    cursor: pointer;
    transition: background .2s;
    white-space: nowrap;
    flex-shrink: 0;
  }
  #who-needs-knee .wnk-btn:hover { background: #1565C0; }
  #who-needs-knee .wnk-btn svg {
    width: 14px; height: 14px;
    stroke: #ffffff;
  }
.wt{background:#fff}
.wt-intro{display:grid;grid-template-columns:1fr 1.3fr;gap:52px;align-items:end;padding:48px 44px 40px;border-bottom:1px solid rgba(0,0,0,0.07)}
.wt-eye{display:inline-flex;align-items:center;gap:9px;font-size:10.5px;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:#1565C0;margin-bottom:13px}
.wt-eye::before{content:'';display:block;width:22px;height:2px;background:#1565C0;border-radius:2px}
.wt-intro h2{font-size:26px;font-weight:400;line-height:1.2;color:#0B2545;margin-bottom: 0}
.wt-intro div h2{margin-top: 10px}
.wt-intro h2 em{font-style:italic;color:#1565C0}
.wt-intro p{font-size:16px;line-height:1.85;color:#546E7A;font-weight:300;margin-bottom: 5px;}
.wt-body{padding:36px 44px;display:grid;grid-template-columns:1fr 1fr;gap:10px}
ul.wt-list{list-style:none;padding:0;margin:0;display:contents}
ul.wt-list li{background:#fff;border:1px solid rgba(21,101,192,0.11);border-radius:11px;padding:16px 18px;display:flex;align-items:flex-start;gap:13px;font-size:13px;line-height:1.7;color:#546E7A;font-weight:300;position:relative;overflow:hidden;transition:border-color .2s,box-shadow .2s}
ul.wt-list li:hover{border-color:rgba(21,101,192,0.35);box-shadow:0 3px 14px rgba(21,101,192,0.07)}
ul.wt-list li::after{content:'';position:absolute;top:0;left:0;width:3px;height:100%;background:#1565C0;opacity:0;transition:opacity .22s}
ul.wt-list li:hover::after{opacity:1}
.wt-li-num{font-size:12px;color:#1565C0;background:#E3F2FD;border-radius:6px;width:26px;height:26px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}
.wt-note{margin:0 44px 0;background:#0B2545;border-radius:12px;padding:24px 28px;display:flex;align-items:flex-start;gap:16px;position:relative;overflow:hidden}
.wt-note-orb{position:absolute;top:-40px;right:-40px;width:160px;height:160px;border-radius:50%;background:rgba(33,150,243,0.12);pointer-events:none}
.wt-note-icon{width:36px;height:36px;border-radius:8px;background:rgba(33,150,243,0.2);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}
.wt-note-icon svg{width:18px;height:18px;stroke:#90CAF9}
.wt-note-content{position:relative;z-index:1}
.wt-note-label{font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.12em;color:#90CAF9;margin-bottom:7px}
.wt-note-text{font-size:13px;line-height:1.8;color:rgba(255,255,255,0.65);font-weight:300}
.wt-note-text strong{font-weight:500;color:#fff}
.wt-intro .wt-eye{color: #0284c7;}
#knee-preservation-advanced {
        background-color: #f8fafc;
        color: #546E7A;
        line-height: 1.8;
        padding: 20px 20px;
        box-sizing: border-box;
    }
    #knee-preservation-advanced *,
    #knee-preservation-advanced *::before,
    #knee-preservation-advanced *::after {
        box-sizing: border-box;
    }
    #knee-preservation-advanced .kpa-container {
        margin: 0 auto;
        padding: 0 15px;
    }
    #knee-preservation-advanced .kpa-header {
        text-align: center;
        margin: 0 auto 60px auto;
    }
    #knee-preservation-advanced .kpa-badge {
        display: inline-flex;
        align-items: center;
        background: #E3F2FD;
        color: #1d4ed8;
        font-size: 11px;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: .15em;
        border-radius: 99px;
        padding: 5px 14px;
        margin-bottom: 16px;
    }
    #knee-preservation-advanced .kpa-main-title {
        color: #0053a1;
        font-size: 32px;
        font-weight: 700;
        line-height: 1.25;
        margin: 0 0 18px 0;
    }
    #knee-preservation-advanced .kpa-divider {
        width: 65px;
        height: 3px;
        background-color: #1565C0;
        margin: 0 auto 24px auto;
        border-radius: 2px;
    }
    #knee-preservation-advanced .kpa-header-desc p {
        font-size: 14.5px;
        color: #546E7A;
        margin: 0 0 12px 0;
        text-align: justify;
        font-weight: 300;
    }
    #knee-preservation-advanced .kpa-header-desc p:last-child {
        margin-bottom: 0;
    }
    #knee-preservation-advanced .kpa-grid {
        display: flex;
        flex-wrap: wrap;
        gap: 24px;
        margin-bottom: 45px;
    }
    #knee-preservation-advanced .kpa-col {
        flex: 1;
        min-width: calc(33.333% - 16px);
        max-width: calc(33.333% - 16px);
        display: flex; /* Ensures nested card fills container height perfectly */
    }
    #knee-preservation-advanced .kpa-card {
        background: #ffffff;
        border: 1px solid rgba(0,0,0,0.07);
        border-radius: 12px;
        padding: 35px 30px;
        position: relative;
        overflow: hidden;
        width: 100%;
        display: flex;
        flex-direction: column;
        transition: transform 0.3s ease, box-shadow 0.3s ease;
    }
    #knee-preservation-advanced .kpa-card:hover {
        transform: translateY(-4px);
        box-shadow: 0 10px 20px rgba(11,37,69,0.05);
    }
    #knee-preservation-advanced .kpa-card::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 4px;
    }
    #knee-preservation-advanced .kpa-card-1::before { background: #0B2545; }
    #knee-preservation-advanced .kpa-card-2::before { background: #1565C0; }
    #knee-preservation-advanced .kpa-card-3::before { background: #2196F3; }
    #knee-preservation-advanced .kpa-card-num {
        font-size: 11px;
        color: #90A4AE;
        font-weight: 500;
        letter-spacing: .08em;
        text-transform: uppercase;
        margin-bottom: 16px;
        display: flex;
        align-items: center;
        gap: 8px;
    }
    #knee-preservation-advanced .kpa-card-num::after {
        content: '';
        flex: 1;
        height: 1px;
        background: rgba(0,0,0,0.06);
    }
    #knee-preservation-advanced .kpa-icon {
        width: 44px;
        height: 44px;
        border-radius: 8px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 20px;
        background: #f8fafc;
        font-size: 20px;
    }
    #knee-preservation-advanced .kpa-card h3 {
        font-size: 18px;
        font-weight: 500;
        color: #1a3a5c;
        margin: 0 0 12px 0;
        line-height: 1.35;
    }
    #knee-preservation-advanced .kpa-card-text {
        font-size: 13.5px;
        line-height: 1.8;
        color: #546E7A;
        margin: 0;
        text-align: justify;
        font-weight: 300;
    }
@media (max-width: 991px) {
    .ca {
        grid-template-columns: 1fr; 
        min-height: auto;          
    }
    .ca-left {
        padding: 35px 24px;
    }
    .ca-left h1 {
        font-size: 28px;
        line-height: 1.2;
    }
    .ca-btns {
        flex-direction: column;
        gap: 12px;
    }
    .ca-bp, .ca-bg {
        width: 100%;                
        justify-content: center;   
    }
    .ca-right {
        padding: 35px 24px;         
        gap: 25px;                  
    }
    .ms-head-inner {
        grid-template-columns: 1fr;
        gap: 20px;
        text-align: left;
    }
    .ms-head {
        padding: 35px 24px; 
    }
    .ms-head h2 {
        font-size: 22px;          
    }
    .ms-head-right {
        justify-content: flex-start; 
        margin-top: 5px;
    }
    .ms-body {
        grid-template-columns: 1fr;
    }
    .ms-doc {
        padding: 30px 24px;
    }
    .ms-doc:first-child {
        border-right: none;     
        border-bottom: 1px solid rgba(0,0,0,0.07); 
    }
    .ms-doc-head {
        flex-wrap: wrap;          
        gap: 15px;
    }
    .ms-badge {
        margin-left: 0;            
        width: fit-content;
    }
    .ms-footer {
        padding: 20px 24px;
        flex-direction: column;    
        gap: 16px;
        text-align: center;
    }
    .ms-foot-txt {
        justify-content: center;
    }
    .ms-foot-btn {
        width: 100%;               
        justify-content: center;
    }
    .wr-intro {
        grid-template-columns: 1fr;
        gap: 24px; 
        padding: 36px 24px 30px;  
        align-items: start;  
    }
    .wr-intro h2 {
        font-size: 24px; 
        line-height: 1.25;
    }
    .wr-cards {
        grid-template-columns: 1fr; 
    }
    .wr-card {
        padding: 30px 24px;
        border-right: none;
        border-bottom: 1px solid rgba(0,0,0,0.07); 
    }
    .wr-card:last-child {
        border-bottom: none;
    }
    .wr-footer {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
        padding: 24px 24px;
    }
    .wr-btn {
        width: 100%;
        justify-content: center;
    }
    .wt-intro {
        grid-template-columns: 1fr;
        gap: 20px;
        padding: 36px 24px 30px;
        align-items: start;
    }
    .wt-intro h2 {
        font-size: 23px;
        line-height: 1.25;
    }
    .wt-body {
        grid-template-columns: 1fr;
        padding: 24px 24px;
        gap: 12px;
    }
    ul.wt-list li {
        padding: 14px 16px;
    }
     #knee-preservation-advanced {
            padding: 20px 15px;
        }
        #knee-preservation-advanced .kpa-header {
            margin-bottom: 40px;
        }
        #knee-preservation-advanced .kpa-main-title {
            font-size: 25px;
        }
        #knee-preservation-advanced .kpa-grid {
            flex-direction: column;
            gap: 20px;
        }
        #knee-preservation-advanced .kpa-col {
            min-width: 100%;
            max-width: 100%;
        }
        #knee-preservation-advanced .kpa-card {
            padding: 30px 24px;
        }
        #knee-preservation-advanced .kpa-footer-note {
            padding: 20px;
            flex-direction: column;
            gap: 10px;
        }
        #knee-preservation-advanced .kpa-note-icon {
            margin-top: 0;
        }
}
@media (max-width: 900px) {
    #who-needs-knee .wnk-head { padding: 44px 32px; }
    #who-needs-knee .wnk-body { padding: 0 32px; }
    #who-needs-knee .wnk-footer { padding: 18px 32px; }
    #who-needs-knee .wnk-item { padding: 26px 28px; }
  }
  @media (max-width: 640px) {
    #who-needs-knee .wnk-head { padding: 40px 20px; }
    #who-needs-knee .wnk-head-inner { grid-template-columns: 1fr; gap: 20px; }
    #who-needs-knee h2 { font-size: 26px; }
    #who-needs-knee .wnk-body { padding: 0 20px; }
    #who-needs-knee .wnk-grid {
      grid-template-columns: 1fr;
      border-left: none;
      border-bottom: none;
      background: transparent;
      gap: 0;
    }
    #who-needs-knee .wnk-item {
      border-right: none;
      border-left: 1px solid rgba(0,0,0,0.07);
      padding: 24px 22px;
    }
    #who-needs-knee .wnk-item-full { grid-column: 1; }
    #who-needs-knee .wnk-item-full .wnk-inner-row {
      flex-direction: column;
      gap: 12px;
    }
    #who-needs-knee .wnk-item-full .wnk-inner-row .wnk-icon {
      margin-top: 0;
      margin-bottom: 0;
    }

    #who-needs-knee .wnk-footer {
      flex-direction: column;
      align-items: flex-start;
      padding: 20px;
      gap: 16px;
    }
  }
@media (max-width: 480px) {
    .ca-stats-r {
        grid-template-columns: 1fr; 
        gap: 12px;
    }
    .ca-left h1 {
        font-size: 24px;
    }
    .wr-intro h2 {
        font-size: 22px;
    }
    .wr-card h3 {
        font-size: 16px;
    }
    .wt-intro h2 {
        font-size: 21px;
    }
    ul.wt-list li {
        align-items: flex-start;
        gap: 10px;
    }
}

    #patient-success-stories {
        background-color: #ffffff;
        color: #546E7A;
        line-height: 1.8;
        padding: 20px 20px;
        box-sizing: border-box;
    }
    #patient-success-stories *,
    #patient-success-stories *::before,
    #patient-success-stories *::after {
        box-sizing: border-box;
    }
    #patient-success-stories .pss-container {
        margin: 0 auto;
        padding: 0 15px;
    }
    #patient-success-stories .pss-header {
        text-align: center;
        margin: 0 auto 60px auto;
    }
    #patient-success-stories .pss-badge {
        display: inline-flex;
        align-items: center;
        background: #E3F2FD;
        color: #1565C0;
        font-size: 11px;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: .15em;
        border-radius: 99px;
        padding: 5px 14px;
        margin-bottom: 16px;
    }
    #patient-success-stories .pss-main-title {
        color: #0B2545;
        font-size: 32px;
        font-weight: 700;
        line-height: 1.25;
        margin: 0 0 18px 0;
    }
    #patient-success-stories .pss-main-title em{
          font-style: italic;
        color: #1565C0;
    }
    #patient-success-stories .pss-divider {
        width: 65px;
        height: 3px;
        background-color: #1565C0;
        margin: 0 auto 24px auto;
        border-radius: 2px;
    }

    #patient-success-stories .pss-header-desc {
        font-size: 15px;
        color: #546E7A;
        margin: 0;
        text-align: justify;
        font-weight: 300;
    }
    #patient-success-stories .pss-grid {
        display: flex;
        flex-wrap: wrap;
        gap: 24px;
    }
    #patient-success-stories .pss-col {
        flex: 1;
        min-width: calc(33.333% - 16px);
        max-width: calc(33.333% - 16px);
        display: flex;
    }
    #patient-success-stories .pss-card {
        background: #ffffff;
        border: 1px solid rgba(0,0,0,0.07);
        border-radius: 12px;
        padding: 35px 30px;
        position: relative;
        overflow: hidden;
        width: 100%;
        display: flex;
        flex-direction: column;
        transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
    }
    #patient-success-stories .pss-card:hover {
        transform: translateY(-4px);
        box-shadow: 0 10px 20px rgba(21,101,192,0.05);
        border-color: rgba(21,101,192,0.25);
    }
    #patient-success-stories .pss-card::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 4px;
    }
    #patient-success-stories .pss-card-1::before { background: #0B2545; }
    #patient-success-stories .pss-card-2::before { background: #1565C0; }
    #patient-success-stories .pss-card-3::before { background: #2196F3; }
    #patient-success-stories .pss-stars {
        color: #FFB300;
        font-size: 16px;
        letter-spacing: 2px;
        margin-bottom: 14px;
    }
    #patient-success-stories .pss-card-title {
        font-size: 17px;
        font-weight: 500;
        color: #0B2545;
        margin: 0 0 12px 0;
        line-height: 1.4;
    }
    #patient-success-stories .pss-card-desc {
        font-size: 13.5px;
        line-height: 1.8;
        color: #546E7A;
        margin: 0 0 24px 0;
        text-align: justify;
        font-weight: 300;
        flex-grow: 1;
    }
    @media (max-width: 991px) {
        #patient-success-stories {
            padding: 60px 15px;
        }
        #patient-success-stories .pss-header {
            margin-bottom: 40px;
        }
        #patient-success-stories .pss-main-title {
            font-size: 25px;
        }
        #patient-success-stories .pss-grid {
            flex-direction: column;
            gap: 20px;
        }
        #patient-success-stories .pss-col {
            min-width: 100%;
            max-width: 100%;
        }
        #patient-success-stories .pss-card {
            padding: 30px 24px;
        }
    }

#hip-replacement-hero {
  --primary: #1a4a6b;
  --primary-dark: #0f2e44;
  --primary-light: #e8f2f9;
  --accent: #c9a96e;
  --accent-dark: #a07840;
  --text: #1c2b3a;
  --text-muted: #5a6e7f;
  --text-light: #8a9eb0;
  --bg: #ffffff;
  --bg-soft: #f4f8fb;
  --bg-section: #fafcfe;
  --border: #dce8f0;
  --white: #ffffff;
  --radius: 4px;
}
#hip-replacement-hero.hip-surgery-hero {
  position: relative;
  overflow: hidden;
  background: #f0f7fc;
  min-height: 580px;
  display: flex;
  align-items: stretch;
}

/* Background canvas rendering frame */
#hip-replacement-hero .hero-bg-image {
  position: absolute;
  top: 0; 
  right: 0;
  width: 58%;
  height: 100%;
  background-image: url('/wp-content/uploads/2026/05/Hip-Replacement-Surgery.jpeg');
  background-size: cover;
  background-position: center 20%;
  background-repeat: no-repeat;
  animation: heroFadeIn 1s ease 0.2s both;
}

/* Left-to-right white fade so text side merges cleanly */
#hip-replacement-hero .hero-bg-image::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to right,
    #f0f7fc 0%,
    rgba(240,247,252,0.92) 8%,
    rgba(240,247,252,0.55) 30%,
    rgba(240,247,252,0.08) 60%,
    transparent 100%
  );
}

/* Top + Bottom micro-gradient ambient fades */
#hip-replacement-hero .hero-bg-image::after {
  content: '';
  position: absolute;
  inset: 0;
  background:
    linear-gradient(to bottom, rgba(240,247,252,0.6) 0%, transparent 18%),
    linear-gradient(to top,    rgba(240,247,252,0.6) 0%, transparent 18%);
}

/* Logo badge top-right corner positioning matrix */
#hip-replacement-hero .hero-logo-corner {
  position: absolute;
  top: 28px;
  right: 32px;
  z-index: 10;
  display: flex;
  align-items: center;
  gap: 10px;
  animation: heroFadeIn 0.8s ease 0.5s both;
}

#hip-replacement-hero .hlc-icon {
  width: 40px; 
  height: 40px;
  background: var(--primary);
  border-radius: 8px;
  display: flex; 
  align-items: center; 
  justify-content: center;
}

#hip-replacement-hero .hlc-icon svg { 
  width: 22px; 
  height: 22px; 
  fill: white; 
}

#hip-replacement-hero .hlc-text { 
  display: flex; 
  flex-direction: column; 
  line-height: 1.1; 
}

#hip-replacement-hero .hlc-text .hlc-main {
  font-size: 18px;
  font-weight: 700;
  color: var(--primary-dark);
  letter-spacing: 0.03em;
}

#hip-replacement-hero .hlc-text .hlc-sub {
  font-size: 10px;
  letter-spacing: 0.14em;
  color: var(--text-muted);
  text-transform: uppercase;
  font-weight: 500;
}

/* Flexbox and CSS Grid containment layout core */
#hip-replacement-hero .hero-inner {
  margin: 0 auto;
  padding: 0 48px;
  display: grid;
  grid-template-columns: 52% 48%;
  align-items: center;
  position: relative;
  z-index: 2;
  width: 100%;
}

/* ── LEFT SIDE CONTENT ── */
#hip-replacement-hero .hero-content {
  padding: 90px 56px 90px 0;
}

#hip-replacement-hero .hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(0, 168, 150, 0.1);
  border: 1px solid rgba(26,74,107,0.2);
  color: #00a896;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  padding: 6px 14px;
  border-radius: 20px;
  margin-bottom: 24px;
  animation: badgePop 0.7s cubic-bezier(0.34,1.56,0.64,1) 0.1s both;
}

#hip-replacement-hero .hero-badge::before {
  content: '';
  width: 6px; 
  height: 6px;
  border-radius: 50%;
  background: #00a896;
  flex-shrink: 0;
}

#hip-replacement-hero h2 {
  font-size: clamp(26px, 2.8vw, 42px);
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 24px;
  letter-spacing: -0.01em;
  color: #0053a1;
  animation: heroFadeUp 0.75s ease 0.25s both;
}

#hip-replacement-hero .hero-para {
  font-size: 15px;
  line-height: 1.85;
  color: #2d3748;
  margin-bottom: 16px;
  font-weight: 400;
  animation: heroFadeUp 0.75s ease 0.4s both;
  max-width: 800px;
}
#hip-replacement-hero .hero-ctas {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  animation: heroFadeUp 0.75s ease 0.6s both;
}
#hip-replacement-hero .btn-primary {
  background: var(--primary);
  color: var(--white);
  padding: 14px 30px;
  border-radius: 4px;
  font-weight: 600;
  font-size: 14.5px;
  text-decoration: none;
  letter-spacing: 0.02em;
  transition: background 0.2s, transform 0.15s, box-shadow 0.2s;
  display: inline-block;
  position: relative;
  overflow: hidden;
  box-shadow: 0 4px 16px rgba(26,74,107,0.25);
}

#hip-replacement-hero .btn-primary::after {
  content: '';
  position: absolute; 
  inset: 0;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
  background-size: 200% 100%;
  animation: shimmer 2.4s linear 1.2s infinite;
}

#hip-replacement-hero .btn-primary:hover {
  background: var(--primary-dark);
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(26,74,107,0.3);
}

#hip-replacement-hero .btn-outline {
  background: transparent;
  color: var(--primary);
  border: 1.5px solid rgba(26,74,107,0.35);
  padding: 13px 28px;
  border-radius: 4px;
  font-weight: 500;
  font-size: 14.5px;
  text-decoration: none;
  transition: border-color 0.2s, background 0.2s, color 0.2s;
  display: inline-block;
}

#hip-replacement-hero .btn-outline:hover {
  border-color: var(--primary);
  background: rgba(26,74,107,0.06);
  color: var(--primary-dark);
}

/* Medical Trust Stats Row Display System */
#hip-replacement-hero .hero-stats {
  display: flex;
  gap: 36px;
  margin-top: 44px;
  padding-top: 32px;
  border-top: 1px solid rgba(26,74,107,0.12);
  animation: heroFadeUp 0.75s ease 0.75s both;
  flex-wrap: wrap;
}

#hip-replacement-hero .hero-stat-item { 
  display: flex; 
  flex-direction: column; 
  gap: 3px; 
}

#hip-replacement-hero .hero-stat-num {
  font-size: 30px;
  font-weight: 700;
  color: var(--primary);
  line-height: 1;
}

#hip-replacement-hero .hero-stat-label {
  font-size: 11.5px;
  color: var(--text-muted);
  letter-spacing: 0.05em;
  font-weight: 500;
}

/* ── RIGHT SIDE GRAPHICS CONTAINER ── */
#hip-replacement-hero .hero-visual {
  position: relative;
  min-height: 580px;
  animation: floatY 7s ease-in-out 1s infinite;
}

/* Pulse radar interfaces mapped over visual coordinates */
#hip-replacement-hero .hero-pulse {
  position: absolute;
  top: 45%; 
  left: 35%;
  width: 90px; 
  height: 90px;
  border-radius: 50%;
  border: 2px solid rgba(26,100,200,0.4);
  animation: pulseRing 2.4s ease-out 1.5s infinite;
  pointer-events: none;
  z-index: 5;
}

#hip-replacement-hero .hero-pulse-2 {
  top: 45%; 
  left: 35%;
  width: 130px; 
  height: 130px;
  border-color: rgba(26,100,200,0.2);
  animation-delay: 2.2s;
}

/* ── RESPONSIVE COMPONENT LAYOUTS ── */
@media (max-width: 900px) {
  #hip-replacement-hero .hero-bg-image { 
    width: 100%; 
  }
  
  #hip-replacement-hero .hero-bg-image::before {
    background: linear-gradient(
      to bottom,
      rgba(240,247,252,0.97) 0%,
      rgba(240,247,252,0.85) 55%,
      rgba(240,247,252,0.4) 80%,
      transparent 100%
    );
  }
  
  #hip-replacement-hero .hero-inner {
    grid-template-columns: 1fr;
    padding: 0 24px;
  }
  
  #hip-replacement-hero .hero-content { 
    padding: 60px 0 40px; 
  }
  
  #hip-replacement-hero .hero-visual { 
    display: none; 
  }
  
  #hip-replacement-hero .hero-logo-corner { 
    top: 16px; 
    right: 16px; 
  }
  
  #hip-replacement-hero .hero-stats { 
    gap: 20px; 
  }
  
  #hip-replacement-hero h2 { 
    font-size: clamp(24px, 5vw, 36px); 
  }
}

@media (max-width: 680px) {
  #hip-replacement-hero { 
    padding: 60px 20px; 
  }
}
@keyframes heroFadeUp {
  from { opacity: 0; transform: translateY(28px); }
  to   { opacity: 1; transform: translateY(0); }
}
@keyframes heroFadeIn {
  from { opacity: 0; }
  to   { opacity: 1; }
}
@keyframes badgePop {
  0%   { opacity: 0; transform: scale(0.85) translateY(8px); }
  70%  { transform: scale(1.04) translateY(-1px); }
  100% { opacity: 1; transform: scale(1) translateY(0); }
}
@keyframes shimmer {
  0%   { background-position: -200% center; }
  100% { background-position: 200% center; }
}
@keyframes floatY {
  0%, 100% { transform: translateY(0); }
  50%      { transform: translateY(-8px); }
}
@keyframes pulseRing {
  0%   { transform: translate(-50%,-50%) scale(0.85); opacity: 0.7; }
  70%  { transform: translate(-50%,-50%) scale(1.25); opacity: 0; }
  100% { transform: translate(-50%,-50%) scale(0.85); opacity: 0; }
}

#axcura-specialists-section.specialists-wrapper {
  background-color: #fafcfe;
  padding: 100px 24px;
}

#axcura-specialists-section .section-container {
  margin: 0 auto;
}
#axcura-specialists-section .section-header {
  margin: 0 auto 70px auto;
  text-align: center;
}

#axcura-specialists-section .section-header h2 {
  font-size: clamp(28px, 3.2vw, 40px);
  color: #0053a1;
  font-weight: 700;
  line-height: 1.25;
  margin: 0 0 20px 0;
  letter-spacing: -0.02em;
}

#axcura-specialists-section .section-header .header-lead {
  font-size: 16px;
  line-height: 1.75;
  color: #5a6e7f;
  margin: 0;
}

#axcura-specialists-section .doctors-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px;
  align-items: stretch;
}

#axcura-specialists-section .doctor-card {
  background: #ffffff;
  border-radius: 8px;
  border: 1px solid #dce8f0;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(26, 74, 107, 0.04);
  display: flex;
  flex-direction: column;
  transition: transform 0.3s cubic-bezier(0.25, 1, 0.5, 1), box-shadow 0.3s ease;
}

#axcura-specialists-section .doctor-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 32px rgba(26, 74, 107, 0.09);
}

#axcura-specialists-section .image-frame {
  position: relative;
  width: 100%;
  height: 480px; 
  overflow: hidden;
  background-color: #e8f2f9;
}

#axcura-specialists-section .doc-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 25%;
  transition: transform 0.5s ease;
}
#axcura-specialists-section .doc-img.hardik-nayak {
  object-position: center 10%;
}
#axcura-specialists-section .doctor-card:hover .doc-img {
  transform: scale(1.03);
}

#axcura-specialists-section .specialty-badge {
  position: absolute;
  bottom: 20px;
  left: 20px;
  background: #1a4a6b;
  color: #ffffff;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  padding: 6px 16px;
  border-radius: 4px;
  box-shadow: 0 4px 12px rgba(15, 46, 68, 0.25);
}

#axcura-specialists-section .content-frame {
  padding: 40px;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

#axcura-specialists-section .content-frame h3 {
  font-size: 26px;
  color: #1a3a5c;
  margin: 0 0 8px 0;
  font-weight: 700;
}

#axcura-specialists-section .sub-designation {
  font-size: 14px;
  color: #0f766e;
  font-weight: 600;
  line-height: 1.4;
  margin: 0 0 20px 0;
  letter-spacing: 0.01em;
}

#axcura-specialists-section .card-divider {
  border: 0;
  height: 1px;
  background: #dce8f0;
  margin: 0 0 24px 0;
  width: 100%;
}

#axcura-specialists-section .bio-text {
  font-size: 14.5px;
  line-height: 1.8;
  color: #5a6e7f;
  margin: 0 0 16px 0;
}

#axcura-specialists-section .bio-text:last-of-type {
  margin-bottom: 0;
}

#axcura-specialists-section .regional-footprint {
  font-size: 13.5px;
  line-height: 1.7;
  color: #8a9eb0;
  padding-left: 14px;
  border-left: 2px solid #0f766e;
  font-style: italic;
}
@media (max-width: 992px) {
  #axcura-specialists-section .doctors-grid {
    grid-template-columns: 1fr;
    gap: 48px;
  }
  
  #axcura-specialists-section .image-frame {
    height: 520px;
  }
}
@media (max-width: 600px) {
  #axcura-specialists-section {
    padding: 60px 16px;
  }
  
  #axcura-specialists-section .section-header {
    margin-bottom: 40px;
  }

  #axcura-specialists-section .content-frame {
    padding: 28px 20px;
  }

  #axcura-specialists-section .image-frame {
    height: 400px;
  }

  #axcura-specialists-section .content-frame h3 {
    font-size: 22px;
  }
}

#hip-procedures-section.procedures-wrapper {
  background-color: #f4f8fb;
  padding: 0px 24px;
}

#hip-procedures-section .procedures-container {
  margin: 0 auto;
}

#hip-procedures-section .procedures-header {
  margin: 0 auto 64px auto;
  text-align: center;
}

#hip-procedures-section .procedures-eyebrow {
  display: inline-block;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  color: #2bbfb3;
  margin-bottom: 12px;
}

#hip-procedures-section .procedures-header h2 {
  font-size: clamp(26px, 3vw, 38px);
  color: #0053a1;
  font-weight: 700;
  line-height: 1.3;
  margin: 0 0 24px 0;
  letter-spacing: -0.01em;
}

#hip-procedures-section .procedures-lead {
  font-size: 15.5px;
  line-height: 1.85;
  color: #5a6e7f;
  margin: 0;
}

#hip-procedures-section .procedures-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
}
#hip-procedures-section .procedure-card {
  background: #ffffff;
  border: 1px solid #dce8f0;
  border-radius: 6px;
  overflow: hidden;
  position: relative;
  box-shadow: 0 4px 20px rgba(26, 74, 107, 0.03);
  display: flex;
  flex-direction: column;
  transition: transform 0.3s cubic-bezier(0.25, 1, 0.5, 1), box-shadow 0.3s ease;
}

#hip-procedures-section .procedure-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 12px 30px rgba(26, 74, 107, 0.08);
}
#hip-procedures-section .card-accent-bar {
  height: 4px;
  width: 100%;
  background: #1a4a6b;
  transition: background 0.3s ease;
}

#hip-procedures-section .procedure-card:hover .card-accent-bar {
  background: #2bbfb3;
}

/* Inner Body Elements */
#hip-procedures-section .card-body {
  padding: 40px;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

/* Custom SVG Med-Icon Frame */
#hip-procedures-section .card-icon-wrapper {
  width: 48px;
  height: 48px;
  background: rgba(26, 74, 107, 0.06);
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 24px;
}

#hip-procedures-section .card-icon-wrapper svg {
  width: 24px;
  height: 24px;
  fill: #1a4a6b;
}

#hip-procedures-section .card-body h3 {
  font-size: 22px;
  color: #1a3a5c;
  font-weight: 700;
  margin: 0 0 6px 0;
}

#hip-procedures-section .surgeon-tag {
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
  color: #2bbfb3;
  letter-spacing: 0.02em;
  margin-bottom: 20px;
}

#hip-procedures-section .card-text {
  font-size: 14.5px;
  line-height: 1.75;
  color: #5a6e7f;
  margin: 0;
}

@media (max-width: 992px) {
  #hip-procedures-section .procedures-grid {
    grid-template-columns: 1fr;
    gap: 24px;
  }
}

@media (max-width: 600px) {
  #hip-procedures-section {
    padding: 60px 16px;
  }

  #hip-procedures-section .procedures-header {
    margin-bottom: 40px;
  }

  #hip-procedures-section .card-body {
    padding: 28px 24px;
  }

  #hip-procedures-section .card-body h3 {
    font-size: 20px;
  }
}

#hip-conditions-section.conditions-wrapper {
  background-color: #ffffff;
  padding: 30px 24px;
}

#hip-conditions-section .conditions-container {
  margin: 0 auto;
}

#hip-conditions-section .conditions-header {
  margin: 0 auto 64px auto;
  text-align: center;
}

#hip-conditions-section .conditions-eyebrow {
  display: inline-block;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  color: #2bbfb3;
  margin-bottom: 12px;
}

#hip-conditions-section .conditions-header h2 {
  font-size: clamp(26px, 3vw, 38px);
  color: #0053a1;
  font-weight: 700;
  line-height: 1.3;
  margin: 0 0 24px 0;
  letter-spacing: -0.01em;
}

#hip-conditions-section .conditions-lead {
  font-size: 15.5px;
  line-height: 1.85;
  color: #5a6e7f;
  margin: 0;
}

/* ── CONDITIONS 3-COLUMN MATRIX grid ── */
#hip-conditions-section .conditions-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}

/* ── CLINICAL CONDITION CARD STYLING ── */
#hip-conditions-section .condition-card {
  background: #f4f8fb;
  border: 1px solid #dce8f0;
  border-radius: 6px;
  overflow: hidden;
  position: relative;
  transition: transform 0.3s cubic-bezier(0.25, 1, 0.5, 1), background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}

#hip-conditions-section .condition-card:hover {
  background-color: #ffffff;
  border-color: #1a3a5c;
  transform: translateY(-5px);
  box-shadow: 0 10px 25px rgba(26, 74, 107, 0.07);
}

/* Inner Layout Frame */
#hip-conditions-section .card-interior {
  padding: 40px 36px;
  display: flex;
  flex-direction: column;
  height: 100%;
  box-sizing: border-box;
}

/* Decimal Numeric Framework Flag */
#hip-conditions-section .num-indicator {
  font-size: 13px;
  font-weight: 700;
  color: #2bbfb3;
  letter-spacing: 0.05em;
  margin-bottom: 20px;
  position: relative;
  display: inline-block;
}

#hip-conditions-section .num-indicator::after {
  content: '';
  position: absolute;
  bottom: -4px;
  left: 0;
  width: 16px;
  height: 1.5px;
  background-color: #1a4a6b;
  transition: width 0.3s ease;
}

#hip-conditions-section .condition-card:hover .num-indicator::after {
  width: 28px;
}

#hip-conditions-section .card-interior h3 {
  font-size: 20px;
  color: #1a3a5c;
  font-weight: 700;
  margin: 0 0 16px 0;
  line-height: 1.3;
}

#hip-conditions-section .card-text {
  font-size: 14px;
  line-height: 1.75;
  color: #5a6e7f;
  margin: 0;
}

@media (max-width: 1024px) {
  #hip-conditions-section .conditions-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
  }
}

@media (max-width: 768px) {
  #hip-conditions-section .conditions-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}

@media (max-width: 600px) {
  #hip-conditions-section {
    padding: 60px 16px;
  }

  #hip-conditions-section .conditions-header {
    margin-bottom: 40px;
  }

  #hip-conditions-section .card-interior {
    padding: 32px 24px;
  }

  #hip-conditions-section .card-interior h3 {
    font-size: 19px;
  }
}

#hip-attention-section.attention-wrapper {
  background-color: #ffffff;
  padding: 30px 24px;
  border-top: 1px solid #eef4f8;
}

#hip-attention-section .attention-container {
  margin: 0 auto;
  display: grid;
  grid-template-columns: 43% 51%;
  gap: 6%;
  align-items: start;
}

#hip-attention-section .attention-sidebar {
  position: sticky;
  top: 40px;
}

#hip-attention-section .attention-badge {
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: #008491;
  margin-bottom: 16px;
}

#hip-attention-section .attention-sidebar h2 {
  font-size: clamp(26px, 2.8vw, 36px);
  color: #1e293b;
  font-weight: 700;
  line-height: 1.3;
  margin: 0 0 20px 0;
  letter-spacing: -0.01em;
}

#hip-attention-section .attention-sidebar h2 .accent-title {
  color: #008491;
}

#hip-attention-section .attention-intro {
  font-size: 15.5px;
  line-height: 1.75;
  color: #64748b;
  margin: 0 0 36px 0;
}

#hip-attention-section .image-slider-container {
  position: relative;
  width: 100%;
  margin-top: 24px;
  overflow: hidden;
  border-radius: 12px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.06);
}

#hip-attention-section .slider-track {
  display: flex;
  width: 300%;
  transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

#hip-attention-section .slider-slide {
  width: 100.333%; 
  height: 250px;
}

#hip-attention-section .slider-slide img {
  width: 100%;
  height: 100%;
  display: block;
}

#hip-attention-section .slider-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(30, 41, 59, 0.6);
  color: #ffffff;
  border: none;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  cursor: pointer;
  z-index: 10;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.2s ease;
}

#hip-attention-section .slider-arrow:hover {
  background: #008491;
}

#hip-attention-section .prev-arrow { left: 12px; }
#hip-attention-section .next-arrow { right: 12px; }

#hip-attention-section .slider-dots {
  position: absolute;
  bottom: 12px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 8px;
  z-index: 10;
}

#hip-attention-section .dot {
  width: 8px;
  height: 8px;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  cursor: pointer;
  transition: background-color 0.3s ease, transform 0.3s ease;
}

#hip-attention-section .dot.active {
  background-color: #008491;
  transform: scale(1.2);
}

/* --- Symptom Grid Layout --- */
#hip-attention-section .symptoms-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}

#hip-attention-section .symptom-item {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  padding: 22px 28px;
  display: flex;
  align-items: center;
  gap: 18px;
  transition: background-color 0.25s ease, border-color 0.25s ease, transform 0.25s ease;
}

#hip-attention-section .symptom-item:hover {
  background: #ffffff;
  border-color: #008491;
  transform: translateX(4px);
  box-shadow: 0 4px 15px rgba(0, 132, 145, 0.05);
}

#hip-attention-section .symptom-dot {
  width: 8px;
  height: 8px;
  background-color: #008491;
  border-radius: 50%;
  flex-shrink: 0;
  transition: transform 0.25s ease;
}

#hip-attention-section .symptom-item:hover .symptom-dot {
  transform: scale(1.3);
}

#hip-attention-section .symptom-item p {
  font-size: 14.5px;
  line-height: 1.6;
  color: #334155;
  margin: 0;
  font-weight: 500;
}

/* ── RESPONSIVENESS MATRIX ── */
@media (max-width: 992px) {
  #hip-attention-section .attention-container {
    grid-template-columns: 1fr;
    gap: 36px;
  }
  #hip-attention-section .attention-sidebar {
    position: static;
  }
}

@media (max-width: 600px) {
  #hip-attention-section {
    padding: 40px 16px;
  }
  #hip-attention-section .symptom-item {
    padding: 18px 20px;
    gap: 14px;
  }
  #hip-attention-section .symptom-item p {
    font-size: 14px;
  }
}

#hip-attention-section.attention-wrapper {
  background-color: #ffffff;
  padding: 30px 24px;
  border-top: 1px solid #eef4f8;
}

#hip-attention-section .attention-container {
  margin: 0 auto;
  display: grid;
  grid-template-columns: 43% 51%;
  gap: 6%;
  align-items: start;
}

#hip-attention-section .attention-sidebar {
  position: sticky;
  top: 40px;
}

#hip-attention-section .attention-badge {
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: #008491; /* Therapist-01 Core Dental Teal Accent */
  margin-bottom: 16px;
}

#hip-attention-section .attention-sidebar h2 {
  font-size: clamp(26px, 2.8vw, 36px);
  color: #1e293b;
  font-weight: 700;
  line-height: 1.3;
  margin: 0 0 20px 0;
  letter-spacing: -0.01em;
}

#hip-attention-section .attention-sidebar h2 .accent-title {
  color: #008491;
}

#hip-attention-section .attention-intro {
  font-size: 15.5px;
  line-height: 1.75;
  color: #64748b;
  margin: 0 0 36px 0;
}

#hip-attention-section .symptoms-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}

#hip-attention-section .symptom-item {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  padding: 22px 28px;
  display: flex;
  align-items: center;
  gap: 18px;
  transition: background-color 0.25s ease, border-color 0.25s ease, transform 0.25s ease;
  opacity: 0;
  transform: translateY(20px);
}

#hip-attention-section .symptom-item.visible {
  opacity: 1;
  transform: translateY(0);
}

#hip-attention-section .symptom-item:hover {
  background: #ffffff;
  border-color: #008491;
  transform: translateX(4px);
  box-shadow: 0 4px 15px rgba(0, 132, 145, 0.05);
}

#hip-attention-section .symptom-dot {
  width: 8px;
  height: 8px;
  background-color: #008491;
  border-radius: 50%;
  flex-shrink: 0;
  transition: transform 0.25s ease;
}

#hip-attention-section .symptom-item:hover .symptom-dot {
  transform: scale(1.3);
}

#hip-attention-section .symptom-item p {
  font-size: 14.5px;
  line-height: 1.6;
  color: #334155;
  margin: 0;
  font-weight: 500;
}

/* ── Section 1 Responsiveness ── */
@media (max-width: 992px) {
  #hip-attention-section .attention-container {
    grid-template-columns: 1fr;
    gap: 48px;
  }
  #hip-attention-section .attention-sidebar {
    position: static;
  }
}

@media (max-width: 600px) {
  #hip-attention-section {
    padding: 60px 16px;
  }
  #hip-attention-section .symptom-item {
    padding: 18px 20px;
    gap: 14px;
  }
  #hip-attention-section .symptom-item p {
    font-size: 14px;
  }
}


/* =========================================
   Section 2: Hip Preservation Styles
   ========================================= */
.axcura-hip-preservation {
  background: #ffffff;
  padding: 80px 24px;
  margin: 0 auto;
}

.axcura-hip-preservation .ahp-section-badge {
  display: flex;
  width: fit-content;
  margin: 0 auto 16px auto;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: #e8f7f2;
  color: #0f7c5b; /* Core Green Accent */
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 6px 14px;
  border-radius: 40px;
}

.axcura-hip-preservation .ahp-section-badge::before {
  content: '';
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #0f7c5b;
  display: inline-block;
}

.axcura-hip-preservation .ahp-section-title {
  font-size: clamp(26px, 4vw, 38px);
  color: #0e2a3a;
  line-height: 1.25;
  margin: 0 0 16px;
  text-align: center;
}

.axcura-hip-preservation .ahp-section-intro {
  font-size: 15px;
  color: #5a7080;
  line-height: 1.75;
  margin: 0 0 48px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.axcura-hip-preservation .ahp-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
  gap: 20px;
  margin-left: auto;
  margin-right: auto;
}

.axcura-hip-preservation .ahp-card,
.axcura-hip-preservation .ahp-image-card {
  background: #ffffff;
  border-radius: 14px;
  padding: 28px 26px;
  position: relative;
  overflow: hidden;
  opacity: 0;
  transform: translateY(28px);
}

.axcura-hip-preservation .ahp-card {
  border: 1px solid #e0eee9;
  cursor: default;
  transition: transform 0.32s ease, box-shadow 0.32s ease, border-color 0.32s ease;
}

.axcura-hip-preservation .ahp-card.ahp-visible,
.axcura-hip-preservation .ahp-image-card.ahp-visible {
  animation: ahpFadeUp 0.55s ease forwards;
}

.axcura-hip-preservation .ahp-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 36px rgba(15, 124, 91, 0.10);
  border-color: #0f7c5b;
}

/* Left accent bar on hover */
.axcura-hip-preservation .ahp-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 100%;
  background: linear-gradient(180deg, #0f7c5b, #1bb88a);
  border-radius: 14px 0 0 14px;
  opacity: 0;
  transition: opacity 0.28s ease;
}

.axcura-hip-preservation .ahp-card:hover::before {
  opacity: 1;
}

.axcura-hip-preservation .ahp-icon-wrap {
  width: 48px;
  height: 48px;
  background: #e8f7f2;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 18px;
  transition: background 0.28s ease;
}

.axcura-hip-preservation .ahp-card:hover .ahp-icon-wrap {
  background: #0f7c5b;
}

.axcura-hip-preservation .ahp-icon-wrap svg {
  width: 24px;
  height: 24px;
  stroke: #0f7c5b;
  fill: none;
  stroke-width: 1.75;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: stroke 0.28s ease;
}

.axcura-hip-preservation .ahp-card:hover .ahp-icon-wrap svg {
  stroke: #ffffff;
}

.axcura-hip-preservation .ahp-card-title {
  font-size: 17px;
  color: #1a3a5c;
  margin: 0 0 10px;
  line-height: 1.3;
}

.axcura-hip-preservation .ahp-card-location {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #0f7c5b;
  margin-bottom: 10px;
}

.axcura-hip-preservation .ahp-card-location svg {
  width: 11px;
  height: 11px;
  stroke: #0f7c5b;
  fill: none;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.axcura-hip-preservation .ahp-card-text {
  font-size: 14px;
  color: #617585;
  line-height: 1.7;
  margin: 0;
}

.axcura-hip-preservation .ahp-card-tag {
  display: inline-block;
  margin-top: 16px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  background: #f0faf6;
  color: #0f7c5b;
  padding: 4px 10px;
  border-radius: 6px;
  border: 1px solid #c2e8d9;
  transition: background 0.25s ease, color 0.25s ease, border-color 0.25s ease;
}

.axcura-hip-preservation .ahp-card:hover .ahp-card-tag {
  background: #0f7c5b;
  color: #ffffff;
  border-color: #0f7c5b;
}

/* === Section 2 NEW Preservation Image Box Styles === */
.axcura-hip-preservation .ahp-image-card {
  padding: 0; /* Full cover for image */
  background: #f8fafc;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border: 1px solid #e2e8f0;
}

.axcura-hip-preservation .preservation-featured-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.axcura-hip-preservation .image-overlay-text {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: linear-gradient(0deg, rgba(30, 41, 59, 0.95) 0%, rgba(30, 41, 59, 0.6) 70%, rgba(30, 41, 59, 0) 100%);
  color: #ffffff;
  padding: 28px 26px;
  z-index: 5;
}

.axcura-hip-preservation .image-overlay-text h3 {
  font-size: 17px;
  font-weight: 700;
  margin: 0 0 6px 0;
  color: #ffffff;
}

.axcura-hip-preservation .image-overlay-text p {
  font-size: 13px;
  font-weight: 500;
  color: #cbd5e1;
  margin: 0;
}

/* Animations & Responsiveness Section 2 */
@keyframes ahpFadeUp {
  from { opacity: 0; transform: translateY(28px); }
  to   { opacity: 1; transform: translateY(0); }
}

@media (max-width: 768px) {
  .axcura-hip-preservation .ahp-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 600px) {
  .axcura-hip-preservation {
    padding: 48px 16px;
  }
}
#why-axcura-section {
  background: #f8fffe;
  padding: 72px 0 80px;
  position: relative;
  overflow: hidden;
}

#why-axcura-section::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 4px;
  background: linear-gradient(90deg, #1aaf8b, #0d8c6f, #1aaf8b);
}

#why-axcura-section .wac-container {
  margin: 0 auto;
  padding: 0 32px;
}

/* ── SPLITFLEX HEADER SYSTEM ADJUSTMENTS ── */
#why-axcura-section .wac-header { 
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
  margin-bottom: 52px;
  animation: fadeUp 0.5s ease both; 
}

#why-axcura-section .wac-header-left {
  flex: 1.2;
}

#why-axcura-section .wac-header-right {
  flex: 0.8;
  display: flex;
  justify-content: center;
  align-items: center;
}

#why-axcura-section .wac-header-img-asset {
  width: 100%;
  max-width: 460px;
  height: auto;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(13, 140, 111, 0.08);
  object-fit: cover;
}

#why-axcura-section .wac-badge {
  display: inline-block;
  background: #e6f8f3;
  color: #0d8c6f;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  padding: 6px 16px;
  border-radius: 50px;
  margin-bottom: 16px;
  border: 1px solid #b3e8d8;
}

#why-axcura-section .wac-headline {
  font-size: 38px;
  font-weight: 700;
  color: #1a2e28;
  line-height: 1.22;
  margin: 0 0 16px;
}

#why-axcura-section .wac-headline span {
  color: #1aaf8b;
}

#why-axcura-section .wac-intro-text {
  font-size: 16px;
  color: #4a6258;
  line-height: 1.75;
  margin: 0;
  font-weight: 400;
}

#why-axcura-section .wac-layout {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

#why-axcura-section .wac-card {
  background: #ffffff;
  border: 1px solid #d5ede6;
  border-radius: 14px;
  padding: 24px 26px;
  display: flex;
  gap: 16px;
  align-items: flex-start;
  transition: border-color 0.25s, box-shadow 0.25s;
  cursor: default;
  position: relative;
  overflow: hidden;
}

#why-axcura-section .wac-card::after {
  content: '';
  position: absolute;
  top: 0; left: 0;
  width: 3px;
  height: 100%;
  background: #1aaf8b;
  border-radius: 3px 0 0 3px;
  opacity: 0;
  transition: opacity 0.25s;
}

#why-axcura-section .wac-card:hover {
  border-color: #1aaf8b;
  box-shadow: 0 4px 20px rgba(26,175,139,0.1);
}

#why-axcura-section .wac-card:hover::after {
  opacity: 1;
}

#why-axcura-section .wac-icon-wrap {
  flex-shrink: 0;
  width: 44px;
  height: 44px;
  background: #e6f8f3;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#why-axcura-section .wac-icon-wrap svg {
  width: 22px;
  height: 22px;
  stroke: #0d8c6f;
  fill: none;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

#why-axcura-section .wac-card-title {
  font-size: 14px;
  font-weight: 600;
  color: #1a2e28;
  margin: 0 0 5px;
  line-height: 1.35;
}

#why-axcura-section .wac-card-desc {
  font-size: 13.5px;
  color: #4a6258;
  line-height: 1.65;
  margin: 0;
  font-weight: 400;
}

#why-axcura-section .wac-card-desc strong {
  color: #0d8c6f;
  font-weight: 600;
}

#why-axcura-section .wac-bottom-strip {
  margin-top: 48px;
  background: #0d8c6f;
  border-radius: 16px;
  padding: 28px 36px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  flex-wrap: wrap;
}

#why-axcura-section .wac-strip-text {
  color: #ffffff;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.5;
}

#why-axcura-section .wac-strip-text strong { 
  font-weight: 600; 
}

#why-axcura-section .wac-strip-locations {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}

#why-axcura-section .wac-loc-tag {
  font-size: 12px;
  background: rgba(255,255,255,0.15);
  color: #e0fff7;
  border: 1px solid rgba(255,255,255,0.25);
  border-radius: 50px;
  padding: 4px 12px;
  font-weight: 400;
  letter-spacing: 0.3px;
}

#why-axcura-section .wac-strip-cta {
  flex-shrink: 0;
  background: #ffffff;
  color: #0d8c6f;
  font-size: 14px;
  font-weight: 600;
  padding: 12px 28px;
  border-radius: 50px;
  border: none;
  cursor: pointer;
  letter-spacing: 0.3px;
  transition: background 0.2s, transform 0.15s;
  white-space: nowrap;
  font-family: inherit;
}

#why-axcura-section .wac-strip-cta:hover {
  background: #e6f8f3;
  transform: translateY(-1px);
}

#why-axcura-section .wac-card:nth-child(1) { animation: fadeUp 0.5s 0.08s ease both; }
#why-axcura-section .wac-card:nth-child(2) { animation: fadeUp 0.5s 0.14s ease both; }
#why-axcura-section .wac-card:nth-child(3) { animation: fadeUp 0.5s 0.20s ease both; }
#why-axcura-section .wac-card:nth-child(4) { animation: fadeUp 0.5s 0.26s ease both; }
#why-axcura-section .wac-card:nth-child(5) { animation: fadeUp 0.5s 0.32s ease both; }
#why-axcura-section .wac-card:nth-child(6) { animation: fadeUp 0.5s 0.38s ease both; }
#why-axcura-section .wac-card:nth-child(7) { animation: fadeUp 0.5s 0.44s ease both; }

#why-axcura-section .wac-bottom-strip { 
  animation: fadeUp 0.5s 0.52s ease both; 
}

/* Base Keyframe Repositories */
@keyframes fadeUp {
  from { opacity: 0; transform: translateY(18px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* Responsive Structural Breakpoints Media Layout */
@media (max-width: 992px) {
  #why-axcura-section .wac-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
  }
  #why-axcura-section .wac-header-right {
    width: 100%;
    justify-content: center;
  }
  #why-axcura-section .wac-header-img-asset {
    max-width: 100%;
    max-height: 320px;
  }
  #why-axcura-section .wac-layout {
    grid-template-columns: 1fr;
  }
}
#faq-axcura-section {
  background: #ffffff;
  padding: 60px 0;
  position: relative;
}

#faq-axcura-section::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: #1565C0;
}

#faq-axcura-section .faq-container {
  margin: 0 auto;
  padding: 0 28px;
}

#faq-axcura-section .faq-header {
  text-align: center;
  margin-bottom: 36px;
}

#faq-axcura-section .faq-header .faq-badge {
  display: inline-block;
  background: #E3F2FD;
  color: #1565C0;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1.6px;
  text-transform: uppercase;
  padding: 5px 14px;
  border-radius: 50px;
  border: 1px solid rgb(21 103 189 / 32%);
  margin-bottom: 12px;
}

#faq-axcura-section .faq-header h2 {
  font-size: 30px;
  font-weight: 700;
  color: #1a3a5c;
  margin: 0 0 8px;
  line-height: 1.25;
}

#faq-axcura-section .faq-header h2 span {
  color: #1565C0;
}

#faq-axcura-section .faq-header p {
  font-size: 14.5px;
  color: #1a3a5c;
  margin: 0;
  line-height: 1.6;
}

/* TWO-COLUMN GRID */
#faq-axcura-section .faq-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

/* FAQ ITEM */
#faq-axcura-section .faq-item {
  border: 1px solid rgb(21 103 189 / 32%);
  border-radius: 10px;
  background: #ffffff;
  overflow: hidden;
  transition: border-color 0.22s, box-shadow 0.22s;
}

#faq-axcura-section .faq-item.faq-open {
  border-color: #1565C0;
  box-shadow: 0 3px 14px rgba(21, 101, 192, 0.12);
  background: #ffffff;
}

#faq-axcura-section .faq-question {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 16px;
  cursor: pointer;
  user-select: none;
}

#faq-axcura-section .faq-q-left {
  display: flex;
  align-items: center;
  gap: 12px;
}

/* NUMBER BADGE */
#faq-axcura-section .faq-q-num {
  flex-shrink: 0;
  position: relative;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 700;
  color: #1565C0;
  transition: color 0.25s ease;
}

#faq-axcura-section .faq-q-num svg.bg-shape {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

#faq-axcura-section .faq-q-num svg.bg-shape .main-path {
  fill: #E3F2FD;
  stroke: #1565C0;
  stroke-width: 1.2;
  transition: fill 0.25s ease, stroke 0.25s ease;
}

#faq-axcura-section .faq-q-num .num-text {
  position: relative;
  z-index: 2;
}

/* OPEN STATE */
#faq-axcura-section .faq-item.faq-open .faq-q-num {
  color: #1565C0;
}

#faq-axcura-section .faq-item.faq-open .faq-q-num svg.bg-shape .main-path {
  fill: #E3F2FD;
  stroke: #1565C0;
}

#faq-axcura-section .faq-q-text {
  font-size: 13.5px;
  font-weight: 600;
  color: #1a3a5c;
  line-height: 1.35;
  margin-bottom: 0;
}

/* TOGGLE ARROW */
#faq-axcura-section .faq-toggle {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #E3F2FD;
  display: flex;
  align-items: center;
  justify-content: center;
}

#faq-axcura-section .faq-toggle svg {
  width: 12px;
  height: 12px;
  stroke: #1565C0;
  fill: none;
  stroke-width: 2.4;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: transform 0.3s;
}

#faq-axcura-section .faq-item.faq-open .faq-toggle {
  background: #1565C0;
}

#faq-axcura-section .faq-item.faq-open .faq-toggle svg {
  stroke: #ffffff;
  transform: rotate(180deg);
}

#faq-axcura-section .faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.35s ease;
}

#faq-axcura-section .faq-item.faq-open .faq-answer {
  max-height: 250px;
}

#faq-axcura-section .faq-answer-inner {
  padding: 0 16px 14px 60px;
  border-top: 1px solid rgb(21 103 189 / 20%);
}

#faq-axcura-section .faq-answer-inner p {
  font-size: 13px;
  color: #1a3a5c;
  line-height: 1.7;
  margin: 12px 0 0;
}

  @media (max-width: 768px) {
    #faq-axcura-section {
      padding: 42px 0;
    }
    
    #faq-axcura-section .faq-container {
      padding: 0 16px;
    }

    #faq-axcura-section .faq-header {
      margin-bottom: 24px;
    }

    #faq-axcura-section .faq-header h2 {
      font-size: 30px;
    }

    #faq-axcura-section .faq-header p {
      font-size: 13.5px;
    }

    #faq-axcura-section .faq-grid {
      grid-template-columns: 1fr;
      gap: 10px;
    }

    #faq-axcura-section .faq-question {
      padding: 12px;
    }

    #faq-axcura-section .faq-answer-inner {
      padding-left: 16px; /* Shifts content alignment to fit narrow smartphone displays smoothly */
    }

    #faq-axcura-section .faq-cta {
      flex-direction: column;
      text-align: center;
      padding: 22px 18px;
      margin-top: 20px;
    }

    #faq-axcura-section .faq-cta p {
      font-size: 13.5px;
    }

    #faq-axcura-section .faq-cta button {
      width: 100%;
      padding: 12px;
    }
  }

  @keyframes faqUp {
    from { opacity: 0; transform: translateY(12px); }
    to   { opacity: 1; transform: translateY(0); }
  }
  #faq-axcura-section .faq-header { animation: faqUp 0.45s ease both; }
  #faq-axcura-section .faq-item:nth-child(1) { animation: faqUp 0.4s 0.05s ease both; }
  #faq-axcura-section .faq-item:nth-child(2) { animation: faqUp 0.4s 0.09s ease both; }
  #faq-axcura-section .faq-item:nth-child(3) { animation: faqUp 0.4s 0.13s ease both; }
  #faq-axcura-section .faq-item:nth-child(4) { animation: faqUp 0.4s 0.17s ease both; }
  #faq-axcura-section .faq-item:nth-child(5) { animation: faqUp 0.4s 0.21s ease both; }
  #faq-axcura-section .faq-item:nth-child(6) { animation: faqUp 0.4s 0.25s ease both; }
  #faq-axcura-section .faq-item:nth-child(7) { animation: faqUp 0.4s 0.29s ease both; }
  #faq-axcura-section .faq-item:nth-child(8) { animation: faqUp 0.4s 0.33s ease both; }
  #faq-axcura-section .faq-cta { animation: faqUp 0.4s 0.38s ease both; }

  #testimonials-ax{padding:56px 0;background:#f8fffe;position:relative}
#testimonials-ax::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#1aaf8b,#0d8c6f,#1aaf8b)}
#testimonials-ax .tx-wrap{margin:0 auto;padding:0 28px}

#testimonials-ax .tx-header{margin-bottom:40px}
#testimonials-ax .tx-kicker{display:inline-block;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#0d8c6f;background:#e6f8f3;border:1px solid #b3e8d8;padding:4px 14px;border-radius:50px;margin-bottom:12px}
#testimonials-ax .tx-header h2{font-size:28px;font-weight:700;color:#1a2e28;margin:0 0 10px;line-height:1.22}
#testimonials-ax .tx-header h2 em{font-style:normal;color:#1aaf8b}
#testimonials-ax .tx-header p{font-size:15px;color:#4a6258;line-height:1.75;margin:0;max-width:680px}

#testimonials-ax .tx-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:32px}
#testimonials-ax .tx-grid .tx-card h3{font-size: 17px;color: #1a3a5c;margin: 0 0 10px;line-height: 1.3;}
#testimonials-ax .tx-card{background:#ffffff;border:1px solid #d5ede6;border-radius:16px;padding:26px 24px;display:flex;flex-direction:column;gap:18px;position:relative;overflow:hidden;transition:border-color .22s,box-shadow .22s}
#testimonials-ax .tx-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:#e6f8f3;transition:background .22s}
#testimonials-ax .tx-card:hover{border-color:#1aaf8b;box-shadow:0 4px 20px rgba(26,175,139,0.08)}
#testimonials-ax .tx-card:hover::before{background:#1aaf8b}

#testimonials-ax .tx-quote-icon{color:#b3e8d8;font-size:28px;line-height:1;font-family:Georgia,serif;font-weight:700;margin-bottom:-8px}
#testimonials-ax .tx-tag{display:inline-block;font-size:11px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:#0d8c6f;background:#e6f8f3;padding:3px 10px;border-radius:50px;border:1px solid #b3e8d8}

#testimonials-ax .tx-stars{display:flex;align-items:center;gap:3px;margin-bottom:4px}
#testimonials-ax .tx-star{color:#1aaf8b;font-size:15px;line-height:1}
#testimonials-ax .tx-rating-text{font-size:11px;color:#7ab8a8;font-weight:600;margin-left:4px}

#testimonials-ax .tx-body{font-size:14px;color:#4a6258;line-height:1.75;font-style:italic;flex:1;border-left:3px solid #e6f8f3;padding-left:14px;border-radius:0}
#testimonials-ax .tx-card:hover .tx-body{border-left-color:#1aaf8b}

#testimonials-ax .tx-footer{border-top:1px solid #edf8f4;padding-top:14px;display:flex;align-items:center;justify-content:space-between}
#testimonials-ax .tx-avatar{width:36px;height:36px;border-radius:50%;background:#e6f8f3;color:#0d8c6f;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}
#testimonials-ax .tx-info{flex:1;padding-left:10px}
#testimonials-ax .tx-name{font-size:13px;font-weight:700;color:#1a2e28;margin:0 0 2px}
#testimonials-ax .tx-meta{font-size:11.5px;color:#7ab8a8;margin:0}
#testimonials-ax .tx-verified{font-size:11px;color:#1aaf8b;font-weight:600;display:flex;align-items:center;gap:4px}
#testimonials-ax .tx-verified svg{width:13px;height:13px;stroke:#1aaf8b;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

#testimonials-ax .tx-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
#testimonials-ax .tx-stat{background:#ffffff;border:1px solid #d5ede6;border-radius:12px;padding:18px 16px;text-align:center}
#testimonials-ax .tx-stat-num{font-size:26px;font-weight:700;color:#1aaf8b;line-height:1;margin-bottom:4px}
#testimonials-ax .tx-stat-label{font-size:12px;color:#4a6258;line-height:1.4}

@media(max-width:760px){
  #testimonials-ax .tx-grid{grid-template-columns:1fr}
  #testimonials-ax .tx-stats{grid-template-columns:repeat(3,1fr)}
  #testimonials-ax .tx-header h2{font-size:22px}
}
@media(max-width:480px){
  #testimonials-ax .tx-wrap{padding:0 16px}
  #testimonials-ax .tx-stats{grid-template-columns:1fr}
  #testimonials-ax{padding:40px 0}
}

/*ACL Reconstruction Mehsana - Dr Hardik Nayak Updated (1)*/
#axcura-ortho-hero-section.acl-reconstruction-mehsana-section {
    background-color: #0B2545; 
    padding: 30px 20px;
    color: #0f2c3d;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
}

#axcura-ortho-hero-section #axcura-ortho-hero-root.expert-arthroscopic-knee-care-container {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1.1fr;
    gap: 60px;
    align-items: center;
    position: relative;
    z-index: 10;
}

#axcura-ortho-hero-section .hero-visualization {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

#axcura-ortho-hero-section .knee-model-container {
    position: relative;
    width: 100%;
    max-width: 480px;
    aspect-ratio: 1 / 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

#axcura-ortho-hero-section .knee-model-img {
    max-width: 130%;
    max-height: 130%;
    object-fit: contain;
    position: relative;
    z-index: 5;
    filter: drop-shadow(0px 15px 30px rgba(15, 44, 61, 0.1));
}

#axcura-ortho-hero-section .glow-vortex {
    position: absolute;
    width: 130%;
    height: 130%;
    background-image: url('/wp-content/uploads/2026/05/knee-surgeon.jpeg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    opacity: 0.5;
    z-index: 2;
    animation: axcuraVortex 12s infinite linear;
}

#axcura-ortho-hero-section .particle-stream {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 3;
    opacity: 0.4;
    background: radial-gradient(circle, rgba(100,227,190,0.6) 1px, transparent 1px);
    background-size: 24px 24px;
    animation: axcuraParticles 8s linear infinite;
}

#axcura-ortho-hero-section .surgeon-hand {
    position: absolute;
    bottom: -10px;
    right: -30px;
    max-width: 160px;
    z-index: 10;
    animation: axcuraHandHover 4s infinite ease-in-out;
}

#axcura-ortho-hero-section .play-arrow {
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 14px solid #008f7a;
    margin-left: 4px;
}

#axcura-ortho-hero-section .knee-ui-card {
    position: absolute;
    bottom: 0;
    left: -20px;
    background: #ffffff;
    border-radius: 14px;
    padding: 18px;
    box-shadow: 0 15px 35px rgba(15, 44, 61, 0.08);
    z-index: 8;
    width: 280px;
    display: flex;
    flex-direction: column;
    gap: 14px;
    border: 1px solid rgba(0, 143, 122, 0.08);
}

#axcura-ortho-hero-section .ui-icon-item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

#axcura-ortho-hero-section .icon-box {
    width: 20px;
    height: 20px;
    background-size: contain;
    background-repeat: no-repeat;
    flex-shrink: 0;
    margin-top: 2px;
}

#axcura-ortho-hero-section .precision-icon {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iIzAwOGY3YSI+PHBhdGggZD0iTTEyIDJDNi40OCAyIDIgNi40OCAyIDEyczQuNDggMTAgMTAgMTogMTAtNC40OCAxMC0xMFMxNy41MiAyIDEyIDJ6bTEgMTdoLTJ2LTJoMnYybTAtNGgtMnY2aDJ2NnoiLz48L3N2Zz4=');
}

#axcura-ortho-hero-section .recovery-icon {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iIzAwOGY3YSI+PHBhdGggZD0iTTE5IDNoLTR2Mmg0djE0SDVWBmg0VjNINWN0MS4xIDAgMiAuOSAyIDJ2MTRjMCAxLjEgLjkgMiAyIDJoMTRjMS4xIDAgMi0uOSAyLTlWM2MwLTEuMS0uOS0yLTItMnoiLz48L3N2Zz4=');
}

#axcura-ortho-hero-section .knee-ui-card h4 {
    margin: 0 0 2px 0;
    font-size: 13px;
    font-weight: 700;
    color: #0f2c3d;
}

#axcura-ortho-hero-section .knee-ui-card p {
    margin: 0;
    font-size: 11px;
    color: #6c7e8a;
    line-height: 1.4;
}

/* --- Right Column Typography Styles --- */
#axcura-ortho-hero-section .dr-hardik-nayak-axcura-ortho-content {
    padding-left: 10px;
}

#axcura-ortho-hero-section .knee-care-subheading {
    font-size: 13px;
    font-weight: 700;
    color: #008f7a;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 12px;
    display: block;
}

#axcura-ortho-hero-section .acl-reconstruction-title {
    font-size: 46px;
    font-weight: 800;
    line-height: 1.15;
    color: #fff;
    margin: 0 0 8px 0;
}

#axcura-ortho-hero-section .secondary-headline {
    font-size: 24px;
    font-weight: 600;
    margin: 0 0 22px 0;
    background: linear-gradient(90deg, #008f7a, #64e3be);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#axcura-ortho-hero-section .axcura-ortho-description {
    font-size: 16px;
    line-height: 1.65;
    color: #5d707c;
    margin-bottom: 35px;
}

/* --- Interactive Core Buttons --- */
#axcura-ortho-hero-section .axcura-button-group {
    display: flex;
    gap: 16px;
    margin-bottom: 40px;
}

#axcura-ortho-hero-section .axcura-btn {
    padding: 15px 30px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    letter-spacing: 0.5px;
    transition: all 0.3s ease;
    display: inline-block;
    text-align: center;
}

#axcura-ortho-hero-section .axcura-btn-primary {
    background-color: #008f7a;
    color: #ffffff;
    box-shadow: 0 6px 20px rgba(0, 143, 122, 0.25);
}

#axcura-ortho-hero-section .axcura-btn-primary:hover {
    background-color: #007661;
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(0, 143, 122, 0.35);
}

#axcura-ortho-hero-section .axcura-btn-secondary {
    background-color: #e6f0f5;
    color: #0f2c3d;
}

#axcura-ortho-hero-section .axcura-btn-secondary:hover {
    background-color: #dae8f0;
    transform: translateY(-2px);
}

/* --- Medical Authority Trust Badges --- */
#axcura-ortho-hero-section .axcura-trust-badges {
    display: flex;
    gap: 40px;
    border-top: 1px solid #e1ebf0;
    padding-top: 25px;
}

#axcura-ortho-hero-section .trust-item {
    display: flex;
    align-items: center;
    gap: 12px;
}

#axcura-ortho-hero-section .trust-logo {
    width: 28px;
    height: 28px;
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0.8;
}

#axcura-ortho-hero-section .assoc-logo {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iIzA0NWE0YSI+PHBhdGggZD0iTTEyIDJDNi40OCAyIDIgNi40OCAyIDFzNC40OCAxMCAxMCAxMCAxMC00LjQ4IDEwLTEwUzE3LjUyIDIgMTIgMnptMSAxNWgtMnYtMmgydjJtMC00aC0ydjZoMnY2eiIvPjwvc3ZnPg==');
}

#axcura-ortho-hero-section .axcura-logo {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iIzA0NWE0YSI+PHBhdGggZD0iTTEyIDNMMiAxMmgydjloNnYtNmgydjZoNnYtOWgyTDEyIDN6Ii8+PC9zdmg+');
}

#axcura-ortho-hero-section .trust-text {
    font-size: 13px;
    color: #6c7e8a;
    line-height: 1.3;
    font-weight: 600;
}

#axcura-ortho-hero-section .particle-trails-footer {
    position: absolute;
    bottom: -60px;
    right: -60px;
    width: 500px;
    height: 250px;
    opacity: 0.15;
    z-index: 1;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2MDAiIGhlaWdodD0iMjAwIj48ZyBmaWxsPSJub25lIiBzdHJva2U9IiM5MGViZDUiIHN0cm9rZS13aWR0aD0iMC41Ij48cGF0aCBkPSJNMTAgNTBDMTUwIDE1MCAzNTAsNTAgNTkwIDUwIi8+PHBhdGggZD0iTTEwIDEwMEMxNTAgMjAwIDM1MCwwIDU5MCAxMDAiLz48L2c+PC9zdmc+');
    background-size: contain;
    background-repeat: no-repeat;
}

@keyframes axcuraVortex {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

@keyframes axcuraParticles {
    0% { background-position: 0px 0px; }
    100% { background-position: 48px 48px; }
}

@keyframes axcuraHandHover {
    0% { transform: translateY(0px) rotate(0deg); }
    50% { transform: translateY(-6px) rotate(-1.5deg); }
    100% { transform: translateY(0px) rotate(0deg); }
}

@media (max-width: 1024px) {
    #axcura-ortho-hero-section #axcura-ortho-hero-root.expert-arthroscopic-knee-care-container {
        grid-template-columns: 1fr;
        gap: 50px;
    }
    #axcura-ortho-hero-section .hero-visualization {
        order: 2;
    }
    #axcura-ortho-hero-section .dr-hardik-nayak-axcura-ortho-content {
        order: 1;
        text-align: center;
        padding-left: 0;
    }
    #axcura-ortho-hero-section .knee-care-subheading {
        justify-content: center;
    }
    #axcura-ortho-hero-section .axcura-button-group {
        justify-content: center;
    }
    #axcura-ortho-hero-section .axcura-trust-badges {
        justify-content: center;
    }
    #axcura-ortho-hero-section .knee-ui-card {
        left: 50%;
        transform: translateX(-50%);
        bottom: -20px;
    }
}

@media (max-width: 580px) {
    #axcura-ortho-hero-section {
        padding: 60px 16px;
    }
    #axcura-ortho-hero-section .acl-reconstruction-title {
        font-size: 32px;
    }
    #axcura-ortho-hero-section .secondary-headline {
        font-size: 18px;
    }
    #axcura-ortho-hero-section .axcura-button-group {
        flex-direction: column;
        gap: 12px;
    }
    #axcura-ortho-hero-section .axcura-btn {
        width: 100%;
    }
    #axcura-ortho-hero-section .axcura-trust-badges {
        flex-direction: column;
        gap: 15px;
        align-items: center;
    }
    #axcura-ortho-hero-section .knee-ui-card {
        width: 100%;
        left: 0;
        transform: none;
        margin-top: 20px;
    }
}

#doctor-profile{
    position:relative;
    padding:30px 20px;
    background:
    linear-gradient(135deg,#f8fffd 0%,#eef8f6 100%);
    overflow:hidden;
}

#doctor-profile::before{
    content:"";
    position:absolute;
    width:500px;
    height:500px;
    border-radius:50%;
    background:rgba(0,143,122,.06);
    top:-200px;
    left:-200px;
}

#doctor-profile::after{
    content:"";
    position:absolute;
    width:450px;
    height:450px;
    border-radius:50%;
    background:rgba(0,143,122,.05);
    bottom:-250px;
    right:-200px;
}

#doctor-profile .doctor-container{
    margin:auto;
    display:grid;
    grid-template-columns:500px 1fr;
    gap:80px;
    align-items:center;
    position:relative;
    z-index:2;
}

/* IMAGE SIDE */

#doctor-profile .doctor-image-area{
    position:relative;
}

#doctor-profile .image-card{
    border-radius:35px;
    overflow:hidden;
    background:#fff;
    padding:15px;
    box-shadow:
    0 30px 60px rgba(0,0,0,.08);
}

#doctor-profile .image-card img{
    width:100%;
    display:block;
    border-radius:25px;
}

#doctor-profile .floating-exp{
    position:absolute;
    bottom:-50px;
    right:-60px;
    background:#008f7a;
    color:#fff;
    padding:25px 30px;
    border-radius:20px;
    min-width:180px;
    box-shadow: 0 20px 40px rgba(0,143,122,.25);
}

#doctor-profile .floating-exp span{
    display:block;
    font-size:30px;
    line-height:1;
    font-weight:800;
}

#doctor-profile .floating-exp small{
    display:block;
    margin-top:10px;
    opacity:.9;
}

/* CONTENT */

#doctor-profile .section-tag{
    display:inline-flex;
    align-items:center;
    gap:8px;

    background:#dff7f2;
    color:#008f7a;

    padding:12px 22px;
    border-radius:50px;

    font-weight:700;
    font-size:14px;
}

#doctor-profile .doctor-content h2{
    font-size:40px;
    line-height:1.05;
    color:#1a3a5c;
    margin:20px 0;
    font-weight:800;
}

#doctor-profile .doctor-content .arthroscopic{
    color:#008f7a;
    font-size:24px;
    margin-bottom:25px;
    font-weight:600;
}
#doctor-profile .doctor-content h3{
    color:#1a3a5c;
    font-size:24px;
    margin-bottom:25px;
    font-weight:600;
}
#doctor-profile .doctor-content p{
    font-size:18px;
    line-height:1.9;
    color:#64748b;
    margin-bottom:20px;
}

/* STATS */

#doctor-profile .doctor-stats{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:18px;
    margin-top:40px;
}

#doctor-profile .stat-box{
    background:#fff;
    padding:30px;
    border-radius:22px;

    box-shadow:
    0 15px 40px rgba(15,23,42,.06);

    transition:.3s;
}

#doctor-profile .stat-box:hover{
    transform:translateY(-8px);
}

#doctor-profile .stat-box strong{
    display:block;
    font-size:34px;
    color:#008f7a;
    margin-bottom:8px;
    font-weight:800;
}

#doctor-profile .stat-box span{
    color:#64748b;
    font-size:15px;
}

/* EXPERTISE */

#doctor-profile .expertise-list{
    margin-top:35px;
}

#doctor-profile .expertise-list span{
    display:inline-flex;
    align-items:center;

    background:#fff;
    border:1px solid #dbe7e5;

    padding:12px 20px;
    border-radius:50px;

    margin:0 10px 12px 0;

    font-weight:600;

    transition:.3s;
}

#doctor-profile .expertise-list span:hover{
    background:#008f7a;
    color:#fff;
    border-color:#008f7a;
}

/* BUTTON */

#doctor-profile .doctor-buttons{
    margin-top:40px;
}

#doctor-profile .primary-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    padding:18px 38px;

    background:
    linear-gradient(135deg,#00a38a,#008f7a);

    color:#fff;
    text-decoration:none;

    border-radius:14px;
    font-weight:700;

    box-shadow:
    0 15px 30px rgba(0,143,122,.25);

    transition:.3s;
}

#doctor-profile .primary-btn:hover{
    transform:translateY(-5px);
}

/* MOBILE */

@media(max-width:991px){

    #doctor-profile{
        padding:40px 20px;
    }

    #doctor-profile .doctor-container{
        grid-template-columns:1fr;
        gap:50px;
    }

    #doctor-profile .doctor-content h2{
        font-size:29px;
    }

    #doctor-profile .doctor-stats{
        grid-template-columns:1fr;
    }

    #doctor-profile .floating-exp{
        right:20px;
        bottom:20px;
    }
}

#acl-info{
    padding:40px 20px;
    background:linear-gradient(180deg,#f8fbff 0%,#ffffff 100%);
    overflow:hidden;
}

#acl-info .acl-info__container{
    margin:0 auto;
}
#acl-info .acl-info__intro{
    display:grid;
    grid-template-columns:1.2fr 1fr;
    gap:60px;
    align-items:center;
    margin-bottom:50px;
}
#acl-info .acl-info__badge{
    display:inline-block;
    background:#e8f2ff;
    color:#0056b3;
    padding:10px 20px;
    border-radius:50px;
    font-size:14px;
    font-weight:600;
    margin-bottom:20px;
    transition:.4s ease;
}
#acl-info .acl-info__badge:hover{
    background:#0056b3;
    color:#fff;
    transform:translateY(-2px);
}
#acl-info .acl-info__title{
    font-size:42px;
    line-height:1.2;
    font-weight:700;
    color:#1565C0;
    margin:0 0 25px;
}
#acl-info .acl-info__subtitle{
    font-size:28px;
    line-height:1.3;
    color:#1a3a5c;
    margin-bottom:20px;
}
#acl-info .acl-info__text{
    font-size:17px;
    line-height:1.9;
    color:#555;
    margin-bottom:18px;
}
#acl-info .acl-info__image{
    overflow:hidden;
    border-radius:24px;
}
#acl-info .acl-info__image img{
    width:100%;
    display:block;
    border-radius:24px;
    box-shadow:0 20px 50px rgba(0,0,0,.12);
    transition:transform .8s ease;
}
#acl-info .acl-info__image:hover img{
    transform:scale(1.08);
}
#acl-info .acl-info__card{
    background:#fff;
    padding:40px;
    border-radius:24px;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
    transition:.4s ease;
}

#acl-info .acl-info__card:hover{
    transform:translateY(-10px);
    box-shadow:0 25px 60px rgba(0,0,0,.12);
}
#acl-info .acl-info__card--highlight{
    border-left:5px solid #0066ff;
}
#acl-info .acl-info__card--highlight:hover{
    border-left:5px solid #008f7a;
}
#acl-info .acl-info__fade-left{
    animation:aclFadeLeft 1s ease forwards;
}
#acl-info .acl-info__fade-right{
    animation:aclFadeRight 1s ease forwards;
}
#acl-info .acl-info__fade-up{
    animation:aclFadeUp 1s ease forwards;
    animation-delay:.3s;
}
@keyframes aclFadeLeft{
    from{
        opacity:0;
        transform:translateX(-60px);
    }
    to{
        opacity:1;
        transform:translateX(0);
    }
}
@keyframes aclFadeRight{
    from{
        opacity:0;
        transform:translateX(60px);
    }
    to{
        opacity:1;
        transform:translateX(0);
    }
}
@keyframes aclFadeUp{
    from{
        opacity:0;
        transform:translateY(50px);
    }
    to{
        opacity:1;
        transform:translateY(0);
    }
}
@media(max-width:991px){

    #acl-info .acl-info__intro{
        grid-template-columns:1fr;
        gap:30px;
    }
    #acl-info .acl-info__title{
        font-size:34px;
    }
    #acl-info .acl-info__subtitle{
        font-size:24px;
    }
}
@media(max-width:767px){
    #acl-info{
        padding:30px 15px;
    }
    #acl-info .acl-info__title{
        font-size:30px;
    }
    #acl-info .acl-info__card{
        padding:25px;
    }
    #acl-info .acl-info__text{
        font-size:16px;
        line-height:1.8;
    }
}

#acl-procedure{
    padding:90px 20px;
    background:linear-gradient(180deg,#f8fbff 0%,#ffffff 100%);
    overflow:hidden;
}

#acl-procedure .acl-procedure__container{
    max-width:1280px;
    margin:auto;
}

/* Hero Section */

#acl-procedure .acl-procedure__hero{
    display:grid;
    grid-template-columns:1.2fr .8fr;
    align-items:center;
    gap:60px;
    margin-bottom:80px;
}

#acl-procedure .acl-procedure__badge{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:10px 20px;
    border-radius:50px;
    background:#e8f2ff;
    color:#0066ff;
    font-size:14px;
    font-weight:600;
    margin-bottom:20px;
}

#acl-procedure h2{
    font-size:48px;
    line-height:1.15;
    color:#1a3a5c;
    margin-bottom:25px;
}

#acl-procedure p{
    color:#64748b;
    line-height:1.9;
    font-size:17px;
}

#acl-procedure .acl-procedure__hero-image{
    display:flex;
    justify-content:center;
    align-items:center;
}

#acl-procedure .acl-procedure__svg{
    width:280px;
    height:280px;
    color:#0f6efd;
    fill:none;
    stroke:currentColor;
    stroke-width:2;
    animation:aclFloat 4s ease-in-out infinite;
}

@keyframes aclFloat {

    0%{
        transform:translate(0,0);
    }

    25%{
        transform:translate(20px,-20px);
    }

    50%{
        transform:translate(0,-20px);
    }

    75%{
        transform:translate(-20px,-20px);
    }

    100%{
        transform:translate(0,0);
    }
}

/* Section Block */

#acl-procedure .acl-procedure__section{
    background:#fff;
    border-radius:30px;
    padding:45px;
    margin-bottom:50px;
    box-shadow:0 20px 50px rgba(0,0,0,.06);
}

#acl-procedure .acl-procedure__section-header{
    display:flex;
    align-items:center;
    gap:15px;
    margin-bottom:25px;
}

#acl-procedure .acl-procedure__section-header h3{
    margin:0;
    font-size:32px;
    color:#1a3a5c;
}

#acl-procedure .acl-procedure__icon{
    width:30px;
    height:30px;
    fill:#0f6efd;
}

/* Graft Cards */

#acl-procedure .acl-procedure__grafts{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
    gap:30px;
    margin:60px 0;
}

#acl-procedure .acl-procedure__graft-card{
    position:relative;
    background:#fff;
    padding:35px;
    border-radius:25px;
    box-shadow:0 15px 40px rgba(0,0,0,.06);
    transition:.4s ease;
    overflow:hidden;
}

#acl-procedure .acl-procedure__graft-card:before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:5px;
    background:#0f6efd;
}

#acl-procedure .acl-procedure__graft-card:hover{
    transform:translateY(-10px);
    box-shadow:0 30px 60px rgba(0,0,0,.12);
}

#acl-procedure .acl-procedure__graft-card h4{
    font-size:24px;
    color:#008f7a;
    margin-bottom:15px;
}

#acl-procedure .acl-procedure__graft-card--featured{
    background:linear-gradient(135deg,#0066ff,#00a8ff);
    color:#fff;
}

#acl-procedure .acl-procedure__graft-card--featured h4,
#acl-procedure .acl-procedure__graft-card--featured p{
    color:#fff;
}

#acl-procedure .acl-procedure__graft-card--featured:before{
    background:#fff;
}

#acl-procedure .acl-procedure__highlight{
    padding:60px;
    border-radius:30px;
    background:linear-gradient(135deg,#0f6efd,#00b4ff);
    color:#fff;
    margin:70px 0;
    position:relative;
    overflow:hidden;
}

#acl-procedure .acl-procedure__highlight:before{
    content:'';
    position:absolute;
    width:300px;
    height:300px;
    border-radius:50%;
    background:rgba(255,255,255,.08);
    top:-150px;
    right:-150px;
}

#acl-procedure .acl-procedure__highlight h3{
    color:#1a3a5c;
    font-size:26px;
    margin-bottom:20px;
}

#acl-procedure .acl-procedure__highlight p{
    color:rgba(255,255,255,.92);
}

/* Injury Section */

#acl-procedure .acl-procedure__injuries{
    margin-top:30px;
}

#acl-procedure .acl-procedure__injuries > h3{
    font-size:40px;
    text-align:center;
    margin-bottom:25px;
    color:#1565C0;
}

#acl-procedure .acl-procedure__injury-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
    margin-top:40px;
}

#acl-procedure .acl-procedure__injury-card{
    background:#fff;
    padding:35px;
    border-radius:25px;
    box-shadow:0 15px 40px rgba(0,0,0,.06);
    transition:.4s ease;
    border-top:5px solid #0f6efd;
}

#acl-procedure .acl-procedure__injury-card:hover{
    transform:translateY(-10px);
    box-shadow:0 30px 60px rgba(0,0,0,.12);
}

#acl-procedure .acl-procedure__injury-card h4{
    color:#1a3a5c;
    font-size:24px;
    margin-bottom:15px;
}

/* Responsive */

@media(max-width:991px){

    #acl-procedure .acl-procedure__hero{
        grid-template-columns:1fr;
        gap:40px;
    }

    #acl-procedure h2{
        font-size:38px;
    }

    #acl-procedure .acl-procedure__injury-grid{
        grid-template-columns:1fr;
    }
}

@media(max-width:767px){

    #acl-procedure{
        padding:60px 15px;
    }

    #acl-procedure h2{
        font-size:30px;
    }

    #acl-procedure .acl-procedure__section,
    #acl-procedure .acl-procedure__highlight,
    #acl-procedure .acl-procedure__graft-card,
    #acl-procedure .acl-procedure__injury-card{
        padding:25px;
    }

    #acl-procedure .acl-procedure__section-header h3{
        font-size:24px;
    }

    #acl-procedure .acl-procedure__injuries > h3{
        font-size:30px;
    }
}
#acl-nonsurgical{
    padding:90px 20px;
    background:linear-gradient(180deg,#f8fbff 0%,#ffffff 100%);
    position:relative;
    overflow:hidden;
}

#acl-nonsurgical::before{
    content:'';
    position:absolute;
    width:350px;
    height:350px;
    border-radius:50%;
    background:rgba(15,110,253,.05);
    top:-120px;
    right:-120px;
}

#acl-nonsurgical::after{
    content:'';
    position:absolute;
    width:250px;
    height:250px;
    border-radius:50%;
    background:rgba(15,110,253,.04);
    bottom:-80px;
    left:-80px;
}

#acl-nonsurgical .acl-nonsurgical__container{
    margin:0 auto;
    display:grid;
    grid-template-columns:1fr 1.1fr;
    gap:60px;
    align-items:center;
    position:relative;
    z-index:2;
}

#acl-nonsurgical .acl-nonsurgical__image{
    overflow:hidden;
    border-radius:30px;
    position:relative;
}

#acl-nonsurgical .acl-nonsurgical__image img{
    width:100%;
    display:block;
    border-radius:30px;
    transition:transform .8s ease;
    box-shadow:0 25px 60px rgba(0,0,0,.12);
}

#acl-nonsurgical .acl-nonsurgical__image:hover img{
    transform:scale(1.08);
}

#acl-nonsurgical .acl-nonsurgical__content{
    background:rgba(255,255,255,.8);
    backdrop-filter:blur(15px);
    padding:50px;
    border-radius:30px;
    box-shadow:0 20px 60px rgba(0,0,0,.08);
    border-bottom: 5px solid #02cd;
    border-top: 5px solid #02cd;
}
#acl-nonsurgical .acl-nonsurgical__content:hover{
    border-bottom: 5px solid #008f7a;
    border-top: 5px solid #008f7a;
}
#acl-nonsurgical .acl-nonsurgical__badge{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:10px 20px;
    border-radius:50px;
    background:#eaf3ff;
    color:#0f6efd;
    font-size:14px;
    font-weight:600;
    margin-bottom:20px;
}

#acl-nonsurgical .acl-nonsurgical__badge::before{
    content:'✓';
    width:22px;
    height:22px;
    border-radius:50%;
    background:#0f6efd;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:12px;
}

#acl-nonsurgical h2{
    font-size:42px;
    line-height:1.2;
    color:#1a3a5c;
    margin-bottom:25px;
    font-weight:700;
}

#acl-nonsurgical p{
    font-size:17px;
    line-height:1.9;
    color:#64748b;
    margin-bottom:0;
}

#acl-nonsurgical .acl-nonsurgical__benefits{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:15px;
    margin-top:35px;
}

#acl-nonsurgical .acl-nonsurgical__item{
    background:#eaf3ff;
    padding:15px 18px;
    border-radius:15px;
    font-size:15px;
    font-weight:600;
    color:#0f6efd;
    box-shadow:0 10px 25px rgba(0,0,0,.05);
    transition:.3s;
}

#acl-nonsurgical .acl-nonsurgical__item:hover{
    transform:translateY(-5px);
}

#acl-nonsurgical .acl-nonsurgical__item::before{
    content:'✓';
    color:#0f6efd;
    margin-right:8px;
}
#acl-nonsurgical .acl-nonsurgical__image{
    animation:aclImageFade 1s ease;
}

#acl-nonsurgical .acl-nonsurgical__content{
    animation:aclContentFade 1s ease;
}

@keyframes aclImageFade{
    from{
        opacity:0;
        transform:translateX(-50px);
    }
    to{
        opacity:1;
        transform:translateX(0);
    }
}

@keyframes aclContentFade{
    from{
        opacity:0;
        transform:translateX(50px);
    }
    to{
        opacity:1;
        transform:translateX(0);
    }
}

@media(max-width:991px){
    #acl-nonsurgical .acl-nonsurgical__container{
        grid-template-columns:1fr;
        gap:40px;
    }
    #acl-nonsurgical h2{
        font-size:34px;
    }
    #acl-nonsurgical .acl-nonsurgical__content{
        padding:35px;
    }
}
@media(max-width:767px){
    #acl-nonsurgical{
        padding:60px 15px;
    }
    #acl-nonsurgical h2{
        font-size:30px;
    }
    #acl-nonsurgical p{
        font-size:16px;
        line-height:1.8;
    }
    #acl-nonsurgical .acl-nonsurgical__content{
        padding:25px;
        border-radius:20px;
    }
    #acl-nonsurgical .acl-nonsurgical__image,
    #acl-nonsurgical .acl-nonsurgical__image img{
        border-radius:20px;
    }
    #acl-nonsurgical .acl-nonsurgical__benefits{
        grid-template-columns:1fr;
    }
}
#acl-revision{
    padding:90px 20px;
    background:linear-gradient(135deg,#0f172a,#1e293b);
    overflow:hidden;
    position:relative;
}

#acl-revision::before{
    content:'';
    position:absolute;
    width:400px;
    height:400px;
    border-radius:50%;
    background:rgba(59,130,246,.08);
    top:-180px;
    right:-150px;
}

#acl-revision .acl-revision__wrapper{
    max-width:1200px;
    margin:auto;
    display:grid;
    grid-template-columns:120px 1fr;
    gap:40px;
    align-items:flex-start;
}

#acl-revision .acl-revision__icon-box{
    width:100px;
    height:100px;
    border-radius:25px;
    background:rgba(255,255,255,.08);
    display:flex;
    align-items:center;
    justify-content:center;
    backdrop-filter:blur(10px);
}

#acl-revision .acl-revision__icon{
    width:50px;
    height:50px;
    fill:#60a5fa;
}

#acl-revision .acl-revision__badge{
    display:inline-block;
    padding:10px 18px;
    border-radius:50px;
    background:rgba(96,165,250,.15);
    color:#93c5fd;
    margin-bottom:20px;
    font-weight:600;
}

#acl-revision h2{
    color:#fff;
    font-size:42px;
    line-height:1.2;
    margin-bottom:25px;
}

#acl-revision p{
    color:rgba(255,255,255,.85);
    font-size:17px;
    line-height:1.9;
    margin-bottom:20px;
}

#acl-revision .acl-revision__highlight{
    margin:35px 0;
    padding:25px 30px;
    border-left:5px solid #60a5fa;
    background:rgba(255,255,255,.06);
    border-radius:15px;
}

#acl-revision .acl-revision__highlight strong{
    display:block;
    color:#fff;
    margin-bottom:10px;
    font-size:18px;
}

#acl-revision .acl-revision__highlight span{
    color:#cbd5e1;
    line-height:1.8;
}

@media(max-width:768px){

    #acl-revision{
        padding:60px 15px;
    }

    #acl-revision .acl-revision__wrapper{
        grid-template-columns:1fr;
    }

    #acl-revision .acl-revision__icon-box{
        width:80px;
        height:80px;
    }

    #acl-revision h2{
        font-size:30px;
    }

    #acl-revision p{
        font-size:16px;
    }
}
#acl-recovery{
    padding:30px 20px;
    background:#f8fbff;
}

#acl-recovery .acl-recovery__header{
    margin:0 auto 70px;
    text-align:center;
}

#acl-recovery .acl-recovery__badge{
    display:inline-block;
    padding:10px 20px;
    border-radius:50px;
    background:#e8f1ff;
    color:#0f6efd;
    font-weight:600;
    margin-bottom:20px;
}

#acl-recovery h2{
    font-size:42px;
    line-height:1.2;
    color:#1a3a5c;
    margin-bottom:25px;
}

#acl-recovery .acl-recovery__header p{
    font-size:17px;
    line-height:1.9;
    color:#64748b;
}

#acl-recovery .acl-recovery__timeline{
    margin:auto;
    position:relative;
}

#acl-recovery .acl-recovery__timeline::before{
    content:'';
    position:absolute;
    left:35px;
    top:0;
    bottom:0;
    width:4px;
    background:linear-gradient(#0f6efd,#7dd3fc);
}

#acl-recovery .acl-recovery__item{
    display:flex;
    gap:30px;
    position:relative;
    margin-bottom:35px;
}

#acl-recovery .acl-recovery__number{
    width:70px;
    height:70px;
    min-width:70px;
    border-radius:50%;
    background:linear-gradient(135deg,#0f6efd,#38bdf8);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:20px;
    font-weight:700;
    box-shadow:0 15px 30px rgba(15,110,253,.25);
    z-index:2;
}

#acl-recovery .acl-recovery__card{
    flex:1;
    background:#fff;
    padding:30px;
    border-radius:24px;
    box-shadow:0 15px 40px rgba(0,0,0,.06);
    transition:.4s;
}

#acl-recovery .acl-recovery__card:hover{
    transform:translateY(-8px);
    box-shadow:0 25px 60px rgba(0,0,0,.12);
}

#acl-recovery .acl-recovery__card h3{
    font-size:24px;
    color:#1565C0;
    margin-bottom:12px;
}

#acl-recovery .acl-recovery__card p{
    margin:0;
    color:#64748b;
    line-height:1.8;
}

@media(max-width:768px){

    #acl-recovery{
        padding:60px 15px;
    }

    #acl-recovery h2{
        font-size:30px;
    }

    #acl-recovery .acl-recovery__item{
        gap:15px;
    }

    #acl-recovery .acl-recovery__number{
        width:55px;
        height:55px;
        min-width:55px;
        font-size:16px;
    }

    #acl-recovery .acl-recovery__timeline::before{
        left:25px;
    }

    #acl-recovery .acl-recovery__card{
        padding:20px;
    }

    #acl-recovery .acl-recovery__card h3{
        font-size:20px;
    }
}
#acl-why-choose{
    padding:30px 20px;
    background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);
    position:relative;
    overflow:hidden;
}

#acl-why-choose .acl-why-choose__header{
    margin:0 auto 60px;
    text-align:center;
}

#acl-why-choose .acl-why-choose__badge{
    display:inline-block;
    padding:10px 20px;
    border-radius:50px;
    background:#eaf3ff;
    color:#0f6efd;
    font-size:14px;
    font-weight:600;
    margin-bottom:20px;
}

#acl-why-choose h2{
    font-size:42px;
    line-height:1.2;
    color:#1565C0;
    margin-bottom:20px;
}

#acl-why-choose .acl-why-choose__header p{
    color:#64748b;
    line-height:1.9;
    font-size:17px;
}

#acl-why-choose .acl-why-choose__grid{
    margin:0 auto;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:25px;
}

#acl-why-choose .acl-why-choose__card{
    background:#fff;
    border-radius:24px;
    padding:30px;
    box-shadow:0 15px 40px rgba(0,0,0,.06);
    transition:.4s ease;
    position:relative;
    overflow:hidden;
}

#acl-why-choose .acl-why-choose__card::before{
    content:'';
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:4px;
    background:#0f6efd;
}

#acl-why-choose .acl-why-choose__card:hover{
    transform:translateY(-10px);
    box-shadow:0 25px 60px rgba(0,0,0,.12);
    background:linear-gradient(135deg,#0f6efd,#38bdf8);
}

#acl-why-choose .acl-why-choose__icon{
    width:50px;
    height:50px;
    border-radius:50%;
    background:#eaf3ff;
    color:#0f6efd;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:700;
    font-size:20px;
    margin-bottom:20px;
}

#acl-why-choose .acl-why-choose__card p{
    margin:0;
    color:#475569;
    line-height:1.8;
    font-size:16px;
}

#acl-why-choose .acl-why-choose__card--featured{
    background:linear-gradient(135deg,#0f6efd,#38bdf8);
}

#acl-why-choose .acl-why-choose__card--featured::before{
    background:#fff;
}

#acl-why-choose .acl-why-choose__card--featured p{
    color:#fff;
}

#acl-why-choose .acl-why-choose__card--featured .acl-why-choose__icon{
    background:rgba(255,255,255,.2);
    color:#fff;
}

@media(max-width:991px){

    #acl-why-choose .acl-why-choose__grid{
        grid-template-columns:repeat(2,1fr);
    }

    #acl-why-choose h2{
        font-size:34px;
    }
}

@media(max-width:767px){

    #acl-why-choose{
        padding:60px 15px;
    }

    #acl-why-choose .acl-why-choose__grid{
        grid-template-columns:1fr;
    }

    #acl-why-choose h2{
        font-size:30px;
    }

    #acl-why-choose .acl-why-choose__card{
        padding:25px;
    }
}


#testimonials-acl{padding:56px 0;background:#ffffff;position:relative}
#testimonials-acl::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#0d8c6f,#1aaf8b,#0d8c6f)}
#testimonials-acl .acl-wrap{margin:0 auto;padding:0 28px}

#testimonials-acl .acl-header{display:grid;grid-template-columns:1fr auto;align-items:start;gap:24px;margin-bottom:40px}
#testimonials-acl .acl-kicker{display:inline-block;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#0d8c6f;background:#e6f8f3;border:1px solid #b3e8d8;padding:4px 14px;border-radius:50px;margin-bottom:12px}
#testimonials-acl .acl-header h2{font-size:26px;font-weight:700;color:#1a3a5c;margin:0 0 10px;line-height:1.22}
#testimonials-acl .acl-header h2 em{font-style:normal;color:#1aaf8b}
#testimonials-acl .acl-header p{font-size:14.5px;color:#4a6258;line-height:1.75;margin:0;max-width:620px}
#testimonials-acl .acl-badge-big{background:#e6f8f3;border:1px solid #b3e8d8;border-radius:14px;padding:16px 20px;text-align:center;white-space:nowrap;flex-shrink:0}
#testimonials-acl .acl-badge-big span{display:block;font-size:28px;font-weight:700;color:#1aaf8b;line-height:1}
#testimonials-acl .acl-badge-big small{font-size:11px;color:#4a6258;font-weight:500;margin-top:4px;display:block;line-height:1.4}

#testimonials-acl .acl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:20px}

#testimonials-acl .acl-card{background:#f8fffe;border:1px solid #d5ede6;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:border-color .22s,box-shadow .22s}
#testimonials-acl .acl-card:hover{border-color:#1aaf8b;box-shadow:0 4px 20px rgba(26,175,139,0.09)}

#testimonials-acl .acl-card-top{background:#0d8c6f;padding:14px 18px;display:flex;align-items:center;justify-content:space-between}
#testimonials-acl .acl-sport-tag{font-size:11px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:#e6f8f3}
#testimonials-acl .acl-stars{display:flex;gap:2px}
#testimonials-acl .acl-star{color:#9fe1cb;font-size:13px}

#testimonials-acl .acl-card-body{padding:20px 18px;display:flex;flex-direction:column;gap:14px;flex:1}
#testimonials-acl .acl-quote{font-size:13.5px;color:#4a6258;line-height:1.75;font-style:italic;flex:1;position:relative;padding-left:14px}
#testimonials-acl .acl-quote::before{content:'';position:absolute;left:0;top:4px;bottom:4px;width:2px;background:#1aaf8b;border-radius:2px}

#testimonials-acl .acl-card-foot{border-top:1px solid #e6f8f3;padding:14px 18px;display:flex;align-items:center;gap:10px;background:#ffffff}
#testimonials-acl .acl-avatar{width:34px;height:34px;border-radius:50%;background:#1aaf8b;color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}
#testimonials-acl .acl-foot-info{flex:1}
#testimonials-acl .acl-foot-name{font-size:13px;font-weight:700;color:#1a2e28;margin:0 0 2px}
#testimonials-acl .acl-foot-meta{font-size:11px;color:#7ab8a8;margin:0}
#testimonials-acl .acl-verified{font-size:11px;color:#1aaf8b;font-weight:600;display:flex;align-items:center;gap:3px;flex-shrink:0}
#testimonials-acl .acl-verified svg{width:13px;height:13px;stroke:#1aaf8b;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}

#testimonials-acl .acl-bottom{display:grid;grid-template-columns:2fr 1fr;gap:14px;align-items:stretch}
#testimonials-acl .acl-sports-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
#testimonials-acl .acl-sport-pill{background:#f8fffe;border:1px solid #d5ede6;border-radius:10px;padding:12px 10px;text-align:center;transition:border-color .2s}
#testimonials-acl .acl-sport-pill:hover{border-color:#1aaf8b}
#testimonials-acl .acl-sport-pill svg{width:20px;height:20px;stroke:#1aaf8b;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;margin-bottom:6px}
#testimonials-acl .acl-sport-pill p{font-size:11.5px;font-weight:600;color:#1a2e28;margin:0}
#testimonials-acl .acl-sport-pill small{font-size:10.5px;color:#7ab8a8}

#testimonials-acl .acl-cta-box{background:#0d8c6f;border-radius:12px;padding:20px 18px;display:flex;flex-direction:column;justify-content:space-between;gap:14px}
#testimonials-acl .acl-cta-box p{font-size:14px;color:#ffffff;margin:0;line-height:1.55}
#testimonials-acl .acl-cta-box p strong{font-weight:700}

@media(max-width:760px){
  #testimonials-acl .acl-grid{grid-template-columns:1fr}
  #testimonials-acl .acl-header{grid-template-columns:1fr}
  #testimonials-acl .acl-badge-big{display:none}
  #testimonials-acl .acl-bottom{grid-template-columns:1fr}
  #testimonials-acl .acl-header h2{font-size:21px}
}
@media(max-width:480px){
  #testimonials-acl .acl-wrap{padding:0 14px}
  #testimonials-acl .acl-sports-row{grid-template-columns:repeat(3,1fr)}
  #testimonials-acl{padding:40px 0}
}
#dr-hardik-section{padding:56px 0;background:#f8fffe;position:relative}
#dr-hardik-section::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#1aaf8b,#0d8c6f,#1aaf8b)}
#dr-hardik-section .dh-wrap{max-width:1600px;margin:0 auto;padding:0 28px}

#dr-hardik-section .dh-layout{display:grid;grid-template-columns:300px 1fr;gap:32px;align-items:start}

#dr-hardik-section .dh-left{position:sticky;top:24px}
#dr-hardik-section .dh-photo-wrap{border-radius:16px;overflow:hidden;border:3px solid #d5ede6;margin-bottom:16px;aspect-ratio:4/5;background:#e6f8f3}
#dr-hardik-section .dh-photo-wrap img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}
#dr-hardik-section .dh-profile-card{background:#ffffff;border:1px solid #d5ede6;border-radius:14px;padding:18px 16px}
#dr-hardik-section .dh-profile-card h3{font-size:16px;font-weight:700;color:#1a2e28;margin:0 0 4px}
#dr-hardik-section .dh-profile-card .dh-role{font-size:12.5px;color:#0d8c6f;font-weight:600;margin:0 0 12px}
#dr-hardik-section .dh-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}
#dr-hardik-section .dh-tag{font-size:11px;font-weight:600;color:#0d8c6f;background:#e6f8f3;border:1px solid #b3e8d8;padding:3px 10px;border-radius:50px}
#dr-hardik-section .dh-divider{height:1px;background:#e6f8f3;margin:12px 0}
#dr-hardik-section .dh-stat-row{display:flex;gap:10px}
#dr-hardik-section .dh-stat{flex:1;text-align:center;background:#f8fffe;border:1px solid #d5ede6;border-radius:10px;padding:10px 6px}
#dr-hardik-section .dh-stat strong{display:block;font-size:17px;font-weight:700;color:#1aaf8b;line-height:1}
#dr-hardik-section .dh-stat span{font-size:10px;color:#4a6258;margin-top:3px;display:block;line-height:1.3}
#dr-hardik-section .dh-cta-btn{width:100%;margin-top:14px;background:#0d8c6f;color:#fff;font-size:13px;font-weight:600;padding:11px 0;border-radius:50px;border:none;cursor:pointer;font-family:inherit;transition:background .2s}
#dr-hardik-section .dh-cta-btn:hover{background:#1aaf8b}

#dr-hardik-section .dh-right .dh-kicker{font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#0d8c6f;background:#e6f8f3;border:1px solid #b3e8d8;padding:4px 14px;border-radius:50px;display:inline-block;margin-bottom:12px}
#dr-hardik-section .dh-right h2{font-size:22px;font-weight:700;color:#1a2e28;margin:0 0 24px;line-height:1.25}
#dr-hardik-section .dh-right h2 em{font-style:normal;color:#1aaf8b}

#dr-hardik-section .dh-categories{display:flex;flex-direction:column;gap:14px}
#dr-hardik-section .dh-cat{background:#ffffff;border:1px solid #d5ede6;border-radius:14px;overflow:hidden;transition:border-color .2s}
#dr-hardik-section .dh-cat:hover{border-color:#1aaf8b}
#dr-hardik-section .dh-cat-head{display:flex;align-items:center;gap:10px;padding:13px 16px;background:#ffffff;border-bottom:1px solid #f0fdf9}
#dr-hardik-section .dh-cat-icon{width:34px;height:34px;border-radius:8px;background:#e6f8f3;display:flex;align-items:center;justify-content:center;flex-shrink:0}
#dr-hardik-section .dh-cat-icon svg{width:18px;height:18px;stroke:#0d8c6f;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#dr-hardik-section .dh-cat-head h4{font-size:13.5px;font-weight:700;color:#1a2e28;margin:0}
#dr-hardik-section .dh-cat-head small{font-size:11px;color:#7ab8a8;display:block;margin-top:1px}
#dr-hardik-section .dh-procedures{display:flex;flex-wrap:wrap;gap:7px;padding:13px 16px}
#dr-hardik-section .dh-proc{font-size:12px;color:#1a2e28;background:#f8fffe;border:1px solid #d5ede6;padding:5px 12px;border-radius:50px;font-weight:500;transition:background .18s,border-color .18s,color .18s;cursor:default}
#dr-hardik-section .dh-proc:hover{background:#e6f8f3;border-color:#1aaf8b;color:#0d8c6f}

@media(max-width:780px){
  #dr-hardik-section .dh-layout{grid-template-columns:1fr}
  #dr-hardik-section .dh-left{position:static}
  #dr-hardik-section .dh-photo-wrap{aspect-ratio:3/2;max-height:260px}
}
@media(max-width:480px){
  #dr-hardik-section .dh-wrap{padding:0 14px}
  #dr-hardik-section{padding:40px 0}
  #dr-hardik-section .dh-right h2{font-size:19px}
}

#fracture-treatment-hero {
    --brand-teal: #00a3c4; 
    --brand-teal-light: rgba(0, 163, 196, 0.1);
    --brand-teal-deep: rgba(0, 163, 196, 0.6);
    --text-dark: #1e293b;
    --text-light: #64748b;
    --white: #ffffff;
    --animation-speed-load: 0.6s;
    --animation-speed-slow: 6s;
    position: relative;
    overflow: hidden;
    padding: 25px 0; 
    background-color: #f1f5f9;
}

#fracture-treatment-hero .animate-on-load {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity var(--animation-speed-load) ease-out, transform var(--animation-speed-load) ease-out;
}
#fracture-treatment-hero.hero-loaded .animate-on-load {
    opacity: 1;
    transform: translateY(0);
}
#fracture-treatment-hero .hero-deep-background {
    position: absolute;
    top: -20%;
    left: -20%;
    width: 140%;
    height: 140%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 1; /* Lowest layer */
    opacity: 0.15; /* Subtly integrated */
    pointer-events: none;
}
@keyframes pulseFlow {
    0% { transform: scale(1.0); opacity: 0.15; }
    50% { transform: scale(1.05); opacity: 0.20; }
    100% { transform: scale(1.0); opacity: 0.15; }
}
#fracture-treatment-hero .animate-pulse-flow {
    animation: pulseFlow 10s infinite ease-in-out;
}
#fracture-treatment-hero .hero-overlay-gradient {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: radial-gradient(circle, rgba(241, 245, 249, 0) 40%, rgba(241, 245, 249, 1) 90%);
    z-index: 2; /* Sits just above the deep background */
    pointer-events: none;
}
#fracture-treatment-hero .hero-wrapper {
    margin: 0 auto;
    padding: 0 30px;
    display: flex;
    gap: 50px; /* Balanced spacing */
    align-items: center;
    position: relative;
    z-index: 3; 
}
#fracture-treatment-hero .hero-content {
    flex: 1 1 55%;
}
#fracture-treatment-hero .hero-tagline {
    display: inline-block;
    color: var(--brand-teal);
    background-color: var(--brand-teal-light);
    padding: 10px 24px;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    margin-bottom: 25px;
}
#fracture-treatment-hero .hero-headline {
    font-size: 40px; 
    color: var(--text-dark);
    font-weight: 800;
    line-height: 1.1;
    margin: 0 0 30px 0;
    letter-spacing: -1.5px;
}
#fracture-treatment-hero .hero-headline .highlight {
    color: var(--brand-teal);
}
#fracture-treatment-hero .hero-description {
    font-size: 14px; /* Slightly larger text */
    color: var(--text-light);
    line-height: 1.7;
    margin-bottom: 40px;
}
#fracture-treatment-hero .stats-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
    margin-bottom: 30px;
}
#fracture-treatment-hero .stat-item {
    background-color: var(--white);
    padding: 25px 20px;
    border-radius: 12px;
    border: 1px solid rgba(0, 163, 196, 0.1);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.05);
    text-align: center;
    transition: all 0.3s ease;
}
#fracture-treatment-hero .stat-item:hover {
    border-color: var(--brand-teal);
    box-shadow: 0 20px 50px rgba(0, 163, 196, 0.12);
}
#fracture-treatment-hero .stat-number {
    display: block;
    font-size: 42px; /* Increased stat size */
    color: var(--brand-teal);
    font-weight: 800;
    line-height: 1;
    margin-bottom: 5px;
}
#fracture-treatment-hero .stat-label {
    font-size: 15px;
    color: var(--text-light);
}
#fracture-treatment-hero .hero-visual {
    flex: 1 1 45%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
#fracture-treatment-hero .visual-container {
    width: 100%;
    position: relative;
    max-width: 780px;
    z-index: 1;
}
#fracture-treatment-hero .hero-image-asset {
    width: 100%;
    height: auto;
    object-fit: contain;
    border-radius: 20px;
    filter: drop-shadow(0 25px 60px rgba(0, 0, 0, 0.12));
    transition: transform 0.3s ease;
}
@keyframes slowScale {
    0% { transform: scale(1.0); }
    50% { transform: scale(1.02); }
    100% { transform: scale(1.0); }
}
#fracture-treatment-hero .animate-slow-scale {
    animation: slowScale 8s infinite ease-in-out;
}
#fracture-treatment-hero .floating-experience-badge {
    position: absolute;
    top: 80%;
    right: -25px; /* Pulls it slightly off-edge for depth */
    transform: translateY(-53%) scale(1.05);
    background: linear-gradient(135deg, var(--white) 0%, #f1f5f9 100%);
    padding: 25px 20px;
    border-radius: 50%;
    border: 5px solid var(--white);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 2;
    animation: floating-badge 5s infinite ease-in-out;
    cursor: default;
    transition: all 0.3s ease;
}
#fracture-treatment-hero .floating-experience-badge:hover {
    transform: translateY(-50%);
    border-color: var(--brand-teal);
}
#fracture-treatment-hero .exp-counter {
    font-size: 32px;
    color: var(--brand-teal);
    font-weight: 800;
    line-height: 1;
}
#fracture-treatment-hero .exp-label {
    font-size: 11px;
    color: var(--text-light);
    font-weight: 600;
    letter-spacing: 1px;
}
#fracture-treatment-hero .exp-specialty {
    font-size: 10px;
    color: var(--text-dark);
    font-weight: 700;
}
#fracture-treatment-hero .hero-ctas {
    display: flex;
    gap: 20px;
}
#fracture-treatment-hero .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 16px 36px;
    font-size: 16px;
    font-weight: 700;
    border-radius: 8px;
    text-decoration: none;
    transition: all 0.3s ease;
    cursor: pointer;
}
#fracture-treatment-hero .btn-primary {
    background-color: var(--brand-teal);
    color: var(--white);
    box-shadow: 0 8px 20px rgba(0, 163, 196, 0.3);
}
#fracture-treatment-hero .btn-primary:hover {
    background-color: #00829d;
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(0, 163, 196, 0.4);
}
#fracture-treatment-hero .btn-grow {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
#fracture-treatment-hero .btn-grow:active {
    transform: scale(0.97) translateY(-2px);
}
#fracture-treatment-hero .btn-animated:hover {
    transition: box-shadow 0.3s ease, transform 0.3s ease;
}
#fracture-treatment-hero .btn-secondary {
    background-color: transparent;
    color: var(--text-dark);
    border: 2px solid rgba(0, 163, 196, 0.2);
}
#fracture-treatment-hero .btn-secondary:hover {
    background-color: rgba(0, 163, 196, 0.05);
    border-color: var(--brand-teal);
}
@keyframes floating-badge {
    0%, 100% { transform: translateY(-50%) translateX(0); }
    50% { transform: translateY(-56%) translateX(6px); }
}
@keyframes growIn {
    0% { transform: scale(1.0); }
    50% { transform: scale(1.03); }
    100% { transform: scale(1.0); }
}
#fracture-treatment-hero .interactive-lift:hover {
    transform: translateY(-8px);
}
#fracture-treatment-hero .interactive-stat:hover {
    animation-name: growIn;
    animation-duration: 0.4s;
    animation-timing-function: ease-out;
}
@media (max-width: 1280px) {
    #fracture-treatment-hero .hero-headline { font-size: 52px; }
    #fracture-treatment-hero .visual-container { max-width: 550px; }
}
@media (max-width: 992px) {
    #fracture-treatment-hero { padding: 90px 0; }
    #fracture-treatment-hero .hero-wrapper { flex-direction: column; text-align: center; gap: 60px; }
    #fracture-treatment-hero .hero-content { max-width: 100%; order: 2; }
    #fracture-treatment-hero .hero-description { margin: 0 auto 35px; }
    #fracture-treatment-hero .hero-ctas { justify-content: center; flex-wrap: wrap; }
    #fracture-treatment-hero .hero-visual { width: 100%; max-width: 500px; order: 1; }
    #fracture-treatment-hero .floating-experience-badge { right: -5px; top: 10%; transform: none; }
    #fracture-treatment-hero .animate-pulse-flow { opacity: 0.1; } /* Subtler background on tablet */
}
@media (max-width: 768px) {
    #fracture-treatment-hero .hero-headline { font-size: 42px; }
    #fracture-treatment-hero .stat-number { font-size: 36px; }
    #fracture-treatment-hero .stats-grid { gap: 15px; }
}
@media (max-width: 576px) {
    #fracture-treatment-hero { padding: 60px 0; }
    #fracture-treatment-hero .hero-headline { font-size: 34px; letter-spacing: -1px;}
    #fracture-treatment-hero .stats-grid { grid-template-columns: 1fr; gap: 15px; }
    #fracture-treatment-hero .btn { width: 100%; }
}

#axcura-fracture-specialist{
    padding:25px 0;
    background:#ffffff;
    position:relative;
}

#axcura-fracture-specialist *{
    box-sizing:border-box;
}

#axcura-fracture-specialist .afs-container{
    margin:auto;
    padding:0 30px;
    display:flex;
    align-items:center;
    gap:70px;
}

#axcura-fracture-specialist .afs-left{
    flex:1;
}

#axcura-fracture-specialist .afs-right{
    width:460px;
}

#axcura-fracture-specialist .afs-badge{
    display:inline-block;
    padding:12px 22px;
    border-radius:50px;
    background:#e8f8fc;
    color:#00a3c4;
    font-size:14px;
    font-weight:700;
    margin-bottom:24px;
}

#axcura-fracture-specialist h2{
    font-size:54px;
    line-height:1.1;
    color:#1a3a5c;
    margin:0 0 24px;
    font-weight:800;
}

#axcura-fracture-specialist h2 span{
    color:#00a3c4;
}

#axcura-fracture-specialist .afs-intro{
    font-size:18px;
    line-height:1.9;
    color:#64748b;
    margin-bottom:40px;
}

#axcura-fracture-specialist .afs-highlight-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px;
}

#axcura-fracture-specialist .afs-highlight-card{
    background:#fff;
    border-radius:20px;
    padding:25px;
    box-shadow:0 20px 50px rgba(15,23,42,.08);
    border:1px solid rgba(0,163,196,.08);
    transition:.3s;
}

#axcura-fracture-specialist .afs-highlight-card:hover{
    transform:translateY(-8px);
}

#axcura-fracture-specialist .afs-highlight-card strong{
    display:block;
    color:#00a3c4;
    font-size:20px;
    margin-bottom:8px;
}

#axcura-fracture-specialist .afs-highlight-card span{
    color:#64748b;
    font-size:14px;
    line-height:1.6;
}

#axcura-fracture-specialist .afs-doctor-card{
    background:#fff;
    border-radius:30px;
    overflow:hidden;
    box-shadow:0 30px 80px rgba(15,23,42,.12);
    border:1px solid rgba(0,163,196,.08);
}

#axcura-fracture-specialist .afs-doctor-card:before{
    content:"";
    position:absolute;
    top:-40px;
    right:-40px;
    width:140px;
    height:140px;
    background:rgba(0,163,196,.08);
    border-radius:50%;
}
#axcura-fracture-specialist .afs-doctor-photo{
    position:relative;
    overflow:hidden;
}

#axcura-fracture-specialist .afs-doctor-photo img{
    width:100%;
    height:520px;
    object-fit:cover;
    object-position:center top;
    display:block;
}

#axcura-fracture-specialist .afs-photo-badge{
    position:absolute;
    bottom:0px;
    right:0px;
    background:#00a3c4;
    color:#fff;
    padding:14px 18px;
    border-radius:16px;
    box-shadow:0 15px 40px rgba(0,163,196,.35);
    text-align:center;
}

#axcura-fracture-specialist .afs-photo-badge span{
    display:block;
    font-size:28px;
    font-weight:800;
    line-height:1;
}

#axcura-fracture-specialist .afs-doctor-content{
    padding:35px;
}

#axcura-fracture-specialist .afs-mini-stats{
    display:flex;
    gap:12px;
    margin-top:25px;
}

#axcura-fracture-specialist .afs-stat{
    flex:1;
    background:#f8fbfc;
    border-radius:14px;
    padding:15px;
    text-align:center;
}

#axcura-fracture-specialist .afs-stat strong{
    display:block;
    color:#00a3c4;
    font-size:20px;
    font-weight:800;
}

#axcura-fracture-specialist .afs-stat span{
    color:#64748b;
    font-size:13px;
}

#axcura-fracture-specialist .afs-label{
    display:inline-block;
    color:#00a3c4;
    font-size:13px;
    font-weight:700;
    letter-spacing:1px;
    text-transform:uppercase;
    margin-bottom:10px;
}

#axcura-fracture-specialist .afs-doctor-content h3{
    font-size:34px;
    margin:0 0 15px;
    color:#1a3a5c;
}

#axcura-fracture-specialist .afs-doctor-content p{
    color:#64748b;
    line-height:1.8;
    margin:0;
}

#axcura-fracture-specialist .afs-content-box{
    margin:70px auto 0;
    padding:50px;
    border-radius:30px;
    background:#f8fbfc;
    border:1px solid rgba(0,163,196,.08);
}

#axcura-fracture-specialist .afs-content-box h3{
    font-size:34px;
    color:#1a3a5c;
    margin-bottom:25px;
}

#axcura-fracture-specialist .afs-content-box p{
    color:#64748b;
    line-height:2;
    font-size:17px;
    margin-bottom:20px;
}

@media(max-width:991px){

#axcura-fracture-specialist{
    padding:80px 0;
}

#axcura-fracture-specialist .afs-container{
    flex-direction:column;
}

#axcura-fracture-specialist .afs-right{
    width:100%;
}

#axcura-fracture-specialist h2{
    font-size:40px;
}

#axcura-fracture-specialist .afs-highlight-grid{
    grid-template-columns:1fr;
}

#axcura-fracture-specialist .afs-content-box{
    margin-top:40px;
    padding:30px;
}

#axcura-fracture-specialist .afs-doctor-photo img{
    height:420px;
}
}

@media(max-width:576px){

#axcura-fracture-specialist h2{
    font-size:32px;
}

#axcura-fracture-specialist .afs-content-box h3{
    font-size:26px;
}
#axcura-fracture-specialist .afs-doctor-photo img{
    height:350px;
}

#axcura-fracture-specialist .afs-mini-stats{
    flex-direction:column;
}
}
#axcura-fracture-treatment-overview{
    padding:25px 0;
    background:#f8fbfc;
}

#axcura-fracture-treatment-overview *{
    box-sizing:border-box;
}

#axcura-fracture-treatment-overview .afto-container{
    margin:auto;
    padding:0 30px;
}

#axcura-fracture-treatment-overview .afto-header{
    margin:0 auto 70px;
    text-align:center;
}

#axcura-fracture-treatment-overview .afto-badge{
    display:inline-block;
    padding:12px 22px;
    border-radius:50px;
    background:#e8f8fc;
    color:#00a3c4;
    font-size:14px;
    font-weight:700;
    margin-bottom:25px;
}

#axcura-fracture-treatment-overview h2{
    font-size:58px;
    line-height:1.1;
    color:#1a3a5c;
    margin-bottom:25px;
}

#axcura-fracture-treatment-overview h2 span{
    display:block;
    color:#00a3c4;
}

#axcura-fracture-treatment-overview .afto-header p{
    font-size:18px;
    line-height:1.9;
    color:#64748b;
}

#axcura-fracture-treatment-overview .afto-main-grid{
    display:grid;
    grid-template-columns:1.4fr .8fr;
    gap:40px;
}

#axcura-fracture-treatment-overview .afto-content{
    display:flex;
    flex-direction:column;
    gap:25px;
}

#axcura-fracture-treatment-overview .afto-content-card{
    background:#fff;
    padding:35px;
    border-radius:24px;
    box-shadow:0 20px 60px rgba(15,23,42,.06);
}

#axcura-fracture-treatment-overview .afto-content-card h3{
    font-size:28px;
    color:#1a3a5c;
    margin-bottom:15px;
}

#axcura-fracture-treatment-overview .afto-content-card p{
    color:#64748b;
    line-height:1.9;
}

#axcura-fracture-treatment-overview .afto-techniques{
    display:flex;
    flex-direction:column;
    gap:25px;
}

#axcura-fracture-treatment-overview .afto-technique-card{
    background:#fff;
    padding:30px;
    border-radius:24px;
    box-shadow:0 20px 60px rgba(15,23,42,.06);
}

#axcura-fracture-treatment-overview .afto-icon{
    width:70px;
    height:70px;
    border-radius:50%;
    background:#e8f8fc;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:30px;
    margin-bottom:20px;
}

#axcura-fracture-treatment-overview .afto-technique-card h4{
    font-size:24px;
    margin-bottom:12px;
    color:#0f172a;
}

#axcura-fracture-treatment-overview .afto-technique-card p{
    color:#64748b;
    line-height:1.8;
}

#axcura-fracture-treatment-overview .highlight{
    background:linear-gradient(135deg,#00a3c4,#0092af);
    color:#fff;
    text-align:center;
}

#axcura-fracture-treatment-overview .afto-number{
    font-size:54px;
    font-weight:800;
    margin-bottom:10px;
}
#axcura-fracture-treatment-overview .afto-content-card,
#axcura-fracture-treatment-overview .afto-technique-card{
    position:relative;
    overflow:hidden;
    transition:all .4s ease;
}

#axcura-fracture-treatment-overview .afto-content-card:before,
#axcura-fracture-treatment-overview .afto-technique-card:before{
    content:'';
    position:absolute;
    top:0;
    left:-100%;
    width:100%;
    height:100%;
    background:linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.5),
        transparent
    );
    transition:.8s;
}

#axcura-fracture-treatment-overview .afto-content-card:hover:before,
#axcura-fracture-treatment-overview .afto-technique-card:hover:before{
    left:100%;
}

#axcura-fracture-treatment-overview .afto-content-card:hover,
#axcura-fracture-treatment-overview .afto-technique-card:hover{
    transform:translateY(-12px);
    box-shadow:
    0 35px 80px rgba(0,163,196,.12);
}

@media(max-width:991px){

#axcura-fracture-treatment-overview{
    padding:80px 0;
}

#axcura-fracture-treatment-overview .afto-main-grid{
    grid-template-columns:1fr;
}

#axcura-fracture-treatment-overview h2{
    font-size:42px;
}

}

@media(max-width:576px){

#axcura-fracture-treatment-overview h2{
    font-size:34px;
}

#axcura-fracture-treatment-overview .afto-content-card,
#axcura-fracture-treatment-overview .afto-technique-card{
    padding:25px;
}
}
#axcura-fracture-types{
    padding:25px 0;
    background:#fff;
    position:relative;
    overflow:hidden;
}

#axcura-fracture-types *{
    box-sizing:border-box;
}

#axcura-fracture-types .aft-container{
    margin:auto;
    padding:0 30px;
}

#axcura-fracture-types .aft-heading{
    text-align:center;
    margin:0 auto 70px;
}

#axcura-fracture-types .aft-heading h2{
    font-size:58px;
    line-height:1.1;
    color:#00a3c4;
    font-weight:800;
    margin-bottom:25px;
}

#axcura-fracture-types .aft-heading p{
    font-size:18px;
    line-height:1.9;
    color:#64748b;
}

#axcura-fracture-types .aft-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:30px;
}

#axcura-fracture-types .aft-card{
    background:#fff;
    border-radius:24px;
    padding:35px;
    position:relative;
    overflow:hidden;
    border:1px solid rgba(26,58,92,.08);
    box-shadow:0 15px 40px rgba(15,23,42,.06);
    transition:all .45s ease;
}

#axcura-fracture-types .aft-card:hover{
    transform:translateY(-12px);
    box-shadow:0 30px 80px rgba(0,163,196,.14);
}

#axcura-fracture-types .aft-card:before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:5px;
    height:100%;
    background:#00a3c4;
    transition:.45s;
}

#axcura-fracture-types .aft-card:hover:before{
    width:100%;
    opacity:.05;
}

#axcura-fracture-types .aft-card:after{
    content:'';
    position:absolute;
    top:0;
    left:-120%;
    width:70%;
    height:100%;
    background:linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.6),
        transparent
    );
    transition:.9s;
}

#axcura-fracture-types .aft-card:hover:after{
    left:150%;
}

#axcura-fracture-types .aft-icon{
    width:70px;
    height:70px;
    border-radius:50%;
    background:#e8f8fc;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:30px;
    margin-bottom:20px;
    transition:.4s;
}

#axcura-fracture-types .aft-card:hover .aft-icon{
    transform:rotate(12deg) scale(1.1);
    background:#00a3c4;
}

#axcura-fracture-types .aft-card h3{
    color:#1a3a5c;
    font-size:28px;
    font-weight:800;
    line-height:1.3;
    margin-bottom:18px;
}

#axcura-fracture-types .aft-card h3:after{
    content:'';
    display:block;
    width:60px;
    height:4px;
    background:#00a3c4;
    margin-top:12px;
    transition:.4s;
}

#axcura-fracture-types .aft-card:hover h3:after{
    width:120px;
}

#axcura-fracture-types .aft-card p{
    color:#64748b;
    line-height:1.9;
}

@media(max-width:991px){

#axcura-fracture-types .aft-grid{
    grid-template-columns:1fr;
}

#axcura-fracture-types .aft-heading h2{
    font-size:42px;
}

}

@media(max-width:576px){

#axcura-fracture-types{
    padding:80px 0;
}

#axcura-fracture-types .aft-heading h2{
    font-size:34px;
}

#axcura-fracture-types .aft-card{
    padding:25px;
}

#axcura-fracture-types .aft-card h3{
    font-size:22px;
}
}
#axcura-fracture-revision{
    padding:120px 0;
    background:linear-gradient(180deg,#f8fbfc 0%,#ffffff 100%);
    position:relative;
    overflow:hidden;
}

/* Soft medical glow background */
#axcura-fracture-revision:before{
    content:'';
    position:absolute;
    width:600px;
    height:600px;
    background:rgba(0,163,196,.05);
    border-radius:50%;
    filter:blur(120px);
    top:-250px;
    right:-200px;
}

#axcura-fracture-revision *{
    box-sizing:border-box;
}

#axcura-fracture-revision .afr-container{
    margin:auto;
    padding:0 30px;
}

/* HEADER */
#axcura-fracture-revision .afr-header{
    text-align:center;
    margin:0 auto 70px;
}

#axcura-fracture-revision .afr-badge{
    display:inline-block;
    padding:10px 20px;
    background:#ffecec;
    color:#c0392b;
    border-radius:50px;
    font-weight:700;
    font-size:13px;
    margin-bottom:20px;
}

#axcura-fracture-revision h2{
    font-size:54px;
    line-height:1.1;
    color:#1a3a5c;
    font-weight:800;
    margin-bottom:20px;
}

#axcura-fracture-revision h2 span{
    color:#00a3c4;
}

#axcura-fracture-revision .afr-header p{
    font-size:18px;
    color:#64748b;
    line-height:1.8;
}

/* GRID */
#axcura-fracture-revision .afr-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:30px;
}

/* CARD DESIGN */
#axcura-fracture-revision .afr-card{
    background:#fff;
    border-radius:24px;
    padding:35px;
    position:relative;
    overflow:hidden;
    border:1px solid rgba(26,58,92,.08);
    box-shadow:0 20px 60px rgba(15,23,42,.06);
    transition:all .4s ease;
}

/* hover lift */
#axcura-fracture-revision .afr-card:hover{
    transform:translateY(-12px);
    box-shadow:0 35px 90px rgba(0,163,196,.15);
}

/* left accent line */
#axcura-fracture-revision .afr-card:before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:5px;
    height:100%;
    background:#00a3c4;
    transition:.4s;
}

#axcura-fracture-revision .afr-card:hover:before{
    width:100%;
    opacity:.05;
}

/* shimmer */
#axcura-fracture-revision .afr-card:after{
    content:'';
    position:absolute;
    top:0;
    left:-120%;
    width:60%;
    height:100%;
    background:linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.6),
        transparent
    );
    transition:.8s;
}

#axcura-fracture-revision .afr-card:hover:after{
    left:140%;
}

/* ICON */
#axcura-fracture-revision .afr-icon{
    width:65px;
    height:65px;
    border-radius:50%;
    background:#e8f8fc;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:28px;
    margin-bottom:18px;
    transition:.4s;
}

#axcura-fracture-revision .afr-card:hover .afr-icon{
    transform:rotate(10deg) scale(1.1);
    background:#00a3c4;
    color:#fff;
}

/* TITLE */
#axcura-fracture-revision h3{
    font-size:26px;
    color:#1a3a5c;
    font-weight:800;
    line-height:1.3;
    margin-bottom:15px;
}

/* underline animation */
#axcura-fracture-revision h3:after{
    content:'';
    display:block;
    width:60px;
    height:4px;
    background:#00a3c4;
    margin-top:12px;
    transition:.4s;
}

#axcura-fracture-revision .afr-card:hover h3:after{
    width:120px;
}

/* TEXT */
#axcura-fracture-revision p{
    color:#64748b;
    line-height:1.9;
}

/* SPECIAL WARNING CARD */
#axcura-fracture-revision .highlight{
    background:linear-gradient(135deg,#00a3c4,#007a94);
    color:#fff;
}

#axcura-fracture-revision .highlight h3,
#axcura-fracture-revision .highlight p{
    color:#fff;
}

#axcura-fracture-revision .highlight .afr-icon{
    background:rgba(255,255,255,.2);
    color:#fff;
}

/* RESPONSIVE */
@media(max-width:991px){
    #axcura-fracture-revision .afr-grid{
        grid-template-columns:1fr;
    }

    #axcura-fracture-revision h2{
        font-size:40px;
    }
}

@media(max-width:576px){
    #axcura-fracture-revision{
        padding:80px 0;
    }

    #axcura-fracture-revision h2{
        font-size:32px;
    }

    #axcura-fracture-revision .afr-card{
        padding:25px;
    }

    #axcura-fracture-revision h3{
        font-size:22px;
    }
}
#axcura-fracture-first-aid {
    padding: 30px 0;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbfc 100%);
    position: relative;
    overflow: hidden;
}

/* soft medical glow */
#axcura-fracture-first-aid:before {
    content: '';
    position: absolute;
    width: 600px;
    height: 600px;
    background: rgba(0, 163, 196, .05);
    border-radius: 50%;
    filter: blur(120px);
    top: -200px;
    right: -250px;
}

#axcura-fracture-first-aid * {
    box-sizing: border-box;
}

#axcura-fracture-first-aid .aff-container {
    margin: auto;
    padding: 0 30px;
}

/* HEADER */
#axcura-fracture-first-aid .aff-header {
    text-align: center;
    margin: 0 auto 70px;
}

#axcura-fracture-first-aid .aff-badge {
    display: inline-block;
    background: #ffecec;
    color: #c0392b;
    padding: 10px 18px;
    border-radius: 50px;
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 20px;
}

#axcura-fracture-first-aid h2 {
    font-size: 52px;
    color: #1a3a5c;
    font-weight: 800;
    line-height: 1.1;
    margin-bottom: 20px;
}

#axcura-fracture-first-aid h2 span {
    color: #00a3c4;
}

#axcura-fracture-first-aid .aff-header p {
    font-size: 18px;
    color: #64748b;
    line-height: 1.8;
}

/* LAYOUT */
#axcura-fracture-first-aid .aff-layout {
    display: grid;
    grid-template-columns: 1.3fr .7fr;
    gap: 40px;
    align-items: start;
}

/* SIDEBAR TRACKING FOR STICKY ELEMENT */
#axcura-fracture-first-aid .aff-sidebar {
    position: sticky;
    top: 40px;
}

/* STEPS */
#axcura-fracture-first-aid .aff-step {
    display: flex;
    gap: 18px;
    align-items: flex-start;
    background: #fff;
    padding: 22px 25px;
    border-radius: 18px;
    margin-bottom: 18px;
    border: 1px solid rgba(0, 163, 196, .08);
    box-shadow: 0 10px 30px rgba(15,23,42,.05);
    transition: .35s ease;
    position: relative;
    overflow: hidden;
}

#axcura-fracture-first-aid .aff-step:hover {
    transform: translateY(-6px);
    box-shadow: 0 25px 60px rgba(0, 163, 196, .12);
}

#axcura-fracture-first-aid .aff-step span {
    width: 38px;
    height: 38px;
    min-width: 38px;
    border-radius: 50%;
    background: #00a3c4;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 14px;
}

#axcura-fracture-first-aid .aff-step p {
    margin: 0;
    color: #475569;
    line-height: 1.7;
    font-size: 16px;
}

/* ALERT BOX */
#axcura-fracture-first-aid .aff-alert {
    background: linear-gradient(135deg, #00a3c4, #007a94);
    color: #fff;
    padding: 35px;
    border-radius: 24px;
    box-shadow: 0 30px 80px rgba(0, 163, 196, .25);
}

#axcura-fracture-first-aid .aff-icon {
    font-size: 40px;
    margin-bottom: 20px;
}

#axcura-fracture-first-aid .aff-alert h3 {
    font-size: 28px;
    margin-bottom: 15px;
}

#axcura-fracture-first-aid .aff-alert p {
    font-size: 16px;
    line-height: 1.8;
    opacity: .95;
    margin-bottom: 30px; 
}

/* NEW: ATRACTIVE FEATURE SLIDER STYLING */
#axcura-fracture-first-aid .aff-slider-container {
    position: relative;
    width: 100%;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 15px 35px rgba(0,0,0,0.2);
    border: 1px solid rgba(255, 255, 255, 0.2);
}

#axcura-fracture-first-aid .aff-slider {
    position: relative;
    width: 100%;
    height: 230px;
    background-color: #000;
}

#axcura-fracture-first-aid .aff-slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}

#axcura-fracture-first-aid .aff-slide.active {
    opacity: 1;
}

#axcura-fracture-first-aid .aff-slide img {
    width: 100%;
    height: 100%;
    display: block;
}

#axcura-fracture-first-aid .aff-slide-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: linear-gradient(to top, rgba(0,0,0,0.8), rgba(0,0,0,0));
    color: #fff;
    padding: 15px 15px 10px;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.5px;
}

/* Slider Controls Configuration */
#axcura-fracture-first-aid .aff-nav-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0, 0, 0, 0.4);
    color: #fff;
    border: none;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    cursor: pointer;
    font-size: 12px;
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s ease;
}

#axcura-fracture-first-aid .aff-nav-btn:hover {
    background: rgba(0, 163, 196, 0.9);
}

#axcura-fracture-first-aid .aff-nav-btn.prev { left: 10px; }
#axcura-fracture-first-aid .aff-nav-btn.next { right: 10px; }

#axcura-fracture-first-aid .aff-dots {
    position: absolute;
    bottom: 12px;
    right: 15px;
    z-index: 5;
    display: flex;
    gap: 6px;
}

#axcura-fracture-first-aid .aff-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.4);
    cursor: pointer;
    transition: background 0.2s ease;
}

#axcura-fracture-first-aid .aff-dot.active {
    background: #ffffff;
}

/* RESPONSIVE BREAKPOINTS */
@media(max-width:991px){
    #axcura-fracture-first-aid .aff-layout{
        grid-template-columns:1fr;
    }
    #axcura-fracture-first-aid h2{
        font-size:38px;
    }
    #axcura-fracture-first-aid .aff-sidebar{
        position:relative;
        top:0;
    }
    #axcura-fracture-first-aid .aff-slider {
        height: 320px; /* Expands wider safely on tablet sizes */
    }
}

@media(max-width:576px){
    #axcura-fracture-first-aid{
        padding:80px 0;
    }
    #axcura-fracture-first-aid h2{
        font-size:30px;
    }
    #axcura-fracture-first-aid .aff-step{
        flex-direction:column;
        gap:12px;
    }
    #axcura-fracture-first-aid .aff-alert {
        padding: 25px;
    }
    #axcura-fracture-first-aid .aff-slider {
        height: 200px; /* Perfectly compact on native mobile */
    }
}

#axcura-fracture-trust{
    padding:25px 0;
    background:linear-gradient(180deg,#ffffff 0%,#f8fbfc 100%);
    position:relative;
    overflow:hidden;
}

/* soft glow */
#axcura-fracture-trust:before{
    content:'';
    position:absolute;
    width:600px;
    height:600px;
    background:rgba(0,163,196,.05);
    border-radius:50%;
    filter:blur(120px);
    top:-200px;
    right:-250px;
}

#axcura-fracture-trust *{
    box-sizing:border-box;
}

#axcura-fracture-trust .aft-container{
    margin:auto;
    padding:0 30px;
}
#axcura-fracture-trust .aft-header{
    text-align:center;
    margin:0 auto 70px;
}

#axcura-fracture-trust .aft-badge{
    display:inline-block;
    background:#e8f8fc;
    color:#00a3c4;
    padding:10px 18px;
    border-radius:50px;
    font-size:13px;
    font-weight:700;
    margin-bottom:20px;
}

#axcura-fracture-trust h2{
    font-size:52px;
    color:#1a3a5c;
    font-weight:800;
    line-height:1.1;
    margin-bottom:20px;
}

#axcura-fracture-trust h2 span{
    color:#00a3c4;
}

#axcura-fracture-trust .aft-header p{
    font-size:18px;
    color:#64748b;
    line-height:1.8;
}

/* GRID */
#axcura-fracture-trust .aft-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:20px;
}

/* CARD */
#axcura-fracture-trust .aft-card{
    background:#fff;
    border-radius:20px;
    padding:25px;
    text-align:center;
    border:1px solid rgba(26,58,92,.08);
    box-shadow:0 15px 40px rgba(15,23,42,.06);
    transition:.4s ease;
    position:relative;
    overflow:hidden;
}

/* hover */
#axcura-fracture-trust .aft-card:hover{
    transform:translateY(-10px);
    box-shadow:0 30px 70px rgba(0,163,196,.15);
}

/* icon */
#axcura-fracture-trust .aft-icon{
    width:60px;
    height:60px;
    margin:0 auto 15px;
    border-radius:50%;
    background:#e8f8fc;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:26px;
    transition:.4s;
}

#axcura-fracture-trust .aft-card:hover .aft-icon{
    background:#00a3c4;
    color:#fff;
    transform:rotate(10deg) scale(1.1);
}

/* text */
#axcura-fracture-trust .aft-card p{
    color:#475569;
    font-size:15px;
    line-height:1.7;
}

/* highlight card */
#axcura-fracture-trust .highlight{
    background:linear-gradient(135deg,#00a3c4,#007a94);
    color:#fff;
}

#axcura-fracture-trust .highlight p{
    color:#fff;
}

/* shimmer effect */
#axcura-fracture-trust .aft-card:after{
    content:'';
    position:absolute;
    top:0;
    left:-120%;
    width:60%;
    height:100%;
    background:linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.5),
        transparent
    );
    transition:.8s;
}

#axcura-fracture-trust .aft-card:hover:after{
    left:150%;
}

/* RESPONSIVE */
@media(max-width:991px){

#axcura-fracture-trust .aft-grid{
    grid-template-columns:repeat(2,1fr);
}

#axcura-fracture-trust h2{
    font-size:38px;
}

}

@media(max-width:576px){

#axcura-fracture-trust{
    padding:80px 0;
}

#axcura-fracture-trust .aft-grid{
    grid-template-columns:1fr;
}

#axcura-fracture-trust h2{
    font-size:30px;
}

}
#axcura-fracture-recovery{
    padding:25px 0;
    background:linear-gradient(180deg,#f8fbfc 0%,#ffffff 100%);
    position:relative;
    overflow:hidden;
}

/* soft medical glow */
#axcura-fracture-recovery:before{
    content:'';
    position:absolute;
    width:600px;
    height:600px;
    background:rgba(0,163,196,.05);
    border-radius:50%;
    filter:blur(120px);
    top:-200px;
    left:-250px;
}

#axcura-fracture-recovery *{
    box-sizing:border-box;
}

#axcura-fracture-recovery .afrs-container{
    margin:auto;
    padding:0 30px;
}

/* HEADER */
#axcura-fracture-recovery .afrs-header{
    text-align:center;
    margin:0 auto 70px;
}

#axcura-fracture-recovery .afrs-badge{
    display:inline-block;
    background:#e8f8fc;
    color:#00a3c4;
    padding:10px 18px;
    border-radius:50px;
    font-size:13px;
    font-weight:700;
    margin-bottom:20px;
}

#axcura-fracture-recovery h2{
    font-size:52px;
    color:#1a3a5c;
    font-weight:800;
    line-height:1.1;
    margin-bottom:20px;
}

#axcura-fracture-recovery h2 span{
    color:#00a3c4;
}

#axcura-fracture-recovery .afrs-header p{
    font-size:18px;
    color:#64748b;
    line-height:1.8;
}

/* GRID */
#axcura-fracture-recovery .afrs-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:25px;
}

/* CARD */
#axcura-fracture-recovery .afrs-card{
    background:#fff;
    border-radius:24px;
    padding:30px;
    border:1px solid rgba(26,58,92,.08);
    box-shadow:0 15px 40px rgba(15,23,42,.06);
    transition:.4s ease;
    position:relative;
    overflow:hidden;
}

/* hover */
#axcura-fracture-recovery .afrs-card:hover{
    transform:translateY(-10px);
    box-shadow:0 30px 80px rgba(0,163,196,.15);
}

/* shimmer */
#axcura-fracture-recovery .afrs-card:after{
    content:'';
    position:absolute;
    top:0;
    left:-120%;
    width:60%;
    height:100%;
    background:linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.5),
        transparent
    );
    transition:.8s;
}

#axcura-fracture-recovery .afrs-card:hover:after{
    left:150%;
}

/* TITLE */
#axcura-fracture-recovery .afrs-title{
    font-size:20px;
    font-weight:800;
    color:#1a3a5c;
    margin-bottom:15px;
    line-height:1.4;
}

/* TEXT */
#axcura-fracture-recovery p{
    color:#475569;
    line-height:1.8;
    font-size:16px;
}

/* META */
#axcura-fracture-recovery .afrs-meta{
    margin-top:18px;
    font-size:14px;
    color:#64748b;
    font-style:italic;
}

/* highlight card */
#axcura-fracture-recovery .highlight{
    background:linear-gradient(135deg,#00a3c4,#007a94);
    color:#fff;
}

#axcura-fracture-recovery .highlight p,
#axcura-fracture-recovery .highlight .afrs-title,
#axcura-fracture-recovery .highlight .afrs-meta{
    color:#fff;
}

/* RESPONSIVE */
@media(max-width:991px){

#axcura-fracture-recovery .afrs-grid{
    grid-template-columns:1fr;
}

#axcura-fracture-recovery h2{
    font-size:38px;
}

}

@media(max-width:576px){

#axcura-fracture-recovery{
    padding:80px 0;
}

#axcura-fracture-recovery h2{
    font-size:30px;
}

#axcura-fracture-recovery .afrs-card{
    padding:22px;
}

}
#dr-sumit-section{padding:56px 0;background:#f8fffe;position:relative}
#dr-sumit-section::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#1aaf8b,#0d8c6f,#1aaf8b)}
#dr-sumit-section .ds-wrap{margin:0 auto;padding:0 28px}
#dr-sumit-section .ds-layout{display:grid;grid-template-columns:300px 1fr;gap:32px;align-items:start}
#dr-sumit-section .ds-left{position:sticky;top:24px}
#dr-sumit-section .ds-photo-wrap{border-radius:16px;overflow:hidden;border:3px solid #d5ede6;margin-bottom:16px;aspect-ratio:4/5;background:#e6f8f3}
#dr-sumit-section .ds-photo-wrap img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block}
#dr-sumit-section .ds-profile-card{background:#ffffff;border:1px solid #d5ede6;border-radius:14px;padding:18px 16px}
#dr-sumit-section .ds-profile-card h3{font-size:16px;font-weight:700;color:#1a2e28;margin:0 0 4px}
#dr-sumit-section .ds-role{font-size:12.5px;color:#0d8c6f;font-weight:600;margin:0 0 12px}
#dr-sumit-section .ds-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}
#dr-sumit-section .ds-tag{font-size:11px;font-weight:600;color:#0d8c6f;background:#e6f8f3;border:1px solid #b3e8d8;padding:3px 10px;border-radius:50px}
#dr-sumit-section .ds-divider{height:1px;background:#e6f8f3;margin:12px 0}
#dr-sumit-section .ds-stat-row{display:flex;gap:10px}
#dr-sumit-section .ds-stat{flex:1;text-align:center;background:#f8fffe;border:1px solid #d5ede6;border-radius:10px;padding:10px 6px}
#dr-sumit-section .ds-stat strong{display:block;font-size:17px;font-weight:700;color:#1aaf8b;line-height:1}
#dr-sumit-section .ds-stat span{font-size:10px;color:#4a6258;margin-top:3px;display:block;line-height:1.3}
#dr-sumit-section .ds-cta-btn{width:100%;margin-top:14px;background:#0d8c6f;color:#fff;font-size:13px;font-weight:600;padding:11px 0;border-radius:50px;border:none;cursor:pointer;font-family:inherit;transition:background .2s}
#dr-sumit-section .ds-cta-btn:hover{background:#1aaf8b}
#dr-sumit-section .ds-right .ds-kicker{font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#0d8c6f;background:#e6f8f3;border:1px solid #b3e8d8;padding:4px 14px;border-radius:50px;display:inline-block;margin-bottom:12px}
#dr-sumit-section .ds-right h2{font-size:22px;font-weight:700;color:#1a2e28;margin:0 0 24px;line-height:1.25}
#dr-sumit-section .ds-right h2 em{font-style:normal;color:#1aaf8b}
#dr-sumit-section .ds-categories{display:flex;flex-direction:column;gap:14px}
#dr-sumit-section .ds-cat{background:#ffffff;border:1px solid #d5ede6;border-radius:14px;overflow:hidden;transition:border-color .2s}
#dr-sumit-section .ds-cat:hover{border-color:#1aaf8b}
#dr-sumit-section .ds-cat-head{display:flex;align-items:center;gap:10px;padding:13px 16px;background:#ffffff;border-bottom:1px solid #f0fdf9}
#dr-sumit-section .ds-cat-icon{width:34px;height:34px;border-radius:8px;background:#e6f8f3;display:flex;align-items:center;justify-content:center;flex-shrink:0}
#dr-sumit-section .ds-cat-icon svg{width:18px;height:18px;stroke:#0d8c6f;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#dr-sumit-section .ds-cat-head h4{font-size:13.5px;font-weight:700;color:#1a2e28;margin:0}
#dr-sumit-section .ds-cat-head small{font-size:11px;color:#7ab8a8;display:block;margin-top:1px}
#dr-sumit-section .ds-procedures{display:flex;flex-wrap:wrap;gap:7px;padding:13px 16px}
#dr-sumit-section .ds-proc{font-size:12px;color:#1a2e28;background:#f8fffe;border:1px solid #d5ede6;padding:5px 12px;border-radius:50px;font-weight:500;transition:background .18s,border-color .18s,color .18s;cursor:default}
#dr-sumit-section .ds-proc:hover{background:#e6f8f3;border-color:#1aaf8b;color:#0d8c6f}
@media(max-width:780px){
  #dr-sumit-section .ds-layout{grid-template-columns:1fr}
  #dr-sumit-section .ds-left{position:static}
  #dr-sumit-section .ds-photo-wrap{aspect-ratio:3/2;max-height:260px}
}
@media(max-width:480px){
  #dr-sumit-section .ds-wrap{padding:0 14px}
  #dr-sumit-section{padding:40px 0}
  #dr-sumit-section .ds-right h2{font-size:19px}
}

#hero-spine-care {
  --primary: #0e5e6f;       /* Deep Teal */
  --secondary: #3ab0ff;     /* Radiant Cyan/Blue */
  --accent-light: #e8f4f7;  /* Soft Teal Tint */
  --text-main: #2b353e;     /* Deep slate body */
  --white: #ffffff;
  position: relative;
  background-color: #f9fcfd;
  padding: 100px 24px;
  overflow: hidden;
}

/* Unique Abstract Geometric Background Patterns */
#hero-spine-care .spine-bg-shape-1 {
  position: absolute;
  top: -10%;
  right: -5%;
  width: 50%;
  height: 120%;
  background: var(--accent-light);
  clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 0% 100%);
  z-index: 1;
  opacity: 0.7;
}

#hero-spine-care .spine-bg-shape-2 {
  position: absolute;
  bottom: -50px;
  left: -50px;
  width: 300px;
  height: 300px;
  background: radial-gradient(circle, rgba(58,176,255,0.08) 0%, transparent 70%);
  z-index: 1;
}

#hero-spine-care .hero-container {
  position: relative;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 60px;
  align-items: center;
  z-index: 2;
}

/* Left Content Area Unique Styling */
#hero-spine-care .hero-badge-wrapper {
  margin-bottom: 16px;
}

#hero-spine-care .hero-tagline {
  background: var(--white);
  color: var(--primary);
  border: 1px solid rgba(14, 94, 111, 0.15);
  padding: 6px 16px;
  border-radius: 50px;
  font-weight: 700;
  font-size: 0.85rem;
  letter-spacing: 1px;
  text-transform: uppercase;
  display: inline-block;
  box-shadow: 0 4px 10px rgba(0,0,0,0.02);
}

#hero-spine-care .hero-title {
  color: var(--primary);
  font-size: 3.2rem;
  line-height: 1.15;
  font-weight: 800;
  margin: 0 0 24px 0;
  letter-spacing: -0.5px;
}

#hero-spine-care .text-gradient {
  color: var(--secondary);
  position: relative;
  display: inline-block;
}

#hero-spine-care .hero-lead-text {
  color: var(--text-main);
  font-size: 1.1rem;
  line-height: 1.65;
  margin-bottom: 32px;
}

/* Modern Minimalist Feature Items */
#hero-spine-care .hero-feature-row {
  display: flex;
  gap: 32px;
  margin-bottom: 40px;
}

#hero-spine-care .feature-item {
  display: flex;
  align-items: center;
  gap: 12px;
}

#hero-spine-care .feature-item .feature-icon {
  font-size: 1.5rem;
  background: var(--white);
  padding: 10px;
  border-radius: 10px;
  box-shadow: 0 4px 15px rgba(14, 94, 111, 0.06);
}

#hero-spine-care .feature-item h4 {
  margin: 0;
  font-size: 0.95rem;
  color: var(--primary);
  font-weight: 700;
}

#hero-spine-care .feature-item p {
  margin: 2px 0 0 0;
  font-size: 0.85rem;
  color: #6c757d;
}

/* CTA Buttons styling */
#hero-spine-care .hero-actions {
  display: flex;
  gap: 16px;
  align-items: center;
}

#hero-spine-care .btn {
  padding: 16px 32px;
  font-weight: 600;
  border-radius: 50px; /* Rounded pill style matches high-end unique look */
  text-decoration: none;
  font-size: 0.95rem;
  transition: all 0.3s ease;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

#hero-spine-care .btn-primary {
  background-color: var(--secondary);
  color: var(--white);
  box-shadow: 0 6px 20px rgba(58, 176, 255, 0.35);
}

#hero-spine-care .btn-primary:hover {
  background-color: var(--primary);
  box-shadow: 0 6px 20px rgba(14, 94, 111, 0.3);
  transform: translateY(-2px);
}

#hero-spine-care .btn-secondary {
  color: var(--primary);
  background: transparent;
  border: 2px solid var(--primary);
}

#hero-spine-care .btn-secondary:hover {
  background-color: var(--primary);
  color: var(--white);
  transform: translateY(-2px);
}

/* Right Column Visual Layered Stack */
#hero-spine-care .hero-visual-stack {
  position: relative;
  width: 100%;
  height: 480px;
  display: flex;
  justify-content: center;
  align-items: center;
}

#hero-spine-care .main-image-frame {
  width: 80%;
  height: 100%;
  border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%; /* Dynamic organic shape */
  overflow: hidden;
  box-shadow: 0 20px 40px rgba(14, 94, 111, 0.15);
  background: #cbdce0;
}

#hero-spine-care .hero-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Floating interactive layout elements */
#hero-spine-care .floating-card {
  position: absolute;
  background: var(--white);
  padding: 16px;
  border-radius: 12px;
  box-shadow: 0 15px 35px rgba(0,0,0,0.08);
}

#hero-spine-care .symptom-card {
  top: 10%;
  left: -10%;
  width: 220px;
}

#hero-spine-care .symptom-card h5 {
  margin: 0 0 10px 0;
  font-size: 0.85rem;
  color: var(--primary);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

#hero-spine-care .symptom-card ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#hero-spine-care .symptom-card li {
  font-size: 0.85rem;
  color: var(--text-main);
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 500;
}

#hero-spine-care .dot.alert {
  width: 6px;
  height: 6px;
  background-color: #ff4d4d;
  border-radius: 50%;
  display: inline-block;
}

#hero-spine-care .trust-card {
  bottom: 10%;
  right: 0%;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 20px;
}

#hero-spine-care .trust-icon {
  background: var(--secondary);
  color: var(--white);
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
}

#hero-spine-care .trust-number {
  margin: 0;
  font-size: 1.2rem;
  font-weight: 800;
  color: var(--primary);
  line-height: 1;
}

#hero-spine-care .trust-label {
  margin: 0;
  font-size: 0.75rem;
  color: #6c757d;
}

/* ==========================================
   RESPONSIVE LAYOUT BREAKPOINTS
   ========================================== */

@media (max-width: 1200px) {
  #hero-spine-care .symptom-card { left: 0; }
}

@media (max-width: 992px) {
  #hero-spine-care { padding: 60px 20px; }
  
  #hero-spine-care .hero-container {
    grid-template-columns: 1fr;
    gap: 50px;
  }
  
  #hero-spine-care .spine-bg-shape-1 { display: none; }
  
  #hero-spine-care .hero-title { font-size: 2.6rem; }
  
  #hero-spine-care .hero-visual-stack {
    max-width: 450px;
    margin: 0 auto;
    height: 400px;
  }
}

@media (max-width: 576px) {
  #hero-spine-care { padding: 40px 16px; }
  
  #hero-spine-care .hero-title { font-size: 2rem; }
  
  #hero-spine-care .hero-feature-row {
    flex-direction: column;
    gap: 16px;
  }
  
  #hero-spine-care .hero-actions {
    flex-direction: column;
    width: 100%;
  }
  
  #hero-spine-care .btn {
    width: 100%;
    justify-content: center;
    box-sizing: border-box;
  }
  
  #hero-spine-care .symptom-card {
    width: 180px;
    top: 5%;
  }
}