.hero-img-container {
    position: relative;
    height: 100vh !important;
}

.hero-img {
    background-size: cover;
    background-repeat: no-repeat;
}

.hero-content {
    padding: 2rem;
    background: #1a191957 0% 0% no-repeat padding-box;
}

.hero-headline {
    font-size: 2.68rem;
    color: #F7F7F7;
    font-family: var(--sg-heading-font-family-semibold);
}

.hero-subheadline {
    font-size: 2.05rem;
    color: #F7F7F7;
    font-family: var(--sg-heading-font-family-semibold);
}

.hero-carousel-tab {
    margin-right: 1px;
}

.hero-carousel-tab-content {
    height: 80px;
    background-color: #F5F5F5;
    overflow:hidden;
}

.hero-carousel-tab-title {
    font-size: 1.04rem;
    font-family: var(--sg-heading-font-family-bold);
}

.hero-carousel-tab-description {
    font-size: 0.71rem;
    font-family: var(--sg-font-family-regular);
}

.video-background {
    position: absolute;
    width: 100%;
    object-fit: cover;
}

.hero-headline-icon {
    margin-right: 0.625rem;
    margin-bottom: 0.625rem;
    width: 50px;
}