#info-block {
    position: relative;
    padding: clamp(2.5rem, 1.75rem + 3.75vw, 6.25rem) 0 clamp(2.5rem, 1.475rem + 5.125vw, 7.625rem) 0;
    background: var(--bg-alt-main);
    z-index: 1;
}

#info-block .bg__img {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%);
    z-index: -1;
}

#info-block .info__title {
    color: var(--text-alt-head);
    max-width: 795px;
}

#info-block .cards__wrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
}

#info-block .card__item {
    display: flex;
    flex-direction: column;
    backdrop-filter: blur(30px);
    background: rgba(240, 240, 229, 0.1);
    gap: 20px;
    border-radius: 10px;
    padding: clamp(0.9375rem, 0.75rem + 0.9375vw, 1.875rem);
    gap: 40px;
}

#info-block .value__holder {
    display: flex;
    min-height: 44px;
    gap: 10px;
}

#info-block .card__value {
    font-family: var(--font-family);
    font-weight: 500;
    line-height: 110%;
    color: var(--colors-main);
}

#info-block .card__value-text {
    color: var(--text-alt-head);
}

#info-block .card__desc {
    padding-top: 15px;
    border-top: 1px solid #ffffff33;
    color: var(--text-alt-main);
}

@media screen and (max-width: 1400px) {
    #info-block .cards__wrapper {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 768px) {
    #info-block .cards__wrapper {
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
    }

    #info-block .card__item {
        height: fit-content
    }
}

/*# sourceMappingURL=block.css.map */