.about-banner{ background: url(../../images/about-bg.webp) no-repeat center center; background-size: cover; position: relative; overflow: hidden; display: block;  width: 100%; padding: 17.8rem 0 9.3rem 0;}
.about-banner-row{  gap: 2rem; position: relative; z-index: 5; display: flex; align-items: center; justify-content: space-between; width: 100%; }
.about-banner-row  .banner-text-left{  width: 100%; }
.about-banner-row  .banner-text-left  .icon{ padding: 0 0 2.4rem;  display: flex;}
.about-banner-row  .banner-text-left  .icon img{ height: 2rem; width: auto;}
 
.about-banner-row  .banner-text-left p {
  font-size: 2rem;
  line-height: 1.6;
  color: var(--color-gray);
  font-weight: normal;
}
.about-banner-row  .banner-text-left .banner__buttons {
  display: flex;
  align-items: center;
  gap: 1.6rem;
  flex-wrap: wrap;
  margin-top: 4.4rem;
}
.about-banner-row .banner-img { display: flex; align-items: center;  width: 100%;   }
.about-banner-row .banner-img img {width: auto; height: auto; max-width: 100%;}
.about-banner .about-text{ white-space: nowrap; line-height: 1;   z-index: 1;   position: absolute; left: -7.2rem; top: 3.6rem; width: 100%; pointer-events: none; font-size: 28rem; font-weight: 600;display: flex;  }
.about-banner .about-text img{ width: 120.7rem; height: auto;}

@media (max-width: 1599px) {
 .about-banner .about-text img{ width: 100rem; height: auto;}	
  .about-banner{ padding: 15rem 0 6.4rem; }
  .about-banner .about-text{ top: 7rem; }
}
@media (max-width: 1439px) { 
 .about-banner .about-text{ font-size: 22rem;}
 .about-banner-row  .banner-text-left p{ font-size: 1.8rem;}
  .about-banner .about-text img{ width: 100rem; height: auto;}		
}
@media (max-width: 1199px) {
 .about-banner .about-text{ font-size: 18rem;}	
 .about-banner-row  .banner-text-left p{ font-size: 1.5rem;}
   .about-banner .about-text{ left: -5rem;}
  .about-banner .about-text img{ width: 85rem; height: auto;}
}
@media (max-width: 991px) {
.about-banner-row{ flex-direction: column;} 
 .about-banner{ padding:13rem 0 4rem; }	
 .about-banner-row  .banner-text-left p{ font-size: 1.4rem;}
 .about-banner-row .banner-text-left .icon{ padding: 0 0 2rem; }	
 .about-banner-row .banner-text-left .icon img{ height: 1.6rem; }
 .about-banner-row .banner-text-left .banner__buttons{ margin: 2rem 0 0 0; }
  .about-banner .about-text{ top: 4rem; left: -3rem; font-size: 10rem; -webkit-text-stroke: 0.5px #fff;}	
  .about-banner-row .banner-text-left .banner__buttons{ gap: 1rem;}
}
@media (max-width: 767px) {
     .about-banner .about-text{ left: -2rem;}

     .about-banner-row .banner-text-left .icon{ display: none;}
}

@media (max-width: 576px) {
}