/* Add custom CSS styles below */ 
/************  Section 2 **************/
.s-block--banners.s-block--banners .grid {
    display: grid!important;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    position: relative;
}

.s-block--banners.s-block--banners .grid::before {
    position: absolute;
    content: "";
    background-image: url("https://img.imgdd.com/3a56509d-0219-49fa-9bd9-502fba536de0.png");
    width: 100px;
    height: 100px;
    top: 50%;
    left: 50%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 1;
    transform: translate(-50%, -50%);
}
  section.s-block.s-block--banners.container:nth-of-type(8)  .banner-entry {
    height: 385px!important;
}
.banner-entry:nth-of-type(1) {
   grid-area: 1 / 1 / 3 / 3;
   height:100%;
}
.banner-entry:nth-of-type(2) {
     grid-area: 1 / 3 / 2 / 5;
}
.banner-entry:nth-of-type(3) {
   grid-area: 2 / 3 / 3 / 5;
}
.lazy__bg.loaded{
    background-size:cover;
    background-repeat:no-repeat;
}
section.s-block.s-block--banners.container a.banner-entry.square-photos {
    background-color: transparent !important;
}
@media(max-width: 767px){
   .s-block--banners.s-block--banners .grid {
    display:grid!important;
      grid-template-columns: repeat(4, 1fr);
      grid-template-rows: repeat(2, 1fr);
      grid-column-gap: 10px;
      grid-row-gap: 10px;
       /* grid-auto-flow:column; */
}
  section.s-block.s-block--banners.container  .banner-entry {
    height: 95px!important;
} 
    section.s-block.s-block--banners.container .banner-entry:nth-of-type(1) {
   grid-area: 1 / 1 / 3 / 3;
   height:200px !important;
}
.banner-entry:nth-of-type(2) {
     grid-area: 1 / 3 / 2 / 5;
}
.banner-entry:nth-of-type(3) {
   grid-area: 2 / 3 / 3 / 5;
}
    .banner-entry {
    height:80px !important;
}
}









img.lazy.absolute.inset-0.-z-10.h-full.w-full.object-cover.loaded {
    object-fit:contain;
    background-color:transparent !important;
}




/************ banner **************/
section.s-block.s-block--fixed-banner.wide-placeholder.fixed-banner--6 > .container,
section.s-block.s-block--fixed-banner.wide-placeholder.fixed-banner--8 > .container {
    padding: 0 !important;
    margin: 0px !important;
    max-width: 100%;
}

.s-products-slider-card.swiper-slide {
  margin-top:10px;
    margin-bottom:10px;    
}
.banner--fixed img {
    border-radius:0px;
    background-color: transparent;
}


                                   [title="snapchat"]{
  background-color: #FFFC00 !important;
  color: black !important;
}

[title="tiktok"]{
  background-color: black !important;
  color: white !important;
}


[title="twitter"]{
    background-color: black !important;
    color: white !important;
}
[title="instagram"]{
    background: linear-gradient(
    to right,
    #833ab4,#fd1d1d,#fcb045
  ) !important;
  color: wheat !important;
}