@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Tajawal:wght@200;300;400;500;700;800;900&display=swap');



body{
    font-family: 'Tajawal', sans-serif;
}

a,p.h1,h2,h3,h4,h5,h6,p{
    font-family: 'Tajawal', sans-serif;
}

.rtl{
	direction: rtl !important;
    text-align: right !important;
}

.ltr{
	direction: ltr !important;
    text-align: left !important;
}

.header.header-intro-clearance{
    direction: rtl ;
    text-align: right ;
}
.header-right {
    margin-left: 0;
    margin-right: auto;
}
.header-3 .top-menu {
    margin: 0 15px 0 0;
}
.header-intro-clearance .header-middle .header-right, .header-intro-clearance .header-bottom .header-right {
    margin-right: auto;
    margin-left: 0;
}
.header-3 .cart-dropdown, .header-3 .wishlist, .header-3 .account {
    align-items: flex-end;
    padding-left: 0;
    padding-right: 3.4rem;
}
.header-3 .header-bottom .container::after {
    right: 80%;
}

.intro-section{
    direction: rtl;
}

.intro-slider-container, .intro-slide, .banner {
    direction: ltr;
}
.header-3 .header-search-extended .form-control {
    padding: .9rem 0 .9rem 1rem;
}
.cta-border .cta-content {
    padding-right: 1.5rem;
    padding-left: 0;
    direction: rtl;
    text-align: right;
}

.product.product-2 .product-body {
    text-align: right;
}

.product-price strong{
    width: 100%;
}

.social-icon:not(:last-child) {
    margin-left: 1rem;
    margin-right: 0;
}

.footer {
    direction: rtl;
    text-align: right;
}
.breadcrumb {
    direction: rtl;
    text-align: right;
}

.breadcrumb-item + .breadcrumb-item:before {
    content: '\f111';
    padding-left: 5px;
    padding-right: 5px;
}
.breadcrumb-item + .breadcrumb-item {
    padding-left: 0;
}

.page-content ,.bg-light-2{
    direction: rtl;
    text-align: right;
}
.form-control {
    text-align: right;
}

.filter-items{
    direction: rtl;
    text-align: left;
}
.toolbox-left, .toolbox-right {
    direction: ltr;
}
@media screen and (min-width: 768px){
    .intro-banners .banner-content {
        left: auto;
        width: 100%;
        padding: 0 30px 0 30px;
    }
}

.intro-content {
    right: 75px;
    left: 75px;
    direction: rtl;
    text-align: right;
}

.intro-banners .banner-title {
    text-align: right;
}


.accrodion-grp .accrodion .accrodion-content .inner p{
    font-family: 'Tajawal', sans-serif;
}

.top-menu .header-dropdown ul {
    right: -100%;
    left: 100%;
}
