.hero-section {height: 84vh;position: relative;}

.hero-section video,  img {
/*position: absolute;
top: 0;
left: 0;*/
width: 100%;
height: 100%;
object-fit: cover;
filter: saturate(1.2);
}

.hero-section svg {
bottom: 0;
left: 0;
height: 30vh;
}

/* Animated text */



.hero-text-slider-head, .hero-text-slider{
font-family: Verdana, Geneva, Tahoma, sans-serif !important;
font-weight: 900;

}
.hero-text-slider{
font-size: 20px !important;
font-weight: 500;

}

.hero-text-slider-head {
margin-top: -20px;
padding: 0 0 10px 0;
color: white !important;
font-size: 40px !important;
}

.text {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
text-align: center;
/* border: 1px solid red; */
margin-top: -50px;
}

p {
/* display: inline-block; */
/* vertical-align: top; */
margin: 0;
}
.word{
margin-left: -90px;
}

.word {
position: absolute;
opacity: 0;
}

.letter {
display: inline-block;
position: relative;
/* float: left;
left: 0; */
transform: translateZ(25px);
transform-origin: 50% 50% 25px;
margin-right: 5px;
}

.letter.out {
transform: rotateX(90deg);
transition: transform 0.32s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.letter.behind {
transform: rotateX(-90deg);
}

.letter.in {
transform: rotateX(0deg);
transition: transform 0.38s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.wisteria {
color: #fff;
}

.belize {
color: #fff;
}

.pomegranate {
color: #fff;
}

.green {
color: #fff;
}

.midnight {
color: #fff;
}