/* Add custom CSS styles below */ 
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;
}
 salla-slider.photos-slider .swiper-slide {
padding: 0rem;
margin: 0rem;
width: 100%;
}
.s-slider-block__title-nav {
visibility: hidden;
}
.g_cat  {
margin-bottom:25px !important;
}
.g_cat .products-item:hover img {
transform: scale(1) rotate(0deg);
}
@media screen and (max-width:768px){
.g_cat h3 {
font-size: 14px;
}
.g_cat .products-item:nth-of-type(4){
grid-column:2/3;
}
}
.ads .img .over {
background-color: #0000004a;
}
/*-----------الصور المربعه-p------------*/
.ads {
margin-bottom:20px;
}
section.ads {
    background-image: url(https://cdn.salla.sa/form-builder/g4WVHOcB1GSSarzCBwi9DyIUCoOxP1SvGa2CxSmH.png);
    max-width: 100%;
    padding: 70px 16%;
    background-size: cover;
}
@media screen and (max-width:768px){
section.ads {
    padding: 70px 0px;
    }
.ads p {
font-size: 16px;
text-align: center;
width: 100%;
}
.ads .img .over .text {
align-items: center;
}
}
/*---------over------------*/
.ads .img .over {
background-color: #00000040;
}
.ads  p {
text-align: center;
}
/*---heading------------------*/
.image-title {
margin-bottom:25px;
}
@media screen and (max-width:768px){
.g-products  .image-title {
margin-bottom: 44px;
}
}
/*-----product--------*/
.g-products{
margin-bottom:20px !important;
}
.g-products .container > div {
min-height: 80px;
}
/*------offers------*/
.dead_line {
margin-bottom:20px
}
.dead_line .product_deadline {
border: 2px solid #eee;
}
/******opinion**************/
.section_c_r {
margin-bottom: 30px;
}
/******************/
/*------------main-banner----------------*/
section:nth-child( 1 of section.landing-page-first-bannar) > div{
display: flex;
justify-content: flex-start;
align-items: center;
height: 65vh !important;
}
/*------------------------*/
section:nth-child( 1 of section.landing-page-first-bannar) h1 {
font-size:45px;
margin-bottom:10px;
}
/*-------------------------------*/
section:nth-child( 1 of section.landing-page-first-bannar) p{
line-height:30px;
margin: 0px auto;
font-size:20px;
}
/*--------------------------------*/
section:nth-child( 1 of section.landing-page-first-bannar) > div > div {
margin-right: 2%;
text-align: center !important;
width: 39%;
}
 /*--------media-of-main-banner---------*/
@media screen and (max-width:768px){
section:nth-child( 1 of section.landing-page-first-bannar) > div {
justify-content: center;
align-items: center;
height: 35vh !important;
background-position: 69%;
}
section:nth-child( 1 of section.landing-page-first-bannar) h1{
width:100%;
font-size: 15px;
font-weight: bold;
line-height: 8px;
}
section:nth-child( 1 of section.landing-page-first-bannar) > div > div {
width: 59%;
margin-top: 20px;
margin-right: 0px;
}
section:nth-child( 1 of section.landing-page-first-bannar) button{
margin-top:10px;
width: 120px;
font-size: 14px;
height: 43px;
}
}
/*********************************/
/*------------ secund-banner-----------------*/
section:nth-child( 2 of section.landing-page-first-bannar) > div{
display: flex;
justify-content: center;
align-items: center;
height: 90vh;
}
/*------------------------*/
section:nth-child( 2 of section.landing-page-first-bannar) h1 {
font-size:35px;
margin-bottom:10px;
}
/*-------------------------------*/
section:nth-child( 2 of section.landing-page-first-bannar) p{
line-height:30px;
margin: 0px auto;
font-size:25px;
}
/*--------------------------------*/
section:nth-child( 2 of section.landing-page-first-bannar) > div > div{
margin-right:5%;
text-align:center !important;
width:45%;
}
/*--------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: 30vh !important;
background-position: 40%;
 margin-bottom: 0px;
}
section:nth-child( 2 of section.landing-page-first-bannar) h1{
width:100%;
font-size: 17px;
font-weight: bold;
line-height: 25px;
}
section:nth-child( 2 of section.landing-page-first-bannar) > div > div {
width: 46%;
margin-top: 20px;
margin-right: 0px;
}
section:nth-child( 2 of section.landing-page-first-bannar) button{
margin-top: 0px;
width: 120px;
font-size: 14px;
height: 43px;
}
}
/******opinion**************/
.section_c_r {
margin-bottom: 30px;
}
@media screen and (max-width:768px){
section.g_features {
margin-bottom: 0px;
}
}