/* Add custom CSS styles below */ 
body{
  background-color: #F4F1F2;
}

/*  ==================*/

/*=============main banner============  */
section.s-block.s-block--categories.mb-12.md\:mb-16.\!mt-0.merge-with-top-component.merged-has-no-title {
    margin-top: -9rem !important;
}
@media(max-width: 992px){
  section.s-block.s-block--categories.mb-12.md\:mb-16.\!mt-0.merge-with-top-component.merged-has-no-title {
    margin-top: -6rem !important;
}
}

/* ====================banners=========== */

.slider-home-wrapper .swiper-slide img {
    /* object-fit: contain; */
    max-height: none;
}




/* ============prod================ */
/* arrows */
body.index section .s-slider-block__title-left {
    display: none;
}

/* title */
body.index section .s-slider-block__title{
  margin-bottom: .8rem;
}
body.index section .s-slider-block__title h2{
  font-size: 2rem;
}

/* =====img before title====== */
.s-slider-block__title-right h2{
    position: relative;
    margin-right: 31px
}

.s-slider-block__title-right h2:before {
    content: '';
    position: absolute;
    top: 77%;
    transform: translateY(-50%);
    width: 37px;
    height: 46px;
    background: url(https://i.ibb.co/3tBFqPh/title.png) no-repeat;
    background-size: contain;
    left: 101%
}


/*=================about===================  */
.medical-text.w-full.md\:w-1\/2.text-center.md\:text-right.bg-primary.py-8.px-4.md\:py-16.md\:px-6.rounded-lg.sal-animate{
   background-color: #f2e7d9;  
}

/* sec container */
section.fav-baner.fav-baner-3.mb-12.md\:mb-16.relative.overflow-hidden .container{
  background-color: #f2e7d9;
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 0;
    border-radius: .8rem;
}

/* swiper */
section.fav-baner.fav-baner-3.mb-12.md\:mb-16.relative.overflow-hidden .swiper-3d .swiper-wrapper{
    transform: none !important;
}

/* slide */
.h-full.flex.items-center.swiper-slide.swiper-slide-active{
    transform: none !important;
        display: block;
  width: 100% !important;
  /* width: 600px !important; */

}

img.object-cover.w-full.h-full {
    object-fit: contain;
}




/* ========== */
/* ===============================Categories============================ */
.slide--cat-entry h2 {
  display: none;
}

@media(max-width:768px){
salla-slider[type]:not(.hydrated) > div:where([dir="rtl"], [dir="rtl"] *), salla-slider[type]:not(.hydrated) .swiper > div > div:where([dir="rtl"], [dir="rtl"] *), .carousel-slider .swiper:where([dir="rtl"], [dir="rtl"] *) {
     padding-left: 0; 
}
}

.s-slider-controls-outer .s-slider-block__title-nav {
    display: none;
}

section.s-block.s-block--categories .container .s-slider-wrapper .swiper.s-slider-container .swiper-wrapper .swiper-slide > a {
  background-color: transparent;
  border-width: 0;
  height: 100%;
  padding: 0;
}

@media(min-width: 798px){
section.s-block.s-block--categories .container .s-slider-wrapper .swiper.s-slider-container .swiper-wrapper {
  justify-content: center;
}
}
section.s-block.s-block--categories .container .s-slider-wrapper .swiper.s-slider-container .swiper-wrapper .swiper-slide > a > img {
  width: 100%;
  height: 100%;
  transition: .3s;
}

section.s-block.s-block--categories .rounded-full {
  border-radius: 0;
}

@media(min-width: 1024px) {
  section.s-block.s-block--categories .container .s-slider-wrapper .swiper.s-slider-container.swiper-initialized.swiper-horizontal .s-slider-swiper-wrapper .swiper-slide {
    width: 255px;
    width: 302px;
    padding: 0;
  }
}

@media(max-width: 1024px) {
  section.s-block.s-block--categories .container .s-slider-wrapper .swiper.s-slider-container.swiper-initialized.swiper-horizontal .s-slider-swiper-wrapper .swiper-slide {
    width: 180px;
        padding: 0;

  }
}




section.s-block.s-block--categories .container .s-slider-wrapper .swiper.s-slider-container .swiper-wrapper .swiper-slide > a > img:hover {
  transform : translateY(10px);
  transform : scale(1.1);
  transform : scale(1.05);
}



/* =================================new Store Features =============================*/
/* grid */
@media (min-width: 768px) {
    :nth-child(1 of section.s-block.s-block--banners.container) .md\:grid-cols-3 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        /* gap: 0 !important; */
    }
}
@media (max-width: 768px) {
    :nth-child(1 of section.s-block.s-block--banners.container) .md\:grid-cols-3 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0 !important;
    }
}

/* card */
:nth-child(1 of section.s-block.s-block--banners.container) .md\:grid-cols-3 .banner-entry {
    background-color: transparent;
}



@media (min-width: 992px) {
  :nth-child(1 of section.s-block.s-block--banners.container) .md\:grid-cols-3 .banner-entry {
    height: 150px;
    /* height: 255px; */
  }
}
@media (max-width: 992px) {
  :nth-child(1 of section.s-block.s-block--banners.container) .md\:grid-cols-3 .banner-entry {
    height: 120px;
  }
}

@media (max-width: 768px) {
    :nth-child(1 of section.s-block.s-block--banners.container) .md\:grid-cols-3 .banner-entry , 
    a.banner-entry.square-photos{
      height:210px;
      height:88px;
      /* height:218px; */
      /* height:186px; */
      
    }
}

/* img */
:nth-child(1 of section.s-block.s-block--banners.container) .md\:grid-cols-3 .banner-entry{
  transition: .5s;
}
:nth-child(1 of section.s-block.s-block--banners.container) .md\:grid-cols-3 .banner-entry:hover{
  transform: scale(1.01);
}

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





/*  ======================testimonials=====*/
h2.text-center.customer-title{
    text-align: start;
    color: #000 !important;
}

.image-parent img{
    display: none;
}




/*===================footer============  */
.store-footer{
  background: url(https://i.ibb.co/5WRc26Vh/footer.png);
}