.auth-wrap{position: relative;height:100vh;display: flex;align-items: stretch;justify-content: space-between;}
.auth-wrap .auth-detail{flex:0 0 50%;max-width: 50%;display: flex;flex-direction: column;}
.auth-wrap .auth-detail .auth-head{padding: 50px 60px;}
.auth-wrap .auth-detail .auth-head a{display: inline-block;}
.auth-wrap .auth-detail .auth-head a img{display: block;}
.auth-wrap .auth-detail .auth-body{max-width: 360px;margin: 75px auto 0;}
.auth-wrap .auth-detail .auth-body .auth-title{margin-bottom: 32px;position: relative;}
.auth-wrap .auth-detail .auth-body .auth-title img{margin-bottom: 14px;max-width: 80px;}
.auth-wrap .auth-detail .auth-body .auth-title h1{font-weight: 700;font-size: 32px;line-height: 38.4px;letter-spacing: 0.26px;color: #282828;margin-bottom: 16px;}
.auth-wrap .auth-detail .auth-body .auth-title .back-indicator{position: absolute;top: -50px;}
.auth-wrap .auth-detail .auth-body .auth-title .back-indicator a{color:#FF5F00;text-decoration: underline;font-size: 14px;}
.auth-wrap .auth-detail .auth-body .auth-title .back-indicator a:not(.right-head-link):after{content: "\e908";font-family: 'k2k-automobile';position: absolute;left: -0px;font-size: 10px;top: 5px;opacity: 0;transition: opacity 0.2s ,left 0.2s ease;}
.auth-wrap .auth-detail .auth-body .auth-title .back-indicator a:hover:after{opacity: 1;left: -10px;}
.auth-wrap .auth-detail .auth-body .auth-title p:not(.p16-light){font-weight: 300;font-size: 14px;line-height: 19.6px;letter-spacing: 0.14px;color:  #4D4D4D;margin-bottom: 0px;}
.auth-wrap .auth-detail .auth-body .auth-extra{}
.auth-wrap .auth-detail .auth-body .auth-extra .d-flex{margin-bottom: 32px;}
.auth-wrap .auth-detail .auth-body .auth-extra p{margin: 0;}
.auth-wrap .auth-detail .auth-body .auth-extra p a{font-size: 12px;color:#808080;font-weight: 400;letter-spacing: 0.14px;line-height: 16.56px;text-decoration: underline;}
.auth-wrap .auth-detail .auth-body .auth-extra p a:hover{text-decoration: none;}
.auth-wrap .auth-detail .auth-body .auth-button{margin-top: 32px;}
.auth-wrap .auth-detail .auth-foot{background: #F5F6F8;position: relative;padding: 12px 0;text-align: center;margin-top: auto;}
.auth-wrap .auth-detail .auth-foot p{margin: 0px;font-size: 12px;line-height: 20px;font-weight: 400;color: #9E9E9E;}

.auth-wrap .auth-highlight{flex:0 0 50%;max-width: 50%;position: relative; }
.auth-wrap .auth-highlight .auth-banner{height: 100%;overflow: hidden;position: relative;}
.auth-wrap .auth-highlight .auth-banner img{height: 100%;width: 100%;object-fit: cover;}


@media screen and (max-height: 710px){
    .auth-wrap .auth-detail .auth-head{padding-bottom: 0px;}
}


/* Start :  Front login pages */
.auth-wrap.front-auth{height: auto;min-height: 917px;}
.auth-wrap.front-auth .auth-detail{justify-content: center;}
.auth-wrap.front-auth .auth-detail .auth-body{margin-top: 0}
.auth-wrap.front-auth .auth-highlight{display: flex;align-items: center;justify-content: center;}
.auth-wrap.front-auth .auth-highlight .auth-content{position: relative;z-index: 1;max-width: 441px;}
.auth-wrap.front-auth .auth-highlight .auth-content h4{color: #fff;margin-bottom: 30px;}
.auth-wrap.front-auth .auth-highlight .auth-content ul{padding-left: 24px;}
.auth-wrap.front-auth .auth-highlight .auth-content ul li{font-weight: 700;font-size: 18px;line-height: 36px;letter-spacing: 0.14px;color:#fff;}
.auth-wrap.front-auth .auth-highlight .auth-content ul li img.finance-img{position: relative;top: -5px;}
.auth-wrap.front-auth .auth-highlight .auth-content ul li .bg-highlight{background-color:#FF5F00;padding: 4px 8px;}
.auth-wrap.front-auth .auth-highlight .auth-banner{position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: linear-gradient(71.85deg, rgba(0, 0, 0, 0.7) 46.64%, rgba(0, 0, 0, 0) 101.52%);}
.auth-wrap.front-auth .auth-highlight .auth-banner img{z-index: -1;position: relative;}


.reg_button{margin: 0;padding: 0;list-style: none;}
.reg_button li{margin-bottom: 14px;}
.reg_button li:last-child{margin-bottom: 0px;}
.reg_button li a{display: block;border: 2px solid #000000;border-radius: 6px;color: #282828;padding: 16px;text-decoration: none;text-align: center;padding-left: 35px;position: relative;overflow: hidden;}
.reg_button li a::after{ -webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.reg_button li a::before,
.reg_button li a::after {background: #000;content: '';position: absolute;z-index: -1;}
.reg_button li a::after {height: 100%;left: -35%;top: 0;transform: skew(50deg);transition-duration: 0.6s;transform-origin: top left;width: 0;}
.reg_button li a:hover:after {height: 100%;width: 135%;}
.reg_button li a:hover{border-color: #000;color:#fff;transition: all 0.3s color 0.3s ease-in-out 0.3s;}
.reg_button li a:hover img{filter: brightness(0) invert(1);}

.reg_button li a img{position: absolute;left: 16px;top: 50%;transform: translateY(-50%);transition: all 0.3s;}
/* End :  Front login pages */