*{margin:0;padding:0;box-sizing:border-box}:root{--primary:#00AFC0;--secondary:#333333;--white:#FFFFFF;--light-gray:#F8F9FA;--light-primary:#e6f9fb;--beige:#F8F6F0;--dark-gray:#333333;--gold:#00AFC0;--navy:#333333;--light-gold:#FFC107;--shadow:0 10px 30px rgba(0,0,0,0.1);--primary-gradient:linear-gradient(135deg,#00AFC0,#008F9C);--secondary-gradient:linear-gradient(135deg,#333333,#2C2C2C);--green-bg:linear-gradient(180deg, #f0fbfd 0%, #ffffff 60%, #f8fafc 100%);--gold-gradient:linear-gradient(135deg,#00AFC0,#FFC107)}body{font-family:'Inter',sans-serif;line-height:1.6;color:var(--dark-gray)}.social-sidebar{position:fixed;left:20px;top:50%;transform:translateY(-50%);z-index:999;display:flex;flex-direction:column;gap:15px;padding:20px 10px;background:rgba(255,255,255,0.95);backdrop-filter:blur(10px);border-radius:50px;box-shadow:0 5px 20px rgba(0,0,0,0.1);transition:all 0.3s ease}.social-icon{width:45px;height:45px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all 0.3s ease;text-decoration:none;font-size:20px;color:var(--dark-gray)}.social-icon:hover{transform:scale(1.15);box-shadow:0 5px 15px rgba(0, 175, 192,0.3)}.social-icon.instagram{color:#E4405F}.social-icon.instagram:hover{background:rgba(228,64,95,0.1)}.social-icon.facebook{color:#1877F2}.social-icon.facebook:hover{background:rgba(24,119,242,0.1)}.social-icon.google{color:#4285F4}.social-icon.google:hover{background:rgba(66,133,244,0.1)}.social-icon.whatsapp{color:#25D366}.social-icon.whatsapp:hover{background:rgba(37,211,102,0.1)}@media (max-width:768px){.social-sidebar{left:10px;gap:10px;padding:15px 8px}.social-icon{width:40px;height:40px;font-size:18px}}h1,h2,h3,h4,h5,h6{font-family:'Plus Jakarta Sans', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;font-weight:600}.container{max-width:1400px;margin:0 auto;padding:0 20px}.navbar{position:fixed;top:0;width:100%;background:rgba(255,255,255,0.95);backdrop-filter:blur(10px);z-index:1000;padding:15px 0;transition:all 0.3s ease}.nav-container{max-width:1400px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center}.nav-logo h2{color:var(--primary);font-size:28px}.nav-logo img{height:38px !important;height:48px;width:auto;display:block;background:transparent}.nav-menu{display:flex;list-style:none;gap:30px}.nav-menu a{text-decoration:none;color:var(--dark-gray);font-weight:500;transition:color 0.3s ease}.nav-menu a:hover,.nav-menu a.active{color:var(--primary)}.btn-primary{background:var(--primary);color:var(--white);padding:12px 24px;border-radius:30px;text-decoration:none;font-weight:600;transition:all 0.3s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.contact-hero-section{min-height:100vh;background:var(--green-bg);display:flex;align-items:center;padding-top:80px;position:relative;overflow:hidden}.hero-container{max-width:1400px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.hero-title{font-size:48px;line-height:1.2;margin-bottom:30px;color:var(--secondary);animation:fadeDown 1s ease}.gold-underline{width:100px;height:4px;background:var(--primary);margin:30px 0;animation:expandWidth 1.5s ease 0.5s both}.hero-subtitle{font-size:18px;color:var(--dark-gray);line-height:1.8;margin-bottom:20px;animation:slideFromLeft 1s ease 0.4s both}.hero-description{font-size:16px;color:#666;line-height:1.8;margin-bottom:40px;animation:slideFromLeft 1s ease 0.6s both}.hero-ctas{display:flex;gap:20px;animation:fadeUp 1s ease 0.8s both}.btn-gold{background:var(--primary);color:var(--white);padding:15px 30px;border-radius:30px;text-decoration:none;font-weight:600;transition:all 0.3s ease}.btn-gold:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(0, 175, 192,0.3);background:var(--secondary);color:var(--white)}.btn-navy{background:transparent;color:var(--secondary);padding:15px 30px;border-radius:30px;text-decoration:none;font-weight:600;border:2px solid var(--secondary);transition:all 0.3s ease}.btn-navy:hover{background:var(--secondary);color:var(--white);transform:translateY(-2px)}.hero-image{position:relative;animation:fadeInRight 1s ease 0.5s both}.hero-image img{width:100%;border-radius:20px;box-shadow:var(--shadow);animation:float 6s ease-in-out infinite}.floating-particles{position:absolute;top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><g fill="%23D4AF37" opacity="0.3"><circle cx="20" cy="25" r="1.5"><animate attributeName="cy" values="25;15;25" dur="4s" repeatCount="indefinite"/></circle><circle cx="80" cy="35" r="1"><animate attributeName="cy" values="35;25;35" dur="3s" repeatCount="indefinite"/></circle><circle cx="60" cy="70" r="2"><animate attributeName="cy" values="70;60;70" dur="5s" repeatCount="indefinite"/></circle><circle cx="30" cy="60" r="1.2"><animate attributeName="cy" values="60;50;60" dur="3.5s" repeatCount="indefinite"/></circle></g></svg>') no-repeat;background-size:cover;pointer-events:none}.video-message-section{padding:100px 0;background:var(--secondary-gradient);color:var(--white);text-align:center}.video-message-section h2{font-size:42px;color:var(--primary);margin-bottom:50px}.video-container{width:100%;max-width:1000px;margin:0 auto 30px;border:4px solid var(--gold);border-radius:18px;overflow:hidden;box-shadow:0 20px 40px rgba(212,175,55,0.3);animation:fadeUp 1s ease;transition:all 0.3s ease}.video-container:hover{box-shadow:0 25px 50px rgba(212,175,55,0.4);border-color:var(--light-gold);animation:shimmer 2s ease infinite}.video-container video{width:100%;height:auto;display:block}.video-caption{font-style:italic;color:var(--light-gold);margin-bottom:20px}.video-description{font-size:18px;max-width:800px;margin:0 auto;line-height:1.8}.contact-form-section{padding:100px 0;background:var(--white)}.contact-grid{display:grid;grid-template-columns:2fr 1fr;gap:60px;align-items:start}.form-card{background:var(--white);padding:40px;border-radius:15px;box-shadow:var(--shadow);border-top:4px solid var(--primary);animation:fadeInLeft 1s ease}.form-card h2{font-size:32px;color:var(--secondary);margin-bottom:10px}.form-subtitle{color:#666;margin-bottom:30px;font-size:16px}.contact-form{display:flex;flex-direction:column;gap:24px}.form-group{display:flex;flex-direction:column}.form-group label{font-weight:600;color:var(--secondary);margin-bottom:8px;font-size:14px}.form-group input,.form-group select,.form-group textarea{padding:15px;border:1px solid #cdbb7d;border-radius:8px;font-size:16px;transition:all 0.3s ease;font-family:'Inter',sans-serif}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(0, 175, 192,0.2)}.file-upload-group{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.file-upload-group input[type="file"]{display:none}.file-label{padding:12px 20px;background:var(--light-gray);border:2px dashed #cdbb7d;border-radius:8px;text-align:center;cursor:pointer;transition:all 0.3s ease;font-size:14px;color:var(--dark-gray)}.file-label:hover{border-color:var(--gold);background:rgba(212,175,55,0.1)}.submit-btn{background:var(--primary);color:var(--white);padding:18px;border:none;border-radius:30px;font-size:18px;font-weight:600;cursor:pointer;transition:all 0.3s ease;font-family:'Inter',sans-serif}.submit-btn:hover{background:var(--secondary);color:var(--white);transform:translateY(-2px);box-shadow:0 10px 30px rgba(0,0,0,0.2)}.info-card{background:var(--white);color:var(--secondary);padding:30px 24px;border-radius:16px;box-shadow:var(--shadow);border:1px solid rgba(0, 175, 192,0.15);border-top:4px solid var(--primary);animation:fadeInRight 1s ease}.info-item{margin-bottom:20px}.info-item:last-child{margin-bottom:0}.info-icon{font-size:24px;margin-bottom:10px;color:var(--primary)}.info-item h3{font-size:18px;color:var(--secondary);margin-bottom:6px}.info-item p{color:#555;line-height:1.6}.branch-locator-section{padding:100px 0;background:var(--white)}.section-header{text-align:center;margin-bottom:60px}.section-header h2{font-size:42px;color:var(--secondary);margin-bottom:20px}.branches-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin-bottom:60px}.branch-card{background:var(--white);border-radius:15px;overflow:hidden;box-shadow:var(--shadow);border:2px solid var(--primary);transition:all 0.3s ease;animation:slideUpSequential 0.8s ease;display:flex;flex-direction:column}.branch-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px rgba(0, 175, 192,0.2)}.branch-card img{width:100%;height:200px;object-fit:cover}.branch-content{padding:25px;display:flex;flex-direction:column}.branch-content h3{font-size:24px;color:var(--secondary);margin-bottom:10px;min-height:60px;display:flex;align-items:center;justify-content:center}.branch-address{color:#666;margin-bottom:15px;font-style:italic;flex:1;display:flex;align-items:center;justify-content:center;text-align:center}.whatsapp-btn{display:block;background:#25D366;color:var(--white);padding:10px 20px;border-radius:25px;text-decoration:none;font-weight:600;transition:all 0.3s ease;margin-top:auto;width:fit-content;margin-left:auto;margin-right:auto}.whatsapp-btn:hover{background:#128C7E;transform:translateY(-2px)}.map-container{text-align:center;animation:fadeIn 1s ease}.map-placeholder{width:100%;max-width:1000px;height:400px;object-fit:cover;border-radius:15px;box-shadow:var(--shadow)}.why-contact-section{padding:100px 0;background:linear-gradient(135deg,#faf8f2 0%,#f8f6f0 100%)}.why-contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px}.why-contact-card{background:var(--white);padding:40px 30px;border-radius:15px;box-shadow:var(--shadow);text-align:center;border-top:4px solid var(--primary);transition:all 0.3s ease;animation:floatUp 0.8s ease}.why-contact-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px rgba(0,0,0,0.15)}.card-icon{font-size:48px;margin-bottom:20px;animation:bounce 2s infinite}.why-contact-card h3{font-size:24px;color:var(--secondary);margin-bottom:15px}.why-contact-card p{color:#666;line-height:1.6}.patient-experience-section{padding:100px 0;background:var(--white);text-align:center}.patient-experience-section .video-container{max-width:800px;margin:0 auto;border:3px solid var(--gold);border-radius:15px;overflow:hidden;box-shadow:var(--shadow);animation:zoomIn 1s ease}.faq-section{padding:100px 0;background:var(--light-gray)}.faq-accordion{max-width:800px;margin:0 auto}.faq-item{background:var(--white);margin-bottom:15px;border-radius:10px;box-shadow:var(--shadow);overflow:hidden;border:1px solid var(--primary);animation:fadeInUp 0.8s ease}.faq-question{padding:25px 30px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-weight:600;color:var(--secondary);transition:all 0.3s ease}.faq-question:hover{background:var(--light-gray)}.faq-icon{font-size:24px;color:var(--primary);transition:transform 0.3s ease}.faq-item.active .faq-icon{transform:rotate(45deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height 0.3s ease}.faq-item.active .faq-answer{max-height:200px}.faq-answer p{padding:0 30px 25px;color:#666;line-height:1.8}.final-cta-section{padding:100px 0;background:var(--primary-gradient);text-align:center;color:var(--white);border-radius:0 0 50px 50px}.final-cta-section h2{font-size:48px;margin-bottom:20px}.final-cta-section p{font-size:20px;margin-bottom:40px;max-width:600px;margin-left:auto;margin-right:auto}.btn-appointment{background:var(--white);color:var(--secondary);padding:18px 40px;border-radius:30px;text-decoration:none;font-weight:600;font-size:18px;border:2px solid var(--white);transition:all 0.3s ease;display:inline-block}.btn-appointment:hover{background:var(--secondary);color:var(--white);transform:translateY(-3px);box-shadow:0 10px 30px rgba(0,0,0,0.2)}.footer{background:var(--secondary);color:var(--white);padding:60px 0 20px}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;margin-bottom:40px}.footer-column h3,.footer-column .footer-nav-title{color:var(--primary);font-size:24px;margin-bottom:20px}.footer-column p{line-height:1.6;margin-bottom:10px}.footer-column ul{list-style:none}.footer-column ul li{margin-bottom:8px}.footer-column ul li a{color:var(--white);text-decoration:none;transition:color 0.3s ease}.footer-column ul li a:hover{color:var(--primary)}.footer-bottom{text-align:center;padding-top:20px;border-top:1px solid rgba(212,175,55,0.3)}@keyframes fadeDown{from{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInRight{from{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInLeft{from{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes slideFromLeft{from{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}@keyframes expandWidth{from{width:0}to{width:100px}}@keyframes float{0%,100%{transform:translateY(0px)}50%{transform:translateY(-20px)}}@keyframes slideUpSequential{from{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes floatUp{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes zoomIn{from{opacity:0;transform:scale(0.8)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes bounce{0%,20%,50%,80%,100%{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes shimmer{0%{border-color:var(--gold)}50%{border-color:var(--light-gold);box-shadow:0 25px 50px rgba(212,175,55,0.5)}100%{border-color:var(--gold)}}@media (max-width:1024px){.hero-container,.contact-grid{grid-template-columns:1fr;text-align:center}.hero-title{font-size:36px}.section-header h2{font-size:32px}.final-cta-section h2{font-size:36px}.hamburger{display:flex;flex-direction:column;cursor:pointer;gap:5px}.hamburger span{width:25px;height:3px;background:var(--secondary);transition:all 0.3s ease}.nav-menu{position:fixed;left:-100%;top:70px;flex-direction:column;background:white;width:100%;text-align:center;transition:left 0.3s ease;box-shadow:0 10px 27px rgba(0,0,0,0.1);padding:20px 0;z-index:999}.nav-menu.active{left:0}.nav-menu li{margin:15px 0}.nav-cta{display:none}.branches-grid{grid-template-columns:1fr}.why-contact-grid{grid-template-columns:1fr}.hero-ctas{flex-direction:column;align-items:center}.file-upload-group{grid-template-columns:1fr}.form-card{padding:30px 20px}}@media (max-width:480px){.hero-title{font-size:28px}.section-header h2{font-size:28px}.final-cta-section h2{font-size:32px}.form-card h2{font-size:28px}}.nav-scanner-link{color:#00AFC0 !important;font-weight:600 !important;background:rgba(0,175,192,0.08);border:1px solid rgba(0,175,192,0.2);border-radius:6px;padding:4px 10px !important}.hamburger{display:none;flex-direction:column;cursor:pointer;gap:5px}.hamburger span{width:25px;height:3px;background:var(--secondary);transition:all 0.3s ease}@media (min-width:1025px){.hamburger{display:none !important}.nav-container{max-width:1400px !important;padding:0 14px !important;gap:10px !important}.nav-logo img{height:48px !important}.nav-menu{gap:1px !important;flex-wrap:nowrap !important;align-items:center !important}.nav-menu a{font-size:0.78rem !important;padding:4px 7px !important;white-space:nowrap !important;font-weight:500 !important}.nav-menu a.active{color:var(--primary,#006d77) !important}.nav-cta .btn-primary,.btn-primary{padding:7px 14px !important;font-size:0.78rem !important;white-space:nowrap !important;flex-shrink:0 !important}.nav-scanner-link{font-size:0.76rem !important;padding:3px 7px !important}}.map-link-btn{display:inline-flex;align-items:center;gap:6px;background:#00AFC0;color:#ffffff !important;padding:7px 14px;border-radius:20px;font-size:0.8rem;font-weight:600;text-decoration:none !important;margin-top:6px;transition:all 0.25s ease}.map-link-btn:hover{background:#008f9c;transform:translateY(-2px)}.footer-column .footer-nav-title,p.footer-nav-title{font-family:'Plus Jakarta Sans', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;font-size:1.2rem;font-weight:600;margin-bottom:1.5rem;color:var(--primary-gold,#00AFC0);letter-spacing:0.02em}p.item-heading{font-family:'Plus Jakarta Sans', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;font-size:1.1rem;font-weight:600;margin-bottom:0.5rem;color:inherit;line-height:1.4}p.cta-subtext{font-family:'Inter',sans-serif;font-size:0.95rem;font-weight:500;margin-top:0.75rem;opacity:0.9}p.section-subhead{font-family:'Plus Jakarta Sans', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;font-size:1.15rem;font-weight:600;margin-bottom:0.75rem;color:inherit}
/* ═══════════════════════════════════════════════════════════════
   CLINIC LOCATIONS – Premium White Panel (.clinic-info-panel)
   Uses existing Kezza design tokens:
   --primary: #00AFC0, --secondary: #333333, --gold: #00AFC0,
   --white: #FFFFFF, --light-gray: #F8F9FA, --shadow
   ═══════════════════════════════════════════════════════════════ */

/* ── Outer wrapper panel ─────────────────────────────────────── */
.clinic-info-panel {
    background: var(--white);
    border-radius: 16px;
    box-shadow: var(--shadow);
    border: 1px solid rgba(0, 175, 192, 0.15);
    border-top: 4px solid var(--primary);
    padding: 24px 22px 20px;
    display: flex;
    flex-direction: column;
    height: 100%;
    animation: fadeInRight 1s ease;
}

/* ── Panel heading ───────────────────────────────────────────── */
.cip-heading {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 14px;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(0, 175, 192, 0.15);
}

.cip-heading-icon {
    width: 38px;
    height: 38px;
    background: rgba(0, 175, 192, 0.1);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--primary);
    font-size: 16px;
    flex-shrink: 0;
}

.cip-title {
    font-family: 'Plus Jakarta Sans', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 1.15rem;
    font-weight: 700;
    color: var(--secondary);
    margin: 0 0 2px;
    line-height: 1.2;
}

.cip-subtitle {
    font-family: 'Inter', sans-serif;
    font-size: 0.74rem;
    color: var(--primary);
    font-weight: 600;
    margin: 0;
    letter-spacing: 0.03em;
}

/* ── Clinic cards container ──────────────────────────────────── */
.cip-cards-container {
    display: flex;
    flex-direction: column;
    gap: 12px;
    flex: 1;
}

/* ── Individual clinic card ──────────────────────────────────── */
.cip-location-card {
    background: var(--light-gray);
    border: 1px solid rgba(0, 175, 192, 0.14);
    border-left: 3.5px solid var(--primary);
    border-radius: 12px;
    padding: 12px 14px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    transition: all 0.25s ease;
}

.cip-location-card:hover {
    background: var(--white);
    box-shadow: 0 6px 18px rgba(0, 175, 192, 0.12);
    border-color: rgba(0, 175, 192, 0.35);
    transform: translateY(-2px);
}

/* ── Card top row ────────────────────────────────────────────── */
.cip-location-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.cip-badge-wrap {
    display: flex;
    align-items: center;
    gap: 8px;
}

.cip-city-badge {
    display: inline-block;
    background: var(--primary);
    color: var(--white);
    font-family: 'Inter', sans-serif;
    font-size: 0.65rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    padding: 2px 8px;
    border-radius: 20px;
}

.cip-clinic-name {
    font-family: 'Plus Jakarta Sans', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--secondary);
}

.cip-card-actions {
    display: flex;
    align-items: center;
    gap: 6px;
}

.cip-maps-pill {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    background: rgba(0, 175, 192, 0.08);
    border: 1px solid rgba(0, 175, 192, 0.25);
    color: var(--primary) !important;
    font-family: 'Inter', sans-serif;
    font-size: 0.7rem;
    font-weight: 700;
    padding: 3px 9px;
    border-radius: 16px;
    text-decoration: none !important;
    transition: all 0.2s ease;
    flex-shrink: 0;
}

.cip-maps-pill:hover {
    background: var(--primary);
    color: var(--white) !important;
}

.cip-wa-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: rgba(37, 211, 102, 0.12);
    border: 1px solid rgba(37, 211, 102, 0.3);
    color: #25D366 !important;
    font-size: 0.78rem;
    text-decoration: none !important;
    transition: all 0.2s ease;
    flex-shrink: 0;
}

.cip-wa-pill:hover {
    background: #25D366;
    color: #FFFFFF !important;
    transform: translateY(-1px);
}

/* ── Address ─────────────────────────────────────────────────── */
.cip-address {
    font-family: 'Inter', sans-serif;
    font-size: 0.8rem;
    color: #555;
    line-height: 1.45;
    margin: 0;
    display: flex;
    gap: 6px;
    align-items: flex-start;
}

.cip-pin {
    color: var(--primary);
    font-size: 0.8rem;
    margin-top: 2px;
    flex-shrink: 0;
}

/* ── Card Meta (Clock, Phone, Specialists) ──────────────────── */
.cip-card-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    font-family: 'Inter', sans-serif;
    font-size: 0.73rem;
    color: #555;
    padding-top: 4px;
    border-top: 1px dashed rgba(0, 175, 192, 0.15);
}

.cip-card-meta span {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.cip-card-meta span i {
    color: var(--primary);
    font-size: 0.72rem;
}

/* ── Specialty Treatment Tags ───────────────────────────────── */
.cip-specialty-tags {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 1px;
}

.cip-tag {
    font-family: 'Inter', sans-serif;
    font-size: 0.65rem;
    font-weight: 600;
    color: #007c89;
    background: rgba(0, 175, 192, 0.08);
    border: 1px solid rgba(0, 175, 192, 0.18);
    padding: 2px 7px;
    border-radius: 10px;
    letter-spacing: 0.01em;
}

/* ── Divider ─────────────────────────────────────────────────── */
.cip-divider {
    height: 1px;
    background: rgba(0, 175, 192, 0.12);
    margin: 14px 0 12px;
}

/* ── Contact Section ─────────────────────────────────────────── */
.cip-contact-strip {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.cip-contact-heading {
    font-family: 'Plus Jakarta Sans', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--secondary);
    margin: 0 0 6px;
}

.cip-contact-grid-2x2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

.cip-contact-item {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 6px 9px;
    background: var(--light-gray);
    border: 1px solid rgba(0, 175, 192, 0.1);
    border-radius: 8px;
    text-decoration: none !important;
    color: var(--secondary) !important;
    transition: all 0.2s ease;
}

.cip-contact-item:hover {
    background: rgba(0, 175, 192, 0.08);
    border-color: rgba(0, 175, 192, 0.3);
    transform: translateY(-1px);
}

.cip-contact-hours {
    cursor: default;
}

.cip-contact-hours:hover {
    transform: none;
    background: var(--light-gray);
    border-color: rgba(0, 175, 192, 0.1);
}

.cip-contact-icon {
    width: 28px;
    height: 28px;
    background: rgba(0, 175, 192, 0.1);
    border: 1px solid rgba(0, 175, 192, 0.2);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--primary);
    font-size: 11px;
    flex-shrink: 0;
}

.cip-wa-icon {
    background: rgba(37, 211, 102, 0.1);
    border-color: rgba(37, 211, 102, 0.25);
    color: #25D366;
}

.cip-contact-text {
    display: flex;
    flex-direction: column;
    gap: 1px;
    min-width: 0;
}

.cip-contact-label {
    font-family: 'Inter', sans-serif;
    font-size: 0.62rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #888;
    line-height: 1;
}

.cip-contact-value {
    font-family: 'Inter', sans-serif;
    font-size: 0.76rem;
    font-weight: 600;
    color: var(--secondary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ── Responsive rules ────────────────────────────────────────── */
@media (min-width: 769px) and (max-width: 1024px) {
    .cip-cards-container {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }
}

@media (max-width: 768px) {
    .clinic-info-panel {
        padding: 20px 16px 18px;
    }
    .cip-cards-container {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }
    .cip-contact-grid-2x2 {
        grid-template-columns: 1fr;
        gap: 6px;
    }
    .cip-contact-value {
        white-space: normal;
        font-size: 0.78rem;
    }
}

@media (max-width: 480px) {
    .cip-title {
        font-size: 1.05rem;
    }
    .cip-city-badge {
        font-size: 0.62rem;
    }
    .cip-heading-icon {
        width: 34px;
        height: 34px;
        font-size: 14px;
    }
}

/* ═══════════════════════════════════════════════════════════════
   SECTION 1: HERO BANNER — OPEN FULL-SCREEN DEVELOPER ARCHITECTURE
   (Zero Box Container, Plus Jakarta Sans, Seamless Visual Showcase & Rich Animations)
   ═══════════════════════════════════════════════════════════════ */

.contact-hero-section {
    min-height: auto !important;
    background: radial-gradient(circle at 85% 20%, rgba(0, 175, 192, 0.08) 0%, transparent 45%),
                radial-gradient(circle at 15% 85%, rgba(0, 175, 192, 0.06) 0%, transparent 45%),
                linear-gradient(180deg, #f7fcfd 0%, #ffffff 100%) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 88px 0 72px 0 !important;
    position: relative !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

/* Ambient Glowing Aura Background Elements */
.contact-hero-section .hero-ambient-aura {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    filter: blur(80px);
    z-index: 1;
}

.contact-hero-section .hero-ambient-aura.aura-left {
    top: -60px;
    left: -60px;
    width: 480px;
    height: 480px;
    background: radial-gradient(circle, rgba(0, 175, 192, 0.12) 0%, transparent 70%);
    animation: contactAuraBreathe 8s ease-in-out infinite alternate;
}

.contact-hero-section .hero-ambient-aura.aura-right {
    bottom: -60px;
    right: -60px;
    width: 520px;
    height: 520px;
    background: radial-gradient(circle, rgba(0, 175, 192, 0.1) 0%, transparent 70%);
    animation: contactAuraBreathe 10s ease-in-out infinite alternate-reverse;
}

@keyframes contactAuraBreathe {
    0% { transform: scale(1) translate(0, 0); opacity: 0.7; }
    100% { transform: scale(1.15) translate(25px, -15px); opacity: 1; }
}

/* Hero Container — Open Edge-to-Edge Grid */
.contact-hero-section .hero-container {
    width: 100% !important;
    max-width: 1380px !important;
    margin: 0 auto !important;
    padding: 0 36px 0 105px !important; /* pristine clearance past fixed social sidebar */
    display: grid !important;
    grid-template-columns: 1.15fr 0.85fr !important;
    gap: 48px !important;
    align-items: center !important;
    position: relative !important;
    z-index: 2 !important;
    box-sizing: border-box !important;
}

/* ── Left Column: Open Editorial Architecture (ZERO Box Container) ── */
.hero-editorial-col {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    text-align: left !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    border-radius: 0 !important;
}

/* Kicker Badge */
.hero-editorial-col .hero-kicker-badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    background: rgba(0, 175, 192, 0.08) !important;
    border: 1px solid rgba(0, 175, 192, 0.28) !important;
    color: #007d8a !important;
    padding: 5px 14px !important;
    border-radius: 30px !important;
    font-size: 0.72rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.07em !important;
    text-transform: uppercase !important;
    margin-bottom: 14px !important;
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    animation: contactFadeDown 0.8s cubic-bezier(0.16, 1, 0.3, 1) both;
}

.hero-beacon-pulse {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #00AFC0;
    box-shadow: 0 0 8px #00AFC0;
    animation: contactBeaconPulse 2s infinite ease-in-out;
}

@keyframes contactBeaconPulse {
    0% { box-shadow: 0 0 0 0 rgba(0, 175, 192, 0.7); }
    70% { box-shadow: 0 0 0 8px rgba(0, 175, 192, 0); }
    100% { box-shadow: 0 0 0 0 rgba(0, 175, 192, 0); }
}

/* Main Heading — Real User-Centric High-End Typography */
.hero-main-heading {
    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif !important;
    font-size: clamp(2.35rem, 3.1vw, 3.25rem) !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    line-height: 1.14 !important;
    letter-spacing: -0.035em !important;
    margin: 0 0 16px 0 !important;
    text-align: left !important;
    animation: contactFadeUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) 0.1s both;
}

.hero-teal-gradient {
    color: #00AFC0 !important;
    background: linear-gradient(135deg, #00AFC0 0%, #008794 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    display: block !important;
}

/* Lead Narrative */
.hero-lead-narrative {
    font-family: 'Inter', sans-serif !important;
    font-size: 1.02rem !important;
    color: #475569 !important;
    line-height: 1.72 !important;
    font-weight: 400 !important;
    margin: 0 0 24px 0 !important;
    text-align: left !important;
    max-width: 580px !important;
    animation: contactFadeUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) 0.2s both;
}

/* Minimalist Clean Metrics Strip */
.hero-metrics-strip {
    display: flex !important;
    align-items: center !important;
    gap: 22px !important;
    margin-bottom: 28px !important;
    padding: 12px 20px !important;
    background: rgba(255, 255, 255, 0.85) !important;
    border: 1px solid rgba(0, 175, 192, 0.18) !important;
    border-radius: 14px !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    box-shadow: 0 4px 18px rgba(0, 175, 192, 0.05) !important;
    width: fit-content !important;
    animation: contactFadeUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) 0.3s both;
}

.hero-metric-item {
    display: flex !important;
    flex-direction: column !important;
    text-align: left !important;
}

.hero-metric-item .hmi-number {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 1.25rem !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    line-height: 1.15 !important;
    letter-spacing: -0.02em !important;
}

.hero-metric-item .hmi-unit,
.hero-metric-item .hmi-plus {
    color: #00AFC0 !important;
    font-size: 1rem !important;
    font-weight: 700 !important;
}

.hero-metric-item .hmi-label {
    font-family: 'Inter', sans-serif !important;
    font-size: 0.70rem !important;
    color: #64748b !important;
    font-weight: 600 !important;
    margin-top: 2px !important;
}

.hero-metric-sep {
    width: 1px !important;
    height: 28px !important;
    background: rgba(0, 175, 192, 0.22) !important;
}

/* Action CTAs Suite */
.hero-cta-actions {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    flex-wrap: wrap !important;
    animation: contactFadeUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) 0.4s both;
}

.hero-btn-primary {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 13px 26px !important;
    background: linear-gradient(135deg, #00AFC0 0%, #008794 100%) !important;
    color: #ffffff !important;
    border-radius: 50px !important;
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 0.90rem !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    box-shadow: 0 6px 20px rgba(0, 175, 192, 0.30) !important;
    position: relative !important;
    overflow: hidden !important;
    transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
    border: none !important;
}

.hero-btn-primary:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 10px 28px rgba(0, 175, 192, 0.42) !important;
    color: #ffffff !important;
}

.hero-btn-arrow {
    font-size: 0.8rem !important;
    transition: transform 0.25s ease !important;
}

.hero-btn-primary:hover .hero-btn-arrow {
    transform: translateX(4px) !important;
}

.hero-btn-whatsapp {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 13px 22px !important;
    background: #25D366 !important;
    color: #ffffff !important;
    border-radius: 50px !important;
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 0.90rem !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    box-shadow: 0 4px 16px rgba(37, 211, 102, 0.28) !important;
    transition: all 0.3s ease !important;
    border: none !important;
}

.hero-btn-whatsapp:hover {
    background: #128C7E !important;
    color: #ffffff !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 22px rgba(37, 211, 102, 0.42) !important;
}

.hero-btn-call {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 13px 20px !important;
    background: #ffffff !important;
    color: #0f172a !important;
    border-radius: 50px !important;
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 0.90rem !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    border: 1.5px solid rgba(0, 175, 192, 0.32) !important;
    box-shadow: 0 2px 10px rgba(15, 23, 42, 0.04) !important;
    transition: all 0.3s ease !important;
}

.hero-btn-call:hover {
    border-color: #00AFC0 !important;
    color: #008794 !important;
    transform: translateY(-2px) !important;
    background: #f0fbfb !important;
}

/* ── Right Column: Architectural Visual Showcase ── */
.hero-visual-col {
    position: relative !important;
    width: 100% !important;
    animation: contactFadeLeft 1s cubic-bezier(0.16, 1, 0.3, 1) 0.25s both;
}

.hero-visual-wrapper {
    position: relative !important;
    width: 100% !important;
}

/* Flagship Location Tag (Top-Right Glass Pill) */
.hero-photo-tag-flagship {
    position: absolute !important;
    bottom: 18px !important;
    right: 18px !important;
    z-index: 5 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 8px 18px !important;
    border-radius: 30px !important;
    background: rgba(15, 23, 42, 0.86) !important;
    border: 1px solid rgba(255, 255, 255, 0.22) !important;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.26) !important;
    transition: transform 0.3s ease, background 0.3s ease !important;
    text-align: left !important;
}

.hero-photo-tag-flagship:hover {
    transform: translateY(-2px) !important;
    background: rgba(15, 23, 42, 0.95) !important;
}

.pulse-emerald-dot {
    width: 9px !important;
    height: 9px !important;
    border-radius: 50% !important;
    background: #10b981 !important;
    box-shadow: 0 0 10px #10b981, 0 0 4px #10b981 !important;
    animation: contactLiveDotPulse 2s infinite ease-in-out !important;
    flex-shrink: 0 !important;
}

@keyframes contactLiveDotPulse {
    0%, 100% { transform: scale(1); opacity: 1; }
    50% { transform: scale(1.35); opacity: 0.6; }
}

.flagship-tag-text {
    text-align: left !important;
}

.flagship-tag-text strong {
    display: block !important;
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 0.78rem !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    line-height: 1.2 !important;
    letter-spacing: 0.01em !important;
}

.flagship-tag-text span {
    display: block !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 0.66rem !important;
    color: #00d9e8 !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
}

/* Photo Frame */
.hero-photo-frame {
    position: relative !important;
    width: 100% !important;
    border-radius: 24px !important;
    overflow: hidden !important;
    border: 3px solid #ffffff !important;
    box-shadow: 0 24px 65px rgba(0, 175, 192, 0.16), 0 6px 20px rgba(15, 23, 42, 0.06) !important;
    aspect-ratio: 3 / 4 !important;
    background: #0f172a !important;
    transition: transform 0.4s ease, box-shadow 0.4s ease !important;
}

.hero-photo-frame:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 30px 75px rgba(0, 175, 192, 0.24), 0 10px 25px rgba(15, 23, 42, 0.08) !important;
}

.hero-photo-frame img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center 22% !important;
    display: block !important;
    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.hero-photo-frame:hover img {
    transform: scale(1.03) !important;
}

/* Luminous Facade Light-Sweep */
.hero-photo-shimmer {
    position: absolute;
    top: -60%;
    left: -70%;
    width: 50%;
    height: 220%;
    background: linear-gradient(
        75deg,
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.45) 50%,
        rgba(255, 255, 255, 0) 90%
    );
    transform: rotate(25deg);
    animation: contactLightSweep 6s cubic-bezier(0.4, 0, 0.2, 1) infinite;
    pointer-events: none;
}

@keyframes contactLightSweep {
    0%, 65% {
        transform: translateX(-150%) rotate(25deg);
    }
    100% {
        transform: translateX(450%) rotate(25deg);
    }
}

/* Bottom Floating Trust Pill */
.hero-photo-tag-doctors {
    position: absolute !important;
    bottom: -16px !important;
    left: 24px !important;
    z-index: 5 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 10px 20px !important;
    border-radius: 18px !important;
    background: rgba(255, 255, 255, 0.95) !important;
    border: 1px solid rgba(0, 175, 192, 0.25) !important;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
    box-shadow: 0 12px 32px rgba(0, 175, 192, 0.16), 0 4px 12px rgba(15, 23, 42, 0.06) !important;
    transition: transform 0.3s ease !important;
    text-align: left !important;
}

.hero-photo-tag-doctors:hover {
    transform: translateY(-2px) !important;
}

.doctors-tag-icon {
    width: 34px !important;
    height: 34px !important;
    border-radius: 50% !important;
    background: rgba(0, 175, 192, 0.12) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #00AFC0 !important;
    font-size: 0.95rem !important;
    flex-shrink: 0 !important;
}

.doctors-tag-info strong {
    display: block !important;
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 0.78rem !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    line-height: 1.25 !important;
}

.doctors-tag-info span {
    display: block !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 0.68rem !important;
    color: #64748b !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
}

/* Keyframe Entrance Animations */
@keyframes contactFadeDown {
    from { opacity: 0; transform: translateY(-20px); }
    to { opacity: 1; transform: translateY(0); }
}

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

@keyframes contactFadeLeft {
    from { opacity: 0; transform: translateX(30px); }
    to { opacity: 1; transform: translateX(0); }
}

/* ── Responsive Adaptations ── */
@media (max-width: 1024px) {
    .contact-hero-section {
        padding: 95px 0 45px 0 !important;
        min-height: auto !important;
    }
    .contact-hero-section .hero-container {
        grid-template-columns: 1fr !important;
        gap: 36px !important;
        padding: 0 24px 0 85px !important;
        text-align: left !important;
    }
    .hero-editorial-col {
        align-items: flex-start !important;
    }
    .hero-visual-col {
        max-width: 580px !important;
        margin: 0 auto !important;
    }
    .hero-photo-tag-doctors {
        bottom: -12px !important;
        left: 14px !important;
        padding: 8px 14px !important;
    }
}

@media (max-width: 768px) {
    .contact-hero-section {
        padding: 85px 0 35px 0 !important;
    }
    .contact-hero-section .hero-container {
        padding: 0 16px !important;
        gap: 28px !important;
    }
    .hero-editorial-col .hero-kicker-badge {
        font-size: 0.67rem !important;
        padding: 5px 12px !important;
        letter-spacing: 0.03em !important;
        white-space: nowrap !important;
        max-width: 100% !important;
    }
    .hero-main-heading {
        font-size: 1.85rem !important;
        letter-spacing: -0.025em !important;
        margin-bottom: 12px !important;
    }
    .hero-lead-narrative {
        font-size: 0.94rem !important;
        line-height: 1.62 !important;
        margin-bottom: 18px !important;
    }
    .hero-metrics-strip {
        gap: 14px !important;
        padding: 10px 14px !important;
        width: 100% !important;
        justify-content: space-between !important;
        box-sizing: border-box !important;
        margin-bottom: 20px !important;
    }
    .hero-metric-item .hmi-number {
        font-size: 1.05rem !important;
    }
    .hero-metric-item .hmi-label {
        font-size: 0.64rem !important;
    }
    .hero-cta-actions {
        width: 100% !important;
        flex-direction: column !important;
        gap: 10px !important;
    }
    .hero-btn-primary,
    .hero-btn-whatsapp,
    .hero-btn-call {
        width: 100% !important;
        justify-content: center !important;
    }
    .hero-photo-frame {
        aspect-ratio: 3 / 4 !important;
        border-radius: 18px !important;
    }
    .hero-photo-tag-flagship {
        top: 12px !important;
        bottom: auto !important;
        left: auto !important;
        right: 12px !important;
        width: auto !important;
        height: auto !important;
        padding: 6px 12px !important;
    }
    .flagship-tag-text strong {
        font-size: 0.70rem !important;
    }
    .flagship-tag-text span {
        font-size: 0.60rem !important;
    }
    .hero-photo-tag-doctors {
        position: static !important;
        margin-top: 12px !important;
        width: 100% !important;
        box-sizing: border-box !important;
        border-radius: 14px !important;
    }
}

/* ═══════════════════════════════════════════════════════════════
   REDESIGNED BOOKING & INQUIRY FORM
   ═══════════════════════════════════════════════════════════════ */

.contact-form-section {
    padding: 40px 0 20px;
    background: var(--white);
    scroll-margin-top: 90px;
}

.contact-grid {
    display: grid;
    grid-template-columns: 1.22fr 1fr;
    gap: 30px;
    align-items: stretch;
}

.form-container,
.clinic-info {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.form-card {
    background: var(--white);
    padding: 30px 28px 24px;
    border-radius: 16px;
    box-shadow: 0 16px 45px rgba(0, 0, 0, 0.06);
    border: 1px solid rgba(0, 175, 192, 0.16);
    border-top: 4px solid var(--primary);
    animation: fadeInLeft 0.8s ease;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.form-card-header {
    margin-bottom: 24px;
}

.form-badge {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    background: rgba(0, 175, 192, 0.08);
    color: var(--primary);
    font-family: 'Inter', sans-serif;
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    padding: 5px 14px;
    border-radius: 20px;
    border: 1px solid rgba(0, 175, 192, 0.22);
    margin-bottom: 12px;
}

.form-card-title {
    font-family: 'Plus Jakarta Sans', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--secondary);
    margin: 0 0 8px;
    line-height: 1.3;
}

.form-subtitle {
    font-family: 'Inter', sans-serif;
    font-size: 0.88rem;
    color: #64748B;
    margin: 0;
    line-height: 1.5;
}

.contact-form {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.form-row-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

.form-group {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-bottom: 16px;
}

.form-group label {
    font-family: 'Inter', sans-serif;
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--secondary);
    margin: 0;
    display: flex;
    align-items: center;
    gap: 4px;
}

.req {
    color: #E53E3E;
    font-weight: 700;
}

.input-with-icon {
    position: relative;
    display: flex;
    align-items: center;
    background: var(--light-gray);
    border: 1.5px solid #E2E8F0;
    border-radius: 10px;
    transition: all 0.25s ease;
    overflow: hidden;
}

.input-with-icon:focus-within {
    border-color: var(--primary);
    background: #FFFFFF;
    box-shadow: 0 0 0 3.5px rgba(0, 175, 192, 0.15);
}

.input-icon {
    position: absolute;
    left: 14px;
    color: #94A3B8;
    font-size: 0.9rem;
    pointer-events: none;
    transition: color 0.25s ease;
    z-index: 1;
}

.input-with-icon:focus-within .input-icon {
    color: var(--primary);
}

.input-with-icon input,
.input-with-icon select,
.input-with-icon textarea {
    width: 100%;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 12px 14px 12px 42px !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 0.9rem !important;
    color: var(--secondary) !important;
    outline: none !important;
}

.input-with-icon select {
    cursor: pointer;
    appearance: none;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="%2364748B" viewBox="0 0 16 16"><path d="M7.247 11.14L2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z"/></svg>') !important;
    background-repeat: no-repeat !important;
    background-position: right 14px center !important;
    padding-right: 36px !important;
}

.phone-input-box {
    display: flex;
    align-items: stretch;
}

.country-prefix {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 0 12px;
    background: rgba(0, 175, 192, 0.08);
    border-right: 1.5px solid #E2E8F0;
    color: var(--secondary);
    font-family: 'Inter', sans-serif;
    font-size: 0.84rem;
    font-weight: 700;
    flex-shrink: 0;
}

.wa-icon {
    color: #25D366;
    font-size: 1rem;
}

.phone-input-box input {
    padding-left: 14px !important;
}

.textarea-box {
    align-items: flex-start;
}

.textarea-box textarea {
    padding: 12px 14px !important;
    resize: vertical;
    min-height: 96px;
    line-height: 1.5;
}

.submit-btn {
    width: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: var(--primary) !important;
    color: var(--white) !important;
    padding: 15px 28px !important;
    border: none !important;
    border-radius: 30px !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 0.96rem !important;
    font-weight: 700 !important;
    cursor: pointer;
    transition: all 0.25s ease !important;
    box-shadow: 0 8px 24px rgba(0, 175, 192, 0.28) !important;
    margin-top: 6px;
}

.submit-btn:hover {
    background: var(--secondary) !important;
    transform: translateY(-2px);
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.18) !important;
}

.form-trust-notes {
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 14px;
    padding-top: 14px;
    border-top: 1px dashed rgba(0, 175, 192, 0.18);
}

.form-trust-notes span {
    font-family: 'Inter', sans-serif;
    font-size: 0.76rem;
    font-weight: 600;
    color: #64748B;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.form-trust-notes span i {
    color: var(--primary);
    font-size: 0.8rem;
}

/* ═══════════════════════════════════════════════════════════════
   MULTI-CITY CLINIC LOCATIONS SECTION (.branch-locator-section)
   ═══════════════════════════════════════════════════════════════ */

.branch-locator-section {
    padding: 30px 0 35px !important;
    background: var(--white);
}

.branch-locator-section .section-header {
    text-align: center;
    margin-bottom: 28px !important;
}

.branch-locator-section .section-header h2 {
    font-family: 'Plus Jakarta Sans', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 2.1rem;
    font-weight: 700;
    color: var(--secondary);
    margin-bottom: 8px;
}

.branch-locator-section .section-header p {
    color: #64748B;
    font-size: 0.98rem;
    max-width: 620px;
    margin: 0 auto;
    line-height: 1.5;
}

.branches-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 26px !important;
    margin-bottom: 0 !important;
    align-items: stretch !important;
}

.branch-card {
    background: var(--white) !important;
    border-radius: 18px !important;
    overflow: hidden !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05) !important;
    border: 1px solid rgba(0, 175, 192, 0.18) !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1) !important;
    height: 100% !important;
}

.branch-card:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 18px 42px rgba(0, 175, 192, 0.16) !important;
    border-color: rgba(0, 175, 192, 0.4) !important;
}

/* ── Branch Image Box & Floating Badges ───────────────────────── */
.branch-image-box {
    position: relative;
    height: 210px;
    width: 100%;
    overflow: hidden;
    background: #E2E8F0;
}

.branch-image-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
    transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}

.branch-card:hover .branch-image-box img {
    transform: scale(1.06);
}

.branch-city-pill {
    position: absolute;
    top: 14px;
    left: 14px;
    background: rgba(0, 175, 192, 0.92);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    color: var(--white);
    font-family: 'Inter', sans-serif;
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    padding: 4px 12px;
    border-radius: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    display: inline-flex;
    align-items: center;
    gap: 6px;
    z-index: 2;
}

.branch-status-pill {
    position: absolute;
    top: 14px;
    right: 14px;
    background: rgba(255, 255, 255, 0.92);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    color: var(--secondary);
    font-family: 'Inter', sans-serif;
    font-size: 0.7rem;
    font-weight: 700;
    padding: 4px 11px;
    border-radius: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(0, 175, 192, 0.25);
    z-index: 2;
}

/* ── Jaipur Branch Custom Image & Animation ──────────────────── */
.branch-card-jaipur .branch-image-box img {
    object-position: center 48% !important;
}

/* Light sweep shimmer effect across Jaipur building facade */
.branch-card-jaipur .branch-image-box::after {
    content: '';
    position: absolute;
    top: -60%;
    left: -70%;
    width: 50%;
    height: 220%;
    background: linear-gradient(
        75deg,
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.45) 50%,
        rgba(255, 255, 255, 0) 90%
    );
    transform: rotate(25deg);
    animation: jaipurLightSweep 6s cubic-bezier(0.4, 0, 0.2, 1) infinite;
    pointer-events: none;
    z-index: 3;
}

@keyframes jaipurLightSweep {
    0%, 65% {
        transform: translateX(-150%) rotate(25deg);
    }
    100% {
        transform: translateX(450%) rotate(25deg);
    }
}

/* Jaipur status pill subtle shimmer */
.branch-card-jaipur .branch-status-pill {
    animation: jaipurStatusGlow 3.5s ease-in-out infinite alternate;
}

@keyframes jaipurStatusGlow {
    0% {
        border-color: rgba(0, 175, 192, 0.25);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    }
    100% {
        border-color: rgba(0, 175, 192, 0.6);
        box-shadow: 0 4px 14px rgba(0, 175, 192, 0.25);
    }
}

/* ── Sikar Branch Custom Image & Animation ───────────────────── */
.branch-card-sikar .branch-image-box img {
    object-position: center 20% !important;
}

/* Light sweep shimmer effect across Sikar building facade */
.branch-card-sikar .branch-image-box::after {
    content: '';
    position: absolute;
    top: -60%;
    left: -70%;
    width: 50%;
    height: 220%;
    background: linear-gradient(
        75deg,
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.45) 50%,
        rgba(255, 255, 255, 0) 90%
    );
    transform: rotate(25deg);
    animation: sikarLightSweep 6s cubic-bezier(0.4, 0, 0.2, 1) infinite 2s;
    pointer-events: none;
    z-index: 3;
}

@keyframes sikarLightSweep {
    0%, 65% {
        transform: translateX(-150%) rotate(25deg);
    }
    100% {
        transform: translateX(450%) rotate(25deg);
    }
}

/* Floating beacon pulse on all city badges */
.beacon-pulse {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #25D366;
    display: inline-block;
    box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7);
    animation: beaconRipple 2s infinite;
    margin-right: 4px;
    vertical-align: middle;
}

@keyframes beaconRipple {
    0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7);
    }
    70% {
        transform: scale(1);
        box-shadow: 0 0 0 7px rgba(37, 211, 102, 0);
    }
    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(37, 211, 102, 0);
    }
}

/* Sikar status pill subtle shimmer */
.branch-card-sikar .branch-status-pill {
    animation: sikarStatusGlow 3.5s ease-in-out infinite alternate 1.2s;
}

@keyframes sikarStatusGlow {
    0% {
        border-color: rgba(0, 175, 192, 0.25);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    }
    100% {
        border-color: rgba(0, 175, 192, 0.6);
        box-shadow: 0 4px 14px rgba(0, 175, 192, 0.25);
    }
}

/* ── Ajmer Branch Custom Image & Animation ───────────────────── */
.branch-card-ajmer .branch-image-box img {
    object-position: center 68% !important;
}

/* Light sweep shimmer effect across Ajmer Oasis Complex building facade */
.branch-card-ajmer .branch-image-box::after {
    content: '';
    position: absolute;
    top: -60%;
    left: -70%;
    width: 50%;
    height: 220%;
    background: linear-gradient(
        75deg,
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.45) 50%,
        rgba(255, 255, 255, 0) 90%
    );
    transform: rotate(25deg);
    animation: ajmerLightSweep 6s cubic-bezier(0.4, 0, 0.2, 1) infinite 4s;
    pointer-events: none;
    z-index: 3;
}

@keyframes ajmerLightSweep {
    0%, 65% {
        transform: translateX(-150%) rotate(25deg);
    }
    100% {
        transform: translateX(450%) rotate(25deg);
    }
}

/* Ajmer status pill subtle shimmer */
.branch-card-ajmer .branch-status-pill {
    animation: ajmerStatusGlow 3.5s ease-in-out infinite alternate 2.4s;
}

@keyframes ajmerStatusGlow {
    0% {
        border-color: rgba(0, 175, 192, 0.25);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    }
    100% {
        border-color: rgba(0, 175, 192, 0.6);
        box-shadow: 0 4px 14px rgba(0, 175, 192, 0.25);
    }
}

/* Interactive animations for all map pins & cards */
.branch-pin {
    animation: branchPinBounce 2.5s ease-in-out infinite;
}
.branch-card:nth-child(2) .branch-pin {
    animation-delay: 0.8s;
}
.branch-card:nth-child(3) .branch-pin {
    animation-delay: 1.6s;
}

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

/* Interactive button hover animation for branch cards */
.branch-map-btn i,
.branch-wa-btn i {
    transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
    display: inline-block;
}

.branch-map-btn:hover i {
    transform: translateX(3px) translateY(-2px) rotate(-10deg) scale(1.15);
}

.branch-wa-btn:hover i {
    transform: scale(1.18);
}

/* Quick maps pill animation (in doctor info cards) */
.cip-maps-pill {
    transition: all 0.25s ease;
}
.cip-maps-pill:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 10px rgba(0, 175, 192, 0.25);
}
.cip-maps-pill:hover i {
    transform: scale(1.15) rotate(8deg);
}
.cip-maps-pill i {
    transition: transform 0.25s ease;
    display: inline-block;
}

/* ── Card Content Body ───────────────────────────────────────── */
.branch-content {
    padding: 22px 20px 20px !important;
    display: flex !important;
    flex-direction: column !important;
    flex: 1 !important;
    justify-content: space-between !important;
    background: var(--white) !important;
}

.branch-top-info {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.branch-title {
    font-family: 'Plus Jakarta Sans', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--secondary);
    margin: 0;
    line-height: 1.3;
    text-align: left !important;
    min-height: auto !important;
}

.branch-address-box {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    color: #475569;
    font-family: 'Inter', sans-serif;
    font-size: 0.84rem;
    line-height: 1.45;
    min-height: 44px;
}

.branch-pin {
    color: var(--primary);
    font-size: 0.85rem;
    margin-top: 3px;
    flex-shrink: 0;
}

.branch-meta-row {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 10px 12px;
    background: var(--light-gray);
    border: 1px solid rgba(0, 175, 192, 0.1);
    border-radius: 10px;
    margin-top: 2px;
}

.branch-meta-row span {
    font-family: 'Inter', sans-serif;
    font-size: 0.78rem;
    color: #555;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.branch-meta-row span i {
    color: var(--primary);
    font-size: 0.74rem;
    width: 14px;
}

/* ── Side-by-Side Action Buttons ─────────────────────────────── */
.branch-actions {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
    margin-top: 18px !important;
}

.branch-map-btn {
    position: relative !important;
    overflow: hidden !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    background: rgba(0, 175, 192, 0.08) !important;
    border: 1.5px solid var(--primary) !important;
    color: var(--primary) !important;
    padding: 10px 12px !important;
    border-radius: 25px !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 0.82rem !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    transition: all 0.25s ease !important;
    white-space: nowrap !important;
    margin: 0 !important;
    width: auto !important;
}

.branch-map-btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.4),
        transparent
    );
    transition: none;
    pointer-events: none;
}

.branch-map-btn:hover::before {
    left: 100%;
    transition: left 0.6s ease-in-out;
}

.branch-map-btn:hover {
    background: var(--primary) !important;
    color: var(--white) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 14px rgba(0, 175, 192, 0.25) !important;
}

.branch-wa-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    background: #25D366 !important;
    border: 1.5px solid #25D366 !important;
    color: var(--white) !important;
    padding: 10px 12px !important;
    border-radius: 25px !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 0.82rem !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    transition: all 0.25s ease !important;
    white-space: nowrap !important;
    margin: 0 !important;
    width: auto !important;
    box-shadow: 0 4px 12px rgba(37, 211, 102, 0.25) !important;
}

.branch-wa-btn:hover {
    background: #128C7E !important;
    border-color: #128C7E !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(37, 211, 102, 0.35) !important;
}

/* ═══════════════════════════════════════════════════════════════
   WHY REACH OUT TO KEZZA SECTION (.why-contact-section)
   ═══════════════════════════════════════════════════════════════ */

.why-contact-section {
    padding: 40px 0 45px !important;
    background: linear-gradient(135deg, #faf8f2 0%, #f8f6f0 100%) !important;
    border-top: 1px solid rgba(0, 175, 192, 0.12);
    border-bottom: 1px solid rgba(0, 175, 192, 0.12);
    position: relative;
    z-index: 1;
}

.why-contact-section .section-header {
    text-align: center;
    margin-bottom: 30px !important;
}

.why-contact-section .section-header h2 {
    font-family: 'Plus Jakarta Sans', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 2.1rem;
    font-weight: 700;
    color: var(--secondary);
    margin-bottom: 8px;
}

.why-contact-section .section-header p {
    color: #64748B;
    font-size: 0.98rem;
    max-width: 620px;
    margin: 0 auto;
    line-height: 1.5;
}

.why-contact-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 26px !important;
    align-items: stretch !important;
}

.why-contact-card {
    background: var(--white) !important;
    padding: 32px 24px 28px !important;
    border-radius: 18px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05) !important;
    border: 1px solid rgba(0, 175, 192, 0.18) !important;
    border-top: 4px solid var(--primary) !important;
    text-align: center !important;
    transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    animation: none !important;
}

.why-contact-card:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 18px 40px rgba(0, 175, 192, 0.16) !important;
    border-color: rgba(0, 175, 192, 0.45) !important;
}

.why-contact-card .card-icon {
    width: 60px !important;
    height: 60px !important;
    border-radius: 50% !important;
    background: rgba(0, 175, 192, 0.1) !important;
    border: 1.5px solid rgba(0, 175, 192, 0.28) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 auto 18px !important;
    color: var(--primary) !important;
    font-size: 24px !important;
    transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
    animation: none !important;
}

.why-contact-card:hover .card-icon {
    background: var(--primary) !important;
    color: var(--white) !important;
    transform: scale(1.1) rotate(6deg) !important;
    box-shadow: 0 6px 18px rgba(0, 175, 192, 0.35) !important;
}

.why-contact-card h3 {
    font-family: 'Plus Jakarta Sans', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 1.28rem !important;
    font-weight: 700;
    color: var(--secondary) !important;
    margin: 0 0 12px 0 !important;
    line-height: 1.35;
}

.why-contact-card p {
    font-family: 'Inter', sans-serif;
    color: #64748B !important;
    font-size: 0.9rem !important;
    line-height: 1.6 !important;
    margin: 0 !important;
}

/* ═══════════════════════════════════════════════════════════════
   FAQ SECTION (.faq-section)
   ═══════════════════════════════════════════════════════════════ */

.faq-section {
    padding: 40px 0 60px !important;
    background: var(--white) !important;
    position: relative;
    z-index: 1;
}

.faq-section .section-header {
    text-align: center;
    margin-bottom: 28px !important;
}

.faq-section .section-header h2 {
    font-family: 'Plus Jakarta Sans', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 2.1rem !important;
    font-weight: 700;
    color: var(--secondary) !important;
    margin-bottom: 6px;
}

.faq-accordion {
    max-width: 820px !important;
    margin: 0 auto !important;
}

.faq-item {
    background: var(--white) !important;
    margin-bottom: 12px !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04) !important;
    overflow: hidden !important;
    border: 1px solid rgba(0, 175, 192, 0.18) !important;
    transition: all 0.25s ease !important;
}

.faq-item:hover {
    border-color: var(--primary) !important;
    box-shadow: 0 6px 20px rgba(0, 175, 192, 0.12) !important;
}

.faq-question {
    padding: 18px 24px !important;
    cursor: pointer !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    font-weight: 600 !important;
    font-size: 1.02rem !important;
    color: var(--secondary) !important;
    transition: all 0.25s ease !important;
}

.faq-question:hover {
    background: rgba(0, 175, 192, 0.05) !important;
    color: var(--primary) !important;
}

.faq-icon {
    font-size: 20px !important;
    color: var(--primary) !important;
    transition: transform 0.3s ease !important;
}

/* ── Responsive Rules ────────────────────────────────────────── */
@media (max-width: 1024px) {
    .contact-grid {
        grid-template-columns: 1fr;
        gap: 28px;
    }
    .form-card {
        padding: 26px 22px 22px;
    }
    .form-card-title {
        font-size: 1.45rem;
    }
    .branches-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 20px !important;
    }
    .why-contact-grid {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }
}

@media (max-width: 768px) {
    .contact-form-section {
        padding: 30px 0 15px;
    }
    .branch-locator-section {
        padding: 15px 0 30px !important;
    }
    .branches-grid {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }
    .branch-content {
        padding: 18px 16px 16px !important;
    }
    .branch-address-box {
        min-height: auto;
    }
    .form-row-2 {
        grid-template-columns: 1fr;
        gap: 0;
    }
    .form-card {
        padding: 22px 16px 20px;
        border-radius: 14px;
    }
    .form-card-title {
        font-size: 1.3rem;
    }
    .form-trust-notes {
        flex-direction: column;
        align-items: center;
        gap: 6px;
    }
    .why-contact-section {
        padding: 30px 0 !important;
    }
    .why-contact-grid {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }
    .faq-section {
        padding: 30px 0 50px !important;
    }
}