.hero-banner-section { position: relative; overflow: hidden; }
.hero-banner-image { position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; }
.hero-banner-image img { width: 100%; min-height: 100%; object-fit: cover; }
.hero-banner-section.dark .hero-banner-image.overlay:before { position: absolute; bottom: 0px; left: 0; width: 100%; height: 50%; background: linear-gradient(1turn,rgb(0 84 108 / 100%), rgb(0 84 108 / 80%) 13%,rgb(0 84 108 / 5%) 70%,transparent); content: ""; }
.hero-banner-section.extradark .hero-banner-image.overlay:before { position: absolute; bottom: 0px; left: 0; width: 100%; height: 50%; background: linear-gradient(1turn,rgb(0 53 70 / 100%), rgb(0 53 70 / 80%) 13%,rgb(0 53 70 / 5%) 70%,transparent); content: ""; }
.hero-banner-section.light .hero-banner-image.overlay:before { position: absolute; bottom: 0px; left: 0; width: 100%; height: 50%; background: linear-gradient(1turn,rgb(255 255 255 / 100%), rgb(255 255 255 / 80%) 13%,rgb(255 255 255 / 5%) 70%,transparent); content: ""; }
.hero-banner-logo-flex,.hero-banner-main-flex { justify-content: space-between; }
.hero-banner-main-left { width: 48%;}
.hero-banner-main-right { width: 48.5%; }
.hero-banner-main-right .detail-content { font-size: 18px; line-height: 1.4; }
.hero-banner-main-right .detail-content p { font-size: inherit; line-height: inherit; }
.hero-banner-section .button{padding-top: 5px; padding-bottom: 5px; min-height: 66px; display: inline-flex; align-items: center; justify-content: center;}
.hero-banner-section h2{ line-height: 1.6; }
.hero-banner-section h3{ line-height: 1.75; }

@media(min-width:0){
  .hero-banner-section { padding: 30px 0 70px; }
  .hero-banner-main { padding-top: 485px; }
}

@media(min-width:1025px){
  .hero-banner-main-left { padding-left: 6%; }
  .hero-banner-main-right .detail-content { font-size: 22px; line-height: 1.591; }]
  .hero-banner-section { padding: 50px 0 100px; }
}

@media(min-width:1367px){
  .hero-banner-section { padding: 63px 0 120px; }
  .hero-banner-section:has(.button) { padding-top: 48px; }
}

@media(min-width:1441px){
  .hero-banner-main { padding-top: 32.5vw; }
}

@media(max-width:1024px){
  .hero-banner-logo img { max-height: 35px; width: auto; }
}

@media(max-width:767px){
  .hero-banner-logo img { max-height: 30px; }
  .hero-banner-main-left { width: 100%; margin-bottom:50px; }
  .hero-banner-main-right { width: 100%; }
  #hs_cos_wrapper_widget_1690959938904 .hero-banner-image img { width: 100%; min-height: 80%; object-fit: cover; } 
}

@media(max-width:567px){
  .hero-banner-logo-flex { gap: 25px; text-align: center; }
  .hero-banner-logo-left,.hero-banner-logo-right{ width: 100%; }
  .hero-banner-section:has(.button) .hero-banner-logo { margin-bottom: -66px; }
}