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

/* main-header header about-page-header homepage-header scrolled */
.homepage-header:not(.scrolled) #langToggleBtn{
    color:#fff !important;

}

html:lang(ar) a,h1,h2,h3,h4,h5,h6,span,button {
    font-family: "Tajawal", sans-serif !important;
}
html:lang(ar) .nav-links.centered-nav {
    flex-direction: row-reverse;
}
html:lang(ar) .nav-links .dropdown {
    flex-direction: row-reverse;
}

html:lang(ar) .landing-page .container {
    flex-direction: row-reverse ;
}
.landing-page .container .hero-content .shop-now-button {
    position: absolute;


}
html:lang(ar) .landing-page .container .hero-content .shop-now-button  {
    right: 0;
    left: unset;
    top: unset;
    bottom: unset;
}
.hero-content {
    position: relative;
}
.landing-page .container .hero-content .shop-now-button  {
    right:unset ;
    left: 0;
    top: unset;
    bottom: unset;
}

html:lang(ar) .hero-content-line2 {
    direction: rtl;
}
html:lang(ar) .hero-content-line3 {
    display: flex;
    flex-direction:row-reverse;
    gap:15px;
}

html:lang(ar) .button.shop-now-button a{
    letter-spacing: unset !important;
}
html:lang(ar) .content.trending-content{
    flex-direction: row-reverse;
    text-align: right;
}

html:lang(ar) .trending-products-links .row {
    justify-content: end;
}
html:lang(ar) .title trending-title {
    align-items: end;
}
html:lang(ar) .trending .container .trending-img .label {
    right: -160px;
    left: unset;
    flex-direction: row-reverse
}
html:lang(ar) .products-container > .product .prod-category ,
html:lang(ar) .products-container > .product .prod-name ,
html:lang(ar) .products-container > .product .rating,
html:lang(ar) .products-container > .product .price,
html:lang(ar) .products-container > .product .colors
{
    direction: rtl;
}
html:lang(ar) .wishlist-btn img {

}
html:lang(ar) .product-img-container + div {
    direction: rtl;
}
html:lang(ar) .wishlist-btn img {
    width: 24px;
    height: 24px;
    position: absolute;
    left: 0;
    top: -30px;
}

html:lang(ar) .content.ultra-boost-content {
    direction: rtl;
}
html:lang(ar) .featured-products-title {
    letter-spacing: unset !important;
}
html:lang(ar) .featured-products-container {
    direction: rtl;
}
html:lang(ar) .promo-banners{
    direction: rtl;
}
html:lang(ar) .review-section .container {
    direction: rtl;
}
html:lang(ar) .copyright {
    direction: rtl;
}
html:lang(ar) .blog-grid {
    direction: rtl;
}
html:lang(ar) .single-blog-section {
    direction: rtl;
}
html:lang(ar) .single-blog-container {
    direction: rtl;
}

html:lang(ar) .head-products-section {
    direction: rtl;
}

html:lang(ar) .category-head {
    direction: rtl;
}

html:lang(ar) .products-section {
    direction: rtl;
}


html:lang(ar) .trending .trending-title {
    direction: rtl;
}