@font-face {
  font-family: TDI;
  src: url(https://alfont.com/wp-content/fonts/thulth-arabic-fonts//alfont_com_ReadexPro-Light.ttf);
}
body, *:not(i) {
    font-family: 'TDi' !important;
}
.banner-entry {
  background: url(<path-to-image>) lightgray 50% / cover no-repeat;
    width: 1440px;
height: 810px;
flex-shrink: 0;
}
/* Add custom CSS styles below */ 
.grid-flow-row {
    grid-auto-flow: row;
    grid-template-columns: repeat(3,1fr);
}
.has-overlay:hover:after {
    background-color: UNSET !important;
}

.banner-entry h3.text-with-border span {
    color: black;
        font-size: 12px;
    line-height: 1.3;
padding-bottom: 11px;
}h3.text-with-border {
    opacity: 1;
}.banner-entry:hover h3 {
    transform: translate(0px, 24px);
}.banner-entry .lazy__bg.lazy.entered.loaded {
    height: 76%;
}.banner-entry.square-photos h3 {
    transform: translate(0px, 60px);
}
.has-overlay:after {
    background-color: unset !IMPORTANT;
}section:nth-of-type(3) {
    margin-top: 5px !IMPORTANT;
}[dir=rtl] salla-slider.photos-slider .swiper {
    padding-right: 0rem;
    padding-left: 0rem;
}section.s-block.s-block--photos-slider {
    margin-top: 0rem;
}salla-slider.photos-slider .swiper-slide {
    border-radius: 0;
}.rounded-md {
    border-radius: 0;
}salla-slider.photos-slider .swiper {
    padding-bottom: 0;
}.main-nav-container {
    background: #44474f;
}i.sicon-menu.text-primary.text-2xl {
    color: white;
}i.header-btn__icon.sicon-user-circle {
    border: 0;
    color: white;
}i.header-btn__icon.icon.sicon-shopping-bag {
    border: 0;
    color: white;
}.s-cart-summary-total {
    color: white;
}[dir=rtl] .rtl\:mr-4 {
    margin-right: 0rem;
}section:nth-of-type(4) {
    margin-top: 1rem !IMPORTANT;
}
.two-row .banner-entry:first-child {
    padding: 1.25rem;
    grid-column: unset !IMPORTANT;
    grid-row: unset !IMPORTANT;
}.banner-entry.square-photos h3 {
    border-style: unset;
}
@media (min-width: 680px){
.banner-entry {
    height: 320px;
    background: #ff000000;
}.banner-entry.square-photos h3 {
    transform: translate(0px, 100px);
    
}.banner-entry h3.text-with-border span {
    font-size: 21px;

}}
.s-user-menu-trigger {



}