.hero-inner {
	padding: 270px 0 115px;
	background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.hero-inner:before {
	content: '';
	/*position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6));*/
}
.hero-text {
    max-width: 860px;
    position: relative;
    z-index: 2;
}
.hero-text {
    max-width: 1044px;
}
.hero-text .btn-border {
	border-color: transparent;
}
.hero-inner.gradient-overlay {
	/*padding: 270px 0 230px;*/
}
.hero-inner.pb-230 {
    padding-bottom: 230px;
}
.hero-inner.pb-350 {
	padding-bottom: 350px;
}
.hero-inner.gradient-overlay:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	background: linear-gradient(90deg, #03D7AF 0%, #0097D9 100%);
}
.hero-inner.gradient-overlay .top-title {
    color: var(--color-white);
}
:is(.md-hero, .comc-wrap) .hero-text {
    max-width: 100%;
}
.md-hero {
    padding: 230px 0 135px;
}
.comc-subttl {
	font-size: var(--f-fs-font-42);
    line-height: var(--f-fs-font-46);
    font-weight: var(--f-fw-normal);
    margin-top: -10px;
}
@media only screen and (max-width: 1199px) {
    .hero-inner {
		padding: 200px 0 100px;
    }
    .hero-inner.pb-230 {
	    padding-bottom: 200px;
	}
	.hero-inner.pb-350 {
		padding-bottom: 280px;
	}
}
@media only screen and (max-width: 767px) {
    .hero-inner {
		padding: 110px 0 80px;
    }
    .hero-inner.pb-230 {
        padding-bottom: 150px;
    }
    .hero-inner.pb-350 {
		padding-bottom: 200px;
	}
    .pb-dyn {
        padding-bottom: 180px;
    }
    .mt-neg {
        margin-top: -130px;
    }
    .comc-subttl {
		font-size: var(--f-fs-font-20);
	    line-height: var(--f-fs-font-24);
	}
}