* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Poppins", sans-serif;
  outline: none;
  border: none;
}
body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  /* background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='500' height='1000' preserveAspectRatio='none' viewBox='0 0 500 1000'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1159%26quot%3b)' fill='none'%3e%3crect width='500' height='1000' x='0' y='0' fill='rgba(255%2c 255%2c 255%2c 1)'%3e%3c/rect%3e%3cpath d='M332 386L331 -179' stroke-width='6' stroke='url(%23SvgjsLinearGradient1160)' stroke-linecap='round' class='Up'%3e%3c/path%3e%3cpath d='M328 361L327 1003' stroke-width='10' stroke='url(%23SvgjsLinearGradient1160)' stroke-linecap='round' class='Up'%3e%3c/path%3e%3cpath d='M204 799L203 1223' stroke-width='10' stroke='url(%23SvgjsLinearGradient1160)' stroke-linecap='round' class='Up'%3e%3c/path%3e%3cpath d='M403 402L402 961' stroke-width='8' stroke='url(%23SvgjsLinearGradient1161)' stroke-linecap='round' class='Down'%3e%3c/path%3e%3cpath d='M128 223L127 -172' stroke-width='6' stroke='url(%23SvgjsLinearGradient1160)' stroke-linecap='round' class='Up'%3e%3c/path%3e%3cpath d='M455 310L454 691' stroke-width='10' stroke='url(%23SvgjsLinearGradient1160)' stroke-linecap='round' class='Up'%3e%3c/path%3e%3cpath d='M442 21L441 289' stroke-width='10' stroke='url(%23SvgjsLinearGradient1161)' stroke-linecap='round' class='Down'%3e%3c/path%3e%3cpath d='M119 409L118 797' stroke-width='8' stroke='url(%23SvgjsLinearGradient1161)' stroke-linecap='round' class='Down'%3e%3c/path%3e%3cpath d='M48 523L47 814' stroke-width='8' stroke='url(%23SvgjsLinearGradient1161)' stroke-linecap='round' class='Down'%3e%3c/path%3e%3cpath d='M401 429L400 -123' stroke-width='8' stroke='url(%23SvgjsLinearGradient1160)' stroke-linecap='round' class='Up'%3e%3c/path%3e%3cpath d='M68 682L67 362' stroke-width='6' stroke='url(%23SvgjsLinearGradient1160)' stroke-linecap='round' class='Up'%3e%3c/path%3e%3cpath d='M128 994L127 740' stroke-width='8' stroke='url(%23SvgjsLinearGradient1161)' stroke-linecap='round' class='Down'%3e%3c/path%3e%3cpath d='M302 592L301 1278' stroke-width='6' stroke='url(%23SvgjsLinearGradient1160)' stroke-linecap='round' class='Up'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1159'%3e%3crect width='500' height='1000' fill='white'%3e%3c/rect%3e%3c/mask%3e%3clinearGradient x1='0%25' y1='100%25' x2='0%25' y2='0%25' id='SvgjsLinearGradient1160'%3e%3cstop stop-color='rgba(231%2c 219%2c 203%2c 0)' offset='0'%3e%3c/stop%3e%3cstop stop-color='rgba(231%2c 219%2c 203%2c 0.47)' offset='1'%3e%3c/stop%3e%3c/linearGradient%3e%3clinearGradient x1='0%25' y1='0%25' x2='0%25' y2='100%25' id='SvgjsLinearGradient1161'%3e%3cstop stop-color='rgba(231%2c 219%2c 203%2c 0)' offset='0'%3e%3c/stop%3e%3cstop stop-color='rgba(231%2c 219%2c 203%2c 0.47)' offset='1'%3e%3c/stop%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e"); */
}
.bdcont {
  position: relative;
  top: 60px;
}
.image {
  display: flex;
  justify-content: center;
}
.image img {
  width: 250px;
}
.fa {
  margin-right: 3px;
}
.box {
  position: relative;
  z-index: 1;
  top: 20px;
  left: 50%;
  transform: translate(-50%, 0);
  /* background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='500' height='1000' preserveAspectRatio='none' viewBox='0 0 500 1000'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1053%26quot%3b)' fill='none'%3e%3crect width='500' height='1000' x='0' y='0' fill='rgba(238%2c 238%2c 238%2c 1)'%3e%3c/rect%3e%3cpath d='M211 418L210 1016' stroke-width='10' stroke='url(%23SvgjsLinearGradient1054)' stroke-linecap='round' class='Down'%3e%3c/path%3e%3cpath d='M138 259L137 574' stroke-width='10' stroke='url(%23SvgjsLinearGradient1054)' stroke-linecap='round' class='Down'%3e%3c/path%3e%3cpath d='M411 676L410 936' stroke-width='10' stroke='url(%23SvgjsLinearGradient1055)' stroke-linecap='round' class='Up'%3e%3c/path%3e%3cpath d='M48 337L47 -311' stroke-width='8' stroke='url(%23SvgjsLinearGradient1054)' stroke-linecap='round' class='Down'%3e%3c/path%3e%3cpath d='M282 373L281 683' stroke-width='6' stroke='url(%23SvgjsLinearGradient1055)' stroke-linecap='round' class='Up'%3e%3c/path%3e%3cpath d='M458 874L457 494' stroke-width='6' stroke='url(%23SvgjsLinearGradient1055)' stroke-linecap='round' class='Up'%3e%3c/path%3e%3cpath d='M478 150L477 476' stroke-width='6' stroke='url(%23SvgjsLinearGradient1054)' stroke-linecap='round' class='Down'%3e%3c/path%3e%3cpath d='M22 818L21 1099' stroke-width='10' stroke='url(%23SvgjsLinearGradient1054)' stroke-linecap='round' class='Down'%3e%3c/path%3e%3cpath d='M461 463L460 759' stroke-width='8' stroke='url(%23SvgjsLinearGradient1054)' stroke-linecap='round' class='Down'%3e%3c/path%3e%3cpath d='M69 386L68 -69' stroke-width='10' stroke='url(%23SvgjsLinearGradient1054)' stroke-linecap='round' class='Down'%3e%3c/path%3e%3cpath d='M497 779L496 327' stroke-width='10' stroke='url(%23SvgjsLinearGradient1054)' stroke-linecap='round' class='Down'%3e%3c/path%3e%3cpath d='M83 825L82 196' stroke-width='8' stroke='url(%23SvgjsLinearGradient1055)' stroke-linecap='round' class='Up'%3e%3c/path%3e%3cpath d='M374 563L373 168' stroke-width='10' stroke='url(%23SvgjsLinearGradient1055)' stroke-linecap='round' class='Up'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1053'%3e%3crect width='500' height='1000' fill='white'%3e%3c/rect%3e%3c/mask%3e%3clinearGradient x1='0%25' y1='0%25' x2='0%25' y2='100%25' id='SvgjsLinearGradient1054'%3e%3cstop stop-color='rgba(215%2c 203%2c 203%2c 0)' offset='0'%3e%3c/stop%3e%3cstop stop-color='rgba(215%2c 203%2c 203%2c 1)' offset='1'%3e%3c/stop%3e%3c/linearGradient%3e%3clinearGradient x1='0%25' y1='100%25' x2='0%25' y2='0%25' id='SvgjsLinearGradient1055'%3e%3cstop stop-color='rgba(215%2c 203%2c 203%2c 0)' offset='0'%3e%3c/stop%3e%3cstop stop-color='rgba(215%2c 203%2c 203%2c 1)' offset='1'%3e%3c/stop%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e"); */

  /* box-shadow: 0 2px 5px #a3a3a3; */
  border-radius: 10px;
  padding-top: 15px;
  width: 320px;
  padding: 10px 15px;
}
.box img {
  height: 110px;
  width: 110px;
  border-radius: 45px;
  position: relative;
  left: 30%;
}
.box h3 {
  margin: 0;
  padding: 10px 0;
  padding-bottom: 20px;
  color: #313131;
  font-size: 20px;
  font-family: "poppins", sans-serif;
  text-align: center;
}
.box .closeModal {
  position: relative;
  top: 0px;
  right: 20px;
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
  margin: 0;
  padding: 0;
}
.box .inputbox {
  position: relative;
}
.inputbox input,
.inputbox select {
  width: 100%;
  padding: 15px 10px;
  padding-right: 35px;
  font-size: 14px;
  color: #393939;
  margin-bottom: 15px;
  border-radius: 5px;
  border: 1px solid #a7f3ca;
  background: #f4f4f9a8;
  /* outline: none;
  border: none; */
  box-sizing: border-box;
  font-weight: 500;
  font-family: "poppins", sans-serif;
  padding-right: 40px;
}

.inputbox input::placeholder {
  font-size: 0.85em;
  opacity: 0.6;
}
.phonebox {
  margin-bottom: 20px;
}
.phonebox input {
  margin-bottom: 5px;
}
.inputbox p {
  color: #064e35;
  font-size: 0.8em;
  font-family: "poppins", sans-serif;
  margin: 0;
  padding: 2px;
}
.box .p1 {
  font-size: 0.85em;
  color: #004e00;
  font-weight: 500;
  margin-bottom: 5px;
  text-align: center;
}
.phonebox p {
  display: none;
  color: #cf003e;
}

.inputbox select {
  padding: 5px;
  font-size: 15px;
  color: #707070;
  font-family: "poppins", sans-serif;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}
.inputbox select::-ms-expand {
  display: none;
}
.inputbox label {
  position: absolute;
  top: -2px;
  left: 5px;
  letter-spacing: 1px;
  padding: 10px 0;
  font-size: 15px;
  color: #707070;
  pointer-events: none;
  transition: 1s;
  font-family: "poppins", sans-serif;
}
.inputbox .valid {
  position: absolute;
  top: -20px;
  left: 0;
  margin: 0;
  padding: 0;
  font-size: 12px;
  color: #9f000b;
  font-family: "poppins", sans-serif;
}
.inputbox .togglePassword {
  position: absolute;
  top: 40px;
  right: 10px;
  font-size: 16px;
  color: #707070;
  transition: 1s;
}
.inputbox input:focus ~ label,
.inputbox input:valid ~ label {
  top: -28px;
  left: 0px;
  font-size: 11px;
  color: #9f000b;
}
.rememberMe {
  display: flex;
  align-items: center;
  padding: 3px 0;
}

.rememberMe label {
  font-size: 0.8em;
  color: #313131;
  font-weight: 500;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  cursor: pointer;
  font-family: "Poppins", sans-serif;
  margin: 0 5px;
}
.box button {
  border: none;
  outline: none;
  color: #fff;
  /* background: linear-gradient(to bottom right, green, darkgreen); */
  background-color: #0fa969;
  font-family: "Poppins", sans-serif;
  padding: 10px 20px;
  cursor: pointer;
  border-radius: 5px;
  font-weight: 500;
  width: 100%;
  box-sizing: border-box;
  text-align: center;
  font-size: 14px;
  margin: 30px 0 15px 0;
}
.box button:hover {
  /* background: linear-gradient(to bottom right, darkgreen, green); */
  background-color: #05965c;
}
.box a {
  color: cornflowerblue;
  text-decoration: none;
  font-size: 11px;
  font-weight: 500;
  margin-left: 41px;
  font-family: "Poppins", sans-serif;
}

.toggleCont {
  display: flex;
  align-items: center;
}
.toggleCont .toggleText {
  font-size: 0.7em;
  font-family: "Poppins", sans-serif;
  color: #2d2d2d;
  /* margin-right: 10px; */
  font-weight: 500;
  cursor: pointer;
}
.toggleBox {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 21px;
  margin-right: 5px;
}

.toggleBox input {
  opacity: 0;
  width: 0;
  height: 0;
}

.toggleSlider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.toggleSlider:before {
  position: absolute;
  content: "";
  height: 15px;
  width: 15px;
  left: 2.39px;
  bottom: 3px;
  background-color: #fff;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.toggleBox input:checked + .toggleSlider {
  background: #34d38c;
}

.toggleBox input:focus + .toggleSlider {
  box-shadow: 1px 1px 10px #d1fae2;
}

.toggleBox input:checked + .toggleSlider:before {
  -webkit-transform: translateX(20px);
  -ms-transform: translateX(20px);
  transform: translateX(20px);
}
.toggleSlider.round {
  border-radius: 34px;
}

.toggleSlider.round:before {
  border-radius: 50%;
}
.footer {
  top: 100px;
}
@media screen and (min-width: 1000px) {
  .bdcont {
    position: absolute;
    right: 0;
    width: 80%;
  }
}