.elementor-13 .elementor-element.elementor-element-1ce7942{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-481bf7c{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-5d5199b .prayer{background-color:transparent;background-image:linear-gradient(270deg, #2888C8 0%, #702CC2 100%);}.elementor-13 .elementor-element.elementor-element-5d5199b .prayer .timebox{background-color:rgba(255, 255, 255, 0.1);margin:0px 0px 0px 0px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);border-radius:5px 5px 5px 5px;}.elementor-13 .elementor-element.elementor-element-5d5199b .prayer .timebox .sub-heading{background-color:rgba(255, 255, 255, 0.2);border-top-left-radius:5px;border-top-right-radius:5px;}.elementor-13 .elementor-element.elementor-element-5d5199b .timebox .btn{background-color:rgba(255, 255, 255, 0.4);color:#000;font-size:16px;margin:15px 0px 15px 0px;padding:8px 28px 8px 28px;}.elementor-13 .elementor-element.elementor-element-5d5199b .timebox .btn:hover{background-color:rgba(255, 255, 255, 0.2);color:#fff;}.elementor-13 .elementor-element.elementor-element-5d5199b p.next-prayer-heading span.next-prayer-heading-bg{background-color:rgba(0, 0, 0, 0.2);padding:10px 10px 10px 10px;}.elementor-13 .elementor-element.elementor-element-5d5199b section.prayer{margin:0px 0px 0px 0px;padding:30px 10px 40px 10px;}.elementor-13 .elementor-element.elementor-element-5d5199b .prayer .next-prayer{margin:-5px 0px -5px 0px;border-style:solid;border-width:5px 5px 5px 5px;border-color:rgba(255,255,255,0.5);}.elementor-13 .elementor-element.elementor-element-5d5199b .timebox .prayer-label{color:#fff;font-size:25px;text-transform:capitalize;margin:0px 0px 0px 0px;padding:10px 10px 0px 10px;}.elementor-13 .elementor-element.elementor-element-5d5199b p.next-prayer-heading{color:#fff;font-size:20px;text-align:right;margin:35px 10px 0px 10px;}.elementor-13 .elementor-element.elementor-element-5d5199b .timebox .next-prayer-icon{font-size:100%;color:rgba(8, 240, 70, 0.6);}.elementor-13 .elementor-element.elementor-element-5d5199b .prayer .main-heading{color:#fff;font-size:35px;text-align:center;margin:0px 0px 0px 0px;padding:0px 0px 20px 0px;}.elementor-13 .elementor-element.elementor-element-5d5199b p.hijri{color:#fff;margin:0px 0px 0px 0px;padding:0px 0px 20px 0px;}.sub-heading, .elementor-13 .elementor-element.elementor-element-5d5199b p.hijri{font-size:30px;}.elementor-13 .elementor-element.elementor-element-5d5199b .prayer .other-heading{color:#fff;font-size:35px;text-align:center;margin:0px 0px 0px 0px;padding:0px 0px 20px 0px;}.elementor-13 .elementor-element.elementor-element-5d5199b .timebox .sub-heading{color:#fff;margin:0px 0px 0px 0px;}.elementor-13 .elementor-element.elementor-element-5d5199b .timebox .prayer-icons{font-size:70px;}.elementor-13 .elementor-element.elementor-element-ad70959{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-89d4e44{margin:-25px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-13 .elementor-element.elementor-element-bbdb130{--display:flex;}.elementor-13 .elementor-element.elementor-element-bbdb130:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-bbdb130 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FCFDFC;}.elementor-13 .elementor-element.elementor-element-8f5bc27 .vfrcampaigns{background-color:transparent;}.elementor-13 .elementor-element.elementor-element-8f5bc27 .vfrcampaigns .campaigns .card-vfr .card-body{background-color:#fff;}.elementor-13 .elementor-element.elementor-element-8f5bc27 .vfrcampaigns .campaigns .card-vfr .card-head{background-color:#fff;}.elementor-13 .elementor-element.elementor-element-8f5bc27 .vfrcampaigns .campaigns .card-vfr .card-footer{background-color:#fff;}.elementor-13 .elementor-element.elementor-element-8f5bc27 .vfrcampaigns .campaigns .btn{background-color:#0275d8;border-style:solid;border-width:1px 1px 1px 1px;border-color:#fff;border-radius:5px 5px 5px 5px;color:#fff;font-size:16px;margin:10px 0px 10px 0px;padding:5px 15px 5px 15px;}.elementor-13 .elementor-element.elementor-element-8f5bc27 .vfrcampaigns .campaigns .btn:hover{background-color:#025aa5;border-style:solid;border-width:1px 1px 1px 1px;border-color:#fff;border-radius:5px 5px 5px 5px;color:#fff;}.elementor-13 .elementor-element.elementor-element-8f5bc27 section.vfrcampaigns{margin:0px 0px 0px 0px;padding:0px 10px 0px 10px;}.elementor-13 .elementor-element.elementor-element-8f5bc27 section.vfrcampaigns .campaigns .card-vfr{margin:0rem 0rem 2rem 0rem;padding:0px 0px 0px 0px;}.elementor-13 .elementor-element.elementor-element-8f5bc27 .vfrcampaigns .campaigns .card-vfr{box-shadow:0px 0px 15px 0px rgba(10,10,10,0.4);border-style:solid;border-width:0px 0px 0px 0px;border-color:#fff;border-radius:5px 5px 5px 5px;}.elementor-13 .elementor-element.elementor-element-8f5bc27 .vfrcampaigns .campaigns .card-vfr .card-body h4.card-title{color:#333;font-size:1.2em;text-transform:uppercase;text-align:center;margin:0px 0px 0px 0px;padding:10px 10px 10px 10px;}.elementor-13 .elementor-element.elementor-element-8f5bc27 .vfrcampaigns .campaigns .card-vfr .card-footer h4.curr-raised{color:#333;}.elementor-13 .elementor-element.elementor-element-8f5bc27 .vfrcampaigns .campaigns .card-vfr .card-body p.card-text{color:#7A7A7A;font-size:16px;text-align:center;margin:10px 0px 0px 0px;padding:0px 10px 0px 10px;}.elementor-13 .elementor-element.elementor-element-8f5bc27 .vfrcampaigns .campaigns .card-vfr .card-footer p.curr-perct{color:#7A7A7A;}@media(max-width:1024px){.elementor-13 .elementor-element.elementor-element-5d5199b .prayer .timebox{margin:0px 0px 25px 0px;}.elementor-13 .elementor-element.elementor-element-5d5199b .prayer .next-prayer{margin:0px 0px 25px 0px;}.elementor-13 .elementor-element.elementor-element-8f5bc27 section.vfrcampaigns{padding:0px 10px 0px 10px;}.elementor-13 .elementor-element.elementor-element-8f5bc27 .vfrcampaigns .campaigns .card-vfr .card-body h4.card-title{font-size:1em;}.elementor-13 .elementor-element.elementor-element-8f5bc27 .vfrcampaigns .campaigns .card-vfr .card-body p.card-text{font-size:16px;}}@media(max-width:767px){.elementor-13 .elementor-element.elementor-element-481bf7c{--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-13 .elementor-element.elementor-element-5d5199b .prayer .timebox{margin:0px 0px 25px 0px;}.elementor-13 .elementor-element.elementor-element-5d5199b .prayer .next-prayer{margin:0px 0px 25px 0px;}.elementor-13 .elementor-element.elementor-element-8f5bc27 section.vfrcampaigns{padding:0px 10px 0px 10px;}.elementor-13 .elementor-element.elementor-element-8f5bc27 .vfrcampaigns .campaigns .card-vfr .card-body h4.card-title{font-size:1em;}.elementor-13 .elementor-element.elementor-element-8f5bc27 .vfrcampaigns .campaigns .card-vfr .card-body p.card-text{font-size:16px;}}/* Start custom CSS for prayertimings, class: .elementor-element-5d5199b */section.prayer {
    /* CHANGED: Background White */
    background-color: #ffffff !important;
    background-image: none !important; /* Removed dark texture */
    padding: 100px 0 !important;
    position: relative;
    border-top: 5px solid #bfa57d !important;
    border-bottom: 5px solid #bfa57d !important;
    font-family: 'Montserrat', sans-serif !important;
    color: #333333 !important; /* Default text dark */
    overflow: hidden !important;
}

/* Subtle Geometric Pattern Overlay - Changed to Dark Grey Dots for White BG */
section.prayer::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: radial-gradient(#4F6352 1.5px, transparent 1.5px) !important;
    background-size: 30px 30px !important;
    opacity: 0.05; /* Very subtle */
    pointer-events: none;
}

/* 2. Titles - Changed to Brand Green */
section.prayer .main-heading,
section.prayer .other-heading {
    font-family: 'Cinzel', serif !important;
    color: #4F6352 !important; /* Brand Green */
    font-size: 42px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 4px !important;
    margin-bottom: 10px !important;
    display: block;
    text-align: center !important;
    text-shadow: none !important; /* Removed shadow for clean look */
}

section.prayer .hijri {
    font-family: 'Montserrat', sans-serif !important;
    color: #8DA38D !important; /* Lighter Green */
    font-size: 18px !important;
    font-weight: 600 !important;
    margin-bottom: 60px !important;
    text-align: center !important;
    display: block;
}

/* 3. Next Prayer Highlight - Adjusted for White BG */
section.prayer .next-prayer-heading {
    text-align: center !important;
    margin: 40px auto !important;
    width: 100% !important;
    display: block !important;
    float: none !important;
}

section.prayer .next-prayer-heading-bg {
    background: #f9fbf9 !important; /* Very Light Green Tint */
    padding: 15px 40px !important;
    border-radius: 50px !important;
    border: 1px solid #4F6352 !important;
    font-family: 'Cinzel', serif !important;
    color: #4F6352 !important; /* Brand Green */
    font-weight: 700 !important;
    font-size: 20px !important;
    letter-spacing: 1px !important;
    display: inline-block !important;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05) !important;
}

section.prayer .next-prayer-icon {
    color: #bfa57d !important; /* Gold Icon */
    animation: pulse-gold 2s infinite !important;
    margin-right: 10px !important;
    display: inline-block !important;
}

/* 4. Individual Timebox Cards - Premium White Cards */
section.prayer .prayer-grid {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

section.prayer .timebox {
    background: #ffffff !important;
    border: 1px solid rgba(79, 99, 82, 0.15) !important; /* Subtle Green Border */
    border-radius: 12px !important;
    padding: 35px 20px !important;
    margin-bottom: 25px !important;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; /* Bouncy effect */
    position: relative;
    overflow: hidden;
    text-align: center !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05) !important; /* Soft Shadow */
    flex: 1;
    min-width: 160px;
}

/* HOVER EFFECT - Invert Colors */
section.prayer .timebox:hover {
    background: #4F6352 !important; /* Brand Green BG on Hover */
    transform: translateY(-10px) !important;
    border-color: #4F6352 !important;
    box-shadow: 0 20px 40px rgba(79, 99, 82, 0.3) !important;
}

/* Next Prayer Highlight Card */
section.prayer .timebox.next-prayer {
    border: 2px solid #bfa57d !important; /* Gold Border */
    background: #fffdf5 !important; /* Slight Warm Tint */
    transform: scale(1.05); /* Slightly larger */
}
section.prayer .timebox.next-prayer:hover {
    background: #4F6352 !important;
    transform: scale(1.05) translateY(-10px) !important;
}

/* 5. Icon & Labels */
section.prayer .timebox i.prayer-icons {
    color: #bfa57d !important; /* Gold Icon */
    font-size: 40px !important;
    margin-bottom: 25px !important;
    display: inline-block;
    transition: all 0.3s ease !important;
}

section.prayer .timebox:hover i.prayer-icons {
    color: #ffffff !important; /* White Icon on Hover */
}

section.prayer .prayer-label {
    font-family: 'Cinzel', serif !important;
    font-weight: 700 !important;
    font-size: 22px !important;
    color: #4F6352 !important; /* Green Title */
    margin-bottom: 20px !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: block;
    transition: all 0.3s ease !important;
}

section.prayer .timebox:hover .prayer-label {
    color: #ffffff !important; /* White Title on Hover */
}

/* 6. Time Display Elements */
section.prayer .timebox .btn {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 8px 0 !important;
    width: 100% !important;
    display: block !important;
    color: #333333 !important; /* Dark Grey Time */
    font-size: 20px !important;
    font-weight: 700 !important;
    font-family: 'Montserrat', sans-serif !important;
    line-height: 1.2 !important;
    box-shadow: none !important;
    transition: all 0.3s ease !important;
}

section.prayer .timebox:hover .btn {
    color: #ffffff !important; /* White Time on Hover */
}

section.prayer .timebox .btn span:first-child {
    font-size: 11px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    color: #888888 !important; /* Light Grey Subtext */
    display: block !important;
    font-weight: 600 !important;
    transition: color 0.3s ease !important;
}

section.prayer .timebox:hover .btn span:first-child {
    color: rgba(255, 255, 255, 0.7) !important; /* Light White on Hover */
}

section.prayer .timebox .btn span:last-child {
    font-size: 20px !important;
    font-weight: 800 !important;
    color: inherit !important;
    font-family: 'Montserrat', sans-serif !important;
    display: block !important;
}

/* 7. Download Document Button */
section.prayer .download-calendar {
    text-align: center !important;
    margin-top: 60px !important;
    width: 100% !important;
    display: block !important;
    clear: both !important;
}

section.prayer .download-calendar a {
    display: inline-block !important;
    background: #4F6352 !important; /* Green Button */
    border: 2px solid #4F6352 !important;
    color: #ffffff !important;
    font-family: 'Cinzel', serif !important;
    font-weight: 700 !important;
    padding: 15px 35px !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    text-decoration: none !important;
    border-radius: 4px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 10px 20px rgba(79, 99, 82, 0.2) !important;
}

section.prayer .download-calendar a:hover {
    background: transparent !important;
    color: #4F6352 !important;
    transform: translateY(-3px);
}

/* 8. Footer Copyright */
section.prayer .mohid-copyright-text {
    margin-top: 50px !important;
    text-align: center;
    color: #999999 !important; /* Grey text */
}

section.prayer .mohid-copyright-text a {
    color: #4F6352 !important;
    font-weight: 600;
}

/* Cleanup */
section.prayer .next-prayer-icon.fas.fa-circle.m-l-1 {
    display: none !important;
}

@media (max-width: 991px) {
    section.prayer .main-heading {
        font-size: 32px !important;
    }
    section.prayer .timebox {
        padding: 25px 15px !important;
        min-width: 45%;
    }
}

@media (max-width: 600px) {
    section.prayer .timebox {
        min-width: 100%;
    }
}/* End custom CSS */
/* Start custom CSS for vfr, class: .elementor-element-8f5bc27 *//* =========================================
   VFR PREMIUM REDESIGN - FULL CODE
   ========================================= */

/* 1. Container & Layout */
section.vfrcampaigns {
    background-color: transparent;
    padding: 40px 0;
}

section.vfrcampaigns .card-vfr {
    border: none !important;
    background: #ffffff;
    border-radius: 16px; /* Smooth corners */
    box-shadow: 0 10px 40px rgba(44, 62, 47, 0.08); /* Deep soft shadow */
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
}

/* Hover Effect */
section.vfrcampaigns .card-vfr:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 60px rgba(44, 62, 47, 0.2);
}

/* 2. Image Area */
section.vfrcampaigns .card-vfr-img-no {
    height: 240px; 
    position: relative;
    box-shadow: inset 0 -50px 60px -20px rgba(0,0,0,0.5); 
}

/* Image Zoom on Hover */
section.vfrcampaigns .card-vfr-img-no::after {
    content: '';
    position: absolute;
    top: 0; 
    left: 0;
    width: 100%; 
    height: 100%;
    background: inherit;
    background-size: cover;
    background-position: center;
    transition: transform 0.5s ease;
    z-index: -1;
}
section.vfrcampaigns .card-vfr:hover .card-vfr-img-no {
    background-size: 110%;
}

/* 3. Contributors Badge (Glassmorphism) */
section.vfrcampaigns .meta-contributor {
    position: absolute;
    top: 15px;
    right: 15px;
    background: rgba(44, 62, 47, 0.85) !important;
    backdrop-filter: blur(8px);
    padding: 8px 16px !important;
    border-radius: 30px !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.2);
    border: 1px solid rgba(255,255,255,0.2);
    display: flex;
    flex-direction: column;
    align-items: center;
    line-height: 1;
}

section.vfrcampaigns .contributor {
    font-size: 18px !important;
    font-weight: 800 !important;
    color: #ffffff;
    font-family: 'Montserrat', sans-serif;
}

section.vfrcampaigns .contributor_num {
    font-size: 10px !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #e0e0e0;
    margin-top: 3px;
    font-family: 'Montserrat', sans-serif;
}

/* 4. Body Content */
section.vfrcampaigns .card-body {
    padding: 30px 25px 10px 25px !important;
    flex-grow: 1;
}

/* Title Styling (Centered) */
section.vfrcampaigns .card-title {
    font-family: 'Cinzel', serif !important;
    font-size: 22px;
    font-weight: 700;
    color: #2C3E2F;
    margin-bottom: 12px;
    line-height: 1.3;
    letter-spacing: -0.5px;
    text-align: center; /* Center Text */
}

/* Green Divider (Centered) */
section.vfrcampaigns .card-title::after {
    content: '';
    display: block;
    width: 50px;
    height: 3px;
    background-color: #8DA38D;
    margin: 10px auto 0 auto; /* Center Divider */
    border-radius: 2px;
}

section.vfrcampaigns .card-text {
    font-family: 'Montserrat', sans-serif;
    color: #666;
    font-size: 14px;
    line-height: 1.7;
    margin-top: 15px;
    text-align: center; /* Description bhi center kar di taake acha lage */
}

/* 5. Footer & Progress Bar */
section.vfrcampaigns .card-footer {
    background: #ffffff !important;
    border-top: none !important;
    padding: 0 25px 30px 25px !important;
}

/* Progress Bar */
section.vfrcampaigns .progress {
    height: 10px !important;
    background-color: #eef1ee !important;
    border-radius: 10px !important;
    overflow: visible !important;
    margin-bottom: 25px;
    box-shadow: inset 0 2px 5px rgba(0,0,0,0.05);
}

section.vfrcampaigns .progress-bar {
    background: linear-gradient(90deg, #4F6352, #8DA38D) !important;
    border-radius: 10px !important;
    position: relative;
    box-shadow: 0 0 10px rgba(141, 163, 141, 0.5);
    color: transparent !important; /* Hide ugly text inside bar */
}

/* Stats Text */
section.vfrcampaigns .progress-title {
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-start;
    margin-top: -15px;
    margin-bottom: 25px;
}

section.vfrcampaigns .curr-raised {
    font-family: 'Cinzel', serif !important;
    color: #2C3E2F;
    font-size: 28px;
    font-weight: 700;
    margin: 5px 0 0 0 !important;
}

section.vfrcampaigns .curr-perct {
    width: 100%;
    margin: 0 !important;
}

section.vfrcampaigns .curr-perct small {
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    color: #888;
    font-weight: 500;
    display: flex;
    justify-content: space-between;
}

section.vfrcampaigns .curr-perct small::before {
    content: 'Raised: ';
    font-weight: 600;
    color: #4F6352;
}

/* 6. Buttons (Stacked Modern) */
section.vfrcampaigns .card-footer a.btn {
    width: 100%;
    padding: 14px 0;
    border-radius: 8px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: 1px solid transparent;
    transition: all 0.3s ease;
    display: block;
    margin-bottom: 10px;
}

/* Contribute Button (Primary) */
section.vfrcampaigns .card-footer a.btn[href*="contribute"] {
    background-color: #2C3E2F !important;
    color: #ffffff !important;
    box-shadow: 0 4px 15px rgba(44, 62, 47, 0.3);
}

section.vfrcampaigns .card-footer a.btn[href*="contribute"]:hover {
    background-color: #4F6352 !important;
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(44, 62, 47, 0.4);
}

/* Campaign Button (Outline) */
section.vfrcampaigns .card-footer a.btn[href*="campaign"] {
    background-color: transparent !important;
    color: #666 !important;
    border: 1px solid #ddd !important;
}

section.vfrcampaigns .card-footer a.btn[href*="campaign"]:hover {
    border-color: #2C3E2F !important;
    color: #2C3E2F !important;
    background-color: #f9f9f9 !important;
}

/* Mobile Adjustments */
@media (max-width: 768px) {
    section.vfrcampaigns .card-footer {
        padding: 20px !important;
    }
}/* End custom CSS */