@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;

    }

}