home-about-section {
    display: block;
}

.about-calendar .subtitle-wrapper {
    margin-bottom: max(36px, calc(2.5vw * var(--scale)));
}

.about-calendar-title {
    max-width: max(calc(934px * var(--heading-font-scale)), calc(65vw * var(--heading-font-scale)));
}

.about-calendar-info {
    display: flex;
    margin-top: max(19px, calc(1.32vw * var(--scale)));
    gap: max(116px, 8vw);
}

.about-calendar-info-column {
    display: flex;
    flex-direction: column;
    gap: max(19px, calc(1.32vw * var(--scale)));
    max-width: max(536px, 37.22vw);
}

.about-calendar-info-column p + p {
    margin-top: auto;
}

.border {
    border-bottom: 1px solid var(--text-color);
}

.home-faq {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: max(26px, calc(1.81vw * var(--scale)));
}

.home-faq h2 {
    color: var(--background-color);
    text-align: center;
}

.home-faq .kg-toggle-card {
    border-bottom: 1px solid var(--background-color);
    border-top: 1px solid var(--background-color);
}

.home-faq .kg-toggle-card .kg-toggle-content p, 
.home-faq .kg-toggle-card .kg-toggle-content ol, 
.home-faq .kg-toggle-card .kg-toggle-content ul, 
.home-faq .kg-toggle-card .kg-toggle-content * {
    color: color-mix(in srgb, var(--background-color) 70%, transparent);
}

.home-cta {
    border: 1px solid var(--text-color);
    padding: max(52px, calc(3.61vw * var(--scale)));
    padding-bottom: max(58px, calc(4.03vw * var(--scale)));
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.home-cta h2 {
    margin-top: max(36px, calc(2.5vw * var(--scale)));
    margin-bottom: max(19px, calc(1.32vw * var(--scale)));
}

.home-cta-paragraphs {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: max(17px, calc(1.18vw * var(--scale)));
    margin-bottom: max(25px, calc(1.74vw * var(--scale)));
}

.home-cta small {
    color: var(--text-color-70);
    font-style: italic;
}

.home-cta .button {
    display: flex;
    align-items: center;
}

@media screen and (max-width: 1080px) {
    .about-calendar-info {
        flex-direction: column;
        gap: 19px;
    }
}

@media screen and (max-width: 767px) { 
    .about-calendar .subtitle-wrapper {
        margin-bottom: 24px;
    }

    .about-calendar-info {
        margin-top: 12px;
    }

    .about-calendar-info,
    .about-calendar-info-column {
        gap: 12px;
    }

    .home-cta {
        padding: 42px 24px;
    }

    .home-cta h2 {
        margin-top: 24px;
        margin-bottom: 12px;
    }

    .home-cta-paragraphs {
        gap: 10px;
        margin-bottom: 22px;
    }
}