:root {
    --font-primary: "Tajawal", sans-serif;
    --font-secondary: "Tajawal", sans-serif;
}

.header-top-dropdown .dropdown {
     margin-left: 20px;
     margin-right: 0;
}

.cart-dropdown.open {
    right: auto;
    left: 0;
}

.cart-dropdown .cart-item .item-img {
    margin-right: 0;
    margin-left: 30px;
}

.cart-dropdown .cart-item .item-content {
    padding-right: 0;
    padding-left: 110px;
}

.cart-dropdown .cart-item .item-quantity {
    right: auto;
    left: 0;
}

.header-action .my-account .my-account-dropdown {
    right: auto;
    left: 0;
}

.signin-header .singin-header-btn .sign-up-btn {
    margin-left: 0;
    margin-right: 40px;
}

.form-group label {
    left: auto;
    right: 20px;
}

.axil-dashboard-aside .nav-link {
    padding-right: 30px;
}

.axil-dashboard-aside .nav-link i {
    left: auto;
    right: 0;
}

.back-to-top.show {
    right: auto;
    left: 40px;
}

.service-box.service-style-2 .icon {
    margin-right: 0;
    margin-left: 20px;
}

.service-box.service-style-2 .content {
    text-align: right;
}

.axil-footer-widget .support-list-item li i {
    left: auto;
    right: 0;
}

.axil-footer-widget .support-list-item a {
    padding-right: 30px;
}

.axil-order-summery.order-checkout-summery .summery-table th:last-child, .axil-order-summery.order-checkout-summery .summery-table td:last-child {
    text-align: left;
}

.single-product-content .inner .product-meta li i {
    padding-right: 0;
    padding-left: 15px;
}

.mfp-counter {
    direction: ltr;
}

select, .select2 {
    background: url(../images/icons/arrow-icon.png) 5% center no-repeat transparent;
}

.mobile-close-btn {
    left: 15px;
    right: unset;
}

/* RTL Styles for Shipping Details Card */
.shipping-details-card .card-header i {
    margin-right: 0;
    margin-left: 15px;
}

.info-item {
    border-left: none;
    border-right: 4px solid var(--color-primary);
}

.info-item:hover {
    transform: translateX(-5px);
}

.info-label i {
    margin-right: 0;
    margin-left: 8px;
}

.info-value {
    text-align: left;
}

.order-id-badge i {
    margin-right: 0;
    margin-left: 6px;
}

/* RTL Animation */
.info-item {
    transform: translateX(20px);
    animation: slideInRight 0.6s ease forwards;
}

@keyframes slideInRight {
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@media only screen and (max-width: 767px) {
    .header-style-4 .axil-header-top .header-brand {
        text-align: right;
    }
}