.mobile-only {
    display: none;
}
.desktop-only {
    display: block;
}

@media (max-width: 768px) {
    .main-body {
        margin-top: 24px;
    }

    .section-block-header {
        gap: var(--spacing-lg);
    }

    .section-block-header #subtest-header {
        gap: var(--spacing-lg);
    }

    #section-block-title {
        padding: 0 0 5rem 0;
        border-radius: 10px;
        margin: 0 0;    
    }

    .start-button {
        margin-top: 8px;
    }

    .mobile-only {
        display: block;
    }
    .desktop-only {
        display: none;
    }
}

@media (max-width: 468px) {
    .sidepanel-wrapper {
        width: 100%;
    }
        .sidepanel-wrapper .sidepanel {
            width: 100%;
        }

    .form-group {
        flex-direction: column;
        align-items: start;
        gap: var(--spacing-md);
    }
        .form-group input,.form-group select {
            width: 100%;
            max-width: unset;
        }

    .title-page {
        gap: 10px;
    }
        .question-text-inner img {
            width: 120%;
            margin: 0 0 0 -20%;
        }
    .fieldset-wrapper {
        flex-direction: column;
        gap: 16px;
    }
}