@font-face {
    font-family: 'TheYearofHandicrafts';
    src: url('https://arbfonts.com/wp-content/fonts/new-arabic-fonts/TheYearofHandicrafts-Regular.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}
body {
    font-family: 'TheYearofHandicrafts', sans-serif;
}
.sicon-cart:before {
    content: "\ef39" !important;
}
.s-block--fixed-banner.wide-placeholder{
  margin: 0 !important;
  padding: 0 !important;
}
.s-block--fixed-banner .container {
    max-width: 100%;
    padding: 0;
    margin: 0;
}
.s-block--fixed-banner img{
  border-radius: 0;
}
#advanced-slider-0 [aria-label="1 / 3"] p,
#advanced-slider-0 [aria-label="2 / 3"] p {
    font-size:28px;
}
#advanced-slider-0 [aria-label="2 / 3"] h2{
    max-width: 100%;
}
#advanced-slider-0 [aria-label="2 / 3"] .advanced-slider__caption__inner__content{
    margin-top:-24%;
    color: #300018;
}
#advanced-slider-0 .advanced-slider__caption__inner__content{
    color:#fff ;
}
#advanced-slider-0 [aria-label="1 / 3"] h2{
    background: linear-gradient(180deg, #000000 0%, #413F3F 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

#advanced-slider-0 [aria-label="1 / 3"] p{
    color: #000;
}
#advanced-slider-0 h2{
    max-width: 60%;
    font-size:48px;
}
#advanced-slider-0 [aria-label="3 / 3"] p{
font-size:48px;
}
.s-block--square-links .object-cover {
    object-fit: contain;
}
.advanced-slider .object-cover {
    object-fit: fill;
}
  .store-footer{
    text-align: center;
  }
@media (min-width:768px) and (max-width:1024px){
  #advanced-slider-0 [aria-label="2 / 3"] .advanced-slider__caption__inner__content{
    margin-top:0%;
}
  #advanced-slider-0 h2{
    max-width: 60%;
    font-size:28px;
}
  #advanced-slider-0 h2{
    font-size:20px !important;
  }
  .advanced-slider__caption__inner{
    margin-bottom: 40% !important;
  }
  #advanced-slider-4 .advanced-slider__caption__inner{
    margin-bottom: 20% !important;
  }
}
/****media*****/
@media (min-width:1024px){
  .main-menu li>a {
    font-size: 20px !important;
}
  .s-block--rectangular-links:not(.free_aspect_ratio) img {
    height: 250px;
}
  #advanced-slider-0 [aria-label="2 / 3"]  a{
    position:absolute;
    bottom:0%;
    left:0%;
    margin:20px
}
}
@media (max-width:767px){
  #advanced-slider-0 h2{
    max-width: 100%;
    font-size:32px;
}
  .advanced-slider__caption__inner{
    justify-content:center;
    align-items: center;
    margin-bottom: 50%;
  }
.store-footer .grid{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}
  .store-footer{
    text-align: center;
  }
}