body {
            /* background-color: #F4F7FE; */
            font-family: sans-serif !important;
            height: 1000px;
            margin: 0;
        }

        .container {
            position: relative;
        }

        .wrapper {
            border: 1px solid #fefcfc;
            width: 40%;
            position: absolute;
            margin: 4% auto;
            /* height: 200px; */
            z-index: 99;
            background-color: white;
            border-radius: 13px;
            top: 196px;
            left: 409px;

        }



        .instant {
            width: 350px;
            color: #241d41;
            margin: 6px auto;
            text-align: center;
            font-family: Montserrat;
            /* font-weight: 500; */
            font-size: 15px;
            font-weight: 300;
            font-family: "Open Sans", sans-serif;

        }

        .login {
            width: 244px;
            color: #241d41;
            height: 26px;
            margin: auto;
            font-size: 21px;
            font-family: Montserrat;
            font-weight: 600;
            font-family: "Open Sans", sans-serif;

        }

        .box_border_1 {
            height: 6px;
            margin: 9px 2px;
            display: inline-block;
            width: 12%;

            margin: 0 auto;
            /* border-radius: 4px; */
            background-color: #0C668B;
        }

        .box_border_2 {
            height: 6px;
            margin: 9px 2px;
            display: inline-block;
            width: 3%;
            margin: 0 auto;
            border-radius: 4px;
            background-color: #0C668B;
        }

        .login_box_border {
            text-align: center;
            position: relative;
            /* top: -13px; */
        }

        .mobile_number_text {
            padding: 14.5px 14px;
            width: 100%;

            border: none;
            /* border-radius: 4px; */
            border-bottom: solid 2px #CA2E2E;
            /* pointer-events: none; */
        }

        .mobile_number_div {
            text-align: center;
        }

        ::placeholder {
            font-size: 17px;
            font-weight: 400;
            padding: 6% 0 1% 0;
        }

        .mobile_number_text_button {
            border-left: .25rem solid #CA2E2E !important;
            color: #000;
            cursor: pointer;
            outline: none;
            background-color: #fff;
            border-color: #fff;
            border: 1px solid transparent;
            padding: .375rem .75rem;
            font-size: 1rem;
            line-height: 1.5;
            border-radius: .35rem;
            box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important;
            transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
        }


        .mobile_number_text_button:focus {
            outline: none;
            border: none;
        }

        .login_in_account {
            padding: 3% 0;
            width: 100%;
            border-radius: none;
        }

        .login_img {
            width: fit-content;
            height: 100%;
            /* border-radius: 18px; */

        }

        .login_img_div {
            width: 50%;
            margin-top: -1px;
            padding: 0;
            /* border-radius: 18px; */
            background-color: #C1E9D5;
        }

        .wrapper_row {
            display: flex;
            align-items: center;
            justify-content: center;
            height: 486px;
            box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important;
            border-radius: 10px;
        }


        .login_img_div:focus {

            border: red;
            outline: red;
        }

        .mobile_number_div_2 {
            display: inline-block;
            position: relative;
            width: 60%;
        }

        label {
            position: absolute;
            top: 12px;
            left: 12px;
            font-weight: 400;
            font-size: 18px;
            color: gray;
        }

        .login_img {
            width: 48px;
            height: 48px;
        }

        .login_img img {
            width: 100%;
            height: 100%;
            /* background-color: white; */
            padding: 10%;
            border-radius: 7px;
        }

        .login_steps h1 {
            color: white !important;
            font-size: 16px;
            /* font-family: Muli; */
            font-weight: 700;
            margin-top: 2%;
        }


        .slick-dots li {
            width: 12px !important;
        }

        .login_steps p {
            font-size: 16px;
            /* font-family: Muli; */
            font-weight: 700;
            color: white !important;
            height: 31px !important;
        }

        .other_text {
            text-align: center;
            width: 100%;
            display: flex;
            align-content: center;
        }

        .other_text p {
            width: 50%;
            display: inline-block;
        }

        .other_text p:first-child {
            /* text-align: left; */
        }

        .other_text p a {
            text-decoration: none;
        }

        .digi_loans_logo {
            width: 23%;
            margin: auto;
            display: block;
        }


        .login_box {
            width: 100%;
            /* box-shadow: 0 5px 8px 0 rgb(0 0 0 / 20%), 0 9px 26px 0 rgb(0 0 0 / 19%); */
            /* display: flex; */
            border-radius: 6px;
            /* background: #fff; */
            padding: 14px;
            color: #454545;
            margin-top: 12 0px !important;
            margin-bottom: 70px !important;
            /* flex-direction: column; */
            width: 100%;
            height: 135px;
            align-items: center;
            justify-content: center;
            /* margin: auto; */
            position: relative;
            /* height: 400px; */
            /* top: -276px; */
            z-index: 1;
        }

        .slick-dots {
            /* bottom: -83px !important; */
            position: relative;
            color: white !important;
            display: block !important;
            top: -4px;
        }

        .login_box .slick-dots {
            /* display: none !important; */
        }

        .login_img {
            text-align: center;
        }

        .login_steps {
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            position: relative;
            top: 17px;
        }

        .login_md {
            padding-top: 0%;
            height: 100%;
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
        }

        .login_img_div {
            position: relative;
            display: flex;
            justify-content: flex-start;
            padding-top: 3%;

        }

        .login_img_div img {
            /* z-index: -1; */
        }

        .login_img_div h2 {
            position: absolute;
            top: 100px;
            left: 80px;
            width: 64%;
            text-align: center;
            font-weight: bold;
            z-index: 6;
            color: #21699C;
        }


        .login1 {
            height: 370px;
            margin: 0;
            width: 100%;
        }

        .login1 img {
            width: 100%;
            height: 100%;
            border-top-left-radius: 12px;
            border-bottom-left-radius: 12px;

        }

        .slick-dots li.slick-active button:before {
            color: white !important;
        }

        @media screen and (max-width:425px) {
            .login_img_div {
                display: none;
            }

            .wrapper_row {
                height: auto;
            }

        }

        ::-webkit-input-placeholder {
            color: #777;
        }

        ::-moz-placeholder {
            /* Firefox 19+ */
            color: #777;
        }

        :-ms-input-placeholder {
            color: #777;
        }

        :-moz-placeholder {
            /* Firefox 18- */
            color: #777;
        }

        .login_img_div {
            padding-top: 0;
            border-top-left-radius: 10px;
            border-bottom-left-radius: 10px;
        }

        .user {
            width: 72%;
        }

        .logo {
            height: 100px;
        }

        ::placeholder {
            color: #8d8e9b;
            font-size: 14px;
        }


        .partners_content {
            position: absolute;
            top: 60px;
            left: 250px;
        }

        .partners_content h2 {
            font-size: 27px;
            color: #CA2E2E;
        }

        .partners_content p {
            font-size: 22px;
            width: 90%;
            color: white;
        }

        .yes_capital_partner_image::before{
            content: " ";
    position: absolute;
    top: 0;
    left: 0;
    opacity: .65;
    height: 99%;
    width: 50%;
    background: linear-gradient(to right,#454545,rgba(0,0,0,0));
        }