/*** ======= // TABLE OF CONTENT // ============================
01- Google Fonts
02- Plugin Stylesheets Import
03- General Styling
04- Cross Browser Compatibility
05- Project Style
06- Header Styles
    06.1- Header Style
    06.2- DropDown
    06.3- Header Search
    06.4- Responsive Header
    06.5- Responsive Menu
07- Sec Title
08- Theme Button
09- About Sec
10- Prayers Timing Sec
11- Services Sec
12- Pillars Sec
13- Blog Posts
14- Event
15- Donation Sec
16- Team Sec
17- Footer
18- Newsletter Sec
19- About Style 2
20- Service Style 2
21- Blog Page
22- Pagination
23- Breadcrumbs
24- Testimonials Sec
25- Causes Page
26- Event Page
27- Contact Page
28- Islamic Study Page
29- Sidebar
30- Cause Detail Page
31- Event Detail
32- Team Detail Page
33- Blog Detail Page
34- Services Detail Page
35- 404 Error Page
36- Search Found Page
37- Gallery Style
38- Product Page
39- Product Detail
40- Page Loader
41- Sidepanel


===================================================== ***/


/*===== Google Fonts =====*/



/*===== General Styling =====*/

a {color: inherit;}
a:hover,
a:focus {
  text-decoration:none;
  outline:none;
}


.less-gap,
.gap.less-gap {padding: 80px 0;}
.top-spac40,
.gap.top-spac40 {padding-top: 40px;}
.bottom-spac40,
.gap.bottom-spac40 {padding-bottom: 40px;}
.top-spac50,
.gap.top-spac50 {padding-top: 50px;}
.bottom-spac50,
.gap.bottom-spac50 {padding-bottom: 50px;}
.top-spac60,
.gap.top-spac60 {padding-top: 60px;}
.bottom-spac60,
.gap.bottom-spac60 {padding-bottom: 60px;}
.top-spac70,
.gap.top-spac70 {padding-top: 70px;}
.bottom-spac70,
.gap.bottom-spac70 {padding-bottom: 70px;}
.top-spac80,
.gap.top-spac80 {padding-top: 80px;}
.bottom-spac80,
.gap.bottom-spac80 {padding-bottom: 80px;}
.top-spac90,
.gap.top-spac90 {padding-top: 90px;}
.gap-spac90,
.gap.bottom-spac90 {padding-bottom: 90px;}
.top-spac120,
.gap.top-spac120 {padding-top: 120px;}
.gap-spac120,
.gap.bottom-spac120 {padding-bottom: 120px;}
.top-spac215,
.gap.top-spac215 {padding-top: 215px;}
.gap-spac215,
.gap.bottom-spac215 {padding-bottom: 215px;}
.top-spac260,
.gap.top-spac260 {padding-top: 260px;}
.gap-spac260,
.gap.bottom-spac260 {padding-bottom: 260px;}
.top-spac270,
.gap.top-spac270 {padding-top: 270px;}
.gap-spac270,
.gap.bottom-spac270 {padding-bottom: 270px;}
.remove-gap,
.gap.remove-gap {padding-top: 0;}
.remove-bottom,
.gap.remove-bottom {padding-bottom: 0;}
.no-gap,
.gap.no-gap {padding: 0;}
.gray-bg {background-color: #f8f8f8;}
.drk-bg {background-color: #222222;}



/*===== Cross Browser Compatibility =====*/
i,
a,
img,
input,
button,
textarea,
:before,
:after,
nav ul ul,
label,
.logo,
nav > div > ul ul,
nav > div > ul li,
td,
.pagination > li,
.rspn-cnt > li,
.rspn-mnu-btn,
.rspn-mnu-cls,
.srch-cls-btn,
.owl-nav > div,
.owl-dots > div,
.tm-inf,
.tm-inf > span,
.countdown > li,
.toggle-item > h6,
.tm-inf2,
.tm-bx2 .tm-thmb > h4,
.featured-cap > *,
.camp-info,
.tem-box3,
.tem-info,
.tem-info > *
{
  -webkit-transition: all .2s linear;
  -ms-transition: all .2s linear;
  -o-transition: all .2s linear;
  transition: all .2s linear;
}

/*===== Services Style 3 =====*/
.servs-wrap {
  /*float: left;*/
  width: 100%;
}
.servs-wrap .srv-bx4 {margin-bottom: 30px;}
.srv-bx4 {
  background-color: #f7f6fc;
  float: left;
  width: 100%;
  padding: 40px 40px;
  -webkit-border-radius: 40px;
  border-radius: 40px;
  -webkit-box-shadow: 0 0 30px rgba(0,0,0,.18);
  -ms-box-shadow: 0 0 30px rgba(0,0,0,.18);
  -o-box-shadow: 0 0 30px rgba(0,0,0,.18);
  box-shadow: 0 0 30px rgba(0,0,0,.18);
  position: relative;
}
.gray-layer3 .srv-bx4 {background-color: #fff;}
.srv-bx4:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  -webkit-border-radius: inherit;
  border-radius: inherit;
  top: 0;
  bottom: 0;
  border-bottom: 1px solid;
  opacity: 0;
}
.srv-bx4:hover:before {
  opacity: 1;
  border-bottom-width: 7px;
}
.srv-bx4 > i {
  display: inline-block;
  line-height: 75px;
  position: relative;
}
.srv-bx4 > i + .srv-info4 {margin-top: 25px;}
.srv-info4 {
  float: left;
  width: 100%;
  position: relative;
}
.srv-info4 > h4 {
  font-size: 24px;
  margin-bottom: 0;
  font-weight: 600;
}
.srv-info4 > h4 + p {margin-top: 10px;}
.srv-info4 > p {
  margin-bottom: 0;
  font-size: 15.5px;
  line-height: 26px;
}
.srv-info4 > p + a {margin-top: 7px;}
.srv-info4 > a {
  display: inline-block;
  font-weight: 500;
  color: #222;
  font-family: montserrat;
  font-size:15px;
}
.srv-info4 > a:hover {
  color: #e72827;
}
.srv-bx4:before
{
  border-bottom-color: #e72827;
}