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

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

/*===== Google Fonts =====*/
/*@import url('https://fonts.googleapis.com/css?family=shabnam:400,600,700&display=swap&subset=arabic');*/
body{
  text-align: right;
}

/*===== General Styling =====*/
body,
h1,h2,h3,h4,h5,h6,
p,
ul li,
ol li {font-family: var(--font-main),'sans-serif';}
*,
.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 30px 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,.8) 0%, rgba(255,255,255,.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,.8) 0%,rgba(255,255,255,.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,.8) 0%,rgba(255,255,255,.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;
}
.featured-cap h3{
	font-family:Shabnam !important;
	font-weight:normal;
}
.digahz{
	direction:rtl;
	text-align:center;
}
.pref{
	text-align:right !important;
}
.mtasper{
	color:#fff;
}
.perdir{
	direction:rtl !important;
}
.perdir p{
	direction:rtl !important;
}


.nwsltr-innr > form input {
  -webkit-border-radius: 40px;
  border-radius: 40px;
  font-size: 16px;
  color: #222;
  font-weight: 300;
  background-color: rgba(255,255,255,.65);
  padding: 15.5px 30px;
  float: left;
  width: 70%;
}

.nwsltr-innr > form input{
    border-top-left-radius: 40px !important;
    border-top-right-radius:unset ;
    border-bottom-right-radius:unset;
    border-bottom-left-radius: 40px !important ;
}

.nwsltr-innr > form button.dropdown-toggle {
    border-top-left-radius: unset;
    border-top-right-radius: 40px !important;
    border-bottom-right-radius: 40px !important;
    border-bottom-left-radius: unset;
    position: relative;
    font-size: 15px;
    color: #222;
    font-weight: 300;
    background-color: rgba(255,255,255,.65);
    padding: 15px 30px;
    width: 30%;
    display: inline-block;
}

.nwsltr-innr > form button:nth-child(1):hover, .nwsltr-innr > form button:nth-child(1):focus{
  background-color: rgba(255,255,255,.65);
}

.dropdown-menu {
  text-align: right;
  padding: 10px;
  background-color: rgba(255,255,255,.55);
}

footer .about_content{
  color: #fff;
}

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