@import url('https://fonts.googleapis.com/css2?family=El+Messiri:wght@400..700&display=swap');

body  * {
font-family: "El Messiri", sans-serif;
}

body{
background-image: url(https://cdn.salla.sa/form-builder/PgIlsuDWqgyhL87CRXUr6Y9UzuEBLr1Vnqi8Vdzc.png);
background-repeat: no-repeat;
background-size: cover;
height:100%;
}
/*****general=button-style***********/
.car_button a{
background: linear-gradient(97deg, rgba(28, 145, 197, 0.92) 0%, rgba(15, 78, 106, 1) 100%)!important;
border-radius: 10px;
}
/*****general=color***********/
@media screen and (min-width:991px){
.index header.store-header {
position: absolute;
width: 100%;
}
}
.index div#mainnav {
background: none;
}
/*-----main-header--------*/
.my-main-header {
justify-self: center !important;
height: 100vh;
background-size: 100% 100% !important;
}
.my-main-header > div{
height: 100%;
}

.my-main-header .hero_image_wrapper , .my-main-header p{
display:none;
}
.my-main-header .car_button{
margin-right: 0px !important;
margin-top: 32px!important;
font-family: "El Messiri", sans-serif;
margin-left: auto  !important;

}

.my-main-header > div .container > .header_buttons > div {
width:50%;
text-align: end;
margin-left: auto;
padding:20px;
}
 .my-main-header h1{
 font-size:50px !important;
font-weight: bold;
font-family: "El Messiri", sans-serif;
width: 100%;
line-height:60px;
 }

 @media screen and (max-width:768px){
.my-main-header {
height: 45vh;
}
.my-main-header h1::before {
width: 90px;
height: 40px;
}
.my-main-header > div .container > .header_buttons > div {
width:70%;

}
.my-main-header h1{
 font-size:14px !important;
 line-height: 30px;
 }
 .my-main-header .car_button {
margin-top: 6px!important; 
}
 }
 /*------------------------------*/
 section.mt-category  .s-slider-block__title-right{
 color:#fff!important;
 }
 @media screen and (max-width:768px){
 section.mt-category {
 margin-bottom: 60px;
margin-top: 30px;
 } 


 section.mt-category p {
font-size: 16px!important;
}
 .mt-category h3{
 font-size: 22px;
 }
 }
 /**************************/

/*--------my-product--------------*/
.my-product{
margin-top:0px;
}
.my-product .s-product-card-content * , .s-product-card-vertical .s-product-card-sale-price h4 , .s-product-card-entry .s-button-wide span {
color: #fff !important;
border-color: #fff !important;
}
 .my-product button{
 border-color: #153489 !important;
 }
.my-product .s-product-card-image img {
right: 0px;
top: -6px !important;
}
.my-product .s-product-card-image::before {
 display:none
}
.s-product-card-vertical .s-product-card-image {
width: 100%;
}
.my-product .s-product-card-vertical {
border-image: linear-gradient(to bottom, #009EE1, #009ee100) 2%;
}
@media screen and (max-width:768px){
.s-product-card-vertical .s-product-card-content-title a {
font-size: 12px;
line-height: 20px;
}
.my-product .raceSliderSec .swiper-slide {
width: 59%;
}
.my-product .raceSliderSec .s-product-card-entry {

min-width: unset!important;
}
section.my-product {
margin-bottom: 0px;
}
}
/**********feature****/
.feature_style  .box_shadow {
background-color: #000;
box-shadow: 0 0 0 10px #5ba6c7, 0 0 0 20px #6B9BB1, 0 0 0 35px #0088C6!important;
}
.testimonials  .profile-image img{
border-radius: 50%;
}
 
 footer *{
 text-align:center;
 margin-left:auto;
 margin-right:auto;
  color:#fff !important;
 }
 footer   .collection-row,   footer  .imported-links{
width: 100%;
}
 /*****colors****/
aside#cart-summary-panel * , #menu_less li * {
color: #fff !important;
fill: antiquewhite;
}
@media screen and (max-width:768px){
footer .grid-cols-1 {
padding-right: 20px;
padding-left: 20px;
}
section.testimonials {
margin-bottom: 0px;
}
}
/*---------------------------*/




/* Apply to all product dropdowns across the store */
.s-form-control option {
color: #000 !important;             
background-color: #fff !important;   
}

.s-form-control option:checked,
.s-form-control option:hover {
background-color: #007BFF !important;
color: #fff !important;               
}





/*****fixed-banner***/
.bestCar {
height: 590px!important;  
}
.bestCar .bestCar_info {
position: relative;
z-index: 2;
width: 35%;
}

.my-secund-banner .layout {

background: unset;
}
.my-secund-banner {
height: 780px!important;
}
.my-secund-banner  .container {
max-width: 90%;
}
@media screen and (max-width:768px){
.bestCar .bestCar_info {
width: 75%;
}
.bestCar {
height: 200px!important;  
}
.my-secund-banner {
height: 170px!important;
}
}
section.testimonials {
    margin-top: 0px;
}