:root{
        --primary-blue:var(--akf-primary);
        --primary-blue-dark:var(--akf-primary-dark-60);
        --water-cyan:var(--akf-primary);
        --accent-orange:#c62828;
        --soft-bg:var(--akf-primary-tint-95);
        --text-dark:#333;
        --card-shadow:0 14px 35px color-mix(in srgb, var(--akf-primary) 8%, transparent);
    }
    @font-face{font-family:'Almarai_r';src:url('/img/ramadan2026/Almarai/Almarai-Regular.ttf') format('truetype');font-weight:400;font-style:normal;}
    @font-face{font-family:'Aptos';src:url('/fonts/Aptos.ttf') format('truetype');font-weight:400;font-style:normal;}

    html,body{overflow-x:hidden;}
     [dir="rtl"] body{font-family:'Almarai_r';}
     [dir="ltr"] body{font-family:'Aptos';}
    body{background:var(--akf-primary-tint-95);color:var(--text-dark);}
    a{text-decoration:none!important;}
    .text-primary-blue{color:var(--primary-blue)!important;}
    .badge-warning{background-color:#c62828;color:#fff;}
    .hero-section{position:relative;overflow:hidden;padding:70px 0 45px;color:var(--akf-primary);background:radial-gradient(circle at top right,color-mix(in srgb, var(--akf-primary) 14%, transparent),transparent 24%),radial-gradient(circle at bottom left,color-mix(in srgb, var(--akf-primary) 14%, transparent),transparent 30%),linear-gradient(135deg,#fff 0%,var(--akf-primary-tint-95) 100%);}
    .hero-section:before{content:"";position:absolute;inset:0;background-image:linear-gradient(color-mix(in srgb, var(--akf-primary) 3%, transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb, var(--akf-primary) 3%, transparent) 1px,transparent 1px);background-size:28px 28px;pointer-events:none;}
    .hero-water-image{position:relative;border-radius:26px;overflow:hidden;min-height:380px;box-shadow:0 22px 55px color-mix(in srgb, var(--akf-primary) 16%, transparent);background:linear-gradient(135deg,color-mix(in srgb, var(--akf-primary) 90%, transparent),color-mix(in srgb, var(--akf-primary) 70%, transparent)),url('{{ asset('img/water/water-hero.webp') }}') center/cover no-repeat;}
    .hero-water-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,color-mix(in srgb, var(--akf-primary-dark-60) 25%, transparent),transparent 55%);}
    .floating-water-card{position:absolute;right:22px;bottom:22px;left:22px;z-index:2;background:rgba(255,255,255,.94);border-radius:20px;padding:18px;box-shadow:0 16px 40px rgba(0,0,0,.16);}
    .donation-card{background:#fff;box-shadow:0 20px 50px color-mix(in srgb, var(--akf-primary) 15%, transparent);border-radius:18px;padding:30px;color:var(--text-dark);position:relative;z-index:10;}
    .amt-btn{border:2px solid #ddd;background:#fff;color:var(--primary-blue);font-weight:800;border-radius:12px;padding:12px;cursor:pointer;transition:.3s;text-align:center;}
    .amt-btn:hover,.amt-btn.active{background:var(--primary-blue);border-color:var(--primary-blue);color:#fff;box-shadow:0 4px 10px color-mix(in srgb, var(--akf-primary) 26%, transparent);}
    .impact-text-box{background-color:var(--akf-primary-tint-95);border-right:4px solid var(--water-cyan);padding:15px;border-radius:10px;font-size:1.03rem;font-weight:800;color:var(--primary-blue);min-height:72px;display:flex;align-items:center;line-height:1.7;}
    [dir="rtl"] .impact-text-box{text-align:right;}
    .btn-donate{background-color:var(--accent-orange);color:#fff;font-weight:bold;border-radius:10px;padding:14px;transition:.3s;font-size:1.05rem;border:0;}
    .btn-donate:hover{background:var(--akf-accent);color:#fff;transform:translateY(-2px);}
    .donation-top{position:relative;z-index:5;margin-top:25px;border-radius:24px;box-shadow:0 15px 45px color-mix(in srgb, var(--akf-primary) 10%, transparent);}
    .section-title{font-size:2rem;font-weight:900;color:var(--primary-blue);margin-bottom:12px;}
    .section-subtitle{color:#6c757d;max-width:820px;margin:0 auto;line-height:1.9;}
    .stats-section{background:#fff;padding:70px 0 50px;}
    .stat-card{background:#fff;border-radius:18px;padding:24px 18px;text-align:center;box-shadow:var(--card-shadow);height:100%;transition:.3s;border-bottom:4px solid transparent;}
    .stat-card:hover{transform:translateY(-6px);border-bottom-color:var(--water-cyan);}
    .stat-icon{font-size:2.25rem;color:var(--water-cyan);margin-bottom:15px;}
    .impact-banner-section{padding:75px 0;background:#fff;}
    .impact-banner-box{background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 18px 45px color-mix(in srgb, var(--akf-primary) 10%, transparent);}
    [dir="rtl"] .impact-banner-box{text-align:right;}
    .impact-banner-image{height:100%;min-height:430px;position:relative;padding:10px;}
    .impact-banner-image img{width:100%;height:100%;min-height:430px;object-fit:cover;display:block;border-radius:8px;}
    .impact-banner-content{padding:45px 35px;}
    .impact-badge{display:inline-block;background:color-mix(in srgb, var(--akf-primary) 12%, transparent);color:var(--akf-primary);font-weight:800;font-size:14px;padding:8px 16px;border-radius:30px;margin-bottom:18px;}
    .impact-banner-content h2{color:var(--akf-primary);font-size:2rem;font-weight:900;line-height:1.5;margin-bottom:18px;}
    .impact-intro{color:var(--akf-primary-tint-20);font-size:1rem;line-height:1.9;margin-bottom:24px;}
    .impact-list{padding:0;margin:0;list-style:none;}
    .impact-list li{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px;color:var(--akf-primary-dark-85);line-height:1.9;font-size:.98rem;}
    .impact-list li i{color:var(--water-cyan);font-size:1.1rem;margin-top:6px;flex-shrink:0;}
    .projects-section{padding:75px 0;background:var(--soft-bg);}
    .project-card{background:#fff;border-radius:20px;padding:24px 20px;height:100%;box-shadow:var(--card-shadow);border:1px solid var(--akf-primary-tint-95);transition:.3s;position:relative;overflow:hidden;}
    .project-card:hover{transform:translateY(-6px);box-shadow:0 18px 36px rgba(0,0,0,.12);}
    .project-price{display:inline-block;background:var(--primary-blue);color:#fff;border-radius:30px;padding:7px 15px;font-weight:900;margin-bottom:12px;}
    .project-icon{width:56px;height:56px;border-radius:17px;background:color-mix(in srgb, var(--akf-primary) 12%, transparent);display:flex;align-items:center;justify-content:center;color:var(--water-cyan);font-size:1.7rem;margin-bottom:14px;}
    .project-card h3{font-size:1.15rem;font-weight:900;color:var(--primary-blue);line-height:1.6;}
    .project-card p{color:var(--akf-primary-tint-25);line-height:1.85;font-size:.94rem;}
    .wells-table-section{padding:75px 0;background:#fff;}
    .table-water{border-collapse:separate;border-spacing:0 10px;}
    .table-water thead th{background:var(--primary-blue);color:#fff;border:0;font-weight:800;white-space:nowrap;}
    .table-water tbody tr{box-shadow:0 8px 20px color-mix(in srgb, var(--akf-primary) 7%, transparent);border-radius:14px;}
    .table-water tbody td{background:#fff;border-top:1px solid var(--akf-primary-tint-95);border-bottom:1px solid var(--akf-primary-tint-95);vertical-align:middle;color:var(--akf-primary-tint-10);}
    .quick-impact{background:linear-gradient(135deg,color-mix(in srgb, var(--akf-primary) 6%, transparent),color-mix(in srgb, var(--akf-primary) 8%, transparent));border:1px solid color-mix(in srgb, var(--akf-primary) 8%, transparent);border-radius:18px;padding:18px;margin-top:15px;}
    .faq-section .card{border-radius:14px;border:1px solid var(--akf-primary-tint-95);overflow:hidden;}
    html[dir="rtl"] .input-group .currency_id{border-radius:0 8px 8px 0!important;}
    html[dir="rtl"] #box_donation_4{border-radius:8px 0 0 8px!important;}
    html[dir="ltr"] .input-group .currency_id{border-radius:8px 0 0 8px!important;}
    html[dir="ltr"] #box_donation_4{border-radius:0 8px 8px 0!important;}

    .project-donation-card{background:#fff;border-radius:22px;padding:22px 18px;height:100%;box-shadow:var(--card-shadow);border:1px solid var(--akf-primary-tint-95);transition:.3s;position:relative;overflow:hidden;}
    .project-donation-card:hover{transform:translateY(-6px);box-shadow:0 18px 38px color-mix(in srgb, var(--akf-primary) 13%, transparent);}
    .project-donation-card:before{content:"";position:absolute;top:0;right:0;width:100%;height:5px;background:linear-gradient(90deg,var(--primary-blue),var(--water-cyan));}
    .project-donation-card .project-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;}
    .project-donation-card .price-pill{background:var(--primary-blue);color:#fff;border-radius:40px;padding:7px 14px;font-weight:900;white-space:nowrap;}
    .project-donation-card h3{font-size:1.12rem;font-weight:900;color:var(--primary-blue);line-height:1.6;margin-bottom:10px;}
    .project-donation-card p{color:var(--akf-primary-tint-25);line-height:1.8;font-size:.93rem;min-height:66px;}
    .project-donation-card label{font-size:.76rem;font-weight:800;color:var(--akf-primary-tint-10);margin-bottom:7px;}
    .project-donation-card .form-control{border-radius:10px;min-height:45px;}
    .project-action-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;}
    .btn-cart-water{background:#fff;color:var(--primary-blue);border:2px solid color-mix(in srgb, var(--akf-primary) 18%, transparent);font-weight:900;border-radius:10px;padding:12px 8px;}
    .btn-cart-water:hover{background:var(--primary-blue);color:#fff;}
    .btn-quick-water{background:var(--accent-orange);color:#fff;border:0;font-weight:900;border-radius:10px;padding:12px 8px;}
    .btn-quick-water:hover{color:#fff;background:var(--akf-accent);}
    .quick-donation-row{direction:rtl;}
    .quick-donation-row .quick-text-side{text-align:right;}
    .quick-donation-row .quick-card-side{direction:rtl;}
    .project-donation-card input[readonly]{background:var(--akf-primary-tint-95);color:var(--primary-blue);cursor:not-allowed;border:1px solid color-mix(in srgb, var(--akf-primary) 14%, transparent);}
    .fixed-price-note{font-size:.78rem;color:var(--akf-primary-tint-35);font-weight:800;margin-top:7px;display:block;}
    .well-documentation-box{margin-top:14px;background:linear-gradient(135deg,color-mix(in srgb, var(--akf-primary) 5%, transparent),color-mix(in srgb, var(--akf-primary) 7%, transparent));border:1px solid color-mix(in srgb, var(--akf-primary) 10%, transparent);border-radius:16px;padding:15px;}
    .well-documentation-box .doc-title{font-weight:900;color:var(--primary-blue);margin-bottom:8px;font-size:.95rem;}
    .well-documentation-box .doc-note{font-size:.78rem;color:#6c757d;line-height:1.7;margin-top:8px;font-weight:700;}

    .gaza-water-banner{display:block;color:#fff;border-radius:26px;overflow:hidden;box-shadow:0 22px 55px color-mix(in srgb, var(--akf-primary) 20%, transparent);background:linear-gradient(135deg,color-mix(in srgb, var(--akf-primary-dark-60) 98%, transparent),color-mix(in srgb, var(--akf-primary) 95%, transparent));position:relative;min-height:190px;}
    .gaza-water-banner:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 25%,color-mix(in srgb, var(--akf-primary) 35%, transparent),transparent 26%),radial-gradient(circle at 88% 75%,rgba(255,255,255,.13),transparent 30%);}
    .gaza-water-banner:after{content:"";position:absolute;left:-40px;bottom:-70px;width:260px;height:150px;background:rgba(255,255,255,.10);border-radius:50% 50% 0 0;}
    .gaza-water-inner{position:relative;z-index:2;padding:28px 32px;display:flex;align-items:center;justify-content:space-between;gap:22px;}
    .gaza-badge{display:inline-block;background:#c62828;color:#fff;border-radius:50px;padding:7px 15px;font-size:.86rem;font-weight:900;margin-bottom:12px;}
    .gaza-water-banner h3{font-size:1.65rem;font-weight:900;line-height:1.55;margin-bottom:8px;color:#fff;}
    .gaza-water-banner p{font-size:1rem;line-height:1.9;opacity:.94;margin:0;max-width:760px;}
    .gaza-water-cta{background:#fff;color:var(--akf-primary);border-radius:16px;padding:14px 18px;font-weight:900;white-space:nowrap;box-shadow:0 12px 30px rgba(0,0,0,.16);}
    .gaza-water-icon{width:78px;height:78px;border-radius:24px;background:rgba(255,255,255,.14);display:flex;align-items:center;justify-content:center;font-size:2.5rem;flex:0 0 auto;}
    .gaza-water-banner:hover{color:#fff;transform:translateY(-3px);}
    @media(max-width:767.98px){.gaza-water-inner{padding:24px 20px;display:block;text-align:right}.gaza-water-icon{margin-bottom:14px}.gaza-water-cta{display:inline-block;margin-top:16px}.quick-donation-row .quick-text-side{text-align:center;}}
    .achievements-section{background:#fff;padding:75px 0 60px;}
    .album-card{border-radius:18px;overflow:hidden;box-shadow:var(--card-shadow);height:220px;background:var(--akf-primary-tint-95);margin-bottom:18px;}
    .album-card img{width:100%;height:100%;object-fit:cover;display:block;transition:.35s;}
    .album-card:hover img{transform:scale(1.05);}

    @media(max-width:991.98px){.lead{font-size:1rem; margin-bottom:0px} .hero-section{padding:20px 0 20px;}h1{font-size:1.3rem}.hero-water-image{min-height:300px;margin-top:22px}.impact-banner-image,.impact-banner-image img{min-height:320px}.impact-banner-content{padding:30px 22px}.impact-banner-content h2{font-size:1.55rem}}
    @media(max-width:767.98px){.donation-card{padding:22px 18px}.section-title{font-size:1.55rem}.section-subtitle{font-size:.95rem}.impact-text-box{font-size:.96rem;min-height:84px}.table-responsive{border:0}.project-card{margin-bottom:14px}}
	
.water-gallery-section{
    background:var(--akf-primary-tint-95);
}

.gallery-title{
    color:var(--akf-primary);
    font-weight:900;
}

.gallery-desc{
    max-width:700px;
    margin:auto;
    color:#666;
}

.gallery-card{
    position:relative;
    overflow:hidden;
    border-radius:20px;
    margin-bottom:20px;
    box-shadow:0 10px 30px rgba(0,0,0,.12);
}

.gallery-card img{
    width:100%;
    height:320px;
    object-fit:cover;
    transition:.4s;
}

.gallery-card:hover img{
    transform:scale(1.05);
}

.gallery-caption{
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    padding:18px;
    color:#fff;
    font-weight:700;
    background:linear-gradient(
        to top,
        rgba(0,0,0,.75),
        rgba(0,0,0,0)
    );
}
.orphan_header{
	display:none  !important;
}


.carousel-control-area{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    margin-bottom:24px;
    direction:ltr;
}
.slider-arrow{
    width:46px;
    height:46px;
    border-radius:50%;
    border:0;
    background:var(--akf-primary);
    color:#fff;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    box-shadow:0 10px 24px color-mix(in srgb, var(--akf-primary) 22%, transparent);
    cursor:pointer;
    transition:.25s;
    outline:none!important;
}
.slider-arrow i{
    font-size:18px;
    line-height:1;
}
.slider-arrow:hover{
    background:var(--akf-primary);
    color:#fff;
    transform:translateY(-2px);
}
.slider-arrow:focus{
    box-shadow:0 0 0 4px color-mix(in srgb, var(--akf-primary) 18%, transparent),0 10px 24px color-mix(in srgb, var(--akf-primary) 22%, transparent);
}
@media(max-width:768px){
    .carousel-control-area{
        margin-bottom:16px;
    }
    .slider-arrow{
        width:42px;
        height:42px;
    }
}

@media(max-width:768px){
	.impact-banner-section, {
		    padding: 7px 0;
	}
	.projects-section{
		padding: 30px 0;
	}
	.stats-section {
    padding: 30px 0 50px;
}
.h2, h2 {
    font-size: 1.2rem;
}
	.hero-section .badge-warning{
			display:none  !important;
	}
    .carousel-item .row{
        display:block;
    }

    .carousel-item .col-md-4{
        display:none;
    }

    .carousel-item.active .col-md-4:first-child{
        display:block;
    }

    .gallery-card img{
        height:260px;
    }
}

.badge-warning2 {
    background-color: #c62828;
    color: #fff;

    vertical-align: top;
    margin-right: -10px;
    border-radius: 9px;
    
        font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    display: inline-block;
    
}


.water-hadith-section{padding:34px 0;background:#fff;position:relative;z-index:3;}
.water-hadith-card{position:relative;overflow:hidden;border-radius:26px;padding:28px 30px;background:linear-gradient(135deg,var(--akf-primary-dark-60) 0%,var(--akf-primary) 58%,var(--akf-primary) 100%);color:#fff;box-shadow:0 22px 55px color-mix(in srgb, var(--akf-primary) 18%, transparent);display:flex;align-items:center;gap:22px;}
.water-hadith-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 20%,rgba(255,255,255,.18),transparent 25%),radial-gradient(circle at 90% 80%,rgba(255,255,255,.14),transparent 28%);pointer-events:none;}
.water-hadith-card>*{position:relative;z-index:2;}
.hadith-icon{width:86px;height:86px;border-radius:26px;background:rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;font-size:2.8rem;flex:0 0 auto;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);}
.hadith-content{flex:1;}
.hadith-label{display:inline-block;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.18);border-radius:50px;padding:7px 14px;font-size:.85rem;font-weight:900;margin-bottom:10px;}
.water-hadith-card h2{color:#fff;font-size:2rem;font-weight:900;line-height:1.45;margin-bottom:8px;}
.water-hadith-card p{font-size:1.02rem;line-height:1.9;margin:0;opacity:.94;}
.hadith-cta{background:#fff;color:var(--akf-primary)!important;border-radius:16px;padding:14px 20px;font-weight:900;white-space:nowrap;box-shadow:0 12px 30px rgba(0,0,0,.16);}
.hadith-cta:hover{color:var(--akf-primary)!important;transform:translateY(-2px);}
.prices-loading{opacity:.65;pointer-events:none;}
@media(max-width:767.98px){.water-hadith-section{padding:22px 0}.water-hadith-card{display:block;text-align:right;padding:24px 20px}.hadith-icon{width:70px;height:70px;font-size:2.2rem;margin-bottom:14px}.water-hadith-card h2{font-size:1.45rem}.hadith-cta{display:inline-block;margin-top:16px}}


/* Water landing theme repair, scoped to this page only. */
html:root body.akf-site[data-akf-page="build-a-water-well"] {
 --well-bg:#f5f8fb; --well-card:#fff; --well-soft:#eaf1f6;
 --well-text:#263e50; --well-muted:#526777; --well-heading:var(--akf-primary);
 --well-border:#d5e1e9;
}
html:root[data-akf-theme="dark"] body.akf-site[data-akf-page="build-a-water-well"] {
 --well-bg:#071923; --well-card:#0e2a3c; --well-soft:#15364b;
 --well-text:#dce8ef; --well-muted:#b8ccd9; --well-heading:#f2f7fa;
 --well-border:#2b4b60;
}
html:root body.akf-site[data-akf-page="build-a-water-well"] .akf-page--inner{background:var(--well-bg)!important;color:var(--well-text)!important;}
html:root body.akf-site[data-akf-page="build-a-water-well"] .akf-page--inner > section{background:var(--well-bg)!important;}
html:root body.akf-site[data-akf-page="build-a-water-well"] .hero-section{padding:54px 0!important;}
html:root body.akf-site[data-akf-page="build-a-water-well"] .hero-section:before{opacity:.35;}
html:root body.akf-site[data-akf-page="build-a-water-well"] .quick-donation-row{gap:36px;direction:inherit;}
html:root body.akf-site[data-akf-page="build-a-water-well"] .quick-donation-row > :is(.quick-text-side,.quick-card-side){background:transparent!important;border:0!important;box-shadow:none!important;min-width:0;}
html:root body.akf-site[data-akf-page="build-a-water-well"] .quick-donation-row > .quick-text-side{padding:16px!important;text-align:start!important;}
html:root body.akf-site[data-akf-page="build-a-water-well"] .quick-card-side{direction:inherit!important;}
html:root body.akf-site[data-akf-page="build-a-water-well"] .akf-page--inner :is(.donation-card,.impact-banner-box,.project-donation-card,.stat-card){background:var(--well-card)!important;color:var(--well-text)!important;border:1px solid var(--well-border)!important;border-radius:20px!important;}
html:root body.akf-site[data-akf-page="build-a-water-well"] .akf-page--inner :is(.impact-text-box,.well-documentation-box,.stat-card .rounded,.stat-card .alert-light){background:var(--well-soft)!important;color:var(--well-text)!important;border-color:var(--well-border)!important;}
html:root body.akf-site[data-akf-page="build-a-water-well"] .akf-page--inner :is(.quick-text-side h1,.text-primary-blue,.impact-banner-content h2,.project-donation-card h3,.doc-title,.stat-card h5){color:var(--well-heading)!important;}
html:root body.akf-site[data-akf-page="build-a-water-well"] .akf-page--inner :is(.lead,.impact-intro,.impact-list li,.project-donation-card p,.project-donation-card label,.stat-card p,.stat-card li,.doc-note,.text-muted,.section-subtitle){color:var(--well-muted)!important;}
html:root body.akf-site[data-akf-page="build-a-water-well"] .akf-page--inner :is(.stat-card .rounded,.stat-card .alert-light) *{color:var(--well-text)!important;}
html:root body.akf-site[data-akf-page="build-a-water-well"] .quick-text-side .text-primary-blue{color:var(--akf-accent)!important;}
html:root body.akf-site[data-akf-page="build-a-water-well"] .akf-page--inner :is(.project-icon,.stat-icon,.impact-list i){color:var(--akf-accent)!important;}
html:root body.akf-site[data-akf-page="build-a-water-well"] .akf-page--inner :is(.impact-badge,.project-icon){background:var(--well-soft)!important;}
html:root body.akf-site[data-akf-page="build-a-water-well"] .impact-badge{color:var(--well-heading)!important;}
html:root body.akf-site[data-akf-page="build-a-water-well"] .akf-page--inner :is(.form-control,.form-select,.amt-btn){background:var(--well-card)!important;color:var(--well-text)!important;border:1px solid var(--well-border)!important;}
html:root body.akf-site[data-akf-page="build-a-water-well"] .akf-page--inner :is(input,textarea)::placeholder{color:var(--well-muted)!important;opacity:1;}
html:root body.akf-site[data-akf-page="build-a-water-well"] .akf-page--inner :is(select option,input[readonly]){background:var(--well-soft)!important;color:var(--well-text)!important;}
html:root body.akf-site[data-akf-page="build-a-water-well"] .akf-page--inner .amt-btn:is(.active,:hover){background:var(--akf-accent)!important;color:#102b3c!important;border-color:var(--akf-accent)!important;}
html:root body.akf-site[data-akf-page="build-a-water-well"] .akf-page--inner :is(.form-control,.form-select):focus{border-color:var(--akf-accent)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--akf-accent) 24%,transparent)!important;}
html:root body.akf-site[data-akf-page="build-a-water-well"] .donation-card .input-group{display:flex;flex-wrap:nowrap;align-items:stretch;gap:8px;}
html:root body.akf-site[data-akf-page="build-a-water-well"] .donation-card .input-group-prepend{flex:0 0 110px;}
html:root body.akf-site[data-akf-page="build-a-water-well"] .donation-card .input-group .form-control{height:48px!important;border-radius:10px!important;min-width:0;}
html:root body.akf-site[data-akf-page="build-a-water-well"] .donation-card .input-group select{width:100%;}
html:root body.akf-site[data-akf-page="build-a-water-well"] .akf-page--inner :is(.water-hadith-card,.gaza-water-banner) :is(h2,h3,p){color:#f4f8fb!important;}
html:root body.akf-site[data-akf-page="build-a-water-well"] .akf-page--inner :is(.hadith-cta,.gaza-water-cta){background:#fff!important;color:#174a70!important;}
html:root body.akf-site[data-akf-page="build-a-water-well"] .hero-section .badge-warning2{margin-inline:0!important;}
html:root body.akf-site[data-akf-page="build-a-water-well"] .donation-card .btn-donate::before{content:none!important;}
@media(min-width:992px){html:root body.akf-site[data-akf-page="build-a-water-well"] .quick-donation-row > :is(.quick-text-side,.quick-card-side){flex:1 1 0;width:auto;max-width:calc(50% - 18px);}}
@media(max-width:991.98px){html:root body.akf-site[data-akf-page="build-a-water-well"] .quick-donation-row{gap:24px;}html:root body.akf-site[data-akf-page="build-a-water-well"] .quick-donation-row > :is(.quick-text-side,.quick-card-side){width:100%;max-width:100%;flex:0 0 100%;}}
@media(max-width:575.98px){html:root body.akf-site[data-akf-page="build-a-water-well"] .hero-section{padding:28px 0!important;}html:root body.akf-site[data-akf-page="build-a-water-well"] .donation-card{padding:20px 16px;}html:root body.akf-site[data-akf-page="build-a-water-well"] .amt-btn{padding:12px 4px;}html:root body.akf-site[data-akf-page="build-a-water-well"] .impact-banner-content{padding:24px 18px;}html:root body.akf-site[data-akf-page="build-a-water-well"] .gaza-water-inner{padding:24px 18px;}}

/* Education page: consistent surfaces and text in both themes. */
html:root body.akf-site[data-akf-page="education"] {
 --ed-bg:#f5f8fb;--ed-card:#ffffff;--ed-soft:#eaf1f6;
 --ed-text:#263e50;--ed-muted:#526777;--ed-heading:var(--akf-primary);
 --ed-border:#d5e1e9;
}
html:root[data-akf-theme="dark"] body.akf-site[data-akf-page="education"] {
 --ed-bg:#071923;--ed-card:#0e2a3c;--ed-soft:#15364b;
 --ed-text:#dce8ef;--ed-muted:#b8ccd9;--ed-heading:#f2f7fa;
 --ed-border:#2b4b60;
}
html:root body.akf-site[data-akf-page="education"] .education-page{background:var(--ed-bg)!important;color:var(--ed-text)!important;}
html:root body.akf-site[data-akf-page="education"] .education-page > section{background:var(--ed-bg)!important;}
html:root body.akf-site[data-akf-page="education"] .education-page > section.edu-bg-white{background:var(--ed-card)!important;}
html:root body.akf-site[data-akf-page="education"] .education-page > section.edu-bg-soft{background:var(--ed-bg)!important;}
html:root body.akf-site[data-akf-page="education"] .education-page .hero-section{background:linear-gradient(135deg,var(--ed-bg),var(--ed-soft))!important;}
html:root body.akf-site[data-akf-page="education"] .education-page :is(.donation-card,.project-donation-card,.value-card,.faq-item,.site-project-card,.mobile-project-choice,.mobile-project-panel){background:var(--ed-card)!important;color:var(--ed-text)!important;border-color:var(--ed-border)!important;}
html:root body.akf-site[data-akf-page="education"] .education-page :is(.hero-title,.section-title,.text-primary-blue,.project-donation-card h3,.value-price,.faq-q,.site-project-body h3,.mobile-choice-title,.mobile-panel-title){color:var(--ed-heading)!important;}
html:root body.akf-site[data-akf-page="education"] .education-page :is(.hero-copy,.section-subtitle,.project-donation-card p,.value-card p,.faq-a,.faq-a p,.quick-select-label,label,.text-muted,.mobile-choice-meta,.mobile-panel-desc){color:var(--ed-muted)!important;}
html:root body.akf-site[data-akf-page="education"] .education-page :is(.form-control,.form-select,select,input,textarea){background:var(--ed-card)!important;color:var(--ed-text)!important;border-color:var(--ed-border)!important;}
html:root body.akf-site[data-akf-page="education"] .education-page :is(input,textarea)::placeholder{color:var(--ed-muted)!important;opacity:1;}
html:root body.akf-site[data-akf-page="education"] .education-page :is(input[readonly],select option,.donation-mode-row,.hero-point,.recurring-note,.mobile-panel-note){background:var(--ed-soft)!important;color:var(--ed-text)!important;border-color:var(--ed-border)!important;}
html:root body.akf-site[data-akf-page="education"] .education-page .donation-mode-btn{color:var(--ed-muted)!important;}
html:root body.akf-site[data-akf-page="education"] .education-page .donation-mode-btn.active{background:var(--akf-accent)!important;color:#102b3c!important;}
html:root body.akf-site[data-akf-page="education"] .education-page :is(.impact-text-box,.education-badge,.section-badge){background:var(--ed-soft)!important;color:var(--ed-heading)!important;border-color:var(--akf-accent)!important;}
html:root body.akf-site[data-akf-page="education"] .education-page :is(.value-icon,.project-icon,.mobile-choice-icon,.education-impact-choice:after){background:var(--ed-soft)!important;color:var(--akf-accent)!important;}
html:root body.akf-site[data-akf-page="education"] .education-page :is(.site-project-link,.faq-q .plus){color:var(--ed-heading)!important;}
html:root body.akf-site[data-akf-page="education"] .education-page .mobile-project-choice.active{background:var(--ed-soft)!important;border-color:var(--akf-accent)!important;}
html:root body.akf-site[data-akf-page="education"] .education-page :is(.project-info-pill,.mobile-panel-price){background:var(--ed-soft)!important;color:var(--ed-heading)!important;border-color:var(--ed-border)!important;}
html:root body.akf-site[data-akf-page="education"] .education-page .share-price-pill strong{background:var(--ed-card)!important;color:var(--ed-heading)!important;}
html:root body.akf-site[data-akf-page="education"] .education-page :is(.form-control,.form-select):focus{border-color:var(--akf-accent)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--akf-accent) 24%,transparent)!important;}
html:root body.akf-site[data-akf-page="education"] .education-page :is(.faq-q,.mobile-project-choice,.education-impact-choice):focus-visible{outline:2px solid var(--akf-accent);outline-offset:3px;}
html:root body.akf-site[data-akf-page="education"] .education-page .donation-card .btn-donate::before{content:none!important;}
html:root body.akf-site[data-akf-page="education"] .education-login-modal .modal-content{background:var(--ed-card)!important;color:var(--ed-text)!important;border-color:var(--ed-border)!important;}
html:root body.akf-site[data-akf-page="education"] .education-login-modal :is(h3,h4,h5,p){color:var(--ed-text)!important;}

/* FAQ toggle: secondary brand color in both themes and expanded state. */
html:root body.akf-site[data-akf-page="education"] .education-page .faq-item .faq-q .plus,
html:root body.akf-site[data-akf-page="education"] .education-page .faq-item.active .faq-q .plus {
    background:var(--akf-accent)!important;
    color:var(--akf-primary-dark-60, #102b3c)!important;
    border:1px solid var(--akf-accent)!important;
}