/* Start Ads */
.ads {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 70px;
  
  }
  .ads .welcome {
    margin: 40px auto;
  }
  /* tab & mobile media */
  @media (max-width: 768px) {
    .ads .welcome {
      margin: 30px auto;
    }
  }
  
  .ads .welcome h2{
    color: var(--main-color);
    font-size: var(--lab-xl-size);
    text-align: center;
  }
  .ads .welcome p{
    margin: 10px auto;
    font-size: var(--lab-l-size);
  }
  /* tab media */
  @media (max-width: 768px) {
    .ads .welcome h2 {
      font-size: var(--tab-xl-size);
    }
    .ads .welcome p{
      font-size: var(--tab-l-size);
    }
  }
  /* mobile media */
  @media (max-width: 576px) {
    .ads .welcome h2 {
      font-size: var(--mob-xl-size);
    }
    .ads .welcome p{
      font-size: var(--mob-l-size);
    }
  }
  .ads #tranding {
    padding: 4rem 0;
    width: 100%;
    margin-top: -90px;
  }
  /* tab  & mobile media */
  @media (max-width: 768px) {
    .ads #tranding {
      margin-top: -80px;
    }
  }
  #tranding .tranding-slider {
    display: flex;
    justify-content: center;
    position: relative;
    height: 100%;
    padding: 0px 0;
  }
  #tranding .tranding-slider .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 70%;
    /*عرضالصورة*/height: 50%;
    /*طولالصورة*/margin: 0 80px;
    border-radius: var(--main-border-radius);
    -webkit-border-radius: var(--main-border-radius);
    -moz-border-radius: var(--main-border-radius);
    -ms-border-radius: var(--main-border-radius);
    -o-border-radius: var(--main-border-radius);
  }
  /* tab  media */
  @media (max-width: 768px) {
    #tranding .tranding-slider .swiper-slide {
      width: 80%;
      margin: 0 50px;
    }
  }
  /* small tab media */
  @media (max-width: 568px) {
    #tranding .tranding-slider .swiper-slide {
      margin: 0 35px;
    }
  }
  /* mobile media */
  @media (max-width: 476px) {
    #tranding .tranding-slider .swiper-slide {
      margin: 0 25px;
    }
  }

  #tranding .tranding-slide .tranding-slide-img {
    position: relative;
    overflow: hidden;
    display: inline-block;
    cursor: pointer;
    border-radius: var(--main-border-radius);
    -webkit-border-radius: var(--main-border-radius);
    -moz-border-radius: var(--main-border-radius);
    -ms-border-radius: var(--main-border-radius);
    -o-border-radius: var(--main-border-radius);
  }
  #tranding .tranding-slide .tranding-slide-img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .swiper-slide-shadow-left,
  .swiper-slide-shadow-right {
    display: none;
  }
  /* End Ads */
  /* Start Brands */
  .brands {
    position: relative;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    margin-bottom: 50px;
    object-fit: contain;
  }
  .brands h3{
    position: relative;
    margin: 20px auto 40px;
    padding:  0 30px;
    font-size:calc( var(--lab-xl-size) - 2px);
    color: var(--main-color);
    background-color: var(--background-color); 
  }
  /*  tab media */
  @media (max-width: 768px){
    .brands h3 {
      font-size: calc( var(--tab-xl-size) - 2px);
      margin: 20px auto 30px;
    }
    .brands {
      top: -50px;
      margin-bottom: 0px;
    }
  }
  /*  mobile media */
  @media (max-width: 576px) {
    .brands h3 {
      font-size: calc( var(--mob-xl-size) - 2px);
      margin: 20px auto 20px;
    }
    .brands {
      margin-bottom: -40px;
    }
  }
  .brands  .upper-sep{
    position: absolute;
    top: 14%;
    width: 100%; 
    border-color:var(--seprator-color);
    border-style: solid;
    z-index: -1;
  }
  #branding{
    width: 100%;
  }
  #branding .branding-slider {
    display: flex;
    justify-content: center;
    position: relative;
    height: 100%;
    width: 100%;
  }
  #branding .branding-slider .swiper-slide {
    width: 140px; /* عرض الصورة */
    height:140px;/* طول الصورة */
    margin: 10px 10px 20px ;
    aspect-ratio: 1 / 1; 
  }
  
  /* for large screen */
  @media (max-width: 768px) {
    #branding .branding-slider .swiper-slide {
      width: 100px; /* عرض الصورة */
      height:100px;/* طول الصورة */
    }
  }
  /* for small screen */
  @media (max-width: 576px) {
    #branding .branding-slider .swiper-slide {
      width: 80px; /* عرض الصورة */
      height:80px;/* طول الصورة */
      margin: 1px 5px 20px ;
    }
  }
  #branding .branding-slide .branding-slide-img  {
    position: relative;
    overflow: hidden;
    display: inline-block;
    width: 100%;
    height: 100%;
    background-color: var(--background-color);
    border-radius: var(--main-border-radius);
    -webkit-border-radius: var(--main-border-radius);
    -moz-border-radius: var(--main-border-radius);
    -ms-border-radius: var(--main-border-radius);
    -o-border-radius: var(--main-border-radius);
  }
  #branding .branding-slide .branding-slide-img img {
    display: block;
    width: 100%;
    height: 100%;
    aspect-ratio: 1 / 1;  
    cursor: pointer;
    object-fit: fill;
  }
  .swiper-slide-shadow-left,
  .swiper-slide-shadow-right {
    display: none;
  }
  /* End Brands */