.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-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: Replaced #2C3E2F with #4F6352 (Brand Primary) */
            background-color: #4F6352 !important;

            /* CHANGED: Updated gradient RGBA to match #4F6352 (R:79 G:99 B:82) */
            background-image:
                linear-gradient(rgba(79, 99, 82, 0.95), rgba(79, 99, 82, 0.95)),
                url('https://www.transparenttextures.com/patterns/dark-matter.png') !important;

            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: #ffffff !important;
            overflow: hidden !important;
        }

        /* Subtle Geometric Pattern Overlay */
        section.prayer::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-image: radial-gradient(rgba(191, 165, 125, 0.08) 1.5px, transparent 1.5px) !important;
            background-size: 40px 40px !important;
            pointer-events: none;
        }

        /* 2. Titles - Royal Cinzel Typography */
        section.prayer .main-heading,
        section.prayer .other-heading {
            font-family: 'Cinzel', serif !important;
            color: #ffffff !important;
            font-size: 42px !important;
            font-weight: 700 !important;
            text-transform: uppercase !important;
            letter-spacing: 4px !important;
            margin-bottom: 30px !important;
            display: block;
            text-align: center !important;
            text-shadow: 0 4px 10px rgba(0, 0, 0, 0.3) !important;
        }

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

        /* 3. Next Prayer Highlight */
        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: linear-gradient(90deg, transparent, rgba(191, 165, 125, 0.2), transparent) !important;
            padding: 15px 40px !important;
            border-radius: 50px !important;
            border: 1px solid rgba(191, 165, 125, 0.3) !important;
            font-family: 'Cinzel', serif !important;
            color: #bfa57d !important;
            font-weight: 700 !important;
            font-size: 20px !important;
            letter-spacing: 1px !important;
            display: inline-block !important;
        }

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

        @keyframes pulse-gold {
            0% {
                opacity: 0.5;
                transform: scale(1);
            }

            50% {
                opacity: 1;
                transform: scale(1.2);
            }

            100% {
                opacity: 0.5;
                transform: scale(1);
            }
        }

        /* 4. Individual Timebox Cards */
        /* Flex container for the cards to display in a row */
        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: rgba(255, 255, 255, 0.03) !important;
            backdrop-filter: blur(10px) !important;
            border: 1px solid rgba(191, 165, 125, 0.15) !important;
            border-radius: 12px !important;
            padding: 35px 20px !important;
            margin-bottom: 25px !important;
            transition: all 0.4s ease !important;
            position: relative;
            overflow: hidden;
            text-align: center !important;
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1) !important;
            flex: 1;
            min-width: 160px;
        }

        /* HOVER EFFECT */
        section.prayer .timebox:hover,
        section.prayer .timebox.next-prayer:hover {
            background: #ffffff !important;
            transform: translateY(-15px) !important;
            border-color: #bfa57d !important;
            box-shadow: 0 30px 60px rgba(0, 0, 0, 0.4) !important;
        }

        /* Next Prayer Normal State */
        section.prayer .timebox.next-prayer {
            border: 2px solid #bfa57d !important;
            background: rgba(191, 165, 125, 0.12) !important;
        }

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

        /* ON HOVER: Use the PRIMARY color #4F6352 instead of the old Accent #2C3E2F */
        section.prayer .timebox:hover i.prayer-icons {
            color: #4F6352 !important;
            /* Visual change to match new theme */
        }

        section.prayer .prayer-label {
            font-family: 'Cinzel', serif !important;
            font-weight: 700 !important;
            font-size: 22px !important;
            color: #ffffff !important;
            margin-bottom: 20px !important;
            text-transform: uppercase;
            letter-spacing: 1px;
            display: block;
        }

        section.prayer .timebox:hover .prayer-label {
            color: #4F6352 !important;
            /* Changed to Primary */
        }

        /* 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: #bfa57d !important;
            font-size: 20px !important;
            font-weight: 700 !important;
            font-family: 'Montserrat', sans-serif !important;
            line-height: 1.2 !important;
            box-shadow: none !important;
        }

        section.prayer .timebox:hover .btn {
            color: #4F6352 !important;
            /* Changed to Primary */
        }

        section.prayer .timebox .btn span:first-child {
            font-size: 11px !important;
            text-transform: uppercase !important;
            letter-spacing: 1px !important;
            color: rgba(255, 255, 255, 0.6) !important;
            display: block !important;
            font-weight: 600 !important;
            transition: color 0.3s ease !important;
        }

        section.prayer .timebox:hover .btn span:first-child {
            color: #666 !important;
        }

        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 */
        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: transparent !important;
            border: 2px solid #bfa57d !important;
            color: #bfa57d !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;
        }

        section.prayer .download-calendar a:hover {
            background: #bfa57d !important;
            color: #4F6352 !important;
            /* Changed to Primary */
            box-shadow: 0 10px 20px rgba(191, 165, 125, 0.3) !important;
        }

        /* 8. Footer Copyright */
        section.prayer .mohid-copyright-text {
            margin-top: 50px !important;
            text-align: center;
            color: rgba(255, 255, 255, 0.3) !important;
        }

        section.prayer .mohid-copyright-text a {
            color: #bfa57d !important;
        }

        /* 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%;
            }
        }
    </style>/* 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 */