.login-process-container{width: 100%; float: left; background: #faf6f3; padding: 30px 0px; margin-top: -20px;}
.sign-form-area{ width: 66.5%!important; margin: 0 auto;}
.sign-form-area .otp-content{ margin: 30px 0px 10px; font-weight: 300; line-height: 24px;}
.form_block .input-medium{ width: 33.3%!important;}
.form_block .input-medium .select2{width: 100%!important;}
.form-body-text{font-family: 'Catamaran', sans-serif; font-size: 18px; line-height: 1.3; border-bottom: solid 1px #ccc; padding-bottom: 20px; margin-bottom: 20px;}
.form-body-text strong{font-weight: 500;}
.form-body-text img{border-radius: 70px; margin-right: 20px; float: left; width: 175px;}
.form-body-text p{font-family: 'Catamaran', sans-serif; font-size: 18px; line-height: 1.3; font-weight: 300;}

.sign-form-area .form-group{ width: 50%!important; padding: 10px 15px;}
.sign-form-area .full-width{ width: 100%!important;}
.sign-form-area .banner-part{ width: 280px; float: left; margin-right: 20px;}
.login-form-area{ width: 45%; margin: 0 auto;}
.login-form-block{ width: 100%; float: left; background: #ffffff; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.16); padding: 30px; border-radius:4px;}
.login-form-block h1{ text-align: center; font-size: 32px;
    font-family: 'Arvo', serif;}
.login-form-block .sub-content{ color: #000000; font-size: 16px; font-weight: 400; text-align: center; padding-top: 10px;     font-family: 'Catamaran', sans-serif; margin: 0px;}
.login-form-block .sub-content a{ color: #2874f0; font-weight: 500; border-bottom: solid 1px #2874f0;}
.login-form-block .checkbox{ padding: 5px 20px 5px 0px; font-weight: 300; display: inline-block; margin: 15px 0px 0px; border-top: solid 1px #efefef; border-bottom: solid 1px #efefef;}
.login-form-block .checkbox label{ margin-bottom: 0px; font-weight: 300; padding-bottom: 0px!important;}
.login-form-block .checkbox a{color: #2874f0;}
.login-form-block #authMessage{ background: #ffdce0; border: solid 1px #e6c4c9; color: #bc2200; margin: 15px 0px 0px; padding: 5px 0px; border-radius: 4px;}
.login-form-block .alert_Message{ background: #fcede9; border: solid 1px #f2e0dd; color: #7f1623; margin: 15px 0px 0px; padding: 5px 0px; border-radius: 4px; text-align: center;}

.login-form-block .form-group{ width: 100%; float: left; margin-top: 5px;}
.login-form-block .remeber-me{ color: #000000; font-size: 16px; font-weight: 400; display: inline-block;}
.login-form-block .forgot-password{ text-align: right; color: #2874f0; float: right; border-bottom: solid 1px #2874f0;}
.login-form-block .form-control{ width: 100%; float: left; padding: 10px 10px; border: solid 1px #2e5e9c;
    box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.15);}
.login-form-block .form-control::placeholder{ font-weight: 300; font-size: 16px;}
.login-form-block .logincontinue{ border-radius: 25px; text-transform: none; background: #2e5e9c; color: #fff; border: none; padding: 10px 20px; min-width: 300px; display: inline-block; font-weight: 500; font-size: 17px;}
.login-otp-btn{ color: #2874f0!important; border: solid 1px #2874f0!important; background: #fff!important; }
.m-0{ margin-top: 0px!important;}
.p-0{ padding-top: 0px!important;}
.login-form-block .error-message {

    width: 100%;
    color: #ff0000!important; margin-top: 5px; display: inline-block; margin-left: 0px; padding: 0px;
    font-size: 13px;
    font-style: italic; font-weight: 400;
}
.login-form-block .error {

    width: 100%;
    color: #ff0000!important;  display: inline-block; margin-left: 0px;
    font-size: 13px; font-weight: 400;
    font-style: normal; height: 38px;
}
.login-form-block .checkbox label{ font-size: 13px!important;}

.login-form-block .captcha-field{ width: 100%; float: left; border: none;}
.login-form-block .captcha-field label{ color: #000000; font-weight: 300; font-size: 16px; display: inline-block;}
.login-form-block .captcha{ padding: 5px 0px; text-align: center;}
.otp-content{ width: 100%; float: left; text-align: center; margin-top: 20px; color: #555a59; margin: 40px 0px 30px; font-size: 17px;}
.otp-content a{
    color: #2874f0;
    font-weight: 500;
    border-bottom: solid 1px #2874f0;}


    .otp-field-area{ width: 300px; margin: 0px auto 10px;}
    .otp-field{ width: 100%; margin: 30px auto 0; text-align: center; display: grid;   grid-template-columns: repeat(6, calc(15.66% - 5px)); grid-gap: 10px;}
    .otp-field input{ outline: none; border: none; border-bottom: solid 2px #ccc; border-radius: 0px; text-align: center;}


    #divState{width: 68%; float: left; padding: 0px 10px;}
    #divState select{width: 50%; }
    #divState .select2{width: 50%!important; min-width: 242px;}
    #divCity{ width: 50%!important; padding: 0px 10px;}
    #divCity select{width: 100%;}
#countdown { font-size: 18px; font-weight: 600; color: #4f7e47; width: 100%; text-align: center;  display: inline-block;}
#countdown span{ color: #555a59; font-size: 16px; font-weight: 400; font-style: italic; font-family: 'Unna', serif;}

.login-form-block .form_block{ border-radius: 5px; width: 100%; position: relative; border: solid 1px #2e5e9c;
    box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.15);}
.login-form-block .form_block input{ width: 68%; border: solid 1px #dadfe2; border-left: none; height: 38px; border-radius: 0px 5px 5px 0px; position: absolute; left: 32%; top: 0px;}
.login-form-block .form_block select{ border: solid 1px #dadfe2;  outline: none; border-radius: 5px 0px 0px 5px;}

.login-form-block #divCity{ padding-right: 0px!important; }
/* .login-form-block .selectpicker{margin-bottom: 15px; width: 32.3%!important; margin-right: 1%;} */

/* #MemberCountry{width: 32%!important; float: left;}
#divState { width: 68%; float: left;}
#divState .form-control{width: 50%!important; float: left;} */
#MemberCountry{width: 32%!important; float: left;}
.form-group .select2{width: 32%!important;  float: left;}
#MemberCountry .select2{width: 100%!important;}

#divCity .select2{ width: 100%!important;}
#divCity .select2{width: 100%!important;}



.select2-results li{font-size: 1rem!important;}
@media screen and (max-width: 767px) {
    .form-group .select2{ margin-top: 10px; width: 100%!important;}
   #divState .select2-container{ width: 100%!important;}
}

.select2-container .select2-selection--single .select2-selection__rendered{padding: 7px 10px; }
.select2-container .select2-selection--single{height: auto!important;border: solid 1px #2e5e9c!important;
    box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.15);}
.select2-container--default .select2-selection--single .select2-selection__arrow b{  border: solid black!important;
    border-width: 0 2px 2px 0!important;
    display: inline-block;
    padding: 2px;     transform: rotate(45deg);
    -webkit-transform: rotate(45deg);}
    .select2-container--default .select2-selection--single .select2-selection__arrow{height: 40px!important;}
    .select2-container--default .select2-selection--single .select2-selection__rendered{color: #111111!important;}

.login-form-block select{-moz-appearance: auto !important;
    -webkit-appearance: auto !important; appearance: auto !important;
   -o-appearance: auto !important; background: none!important;}

   .login-form-block label{ color: #000!important;  padding-bottom: 5px!important;}
    .free-report-signup{ width: 100%; float: left; margin: 20px 0px 20px; padding: 15px 0px; text-align: left; border-top: solid 1px #ccc; border-bottom: solid 1px #ccc; }
    .free-report-signup p{ font-size: 18px; font-weight: 300; line-height: 24px;}

.free-report-signup img{ border-radius: 5px;}


.phone-veri{ width: 100%; float: left; padding-top: 15px; text-align: center;}
.veri-phone{ background: #f0f0f0; font-weight: 300; border-left: solid 8px #2e5e9c; margin: 10px 0px; display: inline-block;  color: #555a59; padding: 5px 15px; font-size: 17px;}
.v-pn-area{ width: 100%; text-align: center; margin: 10px 0px;}
.v-pn{ border-radius: 25px;border: solid 1px #dadfe2; display: inline-block; padding: 10px 5rem 10px 15px!important; font-weight: 400; font-size: 17px;}

.v-pn-area .logincontinue{ min-width: 150px;}
.login-form-block .checkbox .error {
    height: auto;
    width: auto;
    position: inherit;
    margin-left: 0px;
}

@media screen and (max-width: 1024px) {
    .sign-form-area{ width: 100%!important;}

}


@media screen and (max-width: 767px) {
    .login-process-container{ margin-top: -10px;}
    .login-form-area{ width: 100%;}
    .sign-form-area .form-group{ width: 100%!important; padding: 10px 0px;}
    #divState .input-medium{ width: 100%; padding-right: 0px;}
    .login-form-block .selectpicker{ width: 100%;}
    .v-pn{padding: 10px 2rem 10px 15px !important; margin-bottom: 10px;}
    .v-pn-area .logincontinue{ min-width: auto!important;}
    .form_block .input-medium{ width: 100%!important;}
    #divCity{ width: 100%!important;}
    .form-body-text img{width: 100px; margin-right: 10px;}
    #divState{width: 100%;}
    #divCity{ width: 100%!important;}
	#divState{padding: 0px 0px;}
	#divCity{padding: 0px 0px;}
}


@media screen and (max-width: 480px) {
    .login-form-block .logincontinue{min-width: 250px;}
    .login-form-block{ padding: 15px;}

}