#hero .hero-inner {
    height: 550px;
    min-height: fit-content;
	background-color: #ADADAD;
}

#hero .hero-more-space {
    height: 800px;
}

.hero-img-wrap, .hero-video-wrap {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.hero-img-wrap .hero-img, .hero-video-wrap video {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

#hero p, #hero span, #hero li { color: var(--white); }
#hero ul { margin: 0; padding: 0; list-style: none; }
#hero ul li { position: relative; padding-left: 25px; }
#hero ul li::before { content: ""; position: absolute; left: 0; top: 5px; background: var(--arrow-white-right); background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; display: inline-block; height: 15px; width: 15px; margin-right: 10px; }


.hero-content {  background: rgba(13, 28, 25, 0.52); backdrop-filter: blur(16.5px); padding-block: 45px; }

#hero .primary-cta { color: var(--white); border: solid 1px #fff; padding: 0.625rem 1.125rem; }
#hero .link-cta.primary-cta::after { background: var(--arrow-white-right); background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; display: inline-block; height: 13px; width: 15px; margin-right: 0; margin-left: 10px; transition: 0.3s; }
#hero .link-cta.primary-cta:hover::after { background: var(--arrow-black-right); background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; display: inline-block; height: 13px; width: 15px; margin-right: 0; margin-left: 10px; }
#hero .primary-cta:hover, #hero .secondary-cta:focus, #hero .secondary-cta:active { background: var(--Gold-gradient, linear-gradient(130deg, #AB8653 0%, #D4AF6A 40.2%, #D4AF6A 59.53%, #C09960 100%)); border: 1px solid #C09960 !important; text-decoration: none; color: var(--black) !important; margin-right: 10px !important; }


.hero-desc :last-child {
    margin-bottom: 0;
}

@media screen and (max-width: 767px) { 
#hero .hero-inner {
        height: 450px;
    }
	#hero .hero-content { padding-block: 16px; }
	#hero .primary-cta { padding: 0.5rem 1rem; }
}

@media screen and (max-width: 767px) {
    #hero .hero-more-space {
        height: 750px;
    }
	#hero ul li::before, #hero .link-cta.primary-cta::after { height: 9px; width: 12px; }
}