body {
            background: #fcfbff;
            font-family: "Inter", sans-serif;
            height: 100vh;
        }

        .left-section {
            background: #0d67a3;
            color: white;
            /* padding: 60px; */
            margin:0px !important;
        }

        .left-section h1 {
            font-size: 38px;
            font-weight: 600;
        }

        .illustration {
            width: 90%;
            max-width: 520px;
        }

        /* .login-card {
            background: #ffffff;
            padding: 35px;
            border-radius: 20px;
            box-shadow: 0 4px 20px rgba(0,0,0,0.07);
        } */
        .btn:hover {
        color: #fff;
        background-color: #e95d28;
        border-color: #e95d28;
    }
        .form-control {
            padding: 12px;
            border-radius: 10px;
        }

        .form-label {
            font-weight: 600;
        }

        .error-text {
            color: #d3252a;
            font-size: 13px;
        }

        .btn-login {
            padding: 12px;
            font-size: 17px;
            border-radius: 10px;
            background: #0d67a3;
            color: #fff;
        }

        .powered img {
            width: 206px;
        }

        @media (max-width: 991px) {
            .left-section {
                text-align: center;
            }
        }

.background-walk-y {
    background-repeat: no-repeat;
    background-position: 0 0%;
    -webkit-animation-name: backgroundWalkY;
    animation-name: backgroundWalkY;
    -webkit-animation-duration: 20s;
    animation-duration: 20s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    background-size: 100%;
}

@media (max-width: 1199.98px) {
    .background-walk-y {
        background-size: cover;
    }
}

.background-walk-x {
    background-repeat: no-repeat;
    background-position: 0 0%;
    -webkit-animation-name: backgroundWalkX;
    animation-name: backgroundWalkX;
    -webkit-animation-duration: 70s;
    animation-duration: 70s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

@-webkit-keyframes backgroundWalkY {
    0% {
        background-position: 0 0%;
    }
    100% {
        background-position: 0 100%;
    }
}

@keyframes backgroundWalkY {
    0% {
        background-position: 0 0%;
    }
    100% {
        background-position: 0 100%;
    }
}

@-webkit-keyframes backgroundWalkX {
    0% {
        background-position: 0 0%;
    }
    100% {
        background-position: 100% 0;
    }
}

@keyframes backgroundWalkX {
    0% {
        background-position: 0 0%;
    }
    100% {
        background-position: 100% 0;
    }
}