.form-group:not(.active) {
    display: none;
}

.form-group-title {
    margin: 20px 0px;
    font-size: 28px;
    font-weight: bold;
}

.modal__block__form {
    margin-top: 20px;
}

.form-group-inputs {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.modal__input-checkbox>input+label,
.modal__input-radio>input+label {
    padding: 5px 10px;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 30px;
    cursor: pointer;
}

.modal__input-checkbox>input:checked+label,
.modal__input-radio>input:checked+label {
    background: linear-gradient(139deg, rgba(58, 188, 230, 0.5019607843) 0%, #0cace0 100%);
    color: #fff;
    border-color: transparent;
}

.modal__input-radio>input,
.modal__input-checkbox>input {
    display: none;
}

.modal__input-list-wrapper {
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.modal__input {
    font-family: inherit;
}

.modal__file,
.modal__textarea {
    padding: 12px 26px;
    margin-top: 20px;
    font-family: inherit;
    font-size: 16px;
    line-height: 140%;
    border: 2px solid rgba(121, 121, 121, 0.7019607843);
    border-radius: 20px;
    color: rgba(121, 121, 121, 0.7019607843);
}