.Login_holder .login_section_holder {
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.Login_holder .login-div {
    position: absolute;
    top: 36%;
    left: 20px;
    right: 0px;
    width: 35%;
    height: fit-content;
    margin: 0px auto;
    padding: 0.8%;
    border-radius: 25px;
    aspect-ratio: 1/0.5;
    background: linear-gradient(145deg, #ffdf5a, #f3b800);
    box-shadow: 0 0 2px rgba(255, 230, 0, 0.7),
        0 0 14px rgba(255, 200, 0, 0.5),
        inset 0 0 11px rgba(255, 255, 255, 0.5);
    border: 4px solid #d59344bd;
}

.Login_holder .login-div .login_form_holder {
    /* height: 205px; */
    overflow: hidden;
    overflow-y: auto;
    /* aspect-ratio: 1/0.38; */
}

.Login_holder .login-div .card-body {
    padding: 2.2%;
    border-radius: 25px;
    border: 5px solid #5b6b79;
    position: relative;
}

.Login_holder .auth-form {
    padding: 0px !important;
    background: #000 !important;
}

.Login_holder .logi_in_bg_img_holder {
    width: 100%;
    height: 100%;
    position: relative;
}

.Login_holder .logi_in_bg_img_holder:after {
    content: "";
    position: absolute;
    background: #ffffff69;
    height: 100%;
    width: 100%;
    left: 0px;
    right: 0px;
    bottom: 0px;
}


.Login_holder .login_section_holder .login_bg {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.Login_holder .login_btn_holder {
    position: absolute;
    left: 0px;
    right: 0px;
}


.Login_holder .login_btn_holder .btn-custom {
    color: #ffffff;
    border-radius: 3px;
    font-size: 17px;
    background: #404040 0% 0% no-repeat padding-box;
    border: none;
    box-shadow: 0px 3px 6px #FFFFFF !important;
    opacity: 1;
    padding: 7px 70px !important;
}


@media (min-width:0px) and (max-width:767px) {

    .Login_holder .logi_in_bg_img_holder {
        display: none;
    }

    .Login_holder .login-div {
        position: unset;
    }

    .Login_holder .login-div .login_form_holder {
        aspect-ratio: unset;
    }

    .Login_holder .login-div {
        width: 305px;
        left: 0px;
        top: 0px;
    }

    .Login_holder .login-div .card-body {
        padding: 8px !important;
        border-radius: 20px;
    }

    .Login_holder .login-div .already_text {
        font-size: 12px;
    }

    .Login_holder .login-div .link-primary {
        font-size: 12px;
    }

    .Login_holder .login_btn_holder .btn-custom {
        font-size: 14px;
        padding: 1px 34px !important;
    }

    .Login_holder .login-div .form-group label {
        font-size: 12px;
    }
}

@media (min-width:767px) and (max-width:991px) {


    .Login_holder .login-div .login_form_holder {
        aspect-ratio: unset;
    }


    .Login_holder .login-div {
        width: 350px;
        left: 12px;
    }

    .Login_holder .login-div .card-body {
        padding: 8px !important;
        border-radius: 20px;
    }

    .Login_holder .login-div .already_text {
        font-size: 12px;
    }

    .Login_holder .login-div .link-primary {
        font-size: 12px;
    }

    .Login_holder .login_btn_holder .btn-custom {
        font-size: 14px;
        padding: 1px 34px !important;
    }

    .Login_holder .login-div .form-group label {
        font-size: 12px;
    }
}