/* Add custom CSS styles below */ 
body{
      background-color: #C7D8E4
}
section:nth-of-type(1){
      margin: unset;
}
section:nth-of-type(1) .container{
  padding: unset;
  max-width: unset;
}
section:nth-of-type(1) img ,
section:nth-of-type(2) img ,
section:nth-of-type(3) a ,
section:nth-of-type(5) img ,
section:nth-of-type(7) img ,
section:nth-of-type(9) img ,
section:nth-of-type(11) img
{
  background-color: transparent;
  border-radius: unset;
} 
section:nth-of-type(2) .container{
  max-width: 600px;
} 
section:nth-of-type(3) ,
section:nth-of-type(5) a, 
section:nth-of-type(7) ,
section:nth-of-type(9) ,
section:nth-of-type(11){
  position: relative;
}   
section:nth-of-type(5) img{
    max-height: 48rem;
    object-fit: contain;
}
section:nth-of-type(3)::after{
    content: '';
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    top: 0;
    right: -15%;
  transform: translateY(-50%);
    width: 400px;
    aspect-ratio: 1 / 1;
    max-width: 100%;
    background-image: url(https://k.top4top.io/p_3621q8mr61.png);
}
section:nth-of-type(5) a::before{
  content: '';
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    bottom: 0;
    right: 0;
    width: 400px;
    aspect-ratio: 1 / 1;
    max-width: 100%;
    transform: translateY(20%);
    background-image: url(https://k.top4top.io/p_3621q8mr61.png);
}
section:nth-of-type(5) a::after{
 content: '';
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    top: 0;
    left: 0;
    width: 400px;
    aspect-ratio: 1 / 1;
    max-width: 100%;
    transform: translateY(-20%);
    background-image: url(https://k.top4top.io/p_3621q8mr61.png);
    z-index: -1;
}

section:nth-of-type(7)::before{
   content: '';
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    bottom: 0;
    left:0;
    width: 400px;
    aspect-ratio: 1 / 1;
    max-width: 100%;
    transform: translateY(-20%);
    background-image: url(https://k.top4top.io/p_3621q8mr61.png);
    
}
section:nth-of-type(9)::after{
   content: '';
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    top: 0;
    right: 0;
    width: 400px;
    aspect-ratio: 1 / 1;
    max-width: 100%;
    transform: translateY(-30%);
    background-image: url(https://k.top4top.io/p_3621q8mr61.png);
    z-index: -1;
}
section:nth-of-type(11)::before{
        content: '';
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    top: 0;
    left: 0;
    width: 400px;
    aspect-ratio: 1 / 1;
    max-width: 100%;
    transform: translateY(-30%);
    background-image: url(https://k.top4top.io/p_3621q8mr61.png);
}
section:nth-of-type(3) > div{
   grid-template-columns: repeat(5, minmax(0, 1fr));
 
}
section:nth-of-type(3) > div a{
  width: 100%;
}
.two-row .banner-entry:first-child {
  grid-column: unset;
  grid-row: unset;
  height: unset;
}
section:nth-of-type(12) .s-reviews-testimonial {
      background-image: linear-gradient(45deg, #3EAFC7, #011460);
    color: white;
}
section:nth-of-type(12) .s-reviews-header-wrapper{
  justify-content: center;
}
section:nth-of-type(12) h1{
  font-size: 36px;
  background-image: url(https://j.top4top.io/p_36107ew0n1.png);
    width: 300px;
    text-align: center;
}   
.swiper{
  padding: 10px
}
.s-product-card-entry {
    background-color: transparent;
    border: 2px solid #FFFFFF;
    box-shadow: 0px 6px 8px #0000002e;
}
.swiper .s-product-card-content-sub {
    padding-bottom: 10px;
    border-bottom: 1px solid;
}
.s-button-primary-outline{
  color: white;
  border: none;
  background-image: linear-gradient(45deg, #3EAFC7, #011460);
}
.store-footer > div:last-child{
  background-color:  #C7D8E4;
      max-width: unset;
}
.store-footer__inner{
  background-image: linear-gradient(45deg, #3EAFC7, #011460);
}

@media (max-width: 1024px) {
section:nth-of-type(3) > div{
 display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
section:nth-of-type(3) > div a{
  width: 30%;
}
}
  @media (max-width: 768px) {
section:nth-of-type(3) > div{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
section:nth-of-type(3) > div a{
  width: 30%;
}
}
@media (max-width: 450px) {
section:nth-of-type(3) > div a{
         width: 40%;
}
  section:nth-of-type(3) .banner-entry{
    height: 150px !important;
  }
}