@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;900&display=swap');

:root {
    --title-font: 'Cairo', sans-serif;
    --body-font: 'Cairo', sans-serif;
}

body {
    font-family: var(--body-font);
    direction: rtl;
}

.header-layout2 .info-card-wrap:before {
    content: '';
    height: 120px;
    width: 4000px;
    position: absolute;
    right: -72px;
    top: -40px;
    background-color: var(--smoke-color);
    z-index: -1;
    -webkit-clip-path: polygon(0% 0%, calc(100% - 65px) 0%, 100% 100%, 0% 100%);
    clip-path: polygon(0% 0%, calc(100% - 65px) 0%, 100% 100%, 0% 100%);
}

.ms-auto {
    margin-left: unset !important;
    margin-right: auto !important;
}

.main-menu ul li.menu-item-has-children>a:after {
    margin-left: 0;
    margin-right: 4px;
}

.main-menu ul.sub-menu {
    padding: 18px 20px 18px 18px;
    left: unset;
    right: -27px;
}

.main-menu ul.sub-menu {
    text-align: right;
}

.th-menu-wrapper .th-menu-area {
    left: unset;
    right: -110%;
}

.th-menu-wrapper.th-body-visible .th-menu-area {
    left: unset;
    right: 0;
    border-right: 0;
    border-left: 3px solid var(--theme-color);
}

.th-menu-wrapper .th-menu-toggle {
    right: unset;
    left: -16.5px;
}

.th-mobile-menu ul li a {
    padding-left: 0;
    padding-right: 18px;
    text-align: right;
}

.th-mobile-menu ul li a:before {
    left: unset;
    right: 0;
    margin-right: 0;
    margin-left: 10px;
    rotate: 180deg;
}

.th-mobile-menu ul .th-item-has-children>a:after {
    float: left;
}

.th-mobile-menu ul .th-item-has-children>a .th-mean-expand {
    right: unset;
    left: 0;
}

.widget_shopping_cart .th-btn {
    margin-right: 0;
    margin-left: 15px;
    margin-bottom: 15px;
}

button[data-slider-prev] i {
    rotate: 180deg;
}

button[data-slider-next] i {
    rotate: 180deg;
}

.testi-card .box-quote {
    right: unset;
    left: 40px;
}

.widget_title:after,
.widget_title:before {
    left: unset;
    right: 0;
}

.footer-widget .widget_title:after {
    background-image: -webkit-linear-gradient(right, var(--theme-color), transparent);
    background-image: linear-gradient(to left, var(--theme-color), transparent);
}

.footer-widget.widget_meta a,
.footer-widget.widget_pages a,
.footer-widget.widget_archive a,
.footer-widget.widget_categories a,
.footer-widget.widget_nav_menu a {
    padding: 0 16px 0 0;
}

.footer-widget.widget_meta a:before,
.footer-widget.widget_pages a:before,
.footer-widget.widget_archive a:before,
.footer-widget.widget_categories a:before,
.footer-widget.widget_nav_menu a:before {
    left: unset;
    right: 0;
    rotate: 180deg;
}

.th-social a {
    margin-right: 0;
    margin-left: 5px;
}

.newsletter-widget .simple-icon {
    right: unset;
    left: 0;
    padding: 0 20px 0 25px;
    border-left: 0;
    border-right: 1px solid var(--th-border-color);
}

.newsletter-widget .newsletter-form input {
    padding-right: 20px;
}

.main-menu ul li:first-child {
    margin-left: 14px !important;
    margin-right: 0 !important;
}

.main-menu ul li:last-child {
    margin-right: 14px !important;
    margin-left: 0 !important;
}

.main-menu ul.sub-menu li {
    margin-right: 0 !important;
}

.breadcumb-menu li {
    margin-right: 0;
    padding-right: 0;
    margin-left: 3px;
    padding-left: 3px;
}

.breadcumb-menu li:after {
    margin-left: 0;
    margin-right: 6px;
    rotate: 180deg;
}

@media (min-width: 1200px) {
    .text-xl-start {
        text-align: right !important;
    }
}

select,
.form-control,
.form-select,
textarea,
input {
    padding-right: 25px;
    padding-left: 45px;
    text-align: right;
}

[class*="col-"].form-group>i {
    right: unset;
    left: calc((var(--bs-gutter-x) / 2) + 25px);
}

.accordion-button:after {
    margin-right: auto;
    margin-left: 0;
}

.accordion-button i {
    margin-right: 0;
    margin-left: 12px;
}

select {
    background-position: left 26px center !important;
}

.mfp-content .product-about {
    text-align: right;
}

.me-3 {
    margin-right: 0 !important;
    margin-left: 1rem !important;
}



.checkout-ordertable th,
.checkout-ordertable td {
    text-align: left;
}

.checkout-ordertable th {
    text-align: right;
}