/*** ======= // TABLE OF CONTENT // ============================
01- Google Fonts

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

/*===== Google Fonts =====*/
/*@import url("../../../../css-4");*/

/*===== General Styling =====*/
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul li,
ol li {
  font-family: Mada;
}
*,
.owl-carousel .thm-btn,
.owl-carousel .secndry-btn {
  direction: rtl;
}
.owl-carousel,
.owl-carousel *,
.fea-car,
.fea-car *,
.srv-wrap3,
.srv-wrap3 * {
  direction: ltr;
}
header.style2 .logo,
nav > div ul,
nav > div ul li,
.bottom-bar > p,
header.style1 .logo,
.abot-sec > p,
.serv-box > i,
.suprt-sec > p,
.suprt-prgrs .suprt-prg,
.page-title-wrap > h2,
.pst-mta2 > li,
.pagination > li,
.sidebar-wrp .wdgt-box > ul li a,
.rcnt-bx > a,
.cmt-bx > img,
.event-mta > li i,
.dnt-mta > li i,
.breadcrumbs > li {
  float: right;
}
.float-left {
  float: right !important;
}
.logo + nav,
nav > div > a,
.bottom-bar > p + .scl,
.page-title-wrap > h2 + .breadcrumbs {
  float: left;
}
.float-right {
  float: left !important;
}
nav > div > ul,
.hstry-desc,
.sec-title,
.prayer-times > li span,
.evnt-info,
.nwsltr-innr > form input,
.wdgt-box,
.abot-sec,
.serv-box,
.srv-tl,
.suprt-sec,
.blog-box,
.blog-detail,
.event-box2,
.bord-box,
.srv-box3,
.msn-wrap {
  text-align: right;
}
.prayer-times > li span:last-child,
.sidebar-wrp .wdgt-box > ul.cat-lst li {
  text-align: left;
}
.hstry-desc > ul li::before,
.sec-title-inner::before,
.event-desc > h4::before,
.msn-desc > h3::before,
.wdgt-box > h4::before,
.cont-lst > li i,
.breadcrumbs > li + li::before,
.srv-ttl > i,
.msn-desc > ul li::before {
  right: 0;
  left: auto;
}
.text-center .sec-title-inner::before {
  right: auto;
}
.model-close {
  left: 30px;
  right: auto;
}
nav > div > ul > li.menu-item-has-children > a::before,
.nwsltr-innr > form button,
.srch-frm > button,
.newsletter-inner > form button {
  left: 0;
  right: auto;
}
nav > div ul ul {
  left: auto;
  right: 100%;
}
nav > div ul li.menu-item-has-children:hover > ul {
  right: 0;
}
nav > div ul ul li.menu-item-has-children::before {
  left: 15px;
  right: auto;
  content: "\f104";
}
nav > div ul ul li.menu-item-has-children:hover > ul {
  left: auto;
  right: 100%;
}
.pst-mta,
.wdgt-box > ul,
.prayer-times,
.hstry-desc > ul,
.breadcrumbs,
nav > div ul,
.pst-mta2,
.cmt-thrd,
.event-mta,
.fnds-dnts-innr > ul,
.msn-desc > ul,
.fltr-lnks {
  padding-right: 0;
}
.cmt-thrd .children {
  padding: 0 50px 0 0;
}
.srv-ttl {
  padding: 0 70px 0 0;
}
.thm-btn i,
.secndry-btn i,
.srv-info2 > a i,
.scl > a + a {
  margin: 0 5px 0 0;
}
.rcnt-inf > span i {
  margin: 0 0 0 5px;
}
.pst-mta > li i,
.dnt-mta > li i {
  margin: 0 0 0 8px;
}
nav > div > a + ul {
  margin: 0 0 0 35px;
}
nav > div > ul > li + li {
  margin: 0 20px 0 0;
}
.pst-mta > li + li,
.pst-mta2 > li + li {
  margin: 0 20px 0 0;
}
.cmt-bx > img {
  margin: 0 0 0 20px;
}
.tag-clouds > span,
.team-scl > span {
  margin: 0 0 0 15px;
}
.dnt-mta > li + li {
  margin: 0 15px 0 0;
}
.event-mta > li i {
  margin: 0 0 0 10px;
}
.suprt-prgrs {
  margin: 0 -35px 0 0;
}
nav > div > ul > li.menu-item-has-children {
  padding: 0 0 0 15px;
}
.cont-lst > li {
  padding: 0 23px 0 0;
}
.hstry-desc > ul li {
  padding: 0 20px 0 15px;
}
.rcnt-bx > a + .rcnt-inf,
.breadcrumbs > li + li {
  padding: 0 20px 0 0;
}
.serv-box > i + .serv-info {
  padding: 0 15px 0 0;
}
.msn-desc > ul li {
  padding: 0 30px 0 0;
}
.sec-title-inner::before,
.event-desc > h4::before,
.msn-desc > h3::before,
.wdgt-box > h4::before,
.msn-desc > ul li::before {
  -webkit-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
.testi-info > p i:first-child {
  left: -25px;
}
.contact-btn {
  left: 22px;
  right: auto;
  -webkit-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
  -webkit-transform-origin: center left;
  -ms-transform-origin: center left;
  -o-transform-origin: center left;
  transform-origin: center left;
  top: 200px;
}
.lft-shp {
  left: auto;
  -webkit-transform: translateY(-50%) rotateY(180deg);
  -ms-transform: translateY(-50%) rotateY(180deg);
  -o-transform: translateY(-50%) rotateY(180deg);
  transform: translateY(-50%) rotateY(180deg);
  right: -700px;
}
.white-grad-layer::before {
  background-image: -moz-linear-gradient(
    right,
    rgba(255, 255, 255, 0.8) 0%,
    rgba(255, 255, 255, 0.95) 25%,
    rgba(255, 255, 255, 0.9) 35%,
    rgba(255, 255, 255, 0) 100%
  );
  background-image: -webkit-linear-gradient(
    right,
    rgba(255, 255, 255, 0.8) 0%,
    rgba(255, 255, 255, 0.95) 25%,
    rgba(255, 255, 255, 0.9) 35%,
    rgba(255, 255, 255, 0) 100%
  );
  background-image: linear-gradient(
    to left,
    rgba(255, 255, 255, 0.8) 0%,
    rgba(255, 255, 255, 0.95) 25%,
    rgba(255, 255, 255, 0.9) 35%,
    rgba(255, 255, 255, 0) 100%
  );
}
.newsletter-inner > form input {
  -webkit-border-radius: 40px 0 0 40px;
  border-radius: 40px 0 0 40px;
}
.contr-butn::after {
  right: auto;
  left: -60%;
  bottom: 0;
  top: auto;
}
.breadcrumbs > li + li {
  margin-left: 0;
  margin-right: 15px;
}
.breadcrumbs > li + li::before {
  top: 6px;
}
.fltr-lnks > li a::before {
  left: 80%;
  right: 0;
}
.fltr-lnks > li.active a::before,
.fltr-lnks > li a:hover::before,
.fltr-lnks > li a:focus::before {
  right: 0;
  left: 0;
}
.rsnp-mnu > ul > li {
  float: right;
  text-align: right;
}