/* Start Contact Form */
.app-home-contact {
    padding: 4rem 20px 4rem 20px;
    max-width: 1920px;
    background-color: #f2f2f2;
}
.app-home-contact__content {
    max-width: 576px;
}
.app-home-contact__description {
    max-width: 500px;
}
.app-home-contact_input {
    padding: 0.6rem 0.9rem;
    border: 1px solid #484646;
    font-size: 14px;
    color: #484646;
    resize: none;
}
.app-home-contact_input::placeholder {
    color: #484646;
}
.app-home-contact_submit:focus,
.app-home-contact_input:focus {
    outline: 0;
}
.app-home-contact__submit {
    max-width: 225px;
    font-size: 18px;
    padding: 0.5rem 1.75rem;
    border: 0;
    outline: 0;
}
@media only screen and (min-width: 576px) {
}
@media only screen and (min-width: 768px) {
    .app-home-contact {
        padding: 8rem 40px 8rem 40px;
    }
    .app-home-contact_input {
        padding: 0.7rem 1rem;
    }
}
@media only screen and (min-width: 992px) {
    .app-home-contact {
        padding: 8rem 40px 8rem 40px;
        background-color: unset;
    }
    .app-home-contact__box {
        padding: 2rem 60px 2rem 60px;
        border-radius: 40px;
        background-color: #e6e6e6;
    }
    .app-home-contact__box::before {
        content: "";
        background-color: var(--miracel-secondary-color);
        position: absolute;
        top: 0;
        left: 0;
        width: calc(60px + 160px);
        height: 100%;
        border-radius: 40px 0 0 40px;
    }
    .app-home-contact__desktop-cover {
        width: 320px;
        height: 320px;
        border-radius: 12px;
    }
    .app-home-contact__desktop-cover img {
        -webkit-filter: drop-shadow(2px 2px 4px rgba(255, 255, 255, 0.5))
        drop-shadow(-2px -2px 4px rgba(255, 255, 255, 0.5));
        filter: drop-shadow(2px 2px 4px rgba(255, 255, 255, 0.5))
        drop-shadow(-2px -2px 4px rgba(255, 255, 255, 0.5));
    }
}
@media only screen and (min-width: 1200px) {
    .app-home-contact {
        padding: 8rem 60px 8rem 60px;
    }
    .app-home-contact__box {
        padding: 2rem 80px 2rem 80px;
    }
    .app-home-contact__box::before {
        content: "";
        background-color: var(--miracel-secondary-color);
        position: absolute;
        top: 0;
        left: 0;
        width: calc(80px + 160px);
        height: 100%;
        border-radius: 40px 0 0 40px;
    }
}
@media only screen and (min-width: 1400px) {
    .app-home-contact {
        padding: 8rem 80px 8rem 80px;
    }
    .app-home-contact__box {
        padding: 2rem 120px 2rem 120px;
    }
    .app-home-contact__box::before {
        content: "";
        background-color: var(--miracel-secondary-color);
        position: absolute;
        top: 0;
        left: 0;
        width: calc(120px + 160px);
        height: 100%;
        border-radius: 40px 0 0 40px;
    }
    .app-home-contact__description {
        font-size: 20px;
    }
}
/* End Contact Form */