/*------------------------------------*\
            Styles for AR
\*------------------------------------*/

/*------------------------------------------------ 

        It should overwrite existing classes 
    
------------------------------------------------ */

@font-face {
    font-family: 'gess-light';
    src: url('../fonts/GE_SS_LIGHT.otf');
}
@font-face {
    font-family: 'gess-bold';
    src: url('../fonts/GE_SS_BOLD.otf');
}

body{
    direction: rtl;
    font-family: 'gess-light';
}

h1,h2,h3,h4,h5,h6{
    font-family: 'gess-bold';
}

a{
    direction: ltr;
}

.rounded-start{
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
    border-bottom-right-radius: var(--bs-border-radius)!important;
    border-top-right-radius: var(--bs-border-radius)!important;
}

.rounded-end{
    border-bottom-left-radius: var(--bs-border-radius)!important;
    border-top-left-radius: var(--bs-border-radius)!important;
    border-bottom-right-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

.swiper-wrapper{
    direction: ltr;
}

.list-unstyled{
    padding: 0;
}
.newsletter-btn{
    left: 0;
    right: auto;
}

.showBtn{
    left: 18px;
    right: auto;
}

.home-slider{
    direction: rtl;
}
.bg-slider-1::before,
.bg-slider-2::before,
.bg-bread::before {
    transform: scaleX(-1);
}

.newsletterBtn{
    left: 0;
    right: unset;
}

/*.product-stock{*/
/*    right: unset;*/
/*    left: 0;*/
/*}*/

#filter-toggle-btn,
#filter-toggle-close{
    float: left;
}