.hero-banner-image {
	padding: 245px 0;
	background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.center-text-box {
	max-width: 600px;
	margin: 0 auto;
}
.center-text-box p {
	margin: 48px 0 64px;
	font-weight: var(--f-fw-bold);
}
.hero-banner-image .btn-grp {
	width: fit-content;
	margin: 0 auto;
}
@media only screen and (max-width: 991px) {
	.hero-banner-image {
	    padding: 200px 0;
	}
}
@media only screen and (max-width: 767px) {
	.hero-banner-image {
        padding: 155px 0 80px;
    }
    .center-text-box p {
	    font-weight: var(--f-fw-medium);
	}
}
@media only screen and (min-width: 768px) and (max-width:1024px) and (orientation:landscape) {
	.hero-banner-image {
		padding: 150px 0;
	}
}
@media only screen and (min-width: 1200px) and (max-width:1399px){
	.hero-banner-image {
		padding: 180px 0;
	}
}