.hero-banner{position:relative;width:100%}.hero-wrapper{align-items:flex-end;display:flex;margin:0 auto;max-width:1400px;min-height:600px;position:relative}.hero-inners{inset:0;opacity:0;overflow:hidden;position:absolute;transition:opacity .6s ease}.hero-inners.active-bg{opacity:1;z-index:1}.hero-bg{background-position:50%;background-size:cover;inset:0;position:absolute;transform:scale(1);transition:transform 1.2s ease}.hero-inners.active-bg .hero-bg{transform:scale(1.08)}.hero-inners:before{background-image:linear-gradient(0deg,rgba(0,0,0,.9),rgba(0,0,0,.4),transparent);content:"";height:100%;inset:0;left:0;position:absolute;right:0;top:0;width:100%;z-index:1}.hero-wrpas{padding-bottom:48px;position:relative;width:100%;z-index:1}.hero-wrpas .dis-flex{justify-content:space-between}.heros-boxes{padding:1em 1.5rem;position:relative;transition:opacity .4s ease,transform .4s ease;width:33.33%}.heros-boxes:before{background-color:hsla(0,0%,100%,.5);content:"";height:100%;left:0;position:absolute;right:0;top:0;transition:width .6s ease;width:4px}.heros-boxes:hover:before{background-color:var(--primary_color2)}.heros-boxes:after{content:"";height:100%;left:0;position:absolute;top:0;transition:all .6s ease;width:100%}.heros-boxes:hover:after{background-color:hsla(0,0%,100%,.1)}.heros-boxes:not(.active){opacity:.5}.heros-boxes.active{opacity:1}.heros-boxes span{color:var(--third_color);display:block;font-size:11px;font-weight:700;letter-spacing:.15em;margin-bottom:12px;text-transform:uppercase}.heros-boxes h6{color:var(--third_color);margin:0}.heros-boxes a{text-decoration:none!important}.slider-track{border-top:1px solid hsla(0,0%,100%,.3)}@media(min-width:1025px){.heros-boxes:hover span{color:var(--primary_color2);position:relative;z-index:1}.heros-boxes:hover h6{color:var(--third_color);position:relative;z-index:1}.heros-boxes h6{font-size:1.25rem;line-height:1.75rem}.slider-wrapper{overflow:visible}.slider-track{display:flex;justify-content:space-between;margin:0 auto;max-width:1130px;transform:none!important}}@media(max-width:1024px){.slider-wrapper{overflow:hidden;width:100%}.heros-boxes.active h6,.heros-boxes.active span{color:var(--third_color)}.heros-boxes.active:before{background-color:var(--primary_color2)}.slider-track{display:block}.heros-boxes{opacity:.5;transition:all .4s ease;width:100%}.heros-boxes.active{opacity:1}.hero-wrpas{padding:0 24px 48px}}