.page-content {
  width: 100%;
  margin: 0 auto;
  display: inline-block;
  display: -webkit-inline-box;
  justify-content: center;
  -o-justify-content: center;
  -ms-justify-content: center;
  -moz-justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  -o-align-items: center;
  -ms-align-items: center;
  -moz-align-items: center;
  -webkit-align-items: center;
  font-family: "Roboto", sans-serif;
  font-style: normal;
}
/* .form-left{
	background-image: url('../images/rainbow.jpg');
} */
.register-background {
  background-color: rgb(249, 246, 241);
}
.bc-img-btm {
  width: 100%;
  height: 200px;
  background: transparent url("../images/registration_page_backdrop.jpg")
    repeat-x 0 0;
  position: fixed;
  bottom: 0;
  background-size: cover;
}
.form-v2-content {
  /* background: #fff; */
  width: 100%;
  margin: 0;
  position: relative;
  display: flex;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.form-v2-content .form-left {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  width: 55%;
  padding: 3rem;
  margin-top: 20vh;
}
.form-v2-content .form-right {
  box-sizing: border-box;
  width: 45%;
  padding: 3rem;
}
.form-v2-content .form-right .form-right-pad {
  padding: 24px;
  background-color: rgb(249, 246, 241);
  border-radius: 16px;
  box-shadow: rgb(0 0 0 / 8%) 0px 1px 1px, rgb(0 0 0 / 8%) -1px 0px 1px,
    rgb(0 0 0 / 8%) 1px 0px 1px, rgb(0 0 0 / 8%) 0px -1px 1px;
}
.label-ne {
  display: block;
  margin-bottom: 4px;
  line-height: 18px;
  font-weight: 600 !important;
  font-size: 1rem;
}
.form-row label::after {
  color: #de350b;
  content: "*";
  display: inline-block;
}
@media (min-width: 768px) {
  /* .form-detail::before {
    background-color: #DFE1E5;
    content: "";
    display: block;
    position: absolute;
    width: 1px;
    height: 80%;
    top: 10%;
    left: 0;
} */
}
.form-v2-content .form-left img {
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
  /* width: 100%; */
}
.form-v2-content .form-left .text-1,
.form-v2-content .form-left .text-2 {
  font-weight: 300;
  color: #333;
}
.form-v2-content .form-left .text-1 {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  max-width: 100%;
}
.form-v2-content .form-left .text-2 {
  position: absolute;
  right: 8%;
  bottom: 1.5%;
}
.form-v2-content .form-left .text-1 p {
  margin-bottom: 70px;
  font-size: 63px;
  font-weight: 300;
  color: #0f2d5a;
  letter-spacing: 0;
  line-height: 68px;

  font-family: system-ui;
}
.form-v2-content .form-left .text-1 span {
  font-size: 22px;
  font-weight: 300;
  color: rgb(89, 90, 89);
}

.form-v2-content .form-left .text-1 h6 {
  margin-bottom: 20px;
  font-size: 22px;
  color: #5e6c84;
  letter-spacing: 0;
  line-height: 32px;
  padding: 0 20px;
}
.form-v2-content .form-left .text-1 p.txt_register {
  margin-top: 2em;
  font-size: 18px;
  color: #253858;
  letter-spacing: 0.22px;
  line-height: 29px;
}
.no-padd-orgreg1 {
  padding-left: 0 !important;
  padding-right: 10px !important;
  width: 50%;
}
.no-padd-orgreg2 {
  padding-left: 10 !important;
  padding-right: 0px !important;
  width: 50%;
}
.form-v2-content .form-left .text-2 p {
  font-size: 18px;
}
.form-v2-content .form-left .text-2 span {
  font-size: 35px;
  padding-right: 9px;
}
.form-v2-content .form-detail {
  padding: 0 20px;
  position: relative;
}
.form-v2-content .form-detail h2 {
  font-family: system-ui;
  color: #333;
  font-size: 18px;
  position: relative;
  padding: 6px 0 0;
  font-weight: 400;
  margin-bottom: 25px;
  line-height: 1.5;
}
.form-v2-content .form-row {
  width: 100%;
  position: relative;
  margin-bottom: 20px;
}
.form-v2-content .form-row-split {
  display: flex;
  flex-direction: row;
}
.form-v2-content .form-detail label {
  color: #000;
  display: block;
}
.form-v2-content .form-detail .form-row label#valid {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  width: 14px;
  height: 14px;
  border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  background: #53c83c;
}
.form-v2-content .form-detail .form-row label#valid::after {
  content: "";
  position: absolute;
  left: 5px;
  top: 1px;
  width: 3px;
  height: 8px;
  border: 1px solid #fff;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
}
.form-v2-content .form-detail .form-row label.error {
  padding-left: 0;
  margin-left: 0;
  display: block;
  position: absolute;
  bottom: -10px;
  width: 100%;
  background: none;
  color: red;
}
.form-v2-content .form-detail .form-row label.error::after {
  content: "\f343";
  font-family: "LineAwesome";
  position: absolute;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  right: 10px;
  top: -31px;
  color: red;
  font-size: 18px;
  font-weight: 900;
}
.form-v2-content .form-detail .input-text {
  /* margin-bottom: 20px; */
}
.form-v2-content .form-detail input {
  height: 40px;
  border-radius: 8px;
  border: none;
  color: rgb(39, 46, 43);
  width: 100%;
  background-color: rgb(250, 251, 252) ;
  font-size: 14px;
  /* font-weight: 500; */
  padding: 6px 4px;
  /* height: 2.14285714em; */
  line-height: 1.42857143;
}
.form-v2-content .form-detail select {
  height: 40px;
  border-radius: 8px;
  border: none;
  color: rgb(39, 46, 43);
  width: 100%;
  background-color: rgb(250, 251, 252);
  font-size: 14px;
  /* font-weight: 500; */
  padding: 6px 4px;
  /* height: 2.14285714em; */
  line-height: 1.42857143;
}
.form-v2-content .form-detail .form-row input:hover {
  background: rgb(235, 236, 240);
}
.form-v2-content .form-detail .form-row input:focus {
  outline: none;
  background: #fff;
}
.form-v2-content .form-detail .form-row input.error {
  border: 1px solid #f00;
  position: static;
}
.form-v2-content .form-detail .form-row select:focus {
  /* border-color: #3b4dc7; */
  outline: none;
  background: #fff;
}
.form-v2-content .form-detail .form-row select:hover {
  background: rgb(235, 236, 240);
}
.form-v2-content .form-detail .form-row select.error {
  border: 1px solid #f00;
  position: static;
}
.form-v2-content .form-detail input[type="radio"] {
  outline: none;
  -moz-outline: none;
  -webkit-outline: none;
  -o-outline: none;
  -ms-outline: none;
  -o-appearance: none;
  -ms-appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: inline-block;
  width: 20px;
  height: 20px;
  padding: 4px;
  background-clip: content-box;
  border: 1px solid #e5e5e5;
  background-color: #fff;
  border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  cursor: pointer;
  float: left;
  margin-top: 0;
}
.form-v2-content .form-detail .form-checkbox {
  position: relative;
}

.form-v2-content .form-detail .form-checkbox input {
  position: absolute;
  opacity: 0;
}
.form-v2-content .form-detail .form-checkbox .checkmark {
  position: absolute;
  top: 4px;
  left: 0;
  height: 15px;
  width: 15px;
  border: 1px solid #040404;
  cursor: pointer;
}
.form-v2-content .form-detail .form-checkbox .checkmark::after {
  content: "";
  position: absolute;
  left: 5px;
  top: 1px;
  width: 3px;
  height: 8px;
  border: 1px solid #385cb9;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
  display: none;
}
.form-v2-content .form-detail .form-checkbox input:checked ~ .checkmark::after {
  display: block;
}
.form-v2-content .form-detail .form-checkbox p {
  margin-left: 7px;
  color: #8b8686;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.67;
}
.form-v2-content .form-detail .form-checkbox a {
  font-weight: 500;
  color: #385cb9;
  text-decoration: none;
}
.credit-card {
  margin-top: 12px;
  color: #42526e;
  font-size: 1.3rem;
  letter-spacing: 1px;
  line-height: 1.25;
  margin-bottom: 14px;
  font-weight: 500;
  text-transform: uppercase;
  text-align: center;
}
.form-v2-content .form-detail .registerer {
  /* background: #c3c8cc; */
  background-color: #0052cc;
  /* border-radius: 6px; */
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  -moz-border-radius: 6px;
  /* -webkit-border-radius: 6px; */
  /* width: 160px; */
  border: none;
  /* margin: 6px 0 50px 0px; */
  cursor: pointer;
  color: #fff;
  font-weight: 500;
  font-size: 16px;
}
.form-v2-content .form-detail .registerer:disabled {
  background: #dfe1e5;
  cursor: not-allowed;
  color: #97a0af;
}
.form-v2-content .form-detail .registerer:hover {
  background: #3356b0;
  color: #fff;
}
.form-v2-content .form-detail .form-row-last input {
  /* padding: 15.5px; */
}
input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #999;
  font-size: 14px;
}
input::-moz-placeholder {
  /* Firefox 19+ */
  color: #999;
  font-size: 14px;
}
input:-ms-input-placeholder {
  /* IE 10+ */
  color: #999;
  font-size: 14px;
}
input:-moz-placeholder {
  /* Firefox 18- */
  color: #999;
  font-size: 14px;
}
.register-tutt {
  background-color: #0f2d5a !important;
  color: #f1eded !important;
  width: 100%;
  height: 40px;
  outline: none;
  border: none;
  font-size: 14px;
}
.register-tutt:hover {
  background-color: #fff!important;
  color: #0f2d5a!important;
  border: 1px solid #0f2d5a;
}

@media screen and (max-width: 1024px) {
  .form-v2-content .form-detail {
    padding: 10px 20px 30px 20px;
    /* width: auto; */
  }
}
/* Responsive */
@media screen and (min-width : 576px) and (max-width: 800px) {

  .form-v2-content .form-right {
    padding: 0!important;
    width: 100%!important;
    position: relative;
  }
  .form-v2-content .form-right .form-right-pad {
    padding: 10px!important;
  }
  .form-v2-content .form-left {
    width: 100%!important;
    position: relative;
  }
  .form-v2-content .form-left img {
    /* width: 100%; */
    border-bottom-left-radius: 0px;
    border-top-right-radius: 15px;
  }
  .form-v2-content .form-detail {
    width: 100%;
  }
  .form-v2-content .form-detail .form-row input {
    width: 95%;
  }
  .form-v2-content .form-detail .form-checkbox {
    width: 100%;
  }
  .dropdown-width {
    width: 95% !important;
  }
}
@media screen and (max-width: 575px) {
  .form-v2-content {
    margin: 30px 0;
  }
  .no-padd-orgreg1 {
    padding-left: 0 !important;
    padding-right: 0px !important;
    width: 100%;
    margin-bottom: 20px;
  }
  .no-padd-orgreg2 {
    padding-left: 0 !important;
    padding-right: 0px !important;
    width: 100%;
  }
  .form-left {
    display: none !important;
  }
  .form-v2-content .form-detail .form-row input {
    width: 100%;
  }
  .dropdown-width {
    width: 100% !important;
  }
  .form-v2-content .form-left img {
    /* width: 0%; */
    border-bottom-left-radius: 0px;
    border-top-right-radius: 15px;
  }
  .form-v2-content .form-row-split {
    display: flex;
    flex-direction: column;
  }
}