.spiritual-section .img_txt{

}
@font-face {
    font-family: 'nafees_web_naskhshipped';
    src: url("../fonts/nafees_web_naskhshipped.ttf");
}
@font-face {
    font-family: 'font-mushaf';
    src: url("../fonts/Al_Mushaf.ttf");
}
/*html{*/
/*    height: 100%;*/
/*}*/
body{
    /*height: 100%;*/
    display: block !important;
    margin: 0px !important;
    padding: 0px !important;
}
a{
    text-decoration: none;
}
section.topbar_secion.my_colour{
    background-color: #009146 !important;
}
#mycounterNew{
    visibility: hidden;
}
.navbar ul li ul li a:hover{
    background-color: #009146;
    color: white;
}
#carouselExampleControls .carousel-control-prev, #carouselExampleControls .carousel-control-next {
    height: fit-content;
    width: fit-content;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding: 0px 20px;
}
.event-btn-box-in{
    display: flex;
    align-items: center;
    height: 100%;
}
.pehli_heading{
    white-space: nowrap;
}
.event-watch-btn{
    background: #e5ae49;
    border: none;
    color: #fff;
    font-weight: 700;
    width: 120px;
    padding: 5px 15px;
    margin: 0 0 0 30px;
    display: block;
    text-decoration: none;
    border-radius: 5px;
    white-space: nowrap;
}
.pehli_heading{
    margin: 0px !important;
    color: white;
}
.event-container{
    display: flex;
    align-items: center;
}
.media-btn{
    color: #fff;
    border: none;
    background-color: #009146;
    font-size: 15px;
    font-weight: 600;
    padding: 7px 30px;
    margin: 15px 0;
    border-radius: 5px;
    text-decoration: none;
    transition: 0.3s;
    display: block;
    width: fit-content;
}
.media-btn:hover{
    background-color: #e5ae49;
 }
.view-all-btn-box{
    display: flex;
    justify-content: center;
}
.view-all-btn-box a{
    color: #fff;
    border: none;
    background-color: #009146;
    font-size: 15px;
    font-weight: 600;
    padding: 10px 20px;
    margin: 15px 0;
    border-radius: 5px;
    text-decoration: none;
    transition: 0.3s;
    display: block;
    width: fit-content;
    text-transform: uppercase;
}
.view-all-btn-box a:hover{
    background-color: #e5ae49;
 }
 .fancybox-button--thumbs{
    display: none !important;
 }
 .owl-dots{
     margin: 0px;
 }
 .font-noori{
     font-family: 'nafees_web_naskhshipped' !important;
     text-align: right !important;
     direction: rtl !important;
 }
 .font-mushaf{
     font-family: "font-mushaf" !important;
 }
.font-noori p{
    font-size: 20px;
}
.social-links{
    display: flex;
    justify-content: flex-end;
}
.intro-index{
    background: #f5f5f5;
    border-radius: 20px;
    padding: 20px 0px;
}
.intro-index a{
    display: block;
    width: 45%;
    text-align: center;
}
.owl-nav{
    display: none !important;
}
.owl-dots{
    margin-top: 18px;
}
.home-para{
    color: grey;
    font-size: 16px;
    text-align: center;
    line-height: 25px;
    margin: 5px auto;
    width: 80%;
}
.light-box .card-body{
    padding: 10px ;
}
.muzakira-img-div{
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    aspect-ratio: 16/9;
}
.muzakira-img-div span{
    position: absolute;
    background-color: #009146;
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 24px;
    color: white;
    transition: 0.3s;
}
.vd_picture:hover .muzakira-img-div span{
    background-color: #e5ae49;
}
.muzakira-img-div img{
   filter:  brightness(0.6);
    aspect-ratio: 16/9;
}
.social-img-div{
    overflow: hidden;
}
.social-img-div img{
    transition: 0.3s;
}
.social-img-div img:hover{
    transform: scale(1.1);
}

body.mfp-zoom-out-cur .mfp-wrap{
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 1043 !important;
    position: fixed !important;
    outline: none !important;
    -webkit-backface-visibility: hidden !important;
}
@media(max-width: 1024px){
    .owl-carousel{
        margin-bottom: 0px !important;
    }
}
@media(max-width: 1400px){

}
@media(max-width: 992px){
    .spiritual-section .img_txt{
        /* left: -30px; */
        /* top: 160px; */
        padding: 15px 40px;
    }
    .home-para{
        width: 90%;
    }
    .mfp-arrow {
         -webkit-transform: unset !important;
         transform: unset !important;
    }
    .topbar_secion .event-output span:nth-child(2){
        display: none !important;
    }
    .topbar_secion ul{
        padding-left: 5px;
    }
    .topbar_secion li{
        min-width: 45px;
        margin: 0px 3px !important;
    }
}

@media(max-width: 768px){
    .spiritual-section .img_txt {
        /* left: -30px; */
        /* top: 105px; */
        padding: 15px 20px;
    }
}

@media(max-width: 576px){
    .intro-index a{
        display: block;
        width: 100%;
    }
    .nav-mb-logo{
        width: 145px;
    }
    .mobile_section div#navbarSupportedContent {
        position: absolute;
        width: 100%;
        top: 40px;
    }
    .footer_logo{
        width: 170px !important;
    }
    .home-para{
        width: 100%;
    }
    .social-links{
        justify-content: center;
    }
    .event-btn-box-in{
        justify-content: center;
        margin-top: 5px;
    }
    #mycounterNew{
        margin-top: 5px;
        justify-content: center;
    }
    .topbar_secion li{
        margin-top: 5px !important;
    }
    .counter-off-box{
        display: none !important;
    }
    .muzakira-img-div span{
        width: 45px;
        height: 45px;
        font-size: 15px;
    }

}

@media(max-height: 600px) and (max-width: 992px){
    .mobile_section div#navbarSupportedContent.show {
        height: 328px;
        overflow: auto;
    }
    .footer_logo{
        width: 130px;
        margin: 0px !important;
    }
    .copyrights{
        margin-top: 5px !important;
    }

}
@media(max-height: 400px) and (max-width: 992px){
    .mobile_section div#navbarSupportedContent.show {
        height: 328px;
        overflow: auto;
    }
}