.site-template:has(.login-register) {
    background: var(--bivb-color-primary);
}

.login-register {
    gap: 1em;
    display: flex;
    overflow: hidden;
    position: relative;
    border: 1px solid red;
    flex-direction: column;
    justify-content: center;
    min-height: calc(100vh - var(--login-register-header-height, 0px));
}

.login-register__wrapper {
    gap: 1em;
    width: 100%;
    z-index: 10;
    display: flex;
    margin: 0 auto;
    flex-direction: column;
    border: 1px solid greenyellow;
    max-width: var(--bivb-max-content-width);
}

.login-register__wrapper-head {
    border: 1px solid orange;
}

.login-register__wrapper-head__logo {
    width: fit-content;
    margin: 0 auto;
}

.login-register__wrapper-body {
    border: 1px solid orchid;
}

.login-register__wrapper-foot {
    border: 1px solid white;
}

.login-register__plots {
    left: 0;
    bottom: 0;
    width: 100%;
    height: 215px;
    position: absolute;
    pointer-events: none;
    background-size: cover;
    border: 1px solid yellow;
    background-position: center;
    background-repeat: no-repeat;

}


/*RESPONSIVE*/

/*phone*/
@media (max-width: 767px) {

    .login-register__plots {
        height: 60px;
        background-image: url(/wp-content/themes/hello-elementor-child/bwah-helpers/templates/widgets/login-register/assets/img/fili-plots-400.webp);
    }

}

/*tablet*/
@media (min-width: 768px) and (max-width: 1023px) {

    .login-register__plots {
        height: 95px;
        background-image: url(/wp-content/themes/hello-elementor-child/bwah-helpers/templates/widgets/login-register/assets/img/fili-plots-780.webp);
    }

}

/*mobile and tablet*/
@media (max-width: 1023px) {

}

/*desktop*/
@media (min-width: 1025px) {

    .login-register__plots {
        background-image: url(/wp-content/themes/hello-elementor-child/bwah-helpers/templates/widgets/login-register/assets/img/fili-plots.webp);
    }

}

/*laptop 1*/
@media (min-width: 1024px) and (max-width: 1439px) {

    .login-register__plots {
        height: 140px;
        background-image: url(/wp-content/themes/hello-elementor-child/bwah-helpers/templates/widgets/login-register/assets/img/fili-plots-1450.webp);
    }

}

/*laptop 2*/
@media (min-width: 1440px) and (max-width: 1700px) {

    .login-register__plots {
        height: 160px;
        background-image: url(/wp-content/themes/hello-elementor-child/bwah-helpers/templates/widgets/login-register/assets/img/fili-plots-1450.webp);
    }

}

/*RESPONSIVE*/