:root{--primary-theam-bg:#fff;--primary-theam-color:#000;--secondary-theam-color:#c4c4c4}.breadcrumbs>li+li:before,.contact-btn:focus,.contact-btn:hover,.contr-butn:after,.contr-inr:before,.fea-car>.row>div:nth-child(2) .fea-itm:before,.fea-info2>h4:before,.hstry-desc>ul li:before,.model-close:hover,.nwsltr-innr>form button:focus,.nwsltr-innr>form button:hover,.owl-carousel .owl-dots button.owl-dot.active,.page-title-wrap>h2:before,.pageloader-wrap,.plr-box:hover>i,.pst-shr-tgs .team-scl>a:focus,.pst-shr-tgs .team-scl>a:hover,.rspn-mnu-btn:hover,.rspn-mnu-cls:hover,.rspn-scil>li a:focus,.rspn-scil>li a:hover,.scl>a,.scl>a:focus,.scl>a:hover,.shp-lyr,.srch-cls-btn:hover,.srv-box2:hover,.team-box2 .team-scl>a:focus,.team-box2 .team-scl>a:hover,.team-box2:hover,.team-box:before,.team-scl>a:focus,.team-scl>a:hover,.testi-itm>i:before,.thm-bg,.thm-btn,.thm-layer:before{background-color:var(--primary-theam-color)}.wdgt-box>h4:before{background-image:linear-gradient(90deg,#d1ad3c,rgba(208,210,216,0));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#000",endColorstr="#d0d2d8",GradientType=1)}.blog-info>a,.blog-info>h4 a:focus,.blog-info>h4 a:hover,.breadcrumbs>li a:focus,.breadcrumbs>li a:hover,.cmt-inf>a,.cont-title>span,.contact-btn i,.contact-info-box>a:focus,.contact-info-box>a:hover,.event-info>h4 a:focus,.event-info>h4 a:hover,.event-mta>li i,.evnt-info>h4 a:focus,.evnt-info>h4 a:hover,.expns-info>h4 a:focus,.expns-info>h4 a:hover,.fea-car>.row>div:nth-child(2) .fea-info2>a:focus,.fea-car>.row>div:nth-child(2) .fea-info2>a:hover,.fea-info2>a,.fltr-lnks>li.active>a,.fltr-lnks>li a:focus,.fltr-lnks>li a:hover,.header-search>form button:focus,.header-search>form button:hover,.hstry-desc>h2,.hstry-desc>p,.hstry-desc>span,.hstry-desc>strong span,.msn-desc>h3,.owl-carousel .owl-nav button.owl-next:focus,.owl-carousel .owl-nav button.owl-next:hover,.owl-carousel .owl-nav button.owl-prev:focus,.owl-carousel .owl-nav button.owl-prev:hover,.prayer-times>li span.thm-clr,.prtfl-info>a:focus,.prtfl-info>a:hover,.pst-mta2>li a:focus,.pst-mta2>li a:hover,.pst-mta>li.thm-clr,.rcnt-inf>h6 a:focus,.rcnt-inf>h6 a:hover,.rsnp-mnu ul>li.active>a,.rsnp-mnu ul>li:hover>a,.rsnp-mnu ul>li>a:focus,.rsnp-mnu ul li.menu-item-has-children.active:before,.rspn-cnt>span a:focus,.rspn-cnt>span a:hover,.rspn-srch>button:focus,.rspn-srch>button:hover,.salawat-title,.sec-title-inner2>h3,.sec-title-inner>h3,.serv-box>i,.serv-info>h4 a:focus,.serv-info>h4 a:hover,.srch-btn:focus,.srch-btn:hover,.srv-box2>i,.srv-info2>a,.srv-tl>h2 span,.srv-ttl>i,.style2>h4,.tag-clouds>a:focus,.tag-clouds>a:hover,.team-info2>h4,.team-info>h4,.thm-clr,.thm-play-btn,.wdgt-box>ul li:hover>a,.wdgt-box>ul li>a,.wdgt-box>ul li a:focus,body,nav div>ul li:hover>a,nav div>ul li:hover>a:before,nav div>ul li a:focus,nav div>ul li a:focus:before{color:var(--primary-theam-color)}.hstry-img:before,.plr-box:hover>i,.plr-box>i:after,.srv-box2:hover,.testi-itm,.thm-brd-clr,.thm-layer .team-box2>img{border-color:var(--primary-theam-color)}.contact-info-box:hover>i,.fltr-lnks>li a:before,.msn-desc>ul li:before,.pagination>li.active>a,.pagination>li a:focus,.pagination>li a:hover,.prtfl-box:before,.secndry-bg,.secndry-btn,.team-box:after{background-color:var(--primary-theam-color)}.event-desc>h4:before,.msn-desc>h3:before,.sec-title-inner:before{background-image:linear-gradient(91deg,#2a486c,rgba(80,125,179,0));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#507db3",GradientType=1)}.blog-info>a:focus,.blog-info>a:hover,.cmt-inf>a:focus,.cmt-inf>a:hover,.contact-info-box>i,.evnt-info>h4,.msn-desc>ul li,.pagination>li.active>a,.pagination>li a,.pilr-info>h4,.plr-box>i,.pry-tim-hed>span,.salawat-title:hover,.sec-title-inner2>span,.sec-title-inner>h3 span,.sec-title-inner>span,.secndry-clr,.serv-info>h4,.srv-info2>a:focus,.srv-info2>a:hover,.srv-info2>h4,.srv-tl>h2,.srv-ttl>h4,.team-scl>a,.testi-info>h4,.thm-btn,.thm-play-btn:hover{color:var(--secondary-theam-color)}.contact-info-box>i,.pagination>li a:focus,.pagination>li a:hover,.plr-box>i,.team-box2>img,.team-box>img,.testi-itm>i img,secondary-theam-color .secndry-brd-clr{border-color:var(--secondary-theam-color)}.dark-mode{background-color:#121212}.dark-mode header{background-color:#1e1e1e}.green-logo{display:block}.dark-mode .green-logo,.white-logo{display:none}.dark-mode .white-logo{display:block}.btn-mode{right:0;top:0;position:absolute}.dark-mode .btn-mode{color:#fff}button{background:none;font-size:24px}button:focus{outline:none}button svg{color:currentColor}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.header-container{text-align:center;margin:50px auto;padding:20px;background-color:#282c34;border-radius:10px;width:-moz-fit-content;width:fit-content}.header-3d{font-weight:700;background:#fff;position:relative;text-transform:uppercase;letter-spacing:2px;margin:0}.header-3d:before{left:5px;color:red;z-index:-1;text-shadow:-3px 3px 0 #0f0,-6px 6px 0 #00f,-9px 9px 0 #f0f}.header-3d:after,.header-3d:before{content:attr(data-text);position:absolute;top:0;width:100%;height:100%}.header-3d:after{left:10px;color:#000;z-index:-2;text-shadow:-3px 3px 0 red,-6px 6px 0 #0f0,-9px 9px 0 #00f}body{margin:0;padding:0;font-family:Arial,sans-serif}header{text-align:center}.logo{max-width:200px}.menu-left,.menu-right{display:inline-block;vertical-align:top;padding:30px 0}.menu-left{float:left}.menu-right{float:right}.menu-container{text-align:center;margin:50px auto}.salawat-list{display:flex;padding:10px;background-color:#f5f5f5}.dark-mode .salawat-list{background-color:#343a40}.salawat-card{width:100%;flex:0 0 auto;margin:10px;padding:15px;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1);display:flex;flex-direction:column}.dark-mode .salawat-card{background-color:#333;box-shadow:0 4px 8px hsla(0,0%,100%,.1)}.salawat-image{width:100%;height:150px;object-fit:cover;border-radius:8px;margin-bottom:10px}.salawat-info{text-align:center}.salawat-title{text-align:center,}.salawat-excerpt{font-size:14px;color:#555}.slider-container{width:100%;background-size:cover;background-position:50%;transition:background-image 1s ease-in-out;overflow:hidden;text-align:center}.inner-container{text-align:center;padding-top:10vh;padding-bottom:10vh}.slider{transition:transform .5s ease;opacity:1;transition:opacity .5s ease}.slider.left{transform:translateX(-100%);opacity:0}.slider.right{transform:translateX(100%);opacity:0}.salawat-content{background-color:hsla(0,0%,100%,.4196078431372549)}.dark-mode .salawat-content{background-color:rgba(71,68,68,.7137254901960784)}.post-title{font-size:24px;margin-bottom:10px;text-align:center}.arabic{padding:25px 0}.post-arabic{font-size:36px;font-weight:900}.post-divider{margin:20px auto;border-color:#ccc}.translation{padding:25px 0}.translation-content{font-size:25px}.post-image{width:100%;height:auto;max-height:300px;object-fit:cover;margin-bottom:20px;transition:opacity .5s ease-in-out}button{padding:10px 20px;font-size:40px;border:none;border-radius:5px;cursor:pointer}button:disabled{background-color:#ccc;cursor:not-allowed}.next,.prev{position:absolute;top:41%;transform:translateY(-50%);background-color:#333;color:#fff;border:none;padding:10px;cursor:pointer}.prev{left:0}.next{right:0}.next:hover,.prev:hover{background-color:#555}.custom-dropdown{position:relative;width:85px;margin:auto}.dropdown-selected{padding:8px;border:1px solid #ccc;cursor:pointer;display:flex;align-items:center}.dropdown-selected-content{display:block;align-items:center}.dropdown-options{position:absolute;width:100%;border:1px solid #ccc;background-color:#fff;color:#000;z-index:10;max-height:200px;overflow-y:auto}.dropdown-option{padding:8px;display:block;align-items:center;cursor:pointer}.dropdown-option:hover{background-color:#f1f1f1}.dark-mode .gray-bg2{background-color:#000}.salawat-list-liner{display:flex;overflow-x:scroll;padding:20px;background-Color:#f5f5f5}.dark-mode .salawat-list-liner{background-color:#343a40}.salawat-card-liner{flex:0 0 auto;width:300px;margin:10px;padding:15px;background-color:#fff;border-Radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1);display:flex;flex-direction:column}.dark-mode .salawat-card-liner{background-color:#333;box-shadow:0 4px 8px hsla(0,0%,100%,.1)}.salawat-image-liner{width:100%;height:150px;object-fit:cover;border-radius:8px;margin-bottom:10px}.salawat-info-liner{text-align:center}.salawat-title-liner{font-size:18px;margin-bottom:10px}.bgimg,.dark-mode .salawat-title-liner{color:#fff}.bgimg{background-image:url(https://www.w3schools.com/w3images/forestbridge.jpg);height:100%;background-position:50%;background-size:cover;position:relative;font-family:Courier New,Courier,monospace;font-size:25px;height:700px}.topleft{top:0}.bottomleft,.topleft{position:absolute;left:16px}.bottomleft{bottom:0}.middle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}hr{margin:auto;width:40%}.btn-contact{color:#fff;background-color:#375543!important}.form-select{float:left;font-size:15px;color:#333;height:50px;margin-top:20px;display:block;width:100%;padding:.375rem 2.25rem .375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#52565b;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:16px 12px;border:1px solid #ced4da;border-radius:0;-webkit-appearance:none;appearance:none}.dark-mode .drk-bg2{background-color:#232222}
/*# sourceMappingURL=main.a6b794f4.chunk.css.map */