@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&display=swap');

*{
  font-family: Cairo !important
}

.hero-slider-btn a{
  background-color: var(--color-primary) !important;
  border-color: var(--color-primary) !important;
  transition: all 0.5s;
  font-weight: 700 !important
}

.hero-slider-btn:hover a{
  background-color: #fff !important;
  border-color: #fff !important;
  color: var(--color-primary)
}

.s-slider-block__title{
  display: none
}

@media(min-width:1200px){
  section:nth-of-type(5){
    margin-top:-5rem !important
  }
  section:nth-of-type(12){
    margin-top:-5rem !important
  }
}

.hero-slider-btn i{
  display: none 
}

.s-block__title{
  text-align:center
}

.s-block__title h2 {
    color: var(--color-primary);
    font-size: 3rem;
    font-weight: 800 !important;
}

.banner-square{
  transition: all 0.5s
}

.s-product-card-entry{
  border: none
}

.s-product-card-props {
  display: none
}

body.index .s-product-card-content-footer salla-add-product-button .s-button-outline {
    background: #264581;
    border-radius:2rem;
    border: #264581;
    color: #fff;
    font-weight: 700 !important
}

.banner-square:hover{
  scale: 0.9
}
 
.s-block.home-slider *{
  text-align: center;
  justify-content: center;
  margin: auto
}

@media(min-width: 1400px){
  .s-block.home-slider h3{
    font-size: 42px !important
  }
}