.blocks-content > .b-hb1.full-width:first-child {
    margin-top: calc(-1 * (var(--header-height) + var(--spacing-lg)));
}

.b-hb1 {
    height: 100svh;
}

.b-hb1__title {
    max-width: 44.25rem;
    color: #fff;
}

.b-hb1__text {
    max-width: 40rem;
}

.b-hb1__overlay-2 {
    opacity: 0.8;
    background: linear-gradient(180deg, #0B0B0B 0%, rgba(11, 11, 11, 0.00) 27.57%);
}

.b-hb1__overlay-4 {
    opacity: 0.1;
    background: linear-gradient(109deg, rgba(21, 90, 74, 0.80) 0%, rgba(199, 132, 59, 0.80) 116.82%);
    background-blend-mode: screen;
}

@media (min-width: 1100px) {
    .b-hb1__container {
        min-height: calc(100svh - var(--header-height));
    }

    .b-hb1__overlay-1 {
        opacity: 0.7;
        background: linear-gradient(90deg, rgba(11, 11, 11, 0.80) 33.05%, rgba(11, 11, 11, 0.00) 60.63%);
    }

    .b-hb1__overlay-3 {
        opacity: 0.5;
        background: linear-gradient(0deg, #0B0B0B 0%, rgba(11, 11, 11, 0.00) 34.54%);
    }
}
@media (max-width: 1400px) and (min-width: 1100px) {
    .b-hb1__title {
        font-size: 56px;
    }

    .b-hb1__text {
        margin-bottom: 32px;
    }
}
@media (max-width: 1099px) {
    .b-hb1 {
        height: auto;
    }

    .b-hb1__overlay-1 {
        opacity: 0.7;
        background: rgba(11, 11, 11, 0.80);
    }

    .b-hb1__overlay-3 {
        opacity: 0.5;
        background: linear-gradient(0deg, #0B0B0B 25.44%, rgba(11, 11, 11, 0.00) 74.44%);
    }

    .b-hb1__container {
        padding-top: 112px;
    }

    .b-hb1__container .btn {
        width: 100%;
    }
}

/* Shortcut links */
.b-hb1 .b-hb1__shortcut {
    color: var(--color-white);
    text-decoration: none;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    transition: all 0.3s ease;
}

.b-hb1 .b-hb1__shortcut-title {
    margin-bottom: var(--spacing-md);
    font-size: 2.625rem;
    line-height: 1;
}

.b-hb1 .b-hb1__shortcut-title,
.b-hb1 .b-hb1__shortcut-text {
    transition: all 0.3s ease;
}

.b-hb1 .b-hb1__shortcut:hover {
    background-color: var(--color-white);
    color: var(--color-default);
}

.b-hb1 .b-hb1__shortcut:hover .b-hb1__shortcut-title {
    color: var(--color-primary);
}

.b-hb1 .b-hb1__shortcut:hover .b-hb1__shortcut-text {
    color: var(--color-default);
}

.b-hb1 .b-hb1__shortcut .ic-arrow-dir {
    width: 1.5rem;
    height: 1.5rem;
    flex-shrink: 0;
}

@media (min-width: 768px) {
    .b-hb1 .b-hb1__shortcut {
        padding: calc(var(--spacing-xl) + var(--spacing-2xs)) var(--spacing-xl) var(--spacing-xl);
        border-right: 1px solid rgba(255, 255, 255, 0.5);
    }

    .b-hb1 .b-hb1__shortcut:last-child {
        border-right: none;
    }
}

@media (max-width: 767px) {
    .b-hb1 .b-hb1__shortcuts {
        margin-top: calc(var(--spacing-lg) + var(--spacing-3xs));
    }

    .b-hb1 .b-hb1__shortcuts > .d-flex {
        flex-direction: column;
    }

    .b-hb1 .b-hb1__shortcut {
        padding: var(--spacing-sm) var(--spacing-lg);
    }

    .b-hb1 .b-hb1__shortcut-title {
        font-size: 1.5rem;
        line-height: 1.75rem;
        margin-bottom: var(--spacing-xs);
    }

    .b-hb1 .b-hb1__shortcut-text {
        font-size: 0.875rem;
        line-height: 1.125rem;
        max-width: 86%;
    }

    .b-hb1 .b-hb1__shortcut .ic-arrow-dir {
        width: 1.125rem;
        height: 1.125rem;
    }
}
