.elementor-3672 .elementor-element.elementor-element-2e568997{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--overlay-opacity:0.16;box-shadow:0px 0px 3px 0px rgba(0,0,0,0.5);--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3672 .elementor-element.elementor-element-2e568997:not(.elementor-motion-effects-element-type-background), .elementor-3672 .elementor-element.elementor-element-2e568997 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFFE8;}.elementor-3672 .elementor-element.elementor-element-2e568997::before, .elementor-3672 .elementor-element.elementor-element-2e568997 > .elementor-background-video-container::before, .elementor-3672 .elementor-element.elementor-element-2e568997 > .e-con-inner > .elementor-background-video-container::before, .elementor-3672 .elementor-element.elementor-element-2e568997 > .elementor-background-slideshow::before, .elementor-3672 .elementor-element.elementor-element-2e568997 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3672 .elementor-element.elementor-element-2e568997 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://iqraacademy.org/wp-content/uploads/2022/07/dreamstime_xxl_389919163-scaled-1.jpg");--background-overlay:'';background-position:center center;background-size:30% auto;}.elementor-3672 .elementor-element.elementor-element-59237485{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3672 .elementor-element.elementor-element-290e32bc{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;border-style:none;--border-style:none;--border-radius:0px 0px 5px 5px;box-shadow:0px 3px 3px -4px rgba(0,0,0,0.5);--padding-top:18px;--padding-bottom:18px;--padding-left:0px;--padding-right:0px;}.elementor-3672 .elementor-element.elementor-element-893806f{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3672 .elementor-element.elementor-element-69e9bed{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-3672 .elementor-element.elementor-element-69e9bed img{width:60%;}.elementor-3672 .elementor-element.elementor-element-225d677{--display:flex;--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;}.elementor-3672 .elementor-element.elementor-element-44da50b4{--display:flex;--border-radius:0% 0% 0% 0%;--margin-top:0px;--margin-bottom:-30px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3672 .elementor-element.elementor-element-6e628ac1{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-3672 .elementor-element.elementor-element-477c3ce5{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-3672 .elementor-element.elementor-element-893806f{--width:35%;}.elementor-3672 .elementor-element.elementor-element-225d677{--width:12%;}.elementor-3672 .elementor-element.elementor-element-44da50b4{--width:60%;}}@media(max-width:1024px){.elementor-3672 .elementor-element.elementor-element-2e568997::before, .elementor-3672 .elementor-element.elementor-element-2e568997 > .elementor-background-video-container::before, .elementor-3672 .elementor-element.elementor-element-2e568997 > .e-con-inner > .elementor-background-video-container::before, .elementor-3672 .elementor-element.elementor-element-2e568997 > .elementor-background-slideshow::before, .elementor-3672 .elementor-element.elementor-element-2e568997 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3672 .elementor-element.elementor-element-2e568997 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:center center;background-size:584px auto;}.elementor-3672 .elementor-element.elementor-element-893806f{--padding-top:0px;--padding-bottom:0px;--padding-left:5px;--padding-right:0px;}.elementor-3672 .elementor-element.elementor-element-69e9bed img{width:80%;}}@media(max-width:767px){.elementor-3672 .elementor-element.elementor-element-2e568997::before, .elementor-3672 .elementor-element.elementor-element-2e568997 > .elementor-background-video-container::before, .elementor-3672 .elementor-element.elementor-element-2e568997 > .e-con-inner > .elementor-background-video-container::before, .elementor-3672 .elementor-element.elementor-element-2e568997 > .elementor-background-slideshow::before, .elementor-3672 .elementor-element.elementor-element-2e568997 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3672 .elementor-element.elementor-element-2e568997 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:center center;background-size:487px auto;}.elementor-3672 .elementor-element.elementor-element-2e568997{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3672 .elementor-element.elementor-element-59237485{--width:100%;}.elementor-3672 .elementor-element.elementor-element-290e32bc{--border-radius:0px 0px 0px 0px;--padding-top:6%;--padding-bottom:3%;--padding-left:2%;--padding-right:2%;}.elementor-3672 .elementor-element.elementor-element-893806f{--width:61%;--min-height:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3672 .elementor-element.elementor-element-69e9bed{text-align:start;}.elementor-3672 .elementor-element.elementor-element-69e9bed img{width:100%;}.elementor-3672 .elementor-element.elementor-element-225d677{--width:35%;--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;--justify-content:flex-end;}.elementor-3672 .elementor-element.elementor-element-44da50b4{--min-height:0px;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:-20px;--margin-left:0px;--margin-right:0px;}}/* Start custom CSS for shortcode, class: .elementor-element-6e628ac1 *//* Make tablepress-1 transparent with no borders */
#tablepress-1 {
    background-color: transparent !important;
    font-size: 0.9rem !important;
}

#tablepress-1 thead,
#tablepress-1 tbody,
#tablepress-1 tfoot,
#tablepress-1 tr,
#tablepress-1 th,
#tablepress-1 td {
    background-color: transparent !important;
    font-size: 0.8rem !important;
    border: none !important;
}

/* Reduce row spacing - CHANGED SECTION */
/* We reduce padding to 1px and line-height to 1 to minimize height */
#tablepress-1 td,
#tablepress-1 th {
    padding-top: 10px !important;
    padding-bottom: 1px !important;
    line-height: 1 !important; 
}

/* Target the specific span classes */
#tablepress-1 .dpt_jamah,
#tablepress-1 .prayerFinished {
    font-size: 0.8rem !important;
}

/* Make current prayer bold (dpt_jamah without prayerFinished) */
#tablepress-1 span.dpt_jamah.currentPrayer {
    font-weight: bold !important;
}

/* Ensure finished prayers are NOT bold */
#tablepress-1 span.dpt_jamah.prayerFinished {
    font-weight: normal !important;
}

/* Optional: Make borders transparent too */
#tablepress-1,
#tablepress-1 th,
#tablepress-1 td {
    border-color: transparent !important;
}

/* Mobile view - fluid sizing between 9.5px and 12px */
/* This section preserves your variable font size logic */
@media (max-width: 768px) {
    #tablepress-1,
    #tablepress-1 thead,
    #tablepress-1 tbody,
    #tablepress-1 tfoot,
    #tablepress-1 tr,
    #tablepress-1 th,
    #tablepress-1 td,
    #tablepress-1 .dpt_jamah,
    #tablepress-1 .prayerFinished {
        font-size: clamp(4.5px, 2.5vw, 12px) !important;
    }
}

#tablepress-1, #tablepress-1 th, #tablepress-1 td {
    text-align: right;
    color: rgb(69 70 89);
}

.elementor-3672 .elementor-element.elementor-element-6e628ac1 th {
    color: #09727e !important;
    font-weight: 500;
}

.scHijriDate, .jummahShortcode {
    font-size: 11px;
    font-weight: 700;
    color: darkslategrey;
}

@media (max-width: 768px) {
    .scHijriDate, .jummahShortcode {
        font-size: clamp(4.5px, 2.5vw, 12px) !important;
        font-weight: 700;
        color: darkslategrey;
    }   
}    

.nextPrayer {
    font-weight: 900 !important;
}

.fa, .fas {
    font-size: 14px;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-477c3ce5 *//* Make tablepress-4 transparent with no borders */
#tablepress-4 {
    background-color: transparent !important;
    font-size: 0.9rem !important;
}

#tablepress-4 thead,
#tablepress-4 tbody,
#tablepress-4 tfoot,
#tablepress-4 tr,
#tablepress-4 th,
#tablepress-4 td {
    background-color: transparent !important;
    font-size: 0.8rem !important;
    border: none !important;
}

/* Reduce row spacing - CHANGED SECTION */
/* We reduce padding to 1px and line-height to 1 to minimize height */
#tablepress-4 td,
#tablepress-4 th {
    padding-top: 10px !important;
    padding-bottom: 1px !important;
    line-height: 1 !important; 
}

/* Target the specific span classes */
#tablepress-4 .dpt_jamah,
#tablepress-4 .prayerFinished {
    font-size: 0.8rem !important;
}

/* Make current prayer bold (dpt_jamah without prayerFinished) */
#tablepress-4 span.dpt_jamah.currentPrayer {
    font-weight: bold !important;
}

/* Ensure finished prayers are NOT bold */
#tablepress-4 span.dpt_jamah.prayerFinished {
    font-weight: normal !important;
}

/* Optional: Make borders transparent too */
#tablepress-4,
#tablepress-4 th,
#tablepress-4 td {
    border-color: transparent !important;
}

/* Mobile view - fluid sizing between 9.5px and 12px */
/* This section preserves your variable font size logic */
@media (max-width: 768px) {
    #tablepress-4,
    #tablepress-4 thead,
    #tablepress-4 tbody,
    #tablepress-4 tfoot,
    #tablepress-4 tr,
    #tablepress-4 th,
    #tablepress-4 td,
    #tablepress-4 .dpt_jamah,
    #tablepress-4 .prayerFinished {
        font-size: clamp(4.5px, 2.5vw, 12px) !important;
    }
}

#tablepress-4, #tablepress-4 th, #tablepress-4 td {
    text-align: right;
    color: rgb(69 70 89);
}

.elementor-3672 .elementor-element.elementor-element-477c3ce5 th {
    color: #09727e !important;
    font-weight: 500;
}

.scHijriDate, .jummahShortcode {
    font-size: 11px;
    font-weight: 700;
    color: darkslategrey;
}

@media (max-width: 768px) {
    .scHijriDate, .jummahShortcode {
        font-size: clamp(4.5px, 2.5vw, 12px) !important;
        font-weight: 700;
        color: darkslategrey;
    }   
}    

.nextPrayer {
    font-weight: 900 !important;
}

.fa, .fas {
    font-size: 14px;
}


.tablepress>:not(caption)>*>* {
    padding: 2px !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-290e32bc */.elementor-3672 .elementor-element.elementor-element-290e32bc{
    position: relative;
    z-index: 99
}
@media (max-width:767px){
    .elementor-3672 .elementor-element.elementor-element-290e32bc .elementor-nav-menu__align-end .elementor-nav-menu{
        justify-content: space-between;
        width: 100%;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2e568997 */.elementor-3672 .elementor-element.elementor-element-2e568997{
    z-index: 999;
    position: relative
}
body.home .elementor-3672 .elementor-element.elementor-element-2e568997{
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
}

@media screen and (max-width:767px){
    body.home .elementor-3672 .elementor-element.elementor-element-2e568997{
        position: relative
    }
}/* End custom CSS */