@font-face {
    font-family: 'Graphik Arabic';
    font-style: normal;
    font-display: swap;
    font-weight: 100;
    src: url(../fonts/arabic/GraphikArabic-Thin.ttf) format("truetype");
}
@font-face {
    font-family: 'Graphik Arabic';
    font-style: normal;
    font-display: swap;
    font-weight: 200;
    src: url(../fonts/arabic/GraphikArabic-Extralight.ttf) format("truetype");
}
@font-face {
    font-family: 'Graphik Arabic';
    font-style: normal;
    font-display: swap;
    font-weight: 300;
    src: url(../fonts/arabic/GraphikArabic-Light.ttf) format("truetype");
}
@font-face {
    font-family: 'Graphik Arabic';
    font-style: normal;
    font-display: swap;
    font-weight: 400;
    src: url(../fonts/arabic/GraphikArabic-Regular.ttf) format("truetype");
}
@font-face {
    font-family: 'Graphik Arabic';
    font-style: normal;
    font-display: swap;
    font-weight: 500;
    src: url(../fonts/arabic/GraphikArabic-Medium.ttf) format("truetype");
}
@font-face {
    font-family: Graphik Arabic;
    font-style: normal;
    font-display: swap;
    font-weight: 600;
    src: url(../fonts/arabic/GraphikArabic-Semibold.ttf) format("truetype");
}
@font-face {
    font-family: 'Graphik Arabic';
    font-style: normal;
    font-display: swap;
    font-weight: 700;
    src: url(../fonts/arabic/GraphikArabic-Bold.ttf) format("truetype");
}
@font-face {
    font-family: 'Graphik Arabic';
    font-style: normal;
    font-display: swap;
    font-weight: 800;
    src: url(../fonts/arabic/GraphikArabic-Black.ttf) format("truetype");
}
@font-face {
    font-family: 'Graphik Arabic';
    font-style: normal;
    font-display: swap;
    font-weight: 900;
    src: url(../fonts/arabic/GraphikArabic-Super.ttf) format("truetype");
}


* {
    word-spacing: normal !important
}
html,body{
    direction: rtl;
}
body {
    font-family: 'Graphik Arabic', sans-serif;
    font-size: .85rem
}
.btn,
.dropdown-item,
.nav-link {
    letter-spacing: normal
}
.btn,
.lg-sub-html p,
.nav-link,
.nav-link p,
.navbar .btn-sm {
    font-size: .75rem;
    font-weight: 500;
}
.dropdown-menu {
    font-size: .8rem
}
.btn-group-sm>.btn,
.btn-sm,
.post-meta,
.share-dropdown .dropdown-menu .dropdown-item {
    font-size: .75rem
}
.filter,
.filter ul li a,
.meta,
.post-category {
    font-size: .7rem
}
.post-header .post-meta {
    font-size: .85rem
}
.accordion-wrapper .card-header button,
.collapse-link,
.nav-tabs .nav-link {
    font-size: .9rem
}
blockquote {
    font-size: .9rem
}
.blockquote-footer {
    font-size: .65rem
}
.blockquote-details p {
    font-size: .85rem
}
.counter-wrapper p {
    font-size: .85rem
}
.counter-wrapper .counter {
    font-size: calc(1.33rem + .96vw)
}
@media (min-width:1200px) {
    .counter-wrapper .counter {
        font-size: 2.05rem
    }
}
.counter-wrapper .counter.counter-lg {
    font-size: calc(1.35rem + 1.2vw)
}
@media (min-width:1200px) {
    .counter-wrapper .counter.counter-lg {
        font-size: 2.25rem
    }
}
.icon-list.bullet-bg i {
    top: .25rem
}
.accordion-wrapper .card-header button{
    text-align: right;
}
.accordion-wrapper .card-header button:before {
    margin-top: -.2rem
}
.form-floating>label {
    padding-top: .65rem
}
.h1,
h1 {
    font-size: calc(1.275rem + .3vw)
}
@media (min-width:1200px) {
    .h1,
    h1 {
        font-size: 1.5rem
    }
}
.h2,
h2 {
    font-size: calc(1.26rem + .12vw)
}
@media (min-width:1200px) {
    .h2,
    h2 {
        font-size: 1.35rem
    }
}
.h3,
h3 {
    font-size: 1.15rem
}
.h4,
h4 {
    font-size: 1rem
}
.h5,
h5 {
    font-size: .95rem
}
.h6,
h6 {
    font-size: .9rem
}
.fs-sm {
    font-size: .75rem !important
}
.fs-lg {
    font-size: 1.05rem !important
}
.lead {
    font-size: .95rem;
    line-height: 1.6
}
.lead.fs-lg {
    font-size: 1.1rem !important;
    line-height: 1.55
}
.display-1 {
    font-size: calc(1.375rem + 1.5vw);
    line-height: 1.15
}
@media (min-width:1200px) {
    .display-1 {
        font-size: 2.5rem
    }
}
.display-2 {
    font-size: calc(1.355rem + 1.26vw);
    line-height: 1.2
}
@media (min-width:1200px) {
    .display-2 {
        font-size: 2.3rem
    }
}
.display-3 {
    font-size: calc(1.335rem + 1.02vw);
    line-height: 1.2
}
@media (min-width:1200px) {
    .display-3 {
        font-size: 2.1rem
    }
}
.display-4 {
    font-size: calc(1.315rem + .78vw);
    line-height: 1.25
}
@media (min-width:1200px) {
    .display-4 {
        font-size: 1.9rem
    }
}
.display-5 {
    font-size: calc(1.295rem + .54vw);
    line-height: 1.25
}
@media (min-width:1200px) {
    .display-5 {
        font-size: 1.7rem
    }
}
.display-6 {
    font-size: calc(1.275rem + .3vw);
    line-height: 1.3
}
@media (min-width:1200px) {
    .display-6 {
        font-size: 1.5rem
    }
}


@media (min-width: 768px) {
    .offset-md-1{
        margin-right: 8.33333333%;
        margin-left: auto;
    }

}
@media (min-width: 992px) {
    .offset-lg-2{
        margin-right: 16.66666667%;
        margin-left: auto;
    }

}
.navbar .navbar-other .navbar-nav>.nav-item+.nav-item{
    margin-right: 0.8rem;
}
.text-start{
    text-align: right !important;

}
.icon-list.bullet-bg li{
    padding-right: 1.5rem;
    padding-left: 0;
}
.icon-list.bullet-bg i{
    right: 0;
    left: auto;
}
.list-unstyled{
    padding-right: 0;
}
.input-group:not(.has-validation)> :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating), .input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3), .input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control, .input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select{
    border-top-right-radius: 0.4rem;
    border-bottom-right-radius: 0.4rem;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.input-group> :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){
    margin-right: calc(1px* -1);
    border-top-left-radius: 0.4rem;
    border-bottom-left-radius: 0.4rem;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    margin-left: auto;
}
.form-floating>label{
    padding-left: 0.5rem;
    left:auto;
    right: 0;
    transform-origin: right;
}