:root{
        --primary-blue:#203f81;
        --primary-blue-dark:#112240;
        --water-cyan:#0aa6c8;
        --accent-orange:#c62828;
        --soft-bg:#f7f9fd;
        --text-dark:#333;
        --card-shadow:0 14px 35px rgba(32,63,129,.08);
    }
    @font-face{font-family:'Almarai_r';src:url('/img/ramadan2026/Almarai/Almarai-Regular.ttf') format('truetype');font-weight:400;font-style:normal;}
    html,body{overflow-x:hidden;}
    body{font-family:'Almarai_r';background:#f8f9fa;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:#203f81;background:radial-gradient(circle at top right,rgba(10,166,200,.14),transparent 24%),radial-gradient(circle at bottom left,rgba(32,63,129,.14),transparent 30%),linear-gradient(135deg,#fff 0%,#f6f8fd 100%);}
    .hero-section:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(32,63,129,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(32,63,129,.03) 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 rgba(32,63,129,.16);background:linear-gradient(135deg,rgba(32,63,129,.90),rgba(10,166,200,.70)),url('{{ asset('img/water/water-hero.webp') }}') center/cover no-repeat;}
    .hero-water-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(17,34,64,.25),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 rgba(32,63,129,.15);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 rgba(32,63,129,.26);}
    .impact-text-box{background-color:#edf8fc;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:#e68a00;color:#fff;transform:translateY(-2px);}
    .donation-top{position:relative;z-index:5;margin-top:25px;border-radius:24px;box-shadow:0 15px 45px rgba(32,63,129,.10);}
    .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 rgba(32,63,129,.10);}
    [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:rgba(10,166,200,.12);color:#203f81;font-weight:800;font-size:14px;padding:8px 16px;border-radius:30px;margin-bottom:18px;}
    .impact-banner-content h2{color:#203f81;font-size:2rem;font-weight:900;line-height:1.5;margin-bottom:18px;}
    .impact-intro{color:#5f6b7a;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:#2d3748;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 #eef2f5;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:rgba(10,166,200,.12);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:#66707a;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 rgba(32,63,129,.07);border-radius:14px;}
    .table-water tbody td{background:#fff;border-top:1px solid #edf1f7;border-bottom:1px solid #edf1f7;vertical-align:middle;color:#405066;}
    .quick-impact{background:linear-gradient(135deg,rgba(32,63,129,.06),rgba(10,166,200,.08));border:1px solid rgba(32,63,129,.08);border-radius:18px;padding:18px;margin-top:15px;}
    .faq-section .card{border-radius:14px;border:1px solid #eef2f5;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 #eef2f5;transition:.3s;position:relative;overflow:hidden;}
    .project-donation-card:hover{transform:translateY(-6px);box-shadow:0 18px 38px rgba(32,63,129,.13);}
    .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:#66707a;line-height:1.8;font-size:.93rem;min-height:66px;}
    .project-donation-card label{font-size:.86rem;font-weight:800;color:#405066;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 rgba(32,63,129,.18);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:#e68a00;}
    .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:#f3f6fb;color:var(--primary-blue);cursor:not-allowed;border:1px solid rgba(32,63,129,.14);}
    .fixed-price-note{font-size:.78rem;color:#7b8794;font-weight:800;margin-top:7px;display:block;}
    .well-documentation-box{margin-top:14px;background:linear-gradient(135deg,rgba(32,63,129,.05),rgba(10,166,200,.07));border:1px solid rgba(32,63,129,.10);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 rgba(32,63,129,.20);background:linear-gradient(135deg,rgba(17,34,64,.98),rgba(32,63,129,.95));position:relative;min-height:190px;}
    .gaza-water-banner:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 25%,rgba(10,166,200,.35),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:#203f81;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:#eef3f9;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:#f7f9fd;
}

.gallery-title{
    color:#203f81;
    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:#203f81;
    color:#fff;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    box-shadow:0 10px 24px rgba(32,63,129,.22);
    cursor:pointer;
    transition:.25s;
    outline:none!important;
}
.slider-arrow i{
    font-size:18px;
    line-height:1;
}
.slider-arrow:hover{
    background:#0aa6c8;
    color:#fff;
    transform:translateY(-2px);
}
.slider-arrow:focus{
    box-shadow:0 0 0 4px rgba(10,166,200,.18),0 10px 24px rgba(32,63,129,.22);
}
@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,#112240 0%,#203f81 58%,#0aa6c8 100%);color:#fff;box-shadow:0 22px 55px rgba(32,63,129,.18);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:#203f81!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:#0aa6c8!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}}