@import url('https://fonts.googleapis.com/css2?family=Tajawal&display=swap');
body{
    text-align: right;
    direction: rtl;
    font-family: 'Tajawal', sans-serif;
}
.navbar .navbar-nav .nav-link{
    font-size: 16px;
}
.slick-slider {
    direction: ltr;
}
ol, ul {
    padding-left: 2rem !important;
    padding-right: 0;
}
.slick-next {
    left: 110px;
}
.slick-prev::before{
     content: "\f060";
}
.slick-next::before{
    content: "\f061";
}
svg.fa-arrow-right{
    transform: rotate(180deg);
}
.desc .content-col.one {
    right: 60%;
    left: inherit;
}
.about .caption {
    padding: 5% 0% 5% 4%;
}
.desc .content-col.three{
    right: 30%;
    left: inherit;
}
.aligner-shape .content-slider .slick-next {
    right: -80%;
}
.aligner-shape .content-slider .slick-prev {
    right: inherit;
    left: 0;
}
.accordion-button::after ,.about figure{
    margin-right: auto;
    margin-left: 0;
}
.page-header__inner {
    text-align: right;
}
@media only screen and (max-width: 992px) {
    .about .caption{
        z-index: 1;
    }
    .navbar-toggler{
        left: 0;
        right: inherit;
    }
}
@media only screen and (max-width: 768px) {

    .section-title h2 {
        color: var(--main-color);
        font-weight: 600;
        margin-bottom: 75px;
    }
    .desc .content-col.two {
        right: 5%;
    }
    .desc .content-col.one {
        right: 40%;
    }
    .aligner-shape .content-slider .content ul {
        padding: 0 !important;
        list-style: none;
    }
}