@charset "utf-8"; 
body{padding: 0px; margin: 0; font-family: 'Poppins', sans-serif; font-size: 17px; line-height: 27px; color: #878787; background: url("../images/body-bg.jpg") #000 no-repeat; background-position: bottom right; min-height: 100vh;} 
.bodyBlur{overflow: hidden}
.bodyBlur .mainWrapper{-webkit-filter: blur(20px); filter: blur(20px); pointer-events: none;} 

/* Chrome, Safari, Edge, Opera */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {-webkit-appearance: none; margin: 0;}
/* Firefox */
input[type="number"] {-moz-appearance: textfield;}

input{font-family: 'Poppins', sans-serif; font-size: 16px; font-weight: 300;}
*{box-sizing: border-box;}
*:focus{outline: none}
a{text-decoration: underline; color: #6FDCB0}
a:hover{text-decoration: none}
img{max-width: 100%; height: auto}
.clear{clear:both;}
.mainWrapper{width: 100%; max-width: 1310px; margin:auto; padding: 0 15px}
.site-btn{background: #6FDCB0; padding: 10px 20px; color: #1D6A4B; cursor: pointer; border-radius: 24px;  transition: all 0.5s ease-in-out; border: 0; font-weight: 400; width: 175px; text-align: center; display: inline-block; text-decoration: none}
.site-btn:hover{background: #FF7903; color: #fff}
.cDiv{width: 100%; margin: 0px; padding: 0px;}
.mb-0{margin-bottom: 0!important}
.mt-0{margin-top: 0!important}
.wAuto{width: auto!important}
.select2-dropdown{background-color: #1c1c1c; border-color: transparent; font-size: 14px}
.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option[aria-selected=true]{background-color: #101010; color: #fff;}
.select2-container{width: 100%!important}
/*Start Change text in autofill textbox*/
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-text-fill-color: #fff !important;
  -webkit-box-shadow: 0 0 0px 1000px transparent inset!important;
  transition: background-color 5000s ease-in-out 0s!important;
  color: #000 !important;
}
/*End Change text in autofill textbox*/
/* Start for Header */
.mainWrapper header{display: flex; flex-wrap: wrap; width: 100%; justify-content: space-between; align-items: center; padding: 55px 0 55px;}
.siteLogo{width: 250px;}
.siteLogo img{display: block} 
.siteNav ul{width: 100%; display: flex; justify-content: end; margin: 0px; padding: 0px;}
.siteNav ul li{list-style: none; padding-left: 22px; margin-left: 15px; font-size: 15px; position: relative}
.siteNav ul li:before{content: ''; width: 6px; height: 6px; background: #878787; border-radius: 100%; position: absolute; top:10px; left: 0px;}
.siteNav ul li:first-child{padding-left: 0px; margin-left: 0px}
.siteNav ul li:first-child:before{display: none}
.siteNav ul li a{color: #878787; text-decoration: none}
.siteNav ul li a:hover{color: #6FDCB0} 
/* End for Header */
.mainColWrap{width: 100%; display: flex; flex-wrap: wrap; min-height: calc(100vh - 140px); align-items: center; position: relative; padding-bottom: 50px;}
.mainColLeft{width: 50%; padding-right: 15px; }
.mainColRight{width: 50%; padding-left: 15px;}
.pageMainHeading{color: #FFFFFF; font-size: 35px; line-height: 1.4; font-weight: 300;}
.pageInfoText{max-width: 450px; padding-top: 25px;}
.pageInfoText span{color: #FF7903}
.blFormBox{padding: 40px 45px 60px; background: #272727; border-radius: 15px;}  
.blFormRow{position: relative; margin-bottom: 35px;} 
.floatingInput{padding: 0px; margin: 0px; display: block; width: 100%; height: 54px; background-color: transparent; border: none; border-bottom: 1px solid #484848; color: #FFFFFF;}
.floatingInput:focus {outline: none; }
.blFormRow label {color: #878787; 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;}
.floatingInput:focus~label,
.floatingInput:not(:placeholder-shown)~label,
.floatingLabel.active{top: -15px; font-size: 15px; color: #6FDCB0; font-weight: 500;}
.togglePassword{width: 25px; height: 25px; position: absolute; top: 9px; right: 0; cursor: pointer;} 
.togglePassword.showPassword{background: url("../images/show-password-icon.png") no-repeat;}
.togglePassword.hidePassword{background: url("../images/hide-password-icon.png") no-repeat;}
.forgotPasswordRow{text-align: right; margin-top: 15px; font-size: 15px;}
.formBtnRow{text-align: center; padding-top: 35px;} 
.regLine{margin-top: 17px; font-size: 15px; color:#878787 } 
.otherLoginWrap{max-width: 350px; width: 100%; margin: auto; padding-bottom: 10px;}
.orLine{height: 1px; width: 100%; background: #484848; float: left; position: relative; margin: 40px 0 45px 0}
.orLine span{background: #272727; font-size: 15px; color: #484848; position: absolute; top:-14px; left: 50%; width: 50px; margin-left: -25px; text-align: center;}  
.otherLoginBtn{background: #000; cursor: pointer; border-radius: 10px; position: relative; text-align: center; color: #fff; display: flex; overflow: hidden; justify-content: center; height: 61px; flex-wrap: wrap; align-items: center; width: 100%; transition: all 0.5s ease-in-out; font-weight: 300; text-decoration: none!important}
.otherLoginBtn:hover {box-shadow: 0px 30px 52px #a3757529;} 
.otherLoginBtn:before{content: ''; width: 25px; height: 25px; position: absolute; left: 25px; background: url("../images/gmail-icon.png") no-repeat;}
.pageBackRow{width: 100%; margin: 0px; padding: 0px; position: absolute; top:0; left: 0px;}
.pageBackRow a{text-decoration: none}
.pageBackRow a:hover{text-decoration: underline} 
.verifyInputWrap{margin-top: 18px; display: flex; flex-wrap: wrap}
.verifyInputWrap input[type=number]{width: 100px; height: 100px; margin-left: 15px; background: #2b2b2b; color: #fff; font-size: 23px; border: 0; border-radius: 15px; text-align: center;}
.verifyInputWrap input[type=number]::placeholder{color: #fff; font-size: 23px; opacity: 1;}
.verifyInputWrap input[type=number]:focus-visible{outline: none}
.verifyInputWrap input[type=number]:first-child{margin-left: 0px;}
.verifyInputWrap input[type=number]:focus::placeholder{color: transparent}
.resendOtp{position: relative; color: #6FDCB0; padding-left: 37px; width: 60%;}
.resendOtp .resendOtpIcon{cursor: pointer; width: 24px; height: 21px; position: absolute; left: 0px;  top:2px; border: 0; background: url("../images/time-refresh-icon.png") center no-repeat;}
.resendOtp .resendOtpText{cursor: pointer; font-size: 15px; color: #6FDCB0; padding-right: 20px;}
.outerFormBtnRow{justify-content: space-between; display: flex; flex-wrap: wrap; padding-top: 35px;}
.outerFormBtnRow.justifyContentCenter{justify-content: center;}
.verifyAreaWrap{width: 100%; max-width: 470px; margin: auto;}
.passwordUpdatedWrapper{text-align: center;}
.updatePassImg{padding-bottom: 15px;}
.passwordUpdatedWrapper .pageInfoText{margin: auto; max-width: 825px; padding-top: 35px}
.passwordUpdatedWrapper .pageMainHeading{margin: auto; max-width: 750px;}
.passwordUpdatedbtn{padding-top: 55px;}
.signupBottomText{text-align: center; font-size: 15px; color: #808080;   padding-top: 50px; padding-bottom: 30px; margin: auto; max-width: 500px;}
.signupRegLine{text-align: center; margin-top: 25px; margin-bottom: -10px}
.alertMsgBoxWrapper{width: 100%; position: absolute; top: 7%; left: 0px; z-index: 100; text-align: center}
.alertMsgBox{background: #272727; box-shadow: 0px 3px 66px #00000042; border-radius: 15px; padding: 27px 25px; display: inline-block; font-size: 16px; max-width: 935px; margin: auto}
.alertMsgRow{display: flex; align-items: center; justify-content: space-between;} 
.alertMsgLeft{position: relative; padding-left: 50px; padding-right: 40px; max-width: 640px; text-align: left}
.alertMsgHead{font-size: 18px; color: #FF7903;}
.alertMsgCont{color: #fff; line-height: 1.6; padding-top: 5px; font-weight: 300;}
.alertMsgIcon{position: absolute; top:3px; left: 0px;}
.alertMsgRight{display: flex; justify-content: flex-end; }
.alertLinkWrap{margin-right: 18px; width: 200px; text-align: right;}
.alertMsgRight a,.alertMsgRight button{text-decoration: none; text-transform: uppercase; }
.alertMsgRight a:hover,.alertMsgRight button:hover{text-decoration: underline}
.alertMsgRight button{background: transparent; border: 0; color: #6FDCB0; cursor: pointer; font-family: 'Poppins', sans-serif;}
.alertMsgClose{cursor: pointer; }
.alertMsgClose svg{display: block}  
.blFormRow .select2-container--default .select2-selection--single {background-color: transparent; height: 54px;  border-radius: 0; border: 0; border-bottom: 1px solid #484848;}
.blFormRow .select2-container--default .select2-selection--single .select2-selection__arrow {height: 26px; position: absolute; top: 10px; right: 0; width: 10px;}
.blFormRow .select2-container--default .select2-selection--single .select2-selection__arrow b{border-color: #6FDCB0 transparent transparent transparent; border-width: 6px 5px 0 5px;}
.blFormRow .select2-container .select2-selection--single .select2-selection__rendered{padding-left: 0; padding-top: 13px; color: #FFFFFF;}
.floatingLabel{color: #808080; font-size: 17px; opacity: 1; top: 5px; left: 0px; pointer-events: none; position: absolute; transition: 240ms; margin-bottom: 0; z-index: 1;}  
.customSelect{width: 100%}
.signupTopLine{display: flex; justify-content: space-between; flex-wrap: wrap} 
.signupTitleWrap{width: 20%;}
.signupNameWrap{width: calc(40% - 20px)}
div.error{font-size: 13px; color: #f64646; width: 100%; display: block; font-weight: 500; line-height: normal; padding: 8px 0 0 0;}
.customSelect + div.error{position: absolute; top: 54px; left: 0px;} 

.brokenPageTextArea{width: 100%; height: calc(100vh - 210px); padding-top: 100px;}
.brokenPageText{padding: 50px 45px 60px; background: #272727; border-radius: 15px; width: 100%; max-width: 800px; margin: auto; color: #fff; font-weight: 300;}
.brokenPageText p{margin: 0px; padding: 0px;}
.brokenPageimgRow{width: 100%; margin: 0px 0 25px 0; text-align: center; padding: 0px;}
.brokenPageimgRow img{width: 125px;}
.brokenPageFooter{width: 100%; text-align: center; font-size: 14px; padding-top: 0px;}

@media screen and (max-width: 1100px){
.mainWrapper header{padding: 35px 0 50px;}	
.blFormBox{padding-left: 30px; padding-right: 30px;}
.verifyInputWrap input[type=number]{width: 90px; height: 90px; margin-left: 5px;}
} /*1100px*/

@media screen and (max-width: 990px){
.mainColWrap{height: auto; min-height:inherit}	
.mainColLeft,.mainColRight{width: 100%; padding: 0px;}
.pageMainHeading br{display: none}
.pageInfoText{max-width: 100%; padding-top: 10px;}
.mainColRight{padding-top: 45px;}
.pageBackRow{position: inherit; margin-bottom: 20px; display: none}
.alertMsgBox{width: calc(100% - 30px);}
.alertMsgRow{flex-wrap: wrap; position: relative}
.alertMsgLeft{max-width: 100%; padding-left: 45px; }
.alertMsgIcon{top:10px;}
.alertMsgRight{padding-top: 10px; width: 100%;}
.alertLinkWrap {margin-right: 0; width: 100%; text-align: left; padding-left: 45px;}
.alertMsgClose {cursor: pointer; top: 0; position: absolute; right: 0;}
} /*990px*/

@media screen and (max-width: 767px){
.siteNav ul li a span{display: none}
.siteNav ul li a.home-menu{background: url("../images/home-icon.png") no-repeat; width: 20px; height: 18px; display: inline-block; margin-top: 2px;}
.siteNav ul li{padding-left: 0px;}
.siteNav ul li:before{display: none}
.siteLogo{width: 180px;}	
.siteNav ul li{font-size: 14px;}
.pageMainHeading{font-size: 25px; font-weight: 500;}
.blFormBox{padding: 30px 15px 45px}
.blFormRow{margin-bottom: 30px;}
.mainColRight{padding-top: 35px;}
.mainWrapper header {padding: 25px 0 30px;}
body{font-size: 16px; line-height: 25px;}
.alertMsgBox{border-radius: 10px; padding: 18px 15px;}
.alertMsgClose{right: -10px;        top: -10px;}
.alertMsgClose svg {width: 18px; height: 18px;}
.alertMsgHead{font-size: 16px; line-height: 1.4; padding-top: 5px;}
.alertMsgBox{font-size: 15px; padding-bottom: 25px;}
.alertMsgCont{line-height: 1.5}
.alertMsgLeft{padding-right: 0px;}
.verifyInputWrap input[type=number]{width: 70px; height: 70px; margin-left: 2px;}
	.brokenPageTextArea{padding-top: 10px}
	.brokenPageText{padding: 30px 20px 40px}
	.brokenPageFooter span{width: 100%; display: block}
} /*767px*/

@media screen and (max-width: 576px){
.siteLogo{width: 150px;}
.siteNav ul li{margin-left: 10px;}
	.signupTopLine .blFormRow {width: 100%!important}
} /*576px*/