.hf--bg-black .hf-banner-white .hf-banner-content-wrapper .hf-main-page-title h1,
body.error404 .main .hf-banner-white .hf-banner-content-wrapper .hf-main-page-title h1 {
color: #008276;
}
.hf--bg-black .widget_hydroflex-career-details h2,
.hf--bg-black .widget_hydroflex-career-details h3,
.hf--bg-black .widget_hydroflex-career-details h4 {
color: #008276;
}
.hf--bg-black .hf-highlights .hf-highlights-wrap .hf-highlights-slider .hf-slider-content .hf-section-title h3 {
color: white;
}
.hf--bg-black .hf-setup-slider-wrap:after {
background: linear-gradient(to right, rgba(0, 0, 0, 0), #000000) !important;
}
.hf--bg-black .hf-wipes-slider-wrap:after {
background: linear-gradient(to right, rgba(0, 0, 0, 0), #000000) !important;
}
.custom-hero-video {
position: relative;
width: 100%;
height: 100%;
margin: 0 auto;
overflow: hidden;
}
.custom-hero-video .fv_player {
width: 100%;
height: 100%;
}
.custom-hero-video video {
width: 100%;
height: 100%;
object-fit: cover;
}
.hero-heading {
font-weight: bold;
font-size: 3rem;
line-height: 3rem;
text-align: left;
text-indent: 0px;
white-space: normal;
word-spacing: 0px;
letter-spacing: 0px;
}
.section-label {
line-height: 3rem;
text-transform: uppercase;
letter-spacing: 4px;
color: #828282;
font-size: 1rem;
}
.hf-button {
border-width: 0px;
border-color: #f7941e;
border-style: solid;
}
.hero-subtext {
font-size: 1.15rem;
line-height: 1.75rem;
}
.hf-button-group {
display: flex;
gap: 1rem;
flex-wrap: wrap;
}
.heading-beneifts {
text-align: center;
font-size: 1.8rem;
font-weight: bold;
line-height: 2.5rem;
}
.benefits-text {
text-align: center;
font-size: 1.15rem;
line-height: 1.75rem;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: bold !important;
}
.headline {
font-weight: bold !important;
}
.hf-image-text-title {
font-weight: bold !important;
}
.hf-button-group.is-center {
display: flex !important;
align-content: center !important;
justify-content: center !important;
} .hero-slider-heading {
font-size: 47px  !important;
line-height: 47px  !important;
}
.is-relativ {
position: relative;
}
.banner-section {
clip-path: polygon(0% 10%, 100% 5%, 100% 98%, 0% 95%);
}
.hf-header {
position: fixed;
}