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

  Template Name: Subas Ecommerce Responsive Bootstrap Template
  Description: This is html5 template
  Author: codecarnival
  Version: 1.0
  Design and Developed by: codecarnival

Note: This is the file where you can add your custom styles to change the look of the theme. But don't modify "style.css" file.

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

/* ----------------------------------------------------
	You can put your custom css code here: 
-------------------------------------------------------*/

/* RTL Support for Arabic Language */
[dir="rtl"] .layer-1 {
    display: flex;
    flex-direction: row-reverse;
}

[dir="rtl"] .slider-img {
    float: none;
}

[dir="rtl"] .slider-info {
    left: auto;
    right: 0;
    text-align: right;
}

[dir="rtl"] .slider-info-inner {
    text-align: right;
}

[dir="rtl"] .slick-arrow-1 .arrow-prev.slick-arrow {
    right: auto;
    right: -60px;
}

[dir="rtl"] .slick-arrow-1 .arrow-next.slick-arrow {
    left: -60px;
    right: auto;


}

[dir="rtl"] .slick-dots-1 .slick-dots {
    left: 30px;
    right: auto;

}

[dir="rtl"] .slider-area .slick-arrow-1 .arrow-prev.slick-arrow {
    right: auto;
    left: -60px;
}

[dir="rtl"] .slider-area .slick-arrow-1 .arrow-next.slick-arrow {
    left: auto;
    right: -60px;
}

/* RTL Responsive */
@media (max-width: 991px) {
    [dir="rtl"] .slider-area .slick-arrow-1 .arrow-prev.slick-arrow {
        left: auto;
        right: -20px;
    }
    
    [dir="rtl"] .slider-area .slick-arrow-1 .arrow-next.slick-arrow {
        left: -20px;
        right: auto;
    }
}

@media (max-width: 767px) {
    [dir="rtl"] .slider-area .slick-arrow-1 .arrow-prev.slick-arrow {
        left: auto;
        right: 0;
    }
    
    [dir="rtl"] .slider-area .slick-arrow-1 .arrow-next.slick-arrow {
        left: 0;
        right: auto;
    }
    
    [dir="rtl"] .slider-info {
        padding: 5px 10px;
        text-align: right;
    }
}