:root {
    --color-1: #aae63f;
    --color-2: #6be8e9;
    --color-3: #00a1cb;
}

* {
    font-family: "IBM Plex Sans", sans-serif;
}

body {
    background-color: #ededef;
}

.container-custom {
    padding: 20px;
}

.content {
    min-height: 800px;
}

.text-color-1 {
    color: var(--color-1);
}

.text-color-2 {
    color: var(--color-2);
}

.text-color-3 {
    color: var(--color-3);
}

.bg-color-1 {
    background-color: var(--color-1);
}

.bg-color-2 {
    background-color: var(--color-2);
}

.bg-color-3 {
    background-color: var(--color-3);
}

.auth-left {
    width: 100%;
    height: 96vh;
    background-image: url("../images/Foto-new.jpg");
    background-position: center;
    background-size: cover;
}

.auth-right {
    width: 100%;
    height: 96vh;
}

.form-wrap {
    width: 50%;
}

@media only screen and (max-width: 992px) {
    .container-custom {
        padding: 12px;
    }

    .navbar .navbar-nav .nav-item {
        padding-left: 0px;
        padding-right: 0px;
    }

    .auth-left {
        /* height: 200px; */
        display: none;
    }

    .auth-right {
        height: 97vh;
    }

    .form-wrap {
        width: 90%;
    }
}