/* Add custom CSS styles below */ 

/*Cairo*/
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&family=Lemonada:wght@300..700&display=swap');


*{
  font-family: "Cairo", sans-serif;
  font-optical-sizing: auto;

}

/**/


/***/
 .index .navbar-brand img {
    max-width: 170px;
    opacity: 0;
}

.fixed-pinned .navbar-brand img {
    max-width: 170px;
    opacity: 1;
}

.navbar-brand img {
    max-height: 8rem;
    width: auto;
    max-width: 60px;
 
}

.main-nav-container.fixed-pinned .navbar-brand img {
    max-height: 120px;
}
/**/

/* اول البنر  */



section:nth-child(1 of .landing-page-fixed-bannar) .box-text h1 {
  color: var(--color-primary);
  font-size: 40px;
  font-weight: 700;
}

section:nth-child(1 of .landing-page-fixed-bannar) .box-text p {
  font-weight: 400;
  font-size: 32px;
}
section:nth-child(1 of .landing-page-fixed-bannar) .box-text a {
  background-color: var(--color-primary);
  box-shadow: 4px 4px var(--color-primary) !important;
  color: #fff;
}

/**/

button.undefined.s-button-element.s-button-btn {
  background-color: var(--color-primary);
  color: white;
}
/* categary 5 banner*/
a.banner-entry:nth-of-type(3) {
    grid-column:1/4;
    
}

a.banner-entry:nth-of-type(1) {
   
    height:100% !important;
    
}
.lazy__bg {

    background-size: cover;
    background-position: top;
   
}
.s-block--banners .grid{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.banner-entry {

    height: 320px;
    
}


.banner-image {
    margin-top: 4rem;
}


.banner-image  .container {
    max-width: 100%;
}

.banner-image .banner-text-container span{
width:50%

}


@media (max-width: 786px) {

.banner-image .banner-text-container {
    justify-content: end;
}

.banner-image .banner-text-container > div {
    text-align: center;
    background: #0000006b;
    width: 100%;
}

.banner-image  .container {
    max-width: 100%;
    padding: 0;
}
section:nth-child(1 of .landing-page-fixed-bannar) .box-text h1 {
 
    font-size: 12px;

}

.offers .swiper-slide-active >div {
 
    width: 100% !important;
}
a.banner-entry:nth-of-type(1) {
    grid-column: 1/3;
    height: 200px !important;
}

a.banner-entry:nth-of-type(2) {
    grid-column: 1/3;
    height: 200px !important;
}

a.banner-entry:nth-of-type(3) {
    grid-column: 1/3;
    height: 110px !important;
}

a.banner-entry:nth-of-type(4) {
    grid-column: 1/3;
    height: 10px !important;
}
.offers .swiper-slide-active >div {
    width: auto;
    width: 100%;
}

}

.offers h2 {
    color: #fff;
    font-size: 20px !important;
    font-weight: 400;
    line-height: 1;
}
.offers h2 {
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    line-height: 2;
}
.offers del{
    color: #fff;
    font-size: 10px;
   
}
footer * {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }


/**/
.offers .swiper-slide-active >div {
    width: auto;
    width: 50% ;
}

.offers p{
  color: #fff;
  font-size: 35px;
  font-weight: 900;
}
.offers h2 {
    color: #fff;
    font-size: 35px;
    font-weight: 400;
    line-height: 2;
}
/* صوره مع نص */
.image-text h2::after {
  content: "اكتشفي أدوات كهربائية توفر الوقت وتضيف لمسة احترافية لكل أكلة";
  display: block;
  font-size: 20px;
  margin-top: 4%;
  color: #161616;
  font-weight: 400;
   line-height: 2;
}
.image-text > div:last-of-type h2::after {
  content: "استمتعي ببيت لامع بأحدث تقنيات التنظيف الذكية";
}

.image-text a {
  box-shadow: 1px 3px #000;
}
/* صوره مع نص */


.section_c_r.container > h2 {
    line-height: 51px;
}

.copyright-text a:hover {
    color: #fff;
}
.copyright-text {

    color: #fff;
}

/* number */
.numbers {
  max-width: 2000px !important;
}

.numbers .products {
  background: var(--color-primary);
  width: 100%;
}
.numbers .products-item h2 {
  color: #fff;
}

.numbers .products-item h3 {
  color: #fff;
}

/* number */
.section_c_r .content_tistimonial {
    background-image: 
    url(https://cdn.salla.sa/form-builder/vfCOCBIlk1nU0yzd7zI8gO88Q5BYYdj79YBqx6ed.png) 
    !important;
}