/* Add custom CSS styles below */

.app-inner , .inner.bg-inherit{
    background-color: #FDFBF7 !important;
} 
section:nth-of-type(1){
margin-top:0px
}
section.s-block.s-block--fixed-banner.wide-placeholder:not(section:nth-of-type(1)) {
    margin-top: 20px;
}

section:nth-of-type(1){
margin-top:0px
}

/*-----margin-top of main container--------*/
/*------main-image------*/
.swiper.s-slider-container.swiper-initialized {
    margin-left: 0!important;
   padding:0px
}
/*-------------------------------------*/
salla-slider.photos-slider .swiper:where([dir=rtl],[dir=rtl] *) {
     padding-left:0;
}
.swiper.s-slider-container.swiper-initialized {
    margin-left: 0!important;
    padding: 0px;
}
salla-slider.photos-slider .swiper-slide {
    margin-left: 1rem;
    margin-right: 1rem;
    width: 100%;
    padding: 0px;
}
/*main-slider */
 salla-slider.photos-slider .swiper-slide {
    padding: 0rem;
    margin: 0rem;
    width: 100%;
}
.s-slider-block__title-nav {
    visibility: hidden;
}
/*arrow of slider */
/*----------------banner----------------*/

.banner--fixed img {
    background: unset !important;
     margin-bottom:20px ;
}
/*****************************/
section.s-block.s-block--banners.container {
    max-width: 92% !important;
}
 section:nth-child( 1 of section.s-block.s-block--banners.container){
 margin-top:20px;
 margin-bottom:20px;
 }
 section:nth-child( 1 of section.s-block.s-block--banners.container) .md\:grid-cols-3 {
    grid-template-columns: repeat(4,minmax(0,1fr));
}
 section:nth-child( 2 of section.s-block.s-block--banners.container) .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.two-row .banner-entry:first-child {
    grid-column: 1 / 1;
    grid-row: 1 / 1;
}
 section:nth-child( 1 of section.s-block.s-block--banners.container) a.banner-entry{
    height: 305px;
    background-color:unset;
}
 section:nth-child( 2 of section.s-block.s-block--banners.container) a.banner-entry {
    height: 400px;
    background-color: unset;
}
.lazy__bg.lazy.entered.loaded {
    background-size: contain;
    background-repeat: no-repeat;
}
@media(min-width:768px) and (max-width:1200px){
a.banner-entry{
    height: 200px;
}
}
@media(max-width:767px){
a.banner-entry{
    height: 100px !important;
    padding: 0rem;
  
}
section:nth-child( 1 of section.s-block.s-block--banners.container) {
    margin-top: 0px;
    margin-bottom: 0px; 
}
}
/*--------------media-of-product--------*/
@media screen and (max-width:768px){
.s-products-slider-card{
    width:50%
}
button.undefined {
    font-size: 15px;
    padding: 10px;
}
}
/*--------------media-of-product--------*/
/********************/
.s-block--slider-with-bg .slider-bg:before {
 position: static; 
}
section.s-block.s-block--slider-with-bg.s-block--full-bg {
    padding-bottom: 20px;
}
@media screen and (min-width:991px){
section.s-block.s-block--slider-with-bg.s-block--full-bg {
    width: 90%;
    margin-inline: auto;
    background: unset !important;
}
section.s-block.s-block--fixed-banner.wide-placeholder .container{
        max-width: 91%!important;
}
section.s-block.s-block--slider-with-bg.s-block--full-bg .slider-bg {
    border-radius: 50px;
}
}
/*********product**************/
.s-product-card-content {
    background: #fdfbf7;
}

/*--------------partners---*/
section.s-block.s-block--logos-slider.s-block--full-bg.bg-gray-100.pt-8.sm\:pt-12.pb-8.sm\:pb-20 {
    background-color: #fdfbf7;
}
section.s-block.s-block--logos-slider.s-block--full-bg.bg-gray-100.pt-8.sm\:pt-12.pb-8.sm\:pb-20 .s-block__title {
  display:none !important;
  }
  
.brand-item img{
width:100px !important;
height:100px !important;
}
/*--------------partners---*/

/*---------footer-----------*/
footer *{
margin-left:auto;
margin-right:auto ;
text-align: center;
color:#fff;
border-color:#fff;
}
.store-footer__inner {
    background-color: #6D482E!important;
}


@media screen and (max-width:567px){
div.slider-bg{
margin-top:145px;
}
.s-block--slider-with-bg .slider-bg {
    height: 12rem;
    top: -145px;
}
}
section.s-block.s-block--slider-with-bg.s-block--full-bg {
    background: unset !important;
}
@media screen and (min-width:991px){
.s-block s-block--fixed-banner wide-placeholder img{
width:90% !important;
}





/*******ماركات تجاريه ******/
@media screen and (min-width:991px){
section.s-block.s-block--logos-slider.s-block--full-bg  .md\:grid-cols-5 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
section.s-block.s-block--logos-slider.s-block--full-bg {
    margin-top: 0px;
    padding-top: 0px;
}
.navbar-brand img {
    width: 100px;
}