@keyframes passing-through {
    0% {
        opacity: 0;
        transform: translateY(40px)
    }
    30%, 70% {
        opacity: 1;
        transform: translateY(0px)
    }
}

.d-md-flex {
    align-items: flex-start;
    justify-content: center;
}

.bg-body-tertiary {
    background: url(/assets/resposta-bg-036f30659988ca6da7edb46b8728b652ba2060486baa6291f14f470fa5410240.jpeg) center center / cover no-repeat;
}
.bg-body-tertiary::before {
    background: rgba(18, 34, 50, 0.5);
    inset: 0;
    content: "";
    position: absolute;
}

.card-logo {
    --cui-card-bg: none;
    border: none;
    max-width: 300px;
}

.card-logo .card-body {
    background: #fff;
    border-radius: var(--cui-card-border-radius);
    padding: 0;
}

.logo-box {
    height: 210px;
    align-items: center;
    justify-content: center;
    display: flex;
    border-bottom: 1px solid #c2c2c2;
    margin-bottom: 1.5em;
}

.logo-box img {
    max-height: 200px;
}

.info-header {
    font-weight: 600;
    font-size: 22px;
    line-height: 26px;
    padding: 5px 28px 7px;
}

.info-desc {
    font-size: 16px;
    line-height: 26px;
    padding: 5px 28px 28px;
}

.card-content {
    max-width: 500px;
    max-height: 700px;
    overflow-y: scroll;
}

.form-content label, .form-content input::placeholder, .form-content textarea::placeholder {
    font-size: 14px;
}

.terms-conditions a {
    font-size: 13px;
    text-decoration: underline;
}

._success {
    box-shadow: 0 15px 25px #00000019;
    padding: 45px;
    width: 100%;
    text-align: center;
    margin: 40px auto;
    border-bottom: solid 4px #1398da;
}

._success i {
    font-size: 55px;
    color: #1398da;
    animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
}

._success h2 {
    margin-bottom: 12px;
    font-size: 40px;
    font-weight: 500;
    line-height: 1.2;
    margin-top: 10px;
}

._success p {
    margin-bottom: 0px;
    font-size: 18px;
    color: #495057;
    font-weight: 500;
}

.label-required::after {
    content: ' Obrigatório';
    color: #cd0000;
    font-size: 9px;
    display: block;
}

@media only screen and (max-width: 991px) {
    .logo-box {
        margin-bottom: 1em;
    }

    .logo-box img {
        max-width: 190px;
    }

    .info-header {
        font-size: 18px;
        padding: 5px 12px 7px;
    }

    .info-desc {
        font-size: 13px;
        padding: 5px 12px 20px;
    }
}

.visible-only-mobile {
    display: none;
}

@media only screen and (max-width: 768px) {
    .card-body {
        padding: 5px;
    }

    .form-content label {
        font-size: 12px;
    }

    .card-content {
        max-height: inherit;
        overflow: inherit;
    }

    .visible-only-mobile {
        display: inherit;
    }

    .visible-only-desktop {
        display: none;
    }

    .card-logo {
        padding: 0;
        margin-bottom: 20px;
        max-width: inherit;
    }

    .card-content {
        margin-top: 10px;
        margin-bottom: 15px;
    }

    .align-items-center {
        align-items: inherit !important;
    }

    .info-header, .form-content {
        padding: 0;
    }

    .info-desc {
        padding: 10px 0 15px;
    }
}