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

body {
    direction: rtl;
}

body,
.btn-1,
p,
.sec-title h2,
.item-plan .active,
.team-details-content-page .title h2,
.services-details-content-page .title h2,
.checkout-product-card .card-title span:last-of-type,
.tickets-container .title-box h3 .time,
h1,
h2,
h3,
h4,
h5,
h6,
.nav-bar .nav-bar-tools li .nav-bar-contact .content-box a,
.nav-bar .nav-bar-tools li.cart .cart-popup .item .item-content div,
.experiance-box .counter-num,
.project-done span,
.item-testimonial ul li.name,
.item-statistic .num,
.blog-item .img-box ul li a,
.copyright p,
.faq .faq-box .click,
.products-details-content .nav-tabs .nav-item .nav-link,
.contact-info-content .contact-box .box a,
.contact-info-content .contact-box .box p {
    font-family: "Tajawal", sans-serif;
}

.top-navbar .content-box .website-info li {
    padding: 15px;
    padding-right: 0;
}

.top-navbar .content-box .website-info li i {
    margin: 0 0 0 6px;
}

.top-navbar .content-box .website-icon-social li {
    padding: 0 15px 0 0px;
}

.top-navbar .content-box .website-icon-social li:first-of-type {
    padding: 0;
}

.nav-bar .nav-bar-links .level-1 .item-level-1 .link-level-1 {
    margin: 0 0 0px 20px;
}

.nav-bar .nav-bar-links .level-1 .item-level-1:last-of-type .link-level-1 {
    margin: 0;
}

.nav-bar .nav-bar-links .level-2 {
    left: auto;
    right: 0;
}

.nav-bar .nav-bar-links .level-2 .item-level-2 .link-level-2:after {
    position: absolute;
    z-index: 3;
    transform: rotate(180deg);
    margin: 0 !important;
}

.nav-bar .nav-bar-links .level-2 .item-level-2:hover .link-level-2:after {
    transform: rotate(180deg) translateX(20px);
}

.nav-bar .nav-bar-tools li.item-menu {
    border-right: 2px solid #ddd;
    border-left: 0;
}

.menu-box {
    z-index: 1060;
}

.menu-box .inner-menu {
    overflow-y: auto;
}

.menu-box-icon {
    left: 30px;
    right: auto;
}

.contact-info .box-item i {
    float: right;
}

.contact-info .box-item .text-box {
    padding-right: 50px;
    padding-left: 0;
}

.social-media li a {
    margin: 0 0 0 10px;
}

.nav-bar .logo a.open-nav-bar {
    direction: ltr;
    transform: rotate(180deg);
}

.header .banner .about-website {
    max-width: 750px;
    margin: 0 0 30px 0;
}

.header-swiper .swiper-button-prev {
    left: 80px;
    right: auto;
}

.header-swiper .swiper-button-next {
    left: 0;
    right: auto;
}

.about-2.home-3 .img-box {
    margin: 0 38px 0 0;
}

.core-features li {
    padding: 0 25px 0 0;
}

.core-features li i {
    margin: 0 0 0 15px;
    left: auto;
    right: 0;
}

.quote .box .img-box .quote-info {
    left: auto;
    right: 0;
}

.quote .box .img-box .quote-info h4 {
    margin: 0 5px 0 0;
}

.services.home-3 .item-services .item-icon {
    float: right;
}

.services.home-3 .item-services .content-box {
    padding: 0 60px 0 0;
}

.project-item .img-box .img-tools li a {
    margin-right: 0;
    margin-left: 30px;
}

.item-testimonial .text-box:before {
    left: auto;
    right: 25px;
    border-color: transparent #fff transparent transparent;
}

.newsletter form .email-btn {
    left: 15px;
    right: auto;
}

.header .banner .handline,
.sec-title h3,
.core-features li,
.lets-talk .lets-talk-box h2 {
    font-weight: 600;
}

.header .banner .handline {
    font-size: 75px;
}

.item-services h4 {
    font-size: 20px;
    font-weight: 600;
}

.feature-box .item h4,
.item-testimonial ul li.name {
    font-weight: 600;
    text-transform: capitalize;
    position: relative;
    font-size: 18px;
}

.sec-title h3 {
    font-size: 45px;
    line-height: 1.3;
}

.copyright p {
    margin: 0;
    color: #f4f4f4;
    float: left;
    font-size: 16px;
    font-family: "Teko", sans-serif;
    font-weight: 600;
}

.footer-title h4 {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
}

.breadcrumb-header .banner h1 {
    color: #fff;
    text-transform: capitalize;
    font-weight: 600;
    line-height: 1;
    font-size: 75px;
    margin-bottom: 20px;
    position: relative;
}

@media (min-width: 768px) {
    .offset-md-2 {
        margin-right: 16.66666667%;
        margin-left: 0;
    }
}

.team-details-content-page .title h3,
.services-details-content-page .title h3 {
    font-weight: 600;
}

.single-services-list li a i,
.single-services-list li div span {
    float: left;
}

.single-services-list li a i {
    transform: rotate(180deg);
}

.project-item .text-box .name,
.project-item .text-box .name a {
    font-size: 24px;
    font-weight: 600;
}

.sponsors-page .sponsors-img-item h5 {
    font-size: 20px;
    line-height: 1;
    font-weight: 600;
}

.item-careers h4 {
    text-transform: capitalize;
    display: block;
    color: #2c3e50;
    position: relative;
    font-size: 20px;
    line-height: 1.3;
    margin-bottom: 15px;
    font-weight: 600;
}

.ApplyForJob .modal-content .btn-close {
    position: absolute;
    top: 30px;
    left: 30px;
    right: auto;
}

.widget .widget-title h3 {
    font-weight: 600;
    margin-bottom: 30px;
    text-transform: capitalize;
    font-size: 20px;
}

.tickets-numbers .title {
    font-weight: 600;
    margin-bottom: 12px;
    text-transform: capitalize;
    font-size: 18px;
}

.tickets-container .title-box h3 {
    font-weight: 600;
    margin-right: -30px;
    padding-right: 30px;
    margin-left: 0;
    padding-left: 0;
    border-right: 4px solid #10ac84;
    border-left: 0;
}

.ticket .user-box .links li a {
    font-size: 14px;
    font-weight: 600;
}

input {
    text-align: right;
}

.nice-select {
    text-align: right !important;
}

.nice-select:after {
    right: auto;
    left: 15px;
}

.nice-select .list {
    overflow-y: auto !important;
    max-height: 300px;
    border-radius: 0;
    left: auto;
    right: 0;
}

.form-check .form-check-input {
    float: right;
    margin-left: 0;
}

.form-check .checkbox-name.form-check-label {
    margin-right: 10px;
}

.contact-info-content .contact-box .box a,
.contact-info-content .contact-box .box p {
    font-size: 22px;
    font-weight: 500;
}

.contact-us-page .map-box {
    margin: 0 0 0 20px;
}

@media (min-width: 768px) {
    .offset-md-3 {
        margin-left: 0;
        margin-right: 25%;
    }
}

.login-and-registration-page .text-box .login-form h3 {
    font-weight: 600;
    line-height: 1.1;
    text-transform: capitalize;
    position: relative;
    font-size: 24px;
    margin-bottom: 30px;
    text-align: center;
}

.item-comments .inner-comments .comments-box .text-box h5 {
    font-size: 18px;
    font-weight: 600;
}

.item-comments .inner-comments .comments-box .img-box {
    float: right;
    margin-left: 20px;

    margin-right: 0;
}

.item-comments .inner-comments .comments-box.reply,
.item-comments .inner-comments .comments-box .text-box {
    margin-left: 0;
    margin-right: 90px;
}

.ticket .user-box .user-image .name {
    font-weight: 600;
    margin: 20px 0 10px 0;
    text-transform: capitalize;
    font-size: 20px;
    text-align: center;
}

.nav-bar .nav-bar-tools li.cart .cart-popup,
.nav-bar .nav-bar-tools li.lang .lang-popup {
    right: auto;
    left: 0;
}

.line-table {
    text-align: right;
}

table.dataTable thead>tr>th.dt-orderable-asc span.dt-column-order,
table.dataTable thead>tr>th.dt-orderable-desc span.dt-column-order,
table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order,
table.dataTable thead>tr>th.dt-ordering-desc span.dt-column-order,
table.dataTable thead>tr>td.dt-orderable-asc span.dt-column-order,
table.dataTable thead>tr>td.dt-orderable-desc span.dt-column-order,
table.dataTable thead>tr>td.dt-ordering-asc span.dt-column-order,
table.dataTable thead>tr>td.dt-ordering-desc span.dt-column-order {
    right: auto;
    left: 12px;
}

table.dataTable thead th,
table.dataTable tfoot th {
    text-align: right !important;
}

@media (max-width: 991px) {
    .nav-bar .nav-bar-links .level-1 .item-level-1 .link-level-1 {
        margin: 0;
    }

    .nav-bar .nav-bar-links .level-1 .item-level-1.has-menu .link-level-1:after {
        right: auto;
        left: 0;
    }

    .about-2.home-3 .img-box {
        margin: 0;
    }

    .contact-us-page .map-box {
        margin: 0;
    }
}

@media (max-width: 575px) {
    .breadcrumb-header .banner h1 {
        font-size: 40px !important;
    }
}