.hero-banner {--hero-overlay-opacity: .68;position: relative;display: grid;overflow: hidden;color: var(--color-white);background: #050505;isolation: isolate; min-height: 710px;}
.hero-banner__media,
.hero-banner__overlay {position: absolute;inset: 0;}
.hero-banner__media { z-index: -2; overflow: hidden; }
.hero-banner__overlay { z-index: -1; background: rgba(0, 0, 0, var(--hero-overlay-opacity)); }
.hero-banner__video {position: absolute;top: 50%;left: 50%;width: max(100%, 177.78vh);height: max(100%, 56.25vw);border: 0;transform: translate(-50%, -50%);pointer-events: none;}
/* .hero-banner__video--youtube{width: max(100vw, 177.78vh);height: max(100vh, 56.25vw);min-width:100%;min-height:100%;max-width:none;max-height:none;} */
.hero-banner__video--youtube { width: max(100vw, 150vh); height: max(100vh, 56.25vw); min-width: 100%; min-height: 100%; max-width: none; max-height: none;}
.hero-banner__video--uploaded {inset: 0;width: 100%;height: 100%;max-height: none;object-fit: cover;transform: none;}
.hero-banner__image,
.hero-banner__video-thumbnail {position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;}
.hero-banner__video-thumbnail {z-index: 1;transition: opacity .35s ease;}
.hero-banner__video-thumbnail.is-hidden {opacity: 0;visibility: hidden;}
.hero-banner__inner {display: flex;align-items: center;width: min(100% - 30px, 1290px);margin-inline: auto;}
.hero-banner .hero-banner__inner{padding: 40px 0px;}
.hero-banner-homepage .hero-banner__inner{padding-block: clamp(50px, 6vw, 80px);}
.hero-banner__eyebrow {display: flex; align-items: center; gap: 10px; margin: 0 0 12px;  font-size: 16px; font-weight: 500; text-transform: uppercase; color:var(--accent-3)}
.hero-banner__eyebrow::before { width: 20px; height: 1px; content: ""; background: currentColor; opacity: .75; }
.hero-heading { margin: 0; font-size: clamp(36px, 5.2vw, 58px); font-weight: 600; line-height: 1.24em; letter-spacing: 0;}
.hero-heading em { font-style: italic; }
.hero-banner__description{font-size:16px; margin-top: 20px;}
.hero-banner__description p { margin: 0 0px 15px 0px; color: var(--color-white);}
.hero-banner__description p:last-child { margin-bottom: 0; }
.hero-banner__buttons { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 40px; }
.hero-banner__stats { display: flex; flex-wrap: wrap; margin-top: 40px;background: #0000004D; padding: 20px; max-width: max-content; border-radius: 10px; }
.hero-banner__stat { display: flex; flex-direction: column; gap: 12px; padding: 0 20px; border-left: 1px solid rgba(255,255,255,.55); }
.hero-banner__stat:first-child { padding-left: 0px; border-left: 0; }
.hero-banner__stat strong { font-size: 24px; line-height: 1.14em; font-weight: 600; position: relative;}
.hero-banner__stats .hero-banner__stat:nth-last-child(2) strong:after{position: absolute; content: ""; width:21px; height: 21px; background-image:url('../../assets/images/star-icon.png'); margin-left: 7px;  top: 3px;left: 40px;}
.hero-banner__stats--with-offer .hero-banner__stat:nth-last-child(2) strong:after{content: none;}
.hero-banner__stats--with-offer .hero-banner__stat:nth-last-child(3) strong:after{position: absolute; content: ""; width:21px; height: 21px; background-image:url('../../assets/images/star-icon.png'); margin-left: 7px; top: 3px; left: 40px;}
.hero-banner__stat span { color: var(--color-white); font-size: 16px; line-height: 1.25em;    font-weight: 400; }
.hero-banner__offer {flex: 0 0 100%;box-sizing: border-box;min-width: 0;max-width: 100%;margin-top: 20px;}
.hero-banner__offer-pill {display: flex;align-items: center;gap: 10px;box-sizing: border-box;width: fit-content;max-width: 100%;padding: 4px 16px 4px 5px;border-radius: 999px;background: #fff;color: #000000;font-size: 14px;line-height: 1.3;}
.hero-banner__offer-badge {display: inline-flex;align-items: center;gap: 8px;flex: none;padding: 8px 14px;border-radius: 999px;background: #000000;color: #fff;white-space: nowrap;}
.hero-banner__offer-prefix {color: var(--color-theme);font-size: 14px;font-weight: 700;text-transform: uppercase;line-height: 0;}
.hero-banner__offer-badge strong {font-size: 20px;line-height: 1;}
.hero-banner__offer-text {min-width: 0;}
.hero-banner__offer-link {flex: none;color: #000000;font-weight: 600;text-decoration: underline;text-underline-offset: 3px;white-space: nowrap;text-decoration-color: var(--color-theme);text-decoration-thickness: 2px;}
.hero-banner__offer-link:hover,.hero-banner__offer-link:focus-visible {color: var(--color-theme);}
.acf-block-preview .hero-banner { min-height: 620px; }
.acf-block-preview .hero-banner__video,
.acf-block-preview .hero-banner__button { pointer-events: none; }
.hero-banner__content{width: min(100%, 815px); }
/* .hero-banner-homepage .hero-banner__content { width: min(100%, 710px); } */
/* .hero-banner-homepage .hero-banner__description { max-width: 670px; margin-top: 20px; font-size: clamp(16px, 18vw, 20px); line-height: 1.4em; } */
.hero-banner-homepage .hero-heading{ font-size: clamp(36px, 5.2vw, 58px);}
.hero-banner__description{    max-width: 730px;}
.hero-banner__stat .rpi{
	font-size: 24px;
    line-height: 1.14em;
    font-weight: 600;
    position: relative;
    max-width: max-content;
    font-family: "Jost", sans-serif;
}

@media (max-width: 1380px) {
	.hero-banner__video--youtube { width: max(112vw, 160vh);}
}

@media (max-width: 1365px){
	.hero-banner__video--youtube { width: max(112vw, 150vh); height: max(100vh, 56.25vw);}
}


@media (max-width: 1199px) {
	.hero-banner{    min-height: 480px;}
	.hero-banner__video--youtube { width: max(112vw, 170vh);}
}
@media (max-width: 991px) {
	.hero-banner{    min-height: 430px;}
}


@media (max-width: 767px) {
	.hero-banner__description, .hero-banner__stat span{font-size:16px;}
	.hero-banner-homepage .hero-banner__inner { width: min(100% - 32px, 1290px);}
	.hero-banner__buttons { margin-top: 25px; }
	.hero-banner__stats { gap: 22px 0; margin-top: 42px;     max-width: 100%;}
	.hero-banner__stat { width: 25%; box-sizing: border-box; }
	.hero-banner__description{margin-top:15px;}
	.hero-banner__button{    padding: 13px 20px; font-size: 14px;}
	.hero-banner__video--youtube { width: max(112vw, 190vh);}
	
}

@media (max-width: 575px) {
    .hero-banner-homepage .hero-banner__inner { padding-block: 30px 30px;}
	.hero-banner__stat{padding: 0px 10px;}
	
}

@media (max-width: 479px) {
	.hero-banner__stat:nth-child(odd){padding:0px;}
	.hero-banner__stats .hero-banner__stat:nth-child(2) strong:after{width: 16px; height: 16px; background-size: contain;}
	.hero-banner__stats--with-offer .hero-banner__stat:nth-last-child(3) strong:after{width: 16px;height: 16px;background-size: contain;}
	.hero-banner__stat{width:48%;gap: 7px; border:0px; padding:0;}
	.hero-banner__stats {gap: 10px;padding: 10px 15px 20px;  margin-top: 25px; justify-content: space-between;}
	.hero-banner__eyebrow{font-size: 14px;}
	.hero-banner__eyebrow::before{display:none;}
	.hero-banner__stat strong{font-size: 22px;max-width: max-content;
        margin: auto;}
		.hero-banner__stats .hero-banner__stat:nth-last-child(2) strong:after{right: -30px;}
	.hero-banner__stats--with-offer .hero-banner__stat:nth-last-child(3) strong:after{right: -30px;}
	.hero-banner__video--youtube { width: max(100vw, 230vh);}
	.hero-banner__stats{flex-wrap: wrap;justify-content: center; align-items: center; row-gap:20px;}
	.hero-banner__stat{width:48%;text-align: center;}
	.hero-banner__stat:nth-child(2), .hero-banner__stat:nth-child(4){border-left: 1px solid rgba(255, 255, 255, .55); padding-left: 10px;}
	.hero-banner__offer-pill {flex-direction: column; flex-wrap: wrap;justify-content: center;border-radius: 12px;padding: 8px;text-align: center;}
	/* .hero-banner__offer-text {flex: 1 1 130px;} */
}
@media (max-width: 410px) {
	
	

	.hero-banner__stat span {
        font-size: 15px;
    }
}

@media (max-width: 374px) {
	.hero-banner__video--youtube { width: max(100vw, 300vh);}
}
