/* Add custom CSS styles below */ 
/*font*/
@import 'https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&display=swap';* {
   font-family: cairo!important
}
/*end*/

/*body*/
body {
   background-color: #ffffff
}
/*end*/
/*start customize main-banner*/
salla-slider.photos-slider .swiper-slide {
    padding: 0rem;
    margin: 0rem;
    width: 100%;
    border-radius:0 !important;
}
.home-slider img{
border-radius:0;
}
.s-slider-block__title-nav {
    visibility: hidden;
}

 salla-slider.photos-slider .swiper:where([dir=rtl],[dir=rtl] *) {
    padding: 0rem;
}  

section:first-of-type {
        margin-top:0;
   margin-bottom:5%
}

/*end*/

.bg-white.\!bg-\[var\(--bg-body\)\] {
   background-color: transparent !important;
}

.shadow-gif-product{
   background-color:#fff;
}

/*start customize offers*/
.offers h2 , .offers p{
   color:#fff;
   text-shadow: none;
}

.offers .s-count-down-list .s-count-down-item-value{
   background-color:#ffffff;
}


/*end*/

/*start customize sq-images*/
.sq-images h2 , .sq-images p{
   font-size:32px;
   line-height:65px;
   font-weight:500;
}
.sq-images .btn-changing{
   background-color:#ffffff;
   --tw-shadow: 3px 3px #eeeadf;

}
.sq-images .btn-changing:hover{
   background-color:#e2f3ef !important;
   color:#05353e !important;
}
/*end*/

/*start customize image-text*/
.image-text{
   background-color:#ffffff;
}
.image-text h2{
   font-size:32px;
   font-weight:800;
}

/*end*/
.gif-banner h2 , .gif-banner p{
color:#fff;
}

.B_Improved_banner .content_improved {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-gap: 30px;
    gap: 30px;
    grid-template-areas: "four four four four four four one one"
    "three three three two two two one one";
}

/*media*/
@media(max-width:768px){

.sq-images h2 , .sq-images p{
   font-size:20px;
   line-height:30px;
}
.image-text h2{
   font-size:20px;
}

footer *{
   text-align:center;
   margin-right:auto;
   margin-left:auto;
}
.content_improved #cat-2 {
    grid-area: five !important;
}
.content_improved {
    display: grid;
    grid-template-columns: repeat(7, 1fr) !important;
    grid-template-rows: repeat(3, 180px) !important;
    grid-gap: 15px !important;
    grid-template-areas: "four four four four one one one"
      "two two two two one one one"
      "five five five five five five five" !important;
}
}
/*end*/