/* Add custom CSS styles below */ 
body {
    background-image: url(https://i.ibb.co/dBx35QH/background.jpg);
}

/*main banner*/

section.s-block.s-block--photos-slider {
    margin-top: 0px;
}

.swiper.s-slider-container.swiper-initialized.swiper-horizontal.swiper-pointer-events.swiper-rtl.swiper-backface-hidden {
    padding: 0;
}

.swiper.s-slider-container.swiper-initialized.swiper-horizontal.swiper-pointer-events.swiper-rtl.swiper-backface-hidden {
    padding: 0;
}

.swiper-slide.swiper-slide-active {
    margin: 0 !important;
    padding: 0 !important; 
    width: 100% !important;
    border-radius: 0;
}

img.w-full.object-contain.rounded-md {
    border-radius: 0;
}

/*catigories*/

.grid.md\:grid-cols-3.two-row.grid-flow-row.gap-3.sm\:gap-8 {
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
    align-items: center;
    flex-wrap: nowrap;
}
.lazy__bg.lazy.entered.loaded {
  background-size: contain;
    background-repeat: no-repeat;
}

a.banner-entry.square-photos {
  width: 100%;
  height: 370px;
  background: unset;

}

.two-row .banner-entry:first-child {
    height: 370px!important;
 }
 /*banner entry*/
 
section.s-block.s-block--fixed-banner.wide-placeholder .container a.banner.banner--fixed.overflow-hidden img {
  background: unset ;
}  

/*products*/

.s-product-card-vertical {
    flex-direction: column;
    border: 2px solid #2ba3a6;
}
button.undefined.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center {
    color: white;
    background: #2ba3a6;
    border: 1px solid #2ba3a6;
}

button.undefined.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center:hover {
    color: #2ba3a6;
    background: white;
    border: 1px solid #2ba3a6;
}
/*footer*/

.md\:flex.items-center.justify-between.py-4.container.text-center {
    max-width: 100%;
    margin: 0;

    background: #2ba3a6;
}
.store-footer__inner {
    background-color: #249ea1 !important;
    color: white;
}


/*media for mobile */

@media(max-width: 767px) {
  .two-row .banner-entry:first-child {
    height: 80px!important;
}
a.banner-entry.square-photos {
  height: 80px;
}

.swiper.s-slider-container.swiper-initialized.swiper-horizontal.swiper-rtl.swiper-backface-hidden {
    padding: 0;
}
}

/*media for tablet*/

@media (min-width: 768px) and (max-width: 1200px) {
  .two-row .banner-entry:first-child {
    height: 280px!important;
}
a.banner-entry.square-photos {
  height: 280px;
}

.swiper.s-slider-container.swiper-initialized.swiper-horizontal.swiper-rtl.swiper-backface-hidden {
    padding: 0;
}
}
    
    
    
/* Add custom CSS styles below */