.mgb {
    display: grid;
    gap: 40px;
}

#acordion {
    width: 1160px;
    color: var(--b);

    & .title {
        line-height: 1;
        padding: 10px 40px 0 40px;
        background-color: var(--w);
        font-size: 32px;
        font-weight: 900;
        width: max-content;
    }
    & .desc {
        line-height: 1.2;
        padding: 20px 40px;
        background-color: var(--w);
        font-size: 18px;
        font-weight: 400;

        & a {
            color: #009dff;
            text-decoration: underline;
        }
    }
}

.b_g {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 12px;

    cursor: pointer;
    padding: 10px 20px;
    background-color: var(--g);
    color: var(--b);

    &:hover {
        background-color: var(--w);
    }
}

#lang-text {
    text-decoration: underline;
}
@media only screen and (max-width: 1440px) {
    #acordion {
        width: 100%;

        & .title {
            width: fit-content;
        }
    }
}
@media only screen and (max-width: 1054px) {
    .s-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }
    #black {
        & .h1 {
            text-align: left;
        }
    }
}
@media only screen and (max-width: 555px) {
    .s-header {
        align-items: center;
        word-spacing: 100vw;
    }
    #black {
        & .h1 {
            text-align: center;
        }
    }
}