.hero-section {
    position: relative;
    display: flex;
    align-items: center;
    height: 93vh;
    min-height: 650px;
    background-image:
            linear-gradient(271deg, rgba(0, 0, 0, 0.00) 42.2%, rgba(0, 0, 0, 0.45) 64.87%, rgba(0, 0, 0, 0.50) 98.88%),
            url(https://cdn.solargenix.ai/images/website/bg-foto.webp);
    background-size: cover;
    background-position: center;
    color: white;
    border-bottom: 1px solid white;
}

.hero-section-container {
    max-width: 1160px;
    margin: 0 auto;
    width: 100%;
}

.hero-section-title {
    font-size: var(--font-size-display-s);
    line-height: var(--line-height-display);
    font-weight: 200;
    max-width: 600px;
}

.hero-section-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}
.hero-section-text {
    color: var(--color-base-white, #FFF);
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 140%;
    width: 100%;
    flex: 0 0 100%;
}

.hero-section-description {
    font-size: var(--font-size-subtitle-m);
    line-height: var(--line-height-subtitle);
    font-weight: 200;
    margin: 22px 0;
    max-width: 600px;
}

.highlight {
    font-weight: 500;
}

.hero-section-bottom-description {
    font-size: var(--font-size-subtitle-m);
    line-height: var(--line-height-subtitle);
    font-weight: 300;
    margin-bottom: 16px;
}