/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Apr 22 2023 | 11:54:12 */
/* .hero-banner__container {
    justify-content: flex-end;
} */

.hero-banner.hero--overlay-darker:before {
	z-index: 1;
	background-color: rgba(0,0,0, 0);
/* 	background-image: linear-gradient(0deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 20%, rgba(0,0,0,0) 80%, rgba(0,0,0,0.4) 100%) */
}

.text--left .hero-banner__title,
.text--left .hero-banner__text,
.text--left .hero-banner__btn-wrapper {
	text-align: left;
}

.content--right-grid .hero-banner__title,
.content--right-grid .hero-banner__text,
.content--right-grid .hero-banner__btn-wrapper {
	width: 50%;
    margin-left: auto;
}

.howitworks--cta {
	height: 60vh;
}

/* BREADCRUMBS */
.breadcrumbs {
	margin-bottom: 28px;
}

.breadcrumbs * {
	font-weight: 700;
	font-size: 20px;
	line-height: 20.2px;
	letter-spacing: -1px;
	color: var(--white);
}

.breadcrumbs a:hover {
	color: var(--primary-brand-color);
	
	transition: color .5s ease-in-out;
}

.breadcrumbs a:after {
	content: '>';
	margin-left: 7px;
    font-weight: 400;
}

.breadcrumbs a:hover:after {
	color: var(--white);
}

.breadcrumbs span {
	margin-left: 6px;
}

.hero-banner.hero--overlay-darker:before {
	background-color: rgb(0 0 0 / 30%);
/* 	background-image: linear-gradient(270deg, rgba(0,0,0,0.1) 10%, rgba(0,0,0,0.9) 100%); */
}

.hero-bg__position--top .section__image-bg-box img {
	object-position: top center;
}

.hero-bg__position--top-right .section__image-bg-box img {
	object-position: top right;
}

.hero-bg__position--left .section__image-bg-box img {
	object-position: left center;
}

.hero-bg__position--right .section__image-bg-box img {
	object-position: right center;
}

.hero-bg__position--center .section__image-bg-box img {
	object-position: center center;
}

@media (min-width: 992px) {
	.content--grid .hero-banner__text {
		width: 50%;
	}
}

@media (min-width: 992px) and (max-width: 1299px) {
	.hero-banner.hero_banner--global h1 {
		font-size: 57px;
    	line-height: 58px;
	}
}

@media (max-width: 991px) {
	.hero-banner.hero_banner--global {
		height: 447px;
	}
	
	.hero-banner.hero-banner__product {
		height: 710px;
	}
}

@media (max-width: 767px) {
	.hero-banner.hero-banner__product {
		height: 444px;
	}
}