/* Add custom CSS styles below */ 
body.index .store-header {
    position: static;
}
/*****---firs-banner--------*/
.my-main-banner-0, .my-main-banner-0> .head_img {
height:80vh;
}
.my-main-banner-0 > .head_img > .items-center{
justify-content:  flex-end;
align-items: center;
height:80vh;
}
.my-main-banner-0>.head_img>.items-center>.text-center {
text-align: start;
max-width: 100%;
width: 35%;
margin-right:10%;
margin-left:auto;
}
.my-main-banner-0 p{
width:100% ;
max-width:100% ;
opacity: 1;
font-size:28px !important;
margin-top:20px;

}
.my-main-banner-0  h1{
font-weight: 500;
font-size:40px !important;
margin-top:10%;

line-height: 4rem;
}
@media screen and (max-width:768px){
.my-main-banner-0 , .my-main-banner-0 .head_img  {
height: 40vh;
}
.my-main-banner-0 > .head_img > .items-center {
justify-content: center;
align-items: center;
height: 40vh;
}
.my-main-banner-0>.head_img>.items-center>.text-center {
width:50%;
margin-right: 9px;
}
.my-main-banner-0 > .head_img > .items-center > .text-center{
text-align:center;
}
.my-main-banner-0 p{
display:none
}
.my-main-banner-0  h1 {
font-size: 18px !important;
line-height: 26px;
}
}
/*------my-category----الاصناف-----*/
.my-category{
margin-bottom:25px;
margin-top:20px;
}
.my-category h1{
margin-bottom:25px;
font-size:24px !important;
}
.my-category ul{
    row-gap: 20px;
}
/*--------my-fixed-banner--------*/
.my-fixed-banner{
margin-bottom:40px
}
.my-fixed-banner button {
color: #fff!important;
border-color: #fff;
}
.my-fixed-banner button a{
color: #fff!important;
}
.my-fixed-banner  .absolute {
    width: 100% !important;
    left: 0px;
    top: unset;
    bottom: 20%;
    background: #3b421c66;
    padding: 20px 0px;
}
.my-fixed-banner h1 {
color: #fff!important;
font-size: 21px!important;
}
@media screen and (max-width:768px){
.my-fixed-banner h1 {
font-size: 12px!important;
}
}
/*-------------my-advantage--------------*/
.my-advantage{
    margin-top: 50px;
    margin-bottom: 50px;
    }
      .my-advantage h1{
    color:#3B421C;
    }
    .first-of-type\:border-b-\[var\(--m-color\)\]:first-of-type {
    border-color: #3B421C;
    }
    .my-advantage .bg-\[var\(--m-color\)\] {
    background: #3B421C;
    }
    .my-advantage i {
    color:#3B421C!important;
    } 
    @media screen and (max-width:768px){
    .my-advantage > div > div {
    flex-direction: row;
    }
    .my-advantage h1{
    font-size:12px !important;
    }
    }
    /*--------my-banner-photo--------------*/
.my-banner-photo > div{
justify-content: space-around;
}
.my-banner-photo > div > div{
justify-content:center;
}
.my-banner-photo h1 {
    font-size: 25px !important;
    line-height: 23px;
    padding: 5px;
    
}

@media screen and (max-width:768px){
    .my-banner-photo h1 {
        font-size: 12px !important;
        line-height: 23px;
        padding: 5px;
    }
}
.store-footer__inner {
background: #fff!important;
}
@media screen and (max-width:768px){
    .store-footer__inner *{
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    }
    }