@import url('https://fonts.googleapis.com/css2?family=Mukta:wght@200;300;400;500;600;700;800&family=Nunito+Sans:ital,opsz,wght@0,6..12,200;0,6..12,300;0,6..12,400;0,6..12,500;0,6..12,600;0,6..12,700;0,6..12,800;0,6..12,900;0,6..12,1000;1,6..12,200;1,6..12,300;1,6..12,400;1,6..12,500;1,6..12,600;1,6..12,700;1,6..12,800;1,6..12,900;1,6..12,1000&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');

.top-main-section-all {
  display: flex;
  height: 100%;
}

.main-section-login {
  min-height: 100%;
  max-height: fit-content;
  display: flex;
  justify-content: center;
  background-size: 200% 200%;
  -webkit-animation: BgAnimation 26s ease infinite;
  -moz-animation: BgAnimation 26s ease infinite;
  animation: BgAnimation 26s ease infinite;
}

@keyframes BgAnimation {
  0% {
    background-position: 50% 50%;
  }
  50% {
    background-position: 100% 78%;
  }
  100% {
    background-position: 0% 23%;
  }
}
@-webkit-keyframes BgAnimation {
  0% {
    background-position: 50% 50%;
  }
  50% {
    background-position: 100% 78%;
  }
  100% {
    background-position: 0% 23%;
  }
}
@-moz-keyframes BgAnimation {
  0% {
    background-position: 50% 50%;
  }
  50% {
    background-position: 100% 78%;
  }
  100% {
    background-position: 0% 23%;
  }
}

.signup-text {
  color: #07152f;
  font-family: Poppins;
  font-size: 3rem;
  font-style: normal;
  font-weight: 600;
  line-height: 125%; /* 120px */
  width: 40%;
  padding: 2vh;
}
.signup-form {
  width: 60%;
  max-height: max-content;
}
.form-card {
  border-radius: 50px;
  background: #fff;
  padding: 2vh;
}
.text-cardfirst {
  width: 100%;
  color: #6a6b6c;
  text-align: center;
  font-family: Poppins;
  font-size: 2rem;
  font-style: normal;
  font-weight: 600;
  line-height: 210%; /* 75.6px */
}

.form-card-input {
  border-bottom: 2px solid #000 !important;
  border: none;
  width: 100%;
  height: 6vh;
}
.form-card-input i {
  font-size: 1.6rem;
  color: #6a6b6c;
}
input {
  border: none !important;
  width: 95%;
  height: 100%;
  background: transparent;
}

::placeholder {
  color: #717171;
  font-family: Poppins;
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}

::-ms-input-placeholder {
  /* Edge 12-18 */
  color: #717171;
}
textarea:focus,
input:focus {
  outline: none;
}
.form-main {
  width: 90%;
  margin-top: 2vh;
}
.form-main form {
  display: flex;
  flex-direction: column;
  gap: 1vh;
}
.term-conditions {
  color: #000;
  font-family: Poppins;
  font-size: 1.1rem !important;
  font-style: normal;
  font-weight: 400 !important;
  line-height: 150%; /* 48px */
}
.last-term-text {
  color: #43b0ff;
  font-family: Poppins;
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}
.button-reg {
  border-radius: 19px;
  background: #0166CD;
  display: flex;
  width: 200px;
  height: 60px;
  padding: 10px;
  justify-content: center;
  align-items: center;
  border: none !important;
  color: #000;
  font-family: Poppins;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 48px */
}
.button-reg-main {
  display: flex;
  justify-content: center;
  margin-top: 2vh;
  margin-bottom: 1vh;
}
.last-link {
  color: #000;
  font-family: Poppins;
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}
.last-like {
  color: #43b0ff;
  font-family: Poppins;
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}

.select2-dropdown {
  border-radius: 30px;
  padding: 10px;
}
.select2-results {
  overflow: hidden;
}
.select2-results__option {
  border-radius: 30px;
}
.select2-results__option--highlighted {
  border-radius: 50px;
  background: #e4f2ff !important;
  color: #000 !important;
}
.select2-selection__rendered {
  font-weight: inherit;
  font-family: inherit;
  color: #000 !important;
}

.select2-selection {
  background-color: rgba(67, 176, 255, 0.35) !important;
  padding: 2vh !important;
  font-size: 1rem !important;
  font-weight: 400 !important;
  font-family: 'Poppins', sans-serif !important;
  line-height: 1.5 !important;
  border-radius: 100px !important;
  height: 60px !important;
  align-items: center !important;
  display: flex !important;
}

.select2-selection__placeholder {
  font-weight: 800;
  color: #717171 !important;
  font-size: 1.1rem !important;
}
.select2-container--default {
  width: 100% !important;
}
.select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b {
  border-color: #000 transparent transparent transparent !important;
  border-width: 9px 4px 0 4px;
}
.select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  top: 12px !important;
}

.select2-selection__choice {
  border-radius: 50px;
  background: #e4f2ff !important;
  display: flex;
  border-color: none !important;
  flex-direction: row-reverse;
  color: #000 !important;
}
.select2-selection__choice__remove {
  color: #000 !important;
}

@media only screen and (max-width: 600px) {
  .signup-form,
  .signup-text {
    width: 100% !important;
  }
  .jkbfhkbdhbfh {
    flex-direction: column;
  }
  .flex-col-checkbox {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .form-card-input i {
    display: none;
  }
}

.changepasswordsection {
  width: 98% !important;
  padding: 0px !important;
  border-radius: 50px;
  background: linear-gradient(
    103deg,
    rgba(255, 202, 67, 0.35) 6.94%,
    rgba(255, 231, 146, 0.26) 64.48%,
    rgba(238, 190, 65, 0.1) 100%
  );
}
.changepasswordsection div {
  color: #000;
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 43%; /* 17.2px */
  padding: 10px 10px 10px 10px !important;
}
.maintext-lfhgbhf {
  color: #000;
  font-family: Poppins;
  font-size: 20px !important;
  font-style: normal;
  font-weight: 600;
  line-height: 43%; /* 17.2px */
  padding: 10px !important;
  margin-top: 30px;
  text-align: center;
}

.changepasswordsection {
  width: 70%;
  padding: 40px;
  border-radius: 50px;
  background: linear-gradient(
    103deg,
    rgba(255, 202, 67, 0.35) 6.94%,
    rgba(255, 231, 146, 0.26) 64.48%,
    rgba(238, 190, 65, 0.1) 100%
  );
}
.changepasswordsection div {
  color: #000;
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 43%; /* 17.2px */
  padding: 10px 40px 10px 40px;
}
.maintext-lfhgbhf {
  color: #000;
  font-family: Poppins;
  font-size: 25px !important;
  font-style: normal;
  font-weight: 600;
  line-height: 43%; /* 17.2px */
  padding: 10px;
}
.changepasswordsectionmain {
  height: 100vh;
}
.savebuttondhvhj {
  border-radius: 50px;
  background: #add01f;
  color: #000;
  text-align: center;
  font-family: Nunito Sans;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 48px */
  padding: 20px 40px 20px 40px;
}
input:-webkit-autofill {
  border-radius: 10px;
  -webkit-box-shadow: 0 0 0px 1000px rgb(239, 239, 239) inset;
  border: none !important;
}
