/*-------------------------------------------------------------- # Login css start- Desktop --------------------------------------------------------------*/
 .login-bg {
     background: url(../images/login-bg.jpg);
     min-height: 742px;
     height: 100%;
     width: 100%;
     background-position: center center;
     background-repeat: no-repeat;
     background-size: cover;
     position: relative;
     display: flex;
}
 .eye-password {
     position: absolute;
     top: 50px;
     right: 6px;
     cursor: pointer;
}
 .bg-color {
     background: rgb(55 60 82 / 71%);
     width: 100%;
     height: 100%;
     display: flex;
     justify-content: center;
     align-items: center;
     position: absolute;
}
 .Dealer-main-login {
     display: flex;
     justify-content: center;
     align-items: center;
     width: 552px;
     height: 100%;
     align-content: center;
     margin: auto;
     z-index: 1;
}
 .Dealer-login, .opps-login, .login-create-new-password, .login-password, .forgot-password, .reset-link, .create-new-password {
     background: #fff;
     border-radius: 5px;
     padding: 20px;
     width: 552px;
}
 .dealer-login-title {
     border-bottom: 1px solid #d4d4d4;
     padding: 10px 0 20px 0;
     position: relative;
}
 .dealer-login-title h1 {
     padding: 0px;
     margin: 0px;
     text-align: center;
     font-size: 25px;
     font-weight: 700;
     color: #102850;
}
 .login-email-bx label {
     margin: 0;
     padding: 6px 0 14px 0;
     text-align: center;
}
 .login-email-bx label img {
     width: 16px;
     height: 10px;
}
 .login-email-bx input {
     height: 42px;
     text-align: center;
}
 .login-email-bx input::placeholder {
     text-align: center;
}
 .login-email-bx {
     width: 88%;
     margin: 27px auto 10px;
}
 .login-next-btn button {
     margin: auto;
     display: block;
     margin: 22px auto 22px;
}
 .login-next-btn button svg {
     fill: #fff;
     position: relative;
     left: 2px;
}
 .login-note {
     text-align: center;
     padding: 0 70px;
     line-height: 20px;
     color: #717171;
}
 .login-note a {
     text-decoration: none;
     color: #2967d2;
}
 .or-bx {
     position: relative;
     margin: 22px auto 22px;
}
 .or-bx::before {
     content: "";
     position: absolute;
     width: 80%;
     height: 1px;
     background-color: #9c9c9c;
     left: 0;
     right: 0;
     margin: auto;
     top: 8px;
}
 .or-bx span {
     background: white;
     width: 48px;
     z-index: 9999;
     position: relative;
     padding: 0 5px;
     display: inline-block;
     color: #9c9c9c;
}
 .social-icons {
     width: 72%;
     margin: auto;
}
 .social-icons ul li {
     border: 1px solid #cbc7c7;
     height: 54px;
     border-radius: 5px;
     margin: 21px auto;
}
 li.bx-google li {
     background: #fff;
}
 .bx-google a {
     color: #000;
}
 li.bx-facebook {
     background: #3a5996;
     border: 1px solid #3a5996;
}
 li.bx-facebook a {
     color: #fff;
}
 li.bx-apple {
     background: #000000;
     border: 1px solid #000;
}
 li.bx-apple a {
     color: #fff;
}
 .social-icons ul li a span {
     margin-right: 11px;
     position: relative;
     vertical-align: middle;
}
 .social-icons ul li a {
     display: block;
     padding: 14px 0;
     text-decoration: none;
     font-size: 12px;
     font-weight: 400;
     padding-left: 35%;
}
/*-------------------------------------------------------------- # Login Opps css start- Desktop --------------------------------------------------------------*/
 .create-new-password {
     max-height: 520px;
}
 p.text-opps {
     font-size: 14px;
     text-align: center;
     font-weight: 400;
     color: #000000;
     line-height: 24px;
}
 span.opps-back {
     position: absolute;
     top: 25px;
     cursor: pointer;
}
 span.opps-back svg {
     margin-right: 6px;
}
/*-------------------------------------------------------------- # Login footer css start- Desktop --------------------------------------------------------------*/
 .border-red {
     width: 100%;
     height: 11px;
     background: #f84f4f;
}
 .login-footer {
     background-color: #d9dce2;
}
 .login-bottom-bx {
     display: flex;
     justify-content: space-between;
     padding: 20px;
     align-items: center;
     width: 84%;
     margin: auto;
}
 .connect-with {
     border-right: 1px solid #c5c1c1;
     width: 59%;
     text-align: center;
     height: 140px;
}
 .connect-with:nth-child(2) {
     width: 70%;
}
 .connect-with:last-child {
     border-right: none;
}
 p.title-bottom-tx {
     padding: 20px 0 26px 0;
     margin: 0px;
     text-align: center;
     font-weight: 500;
     color: #102850;
}
 .connect-with ul {
     padding: 0px;
     margin: 0px;
     display: flex;
     justify-content: center;
}
 .connect-with ul li a {
     margin: 0 6px;
     padding: 0 0;
     text-align: center;
     display: block;
     background: #102850;
     width: 35px;
     height: 35px;
     border-radius: 50%;
     transition: all 0.6s;
}
 .connect-with ul li i {
     color: #fff;
     margin: auto;
     line-height: 34px;
}
 .connect-with ul li a:hover {
     background: #355da0;
}
 .login-bottom-search {
     background: white;
     border-radius: 5px;
     opacity: 1;
     outline: 0px;
     border: 0px;
     width: 91%;
     height: 42px;
     font-weight: 200;
     position: relative;
     padding: 0 22px;
}
 span.subscribe-txt {
     position: absolute;
     width: 150px;
     right: 0px;
}
 span.subscribe-txt button {
     display: block;
     background: #102850;
     border-radius: 0 5px 5px 0px;
     color: #fff;
     height: 42px;
     padding: 0px;
     margin: 0px;
     line-height: 42px;
     text-decoration: none;
     transition: all 0.6s;
     border: 1px solid transparent;
     padding: 0 21px;
     margin-left: 10px;
     cursor: pointer;
}
 span.subscribe-txt button:hover {
     background: #355da0;
}
 .app-store-img a {
     text-decoration: none;
}
 
@media (max-width:767px){

.login-email-bx,.social-icons { width: 100%;  margin: 13px auto;}
.dealer-login-title h1 { font-size: 22px;}
.dealer-login-title {padding: 0 0 10px 0;}
.Dealer-login .social-icons ul li a {text-align: center;}  
}