.hp-intro { background: var(--color-white);  padding: 160px 0px 65px; }
.hp-intro .left-col .h1 { color: var(--color-black); margin: 0; font-weight: var(--weight-normal); font-family: var(--font-normal); letter-spacing: -0.1px; line-height: 1.342; }
.hp-intro .left-col .h1 span { color: #C1C1C1; }
.hp-intro .line { position: relative; display: inline !important; width: auto !important; margin-right: 10px; }
.hp-intro .line .line-mask { position: absolute; top: 0; right: 0; background-color: var(--color-white); opacity: 0.7; width: 100%; bottom: -5px; z-index: 2; }
.word { position: relative; }

@media(min-width: 1199.98px) {
    .hp-intro .left-col { flex: 0 0 auto; width: 74.8%; }
}
@media(max-width: 991.98px) {
    .hp-intro .left-col {width: 100%;}
    .hp-intro { padding: 96px 0px 46px; }
    .hp-intro .left-col .h1 {line-height: 1.367;}
}