:root {
  --main-color: #1a4e18;
  --second-color: #335632;
  --third-color: #84ac81;
  --white-color: #fff;
}
.container-2 {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
}
body {
  background-color: var(--main-color);
  scroll-behavior: smooth;
}
.application-details {
  margin: 100px 100px 0;
  padding: 50px 20px;
  background-color: var(--white-color);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.application-details,
.container-2 form {
  width: 50%;
}

.claytor-p {
  font-weight: bold;
  padding: 20px 0;
}
.p-1,
.p-2,
.duties-p,
.basic-p {
  font-weight: 400;
  letter-spacing: 2px;
  margin-bottom: 20px;
}

.duties-ul {
  width: 100%;
  margin-bottom: 20px;
  padding: 10px;
}
.duties-p {
  font-weight: 600;
}
.duties-ul li {
  font-weight: 400;
  letter-spacing: 2px;
}

/* form styles */
.container-2 form {
  margin: 0 100px 100px;
  padding: 50px 20px;
  background-color: var(--white-color);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.input-mother-div {
  width: 100%;
  margin-bottom: 20px;
}
.input-div input, .input-div select,
.input2-div input {
  width: 100%;
  padding: 10px;
  border: none;
  border-bottom: 1px solid black;
  margin-bottom: 10px;
  outline: none;
}
.job-h3 {
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 30px;
}
.input-div,
.input2-div {
  margin-top: 0px;
}
.container-2 form label {
  font-weight: bold;
}
.input-main-div {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.input-main2-div {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.input-div {
  width: 48%;
  margin-bottom: 20px;
}
@media screen and (max-width: 670px) {
  .input-div {
    width: 100%;
  }
}
.input2-div {
  width: 100%;
  margin-bottom: 20px;
}
.input-radio {
  display: flex;
  align-items: center;
}
.input-radio input {
  margin-right: 10px;
}
.input-radio label {
  text-transform: capitalize;
}
.employment-p {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 20px;
}
@media screen and (max-width: 950px) {
  .application-details,
  .container-2 form {
    width: 90%;
  }
  .application-details {
    margin-top: 50px;
  }
  .container-2 form {
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 650px) {
  .application-details,
  .container-2 form {
    width: 100%;
  }
  .container-2 form {
    margin-bottom: 50px;
  }
}
.button-div button {
  background-color: var(--main-color);
  color: var(--white-color);
  outline: none;
  border-radius: 5px;
  padding: 10px 20px;
  border: none;
  box-shadow: 1px 1px 1px var(--main-color);
  cursor: pointer;
}