.hero-banner-wrapper {
	min-height: 500px;
}

.hero-banner-text-wrapper {
	color: #333;
	padding-top: 80px;
}

@media (min-width: 1024px) {
	.hero-banner-text-wrapper {
		max-width: 1250px;
		padding: 72px 40px;
		align-items: flex-start;
		flex-direction: row;
	}
}

.hero-banner-text-blank,
.hero-banner-text {
	flex: 1 0 0;
}

@media (min-width: 1024px) {
	.hero-banner-text {
		align-items: flex-start;
		text-align: start;
	}
}

.hero-banner-text__title {
	font-family: var(--font-regular, 'ClarinsRegular', 'Times New Roman', Times, serif);
	font-size: 48px;
	font-style: normal;
	font-weight: 400;
	line-height: 120%;
	margin: auto 0;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 3;
	line-clamp: 3;
	-webkit-box-orient: vertical;
}

@media (min-width: 1024px) {
	.hero-banner-text__title {
		font-size: 60px;
	}
	    body[dir=rtl] .hero-banner-text__title {
        font-size: 64px;
    }
}

.hero-banner-text__info {
	font-family: var(--font-book, 'Gotham SSm book A', 'Gotham SSm book B', Helvetica, Arial, sans-serif);
	font-size: 16px;
	line-height: 145%;
	font-weight: 400;
	font-style: normal;
}

@media (min-width: 1024px) {
    .hero-banner-text__info {
        font-size: 20px;
    }
	body[dir=rtl] .hero-banner-text__info {
		font-size: 24px;
	}
}

.hero-banner-text__link {
	font-family: var(--font-book, 'Gotham SSm book A', 'Gotham SSm book B', Helvetica, Arial, sans-serif);
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 145%;
}

body[dir=rtl] .hero-banner-text__title {
    font-size: 48px;
    font-weight: 500;
    line-height: 120%;
}
 
body[dir=rtl] .hero-banner-text__info {
    font-size: 19px;
    line-height: 150%;
}
 
body[dir=rtl] .hero-banner-text__link {
    font-size: 17px;
    line-height: 150%;
}