.elementor-15 .elementor-element.elementor-element-6b8e532{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15 .elementor-element.elementor-element-976b049{--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-15 .elementor-element.elementor-element-915ea0f{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15 .elementor-element.elementor-element-b692585{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15 .elementor-element.elementor-element-b43cccd .prayer{background-color:transparent;background-image:linear-gradient(270deg, #FFFFFF 0%, #FFFFFF 100%);}.elementor-15 .elementor-element.elementor-element-b43cccd .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-15 .elementor-element.elementor-element-b43cccd .prayer .next-prayer-2{background-color:rgba(0, 0, 0, 0.5);}.elementor-15 .elementor-element.elementor-element-b43cccd .prayer .timebox .sub-heading{background-color:transparent;border-top-left-radius:5px;border-top-right-radius:5px;}.elementor-15 .elementor-element.elementor-element-b43cccd .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-15 .elementor-element.elementor-element-b43cccd .timebox .btn:hover{background-color:rgba(255, 255, 255, 0.2);color:#fff;}.elementor-15 .elementor-element.elementor-element-b43cccd p.next-prayer-heading span.next-prayer-heading-bg{background-color:rgba(0, 0, 0, 0.2);padding:10px 10px 10px 10px;}.elementor-15 .elementor-element.elementor-element-b43cccd section.prayer{margin:0px 0px 0px 0px;padding:30px 10px 40px 10px;}.elementor-15 .elementor-element.elementor-element-b43cccd .prayer .btn{border-radius:5px 5px 5px 5px;}.elementor-15 .elementor-element.elementor-element-b43cccd .timebox .prayer-label{color:#fff;font-size:18px;text-transform:capitalize;margin:5px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-15 .elementor-element.elementor-element-b43cccd p.next-prayer-heading{color:#fff;font-size:20px;text-align:right;margin:35px 10px 0px 10px;}.elementor-15 .elementor-element.elementor-element-b43cccd .timebox .next-prayer-icon{font-size:100%;color:rgba(8, 240, 70, 0.6);}.elementor-15 .elementor-element.elementor-element-b43cccd .next-prayer-heading .next-prayer-icon{color:rgba(8, 240, 70, 0.6);}.elementor-15 .elementor-element.elementor-element-b43cccd .prayer .main-heading{color:#fff;font-size:35px;font-weight:600;text-align:center;margin:0px 0px 0px 0px;padding:0px 0px 20px 0px;}.elementor-15 .elementor-element.elementor-element-b43cccd .prayer .prayer-label-heading{color:#fff;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-15 .elementor-element.elementor-element-b43cccd .prayer-label-heading{font-size:16px;text-transform:capitalize;}.elementor-15 .elementor-element.elementor-element-b43cccd .prayer .other-heading{color:#fff;font-size:35px;text-align:center;margin:0px 0px 0px 0px;padding:0px 0px 20px 0px;}.elementor-15 .elementor-element.elementor-element-b43cccd .timebox .sub-heading{color:#fff;}.elementor-15 .elementor-element.elementor-element-b43cccd .timebox .prayer-icons{font-size:30px;}.elementor-15 .elementor-element.elementor-element-b43cccd .timebox p.sub-heading{margin:-8px 0px -10px 0px;padding:0px 0px 0px 0px;}.elementor-15 .elementor-element.elementor-element-4aaf460{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15 .elementor-element.elementor-element-1bcc21f{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15 .elementor-element.elementor-element-d26a0f4{padding:0px 0px 0px 0px;}@media(max-width:1024px){.elementor-15 .elementor-element.elementor-element-b43cccd .prayer .timebox{margin:0px 0px 25px 0px;}}@media(max-width:767px){.elementor-15 .elementor-element.elementor-element-b43cccd .prayer .timebox{margin:0px 0px 25px 0px;}.elementor-15 .elementor-element.elementor-element-b737945{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-15 .elementor-element.elementor-element-1bcc21f{--padding-top:0px;--padding-bottom:0px;--padding-left:25px;--padding-right:25px;}}/* Start custom CSS for prayertimings, class: .elementor-element-b43cccd *//* Import Theme Fonts */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Outfit:wght@400;500;600;700&display=swap');

/* Main Wrapper - Extra height removed */
.prayer {
    background: transparent !important; 
    padding: 0 !important; 
    font-family: 'Inter', sans-serif !important; /* Base font set to Inter */
}

/* Main Title - Compact */
.prayer .main-heading {
    font-family: 'Outfit', sans-serif !important; /* Heading font set to Outfit */
    font-size: 24px !important;
    font-weight: 500 !important; 
    color: #02594F !important;
    text-transform: capitalize !important; /* CHANGED: Uppercase to capitalize (P aur T bada, baqi chote) */
    letter-spacing: 1px !important;
    margin-bottom: 15px !important; /* Gap reduced */
    position: relative !important;
    display: inline-block !important;
}

.prayer .main-heading::after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 50%;
    transform: translateX(-50%);
    width: 40px;
    height: 3px;
    background-color: #C9A349;
    border-radius: 2px;
}

/* Premium White Card Container - Compact like original grey box */
.prayer .timebox {
    background: #FFFFFF !important;
    border: 1px solid rgba(2, 89, 79, 0.08) !important;
    border-radius: 8px !important;
    padding: 10px 15px !important; /* padding strictly compressed */
    box-shadow: 0 10px 25px rgba(0,0,0,0.05) !important;
    margin: 0 auto !important;
    max-width: 850px !important; /* Width stays the same */
}

/* Table Reset */
.prayer .table {
    margin: 0 !important;
    border-collapse: collapse !important;
    width: 100% !important;
}

/* Table Cells - Thin rows just like the image */
.prayer .table td {
    padding: 5px 10px !important; /* Rows compressed */
    vertical-align: middle !important;
    border-top: none !important;
    border-bottom: 1px solid rgba(0,0,0,0.03) !important;
}

.prayer .table tr:last-child td {
    border-bottom: none !important;
}

/* Table Row Hover */
.prayer .table tr {
    transition: background 0.3s ease !important;
}

.prayer .table tr:hover {
    background-color: #FDFBF7 !important;
}

/* Column Alignments */
.prayer .table td:nth-child(1) { width: 10%; text-align: center !important; }
.prayer .table td:nth-child(2) { width: 30%; text-align: left !important; }
.prayer .table td:nth-child(3) { width: 30%; text-align: center !important; }
.prayer .table td:nth-child(4) { width: 30%; text-align: center !important; }

/* Headings (Azaan / Iqamah / Khutba) */
.prayer .prayer-label-heading {
    font-family: 'Outfit', sans-serif !important; /* Column headings in Outfit for structure */
    color: #888888 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    font-weight: 500 !important;
    margin: 0 !important;
}

/* Icons */
.prayer .prayer-icons {
    font-size: 20px !important;
    color: #02594F !important;
    opacity: 0.8 !important;
    margin: 0 !important;
}

/* Prayer Names */
.prayer .prayer-label {
    font-family: 'Inter', sans-serif !important; /* Changed to Inter to match body text */
    color: #02594F !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    margin: 0 !important;
}

/* Hide default dot */
.prayer .prayer-label .next-prayer-icon {
    display: none !important;
}

/* Times (Buttons) */
.prayer .btn {
    background: transparent !important;
    color: #2B2B2B !important;
    font-family: 'Inter', sans-serif !important; /* Kept as Inter */
    font-size: 14px !important;
    font-weight: 600 !important;
    padding: 0 !important;
    border: none !important;
    box-shadow: none !important;
    margin: 0 !important;
    cursor: default !important;
}

/* --- HIGHLIGHT NEXT PRAYER ROW --- */
.prayer .next-prayer-2 {
    background: rgba(201, 163, 73, 0.08) !important;
    position: relative !important;
}

.prayer .next-prayer-2 td:first-child {
    box-shadow: inset 3px 0 0 0 #C9A349 !important;
}

.prayer .next-prayer-2 .prayer-label,
.prayer .next-prayer-2 .prayer-icons,
.prayer .next-prayer-2 .btn {
    color: #02594F !important;
    font-weight: 700 !important;
    opacity: 1 !important;
}

/* --- BOTTOM BANNER (Now matching standard CTA design) --- */
.prayer .next-prayer-heading {
    margin-top: 15px !important;
    text-align: center !important;
    margin-bottom: 0 !important;
}

/* MATCHED WITH GLOBAL BUTTON STYLE */
.prayer .next-prayer-heading-bg {
    background-color: #02594F !important; /* Brand Dark Green */
    color: #FFFFFF !important;
    font-family: 'Outfit', sans-serif !important;
    font-weight: 700 !important; /* Bold like main buttons */
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    font-size: 14px !important;
    padding: 16px 32px !important; /* Same padding as standard buttons */
    border-radius: 6px !important; /* Same slightly rounded corners */
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 10px 25px rgba(2, 89, 79, 0.2) !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    border: none !important;
}

/* Hover Effect matching standard buttons */
.prayer .next-prayer-heading-bg:hover {
    background-color: #C9A349 !important; /* Hover to Gold */
    color: #02594F !important;
    box-shadow: 0 12px 30px rgba(201, 163, 73, 0.3) !important;
    transform: translateY(-3px) !important;
}

/* Blinking Dot inside standard button */
.prayer .next-prayer-icon {
    color: inherit !important; /* Will take color from parent text (White or Green on hover) */
    font-size: 10px !important;
    vertical-align: middle !important;
    margin-right: 8px !important;
    animation: uwmsBlink 1.5s infinite !important;
}

@keyframes uwmsBlink {
    0% { opacity: 1; }
    50% { opacity: 0.3; }
    100% { opacity: 1; }
}

/* Copyright - Client wanted MOHID text hidden on Home Page */
.prayer .mohid-copyright-text {
    display: none !important; /* Hidden as per previous instructions */
}/* End custom CSS */