.homepage-hero-section {
	color: #fff;
	position: relative;
	text-align: left;
}

.homepage-hero-section h1,
.homepage-hero-section h2 {
	line-height: 1.2;
}
section.homepage-hero-section {
    background-size: 100% 100%;
    background-repeat: no-repeat;
    height: 655px;
    overflow: hidden;
    position: relative;
    padding-top: 99px;
}
section.homepage-hero-section::after {
	background: #fafafa;
	bottom: 0;
	content: "";
	height: 89px;
	left: -10px;
	position: absolute;
	transform: rotate(-5deg);
	width: 110%;
}
.hero-inner {
	align-items: center;
	display: flex;
	justify-content: space-between;
}
.hero-left > * {
	color: #fff;
}
.hero-left > p {
	color: #e8e8e8;
}
.hero-buttons {
	display: flex;
	gap: 30px;
	margin-top: 30px;
}
.hero-left h1 {
	margin: 0 0 20px 0;
	position: relative;
	display: inline-block;
}
.hero-right {
	bottom: -56px;
	position: relative;
}
@media only screen and (min-width:1024px) {
	.hero-left {
		width: 65%;
	}
}
@media only screen and (max-width:767px) {
    h1.top-title {
        font-size: 30px;
    }
    .hero-left h1 {
        font-size: 30px;
    }
    .hero-inner {
        flex-wrap: wrap;
    }
    section.homepage-hero-section {
        height: 950px;
    }
}
@media only screen and (max-width:600px) {
.hero-buttons
     {
        flex-direction: column;
    }
}