/* Add custom CSS styles below */ 
/* Add custom CSS styles below */ 
@media (max-width: 480px) {
    .s-block--banners .two-row .banner-entry {
        height: 200px !important;
    }
}
.tom{
background-color: #020100;
border:none;
}

.tom h2, .tom .s-block__display-all
{
color:white;
}
.pink{
margin-top:2rem;

}
.blue{
background-image: url(https://cdn.salla.sa/form-builder/XRzH7VvLmmaFJ6YZZtlnlwrgEKzyQ7vtedMvTErm.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}
.store-footer h3 {
  
    color: black !important;
}
.main-nav-container.fixed-header .inner{

background: linear-gradient(180deg, #ffffff8c, #ffffff4d 45%, #ffffff73); 
backdrop-filter: blur(14px) saturate(175%);
 -webkit-backdrop-filter: blur(14px) saturate(175%);
  border: 1px solid rgba(255, 255, 255, .35);
   box-shadow: inset 0 1px 2px #fff9, inset 0 -1px 2px #0000001f, 0 2px 8px #0000000d;
    border-radius: 32px;
}
#mainnav > div > div > div > div.flex.items-center.justify-start.w-1\/3 > a > i{
color:black
}
#app > div.app-inner.flex.flex-col.min-h-full > section.s-block.s-block--faqs > div > div.faqs-list.grid.items-start.grid-cols-1.md\:grid-cols-2.gap-4 > div > div{
background-color:white;


}

@media(min-width:900px){
    .s-block--banners .grid{
    grid-template-columns: 1fr 1fr 1fr 1fr;
}
.banner-entry{
    position: relative;
    height: 295px;
}
    .s-block--logos-slider .swiper-wrapper  a{
        border-radius: 10px;
    }
    #app > div.app-inner.flex.flex-col.min-h-full > footer > div > div > div.footer-middle.footer-container.flex.align-center.flex-col.md\:flex-row.da-brdr.md\:gap-4 > div.flex.flex-col.md\:max-w-xs.footer-profile > a > img{
        height: 59px !important;
    }
    #app > div.app-inner.flex.flex-col.min-h-full > section.s-block.s-block--angel-products  div  div  div  div  h2{
        color: black;
        font-size: 1.5rem;
    }
}
.s-block--faqs .faqs-list input:checked+div label{
    color: grey;
}