/* Add custom CSS styles below */
/*start customize section*/
section:first-of-type {
  margin-top: 0;
    margin-bottom: 2rem;
}
salla-slider.photos-slider .swiper-slide {
  padding: 0rem;
  margin: 0rem;
  width: 100%;
}
.s-slider-v-centered .s-slider-block__title-nav button.swiper-button-disabled {
  opacity: 0;
}
salla-slider.photos-slider .swiper:where([dir="rtl"], [dir="rtl"] *) {
  padding: 0rem;
}
.s-block__title h2,
.s-slider-block__title h2 {
  border-bottom: unset;
  padding: 0;
}
/*banner*/
.s-comments-product {
  background-color: transparent;
}

section:nth-of-type(2) .container {
  width: 80%;
  margin: auto !important;
}


@font-face {
  font-family: 'ExpoArabic';
  src: url('https://wpazzrk.github.io/again/ExpoArabic-Book.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

body , body * {
  font-family: 'ExpoArabic', sans-serif;
}
 
body.index .store-header {
    position: static;
}
/*****---firs-banner--------*/
.my-main-banner-0, .my-main-banner-0> .head_img {
height:85vh;
}
.my-main-banner-0 > .head_img > div{
height:85vh;
 align-items: center;
 padding-bottom:0px;
}
.my-main-banner-0 p {
    width: 66%;
    font-size: 20px !important;
    margin-top: 20px!important;
    color: #000;
    margin-inline: auto;
}
.my-main-banner-0  h1{
font-weight: 700;
font-size:40px !important;
margin-top:10%;
color:#000;
}
.my-main-banner-0 > .head_img > div > div {
max-width:40%;
margin-right:5%;
}
.my-main-banner-0 > .head_img > div > div  > div:nth-of-type(2){
background:#fff;
color:#82A5C0;
}
@media screen and (max-width:768px){
.my-main-banner-0 , .my-main-banner-0 .head_img  {
height: 30vh;
}
.my-main-banner-0 > .head_img > div {
align-items: center;
height: 30vh;
padding-bottom: 0px;
}
.my-main-banner-0 > .head_img > div > div {
max-width: 55%;
}
.my-main-banner-0 p{
display:none
}
.my-main-banner-0  h1 {
font-size: 18px !important;
line-height: 25px;
}
}
/***********/
.my-fixed-banner .absolute{
display:none;
}
/************/
section.my-fixed-banner {
    margin-bottom: 10px;
}
@media screen and (min-width:991px){
.banner--fixed img {
    width: 65%;
    margin-inline: auto;
}
}
/************/
@media screen and (min-width:991px){
.my-product .lg\:grid-cols-3 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}
.my-product  li:first-child {
    grid-column: 2/3;
}
}
/****** my-avantage*****/
.my-avantage h1 {
    color: #000;
}

.first-of-type\:border-b-\[var\(--m-color\)\]:first-of-type {
    border-color: #000;
}

.my-avantage .bg-\[var\(--m-color\)\] {
    background: #000;
}

.my-avantage i {
    color: #000 !important;
}
@media screen and (max-width:768px) {
    .my-avantage .conatiner  {
        flex-direction: row !important;
    }
.my-avantage {
    margin-bottom: 5px;
}
}
@media screen and (max-width:768px) {
    .store-footer__inner * {
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }
}
.s-slider-v-centered .s-slider-block__title-nav {
    left: 48%;
    width: 100%;
}