/* Banner text stays in HTML; existing background images remain unchanged. */
.bannerindex .hero-slide{position:relative;overflow:hidden;background:#064d34;}
.bannerindex .hero-slide > img{display:block;width:100%;height:auto;}
.bannerindex .hero-copy{position:absolute;top:43%;left:6.25%;right:6.25%;transform:translateY(-50%);color:#fff;font-family:Arial,sans-serif;text-shadow:0 2px 16px rgba(0,0,0,.18);}
.bannerindex .hero-company{margin:0 0 22px;font-size:clamp(14px,1.35vw,26px);line-height:1.5;}
.bannerindex .hero-title{margin:0 0 22px;color:#fff;font-family:inherit;font-size:clamp(30px,4vw,76px);font-weight:700;line-height:1.12;letter-spacing:-.02em;}
.bannerindex .hero-description{max-width:70%;margin:0;font-size:clamp(15px,1.6vw,30px);line-height:1.6;}
@media (max-width:991.98px){
  .bannerindex .hero-company{margin-bottom:12px;}
  .bannerindex .hero-title{margin-bottom:12px;}
}
@media (max-width:767.98px){
  .bannerindex .hero-slide > img{height:380px;object-fit:cover;object-position:65% center;}
  .bannerindex .hero-slide::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,55,34,.65),rgba(0,55,34,.08));pointer-events:none;}
  .bannerindex .hero-copy{top:45%;left:7%;right:7%;z-index:1;}
  .bannerindex .hero-company{max-width:25em;font-size:14px;}
  .bannerindex .hero-title{font-size:34px;line-height:1.15;}
  .bannerindex .hero-description{max-width:100%;font-size:15px;}
  .bannerindex .slick-dots{bottom:18px;z-index:2;}
  .sect_cate{margin-top:0;}
}