.hero-section {
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 80vh;
  display: flex;
  align-items: end;
  justify-content: start;
  color: #fff;
}

.banner-title{
      font-size: 70px;
      font-weight: 700;
      margin-bottom: 60px;
      width:30%;
      white-space: nowrap;
      color: white;
}

.banner-content{
      width:30%;
}

.products-section {
     background: #fff;
     padding-top:50px !important;
 }

 .section-border {
        flex: 1;
        margin-top: -50px;
        height: 2px;
        background-color: #545554;
        opacity: 0.5;
    }

.section-title {
      font-size: 50px;
      font-weight: 700;
      text-align: center;
      margin-bottom: 60px;
      white-space: nowrap;
      color: #026162;
    }

    .section-title-wrapper {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 20px;
    }
    

 .product-card:hover {
     box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
     transform: translateY(-5px);
 }

 /*.consumer-slider .product-card img {*/
 /*    margin-top: -10%;*/
 /*   margin-bottom: -14%;*/
 /*}*/

 .product-card img {
    margin-bottom:20px;
 }

 .product-title {
     font-size: 26px;
     font-weight: 600;
     color: #000;
     margin-top: 15px;
     height: 60px;
 }
 
 .automotive-products-slider .product-title {
     font-size: 26px;
     font-weight: 600;
     color: #000;
     margin-top: 15px;
     height: 90px;
 }


.product-slider { padding: 50px 30px; overflow: hidden; padding-bottom:80px} 
.swiper-wrapper { align-items: stretch; }

.swiper-slide {
  width: 100%; 
  display: flex;
  justify-content: center;
  transition: filter .3s ease, transform .3s ease;
  opacity: 1;
}

.product-card {
  width: 100%;            
  border-radius: 18px;
  padding: 20px;
  padding-bottom: 0px !important;
  background: #efefef;
  box-sizing: border-box;
  text-align: left;
  transition: transform .3s ease, box-shadow .3s ease;
}
.product-card:hover { transform: translateY(-6px); box-shadow: 0 8px 24px rgba(0,0,0,.08); }

.product-image { display:block; width: 100%; height: auto; margin-top: 10px; }

.product-description{
    font-size: 16px;
    font-weight: 300;
    height: 80px;
    margin-bottom: 0px !important;
}

.swiper-slide.blur { 
    opacity: .5; 
    pointer-events: none; 
    
}

.swiper-button-disabled{
    display:none;
}

.swiper-button-prev{
    padding-right: 4%;
    transform: rotate(180deg);
}

.swiper-button-next{
    padding-right: 4%;
}

.swiper-button-prev:after{
    display:none;
    
}

.swiper-button-next:after{
    display:none;
    
}

.swiper-button-next img,.swiper-button-prev img{
    width: 60px !important;
}


.building-products,.automotive-products,.spaces-products{
    margin-top:90px;
}


@media (max-width:768px){
    .hero-section {
    height: 50vh;
}
    
    .banner-title{
      font-size: 28px;
      font-weight: 700;
      margin-bottom: 20px;
      width:30%;
      white-space: nowrap;
      color: white;
}
    
    .section-title {
      font-size: 24px;
      font-weight: 700;
      text-align: center;
      margin-bottom: 60px;
      white-space: nowrap;
      color: #026162;
    }
    
    .section-border {
    flex: 1;
    margin-top: -60px;
    }
    
    .product-title {
    font-size: 18px;
    font-weight: 600;
    color: #000;
    margin-top: 15px;
    height: 38px;
}

.product-description {
    font-size: 14px;
    font-weight: 300;
    height: 86px;
    margin-bottom: 0px !important;
}

.swiper-button-next img,.swiper-button-prev img{
    width: 40px !important;
}
    
/*    .product-card img {*/
/*    margin-top: 0%;*/
/*}*/

.product-slider {
    padding: 80px 30px;
    padding-top: 20px;
    overflow: hidden;
}


    .building-products,.automotive-products,.spaces-products{
        margin-top:70px;
    }
    
    
}


@media (min-width:768px) and (max-width:1400px){
/*    .product-card img {*/
/*    margin-top: 5%;*/
/*    margin-bottom: -80px;*/
/*}*/

    .product-title {
    font-size: 20px;
    font-weight: 600;
    color: #000;
    margin-top: 15px;
    height: 60px;
}

    .product-description {
    font-size: 16px;
    font-weight: 300;
    height: 80px;
    margin-bottom: 0px !important;
}

}




html[lang='ar'] .product-title {
    font-size: 22px;
}

html[lang='ar'] .product-card {
    text-align: right;
}



    html[lang='ar'] .swiper-button-prev {
    padding-left: 4%;
    transform: rotate(0deg);
}
    
    
    html[lang='ar'] .swiper-button-next {
    padding-right: 4%;
    transform: rotate(180deg);
}
    

@media (max-width: 768px) {
    html[lang='ar'] .product-title {
        font-size: 16px;
        font-weight: 600;
        color: #000;
        margin-top: 15px;
        height: 50px;
    }
    
    html[lang='ar'] .swiper-button-prev {
    padding-left: 4%;
    transform: rotate(0deg);
}
    
    
    html[lang='ar'] .swiper-button-next {
    padding-right: 4%;
    transform: rotate(180deg);
}
    
    
}