@media screen and (max-width: 1280px){
    .form-popout__content {
        margin-top: 40%;
    }
}

@media screen and (max-width: 1140px){

    .form-popout__content {
        margin-top: 50%;
    }

    .form-popout__top-title h3 {
        font-size: 36px;
        line-height: 43px;
    }
}

@media screen and (max-width: 1024px){
    .form-popout__content {
        max-width: calc(100% - 48px);
        margin-top: 70%;
        padding: 24px;
        gap: 32px;
    }
    .form-popout__top {
        flex-direction: column;
        gap: 16px;
    }

    .form-popout__top-title {
        max-width: 100%;
    }

    .form-popout__top-desc {
        max-width: 100%;
    }

    .form-popout__top-desc p {
        font-size: 16px;
        line-height: 22.4px;
    }

    .form-popout__form {
        gap: 24px;
    }

    .form-popout__form-row {
        flex-direction: column;
    }
    .form-popout__form-label span {
        font-size: 18px;
        line-height: 22px;
    }
    .form-popout__form-input {
        width: calc(100% - 24px);
        padding: 12px;
        gap: 8px;
    }
    .form-popout__form-input span {
        font-size: 16px;
        line-height: 22.4px;
    }
    .form-popout__form-input input {
        font-size: 16px;
        line-height: 22.4px;
    }

    .form-popout__form-input input::placeholder {
        font-size: 16px;
        line-height: 22.4px;
    }

    .form-popout__form-button {
        margin-top: 12px;
    }
    .form-popout__form-button button {
        font-size: 16px;
        line-height: 19.2px;
    }
}

@media screen and (max-width: 768px){
    .form-popout__content {
        margin-top: 100%;
    }
}
@media screen and (max-width: 640px){
    .form-popout__content {
        margin-top: 140%;
    }
}

@media screen and (max-width: 480px){
    .form-popout__content {
        margin-top: 170%;
    }
    .form-popout__top-title {
        max-width: 280px;
    }
}

@media screen and (max-width: 420px){
    .form-popout__content {
        margin-top: 240%;
    }
}