/* Add custom CSS styles below */
/*nav*/
.main-menu li.root-level>a {
    padding-bottom: 1rem;
}
.main-nav-container.fixed-pinned .main-menu>li>a {
    padding-top: 13px;
    padding-bottom: 4px;
}
/*end*/
/*جرب حظك*/
.roulleteButton {
    height:42px;
    background: #f1d62d !important;
}
/*end*/
/*section one*/
[dir=rtl] salla-slider.photos-slider .swiper {
    padding: 0;
}
salla-slider.photos-slider .swiper-slide{
padding:0;
margin:0;
width:100%;
}
salla-slider.photos-slider .swiper:where([dir=rtl],[dir=rtl] *){
padding:0;
}
.s-block:first-of-type{
margin-top:0;
}
/*end*/

/*border buttom*/
.w-28 {
    width: 17rem;
}
/*section two*/
.product-card--vertical {
    border-radius: 2rem;
    flex-direction: column;
}

/*vedio*/
lite-youtube {
  background-size: ;
  border-radius: 3rem 1rem;
}

lite-youtube::before {
    background-image: none;
   
}
/*end*/
/*list (img)*/
.md\:grid-cols-3 {
    grid-template-columns: repeat(4,minmax(0,1fr));
}
.two-row .banner-entry:first-child {
    grid-column: span 1/span 1;
    grid-row: span 1/span 1;
}
.lazy__bg.loaded {
    background-size: contain;
    background-repeat: no-repeat;
}
.banner-entry {
    background-color: transparent;
    }
.banner-entry {
    border-radius: 3rem 1rem;
    height: 170px;
}
    /*end*/
    
    
    /*media*/
@media (min-width: 768px) and (max-width:1024px){
.banner-entry {
    border-radius: 2rem;
    height: 213px;
}
.md\:grid-cols-3 {
    grid-template-columns: repeat(2,minmax(0,1fr));
}
}
@media(max-width:767px){
.md\:grid-cols-3 {
    grid-template-columns: repeat(2,minmax(0,1fr));
}

lite-youtube {
    background-size: cover;
}
.banner-entry {
    height: 110px;
}
}