@media (max-width: 1199.98px) {

    .pilot-shell {
        width: min(880px, 100%);
    }

}


@media (max-width: 991.98px) {

    .pilot-page {
        padding:
                24px
                18px
                45px;
    }

    .pilot-shell {
        width: min(740px, 100%);
    }

    .pilot-header,
    .pilot-progress,
    .pilot-form {
        padding-right: 34px;
        padding-left: 34px;
    }

    .pilot-header-content {
        align-items: flex-start;
        flex-direction: column;

        gap: 13px;
    }

    .pilot-heading-copy {
        max-width: 100%;
    }

    .pilot-progress-line {
        margin:
                0
                10px;
    }

    .pilot-onboarding-option > span {
        min-height: 150px;

        grid-template-columns: 1fr;

        grid-template-areas:
            "icon"
            "title"
            "description";

        align-content: start;
    }

}


@media (max-width: 767.98px) {

    body {
        background-color: var(--white);
    }

    .pilot-page {
        padding: 0;

        background: var(--white);
    }

    .pilot-page::before,
    .pilot-page::after,
    .animated-ring,
    .pilot-particles {
        display: none;
    }

    .pilot-shell {
        width: 100%;

        border: 0;
        border-radius: 0;

        box-shadow: none;
    }

    .pilot-header {
        padding:
                24px
                24px
                27px;

        border-top:
                8px solid
                var(--primary-dark);
    }

    .pilot-header h1 {
        font-size: 28px;
    }

    .pilot-progress {
        padding:
                18px
                20px;
    }

    .pilot-progress-circle {
        width: 31px;
        height: 31px;
    }

    .pilot-progress-copy small {
        display: none;
    }

    .pilot-progress-line {
        margin:
                0
                7px;
    }

    .pilot-form {
        padding:
                26px
                24px
                34px;
    }

    .pilot-fields-grid {
        grid-template-columns: 1fr;

        gap: 17px;
    }

    .pilot-field-full {
        grid-column: auto;
    }

    .pilot-choice-grid {
        grid-template-columns: 1fr;
    }

    .pilot-radio-grid {
        grid-template-columns: 1fr;
    }

    .pilot-radio-option > span {
        justify-content: flex-start;
    }

    .pilot-onboarding-grid {
        grid-template-columns: 1fr;
    }

    .pilot-onboarding-option > span {
        min-height: 104px;

        grid-template-columns:
            42px minmax(0, 1fr);

        grid-template-areas:
            "icon title"
            "icon description";

        align-content: center;
    }

    .pilot-review-details {
        grid-template-columns: 1fr;

        padding: 15px;
    }

    .pilot-review-details > div.review-wide {
        grid-column: auto;
    }

    .pilot-navigation {
        align-items: stretch;
        flex-direction: column-reverse;

        gap: 10px;
    }

    .pilot-button {
        width: 100%;
        min-width: 0;
    }

}


@media (max-width: 575.98px) {

    .pilot-header {
        padding:
                21px
                18px
                23px;
    }

    .pilot-logo-link {
        width: 160px;
        height: 48px;

        margin-bottom: 20px;
    }

    .pilot-logo {
        width: 170px;
        height: 58px;
    }

    .pilot-header h1 {
        font-size: 24px;
    }

    .pilot-heading-copy p {
        font-size: 10.3px;
    }

    .pilot-progress {
        padding:
                16px
                13px;
    }

    .pilot-progress-step {
        gap: 5px;
    }

    .pilot-progress-circle {
        width: 29px;
        height: 29px;

        font-size: 8px;
    }

    .pilot-progress-copy strong {
        font-size: 8px;
    }

    .pilot-progress-line {
        margin:
                0
                4px;
    }

    .pilot-form {
        padding:
                22px
                18px
                30px;
    }

    .pilot-step-heading {
        grid-template-columns:
            35px minmax(0, 1fr);

        gap: 10px;
    }

    .pilot-step-number {
        width: 35px;
        height: 35px;
    }

    .pilot-step-heading h2 {
        font-size: 17px;
    }

    .pilot-step-heading p {
        font-size: 9.5px;
    }

    .pilot-field label {
        font-size: 10.5px;
    }

    .pilot-input-wrapper input,
    .pilot-input-wrapper select {
        height: 46px;

        font-size: 10.5px;
    }

    .pilot-choice {
        min-height: 45px;

        font-size: 9.3px;
    }

    .pilot-radio-option > span {
        min-height: 49px;

        font-size: 10px;
    }

    .pilot-onboarding-option > span {
        min-height: 99px;

        padding: 13px;

        grid-template-columns:
            38px minmax(0, 1fr);
    }

    .pilot-onboarding-option i {
        width: 38px;
        height: 38px;

        font-size: 15px;
    }

    .pilot-review-section-header {
        padding:
                13px
                14px;
    }

    .pilot-review-icon {
        width: 34px;
        height: 34px;
    }

    .pilot-review-edit {
        padding:
                5px
                8px;

        font-size: 8px;
    }

    .pilot-review-details {
        padding: 13px;
    }

    .pilot-contact-preview {
        padding: 14px;
    }

    .pilot-button {
        min-height: 46px;

        font-size: 10px;
    }

}


@media (max-width: 390px) {

    .pilot-progress-copy {
        display: none;
    }

    .pilot-progress {
        grid-template-columns:
            auto 1fr auto 1fr auto;
    }

    .pilot-progress-line {
        margin:
                0
                8px;
    }

    .pilot-header h1 {
        font-size: 22px;
    }

}