.list-view li{list-style: none; position: relative; padding-left: 21px; margin-bottom: 8px; font-size: 13px;}
.list-view li:before{font-family:'FontAwesome'; content:"\f0a4"; position: absolute; color: var(--main-color); left: 0; top: 0px;}
.login-temp-pge {
    background: url(main_backgroud.webp) no-repeat;
    background-size: cover; min-height: 550px; padding: 30px 0px 50px; position: relative; z-index:1;
}
.login-temp-pge:after {content: ''; position: absolute; left: 0; top: 0; width: 100%; background: rgba(0, 0, 0, 0.51); height: 100%; z-index: -1;}
.login-temp-pge .container {max-width: 700px;}
.login-temp-pge h3{color: #fff; margin: 0px 0px 23px;}
.login-instrct{background: #fff;}
.login-temp-col-wrapper > .row > div[class*="col"] {padding: 0;}
.lgn-view-rit {background: #132762; border: 2px solid #fff; border-radius: 0 21px 21px 0;}
.login-temp-col-wrapper > .row{margin: 0px; display: flex; flex-wrap: wrap;}
.login-main-col .input-group{margin-bottom: 15px;}
.form-bottom-login-wrap ul:after{content: ''; clear: both; display: table;}
.form-bottom-login-wrap li:last-child{float: right;}
.form-bottom-login-wrap {margin-bottom: 9px;}
.login-main-col {padding: 30px 25px 14px;}
.forgot-pass {padding: 35px 0px;}
.rest-pass-wrap {background: #fff; max-width: 550px; margin: 0 auto; padding: 25px;}
.rest-pass-wrap h4 {
   font-weight: 600; position: absolute; left: 15px; margin: 0; top: -13px;
    background: var(--secondary-color); color: #ffff; z-index:2; padding: 6px 9px; font-size: 15px;
}
.frtgt-passwrd{padding: 4px 0px;}
.frtgt-passwrd {padding: 9px 0px; margin-bottom: 0;}
.inn-frgt {border: 1px solid rgba(51, 122, 183, 0.39); position: relative; padding: 24px 15px 12px;}
.t_and_c{font-size: 13px;}
.login-register-wrap .container{max-width: 800px;}
.button_reg_login{text-align: center;}
.button_reg_login ul li .btn {
    border-radius: 5px; width: 150px; background: linear-gradient(to right, var(--secondary-color), var(--main-color));
    border: none; box-shadow: 0px 4px 5px rgb(0 0 0 / 20%); transition: transform 0.3s ease-in-out; margin: 20px 0; padding: 10px 20px; font-size: 15px;
}
.login-social p {display: inline-block; margin-right:4px;}
.login-social p a {border-radius: 50%; width: 40px; height: 40px; line-height: 28px; display: flex; justify-content: center; align-items: center; border: 1px solid #fff;}
.login-social p a:hover{color:#fff; border: 1px solid #fff;}
.heading_login h4 {
    padding: 2px 20px; line-height: 37px; margin-left: -20px; border-radius: 0 20px 20px 0px; color: #fff; display: inline-block; z-index: 9; position: relative;
    background: linear-gradient(to right, var(--main-color), var(--secondary-color));
}
.gradient_btn{
background: linear-gradient(to right, var(--secondary-color), var(--main-color));
border-radius:10px; margin: 10px 0; border:none; box-shadow: 0px 4px 5px rgb(0 0 0 / 20%); width:100%; padding: 10px 20px; font-size: 15px;
}
.gradient_btn:hover{background: linear-gradient(to right, var(--secondary-color), var(--main-color));}
.heading_login {padding:20px;}
.captcha-col img {width: 100%; border-radius: 5px; height: 41px;}
.inputboxs {padding:2px 7px;}
.inputboxs .form-control {
    position: relative; z-index: 2; float: left; width: 100%;
    margin-bottom: 0; height: 40px; border-radius: 8px; border:none; box-shadow: 0px 4px 5px rgb(0 0 0 / 20%);
}
.login-social {text-align: center; margin: 15px 0 0;}
.inputboxs .captcha_mb15{margin-bottom:15px;}
.inputboxs .input-group-addon {
    position: relative; border-radius: 0px; background: linear-gradient(to right, var(--main-color), var(--secondary-color));
    color: #fff; border: none; border-radius: 8px 0 0 8px; box-shadow: 0px 4px 5px rgb(0 0 0 / 20%); padding: 0px 16px;
}
.login_with h4 {font-size: 17px; color: #fff;}
.login_with span {padding: 0px 60px; position: relative;}
.login_with span:before {content: ''; position: absolute; width: 50px; height: 4px; background: var(--secondary-color); top: 50%; left: 0;}
.login_with span:after {content: ''; position: absolute; height: 4px; width: 50px; background: var(--secondary-color); top: 50%; right: 0;}
.img_max img{width:160px;}
.login_area{border-radius: 24px 0 0px 24px;}
.bottom_left_circle {position: absolute; top: -26px; height: 80px; width: 80px; left: -32px;}
.bottom_circle {position: absolute; bottom: -30px; height: 80px; width: 80px; right: -26px;}
.inputboxs .input-group-addon img{position: absolute; top: 10px; left:6px;}
.icon_btnsec{position: relative;}
.icon_btnsec .edit_clipboard{position: absolute; top: 30px; z-index: 9; left: 25px;}
/*reset password css start from here*/
.resetpass_img img{
    max-width:100%;
    height:450px;
}
.bg_reset{
    background:#fff;
}
.reset_wrapper {
    background: #ffffff;
    padding: 10px;
    margin: 50px 0;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 18%);
    border-radius: 16px;
    position: relative;
}
.resetbtn_lg{
    background:#0087eb;
    border-radius:8px;
    box-shadow: rgb(0 0 0 / 25%) 0 1px 3px;
    border:none;
    padding:12px 20px;
    color:#fff;
    margin-bottom:10px;
    font-size:15;
    font-family: 'Quicksand', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.resetbtn_lg:hover{
    color:#fff;
    background:#0087eb;
}

.shape2 {
    position: absolute;
    z-index: 1;
    top: 0px;
    right:13px;
    width: 242px;
}

.shapes_set .shape1{
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    width:366px;
}

.inner_boxreset{
box-shadow: 0px 0px 10px rgb(0 0 0 / 18%);
padding: 10px 25px 24px;
margin: 70px 10px;
border-radius: 10px;
}
.sm_sign {
    display: inline-block;
    padding: 2px 0px;
    border-radius: 5px;
    text-decoration: none;
    font-size: 15px;
    font-weight: 600;
    color: #183fc0;
}
hr.dotted_border {
    margin-top: 20px;
    margin-bottom: 10px;
    border: 0;
    border-top: 1px dashed #eee;
}

.sm_sign:hover{
    color: #183fc0;
    text-decoration: none;
}

.reset_wrapper .form-control {
    box-shadow: inherit;
    background: #d7e2f4;
    border: none;
    border-radius: 7px;
    font-size: 16px;
}

.reset_mt15{
    margin-top:20px;
}
.from_head {
    font-weight: 700;
    margin: 0 0 10px;
    border-bottom: 1px dashed #e7e5e5;
    padding: 13px 0;
    color: #212a31;
}

/*reset password css end from here*/
@media screen and (max-width:992px){
    .captcha-col img {width: auto; height: auto;}
    .reset_wrapper {
        padding: 37px 5px 60px;
        margin: 58px 0;
    }

    .resetpass_img img{
        height:100%;
    }
    .inner_boxreset {
        margin: 16px 0px;
    }
}
@media screen and (max-width: 767px){
    .captcha-col > p {margin-bottom: 10px; background: #f9f9f9; padding: 7px; border-radius: 5px;}
    .inputboxs .cpth-refr {color: #333;}
    .lgn-view-rit {border-radius: 15px;}
    .login-main-col {padding: 30px 10px 38px;}
    .bottom_circle {bottom: -23px; height: 63px; width: 63px; right: -5px;}
    .registerform {padding: 30px 20px 45px;}
    .terms_check{margin-top:15px;}
}
@media screen and (max-width:575px){
    .inner_boxreset {
        padding: 10px 10px 24px;
    }
    .shapes_set .shape1{width: 277px;}
    .shapes_set .shape2{width: 178px;}
    .button_reg_login ul li .btn {width: 120px; margin:10px 0 0; padding: 10px 16px; font-size: 14px;}
    .button_reg_login ul{display:flex; justify-content: center;}
    .icon_btnsec .edit_clipboard {position: absolute; top: 19px; z-index: 9; left: 14px;}
}