@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@200;300;400;500;700;800;900&display=swap');

*,
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
span,
input,
textarea,
select,
button {
    font-family: "Tajawal", sans-serif;
}

body {
    direction: rtl;
}

.top-search .input-group-addon.close-search {
    right: auto;
    left: 0;
}

.banner-style-nine-items .thumb {
    right: auto;
    left: 0;
    transform: scaleX(-1);
}

.btn-style-two .icon:first-child {
    transform: translateX(-50px) scale(0.7);
}

.btn-style-two:hover .icon:last-child {
    transform: translateX(50px) scale(0);
}

.btn-style-two:hover span {
    transform: translateX(-50px) scale(1);
}

.btn-style-two .icon svg {
    transform: scaleX(-1);
}

.thumb-style-two .shape img:first-child {
    left: auto;
    right: 0;
}

.thumb-style-two .shape img:nth-child(2) {
    right: auto;
    left: 60px;
}

ul.list-style-two li::after {
    left: auto;
    right: 0;
}



@media (min-width: 992px) {
    .offset-lg-1 {
        margin-inline-end: 0;
        margin-inline-start: 8.33333333%;
    }

    .offset-lg-2 {
        margin-inline-end: 0;
        margin-inline-start: 16.66666667%;
    }

    .offset-lg-3 {
        margin-inline-end: 0;
        margin-inline-start: 25%;
    }

    .offset-lg-4 {
        margin-inline-end: 0;
        margin-inline-start: 33.33333333%;
    }

    .offset-lg-5 {
        margin-inline-end: 0;
        margin-inline-start: 41.66666667%;
    }

    .offset-lg-6 {
        margin-inline-end: 0;
        margin-inline-start: 50%;
    }

    .offset-lg-7 {
        margin-inline-end: 0;
        margin-inline-start: 58.33333333%;
    }

    .offset-lg-8 {
        margin-inline-end: 0;
        margin-inline-start: 66.66666667%;
    }

    .offset-lg-9 {
        margin-inline-end: 0;
        margin-inline-start: 75%;
    }

    .offset-lg-10 {
        margin-inline-end: 0;
        margin-inline-start: 83.33333333%;
    }

    .offset-lg-11 {
        margin-inline-end: 0;
        margin-inline-start: 91.66666667%;
    }
}

@media (min-width: 1200px) {
    .offset-xl-1 {
        margin-inline-end: 0;
        margin-inline-start: 8.33333333%;
    }

    .offset-xl-2 {
        margin-inline-end: 0;
        margin-inline-start: 16.66666667%;
    }

    .offset-xl-3 {
        margin-inline-end: 0;
        margin-inline-start: 25%;
    }

    .offset-xl-4 {
        margin-inline-end: 0;
        margin-inline-start: 33.33333333%;
    }

    .offset-xl-5 {
        margin-inline-end: 0;
        margin-inline-start: 41.66666667%;
    }

    .offset-xl-6 {
        margin-inline-end: 0;
        margin-inline-start: 50%;
    }

    .offset-xl-7 {
        margin-inline-end: 0;
        margin-inline-start: 58.33333333%;
    }

    .offset-xl-8 {
        margin-inline-end: 0;
        margin-inline-start: 66.66666667%;
    }

    .offset-xl-9 {
        margin-inline-end: 0;
        margin-inline-start: 75%;
    }

    .offset-xl-10 {
        margin-inline-end: 0;
        margin-inline-start: 83.33333333%;
    }

    .offset-xl-11 {
        margin-inline-end: 0;
        margin-inline-start: 91.66666667%;
    }
}



.category-swiper-nav>div::after {
    transform: scaleX(-1);
}

.certificate-thumb img:nth-child(2) {
    right: auto;
    left: 0;
}

.certificate-thumb img {
    right: auto;
    left: 0;
}

.cartifita-style-one-items::after {
    left: auto;
    right: 0;
    transform: scaleX(-1);
}

.live-course-items .live-instructor .info .btn-style-two span {
    /* transform: none; */
}

a.btn-read-more i {
    transform: rotate(45deg) scaleX(-1);
}

ul.list-check li::after {
    left: auto;
    right: 0;
}

.newsletter-style-one-items form button {
    right: auto;
    left: 8px;
}

.newsletter-style-one-items .shape img {
    left: auto;
    right: -50px;
    transform: scaleX(-1);
}

.footer-shape-style-one img:first-child {
    right: auto;
    left: 5%;
}

footer.footer-style-one .about::after {
    right: auto;
    left: 0;
}

.text-end {
    text-align: left !important;
}

.banner-style-nine-items h2 strong::after {
    right: auto;
    left: 0;
    transform: scaleX(-1);
}

.text-end .item-flex>div::after {
    left: auto;
    right: 0;
}

.title {
    font-size: 48px;
}