/* Add custom CSS styles below */ 
/********************* header ************************/
body.index .main-menu li.root-level>a {
     color:white 
 }


section.s-block.s-block--circle-links.slider.circle-links-1 img.lazy.object-cover{
    border-radius: 0px !important;
    object-fit: contain;
    height:12rem 
}



.overflow-hidden.rounded-full.w-fit.mx-auto {
     border-radius: 0px !important;
}


section.s-block.s-block--circle-links.slider.circle-links-1 img.lazy.object-cover.group-hover\:scale-110 {
    transform: none !important;
}
/********************* banner--7 ************************/
section.s-block.s-block--fixed-banner.wide-placeholder.fixed-banner--7 .container {
    padding: 0 !important;
    margin: 0px!important;
    max-width: 100%; 
}

/********************* special-products ************************/
@media(min-width:1024px){
section.s-block.s-block--special-products-slider--5.s-block--special-products-slider > div > div > img , section.s-block.s-block--special-products-slider--6.s-block--special-products-slider > div > div > img {
 object-fit:contain !important;
object-position:bottom;
   /* border-radius:50px !important; */
}
}
@media(max-width:992px){
section.s-block.s-block--special-products-slider--5.s-block--special-products-slider > div > div > img , section.s-block.s-block--special-products-slider--6.s-block--special-products-slider > div > div > img {
 object-fit: cover !important;
object-position:bottom;
   border-radius:30px !important
}
}
/********************* Features ************************/
.s-block--banners.s-block--banners .grid {
     display:grid!important;
      grid-template-columns: repeat(4, 1fr);
      grid-column-gap: 10px;
      grid-row-gap: 0px;
}
  section.s-block.s-block--banners.container  .banner-entry {
    background-color: transparent;
       background-size:contain !important;
}
  section.s-block.s-block--banners.container .banner-entry a {
        background-size:contain !important;
  }
section.s-block.s-block--banners.container .lazy__bg.lazy.entered.loaded{
    background-color: transparent;
     background-size:contain !important;
    background-repeat:no-repeat;
    
}
@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; */
}

}



.store-footer__inner , .store-footer__contacts-row {
 background-color:#373a39;
 
}



.store-footer path {
  color:#373a39;
}

/* =========================================================
   Social Links
   ========================================================= */
.s-social-link a {
  color: var(--black-color);
  border: 0;
  transition: all 0.5s;
}
.s-social-link a:hover {
  transform: translateY(-10px);
  transition: all 0.5s;
}

a[href*="instagram"] {
  background: linear-gradient(
    45deg,
    #f09433 0,
    #e6683c 25%,
    #dc2743 50%,
    #cc2366 75%,
    #bc1888 100%
  );
}
a[href*="tiktok"] {
  background: linear-gradient(120deg, #69c9d0, #000, #ee1d52);
}
a[href*="facebook"] {
  background: linear-gradient(45deg, #3776f2, #00b1f7);
}
a[href*="youtube"] {
  background-color: #c4302b;
}
a[href*="snapchat"] {
  background-color: yellow;
  color: black;
}
a[href="https://x.com/amani_boutiques"]
{
  background-color: black;
}