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

body *{
font-family: "El Messiri", sans-serif;
font-optical-sizing: auto;
font-style: normal;
}
/*******header****/
div#mainnav {
    position: absolute;
    width: 100%;
}

/*-----main-header--------*/
.my-main-header , .my-sec-main-header {
display: flex;
}
.backdrop-blur-sm {
    --tw-backdrop-blur: blur(0px);
    background: none;
}
.fixed-header .inner {
    background: #784628 !important;
}

/*******first-banner----*/
.my-main-header > div .sal-animate > div > div 
, .my-sec-main-header > div .sal-animate > div > div{
width:50%;
text-align:end;
margin-left:auto;
padding:20px;
}
.my-main-header > div .sal-animate > div > div * , 
.my-sec-main-header > div .sal-animate > div > div *{
margin-left:auto; 
}

.my-main-header h1:nth-of-type(1) , .my-sec-main-header h1:nth-of-type(1){
display:none;
}
.my-main-header .hero_title , .my-sec-main-header .hero_title{
font-size: 40px !important;
}
/****************************/
.my-sec-main-header {
margin-top: 40px;
}
.my-sec-main-header .hero_content_spacing {

font-size: 20px !important;
width: 100% !important;
max-width: 100%;
}
/****************************/
@media screen and (max-width:768px){
.my-main-header .hero_title , .my-sec-main-header .hero_title{
font-size: 20px !important;
width:60%
}
      .my-main-header > div .sal-animate > div > div {
    width: 64%;
    padding: 20px;
}
.my-main-header .hero_title, .my-sec-main-header .hero_title {
    font-size: 20px !important;
    width: 100%;
}
.my-sec-main-header .hero_content_spacing {
    display: none;
}
  .my-sec-main-header > div .sal-animate > div > div{
width:79%;
}
  .my-sec-main-header{
        height: 23vh;
  }
  .my-sec-main-header video {
    display: none;
}
  .my-sec-main-header > div:nth-of-type(1) {
    padding-top: 0rem;
    padding-bottom: 5rem;
}
}
/*---------category------------------*/
@media screen and (max-width:768px){
  .mt-category .type-content h3{
    font-size: 20px;
  }
  }
/********my-advantage*********-*/
.my-advantage .container ul li div  {
box-shadow:none !important;
margin-top:0px;
margin-bottom:0px;
background: unset;
}
.my-advantage .container ul li div img{
width:100%
}
.my-advantage ul.features_grid * {
color: #784628 !important;
}

.feature_style h1{
color: #976F4D !important;
}
/*----------العروض----------------*/
.my-offer .offer_card {
border-image: linear-gradient(to top, rgb(112 73 85), var(--main-color)) 5% !important;
}

.my-offer {
margin-bottom:0px;
}
.my-offer .countdown_wrapper * {
color: #70492d;
}
.my-offer .relative.flex.justify-end.items-end {
justify-content: center !important;
align-items: center !important;
}
.my-8.my-offer .relative.flex.justify-end.items-end a{
width:50%;
}
@media screen and (max-width:768px){
div#offer {
min-height: 570px;
flex-direction: column;
justify-content: center;
align-items: center;
}
 .my-offer  a {
    width: 80% !important;
}
}
/*--------my-product--- */
section.my-product {
margin-top: 0px;
margin-bottom: 10px;
}
section.my-product .raceSliderSec {
padding-top: 0px
}
.my-product .container > div *{
color: #70492d !important
}
/***بنر ثابت مع تحديد اجزاء من****/
section#carDetails {
justify-content: center;
}
.car-image-wrapper{
max-width: 50% !important;
width: 30%;
}
.car-image-wrapper .car-background {
max-width: 100%;
}
.carDetails [alt="car_details"]{
max-width: 60%;
}
@media screen and (max-width:768px){
  .car-image-wrapper {
    max-width: 80% !important;
    width: 80%;
}
}
/*----my-fixed-banner------*/
section.my-fixed-banner {
    height: 63vh;
    display: flex;
}
section.my-fixed-banner  .container {

    max-width: 97%;
}
section.my-fixed-banner img.object-contain {
    display: none;
}
@media screen and (max-width:768px){
section.my-fixed-banner {
    height: 22vh;
    margin-top: 0px;
    margin-bottom: 0px !important;
}
  section.my-fixed-banner .container > .branch_banner > div  {
    gap: 0px;
}
   section.my-fixed-banner .branch_banner {
    padding-top: 20px;
}
}
footer.store-footer {
    background: #986f4d !important;
}
footer.store-footer *{
  color: #fff!important;
  border-color: #fff !important;
}
.store-footer .footer-info a:hover{
    color: #fff!important;
}
@media screen and (min-width:991px){
footer .footer-info .s-menu-footer-list {
    text-align: right !important;
} 
}
@media screen and (max-width:768px){
  footer.store-footer *{
    margin-left: auto !important;
    margin-right: auto!important;
    text-align: center!important;
  }
   footer.store-footer .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 0px !important;
}
  footer.store-footer .imported-links.w-1\/2.text-center {
    width: 100%;
}
}