html, body, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, button, li, p, a, .badge, .product-wrapper, span, label, button, ::placeholder,
.form-control, .form-contorl::placeholder {
    font-family: "Cairo", sans-serif !important;
    direction: rtl !important;
}


.product-wrapper .product-cart-btn {
    left: 0;
    right: unset;
}

.product-btn {
    padding: 1.2rem 1.6rem 1.2rem 2.5rem;
    border-top-right-radius: 3rem;
    border-top-left-radius: 0;
}

.header-vendor-btn .shop-btn svg {
    rotate: 180deg;
}

.dropdown-btn .dropdown-icon svg {
    rotate: 180deg;
}

.hero, .header, .style-section .product-wrapper {
    direction: ltr !important;
    text-align: left;
}

.hero .wrapper-info {
    text-align: left;
}

.style-section .product-wrapper .shop-btn span {
    margin-left: 0;
    margin-right: 8px;
}

.style-section .product-wrapper .shop-btn svg {
    rotate: 180deg;
}

.header-bottom {
    direction: rtl;
}

.header-center .header-cart-items .header-search .modal-main {
    direction: rtl;
}