@import url('https://fonts.maateen.me/solaiman-lipi/font.css');

/* @import url('https://fonts.maateen.me/siyam-rupali/font.css'); */



h1,
h2,
h3,
h4,
h5,
h6 {

    font-family: 'SolaimanLipi', Arial, sans-serif !important;
}
p {

    font-family: 'SolaimanLipi', Arial, sans-serif !important;
}
ul li,
ol li {
    font-family: 'SolaimanLipi', Arial, sans-serif !important;
}
.thm-clr{
    color: #0abbb5 !important;
}
.thm-bg, .thm-layer::before, .thm-btn span, .plyr .player .controls > div:hover, .plyr .player .controls > div:focus, .plyr .player .progressbar .bar-played, .plyr .player .volume .volume-adjust div div, .prod-caro > button.slick-arrow:hover, .prod-caro > button.slick-arrow:focus, .qty-wrap .bootstrap-touchspin > span button:hover, .qty-wrap .bootstrap-touchspin > span button:focus, .serv-box:hover, .slick-slider:not(.feat-caro) ul.slick-dots li button:hover, .slick-slider:not(.feat-caro) ul.slick-dots li button:focus, .slick-slider:not(.feat-caro) ul.slick-dots li.slick-active button, .plyr.v2 .player .volume .volume-btn:hover, .plyr.v2 .player .volume .volume-btn:focus, .plyr.v4 .player .volume .volume-btn:hover, .plyr.v4 .player .volume .volume-btn:focus, .video-box > a:hover, .video-box > a:focus, .about-video > a:hover, .about-video > a:focus, .event-caro > button.slick-arrow:hover, .event-caro > button.slick-arrow:focus, .pack-box.active, .post-share:hover > i, .post-share-social > a:hover, .post-share-social > a:focus, .course-box3:hover::before, .white-layer .fact-box > span::after, ul.pagination > li.page-item.prev a.page-link:hover, ul.pagination > li.page-item.next a.page-link:hover, ul.pagination > li.page-item.prev a.page-link:focus, ul.pagination > li.page-item.next a.page-link:focus, ul.pagination > li.page-item.active a.page-link, ul.pagination > li.page-item a.page-link:hover, ul.pagination > li.page-item a.page-link:focus, .social-links4 > a:hover, .social-links4 > a:focus, .sermons-btns2 > a:hover i, .sermons-btns2 > a:focus i, .sermon-video > a:hover, .sermon-video > a:focus, .services-detail-info > span + ul::before, .prod-btn:hover, .prod-btn:focus, .prod-detail-tabs ul.nav-tabs li.nav-item a.nav-link:hover, .prod-detail-tabs ul.nav-tabs li.nav-item a.nav-link:focus, .prod-detail-tabs ul.nav-tabs li.nav-item a.nav-link.active, .adt-info-list > li::before, .social-links4.v2 > a:hover, .social-links4.v2 > a:focus, .styled-list > li::before, .rspn-scil > a:hover, .rspn-scil > a:focus, .rspn-mnu-btn:hover, .rspn-mnu-btn:focus, .rspn-mnu-cls:hover, .rspn-mnu-cls:focus {
    background-color: #02c2bc !important;
    /* background-color: #0abbb5 !important; */
}
.thm-clr, nav ul li:hover > a, nav ul li.active > a, nav ul li > a:focus, .rsnp-mnu ul > li:hover > a, .rsnp-mnu ul > li.active-parent > a, .rsnp-mnu ul > li.active > a, .rsnp-mnu ul > li > a:focus, .topbar-info-list > li a:hover, .topbar-info-list > li a:focus, .social-links > a:hover, .social-links > a:focus, header.style3 .social-links > a:hover, header.style3 .social-links > a:focus, .bg-color1 .social-links > a:hover, .bg-color1 .social-links > a:focus, .plyr .player .volume > div:hover, .plyr .player .volume > div:focus, .prod-info > h3 a:hover, .prod-info > h3 a:focus, .prod-info > a, .serv-box > a, .course-inner > h4 a:hover, .course-inner > h4 a:focus, .team-info > h3 a:hover, .team-info > h3 a:focus, .event-info > h3 a:hover, .event-info > h3 a:focus, .post-info > h3 a:hover, .post-info > h3 a:focus, .post-meta > li a:hover, .post-meta > li a:focus, .widget ul li > a::before, .widget ul li:hover > a, .widget ul li > a:focus, .bottom-bar p a, .serv-info > h3, .event-wrap2 > a, .event-info2 > h3 a:hover, .event-info2 > h3 a:focus, .sec-title-inner > p.thm-clr, .urgent-donat-info > h3 a:hover, .urgent-donat-info > h3 a:focus, .urgent-donat-meta > li.thm-clr, .post-info2 > h3 a:hover, .post-info2 > h3 a:focus, .learn-top-inner > a, .learn-post-info > h4 a:hover, .learn-post-info > h4 a:focus, .learn-post-info > a, .course-info2 > h3 a:hover, .course-info2 > h3 a:focus, .white-layer .fact-inner > h5, .team-info2 > h3 a:hover, .team-info2 > h3 a:focus, .post-info3 > h3 a:hover, .post-info3 > h3 a:focus, .post-meta3 > li.thm-clr, .social-links3 a i, .social-links3 > a:hover, .social-links3 > a:focus, .black-layer .social-links3 > a:hover, .black-layer .social-links3 > a:focus, .bottom-links > li a:hover, .bottom-links > li a:focus, .bottom-inner > p a:hover, .bottom-inner > p a:focus, ol.breadcrumb > li.breadcrumb-item a:hover, ol.breadcrumb > li.breadcrumb-item a:focus, .team-detail-info-list > li, .experties-list > li a::before, .experties-list > li a:hover, .experties-list > li a:focus, .sermon-info-list > li::before, .services-info-list > li::before, .sermons-btns2 > a, .sermons-btns2 > a i, .gallery-info > h3 a:hover, .gallery-info > h3 a:focus, .cart-table td h5 a:hover, .cart-table td h5 a:focus, [type="checkbox"]:not(:checked) + label::after, [type="checkbox"]:checked + label::after, .cont-info-box > p a:hover, .cont-info-box > p a:focus, .comment-detail > a, .author-social-inner > a:hover, .author-social-inner > a:focus, .tags-links > a:hover, .tags-links > a:focus, .author-info > h4 a:hover, .author-info > h4 a:focus, .comment-detail > h4 a:hover, .comment-detail > h4 a:focus, .mini-post-info > h4 a:hover, .mini-post-info > h4 a:focus, .widget2 ul li:hover, .widget2 ul li:hover > a, .widget2 ul li a:focus, .widget2 ul.cate-list li:hover, .widget2 ul.cate-list li:hover > a, .widget2 ul.cate-list li a:focus, .mini-cause-info > h4 a:hover, .mini-cause-info > h4 a:focus, .widget2 ul li:hover a::before, .widget2 ul li a:focus::before, .rspn-srch > button:hover, .rspn-srch > button:focus, .rspn-cnt > span a:hover, .rspn-cnt > span a:focus {
    color: #0abbb5 !important;
}
.widget ul li:hover > a, .thm-bg .widget ul li:hover > a, .thm-layer .widget ul li a:focus, .thm-bg .widget ul li a:focus {
    color: black !important;
}
.thm-layer nav > div > ul > li:hover > a, .thm-bg nav > div > ul > li:hover > a, .thm-layer nav > div > ul > li > a:focus, .thm-bg nav > div > ul > li > a:focus, .thm-layer nav > div > ul > li.active > a, .thm-bg nav > div > ul > li.active > a {
    color:black !important;
}
.serv-box:hover{
    background-color: #02c2bc !important;
    color: black;
}
.serv-box:hover i{
    
    color: white !important;
}
.serv-box:hover a{
    
    color: white !important;
}
.sticky-menu-inner .logo a:hover{
    color: #0abbb5 !important;
}
.serv-box > a:hover, .serv-box > a:focus, .serv-box:hover > a:hover, .serv-box:hover > a:focus {
    color: black !important;
}
#language_switcher{
    border-radius: 3px;
    letter-spacing: 1px;
    height: 1.7rem;
    background: #2bbbb5;
    color: white;
    padding: 2px 4px;
}
#language_switcher:hover {
    background: #03928f;
    color: white  !important;
}
header .thm-btn, .header-right .thm-btn{

    margin-left: 15px !important;
}
.header-logo-text-custom{
    color: white;
    text-shadow: 2px 2px #113935;
}
.header-logo-text-custom a:hover{
    color: black;
    text-shadow: none;
}
.bangla_salat_time{

    font-size: 15px !important;
}
.other-page-footer-widget ul li a:hover{
    color: #0abbb5 !important;
}
@media (max-width: 490px) {
   
    .thm-btn {
        width: 100%;
        margin-top: 10px;
        background: white;
        color: black;
        font-size: 18px !important;
    }
    .custom-chairman-msg-btn{
        background: black;
        color: white;
        width: 12rem;
    }
    .logo{
        width: 100%;
    }
    .logo img{
        width: 30rem;
    }
    .time-title{
        padding-top: 10px;
    }
    .rspn-srch input{
        color: #0abbb5 !important;
    }
}