@import url('https://fonts.googleapis.com/css2?family=Hind+Vadodara:wght@300;400;500;600;700&display=swap');

*{
  /* padding: 0;
  margin: 0;
  list-style: none; */
  font-family: 'Hind Vadodara', sans-serif;
  outline-style: none;
  /*font-size: 16px;*/
}
body{
  color:#232323;
}
a{
  color: #232323;
}
a:hover{
  color: #232323;
}

h3{
  font-size: 30px;
  font-weight: 700;
  color: #232323;   
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
input[type=number] {
-moz-appearance: textfield;
}
.form-select:focus{
  box-shadow: none;
  border:none;
}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
  -webkit-box-shadow: 0 0 0 30px white inset !important;
}
.background_login{
  background-image: url("../img/bg-02.png");
  width: 100%;
  height: 100vh;
  background-repeat: no-repeat;
  background-size: cover;
}
/*Login Page Style*/
.form_wrapper .wrapper {
  max-width: 850px;
  margin: 0 auto;
  background: #FFFFFF;
  box-shadow: 0px 0px 100px #E4E4E4;
  padding: 40px;
  z-index: 2;
  width: 100%;
  border-radius: 40px;
  display: block !important;
  height: auto !important;
}
.form_head h2 {
  font-size: 38px;
  font-weight: 800;
}
.form_head p {
  font-size: 16px;
}
.form_tabs_wrapper nav #nav-tab button.nav-link,
.form_tabs_wrapper nav #nav-tab{
  border: none;
}
.form_tabs_wrapper nav #nav-tab button.nav-link {
  padding: 0;
  color: #000000;
  font-size: 16px;
  font-weight: 600;
  height: 24px;
}
.form_tabs_wrapper nav #nav-tab button.nav-link.active {
  color: #49a300;
}
.form_tabs_wrapper nav #nav-tab button.nav-link{
  position: relative;
}
.form_tabs_wrapper nav #nav-tab button.nav-link.active[aria-selected="true"]{
  margin: 0 30px 0 0;
}
.form_tabs_wrapper nav #nav-tab button.nav-link.active#nav-phone-number-tab[aria-selected="true"],
.form_tabs_wrapper nav #nav-tab button.nav-link.active#nav-personal-tab[aria-selected="true"]{
  margin: 0 0 0 30px;
}
.form_tabs_wrapper nav #nav-tab button.nav-link.active:after {
  content: "";
  position: absolute;
  width: 35px;
  height: 3px;
  background: linear-gradient(#5ec008, #379911);
  left: 0;
  bottom: -9px;
  border-radius: 150px;
}
.form_tabs_wrapper nav #nav-tab button.nav-link:first-child:before {
  content: "";
  background-color: #D9D9D9;
  width: 2px;
  height: 22px;
  position: absolute;
  right: -15px;
}
.form_inner_wrapper input {
  height: 55px;
  border: 1px solid #AEAEAE;
  border-radius: 10px;
  padding: 0 20px 0 50px;
  font-size: 16px;
  font-weight: 400;
  color: #000000;
}
.form_inner_wrapper svg {
  position: absolute;
  top: 29px;
  transform: translateY(-50%);
  left: 18px;
}
input.form-control.phon_sm {
  padding-left: 90px !important;
}
.iti.iti--allow-dropdown.iti--separate-dial-code {
  width: 100%;
}
.iti--separate-dial-code .iti__flag-container {
  height: 55px;
}
.form_inner_wrapper {
  padding: 35px 0 0;
}
.form_inner_wrapper button.eye svg {
  position: relative;
  top: inherit;
  left: inherit;
  transform: inherit;
}
.form_inner_wrapper button.eye {
  position: absolute;
  border: none;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
  padding: 0;
  background-color: transparent;
  width: 15px;
  height: 16px;
  display: flex;
  align-items: center;
}
.form_inner_wrapper svg.password {
  left: 21px;
}
.form_inner_wrapper input:focus,
.form-group.otp input.form-control:focus {
  outline-style: none;
  box-shadow: none;
  border-color: #AEAEAE;
}
.form_inner_wrapper input::placeholder,
.form-group.otp input.form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #000000;
}
.form_inner_wrapper input:-ms-input-placeholder,
.form-group.otp input.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #000000;
}
.form_inner_wrapper input::-ms-input-placeholder,
.form-group.otp input.form-control::-ms-input-placeholder { /* Microsoft Edge */
  color: #000000;
}
.form_wrapper .form-check .custom_check input {
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.form_wrapper .form-check .custom_check span {
  height: 18px;
  width: 18px;
  border: 1px solid #000000;
  display: inline-block;
  border-radius: 4px;
  cursor: pointer;
}
.form_wrapper .form-check .custom_check {
  width: 18px;
  height: 18px;
}
.form_wrapper .form-check .custom_check input {
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  cursor: pointer;
  z-index: 1;
}
.form_wrapper .form-check .custom_check input:checked~span:before {
  content: "";
  left: 7px;
  top: 2px;
  width: 5px;
  height: 11px;
  border: solid #49a300;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
}
.form_tabs_wrapper .tab-content a {
  color: #000000;
  font-weight: 400;
  text-decoration: none;
}
.form_tabs_wrapper .tab-content a:hover{
  color: #49a300;
}
.form_tabs_wrapper button.btn {
  background: linear-gradient(#5ec008, #379911);
  border: none;
  color: #fff;
  font-size: 16px;
  width: 75%;
  height: 60px;
  border-radius: 10px;
  font-weight: 500;
  outline-style: none;
  box-shadow: none;
}
.not_registered_yet,
.alraedy_a_member {
  color: #757575;
  font-weight: 500;
  margin: 0 5px 0 0;
}
.form_tabs_wrapper .tab-content a.link,
.alraedy_a_member a.link{
  color: #f10303;
  font-weight: 500;
}
.form_tabs_wrapper .tab-content a.back_to_home {
  font-weight: 600;
}

/*Register Page style*/

.form_inner_wrapper input#location {
  padding: 0 20px 0 45px;
}
.form_inner_wrapper input#phone_number~svg {
  left: 21px;
}
.form_wrapper.register_form  .wrapper{
  max-width: 800px;
}
.dont_receive a {
  color: #FB3113;
  text-decoration: none;
}
.check_image img {
  max-width: 210px;
}
.icon-position {
  right: 20px;
  position: absolute;
  top: 23px;
}
.form_inner_wrapper .form_group select.form-select {
  height: 55px;
  border: 1px solid #AEAEAE;
  border-radius: 10px;
  padding: 0 20px 0 20px;
  font-size: 16px;
  font-weight: 400;
  color: #000000;
}

/*Forgot Password*/

.password_wrapper .form_tabs_wrapper button.btn {
  width: 100%;
  max-width: 100%;
}
.password_wrapper .form_tabs_wrapper a.back_to_login,
.back_to_forgot, .back_to_forgot:hover {
  font-weight: 600;
  color: #000000;
  text-decoration: none;
  margin: 20px 0 0;
  display: block;
}
.password_wrapper .form_inner_wrapper {
  padding: 15px 0 0;
}
.password_wrapper  p {
  color: #5F646C;
  display: block;
  padding: 20px 0 0;
}


/*Verify Account*/

.form-group.otp input.form-control {
  height: 60px;
  border: 1px solid #AEAEAE;
  border-radius: 10px;
  padding: 10px;
  font-size: 18px;
  font-weight: 400;
  color: #000000;
  text-align: center;
  width: 80px;
}
.verify_account_wrapper h4,
.account_successfull_created h4{
  font-size: 27px;
  font-weight: 800;
  text-align: center;
}
.verify_account_wrapper p,
.account_successfull_created p {
  color: #757575;
  text-align: center;
}
.verify_account_wrapper .verify_create_btn,
.account_successfull_created a {
  background-color: #FFCC19;
  border: none;
  color: #000000;
  padding: 17px 30px;
  width: 100%;
  border-radius: 10px;
  height: 60px;
  font-size: 16px;
  font-weight: 500;
  max-width: 422px;
  text-decoration: none;
  display: block;
  margin: 0 auto;
  text-align: center;
}

/*Responsive*/

@media only screen and (max-width: 1700px) {

.form_wrapper.register_form {
  padding: 40px 15px;
  height: 100% !important;
}
.form_wrapper .wrapper form:after {
  right: -170px;
}
}

@media only screen and (max-width: 1199px) {
.form_tabs_wrapper button.btn {
  font-size: 16px;
  max-width: 320px;
  height: 55px;
  width: 100%;
}
.form_wrapper .wrapper {
  max-width: 500px;
  padding: 40px 40px;
}
label.form-check-label,
.not_registered_yet,
.form_tabs_wrapper .tab-content a.link,
.form_tabs_wrapper .tab-content a.back_to_home,
.form_tabs_wrapper .tab-content a {
  font-size: 14px;
}
.form_head p {
  font-size: 15px;
  margin: 0;
}
.form_tabs_wrapper nav #nav-tab button.nav-link {
  font-size: 14px;
  height: 20px;
}
.form_tabs_wrapper nav #nav-tab button.nav-link.active:after {
  width: 35px;
  height: 3px;
  bottom: -7px;
}
.form_inner_wrapper {
  padding: 30px 0 0;
}
.form_inner_wrapper input {
  height: 55px;
  font-size: 14px;
}
.form_inner_wrapper input#email~svg {
  width: 20px;
}
.form_inner_wrapper input#password~svg {
  width: 17px;
}
.form_wrapper .form-check .custom_check {
  width: 15px;
  height: 15px;
  top: -2px;
}
.form_wrapper .form-check .custom_check span {
  height: 15px;
  width: 15px;
}
.form_inner_wrapper input#phone_number~svg {
  width: 16px;
}
.form_inner_wrapper 
input#phone_number {
  padding: 0 20px 0 42px;
}
.form_wrapper .form-check .custom_check input:checked~span:before {
  left: 5px;
  top: 4px;
  width: 5px;
  height: 9px;
}
.form_wrapper.register_form .wrapper form:before {
  display: none;
}
.form_wrapper .wrapper form:after {
  right: 0;
  top: -60px;
}
}

@media only screen and (max-width: 991px) {
.form_wrapper .wrapper form:before {
  display: none;
}
.form_wrapper .wrapper form:after {
  right: 0;
  top: -60px;
  width: 130.52px;
  height: 50.25px;
}
.check_image img {
  max-width: 150px;
}
.modal h4 {
  font-size: 18px;
}
.account_successfull_created p {
  font-size: 13px;
  padding: 0 20px;
}
.modal button.btn, 
.account_successfull_created a {
  height: 55px;
  font-size: 14px;
  max-width: 320px;
  margin: 0 auto;
}
.verify_account_wrapper .form-group.otp input.form-control {
  margin: 0 5px;
}
}

@media only screen and (max-width: 767px) {
.remember {
  margin: 0 0 10px;
}
.form_inner_wrapper input#email~svg {
  width: 20px;
  left: 17px;
}
.form_inner_wrapper input#name ~svg {
  width: 25px;
}
.form_inner_wrapper input#company_name ~svg {
  width: 20px;
}
.form_inner_wrapper input#company_name {
  padding: 0 20px 0 45px;
}
.form_inner_wrapper input#phone_number~svg {
  width: 16px;
  left: 23px;
}
.form_inner_wrapper 
input#phone_number {
  padding: 0 20px 0 48px;
}
.form_inner_wrapper input#location~svg {
  left: 18px;
  width: 17px;
}
.form_inner_wrapper input#location {
  padding: 0 20px 0 44px;
}
.form_inner_wrapper input#password {
  padding: 0 20px 0 45px;
}
.form_inner_wrapper input#password~svg {
  width: 19px;
  left: 16px;
  top: 31px;
}
.form_inner_wrapper input#city~svg {
  width: 18px;
}
.form_inner_wrapper input#city {
  padding: 0 20px 0 45px;
}
.form_inner_wrapper input#zip_code~svg {
  width: 22px;
}
}

@media only screen and (max-width: 767px) and (orientation: landscape) {
.form_wrapper.password_wrapper {
  height: 100% !important;
  padding: 40px 0;
}
.landscape_view{
  height: 100% !important;
  padding: 30px 0;
}    
}


@media only screen and (max-width: 575px) {

.form_wrapper .wrapper {
  max-width: 500px;
  padding: 30px 20px;
  border-radius: 30px;
}
.verify_account_wrapper .verify_create_btn, .account_successfull_created a {
  padding: 17px 15px;
}
.form_head h2 {
  font-size: 32px;
}
.form_head p {
  font-size: 13px;
  margin: 0;
  padding: 0 20px 0 0;
}
.logo img {
  width: 40px;
  height: 50px;
  object-fit: contain;
}
.form_tabs_wrapper nav #nav-tab button.nav-link {
  font-size: 13px;
  height: 17px;
}
.form_tabs_wrapper {
  padding: 10px 0 0;
}
.form_inner_wrapper {
  padding: 22px 0 0;
}
label.form-check-label, 
.not_registered_yet, 
.form_tabs_wrapper .tab-content a.link, 
.form_tabs_wrapper .tab-content a.back_to_home, 
.form_tabs_wrapper .tab-content a {
  font-size: 13px;
}

.form_inner_wrapper input {
  height: 50px;
  font-size: 13px;
  padding: 0 20px 0 45px;
}
.form_wrapper {
  padding: 0 15px;
}
.form_tabs_wrapper button.btn {
  font-size: 14px;
  height: 50px;
}
.form_wrapper .form-check .custom_check input:checked~span:before {
  top: 3px;
}
#verify_account .modal-body {
  padding: 1rem 0;
}
.form_inner_wrapper input#email_or_phone {
  padding: 0 20px 0 50px;
}
.password_wrapper .form_tabs_wrapper button.btn {
  max-width: 100%;
}
.password_wrapper .form_tabs_wrapper a.back_to_login {
  margin: 10px 0 0;
}
.password_wrapper  p {
  margin: 0;
}
.icon svg {
  width: 120px;
  height: 100px;
}
.password_wrapper .form_head h2 {
  font-size: 24px;
  margin: 0;
}
.form-group.otp input.form-control {
  width: 65px;
}
}
@media only screen and (max-width: 768px) {
  .form_wrapper.vh-100{
    height: auto !important;
    flex: 0 0 100%;
  }
  .background_login {
    /* height: auto; */
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .form_wrapper .wrapper {
    margin: 5px auto;
  }
}
.progress-bar {
  background-color: #ffcc19;
  border-radius: 50px;
}
.btn-continue {
  padding: 10px 30px;
  width: 25% !important;
  height: fit-content !important;
}
.card-footer {
  background-color: rgb(0 0 0 / 0%) !important;
  border-top: 1px solid rgb(0 0 0 / 0%) !important;
}
.file-upload {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 1.5rem 1rem;
  margin-top: 0rem;
  border: 1px dashed #aeaeae;
  border-radius: 15px;
  background-color: #fff;
  transition: background-color 0.25s ease-out;
}
/* .file-upload:hover {
  background-color: #fffaea52;
} */
.file-upload .file-input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  outline: none;
  cursor: pointer;
}
.col-auto.me-sm-2.mx-1.card-block.py-0.text-center.radio {
  width: 100% !important;
}
.subtile-upload {
  font-size: 14px;
  margin-top: 5px;
  font-weight: 400;
  color: #828282;
}
p.text-img-upload {
  font-size: 14px;
  font-weight: 500;
  color: #000000;
}
.btn-warning-back{
  background-color: #000000 !important;
  border: none;
  color: #fff !important;
  font-size: 16px;
  width: 449px;
  height: 60px;
  border-radius: 10px;
  font-weight: 500;
  outline-style: none;
  box-shadow: none;
}
/* .form-regster{
  height: 100vh !important;
}
@media (height: 830px) {
  .form-regster {
    height: auto !important;
  }
} */
button.btn.dropdown-toggle.btn-light {
  display: none;
}
select.selectpicker {
  height: 55px;
  width: 100%;
  border: 1px solid #AEAEAE;
  border-radius: 10px;
  padding: 0 20px 0 50px;
  font-size: 14px;
  font-weight: 400;
  color: #000000;
}
.form_inner_wrapper svg.textara_img {
  position: absolute;
  top: 17%;
  transform: translateY(-50%);
  left: 18px;
}
select {
  background: url("data:image/svg+xml,<svg height='10px' width='10px' viewBox='0 0 16 16' fill='%23000000' xmlns='http://www.w3.org/2000/svg'><path d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/></svg>") no-repeat;
  background-position: calc(100% - 0.75rem) center !important;
  -moz-appearance:none !important;
  -webkit-appearance: none !important; 
  appearance: none !important;
  padding-right: 2rem !important;
}
select option {
  margin: 40px;
  background: rgb(71, 71, 71);
  color: #fff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
}

select option[value="1"]:hover {
  background: rgba(100, 100, 100, 0.3);
}

/* register css start */

.experience_total{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 18px;
}

.event_mk a {
    background-color: #5FBA7D !important;
    color: #ffffff !important;
}
@media only screen and (max-width:767px){
h3 {
  font-size: 24px;
}

}
@media only screen and (max-width:767px){
  .form_head h2 {
    font-size: 28px;
  }
}