/* Add custom CSS styles below */
.top-navbar {
 display: none;
 } 
@media screen and (max-width:768px){
        section:nth-child( 1 of section.landing-page-first-bannar) > div {
     height: 26vh !important;
     margin-bottom:20px
     } 
@media screen and (max-width:768px){
header.store-header{
 position: static;
 }
 }
 
 section:nth-child( 1 of section.landing-page-first-bannar) button{
display:none   
}
 .g_cat  {
margin-bottom:40px;
}
@media screen and (max-width:768px){
.g_cat h3 {
font-size: 14px;
}
}

/*-----------الصور المربعه-p------------*/
.ads {
margin-bottom:20px;
}
.ads .imgs .img{
max-height: 550px;
}
 @media screen and (max-width:768px){
.ads p {
font-size: 16px;
text-align: center;
width: 100%;
}
.ads .img .over .text {
align-items: center;
}
}
/*--------الصور المربعه-over------------*/
.ads .img .over {
background-color: #00000040;
}
/*---heading------------------*/
.image-title {
margin-bottom:25px;
}
/*-----product--------*/
.g-products{
margin-bottom:20px !important;
}
.g-products .container > div {
    min-height: 14px;
  }
/*------offers------*/
.dead_line {
margin-bottom:20px
}
.dead_line .product_deadline {
border: 2px solid #eee;
}
/******opinion**************/
.section_c_r {
margin-bottom: 30px;
}
/******************/
/*------------البنر الدعائي-----------------*/
section:nth-child( 2 of section.landing-page-first-bannar) > div{
display: flex;
justify-content: center;
 align-items: center;
 height: 80vh;
}
 /*------------------------*/
 section:nth-child( 2 of section.landing-page-first-bannar) h1 {
 font-size:50px;
 margin-bottom:10px;
 }
 /*-------------------------------*/
 section:nth-child( 2 of section.landing-page-first-bannar) p{
 line-height:30px;
 margin: 0px auto;
 font-size:30px;
 }
 /*--------------------------------*/
 section:nth-child( 2 of section.landing-page-first-bannar) > div > div{
 margin-right:5%;
 text-align:start !important;
}
    section:nth-child( 2 of section.landing-page-first-bannar) button{
     color: #000 !important;
        background: #fff;
        
    }
 /*--------media-of-main-banner---------*/
 @media screen and (max-width:768px){
 section:nth-child( 2 of section.landing-page-first-bannar) > div {
 justify-content: center;
 align-items: center;
 height: 23vh !important;
 }
 section:nth-child( 2 of section.landing-page-first-bannar) h1{
 width:100%;
 font-size: 13px;
 font-weight: bold;
 line-height: 8px;
 }
section:nth-child( 2 of section.landing-page-first-bannar) > div > div {
width: 62%;
 margin-top: 20px;
margin-right: 0px;
}
 section:nth-child( 2 of section.landing-page-first-bannar) button{
 margin-top:10px;
 width: 50%;
 font-size: 14px;
 height: 43px;
 }
 }
 /*------main-image------*/
.swiper.s-slider-container.swiper-initialized {
    margin-left: 0!important;
   padding:0px
}
section.s-block.s-block--photos-slider {
    margin-bottom: 30px;
}
.s-slider-has-notitle .s-slider-block__title {
    margin-bottom: 0px;
    margin-top: 10px;
}
/*-------------------------------------*/
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 */
section.g_features{
    margin-bottom: 20px;
}
.section_c_r > div{
gap : 30px;
} 
.s-product-options-option-label small {
    display: none;
}
@media (max-width: 1199px) {
    a#cart-button, a.hidden.lg\:block.cursor-pointer {
        display: block;
        padding: 12px;
        margin: 0 10px;
        background: var(--color-primary);
        border-radius: 50%;
        stroke: black;
    }
}