/*
Theme Name: Taqwa
Theme URI: https://taqwa.nauthemes.com
Author: Nauthemes
Author URI: http://www.nauthemes.com
Description: Taqwa - Islamic Center WordPress Theme
Version: 2.2.6
License URI: http://themeforest.net/licenses
License: GNU General Public License v2 or later
Tags: two-columns, three-columns, left-sidebar, right-sidebar, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: taqwa
*/

/*** ======= // 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 1
    06.2- Header Style 2
    06.3- DropDown
    06.4- Header Search
    06.5- Responsive Header
    06.6- 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


===================================================== ***/
/*===== General Styling =====*/
html,
body {
  overflow-x: hidden;
}

body {
  float: left;
  font-family: lato;
  letter-spacing: 0;
  margin: 0;
  position: relative;
  width: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: Merriweather;
  color: #222;
  font-weight: 500;
}

h1 {
  font-size: 54px;
}

h2 {
  font-size: 48px;
}

h3 {
  font-size: 36px;
}

h4 {
  font-size: 30px;
}

h5 {
  font-size: 24px;
}

h6 {
  font-size: 22px;
}

.single p,
.search p,
.archive p {
  font-family: inherit;
  color: #555;
  line-height: 28px;
  font-size: 16px;
}

ul li,
ol li {
  font-family: inherit;
  color: #666;
  font-size: 14px;
  line-height: 30px;
}

a {
  color: inherit;
}

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

input,
textarea,
select,
button {
  border: 0;
}

button,
input[type="submit"],
.fileContainer,
input[type="file"] {
  cursor: pointer;
}

input:focus,
textarea:focus,
select:focus,
button:focus,
a:focus,
.form-wrp fieldset p a:focus,
.page-link:focus {
  border-color: transparent;
  outline: none;
  -webkit-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}

textarea {
  resize: none;
}

main {
  float: left;
  position: relative;
  width: 100%;
}

body.boxed {
  text-align: center;
}

body.boxed main {
  float: none;
  display: inline-block;
  text-align: left;
  width: 1720px;
}

section {
  float: left;
  position: relative;
  width: 100%;
}

.gap {
  float: left;
  padding: 100px 0;
  position: relative;
  width: 100%;
}

.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: #fafbfe;
}

.gray-bg2 {
  background-color: #f6f6f7;
}

.blue-bg {
  background-color: #0a0e27;
}

.blue-bg2,
.widget.blue-bg2.style2 {
  background-color: #141b45;
}

.drk-bg {
  background-color: #202020;
}

.twitter-bg {
  background-color: #2ba9e1;
}

.container {
  padding: 0;
  max-width: 1170px;
}

.remove-ext,
.remove-ext2,
.remove-ext3,
.remove-ext4,
.remove-ext5,
.remove-ext6,
.remove-ext7,
.remove-ext8,
.remove-ext9,
.remove-ext10,
.remove-ext11,
.remove-ext12,
.remove-ext13,
.remove-ext14,
.remove-ext15 {
  float: left;
  margin-bottom: -20px;
  width: 100%;
}

.remove-ext2 {
  margin-bottom: -25px;
}

.remove-ext3 {
  margin-bottom: -30px;
}

.remove-ext4 {
  margin-bottom: -35px;
}

.remove-ext5 {
  margin-bottom: -40px;
}

.remove-ext6 {
  margin-bottom: -45px;
}

.remove-ext7 {
  margin-bottom: -50px;
}

.remove-ext8 {
  margin-bottom: -55px;
}

.remove-ext9 {
  margin-bottom: -60px;
}

.remove-ext10 {
  margin-bottom: -65px;
}

.remove-ext11 {
  margin-bottom: -70px;
}

.remove-ext12 {
  margin-bottom: -75px;
}

.remove-ext13 {
  margin-bottom: -80px;
}

.remove-ext14 {
  margin-bottom: -85px;
}

.remove-ext15 {
  margin-bottom: -90px;
}

.overlap10,
.overlap110,
.overlap175,
.overlap-110,
.overlap-140,
.overlap-220 {
  position: relative;
  z-index: 1;
}

.overlap10 {
  margin-top: -10px;
}

.overlap110 {
  margin-top: -110px;
}

.overlap175 {
  margin-top: -175px;
}

.overlap-110 {
  margin-bottom: -110px;
}

.overlap-140 {
  margin-bottom: -140px;
}

.overlap-220 {
  margin-bottom: -220px;
}

.mrg {
  margin: 0;
}

.mrg > div {
  padding: 0;
}

.mrg6 {
  margin: 0 -3px;
}

.mrg6 > div {
  padding: 0 3px;
}

.mrg10 {
  margin: 0 -5px;
}

.mrg10 > div {
  padding: 0 5px;
}

.mrg15 {
  margin: 0 -7.5px;
}

.mrg15 > div {
  padding: 0 7.5px;
}

.mrg20 {
  margin: 0 -10px;
}

.mrg20 > div {
  padding: 0 10px;
}

.mrg25 {
  margin: 0 -12.5px;
}

.mrg25 > div {
  padding: 0 12.4px;
}

.fixed-bg,
.fixed-bg2 {
  background-position: center;
  height: 100%;
  width: 100%;
  margin: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -2;
}

.fixed-bg {
  background-attachment: fixed;
  background-size: cover;
}

.fixed-bg.set-imagebloc {
  background-attachment: inherit;
}

.fixed-bg2 {
  background-attachment: scroll;
  background-size: cover;
}

.fixed-bg2.pattern-bg,
.fixed-bg.pattern-bg {
  background-size: initial;
}

.fixed-bg.wt-gry-bg,
.fixed-bg2.wt-gry-bg {
  background-color: #f5f5f5;
}

.fixed-bg.wt-blk-bg,
.fixed-bg2.wt-blk-bg {
  background-color: #1e1d1d;
}

.black-layer:before,
.black-layer2:before,
.blue-layer:before,
.black-layer4:before,
.white-layer:before,
.gray-layer:before,
.gray-layer2:before,
.grd-lyr:before,
.theme-bg-layer:before {
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}

.gray-layer2:before {
  background-color: #fafbfe;
}

.white-layer:before {
  background-color: #ffffff;
}

.gray-layer:before {
  background-color: #ececec;
}

.black-layer:before {
  background-color: #000000;
}

.black-layer2:before {
  background-color: #171717;
}

.blue-layer:before {
  background-color: #000524;
}

.black-layer4:before {
  background-color: #070500;
}

.grd-lyr:before {
  background: -moz-linear-gradient(
    180deg,
    rgba(255, 255, 255, 1) 0%,
    rgba(0, 0, 0, 1) 100%
  );
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(0%, rgba(0, 0, 0, 1)),
    color-stop(100%, rgba(255, 255, 255, 1))
  );
  background: -webkit-linear-gradient(
    180deg,
    rgba(255, 255, 255, 1) 0%,
    rgba(0, 0, 0, 1) 100%
  );
  background: -o-linear-gradient(
    180deg,
    rgba(255, 255, 255, 1) 0%,
    rgba(0, 0, 0, 1) 100%
  );
  background: -ms-linear-gradient(
    180deg,
    rgba(255, 255, 255, 1) 0%,
    rgba(0, 0, 0, 1) 100%
  );
  background: linear-gradient(
    270deg,
    rgba(255, 255, 255, 1) 0%,
    rgba(0, 0, 0, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#ffffff', GradientType=1);
  opacity: 0.17;
  z-index: initial;
}

.hlf-parallax.black-layer:before,
.hlf-parallax.black-layer2:before,
.hlf-parallax.blue-layer:before,
.hlf-parallax.black-layer4:before,
.hlf-parallax.white-layer:before,
.hlf-parallax.gray-layer:before,
.hlf-parallax.gray-layer2:before,
.hlf-parallax.grd-lyr:before,
.hlf-parallax.theme-bg-layer:before,
.hlf-parallax .fixed-bg,
.hlf-parallax .fixed-bg2 {
  height: 65%;
}

.opc1:before {
  opacity: 0.1;
}

.opc15:before {
  opacity: 0.15;
}

.opc2:before {
  opacity: 0.2;
}

.opc25:before {
  opacity: 0.25;
}

.opc3:before {
  opacity: 0.3;
}

.opc35:before {
  opacity: 0.35;
}

.opc4:before {
  opacity: 0.4;
}

.opc45:before {
  opacity: 0.45;
}

.opc5:before {
  opacity: 0.5;
}

.opc55:before {
  opacity: 0.55;
}

.opc6:before {
  opacity: 0.6;
}

.opc65:before {
  opacity: 0.65;
}

.opc7:before {
  opacity: 0.7;
}

.opc75:before {
  opacity: 0.75;
}

.opc8:before {
  opacity: 0.8;
}

.opc85:before {
  opacity: 0.85;
}

.opc9:before {
  opacity: 0.9;
}

.opc95:before {
  opacity: 0.95;
}

iframe {
  border: 0;
  width: 100%;
}

img {
  height: auto;
  max-width: 100%;
  vertical-align: middle;
}

/*===== Cross Browser Compatibility =====*/
i,
a,
img,
input,
button,
textarea,
:before,
:after,
nav ul ul,
label,
.logo,
.logo > a img,
nav > div > ul ul,
nav > div > ul li,
.testi-nav-thmb,
td,
.srv-inf,
.serv-bx > i,
.team-bx,
.breadcrumb > li a,
.team-inf,
.cpy-rgt p a,
.em-pagination a,
.em-pagination span,
.event-bx2 .event-inf > a,
.team-inf > span,
.post-inf a,
.event-bx h5 a,
.event-bx a,
.pst-mta a,
.cause-inf a,
.event-bx:before,
.team-bx:hover .team-thmb > a::before,
.serv-inf2,
.plr-bx h5 a,
.pagination > li,
.scl1 a i,
.widget .rcnt-inf h6 a,
.style1 .tp-lnks li a,
.event-inf h5 a,
.rspn-cnt > li,
.solid-be .event-bx ul.pst-mta + a,
.solid-be .event-bx h5 a,
.solid-be .event-bx:before,
.rspn-mnu-btn,
.solid-be .post-inf > h5 a,
.solid-be .post-inf .pst-mta a,
.solid-be .post-bx.lst .post-inf > a,
.rspn-mnu-cls,
.tw-center .abt-vdo > a:hover i,
header.style4 .tp-lnks > li a:hover,
header.style1 nav > div > a.srch-btn:hover i,
header.style1 .scl1 > a:hover i,
.style1 nav > div ul ul li a:hover,
.style1 nav > div ul li a:hover,
nav a:hover,
.elementor-widget-sidebar .cat-lst li a,
.dnt-lst > a,
.tch-dwn-btn a,
.abt-vdo > a,
nav ul ul li a:hover {
  -webkit-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

nav ul ul,
.header-search,
.theme-btn:before,
.theme-btn:after,
.srch-cls-btn,
.rsnp-mnu,
.sidepanel {
  -webkit-transition: all 600ms cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition: all 600ms cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: all 600ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: all 600ms cubic-bezier(0.77, 0, 0.175, 1);
  /* easeInOutQuart */
  -webkit-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
  transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
  /* easeInOutQuart */
}

.brd-rd50 {
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.brd-rd40 {
  -webkit-border-radius: 40px;
  border-radius: 40px;
}

.brd-rd30 {
  -webkit-border-radius: 30px;
  border-radius: 30px;
}

.brd-rd20 {
  -webkit-border-radius: 20px;
  border-radius: 20px;
}

.brd-rd10 {
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

.brd-rd5 {
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.brd-rd4 {
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

.brd-rd3 {
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

/*===== Social Media Colors =====*/
.facebook {
  border-color: #3b5999;
  background-color: #3b5999;
}

.twitter {
  border-color: #55acee;
  background-color: #55acee;
}

.google {
  border-color: #dd4b39;
  background-color: #dd4b39;
}

.linkedin {
  border-color: #0077b5;
  background-color: #0077b5;
}

.facebook:hover,
.facebook:focus {
  color: #3b5999;
}

.twitter:hover,
.twitter:focus {
  color: #55acee;
}

.google:hover,
.google:focus {
  color: #dd4b39;
}

.linkedin:hover,
.linkedin:focus {
  color: #0077b5;
}

/*===== Project Style =====*/

/*===== Header Styles =====*/
header {
  float: left;
  position: relative;
  width: 100%;
  z-index: 9999;
}

header.stick {
  position: absolute;
  top: 0;
  left: 0;
}

/*=== Header Style 1 ===*/
header.style1,
header.style4 {
  position: absolute;
}

.topbar {
  float: left;
  padding: 15px 0;
  width: 100%;
}

.scl1 {
  display: inline-block;
  font-size: 14px;
  line-height: 30px;
}

.scl1 > span {
  font-family: Merriweather;
  display: inline-block;
  margin-right: 5px;
  font-size: 12px;
}

.scl1 > a {
  display: inline-block;
  margin: 5px 10px;
}
header.style5 .scl1 > a {
  line-height: 1;
}

header.style1 .scl1 > span {
  color: #fff;
}

header.style1 .scl1 > a {
  color: #fff;
}

ul.tp-lnks {
  padding-left: 0;
  list-style: none;
  margin-bottom: 0;
  display: inline-block;
}

ul.tp-lnks > li {
  float: left;
  font-size: 12px;
  margin-left: 20px;
  position: relative;
  font-family: Merriweather;
}

header.style1 ul.tp-lnks > li {
  color: #fff;
}

ul.tp-lnks > li i {
  margin-right: 10px;
  font-size: 15px;
}

.logo-menu-sec {
  float: left;
  width: 100%;
}

.logo {
  display: inline-block;
}

.logo > a {
  display: inline-block;
  padding: 15px 0;
}

nav {
  display: inline-block;
}

header.style1 nav,
header.style4 nav {
  float: right;
  margin-top: 26px;
}

nav > div {
  float: left;
  width: 100%;
}

nav > div ul {
  padding-left: 0;
  list-style: none;
  margin-bottom: 0;
}

nav > div > ul {
  display: inline-block;
  float: left;
}

nav > div ul li {
  font-size: 13px;
  font-family: Merriweather;
  float: left;
  width: 100%;
  position: relative;
}

nav > div > ul > li {
  float: left;
  font-size: 16px;
  width: auto;
  line-height: 45px;
  color: #fff;
  margin: 0 20px;
}

nav > div ul li a {
  display: inline-block;
}

nav > div ul li a::before,
nav > div ul li a:after {
  content: "";
  height: 1px;
  position: absolute;
  opacity: 0;
  visibility: hidden;
  width: 10%;
}

nav > div ul li a::before {
  top: 0;
  left: 0;
}

nav > div ul li a::after {
  right: 0;
  bottom: 0;
}

nav > div ul li:hover > a::before,
nav > div ul li:hover > a::after,
nav > div ul li > a:focus:before,
nav > div ul li > a:focus:after {
  opacity: 1;
  visibility: hidden;
  width: 100%;
}

nav > div > a.srch-btn {
  line-height: 45px;
  float: right;
  font-size: 16px;
  margin-left: 30px;
}

header.style1 nav > div > a.srch-btn {
  color: #fff;
}

/*===== DropDown =====*/

.style1 nav > div ul ul {
  position: absolute;
  left: 0;
  /*top: 100%;*/
  top: 67px;
  background-color: rgba(0, 0, 0, 0.6);
  width: 220px;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: scale(0.4);
  -ms-transform: scale(0.4);
  -o-transform: scale(0.4);
  transform: scale(0.4);
  -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
}

nav > div ul ul {
  position: absolute;
  left: 0;
  top: 100%;
  background-color: #fff;
  width: 220px;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: scale(0.4);
  -ms-transform: scale(0.4);
  -o-transform: scale(0.4);
  transform: scale(0.4);
  -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
}

nav > div ul ul ul {
  top: 0;
  left: 100%;
}

nav > div ul ul li {
  float: left;
  width: 100%;
}

.style1 nav > div ul ul li + li {
  border-top: 1px solid rgba(255, 255, 255, 0.15);
}

nav > div ul ul li + li {
  border-top: 1px solid #ddd;
}

nav > div ul ul li a {
  float: left;
  padding: 7px 25px;
  width: 100%;
}

nav > div ul li.menu-item-has-children:hover > ul {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

nav > div ul li.menu-item-has-children {
  padding-right: 15px;
}

nav > div ul li.menu-item-has-children > i {
  position: absolute;
  line-height: 46px;
  right: 0;
  font-size: 12px;
}

nav > div ul ul li.menu-item-has-children > i {
  right: 25px;
}

.menu-sec nav > div > ul > li > i {
  line-height: 56px;
}

.menu-sec nav > div > ul > li:hover > i {
  color: #000;
}

/*===== Header Search =====*/
.header-search {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.95);
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  left: 100%;
}

.srch-cls-btn {
  position: absolute;
  right: 20px;
  top: 40px;
  line-height: 45px;
  width: 45px;
  color: #333;
  background-color: #fff;
  text-align: center;
  font-size: 15px;
  cursor: pointer;
}

.srch-cls-btn:hover {
  color: #fff;
}

.header-search > form {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  right: 0;
  width: 50%;
  text-align: center;
  margin: 0 auto;
  border: 1px solid;
}

.header-search form input:placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: red;
  opacity: 1;
  /* Firefox */
}

.header-search form input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: red;
}

.header-search form input:-ms-input-placeholder {
  /* Microsoft Edge */
  color: red;
}

.header-search > form input {
  float: left;
  width: 100%;
  padding: 20px 150px 20px 50px;
  font-size: 25px;
  background-color: transparent;
  color: #fff;
}

.header-search > form button {
  position: absolute;
  color: #fff;
  right: 55px;
  background-color: transparent;
  font-size: 25px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.header-search.active {
  left: 0;
  opacity: 1;
  visibility: visible;
}

/*=== Header Style 2 ===*/
header.style2 .topbar {
  background-color: #4a2302;
  padding: 10px 0;
}

header.style2 ul.tp-lnks > li {
  color: #fff;
}

header.style2 .scl1 {
  color: #fff;
}

ul.float-left > li {
  margin: 0 20px 0 0;
  padding-right: 20px;
  font-family: Merriweather;
  font-size: 13px;
}

header.style2 ul.tp-lnks > li:before {
  content: "";
  height: 10px;
  width: 1px;
  background-color: #979797;
  position: relative;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -5px;
}

header.style2 ul.tp-lnks > li:last-child:before {
  display: none;
}

.logo-inf-sec {
  float: left;
  width: 100%;
}

.cnt-inf-btn {
  margin-top: 16px;
  margin-bottom: 16px;
}

.inf-lst {
  padding-left: 0;
  list-style: none;
  margin-bottom: 0;
  float: left;
}

.inf-lst > li {
  float: left;
  margin-right: 30px;
  margin-top: 15px;
  font-family: Merriweather;
}

.inf-lst > li i {
  margin-right: 10px;
  font-size: 16px;
  height: 50px;
  width: 50px;
  border: 2px dotted #5d2b004d;
  text-align: center;
  line-height: 46px;
  display: inline-block;
}

.cnt-inf-btn > a {
  margin-top: 14px;
}

.menu-sec {
  float: left;
  width: 100%;
  position: relative;
}

.menu-sec:before {
  content: "";
  position: absolute;
  bottom: -11px;
  background-image: url(../../plugins/ingeniofy/assets/images/hdr-shp.png);
  height: 11px;
  left: 0;
  right: 0;
  background-position: center;
}

.menu-sec nav {
  margin-left: -15px;
  float: left;
  width: 100%;
}

.menu-sec nav > div > ul > li {
  line-height: 60px;
  float: left;
  width: auto;
}

.menu-sec nav > div > ul > li:hover > a,
.menu-sec nav > div > ul > li > a:focus {
  color: #4a2302;
}

.hdr-srch {
  float: right;
}

.hdr-srch > form {
  float: left;
  width: 100%;
  position: relative;
  margin-left: 18px;
}

.hdr-srch > form input {
  background-color: transparent;
  color: rgba(255, 255, 255, 0.7);
  height: 60px;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  padding-left: 20px;
  width: 238px;
  font-family: Merriweather;
  font-size: 16px;
}

.hdr-srch > form input::-webkit-input-placeholder {
  color: #fff;
}

.hdr-srch > form input::-moz-placeholder {
  color: #fff;
}

.hdr-srch > form input:-ms-input-placeholder {
  color: #fff;
}

.hdr-srch > form button {
  background-color: transparent;
  color: #fff;
}

.hdr-srch > form button:hover,
.hdr-srch > form button:focus {
  color: #000;
}

header.style2 .logo > a {
  padding: 10px 0;
}

.menu-sec:before {
  display: none;
}

.menu-sec .mnu-btm-shp {
  position: absolute;
  bottom: -17px;
  z-index: -1;
  width: 200%;
}

.mnu-btm-shp > i {
  height: 30px;
  width: 40px;
  display: inline-block;
  margin: 3px -2px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

/*===== Responsive Header =====*/
.rspn-hdr {
  display: none;
  float: left;
  width: 100%;
  position: relative;
  z-index: 999;
}

.rspn-mdbr {
  background-color: #252a2c;
  float: left;
  width: 100%;
}

.rspn-scil {
  float: left;
  list-style: outside none none;
  margin-bottom: 0;
  padding-left: 0;
}

.rspn-scil > li {
  color: #fff;
  float: left;
  font-size: 10px;
  line-height: 38px;
  margin-right: 1px;
  text-align: center;
}

.rspn-scil > li:last-child {
  margin-right: 0;
}

.rspn-scil > li a {
  background-color: #3d3d3d;
  color: inherit;
  float: left;
  height: 38px;
  width: 33px;
}

.rspn-srch {
  float: right;
  height: 38px;
  position: relative;
  width: calc(100% - 135px);
}

.rspn-srch > input {
  background-color: transparent;
  border: 0 none;
  color: #7e7e7e;
  font-family: lato;
  font-size: 12px;
  font-style: italic;
  height: 100%;
  padding: 0 7%;
  width: 100%;
}

.rspn-srch > input:focus {
  font-style: normal;
}

.rspn-srch > button {
  background-color: transparent;
  border: 0;
  color: #999;
  font-size: 12px;
  height: 100%;
  position: absolute;
  right: 10px;
  top: 0;
}

.lg-mn {
  float: left;
  padding: 20px;
  position: relative;
  width: 100%;
}

.lg-mn .logo {
  float: left;
  width: auto;
}

.lg-mn .logo > a {
  padding: 0;
}

.lg-mn {
  text-align: center;
}

.rspn-cnt {
  display: inline-block;
  margin-top: 17.5px;
}

.rspn-cnt > span {
  display: inline-block;
  margin: 10px 8px 0;
}

.rspn-cnt > span i {
  margin-right: 8px;
}

.rspn-cnt > span {
  color: #504848;
}

.rspn-mnu-btn {
  background-color: #5d2b00;
  color: #fff;
  cursor: pointer;
  font-size: 13px;
  height: 40px;
  line-height: 40px;
  position: absolute;
  right: 20px;
  text-align: center;
  top: 50%;
  width: 40px;
  margin-top: -20px;
}

/*===== Responsive Menu =====*/
.rsnp-mnu {
  background-color: #0c0c0c;
  bottom: 0;
  opacity: 0;
  padding: 85px 40px 50px;
  position: fixed;
  right: -350px;
  top: 0;
  visibility: hidden;
  z-index: 99999;
  max-width: 350px;
  width: 100%;
}

.rsnp-mnu.slidein {
  opacity: 1;
  right: 0;
  visibility: visible;
}

.rspn-mnu-cls {
  background-color: #303030;
  color: #fff;
  cursor: pointer;
  font-size: 13px;
  height: 40px;
  line-height: 40px;
  position: absolute;
  right: 12px;
  text-align: center;
  top: 12px;
  width: 40px;
}

.rsnp-mnu > ul {
  display: inline-block;
  list-style: outside none none;
  margin-bottom: 0;
  padding-left: 0;
  overflow-y: auto !important;
  height: 420px;
  width: 100% !important;
  margin-top: 30px;
}

.rsnp-mnu > ul > li {
  color: #fff;
  float: left;
  font-family: Merriweather;
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 20px;
  position: relative;
  width: 100%;
}

.rsnp-mnu > ul > li a {
  color: inherit;
  display: block;
  font-family: Merriweather;
  font-size: 13px;
}

.rsnp-mnu > ul > li:last-child {
  margin-bottom: 0;
}

.rsnp-mnu > ul ul {
  display: none;
  list-style: outside none none;
  margin-bottom: 0;
  padding-left: 20px;
  opacity: 1;
  position: static;
  visibility: visible;
}

.rsnp-mnu ul li.menu-item-has-children.active > a {
  margin-bottom: 15px;
}

.rsnp-mnu > ul li.menu-item-has-children a::before {
  content: ". . .";
  right: 0;
  position: absolute;
  top: -2px;
}

.rsnp-mnu > ul ul > li {
  color: #a4a4a4;
  font-family: lato;
  font-size: 14px;
  margin-bottom: 12px;
  position: relative;
  text-transform: initial;
}

.rsnp-mnu > ul ul > li:last-child {
  margin-bottom: 0;
}

/*===== Sec Title =====*/
.sec-tl {
  float: left;
  margin-bottom: 55px;
  width: 100%;
}

.sec-tl > span {
  display: inline-block;
  font-family: Merriweather;
  font-size: 20px;
}

.sec-tl > h2 {
  margin-bottom: 0;
}

/*===== Theme Button =====*/
.theme-btn {
  display: inline-block;
  font-family: Merriweather;
  color: #fff;
  font-size: 15px;
  padding: 14px 35px;
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.theme-btn:before,
.theme-btn:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 10%;
  opacity: 0;
  visibility: hidden;
  z-index: -1;
  background-color: #000;
}

.theme-btn:hover:before,
.theme-btn:focus:before,
.theme-btn:hover:after,
.theme-btn:focus:after {
  width: 100%;
  opacity: 1;
  visibility: visible;
}

.theme-btn:hover,
.theme-btn:focus {
  color: #fff;
}

.theme-btn::before {
  left: 0;
}

.theme-btn::after {
  right: 0;
}

/*===== About Sec =====*/
.abt-sec-wrp {
  float: left;
  direction: rtl;
  width: 100%;
}

.abt-desc {
  display: flex;
  /* Enables flexbox */
  flex-direction: column;
  /* Stack child elements vertically */
  justify-content: center;
  /* Center elements vertically */
  align-items: flex-end;
  /* Align items to the start of the horizontal axis */
  height: 100%;
  /* Set to the height of the parent container */
}

.abt-desc .sec-tl {
  float: none;
  display: inline-block;
  margin-bottom: 0;
}

.abt-desc > p {
  margin: 10px 0 10px;
  direction: ltr;
}

.abt-desc > a {
  margin-top: 15px;
}

.abt-vdo {
  float: left;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.abt-vdo:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #000;
  opacity: 0.5;
}

.abt-vdo > img {
  width: 100%;
}

.abt-vdo > a {
  position: absolute;
  color: #fff;
  z-index: 1;
  top: 50%;
  left: 50%;
  font-size: 90px;
  margin: -45px 0 0 -45px;
}

/*===== Prayers Timing Sec =====*/
.prayer-timing-wrp {
  float: left;
  width: 100%;
}

.timing-mockp {
  float: left;
  margin-top: 50px;
  width: 100%;
}

.timing-data {
  float: left;
  width: 100%;
}

.cntry-selc {
  float: right;
  margin-bottom: 30px;
}

.selec-wrp {
  display: inline-block;
}

.selec-wrp .btn-group {
  width: auto !important;
  -webkit-border-radius: inherit;
  border-radius: inherit;
}

.selec-wrp .btn-group > button {
  background-color: #fff;
  border: 1px solid #ddd;
  font-size: 14px;
  color: #777;
  -webkit-border-radius: inherit;
  border-radius: inherit;
  padding: 11px 30px 11px 20px;
}

.bootstrap-select > .dropdown-toggle,
.bootstrap-select > .dropdown-toggle:hover,
.bootstrap-select > .dropdown-toggle:focus {
  -webkit-box-shadow: none !important;
  -ms-box-shadow: none !important;
  -o-box-shadow: none !important;
  box-shadow: none !important;
  outline: none !important;
}

.cntry-selc .selec-wrp {
  float: left;
  margin: 0 0 10px 10px;
}

.selec-wrp .btn-group > button span {
  float: left;
  width: 100%;
}

.prayer-timings {
  float: left;
  width: 100%;
}

.prayer-timings > table {
  float: left;
  width: 100%;
}

.prayer-timings > table th {
  font-family: Merriweather;
  color: #222;
  font-size: 24px;
}

.prayer-timings > table th span {
  position: relative;
  display: inline-block;
  padding-bottom: 20px;
  margin-bottom: 15px;
}

.prayer-timings > table th span:before {
  content: "";
  width: 130px;
  height: 9px;
  background-image: url(../../plugins/ingeniofy/assets/images/prayer-head-shp.png);
  position: absolute;
  bottom: 0;
  background-position: center;
  background-repeat: no-repeat;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}

.prayer-timings > table td {
  font-size: 18px;
  font-weight: 700;
  color: #222;
  padding: 10px;
}

.prayer-timings > table td span {
  font-family: Merriweather;
}

/*===== Services Sec =====*/
.remove-ext3 .serv-bx {
  margin-bottom: 30px;
}

.serv-bx {
  float: left;
  width: 100%;
}

.serv-bx > i {
  font-size: 100px;
  line-height: initial;
  margin-bottom: 20px;
  display: inline-block;
}

/*.serv-bx > h4 {font-weight: 400;}*/
.serv-bx > h5 {
  margin-bottom: 0;
}

.srv-inf {
  float: left;
  width: 100%;
  margin-top: 55px;
  position: relative;
  text-align: initial;
  padding: 23px 25px 25px;
  z-index: 1;
}

.srv-inf:before {
  content: "";
  background-color: inherit;
  -webkit-border-radius: inherit;
  border-radius: inherit;
  left: 0;
  right: 0.5px;
  height: 40px;
  position: absolute;
  top: -12px;
  -webkit-transform: rotate(-5deg);
  -ms-transform: rotate(-5deg);
  -o-transform: rotate(-5deg);
  transform: rotate(-5deg);
  z-index: -1;
}

.theme-bg.srv-inf > p,
.green-bg.srv-inf > p {
  color: #fff;
}

.srv-inf > p {
  margin-bottom: 0;
}

.view-more {
  float: left;
  margin-top: 55px;
  width: 100%;
}

/*===== Pillars Sec =====*/
.black-layer .sec-tl > h2 {
  color: #fff;
}

.plrs-wrp {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -15px;
  padding-left: 0;
  list-style: none;
}

.plrs-wrp > li {
  max-width: 20%;
  flex: 0 0 20%;
  padding: 0 15px;
}

.remove-ext3 .plr-bx {
  margin-bottom: 30px;
}

.plr-bx {
  float: left;
  width: 100%;
  position: relative;
}

.plr-bx > i {
  line-height: 155px;
  width: 160px;
  color: #fff;
  font-size: 70px;
  border: 2px dotted #fff;
  display: inline-block;
  height: 160px;
  margin-bottom: 20px;
  position: relative;
}

.plr-bx > h5 {
  margin-bottom: 10px;
  font-weight: 400;
}

.black-layer .plr-bx > h5 {
  color: #fff;
}

.plr-bx > span {
  font-family: Merriweather;
  font-size: 18px;
}

.plr-bx > i:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: orange;
  opacity: 0.4;
  z-index: -1;
  -webkit-border-radius: inherit;
  border-radius: inherit;
}

.plr-bx:before {
  content: "";
  position: absolute;
  height: 27px;
  width: 81px;
  background-image: url(../../plugins/ingeniofy/assets/images/pilr-shp.png);
  top: 85px;
  right: -55px;
}

.plrs-wrp > li:last-child .plr-bx::before {
  display: none;
}

.plrs-wrp > li:nth-child(2n) .plr-bx:before {
  -webkit-transform: rotateX(180deg);
  -ms-transform: rotateX(180deg);
  -o-transform: rotateX(180deg);
  transform: rotateX(180deg);
  top: 60px;
}

/*===== Blog Posts =====*/
.post-bx {
  float: left;
  width: 100%;
  -webkit-box-shadow: 0 0 70px rgb(0 0 0 / 15%);
  -ms-box-shadow: 0 0 70px rgba(0, 0, 0, 0.15);
  -o-box-shadow: 0 0 70px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 15px rgb(0 0 0 / 8%);
  overflow: hidden;
}

.post-bx.lst {
  display: table;
  overflow: hidden;
}

.remove-ext3 .post-bx {
  margin-bottom: 30px;
}

.post-thmb {
  float: left;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.post-thmb > a {
  float: left;
  width: 100%;
}

.post-thmb > a:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #000;
  opacity: 0;
  z-index: 1;
}

.post-bx:hover .post-thmb > a::before {
  opacity: 0.5;
}

.post-bx:hover .post-thmb img {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}

.post-inf {
  float: left;
  width: 100%;
  padding: 25px 30px 30px;
  -webkit-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
}

.post-inf > h5 {
  margin-bottom: 0;
  font-size: 20px;
}

.pst-mta {
  padding-left: 0;
  list-style: none;
  margin-bottom: 5px;
  display: inline-block;
}

.pst-mta > li {
  display: inline-block;
  font-size: 13px;
  margin: 5px 15px 0 0;
  font-weight: 400;
  font-family: Merriweather;
  color: #999;
}

.pst-mta > li:last-child {
  margin-right: 0;
}

.pst-mta > li i {
  margin-right: 7px;
}

.post-inf > p {
  line-height: 25px;
  margin-bottom: 0;
}

.post-inf > a {
  display: inline-block;
  font-family: Merriweather;
  font-weight: 700;
  font-size: 15px;
  margin-top: 23px;
}

.post-bx.lst > * {
  display: table-cell;
  vertical-align: middle;
  width: auto;
  float: none;
}

.post-bx.lst .post-thmb {
  width: 300px;
}

.post-bx.lst .post-info {
  padding: 20px;
}

.post-thmb img {
  width: 100%;
}

.post-bx.lst .post-inf {
  padding: 15px 25px;
}

.post-bx.lst .post-inf > a {
  margin-top: 15px;
}

/*===== Event =====*/
.remove-ext3 .event-bx {
  margin-bottom: 18px;
}

.event-bx {
  float: left;
  position: relative;
  width: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 1;
  -webkit-box-shadow: 0 0 70px rgba(0, 0, 0, 0.05);
  -ms-box-shadow: 0 0 70px rgba(0, 0, 0, 0.05);
  -o-box-shadow: 0 0 70px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 70px rgba(0, 0, 0, 0.05);
  padding: 24px 25px 24px 100px;
}

.event-bx:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  z-index: -1;
  -webkit-border-radius: inherit;
  border-radius: inherit;
}

.event-bx > span {
  position: absolute;
  left: 25px;
  font-weight: 700;
  font-size: 50px;
  line-height: initial;
  text-align: center;
  margin-top: -15px;
  line-height: 1.1;
}

.event-bx > span i {
  font-family: "Merriweather";
  font-style: normal;
  font-size: 18px;
  display: block;
  font-weight: 600;
}

.event-bx > h5 {
  font-size: 18px;
  margin-bottom: 0;
}

.event-bx > a {
  display: block;
}

.event-bx:hover > h5 {
  color: #fff;
}

.event-bx:hover .pst-mta > li {
  color: #f1f1f1;
}

.event-bx:hover > a {
  color: #fff;
}

.event-bx:hover:before {
  background-color: rgba(0, 0, 0, 0.5);
}

/*===== Donation Sec =====*/
.dnt-sec-wrp {
  float: left;
  width: 100%;
}

.dnt-img-wrp {
  float: left;
  width: 100%;
}

.dnt-img-wrp .img-thmb {
  float: left;
  position: relative;
  width: 100%;
  background-position: center;
  background-size: cover;
  min-height: 654px;
}

.dnt-img-wrp .img-thmb:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #000;
  opacity: 0.5;
}

.dnt-img-wrp .img-thmb img {
  width: 100%;
}

.owl-carousel .owl-nav {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
}

.owl-carousel .owl-nav > button {
  position: absolute;
  color: #fff !important;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 40px;
  text-align: center;
  line-height: 60px !important;
  font-size: 27px !important;
}

.owl-carousel .owl-nav > button.owl-prev {
  right: 0;
  -webkit-border-radius: 30px 0 0 30px;
  border-radius: 30px 0 0 30px;
}

.owl-carousel .owl-nav > button.owl-next {
  left: 0;
  -webkit-border-radius: 0 30px 30px 0;
  border-radius: 0 30px 30px 0;
}

.dnt-wrp {
  float: left;
  padding: 73px 50px;
  position: relative;
  width: 100%;
  max-width: 600px;
}

.dnt-wrp .sec-tl {
  margin-bottom: 10px;
}

.dnt-lst {
  float: left;
  width: 100%;
  margin-bottom: 15px;
  font-family: Merriweather;
}

.dnt-lst > a {
  float: left;
  margin: 10px 10px 5px 0;
  font-weight: 700;
  font-size: 18px;
  padding: 8px 30px;
  border: 1px solid #ddd;
}

.dnt-lst > a:hover,
.dnt-lst > a:focus {
  color: #fff;
}

.dnt-frm {
  float: left;
  width: 100%;
}

.dnt-wrp > img {
  max-width: 60%;
  display: none;
}

.dnt-frm input {
  float: left;
  width: 100%;
  height: 40px;
  padding: 10px 22px;
  font-size: 14px;
  margin-bottom: 10px;
  border: 1px dotted #ccc;
  font-family: "Merriweather";
}

.prg-wrp {
  display: inline-block;
  width: 100%;
  margin-top: 25px;
}

.prg-wrp > h5 {
  font-weight: 400;
  margin-bottom: 20px;
  text-transform: capitalize;
}

.prg-wrp .progress {
  float: left;
  width: 100%;
  background-color: #dcdcdc;
  height: 7px;
  overflow: initial;
}

.prg-wrp .progress .progress-bar {
  height: inherit;
  position: relative;
  -webkit-border-radius: inherit;
  border-radius: inherit;
}

.prg-wrp .progress .progress-bar > span {
  line-height: 35px;
  width: 35px;
  position: absolute;
  right: -15px;
  font-size: 10px;
}

.prg-wrp > span {
  display: inline-block;
  margin: 20px 30px 0 0;
  font-size: 15px;
  font-family: Merriweather;
}

.prg-wrp > span i {
  font-style: normal;
  padding: 0 3px;
}

.prg-wrp + a {
  margin-top: 25px;
}

/*===== Team Sec =====*/
.team-sec {
  float: left;
  padding: 0 35px;
  width: 100%;
}

.remove-ext7 .team-bx {
  margin-bottom: 50px;
}

.team-bx {
  float: left;
  width: 100%;
}

.team-thmb {
  float: left;
  width: 100%;
  overflow: hidden;
  position: relative;
}

.team-thmb img {
  width: 100%;
}

.team-thmb > a {
  float: left;
  width: 100%;
  position: relative;
}

.team-thmb > a:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 1;
  background-color: #000;
  opacity: 0;
}

.team-bx:hover .team-thmb > a::before {
  opacity: 0.5;
}

.team-inf {
  float: left;
  width: 100%;
  margin-left: 5%;
  max-width: 90%;
  margin-top: -70px;
  z-index: 1;
  position: relative;
  background-color: #fff;
  -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.25);
  -ms-box-shadow: 0 0 40px rgba(0, 0, 0, 0.25);
  -o-box-shadow: 0 0 40px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.25);
  padding: 15px 15px 20px;
}

.team-inf .scl1 > a:hover,
.team-inf .scl1 > a:focus {
  color: #fff;
}

.team-inf .scl1 {
  margin-bottom: 5px;
}

.team-inf > h5 {
  margin-bottom: 0;
  font-size: 18px;
}

.team-inf > h5 a:hover,
.team-inf > h5 a:focus {
  color: #fff;
}

.team-inf > span {
  position: relative;
  display: inline-block;
  padding-top: 10px;
  margin-top: 12px;
  font-size: 14px;
  font-family: Merriweather;
  color: #999;
}

.team-inf > span:before {
  content: "";
  height: 1px;
  width: 100px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -50px;
}

.team-bx:hover .team-inf > h5 {
  color: #fff;
}

.team-bx:hover .team-inf > span {
  color: #fff;
}

.team-bx:hover .team-inf > span:before {
  background-color: #fff !important;
}

.team-bx:hover .team-thmb {
  -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.15);
  -ms-box-shadow: 0 0 40px rgba(0, 0, 0, 0.15);
  -o-box-shadow: 0 0 40px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.15);
}

/*===== Footer =====*/
.footer-data {
  background-color: #fff;
  float: left;
  margin-left: -80px;
  -webkit-width: calc(100% + 160px);
  -ms-width: calc(100% + 160px);
  width: calc(100% + 160px);
  padding: 70px 65px 40px;
  -webkit-box-shadow: 0 0 100px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 0 100px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 0 100px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 100px rgba(0, 0, 0, 0.1);
}

.footer-data-inr {
  float: left;
  width: 100%;
}

.widget {
  float: left;
  margin-bottom: 40px;
  width: 100%;
}

.widget > h5 {
  margin-bottom: 25px;
}

.widget > p {
  margin-bottom: 0;
  line-height: 24px;
  font-family: Merriweather;
  font-size: 14px;
  color: #888;
}

.loc-mp {
  float: left;
  width: 100%;
  height: 85px;
  margin-top: 20px;
}

.widget > span {
  font-family: Merriweather;
  font-size: 14px;
  display: inline-block;
  margin-top: 15px;
}

.widget > span i {
  margin-right: 10px;
}

.rcnt-wrp {
  float: left;
  width: 100%;
}

.rcnt-bx {
  float: left;
  width: 100%;
}

.rcnt-bx > a {
  float: left;
  overflow: hidden;
}

.rcnt-bx > a + .rcnt-inf {
  padding-left: 15px;
}

.rcnt-bx {
  display: table;
}

.rcnt-inf {
  display: table;
  margin-top: 10px;
}

.rcnt-inf > h6 {
  font-weight: 400;
  font-size: 16px;
  margin-bottom: 0px;
}

.rcnt-inf > span {
  display: inline-block;
}

.rcnt-inf > span i {
  margin-right: 5px;
}

.cnt-inf {
  float: left;
  padding-left: 0;
  list-style: none;
  margin-bottom: 0;
  width: 100%;
}

.cnt-inf > li {
  float: left;
  width: 100%;
  position: relative;
  padding-left: 25px;
  line-height: 25px;
}

.cnt-inf > li + li {
  margin-top: 20px;
}

.cnt-inf > li i {
  position: absolute;
  left: 0;
  top: 8px;
}

.cnt-inf + .scl1 {
  margin-top: 10px;
  border-top: 1px dashed #ddd;
  width: 100%;
}

footer .scl1 > a {
  color: #666;
}

.widget > form {
  float: left;
  width: 100%;
}

.widget > input,
.wpcf7-form-control-wrap input,
.wpcf7-form-control-wrap textarea,
.widget > textarea {
  float: left;
  width: 100%;
  margin-bottom: 10px;
  border: 1px solid #ddd !important;
  font-size: 15px;
  padding: 10px 24px;
  color: #777;
}

.cpy-rgt {
  float: left;
  width: 100%;
  border-top: 1px dotted #fff;
  padding: 15px 0px 0px 0px;
}

.cpy-rgt > p {
  margin-bottom: 0;
  font-family: Merriweather;
}

/*===== Newsletter Sec =====*/
.newsletter-wrp {
  float: left;
  width: 100%;
}

.newsletter-wrp h4 {
  font-weight: 400;
  margin-bottom: 0;
  line-height: 45px;
}

.theme-bg h4 {
  color: #fff;
}

.newsletter {
  float: left;
  width: 100%;
  position: relative;
}

.newsletter > input {
  -webkit-border-radius: inherit;
  border-radius: inherit;
  height: 45px;
  padding: 10px 45px;
  width: 100%;
  color: #777;
}

.newsletter > button {
  position: absolute;
  right: -1px;
  -webkit-border-radius: inherit;
  border-radius: inherit;
  top: 0;
  bottom: 0;
  padding: 0 50px;
}

/*===== About Style 2 =====*/
.abt-sec-wrp.style2 {
  direction: ltr;
}

.abt-vdo.style2 {
  overflow: initial;
}

.abt-vdo.style2 img {
  width: auto;
  float: right;
  -webkit-border-radius: inherit;
  border-radius: inherit;
}

.abt-vdo.style2:before {
  background-color: transparent;
  opacity: 1;
  border-width: 10px;
  border-style: solid;
  z-index: -1;
  top: 25px;
  -webkit-border-radius: inherit;
  border-radius: inherit;
  bottom: -30px;
  right: 30px;
  height: 390px;
  width: 510px;
  left: 35px;
}

/*===== Service Style 2 =====*/
.serv-bx2 {
  float: left;
  overflow: hidden;
  position: relative;
  width: 100%;
  -webkit-box-shadow: 0 0 70px rgba(0, 0, 0, 0.05);
  -ms-box-shadow: 0 0 70px rgba(0, 0, 0, 0.05);
  -o-box-shadow: 0 0 70px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 70px rgba(0, 0, 0, 0.05);
}

.serv-thmb2 {
  float: left;
  width: 100%;
}

.serv-thmb2 > a {
  float: left;
  width: 100%;
}

.serv-thmb2 > a img {
  width: 100%;
}

.serv-inf2 {
  float: left;
  padding: 20px 15px;
  width: 100%;
  background: #fff;
}

.serv-inf2 > h5 {
  font-size: 18px;
  margin-bottom: 0;
}

.serv-bx2:hover .serv-inf2 > h5 {
  color: #fff;
}

.serv-inf2 > h5 a:hover {
  color: #fff;
}

.serv-inf2 > h5 a:focus {
  color: #000;
}

.remove-ext5 .serv-bx2 {
  margin-bottom: 40px;
}

/*===== Blog Page =====*/
.blog-sec {
  -webkit-width: calc(100% + 140px);
  -ms-width: calc(100% + 140px);
  width: calc(100% + 140px);
  margin-left: -70px;
}

.col-md-6 .post-inf > h5 {
  font-size: 21px;
}

/*===== Pagination =====*/
.pagination-wrap {
  float: left;
  width: 100%;
  margin-top: 50px;
}

.pagination {
  display: inline-block;
  margin-bottom: 0;
  border-radius: 0;
}

.pagination > li {
  display: inline-block;
  float: left;
  margin: 0px 2px;
  line-height: 50px;
  font-weight: 700;
  color: #999;
  -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.05);
  -ms-box-shadow: 0 0 30px rgba(0, 0, 0, 0.05);
  -o-box-shadow: 0 0 30px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.05);
  width: 50px;
  overflow: hidden;
  font-size: 16px;
}

.pagination > li a,
.pagination > li span {
  height: 50px;
  width: 50px;
  display: inline-block;
  padding: 0;
  line-height: 50px;
  border: 0;
  color: inherit;
}

.pagination > li a {
  background-color: transparent;
}

.pagination > li.page-item {
  line-height: 45px;
}

.pagination > li a:hover,
.pagination > li a:focus,
.pagination > li span {
  color: #fff;
}

/*===== Breadcrumbs =====*/
.pg-tp-wrp {
  float: left;
  width: 100%;
  padding-top: 0px;
}

.pg-tp-inr {
  display: inline-block;
}

.black-layer h1 {
  color: #fff;
}

.pg-tp-inr > h1 {
  margin-bottom: 0;
}

.breadcrumb {
  border: 0;
  padding: 15px 0 0;
  margin: 15px 0 0;
  background-color: transparent;
  -webkit-border-radius: 0;
  border-radius: 0;
  display: inline-block;
  position: relative;
}

.breadcrumb > li {
  display: inline-block;
  font-size: 16px;
  color: #fff;
  font-family: Merriweather;
}

.breadcrumb-item + .breadcrumb-item::before {
  color: #fff;
}

/*===== Testimonials Sec =====*/
.testi-wrp {
  float: left;
  width: 100%;
}

.testi-inr {
  float: left;
  width: 100%;
}

.testi-bx {
  float: left;
  width: 100%;
}

.testi-desc {
  float: left;
  width: 100%;
  border-width: 3px 1px 1px;
  border-color: #ddd;
  border-style: solid;
  position: relative;
  padding: 25px 30px;
  margin-bottom: 40px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.testi-desc > p {
  margin-bottom: 0;
}

.testi-desc:before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -18px;
  border-left: 18px solid transparent;
  border-right: 18px solid transparent;
  border-top: 18px solid #ddd;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}

.testi-desc:after {
  content: "";
  position: absolute;
  left: 50%;
  border-left: 18px solid transparent;
  border-right: 18px solid transparent;
  border-top: 18px solid #fff;
  bottom: -16px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}

.testi-inf {
  float: left;
  width: 100%;
}

.testi-inf > img {
  width: auto !important;
  display: inline-block !important;
}

.testi-inf > h6 {
  margin: 15px 0 0;
  font-size: 20px;
}

.testi-car.owl-carousel .owl-nav > button {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  -webkit-border-radius: 50%;
  border-radius: 50%;
  height: 40px;
  line-height: 40px !important;
  font-size: 19px !important;
}

.testi-car.owl-carousel .owl-nav {
  top: 50px;
  left: -60px;
  right: -60px;
}

.testi-car.owl-carousel .owl-nav > button.owl-prev {
  right: auto;
  left: 0;
}

.testi-car.owl-carousel .owl-nav > button.owl-next {
  left: auto;
  right: 0;
}

/*===== Causes Page =====*/
.remove-ext5 .cause-bx {
  margin-bottom: 40px;
}

.cause-bx {
  float: left;
  width: 100%;
  overflow: hidden;
  -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.05);
  -ms-box-shadow: 0 0 30px rgba(0, 0, 0, 0.05);
  -o-box-shadow: 0 0 30px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.05);
}

.cause-thmb {
  float: left;
  width: 100%;
}

.cause-thmb > a {
  float: left;
  width: 100%;
}

.cause-thmb img {
  width: 100%;
}

.cause-inf {
  float: left;
  width: 100%;
  padding: 25px;
  background: #fff;
  text-align: center;
}

.cause-inf > h5 {
  margin-bottom: 10px;
}

.cause-inf > span {
  color: #666;
  display: inline-block;
}

.cause-inf > span i {
  margin-right: 7px;
}

.cause-inf > p {
  margin: 10px 0 0;
  line-height: 25px;
}

.prg-wrp > span:last-child {
  margin-right: 0;
}

.btns-wrp {
  display: inline-block;
  margin-top: 13px;
}

.theme-btn.mini {
  padding: 10px 35px;
  font-size: 14px;
}

.btns-wrp > a {
  float: left;
  margin: 10px 10px 0 0;
}

/*===== Event Page =====*/
.remove-ext5 .event-bx2 {
  margin-bottom: 40px;
}

.event-bx2 {
  float: left;
  width: 100%;
  overflow: hidden;
  -webkit-box-shadow: 0 0 70px rgba(0, 0, 0, 0.15);
  -ms-box-shadow: 0 0 70px rgba(0, 0, 0, 0.15);
  -o-box-shadow: 0 0 70px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 70px rgba(0, 0, 0, 0.15);
}

.event-thmb {
  float: left;
  position: relative;
  width: 100%;
}

.event-thmb > span,
.event-detail-img > span {
  position: absolute;
  color: #fff;
  left: 0;
  top: 0;
  width: 70px;
  font-size: 20px;
  line-height: 22px;
  text-align: center;
  z-index: 1;
  padding: 10px 10px;
  font-family: Merriweather;
}

.event-thmb > span i,
.event-detail-img > span i {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  display: block;
}

.event-thmb > span:before,
.event-detail-img > span:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: -1;
  opacity: 0.9;
}

.single-event .event-thmb > span:before,
.single-event .event-detail-img > span:before {
  border-bottom-right-radius: 15px;
}

.event-thmb img {
  width: 100%;
}

.event-thmb .countdown {
  list-style: none;
  margin-bottom: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  padding: 5px 0;
}

.event-thmb .countdown > li,
.event-detail-img .countdown > li {
  display: inline-block;
  color: #fff;
  font-size: 15px;
  line-height: initial;
  padding: 5px 15px;
  position: relative;
  font-family: Merriweather;
}

.event-thmb .countdown:before,
.event-detail-img .countdown:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
  opacity: 0.95;
}

.single-event .event-thmb .countdown:before,
.single-event .event-detail-img .countdown:before {
  border-top-left-radius: 10px;
}

.event-thmb .countdown > li p,
.event-detail-img .countdown > li p {
  color: inherit;
  margin-bottom: 0;
  text-transform: capitalize;
  line-height: 20px;
  font-size: 12px;
  font-family: Merriweather;
}

.event-thmb .countdown > li + li:before,
.event-detail-img .countdown > li + li:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  height: 40px;
  width: 1px;
  background-color: rgba(255, 255, 255, 0.45);
  margin-top: -20px;
}

.event-inf {
  float: left;
  padding: 25px;
  width: 100%;
  background: #fff;
}

.event-inf > h5 {
  margin-bottom: 0;
}

.event-inf > a {
  font-family: Merriweather;
  font-weight: 700;
  font-size: 14px;
  display: inline-block;
}

/*===== Contact Page =====*/
.cnt-frm {
  float: left;
  width: 100%;
  margin-top: -20px;
}

.cnt-frm > form {
  float: left;
  width: 100%;
}

.cnt-frm form input,
.cnt-frm form textarea {
  float: left;
  width: 100%;
  padding: 15px 30px;
  border: 1px solid #ddd;
  margin-bottom: 10px;
  font-size: 15px;
  height: 50px;
  font-family: Merriweather;
}

.cnt-frm > form textarea {
  height: 180px;
}

.cnt-frm > form button {
  display: inline-block;
  margin-top: 20px;
  min-width: 290px;
}

.cnt-frm form input {
  border: none;
}

.cnt-mp {
  float: left;
  width: 100%;
  height: 350px;
}

.cnt-inf-wrp {
  float: left;
  width: 100%;
  margin-top: 50px;
}

.cnt-inf-lst {
  padding-left: 0;
  list-style: none;
  margin-bottom: 0;
  float: left;
  width: 100%;
  margin-top: 20px;
}

.cnt-inf-lst > li {
  float: left;
  padding: 0 40px 0 50px;
  position: relative;
  font-size: 14px;
  width: 50%;
  margin-bottom: 45px;
  font-family: Merriweather;
}

.cnt-inf-lst > li i {
  font-size: 28px;
  position: absolute;
  left: 0;
}

.cnt-inf-lst > li strong {
  font-family: Merriweather;
  font-size: 18px;
  color: #222;
  font-weight: 400;
  display: block;
}

.cnt-inf-lst > li a,
.cnt-inf-lst > li span {
  display: block;
  line-height: initial;
  margin-top: 10px;
}

.cnt-img {
  float: left;
  overflow: hidden;
  width: 100%;
}

.cnt-img > img {
  width: 100%;
}

/*===== Islamic Study Page =====*/
.tch-vdo-wrp {
  float: left;
  width: 100%;
}

.tch-wrp {
  float: left;
  width: 100%;
}

.tch-inr {
  float: left;
  width: 100%;
  margin-top: 20px;
}

.remove-ext3 .tch-bx {
  margin-bottom: 30px;
}

.tch-bx {
  float: left;
  width: 100%;
  overflow: hidden;
  -webkit-box-shadow: 0 0 70px rgba(0, 0, 0, 0.05);
  -ms-box-shadow: 0 0 70px rgba(0, 0, 0, 0.05);
  -o-box-shadow: 0 0 70px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 70px rgba(0, 0, 0, 0.05);
}

.tch-thmb {
  float: left;
  width: 100%;
  position: relative;
}

.tch-thmb:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #000;
  opacity: 0.5;
}

.tch-thmb img {
  width: 100%;
}

.tch-thmb > a {
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 50px;
  line-height: initial;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.tch-inf {
  float: left;
  width: 100%;
  position: relative;
  padding: 22px;
}

.tch-inf > h5 {
  font-size: 17px;
  line-height: 28px;
}

.tch-inf > span {
  color: #666;
  display: inline-block;
  font-size: 13px;
  font-family: Merriweather;
}

.tch-inf > span i {
  margin-right: 7px;
}

.tch-dwn-btn {
  float: right;
  font-size: 22px;
  color: #a2a2a2;
  line-height: initial;
}

.tch-dwn-btn > a {
  display: inline-block;
  margin-left: 5px;
}

.view-more + .tch-wrp {
  margin-top: 70px;
}

/*===== Sidebar =====*/
.srch-frm {
  position: relative;
}

.srch-frm > input {
  -webkit-border-radius: inherit;
  border-radius: inherit;
  margin-bottom: 0 !important;
  font-family: "Merriweather";
}

aside .srch-frm > button {
  position: absolute;
  background-color: transparent;
  font-size: 13px;
  right: 0;
  top: 0;
  bottom: 0;
  width: 45px;
}

.widget > ul {
  float: left;
  width: 100%;
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}

.widget > ul li {
  float: left;
  width: 100%;
  font-size: 14px;
  font-family: Merriweather;
  font-size: 14px;
}

.widget > ul.cat-lst li {
  text-align: right;
}

.widget > ul li a {
  letter-spacing: 0.2px;
  float: left;
}

.widget > ul > li + li {
  padding-top: 10px;
  margin-top: 10px;
  border-top: 1px dashed #ddd;
}

.widget > ul > li + li i {
  top: 15px;
}

.lst-caus {
  float: left;
  width: 100%;
}

.lst-cas {
  float: left;
  width: 100%;
}

.lst-cas > h6 {
  margin: 10px 0 0;
  font-weight: 400;
}

.ltst-car.owl-carousel .owl-nav > button {
  line-height: 50px !important;
  width: 30px;
  font-size: 20px !important;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.ltst-car.owl-carousel .owl-nav {
  top: 35%;
}

/*===== Cause Detail Page =====*/
.cause-detail-wrp {
  float: left;
  width: 100%;
}

.cause-detail {
  float: left;
  width: 100%;
}

.cause-detail-inf {
  float: left;
  overflow: hidden;
  width: 100%;
  -webkit-box-shadow: 0 0 70px rgba(0, 0, 0, 0.05);
  -ms-box-shadow: 0 0 70px rgba(0, 0, 0, 0.05);
  -o-box-shadow: 0 0 70px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 70px rgba(0, 0, 0, 0.05);
  margin-bottom: 20px;
}

.cause-detail-inf img {
  width: 100%;
}

.cause-detail-inf-inr {
  float: left;
  width: 100%;
  padding: 30px;
}

.cause-detail-inf-inr > h4 {
  margin-bottom: 10px;
}

.prg-wrp > a {
  margin-top: 30px;
}

.cause-detail-inf-inr .prg-wrp > span {
  line-height: 50px;
  margin-top: 10px;
}

.cause-detail-inf-inr .prg-wrp {
  margin-top: 20px;
}

.cause-detail-desc {
  float: left;
  width: 100%;
}

.cause-detail-desc > p {
  margin: 25px 0 0;
}

.cmts-wrp {
  float: left;
  width: 100%;
  margin-top: 45px;
}

.cmts-wrp > h3 {
  margin-bottom: 25px;
}

.cmt-thrd {
  padding-left: 0;
  list-style: none;
  margin-bottom: 0;
  float: left;
  width: 100%;
}

.cmt-thrd > li {
  float: left;
  width: 100%;
}

.cmt-bx {
  float: left;
  width: 100%;
  padding-bottom: 15px;
  border-bottom: 1px dotted #ddd;
  margin-bottom: 30px;
}

.cmt-bx > img {
  float: left;
  border: 3px solid #ff98228c;
}

.cmt-bx > img + .cmt-inf {
  width: calc(100% - 110px);
  padding-left: 20px;
  float: left;
}

.cmt-inf {
  width: 100%;
  display: block;
}

.cmt-inf > h6 {
  margin-bottom: 0;
}

.cmt-inf > span {
  display: inline-block;
  font-family: Merriweather;
  font-size: 12px;
  color: #808080;
}

.cmt-inf > p {
  margin: 5px 0 0;
  line-height: 24px;
  font-family: Merriweather;
  font-size: 13px;
}

.cmt-inf > a {
  display: inline-block;
  font-family: Merriweather;
  margin-top: 5px;
  font-size: 14px;
}

.cmt-inf > a:hover,
.cmt-inf > a:focus {
  color: #000;
}

.cmt-frm {
  float: left;
  width: 100%;
  margin-top: 50px;
}

.cmt-thrd .children {
  padding-left: 50px;
  list-style: none;
  float: left;
  width: 100%;
  margin-bottom: 0;
}

.cmt-thrd .children > li {
  float: left;
  width: 100%;
}

.cmt-frm > h3 {
  margin-bottom: 30px;
}

.cmt-frm form button {
  min-width: initial;
}

/*===== Event Detail =====*/
.event-detail-wrp {
  float: left;
  width: 100%;
}

.event-detail {
  float: left;
  width: 100%;
}

.event-detail-img {
  float: left;
  width: 100%;
  overflow: hidden;
  position: relative;
}

.event-detail-img .countdown {
  position: absolute;
  bottom: 30px;
  right: 0;
  z-index: 1;
  margin-bottom: 0;
  padding: 0 5px;
}

.event-detail-inf-inr {
  float: left;
  width: 100%;
}

.event-detail-inf-inr > h4 {
  margin-top: 30px;
}

.event-detail-desc {
  float: left;
  width: 100%;
}

.event-detail-inf-inr .pst-mta {
  margin-bottom: 0;
}

.event-detail-desc > h3 {
  font-weight: 400;
  margin: 30px 0 10px;
}

.event-detail-desc ul:not(.blocks-gallery-grid, .wp-block-gallery) {
  display: inline-block;
  padding-left: 0;
  list-style: none;
  margin: 10px 0;
}

.event-detail-desc
  ul
  li:not(
    .blocks-gallery-grid .blocks-gallery-image,
    .blocks-gallery-grid .blocks-gallery-item,
    .wp-block-gallery .blocks-gallery-image,
    .wp-block-gallery .blocks-gallery-item
  ) {
  font-size: 14.5px;
  position: relative;
  padding-left: 20px;
  font-family: Merriweather;
}

.event-detail-desc
  ul
  li:not(
    .blocks-gallery-grid .blocks-gallery-image,
    .blocks-gallery-grid .blocks-gallery-item,
    .wp-block-gallery .blocks-gallery-image,
    .wp-block-gallery .blocks-gallery-item
  ):before {
  content: "";
  position: absolute;
  left: 0;
  height: 7px;
  width: 7px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  line-height: 30px;
  top: 13px;
  background: #ccc;
}

.event-detail-desc
  ul
  li:not(
    .blocks-gallery-grid .blocks-gallery-image,
    .blocks-gallery-grid .blocks-gallery-item,
    .wp-block-gallery .blocks-gallery-image,
    .wp-block-gallery .blocks-gallery-item
  )
  + li {
  margin-top: 7px;
}

.rprsntv-wrp {
  float: left;
  width: 100%;
  margin-top: 20px;
}

.rprsntv-wrp > h4 {
  font-weight: 400;
  margin-bottom: 30px;
}

.rprsntv-wrp .team-sec {
  padding: 0;
}

.event-srch-mp {
  float: left;
  width: 100%;
  margin-top: 50px;
}

.event-srch-mp > h3 {
  font-weight: 400;
  margin-bottom: 30px;
}

.evnt-srch {
  float: left;
  width: 100%;
  overflow: hidden;
  position: relative;
}

.evnt-srch form {
  position: absolute;
  left: 0;
}

.event-loc-mp {
  float: left;
  width: 100%;
  height: 350px;
}

.evnt-srch form input {
  background-color: #fff;
  height: 50px;
  padding: 10px 25px;
  font-size: 14px;
  color: #888;
  border: 1px solid #ddd;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  min-width: 350px;
}

/*===== Team Detail Page =====*/
.team-detail-wrp {
  float: left;
  width: 100%;
}

.team-detail-inr {
  float: left;
  width: 100%;
}

.team-detail-thmb {
  float: left;
  width: 100%;
  overflow: hidden;
}

.team-detail-thmb > img {
  width: 100%;
}

.team-detail-inf {
  float: left;
  width: 100%;
}

.team-member-name {
  float: left;
  width: 100%;
}

.team-member-name > h3 {
  margin-bottom: 10px;
  line-height: 46px;
}

.team-member-name > span {
  font-weight: 400;
  font-size: 17px;
  display: inline-block;
  letter-spacing: 0px;
  font-family: Merriweather;
}

.team-member-name .scl1 {
  float: right;
  margin-top: -45px;
}

.team-member-name .scl1 > a {
  color: #ccc;
}

.team-detail-inf-inr {
  float: left;
  width: 100%;
}

.member-cnt {
  float: left;
  width: 100%;
  margin-top: 35px;
}

.member-cnt > h6 {
  margin-bottom: 10px;
}

.member-cnt > ul {
  padding-left: 0;
  list-style: none;
  margin-bottom: 0;
  float: left;
  width: 100%;
}

.member-cnt > ul > li {
  float: left;
  width: 100%;
  padding-left: 25px;
  position: relative;
  font-size: 14px;
  margin-top: 11px;
  font-family: Merriweather;
}

.member-cnt > ul > li i {
  position: absolute;
  left: 0;
  top: 9px;
}

.member-expr-lst > li:before {
  content: "";
  position: absolute;
  height: 8px;
  width: 8px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  left: 0;
  top: 11px;
}

.member-expr-lst > li {
  padding-left: 20px !important;
}

.team-detail-desc {
  float: left;
  width: 100%;
  margin-top: 50px;
}

.team-detail-desc > h3 {
  margin-bottom: 0;
}

.team-detail-desc > p {
  margin: 20px 0 0;
  font-family: Merriweather;
  font-size: 14.5px;
}

/*===== Blog Detail Page =====*/
.blog-detail-wrp {
  float: left;
  width: 100%;
}

.blog-detail {
  float: left;
  width: 100%;
}

.blog-detail-inf {
  float: left;
  width: 100%;
  overflow: hidden;
}

.blog-detail-inf img {
  width: 100%;
}

.blog-detail-inf-inr {
  float: left;
  width: 100%;
  padding: 10px 25px;
  border: 1px dotted #ddd;
  -webkit-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
}

.blog-detail-inf-inr .pst-mta {
  margin-bottom: 0;
}

.blog-detail-desc {
  float: left;
  width: 100%;
}

.blog-detail-desc > p {
  margin: 20px 0 0;
}

blockquote {
  display: inline-block;
  background-color: #f5f5f5;
  padding: 40px 50px;
  text-align: center;
  margin: 15px 0 10px;
  position: relative;
  font-style: italic;
  font-size: 20px;
  z-index: 1;
}

blockquote p {
  margin-bottom: 0;
  font-size: inherit;
}

blockquote p i {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 70px;
  z-index: -1;
  line-height: initial;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.pst-shr-tgs {
  float: left;
  width: 100%;
  margin-top: 25px;
  padding: 15px 0;
  border-top: 1px dotted #ddd;
  border-bottom: 1px dotted #ddd;
}

.tag-clouds {
  line-height: 37px;
}

.tag-clouds > span {
  font-family: Merriweather;
  display: inline-block;
  margin-right: 10px;
}

.tag-clouds > a {
  display: inline-block;
  font-family: Merriweather;
}

/*===== Services Detail Page =====*/
.service-detail-wrp {
  float: left;
  width: 100%;
}

.service-detail-nav {
  float: left;
  width: 100%;
  background-color: #fbfbfb;
  padding: 30px;
}

.service-detail-nav > ul {
  padding-left: 0;
  list-style: none;
  margin-bottom: 0;
  float: left;
  width: 100%;
}

.service-detail-nav > ul li {
  float: left;
  width: 100%;
  font-family: Merriweather;
  font-size: 16px;
  color: #222;
  font-weight: 700;
}

.service-detail-nav > ul li + li {
  margin-top: 10px;
}

.service-detail-desc {
  float: left;
  width: 100%;
}

.service-detail-desc > img {
  width: 100%;
}

.service-detail-desc > h3 {
  font-weight: 400;
  margin: 25px 0 0;
}

.service-detail-desc > p {
  margin: 20px 0 0;
}

.service-detail-desc img {
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.alignleft {
  float: left;
  margin-right: 30px;
  margin-bottom: 30px;
}

.alignright {
  float: right;
  margin-left: 30px;
  margin-bottom: 30px;
}

/*===== 404 Error Page =====*/
.error-page {
  float: left;
  width: 100%;
  text-align: center;
}

.error-page-inner {
  display: inline-block;
  max-width: 45%;
  width: 100%;
  position: relative;
}

.error-page-inner > h1 {
  display: inherit;
  font-size: 200px;
  color: #5d2b00;
  font-weight: 700;
  margin-bottom: 20px;
}

.error-page-inner > h1 > i {
  font-style: normal;
}

.error-page-inner > span {
  display: inherit;
  font-size: 70px;
  font-weight: 300;
  color: #5d2b00;
  position: relative;
  line-height: 60px;
  letter-spacing: 0.3px;
  margin-top: 10px;
}

.error-page-inner span span {
  display: block;
  font-size: 24px;
  font-weight: 400;
  font-family: Merriweather;
}

.error-page-inner > p {
  font-size: 15px;
  display: inherit;
  max-width: 80%;
  margin-top: 5px;
  font-family: Merriweather;
}

.search-form {
  display: inherit;
  width: 100%;
  position: relative;
  max-width: 540px;
}

.search-form > input {
  width: 100%;
  border: 0;
  background: #fafafa;
  padding-left: 60px;
  padding-right: 30px;
  height: 60px;
  font-family: lato;
  font-size: 14px;
  color: #969292;
  -webkit-border-radius: inherit;
  border-radius: inherit;
}

.search-form > button {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
}

.error-page-inner > p a {
  text-decoration: underline;
}

/*===== Search Found Page =====*/
.search-found {
  float: left;
  width: 100%;
  text-align: center;
}

.search-found-inner {
  display: inline-block;
  max-width: 80%;
  width: 100%;
}

.searh-content {
  width: 100%;
  background: #f5f5f5;
  text-align: center;
  display: inline-block;
  padding: 25px;
  font-size: 18px;
  max-width: 870px;
  margin-bottom: 30px;
  color: #444;
  font-weight: 700;
  font-family: Merriweather;
}

.searh-content > i {
  font-style: normal;
}

.search-found-inner > h4 {
  margin-top: 20px;
  font-size: 30px;
}

.search-found-inner > p {
  margin-top: 10px;
  font-size: 14px;
  font-family: Merriweather;
}

.search-found-inner .searching-form {
  margin-top: 50px;
}

.search-results-page {
  text-align: center;
  margin-top: 60px;
}

/*===== Gallery Style =====*/
.gallery-wrap {
  float: left;
  width: 100%;
}

.gallery-item {
  float: left;
  position: relative;
  overflow: hidden;
  width: 100%;
}

.gallery-item > a {
  float: left;
  width: 100%;
}

.gallery-item > a:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background-color: #000;
  opacity: 0;
}

.gallery-item:hover > a::before {
  opacity: 0.5;
}

.mrg10 .gallery-item {
  margin-bottom: 10px;
  padding: 0px;
}

/*===== Product Page =====*/
.remove-ext5 .product-box {
  margin-bottom: 40px;
}

.product-box {
  float: left;
  width: 100%;
}

.product-thmb {
  float: left;
  width: 100%;
  overflow: hidden;
  position: relative;
}

.product-thmb > a {
  float: left;
  width: 100%;
  position: relative;
}

.product-thmb > a:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #000;
  opacity: 0;
}

.product-box:hover .product-thmb > a::before {
  opacity: 0.5;
}

.product-thmb img {
  width: 100%;
}

.product-inf {
  float: left;
  width: 100%;
  margin-top: 25px;
}

.product-inf > h5 {
  margin-bottom: 0;
}

.price {
  font-weight: 700;
  display: block;
  font-size: 20px;
  margin-top: 10px;
}

.price ins {
  text-decoration: none;
  margin-right: 7px;
  font-weight: 700;
}

.price del {
  font-size: 17px;
  opacity: 0.3;
}

.product-inf > a {
  margin-top: 18px;
}

.product-inf > a.theme-btn {
  padding: 10px 30px;
  font-size: 14px;
}

.product-sec > h2 {
  margin-bottom: 40px;
  font-weight: 400;
}

/*===== Product Detail =====*/
.product-detail-wrap {
  float: left;
  width: 100%;
}

.product-detail-inf-wrap {
  float: left;
  width: 100%;
}

.product-detail-thmb {
  float: left;
  width: 100%;
  overflow: hidden;
}

.product-detail-thmb img {
  width: 100%;
}

.product-detail-inf {
  float: left;
  width: 100%;
  margin-top: 70px;
  padding-left: 30px;
}

.product-detail-inf > h4 {
  margin-bottom: 15px;
}

.product-detail-inf > p {
  max-width: 90%;
  margin-bottom: 15px;
}

.cart-quantity {
  float: left;
  width: 100%;
  margin-top: 10px;
}

.cart-quantity > form {
  display: inline-block;
}

.cart-quantity > form label {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 0;
  display: inline-block;
  line-height: 50.8px;
  margin-right: 10px;
  vertical-align: middle;
}

.cart-quantity > form input {
  background-color: #f5f5f5;
  font-weight: 700;
  padding: 15px 20px;
  text-align: center;
  height: 50.8px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}

.cart-quantity > form + a {
  vertical-align: middle;
}

.product-detail-tabs {
  float: left;
  width: 100%;
  margin-top: 70px;
}

.stars {
  display: inline-block;
  font-size: 15px;
  margin-bottom: 10px;
}

.stars > i {
  margin-right: 5px;
}

.product-detail-tabs > ul.nav-tabs {
  border-bottom: 0;
  float: left;
  width: 100%;
  display: block;
  margin-bottom: 20px;
}

.product-detail-tabs > ul.nav-tabs li.nav-item {
  margin: 0 10px 10px 0;
  float: left;
  font-weight: 700;
  font-size: 14px;
}

.product-detail-tabs > ul.nav-tabs li.nav-item a.nav-link {
  padding: 7px 35px;
  border: 1px solid #ddd;
  float: left;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font-family: Merriweather;
  font-weight: 500;
}

.product-detail-tabs .tab-content {
  float: left;
  width: 100%;
}

.product-detail-tabs .tab-content .tab-pane {
  float: left;
  width: 100%;
}

.product-detail-tabs .tab-content .tab-pane > h3 {
  margin-bottom: 25px;
}

.product-detail-tabs .tab-content .tab-pane > p {
  margin: 0;
}

.product-detail-tabs .tab-content .tab-pane > p + p {
  margin-top: 15px;
}

.product-detail-tabs table {
  float: left;
  width: 100%;
}

.product-detail-tabs table th,
.product-detail-tabs table td {
  padding: 13px 20px;
  font-size: 15px;
}

.product-detail-tabs table tbody tr:nth-child(2n) {
  background-color: #f5f5f5;
}

.sidebar-wrp {
  float: left;
  width: 100%;
}

.cause-inf .pst-mta {
  margin-bottom: 0;
}

.cause-inf .pst-mta > li {
  margin-top: 0;
  line-height: initial;
}

/*===== Page Loader =====*/
.preloader {
  background: #0b52e4;
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 999999;
  left: 0;
  top: 0;
}

.preloader .ball-scale-multiple {
  position: relative;
  top: 50%;
  left: 50%;
}

@-webkit-keyframes ball-scale-ripple-multiple {
  0% {
    -webkit-transform: scale(0.1);
    transform: scale(0.1);
    opacity: 1;
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0.7;
  }

  100% {
    opacity: 0;
  }
}

@keyframes ball-scale-ripple-multiple {
  0% {
    -webkit-transform: scale(0.1);
    transform: scale(0.1);
    opacity: 1;
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0.7;
  }

  100% {
    opacity: 0;
  }
}

.ball-scale-ripple-multiple {
  position: relative;
  -webkit-transform: translateY(-25px);
  -ms-transform: translateY(-25px);
  transform: translateY(-25px);
}

.ball-scale-ripple-multiple > div:nth-child(0) {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

.ball-scale-ripple-multiple > div:nth-child(1) {
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}

.ball-scale-ripple-multiple > div:nth-child(2) {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}

.ball-scale-ripple-multiple > div:nth-child(3) {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
}

.ball-scale-ripple-multiple > div {
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  position: absolute;
  top: -2px;
  left: -26px;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  border: 2px solid #fff;
  -webkit-animation: ball-scale-ripple-multiple 1.25s 0s infinite
    cubic-bezier(0.21, 0.53, 0.56, 0.8);
  animation: ball-scale-ripple-multiple 1.25s 0s infinite
    cubic-bezier(0.21, 0.53, 0.56, 0.8);
}

@-webkit-keyframes ball-beat {
  50% {
    opacity: 0.2;
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes ball-beat {
  50% {
    opacity: 0.2;
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.ball-beat > div {
  background-color: #fff;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  margin: 2px;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  display: inline-block;
  -webkit-animation: ball-beat 0.7s 0s infinite linear;
  animation: ball-beat 0.7s 0s infinite linear;
}

.ball-beat > div:nth-child(2n-1) {
  -webkit-animation-delay: -0.35s !important;
  animation-delay: -0.35s !important;
}

@-webkit-keyframes ball-scale-multiple {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }

  5% {
    opacity: 1;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
}

@keyframes ball-scale-multiple {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }

  5% {
    opacity: 1;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
}

.ball-scale-multiple {
  position: relative;
  -webkit-transform: translateY(-30px);
  -ms-transform: translateY(-30px);
  transform: translateY(-30px);
}

.ball-scale-multiple > div:nth-child(2) {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}

.ball-scale-multiple > div:nth-child(3) {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
}

.ball-scale-multiple > div {
  background-color: #fff;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  margin: 2px;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  position: absolute;
  left: -30px;
  top: 0px;
  opacity: 0;
  margin: 0;
  width: 60px;
  height: 60px;
  -webkit-animation: ball-scale-multiple 1s 0s linear infinite;
  animation: ball-scale-multiple 1s 0s linear infinite;
}

/*===== Sidepanel =====*/
.sidepanel {
  padding: 30px;
  position: fixed;
  width: 250px;
  background: #222222;
  z-index: 100000000;
  left: -250px;
  top: 100px;
}

.show {
  left: 0;
}

.sidepanel > span {
  position: absolute;
  right: -50px;
  height: 50px;
  width: 50px;
  text-align: center;
  line-height: 50px;
  cursor: pointer;
  font-size: 22px;
  color: #ffffff;
  background: #222222;
  top: 0;
}

.color-picker {
  float: left;
  width: 100%;
}

.color-picker > h3 {
  float: left;
  width: 100%;
  margin: 0 0 20px;
  position: relative;
  font-weight: 700;
  color: #fff;
  font-size: 13px;
  padding-bottom: 13px;
}

.color-picker > h3::before {
  content: "";
  background: #777;
  height: 3px;
  width: 13px;
  left: 0;
  bottom: 0;
  position: absolute;
}

.color-picker > a::before {
  height: 100%;
  top: 0;
  left: 0;
  width: 0;
  position: absolute;
  z-index: 1;
  content: "";
}

.color-picker > a.color-picker::before {
  width: 100%;
}

.color-picker > a::after {
  color: #fff;
  content: "✔";
  font-size: 16px;
  left: 50%;
  top: 50%;
  position: absolute;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 2;
}

.color-picker > a.applied::after {
  opacity: 1;
}

.color-picker > a {
  cursor: pointer;
  float: left;
  height: 35px;
  margin: 0 10px 10px 0;
  position: relative;
  width: 35px;
}

.color-picker .color {
  background-color: #ff9822;
}

.color-picker .color2 {
  background-color: #b57c00;
}

.color-picker .color3 {
  background-color: #a0ce4e;
}

.color-picker .color4 {
  background-color: #f64243;
}

/*===== Border Top Color =====*/
.testi-desc {
  border-top-color: #ff9822;
}

/*===== Green Color =====*/
/*===== Background Color =====*/
.green-bg,
.green-bg-layer:before,
.theme-btn.theme-bg:before,
.theme-btn.theme-bg:after,
.serv-bx:hover .srv-inf.theme-bg,
.owl-carousel .owl-nav > button:hover,
.owl-carousel .owl-nav > button:focus {
  background-color: #5d2b00;
}

/*===== Text Color =====*/
.green-clr,
.serv-bx:hover > i.theme-clr,
.serv-bx > h5 a:hover,
.serv-bx > h5 a:focus,
.error-page-inner > p a:hover,
.error-page-inner > p a:focus {
  color: #5d2b00;
}

/*===== Border Color =====*/
.green-brd-clr {
  border-color: #5d2b00;
}

.newsletter > button.green-bg::before,
.newsletter > button.green-bg::after {
  background-color: #000;
}

.w5 {
  width: 5%;
}

.w10 {
  width: 10%;
}

.w15 {
  width: 15%;
}

.w20 {
  width: 20%;
}

.w25 {
  width: 25%;
}

.w30 {
  width: 30%;
}

.w35 {
  width: 35%;
}

.w40 {
  width: 40%;
}

.w45 {
  width: 45%;
}

.w50 {
  width: 50%;
}

.w55 {
  width: 55%;
}

.w60 {
  width: 60%;
}

.w65 {
  width: 65%;
}

.w70 {
  width: 70%;
}

.w75 {
  width: 75%;
}

.w80 {
  width: 80%;
}

.w85 {
  width: 85%;
}

.w90 {
  width: 90%;
}

.w95 {
  width: 95%;
}

.w100 {
  width: 100%;
}

/* New Changes */

.service-section-contr .theme-btn {
  margin-top: 25px;
}

.cause-bx .btns-wrp {
  display: none;
}

.post-bx .post-inf {
  background: #fff;
}

.post-bx .post-inf > a {
  font-weight: 400;
  color: #555;
}

.newsletter-wrp h4 {
  font-size: 24px;
  padding: 25px 0px;
}

.event-bx > a {
  font-weight: 400;
  color: #555;
  font-family: Merriweather;
  font-size: 14px;
}

.pg-tp-inr h1 {
  font-size: 48px;
  position: relative;
  line-height: 1.3;
}

.blog-grid-cont .post-inf a {
  margin-top: 15px;
}

.blog-grid-cont .post-inf {
  padding: 30px;
}

.blog-grid-cont .pst-mta > li {
  margin: 5px 15px 0 0;
}

.blog-detail-desc i.fas.fa-quote-left.theme-clr {
  color: #d8d7d7;
}

.blog-detail-desc p {
  line-height: 30px;
}

.pst-shr-tgs .tag-clouds > a {
  color: #5d5d5d;
  font-size: 14.5px;
  padding: 0px 0px 0px 2px;
  font-weight: 400;
  font-family: Merriweather;
}

.pst-shr-tgs .scl1 {
  font-size: 16px;
}

.pst-shr-tgs .scl1 > span {
  margin-right: 10px;
}

.cmts-wrp h4 {
  margin-bottom: 35px;
  color: #555;
  font-size: 26px;
}

.blog-detail-desc .cmts-wrp p {
  line-height: 28px;
}

.cmt-inf i.far.fa-calendar-alt {
  padding-right: 5px;
}

.cnt-frm h4 {
  color: #555;
  font-size: 26px;
}

.cnt-frm .mrg10 > div {
  padding: 5px 5px;
  width: 100%;
}

.lst-cas > h6 {
  line-height: 36px;
  font-size: 18px;
}

.rcnt-inf > span {
  font-size: 12px;
  color: #999;
  font-family: Merriweather;
}

.event-bx2 .event-inf > a {
  font-family: Merriweather;
  font-size: 14px;
  display: inline-block;
  font-weight: 400;
  color: #999 !important;
}

.event-bx2 .event-inf > a:hover {
  color: #ff9822 !important;
}

.event-detail-inf-inr {
  padding-top: 10px;
}

p.price-text {
  display: inline-block;
  padding-right: 10px;
  color: #222;
  font-size: 16px;
}

.cart-quantity input.qty.brd-rd5 {
  width: 90px;
}

.product-detail-tabs .tab-content h5 {
  padding-bottom: 10px;
}

.related-pro-cont h4 {
  text-align: left;
  padding-bottom: 15px;
}

.product-sec.related-pro-cont.remove-ext3.text-center {
  margin-top: -60px;
}

.related-pro-cont h4 {
  font-size: 26px;
}

.gap.remove-gap.related-pro-cont-sec {
  margin-bottom: 25px;
}

.member-cnt > h6 {
  font-size: 18px;
}

.single-team .team-info-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}

.cause-detail-inf-inr {
  padding: 10px 30px;
}

.cause-detail-inf-inr .prg-wrp > span {
  line-height: 50px;
  margin-top: 10px;
  color: #555;
  font-family: Merriweather;
  font-size: 14px;
}

.cause-detail .cmts-wrp h4 {
  font-size: 24px;
}

.cause-detail .event-detail-desc h3 {
  margin: 25px 0 10px;
}

.cause-detail .pst-shr-tgs {
  margin-top: 35px;
}

.service-detail-desc .alignleft {
  margin-bottom: 0px;
}

.sec-tl.contact-cont {
  margin-bottom: 25px;
}

.cnt-inf-wrp .sec-tl {
  margin-bottom: 35px;
  margin-top: 25px;
}

.cnt-inf-wrp .sec-tl h3 {
  padding-top: 5px;
}

.dnt-lst > a {
  background: #fff;
}

.post-inf > h5,
.event-bx > h5 {
  line-height: 28px;
}

.related-pro-cont .product-inf > h5 {
  font-size: 20px;
}

.widget .rcnt-inf > h6 {
  font-size: 14px;
  line-height: 20px;
}

.tch-inr.recent-lessons h5 {
  padding: 15px 0 0 0;
}

.book-block img {
  width: 100%;
  height: auto;
}

.tch-inf {
  background: #fff;
}

.white-testi .testi-desc p,
.white-testi .testi-bx h6 {
  color: #fff;
}

header .logo-menu-sec .logo img {
  height: auto;
}

.widget_recent_comments ul li a {
  float: none;
}

.widget_recent_comments a:hover {
  color: #ff9822;
}

.remove-ext3 .serv-bx2 {
  margin-bottom: 30px;
}

.cart-quantity input.qty.brd-rd5 {
  width: 90px;
}

.product-detail-tabs .tab-content h5 {
  padding-bottom: 10px;
}

.related-pro-cont h4 {
  text-align: left;
  padding-bottom: 15px;
}

.product-sec.related-pro-cont.remove-ext3.text-center {
  margin-top: -60px;
}

.related-pro-cont h4 {
  font-size: 26px;
}

.gap.remove-gap.related-pro-cont-sec {
  margin-bottom: 25px;
}

.member-cnt > h6 {
  font-size: 18px;
}

.cause-detail-inf-inr {
  padding: 10px 30px;
  margin: 0 0 25px 0;
}

.cause-detail-inf-inr .prg-wrp > span {
  line-height: 50px;
  margin-top: 25px;
  color: #555;
  font-family: Merriweather;
  font-size: 14px;
}

.cause-detail-inf-inr .pst-mta > li {
  margin: 15px 15px 0 0;
  font-weight: 500;
  font-family: Merriweather;
  font-size: 14px;
  color: #777;
}

.cause-detail-inf-inr .pst-mta > li span {
  font-weight: 500;
  font-family: Merriweather;
  font-size: 14px;
  color: #777 !important;
}

.cause-detail .cmts-wrp h4 {
  font-size: 24px;
}

.cause-detail .event-detail-desc h3 {
  margin: 25px 0 10px;
}

.cause-detail .pst-shr-tgs {
  margin-top: 35px;
}

.event-detail-desc > p {
  line-height: 30px;
  font-family: Merriweather;
  font-size: 14px;
}

.service-detail-desc .alignleft {
  margin-bottom: 0px;
}

.sec-tl.contact-cont {
  margin-bottom: 25px;
}

.cnt-inf-wrp {
  margin-top: 40px;
}

.cnt-inf-wrp .sec-tl {
  margin-bottom: 25px;
}

.cnt-inf-wrp .sec-tl h3 {
  padding-top: 5px;
}

.sec-tl > span {
  padding-bottom: 5px;
}

.dnt-lst > a {
  background: #fff;
}

.sidepanel {
  display: none;
}

.event-inf > h5 {
  line-height: 36px;
}

.related-pro-cont .product-inf > h5 {
  font-size: 20px;
}

@keyframes shadow-pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(255, 152, 34, 0.2);
  }

  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0);
  }
}

@keyframes shadow-pulse-big {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.1);
  }

  100% {
    box-shadow: 0 0 0 70px rgba(0, 0, 0, 0);
  }
}

.pulse-vid-btn {
  float: left;
  width: 100px;
  height: 100px;
  font: 13px/130px "Barlow Semi Condensed", sans-serif;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #fff;
  text-align: center;
  background: #ff9822c4;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -webkit-animation: shadow-pulse 1s infinite;
  -ms-animation: shadow-pulse 1s infinite;
  -o-animation: shadow-pulse 1s infinite;
  animation: shadow-pulse 1s infinite;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -50px 0 0 -17px;
}

.pulse-vid-btn i {
  font-size: 40px;
  float: left;
  top: -12px;
  position: absolute;
  right: 28px;
}

.abt-vdo.style2 {
  position: relative;
}

.skw-shp-tp {
  height: 225px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  background-size: cover;
  background-position: bottom;
  top: -220px;
}

.wpcf7-form-control-wrap textarea {
  height: 75px;
}

.newsletter-wrap .mailpoet_form .mailpoet_paragraph {
  float: left;
  margin-bottom: 0;
}

#footer_mailform .mailpoet_paragraph {
  line-height: 20px;
  width: 85%;
}

.newsletter-wrap .mailpoet_paragraph input {
  -webkit-border-radius: 40px;
  border-radius: 40px;
  -webkit-box-shadow: 0 0 76px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 0 76px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 0 76px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 76px rgba(0, 0, 0, 0.2);
  font-size: 14px;
  color: #fff;
  padding: 15px 40px !important;
  height: 50px;
  font-family: "Merriweather";
}

input.mailpoet_submit {
  width: 30% !important;
  position: absolute;
  top: 0;
  right: 0;
  background-color: #5d2b00;
}

footer .newsletter-wrap p.mailpoet_paragraph input {
  width: 100%;
}

#footer_mailform .mailpoet_text,
#footer_mailform .mailpoet_textarea {
  width: 100% !important;
}

nav > div > ul li.menu-item-has-children::before {
  content: "\f0d7";
  font-family: fontawesome;
  position: absolute;
  right: 0;
  font-size: 15px;
}

nav > div > ul ul li.menu-item-has-children::before {
  content: "\f105";
  right: 20px;
  top: 35%;
  margin-top: -10px;
}

.row_style {
  position: absolute !important;
  z-index: 4 !important;
  width: 100%;
  bottom: 0;
  left: 0;
  right: 0;
}

.row_style svg.waves {
  height: 200px;
}

.row_style svg {
  position: absolute !important;
  bottom: -10px;
  width: 100%;
  height: auto;
  fill: #fff;
}

svg:not(:root) {
  overflow: hidden;
}

.row_style svg.waves path:nth-child(1) {
  opacity: 0.1;
}

.row_style svg.waves path {
  stroke: transparent !important;
}

.row_style svg.waves path:nth-child(2) {
  opacity: 0.5;
}

.row_style svg.waves path {
  stroke: transparent !important;
}

.row_style svg.waves path {
  stroke: transparent !important;
}

.gap2_btm {
  float: left;
  padding: 70px 0 100px 0;
  position: relative;
  width: 100%;
}

.gap100 {
  float: left;
  padding: 100px 0;
  position: relative;
  width: 100%;
}

.pulse-vid-btn a:hover {
  color: #222;
}

.bg-shp.cntr {
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}

.bg-shp.cntr {
  left: 50%;
}

.bg-shp.vtp {
  bottom: 0;
  z-index: -1;
}

.bg-shp {
  position: absolute;
  bottom: 0;
}

.abt-desc .sec-tl span:after {
  content: "";
  position: absolute;
  top: 45%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 40px;
  left: 0;
  border-bottom: 1px solid;
}

.abt-desc .sec-tl > span {
  position: relative;
}

.abt-desc .sec-tl > span {
  position: relative;
  padding-left: 50px;
  padding-bottom: 5px;
}

.serv-wrp .serv-bx2 {
  -webkit-box-shadow: 0px 10px 25px 1px rgba(0, 0, 0, 0.05);
  -ms-box-shadow: 0px 10px 25px 1px rgba(0, 0, 0, 0.05);
  -o-box-shadow: 0px 10px 25px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 10px 25px 1px rgba(0, 0, 0, 0.05);
}

.sec-tl.text-center span:after {
  position: absolute;
  top: 45%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 40px;
  left: -50px;
  border-bottom: 1px solid;
}

.sec-tl.text-center span {
  position: relative;
}

.cause-sec .cause-inf p {
  display: none;
}

p.heading-desc {
  width: 45%;
  text-align: center;
  margin: 0 auto;
  font-family: Merriweather;
  font-size: 14px;
  line-height: 26px;
  color: #8f8f8f;
  padding-top: 10px;
}

.sec-tl.text-center.causes-grid-block {
  position: relative;
  margin-bottom: 30px;
}

.cause-bx .cause-inf .pst-mta li:after {
  content: "";
  position: absolute;
  top: 60%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 25px;
  left: -30px;
  border-bottom: 1px solid #ff9822;
}

.cause-bx .cause-inf .pst-mta li:before {
  content: "";
  position: absolute;
  top: 60%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 25px;
  right: -30px;
  border-bottom: 1px solid #ff9822;
}

.cause-bx .cause-inf ul {
  position: relative;
}

.cause-bx .cause-inf ul li,
.cause-bx .cause-inf .time-left {
  color: #8f8f8f !important;
  font-size: 13px;
  font-weight: 500;
  font-family: Merriweather;
}

.cause-bx .prg-wrp > span {
  display: inline-block;
  margin: 20px 5px 0 0;
  font-size: 14px;
  color: #999;
  font-family: Merriweather;
}

.fact-box.style2 {
  border: 9px solid #ccc;
}

.fact-box h5.theme-clr {
  font-size: 15px;
  color: #717171;
}

.fact-box h1 {
  position: relative;
  font-size: 40px;
}

.fact-box small {
  position: absolute;
  top: 0;
  font-size: 30px;
}

.facts-wrap.text-center {
  margin: 0% 25%;
}

.fact-box.style2 {
  border: 1px solid #ccc;
  padding: 15px 10px;
}

.fact-box.style2 {
  border: 1px solid #ccc;
  padding: 15px 10px;
  border-left: 0;
  border-top: 0;
  border-bottom: 0;
}

div.facts-wrap.text-center div:nth-child(3) > div {
  border-right: 0;
}

.facts-wrap .col-md-4 {
  padding: 0;
}

.bg-shp.vtp {
  opacity: 0.65;
}

.abt-desc.namaz-time-block h2 {
  font-size: 35px;
}

.abt-desc.namaz-time-block {
  padding-left: 75px;
  padding-top: 55px;
}

.abt-desc.namaz-time-block .sec-tl span:after {
  top: 45%;
}

.blog-sec .post-inf > h5 {
  font-size: 18px;
}

.pagination-wrap a.page-item.brd-rd5.active {
  color: #fff;
}

.gap.remove-gap.marginminus {
  margin-top: -50px;
}

.search-results-page .post-inf h5 {
  padding-bottom: 10px;
}

.search-results-page .post-bx .post-inf > a {
  margin-top: 15px;
}

.cnt-frm .wpcf7-form-control-wrap textarea {
  height: 165px;
}

.cnt-frm input.wpcf7-form-control.wpcf7-submit.theme-btn.theme-bg.brd-rd5 {
  float: left;
}

#footer_mailform .mailpoet_text,
#footer_mailform .mailpoet_textarea {
  color: #000;
}

input.mailpoet_submit:hover {
  background: #000;
}

.blog-detail-desc blockquote p {
  font-size: 20px;
  font-style: italic;
  letter-spacing: 1px;
}

.blog-detail-desc p img {
  -webkit-box-shadow: 0 0 70px rgba(0, 0, 0, 0.05);
  -ms-box-shadow: 0 0 70px rgba(0, 0, 0, 0.05);
  -o-box-shadow: 0 0 70px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 70px rgba(0, 0, 0, 0.1);
  padding: 7px;
  background: #cccccc7a;
  border-radius: 15px;
}

.blog-detail-desc .gallery-columns-3 img {
  -webkit-box-shadow: 0 0 70px rgba(202, 202, 202, 0.05);
  -ms-box-shadow: 0 0 70px rgba(202, 202, 202, 0.05);
  -o-box-shadow: 0 0 70px rgba(202, 202, 202, 0.05);
  box-shadow: 0 0 70px rgba(202, 202, 202, 0.1);
  border-radius: 10px;
}

.blog-detail-desc #gallery-1 img {
  border: none;
}

.blog-detail-desc #gallery-1 .gallery-item {
  width: 32%;
  margin-left: 10px;
  margin-top: 30px;
  margin-bottom: 30px;
}

a.comment-reply-link {
  background: none;
  color: #ff9822;
}

.cnt-frm form textarea {
  height: 180px;
}

.cnt-frm form input[type="submit"] {
  height: auto;
  padding: 10px 30px;
  margin-top: 10px;
  margin-bottom: 0;
}

.cnt-frm p.logged-in-as {
  padding-left: 5px;
  font-family: Merriweather;
  font-size: 13px;
}

.cnt-frm .comment-notes {
  display: block;
  width: 100%;
  margin-left: 5px;
  float: left;
}

.event-detail-desc.blog-detail-desc blockquote {
  margin: 25px 0 5px;
}

.single-event .team-inf {
  -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.25);
  -ms-box-shadow: 0 0 40px rgba(0, 0, 0, 0.25);
  -o-box-shadow: 0 0 40px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.25);
  padding: 15px 25px 20px;
}

.single-campaign .pst-mta {
  list-style: none;
  text-align: center;
  margin: 0 auto;
  display: block;
  padding: 0;
}

.search-no-results .search-form,
.error404 .search-form,
.search-results .search-form {
  max-width: 250px;
  border: 1px solid #ccc;
}

.search-no-results input[type="text"],
.error404 input[type="text"],
.search-results input[type="text"] {
  padding: 10px 10px;
  font-size: 13px;
}

.search-no-results button[type="submit"],
.error404 button[type="submit"],
.search-results button[type="submit"] {
  background: none;
}

.event-detail-desc h4 {
  margin-top: 25px;
  line-height: 40px;
}

.donors-list.donors-list-vertical .donor {
  border: none;
}

.donors-list.donors-list-vertical .donor {
  border: none;
  float: left;
  margin: 0px 15px 35px 0px;
  width: 33%;
  padding: 0px;
}

p.donor-name,
.donor-location,
.donor-donation-amount {
  display: inline-block;
  float: left;
  text-transform: capitalize;
  padding: 0px 15px;
  margin-top: 0px;
}

.donors-list .donor > :first-child {
  float: left;
  border-radius: 5px;
}

.donors-list .donor .donor-donation-amount,
.donors-list .donor .donor-location,
.donors-list .donor .donor-name {
  margin-top: 0px;
}

.donors-sec h4 {
  padding-bottom: 20px;
}

.donors-list {
  float: left;
}

p.logged-in-as {
  padding-left: 6px;
}

.single-campaign .cause-detail-inf-inr ul.pst-mta {
  list-style: none;
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.single-campaign .cause-detail-inf-inr .pst-mta > li {
  margin: 0;
}

.single-campaign .cause-detail-inf-inr ul li:before {
  content: none;
}

.donors-list .donor > :first-child {
  border: 3px solid #ff98228c;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}

.single-services .blog-detail-desc p img {
  margin-top: 10px;
}

.mar-250 {
  margin-top: -50px;
  position: absolute;
  width: 100%;
  right: 0;
  left: 0;
  -webkit-box-shadow: 0 0 70px rgba(0, 0, 0, 0.15);
  -ms-box-shadow: 0 0 70px rgba(0, 0, 0, 0.15);
  -o-box-shadow: 0 0 70px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 70px rgba(0, 0, 0, 0.15);
  z-index: 1;
}

.call-to-action {
  padding: 40px 60px;
  width: 65%;
  display: inline-block;
  float: left;
}

.call-to-action span {
  font-family: "Lato";
  color: #68686d;
}

.call-to-action h2 {
  font-size: 46px;
}

.call-button {
  width: 30%;
  float: left;
  display: inline-block;
  margin: 52px 25px;
}

.call-button a.theme-btn.theme-bg.brd-rd5 {
  color: #fff;
  padding: 18px 70px;
  font-size: 25px;
}

.call-button i {
  padding-right: 20px;
}

.call-button a.theme-btn.theme-bg.brd-rd5:hover {
  background: #fff;
}

.charitable-notice.charitable-form-errors {
  float: left;
  width: 100%;
  margin-top: 50px;
  border: 1px solid #dedede;
}

.custom-donation-amount-wrapper label {
  margin: 0px 10px 0px 0px;
}

.charitable-donation-form .custom-donation-input {
  padding-left: 5px;
}

.charitable-form-field input,
.charitable-form-field select,
.charitable-form-field textarea {
  border: 1px solid #ccc;
  padding-left: 5px;
}

.charitable-submit-field .button {
  font-size: 1em;
  line-height: 1.5em;
  padding: 10px 40px;
  background: #ff9822;
  color: #fff;
  border-radius: 5px;
}

form#charitable-profile-form {
  margin: 70px 0px;
}

.single-campaign .cause-detail-wrp p img {
  -webkit-box-shadow: 0 0 70px rgba(0, 0, 0, 0.05);
  -ms-box-shadow: 0 0 70px rgba(0, 0, 0, 0.05);
  -o-box-shadow: 0 0 70px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 70px rgba(0, 0, 0, 0.1);
  padding: 7px;
  background: #cccccc7a;
  border-radius: 15px;
}

.donors-sec .remove-ext6 p {
  float: left;
  margin-top: -15px;
  background: #ff9822;
  padding: 5px 20px;
  border-radius: 5px;
  color: #fff;
  margin-bottom: 40px;
}

.donors-list li p.donor-name {
  background: none;
  color: #6b6a6a;
}

.donors-list li .donor-location,
.donors-list li .donor-donation-amount {
  padding-left: 20px;
}

.campaign-donation-receipt dl.donation-summary {
  margin-left: 50px;
}

.campaign-donation-receipt .donation-summary dt {
  float: left;
  margin-right: 16px;
  font-weight: 700;
  width: 15%;
  padding-bottom: 20px;
}

.campaign-donation-receipt .donation-details.charitable-table {
  margin-bottom: 70px;
  margin-left: 50px;
}

.campaign-donation-receipt table.donation-details thead {
  margin-left: 50px;
  text-align: center;
  font-size: 20px;
  border-bottom: 1px solid #ccc;
}

.campaign-donation-receipt table.donation-details thead th {
  padding: 10px 0px;
  text-align: left;
}

.campaign-donation-receipt .charitable-table td,
.campaign-donation-receipt .charitable-table tr {
  padding: 10px 40px 10px 0px;
  border-bottom: 1px solid #ccc;
}

.campaign-donation-receipt h3 {
  float: left;
  display: block;
  width: 100%;
  margin-left: 50px;
  margin-bottom: 30px;
}

.campaign-donation-receipt .charitable-table tfoot {
  background: #ff9822;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}

.single-campaign .prg-wrp > span {
  margin: 23px 0px 0 0;
}

.donors-list {
  width: 100%;
}

.widget form input,
.widget form textarea {
  float: left;
  width: 100%;
  margin-bottom: 10px;
  border: 1px solid #ddd;
  font-size: 14px;
  padding: 10px 24px;
  color: #999;
  font-family: Merriweather;
}

.widget form input {
  padding: 10px 15px;
}

.srch-frm button {
  position: absolute;
  background-color: transparent;
  font-size: 13px;
  right: 0;
  top: 0;
  bottom: 0;
  width: 45px;
}

.widget .srch-frm button i {
  color: #ff9822;
}

.widget i.fa.fa-bookmark-o {
  float: left;
  padding: 8px 10px 10px 0px;
  color: #ff9822;
}

footer .widget .wpcf7-submit {
  color: #fff;
}

.tch-vdo-wrp .tch-wrp img {
  margin-top: -20px;
}

.wpb_widgetised_column.wpb_content_element {
  margin-top: 100px;
}

.event-inf .pst-mta > li {
  margin: 5px 10px 0 0;
  line-height: 20px;
  font-size: 13px;
}

footer .widget {
  margin-bottom: 0px;
  min-height: 150px;
}

.team-detail-inf {
  display: flex;
  justify-content: space-evenly;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding-left: 40px;
}

.single-team .team-detail-inf .team-member-name {
  float: left;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

nav > div ul li a:after {
  right: 0;
  bottom: -0.9px;
  z-index: 1;
}

nav > div ul li a:before {
  top: -1.1px;
  left: 0;
  z-index: 1;
}

nav > div ul li > a:focus:after {
  opacity: 0;
}

nav > div ul li.menu-item-has-children:hover a:after {
  opacity: 0;
}

nav > div ul .sub-menu li:hover a:after {
  opacity: 1;
}

.post-inf .pst-mta a {
  font-family: Merriweather;
  font-size: 13px;
  color: #999;
}

.em-pagination {
  display: inline-block;
}

.em-pagination a,
.em-pagination span {
  display: inline-block;
  margin: 5px;
  line-height: 50px;
  width: 50px;
  font-family: lato;
  font-weight: 700;
  color: #777;
  font-size: 16px;
  -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.05);
  -ms-box-shadow: 0 0 30px rgba(0, 0, 0, 0.05);
  -o-box-shadow: 0 0 30px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.05) !important;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.em-pagination a:hover,
.em-pagination a:focus,
.em-pagination span {
  color: #fff !important;
}

.style2 nav > div ul li a:before {
  top: 0;
}

.style2 nav > div ul li:hover {
  color: #5d2b00;
}

.style2 nav > div ul li .sub-menu a:before {
  top: -0.9px;
}

.without_video .abt-desc,
.without_video .abt-desc .sec-tl span:after,
.without_video .abt-desc .sec-tl > span {
  content: "";
  padding: 0;
  border: none;
}

.without_video .abt-desc > a {
  margin-top: 40px;
}

.without_video .sec-tl > h2 {
  margin-bottom: 0;
  padding-top: 5px;
}

.excerpt_style .cause-sec .cause-inf p {
  display: block;
  font-family: Merriweather;
  font-size: 14px;
  line-height: 26px;
  padding: 5px 0px 0px 0px;
}

.excerpt_style .cause-sec .cause-inf {
  float: left;
  text-align: left;
}

.excerpt_style .cause-bx .cause-inf .pst-mta li:before,
.excerpt_style .cause-bx .cause-inf .pst-mta li:after {
  border: none;
}

.excerpt_style span.goal-right {
  float: right;
}

.hdr-srch .srch-frm i {
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 20px;
  padding: 10px;
}

.hdr-srch .srch-frm ::-webkit-input-placeholder {
  /* Edge */
  color: rgba(255, 255, 255, 0.7);
}

img.vector-bg {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.6;
  z-index: -9;
}

img.vector-bg-service {
  position: absolute;
  right: 0;
  bottom: 0;
  opacity: 0.6;
}

footer img.vector-bg-footer {
  position: absolute;
  left: 0;
  bottom: 0;
  opacity: 0.6;
  z-index: -9;
}

.cpy-rgt p,
.cpy-rgt p a {
  color: #fff !important;
  font-size: 16px;
}

.top-spac270,
.gap.top-spac270 {
  padding-top: 250px;
}

.bottom-spac50,
.gap.bottom-spac50 {
  padding-bottom: 25px;
}

/* Secondary Colors */
.team-inf .scl1 > a,
.widget-box .scl1 > a {
  color: rgba(74, 35, 2, 0.3);
}

.team-inf .scl1 > a {
  font-size: 14px;
}

.style2 .topbar .scl1,
.style1 .topbar .scl1 {
  line-height: 20px;
  width: auto;
  float: right !important;
  margin-top: 0;
}

header.style1 .logo-menu-sec {
  background: rgba(0, 0, 0, 0.2);
}

.style1 nav > div > ul > li:last-child {
  margin: 0 0px 0 20px;
}

.style1 nav > div ul ul li a,
.style1 nav > div ul li a,
.style1 nav > div ul ul li {
  color: #fff;
}

.style1 nav > div ul ul ul {
  left: -100%;
  top: 0;
}

.gap.black-layer.opc1.inner-banner {
  padding: 100px 0 60px 0;
}

.wpb_widgetised_column .widget .rcnt-wrp h6 {
  padding-bottom: 0px;
}

.tag-clouds > span,
.pst-shr-tgs .scl1 > span {
  color: rgba(74, 35, 2, 0.7);
  font-size: 16px;
}

.single-campaign .tag-clouds {
  line-height: 40px;
}

.single-campaign .cause-detail-wrp .scl1 > a {
  display: inline-block;
  margin: 5px 7px;
  color: #5d2b00;
}

.single-campaign p.donor-name {
  line-height: 20px;
}

.sidebar_wrapper .widget > ul li {
  float: left;
  width: 100%;
  font-size: 15px;
  font-weight: 500;
}

.single-event img.brd-rd5.wp-post-image {
  width: 100%;
  height: auto;
}

.single-campaign .prg-wrp > a {
  margin-top: 23px;
  padding: 10px 20px;
}

.cat-lst li,
.cat-lst li::before {
  position: relative;
  font-family: "Merriweather";
}

.cat-lst li::before {
  font-family: "FontAwesome";
  content: "\f10c";
  display: inline-block;
  padding-right: 10px;
  vertical-align: middle;
  font-weight: 900;
  float: left;
  font-size: 8px;
  color: #ff9822;
}

.sidebar_wrapper .widget > h5 {
  margin-bottom: 20px;
}

.single-campaign .donors-sec {
  display: none;
}

.single-campaign .post-detail-thumb {
  position: relative;
}

.single-campaign .post-detail-thumb a.theme-btn.theme-bg.brd-rd5 {
  position: absolute;
  right: 30px;
  z-index: 99;
  bottom: 30px;
  font-size: 16px;
  padding: 10px 25px;
}

.search-no-results input[type="text"] {
  padding: 8px 8px;
  font-size: 13px;
}

.without_video .abt-desc > p {
  margin: 15px 0 0;
  direction: ltr;
  font-family: Merriweather;
  font-size: 14px;
  line-height: 30px;
}

.post-bx .post-inf > p {
  line-height: 26px;
  margin-bottom: 0;
  font-family: Merriweather;
  font-size: 14.5px;
}

.post-bx.lst .post-inf > a {
  margin-top: 12px;
  color: #808080;
  font-family: Merriweather;
  font-size: 13px;
}

footer .widget form textarea {
  padding: 10px 15px;
}

footer .scl1 > a {
  display: inline-block;
  margin: 12px 10px;
}

body .event-inf p {
  font-family: Merriweather;
  font-size: 14px;
  line-height: 26px;
  margin-bottom: 10px;
}

.without_video .sec-tl,
.dnt-wrp .sec-tl,
.cnt-inf-wrp .sec-tl {
  position: relative;
}

.without_video .abt-desc p:nth-child(3) {
  margin-top: 15px;
}

.dnt-sec-wrp .owl-nav button i {
  padding: 0px 0px;
  margin: 18px 0;
}

.services-block .sec-tl > span {
  padding-bottom: 0px;
}

.services-block .sec-tl,
.pillars-block .sec-tl,
.team-block .sec-tl {
  margin-bottom: 25px;
}

.event-blog .sec-tl {
  margin-bottom: 35px;
}

.pg-tp-inr h1:before {
  content: "";
  height: 9px;
  background-image: url(../../plugins/ingeniofy/assets/images/prayer-head-shp.png);
  position: absolute;
  left: 50%;
  margin-left: -65px;
  width: 160%;
  background-repeat: no-repeat;
  bottom: -20px;
}

.single-event .team-inf > span:before {
  content: "";
  height: 1px;
  width: 70px;
  position: absolute;
  top: -4px;
  left: 50%;
  margin-left: -40px;
}

.single-event .team-inf > span {
  padding-top: 5px;
}

.rspn-cnt .inf-lst > li {
  margin-top: 0px;
}

.rspn-cnt .inf-lst > li i {
  color: #5d2b00;
}

.cmts-wrp .comment-respond h4 {
  margin-bottom: 10px;
}

.comment-respond small {
  font-size: 14px;
}

.search-found .post-bx .post-inf > a {
  font-weight: 400;
  color: #808080;
  font-family: Merriweather;
  font-size: 13px;
}

.search-found .post-bx .post-inf > p {
  line-height: 26px;
  margin-bottom: 0;
  font-family: Merriweather;
  font-size: 13.5px;
}

.search-found .post-inf > h5 {
  font-size: 20px;
  line-height: 32px;
}

header.style2 .logo img {
  padding: 5px 20px 0px 0;
}

.rspn-hdr .logo img {
  width: 70%;
}

.charitable-notice > ul li {
  padding: 5px 0px 0px 0px;
  border: none;
  font-family: Merriweather;
  text-align: center;
}

.charitable-notice.charitable-form-errors {
  float: left;
  width: 100%;
  margin-top: 50px;
  border: none;
  padding: 10px 50px;
  background: #fafafa;
}

.charitable-form-header,
.charitable-donation-form .donation-amounts .donation-amount,
.charitable-submit-field .button {
  font-family: Merriweather;
}

.charitable-form-field label {
  font-family: Merriweather;
  font-size: 0.8em;
}

.charitable-form-field input,
.charitable-form-field select,
.charitable-form-field textarea {
  border: 1px dotted #ddd;
  padding-left: 5px;
  padding: 10px 10px;
  font-family: Merriweather;
  font-size: 0.8em;
  border-radius: 5px;
}

.charitable-form-fields
  .charitable-fieldset-field-wrapper
  .charitable-fieldset-field-header {
  margin-bottom: 15px;
  font-weight: 700;
  font-family: Merriweather;
  font-size: 0.9em;
}

p.no-comments {
  font-family: Merriweather;
  margin-bottom: 40px;
}

.rspn-hdr .logo img {
  width: 70%;
  float: left;
}

.event-inf .pst-mta {
  margin: 2px 0px 10px 0;
}

.dnt-lst a.brd-rd30.active {
  background: #5d2b00;
  color: #fff;
}

.error404 .search-form {
  margin: 30px 0px;
}

.campaign-has-goal p.login-prompt {
  float: left;
  display: block;
  width: 100%;
  padding: 60px 0px 10px 0px;
  font-family: Merriweather;
}

.charitable-donation-form .donation-amounts .donation-amount {
  border: 1px dotted #ddd;
}

.charitable-form-fields .charitable-fieldset {
  border: 1px solid #f6f6f6;
}

.charitable-donation-form .custom-donation-input {
  padding-left: 5px;
  border-radius: 5px;
}

.charitable-donation-form .dropdown-toggle .filter-option {
  font-family: Merriweather;
  font-size: 14px;
  padding-top: 5px;
}

#elementor-add-new-section {
  margin: 60px auto;
  float: left;
  width: 100%;
}

.tch-thmb a.sd-icon {
  margin-top: -15%;
}

.cnt-frm p.form-submit {
  padding: 0 5px;
}

body .widget > ul.cnt-inf li:before {
  content: none;
}

.widget > ul.cnt-inf > li + li,
.widget > ul.cnt-inf > li + li a {
  padding-top: 10px;
  margin-top: 10px;
  border-top: 1px dashed #ddd;
  padding-left: 20px;
  font-size: 13px;
}

.widget > ul.cnt-inf > li a {
  font-size: 13px;
  color: #666;
}

body .widget > ul.cnt-inf li:before {
  content: none;
  font-family: fontawesome;
  position: absolute;
  left: 0;
}

.blog-detail-desc ul {
  padding-left: 20px;
}

.dnt-sec-wrp .dnt-frm li {
  list-style: none;
  font-size: 14px;
  line-height: 32px;
}

.dnt-sec-wrp .dnt-frm li i {
  padding-right: 10px;
  padding-left: 5px;
  color: #5d2b00;
}

.dnt-lst a:hover {
  color: #fff !important;
}

.dnt-sec-wrp a.theme-btn.theme-bg.brd-rd5 {
  padding: 10px 25px;
}

.namaz-drp {
  float: right;
  padding-right: 30px;
  position: relative;
}

.namaz-drp button#dropdownMenuButton {
  font-size: 11px;
  background: #5d2b00;
  border: none;
}

.namaz-drp .dropdown-item {
  display: block;
  width: 100%;
  padding: 5px 10px;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
  font-size: 12px;
}

.namaz-drp .dropdown-menu.show {
  padding: 0px;
  margin-top: 10px;
}

.namaz-drp .btn-secondary.focus,
.btn-secondary:focus {
  box-shadow: 0 0 0 0.2rem #5d2b004a;
}

.namaz-drp .table td,
.namaz-drp .table th {
  padding: 5px 10px;
  margin: 0px;
}

.namaz-drp .table tr {
  font-size: 11px;
  border-bottom: 1px solid rgba(93, 43, 0, 0.1);
}

.namaz-drp .table {
  margin-bottom: 0px;
}

.namaz-drp td i {
  margin-right: 5px;
  color: #5d2b00;
}

header.style1 .namaz-drp {
  float: right;
  padding: 0px 0px 0px 30px;
}

#footer_mailform .mailpoet_form {
  padding: 10px;
  float: left;
  width: 100%;
}

.newsletter-wrap
  .mailpoet_form_shortcode
  .mailpoet_paragraph
  .mailpoet_text_label {
  display: none !important;
}

#footer_mailform .mailpoet_submit {
  margin-top: 20px !important;
}

#mailpoet_form_1 .mailpoet_paragraph {
  margin-bottom: 0px !important;
}

.top-spac40,
.gap.top-spac40 {
  padding-top: 0px !important;
}

.gallery_block .sec-tl.text-center {
  margin-bottom: 30px;
}

.event-box.not-found-any {
  background: #fff;
  padding: 30px;
}

.widget > ul.cnt-inf li a {
  letter-spacing: 0.2px;
  padding-left: 5px;
}

body .post-bx.lst .post-thmb > a {
  margin-bottom: -10px !important;
}

.sidebar_wrapper .widget > ul li a {
  letter-spacing: 0.2px;
  float: left;
}

.single .cause-detail ul {
  padding: 5px 10px 0px 5px;
  list-style: none;
  float: left;
}

.single .event-detail-desc > ul li:before {
  content: "\f00c";
  font-family: fontawesome;
  position: absolute;
  left: 10px;
  font-size: 14px;
  color: #ff9822;
}

.single .event-detail-desc > ul li {
  line-height: 33px;
  list-style: none;
}

body .blog-sec .post-bx.lst .post-inf > a {
  display: none;
}

.contact-sec .sec-tl {
  margin-bottom: 30px;
}

p.gal-caption {
  float: left;
  background: rgba(204, 204, 204, 0.25);
  width: 100%;
  color: #212529;
  text-align: center;
  padding: 5px;
  border-radius: 0px 0px 5px 5px;
  margin: 0;
}

.testimonial-block .brd-rd50 {
  -webkit-border-radius: 50% !important;
  border-radius: 50% !important;
}

.namaz-drp img {
  max-width: 30px !important;
  height: auto;
  float: left;
  display: inline-block;
  margin-right: 0;
  z-index: 999;
  position: absolute;
  left: -25px;
  top: 0px;
}

.namaz-drp .dropdown {
  float: right;
}

.namaz-drp .dropdown-menu.show {
  padding: 0px;
  margin-top: 9px;
  float: left;
  left: -30px !important;
}

.event-booking-form {
  float: left;
  margin-top: 60px;
  width: 100%;
  background: #f8f8f8;
  padding: 15px 25px;
}

.em-booking,
.em-booking-form {
  float: left;
  width: 100%;
}

.em-tickets {
  margin-bottom: 20px;
}

div.em-booking-login p label,
.em-booking-form-details p label {
  width: 100%;
  font-weight: 700;
  font-size: 17px;
  color: #444;
  font-family: Merriweather;
}

.em-booking-form p {
  display: inline-block;
  width: 100%;
}

.em-booking-form p.input-checkbox label {
  font-weight: 100;
  font-size: 13px;
}

.em-booking-form p.input-checkbox input {
  width: auto !important;
  height: auto;
  margin: 9px 7px 0 0;
}

div.em-booking-login p input,
.em-booking-form-details p input,
div.em-booking-login p textarea,
.em-booking-form-details p textarea {
  margin-top: 0;
  width: 100% !important;
  border: 1px solid #ededed;
  font-size: 13px;
  color: #979797;
  padding: 7px 25px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: #fcfcfc;
}

div.em-booking-login p textarea,
.em-booking-form-details p textarea {
  padding: 15px 25px;
}

.event_login_form {
  float: left;
  width: 100%;
}

div.em-booking-login {
  padding: 0 !important;
  border: 0;
  margin: 0;
}

div.em-booking-login p {
  display: inline-block;
  width: 100%;
}

div.em-booking-login label {
  width: auto;
  font-size: 13px;
}

.em-booking-login-form > input[type="submit"],
.em-booking-buttons input[type="submit"],
.comment-respond > form input#submit {
  margin-right: 20px;
  font-family: Merriweather;
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 0;
  padding: 12px 25px;
  position: relative;
  overflow: hidden;
  z-index: 1;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
}

.em-booking-login-form > input[type="submit"]:hover,
.em-booking-buttons input[type="submit"]:hover,
.em-booking-login-form > input[type="submit"]:focus,
.em-booking-buttons input[type="submit"]:focus,
.comment-respond > form input#submit:hover,
.comment-respond > form input#submit:focus {
  background-color: transparent;
}

.em-booking-login-form > a {
  margin-top: 15px;
  display: inline-block;
}

.em-booking-form-details {
  padding: 0;
  width: 100% !important;
  margin: 10px 0 30px;
}

.em-bookings-ticket-table-price {
  font-family: Merriweather;
  font-size: 16px;
  font-weight: 700;
}

.bootstrap-select > button:focus {
  outline: none !important;
  box-shadow: none;
}

.em-booking-login-form a {
  display: inline-block;
  margin-top: 10px;
  padding-bottom: 20px;
  font-size: 14px;
}

.em-booking-form-details .ticket-desc,
.em-booking-form-details .ticket-price,
.em-booking-form-details .em-tickets-spaces {
  border: 1px solid #e5e5e5;
  padding: 8px 20px;
  margin: -1px 0 0;
  display: table;
  line-height: 28px;
}

.em-booking-form-details .em-tickets-spaces {
  margin-bottom: 20px;
}

.em-booking-form-details .ticket-price > *,
.em-booking-form-details .em-tickets-spaces > * {
  display: table-cell;
  vertical-align: middle;
  float: none;
  width: auto;
  margin: 0;
}

.em-booking-form-details .em-tickets-spaces select {
  width: 100%;
  border: 1px solid #ededed;
  font-weight: 700;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: #fcfcfc;
  width: 80px;
  float: right;
  text-align: left;
}

.event-booking-form strong {
  font-size: 30px;
  color: #222;
  font-weight: 400;
}

.em-booking {
  margin: 5px 0px 0px 0px;
  position: relative;
}

.event-booking-form div.em-booking-login p {
  margin: 0px;
}

.js-ticker {
  overflow: hidden;
}

.js-ticker-track {
  white-space: nowrap;
}

.js-ticker-item {
  white-space: normal;
  height: 100%;
  vertical-align: top;
  display: inline-block;
  position: relative;
}

@supports (display: flex) {
  .js-ticker-track {
    position: relative;
    white-space: normal;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }

  .js-ticker-item {
    height: auto;
    display: block;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .js-ticker.active .js-ticker-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .js-ticker.active .js-ticker-item {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
  }
}

.news_ticker_sec {
  float: left;
  background: #f1f1f1;
  padding: 5px;
  font-size: 13px;
  position: relative;
}

.news_ticker_sec span {
  float: left;
  position: absolute;
  left: 0;
  background: #5d2b00;
  padding: 5px 20px;
  margin: 0;
  top: 0;
  z-index: 9;
  color: #fff;
}

.js-ticker-item {
  padding-right: 15px;
}

#triangle-right {
  width: 0;
  height: 0;
  border-top: 14px solid transparent;
  border-left: 25px solid #5d2b00;
  border-bottom: 15px solid transparent;
  position: absolute;
  z-index: 10;
  left: 145px;
  top: 0;
}

.rspn-hdr .news_ticker_sec span {
  padding: 5px 5px;
}

.rspn-hdr #triangle-right {
  left: 120px;
  top: 0;
}

.rspn-hdr .namaz-drp {
  float: left;
  padding: 0px;
  width: 100%;
}

.rspn-hdr .namaz-drp .dropdown {
  float: left;
  width: 100%;
}

.rspn-hdr .namaz-drp button#dropdownMenuButton {
  width: 100%;
  border-radius: 0px;
}

.rspn-hdr .namaz-drp .dropdown-menu.show {
  margin-top: 0px;
  float: left;
  width: 97.5%;
  text-align: center;
  left: 0px !important;
}

.rspn-hdr .namaz-drp img {
  display: none;
}

/*===== Prayer Timings Wrap =====*/
.pr-tm-wrp {
  float: left;
  width: calc(100% + 230px);
  margin-left: -114px;
  position: relative;
}

.pr-tm-lst {
  float: left;
  padding-left: 0;
  list-style: none;
  margin-bottom: 0;
  width: 100%;
}

.pr-tm-lst .pr-tm-bx {
  float: left;
  width: 16.6667%;
  padding: 50px 40px 43px 50px;
  position: relative;
  border-right: 1px dotted rgba(255, 255, 255, 0.25);
}

.pr-tm-bx > h6 {
  font-size: 24px;
  text-transform: uppercase;
  margin-bottom: 10px;
  line-height: initial;
  color: #fff;
}

.pr-tm-bx > span {
  font-family: Merriweather;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 500;
  float: left;
  width: 100%;
  line-height: initial;
  margin-top: 7px;
  color: #fff;
}

.pr-tm-bx > span i {
  font-style: normal;
}

.pr-tm-bx.spc-pr-tm > h6,
.pr-tm-bx.spc-pr-tm > span {
  color: #fff;
}

.namaz_block .sec-tl {
  margin-bottom: 15px;
}

.namaz_block .spc-pr-tm i {
  color: #fff;
}

.pr-tm-lst {
  /* background-image: url(assets/images/pattern.jpg); */
  background-position: center;
  background-repeat: repeat;
}

.pr-tm-wrp:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.7;
}

.pr-tm-lst i.thm-clr {
  padding-right: 7px;
  font-weight: 700;
  font-size: 13px;
  text-transform: capitalize;
  font-family: "Merriweather";
  float: left;
}

.cmt-bx > img {
  float: left;
  border: 3px solid #ddd;
  margin: 20px 15px 20px 0px;
}

.ticket-price strong {
  float: right;
  text-align: right;
}

/* Ramadan Times Block */
.ramadan-times {
  /* background: linear-gradient(106deg, #ff9822, #ff9822 26%, #5d2b00), linear-gradient(106deg, rgba(71, 229, 238, 0), #5d2b00 28%, #5d2b00 74%); */
  width: 100%;
  padding: 75px 0px 50px 0px;
}

.ramadan-times h2.uppercase {
  text-align: center;
  color: #fff;
  font-weight: 600;
  font-size: 40px;
  padding: 0;
}

.ramadan-times-title p {
  color: #fff;
  text-align: center;
  margin: 5px auto 20px auto;
  border-radius: 3px;
  text-align: center;
  font-size: 15px;
}

.iftar-seher-block {
  text-align: center;
  color: #fff;
  font-family: Merriweather;
}

body .iftar-seher-time .time-sec img {
  max-width: 40px;
  text-align: center;
  vertical-align: top;
}

.iftar-seher-time .time-sec {
  background: rgba(255, 255, 255, 0.12);
  display: inline-block;
  width: 100%;
  padding: 30px 0px;
}

.iftar-seher-time p {
  color: #fff;
  display: inline-block;
  padding: 0px 15px;
  border-radius: 3px;
  margin: 0px;
  font-size: 40px;
  line-height: 40px;
}

.iftar-seher-time span {
  vertical-align: middle;
  margin: 20px 0px 10px 0px;
  text-align: center;
  display: inline-block;
  font-family: Merriweather;
  font-weight: 300;
}

.iftar-trans,
.seher-trans {
  font-size: 14px;
  font-weight: 300;
  padding: 0px 40px;
}

.iftar-arabic,
.seher-arabic {
  font-size: 24px;
  padding: 10px 0px;
}

.ramadan-iftar-seher.container {
  background: rgba(255, 255, 255, 0.1);
  padding: 30px 30px 50px 30px;
}

.iftar-seher-time {
  margin-bottom: 10px;
}

.ramadan-times-additional {
  text-align: center;
  margin: 30px 0px 0px 0px;
  width: 100%;
}

.thm-sc {
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border-radius: 0;
  padding: 10px 25px;
}

img.vector-bg.ramadan {
  position: absolute;
  top: -3px;
  left: -20px;
  opacity: 0.6;
  z-index: 12;
  width: 15%;
  overflow: hidden;
}

.namaz-drp table.jamat-time {
  min-width: 15rem;
}

/*===== Featured Area =====*/
.featured-area-wrap {
  float: left;
  position: relative;
  width: 100%;
}

.featured-area {
  float: left;
  width: 100%;
}

.featured-item {
  float: left;
  position: relative;
  z-index: 1;
  width: 100%;
  background-size: cover;
  background-position: center;
  padding: 200px 15px;
}

.featured-item:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
  background-color: #000;
  opacity: 0.3;
}

.featured-cap {
  display: inline-block;
  max-width: 50%;
  padding: 20px 0 60px 0;
}

.featured-cap > img {
  width: auto !important;
  display: inline-block !important;
}

.featured-cap > * {
  opacity: 0;
}

.owl-item.active .featured-cap > * {
  opacity: 1;
}

.featured-cap > h3 {
  color: #fff;
  font-size: 35px;
  margin-bottom: 0;
  font-weight: 400;
  font-family: roboto;
}

.featured-cap > img + img,
.featured-cap > img + h1 {
  margin: 10px 0 0;
}

.featured-cap > img + h3,
.featured-cap > h1 + h3 {
  margin-top: 3px;
}

.featured-cap > h3 + span {
  margin-top: 15px;
}

.featured-cap > span {
  color: #fff;
  display: block;
  font-size: 54px;
  font-weight: 600;
}

.featured-cap > span + a {
  margin-top: 30px;
}

.featured-cap h2 {
  color: #fff;
  font-size: 30px;
  font-weight: 300;
  line-height: 46px;
  margin-bottom: 25px;
}

.date-box {
  position: absolute;
  margin: 0 auto;
  width: 150px;
  height: 115px;
  background: #ff9822;
  border-radius: 2px;
  float: left;
}

.date-box span.day {
  font-size: 40px;
  text-align: center;
  color: #fff;
  font-weight: 900;
  display: block;
  padding: 0;
  line-height: 60px;
}

.date-box span.year {
  text-align: center;
  float: left;
  display: block;
  width: 100%;
  background: #fff;
  position: absolute;
  bottom: 0;
  padding: 2px 0;
  font-size: 14px;
}

.date-box::after,
.date-box::before {
  content: "";
  position: absolute;
  bottom: 10px;
  width: 40%;
  height: 10px;
  box-shadow: 0 5px 14px rgba(0, 0, 0, 0.7);
  z-index: -1;
  transition: all 0.3s ease-in-out;
}

.date-box::before {
  left: 15px;
  transform: skew(-5deg) rotate(-5deg);
}

.date-box::after {
  right: 15px;
  transform: skew(5deg) rotate(5deg);
}

.date-box:hover::after,
.date-box:hover::before {
  box-shadow: 0 2px 14px rgba(0, 0, 0, 0.4);
}

.date-box:hover::before {
  left: 5px;
}

.date-box:hover::after {
  right: 5px;
}

.date-box span.month {
  background: #fff;
  width: 100%;
  display: block;
  text-align: center;
  font-size: 18px;
  box-shadow: -3px 6px 10px rgba(172, 172, 172, 0.15);
  padding: 2px 0;
}

.rspn-hdr .date-box {
  position: absolute;
  margin: 0 auto;
  width: 100px;
  height: 115px;
  background: #ff9822;
  border-radius: 2px;
  float: left;
  top: 220px;
  position: fixed;
  left: 0;
}

header.style2 .menu-sec.theme-bg {
  box-shadow: 0 11px 16px rgba(93, 43, 0, 0.35);
  z-index: -1;
}

.style1 .topbar .scl1,
.style4 .topbar .scl1 {
  line-height: 20px;
  width: auto;
  float: left !important;
  margin-top: 0;
}

/*===== Player Style 4 =====*/
.plyr-box {
  -webkit-box-shadow: 0 3px 2.8125rem rgba(0, 0, 0, 0.14);
  -ms-box-shadow: 0 3px 2.8125rem rgba(0, 0, 0, 0.14);
  -o-box-shadow: 0 3px 2.8125rem rgba(0, 0, 0, 0.14);
  box-shadow: 0 3px 2.8125rem rgba(0, 0, 0, 0.14);
  margin-bottom: 1.875rem;
  overflow: hidden;
}

.plyr.v4 {
  padding: 0;
}

.plyr.v4 .player {
  padding: 1.96875rem 9.0625rem 1.96875rem 39.375rem;
  position: relative;
}

.plyr.v4 .player .cover {
  max-width: 3.5rem;
  width: 100%;
  height: 3.25rem;
  position: absolute;
  left: 2.1875rem;
}

.plyr.v4 .player .info {
  position: absolute;
  left: 6.8125rem;
  margin: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.plyr.v4 .player .controls {
  position: absolute;
  left: 25.3125rem;
  padding-left: 0;
}

.plyr.v4 .player .timeHolder {
  justify-content: space-between;
  width: 100%;
}

.plyr.v4 .player .volume {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  max-width: 4.6875rem;
  width: 100%;
  text-align: center;
  font-size: 1.4375rem;
  line-height: 5.625rem;
}

.plyr.v4 .player .volume .volume-btn {
  display: block;
  width: 100%;
  height: 100%;
}

.plyr.v4 .player .timeHolder .time-separator,
.plyr.v4 .player .volume .volume-adjust {
  display: none;
}

/*===== Player Style 1 =====*/
.plyr {
  padding: 1.75rem 2.5rem 2.0625rem;
  position: relative;
}

.plyr .player {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}

.plyr .player .cover {
  flex: 0 0 3.5rem;
  max-width: 3.5rem;
  height: 3.25rem;
  background-size: cover;
  background-position: center;
}

.plyr .playlist {
  display: none;
}

.plyr .player .info {
  order: 1;
  flex: 0 0 100%;
  max-width: 100%;
  display: inline-flex;
  align-items: center;
  margin-bottom: 10px;
  margin-top: 1.375rem;
  color: #333;
}

.plyr .player .info > div + div {
  margin-left: 10px;
}

.plyr .player .info > div.title {
  font-size: 1rem;
}

.plyr .player .info > div.artist {
  font-size: 12px;
  font-weight: 300;
}

.plyr .player .info > div {
  font-family: Merriweather;
  font-weight: 700;
}

.plyr .player .controls {
  display: inline-flex;
  flex: 0 0 calc(100% - 3.5rem);
  max-width: calc(100% - 3.5rem);
  padding-left: 1.125rem;
}

.plyr .player .controls > div {
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background-color: #efefef;
  color: #383838;
  width: 2rem;
  height: 2rem;
  text-align: center;
  line-height: 2rem;
  font-size: 13px;
  cursor: pointer;
}

.plyr .player .controls > div:hover,
.plyr .player .controls > div:focus {
  color: #fff;
}

.plyr .player .controls > div:not(:first-child) {
  margin-left: 5px;
}

.plyr .player .progressbar {
  order: 1;
  height: 5px;
  background-color: #efeffe;
  flex: 0 0 100%;
  max-width: 100%;
  overflow: hidden;
  position: relative;
  cursor: pointer;
  margin-bottom: 4px;
}

.plyr .player .progressbar .bar-loaded {
  background-color: #000;
  opacity: 0.1;
}

.plyr .player .progressbar > div {
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
  height: 100%;
}

.plyr .player .volume {
  order: 1;
  display: inline-flex;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  flex-wrap: wrap;
  align-items: center;
}

.plyr .player .timeHolder {
  order: 1;
  display: inline-flex;
  color: #222;
  font-size: 12px;
  font-weight: 700;
  flex-wrap: wrap;
  align-items: center;
}

.plyr .player .volume .volume-btn {
  cursor: pointer;
}

.plyr .player.mute .volume .volume-btn i:before {
  content: "\f131";
}

.plyr .player .volume {
  font-size: 0.9375rem;
  line-height: 1;
  flex: 0 0 5.1875rem;
  max-width: 5.1875rem;
}

.plyr .player .volume .volume-adjust {
  flex: 0 0 3.75rem;
  max-width: 3.75rem;
  height: 5px;
  position: relative;
  overflow: hidden;
  margin-left: 5px;
  cursor: pointer;
}

.plyr .player .volume .volume-adjust div {
  height: 100%;
  width: 100%;
  background-color: #efefef;
  cursor: pointer;
}

.plyr .player .volume > div:hover,
.plyr .player .volume > div:focus {
  color: #222;
}

.ai-wrap .ai-track-name {
  color: #fff;
}

.v2 .footer-data {
  background-color: #fff;
  float: left;
  margin-left: 0px;
  padding: 70px 65px 40px;
  -webkit-box-shadow: 0 0 100px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 0 100px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 0 100px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 100px rgba(0, 0, 0, 0.1);
  margin: 0 auto;
  width: 100%;
}

.v2 .cpy-rgt {
  float: left;
  width: 100%;
  border-top: 1px dotted #fff;
  padding: 15px 0px 15px 0px;
  margin-top: -25px;
  z-index: -99;
}

header.style2 .cnt-inf-btn > a {
  padding: 13px 25px;
  font-size: 14px;
  margin-top: 2px;
  margin-left: 10px;
}

.inf-lst > li {
  float: left;
  margin-right: 15px;
  margin-top: 0px;
  font-family: Merriweather;
}

header.style2 .cnt-inf-btn {
  margin-top: 22px;
  margin-bottom: 11px;
}

.btn-secondary:not(:disabled):not(.disabled).active:focus,
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgb(108, 117, 125, 0);
}

.post-type-archive-product nav.woocommerce-pagination {
  margin-bottom: 80px !important;
}

body .woocommerce-tabs li.active a {
  background-color: #828282 !important;
  z-index: 9999;
}

img.widget-about-image {
  display: block;
  margin: 0 auto;
  max-width: 100px !important;
  padding: 10px 0 0 0;
}

.widget form input,
.widget form textarea {
  border: none;
}

.owl-item {
  display: inline !important;
}

span.required-field-message {
  padding-left: 5px;
}

.widget form.srch-frm.brd-rd5 {
  border: 1px solid #e2e2e2;
}

.cause-detail-inf-inr .pst-mta > li::before {
  display: none;
}

.charitable-donation-form {
  margin-bottom: 100px;
}

.sidebar_wrapper h2,
.footer-data h2 {
  font-size: 24px;
}

header.style1 nav > div > ul > li {
  float: left;
  font-size: 15px;
  width: auto;
  line-height: 45px;
  color: #fff;
  margin: 0 15px;
  padding-bottom: 23px;
}

.featured-area-wrap .owl-carousel button.owl-dot,
.featured-area-wrap .owl-carousel button.owl-dot.active {
  padding: 10px !important;
}

.featured-area-wrap .owl-dots {
  position: absolute;
  text-align: center;
  display: block;
  position: absolute;
  top: auto;
  left: 50%;
  transform: translate(-50%, -50%);
  bottom: 75px;
}

.featured-area-wrap button.owl-dot {
  margin: 0 5px 0 0;
  border-radius: 50%;
}

.featured-area-wrap .owl-carousel button.owl-dot {
  background-color: #ccc;
}

span.required-field-message {
  padding-left: 5px;
}

.widget form.srch-frm.brd-rd5 {
  border: 1px solid #e2e2e2;
}

.cause-detail-inf-inr .pst-mta > li::before {
  display: none;
}

.charitable-donation-form {
  margin-bottom: 100px;
}

.single-event .em-booking-form p.input-checkbox input {
  width: auto !important;
  height: auto;
  margin: 0px 5px 0 0;
  vertical-align: middle;
}

.event-booking-form .ticket-price strong {
  font-size: 22px;
  color: #222;
  font-weight: 400;
  padding-right: 5px;
}

.event-booking-form strong {
  font-size: 28px;
  color: #222;
  font-weight: 400;
  line-height: 1.5em;
  padding-left: 10px;
}

#em-booking {
  margin: 0 0 10px;
  position: relative;
}

div#buytickets_events > h3 {
  padding: 20px 0 10px 10px;
  float: left;
}

.em-booking.css-booking > p {
  padding: 0 0 0 10px;
  float: left;
}

.event_login_form {
  float: left;
  width: 100%;
  background: #ededed;
  padding: 25px 30px 25px 30px;
}

.em-login-trigger > a {
  background: #000;
  padding: 5px 15px;
  color: #fff;
  font-size: 12px;
  margin: 0 0 0 5px;
  float: right;
  border-radius: 5px;
}

.em-login-trigger {
  padding-bottom: 10px;
  border-bottom: 1px solid #b6b6b6;
}

.em-login-content > p {
  margin: 0;
  font-size: 13px;
  margin-top: 10px;
  padding-bottom: 10px;
}

form.em-form.em-login-form p {
  width: 50%;
  display: inline;
  padding: 15px 15px 10px 15px;
  float: left;
  background: #e7e7e7;
  border: 1px solid #dadada;
}

form.em-form.em-login-form p label {
  padding-right: 5px;
  vertical-align: -webkit-baseline-middle;
}

.em-form.em-login-form input.input {
  padding: 3px 5px;
  line-height: 1.6em;
  border-radius: 3px;
  background: #cacaca;
}

button.button-primary.em-login-submit {
  background: #000;
  border-radius: 4px;
  font-size: 14px;
  padding: 5px 15px;
  float: left;
  color: #fff;
}

button.em-login-cancel {
  float: left;
  font-size: 15px;
  line-height: 1.6em;
  vertical-align: middle;
  padding: 5px 15px;
}

label.em-login-rememberme {
  float: left;
  width: 100%;
  margin: 15px 0px;
  font-size: 14px;
  vertical-align: middle;
  line-height: 1.2em;
}

.em-login-links {
  float: left;
  font-size: 13px;
  margin: -10px 0 0 0;
  padding-bottom: 15px;
}

#em-booking .em-booking-form label {
  padding-top: 4px;
}

/*===== Time & Course Style =====*/
.time-wrap {
  padding: 1rem 0.375rem;
}

.time-inner {
  flex: 0 0 36.5625rem;
  max-width: 36.5625rem;
}

.time-inner .sec-title {
  margin-bottom: 1.1rem;
}

.time-inner .sec-title-inner,
ul.time-list {
  flex: 0 0 50%;
  max-width: 50%;
}

ul.time-list > li {
  position: relative;
  z-index: 1;
  padding: 1.25rem 1.75rem 1.25rem 2.8125rem;
}

ul.time-list > li:nth-child(2n + 1) {
  background-position: center;
  background-color: rgba(222, 222, 222, 0.05);
  background-blend-mode: multiply;
  color: #fff;
}

ul.time-list > li:nth-child(2n + 1)::before {
  content: "";
  position: absolute;
  background-color: inherit;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.65;
}

.thm-layer ul.time-list > li {
  color: #fff;
}

.time-box > span {
  font-family: Philosopher;
  font-weight: 700;
  font-size: 16px;
}

.time-box > span i {
  font-weight: normal;
  font-size: 1.5625rem;
  display: inline-block;
  vertical-align: middle;
  margin-right: 13px;
}

.time-inner .sec-title-inner > h1 + p,
.time-inner .sec-title-inner > h2 + p {
  margin-top: 5px;
}

.time-inner .sec-title-inner p {
  font-size: 15px;
}

.time-inner p.mb-0 {
  width: 100%;
  color: #c6c6c6;
  text-align: center;
  font-size: 15px;
  margin-top: 5px;
}

.time-box > span:first-child {
  font-family: Philosopher;
  font-weight: 700;
  font-size: 17px;
}

.time-wrap.d-flex.flex-wrap.align-items-center.thm-layer.position-relative.w-100 {
  justify-content: center;
}

footer.default-copyright {
  height: 60px;
  width: 100%;
  display: flex;
}

.event-box h6 {
  width: 600px;
  color: #fff;
  text-align: center;
  padding: 50px 0;
  margin: 50px auto;
}

.event-box.not-found-any h6 {
  width: 100%;
}

header .dropdown-menu thead {
  color: #fff;
}

.em-ticket-select {
  width: 100%;
  background: #f8f8f8;
}

/* <select> styles */
:root {
  --arrow-bg: rgba(0, 0, 0, 0.3);
  --arrow-icon: url(assets/images/arrow-down.png);
  --option-bg: white;
  --select-bg: rgba(255, 255, 255, 0.2);
}

.em-booking-form-details .em-tickets-spaces select {
  /* Reset */
  appearance: none;
  border: 0;
  outline: 0;
  font: inherit;
  /* Personalize */
  padding-left: 15px;
  background: var(--arrow-icon) no-repeat right 0.8em center / 1.4em,
    linear-gradient(to left, var(--arrow-bg) 3em, var(--select-bg) 3em);
  color: #000;
  height: 30px;
  border-radius: 0.25em;
  box-shadow: 0 0 1em 0 rgba(0, 0, 0, 0.2);
  cursor: pointer;
}

/* Remove focus outline */
.em-booking-form-details .em-tickets-spaces select:focus {
  outline: none;
}

/* <option> colors */
.em-booking-form-details .em-tickets-spaces select option {
  color: inherit;
  background-color: var(--option-bg);
}

.jamat-time thead {
  color: #fff;
}

.elementor-widget-sidebar .cat-lst li {
  padding-left: 0;
}

.woocommerce-cart table.cart td.actions .coupon .input-text + button {
  margin-left: 10px;
  color: #fff !important;
}

.woocommerce .cart .button:hover {
  background: #ff5e15 !important;
  color: #fff !important;
}

.book-block .tch-dwn-btn {
  margin-top: -5px;
}

.book-block .tch-inf {
  padding: 15px;
}

.namaz-drp a.theme-btn.theme-bg.brd-rd5 {
  padding: 6px 20px;
  margin-right: 10px;
  font-size: 13px;
  line-height: 21px;
}

.event-detail-inf-inr li.theme-btn.theme-bg.brd-rd5 {
  color: #fff;
  padding: 6px 15px;
  font-size: 13px;
  float: left;
}

.event-detail-inf-inr li.theme-btn.theme-bg.brd-rd5 i {
  color: #fff;
}

.event-detail-inf-inr ul li {
  padding-top: 8px;
}

aside .wp-block-archives-list li > a:before {
  top: -5px;
}

aside ul.wp-block-archives-list.wp-block-archives {
  padding-left: 15px;
}

.elementor-widget-fund_raiser .dnt-lst > a {
  padding: 8px 20px;
}

ul.tp-lnks.mobile_bar {
  justify-content: center;
  display: flex;
  padding: 10px 15px 0 15px;
}

/* Aweber Form Styling */
.textwidget form.aweber input {
  border-radius: 20px;
}

footer .widget form.aweber input[type="submit"] {
  color: #fff;
}

footer .widget form.aweber input[type="submit"] {
  border-radius: 20px;
  border: transparent;
}

/* New Homepages */
header.style4 ul.tp-lnks > li i {
  color: #fff;
  font-size: 15px;
}

header.style4 .logo-menu-sec {
  background: rgba(0, 0, 0, 0);
}

.style4 nav > div > a.srch-btn {
  display: block;
}

.style4 nav a.srch-btn i {
  background: white;
  padding: 10px;
  border-radius: 3px;
}

.style4 nav > div > a.srch-btn {
  margin-left: 40px;
}

header.style4 nav > div > ul > li {
  margin: 0 15px;
}

.tw-center .abt-desc .sec-tl span:after {
  display: none;
}

.tw-center .abt-desc .sec-tl > span {
  padding-left: 5px;
  padding-bottom: 10px;
}

.tw-center .abt-desc > p {
  margin: 20px 0;
}

/* Container that wraps .abt-desc */
.tw-center .parent-container {
  display: flex;
  align-items: center;
  /* Vertically centers the child content */
  justify-content: center;
  /* Horizontally centers the child content (optional) */
}

.tw-center .abt-desc {
  padding-top: 0%;
}

.tw-center .abt-vdo > a {
  top: auto;
  left: auto;
  font-size: 60px;
  bottom: 5%;
  right: 10%;
  border-radius: 100%;
  padding: 20px 35px;
}

.traditional .sec-tl p {
  width: 45%;
  margin: 0 auto;
  padding: 5px 0 20px 0;
}

.traditional .serv-bx.text-center {
  padding: 30px 10px 30px 10px;
  min-height: 420px;
  border-radius: 10px;
}

.traditional .srv-inf {
  padding: 23px 15px 25px;
  margin: 0;
}

.traditional .serv-bx > i {
  margin-bottom: 0px;
}

.traditional .srv-inf > p {
  text-align: center;
}

.solid-plr .sec-tl p,
.solid-be .sec-tl p,
.green-blk .sec-tl p {
  width: 45%;
  margin: 0 auto;
  padding-top: 5px;
}

.solid-plr .plr-bx:before {
  display: none;
}

.solid-plr .plr-bx > i {
  border: none;
  margin-bottom: 40px;
}

.solid-plr .plr-bx > i:after {
  opacity: 1;
}

.solid-be .post-bx {
  -webkit-box-shadow: 0 0 70px 0px rgb(0 0 0 / 3%);
  -ms-box-shadow: 0 0 70px 0px rgb(0 0 0 / 3%);
  -o-box-shadow: 0 0 70px 0px rgb(0 0 0 / 3%);
  box-shadow: 0 0 70px 0px rgb(0 0 0 / 3%);
}

body .solid-be .post-bx.lst .post-inf {
  padding: 30px 40px 30px 30px;
}

.solid-be .post-bx .post-inf > p {
  padding: 15px 0;
}

.solid-be ul.pst-mta li:not(:first-child)::before {
  content: "";
  display: inline-block;
  width: 2px;
  height: 14px;
  margin-right: 20px;
  line-height: 1;
}

.solid-be .pst-mta > li {
  margin: 5px 10px 0 0;
  line-height: 1;
}

.solid-be .post-inf > h5 {
  padding-bottom: 5px;
}

.solid-be .event-bx {
  padding: 0 25px 0px 100px;
}

.solid-be .event-bx > span {
  left: 0;
  right: auto;
  margin-top: 0;
}

.solid-be .event-bx {
  display: flex;
  /* Enable flexbox */
  flex-direction: column;
  /* Stack content vertically */
  position: relative;
  /* Ensure absolute positioning works */
}

.solid-be.event-blog .event-bx span {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  display: flex;
  color: #fff;
  z-index: 1;
  border-radius: 5px;
  padding: 15px 30px 20px 30px;
  flex-direction: column;
  justify-content: center;
}

.solid-be.event-blog .event-bx span.theme-clr + div {
  padding: 30px 10px 30px 30px;
}

.solid-be .event-bx .pst-mta li {
  font-size: 14px;
  padding: 5px 0 5px 0;
  width: 100%;
}

.solid-be.event-blog .event-bx ul.pst-mta li:before {
  display: none;
}

.solid-be.event-blog .event-bx .pst-mta,
.solid-be.event-blog .event-bx a {
  padding-bottom: 10px;
}

.solid-be .event-bx span b {
  line-height: 1.2;
  font-size: 36px;
  font-weight: 600;
}

.solid-be.event-blog .remove-ext3 .event-bx {
  margin-bottom: 30px;
}

.solid-be.event-blog .event-bx:hover:before {
  background-color: transparent;
}

.green-blk .team-inf {
  max-width: 84%;
  margin-left: 8%;
}

footer.style3 h5 {
  font-weight: 600;
}

form.aweber {
  font-size: 13px;
}

.rcnt-bx {
  border-bottom: 1px dashed #ddd;
  padding: 15px 0;
}

.rcnt-bx:last-child {
  border-bottom: 0;
}

footer .widget-box.widget h5 + p {
  padding-top: 10px;
}

footer .widget-box ul.cnt-inf {
  margin-top: 15px;
}

footer.style3 img.vector-bg-footer {
  bottom: 5%;
}

.event-blog span.theme-clr {
  padding: 15px 0 0 0;
}

.event-blog .event-bx h5 {
  margin-bottom: 0;
}

.sticky-menu {
  display: none;
}

.sticky-menu.active {
  display: block;
}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999;
  background-color: #fff;
  /* Optional */
}

.sticky-menu nav {
  float: right;
  margin-top: 10px;
  text-align: left;
}

.sticky-menu.style1 nav ul li a,
.sticky-menu.style1 nav > div ul ul li {
  color: #434343;
  text-align: left;
  float: right;
}

.sticky-menu.style1 nav ul li:before {
  color: #cdcdcd;
}

.sticky-menu.style1 nav > div ul ul {
  background: #fff;
}

.sticky-menu.style1 nav > div ul ul {
  top: 50px;
}

.sticky-menu.style1 nav > div ul ul li {
  border-bottom: 1px solid #f5f5f5;
}

.sticky-menu.style1 nav > div ul ul ul {
  top: 0;
}

.style5 ul.tp-lnks i,
.style5 .tp-lnks li,
.style5 .scl1 > span,
.style5 .scl1 a i {
  color: #fff;
}

.style5 .scl1 a:hover i {
  color: #5d2b00;
}

.style5 .hdr-srch > form {
  background: rgba(0, 0, 0, 0.08);
}

.style5 .srch-frm button {
  right: 10px;
}

.abt-vdo.style2 img {
  padding-right: 30px;
}

.abt-vdo.style2:before {
  top: 25px;
  right: 0;
  left: 0;
}

.filld .abt-desc {
  margin: 25px 0 0 0;
}

aside .widget_categories .cat-item a::before {
  content: "•";
  font-size: 2em;
  margin-right: 10px;
  left: 0;
  position: absolute;
  bottom: auto;
}

aside .widget_categories > ul {
  text-align: right;
}

aside .widget_categories > ul li a {
  padding-left: 15px;
}

.single-event .countdown.text-center li p {
  font-size: 12px;
  color: #fff;
}

.event-bx ul.pst-mta + a {
  width: 100%;
  float: left;
}

.remove-ext3 .event-bx {
  margin-bottom: 18px;
  min-height: 140px;
}

.serv-bx2:nth-child(2n) {
  transform: translateX(100%);
}

.serv-bx2.animate {
  opacity: 1;
  transform: translateX(0);
}

.dnt-wrp .dnt-frm ul {
  padding: 0;
  margin: 0;
}

.dnt-wrp .dnt-frm ul li {
  padding: 2px 0;
}

.dnt-wrp .dnt-frm ul li img {
  padding: 0 5px 0 0;
}

.abt-sec-wrp.style2 .abt-desc {
  align-items: flex-start;
}

.elementor-widget-featured_scholar .team-sec {
  padding: 15px 0;
}

.elementor-widget-featured_scholar .book-block {
  margin-top: 30px;
}

.elementor-widget-featured_scholar .sec-tl {
  margin-bottom: 15px;
}

.sidebar_wrapper .widget > ul li {
  padding-left: 0;
}

#em-booking .em-booking-form-details,
.books-corner .team-sec {
  padding: 0;
}

input.wpcf7-form-control.wpcf7-submit.has-spinner,
input.wpcf7-form-control.wpcf7-submit.has-spinner:hover {
  padding: 10px 35px;
  color: #fff;
  border-radius: 5px;
}

/* Preloader */

#preloader {
  position: fixed;
  top: 0;
  z-index: 99999;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  background-color: #fff;
}

.preloader-inner {
  height: 9.375rem;
  line-height: 9.375rem;
  width: 9.375rem;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.preloader-inner:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  border: 2px solid #bb9457;
  -webkit-animation: 5s linear infinite rotate;
  -ms-animation: rotate 5s infinite linear;
  -o-animation: 5s linear infinite rotate;
  animation: 5s linear infinite rotate;
}

.preloader-icon {
  display: inline-block;
  font-size: 3.75rem;
  -webkit-animation: 3s linear infinite zoom2;
  -ms-animation: zoom2 3s infinite linear;
  -o-animation: 3s linear infinite zoom2;
  animation: 3s linear infinite zoom2;
}

.preloader-icon.fas {
  top: 13px;
  position: relative;
}

.preloader-inner > img.pulse {
  max-width: 50%;
}

header.style4 nav > div ul li.menu-item-has-children:hover > ul {
  opacity: 0.8;
}

.fa-facebook-f:before,
.fa-facebook:before {
  content: "\f39e" !important;
}
header.style5 ul.inf-lst {
  padding-top: 15px;
}
nav ul ul li i {
  font-style: normal;
  background: #0c0c0c0a;
  padding: 3px 8px;
  border-radius: 5px;
  font-size: 10px;
  font-weight: normal;
  line-height: 1.4;
  margin: 4px 0 0 5px;
  color: #787878;
}
/* scrollbar width */
::-webkit-scrollbar {
  width: 5px;
}

/* scrollbar track */
::-webkit-scrollbar-track {
  background: #eee;
}

/* scrollbar handle */
::-webkit-scrollbar-thumb {
  border-radius: 1rem;
  background-color: #00d2ff;
  background-image: linear-gradient(to top, #212121 0%, #212121 100%);
}

footer .bottom-links li:nth-child(n + 4) {
  display: none;
}
.traditional .serv-bx > h5 {
    margin-bottom: 35px;
}