.sec-hero {
    position: relative;
}
.hero-item{
    position: relative;
    background: var(--hero-bg-desktop);
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    height: 60rem;
    padding: 4rem 0 19rem;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
}
.hero-item:after{
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 18.44%, rgba(0, 0, 0, 0.58) 49.03%, rgba(0, 0, 0, 0.81) 80.13%);
}
.banner-text{
	position: relative;
	z-index: 1;
	display: block;
	width: 50%;
}
.banner-text h1, 
.banner-text h2, 
.banner-text h3 {
    font-size: 3.2rem;
    line-height: 5.5rem;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    background: #fff;
    padding: 0.3rem 1rem;
    display: inline;
}
.hero-item:hover h1,
.hero-item:hover h2,
.hero-item:hover h3{
	text-decoration: underline !important;
}
@media(min-width:1200px) and (max-width:1307.98px){
    .hero-item {
        height: 56rem; 
        padding: 4rem 0 18rem;
    }
    .banner-text h1, .banner-text h2, .banner-text h3 {
        font-size: 3rem;
        line-height: 5.3rem;
    }
}
@media(min-width:992px) and (max-width:1199.98px){
    .hero-item {
        height: 51rem;
        padding: 4rem 0 18rem;
    }
    .banner-text {
        width: 60%;
    }
    .banner-text h1, 
    .banner-text h2, 
    .banner-text h3 {
        font-size: 3rem;
        line-height: 5rem;
    }
}
@media(min-width:768px) and (max-width:991.98px){
    .hero-item {
        height: 45rem;
        padding: 3rem 0 16rem;
    }
    .banner-text {
        width: 70%;
    }
    .banner-text h1, .banner-text h2, .banner-text h3 {
        font-size: 2.6rem;
        line-height: 4.5rem;
    }
    .banner-text br{
        display: none;
    }
}
@media(max-width:767.98px){
    .hero-item {
        background: var(--hero-bg-mobile);
        min-height: 30rem;
        height: 91.7vw;
        padding: 1.5rem 0 1.5rem;
    }
    .banner-text {
        width: 100%;
    }
    .banner-text h1, 
    .banner-text h2, 
    .banner-text h3 {
        font-size: 2.4rem;
        line-height: 4rem;
    }
    .banner-text br{
        display: none;
    }
}