/* Add custom CSS styles below */ 
/**********************************/
@media (min-width:991px){
.index .store-header {
    position: absolute !important;
}
}
@media (max-width:768px){  
.mobile-menu a span {
    color: #fff !important;
}
    .mm-spn a, .mm-spn span {
    color: #fff;
}
}
* {
   font-family:"Tajawal";
}
body#app {
  background: #334960;
}
.store-header {
    position: unset;
    width: 100%;
}
.main-menu .sub-menu ul li > a {
    color: #3286c4 !important;
}
/*******************************/
  /*main banner*/
  .main.banner.hero_section {
    text-align: center;
  }
.main.banner > div  {
    margin-top:7rem;
}
 .main.banner.hero_section h1 {
    color: #ffffff !important;
    font-size: 100px !important;
    font-family: "Tajawal";
}
.main.banner.hero_section p {
    color: #ffffff !important;
    max-width: 101%;
    margin: 0;
    font-size: 20px !important;
}
  .main.banner.hero_section .car_button{
    margin-left: 0px;
}
#productsViewer .s-product-options-wrapper .s-product-options-option-content select option {
   
    color: rgb(0 0 0);
}
@media (max-width:768px){
  .main.banner.hero_section h1 {
  color: #ffffff !important;
  font-size: 25px !important;
}
.main.banner > div  {
    margin-top: 0rem;
    padding-top: 4px;
}
.main.banner.hero_section p {
    font-size: 19px !important;
}
.btn_header > div:nth-of-type(2) {
width:90%;
}
}
.hero_section .container {
  margin-left: 0;
}
.main.banner .w-full {
  align-items: center !important;
}

/********advantage************/
.services.feature_style , .features_grid {
    background: #37485f!important;
}
.services.feature_style .features_container {
    width: 100%;
    max-width: unset !important;
}
/********advantage************/
/***********fixed-banner*****/
.fixed-banner.bestCar .layout ,.fixed-banner .container {
display:none
}
.fixed-banner.bestCar{
height: 710px;
}
@media (max-width:768px){
.fixed-banner.bestCar {
    height: 150px;
}
}
/***************offers*************/
.offers .product_image_container{
align-items: center;
}
.offers .offer_card {
    border: 2px solid;
    border-image: linear-gradient(to top, #08395A, #08395A) 5%!important;
}
.offers .offerSec .s-button-btn {
    border-color: #08395A;
}
.offers .product_details * {
    color: #fff !important;
}
/***************offers*************/
/*******secund-fixed-banner**********/
section.my-secund-banner {
    justify-content: flex-end;
}
section.my-secund-banner .container {
    max-width: 50%;
     margin-bottom: 20px;
}
section.my-secund-banner .bestCar_info {
    width: 100%;
    text-align:center;
}
section.my-secund-banner .car_button {
    justify-content: center;
    margin-left: 0px;
}
@media (max-width:768px){
section.my-secund-banner .container {
    max-width: 100%;
}
section.my-secund-banner p {
    font-size: 12px;
}
}
/********fixed-thrid-banner***************/
.fixed-thrid-banner{
 justify-content: flex-end;
 }
.fixed-thrid-banner  .layout {
display:none;
}
.fixed-thrid-banner.bestCar{
height:100vh;
}
.fixed-thrid-banner .container {
    max-width: 50%;
     margin-bottom: 20px;
}
.fixed-thrid-banner .bestCar_info {
    width: 100%;
    text-align:center;
}
.fixed-thrid-banner .car_button {
    justify-content: center;
    margin-left: 0px;
}
@media (max-width:768px){
.fixed-thrid-banner .container {
    max-width: 100%;
}
.fixed-thrid-banner h1 {
    font-size: 14px;
}
.fixed-thrid-banner p {
    font-size: 12px;
}
.fixed-thrid-banner.bestCar {
    height: 35vh;
}
}
/*********product**********/
section.race__slider_section.products {
    margin-top: 20px;
    margin-bottom: 20px;
}
.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;
}
@media (max-width:768px){
.products h2 {
font-size: 15px !important;
}
.products .raceSliderSec  {
    padding-top: 0px !important;
        padding-bottom: 0px !important;
}
}

/***************************/

/*********colors*************/
 .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;
}
/*********colors*************/
.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);
}

.store-footer .footer-info {
    color: #ffffff;
    width: 100%;
}
.footer-is-light .store-footer {
    background-color: #37485f !important;
   
}
@media (min-width:991px){
.content-fotter-link, .s-menu-footer-list {
    text-align: start !important;
}

.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 {
    flex-direction: row;
    justify-content: flex-start;
}
}

/*********اراء العملاء ***************/
.testimonials .profile-image img {
        border-radius: 50%;
}

@media (max-width: 768px) {
.opinionsSec .card {
    padding-bottom: 0px;
  min-height: 240px;
}
}
/**************************/
.store-footer .s-payments-list .s-payments-list-item:nth-child(6){
display:none;  
}
  /* footer */
  footer * {
    text-align: center;
    margin-right: auto;
    margin-left: auto;
  }

  footer .contact-us {
    margin-right: unset !important;
  }
  @media (max-width: 768px) {
  .imported-links.w-1\/2.text-center {
    width: 100%;
}
a.content-fotter-link{
    display: flex !important;
    flex-direction: row!important;
    gap: 0px;
    align-items: center;
}
footer .container {
    gap: 0px;
    row-gap: 24px;
}
footer  .contact-us.w-1\/2.text-center {
    width: 100%;
}
}
.store-footer .s-social-link:nth-child(1) a {
  background: linear-gradient(135deg, #833Ab4, #FD1D1D, #FCB045)!important;
  color: #fff;
}
.store-footer .s-social-link:nth-child(3) a {
  background: linear-gradient(#000, #000);
  color: #fff;
}
.store-footer .s-social-link:nth-child(2) a {
  background: linear-gradient(#f5f300, #f5f300);
  color: #000;
}
.contact-us  span.text-unicode.unicode{
    display: none;
}



*[style *= 'background-color:#fff'],
.product__description + .bg-white {
    background-color: transparent !important;
}
article#product_description * {
    background-color: transparent !important;
}