/* Add custom CSS styles below */ 
.navbar-brand img {
    max-height: 7rem;
}
body.index .store-header {
  position: static;
  }
  /*****---firs-banner--------*/
  .my-main-banner-0, .my-main-banner-0> .head_img {
  height:100vh;
  }
  .my-main-banner-0 > .head_img > .items-center{
  justify-content:  flex-end;
  align-items: center;
  height:100vh;
  }
  .my-main-banner-0>.head_img>.items-center>.text-center {
  text-align: start;
  margin-left: auto;
  max-width: 100%;
  width: 35%;
  margin-right:5%
  }
  .my-main-banner-0 p{
  width:100% !important;
  max-width:100% !important;
  opacity: 1;
  font-size:20px !important;
  margin-top:20px!important; 
  color:#000;
  }
  .my-main-banner-0  h1{
  font-weight: 500;
  font-size:40px !important;
  margin-top:10%;
  color:#000;
  font-weight:bold;
  }
  .my-main-banner-0 button{
  background-color:#D26F2D; 
  color:#fff;
  border:none;
  }
  @media screen and (max-width:768px){
  .my-main-banner-0 , .my-main-banner-0 .head_img  {
  height: 30vh;
  }
  .my-main-banner-0 > .head_img > .items-center {
  justify-content: center;
  align-items: center;
  height: 30vh;
  }
  .my-main-banner-0>.head_img>.items-center>.text-center {
  width:40%;
  }
  .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: 15px !important;
  line-height: 18px;
  }
  }
  /*------my-category----الاصناف-----*/
  .my-category{
  margin-bottom:25px;
  margin-top:20px;
  }
  .my-category h1{
  margin-bottom:15px;
  font-size:24px !important;
  }
  .my-category ul{
  justify-content: center;
  gap: 20px;
  }
  /*******************************/
  /*--------my-special-product---------*/
  .my-special-product{
  margin-bottom:30px
  }
  .my-special-product h1{
  color:#fff;
  }
  @media screen and (max-width:768px){
  .my-special-product h1 {
  color: #fff;
  text-align: center;
  font-size: 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: 30px;
  }
  .my-fixed-banner h1 {
  color: #fff!important;
  font-size: 21px!important;
  }
  @media screen and (max-width:768px){
  .my-fixed-banner h1 {
  font-size: 14px!important;
  line-height: 29px;
  }
  }
  /*------------------------*/
  /*--------my-advantage--------المميزات------*/
  .my-advantage{
  margin-top: 50px;
  margin-bottom: 50px;
  }
  @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: 35px !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;
      }
  }
  /*----------my-info---- معلومات عنا---*/
.my-info p{
color:#4C4785;
}
.my-info .shape{
background-color:#F5F5F5;
}
/*-----الفوتر --------------------*/
.store-footer__inner {
background: #FAFAFA!important;
}
.store-footer__inner *{
color:#000;

}
@media screen and (max-width:768px){
    .store-footer__inner *{
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    }
    }
    /***********************************/
    body.ltr .my-advantage .flex.items-center.gap-3.justify-center.mb-2.lg\:mb-5 {
    flex-direction: column;
}
 .s-block.s-block--best-offers.container.overflow-hidden{
 margin-bottom:4rem;
 }
 .my-category a {
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    overflow: hidden;
    display: block;
}