.login-form-area {
    display: flex;
    margin: 2% 12%;
}

.login-image-area {
    position: relative;
}

    .login-image-area img {
        position: absolute;
        top: 80px;
        left: 0px;
    }

.form-main {
    padding: 5%;
    box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px;
    margin-top: 10%;
}

    .form-main h1 {
        font-family: 'Inter';
        font-weight: 700;
        line-height: 24px;
        color: #000000;
    }

a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}

    a:hover {
        color: #0056b3;
        text-decoration: underline;
    }

.btn-primary, .btn-primary:hover {
    background: #150a42 !important;
    border-color: #150a42;
    color: #fff;
}

.top-logo {
    background-image: url('/assets/top-banner.png');
    background-repeat: no-repeat;
    background-size: auto;
}

.logout_design {
    border-radius: 16px;
    margin: 3rem;
}

.login-content {
    box-shadow: 0px 3px 12px #00000029;
}

.full-height{
    margin-top:10%;
}

@media(max-width:767px) {
    .top-logo {
        background-image: url('/assets/top-banner.png');
        background-repeat: no-repeat;
        background-size: auto;
    }

    .form-main {
        margin: 18%;
    }

    .login-form-area {
        display: inline-block;
        margin: 0%;
    }

    .logout_design {
        width: 90%;
    }
}

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