body,
main {
    height: 100vh;
}


.card-form {
    max-width: 500px;
    background: rgba(35, 35, 35, 0.5);
    padding: 30px;
    border-radius: 10px;
    box-shadow: 7px 0px 15px 1px #8E0606 !important;
}

.form-control {
    max-width: 240px;
}

.iti--separate-dial-code .iti__selected-dial-code {
    color: #808080;
}

.input-group-text,
.form-control {
    background-color: #1B1B1B;
    border: none;
    border-bottom: 3px solid #000000;
    border-radius: 5px 5px 0px 0px;
}

.input-group-text img {
    width: 20px;
    height: 20px;
}

.texto-card {
    line-height: 25px;
}

.card-top {
    background: rgba(35, 35, 35, 0.5);
    width: 480px;
    height: 130px;
    border-radius: 15px;
}

.img-card-top {
    top: -25px;
    right: 20px;
}
.card-form {
    display: block; /* ou flex, dependendo do seu layout */
}

.informacao {
    display: none;
    max-width: 500px;
    height: 70vh;
}

.informacao .container-info {
    line-height: 25px;
}

@media (max-width:600px) {
    .card-form {
        max-width: 350px;
    }

    .card-top {
        width: 350px;
    }

    .texto-card p:nth-child(1) {
        font-size: 40px !important;
    }

    .texto-card p:nth-child(2) {
        font-size: 15px !important;
    }

    .img-card-top {
        top: -55px;
        right: 10px;
    }

    .informacao {
        height: 60vh;
    }

    .informacao>div:nth-child(2) p:first-of-type {
        font-size: 20px !important;
    }

    .informacao>div:nth-child(2) p:nth-of-type(2) {
        font-size: 15px !important;
    }
}

@media (max-width:400px) {

    .informacao>div:nth-child(2) p:first-of-type {
        font-size: 20px !important;
    }

    .informacao>div:nth-child(2) p:nth-of-type(2) {
        font-size: 15px !important;
    }
}