/* Add custom CSS styles below */ 
/* Add custom CSS styles below */ 

    
.s-block {
    margin-top: 1rem;
}

.object-contain {
    object-fit: screen;
}

.store-footer__inner {
    background-color: #263169!important;
        background-image: url(https://i.ibb.co/XJtZGf1/domi-pattern-1-11-11-11.png) ;

    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: 20%;
    border: none !important;
}

@media (max-width:725px){
.store-footer__inner{
  background-size: 40% !important;
  }
}
.store-footer {
    background-color: #fff!important;
    }
    
     .text-gray-400 {
    color: #000!important;
    }
    
.salla-advertisement h2{
color: #000000;
}
.salla-advertisement{
background-color: #e4e4e4 !important;
}

.home-slider__content{
justify-content: flex-start !important;
padding-right: 40px;
padding-left: 40px;
}

.text-white{
text-align: unset !important;
}

.s-block--hero-slider .swiper-slide .swiper-lazy:after{
background-color: rgba(0,0,0,0.0) !important;
}

.home-slider__content h3{
color: #283780;
}

.home-slider__content p{
color: #000000;
}

.s-slider-nav-arrow{
display: none;
}

.banner-entry{
height: 200px !important;
background-color: transparent !important;
}

.lazy__bg{
background-size: contain !important;
background-repeat: no-repeat !important;
}

.has-overlay:after{
background-color: rgba(0,0,0,0.0);
display: none;
}

.banner-entry .text-with-border h3{
color: rgba(0, 0, 0, 0.0);
height: 100%;
}

   
.banner-entry .text-with-border{
position: relative;
z-index: 999999;
}
 
@media only screen and (max-width: 1000px) {
/*mobile only*/


.home-slider__content .text-white{
width: 40%;
}
.mohammed_class {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
}

.mohammed_class .banner-entry{
height: 100px !important;
}
}


.banner-entry h3.text-with-border {
    border-width: 1px;
    background-color: #0000005c;
}






@media only screen and (min-width: 1000px) {
/*computer only*/
}

/*branding*/
section.s-block.s-block--logos-slider.s-block--full-bg.bg-gray-100.pt-8.sm\:pt-12.pb-8.sm\:pb-20 {
    background-color: #f9fafb ;
}

.grid.grid-cols-2.md\:grid-cols-5.grid-flow-row.gap-4.lg\:gap-8 {
    display: flex;
    flex-direction: row;
    justify-content: center;
}


    .max-h-full {
    max-height: 180% !important;
}

.index .brand-item img {
    max-width: 280px;
}


.brand-item {
    height: 10rem;
    }
    
    
    
    @media (max-width:600px){
    .grid.grid-cols-2.md\:grid-cols-5.grid-flow-row.gap-4.lg\:gap-8 {
    display: flex;
    flex-direction: column;
}
    
    }
    
    
    
    
    
    
    /*about*/
    
    .content.content--single-page.w-full.lg\:w-10\/12.bg-white.rounded.p-6.lg\:p-8.mt-4.lg\:mt-12 {
    background-color: #f8f9fa;
}
    
    
@media only screen and (max-width:480px){
    
    .content .content-entry img {
      max-width: 118%;
    margin-right: -33px;
}
}

  /*about*/
  
  @media only screen and (max-width:480px){
 
    .s-products-slider-card.swiper-slide {
    width: 70%;
}
     
     .s-slider-block__title h2 {
    font-size: 0.50rem;
    }
    
     .lazy__bg {

    height: 95%;
    width: 95%;}
    
    
    }
    
    .s-slider-block__title h2 {
    font-size: 1.10rem;
    }
    
    @media only screen and (max-width: 1024px){
:is([dir=rtl] .mm-spn.mm-spn--navbar.mm-spn--main):after {
    padding-right: 0.75rem;
    text-align: center !important;
    }
    }
    
    .s-block--hero-slider .swiper-slide .overlay-bg:after {
   
    background-color: rgba(0,0,0,0.0) !important;
    }
    
    .content-entry-about {
    background-color: white;
}