.elementor-677 .elementor-element.elementor-element-e2ff551{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-677 .elementor-element.elementor-element-ed13cfd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-677 .elementor-element.elementor-element-057fde0{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-677 .elementor-element.elementor-element-1e3b34e{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-677 .elementor-element.elementor-element-2c404ca{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-677 .elementor-element.elementor-element-2918505 .prayer{background-color:transparent;background-image:linear-gradient(270deg, #2888C8 0%, #702CC2 100%);}.elementor-677 .elementor-element.elementor-element-2918505 .prayer .timebox{background-color:rgba(0, 0, 0, 0.5);margin:0px 0px 0px 0px;padding:10px 0px 10px 0px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);border-radius:5px 5px 5px 5px;}.elementor-677 .elementor-element.elementor-element-2918505 .prayer .next-prayer-2{background-color:rgba(0, 0, 0, 0.5);}.elementor-677 .elementor-element.elementor-element-2918505 .prayer .timebox .sub-heading{background-color:transparent;border-top-left-radius:5px;border-top-right-radius:5px;}.elementor-677 .elementor-element.elementor-element-2918505 .timebox .btn{background-color:rgba(255, 255, 255, 0.4);color:#000;font-size:16px;margin:5px 0px 5px 0px;padding:0px 5px 0px 5px;}.elementor-677 .elementor-element.elementor-element-2918505 .timebox .btn:hover{background-color:rgba(255, 255, 255, 0.2);color:#fff;}.elementor-677 .elementor-element.elementor-element-2918505 p.next-prayer-heading span.next-prayer-heading-bg{background-color:rgba(0, 0, 0, 0.2);padding:10px 10px 10px 10px;}.elementor-677 .elementor-element.elementor-element-2918505 section.prayer{margin:0px 0px 0px 0px;padding:30px 10px 40px 10px;}.elementor-677 .elementor-element.elementor-element-2918505 .prayer .btn{border-radius:5px 5px 5px 5px;}.elementor-677 .elementor-element.elementor-element-2918505 .timebox .prayer-label{color:#fff;font-size:18px;text-transform:capitalize;margin:5px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-677 .elementor-element.elementor-element-2918505 p.next-prayer-heading{color:#fff;font-size:20px;text-align:right;margin:35px 10px 0px 10px;}.elementor-677 .elementor-element.elementor-element-2918505 .timebox .next-prayer-icon{font-size:100%;color:rgba(8, 240, 70, 0.6);}.elementor-677 .elementor-element.elementor-element-2918505 .next-prayer-heading .next-prayer-icon{color:rgba(8, 240, 70, 0.6);}.elementor-677 .elementor-element.elementor-element-2918505 .prayer .main-heading{color:#fff;font-size:35px;text-align:center;margin:0px 0px 0px 0px;padding:0px 0px 20px 0px;}.elementor-677 .elementor-element.elementor-element-2918505 .prayer .prayer-label-heading{color:#fff;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-677 .elementor-element.elementor-element-2918505 .prayer-label-heading{font-size:16px;text-transform:capitalize;}.elementor-677 .elementor-element.elementor-element-2918505 .prayer .other-heading{color:#fff;font-size:35px;text-align:center;margin:0px 0px 0px 0px;padding:0px 0px 20px 0px;}.elementor-677 .elementor-element.elementor-element-2918505 .timebox .sub-heading{color:#fff;}.elementor-677 .elementor-element.elementor-element-2918505 .timebox .prayer-icons{font-size:30px;}.elementor-677 .elementor-element.elementor-element-2918505 .timebox p.sub-heading{margin:-8px 0px -10px 0px;padding:0px 0px 0px 0px;}.elementor-677 .elementor-element.elementor-element-3f6ded5{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-677 .elementor-element.elementor-element-625b846{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-677 .elementor-element.elementor-element-b5430c8{text-align:center;}.elementor-677 .elementor-element.elementor-element-b5430c8 .elementor-heading-title{font-size:42px;font-weight:800;}.elementor-677 .elementor-element.elementor-element-507c7c2{--divider-border-style:solid;--divider-color:var( --e-global-color-accent );--divider-border-width:5px;}.elementor-677 .elementor-element.elementor-element-507c7c2 .elementor-divider-separator{width:7%;margin:0 auto;margin-center:0;}.elementor-677 .elementor-element.elementor-element-507c7c2 .elementor-divider{text-align:center;padding-block-start:0px;padding-block-end:0px;}.elementor-677 .elementor-element.elementor-element-f38c87e .vfrcampaigns{background-color:transparent;}.elementor-677 .elementor-element.elementor-element-f38c87e .vfrcampaigns .campaigns .card-vfr .card-body{background-color:#fff;}.elementor-677 .elementor-element.elementor-element-f38c87e .vfrcampaigns .campaigns .card-vfr .card-head{background-color:#fff;}.elementor-677 .elementor-element.elementor-element-f38c87e .vfrcampaigns .campaigns .card-vfr .card-footer{background-color:#fff;}.elementor-677 .elementor-element.elementor-element-f38c87e .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 8px 15px;}.elementor-677 .elementor-element.elementor-element-f38c87e .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-677 .elementor-element.elementor-element-f38c87e section.vfrcampaigns{margin:0px 0px 0px 0px;padding:0px 10px 0px 10px;}.elementor-677 .elementor-element.elementor-element-f38c87e section.vfrcampaigns .campaigns .card-vfr{margin:0rem 0rem 2rem 0rem;padding:0px 0px 0px 0px;}.elementor-677 .elementor-element.elementor-element-f38c87e .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-677 .elementor-element.elementor-element-f38c87e .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-677 .elementor-element.elementor-element-f38c87e .vfrcampaigns .campaigns .card-vfr .card-footer h4.curr-raised{color:#333;}.elementor-677 .elementor-element.elementor-element-f38c87e .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-677 .elementor-element.elementor-element-f38c87e .vfrcampaigns .campaigns .card-vfr .card-footer p.curr-perct{color:#7A7A7A;}.elementor-677 .elementor-element.elementor-element-b571535{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-677 .elementor-element.elementor-element-2de19d6{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(max-width:1024px){.elementor-677 .elementor-element.elementor-element-2918505 .prayer .timebox{margin:0px 0px 25px 0px;}.elementor-677 .elementor-element.elementor-element-f38c87e section.vfrcampaigns{padding:0px 10px 0px 10px;}.elementor-677 .elementor-element.elementor-element-f38c87e .vfrcampaigns .campaigns .card-vfr .card-body h4.card-title{font-size:1em;}.elementor-677 .elementor-element.elementor-element-f38c87e .vfrcampaigns .campaigns .card-vfr .card-body p.card-text{font-size:16px;}}@media(max-width:767px){.elementor-677 .elementor-element.elementor-element-2918505 .prayer .timebox{margin:0px 0px 25px 0px;}.elementor-677 .elementor-element.elementor-element-f38c87e section.vfrcampaigns{padding:0px 10px 0px 10px;}.elementor-677 .elementor-element.elementor-element-f38c87e .vfrcampaigns .campaigns .card-vfr .card-body h4.card-title{font-size:1em;}.elementor-677 .elementor-element.elementor-element-f38c87e .vfrcampaigns .campaigns .card-vfr .card-body p.card-text{font-size:16px;}}/* Start custom CSS for prayertimings, class: .elementor-element-2918505 */.elementor-677 .elementor-element.elementor-element-2918505 .elementor-widget-container {
    background: #FFFFFF !important;
    border-radius: 16px !important;
    padding: 20px 25px !important; /* Reduced padding for original height */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06) !important;
    border: 1px solid rgba(24, 77, 34, 0.05) !important;
    border-top: 4px solid #39B54A !important; /* Primary Green Accent */
    position: relative !important;
}

/* Hide Mohid Default Backgrounds */
.elementor-677 .elementor-element.elementor-element-2918505 .prayer, .elementor-677 .elementor-element.elementor-element-2918505 .timebox { 
    background: transparent !important; 
    box-shadow: none !important; 
    margin: 0 !important; 
    padding: 0 !important; 
}

/* 2. Main Heading */
.elementor-677 .elementor-element.elementor-element-2918505 .main-heading {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 22px !important; /* Compact size */
    font-weight: 800 !important;
    color: #184D22 !important; /* Dark Green */
    letter-spacing: 0.5px !important;
    margin-bottom: 15px !important; /* Tighter margin */
    text-transform: uppercase !important;
}

/* Hide Hijri Date to save vertical space */
.elementor-677 .elementor-element.elementor-element-2918505 .hijri { display: none !important; }

/* 3. Table Layout & Rows (Compact) */
.elementor-677 .elementor-element.elementor-element-2918505 .table-responsive {
    background: transparent !important;
    padding: 0 !important;
    border: none !important;
    overflow: visible !important;
    margin-bottom: 0 !important;
}

.elementor-677 .elementor-element.elementor-element-2918505 table.table.zero-border {
    border-collapse: separate !important;
    border-spacing: 0 4px !important; /* Very tight row spacing */
    margin: 0 !important;
    width: 100% !important;
}

/* Header Row (Azaan, Iqamah) */
.elementor-677 .elementor-element.elementor-element-2918505 .prayer-label-heading {
    color: #184D22 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    margin: 0 0 2px 0 !important;
}

/* Individual Prayer Row (Light Mint Base) */
.elementor-677 .elementor-element.elementor-element-2918505 table.table.zero-border tr:not(:first-child) {
    background: #F4F9F5 !important;
    border-radius: 8px !important;
    transition: all 0.3s ease !important;
}

/* Row Hover Effect */
.elementor-677 .elementor-element.elementor-element-2918505 table.table.zero-border tr:not(:first-child):hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 15px rgba(57, 181, 74, 0.1) !important;
    background: #FFFFFF !important;
    border: 1px solid rgba(57, 181, 74, 0.2) !important;
}

.elementor-677 .elementor-element.elementor-element-2918505 table.table.zero-border td {
    padding: 6px 10px !important; /* Reduced padding */
    vertical-align: middle !important;
    border: none !important;
}

/* 4. Icons & Prayer Names */
.elementor-677 .elementor-element.elementor-element-2918505 .sub-heading i.prayer-icons {
    color: #D4AF37 !important; /* Gold */
    font-size: 20px !important;
}

.elementor-677 .elementor-element.elementor-element-2918505 .sub-heading { margin: 0 !important; text-align: center !important; }

.elementor-677 .elementor-element.elementor-element-2918505 .prayer-label {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #1A1A1A !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
}

/* Pulsing Green Dot for "Next Prayer" */
.elementor-677 .elementor-element.elementor-element-2918505 .next-prayer-icon {
    color: #39B54A !important;
    font-size: 10px !important;
    animation: pulseDot 1.5s infinite !important;
}

@keyframes pulseDot {
    0% { transform: scale(0.9); box-shadow: 0 0 0 0 rgba(57, 181, 74, 0.5); border-radius: 50%; }
    70% { transform: scale(1.1); box-shadow: 0 0 0 6px rgba(57, 181, 74, 0); border-radius: 50%; }
    100% { transform: scale(0.9); box-shadow: 0 0 0 0 rgba(57, 181, 74, 0); border-radius: 50%; }
}

/* 5. Time Buttons (Compact Sleek Outline) */
.elementor-677 .elementor-element.elementor-element-2918505 td .btn {
    background: #FFFFFF !important;
    border: 1px solid rgba(24, 77, 34, 0.15) !important;
    color: #1A1A1A !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 13px !important; /* Compact text */
    font-weight: 600 !important;
    border-radius: 6px !important;
    padding: 4px 8px !important; /* Smaller button */
    width: 100% !important;
    max-width: 90px !important;
    margin: 0 auto !important;
    display: block !important;
    text-align: center !important;
    transition: all 0.3s ease !important;
}

.elementor-677 .elementor-element.elementor-element-2918505 tr:not(:first-child):hover td .btn {
    background: #39B54A !important;
    color: #FFFFFF !important;
    border-color: #39B54A !important;
}

.elementor-677 .elementor-element.elementor-element-2918505 td:nth-child(3), .elementor-677 .elementor-element.elementor-element-2918505 td:nth-child(4) {
    text-align: center !important;
}

/* 6. Next Prayer Banner (Compact) */
.elementor-677 .elementor-element.elementor-element-2918505 .next-prayer-heading-bg {
    display: inline-block !important;
    background: linear-gradient(135deg, #184D22 0%, #39B54A 100%) !important;
    color: #FFFFFF !important;
    padding: 8px 20px !important;
    border-radius: 50px !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    box-shadow: 0 5px 15px rgba(57, 181, 74, 0.2) !important;
    margin-top: 10px !important;
    border: none !important;
}

.elementor-677 .elementor-element.elementor-element-2918505 .next-prayer-heading { text-align: center !important; margin: 0 !important; }

/* 7. Copyright Text */
.elementor-677 .elementor-element.elementor-element-2918505 .mohid-copyright-text {
    font-family: 'Inter', sans-serif !important;
    font-size: 11px !important;
    color: #999999 !important;
    margin-top: 12px !important; /* Tighter space */
}
.elementor-677 .elementor-element.elementor-element-2918505 .mohid-copyright-text a {
    color: #D4AF37 !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

/* ========================================================
   RESPONSIVE FIXES
======================================================== */
@media (max-width: 767px) {
    .elementor-677 .elementor-element.elementor-element-2918505 .elementor-widget-container { padding: 15px !important; }
    .elementor-677 .elementor-element.elementor-element-2918505 table.table.zero-border td { padding: 8px 5px !important; }
}/* End custom CSS */
/* Start custom CSS for vfr, class: .elementor-element-f38c87e */.elementor-677 .elementor-element.elementor-element-f38c87e .vfrcampaigns {
    padding: 30px 0 !important;
}


.elementor-677 .elementor-element.elementor-element-f38c87e .card-vfr {
    background-color: #FFFFFF !important;
    border-radius: 20px !important;
    border: 1px solid rgba(24, 77, 34, 0.06) !important;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.04) !important;
    overflow: hidden !important;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important; 
    position: relative !important;
}


.elementor-677 .elementor-element.elementor-element-f38c87e .card-vfr:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0 25px 50px rgba(24, 77, 34, 0.1) !important;
    border-color: rgba(57, 181, 74, 0.2) !important;
}


.elementor-677 .elementor-element.elementor-element-f38c87e .card-vfr-img-no {
    height: 220px !important;
    background-size: cover !important;
    background-position: center !important;
    position: relative !important;
    border-bottom: 3px solid #D4AF37 !important; 
}


.elementor-677 .elementor-element.elementor-element-f38c87e .meta-contributor {
    position: absolute !important;
    top: 15px !important;
    right: 15px !important;
    background: rgba(24, 77, 34, 0.85) !important; 
    backdrop-filter: blur(4px) !important;
    color: #FFFFFF !important;
    padding: 8px 15px !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.2) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important;
}

.elementor-677 .elementor-element.elementor-element-f38c87e .contributor {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 22px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    color: #D4AF37 !important; 
}

.elementor-677 .elementor-element.elementor-element-f38c87e .contributor_num {
    font-family: 'Inter', sans-serif !important;
    font-size: 11px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    font-weight: 600 !important;
    margin-top: 3px !important;
}


.elementor-677 .elementor-element.elementor-element-f38c87e .card-vfr .card-body {
    padding: 30px 25px 20px 25px !important;
    flex-grow: 1 !important; 
    display: flex !important;
    flex-direction: column !important;
}


.elementor-677 .elementor-element.elementor-element-f38c87e .card-vfr .card-title {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #184D22 !important; 
    margin: 0 0 15px 0 !important;
    line-height: 1.4 !important;
    text-align: center !important;
}

/* Campaign Description */
.elementor-677 .elementor-element.elementor-element-f38c87e .card-vfr .card-text {
    font-family: 'Inter', sans-serif !important;
    font-size: 15px !important;
    color: #555555 !important;
    line-height: 1.6 !important;
    text-align: center !important;
    margin-bottom: 20px !important;
}

/* Card Footer (Progress & Buttons) */
.elementor-677 .elementor-element.elementor-element-f38c87e .card-vfr .card-footer {
    background-color: transparent !important;
    padding: 0 25px 30px 25px !important;
    border: none !important;
    display: flex !important;
    flex-direction: column !important;
}

/* Progress Bar */
.elementor-677 .elementor-element.elementor-element-f38c87e .card-vfr .progress {
    height: 12px !important; /* Sleek thinner bar */
    border-radius: 10px !important;
    background-color: #E2E8E4 !important;
    overflow: hidden !important;
    margin-bottom: 15px !important;
    box-shadow: inset 0 1px 3px rgba(0,0,0,0.05) !important;
}

.elementor-677 .elementor-element.elementor-element-f38c87e .card-vfr .progress-bar {
    background: linear-gradient(90deg, #39B54A, #2EAD4B) !important; /* Premium Green Gradient */
    font-size: 10px !important;
    font-weight: 700 !important;
    line-height: 12px !important;
    text-align: center !important;
}

/* Raised Amount Text */
.elementor-677 .elementor-element.elementor-element-f38c87e .card-vfr .progress-title {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    margin-bottom: 25px !important;
}

.elementor-677 .elementor-element.elementor-element-f38c87e .card-vfr .curr-raised {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 26px !important;
    font-weight: 800 !important;
    color: #1A1A1A !important;
    text-align: center !important;
    margin: 0 0 5px 0 !important;
}

.elementor-677 .elementor-element.elementor-element-f38c87e .card-vfr .curr-perct {
    font-family: 'Inter', sans-serif !important;
    font-size: 13px !important;
    color: #777777 !important;
    font-weight: 500 !important;
    text-align: center !important;
    margin: 0 !important;
}

/* Buttons Container */
.elementor-677 .elementor-element.elementor-element-f38c87e .card-vfr .card-footer > a {
    display: block !important;
    width: 100% !important; /* Full width buttons */
    text-align: center !important;
    padding: 14px 20px !important;
    border-radius: 8px !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    transition: all 0.3s ease !important;
    margin-bottom: 10px !important; /* Space between buttons */
}

/* Default state for links was pulling .btn-outline-light */
.elementor-677 .elementor-element.elementor-element-f38c87e .card-vfr .card-footer > a:first-of-type {
    /* Campaign Button */
    background-color: transparent !important;
    color: #39B54A !important;
    border: 2px solid #39B54A !important;
}

.elementor-677 .elementor-element.elementor-element-f38c87e .card-vfr .card-footer > a:first-of-type:hover {
    background-color: #F4F9F5 !important;
    color: #184D22 !important;
    border-color: #184D22 !important;
}

.elementor-677 .elementor-element.elementor-element-f38c87e .card-vfr .card-footer > a:last-of-type {
    /* Contribute Button */
    background-color: #39B54A !important;
    color: #FFFFFF !important;
    border: 2px solid #39B54A !important;
    box-shadow: 0 8px 20px rgba(57, 181, 74, 0.25) !important;
    margin-bottom: 0 !important; /* Remove bottom margin from last button */
}

.elementor-677 .elementor-element.elementor-element-f38c87e .card-vfr .card-footer > a:last-of-type:hover {
    background-color: #184D22 !important;
    border-color: #184D22 !important;
    color: #D4AF37 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 12px 25px rgba(24, 77, 34, 0.35) !important;
}/* End custom CSS */