/* Add custom CSS styles below */
/*header  */

* {
  font-family: "Cairo";
}
body#app {
  background: rgb(0, 11, 20);
}
.store-header {
    position: unset;
    width: 100%;
}

 .product-single .ql-direction-rtl span , .product-single .ql-direction-rtl strong{
    color: #fff !important;
}

.product-single article#product_description p {
    color: #fff !important;
}

.product-single article#product_description ul li {
    color: #fff;
}

 .product-single p.ql-direction-rtl.ql-align-justify {
    color: #fff !important;
}
.inner.bg-inherit{

    background-color: transparent;


}

 .product-single .s-quantity-input-button svg {
   
    filter: brightness(0.0)invert(1);
}


.main-nav-container .items-center {
    flex-direction: row-reverse;
}


/*loge*/
.store-header {
  position: unset;
  width: 100%;
}

.inner.bg-inherit {
  background-color: transparent;
}
.navbar-brand img {
    max-height: 2rem;
    width: auto;
    max-width: unset !important;
    filter: brightness(0.0)invert(1);
}

.main-nav-container.fixed-pinned .navbar-brand img {
  max-height: 4rem;
  filter: brightness(0) invert(1);
}

/**/
/**/
/*main banner */
.feature_style {
    background: #00808b;
  
}

section:nth-child(1 of .feature_style) .grid  {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    background: #00808B;
    padding: 20px 0;
   

}

section:nth-child(1 of .feature_style) .features_container {
    width: 100%;
    max-width: unset !important;
}

.product-single .a-unordered-list {
  color: #fff !important ;
}

.main.banner.hero_section p {
  color: #ffffff !important;
  max-width: 101%;
  margin: 0;
  text-align: center;
}
.main.banner.hero_section h1 {
  color: #ffffff !important;
  font-size: 100px !important;
}
.hero_section .container {
  margin-left: 0;
}
.main.banner .w-full {
  margin-top: 2rem;
  align-items: center !important;
}

/*categary*/

.categary .grid {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.categary .carFixed {
  overflow: hidden;
  grid-column: 2 span;
}
.categary .carFixed:nth-child(4) {
  grid-column: 2/4;
}

/**/
/* fixed banner */
section:nth-child(1 of .fixed.banner) .bestCar_info h1 {
  color: #fff !important;
}

section:nth-child(2 of .fixed.banner) {
  height: 100vh;
  justify-content: end !important;
  text-align: center;
}

section:nth-child(2 of .fixed.banner) .container {
  margin-left: 0;
}
section:nth-child(2 of .fixed.banner) .car_button {
  justify-content: center;
}
section:nth-child(3 of .fixed.banner) {
  height: 70vh;
  justify-content: end !important;
  text-align: center;
}

section:nth-child(3 of .fixed.banner) .container {
  margin-left: 0;
}
section:nth-child(3 of .fixed.banner) .car_button {
  justify-content: center;
}
/**/
/* products*/
.products .s-product-card-content-title a {
  color: #fff !important;
}
.products .s-product-card-content-sub h4 {
  color: #fff !important;
}
.products .undefined {
  color: #fff !important;
}

.footer-is-light .store-footer {
    
    background-color: #00808B !important;
   
}
.content-fotter-link, .s-menu-footer-list {
    padding: 7px !important;
    border-radius: 8px !important;
    text-align: unset !important;
}
.store-footer .footer-info {
    color: #ffffff;
}
.store-footer .grid {

    grid-template-columns: repeat(3, minmax(0, 1fr));   
}
.store-footer .logo{
    grid-column: 5/7;
    grid-row: 1/3;
}
.content-fotter-link {
    display: flex !important;
    flex-direction: row-reverse;
    justify-content: flex-end;
}
.content-fotter-link > span:nth-child(1):before{
content:'';
width:50px;    
height:50px;
background-image:url(https://cdn.salla.sa/form-builder/wfsERBZs6e12I8UzSTugWjXnIgBGkqq9oQMZof2D.png);
 display:block;  
 background-size:contain;
}

.content-fotter-link:nth-child(3) span:before{
content:'';
width:50px;    
height:50px;
background-image:url(https://cdn.salla.sa/form-builder/ZcsKjkK56Cb8LuENEUD6Wqgt6a1fRdjL6vCdJb93.png);

 background-size:contain;
 
}




.testimonials .profile-image img {
    display: none;
}
.store-footer .s-payments-list .s-payments-list-item:nth-child(6){
display:none;  
}
/**/

@media (max-width: 768px) {
  .mobile-menu a span {
    padding: 0;
    color: var(--color-primary);
  }

  .categary .grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .categary .carFixed {
    overflow: hidden;
  }
  .categary .carFixed:nth-child(4) {
    grid-column: 1/4;
  }

  /*main banner*/
  .main.banner .w-full {
    margin-top: 0rem;
  }
  .main.banner.hero_section {
    text-align: center;
  }
  /**/

  /*fixed banner*/
  section:nth-child(2 of .fixed.banner) .bestCar_info h1 {
    font-size: 20px;
  }
 
  .main.banner.hero_section h1 {
    color: #ffffff !important;
    font-size: 25px !important;
  }
  section:nth-child(3 of .fixed.banner) .bestCar_info h1 {
    font-size: 25px;
  }

  /**/

  /* footer */
  footer * {
    text-align: center;
    margin-right: auto;
    margin-left: auto;
  }

  footer .contact-us {
    margin-right: unset !important;
  }

  /**/
}