.body-login {
    display: grid;
    grid-template-rows: auto 1fr auto;
    height: 100vh;
}

.main-login {
    display: flex;
    padding: 20px 30px;
    background: #acc5d3;
    gap: 15px;
}

.dialog {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
    max-width: 400px;
    background: #334E5C;
    width: 100%;
    color: #fff;
    padding: 20px 50px;
}

.dialog__title {
    font-size: 28px;
    font-weight: 600;
    align-self: start;
    padding: 50px 0 30px 0;
}

.dialog__text {
    font-size: 18px;
    font-weight: 600;
    padding: 0 0 60px 0;
    align-self: start;
}

.dialog__label {
    margin-top: 20px;
    font-size: 12px;
    font-weight: 600;
    align-self: start;
    padding: 0 0 5px 0;
}

.dialog__input {
    width: 100%;
    font-size: 18px;
    padding: 5px;
    color: #fff;
    border-radius: 5px;
    border: 1px solid #fff;
}

.dialog__btn {
    margin-top: 20px;
    padding: 10px 30px;
    background: #567687;
    width: 100%;
    border-radius: 5px;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
}

.dialog__btn:active {
    background: #32454f;
    box-shadow: none;
    color: #c1c1c1;
}

.dialog__a {
    margin-top: 20px;
    align-self: end;
}

.dialog__a:hover {
    color: #9dbed0;;
}

.car {
    flex: 1;
    width: calc(100% - 420px);
    background-size: contain;

}

.car_1 {
    background: url("../content/bg/car1.png") no-repeat top;
}

.car_2 {
    background: url("../content/bg/car2.png") no-repeat center;
}

.car_3 {
    background: url("../content/bg/car3.png") no-repeat bottom;
}

.car_4 {
    background: url("../content/bg/car4.png") no-repeat center;
}

.footer {
    margin: 0;
}

.dialog_configuration {
    display: flex;
    justify-content: left;
    align-items: center;
    padding: 10px 0;
    width: 100%;
    gap:20px;
    margin-top: 20px;
}

.dialog_configuration>.dialog__label {
    text-wrap-mode: nowrap;
    margin: 0;
    padding: 0;
    align-self: auto;
}

.dialog_configuration>.dialog__input {
    width: 15px;
    height: 15px;
}
.dialog__signup {
    padding: 20px;
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
}

.dialog__signup::before,
.dialog__signup::after {
    content: "";
    display: block;
    width: 80px;
    height: 1px;
    background: #9dbed0;
}

.dialog__signup-text, .dialog__signup-redirect {
    font-weight: 300;
    display: flex;
    padding-top: 5px;
}

.dialog__signup-redirect {
    color: #9dbed0;
}

.dialog__signup-redirect:hover {
    color: #8fcbfa;
}