@charset "utf-8";
/* CSS Document */
body{padding: 0px 0 160px 0; margin: 0; font-family: 'Poppins', sans-serif; font-size: 17px; line-height: 26px; color: #000; background-color: #fff; min-height: 100vh; position: relative}
body, input{font-family: 'Poppins', sans-serif; font-size: 17px; }

.footer-area{ width: 100%; height: 157px; margin: 0px; padding: 0px; position: absolute; left: 0; bottom: 0px; display: flex}
.footer-area:after{background: url("../images/footer-bg.png") bottom repeat-x; width: 100%; height: 157px; margin: 0px; padding: 0px; position: absolute; left: 0; bottom: 0px; background-size: 100%; z-index: 2;content: '';}
.footer-area .main-wrapper{position: relative; }
.footer-area .main-wrapper:before{background: url("../images/footer-image.png") no-repeat; width: 200px; height: 201px; position: absolute; left: -100px; bottom: -10px; content: ''; background-size: 100%; z-index: 1}



*{box-sizing: border-box;}
img{max-width: 100%; height: auto}
.clear{clear:both; }
.main-wrapper{width: 100%; max-width: 1270px; margin:auto; padding: 0 15px}
.site-btn{background: #f89839; padding: 10px 61px; color: #fff; cursor: pointer; border-radius: 24px; border: 2px solid #f89839;transition: all 0.5s ease-in-out;}
.site-btn:hover{background: #000; border-color: #000; color: #fff}
a{text-decoration: none; color: #f89839}
.text-center{text-align: center}
.p-0{padding: 0!important}
.pl-0{padding-left: 0!important}
.pr-0{padding-right: 0!important}
.pb-0{padding-bottom: 0!important}
.pt-0{padding-top: 0!important}
.c-blue{color: #0fb3d1;}
.c-orange{color: #f89839;}
.c-black{color: #000000;}
.c-gray{color: #808080;}
.m-0{margin: 0!important}
.ml-0{margin-left: 0!important}
.mr-0{margin-right: 0!important}
.mb-0{margin-bottom: 0!important}
.mt-0{margin-top: 0!important}
.bdr-0{border: 0!important}
.display-inline{display: inline!important}
.ResendVerificationCode{cursor: pointer}
input:invalid:focus,input:invalid:focus-within{border-color: #E84747!important}
input:invalid:focus~label,input:invalid:focus-within~label{color: #E84747!important} 
/* Start for Header */
header{display: flex; padding: 20px 0 40px;}
.site-logo{width: 250px; float: left;}
.site-logo img{display: block}
.site-nav{width: calc(100% - 250px); float: right; margin-top: 18px;}
.site-nav ul{width: 100%; display: flex; justify-content: end; margin: 0px; padding: 0px;}
.site-nav ul li{list-style: none; padding-left: 20px;}
.site-nav ul li:first-child{padding-left: 0px}
.site-nav ul li a{color: #808080; text-decoration: none}
.site-nav ul li a:hover{color: #f89839}
 
/* End for Header */

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}


.main-section{width: 100%;height: calc(100vh - 250px);  display: flex; flex-wrap: wrap;}
 
.main-col2-wrap{width: 100%; display: flex; flex-wrap: wrap;}
.col2-left{width: 50%; padding-right: 15px;}
.col2-right{width: 50%; padding-left: 15px;}
.bl-main-heading, .bl-info-text, .bl-form-wrap, .bl-form-box, .bl-form-wrap, .bl-form-row, .forgot-password-row, .other-login-row, .bl-form-btn,.reg-line, .bl-form-box-head, .back-row, .validation-input-wrap , .update-pass-img, .update-pass-btn, .step-line, .create-ac-info, .signup-row-label,.signup-bottom-text, .signup-btn-wrap, .verification-text, .bl-form-box-sub-head{width: 100%; float: left; margin: 0px; padding: 0px; }
.bl-main-heading{position: relative; }
.bl-main-heading:before{width: 65px; height: 65px; position: absolute; background: #e5fbff; border-radius: 15px; content: ''; z-index: 1; top:-33px; left: -45px;} 
.bl-main-heading span{position: relative; z-index: 2; line-height: 1.35; font-size: 34px; font-weight: normal;}
.bl-main-heading span label{width: 100%; display: block; padding-bottom: 12px;}
.bl-info-text{margin-top: 37px; max-width: 450px;}
.bl-info-text span{font-weight: 500}
.bl-form-box{padding: 40px 45px; background: #F9F9F9; border: 1px solid #E5E5E5; border-radius: 25px;}
.bl-form-box.padding2{padding-left: 25px; padding-right: 25px;}
.bl-form-wrap{margin-bottom: 20px;}
 input[type="password"].input-password{background:url("../images/not-visible.svg") right 10px top 15px no-repeat; background-size: 22px;}
 input[type="text"].input-password{background:url("../images/visible.svg") right 10px top 18px no-repeat; background-size: 22px;}
.password-show-hide{background: transparent; border: 0; position: absolute; top: 15px; right: 5px; width: 30px; height: 30px;}
.forgot-password-row{text-align: right; margin-top: -8px; font-size: 15px;}
.forgot-password-row a:hover{text-decoration: underline}
.other-login-wrap{max-width: 350px; width: 100%; margin: auto}
.or-line{height: 1px; width: 100%; background: #dedede; float: left; position: relative; margin: 27px 0 50px 0}
.or-line span{background: #f9f9f9; font-size: 15px; color: #808080; position: absolute; top:-12px; left: 50%; width: 50px; margin-left: -25px; text-align: center; }
.other-login-row{margin-bottom: 15px}
.other-login-row:last-child{margin-bottom: 0px}
.other-login-btn{background: #fff; border: 2px solid #D2D2D2; cursor: pointer; border-radius: 10px; position: relative; text-align: center; color: #000; display: flex; overflow: hidden; justify-content: center; height: 63px; flex-wrap: wrap; align-items: center; width: 100%; transition: all 0.5s ease-in-out;}
.other-login-btn:hover {box-shadow: 0px 30px 52px #00000029;}
.other-login-btn img{position: absolute; left: 10px;}
.other-login-btn:before{content: ''; width: 28px; height: 35px; position: absolute; left: 10px; background: url("../images/before-login-sprite-image.png") no-repeat;}
.other-login-btn.ioc-login:before{background-position: 0px 0px;}
.other-login-btn.fb-login:before{background-position: -131px 4px;}
.other-login-btn.gmail-login:before{background-position: -66px 4px;}
.sign-head-space{margin-top: 20%;}
.bl-form-btn{margin-top: 33px;}
.reg-line{margin-top: 25px; font-size: 15px; color:#808080 }
.reg-line a{text-decoration: underline}
.reg-line a:hover{text-decoration: none}

/* Start For Floting Form */
 
.bl-form-row {position: relative; margin-bottom: 20px;}
.floating-input,
.floating-select,
.floating-input:required {padding: 0px; display: block; width: 100%; height: 54px; background-color: transparent; border: none; border-bottom: 1px solid #D2D2D2; margin-bottom: 20px;}
.floating-input:focus,
.floating-select:focus {outline: none; border-bottom: 2px solid #D2D2D2;}
.bl-form-row label {color: #808080; font-size: 17px; font-weight: normal; position: absolute; pointer-events: none; left: 0px; top: 5px; transition: 0.2s ease all;  -moz-transition: 0.2s ease all; -webkit-transition: 0.2s ease all;}
.floating-input:focus~label,
.floating-input:not(:placeholder-shown)~label {top: -20px; font-size: 15px; color: #0fb3d1; font-weight: 600;}
.floating-select:focus~label,
.floating-select:not([value=""]):valid~label {top: -20px; font-size: 15px; color: #0fb3d1; font-weight: 600;}
/* active state */
.floating-input:focus~.bar:before,
.floating-input:focus~.bar:after,
.floating-select:focus~.bar:before,
.floating-select:focus~.bar:after {
  width: 50%;
}
/* End For Floting Form */


.alert-msg-box{background: #E84747 ; min-height: 85px; display: flex; flex-wrap: wrap; box-shadow: 0px 3px 66px #00000042; border-radius: 75px; padding: 0 25px; align-items: center;   justify-content: space-between;   position: absolute; top: 3%; left: 50%; -ms-transform: translate(-50%, -3%); transform: translate(-50%, -3%); z-index: 100; max-width: 100%;}
.alert-msg-box.account-blocked{ width: 1080px;}
.alert-msg-box.incorrect-detail{ min-width: 517px; padding-right: 75px;}
.alert-msg-box.signup-incorrect-detail{ width: 675px;}
.alert-msg-box.alert-box-hide{display: none}

.alert-msg-text{color: #FFFFFF; padding-left: 55px; position: relative}
.block-msg:before{content: ''; width: 34px; height: 40px; position: absolute; left: 0px;  top:-6px; background: url("../images/before-login-sprite-image.png") no-repeat; background-position: -196px 0px;}
.alert-msg-cross{ width: 25px; height: 25px; position: absolute; right: 23px;  top:31px; background: url("../images/before-login-sprite-image.png") no-repeat; background-position: -267px 0px; }
.reactivate-link{padding-right: 95px; font-size: 20px; position: relative}
.reactivate-link a{color: #fff; text-decoration: underline}
.reactivate-link a:hover{text-decoration: none}
.reactivate-link span{ width: 1px; height: 32px; background: #fff; top:-3px; left: -32px; position: absolute; transform: rotate(25deg);}
.stop-msg:before{content: ''; width: 36px; height: 36px; position: absolute; left: 0px;  top:-6px; background: url("../images/before-login-sprite-image.png") no-repeat; background-position: -0px -72px;}
.validation-error .floating-input:focus~label, .validation-error .floating-input:not(:placeholder-shown)~label, .validation-error .signup-row-label{color: #E84747}
.validation-error .floating-input, .validation-error .floating-select,.validation-error .select2-container--default .select2-selection--single{border-color: #E84747}

.bl-form-box-head{font-size: 24px; }
.forgot-password-wrap{margin-top: 70px;}
.main-section.fp-page {width: 100%; height: calc(100vh - 350px);  display: flex; flex-wrap: wrap;}
.fp-page .sign-head-space {margin-top: 0;}
.back-row{font-size: 15px; margin-bottom: 65px;}
.validation-input-wrap{margin-top: 40px;}
.validation-input-wrap input[type=text]{width: 100px; height: 100px; margin-left: 10px;  float: left; background: #FFFFFF; border: 1px solid #808080; border-radius: 100%; text-align: center;}
.validation-input-wrap input[type=text]::placeholder{  font-size: 23px;}
.validation-input-wrap input[type=text]:focus-visible{outline: none}
.validation-input-wrap input[type=text]:first-child{margin-left: 0px;}
.resend-otp{position: relative; color: #f89839; margin-left: 22px; padding-left: 39px;}
.resend-otp .resend-otp-icon{cursor: pointer; width: 26px; height: 26px; position: absolute; left: 0px;  top:0px; background: url("../images/before-login-sprite-image.png") no-repeat; background-position: -70px -72px;}
.validation-input-wrap.validation-error input[type=text]{border-color: #E84747; color: #E84747}
.bl-form-box-sub-head.validation-error{color: #E84747}

.update-pass-page .bl-info-text{max-width: 100%; text-align: center; margin-bottom: 105px;}
.update-pass-head-wrap{display: flex; justify-content: center; width: 100%;}
.update-pass-head-wrap .bl-main-heading{width: auto}
.update-pass-img{margin-bottom: 70px;}



.step-line{color: #808080; font-size: 15px; margin-bottom: 65px; margin-top: 20%}
.create-ac-info{font-size: 20px; line-height: 30px; max-width: 375px; margin-bottom: 30px; margin-top: -16px;}

.signup-row-wrap{width: 100%; display: flex; flex-wrap: wrap}
.signup-left-col{width: 55px;}
.signup-right-col{width: calc(100% - 55px);}

.sr-col-2 .bl-form-row{width: calc(50% - 25px);}
.signup-right-col .bl-form-row{ margin-left: 25px;  }
.signup-right-col.sr-col-1 .bl-form-row{width: calc(100% - 25px);}
.signup-row-label{font-size: 15px; color: #0fb3d1; font-weight: 600;}
.signup-radio-row{display: flex; flex-wrap: wrap; width: 100%;align-items: center; padding-bottom: 16px; border-bottom: 1px solid #D2D2D2;}
.signup-radio-row .signup-row-label{float: none; width: auto;}
.signup-radio-wrap{padding-left: 30px; display: flex; flex-wrap: wrap;}
.signup-radio-box{padding-right: 20px;}
.signup-radio-box:last-child{padding-right: 0px;}

.signup-bottom-text{text-align: center; font-size: 13px; color: #808080; line-height: 20px; padding: 0 75px; margin-top: 13px;}
.signup-bottom-text a{text-decoration: underline; font-weight: 500}
.signup-bottom-text a:hover{text-decoration: none; }
.signup-btn-wrap{margin: 0px; text-align: center;}
.signup-btn-wrap .reg-line{margin-bottom: 22px;}

.verification-text{color: #808080; margin-top: 10px; max-width: 440px;}
.bl-form-box-sub-head{color: #0FB3D1; font-size: 15px; font-weight: 600; margin-top: 50px;}
.signup-validation-input-wrap {width: 100%; display: flex; align-items: center; padding-top: 13px; flex-wrap: wrap;}
.signup-validation-input-wrap .validation-input-wrap{margin-top: 0px; width: calc(100% - 100px); float: none;}
.signup-validation-input-wrap .validation-input-wrap input[type=text]{width: 70px; height: 70px;}
.signup-validation-input-wrap .resend-otp{margin: 0; width: 90px;}
.bl-main-heading span label.nowrap-head{display: inline}

.subscription-box-row{width: 100%; display: flex; flex-wrap: wrap}
.subscription-box{width: 145px; margin-right: 20px; background: #FFFFFF; border: 1px solid #D2D2D2; border-radius: 16px; text-align: center; padding-bottom: 30px; padding-top: 53px;}
.subscription-line1,.subscription-line2,.subscription-line3{width: 100%;}
.subscription-line1{color: #0FB3D1; font-size: 13px; font-weight: 600; }
.subscription-line1 span{color: #000000; font-size: 24px; font-weight: normal;}
.subscription-line2{color: #000000; font-weight: 600; margin-top: 21px;}
.subscription-line3{font-size: 13px; color: #808080; line-height: 20px; margin-top: 10px; font-weight: 500; transition: box-shadow,top,0.3s ease-out;}

.subscription-box:hover {box-shadow: 0px 30px 52px #00000029;  border: 1px solid #0FB3D1;  top: -8px;}
.subscription-box:last-child{margin-right: 0px;}

.refer-friend-row{width: 100%; margin: auto; max-width: 735px;}
.refer-friend-col{width: 100%; display: flex; flex-wrap: wrap; position: relative; padding: 35px 0px 0px 0px; justify-content: center;}
.refer-friend-col a:hover{text-decoration: underline}


.refer-friend-box{width: 100%; background: #FFFFFF; box-shadow: 0px 3px 97px #00000029; border-radius: 22px; border: 1px solid #D2D2D2; position: absolute; left: 0; bottom: 45px; padding: 75px 25px; z-index: 3; display: none}
.refer-friend-box.openrefer{display: block}
.refer-friend-box:before{  position: absolute;
  bottom: -21px;
	left: 50%;
	margin-left: -16px;
  content: "";
  display: inline-block;
  width: 40px;
  height: 40px;
  border-right: 1px solid #D2D2D2;
  border-top: 1px solid #D2D2D2;
  transform: rotate(135deg);  
  background: #fff}
.rf-cross{cursor: pointer; width: 26px; height: 26px; position: absolute; right: 25px;  top:30px; background: url("../images/refer-friend-sprite-image.png") no-repeat; background-position: 0px 0px;}
.refer-friend-heading,.refer-friend-text,.refer-friend-copy-box,.refer-so-row{width: 100%; display: flex; margin: 0px; padding: 0px; flex-wrap: wrap}
.refer-friend-heading{font-size: 24px; color: #000000;}
.refer-friend-text{color: #808080; margin-top: 15px;}
.refer-friend-copy-box{height: 63px; background: #E4FAFE; border: 1px solid #B8E3EB; border-radius: 33px; margin-top: 33px; position: relative; align-items: center; padding: 0px 30px; justify-content: space-between;}
.rfcb-text{white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis; width: calc(100% - 50px); color: #0FB3D1}
.rfcb-copy{cursor: pointer; width: 26px; height: 25px;/* position: absolute; right: 25px;  top:20px; */background: url("../images/refer-friend-sprite-image.png") no-repeat; background-position: -63px 0px;}

.refer-so-row{margin-top: 20px; justify-content: center;}
.refer-so-link{width: 58px; height: 58px; background: #E4FAFE; border: 1px solid #B8E3EB; border-radius: 100%; margin-right: 5px; margin-left: 5px; cursor: pointer; position: relative;  transition: box-shadow,top,0.3s ease-out;}

.refer-so-link:before{content: ''; position: absolute; right: 0px;  top:0px; left:0px; bottom: 0px; margin: auto;  background: url("../images/refer-friend-sprite-image.png") no-repeat; width: 27px; height: 26px;} 

.refer-so-link.refer-fb:before{background-position: -128px 0px; width: 27px; height: 26px;} 
.refer-so-link.refer-twitter:before{background-position: -206px 0px; width: 30px; height: 27px;} 
.refer-so-link.refer-linkedin:before{background-position: -286px 0px; width: 26px; height: 26px;} 

.refer-so-link:hover{transform: rotate(360deg);}



.refer-or-line{width: 100%; display: flex; margin: 45px 0; padding: 0px 45px; }
.refer-or-line .or-line span{width: 280px; margin-left: -140px; background: #fff }
.refer-or-line .or-line{margin: 0px;}
 


/* Start for radio button */
 
input[type=radio   ]:not(old){
  width     : 2em;
  margin    : 0;
  padding   : 0;
  font-size : 1em;
  opacity   : 0;
}

 
input[type=radio   ]:not(old) + label{
  display      : inline-block;
  margin-left  : -2em;
  line-height  : 21px;;
	color: #808080;
}


input[type=radio   ]:not(old) + label > span{
  display          : inline-block;
  width            : 22px;
  height           : 22px;
  margin           : 0 10px 0 0;
  border           : 1px solid #D2D2D2;
  border-radius    : 100%;
  background       : #F3F3F3; 
  vertical-align   : bottom;
}

 
input[type=radio   ]:not(old):checked + label > span{
  background       : #F3F3F3;
}

 

input[type=radio]:not(old):checked +  label > span > span{
  display          : block;
  width            : 12px;
  height           : 12px;
  margin           : 4px;
  border           : 0;
  border-radius    : 100%;
  background       : #0FB3D1;
  
}
input[type=radio   ]:not(old):checked + label{color: #000}
/* End for radio button */



.form-group {position: relative; margin-bottom: 30px;} 
select.form-control {padding-top: 10px; transition: 0.15s;} 
.floating-label {color: #808080; font-size: 17px; opacity: 1; top: 5px; left: 0px; pointer-events: none; position: absolute; transition: 240ms; margin-bottom: 0; z-index: 1;} 
.form-group.focused .floating-label {top: -20px; font-size: 15px; color: #0fb3d1; font-weight: 600;}

  
/*--------select2-css----*/ 
.select2-container--default .select2-selection--single {background-color: transparent; height: 54px;  border-radius: 0; border: 0; border-bottom: 1px solid #D2D2D2;}
.select2-container--default .select2-selection--single .select2-selection__arrow {height: 26px; position: absolute; top: 10px; right: 0; width: 10px;}
.select2-container .select2-selection--single .select2-selection__rendered{padding-left: 0; padding-right: 10px; padding-top: 11px;}
.floating-input::placeholder{color: #808080}


/* Start For Employer Type */

.et-wrapper{width: 100%; display: flex; flex-wrap: wrap; margin: 0px; padding: 0px;}
.et-text-line,.et-btn-line{width: 100%; text-align:center }
.et-text-line{font-size: 21px; line-height: 31px; transition: all 0.5s ease-in-out; font-weight: 600; color: #D5D5D5; padding: 15px 0; cursor: pointer}
.et-text-line:hover,
.et-text-hover,
.et-text-def,.et-text-select{font-size: 24px; line-height: 35px; color: #000}
.et-text-select{color: #F89839!important}
.disabledDiv {background: #D2D2D2; pointer-events: none; opacity: 0.4; border-color: #D2D2D2}
.user-type-wrap{height: calc(100vh - 270px); align-items: center;}
.user-type-wrap .sign-head-space{margin-top: 0px;}
.et-btn-line{padding-top: 50px;}
.et-line-wrapper{width: 100%}
.et-btn-line .site-btn{display: inline-block}
/* End For Employer Type */


/* Start For Subscription Plan */
.subscription-radio-row,.signupsubscriptionplan-heading,.signupsubscriptionplan-line1,.signupsubscriptionplan-line2,.sspp-box-wrapper,.ss-paid-way{width: 100%; display:flex; flex-wrap:wrap; margin: 0px; padding: 0px;}
.subscription-radio-row,.signupsubscriptionplan-heading,.sspp-box-wrapper{justify-content: flex-end}
.subscription-radio-box{padding-right: 20px;}
.subscription-radio-box:last-child{padding-right: 0px;}
.subscription-radio-box input[type=radio ]:not(old) + label > span{width: 19px; height: 19px; margin-right: 7px;}
.subscription-radio-box input[type=radio]:not(old):checked + label > span > span{width: 9px; height: 9px;}
.subscription-radio-box input[type=radio ]:not(old) + label{color: #000; font-size: 14px; font-weight: 500;  line-height: 18px;}
.subscription-radio-box input[type=radio ]:not(old){width: 23px;}

.signupsubscriptionplan-heading{font-size: 21px; line-height: 31px; font-weight: 600; padding-bottom: 43px;}
.signupsubscriptionplan-box{background: #FFFFFF; box-shadow: 0px 43px 47px #00000029; border: 1px solid #D2D2D2; border-radius: 12px; padding: 26px 20px 30px; }
.signupsubscriptionplan-line1{font-size: 26px; line-height: 39px; align-items: baseline;}
.signupsubscriptionplan-line1 span{font-size: 12px; line-height: 18px; color: #0FB3D1}
.signupsubscriptionplan-line2{font-size: 13px; line-height: 18px; padding-top: 10px;}
.signupsubscriptionplan-box,
.sspp-btn-row{max-width: 500px; width: 100%}
.sspp-right-col{display: flex; justify-content: flex-end; flex-wrap: wrap}
.sspp-box-wrapper{margin-top: 17px; padding-bottom: 36px;}




.subscription-summary-table{padding: 0px; background: #FFFFFF; border: 1px solid #D2D2D2; border-radius: 7px; overflow: hidden; margin: 25px 0 35px }
.subscription-summary-row{width: 100%; display: flex; flex-wrap: wrap; margin: 0px; padding: 11px 20px 13px; justify-content: space-between}
.subscription-summary-row:first-child{padding-bottom: 31px; padding-top: 25px;}
.subscription-summary-row:nth-child(2n){background: #e6fbff;}
.subscription-summary-col-right{font-weight: 600;}
.ss-paid-way{font-size: 34px; line-height: 51px; align-items: baseline; padding-bottom: 10px;}
.ss-paid-way span {font-size: 30px; line-height: 30px; color: #0FB3D1;}
.ss-paid-type{height: 24px; background: #000000; border-radius: 12px;color: #FFFFFF; font-size: 13px; line-height: 18px; display: flex; flex-wrap: wrap; width: fit-content; align-items: center; padding: 2px 15px 0;}

.subscription-summary-row:first-child .subscription-summary-col-right{padding-top: 5px;}
.cap-row{width: 100%; display: flex; flex-wrap: wrap; margin: 0px; padding: 0; font-size: 15px; line-height: 18px;}
.info-card-number{color: #000; font-weight: 500; display: block}


.card-heading, .card-box, .card-row{width: 100%; display: flex; flex-wrap: wrap; margin: 0px; padding: 0px;}
.card-heading{font-size: 13px; font-weight: bold}
.card-box{padding: 0px; background: #FFFFFF; border: 1px solid #B9B9B9; border-radius: 7px; }
.card-row{border-bottom: 1px solid #B9B9B9}
.card-row:last-child{border-bottom: 0px}
.card-col{width: 100%; height: 40px; border-right: 1px solid #B9B9B9; padding-left: 10px; padding-right: 10px;}
.card-col:last-child{border-right: 0px; }
.card-col2{width: 50%}
.card-col3{width: 33.33%}

.card-row input[type="number"],
.card-row input[type="text"]{border: 0px!important; background: transparent; width: 100%; height: 100%;}
.card-row input:focus-visible{outline: 0}

/* End For Subscription Plan */
	 





@media screen and (max-width: 1400px){
.bl-main-heading:before{left:-10px;} 
	 
} /*1400px*/


@media screen and (max-width: 1100px){
	.bl-form-box{padding: 25px 25px;}	
	.reactivate-link span{left: -20px}
	.reactivate-link{padding-right: 50px;}
	.signup-radio-wrap {padding: 8px 0 0 0; width: 100%;}
	.create-ac-info{margin-top: 0px;}
	.footer-area:before{width: 225px;  height: 233px;}
} /*1100px*/

@media screen and (max-width: 900px){
	.account-blocked{ top: 20px; left: 5%; width: 90%; transform: inherit; flex-direction: column;}	
	.reactivate-link span{display: none}
	.alert-msg-box{justify-content: center; padding: 20px 15px;}
	.alert-msg-text{padding-left: 45px;}
	.reactivate-link {padding: 10px 0 0 0;}
	.validation-input-wrap input[type=text]{width: 70px; height: 70px;}
	.subscription-box { width: 32%; margin-right: 2%;}
	.subscription-line1 span{font-size: 22px; width: 100%; display: block;}
	.ss-paid-way{font-size: 27px; padding-bottom: 3px;}
	.ss-paid-way span{font-size: 20px;}
	.subscription-summary-row:first-child {padding-bottom: 25px; padding-top: 11px;}
	} /*900px*/

@media screen and (max-width: 767px){
/*.manu-cross, .mobile-menu-icon{display:block;}	
.manu-cross{position: absolute; right: 50px; top: 10px; color: #fff; font-size: 20px;}
.mobile-menu-icon {width: 35px; float: right; margin-top:10px;}
.mobile-menu-icon span {width: 100%; float: left; margin: 0px; padding: 0px; height: 2px; background: #f89839;}
.mobile-menu-icon span:nth-child(2) {margin: 8px 0;}
.site-nav.openmenu {visibility: visible; opacity: 1; transition: all .3s ease-in-out;}	
.site-nav{width: 100%; margin: 0px 0 0 0px; padding:0 50px;  position: fixed;  top: 0; left: 0; background: #0fb3d1; height: 100vh; z-index: 100; visibility: hidden; opacity: 0;  transition: all .3s ease-in-out;}	
.site-nav ul {width: 100%; display: flex;  justify-content: center; flex-wrap: wrap; align-items: center; height: 100%; flex-direction: column;}	
.site-nav ul li{width: 100%; padding: 15px 0; font-size: 22px}
.site-nav ul li a{color: #fff}*/
	
	.site-nav ul li a.home-menu span{display: none}
	.site-nav ul li a.home-menu{background: url("../images/home.svg") no-repeat; width: 25px; height: 25px; display: inline-block;}
	.col2-left,.col2-right{width: 100%; padding-left: 0; padding-right: 0px;}	
	.site-logo {width: 175px;}
	.site-nav{    width: calc(100% - 190px); margin-top: 10px;}    
	.sign-head-space {margin-top: 20px;}
	.bl-main-heading:before{width: 30px; border-radius: 5px; top: -8px; height: 30px;}
	.bl-main-heading span{font-size: 25px;}
	.bl-main-heading span label{padding-bottom: 5px; display: inline;}
	.bl-info-text {margin-top: 25px; margin-bottom: 30px;}	
	.alert-msg-box{border-radius: 10px;}	
	.alert-msg-cross{background-position: -321px 0px;width: 25px; height: 25px; top:6px; right: 9px;}
	.alert-msg-text{padding-right: 20px;}
	.bl-form-box,.bl-form-box.padding2 {border-radius: 10px; padding: 30px 15px;}
	.main-section,.main-section.fp-page{height: auto}
	.forgot-password-wrap {margin-top: 45px;}
	.bl-info-text{max-width: 100%}
	.back-row {margin-bottom: 35px;}
	.bl-form-box-head {font-size: 20px;}
	.site-btn{padding: 10px 50px}
	.validation-input-wrap input[type=text],
	.signup-validation-input-wrap .validation-input-wrap input[type=text]{width: 65px; height: 65px; margin-left: 5px;}
	.update-pass-img { margin-bottom: 35px; margin-top: 50px;}
	.update-pass-img img{width: 75px}
	.update-pass-page .bl-info-text{margin-bottom: 60px;}
	.step-line{margin-bottom: 25px; margin-top: 10px;}
	.create-ac-info {font-size: 18px; line-height: 27px; max-width: 100%}
	.signup-bottom-text{padding: 0px}
	.bl-form-box-sub-head{margin-top: 35px;}
	
	.validation-input-wrap input[type=text]{font-size: 16px;}
	.refer-friend-copy-box{padding: 0px 10px; border-radius: 15px; margin-top: 25px;}
	.refer-or-line{padding: 0px; margin: 35px 0}
	.refer-or-line .or-line span {width: 260px; margin-left: -130px;}
	.refer-friend-box{padding: 30px 10px; border-radius: 10px;}
	.rf-cross{background-position: 6px -57px; right: 5px; top: 8px;}
	body{padding-bottom: 50px;}
	.footer-area{background-size: cover; height: 70px;}
		.footer-area:before{display: none}
	.signupsubscriptionplan-heading {font-size: 18px; line-height: 30px; font-weight: 600; padding-bottom: 20px;}
	.signupsubscriptionplan-box, .sspp-btn-row{max-width: 100%}
} /*767px*/
	

@media screen and (max-width: 576px){
	.mobile-seprator{width: 100%}
	.signup-validation-input-wrap{justify-content: center}
	.signup-validation-input-wrap .resend-otp{margin-top: 20px;}
	.signup-validation-input-wrap .validation-input-wrap{width: auto}
	.site-logo {width: 125px;}
	.site-nav{    width: calc(100% - 130px); margin-top: 0px;}    
	.site-nav ul li{padding-left: 15px; font-size: 15px;}
	.subscription-summary-row{padding-left: 10px; padding-right: 10px; font-size: 16px;}
	.subscription-summary-table{margin: 15px 0 25px}
	.ss-paid-way {font-size: 24px; padding-bottom: 0;}
	.ss-paid-way span {font-size: 16px;}
	.signupsubscriptionplan-box{padding: 10px 10px 15px}
} /*576px*/





.temp-setect-box:focus{outline: 0}
.temp-setect-box{font-size: 14px;
    padding: 4px 4px;
    display: block;
    width: 100%;
    height: 54px;
    background-color: transparent;
    border: none; color: #444; font-size: 17px;
    border-bottom: 1px solid #D2D2D2;
    background-image: url(../images/select-arrow.png);
	background-repeat: no-repeat;
	background-position: right 0px top 23px;   
    outline: 0px!important;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;   
}
select.temp-setect-box::-ms-expand {
    display: none;
}


 .temp-setect-col label.floating-label{ color: #999;
    font-weight: normal;
    position: absolute;
    pointer-events: none; 
    top: 5px;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
}

.temp-setect-box:focus~label,
.temp-setect-box:not([value=""]):valid~label {
    top: -20px;
    font-size: 15px;
    color: #0fb3d1;
    font-weight: 600;
 
}