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

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

/*===== Google Fonts =====*/
@import url('https://fonts.googleapis.com/css?family='

IRANSans
':400,600,700&display=swap&subset=arabic'
)
;

/*===== General Styling =====*/
body,
h1, h2, h3, h4, h5, h6,
p,
ul li,
ol li {
    font-family: 'IRANSans';
}

*,
.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: 'IRANSans' !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;
}

@font-face {
    src: url(../fonts/quran_font_shiped.ttf);
    font-family: quranFont1;
}

@font-face {
    src: url(../fonts/muhamadi-quran-font.ttf);
    font-family: quranFont2;
}

@font-face {
    src: url(../fonts/nabi-quran-font.ttf);
    font-family: quranFont3;
}

@font-face {
    src: url(../fonts/quran-font-karim.ttf),
    url(../fonts/quran-font-karim.woff) format('woff');
    font-family: quranFont4;
}

.box_sureh {
    background-image: url(/media/pattern_sureh.jpg);
    background-size: cover;
    width: 100%;
    height: 100%;
    min-height: 113px;
    min-width: 170px;
    max-width: 170px;
    max-height: 113px;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: clamp(16px, 10vw, 100px);
    font-family: quranFont4, quranFont3, quranFont2, quranFont1, IRANSans, Sans-Serif, serif;
}