/* Add custom CSS styles below */ 
body , img , a{
    background-color: transparent !important;
}
/*hero*/
section:nth-child(4){
margin : unset;
}
section:nth-child(4) > div{
padding: unset;
max-width: unset;
}
/*subHero*/
section:nth-child(5) > div{
max-width: 550px;
}
/**/
/*banners*/
section:nth-child(8) > div , section:nth-child(10) > div{
padding: unset;
max-width: unset;
}
/**/
/*footer*/
footer , footer > div.store-footer__inner{
background-image: linear-gradient(to right, #0B0042, #012793);
color: #FFF !important;
}
footer > div.md\:flex.items-center.justify-between.py-4.container.text-center > span > p{
color: #FFF;
}
/**/
/*Categories*/
section.s-block.s-block--banners.container > div > a:nth-child(1){
grid-row: unset;
}
section.s-block.s-block--banners.container > div > a > div{
width: 88% !important;
}
section.s-block.s-block--banners.container > div{
grid-template-columns: repeat(5, minmax(0, 1fr));
gap : unset;
}
@media screen and (min-width:760px) and (max-width: 1024px){
  section.s-block.s-block--banners.container > div{
  grid-template-columns: repeat(4, minmax(0, 1fr));
  row-gap: 1rem;
}
}
@media screen and (min-width: 570px) and (max-width: 759px){
  section.s-block.s-block--banners.container > div{
  grid-template-columns: repeat(3, minmax(0, 1fr));
  row-gap: 1rem;
}
}
@media screen and (max-width: 569px){
  section.s-block.s-block--banners.container > div{
  grid-template-columns: repeat(2, minmax(0, 1fr));
  row-gap: 2rem;
}
}
/**/
/*product*/
.s-product-card-sale-price > h4{
color: #A89F3A !important;
}
.s-product-card-sale-price > span{
color: red !important;
}
.s-button-primary-outline , .s-button-primary-outline:hover {
background-color: #012793 !important;
color: #FFF !important;
}
/**/