/*
Theme Name: Muezzin
Theme URI: https://nauthemes.com/demo/muezzin
Author: Nauthemes
Author URI: https://themeforest.net/user/nauthemes
Description: Muezzin - Islamic Center WordPress Theme
Version: 1.0.8
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: muezzin
*/

/*** ======= // 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: Cinzel Decorative;
  color: #222;
  font-weight: 700;
}

h1 {
  font-size: 54px;
}

h2 {
  font-size: 48px;
}

h3 {
  font-size: 36px;
}

h4 {
  font-size: 30px;
}

h5 {
  font-size: 24px;
}

h6 {
  font-size: 22px;
}

p {
  font-family: Epilogue;
  color: #555;
  line-height: 28px;
  font-size: 16px;
}

ul li,
ol li {
  font-family: Epilogue;
  color: #a7a7a7;
  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;
}

header.tq-style1 > .container {
  padding: 0;
  max-width: 1370px;
}

.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,
.team-inf,
.team-inf > span,
.serv-inf2,
.pagination > li,
.rspn-cnt > li,
.rspn-mnu-btn,
.rspn-mnu-cls {
  -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: 999;
}

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

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

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

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

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

.scl1 > a {
  display: inline-block;
  margin: 5px 10px;
}

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: 13px;
  margin-left: 20px;
  position: relative;
}

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

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

.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 {
  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: Epilogue;
  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: 60px;
  display: none;
}

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;
}

.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: 100px;
  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 {
  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: Epilogue;
  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: Epilogue;
}

.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(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;
}

.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: Epilogue;
  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: 11.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: Epilogue;
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 0px;
  position: relative;
  width: 100%;
}

.rsnp-mnu > ul > li a {
  color: inherit;
  display: block;
  font-family: Epilogue;
  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: 5px;
}

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

.rsnp-mnu ul ul li a::before {
  content: "";
  display: none;
}

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

.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: Epilogue;
  font-size: 20px;
}

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

/*===== Theme Button =====*/
.theme-btn {
  display: inline-block;
  font-family: Epilogue;
  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 {
  float: left;
  width: 100%;
  padding-top: 11%;
  padding-left: 5%;
}

.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: Epilogue;
  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(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: Epilogue;
}

/*===== 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: Epilogue;
  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(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: 14px;
  margin: 0px 15px 0 0;
  font-weight: 400;
  font-family: Epilogue;
  color: #7a7a7a;
}

.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: Epilogue;
  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: 20px;
}

.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;
}

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

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

.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: "Epilogue";
}

.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: 11px;
  font-family: "Epilogue";
}

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

.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;
}

.team-inf {
  float: left;
  width: 100%;
  margin-left: 5%;
  max-width: 90%;
  margin-top: 0px;
  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: Epilogue;
  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,.15);
  -ms-box-shadow: 0 0 40px rgba(0,0,0,.15);
  -o-box-shadow: 0 0 40px rgba(0,0,0,.15);
  box-shadow: 0 0 40px rgba(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;
}

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

.widget > span {
  font-family: Epilogue;
  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%;
  margin-top: 10px;
}

.rcnt-bx + .rcnt-bx {
  margin-top: 10px;
}

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

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

.rcnt-bx {
  display: table;
}

.rcnt-inf {
  display: table;
}

.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: 10px;
}

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

/*===== 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: 20px;
}

.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;
}

.inner-banner .breadcrumb {
  border: 0;
  padding: 10px 0 0;
  margin: 0 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;
}

.inner-banner .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: Cinzel Decorative;
  font-weight: 700;
}

.event-thmb > span i,
.event-detail-img > span i {
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  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;
  font-family: Cinzel Decorative;
}

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

.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: Cinzel Decorative;
}

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

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

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

.cnt-inf-lst > li strong {
  font-family: Epilogue;
  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: Epilogue;
}

.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: "Epilogue";
}

.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: Epilogue;
  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: 20px;
}

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

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

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

.cmt-inf > h6 {
  font-weight: 700;
  margin-bottom: 0;
  font-size: 16px;
  font-family: inherit;
  color: #000 !important;
}

.cmt-inf > span {
  display: inline-block;
  font-family: inherit;
  font-size: 13px;
  color: #7a7a7a;
}

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

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

.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: 700;
  margin: 35px 0 15px;
}

/*.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: 15px;
  position: relative;
  padding-left: 0px;
}

.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 !important;
}

.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: 25px;
}

.rprsntv-wrp > h3 {
  font-weight: 700;
  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: 700;
  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%;
  max-width: 80%;
}

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

.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: 15px;
  margin-top: 11px;
}

.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: Epilogue;
  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;
  width: 100%;
}

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;
  float: right;
}

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

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

/*===== 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-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: Epilogue;
}

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

.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: 500;
  font-family: Epilogue;
}

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

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



.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: Epilogue;
  font-size: 14px;
}

.pg-tp-inr h1 {
  font-size: 48px;
  position: relative;
  padding-top: 20px;
  text-align: center;
  margin: 0 auto;
  line-height: 56px;
}

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

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

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

.cmts-wrp h4 {
  margin-bottom: 35px;
  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 {
  font-size: 26px;
}

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

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

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

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

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

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

.event-detail-desc > h3,
.rprsntv-wrp > h3,
.event-srch-mp > h3 {
  font-size: 30px;
}

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: 17px;
  color: #303030;
  font-weight: 700;
  font-family: "Cinzel Decorative";
}

.team-detail-inf {
  padding-top: 40px;
}

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

.cause-detail-inf-inr .prg-wrp > span {
  line-height: 50px;
  margin-top: 10px;
  color: #555;
  font-family: Epilogue;
  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;
}

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

.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;
}

.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-size: 14px;
}

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

.cause-detail-inf-inr .pst-mta > li span {
  font-weight: 500;
  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: Epilogue;
  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: "Epilogue";
}

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: "\f107";
  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: Epilogue;
  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: Epilogue;
}

.cause-bx .prg-wrp > span {
  display: inline-block;
  margin: 20px 5px 0 0;
  font-size: 14px;
  color: #999;
  font-family: Epilogue;
}

.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;
}

footer .wpcf7 input[type="submit"]:hover {
  background: #5d2b00;
}

.blog-detail-desc blockquote p {
  font-style: italic;
  font-family: Cinzel Decorative;
  font-weight: 700;
}

.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,
body #gallery-1 img {
  border: none;
}

body #gallery-1 .gallery-item {
  margin-bottom: 0;
}

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

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

.cnt-frm form input[type="submit"] {
  height: auto;
  padding: 10px 30px;
  margin-top: 0px;
  margin-bottom: 0;
  width: 200px;
  float: right;
}

.cnt-frm p.logged-in-as {
  padding-left: 5px;
  font-family: inherit;
  font-size: 13px;
}

.cnt-frm .comment-notes {
  display: block;
  width: 100%;
  float: left;
  padding-left: 5px;
  font-size: 14px;
}

.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;
}

.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: #db9e30;
  color: #fff;
  border-radius: 50px;
}

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: Epilogue;
}

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

.widget i.fa.fa-bookmark {
  float: left;
  padding: 8px 10px 10px 0px;
  color: #db9e30;
}

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 {
  padding-top: 30px;
  padding-left: 20px;
}

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: Epilogue;
  font-size: 13px;
  color: #7a7a7a;
}

.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);
  -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: Epilogue;
  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;
  float: right;
}

.single-campaign .cause-detail-wrp .scl1 > a {
  display: inline-block;
  margin: 5px 7px;
  color: #a7a7a7;
}

.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: "Epilogue";
}

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

.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.tq-theme-btn {
  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: Epilogue;
  font-size: 14px;
  line-height: 30px;
}

.post-bx .post-inf > p {
  line-height: 26px;
  margin-bottom: 0;
  font-family: Epilogue;
  font-size: 14.5px;
}

.post-bx.lst .post-inf > a {
  margin-top: 12px;
  color: #808080;
  font-family: Epilogue;
  font-size: 13px;
}

footer .widget form textarea {
  padding: 10px 15px;
}

footer .scl1 > a {
  display: inline-block;
  margin: 12px 10px;
}

.event-inf p {
  font-family: Epilogue;
  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: 65px;
  background-image: url(assets/images/prayer-head-shp.png);
  position: absolute;
  left: 50%;
  margin-left: -40px;
  width: 160%;
  background-repeat: no-repeat;
  bottom: 0px;
  top: -70px;
}

.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: Epilogue;
  font-size: 13px;
}

.search-found .post-bx .post-inf > p {
  line-height: 26px;
  margin-bottom: 0;
  font-family: Epilogue;
  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: Epilogue;
  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: Epilogue;
}

.charitable-form-field label {
  font-family: Epilogue;
  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: Epilogue;
  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: Epilogue;
  font-size: 0.9em;
}

p.no-comments {
  font-family: Epilogue;
  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: Epilogue;
}

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

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;
}

.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;
  margin-bottom: 0px;
}

#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;
  font-family: "Epilogue";
  font-weight: 400;
}

.single .cause-detail ul {
  padding: 5px 10px 0px 0px;
  list-style: none;
}

.single .event-detail-desc > ul li:before {
  content: "\f00c";
  font-family: fontawesome;
  position: absolute;
  left: -20px;
  font-size: 14px;
  background: none !important;
  color: #db9e30;
}

.single .event-detail-desc > ul li {
  line-height: 33px;
  list-style: none;
}

body .blog-sec .post-bx.lst .post-inf {
  padding: 25px;
}

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: 19px !important;
  height: auto;
  float: left;
  display: inline-block;
  margin-right: 0;
  z-index: 999;
  position: absolute;
  left: -30px;
  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: Epilogue;
}

.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: inherit;
  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;
  width: 200px;
}

.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: Epilogue;
  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;
  padding: 10px 20px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: #fcfcfc;
  width: 100px;
  float: right;
  text-align: center;
}

.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: Epilogue;
  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%;
  background-image: linear-gradient(120deg, #db9e30, #5d2b00);
  opacity: 0.7;
}

.pr-tm-lst i.thm-clr {
  padding-right: 7px;
  font-weight: 700;
  font-size: 13px;
  text-transform: capitalize;
  font-family: "Epilogue";
}

.cmt-bx > img {
  margin: 20px 15px 20px 0px;
}

.ticket-price strong {
  float: right;
  text-align: right;
}

/* Ramadan Times Block */
.ramadan-times {
  /* background: linear-gradient(106deg, #DB9E30, #DB9E30 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: Epilogue;
}

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: Epilogue;
  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: #db9e30;
  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: #db9e30;
  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 {
  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: 2.5rem 9.0625rem 2.5rem 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: Epilogue;
  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 .bar-played {
  background-color: rebeccapurple;
}

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

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;
  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 20px;
  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 7px 0 0;
  vertical-align: middle;
}

body .em-booking-buttons input[type="submit"]:hover,
.comment-respond > form input#submit:hover,
footer .widget .wpcf7-submit:hover {
  background: #004b39 !important;
}

.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 > strong {
  padding: 20px 0 0px 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;
}

.single .cnt-frm form input {
  border: 1px solid #ddd;
}

.comment-respond > form input#submit {
  border: none;
  margin: 0;
}

/*===== 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;
}

/*=== General Variables ===*/
:root {
  --primary-color: #db9e30;
  --secondary-color: #004b39;
  --tq-color1: #444444;
  --tq-color2: #fff5d7;
  --tq-color3: #f8f8f8;
  --tq-color4: #1c6654;
  --tq-color5: #2ac031;
  --black: #000000;
  --white: #ffffff;
  --behance: #131418;
  --facebook: #3b5999;
  --twitter: #55acee;
  --linkedin: #0077b5;
  --skype: #00aff0;
  --vimeo: #1ab7ea;
  --yahoo: #410093;
  --instagram: #e4405f;
  --dribbble: #ea4c89;
  --flickr: #ff0084;
  --pinterest: #bd081c;
  --youtube: #cd201f;
  --reddit: #ff5700;
  --rss: #f26522;
  --whatsapp: #25d366;
  --medium: #02b875;
  --transition: all 0.2s cubic-bezier(0.19, 0.68, 0.49, 1.21);
  --transition2: all 0.3s linear;
  --Epilogue: "Epilogue", sans-serif;
  --Cinzel-Decorative: "Cinzel Decorative", cursive;
  --round3: 3px;
  --round5: 5px;
  --round10: 10px;
  --round15: 0.9375rem;
  --round20: 1.25rem;
  --round30: 1.875rem;
  --round40: 2.5rem;
  --round60: 3.75rem;
}

.tq-bg-theme {
  background-color: var(--primary-color);
}

.tq-bg-secondary {
  background-color: var(--secondary-color);
}

.tq-bg-tq-color1 {
  background-color: var(--tq-color1);
}

.tq-bg-color2 {
  background-color: var(--tq-color2);
}

.tq-bg-color3 {
  background-color: var(--tq-color3);
}

.tq-bg-color4 {
  background-color: var(--tq-color4);
}

.tq-bg-color5 {
  background-color: var(--tq-color5);
}

.tq-bg-color6 {
  background-color: var(--tq-color6);
}

.tq-bg-color7 {
  background-color: var(--tq-color7);
}

.tq-bg-color8 {
  background-color: var(--tq-color8);
}

.tq-bg-grad1 {
  background-image: var(--grad1);
}

.tq-text-theme {
  color: var(--primary-color);
}

.tq-text-secondary {
  color: var(--secondary-color);
}

.tq-text-color1 {
  color: var(--tq-color1);
}

.tq-text-color2 {
  color: var(--tq-color2);
}

.tq-text-color3 {
  color: var(--tq-color3);
}

.tq-text-color4 {
  color: var(--tq-color4);
}

.tq-text-color5 {
  color: var(--tq-color5);
}

.tq-text-color6 {
  color: var(--tq-color6);
}

.tq-text-color7 {
  color: var(--tq-color7);
}

.tq-text-color8 {
  color: var(--tq-color8);
}

/*== Fill ==*/
.fill-theme {
  fill: var(--primary-color);
}

.fill-secondary {
  fill: var(--secondary-color);
}

.fill-tq-color1 {
  fill: var(--tq-color1);
}

.fill-tq-color2 {
  fill: var(--tq-color2);
}

.fill-tq-color3 {
  fill: var(--tq-color3);
}

.fill-tq-color4 {
  fill: var(--tq-color4);
}

.fill-tq-color5 {
  fill: var(--tq-color5);
}

.fill-white {
  fill: var(--white);
}

.fill-black {
  fill: var(--black);
}

.fill-tq-tq-color1 {
  fill: var(--tq-color1);
}

/*=== Paddings ===*/
.tq-pt-10 {
  padding-top: 0.625rem;
}

.tq-pb-10 {
  padding-bottom: 0.625rem;
}

.tq-pt-20 {
  padding-top: 1.25rem;
}

.tq-pb-20 {
  padding-bottom: 1.25rem;
}

.tq-pt-30 {
  padding-top: 1.875rem;
}

.tq-pb-30 {
  padding-bottom: 1.875rem;
}

.tq-pt-40 {
  padding-top: 2.5rem;
}

.tq-pb-40 {
  padding-bottom: 2.5rem;
}

.tq-pt-50 {
  padding-top: 3.125rem;
}

.tq-pb-50 {
  padding-bottom: 3.125rem;
}

.tq-pt-60 {
  padding-top: 3.75rem;
}

.tq-pb-60 {
  padding-bottom: 3.75rem;
}

.tq-pt-70 {
  padding-top: 4.375rem;
}

.tq-pb-70 {
  padding-bottom: 4.375rem;
}

.px-70 {
  padding: 0 4.375rem;
}

.tq-pt-80 {
  padding-top: 5rem;
}

.tq-pb-80 {
  padding-bottom: 5rem;
}

.tq-pt-90 {
  padding-top: 5.625rem;
}

.tq-pb-90 {
  padding-bottom: 5.625rem;
}

.tq-pt-100 {
  padding-top: 6.25rem;
}

.tq-pb-100 {
  padding-bottom: 6.25rem;
}

.tq-pt-110 {
  padding-top: 6.875rem;
}

.tq-pb-110 {
  padding-bottom: 6.875rem;
}

.tq-pt-120 {
  padding-top: 7.5rem;
}

.tq-pb-120 {
  padding-bottom: 7.5rem;
}

.tq-pt-130 {
  padding-top: 8.125rem;
}

.tq-pb-130 {
  padding-bottom: 8.125rem;
}

.tq-pt-140 {
  padding-top: 8.75rem;
}

.tq-pb-140 {
  padding-bottom: 8.75rem;
}

.tq-pt-150 {
  padding-top: 9.375rem;
}

.tq-pb-150 {
  padding-bottom: 9.375rem;
}

.tq-pt-160 {
  padding-top: 10rem;
}

.tq-pb-160 {
  padding-bottom: 10rem;
}

.tq-pt-170 {
  padding-top: 10.625rem;
}

.tq-pb-170 {
  padding-bottom: 10.625rem;
}

.tq-pt-180 {
  padding-top: 11.25rem;
}

.tq-pb-180 {
  padding-bottom: 11.25rem;
}

.tq-pt-190 {
  padding-top: 11.875rem;
}

.tq-pb-190 {
  padding-bottom: 11.875rem;
}

.tq-pt-200 {
  padding-top: 12.5rem;
}

.tq-pb-200 {
  padding-bottom: 12.5rem;
}

.tq-pt-210 {
  padding-top: 13.125rem;
}

.tq-pb-210 {
  padding-bottom: 13.125rem;
}

.tq-pt-240 {
  padding-top: 15rem;
}

.tq-pb-240 {
  padding-bottom: 15rem;
}

.tq-pt-250 {
  padding-top: 15.625rem;
}

.tq-pb-250 {
  padding-bottom: 15.625rem;
}

.tq-pt-270 {
  padding-top: 16.875rem;
}

.tq-pb-270 {
  padding-bottom: 16.875rem;
}

.tq-pt-280 {
  padding-top: 17.5rem;
}

.tq-pb-280 {
  padding-bottom: 17.5rem;
}

.tq-pt-340 {
  padding-top: 21.25rem;
}

.tq-pb-340 {
  padding-bottom: 21.25rem;
}

.tq-pt-410 {
  padding-top: 25.625rem;
}

.tq-pb-410 {
  padding-bottom: 25.625rem;
}

/*=== Margins ===*/
.tq-mt-10 {
  margin-top: 0.625rem;
}

.tq-mb-10 {
  margin-bottom: 0.625rem;
}

.tq-mt-15 {
  margin-top: 0.9375rem;
}

.tq-mb-15 {
  margin-bottom: 0.9375rem;
}

.tq-mt-20 {
  margin-top: 1.25rem;
}

.tq-mb-20 {
  margin-bottom: 1.25rem;
}

.tq-mt-25 {
  margin-top: 1.5625rem;
}

.tq-mb-25 {
  margin-bottom: 1.5625rem;
}

.tq-mt-30 {
  margin-top: 1.875rem;
}

.tq-mb-30 {
  margin-bottom: 1.875rem;
}

.tq-mt-35 {
  margin-top: 2.1875rem;
}

.tq-mb-35 {
  margin-bottom: 2.1875rem;
}

.tq-mt-40 {
  margin-top: 2.5rem;
}

.tq-mb-40 {
  margin-bottom: 2.5rem;
}

.tq-mt-45 {
  margin-top: 2.8125rem;
}

.tq-mb-45 {
  margin-bottom: 2.8125rem;
}

.tq-mt-50 {
  margin-top: 3.125rem;
}

.tq-mb-50 {
  margin-bottom: 3.125rem;
}

.tq-mt-55 {
  margin-top: 3.4375rem;
}

.tq-mb-55 {
  margin-bottom: 3.4375rem;
}

.tq-mt-60 {
  margin-top: 3.75rem;
}

.tq-mb-60 {
  margin-bottom: 3.75rem;
}

.tq-mt-65 {
  margin-top: 4.0625rem;
}

.tq-mb-65 {
  margin-bottom: 4.0625rem;
}

.tq-mt-70 {
  margin-top: 4.375rem;
}

.tq-mb-70 {
  margin-bottom: 4.375rem;
}

.tq-mt-80 {
  margin-top: 5rem;
}

.tq-mb-80 {
  margin-bottom: 5rem;
}

.tq-mt-90 {
  margin-top: 5.625rem;
}

.tq-mb-90 {
  margin-bottom: 5.625rem;
}

.tq-mt-100 {
  margin-top: 6.25rem;
}

.tq-mb-100 {
  margin-bottom: 6.25rem;
}

.tq-mt-110 {
  margin-top: 6.875rem;
}

.tq-mb-110 {
  margin-bottom: 6.875rem;
}

.tq-mt-120 {
  margin-top: 7.5rem;
}

.tq-mb-120 {
  margin-bottom: 7.5rem;
}

.tq-mt-130 {
  margin-top: 8.125rem;
}

.tq-mb-130 {
  margin-bottom: 8.125rem;
}

.tq-mt-140 {
  margin-top: 8.75rem;
}

.tq-mb-140 {
  margin-bottom: 8.75rem;
}

/*=== Container ===*/
.container,
.container-fluid {
  padding: 0;
}

/*=== Column Gap ===*/
.tq-mrg {
  margin: 0;
}

.tq-mrg > div[class^="col"],
.tq-mrg.slick-slider div[class^="col"] {
  padding: 0;
}

.tq-mrg2 {
  margin: 0 -1px;
}

.tq-mrg2 > div[class^="col"],
.tq-mrg2.slick-slider div[class^="col"] {
  padding: 0 1px;
}

.tq-mrg5 {
  margin: 0 -0.15625rem;
}

.tq-mrg5 > div[class^="col"],
.tq-mrg5.slick-slider div[class^="col"] {
  padding: 0 0.15625rem;
}

.tq-mrg6 {
  margin: 0 -0.1875rem;
}

.tq-mrg6 > div[class^="col"],
.tq-mrg6.slick-slider div[class^="col"] {
  padding: 0 0.1875rem;
}

.tq-mrg10 {
  margin: 0 -0.3125rem;
}

.tq-mrg10 > div[class^="col"],
.tq-mrg10.slick-slider div[class^="col"] {
  padding: 0 0.3125rem;
}

.tq-mrg15 {
  margin: 0 -0.46875rem;
}

.tq-mrg15 > div[class^="col"],
.tq-mrg15.slick-slider div[class^="col"] {
  padding: 0 0.46875rem;
}

.tq-mrg20 {
  margin: 0 -0.625rem;
}

.tq-mrg20 > div[class^="col"],
.tq-mrg20.slick-slider div[class^="col"] {
  padding: 0 0.625rem;
}

.tq-mrg30 {
  margin: 0 -0.9375rem;
}

.tq-mrg30 > div[class^="col"],
.tq-mrg30.slick-slider div[class^="col"] {
  padding: 0 0.9375rem;
}

.tq-mrg35 {
  margin: 0 -1.09375rem;
}

.tq-mrg35 > div[class^="col"],
.tq-mrg35.slick-slider div[class^="col"] {
  padding: 0 1.09375rem;
}

.tq-mrg40 {
  margin: 0 -1.25rem;
}

.tq-mrg40 > div[class^="col"],
.tq-mrg40.slick-slider div[class^="col"] {
  padding: 0 1.25rem;
}

.tq-mrg45 {
  margin: 0 -1.40625rem;
}

.tq-mrg45 > div[class^="col"],
.tq-mrg45.slick-slider div[class^="col"] {
  padding: 0 1.40625rem;
}

.tq-mrg50 {
  margin: 0 -1.5625rem;
}

.tq-mrg50 > div[class^="col"],
.tq-mrg50.slick-slider div[class^="col"] {
  padding: 0 1.5625rem;
}

.tq-mrg60 {
  margin: 0 -1.875rem;
}

.tq-mrg60 > div[class^="col"],
.tq-mrg60.slick-slider div[class^="col"] {
  padding: 0 1.875rem;
}

.tq-mrg70 {
  margin: 0 -2.1875rem;
}

.tq-mrg70 > div[class^="col"],
.tq-mrg70.slick-slider div[class^="col"] {
  padding: 0 2.1875rem;
}

.tq-mrg80 {
  margin: 0 -2.1875rem;
}

.tq-mrg80 > div[class^="col"],
.tq-mrg80.slick-slider div[class^="col"] {
  padding: 0 2.1875rem;
}

.tq-mrg90 {
  margin: 0 -2.8125rem;
}

.tq-mrg90 > div[class^="col"],
.tq-mrg90.slick-slider div[class^="col"] {
  padding: 0 2.8125rem;
}

.tq-mrg100 {
  margin: 0 -3.125rem;
}

.tq-mrg100 > div[class^="col"],
.tq-mrg100.slick-slider div[class^="col"] {
  padding: 0 3.125rem;
}

.tq-mrg110 {
  margin: 0 -3.4375rem;
}

.tq-mrg110 > div[class^="col"],
.tq-mrg110.slick-slider div[class^="col"] {
  padding: 0 3.4375remm;
}

.tq-mrg120 {
  margin: 0 -3.75rem;
}

.tq-mrg120 > div[class^="col"],
.tq-mrg120.slick-slider div[class^="col"] {
  padding: 0 3.75rem;
}

.tq-mrg130 {
  margin: 0 -4.0625rem;
}

.tq-mrg130 > div[class^="col"],
.tq-mrg130.slick-slider div[class^="col"] {
  padding: 0 4.0625rem;
}

.row.slick-slider div[class^="col"] {
  flex: 0 0 100%;
  max-width: 100%;
}

.slick-slide {
  border: 0 !important;
}

/*=== Fonts Typography ===*/
.fw-hairline {
  font-weight: 100 !important;
}

.fw-lighter {
  font-weight: 200 !important;
}

.fw-light {
  font-weight: 300 !important;
}

.fw-medium {
  font-weight: 500 !important;
}

.fw-semibold {
  font-weight: 600 !important;
}

.fw-bold {
  font-weight: 700 !important;
}

.fw-bolder {
  font-weight: 800 !important;
}

.fw-black {
  font-weight: 900 !important;
}

.fst-italic {
  font-style: italic !important;
}

.fst-normal {
  font-style: normal !important;
}

/*=== Fonts Sizes ===*/
.tq-sz-13 {
  font-size: 13px;
}

.tq-sz-14 {
  font-size: 14px;
}

.tq-sz-15 {
  font-size: 0.93755rem;
}

.tq-sz-16 {
  font-size: 1rem;
}

.tq-sz-17 {
  font-size: 1.0625rem;
}

.tq-sz-18 {
  font-size: 1.125rem;
}

.tq-sz-19 {
  font-size: 1.1875rem;
}

.tq-sz-20 {
  font-size: 1.25rem;
}

.tq-sz-21 {
  font-size: 1.3125rem;
}

.tq-sz-22 {
  font-size: 1.375rem;
}

.tq-sz-23 {
  font-size: 1.4375rem;
}

.tq-sz-24 {
  font-size: 1.5rem;
}

.tq-sz-25 {
  font-size: 1.5625rem;
}

.tq-sz-26 {
  font-size: 1.625rem;
}

.tq-sz-27 {
  font-size: 1.6875rem;
}

.tq-sz-28 {
  font-size: 1.75rem;
}

.tq-sz-29 {
  font-size: 1.8125rem;
}

.tq-sz-30 {
  font-size: 1.875rem;
}

.tq-sz-31 {
  font-size: 1.9375rem;
}

.tq-sz-32 {
  font-size: 2rem;
}

.tq-sz-33 {
  font-size: 2.0625rem;
}

.tq-sz-34 {
  font-size: 2.125rem;
}

.tq-sz-35 {
  font-size: 2.1875rem;
}

.tq-sz-36 {
  font-size: 2.25rem;
}

.tq-sz-37 {
  font-size: 2.3125rem;
}

.tq-sz-38 {
  font-size: 2.375rem;
}

.tq-sz-39 {
  font-size: 2.4375rem;
}

.tq-sz-40 {
  font-size: 2.5rem;
}

.tq-sz-41 {
  font-size: 2.5625rem;
}

.tq-sz-42 {
  font-size: 2.625rem;
}

.tq-sz-43 {
  font-size: 2.6875rem;
}

.tq-sz-44 {
  font-size: 2.75rem;
}

.tq-sz-45 {
  font-size: 2.8125rem;
}

.tq-sz-46 {
  font-size: 2.875rem;
}

.tq-sz-47 {
  font-size: 2.9375rem;
}

.tq-sz-48 {
  font-size: 3rem;
}

.tq-sz-49 {
  font-size: 3.0625rem;
}

.tq-sz-50 {
  font-size: 3.125rem;
}

.tq-sz-51 {
  font-size: 3.1875rem;
}

.tq-sz-52 {
  font-size: 3.25rem;
}

.tq-sz-53 {
  font-size: 3.3125rem;
}

.tq-sz-54 {
  font-size: 3.375rem;
}

.tq-sz-55 {
  font-size: 3.4375rem;
}

.tq-sz-56 {
  font-size: 3.5rem;
}

.tq-sz-57 {
  font-size: 3.5625rem;
}

.tq-sz-58 {
  font-size: 3.625rem;
}

.tq-sz-59 {
  font-size: 3.6875rem;
}

.tq-sz-60 {
  font-size: 3.75rem;
}

.tq-sz-61 {
  font-size: 3.8125rem;
}

.tq-sz-62 {
  font-size: 3.875rem;
}

.tq-sz-63 {
  font-size: 3.9375rem;
}

.tq-sz-64 {
  font-size: 4rem;
}

.tq-sz-65 {
  font-size: 4.0625rem;
}

.tq-sz-66 {
  font-size: 4.125rem;
}

.tq-sz-67 {
  font-size: 4.1875rem;
}

.tq-sz-68 {
  font-size: 4.25rem;
}

.tq-sz-69 {
  font-size: 4.3125rem;
}

.tq-sz-70 {
  font-size: 4.375rem;
}

.tq-sz-71 {
  font-size: 4.4375rem;
}

.tq-sz-72 {
  font-size: 4.5rem;
}

.tq-sz-73 {
  font-size: 4.5625rem;
}

.tq-sz-74 {
  font-size: 4.625rem;
}

.tq-sz-75 {
  font-size: 4.6875rem;
}

.tq-sz-76 {
  font-size: 4.75rem;
}

.tq-sz-77 {
  font-size: 4.8125rem;
}

.tq-sz-78 {
  font-size: 4.875rem;
}

.tq-sz-79 {
  font-size: 4.9375rem;
}

.tq-sz-80 {
  font-size: 5rem;
}

.tq-sz-81 {
  font-size: 5.0625rem;
}

.tq-sz-82 {
  font-size: 5.125rem;
}

.tq-sz-83 {
  font-size: 5.1875rem;
}

.tq-sz-84 {
  font-size: 5.25rem;
}

.tq-sz-85 {
  font-size: 5.3125rem;
}

.tq-sz-86 {
  font-size: 5.375rem;
}

.tq-sz-87 {
  font-size: 5.4375rem;
}

.tq-sz-88 {
  font-size: 5.5rem;
}

.tq-sz-89 {
  font-size: 5.5625rem;
}

.tq-sz-90 {
  font-size: 5.625rem;
}

.tq-sz-91 {
  font-size: 5.6875rem;
}

.tq-sz-92 {
  font-size: 5.75rem;
}

.tq-sz-93 {
  font-size: 5.8125rem;
}

.tq-sz-94 {
  font-size: 5.875rem;
}

.tq-sz-95 {
  font-size: 5.9375rem;
}

.tq-sz-96 {
  font-size: 6rem;
}

.tq-sz-97 {
  font-size: 6.0625rem;
}

.tq-sz-98 {
  font-size: 6.125rem;
}

.tq-sz-99 {
  font-size: 6.1875rem;
}

.tq-sz-100 {
  font-size: 6.25rem;
}

/*=== Parallax Background ===*/
.tq-fixed-bg {
  background-position: center;
  height: 100%;
  width: 100%;
  margin: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -2;
}

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

.back-pos-cntr-norpet {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.back-pos-cntr-btm-norpet {
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: contain;
}

.back-pos-cntr-tp-norpet {
  background-position: center top;
  background-repeat: no-repeat;
  background-size: contain;
}

.back-pos-cntr-btm {
  background-position: center bottom;
}

.back-pos-lft-cntr {
  background-position: left center;
}

.back-pos-rgt-cntr {
  background-position: right center;
}

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

.tq-fixed-bg.tq-bg-norpet {
  background-size: initial;
  background-repeat: no-repeat;
}

.tq-bg-blend-soft-light {
  background-blend-mode: soft-light;
}

.tq-bg-blend-color-burn {
  background-blend-mode: color-burn;
}

.tq-bg-blend-difference {
  background-blend-mode: difference;
}

.tq-bg-blend-screen {
  background-blend-mode: screen;
}

.tq-bg-blend-multiply {
  background-blend-mode: multiply;
}

.tq-bg-blend-subtract {
  background-blend-mode: subtract;
}

.tq-bg-blend-overlay {
  background-blend-mode: overlay;
}

.tq-bg-blend-luminosity {
  background-blend-mode: luminosity;
}

/*=== Mix Blend ===*/
.mix-blend-normal,
.mix-blend-normal-layer:before {
  mix-blend-mode: normal;
}

.mix-blend-multiply,
.mix-blend-multiply-layer:before {
  mix-blend-mode: multiply;
}

.mix-blend-screen,
.mix-blend-screen-layer:before {
  mix-blend-mode: screen;
}

.mix-blend-overlay,
.mix-blend-overlay-layer:before {
  mix-blend-mode: overlay;
}

.mix-blend-darken,
.mix-blend-darken-layer:before {
  mix-blend-mode: darken;
}

.mix-blend-lighten,
.mix-blend-lighten-layer:before {
  mix-blend-mode: lighten;
}

.mix-blend-tq-color-dodge,
.mix-blend-tq-color-dodge-layer:before {
  mix-blend-mode: tq-color-dodge;
}

.mix-blend-tq-color-burn,
.mix-blend-tq-color-burn-layer:before {
  mix-blend-mode: tq-color-burn;
}

.mix-blend-hard-light,
.mix-blend-hard-light-layer:before {
  mix-blend-mode: hard-light;
}

.mix-blend-soft-light,
.mix-blend-soft-light-layer:before {
  mix-blend-mode: soft-light;
}

.mix-blend-difference,
.mix-blend-difference-layer:before {
  mix-blend-mode: difference;
}

.mix-blend-exclusion,
.mix-blend-exclusion-layer:before {
  mix-blend-mode: exclusion;
}

.mix-blend-hue,
.mix-blend-hue-layer:before {
  mix-blend-mode: hue;
}

.mix-blend-saturation,
.mix-blend-saturation-layer:before {
  mix-blend-mode: saturation;
}

.mix-blend-tq-color,
.mix-blend-tq-color-layer:before {
  mix-blend-mode: tq-color;
}

.mix-blend-luminosity,
.mix-blend-luminosity-layer:before {
  mix-blend-mode: luminosity;
}

/*=== Background Layer ===*/
.tq-black-layer:before,
.tq-white-layer:before,
.tq-gray-layer:before,
.tq-primary-layer:before,
.tq-secondary-layer:before {
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}

.tq-black-layer:before {
  background-color: var(--black);
}

.tq-white-layer:before {
  background-color: var(--white);
}

.tq-gray-layer:before {
  background-color: var(--tq-color3);
}

.tq-primary-layer:before {
  background-color: var(--primary-color);
}

.tq-secondary-layer:before {
  background-color: var(--secondary-color);
}

/*=== Opacity ===*/
.tq-opc1:before {
  opacity: 0.1;
}

.tq-opc15:before {
  opacity: 0.15;
}

.tq-opc2:before {
  opacity: 0.2;
}

.tq-opc25:before {
  opacity: 0.25;
}

.tq-opc3:before {
  opacity: 0.3;
}

.tq-opc35:before {
  opacity: 0.35;
}

.tq-opc4:before {
  opacity: 0.4;
}

.tq-opc45:before {
  opacity: 0.45;
}

.tq-opc5:before {
  opacity: 0.5;
}

.tq-opc55:before {
  opacity: 0.55;
}

.tq-opc6:before {
  opacity: 0.6;
}

.tq-opc65:before {
  opacity: 0.65;
}

.tq-opc7:before {
  opacity: 0.7;
}

.tq-opc75:before {
  opacity: 0.75;
}

.tq-opc8:before {
  opacity: 0.8;
}

.tq-opc85:before {
  opacity: 0.85;
}

.tq-opc9:before {
  opacity: 0.9;
}

.tq-opc95:before {
  opacity: 0.95;
}

.tq-opc95:before {
  opacity: 0.95;
}

.tq-opc97:before {
  opacity: 0.97;
}

.tq-opc99:before {
  opacity: 0.99;
}

/*=== Iframe ===*/
iframe {
  border: 0;
  width: 100%;
}

/*=== Image ===*/
img {
  height: auto;
  max-width: 100%;
  vertical-align: middle;
}

/*=== Cross Browser Compatibility ===*/
i,
a,
svg,
svg *,
img,
input,
button,
textarea,
:before,
:after,
label,
span,
.tq-post-icon,
.tq-namaz-timing-cap > *,
.tq-package-box,
.player .controls > div,
.player .progressbar > div,
.player .volume > div,
.tq-sticky-menu,
.tq-res-menu,
.tq-side-menu {
  -webkit-transition: var(--transition2);
  transition: var(--transition2);
}

img,
nav ul ul,
.tq-feat-img,
.tq-feat-cap,
.tq-namaz-timing-box > svg,
.tq-service-box > span svg,
.tq-pillar-box-wrap,
.tq-course-img > a.tq-link,
.tq-team-bg {
  -webkit-transition: all 600ms cubic-bezier(0.175, 0.885, 0.32, 1);
  /* older webkit */
  -webkit-transition: all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  /* easeOutBack */
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  /* older webkit */
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  /* easeOutBack */
}

/*=== Border Radius ===*/
.fun-fact-box,
.tq-package-box,
.tq-package-head,
.tq-recent-post-img,
.tq-recent-post-img > span,
.tq-follow-box > a,
.tq-course-box,
.tq-course-img,
.tq-about-img2,
.tq-quran-box,
.tq-team-box,
.tq-sermon-box,
.tq-recent-img,
.rounded-pill {
  -webkit-border-radius: 1.875rem;
  border-radius: 1.875rem;
}

/*===== Theme Style =====*/

/*===== General Image Hover Style =====*/
.tq-recent-post:hover .tq-recent-post-img img,
.tq-recent-post2:hover .tq-recent-post-img img,
.tq-follow-box > a:hover img,
.tq-course-box:hover .tq-course-img > a img,
.tq-sermon-box:hover .tq-sermon-img > a img {
  -webkit-transform: scale(1.03);
  transform: scale(1.03);
}

/*===== General Color Style =====*/
.tq-top-links > li a:hover,
.tq-top-links > li a:focus,
.tq-social-links > a:hover,
.tq-social-links > a:focus,
.tq-header-menu nav ul li:hover > a,
.tq-header-menu nav ul li a:focus,
nav ul ul li:hover > a,
nav ul ul li > a:focus,
nav ul ul li.active > a,
.tq-theme-btn > i,
.tq-service-box > h4 a:hover,
.tq-service-box > h4 a:focus,
.tq-service-box2 > h4 a:hover,
.tq-service-box2 > h4 a:focus,
.tq-consult-box-inner > a:hover,
.tq-consult-box-inner > a:focus,
.tq-recent-cap > h4 a:hover,
.tq-recent-cap > h4 a:focus,
.tq-post-meta > li a:hover,
.tq-post-meta > li a:focus,
.tq-widget-box ul:not(.tq-cont-list) li:before,
.tq-widget-box ul li:hover p > a,
.tq-widget-box ul li:hover > a,
.tq-widget-box ul li a:focus,
.tq-footer-bottom > p a:hover,
.tq-footer-bottom > p a:focus,
.tq-course-cap > h4 a:hover,
.tq-course-cap > h4 a:focus,
.tq-course-cap > span a:hover,
.tq-course-cap > span a:focus,
.tq-about-cap > ul li::marker,
.tq-count-item > span:not(.tq-count-cap),
.tq-swiper-buttons > div.tq-swiper-btn,
.tq-team-cap > h4 a:hover,
.tq-team-cap > h4 a:focus,
.tq-email > a:hover,
.tq-email > a:focus,
.tq-sermon-auth > span:first-child a,
.tq-sermon-auth > span a:hover,
.tq-sermon-auth > span a:focus,
.tq-sermon-cap > h4 a:hover,
.tq-sermon-cap > h4 a:focus,
.tq-recent-cap2-inner > h4 a:hover,
.tq-recent-cap2-inner > h4 a:focus,
.tq-recent-cap2-inner > a.tq-read-more,
.tq-sticky-menu-inner ul > li:hover > a,
.tq-sticky-menu-inner ul > li.active > a,
.tq-sticky-menu-inner ul > li > a:focus,
.tq-res-menu-trigger,
.tq-res-header-right .tq-social-links > a:hover,
.tq-res-header-right .tq-social-links > a:focus,
.tq-res-menu-close:hover,
.tq-res-menu-close:focus,
.tq-res-menu ul li:hover > a,
.tq-res-menu ul li > a:focus,
.tq-res-menu ul li.active > a,
.tq-bg-secondary .tq-theme-btn.tq-bg-theme:hover,
.tq-bg-secondary .tq-theme-btn.tq-bg-theme:focus,
.tq-feat-cap .tq-theme-btn.tq-bg-theme:hover,
.tq-feat-cap .tq-theme-btn.tq-bg-theme:focus,
.tq-select-box .dropdown-menu table tr td i,
.tq-side-menu-close:hover,
.tq-side-menu-close:focus {
  color: var(--primary-color);
}

.tq-email > a:hover svg,
.tq-email > a:focus svg {
  fill: var(--primary-color);
}

.tq-menu-btn:hover > span i,
.tq-menu-btn:focus > span i,
.tq-feat-pagination.swiper-pagination-bullets
  > span.swiper-pagination-bullet.swiper-pagination-bullet-active,
.tq-feat-pagination.swiper-pagination-bullets
  > span.swiper-pagination-bullet:hover,
.tq-testi-pagination.swiper-pagination-bullets
  > span.swiper-pagination-bullet.swiper-pagination-bullet-active,
.tq-testi-pagination.swiper-pagination-bullets
  > span.swiper-pagination-bullet:hover,
.tq-theme-btn.tq-bg-theme:before,
.tq-theme-btn.bg-white:before,
.tq-theme-btn.tq-bg-secondary:hover,
.tq-theme-btn.tq-bg-secondary:focus,
.tq-theme-btn.tq-bg-secondary:hover:before,
.tq-theme-btn.tq-bg-secondary:focus:before,
.tq-post-icon:before,
.tq-nav-tab > li.nav-item button.nav-link:hover,
.tq-nav-tab > li.nav-item button.nav-link.active,
.tq-post-meta > li:before,
.player .controls > div:hover,
.player .progressbar > div,
.tq-player .volume > div.volume-btn:hover,
.tq-course-img .tq-link:before,
.tq-swiper-buttons > div.tq-swiper-btn:before,
.tq-quran-box > a:hover,
.tq-quran-box > a:focus,
.tq-social-links2 > a:hover,
.tq-social-links2 > a:focus,
.tq-sermon-btns > a:before,
.tq-recent-cap2-inner > a.tq-read-more:before,
.help-us-box:before,
.tq-newsletter-form > button,
.tq-res-menu-trigger:hover,
.tq-res-menu-trigger:focus {
  background-color: var(--primary-color);
}

.tq-theme-btn.tq-bg-theme,
.tq-theme-btn.tq-bg-secondary:hover,
.tq-theme-btn.tq-bg-secondary:focus,
.tq-post-icon,
.tq-pillar-body > span,
.tq-nav-tab,
.tq-package-box:hover,
.tq-quran-box > a,
.tq-swiper-buttons > div.tq-swiper-btn,
.tq-theme-btn.bg-white,
.tq-social-links2 > a:hover,
.tq-social-links2 > a:focus,
.tq-recent-cap2-inner > a.tq-read-more,
.tq-res-menu-trigger,
.tq-bg-secondary .tq-theme-btn.tq-bg-theme:hover,
.tq-bg-secondary .tq-theme-btn.tq-bg-theme:focus,
.tq-feat-cap .tq-theme-btn.tq-bg-theme:hover,
.tq-feat-cap .tq-theme-btn.tq-bg-theme:focus {
  border-color: var(--primary-color);
}

.tq-theme-btn.tq-bg-theme:hover,
.tq-theme-btn.tq-bg-theme:focus,
.tq-theme-btn.tq-bg-theme:hover:before,
.tq-theme-btn.tq-bg-theme:focus:before,
.tq-theme-btn.tq-bg-secondary:before,
.tq-play-btn2:hover,
.tq-play-btn2:focus,
.help-us-box-inner > a.tq-theme-btn:hover,
.help-us-box-inner > a.tq-theme-btn:focus,
.tq-newsletter-form > button:hover,
.tq-newsletter-form > button:focus,
.tq-select-box .dropdown-menu table thead {
  background-color: var(--secondary-color);
}

.tq-theme-btn.tq-bg-secondary,
.tq-theme-btn.tq-bg-theme:hover,
.tq-theme-btn.tq-bg-theme:focus,
.help-us-box-inner > a.tq-theme-btn:hover,
.help-us-box-inner > a.tq-theme-btn:focus {
  border-color: var(--secondary-color);
}

/*===== Header Styles =====*/
header {
  position: relative;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 99999;
}

.tq-logo > a {
  display: block;
  position: relative;
}

.tq-logo > a img {
  position: absolute;
  top: 35%;
  left: 40%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.tq-header-wrapper svg.fill-theme {
  width: 80%;
}

/*=== Dropdown ===*/
.tq-header-menu nav ul ul,
.tq-sticky-menu-inner nav ul ul {
  background-color: rgba(33, 33, 33, 0.6);
  position: absolute;
  left: 0;
  top: 120%;
  z-index: 1;
  width: 13.625rem;
  -webkit-box-shadow: 0 0 1.25rem rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 1.25rem rgba(0, 0, 0, 0.1);
  opacity: 0;
  visibility: hidden;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: top;
  transform-origin: top;
  gap: 0 !important;
  flex-direction: column;
}

.tq-header-menu nav ul ul ul,
.tq-sticky-menu-inner nav ul ul ul {
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: left;
  transform-origin: left;
}

.tq-header-menu nav ul ul li,
.tq-sticky-menu-inner nav ul ul li {
  width: 100%;
  color: var(--black);
  font-size: 0.9375rem;
}

.tq-header-menu nav ul ul li a,
.tq-sticky-menu-inner nav ul ul li a {
  padding: 12px 1.5625rem;
  display: block;
}

.tq-header-menu nav ul ul li + li,
.tq-sticky-menu-inner nav ul ul li + li {
  border-top: 1px solid rgba(193, 192, 192, 0.17);
}

.tq-header-menu nav ul ul li:hover > a,
.tq-header-menu nav ul ul li.active > a,
.tq-sticky-menu-inner nav ul ul li:hover > a,
.tq-sticky-menu-inner nav ul ul li.active > a {
  background-color: var(--tq-color3);
}

.tq-header-menu nav ul ul ul,
.tq-sticky-menu-inner nav ul ul ul {
  left: 100%;
  top: 0;
}

.tq-header-menu nav ul ul li.menu-item-has-children > a:before,
.tq-sticky-menu-inner nav ul ul li.menu-item-has-children > a:before {
  content: "\f0da";
  top: 13px;
  right: 1.25rem;
}

.tq-header-menu nav ul ul li.menu-item-has-children > a,
.tq-sticky-menu-inner nav ul ul li.menu-item-has-children > a {
  padding-right: 2.1875rem;
}

.tq-header-menu nav ul li.menu-item-has-children:hover > ul,
.tq-sticky-menu-inner nav ul li.menu-item-has-children:hover > ul {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  opacity: 1;
  visibility: visible;
}

.tq-header-menu nav ul ul li.menu-item-has-children:hover > ul,
.tq-sticky-menu-inner nav ul ul li.menu-item-has-children:hover > ul {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

/*=== Header Style 1 ===*/
header.stick {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 999;
}

.tq-header-inner {
  padding-left: 1.25rem;
  gap: 1.5625rem;
  padding-top: 1.875rem;
}

.tq-header-topbar {
  gap: 1.25rem;
}

.tq-top-links {
  gap: 3.125rem;
}

.tq-top-links > li {
  color: inherit;
  align-items: center;
  display: inline-flex;
  white-space: nowrap;
  font-size: 1rem;
  line-height: 1.25;
}

.tq-top-links > li svg {
  height: 1.5625rem;
  margin-right: 12px;
  position: relative;
  top: -3px;
}

.tq-social-links {
  gap: 2.625rem;
  line-height: 1;
  padding-right: 5px;
}

.tq-social-links > a {
  position: relative;
  font-size: 1.170625rem;
}

.tq-social-links > a + a:before {
  content: "";
  width: 2px;
  height: 1rem;
  position: absolute;
  left: -1.375rem;
  background-color: var(--white);
  opacity: 0.4;
  top: calc(50% - 8px);
}

.tq-header-menu {
  gap: 1.25rem;
}

.tq-header-menu nav ul {
  padding: 0;
  list-style: none;
  margin: 0;
  display: inline-flex;
  gap: 3.125rem;
}

.tq-header-menu nav ul li {
  color: var(--white);
  font-weight: 600;
  position: relative;
}

.tq-header-menu nav ul li.menu-item-has-children > a,
.tq-sticky-menu-inner nav ul li.menu-item-has-children > a {
  padding-right: 1rem;
}

.tq-header-menu nav ul li.menu-item-has-children > a::before,
.tq-sticky-menu-inner nav ul li.menu-item-has-children > a::before {
  content: "\f0d7";
  font-family: "fontawesome";
  font-weight: 400;
  position: absolute;
  right: 0;
  top: 0;
  font-size: 13px;
}

.tq-header-menu-right {
  gap: 2.25rem;
}

.tq-menu-btn {
  display: inline-block;
}

.tq-menu-btn > span {
  position: relative;
  display: flex;
  height: 1.4375rem;
  width: 2.0625rem;
  justify-content: space-between;
  align-items: flex-end;
  flex-direction: column;
}

.tq-menu-btn > span i {
  max-width: 1.125rem;
  width: 100%;
  height: 2px;
  background-color: var(--white);
}

.tq-menu-btn > span i.tq-bar-middle {
  max-width: 100%;
}

.tq-select-box {
  z-index: 1;
}

.tq-select-box:before {
  content: "";
  position: absolute;
  right: -7px;
  bottom: -7px;
  -webkit-border-radius: inherit;
  border-radius: inherit;
  background-color: inherit;
  opacity: 0.5;
  height: 100%;
  width: 100%;
  z-index: -1;
}

.tq-select-box > svg {
  fill: var(--white);
  height: 1.875rem;
  position: absolute;
  left: 1.25rem;
  top: calc(50% - 0.9375rem);
  z-index: 9;
}

.tq-select-box .dropdown > button.btn {
  padding: 1rem 1.375rem 1rem 3.75rem;
  border: 0;
  color: var(--white);
  font-weight: 700;
  font-size: 1rem;
  display: inline-flex;
  /*align-items: center;*/
  gap: 1.25rem;
}

.tq-select-box .dropdown > button.btn:after {
  content: "\f0d7";
  font-family: "FontAwesome";
  border: 0;
  font-weight: 400;
  margin: 0;
}

.tq-select-box .dropdown-menu {
  min-width: 15rem;
  padding: 0;
  overflow: hidden;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.tq-select-box .dropdown-menu table {
  border-collapse: collapse;
  margin: 0;
}

.tq-select-box .dropdown-menu table thead tr th {
  background-color: transparent;
  color: var(--white);
  font-size: 13px;
  padding: 5px 10px;
  font-weight: 500;
}

.tq-select-box .dropdown-menu table tr td {
  font-size: 12px;
  padding: 5px 10px;
}

.tq-select-box .dropdown-menu table tr {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.tq-select-box .dropdown-menu table thead tr {
  border: 0;
}

.tq-select-box .dropdown-menu table tr td i {
  margin-right: 5px;
}

.tq-select-box .chosen-container {
  width: 100% !important;
  max-width: 14.6875rem;
}

.tq-select-box .chosen-container .chosen-single {
  background: transparent;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 0;
  border-radius: 0;
  color: var(--white);
  font-size: 1rem;
  font-weight: 700;
  padding: 1.15625rem 1.5625rem 1.15625rem 3.75rem;
  height: initial;
  line-height: 1;
}

.tq-select-box .chosen-container .chosen-single > div {
  display: none;
}

.tq-select-box .chosen-container .chosen-single:before {
  content: "\f078";
  position: absolute;
  right: 1.5625rem;
  font-weight: 400;
  font-family: "Font Awesome 5 Free";
  font-size: 0.9375rem;
}

.tq-select-box:hover:before {
  bottom: 0;
  right: 0;
}

.tq-select-box .chosen-container .chosen-results > li:hover,
.tq-select-box .chosen-container .chosen-results > li.result-selected {
  color: var(--white) !important;
}

.tq-select-box .chosen-container .chosen-results li.active-result {
  font-size: 0.9375rem;
  color: var(--tq-color1);
}

/*===== Header Style 2 =====*/
header.tq-style2 .tq-logo {
  margin-bottom: -1.5625rem;
  max-width: 11.5625rem;
  margin-left: auto;
  margin-right: auto;
}

header.tq-style2
  .tq-header-wrapper
  > div.row
  > div:first-child
  .tq-header-inner {
  gap: 2.1875rem;
}

header.tq-style2 .tq-header-wrapper .tq-header-inner {
  padding-left: 0;
}

header.tq-style2 .tq-header-menu nav ul li {
  font-size: 1rem;
}

/*=== Sticky Header Style ===*/
.tq-sticky-menu {
  position: fixed;
  top: -5rem;
  left: 0;
  right: 0;
  background-color: var(--white);
  z-index: 99999;
  -webkit-box-shadow: 0 0 1.25rem rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 1.25rem rgba(0, 0, 0, 0.15);
  opacity: 0;
  visibility: hidden;
}

body.sticky .tq-sticky-menu {
  top: 0;
  opacity: 1;
  visibility: visible;
}

.tq-sticky-menu-inner .tq-logo {
  max-width: 8rem;
  margin-bottom: -3.125rem;
}

.tq-sticky-menu-inner ul {
  padding: 0;
  list-style: none;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 2.5rem;
}

.tq-sticky-menu-inner ul li {
  font-size: 1rem;
  font-weight: 600;
  color: var(--black);
  position: relative;
}

.tq-sticky-menu-inner .tq-logo > a img {
  max-width: 7rem;
}

/*=== Responsive Header ===*/
.tq-res-header {
  display: none;
  z-index: 99999;
}

.tq-res-topbar {
  background-color: var(--white);
  -webkit-box-shadow: 0 0 1.25rem rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 1.25rem rgba(0, 0, 0, 0.1);
}

.tq-res-topbar-inner .tq-logo {
  max-width: 7rem;
  margin-bottom: -2.65rem;
}

.tq-res-topbar-inner .tq-logo img {
  max-width: 3.5rem;
}

.tq-res-header-right {
  gap: 1.875rem;
}

.tq-res-menu-trigger {
  border-width: 2px;
  border-style: solid;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  height: 2.5rem;
  width: 2.5rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.tq-res-menu-trigger:hover,
.tq-res-menu-trigger:focus {
  color: var(--white);
}

.tq-res-header-right .tq-social-links > a {
  color: var(--tq-color1);
}

.tq-res-header-right .tq-social-links > a:before {
  background-color: rgba(0, 0, 0, 0.5);
  left: -1.0625rem;
}

.tq-res-header-right .tq-social-links {
  gap: 1.875rem;
}

/*=== Responsive Menu ===*/
.tq-res-menu {
  background-color: rgba(255, 255, 255, 0.85);
  right: -22rem;
  max-width: 22rem;
  z-index: 999999;
  -webkit-box-shadow: 0 0 0.9375rem rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 0.9375rem rgba(0, 0, 0, 0.1);
  -webkit-backdrop-filter: blur(0.9375rem);
  backdrop-filter: blur(0.9375rem);
  padding: 4rem 1.875rem 1.875rem;
  overflow-y: auto;
  top: 0;
  bottom: 0;
  width: 100%;
  opacity: 0;
  visibility: hidden;
}

.tq-res-menu-close {
  top: 0.9375rem;
  right: 0.9375rem;
}

.tq-res-menu ul {
  padding: 0;
  list-style: none;
  margin: 0;
  width: 100%;
}

.tq-res-menu ul ul {
  display: none;
  padding-left: 1.25rem;
  list-style: none;
  margin-bottom: 1.25rem;
}

.tq-res-menu > ul > li:not(:first-child) {
  border-top: 1px solid rgba(0, 0, 0, 0.15);
}

.tq-res-menu > ul > li {
  color: var(--black);
  font-size: 1rem;
  line-height: 1.5;
}

.tq-res-menu > ul > li > a {
  display: block;
  padding: 12.5px 2.5rem 12.5px 0;
  position: relative;
}

.tq-res-menu ul ul li {
  font-size: 0.9375rem;
  color: var(--black);
  line-height: 1.5;
}

.tq-res-menu.slidein {
  right: 0;
  opacity: 1;
  visibility: visible;
}

.tq-res-menu ul ul li + li {
  margin-top: 10px;
}

.tq-res-menu ul > li > a > i {
  position: absolute;
  z-index: 1;
  right: 0;
  top: 12.5px;
  line-height: inherit;
  font-size: 14px;
}

.tq-res-menu ul > li.active > a > i {
  -webkit-transform: rotateX(180deg);
  transform: rotateX(180deg);
}

/*===== Side Menu Style =====*/
.tq-side-menu {
  gap: 2.5rem;
  background-color: rgba(255, 255, 255, 0.85);
  backdrop-filter: -webkit-blur(0.9375rem);
  backdrop-filter: blur(0.9375rem);
  max-width: 22rem;
  right: -22rem;
  z-index: 999999;
  opacity: 0;
  visibility: hidden;
  -webkit-box-shadow: 0 0 0.9375rem rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 0.9375rem rgba(0, 0, 0, 0.1);
  padding: 1.875rem;
  overflow-y: auto;
  top: 0;
  bottom: 0;
}

.tq-side-menu.active {
  right: 0;
  opacity: 1;
  visibility: visible;
}

.tq-side-menu .tq-widget-box {
  gap: 1.5rem;
}

.tq-side-menu .tq-widget-box > p {
  max-width: 100%;
}

.tq-side-menu .tq-logo.v2 {
  max-width: 7rem;
}

.tq-side-menu .tq-logo.v2 > a img {
  /*max-width: 4.5rem;*/
}

.tq-side-menu-close {
  position: absolute;
  right: 0.9375rem;
  top: 0.9375rem;
  font-size: 1.25rem;
}

.tq-side-menu::-webkit-scrollbar {
  width: 8px;
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 1.25rem;
  border-radius: 1.25rem;
  cursor: pointer;
  z-index: 99;
}

.tq-side-menu::-webkit-scrollbar-track {
  cursor: pointer;
}

.tq-side-menu::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.4);
  -webkit-border-radius: 1.25rem;
  cursor: pointer;
}

/*===== Featured Area Style 1 =====*/
.tq-feat-wrapper {
  padding-bottom: 1.25rem;
}

.tq-feat-caro {
  margin-bottom: -3.125rem;
}

.tq-feat-img {
  -webkit-transform: translateX(50%);
  transform: translateX(50%);
  opacity: 0;
}

.tq-feat-item.swiper-slide-active .tq-feat-img {
  opacity: 1;
  -webkit-transform: translateX(0);
  transform: translateX(0);
  padding-bottom: 50px;
}

.tq-feat-img > img {
  -webkit-filter: drop-shadow(0 1.5rem 1.5rem rgba(0, 0, 0, 0.25));
  filter: drop-shadow(0 1.5rem 1.5rem rgba(0, 0, 0, 0.25));
}

.tq-feat-cap {
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  opacity: 0;
}

.tq-feat-item.swiper-slide-active .tq-feat-cap {
  opacity: 1;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.tq-feat-cap > h2 {
  font-size: 3.4375rem;
}

.tq-feat-cap > h2 + p {
  margin-top: 1.5625rem;
  margin-bottom: 0px;
}

.tq-feat-cap > p {
  font-size: 1.25rem;
}

.tq-feat-cap > p + p {
  margin-top: 8px;
}

.tq-feat-cap > p + a {
  margin-top: 2.8125rem;
}

.tq-feat-cap > h2,
.tq-feat-cap > p {
  color: var(--white);
}

.tq-feat-pagination.swiper-pagination-bullets {
  position: absolute;
  left: 0;
  bottom: 3.125rem;
  width: auto;
  top: initial;
  line-height: 1;
  font-size: 0;
  z-index: 99;
  gap: 12px;
  display: flex;
}

.tq-feat-pagination.swiper-pagination-bullets > span.swiper-pagination-bullet,
.tq-testi-pagination.swiper-pagination-bullets > span.swiper-pagination-bullet {
  height: 2px;
  margin: 0;
  width: 3rem;
  background-color: var(--white);
  opacity: 1;
  border: 0;
  font-size: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}

.tq-testi-pagination.swiper-pagination-bullets > span.swiper-pagination-bullet {
  background-color: #b9b9b9;
}

/*===== Theme Button Style =====*/
.tq-theme-btn {
  position: relative;
  display: inline-block;
  /* z-index: 1; */
  font-size: 1rem;
  font-weight: 700;
  padding: 14px 3.125rem;
  border-width: 2px;
  border-style: solid;
  text-align: center;
  color: var(--black);
}

.tq-theme-btn.tq-bg-theme,
.tq-theme-btn.tq-bg-secondary {
  color: var(--white);
  z-index: 1;
}

.tq-view-all .tq-theme-btn,
.tq-sec-title-wrapper .tq-theme-btn {
  min-width: 12.5rem;
}

.tq-play-btn {
  color: var(--white);
  padding: 4px 2.5rem 4px 6px;
}

.tq-theme-btn:before {
  content: "";
  position: absolute;
  right: -9px;
  bottom: -9px;
  -webkit-border-radius: inherit;
  border-radius: inherit;
  opacity: 0.5;
  height: 100%;
  width: 100%;
  z-index: -1;
}

.tq-play-btn > i {
  height: 2.75rem;
  width: 2.75rem;
  text-align: center;
  line-height: 2.75rem;
  background-color: var(--white);
  -webkit-border-radius: 50%;
  border-radius: 50%;
  font-size: 13px;
  margin-right: 1.875rem;
}

.tq-theme-btn:hover:before {
  bottom: 0;
  right: 0;
}

.tq-bg-secondary .tq-theme-btn.tq-bg-theme:hover:before,
.tq-bg-secondary .tq-theme-btn.tq-bg-theme:focus:before,
.tq-bg-secondary .tq-theme-btn.tq-bg-theme:focus,
.tq-feat-cap .tq-theme-btn.tq-bg-theme:hover:before,
.tq-feat-cap .tq-theme-btn.tq-bg-theme:focus:before,
.tq-feat-cap .tq-theme-btn.tq-bg-theme:focus {
  background-color: var(--white) !important;
}

/*===== Section Title Style =====*/
.tq-sec-title-wrapper {
  margin-bottom: 3.125rem;
}

.tq-sec-title {
  gap: 1.125rem;
}

.tq-sec-title-wrapper.justify-content-between .tq-sec-title {
  gap: 12px;
}

.tq-sec-title > span {
  font-family: var(--Cinzel-Decorative);
  font-size: 1.25rem;
  font-weight: 700;
}

.tq-sec-title > h2 {
  font-size: 3.4375rem;
}

.tq-sec-title-wrapper > p {
  max-width: 26rem;
}

.tq-sec-title-left-icon .tq-sec-title {
  padding-left: 7.625rem;
}

.tq-sec-title-left-icon .tq-sec-title > svg {
  max-width: 5.75rem;
  left: 0;
  top: 0;
}

.tq-sec-title-left-icon .tq-sec-title > object {
  max-width: 5.75rem;
  left: 0;
  top: 0;
}

.tq-secondary-layer .tq-sec-title > * {
  color: var(--white);
}

.tq-sec-title-left-icon .tq-sec-title > span {
  font-family: var(--Epilogue);
  font-weight: 400;
}

.tq-sec-title > h3 {
  font-size: 2.5rem;
}

.tq-sec-title + .tq-theme-btn {
  margin-top: 2.1875rem;
}

/*===== About Style 1 =====*/
.tq-about-cap {
  gap: 2.5rem;
}

.tq-about-cap > p {
  max-width: 90%;
}

.tq-about-cap > ul {
  list-style-type: square;
  padding-left: 1.25rem;
  gap: 8px;
}

.tq-about-cap > ul li::marker {
  font-size: 1.5rem;
}

.tq-post-boxes {
  gap: 3.125rem;
}

.tq-post-box {
  gap: 0.9375rem;
}

.tq-post-icon {
  flex: 0 0 5.625rem;
  max-width: 5.625rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 5.625rem;
  border-width: 2px;
  border-style: solid;
}

.tq-post-icon:before {
  content: "";
  position: absolute;
  inset: 0;
  -webkit-border-radius: inherit;
  border-radius: inherit;
  z-index: -1;
  opacity: 0;
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
}

.tq-post-box:hover .tq-post-icon:before {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 0.5;
}

.tq-post-cap {
  flex: 1 0 0;
  max-width: initial;
  gap: 13px;
}

.tq-post-cap > h3 {
  font-size: 1.875rem;
}

.tq-about-img > img {
  clip-path: url(#tq-about-shape);
}

.tq-play-btn2 {
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 1;
  height: 5.3125rem;
  width: 5.3125rem;
  text-align: center;
  line-height: 5.3125rem;
}

.tq-play-btn2:before {
  content: "";
  position: absolute;
  -webkit-border-radius: inherit;
  border-radius: inherit;
  -webkit-animation: pulse 1500ms ease-out infinite;
  animation: pulse 1500ms ease-out infinite;
  background-color: inherit;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  height: 5.9375rem;
  width: 5.9375rem;
  z-index: -1;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0)
      scale(1.5);
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0)
      scale(1.5);
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}

/*===== Namaz Timings Style 1 =====*/
.tq-namaz-timing-boxes {
  margin-bottom: -3.75rem;
  min-width: calc(100% + 1.5rem);
}

.tq-namaz-timing-box > svg.position-absolute {
  left: 0;
  top: 0;
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  opacity: 0;
}

.tq-namaz-timing-box:hover > svg.position-absolute {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}

.tq-namaz-timing-cap {
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 1;
}

.tq-namaz-timing-cap > h4 {
  font-size: 1.625rem;
}

.tq-namaz-timing-cap > h4 + p {
  margin-top: 0.9375rem;
}

.tq-namaz-timing-cap > p {
  color: var(--black);
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.875rem;
}

.tq-namaz-timing-box:hover .tq-namaz-timing-cap > * {
  color: var(--white);
}

/*===== Support Cause Style =====*/
.tq-shape-top > svg {
  height: 7.6875rem;
  margin-bottom: -1px;
}

.tq-shape-bottom > svg {
  height: 2.375rem;
  margin-top: -1px;
}

.tq-support-cause-box {
  -webkit-border-radius: 6.25rem;
  border-radius: 6.25rem;
  padding: 4.375rem;
}

.tq-support-cause-cap {
  max-width: 47.5rem;
}

.tq-support-cause-cap > h2 {
  font-size: 3.4375rem;
}

.tq-support-cause-cap > p {
  font-size: 1rem;
}

.tq-support-cause-cap > h2,
.tq-support-cause-cap > p,
.tq-support-cause-stats-cap > span {
  color: var(--white);
}

.tq-support-cause-cap > h2 + p {
  margin-top: 10px;
}

.tq-support-cause-cap > p + .tq-support-cause-stats {
  margin-top: 2.1875rem;
}

.tq-support-cause-stats .progress {
  height: 13px;
  background-color: var(--tq-color4);
}

.tq-support-cause-stats .progress + .tq-support-cause-stats-cap {
  margin-top: 5px;
}

.tq-support-cause-stats-cap {
  gap: 1.25rem;
}

.tq-support-cause-stats-cap > span {
  font-size: 1rem;
  font-weight: 700;
}

.tq-support-cause-stats + a {
  margin-top: 1.5625rem;
}

/*===== Services Style 1 =====*/
.tq-service-img:before,
.tq-pat-bg:before {
  content: "";
  background-image: url(assets/images/tq-pattern.png);
  position: absolute;
  inset: -2.5rem 0;
  z-index: -1;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.tq-service-boxes {
  gap: 2rem;
}

.tq-service-box > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.tq-service-box > span svg.tq-bg-shape {
  height: 7.5rem;
  width: 7.5rem;
}

.tq-service-box > span svg.fill-tq-color2 {
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  opacity: 0;
  top: 0;
  left: 0;
}

.tq-service-box > span svg.fill-white {
  max-width: 3rem;
  z-index: 1;
}

.tq-service-box:hover > span svg.fill-tq-color2 {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}

.tq-service-box:hover > span svg.fill-white {
  fill: var(--black);
}

.tq-service-box > span + h4 {
  margin-top: 1.375rem;
}

.tq-service-box > h4 {
  font-size: 1.5rem;
}

.tq-service-box > h4 + p {
  margin-top: 13px;
}

.tq-service-box > p {
  font-size: 1rem;
  line-height: 1.75rem;
  max-width: 90%;
}

/*===== Fun Facts Style =====*/
.fun-fact-box {
  background-color: var(--tq-color3);
  padding: 2.8125rem 3.75rem 2.1875rem;
  margin-top: 1.875rem;
}

.tq-gray-layer .fun-fact-box {
  background-color: var(--white);
}

.fun-fact-box > h4 {
  font-size: 1.5rem;
}

.fun-fact-box > h4 > span {
  font-size: 4.375rem;
  margin-right: 8px;
  line-height: 1;
}

.fun-fact-box > h4 + p {
  margin-top: 12px;
}

.fun-fact-box > p {
  font-size: 1rem;
  line-height: 1.75rem;
  color: var(--black);
  font-weight: 500;
}

/*===== Pillars Boxes Style =====*/
.tq-pillars-wrapper {
  min-height: 39.9375rem;
}

.tq-pillars-wrapper > div.row > div.col:not(:nth-child(2n)) .tq-pillar-box-wrap,
.tq-pillars-wrapper:hover
  > div.row
  > div.col:not(:nth-child(2n + 1))
  .tq-pillar-box-wrap {
  margin-top: 3.125rem;
}

.tq-pillars-wrapper:hover
  > div.row
  > div.col:not(:nth-child(2n))
  .tq-pillar-box-wrap {
  margin-top: 0;
}

.tq-pillar-box {
  margin: 6.25rem 0;
  z-index: 1;
  padding: 0 1.5rem;
}

.tq-pillar-box > svg.tq-shape-top {
  top: -6.25rem;
}

.tq-pillar-box > svg.tq-shape-bottom {
  bottom: -6.25rem;
}

.tq-pillar-box > svg {
  z-index: -1;
}

.tq-pillar-head {
  min-height: 8.125rem;
  justify-content: space-between;
}

.tq-pillar-head + .tq-pillar-body {
  margin-top: 12px;
}

.tq-pillar-body > span {
  height: 10rem;
  width: 10rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-width: 3px;
  border-style: solid;
}

.tq-pillar-body > span + p {
  margin-top: 0.9375rem;
}

.tq-pillar-body > p {
  font-size: 14px;
  line-height: 1.5rem;
  color: var(--tq-black);
  font-weight: 600;
}

.tq-pillar-head > h4 {
  font-size: 1.375rem;
  max-width: 80%;
}

/*===== Testimonials Style =====*/
.tq-testi-cap {
  max-width: 58.125rem;
  margin: 0 auto;
}

.tq-testi-cap > span {
  display: inline-block;
  position: relative;
}

.tq-testi-cap > span svg.tq-bg-shape {
  width: 7.5rem;
}

.tq-testi-cap > span svg:not(.tq-bg-shape) {
  height: 2.75rem;
  left: calc(50% - 1.375rem);
  top: calc(50% - 1.375rem);
  opacity: 1;
}

.tq-testi-cap > span + h4 {
  margin-top: 1.5625rem;
}

.tq-testi-cap > h4 {
  font-size: 1.75rem;
}

.tq-testi-cap > h4 + p {
  margin-top: 1.25rem;
}

.tq-testi-cap > p {
  font-size: 1.875rem;
  line-height: 3.25rem;
  color: var(--black);
}

.tq-testi-pagination {
  height: initial;
  width: auto;
  justify-content: center;
  display: flex;
  gap: 12px;
}

/*===== Packages Style =====*/
svg.tq-rg-shape {
  height: 71.25rem;
  left: calc(100% - 35.625rem);
}

.tq-sec-title-wrapper + ul.tq-nav-tab {
  margin-top: -1.5625rem;
}

ul.tq-nav-tab {
  max-width: 23.4375rem;
  border-width: 2px;
  border-style: solid;
  background-color: var(--white);
  margin: 0;
  display: flex;
  align-items: center;
  text-align: center;
}

ul.tq-nav-tab > li.nav-item {
  color: var(--black);
  line-height: 1;
  font-size: 1.125rem;
  font-weight: 700;
  text-transform: uppercase;
  flex: 1 0 0;
}

ul.tq-nav-tab > li.nav-item button.nav-link {
  -webkit-border-radius: 20rem;
  border-radius: 20rem;
  color: inherit;
  margin: 0;
  border: 0;
  text-transform: inherit;
  width: 100%;
  padding: 1.5rem;
}

.tq-nav-tab > li.nav-item button.nav-link:hover,
.tq-nav-tab > li.nav-item button.nav-link.active {
  color: var(--white);
}

ul.tq-nav-tab + .tq-consult-box-wrap {
  margin-top: 4.375rem;
}

.tq-consult-box-wrap {
  gap: 1.125rem;
}

.tq-consult-box-wrap > h4 {
  font-size: 1.625rem;
}

.tq-consult-box {
  gap: 1.25rem;
}

.tq-consult-box > span {
  height: 4.375rem;
  width: 4.375rem;
}

.tq-consult-box > span svg {
  height: 1.625rem;
}

.tq-consult-box-inner {
  gap: 2px;
}

.tq-consult-box-inner > span {
  font-size: 1rem;
  color: var(--black);
  font-weight: 500;
  line-height: 1;
}

.tq-consult-box-inner > a {
  font-size: 2.1875rem;
  color: var(--black);
  font-weight: 500;
}

.tq-package-boxes {
  gap: 1.5625rem;
}

.tq-package-box {
  max-width: 41.875rem;
  background-color: var(--tq-color3);
  padding: 1.125rem;
  gap: 2.5rem;
  border-width: 2px;
  border-style: solid;
  border-color: var(--white);
}

.tq-gray-layer .tq-package-box {
  background-color: var(--white);
}

.tq-package-head {
  max-width: 15.625rem;
  flex: 0 0 15.625rem;
  padding: 2.1875rem 2.5rem;
}

.tq-package-head > h3 {
  font-size: 2.125rem;
}

.tq-package-head > h3 + p {
  margin-top: 6px;
}

.tq-package-head > p {
  color: var(--black);
  font-weight: 500;
}

.tq-package-head > p + span {
  margin-top: 4.0625rem;
}

.tq-package-head > span {
  font-weight: 700;
  text-transform: uppercase;
  color: var(--black);
}

.tq-package-body {
  gap: 1.875rem;
}

.tq-package-body > ul {
  gap: 8px;
}

.tq-package-body > ul li {
  color: var(--black);
  font-size: 1rem;
  line-height: 1.5;
  display: flex;
  align-items: center;
  gap: 0.9375rem;
  font-weight: 500;
}

.tq-package-body > ul li svg {
  width: 1rem;
}

.tq-package-body .tq-theme-btn {
  padding: 14px 2.5rem;
}

.tq-package-box:hover {
  -webkit-box-shadow: 0 0 5.3125rem rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 5.3125rem rgba(0, 0, 0, 0.1);
}

/*===== Recent Posts Style =====*/
.tq-recent-posts {
  margin-bottom: -1.875rem;
}

.tq-recent-posts .tq-recent-post {
  margin-bottom: 2.875rem;
}

.tq-recent-post {
  gap: 1.325rem;
}

.tq-recent-post-img > span {
  max-width: 6.5625rem;
  color: var(--white);
  z-index: 1;
  font-size: 3rem;
  font-weight: 900;
  width: 100%;
  left: 10px;
  top: 10px;
  line-height: 1;
  padding: 1.5rem 10px;
}

.tq-recent-post-img > span i {
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
}

.tq-recent-cap > h4 {
  font-size: 1.75rem;
}

.tq-recent-cap > h4 + .tq-post-meta {
  margin-top: 11px;
}

.tq-post-meta {
  gap: 3rem;
}

.tq-post-meta > li {
  position: relative;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 1rem;
  line-height: 1.5;
}

.tq-post-meta > li + li:before {
  content: "";
  position: absolute;
  left: -1.75rem;
  top: calc(50% - 4px);
  height: 8px;
  width: 8px;
}

/*===== Follow Wrapper Style =====*/
.tq-follow-boxes {
  gap: 1.75rem;
}

.tq-follow-box {
  gap: 1.75rem;
}

.tq-follow-box > a {
  overflow: hidden;
}

.tq-follow-cap {
  gap: 1.875rem;
}

.tq-follow-cap > svg {
  width: 100%;
  z-index: -1;
  top: 0;
  max-width: 35.625rem;
  left: calc(50% - 17.8125rem);
}

.tq-follow-cap > i {
  font-size: 3.625rem;
  color: var(--white);
}

.tq-follow-cap > h2 {
  font-size: 3.125rem;
  color: var(--white);
}

/*===== Footer Style 1 =====*/
.tq-footer-top + .tq-footer-body,
.tq-footer-body + .tq-footer-bottom,
.tq-newsletter-wrap + .tq-footer-bottom {
  border-top: 1px solid rgba(255, 255, 255, 0.15);
  margin-top: 5.625rem;
}

.tq-footer-top + .tq-footer-body {
  padding-top: 5.9375rem;
}

.tq-footer-body + .tq-footer-bottom,
.tq-newsletter-wrap + .tq-footer-bottom {
  padding-top: 2.5rem;
}

.tq-footer-bottom {
  gap: 1.25rem;
}

.tq-logo.v2 {
  max-width: 11.5rem;
}

.tq-logo.v2 > a img {
  top: 50%;
}

.tq-side-menu .tq-logo.v2 > a img {
  top: 50%;
  left: 50%;
}

.tq-footer-body {
  margin-bottom: -3.125rem;
}

.tq-footer-body .tq-logo,
.tq-footer-body .tq-widget-box {
  margin-bottom: 3.125rem;
}

.tq-widget-box {
  gap: 2.5rem;
}

.tq-widget-box > h4 {
  font-size: 1.375rem;
  line-height: 1.75rem;
}

.tq-widget-box > p,
.tq-widget-box > ul li {
  font-size: 1rem;
  line-height: 1.75rem;
  max-width: 85%;
}

.tq-widget-box > ul {
  gap: 1rem;
}

.tq-widget-box > ul li {
  max-width: 100%;
  position: relative;
}

.tq-secondary-layer .tq-widget-box > h4,
.tq-secondary-layer .tq-widget-box p,
.tq-secondary-layer .tq-widget-box > ul li,
.tq-secondary-layer .tq-newsletter-title > * {
  color: var(--white);
}

.tq-cont-list {
  gap: 10px;
}

.tq-cont-list > li {
  display: flex;
  align-items: center;
  gap: 0.9375rem;
}

.tq-widget-box > ul:not(.tq-cont-list) li:before {
  content: "\f0da";
  font-family: "fontawesome";
  font-weight: 400;
  position: absolute;
  left: 0;
  top: 0;
  line-height: inherit;
  font-size: 1.25rem;
}

.tq-widget-box > ul li i {
  flex: 0 0 3.125rem;
  height: 3.125rem;
  width: 3.125rem;
}

.tq-widget-box > ul li i svg {
  width: 1.75rem;
}

.tq-widget-box > ul:not(.tq-cont-list) li {
  padding-left: 1.75rem;
  margin-top: 0px !important;
}

/*===== Featured Area Style 2 =====*/
.tq-feat2-caro:before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: var(--black);
  opacity: 0.4;
  z-index: 2;
}

.tq-feat-item2 {
  max-height: 51.25rem;
  overflow: hidden;
}

.tq-feat-bg {
  background-size: cover;
  background-position: center;
  -webkit-transition: all 2s cubic-bezier(0.7, 0, 0.3, 1);
  transition: all 2s cubic-bezier(0.7, 0, 0.3, 1);
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
  min-height: 51.25rem;
  max-height: 51.25rem;
  height: 100%;
}

.swiper-slide-active .tq-feat-bg {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.tq-feat2-cap-wrap {
  z-index: 3;
  bottom: 8.0625rem;
}

.tq-feat2-cap {
  gap: 7px;
}

.tq-feat2-cap > h3 {
  font-size: 2.5rem;
}

.tq-feat2-cap > h2 {
  font-size: 8.125rem;
}

.tq-feat2-cap > h3,
.tq-feat2-cap > h2,
.tq-feat2-cap > p {
  color: var(--white);
}

.tq-feat2-cap > p {
  font-size: 1.25rem;
}

/*===== Player Style =====*/
.tq-player-wrap {
  gap: 1.25rem;
}

.tq-player-wrap > h6 {
  color: var(--white);
  font-size: 1rem;
  font-family: var(--Epilogue);
  padding: 1.15125rem 2.6rem;
}

.tq-player .player {
  display: inherit;
  align-items: inherit;
  gap: 1.25rem;
}

.tq-player .player .cover {
  display: none;
}

.tq-player .player .info {
  display: inline-flex;
  font-weight: 700;
  font-size: 13px;
  gap: 5px;
  align-items: inherit;
  white-space: nowrap;
}

.tq-player .player .info .title {
  color: #212121;
}

.tq-player .player .info .artist {
  color: #939393;
}

.tq-player .controls {
  display: inline-flex;
  gap: 5px;
}

.tq-player .controls > div {
  height: 1.75rem;
  width: 1.75rem;
  text-align: center;
  background-color: #f0f0f0;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  color: #383838;
  font-size: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.tq-player .controls > div:hover,
.tq-player .volume > div.volume-btn:hover {
  color: var(--white);
}

.tq-player .player .info + .controls {
  margin-left: 10px;
}

.tq-player .progressbar {
  background-color: #f4e2c0;
  -webkit-border-radius: 2.5rem;
  border-radius: 2.5rem;
  flex: 0 0 32.7rem;
  height: 6px;
  position: relative;
}

.tq-player .progressbar > div {
  -webkit-border-radius: inherit;
  border-radius: inherit;
  height: inherit;
}

.tq-player .progressbar > div.bar-loaded {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0.1;
}

.tq-player .timeHolder {
  display: inline-flex;
  min-width: 5rem;
}

.tq-player .timeHolder > div {
  font-size: 13px;
  font-weight: 700;
  color: #212121;
}

.tq-player .volume {
  margin-left: auto;
}

.tq-player .volume > div.volume-btn {
  -webkit-border-radius: 50%;
  border-radius: 50%;
  height: 2.5rem;
  width: 2.5rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #f0f0f0;
  font-size: 0.9375rem;
  cursor: pointer;
}

.tq-player .player.mute .volume > div.volume-btn > i:before {
  content: "\f6a9";
}

/*===== Courses Style =====*/
.tq-swiper-buttons {
  gap: 5px;
}

.tq-swiper-buttons > div.tq-swiper-btn {
  height: 3.75rem;
  width: 3.75rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-width: 2px;
  border-style: solid;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  font-size: 1.5rem;
  position: relative;
  z-index: 1;
}

.tq-swiper-buttons > div.tq-swiper-btn:before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  z-index: -1;
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  opacity: 0;
}

.tq-swiper-buttons > div.tq-swiper-btn:hover:before {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}

.tq-swiper-buttons > div.tq-swiper-btn:hover {
  color: var(--white);
}

.tq-sec-title-wrapper + .tq-courses-wrapper {
  margin-top: -0.9375rem;
}

.tq-course-img > a:not(.tq-link) {
  display: block;
}

.tq-course-img > a:not(.tq-link):before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: var(--black);
  z-index: 1;
  opacity: 0;
}

.tq-course-box:hover .tq-course-img > a:not(.tq-link):before {
  opacity: 0.5;
}

.tq-course-img > a.tq-link {
  z-index: 1;
  height: 3.125rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: var(--white);
  color: #121212;
  bottom: 0;
  right: 0;
  opacity: 0;
  width: 3.125rem;
}

.tq-course-box:hover .tq-course-img > a.tq-link {
  opacity: 1;
  right: 10px;
  bottom: 10px;
}

.tq-course-img > a.tq-link:before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  -webkit-border-radius: inherit;
  border-radius: inherit;
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  opacity: 0;
}

.tq-course-img > a.tq-link:hover:before,
.tq-course-img > a.tq-link:focus:before {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.tq-course-img > a.tq-link:hover,
.tq-course-img > a.tq-link:focus {
  color: var(--white);
}

.tq-course-cap {
  padding: 1.875rem 2.8125rem 2.1875rem;
  gap: 12px;
}

.tq-course-cap > h4 {
  font-size: 1.375rem;
  max-width: 85%;
}

.tq-course-cap > span.tq-author {
  font-weight: 600;
  font-size: 1rem;
}

.tq-course-cap > span.tq-price {
  font-size: 1.375rem;
  font-weight: 700;
  font-family: var(--Cinzel-Decorative);
}

.tq-course-cap > span.tq-author,
.tq-course-cap > span.tq-price {
  color: var(--black);
}

.tq-course-cap > span.tq-author + span.tq-price {
  margin-top: 8px;
}

.tq-course-cap > span.tq-rating {
  font-size: 10px;
  gap: 3px;
}

.tq-course-cap > span.tq-price + span.tq-rating {
  margin-top: -6px;
}

/*===== About Style 2 =====*/
.tq-about-img2 {
  max-width: 31.875rem;
  order: 1;
}

.tq-namaz-timing-box2 {
  margin-right: -11.875rem;
  margin-top: 2.8125rem;
  max-width: 23.75rem;
  width: 100%;
}

.tq-namaz-timing-box2 > svg {
  width: 100%;
  filter: -webkit-drop-shadow(0 0 5rem rgba(0, 0, 0, 0.1));
  filter: drop-shadow(0 0 5rem rgba(0, 0, 0, 0.1));
}

.namaz-timing-box-inner {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  min-width: 14.75rem;
  gap: 1.875rem;
}

.namaz-timing-box-inner > h3 {
  font-size: 1.875rem;
  color: var(--white);
  text-align: center;
}

.namaz-timing-box-inner > ul {
  gap: 10px;
}

.namaz-timing-box-inner > ul li {
  display: inline-flex;
  font-size: 1rem;
  color: var(--white);
  justify-content: space-between;
}

/*===== Upcoming Event Style =====*/
.tq-upcoming-wrapper .tq-fixed-bg {
  left: 19.0625rem;
}

.tq-upcoming-img {
  margin: 2px 0;
}

.tq-upcoming-img > img {
  filter: -webkit-drop-shadow(0 0 9.6875rem rgba(0, 0, 0, 0.25));
  filter: drop-shadow(0 0 9.6875rem rgba(0, 0, 0, 0.25));
}

.tq-upcoming-cap > span {
  font-family: var(--Cinzel-Decorative);
  font-weight: 700;
  font-size: 1.25rem;
}

.tq-upcoming-cap > span + h3 {
  margin-top: 6px;
}

.tq-upcoming-cap > h3 {
  font-size: 2.5rem;
  line-height: 1.5;
}

.tq-upcoming-cap > h3 + ul {
  margin-top: 1.375rem;
}

.tq-upcomin-meta {
  gap: 1.75rem;
}

.tq-upcomin-meta > li {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

.tq-upcoming-cap > h3,
.tq-upcoming-cap > ul li,
.tq-count-item > span.tq-count-cap {
  color: var(--white);
}

.tq-upcomin-meta > li svg {
  width: 1.375rem;
}

.tq-upcomin-meta + .tq-count-down {
  margin-top: 4.6875rem;
}

.tq-count-down {
  display: flex;
  gap: 4.0625rem;
}

.tq-count-item {
  display: flex;
  flex-direction: column;
  font-family: var(--Cinzel-Decorative);
  font-weight: 700;
  text-align: center;
  align-items: center;
  gap: 10px;
}

.tq-count-item > span {
  line-height: 1;
}

.tq-count-item > span:not(.tq-count-cap) {
  font-size: 3.125rem;
}

.tq-count-item > span.tq-count-cap {
  font-size: 1.25rem;
}

/*===== Quran in Arabic Style =====*/
.tq-sec-title-wrapper + .tq-quran-arabic-boxes {
  margin-top: -10px;
}

.tq-quran-arabic-boxes {
  margin-bottom: -1.5rem;
}

.tq-quran-arabic-boxes .tq-quran-box {
  margin-bottom: 1.5rem;
}

.tq-quran-box {
  background-color: var(--tq-color3);
  padding: 1.875rem 10px 10px;
  gap: 1.875rem;
}

.tq-gray-layer .tq-quran-box {
  background-color: var(--white);
}

.tq-quran-box > h4 {
  color: var(--primary-color);
  font-size: 1.625rem;
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 0 0.9375rem;
}

.tq-quran-box > h4 small {
  color: var(--black);
  display: block;
  font-size: 1.25rem;
}

.tq-quran-box > a {
  border-width: 1px;
  border-style: solid;
  border-radius: 2.5rem;
  font-size: 14px;
  display: inline-flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  color: var(--black);
  font-weight: 700;
  gap: 8px;
  padding: 6.5px 10px;
}

.tq-quran-box > a:hover,
.tq-quran-box > a:focus {
  color: var(--white);
}

.tq-quran-box > a i {
  font-size: 13px;
}

/*===== Services Style 2 =====*/
.tq-service-boxes2 {
  margin-bottom: -2.5rem;
}

.tq-service-boxes2 .tq-service-box2 {
  margin-bottom: 2.5rem;
}

.tq-service-box2 {
  gap: 0.9375rem;
}

.tq-service-box2 > span {
  display: inline-block;
}

.tq-service-box2:hover > span {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

.tq-service-box2 > span svg {
  width: 5rem;
}

.tq-service-box2 > span + h4 {
  margin-top: 5px;
}

.tq-service-box2 > h4 {
  font-size: 1.625rem;
}

.tq-service-box2 > p {
  font-size: 1rem;
  line-height: 1.75rem;
}

.tq-service-img2 > img {
  margin-right: -2.1875rem;
}

.tq-service-img2 > svg {
  top: 2.5rem;
  left: 3.75rem;
  z-index: -1;
  height: 32.5rem;
}

/*===== Team Style =====*/
.tq-sec-title-wrapper + .tq-team-boxes {
  margin-top: -0.9375rem;
}

.tq-team-boxes > div.row > div:nth-child(2n) .tq-team-box-wrap {
  margin-top: 3.125rem;
}

.tq-team-box {
  border: 3px solid var(--tq-color2);
  padding: 1.875rem 1.5625rem 0;
  margin-bottom: 1.5625rem;
  gap: 12px;
}

.tq-team-box .tq-team-bg {
  inset: 0;
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-border-radius: inherit;
  border-radius: inherit;
  background-size: contain;
  background-blend-mode: difference;
}

.tq-team-box .tq-team-bg:before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: inherit;
  -webkit-border-radius: inherit;
  border-radius: inherit;
  opacity: 0.3;
}

.tq-team-box:hover .tq-team-bg {
  opacity: 0;
}

.tq-team-cap {
  gap: 8px;
  padding: 0 0.9375rem;
}

.tq-team-cap > span {
  font-size: 1rem;
}

.tq-team-cap > h4 {
  font-size: 1.625rem;
}

.tq-team-cap > h4 + span {
  margin-top: 5px;
}

.tq-team-cap > span.tq-email {
  color: var(--black);
}

.tq-team-cap > span.tq-email a {
  display: inherit;
  align-items: inherit;
  gap: 8px;
}

.tq-team-cap > span.tq-email a svg {
  width: 1.25rem;
}

.tq-team-cap > span + .tq-social-links2 {
  margin-top: 1.125rem;
}

.tq-social-links2 {
  gap: 5px;
}

.tq-social-links2 > a {
  height: 3.125rem;
  width: 3.125rem;
  border: 3px solid var(--tq-color2);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: var(--white);
  color: var(--black);
  font-size: 1rem;
}

.tq-team-cap .tq-social-links2 {
  margin-bottom: -1.5625rem;
}

.tq-social-links2 > a:hover,
.tq-social-links2 > a:focus {
  color: var(--white);
}

svg.tq-lf-shape {
  height: 32.5rem;
  right: calc(100% - 17rem);
  bottom: 0;
}

/*===== Sermons Style =====*/
.tq-sermons-boxes {
  padding-left: 3.125rem;
  gap: 1.25rem;
}

.tq-sermon-box {
  background-color: var(--tq-color3);
  padding: 1rem 1.875rem 1rem 1.25rem;
  border: 1px solid #ccc;
  gap: 1.875rem;
}

.tq-gray-layer .tq-sermon-box {
  background-color: var(--white);
}

.tq-sermon-box-inner {
  gap: 10px;
}

.tq-sermon-img {
  border: 3px solid var(--white);
  -webkit-box-shadow: 0 0 2.5rem rgba(0, 0, 0, 0.07);
  box-shadow: 0 0 2.5rem rgba(0, 0, 0, 0.07);
}

.tq-sermon-cap {
  gap: 10px;
}

.tq-sermon-cap .tq-sermon-auth {
  font-size: 1rem;
  font-weight: 500;
  gap: 12px;
  display: flex;
  align-items: center;
}

.tq-sermon-cap > h4 {
  font-size: 1.125rem;
  line-height: 1.5;
}

.tq-sermon-btns {
  gap: 5px;
}

.tq-sermon-btns > a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: var(--tq-color2);
  -webkit-border-radius: 50%;
  border-radius: 50%;
  position: relative;
  z-index: 1;
  height: 3.125rem;
  width: 3.125rem;
  color: #777;
  font-size: 1.25rem;
}

.tq-sermon-btns > a:before {
  content: "";
  position: absolute;
  inset: 0;
  -webkit-border-radius: inherit;
  border-radius: inherit;
  z-index: -1;
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  opacity: 0;
}

.tq-sermon-btns > a:hover,
.tq-sermon-btns > a:focus {
  color: var(--white);
}

.tq-sermon-btns > a:hover:before,
.tq-sermon-btns > a:focus:before {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}

.tq-pat-bg {
  height: 38rem;
  width: 41.25rem;
  right: 0;
  bottom: 0;
}

/*===== Recent Posts Style 2 =====*/
.tq-recent-posts2 {
  gap: 3.4375rem;
}

.tq-recent-cap2 {
  padding-left: 10px;
  max-width: 85%;
}

.tq-recent-cap2 > span {
  font-family: var(--Cinzel-Decorative);
  font-size: 3.75rem;
  font-weight: 700;
  line-height: 1;
}

.tq-recent-cap2 > span i {
  display: block;
  font-size: 1.125rem;
  font-style: normal;
  white-space: nowrap;
}

.tq-recent-cap2 > span + .tq-recent-cap2-inner {
  margin-left: 1.375rem;
  padding-left: 2.1875rem;
  border-left: 1px solid #909090;
}

.tq-recent-cap2-inner > h4 {
  font-size: 1.875rem;
}

.tq-recent-cap2-inner > h4 + p {
  margin-top: 13px;
}

.tq-recent-cap2-inner > p {
  font-size: 1rem;
  line-height: 1.75rem;
}

.tq-recent-cap2-inner > p + a {
  margin-top: 2.1875rem;
}

.tq-recent-cap2-inner > a.tq-read-more {
  height: 3.125rem;
  width: 3.125rem;
  display: inline-flex;
  position: relative;
  z-index: 1;
  border-width: 2px;
  border-style: solid;
  align-items: center;
  justify-content: center;
  font-size: 1.25rem;
}

.tq-recent-cap2-inner > a.tq-read-more:before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  -webkit-border-radius: inherit;
  border-radius: inherit;
  opacity: 0;
}

.tq-recent-cap2-inner > a.tq-read-more:hover,
.tq-recent-cap2-inner > a.tq-read-more:focus {
  color: var(--white);
}

.tq-recent-cap2-inner > a.tq-read-more:hover:before,
.tq-recent-cap2-inner > a.tq-read-more:focus:before {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

/*===== Help Us Style =====*/
.help-us-box {
  -webkit-border-radius: 3.125rem;
  border-radius: 3.125rem;
  padding: 5.625rem 5.625rem 6.125rem;
}

.help-us-box:before {
  content: "";
  position: absolute;
  inset: 0;
  -webkit-border-radius: inherit;
  border-radius: inherit;
  z-index: -1;
  opacity: 0.9;
}

.help-us-box-inner {
  max-width: 90%;
}

.help-us-box-inner > h2 {
  font-size: 3.125rem;
}

.help-us-box-inner > h2,
.help-us-box-inner > p {
  color: var(--white);
}

.help-us-box-inner > h2 + p {
  margin-top: 12px;
}

.help-us-box-inner > p {
  font-size: 1rem;
  line-height: 1.75rem;
}

.help-us-box-inner > a.tq-theme-btn {
  border-color: var(--white);
}

.help-us-box-inner > a.tq-theme-btn:before {
  background-color: inherit;
}

.help-us-box-inner > p + a {
  margin-top: 1.875rem;
}

/*===== Footer Style 2 =====*/
.tq-footer-body + .tq-newsletter-wrap {
  margin-top: 5.625rem;
}

.tq-newsletter-wrap + .tq-footer-bottom {
  border-top: 0;
}

.tq-newsletter-wrap + .tq-footer-bottom:before {
  content: "";
  position: absolute;
  left: -100%;
  right: -100%;
  background-color: rgba(255, 255, 255, 0.15);
  height: 1px;
  top: -1px;
}

.tq-newsletter-wrap {
  gap: 1.25rem;
}

.tq-newsletter-title {
  gap: 0.9375rem;
}

.tq-newsletter-title > i {
  font-size: 2.5rem;
}

.tq-newsletter-title > span {
  font-size: 1rem;
}

.tq-newsletter-title > h3 {
  font-size: 2.5rem;
}

.tq-newsletter-form {
  max-width: 53.125rem;
}

.tq-newsletter-form > input {
  -webkit-border-radius: inherit;
  border-radius: inherit;
  height: 4rem;
  width: 100%;
  font-size: 1rem;
  padding: 0.9375rem 2.5rem;
}

.tq-newsletter-form > button {
  -webkit-border-radius: inherit;
  border-radius: inherit;
  color: var(--white);
  font-size: 1rem;
  font-weight: 700;
  padding: 1rem 2.5rem;
  min-width: 12.5rem;
  position: absolute;
  right: 4px;
  top: 4px;
}

ul.tq-top-links li a {
  padding-left: 5px;
  text-decoration: none;
}

@media only screen and (min-width: 1024px) {
  .swiper-horizontal > .swiper-pagination-bullets,
  .swiper-pagination-bullets.swiper-pagination-horizontal,
  .swiper-pagination-custom,
  .swiper-pagination-fraction {
    top: var(--swiper-pagination-top, auto);
    left: 18% !important;
    width: 100%;
    bottom: 50px !important;
  }
}

.tq-namaz-timing-box.text-center.position-relative.w-100 {
  min-height: 320px;
}

.tq-service-box span i {
  max-width: 3rem;
  z-index: 1;
  position: absolute;
  font-size: 3rem;
  color: #fff;
}

.elementor-editor-active .tq-play-btn2:before {
  display: none;
}

div#tq-tab2 .tq-package-box {
  margin-bottom: 20px;
}

header nav a {
  text-decoration: none;
}

.tq-service-box2 i {
  font-size: 60px;
}

a {
  text-decoration: none;
}

.tq-header-menu nav ul ul li {
  font-size: 14px !important;
  line-height: 24px;
}

.tq-about-img > img {
  clip-path: url(#tq-about-shape);
  margin-top: 50px;
}

.tq-sermons-wrapper .volume-btn i {
  padding-top: 40px;
}

.tq-sermons-boxes .plyr-box {
  border: none;
}

.tq-support-cause-stats .progress-bar {
  background-color: #db9e2f;
}

.gap.black-layer.inner-banner {
  padding-top: 220px;
}

.cause-bx .progress-bar {
  overflow: visible;
}

.single-campaign .progress-bar {
  overflow: visible;
}

.single-campaign .cause-detail.event-detail-desc ul li {
  padding-left: 20px !important;
}

body footer .tq-widget-box ul li {
  padding-left: 0px;
}

p.comment-form-cookies-consent label {
  font-size: 0.9rem;
  padding-left: 5px;
  color: #545454;
}

.cnt-frm form input[type="checkbox"] {
  width: 15px;
  height: 15px;
  margin-top: 5px;
}

.wpb_widgetised_column h6 {
  color: #000 !important;
  font-size: 20px;
}

.wpb_widgetised_column .widget .srch-frm input {
  border-radius: 50px;
}

.lst-cas p {
  margin-top: 15px;
  font-size: 17px;
  color: #a7a7a7;
}

.single-services .blog-detail-inf {
  text-align: center;
  padding-bottom: 20px;
}

.single-services .blog-detail-desc.event-detail-desc ul li + li {
  margin-top: 0px !important;
}

.single-campaign .event-detail-desc > ul li:before {
  left: 0px;
}

.cmt-inf a.url {
  color: #000 !important;
  font-family: "Cinzel Decorative";
  font-weight: 700;
  font-size: 16px;
  margin: 0 0 5px 0;
  float: left;
  width: 100%;
}

.contact-sec .mrg10 > p {
  display: none;
}

.contact-sec form.wpcf7-form {
  margin-top: -10px;
}

.contact-sec .cnt-img.brd-rd5 {
  padding: 0% 8%;
}

.contact-sec div#cnt-mp {
  margin-top: 50px;
}

.archive ul.pst-mta {
  margin-top: -10px;
}

/*=== Dropdown ===*/
.tq-header-menu nav ul ul,
.tq-sticky-menu-inner nav ul ul {
  width: 14.625rem;
}

/*=== Responsive Menu ===*/
.tq-res-menu {
  padding: 4rem 1.875rem 1.875rem 2.875rem;
}

/*===== Side Menu Style =====*/
.tq-side-menu {
  max-width: 27rem;
}

footer .tq-widget-box > ul:not(.tq-cont-list) li {
  padding-left: 1rem;
  margin-top: 0px !important;
}

.tq-sticky-menu-inner nav ul ul {
  background-color: rgba(255, 255, 255, 0.7);
}

.tq-sticky-menu-inner nav ul ul ul {
  right: 0;
  left: -100%;
}

p.comment-form-cookies-consent {
  margin-bottom: 5px;
}

footer .widget h5 {
  color: #fff;
  margin-top: 50px;
}

.tq-side-menu li i {
  color: #fff;
}

footer .widget > ul li a,
footer .widget-box p,
footer .widget-box span,
footer.tq-style-2 .widget h4 {
  color: #fff;
}

.tq-footer-bottom p a {
  color: #fff !important;
}

.tq-widget-box p.mb-0 {
  margin-top: -20px;
}

footer.tq-style-2 .widget.style2 {
  margin-top: 40px;
}

footer.tq-style-2 .widget.style2 h4 {
  margin-bottom: 30px;
}

.tq-sticky-menu .tq-logo > a img,
footer .tq-logo > a img,
.tq-res-header .tq-logo > a img {
  left: 50%;
}

.fa-x-twitter:before {
  font-family: "FontAwesome";
  content: "\e61b" !important;
}

.tq-res-header ul.mobile {
  justify-content: space-around;
  flex-direction: column;
  gap: 0;
}

.tq-res-header ul.mobile li:first-child {
  border-bottom: 1px dashed #c5c5c5;
  padding: 15px 0 5px 0;
}

.tq-res-header ul.mobile li:last-child {
  padding: 8px 0 5px 0;
}

.tq-header-menu-right .srch-btn {
  color: #fff;
}
footer.tq-style-2 {
  float: left;
  width: 100%;
}