@charset "utf-8"; 
body {font-family:'Segoe UI', sans-serif;}
.topbar {background:#0f5132; color:white; padding:6px; font-size:14px;}
.quran-verse-ar {font-family:'Amiri', serif;}
.navbar {position:sticky; top:0; z-index:999; background:linear-gradient(rgba(255,255,255,0.95), rgba(255, 255, 255, 0.95)), url("https://www.transparenttextures.com/patterns/arabesque.png"); box-shadow:0 3px 10px rgba(0, 0, 0, 0.08);}
.navbar-nav .nav-link {font-size:18px; font-weight:600; padding:12px 18px; position:relative;}
.navbar-nav .nav-link.active {color:#c8a951 !important;}
.navbar-nav .nav-link::after {content:""; position:absolute; width:0; height:2px; left:0; bottom:6px; background:#c8a951; transition:0.3s;}
.navbar-nav .nav-link:hover::after {width:100%;}
.navbar-nav .nav-link {font-size:18px; font-weight:600; padding:12px 18px; letter-spacing:.5px;}
.navbar-nav .nav-link:hover {color:#c8a951 !important;}
.section {padding:80px 0;}
.service-card {border:none; box-shadow:0 5px 20px rgba(0,0,0,.08);}
.service-card:hover {transform:translateY(-6px); transition:.3s;}
.btn-gold {background:#c8a951; color:white;}
.footer {background:#1b1b1b; color:white; padding:30px;}
.islamic-pattern {background:linear-gradient(rgba(255,255,255,0.95), rgba(255, 255, 255, 0.95)), url("https://www.transparenttextures.com/patterns/arabesque.png"); background-size:300px;}
.whatsapp-btn {position:fixed; bottom:25px; right:25px; background:#25D366; color:white; padding:14px 18px; border-radius:50px; font-weight:bold; text-decoration:none; box-shadow:0 4px 10px rgba(0,0,0,.3);}
.service-icon {font-size:40px; color:#0f5132; margin-bottom:15px;}
.treatments-section {padding:90px 0; background:#f8f9fa;}
.section-title {font-size:42px; font-weight:700; color:#0f5132; margin-bottom:60px; position:relative;}
.title-line {display:block; width:80px; height:3px; background:#c8a951; margin:15px auto 0;}
.treatment-card {background:white; padding:35px 25px; border-radius:12px; box-shadow:0 10px 30px rgba(0,0,0,0.07); transition:all .35s ease; height:100%;}
.treatment-card:hover {transform:translateY(-12px); box-shadow:0 20px 45px rgba(0,0,0,0.12);}
.icon-box {width:75px; height:75px; margin:auto; margin-bottom:20px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:32px; background:linear-gradient(135deg,#0f5132,#198754); color:white; animation:pulseIcon 2.5s infinite;}

@keyframes pulseIcon {
0% {box-shadow:0 0 0 0 rgba(15,81,50,.6);}
70% {box-shadow:0 0 0 12px rgba(15, 81, 50, 0);}
100% {box-shadow:0 0 0 0 rgba(15, 81, 50, 0);}
}

.treatment-card h5 {font-weight:700; margin-bottom:12px;}
.treatment-card p {color:#666;}
.btn-read {display:inline-block; margin-top:15px; padding:8px 20px; background:#c8a951; color:white; font-size:14px; font-weight:600; border-radius:30px; text-decoration:none; transition:0.3s;}
.btn-read:hover {background:#0f5132; transform:translateY(-2px);}
.treatment-card p {color:#555; font-size:15px; line-height:1.6; margin-bottom:10px;}
.islamic-bg {background:linear-gradient(rgba(248,249,250,0.95), rgba(248, 249, 250, 0.95)), url("https://www.transparenttextures.com/patterns/arabesque.png"); background-size:300px;}
.card-divider {width:40px; height:3px; background:#c8a951; margin:10px auto 15px; border-radius:2px;}
.treatment-scroll {display:flex; gap:25px; overflow-x:auto; scroll-behavior:smooth; padding:20px 10px;}
.treatment-scroll::-webkit-scrollbar {display:none;}
.treatment-card {flex:0 0 280px; background:#fff; border-radius:14px; padding:30px 22px; text-align:center; box-shadow:0 10px 25px rgba(0,0,0,0.08); transition:all .35s ease; display:flex; flex-direction:column; justify-content:space-between;}
.treatment-card:hover {transform:translateY(-10px); box-shadow:0 18px 40px rgba(0,0,0,0.15);}
.icon-box {width:70px; height:70px; margin:0 auto 18px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:28px; color:white; background:linear-gradient(135deg,#0f5132,#198754);}
.treatment-card h5 {font-weight:700; margin-bottom:8px;}
.card-divider {width:40px; height:3px; background:#c8a951; margin:10px auto 15px; border-radius:2px;}
.treatment-card p {font-size:14px; color:#555; flex-grow:1;}
.btn-read {display:inline-block; margin-top:15px; padding:8px 20px; background:#c8a951; color:white; font-size:14px; font-weight:600; border-radius:30px; text-decoration:none; transition:.3s;}
.btn-read:hover {background:#0f5132; color:#fff;}
.scroll-btn {position:absolute; top:55%; transform:translateY(-50%); width:40px; height:40px; border-radius:50%; border:none; background:white; box-shadow:0 4px 15px rgba(0,0,0,0.2); cursor:pointer; z-index:10;}
.left-btn {left:-10px;}
.right-btn {right:-10px;}
.scroll-btn i {font-size:22px;}
.hijama-benefits {padding:90px 0; background:white;}
.hijama-intro {max-width:700px; margin:auto; color:#555; font-size:17px;}
.benefit-card {padding:35px 25px; border-radius:12px; background:#f8f9fa; transition:.35s; height:100%; box-shadow:0 10px 30px rgba(0,0,0,0.07);}
.benefit-card:hover {transform:translateY(-10px); box-shadow:0 20px 45px rgba(0,0,0,0.15);}
.benefit-icon {width:70px; height:70px; margin:auto; margin-bottom:20px; border-radius:50%; display:flex; align-items:center; justify-content:center; background:linear-gradient(135deg,#0f5132,#198754); color:white; font-size:30px; animation:benefitPulse 2.5s infinite;}

@keyframes benefitPulse {
0% {box-shadow:0 0 0 0 rgba(15,81,50,.5);}
70% {box-shadow:0 0 0 15px rgba(15, 81, 50, 0);}
100% {box-shadow:0 0 0 0 rgba(15, 81, 50, 0);}
}

.hijama-results {padding:90px 0; background:#f8f9fa;}
.results-intro {max-width:700px; margin:auto; color:#555;}
.result-card {background:white; padding:35px 25px; border-radius:12px; box-shadow:0 10px 30px rgba(0,0,0,0.08); transition:.35s; height:100%;}
.result-card:hover {transform:translateY(-10px); box-shadow:0 20px 45px rgba(0,0,0,0.15);}
.result-icon {width:65px; height:65px; margin:auto; margin-bottom:20px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:28px; background:linear-gradient(135deg,#0f5132,#198754); color:white;}
.result-box {display:flex; gap:15px; margin-top:20px;}
.before, .after {flex:1; padding:15px; border-radius:8px; font-size:14px;}
.before {background:#fff3f3; border-left:4px solid #dc3545;}
.after {background:#f0fff4; border-left:4px solid #198754;}
.before h6, .after h6 {font-weight:700;}
.hadith-section {padding:100px 0; background:linear-gradient(rgba(15,81,50,.92), rgba(15, 81, 50, .92)), url("https://www.transparenttextures.com/patterns/arabesque.png"); color:white;}
.hadith-box {max-width:750px; margin:auto; padding:40px; border-radius:12px; background:rgba(255,255,255,0.08); backdrop-filter:blur(8px);}
.hadith-icon {font-size:42px; margin-bottom:20px; color:#c8a951; animation:hadithGlow 2.5s infinite;}
.hadith-text {font-size:24px !important; color:#fff !important; font-weight:600; line-height:1.6;}
.hadith-ref {margin-top:15px; color:#fff !important; font-size:16px; opacity:0.9;}

@keyframes hadithGlow {
0% {transform:scale(1);}
50% {transform:scale(1.15);}
100% {transform:scale(1);}
}

.symptoms-section {padding:90px 0;}
.symptoms-intro {max-width:700px; margin:auto; margin-bottom:50px; color:#555;}
.symptom-card {background:white; padding:35px 25px; border-radius:12px; box-shadow:0 10px 30px rgba(0,0,0,0.08); transition:all .35s ease; height:100%; position:relative; overflow:hidden;}
.symptom-card:hover {transform:translateY(-10px); box-shadow:0 20px 45px rgba(0,0,0,0.15);}
.symptom-icon {width:70px; height:70px; margin:auto; margin-bottom:18px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:30px; color:white; background:linear-gradient(135deg,#0f5132,#198754); animation:symptomPulse 2.5s infinite;}

@keyframes symptomPulse {
0% {box-shadow:0 0 0 0 rgba(15,81,50,.5);}
70% {box-shadow:0 0 0 15px rgba(15, 81, 50, 0);}
100% {box-shadow:0 0 0 0 rgba(15, 81, 50, 0);}
}

.card-divider {width:40px; height:3px; background:#c8a951; margin:10px auto 15px; border-radius:2px;}
.quran-section {padding:100px 0; background:linear-gradient(rgba(248,249,250,0.95), rgba(248, 249, 250, 0.95)), url("https://www.transparenttextures.com/patterns/arabesque.png");}
.quran-box {max-width:800px; margin:auto; padding:45px; border-radius:14px; background:rgba(255,255,255,0.7); backdrop-filter:blur(8px); box-shadow:0 15px 40px rgba(0, 0, 0, 0.1);}
.quran-icon {font-size:40px; color:#c8a951; margin-bottom:20px; animation:quranGlow 2.5s infinite;}
.quran-verse-ar {font-size:28px; font-weight:600; line-height:1.8; margin-bottom:20px; color:#0f5132;}
.quran-verse {font-size:18px; font-style:italic; color:#444;}
.quran-ref {margin-top:12px; font-weight:600; color:#198754;}

@keyframes quranGlow {
0% {transform:scale(1);}
50% {transform:scale(1.1);}
100% {transform:scale(1);}
}

.testimonials-section {padding:90px 0; background:linear-gradient(rgba(15,81,50,0.95), rgba(15, 81, 50, 0.95)), url("https://www.transparenttextures.com/patterns/arabesque.png"); color:white;}
.testimonials-intro {max-width:650px; margin:auto; margin-bottom:50px; color:#555;}
.testimonial-card {background:white; padding:35px; border-radius:14px; box-shadow:0 10px 35px rgba(0, 0, 0, 0.08); transition:all .35s ease; height:100%; position:relative;}
.testimonial-card:hover {transform:translateY(-10px); box-shadow:0 20px 50px rgba(0,0,0,0.15);}
.quote-icon {font-size:32px; color:#c8a951; margin-bottom:15px;}
.testimonial-text {font-style:italic; color:#444; margin-bottom:25px;}
.testimonial-user {display:flex; align-items:center; gap:12px;}
.user-avatar {width:45px; height:45px; border-radius:50%; background:#0f5132; color:white; display:flex; align-items:center; justify-content:center; font-weight:600;}
.user-role {font-size:13px; color:#777;}
.faq-section {padding:90px 0;}
.faq-intro {max-width:650px; margin:auto; margin-bottom:45px; color:#555;}
.faq-accordion .accordion-item {border:none; margin-bottom:12px; border-radius:8px; overflow:hidden; box-shadow:0 6px 20px rgba(0,0,0,0.06);}
.faq-accordion .accordion-button {font-weight:600; font-size:17px;}
.faq-accordion .accordion-button:not(.collapsed) {background:#0f5132; color:white;}
.about-clinic-section {padding:100px 0;}
.about-image {position:relative; overflow:hidden; border-radius:14px;}
.about-image img {border-radius:14px; transition:0.4s;}
.about-image:hover img {transform:scale(1.05);}
.about-badge {position:absolute; bottom:20px; left:20px; background:#0f5132; color:white; padding:10px 16px; border-radius:30px; font-size:14px; display:flex; align-items:center; gap:8px; box-shadow:0 5px 15px rgba(0,0,0,0.2);}
.about-text {color:#555; line-height:1.7;}
.about-features {margin-top:25px; display:flex; flex-wrap:wrap; gap:15px;}
.feature-item {background:#f8f9fa; padding:10px 16px; border-radius:30px; font-size:14px; display:flex; align-items:center; gap:8px;}
.feature-item i {color:#0f5132;}
.about-bg {background:linear-gradient(135deg,#f8f9fa,#e9f5ef);}
.about-bg::before {content:""; position:absolute; inset:0; background:url("https://www.toptal.com/designers/subtlepatterns/uploads/arabesque.png"); opacity:.15;}
.cta-section {padding:100px 0; background:linear-gradient(rgba(15,81,50,0.95), rgba(15, 81, 50, 0.95)), url("https://www.toptal.com/designers/subtlepatterns/uploads/moroccan-flower.png"); color:white;}
.cta-title {font-size:36px; font-weight:700; margin-bottom:15px;}
.cta-text {max-width:650px; margin:auto; margin-bottom:35px; color:#e5e5e5;}
.cta-buttons {display:flex; justify-content:center; flex-wrap:wrap; gap:15px;}
.btn-whatsapp {background:#25D366; color:white; padding:12px 28px; border-radius:30px; font-weight:600; transition:0.3s;}
.btn-whatsapp:hover {background:#1ebe5d; transform:translateY(-3px);}
.dropdown-menu {border-radius:10px; border:none; box-shadow:0 10px 30px rgba(0,0,0,0.1); padding:10px;}
.dropdown-item {font-weight:500; padding:10px 18px;}
.dropdown-item:hover {background:#0f5132; color:white;}
.dropdown-item i {margin-right:8px; color:#0f5132;}
.dropdown-item {display:flex; align-items:center; gap:8px; font-weight:500;}
.dropdown-item:hover {background:#0f5132; color:white;}
.navbar .dropdown-toggle::after {margin-left:6px; vertical-align:middle; border-top:6px solid; border-right:6px solid transparent; border-left:6px solid transparent;}
.navbar .dropdown-toggle::after {display:none;}
.dropdown-icon {font-size:14px; margin-left:5px;}
.dropdown-toggle .dropdown-icon {transition:0.3s;}
.show > .dropdown-toggle .dropdown-icon {transform:rotate(180deg);}
.treatment-scroll {display:flex; gap:25px; overflow-x:auto; scroll-behavior:smooth; padding:20px 10px; scroll-snap-type:x mandatory;}
.treatment-card {scroll-snap-align:start;}
.treatment-scroll::-webkit-scrollbar {height:8px;}
.treatment-scroll::-webkit-scrollbar-track {background:#f1f1f1; border-radius:10px;}
.treatment-scroll::-webkit-scrollbar-thumb {background:linear-gradient(90deg,#0f5132,#198754); border-radius:10px;}
.treatment-scroll::-webkit-scrollbar-thumb:hover {background:#0f5132;}
.treatment-scroll {scrollbar-width:thin; scrollbar-color:#0f5132 #f1f1f1;}
.social-floating {position:fixed; top:45%; left:0; transform:translateY(-50%); z-index:999; display:flex; flex-direction:column;}
.social-btn {width:45px; height:45px; display:flex; align-items:center; justify-content:center; color:white; font-size:20px; text-decoration:none; margin:2px 0; transition:0.3s;}
.social-btn:hover {width:55px; transform:translateX(5px);}
.social-bar {position:fixed; top:45%; left:0; transform:translateY(-50%); z-index:999;}
.social-item {display:flex; align-items:center; background:rgba(255,255,255,0.2); backdrop-filter:blur(10px); color:white; width:45px; height:45px; margin:6px 0; border-radius:0 25px 25px 0; text-decoration:none; overflow:hidden; transition:0.35s; box-shadow:0 4px 15px rgba(0, 0, 0, 0.2);}
.social-item i {min-width:45px; text-align:center; font-size:20px;}
.social-item span {white-space:nowrap; padding-right:15px; opacity:0; transition:0.3s; font-size:14px;}
.social-item:hover {width:140px;}
.social-item:hover span {opacity:1;}
.fb {background:#1877f2;}
.ig {background:#e4405f;}
.yt {background:#ff0000;}
.wa {background:#25D366;}
.footer {background:#0f5132; color:white; padding:70px 0 20px;}
.footer-title {font-weight:700; margin-bottom:18px;}
.footer-links {list-style:none; padding:0;}
.footer-links li {margin-bottom:8px;}
.footer-links a {color:#dcdcdc; text-decoration:none; font-size:14px; transition:.3s;}
.footer-links a:hover {color:#c8a951;}
.footer-social a {color:white; font-size:20px; margin-right:12px; transition:.3s;}
.footer-social a:hover {color:#c8a951;}
.footer-divider {border-color:rgba(255,255,255,0.2); margin:30px 0;}
.footer-bottom {font-size:14px; color:#dcdcdc;}
.seo-section {background:#f9fbfa; padding:70px 30px; border-radius:12px; box-shadow:0 10px 35px rgba(0,0,0,0.05); transition:all .4s ease; position:relative; overflow:hidden;}
.seo-section::before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:url("https://www.transparenttextures.com/patterns/arabesque.png"); opacity:.05; pointer-events:none;}
.seo-section h2 {font-size:34px; font-weight:700; margin-bottom:25px; color:#0f5132; font-family:'Amiri', serif; position:relative;}
.seo-section h2::after {content:""; width:70px; height:3px; background:#c8a951; display:block; margin:12px auto 0; border-radius:3px;}
.seo-section p {font-size:17px; line-height:1.8; color:#444; max-width:900px; margin:0 auto 18px; transition:.3s;}
.seo-section:hover {transform:translateY(-6px); box-shadow:0 20px 50px rgba(0,0,0,0.12);}
.fade-up {opacity:0; transform:translateY(40px); transition:all .8s ease;}
.fade-up.show {opacity:1; transform:translateY(0);}
.seo-cta {margin-top:35px; display:flex; justify-content:center; gap:20px; flex-wrap:wrap;}
.btn-cta-primary {background:linear-gradient(45deg,#c8a951,#e6c56a); color:#fff; padding:14px 28px; border-radius:40px; font-weight:600; text-decoration:none; transition:.35s; box-shadow:0 8px 20px rgba(0, 0, 0, .15);}
.btn-cta-primary:hover {transform:translateY(-3px); box-shadow:0 12px 30px rgba(0,0,0,.25); color:#fff;}
.btn-cta-whatsapp {background:#25D366; color:white; padding:14px 28px; border-radius:40px; font-weight:600; text-decoration:none; transition:.35s; box-shadow:0 8px 20px rgba(0,0,0,.15);}
.btn-cta-whatsapp:hover {transform:translateY(-3px); box-shadow:0 12px 30px rgba(0,0,0,.25); color:white;}
.seo-cta i {margin-right:6px;}
.lanterns {position:absolute; top:0; left:0; width:100%; height:100%; pointer-events:none; overflow:hidden;}
.lantern {position:absolute; width:120px; height:130px; background:url("images/book.png") no-repeat center; background-size:contain; opacity:.15; animation:floatLantern 8s ease-in-out infinite;}
.lantern1 {position:absolute; width:120px; height:130px; background:url("images/quran.png") no-repeat center; background-size:contain; opacity:.15; animation:floatLantern 8s ease-in-out infinite;}
.lantern1 {left:10%; top:70%; animation-delay:0s;}
.lantern2 {left:80%; top:60%; animation-delay:2s;}
.lantern3 {left:50%; top:75%; animation-delay:4s;}

@keyframes floatLantern {
0% {transform:translateY(0) rotate(0deg);}
50% {transform:translateY(-25px) rotate(4deg);}
100% {transform:translateY(0) rotate(0deg);}
}

.seo-section {position:relative; overflow:hidden;}
.hero {position:relative; background:linear-gradient(135deg,#0c3b2e,#071a12); color:white; padding:120px 0; overflow:hidden;}
.hero-title {font-size:42px; font-weight:700; margin-bottom:15px;}
.hero-text {max-width:900px; margin:auto; font-size:18px; opacity:0.9;}
.hero-icon {width:90px; margin-top:25px; animation:floatIcon 4s ease-in-out infinite;}

@keyframes floatIcon {
0% {transform:translateY(0)}
50% {transform:translateY(-12px)}
100% {transform:translateY(0)}
}

.carousel-fade .carousel-item {transition:opacity 1.2s ease-in-out;}
.gold-particles span {position:absolute; width:6px; height:6px; background:gold; border-radius:50%; opacity:0.7; animation:particles 10s linear infinite;}
.gold-particles span:nth-child(1) {left:10%; animation-delay:0s}
.gold-particles span:nth-child(2) {left:20%; animation-delay:2s}
.gold-particles span:nth-child(3) {left:35%; animation-delay:4s}
.gold-particles span:nth-child(4) {left:50%; animation-delay:1s}
.gold-particles span:nth-child(5) {left:65%; animation-delay:3s}
.gold-particles span:nth-child(6) {left:75%; animation-delay:5s}
.gold-particles span:nth-child(7) {left:85%; animation-delay:6s}
.gold-particles span:nth-child(8) {left:95%; animation-delay:7s}

@keyframes particles {
0% {transform:translateY(100vh); opacity:0;}
50% {opacity:1;}
100% {transform:translateY(-10vh); opacity:0;}
}

.carousel-indicators [data-bs-target] {background-color:gold; width:10px; height:10px; border-radius:50%;}
.carousel-indicators {bottom:-25%; z-index:999999}
.hero-glass {position:relative; padding:140px 0; background:url('https://images.unsplash.com/photo-1582721567365-7b0c7f9d9a7a') center/cover no-repeat; color:white;}
.hero-overlay {position:absolute; top:0; left:0; width:100%; height:100%; background:linear-gradient(135deg,#0c3b2e,#071a12); opacity:0.85;}
.hero-card {position:relative; max-width:750px; margin:auto; background:rgba(255,255,255,0.08); backdrop-filter:blur(10px); padding:50px; border-radius:20px;}
.hero-title {font-size:42px; font-weight:700; margin-bottom:15px;}
.hero-text {font-size:22px !important; color:#fff !important; opacity:0.9;}
.btn-gold {background:gold; color:black; border:none; font-weight:600;}
.hero-services {display:flex; justify-content:center; gap:25px; flex-wrap:wrap;}
.service {text-align:center; animation:floatIcon 4s ease-in-out infinite;}
.service img {width:40px; margin-bottom:5px;}

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

.about-section {background:#f9fbfa;}
.about-section img {border-radius:12px; box-shadow:0 15px 35px rgba(0,0,0,0.12);}
.about-section h1 {font-size:38px; font-weight:700; color:#0c3b2e; line-height:1.3;}
.about-section h2 {font-size:26px; font-weight:600; color:#0c3b2e; margin-top:25px; position:relative; padding-bottom:8px;}
.about-section h2::after {content:""; width:60px; height:3px; background:gold; position:absolute; left:0; bottom:0;}
.about-section p {font-size:17px; line-height:1.8; color:#555; margin-bottom:18px;}
.about-list {list-style:none; padding-left:0; margin-top:15px;}
.about-list li {position:relative; padding-left:30px; margin-bottom:10px; font-size:16px; color:#444;}
.about-list li::before {content:"✔"; position:absolute; left:0; top:0; color:goldenrod; font-weight:bold;}
.about-section .btn-warning {background:gold; border:none; font-weight:600; padding:12px 26px; border-radius:30px; transition:0.3s;}
.about-section .btn-warning:hover {background:#e6c200; transform:translateY(-2px); box-shadow:0 6px 18px rgba(0,0,0,0.15);}
.section-title {font-size:36px; font-weight:700; color:#0c3b2e;}
.section-subtitle {color:#555; max-width:600px; margin:auto;}
.info-card {background:white; padding:30px; border-radius:15px; box-shadow:0 10px 30px rgba(0,0,0,0.08); height:100%;}
.card-title {font-size:22px; font-weight:600; margin-bottom:20px; color:#0c3b2e;}
.icon-list {list-style:none; padding:0;}
.icon-list li {display:flex; align-items:center; gap:10px; margin-bottom:12px; font-size:16px;}
.icon-list img {width:18px;}
.btn-gold {background:gold; border:none; color:#000; font-weight:600;}
.about-box {background:white; padding:25px; border-radius:12px; box-shadow:0 10px 25px rgba(0,0,0,0.08); height:100%;}
.page-header {background:linear-gradient(135deg,#0c3b2e,#071a12); color:white; padding:100px 0; text-align:center;}
.section-title {font-weight:700; color:#0c3b2e; margin-bottom:20px;}
.symptom-card {background:white; padding:25px; border-radius:12px; box-shadow:0 10px 25px rgba(0,0,0,0.08); height:100%;}
.symptom-card img {width:40px; margin-bottom:10px;}
.cta-section {background:#0c3b2e; color:white; padding:60px 0; text-align:center;}
.btn-gold {background:gold; border:none; color:black; font-weight:600;}
.evil-eye-page {background:#ffffff;}
.evil-eye-page .page-header {background:linear-gradient(135deg,#0c3b2e,#071a12); color:white; padding:110px 0; text-align:center;}
.evil-eye-page .page-header h1 {font-size:42px; font-weight:700;}
.evil-eye-page .page-header p {font-size:18px; opacity:0.9;}
.evil-eye-page .section-title {font-weight:700; color:#0c3b2e; margin-bottom:20px;}
.evil-eye-page .feature-card {background:white; padding:25px; border-radius:14px; box-shadow:0 10px 25px rgba(0,0,0,0.08); height:100%; text-align:center; transition:0.3s;}
.evil-eye-page .feature-card:hover {transform:translateY(-5px); box-shadow:0 15px 35px rgba(0,0,0,0.12);}
.evil-eye-page .feature-card img {width:45px; margin-bottom:10px;}
.evil-eye-page .cta-section {background:#0c3b2e; color:white; padding:70px 0; text-align:center;}
.evil-eye-page .btn-gold {background:gold; border:none; color:black; font-weight:600; padding:12px 28px; border-radius:30px;}
.evil-eye-page .btn-gold:hover {background:#e6c200;}
.jinn-page {background:#ffffff;}
.jinn-page .page-header {background:linear-gradient(135deg,#0c3b2e,#071a12); color:white; padding:110px 0; text-align:center;}
.jinn-page .page-header h1 {font-size:42px; font-weight:700;}
.jinn-page .page-header p {font-size:18px; opacity:0.9;}
.jinn-page .section-title {font-weight:700; color:#0c3b2e; margin-bottom:20px;}
.jinn-page .feature-card {background:white; padding:25px; border-radius:14px; box-shadow:0 10px 25px rgba(0,0,0,0.08); height:100%; text-align:center; transition:0.3s;}
.jinn-page .feature-card:hover {transform:translateY(-5px); box-shadow:0 15px 35px rgba(0,0,0,0.12);}
.jinn-page .feature-card img {width:45px; margin-bottom:10px;}
.jinn-page .cta-section {background:#0c3b2e; color:white; padding:70px 0; text-align:center;}
.jinn-page .btn-gold {background:gold; border:none; color:black; font-weight:600; padding:12px 28px; border-radius:30px;}
.jinn-page .btn-gold:hover {background:#e6c200;}
.process-list {border-radius:12px; overflow:hidden; box-shadow:0 10px 25px rgba(0,0,0,0.08); background:white;}
.process-list .list-group-item {border:none; padding:16px 20px 16px 45px; font-size:16px; color:#444; position:relative; border-bottom:1px solid #f1f1f1; transition:0.3s;}
.process-list .list-group-item:last-child {border-bottom:none;}
.process-list .list-group-item::before {content:"✔"; position:absolute; left:18px; top:50%; transform:translateY(-50%); color:#0c3b2e; font-weight:bold;}
.process-list .list-group-item:hover {background:#f9fbfa; padding-left:50px;}
.jealousy-page {background:#ffffff;}
.jealousy-page .page-header {background:linear-gradient(135deg,#0c3b2e,#071a12); color:white; padding:110px 0; text-align:center;}
.jealousy-page .page-header h1 {font-size:42px; font-weight:700;}
.jealousy-page .page-header p {font-size:18px; opacity:0.9;}
.jealousy-page .section-title {font-weight:700; color:#0c3b2e; margin-bottom:20px;}
.jealousy-page .feature-card {background:white; padding:25px; border-radius:14px; box-shadow:0 10px 25px rgba(0,0,0,0.08); height:100%; text-align:center; transition:0.3s;}
.jealousy-page .feature-card:hover {transform:translateY(-5px); box-shadow:0 15px 35px rgba(0,0,0,0.12);}
.jealousy-page .feature-card img {width:45px; margin-bottom:10px;}
.jealousy-page .cta-section {background:#0c3b2e; color:white; padding:70px 0; text-align:center;}
.jealousy-page .btn-gold {background:gold; border:none; color:black; font-weight:600; padding:12px 28px; border-radius:30px;}
.anxiety-page {background:#ffffff;}
.anxiety-page .page-header {background:linear-gradient(135deg,#0c3b2e,#071a12); color:white; padding:110px 0; text-align:center;}
.anxiety-page .page-header h1 {font-size:42px; font-weight:700;}
.anxiety-page .page-header p {font-size:18px; opacity:0.9;}
.anxiety-page .section-title {font-weight:700; color:#0c3b2e; margin-bottom:20px;}
.anxiety-page .feature-card {background:white; padding:25px; border-radius:14px; box-shadow:0 10px 25px rgba(0,0,0,0.08); height:100%; text-align:center; transition:0.3s;}
.anxiety-page .feature-card:hover {transform:translateY(-5px); box-shadow:0 15px 35px rgba(0,0,0,0.12);}
.anxiety-page .feature-card img {width:45px; margin-bottom:10px;}
.anxiety-page .cta-section {background:#0c3b2e; color:white; padding:70px 0; text-align:center;}
.anxiety-page .btn-gold {background:gold; border:none; color:black; font-weight:600; padding:12px 28px; border-radius:30px;}
.anxiety-page .btn-gold:hover {background:#e6c200;}
.bad-dream-page {background:#ffffff;}
.bad-dream-page .page-header {background:linear-gradient(135deg,#0c3b2e,#071a12); color:white; padding:110px 0; text-align:center;}
.bad-dream-page .page-header h1 {font-size:42px; font-weight:700;}
.bad-dream-page .page-header p {font-size:18px; opacity:0.9;}
.bad-dream-page .section-title {font-weight:700; color:#0c3b2e; margin-bottom:20px;}
.bad-dream-page .feature-card {background:white; padding:25px; border-radius:14px; box-shadow:0 10px 25px rgba(0,0,0,0.08); height:100%; text-align:center; transition:0.3s;}
.bad-dream-page .feature-card:hover {transform:translateY(-5px); box-shadow:0 15px 35px rgba(0,0,0,0.12);}
.bad-dream-page .feature-card img {width:45px; margin-bottom:10px;}
.bad-dream-page .cta-section {background:#0c3b2e; color:white; padding:70px 0; text-align:center;}
.bad-dream-page .btn-gold {background:gold; border:none; color:black; font-weight:600; padding:12px 28px; border-radius:30px;}
.bad-dream-page .btn-gold:hover {background:#e6c200;}
.house-ruqyah-page {background:#ffffff;}
.house-ruqyah-page .page-header {background:linear-gradient(135deg,#0c3b2e,#071a12); color:white; padding:110px 0; text-align:center;}
.house-ruqyah-page .page-header h1 {font-size:42px; font-weight:700;}
.house-ruqyah-page .page-header p {font-size:18px; opacity:0.9;}
.house-ruqyah-page .section-title {font-weight:700; color:#0c3b2e; margin-bottom:20px;}
.house-ruqyah-page .feature-card {background:white; padding:25px; border-radius:14px; box-shadow:0 10px 25px rgba(0,0,0,0.08); height:100%; text-align:center; transition:0.3s;}
.house-ruqyah-page .feature-card:hover {transform:translateY(-5px); box-shadow:0 15px 35px rgba(0,0,0,0.12);}
.house-ruqyah-page .feature-card img {width:45px; margin-bottom:10px;}
.house-ruqyah-page .cta-section {background:#0c3b2e; color:white; padding:70px 0; text-align:center;}
.house-ruqyah-page .btn-gold {background:gold; border:none; color:black; font-weight:600; padding:12px 28px; border-radius:30px;}
.house-ruqyah-page .btn-gold:hover {background:#e6c200;}
.marriage-ruqyah-page {background:#ffffff;}
.marriage-ruqyah-page .page-header {background:linear-gradient(135deg,#0c3b2e,#071a12); color:white; padding:110px 0; text-align:center;}
.marriage-ruqyah-page .page-header h1 {font-size:42px; font-weight:700;}
.marriage-ruqyah-page .page-header p {font-size:18px; opacity:0.9;}
.marriage-ruqyah-page .section-title {font-weight:700; color:#0c3b2e; margin-bottom:20px;}
.marriage-ruqyah-page .feature-card {background:white; padding:25px; border-radius:14px; box-shadow:0 10px 25px rgba(0,0,0,0.08); height:100%; text-align:center; transition:0.3s;}
.marriage-ruqyah-page .feature-card:hover {transform:translateY(-5px); box-shadow:0 15px 35px rgba(0,0,0,0.12);}
.marriage-ruqyah-page .feature-card img {width:45px; margin-bottom:10px;}
.marriage-ruqyah-page .cta-section {background:#0c3b2e; color:white; padding:70px 0; text-align:center;}
.marriage-ruqyah-page .btn-gold {background:gold; border:none; color:black; font-weight:600; padding:12px 28px; border-radius:30px;}
.marriage-ruqyah-page .btn-gold:hover {background:#e6c200;}
.hero-health {background:linear-gradient(rgba(0,0,0,.6), rgba(0, 0, 0, .6)), url(images/ruqyah-health.jpg); background-size:cover; background-position:center; color:white; padding:100px 20px; text-align:center;}
.ruqyah-box {background:#f8f9fa; padding:25px; border-radius:10px; box-shadow:0 3px 8px rgba(0,0,0,.1);}
.cta-section {background:#0d6efd; color:white; padding:60px 20px; text-align:center;}
.hero-health {background:linear-gradient(rgba(0,0,0,.65), rgba(0, 0, 0, .65)), url(images/ruqyah-health.jpg); background-size:cover; background-position:center; color:white; padding:140px 20px; text-align:center; position:relative;}
.hero-health h1 {font-size:48px; margin-bottom:15px; letter-spacing:1px;}
.hero-health p {font-size:20px; opacity:.9;}
.container p {font-size:17px;}
.ruqyah-box {background:white; padding:30px; border-radius:12px; box-shadow:0 10px 25px rgba(0,0,0,0.06); transition:all .35s ease; height:100%;}
.ruqyah-box:hover {transform:translateY(-8px); box-shadow:0 20px 40px rgba(0,0,0,0.1);}
.ruqyah-box ul {padding-left:20px;}
.ruqyah-box li {margin-bottom:8px;}
ul li {font-size:16px;}
.cta-section {background:linear-gradient(135deg,#0d6efd,#0a58ca); color:white; padding:80px 20px; text-align:center; border-radius:20px; margin:60px auto; max-width:1100px;}
.cta-section h2 {font-size:36px; margin-bottom:15px;}
.cta-section p {font-size:18px; color:#fff !important; opacity:.9;}
.btn-light {padding:14px 28px; font-weight:600; border-radius:30px; transition:.3s;}
.btn-light:hover {transform:scale(1.05); box-shadow:0 10px 25px rgba(0,0,0,.2);}

@media (max-width:768px) {
.hero-health h1 {font-size:34px;}
.hero-health p {font-size:18px;}
.cta-section h2 {font-size:28px;}
}

.health-ruqyah-page {background:#ffffff;}
.health-ruqyah-page .page-header {background:linear-gradient(135deg,#0c3b2e,#071a12); color:white; padding:110px 0; text-align:center;}
.health-ruqyah-page .page-header h1 {font-size:42px; font-weight:700;}
.health-ruqyah-page .page-header p {font-size:18px; opacity:0.9;}
.health-ruqyah-page .section-title {font-weight:700; color:#0c3b2e; margin-bottom:20px;}
.health-ruqyah-page .feature-card {background:white; padding:25px; border-radius:14px; box-shadow:0 10px 25px rgba(0,0,0,0.08); height:100%; text-align:center; transition:0.3s;}
.health-ruqyah-page .feature-card:hover {transform:translateY(-5px); box-shadow:0 15px 35px rgba(0,0,0,0.12);}
.health-ruqyah-page .feature-card img {width:45px; margin-bottom:10px;}
.health-ruqyah-page .cta-section {background:#0c3b2e; color:white; padding:70px 0; text-align:center;}
.health-ruqyah-page .btn-gold {background:gold; border:none; color:black; font-weight:600; padding:12px 28px; border-radius:30px;}
.health-ruqyah-page .btn-gold:hover {background:#e6c200;}
footer p {color:#fff !important}
.relationship-ruqyah-page {background:#ffffff;}
.relationship-ruqyah-page .page-header {background:linear-gradient(135deg,#0c3b2e,#071a12); color:white; padding:110px 0; text-align:center;}
.relationship-ruqyah-page .page-header h1 {font-size:42px; font-weight:700;}
.relationship-ruqyah-page .page-header p {font-size:18px; opacity:0.9;}
.relationship-ruqyah-page .section-title {font-weight:700; color:#0c3b2e; margin-bottom:20px;}
.relationship-ruqyah-page .feature-card {background:white; padding:25px; border-radius:14px; box-shadow:0 10px 25px rgba(0,0,0,0.08); height:100%; text-align:center; transition:0.3s;}
.relationship-ruqyah-page .feature-card:hover {transform:translateY(-5px); box-shadow:0 15px 35px rgba(0,0,0,0.12);}
.relationship-ruqyah-page .feature-card img {width:45px; margin-bottom:10px;}
.relationship-ruqyah-page .cta-section {background:#0c3b2e; color:white; padding:70px 0; text-align:center;}
.relationship-ruqyah-page .btn-gold {background:gold; border:none; color:black; font-weight:600; padding:12px 28px; border-radius:30px;}
.relationship-ruqyah-page .btn-gold:hover {background:#e6c200;}
.job-ruqyah-page {background:#ffffff;}
.job-ruqyah-page .page-header {background:linear-gradient(135deg,#0c3b2e,#071a12); color:white; padding:110px 0; text-align:center;}
.job-ruqyah-page .page-header h1 {font-size:42px; font-weight:700;}
.job-ruqyah-page .page-header p {font-size:18px; opacity:0.9;}
.job-ruqyah-page .section-title {font-weight:700; color:#0c3b2e; margin-bottom:20px;}
.job-ruqyah-page .feature-card {background:white; padding:25px; border-radius:14px; box-shadow:0 10px 25px rgba(0,0,0,0.08); height:100%; text-align:center; transition:0.3s;}
.job-ruqyah-page .feature-card:hover {transform:translateY(-5px); box-shadow:0 15px 35px rgba(0,0,0,0.12);}
.job-ruqyah-page .feature-card img {width:45px; margin-bottom:10px;}
.job-ruqyah-page .cta-section {background:#0c3b2e; color:white; padding:70px 0; text-align:center;}
.job-ruqyah-page .btn-gold {background:gold; border:none; color:black; font-weight:600; padding:12px 28px; border-radius:30px;}
.job-ruqyah-page .btn-gold:hover {background:#e6c200;}
.page-header p {color:#fff !important}
.hijama-hero {background:#0c3b2e; color:white; padding:10px 0;}
.hijama-hero h1 {font-size:48px; font-weight:700;}
.hijama-hero p {font-size:18px; opacity:0.9; max-width:600px; color:#fff !important}
.benefit-step {display:flex; gap:20px; margin-bottom:40px;}
.benefit-number {width:60px; height:60px; border-radius:50%; background:gold; color:#000; display:flex; align-items:center; justify-content:center; font-weight:bold; font-size:22px;}
.benefit-content h4 {font-weight:600; color:#0c3b2e;}
.hijama-grid {margin-top:50px;}
.grid-card {background:white; padding:30px; border-radius:12px; box-shadow:0 10px 25px rgba(0,0,0,0.08); text-align:center; height:100%;}
.grid-card img {width:50px; margin-bottom:15px;}
.sunnah-box {background:#f8faf9; border-left:5px solid gold; padding:30px; margin:60px 0; font-style:italic;}
.cta-section {background:#0c3b2e; color:white; padding:70px 0; text-align:center;}
.btn-gold {background:gold; border:none; color:black; font-weight:600; padding:12px 30px; border-radius:30px;}
.hijama-backpain-page {background:#ffffff;}
.hijama-backpain-page .hero {background:linear-gradient(135deg,#0c3b2e,#071a12); color:white; padding:120px 0; text-align:center;}
.hijama-backpain-page .hero h1 {font-size:44px; font-weight:700;}
.hijama-backpain-page .hero p {font-size:18px; opacity:0.9; max-width:700px; margin:auto; color:#fff !important}
.hijama-backpain-page .section-title {font-weight:700; color:#0c3b2e; margin-bottom:20px;}
.hijama-backpain-page .benefit-card {background:white; padding:25px; border-radius:14px; box-shadow:0 10px 25px rgba(0,0,0,0.08); text-align:center; height:100%; transition:0.3s;}
.hijama-backpain-page .benefit-card:hover {transform:translateY(-5px); box-shadow:0 15px 35px rgba(0,0,0,0.12);}
.hijama-backpain-page .benefit-card img {width:45px; margin-bottom:10px;}
.hijama-backpain-page .cta-section {background:#0c3b2e; color:white; padding:70px 0; text-align:center;}
.hijama-backpain-page .btn-gold {background:gold; border:none; color:black; font-weight:600; padding:12px 28px; border-radius:30px;}
.hijama-backpain-page .btn-gold:hover {background:#e6c200;}

.hijama-migraine-page {background:#ffffff;}
.hijama-migraine-page .hero {background:linear-gradient(135deg,#0c3b2e,#071a12); color:white; padding:120px 0; text-align:center;}
.hijama-migraine-page .hero h1 {font-size:44px; font-weight:700;}
.hijama-migraine-page .hero p {font-size:18px; color:#fff !important; opacity:0.9; max-width:700px; margin:auto;}
.hijama-migraine-page .section-title {font-weight:700; color:#0c3b2e; margin-bottom:20px;}
.hijama-migraine-page .benefit-card {background:white; padding:25px; border-radius:14px; box-shadow:0 10px 25px rgba(0,0,0,0.08); text-align:center; height:100%; transition:0.3s;}
.hijama-migraine-page .benefit-card:hover {transform:translateY(-5px); box-shadow:0 15px 35px rgba(0,0,0,0.12);}
.hijama-migraine-page .benefit-card img {width:45px; margin-bottom:10px;}
.hijama-migraine-page .cta-section {background:#0c3b2e; color:white; padding:70px 0; text-align:center;}
.hijama-migraine-page .btn-gold {background:gold; border:none; color:black; font-weight:600; padding:12px 28px; border-radius:30px;}
.hijama-migraine-page .btn-gold:hover {background:#e6c200;}

.hijama-stress-page {background:#ffffff;}
.hijama-stress-page .hero {background:linear-gradient(135deg,#0c3b2e,#071a12); color:white; padding:120px 0; text-align:center;}
.hijama-stress-page .hero h1 {font-size:44px; font-weight:700;}
.hijama-stress-page .hero p {font-size:18px; color:#fff !important; opacity:0.9; max-width:750px; margin:auto;}
.hijama-stress-page .section-title {font-weight:700; color:#0c3b2e; margin-bottom:20px;}
.hijama-stress-page .benefit-card {background:white; padding:25px; border-radius:14px; box-shadow:0 10px 25px rgba(0,0,0,0.08); text-align:center; height:100%; transition:0.3s;}
.hijama-stress-page .benefit-card:hover {transform:translateY(-5px); box-shadow:0 15px 35px rgba(0,0,0,0.12);}
.hijama-stress-page .benefit-card img {width:45px; margin-bottom:10px;}
.hijama-stress-page .cta-section {background:#0c3b2e; color:white; padding:70px 0; text-align:center;}
.hijama-stress-page .btn-gold {background:gold; border:none; color:black; font-weight:600; padding:12px 28px; border-radius:30px;}
.hijama-stress-page .btn-gold:hover {background:#e6c200;}

.sunnah-hijama-page {background:#ffffff;}
.sunnah-hijama-page .hero {background:linear-gradient(135deg,#0c3b2e,#071a12); color:white; padding:110px 0; text-align:center;}
.sunnah-hijama-page .hero h1 {font-size:42px; font-weight:700;}
.sunnah-hijama-page .hero p {font-size:18px; opacity:0.9; max-width:700px; margin:auto; color:#fff !important;}
.sunnah-hijama-page .section-title {font-weight:700; color:#0c3b2e; margin-bottom:20px;}
.day-box {background:white; padding:25px; border-radius:12px; box-shadow:0 10px 25px rgba(0,0,0,0.08); text-align:center; font-weight:600; font-size:20px;}
.hadith-box {background:#3c6e31; border-left:5px solid gold; padding:25px; margin:30px auto; font-style:italic;}
.sunnah-hijama-page .cta-section {background:#0c3b2e; color:white; padding:70px 0; text-align:center;}
.sunnah-hijama-page .btn-gold {background:gold; border:none; color:black; font-weight:600; padding:12px 28px; border-radius:30px;}
.hijama-main-page {background:#ffffff;}
.hijama-main-page .hero {background:linear-gradient(135deg,#0c3b2e,#071a12); color:white; padding:120px 0; text-align:center;}
.hijama-main-page .hero h1 {font-size:44px; font-weight:700;}
.hijama-main-page .hero p {font-size:18px; opacity:0.9; max-width:750px; margin:auto; color:#fff !important;}
.hijama-main-page .section-title {font-weight:700; color:#0c3b2e; margin-bottom:20px;}
.hijama-service-card {background:white; padding:25px; border-radius:14px; box-shadow:0 10px 25px rgba(0,0,0,0.08); text-align:center; transition:0.3s; height:100%; text-decoration:none; color:#333;}
.hijama-service-card:hover {transform:translateY(-6px); box-shadow:0 15px 35px rgba(0,0,0,0.12);}
.hijama-service-card img {width:50px; margin-bottom:10px;}
.hijama-main-page .cta-section {background:#0c3b2e; color:white; padding:70px 0; text-align:center;}
.hijama-main-page .btn-gold {background:gold; border:none; color:black; font-weight:600; padding:12px 28px; border-radius:30px;}
.premium-gallery-page {background:#f8faf9;}
.premium-gallery-page .hero {background:linear-gradient(135deg,#0c3b2e,#071a12); color:white; padding:90px 0; text-align:center;}
.gallery-filter {text-align:center; margin:40px 0;}
.gallery-filter button {border:none; padding:10px 20px; margin:5px; border-radius:30px; background:#eee; cursor:pointer; transition:0.3s;}
.gallery-filter button.active, .gallery-filter button:hover {background:gold;}
.gallery {column-count:3; column-gap:15px;}

@media(max-width:768px) {
.gallery {column-count:2;}
}

@media(max-width:500px) {
.gallery {column-count:1;}
}

.gallery-item {position:relative; margin-bottom:15px; overflow:hidden; border-radius:12px; cursor:pointer; break-inside:avoid;}
.gallery-item img {width:100%; border-radius:12px; transition:0.4s;}
.gallery-item:hover img {transform:scale(1.1);}
.gallery-overlay {position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.4); opacity:0; display:flex; align-items:center; justify-content:center; color:white; font-size:18px; transition:0.3s;}
.gallery-item:hover .gallery-overlay {opacity:1;}
.lightbox {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.9); display:none; align-items:center; justify-content:center; z-index:9999;}
.lightbox img {max-width:90%; max-height:90%; border-radius:10px;}
.lightbox.active {display:flex;}
.video-gallery-page {background:#f8faf9;}
.video-gallery-page .hero {background:linear-gradient(135deg,#0c3b2e,#071a12); color:white; padding:90px 0; text-align:center;}
.video-filter {text-align:center; margin:40px 0;}
.video-filter button {border:none; padding:10px 20px; margin:5px; border-radius:30px; background:#eee; cursor:pointer; transition:0.3s;}
.video-filter button.active, .video-filter button:hover {background:gold;}
.video-card {position:relative; border-radius:12px; overflow:hidden; cursor:pointer; transition:0.3s;}
.video-card iframe {width:100%; height:220px; border:none; border-radius:12px;}
.video-card:hover {transform:translateY(-5px);}
.video-overlay {position:absolute; top:0; left:0; width:100%; height:100%; display:flex; align-items:center; justify-content:center; background:rgba(0,0,0,0.3); opacity:0; transition:0.3s;}
.video-card:hover .video-overlay {opacity:1;}
.play-btn {width:60px; height:60px; background:gold; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:22px; color:black;}
.video-grid {padding-bottom:60px;}

.testimonials-page {background:#f8faf9;}
.testimonials-page .hero {background:linear-gradient(135deg,#0c3b2e,#071a12); color:white; padding:90px 0; text-align:center;}
.testimonial-card {background:white; padding:25px; border-radius:14px; box-shadow:0 10px 25px rgba(0,0,0,0.08); transition:0.3s; height:100%;}
.testimonial-card:hover {transform:translateY(-6px); box-shadow:0 15px 35px rgba(0,0,0,0.12);}
.testimonial-user {display:flex; align-items:center; gap:12px; margin-bottom:10px;}
.testimonial-user img {width:50px; height:50px; border-radius:50%; object-fit:cover;}
.testimonial-user h6 {margin:0; font-weight:600;}
.stars {color:gold; margin-bottom:10px;}
.testimonial-text {font-size:15px; color:#555;}
.testimonials-page .cta {background:#0c3b2e; color:white; padding:70px 0; text-align:center; margin-top:60px;}
.btn-gold {background:gold; border:none; color:black; font-weight:600; padding:12px 28px; border-radius:30px;}

.faq-page {background:#f8faf9;}
.faq-page .hero {background:linear-gradient(135deg,#0c3b2e,#071a12); color:white; padding:90px 0; text-align:center;}
.faq-container {max-width:800px; margin:auto;}
.faq-item {background:white; border-radius:12px; margin-bottom:15px; box-shadow:0 10px 25px rgba(0,0,0,0.08); overflow:hidden;}
.faq-question {padding:18px; font-weight:600; cursor:pointer; position:relative;}
.faq-question::after {content:"+"; position:absolute; right:20px; font-size:22px;}
.faq-item.active .faq-question::after {content:"-";}
.faq-answer {display:none; padding:18px; color:#555; border-top:1px solid #eee;}
.faq-item.active .faq-answer {display:block;}
.faq-page .cta {background:#0c3b2e; color:white; padding:70px 0; text-align:center; margin-top:60px;}
.btn-gold {background:gold; border:none; color:black; font-weight:600; padding:12px 28px; border-radius:30px;}

.symptoms-page {background:#f8faf9; scroll-behavior:smooth;}
.symptoms-page .hero {background:linear-gradient(135deg,#0c3b2e,#071a12); color:white; padding:90px 0; text-align:center;}
.symptom-nav {background:white; padding:15px; border-radius:12px; box-shadow:0 10px 25px rgba(0,0,0,0.08); margin-bottom:40px; text-align:center;}
.symptom-nav a {margin:5px; padding:8px 15px; display:inline-block; border-radius:20px; background:#eee; text-decoration:none; color:#333; transition:0.3s;}
.symptom-nav a:hover {background:gold;}
.symptom-section {background:white; padding:30px; border-radius:12px; box-shadow:0 10px 25px rgba(0,0,0,0.08); margin-bottom:30px;}
.symptom-section h2 {color:#0c3b2e; font-weight:700; margin-bottom:15px;}
.symptom-list li {margin-bottom:10px;}
.symptoms-page .cta {background:#0c3b2e; color:white; padding:70px 0; text-align:center; margin-top:50px;}
.btn-gold {background:gold; border:none; color:black; font-weight:600; padding:12px 28px; border-radius:30px;}

.contact-page {background:#f8faf9;}
.contact-page .hero {background:linear-gradient(135deg,#0c3b2e,#071a12); color:white; padding:90px 0; text-align:center;}
.contact-card {background:white; padding:25px; border-radius:14px; text-align:center; box-shadow:0 10px 25px rgba(0,0,0,0.08); height:100%;}
.contact-card i {font-size:30px; color:#0c3b2e; margin-bottom:10px;}
.contact-form {background:white; padding:30px; border-radius:14px; box-shadow:0 10px 25px rgba(0,0,0,0.08);}
.form-control {border-radius:10px; padding:12px;}
.btn-gold {background:gold; border:none; color:black; font-weight:600; padding:12px; border-radius:30px;}
.map iframe {width:100%; height:350px; border-radius:12px; border:none;}

.call-now-section {background:linear-gradient(135deg,#0c3b2e,#071a12); color:white; padding:40px 0;}
.call-label {font-size:18px; opacity:0.8; margin-bottom:10px;}
.call-number {font-size:36px; font-weight:700; margin-bottom:10px;}
.call-number a {color:gold; text-decoration:none;}
.call-number a:hover {color:#ffd700;}
.call-subtext {font-size:15px; opacity:0.9;}

.call-float {position:fixed; bottom:90px; right:20px; background:#0c3b2e; color:white; width:55px; height:55px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:22px; box-shadow:0 5px 15px rgba(0,0,0,0.3); z-index:999;}
.call-float:hover {background:gold; color:black;}