.app-type {
    display: flex;
    width: 100vw;
    margin: 30px calc(50% - 50vw);
    gap: 1em;
    border-bottom: 3px solid #fff000;
}
.app-type > .app-type-item {
    flex: 1;
    text-align: center;
}
.app-type > .app-type-item:first-child {
    margin-inline-start: 1em;
}
.app-type > .app-type-item:last-child {
    margin-inline-end: 1em;
}
.app-type-button {
    color: #FFF;
    background-color: #a5a5a5;
    width: 100%;
    height: 100%;
    padding: 1em 0;
    border-radius: 10px 10px 0 0;
}
.app-type-button.active {
    font-weight: bold;
    color: #4ebcc4;
    background-color: #fff000;
}

.visitors_error {
    margin-bottom: 20px;
    border: 5px solid red;
}
.visitors_error > p {
    font-weight: bold;
    margin: 10px;
    border-radius: 10px 10px 0 0;
}

@media (min-width: 786px) {
    .app-type > .app-type-item {
        max-width: 360px;
    }
    .app-type > .app-type-item:first-child {
        margin-inline-start: auto;
    }
    .app-type > .app-type-item:last-child {
        margin-inline-end: auto;
    }
    .step > li:first-child > span.en {
        position: absolute;
        max-width: 20%;
        top: 7.7rem;
        left: 3%;
    }
    .step > li:nth-of-type(2) > span.en {
        position: absolute;
        max-width: 20%;
        top: 7.7rem;
        left: 27%;
    }
}
@media (min-width: 992px) {
    .app-type > .app-type-item {
        max-width: 465px;
    }
    .step > li:first-child > span.en {
        position: unset;
    }
    .step > li:nth-of-type(2) > span.en {
        position: unset;
    }
}
@media (min-width: 1200px) {
    .app-type > .app-type-item {
        max-width: 560px;
    }
}

.i18n {
    display: flex;
    justify-content: end;
    gap: 0.25rem;
    margin-bottom: 3rem;
}
.i18n > button {
    padding: 1rem;
    background-color: #a5a5a5;
    color: white;
}
.i18n > button.active {
    color: #4ebcc4;
    background-color: #fff000;
}