@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:16px; font-weight:600; padding:12px 6px !important; letter-spacing:.3px;}
.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:0;}
.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:60px 0 100px; 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;}

.why-section {position:relative; padding:80px 0; background:linear-gradient(135deg,#f8faf9,#eef5f2); overflow:hidden;}
.why-section::before {content:""; position:absolute; width:100%; height:100%; background:url("https://www.transparenttextures.com/patterns/arabesque.png"); opacity:.05; top:0; left:0;}
.why-intro {max-width:700px; margin:0 auto; color:#555; font-size:17px;}
.why-card {background:rgba(255,255,255,0.7); backdrop-filter:blur(12px); padding:30px 20px; border-radius:18px; text-align:center; transition:.4s; border:1px solid rgba(255, 255, 255, 0.3); box-shadow:0 10px 30px rgba(0, 0, 0, 0.08); position:relative;}
.why-card:hover {transform:translateY(-10px) scale(1.03); box-shadow:0 20px 50px rgba(0,0,0,0.15);}
.why-icon {font-size:38px; color:#0f5132; margin-bottom:12px; animation:pulseIcon 2s infinite;}

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

.why-card h5 {font-weight:600; margin-top:10px;}
.card-divider {width:40px; height:2px; background:#c8a951; margin:10px auto;}
.why-card p {font-size:14px; color:#555;}
.fade-up {opacity:0; transform:translateY(40px); transition:all .8s ease;}
.fade-up.show {opacity:1; transform:translateY(0);}
.doctor-section {padding:80px 0; background:#ffffff;}
.doctor-image {position:relative; border-radius:20px; overflow:hidden; box-shadow:0 15px 40px rgba(0,0,0,0.15);}
.doctor-image img {border-radius:20px;}
.doctor-badge {position:absolute; bottom:15px; left:15px; background:linear-gradient(45deg,#c8a951,#e6c56a); color:#fff; padding:8px 14px; border-radius:20px; font-size:13px; box-shadow:0 5px 15px rgba(0, 0, 0, 0.2);}
.doctor-name {font-weight:700; color:#0f5132; margin-top:10px;}
.doctor-role {color:#777; margin-bottom:15px;}
.doctor-text {font-size:15px; color:#555; line-height:1.7;}
.doctor-features {display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:20px;}
.doctor-features div {font-size:14px; color:#333;}
.doctor-features i {color:#c8a951; margin-right:6px;}
.doctor-cta {margin-top:25px;}
.btn-whatsapp {background:#25D366; color:#fff; padding:10px 20px; border-radius:30px;}
.btn-whatsapp:hover {background:#1ebe5d; color:#fff;}
.doctor-section {animation:fadeUp 1s ease;}

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

.reviews-section {padding:80px 0;}
.reviews-intro {color:#555; max-width:600px; margin:0 auto;}
.rating-number {font-size:48px; font-weight:700; color:#0f5132;}
.stars i, .review-stars i {color:#ffc107; margin:2px;}
.review-card {background:rgba(255,255,255,0.8); backdrop-filter:blur(10px); padding:25px; border-radius:15px; box-shadow:0 10px 30px rgba(0, 0, 0, 0.08); transition:.4s; height:100%;}
.review-card:hover {transform:translateY(-10px); box-shadow:0 20px 50px rgba(0,0,0,0.15);}
.review-text {font-size:14px; color:#555; margin:15px 0;}
.review-user {display:flex; align-items:center; gap:10px;}
.user-avatar {width:40px; height:40px; background:#c8a951; color:#fff; display:flex; align-items:center; justify-content:center; border-radius:50%; font-weight:600;}
.review-location {font-size:12px; color:#888;}
.fade-up {opacity:0; transform:translateY(40px); transition:all .8s ease;}
.fade-up.show {opacity:1; transform:translateY(0);}

.hero-seo-heading h1 {font-size:28px; font-weight:700; margin-bottom:10px;}
.hero-subtext {color:#f8e72d; font-size:16px; margin-bottom:20px;}
.ruqyah-services .card {border:none; border-radius:16px; transition:all 0.35s ease; box-shadow:0 8px 25px rgba(0,0,0,0.05); background:#fff;}
.ruqyah-services .card:hover {transform:translateY(-8px); box-shadow:0 15px 35px rgba(0,0,0,0.1);}
.ruqyah-services .card i {transition:transform 0.3s ease, color 0.3s ease;}
.ruqyah-services .card:hover i {transform:scale(1.2); color:#198754;}
.ruqyah-services .btn {border-radius:30px; padding:8px 20px; font-weight:500;}
.ruqyah-services .btn-outline-primary:hover {background:#0d6efd; color:#fff;}
.ruqyah-services .btn-success {background:#25D366; border:none;}
.ruqyah-services .btn-success:hover {background:#1ebe5d; transform:scale(1.05);}
.ruqyah-services .section-title {font-weight:700; font-size:2rem; margin-bottom:40px; text-align:center;}
.ruqyah-services .reveal {opacity:0; transform:translateY(40px); transition:all 0.6s ease;}
.ruqyah-services .reveal.active {opacity:1; transform:translateY(0);}
.ruqyah-process .section-title {font-weight:700; margin-bottom:40px;}
.ruqyah-process .process-steps {max-width:700px; margin:auto; position:relative;}
.ruqyah-process .process-steps::before {content:''; position:absolute; left:20px; top:0; width:3px; height:100%; background:#0d6efd;}
.ruqyah-process .step {position:relative; padding-left:60px; margin-bottom:30px; transition:all 0.3s ease;}
.ruqyah-process .step-icon {position:absolute; left:0; top:0; width:40px; height:40px; background:#0d6efd; color:#fff; font-weight:bold; border-radius:50%; display:flex; align-items:center; justify-content:center;}
.ruqyah-process .step p {margin:0; background:#fff; padding:12px 15px; border-radius:10px; box-shadow:0 5px 15px rgba(0,0,0,0.05);}
.ruqyah-process .step:hover {transform:translateX(5px);}
.ruqyah-process .reveal {opacity:0; transform:translateY(30px); transition:all 0.6s ease;}
.ruqyah-process .reveal.active {opacity:1; transform:translateY(0);}

@media (max-width: 768px) {
.ruqyah-process .process-steps::before {left:15px;}
}

.ruqyah-verses .section-title {font-weight:700; margin-bottom:20px;}
.ruqyah-verses .verse-card {background:#fff; padding:20px; text-align:center; border-radius:12px; box-shadow:0 5px 15px rgba(0,0,0,0.05); transition:all 0.3s ease; font-weight:500;}
.ruqyah-verses .verse-card:hover {transform:translateY(-5px); background:#0d6efd; color:#fff;}
.ruqyah-verses .quote-box {max-width:700px; margin:auto; text-align:center; padding:20px; border-left:4px solid #0d6efd; background:#fff; border-radius:10px; font-style:italic; box-shadow:0 5px 15px rgba(0,0,0,0.05);}
.ruqyah-verses .reveal {opacity:0; transform:translateY(30px); transition:all 0.6s ease;}
.ruqyah-verses .reveal.active {opacity:1; transform:translateY(0);}

@media (max-width: 768px) {
.ruqyah-verses .verse-card {padding:15px;}
}

.cta-section {background:linear-gradient(135deg, #0d6efd, #198754); padding:60px 20px;}
.cta-section .cta-box {background:rgba(255,255,255,0.1); backdrop-filter:blur(10px); padding:40px; border-radius:16px; color:#fff; box-shadow:0 10px 30px rgba(0, 0, 0, 0.2);}
.cta-section h2 {font-weight:700;}
.cta-section .cta-subtitle {opacity:0.9;}
.cta-section .cta-buttons {display:flex; justify-content:center; gap:15px; flex-wrap:wrap;}
.cta-section .btn {border-radius:30px; padding:10px 22px; font-weight:600; transition:all 0.3s ease;}
.cta-section .btn-call {background:#fff; color:#0d6efd;}
.cta-section .btn-call:hover {background:#e9ecef; transform:scale(1.05);}
.cta-section .btn-whatsapp {background:#25D366; color:#fff;}
.cta-section .btn-whatsapp:hover {background:#1ebe5d; transform:scale(1.05);}
.cta-section .cta-note {font-size:14px; opacity:0.85;}
.hero-section {position:relative; background:url('images/ruqyah.jpg') center/cover no-repeat; height:50vh; display:flex; align-items:center; justify-content:center; color:#fff; overflow:hidden;}
.hero-section .hero-overlay {position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.65);}
.hero-section .hero-content {position:relative; z-index:2;}
.hero-section .hero-title {font-size:2.8rem; font-weight:700; animation:fadeUp 1s ease forwards;}
.hero-section .hero-subtitle {font-size:1.2rem; margin-top:10px; opacity:0.9; animation:fadeUp 1.5s ease forwards;}
.hero-section .hero-buttons {display:flex; justify-content:center; gap:15px; flex-wrap:wrap;}
.hero-section .btn {border-radius:30px; padding:10px 22px; font-weight:600; transition:all 0.3s ease;}
.hero-section .btn-call {background:#fff; color:#0d6efd;}
.hero-section .btn-call:hover {background:#e9ecef; transform:scale(1.05);}
.hero-section .btn-whatsapp {background:#25D366; color:#fff;}
.hero-section .btn-whatsapp:hover {background:#1ebe5d; transform:scale(1.05);}

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

@media (max-width: 768px) {
.hero-section {height:40vh;}
.hero-section .hero-title {font-size:2rem;}
}

.ruqyah-about .about-box h5 {font-weight:600; margin-bottom:15px;}
.ruqyah-about ul {padding-left:0; list-style:none;}
.ruqyah-about ul li {margin-bottom:10px; color:#444;}
.ruqyah-about .about-quote {max-width:700px; margin:auto; background:#0d6efd; color:#fff; padding:25px; border-radius:12px; font-style:italic; box-shadow:0 10px 25px rgba(0,0,0,0.1);}
.ruqyah-about .reveal {opacity:0; transform:translateY(30px); transition:all 0.6s ease;}
.ruqyah-about .reveal.active {opacity:1; transform:translateY(0);}

.ruqyah-about .about-intro {max-width:750px; margin:auto; color:#555;}
.ruqyah-about .about-box {background:#fff; padding:25px; border-radius:14px; box-shadow:0 8px 25px rgba(0,0,0,0.05); transition:all 0.3s ease;}
.ruqyah-about .about-box:hover {transform:translateY(-6px);}
.ruqyah-about .icon-list {list-style:none; padding:0;}
.ruqyah-about .icon-list li {margin-bottom:12px; display:flex; align-items:center; gap:10px; color:#444;}
.ruqyah-about .icon-list i {color:#0d6efd; font-size:18px; transition:0.3s;}
.ruqyah-about .icon-list li:hover i {color:#198754; transform:scale(1.2);}
.ruqyah-about .ayah-box {background:linear-gradient(135deg, #0d6efd, #198754); color:#fff; padding:30px; border-radius:14px; max-width:800px; margin:auto; box-shadow:0 10px 30px rgba(0, 0, 0, 0.15);}
.ruqyah-about .ayah-arabic {font-family:'Amiri', serif; font-size:28px; line-height:1.8; direction:rtl; margin-bottom:15px;}
.ruqyah-about .ayah-translation {font-size:14px; opacity:0.9;}
.ruqyah-about .reveal {opacity:0; transform:translateY(30px); transition:all 0.6s ease;}
.ruqyah-about .reveal.active {opacity:1; transform:translateY(0);}

/* ===== HIJAMA PAGE ENHANCED UI ===== */
.hijama-page .hero {position:relative; background:linear-gradient(rgba(0,0,0,0.65), rgba(0, 0, 0, 0.65)), url('images/hijama.jpg') center/cover; color:#fff; padding:140px 20px; text-align:center; animation:fadeIn 1.2s ease-in-out;}

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

.hijama-page .section-title {font-weight:700; margin-bottom:25px; position:relative;}
.hijama-page .section-title::after {content:""; width:60px; height:3px; background:#0d6efd; display:block; margin:10px auto;}
.hijama-page .card {border:none; border-radius:15px; box-shadow:0 8px 25px rgba(0,0,0,0.08); transition:all 0.3s ease;}
.hijama-page .card:hover {transform:translateY(-8px); box-shadow:0 15px 35px rgba(0,0,0,0.15);}
.hijama-page .icon-box {font-size:40px; color:#0d6efd; margin-bottom:15px; transition:0.3s;}
.hijama-page .card:hover .icon-box {transform:scale(1.2);}
.hijama-page .service-link {text-decoration:none; color:inherit;}
.hijama-page .cta {background:linear-gradient(135deg, #0d6efd, #0a58ca); color:white; padding:60px; border-radius:20px; text-align:center;}
.hijama-page .cta h2 {font-weight:700;}
.hijama-page .btn-custom {padding:12px 28px; border-radius:30px; font-weight:600;}
html {scroll-behavior:smooth;}
.popular-treatments {position:relative;}
.popular-card {background:#fff; border-radius:15px; padding:25px 20px; text-align:center; box-shadow:0 5px 20px rgba(0,0,0,0.08); transition:all 0.35s ease; height:100%; border:1px solid rgba(0, 0, 0, 0.05);}
.popular-card i {font-size:40px; color:#0d6efd; margin-bottom:15px; display:inline-block;}
.popular-card h5 {font-weight:600; margin-bottom:10px;}
.popular-card p {font-size:14px; color:#666;}
.popular-card:hover {transform:translateY(-10px) scale(1.02); box-shadow:0 20px 40px rgba(0,0,0,0.15);}
.popular-card:hover i {transform:scale(1.2); color:#ffc107;}
.treatment-link {text-decoration:none; color:inherit;}
.popular-treatments .section-title {font-weight:700; font-size:28px;}

@media (max-width: 768px) {
.popular-card {padding:20px 15px;}
}

.sticky-call {position:fixed; bottom:80px; right:20px; background:#ff9800; color:#fff; padding:12px 18px; border-radius:50px; font-weight:600; z-index:999; box-shadow:0 4px 12px rgba(0,0,0,0.3);}

.acu-page {font-family:'Segoe UI', sans-serif; background:#f6f9fc; color:#333;}
section {padding-top:70px; padding-bottom:70px;}
.section-title {font-weight:700; font-size:32px; text-align:center; margin-bottom:40px; position:relative;}
.section-title::after {content:""; width:70px; height:4px; background:linear-gradient(90deg, #0d6efd, #0a58ca); display:block; margin:12px auto 0; border-radius:10px;}
.acu-page h3 {font-weight:700; margin-bottom:15px; color:#0d6efd;}
.acu-page p {font-size:15.8px; line-height:1.8; color:#555;}
.acu-page img {border-radius:15px; transition:0.5s ease;}
.acu-page img:hover {transform:scale(1.06); box-shadow:0 20px 40px rgba(0,0,0,0.15);}
.row.align-items-center {background:#fff; padding:25px; border-radius:20px; box-shadow:0 10px 30px rgba(0,0,0,0.06); transition:0.3s;}
.row.align-items-center:hover {transform:translateY(-5px);}
ul {padding-left:18px;}
ul li {margin-bottom:8px; color:#444;}
.btn {border-radius:50px; padding:10px 22px; font-weight:600; transition:0.3s;}
.btn-primary {background:linear-gradient(135deg, #0d6efd, #0a58ca); border:none;}
.btn-primary:hover {transform:translateY(-2px); box-shadow:0 10px 20px rgba(13,110,253,0.3);}
.btn-success {background:#25D366; border:none;}
.btn-success:hover {background:#1ebe5d; transform:translateY(-2px); box-shadow:0 10px 20px rgba(37,211,102,0.3);}
.hero {position:relative; padding:150px 20px; text-align:center; color:#fff;}
.hero h1 {font-weight:800;}
.hero p {font-size:18px; color:#fff; opacity:0.9;}
.cta {background:linear-gradient(135deg, #0d6efd, #0a58ca); padding:70px; border-radius:25px; text-align:center; color:#fff; box-shadow:0 20px 50px rgba(0, 0, 0, 0.15);}
.cta h2 {font-weight:700;}
.cta p {color:#e0e0e0;}
.gallery img {border-radius:15px; transition:0.4s;}
.gallery img:hover {transform:scale(1.08);}
.carousel-item {padding:20px;}
.carousel-item p {font-size:18px; font-style:italic;}
.carousel-item h6 {font-weight:600; margin-top:10px;}

@media (max-width: 768px) {
.section-title {font-size:26px;}
.hero {padding:100px 20px;}
}

html {scroll-behavior:smooth;}
.tick-list {list-style:none; padding-left:0; margin-top:15px;}
.tick-list li {position:relative; padding-left:28px; margin-bottom:10px; font-size:15.5px; color:#444;}
.tick-list li::before {content:"✔"; position:absolute; left:0; top:0; color:#25D366; font-weight:bold; font-size:16px;}
.tick-list-animated {list-style:none; padding-left:0; margin-top:15px;}
.tick-list-animated li {position:relative; padding-left:30px; margin-bottom:12px; font-size:15.8px; color:#444; opacity:0; transform:translateY(20px); animation:fadeUp 0.6s ease forwards;}
.tick-list-animated li:nth-child(1) {animation-delay:0.2s;}
.tick-list-animated li:nth-child(2) {animation-delay:0.4s;}
.tick-list-animated li:nth-child(3) {animation-delay:0.6s;}
.tick-list-animated li:nth-child(4) {animation-delay:0.8s;}
.tick-list-animated li::before {content:"✔"; position:absolute; left:0; top:0; color:#25D366; font-weight:bold; font-size:16px;}

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

.testimonial-wrapper {overflow:hidden; position:relative;}
.testimonial-track {display:flex; gap:20px; animation:scrollLeft 25s linear infinite;}
.testimonial-card {min-width:300px; background:#fff; padding:20px; border-radius:15px; box-shadow:0 10px 25px rgba(0,0,0,0.08); transition:0.3s;}
.testimonial-card:hover {transform:translateY(-5px);}
.testimonial-card p {font-style:italic; font-size:15.5px; color:#555;}
.testimonial-card h6 {margin-top:10px; font-weight:600; color:#0d6efd;}

@keyframes scrollLeft {
0% {transform:translateX(0);}
100% {transform:translateX(-50%);}
}

.testimonial-wrapper:hover .testimonial-track {animation-play-state:paused;}

.accordion-item {border:none; margin-bottom:10px; border-radius:12px; overflow:hidden; box-shadow:0 5px 15px rgba(0,0,0,0.05);}
.accordion-button {font-weight:600; background:#fff;}
.accordion-button:not(.collapsed) {background:#0d6efd; color:#fff;}
.accordion-body {background:#fff; color:#555;}
.info-box {background:#e7f1ff; padding:15px 20px; border-left:4px solid #0d6efd; border-radius:10px; font-size:15.5px; color:#333;}
.icon-circle {background:#25D366; color:#fff; width:28px; height:28px; display:inline-flex; align-items:center; justify-content:center; border-radius:50%; font-size:14px;}
.acu-page img {transition:0.4s;}
.acu-page img:hover {transform:scale(1.05);}
.internal-links-box {background:#fff; padding:40px 20px; border-radius:20px; box-shadow:0 10px 30px rgba(0,0,0,0.06);}
.internal-links-box h4 {font-weight:700; color:#0d6efd;}
.links-wrapper {display:flex; justify-content:center; gap:20px; flex-wrap:wrap;}
.link-card {display:flex; align-items:center; gap:10px; padding:12px 20px; background:#f1f6ff; border-radius:50px; text-decoration:none; color:#0d6efd; font-weight:600; transition:0.3s;}
.link-card i {font-size:18px;}
.link-card:hover {background:#0d6efd; color:#fff; transform:translateY(-3px); box-shadow:0 10px 20px rgba(13,110,253,0.3);}

@media (max-width: 768px) {
.links-wrapper {flex-direction:column; align-items:center;}
}

.trust-line {display:flex; justify-content:center; gap:15px; flex-wrap:wrap;}
.trust-item {background:#fff; padding:10px 18px; border-radius:50px; font-size:14.8px; color:#333; font-weight:500; box-shadow:0 5px 15px rgba(0,0,0,0.06); transition:0.3s;}
.trust-item::before {content:"✔"; color:#25D366; font-weight:bold; margin-right:6px;}
.trust-item:hover {transform:translateY(-3px); box-shadow:0 10px 20px rgba(0,0,0,0.1);}

@media (max-width: 768px) {
.trust-line {flex-direction:column; align-items:center;}
}

.trust-line {display:flex; justify-content:center; gap:15px; flex-wrap:wrap;}
.trust-item {background:#fff; padding:10px 18px; border-radius:50px; font-size:14.8px; color:#333; font-weight:500; box-shadow:0 5px 15px rgba(0,0,0,0.06); opacity:0; transform:translateY(20px); animation:fadeUp 0.6s ease forwards;}
.trust-item:nth-child(1) {animation-delay:0.2s;}
.trust-item:nth-child(2) {animation-delay:0.4s;}
.trust-item:nth-child(3) {animation-delay:0.6s;}
.trust-item::before {content:"✔"; color:#25D366; font-weight:bold; margin-right:6px;}
.trust-item:hover {transform:translateY(-3px); box-shadow:0 10px 20px rgba(0,0,0,0.1);}

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

@media (max-width: 768px) {
.trust-line {flex-direction:column; align-items:center;}
}

.acu-highlight-box {background:linear-gradient(135deg, #f1f6ff, #ffffff); padding:40px 30px; border-radius:20px; box-shadow:0 15px 40px rgba(0, 0, 0, 0.08); max-width:900px; margin:auto;}
.acu-highlight-box h3 {font-weight:700; color:#0d6efd; margin-bottom:15px;}
.acu-highlight-box p {color:#555; font-size:15.8px; line-height:1.8;}
.highlight-text {margin-top:20px; font-weight:500; color:#333; line-height:1.8;}
.acu-highlight-box .btn {border-radius:50px; padding:10px 25px;}
.acu-highlight-box:hover {transform:translateY(-5px); transition:0.3s;}
.acu-premium-box {position:relative; padding:60px 30px; border-radius:25px; background:rgba(255,255,255,0.6); backdrop-filter:blur(15px); box-shadow:0 20px 60px rgba(0, 0, 0, 0.1); max-width:900px; margin:auto; overflow:hidden; transition:0.4s;}
.acu-premium-box:hover {transform:translateY(-8px) scale(1.01);}
.glow-circle {position:absolute; width:200px; height:200px; background:radial-gradient(circle, rgba(13,110,253,0.3), transparent); top:-50px; left:-50px; z-index:0;}
.premium-title {font-weight:800; font-size:28px; color:#0d6efd; margin-bottom:15px; position:relative; z-index:1;}
.premium-text {font-size:16px; color:#555; line-height:1.8; position:relative; z-index:1;}
.premium-features {margin-top:25px; display:flex; flex-wrap:wrap; justify-content:center; gap:15px; position:relative; z-index:1;}
.feature-item {background:#ffffff; padding:10px 18px; border-radius:50px; font-size:14.5px; box-shadow:0 5px 15px rgba(0,0,0,0.05); transition:0.3s;}
.feature-item:hover {background:#0d6efd; color:#fff; transform:translateY(-3px);}
.premium-btn {border-radius:50px; padding:12px 30px; font-weight:600; box-shadow:0 10px 25px rgba(37,211,102,0.3);}
.premium-btn:hover {transform:translateY(-2px);}

@media (max-width: 768px) {
.premium-features {flex-direction:column; align-items:center;}
}

.why-box {background:rgba(255,255,255,0.7); backdrop-filter:blur(12px); padding:50px 30px; border-radius:25px; box-shadow:0 20px 50px rgba(0, 0, 0, 0.08); max-width:1000px; margin:auto; transition:0.4s;}
.why-box:hover {transform:translateY(-6px);}
.why-text {color:#555; font-size:16px; line-height:1.8;}
.why-card {background:#fff; padding:25px; border-radius:20px; text-align:center; box-shadow:0 10px 25px rgba(0,0,0,0.06); transition:0.3s;}
.why-card:hover {transform:translateY(-8px);}
.why-card i {font-size:35px; color:#0d6efd; margin-bottom:10px;}
.why-card h5 {font-weight:600; margin-bottom:10px;}
.why-card p {font-size:14.8px; color:#555;}
.why-highlight {font-weight:500; color:#333;}

/* FEATURES */
.home-acu-features div {
  margin-bottom: 8px;
  font-size: 15.5px;
  color: #444;
}

.home-acu-features i {
  color: #25D366;
  margin-right: 6px;
}

/* IMAGE HOVER */
.home-acu img {
  transition: 0.4s;
}

.home-acu img:hover {
  transform: scale(1.05);
}

/* BUTTONS */
.btn-success {
  background: #25D366;
  border: none;
}

.btn-success:hover {
  background: #1ebe5d;
}
/* QUALIFICATIONS */
.doctor-qualifications h5 {
  font-weight: 600;
  color: #0d6efd;
}

.qual-list {
  padding-left: 18px;
  margin-top: 10px;
}

.qual-list li {
  margin-bottom: 6px;
  font-size: 15px;
  color: #444;
}

/* TITLE */
.qual-title {
  font-weight: 700;
  color: #0d6efd;
  margin-bottom: 15px;
}

/* GRID */
.qual-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 15px;
}

/* CARD */
.qual-card {
  background: #fff;
  padding: 15px;
  border-radius: 15px;
  text-align: center;
  font-size: 14.5px;
  color: #333;

  box-shadow: 0 8px 20px rgba(0,0,0,0.06);
  transition: 0.3s;
}

/* ICON */
.qual-card i {
  font-size: 22px;
  color: #0d6efd;
  margin-bottom: 8px;
  display: block;
}

/* HOVER */
.qual-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 15px 30px rgba(0,0,0,0.1);
}

/* MOBILE */
@media (max-width: 768px) {
  .qual-grid {
    grid-template-columns: 1fr;
  }
}

/* WRAPPER */
.doctor-wrapper {
  background: rgba(255,255,255,0.7);
  backdrop-filter: blur(12px);
  padding: 40px;
  border-radius: 25px;
  box-shadow: 0 20px 50px rgba(0,0,0,0.08);
}

/* IMAGE */
.doctor-img-box {
  position: relative;
}

.doctor-img-box img {
  border-radius: 20px;
  transition: 0.4s;
}

.doctor-img-box:hover img {
  transform: scale(1.04);
}

/* BADGE */
.doctor-badge {
  position: absolute;
  bottom: 15px;
  left: 15px;
  background: #0d6efd;
  color: #fff;
  padding: 6px 14px;
  border-radius: 50px;
  font-size: 13px;
}

/* ROLE */
.doctor-role {
  color: #0d6efd;
  font-weight: 500;
}

/* STATS */
.doctor-stats {
  display: flex;
  gap: 20px;
  margin: 20px 0;
}

.doctor-stats strong {
  display: block;
  font-size: 22px;
  color: #0d6efd;
}

.doctor-stats span {
  font-size: 13px;
  color: #666;
}

/* TEXT */
.doctor-text {
  color: #555;
  line-height: 1.7;
}

/* HIGHLIGHT */
.highlight-line {
  background: #f1f6ff;
  padding: 12px 18px;
  border-left: 4px solid #0d6efd;
  border-radius: 10px;
  font-weight: 500;
}

/* QUAL GRID */
.qual-grid {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: 10px;
}

.qual-card {
  background: #fff;
  padding: 12px;
  border-radius: 12px;
  text-align: center;
  font-size: 14px;
  box-shadow: 0 5px 15px rgba(0,0,0,0.05);
}

.qual-card i {
  color: #0d6efd;
  margin-bottom: 5px;
}

/* MOBILE */
@media(max-width:768px){
  .doctor-stats {
    flex-direction: column;
  }
  .qual-grid {
    grid-template-columns: 1fr;
  }
}
/* WRAPPER */
.doctor-wrapper {
  background: linear-gradient(135deg,#ffffff,#f8fbff);
  padding: 50px;
  border-radius: 25px;
  box-shadow: 0 25px 60px rgba(0,0,0,0.1);
}

/* IMAGE */
.doctor-img-box {
  position: relative;
}

.doctor-img-box img {
  border-radius: 20px;
  transition: 0.5s;
}

.doctor-img-box:hover img {
  transform: scale(1.05);
}

/* BADGE */
.doctor-badge {
  position: absolute;
  bottom: 15px;
  left: 15px;
  background: #0d6efd;
  color: #fff;
  padding: 6px 14px;
  border-radius: 50px;
  font-size: 13px;
}

/* RATING */
.doctor-rating {
  position: absolute;
  top: 15px;
  right: 15px;
  background: #ffc107;
  padding: 5px 12px;
  border-radius: 50px;
  font-size: 13px;
  font-weight: 600;
}

/* STATS */
.doctor-stats {
  display: flex;
  gap: 25px;
  margin: 20px 0;
}

.doctor-stats strong {
  font-size: 26px;
  color: #0d6efd;
  display: block;
}

.doctor-stats span {
  font-size: 13px;
  color: #666;
}

/* TEXT */
.doctor-text {
  color: #555;
  line-height: 1.7;
}

/* HIGHLIGHT */
.highlight-line {
  background: linear-gradient(90deg,#e7f1ff,#ffffff);
  padding: 12px;
  border-left: 4px solid #0d6efd;
  border-radius: 10px;
}

/* QUAL */
.qual-grid {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: 10px;
}

.qual-card {
  background: #fff;
  padding: 12px;
  border-radius: 12px;
  text-align: center;
  box-shadow: 0 5px 15px rgba(0,0,0,0.05);
  transition: 0.3s;
}

.qual-card:hover {
  transform: translateY(-5px);
}

/* BUTTON */
.elite-btn {
  border-radius: 50px;
  padding: 12px 25px;
  font-weight: 600;
  transition: 0.3s;
}

.elite-btn:hover {
  transform: translateY(-2px);
}

/* MOBILE */
@media(max-width:768px){
  .doctor-stats {
    flex-direction: column;
  }
  .qual-grid {
    grid-template-columns: 1fr;
  }
}