.main {
    min-height: 100vh;
    align-content: center;
    padding: 0 180px;
    background-color: #6998AB;
}
.login-page {
    --bs-gutter-x: 0;
    --bs-gutter-y: 0;
    background-color: white;
    border-radius: 8px;
    box-shadow: 8px 8px 8px 4px #1a374d8a;
}

.image-login {
    background-color: #1A374D;
    padding: 20px;
    align-content: center;
    border-radius: 8px 0 0 8px;
}
.image-login img {
    width: 100%;
}

.section-login {
    padding: 40px 40px;
    align-content: center;
}

.content-login h3 {
    margin-top: -14px;
    margin-bottom: 40px;
    font-weight: 700;
}

.content-login button {
    background-color: #1A374D;
}

.content-login button:hover,
.content-login button:active,
.content-login button:focus-visible,
.btn-primary.disabled, .btn-primary:disabled  {
    background-color: #406882 !important;
}

#btn-sign.btn-primary.disabled, #btn-sign.btn-primary:disabled  {
    border-color: none !important;
}

@media (max-width: 767px) {
    .image-login {
        display: none;
    }
}

@media (max-width: 576px) {
    .main {
        padding: 40px;
    }
    .content-login h3 {
        font-size: 1.2em;
    }
    .section-login {
        padding: 20px 20px;
        align-content: center;
    }
}

@media (min-width: 768px) {
    .main {
        padding: 0 40px;
    }
}

@media (min-width: 992px) {
    .main {
        padding: 0 180px;
    }
}