@import url(https://fonts.googleapis.com/css2?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;1,800;1,900&display=swap);
body {
  font-family: Poppins;
}
#conditional-sec-1 {
  display: none;
}
section {
  margin: 20px;
  padding: 20px;
  border: 1px solid #63a530;
  border-radius: 5px;
  background-color: #f9f9f9;
}
.declaration-section textarea {
  background-color: #f9f9f9;
  border: 1px solid #ccc;
}
.thank-you-section {
  text-align: center;
  padding: 20px;
}
.thank-you-section a {
  color: #007bff;
  text-decoration: none;
}
.thank-you-section a:hover {
  text-decoration: underline;
}
input,
select,
textarea {
  box-shadow: none !important;
}
.just-validate-error-field {
  border: 1px solid red;
}
.just-validate-error-field::placeholder {
  color: red;
}
.just-validate-error-field:-ms-input-placeholder {
  color: red;
}
.just-validate-error-field::-ms-input-placeholder {
  color: red;
}
.just-validate-error-field::-moz-placeholder {
  color: red;
}
.just-validate-error-field::-webkit-input-placeholder {
  color: red;
}
.form-group {
  display: flex;
  flex-direction: column;
  row-gap: 5px;
}
form button {
  background-color: #377439;
  border: none;
  color: #fff;
  padding: 10px 25px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  font-family: Arial, sans-serif;
  margin: 4px 2px;
  cursor: pointer;
  border-radius: 8px;
  transition: background-color 0.3s, transform 0.2s;
}
form button:hover {
  background-color: #45a049;
  transform: scale(1.05);
}
form button:active {
  background-color: #3e8e41;
  transform: scale(0.98);
}
.form-span {
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
}

form button[type="submit"] {
  margin-top: 1rem;
}
.remove-btn {
  background-color: red;
  padding: 5px 10px;
  color: #fff;
  font-size: 10px;
  padding: 3px 7px;
  position: absolute;
  top: 1%;
  right: 1%;
}

.remove-btn:hover {
  background-color: #000;
}
.file-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: max-content;
  position: relative;
}

.row .col-12:has(button[type="submit"]) {
  display: flex;
  justify-content: end;
}

.form-group label i {
  margin-right: 5px;
}
form section h1 {
  font-size: 28px;
  color: #63a530;
  position: relative;
  bottom: 2.3rem;
  background: white;
  display: inline;
  background: linear-gradient(to bottom, #fff 50%, #f9f9f9 30%);
}

label {
  font-size: 16px;
}

.form-control::placeholder {
  font-size: 13px;
  color: #333;
}
.form-control:-ms-input-placeholder {
  font-size: 13px;
  color: #8a8888;
}
.form-control::-ms-input-placeholder {
  font-size: 13px;
  color: #333;
}
.form-control::-moz-placeholder {
  font-size: 13px;
  color: #333;
}
.form-control::-webkit-input-placeholder {
  font-size: 13px;
  color: #333;
}

#commitment-form label,
#supporting-documents-form label {
  display: flex;
  align-items: baseline;
  gap: 3px;
}
.login-btn {
  color: #fff;
  background-color: #377439;
  padding: 5px 7px;
  text-decoration: none;
  border-radius: 5px;
}

.col-md-6.border-end.border-bottom {
  padding-bottom: 1.5rem;
}

.mem-col {
  padding-top: 1.5rem;
}

.save-btn {
  border: 1px solid #377439;
  color: #000;
  background-color: #0000;
  display: none;
}
.save-btn:hover {
  color: #fff;
}

.fancybox__container {
  z-index: 99999;
}

textarea,
.form-group:has(textarea) {
  height: 100% !important;
}
.single-page-head {
  z-index: 999;
}

.login-btn {
  background-color: #45a049;
  color: #fff;
}

.login-toggle {
  cursor: pointer;
  display: none !important;
  padding: 10px 5px;
  background: #f9f9f9;
  text-align: center;
  justify-content: center;
  color: #000000;
}

.small {
  font-size: 14px;
}
.login-toggle a {
  font-weight: 800;
  color: #377439;
  text-decoration: none;
}

#registration-form {
  display: flex;
  flex-direction: column;
  row-gap: 3rem;
}
.echo-footer {
  background-image: url(https://academy.wwfindia.org/echo/assets/images/new-images/Contact-us.jpg);
  background-size: cover;
}

label small {
  font-size: 0.7em;
}
.anchor-download {
  padding: 4px 15px;
  background-color: #3e8e41;
  color: #fff;
  border-radius: 5px;
}

#formTab {
  justify-content: center;
}

#formTab button.nav-link.active {
  background-color: #377439;
  color: #fff;
}

#formTab button.nav-link.active img {
  filter: brightness(0) invert(1);
}
#formTab button {
  color: #000;
  width: 100%;
  font-weight: 700;
  font-size: 1.4rem;
  background-color: #ffc72a;
}

#formTab li {
  flex-basis: 30%;
}