html, body{height: 100%;}
.signup-new-wrap{display: flex;width: 100%;min-height: 100%;}
.signup-new-left{width: 480px; background: url(../svg/login-bg.svg); padding: 40px 40px 40px 50px;position: fixed;height: 100%; background-size: cover;background-repeat: no-repeat; background-position: center;}
.signup-new-right{width: calc(100% - 480px);margin-left: 480px;}
.signup-new-left .navbar-brand{padding: 0;}
.signup-left-top{margin-bottom: 50px;}
.signup-left-bottom{opacity: 0;-moz-animation: cssAnimationdelay 3s;-webkit-animation: cssAnimationdelay 3s;-o-animation: cssAnimationdelay 3s;animation: cssAnimationdelay 3s;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;position: relative;}
@keyframes cssAnimationdelay {
    99% {opacity: 0;}
    100% {opacity: 1;}
}
@-webkit-keyframes cssAnimationdelay {
    99% {opacity: 0;}
    100% {opacity: 1;    }
}
input.social_email, input.social_email:focus{background: #EFF2F4 !important;border: 1px solid #E1E1E1 !important;}
.signup-left-bottom img{max-width: 100%;}
.signup-new-lwrap{display: flex;flex-direction: column;justify-content: space-between;height: 100%;overflow: hidden;}
.signup-new-left .navbar-brand {padding: 0;float: unset;font-size: unset;line-height: unset;height: unset;display: block;}
.signup-left-top h5{font-size: 18px; line-height: 26px;color: #000;margin-top: 50px;}
.signup-left-top p{color: Grey; color: 14px;line-height: 22px;}
.signup-terms-service {max-width: 400px;margin: 0 auto;text-align: center;margin-top: 20px;}
.signup-terms-service a{color: #3366FF;}
.signup-newform{margin: 0 ;padding: 0;}
.back-to-login{text-align: center;}
.trial-info{margin-bottom: 30px;}
.dis-table-cell {max-width: 470px; margin: 0 auto;}
label.error{position: static;padding-top: 25px;padding-left: 2px;font-weight: 300;}
.form-group.error input{border: 1px solid red;}
label.error:empty{display: none !important;}
.form-group.error, .form-group.error input, label.error{transition: all ease-in-out .3s;-webkit-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;}
img.mobile-logo{display: none;}
.signup-newform, .signup-newform label, h1, h2, h3, h4, h5, h6, a, span, p, label, button, input, select, textarea{font-family: 'Inter', sans-serif!important;}
.signup-newform h1.title{font-size: 25px; line-height: 34px;margin-top: 0;font-weight: 600;margin-bottom: 10px;color: #2C2E39;}
.signup-new-right .dis-table, .signup-new-right .dis-table .dis-table-cell{height: 100%;}
.signup-new-right .dis-table .dis-table-cell{display: flex;justify-content: center;align-items: stretch;flex-direction: column;padding: 124px 0;}
.signup-newform p.trial-info{font-size: 16px;line-height: 24px; font-weight: 400;color: #656F78;}
.signup-newform label{font-weight: 500;font-size: 14px;line-height: 21.56px;color: #2C2E39;}
.signup-with-others .gbuttonf {text-align: center;margin: 0 auto;}
.signup-with-others .gbuttonf iframe{margin: 0 auto !important;}

.container-form .form-group.eye-showhide #eye_open{position: absolute;right: 15px;top: 17px;width: 18px; height: auto;}
.container-form .form-group.eye-showhide #eye_close{position: absolute;right: 15px;top: 17px;width: 18px; height: auto;}
.container-form.signup-newform .form-group.success:before{display: none;}

/*
.et-middle {display: flex;flex-wrap: nowrap;justify-content: space-between;align-items: center;gap: 20px;}
.each-testimonial h4{margin-bottom: 20px;font-size: 15px; line-height: 26px; font-weight: 600;}
.signup-testimonial{background: #fff url(../images/signup/testi-bottom.png) no-repeat bottom;border-radius: 10px;min-height: 435px;}
.each-testimonial{position: relative;padding: 40px 40px 170px;min-height: 415px;}
.testi-author{position: absolute;bottom: -23px;left: 0;}
.etm-left .name{font-size: 16px; line-height: 26px; font-weight: 600;}
.etm-left .title{font-size: 14px; line-height: 20px; font-weight: 400;color: #656F78;}
.testi-quote{position: absolute;left: 40px;top: -16px;}


.owl-theme .owl-controls .owl-page {display: inline-block;}
.owl-theme .owl-controls .owl-page span {
    background: none repeat scroll 0 0 #3366FF;
    border-radius: 20px;
    display: block;
    height: 7px;
    margin: 5px;
    opacity: 0.4;
    width: 7px;
    cursor: pointer;
    transition: all .2s;
}
.owl-theme .owl-controls .owl-page.active span{background: #3366FF;opacity: 1;transform: scale(1.4);}
.owl-pagination {text-align: right;padding-right: 10px;}
*/
a.mobile-logo-show{display: none;}


/*
New Layout
*/
.reve-integrate-livechat-devider {position: relative;width: 100%;height: 1px;background: #E1E1E1;margin-top: 45px; margin-bottom: 40px;max-width: 465px;margin-left: auto;margin-right: auto;opacity: 0.6;}
.reve-integrate-livechat-devider hr {margin-top: 44px;margin-bottom: 44px;border: 0;        }
.reve-integrate-livechat-devider p {position: absolute;margin: 0 auto;left: 0;right: 0;top: -12px;text-align: center;background: #fff;display: inline-block;width: 50px;color: #656f78;}
.signup-with-others {text-align: center;position: relative;margin: auto;width: auto;}
.signup-with-others .others-button{display: block; padding: 8px;background: #ffffff; margin: 20px auto; color: #656f78;text-decoration: none;font-family: 'Inter', sans-serif;font-style: normal;font-weight: 500;font-size: 15px;line-height: 21.56px;border: 1px solid #dadce0;cursor: pointer;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;-ms-border-radius: 4px;-o-border-radius: 4px;transition: 0.3s ease-in-out;-webkit-transition: 0.3s ease-in-out;-moz-transition: 0.3s ease-in-out;-ms-transition: 0.3s ease-in-out;-o-transition: 0.3s ease-in-out;justify-content: center;}
.signup-terms-service.signup-firstbtm{font-size: 12px;}


.testimonial-user-content img {width: 58px!important; height: 65px; object-fit: cover; border-radius: 5px;position: relative;} 
.owl-theme .owl-nav.disabled+.owl-dots {position: absolute;right: 0;bottom: 14px;}
.owl-theme .owl-dots .owl-dot span {width: 6px;height: 6px;background: #ffffff33;}
.owl-theme .owl-dots .owl-dot.active span {width: 8px;height: 8px;background: #fff;}
.owl-theme .owl-controls .owl-page {
    display: inline-block;
}
.owl-theme .owl-controls .owl-page span {background: #ffffff33;border-radius: 20px;display: block;height: 6px;margin: 5px 7px;width: 6px;cursor: pointer;}
.owl-theme .owl-controls .owl-page.active span{background: #fff;width: 8px;height: 8px;}

.testimonial-user-content {display: flex;gap: 26px;position: relative;}
.testimonial-user-info {color: #fff;max-width: 246px;}
.testtimonial-item {color: #fff;bottom: 0;}
p.testimonial-text {max-width: 373px;font-style: normal;font-weight: 400;font-size: 18px;line-height: 28.8px;margin-bottom: 22px;}
.testimonial-user-info h2 {font-style: normal;font-weight: 400;font-size: 16px;line-height: 21.56px;margin: 0 0 0;}
.testimonial-user-info h2 p{font-style: normal;font-weight: 400;font-size: 16px;line-height: 21.56px;}
.testimonial-user-info p {font-style: normal;font-weight: 200;font-size: 14px;line-height: 21.56px;}
.owl-controls .owl-pagination{position: absolute;right: 0;bottom: 20px;}
.testimonial-user-content img{object-fit: cover;}
.mobile-logo-wrap{text-align: center;}
.ginfo{display: flex;align-items: center;justify-content: space-between;gap: 10px;background: #FFFFFF;border: 1px solid #E1E1E1;box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.08);border-radius: 4px;padding: 12px;}
.ginfo-data{display: flex;align-items: center;gap: 10px;}
.ginfo-change{font-size: 14px;line-height: 22px;font-weight: 500;color: #3366FF;cursor: pointer;}
.ginfo-dt-img{}
.ginfo-dt-img img{width: 50px;height: 50px;border-radius: 50%;}
.ginfo-dt-ne{}
.ginfo-dt-ne .gname{font-size: 16px;line-height: 24px;font-weight: 400;color: #2C2E39;}
.ginfo-dt-ne .gemail{font-size: 14px;line-height: 21px;font-weight: 400;color: #656F78;}
.icon-pencil:before { content: "\f040"; }
.ginfo-change img {position: relative;top: -3px;right: 2px;}
form.login-form-ob input.form-control {padding: 14px 15px 14px;border-radius: 4px;height: unset;}
.container-form.signup-newform .form-group i{top: 17px;font-size: 15px;}
.container-form.signup-newform .intl-tel-input .selected-flag{max-height: 48px;}
.form-group.success input.form-control{border-color: #3366FF;}
.signup-newform button.signup-submitbtn{border-radius: 4px;}
.signup-fname, .signup-femail, .signup-fpassword, .signup-fphone{margin: 30px 0;transition: all .3s;}
.signup-firstbtm{color: #656F78;font-size: 15px;font-weight: 400;}
.signup-terms-service a{color: #2C2E39;text-decoration: underline;font-weight: 500;}
.back-to-login.signup-firstbtm{font-size: 15px;font-weight: 500;}
.signup-with-others .others-button{font-weight: 600;font-size: 12px;line-height: 25px;color: #3c4043;}
.form-group.error label{
    padding: 0;
    clear: both;
    display: block !important;
    margin-top: 15px;
    transition: all .3s;
}
.form-group.error input.form-control{}
.container-form .form-group.success:before{top: 20px;margin-left: 12px;}
.form-group.error.eye-showhide input.form-control{background: unset;}
.signup-languages{position: absolute;top: 0;right: 40px;}
.signup-languages li.dropdown{display: block;}
.signup-with-others .others-button:hover, .signup-with-others .others-button:focus{color: #3366ff;}


.testimonial-user-content img {
    width: 58px!important;
    height: 65px;
    border-radius: 5px;
    position: relative;
}

.login-page-left-bottom .owl-theme .owl-nav.disabled+.owl-dots {
    position: absolute;
    right: 0;
    bottom: 14px;
}
.login-page-left-bottom .owl-theme .owl-dots .owl-dot span {
    width: 6px;
    height: 6px;
    background: #ffffff33;
}
.login-page-left-bottom .owl-theme .owl-dots .owl-dot.active span {
    width: 8px;
    height: 8px;
    background: #fff;
}
.testimonial-user-content {
    display: flex;
    gap: 26px;
    position: relative;
    bottom: -284px;
}
.testimonial-user-info {
    color: #fff;
    max-width: 246px;
}
.testtimonial-item {
    color: #fff;
    height: 350px;
    position: relative;
}
.login-page-left-bottom {
    position: fixed;
    bottom: 50px;
    left: 50px;
    max-width: calc(100% - 80px);
    width: 400px;
}

p.testimonial-text {
    max-width: 373px;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 28.8px;
    margin-bottom: 40px;
    position: absolute;
    bottom: 50px;
}

.testimonial-user-info h2 {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 21.56px;
    margin: 0;
}
.testimonial-user-info h2 p{
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 21.56px;
}
.testimonial-user-info p {
    font-style: normal;
    font-weight: 200;
    font-size: 14px;
    line-height: 21.56px;
    margin: 0;
}


img.langlobimg {
    width: 20px;
    position: relative;
    top: -1px;
    left: -2px;
}
li.dropdown.lang-dropdown img.arrowdown{}
li.dropdown.lang-dropdown {
    list-style: none;
    z-index: 5;
    margin-top: 35px;
    cursor: pointer;
}
li.dropdown.lang-dropdown>a {
    color: var(--black);
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    text-decoration: none;
    text-transform: uppercase;
}
li.dropdown.lang-dropdown>a i {
    margin-left: 21px;
    font-size: 18px;
}
.lang-dropdown .lang-list {
    right: 0;
    position: absolute;
    left: unset;
    min-width: 280px;
    max-width: 280px;
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
.lang-list li {
    float: left;
    width: 50%;
    cursor: pointer;
}
.dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    color: #262626;
    text-decoration: none;
    background-color: #f5f5f5;
}
li.dropdown.lang-dropdown a.dropdown-toggle{position: relative;}
li.dropdown.lang-dropdown a.dropdown-toggle span{padding-right: 30px;width: max-content;
inline-size: max-content;
height: max-content;
block-size: max-content;}
li.dropdown.lang-dropdown a.dropdown-toggle img.arrowdown{max-width: 11px;position: absolute;right: 0;top: calc(50% - 8px);opacity: .7;}
.signup-submitbtn-wrap #loadingModal{position: absolute;top: 0px;background: #3366FF !important;z-index: 99999999999999;width: 100%; height: 100%;}
.ball-spin-fade-loader>div{background-color: #fff;}
.signup-submitbtn-wrap #loadingModal .loader{top:  55%}

.signup-newform .signup-femail .form-group.error label.error.errorshouldshow,
.signup-newform .signup-fpassword .form-group.error label.error.errorshouldshow,
.signup-newform .signup-fphone .form-group.error label.error.errorshouldshow{display: block !important;margin-top: 3px;transform: unset;}

.signup-newform .signup-femail .form-group.error label.error,
.signup-newform .signup-fpassword .form-group.error label.error,
.signup-newform .signup-fphone .form-group.error label.error{display: none !important;color: #f44141;}
.signup-newform .signup-femail .form-group.error input#signup_email{}
.signup-newform .signup-fname .form-group.error label.error{color: #f44141;}
.signup-newform .signup-fname .form-group.error, .signup-newform .signup-femail .form-group.error, .signup-newform .signup-fpassword .form-group.error, .signup-newform .signup-fphone .form-group.error{margin-bottom: -15px;}
.signup-newform label{margin-bottom: 8px;}
.signup-newform .form-group.error label.error{margin-top: 15px;}


@media (max-width:1279px) {
    .signup-newform .signup-fname .form-group.error label.error,
    .signup-newform .signup-fpassword .form-group.error label.error,
    .signup-newform .signup-fphone .form-group.error label.error,
    .signup-newform .signup-femail .form-group.error label.error{margin: 0;}
}

@media (max-width:1200px) {
    .signup-languages{position:static; text-align: center;margin-top: 20px;}
    li.dropdown.lang-dropdown{text-align: right;margin-right: 30px;}
}

@media only screen and (min-width:992px) and (max-width:1250px) {
    .signup-languages{}
}

@media (max-width:991px) {
    .signup-new-left{width: 350px;padding: 25px;}
    .signup-new-right{width: calc(100% - 350px);}
    .signup-newform{padding-left: 25px; padding-right: 25px;}
    .container-form .form-group.success:before{margin-left: 5px;}
    .each-testimonial {padding: 25px 18px 120px;min-height: 415px;}
    .each-testimonial h4{font-size: 14px;line-height: 24px;}
    .etm-left .name{font-size: 15px;}
    .testi-quote {left: 18px;}
    img.desktop-logo{display: none;}
    .signup-new-left{display: none;}
    .signup-new-right{width: 100%;margin-left: 0;}
    img.mobile-logo{display: block;margin: 0 auto 20px;}
    .mobile-logo-wrap{position: absolute;top: 20px;left: 36px;}
    .mobile-logo-wrap img.mobile-logo{max-width: 85px;height: auto;}
    .signup-languages{margin-top: 0; position: absolute;top: -20px;right: 10px;}
    .signup-newform{margin-top: 15px;}
    .signup-new-right .dis-table .dis-table-cell{padding-top: 50px;}
    li.dropdown.lang-dropdown{margin-top: 40px;}
}

@media (max-width:767px) {
    a.mobile-logo-show{display: block;}
    .signup-new-wrap, .signup-new-right{display: block;width: 100%;}
    .signup-new-left{display: none;}
    .iti-mobile .intl-tel-input.iti-container{width: 84%;}
    .signup-terms-service, .reve-integrate-livechat-devider{max-width: 84%;}
    .reve-integrate-livechat-devider{margin-left: auto; margin-right: auto;}
    .signup-with-others .others-button{}
}


@media (max-width:479px) {
    .mobile-logo-wrap{top: 16px;left: 24px;}
    .signup-languages li.dropdown.lang-dropdown {margin-top: 35px;margin-right: 12px;}
    .signup-newform .signup-fname .form-group.error label.error, .signup-newform .signup-fpassword .form-group.error label.error, .signup-newform .signup-fphone .form-group.error label.error, .signup-newform .signup-femail .form-group.error label.error{font-size: 13px;}
}