.hero-banner-image {
	padding: 275px 0 75px;
	background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.left-text-box {
	max-width: 860px;
	padding: 35px;
}
.left-text-box p {
	margin: 48px 0 64px;
	margin-top: clamp(1.5rem, -0.4286rem + 4.5714vw, 3rem);
	margin-bottom: clamp(3rem, 1.7143rem + 3.0476vw, 4rem);
}
.left-text-box .btn-wrap {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
}
.left-text-box .btn-wrap .btn-theme {
    padding: 13px 27px;
}
.left-text-box .btn-wrap .btn-bg {
	position: relative;
}
.left-text-box .btn-wrap .btn-arrow .arrow {
    margin-left: 16px;
}
.left-text-box .btn-wrap .btn-arrow .arrow i {
 	font-weight: 500;
    font-size: 17px;
}
@media only screen and (max-width: 1200px) {
	.hero-banner-image {
		padding: 200px 0 100px;
	}
}
@media only screen and (max-width: 767px) {
	.hero-banner-image {
		padding: 150px 0 100px;
	}
	.left-text-box {
		max-width: 70%;
	    padding: 30px 17px;
	    text-align: center;
	}
	.left-text-box .btn-grp .btn-theme {
		width: calc(50% - 8px);
        padding: 8px 5px;
        font-size: 14px;
        min-height: 40px;
	}
	.left-text-box .btn-wrap .btn-arrow .arrow {
	    margin-left: 10px;
	}
}
@media only screen and (max-width: 675px) {
	.left-text-box {
		max-width: 100%;
	}
}