@import url("https://fonts.googleapis.com/css?family=DM Sans");
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,700;0,800;0,900;1,600&display=swap");
:root {
  --color-primary: #ffff;
  --color-secondary: #06c9cc;
}

.input_label {
  font-size: 1rem;
  font-weight: 500;
  display: block;
  text-align: left;
  margin: 1rem 0 0.2rem;
  /* color: #575250; */
  color: var(--color-secondary);
  font-family: "Poppins";
}

.inp_input {
  width: 100%;
  padding: 0.65rem 1rem;
  font-size: 1rem;
  color: #68748f;
  border: 2px solid #dddddd;
  background: #fafafa;
  border-radius: 35px;
  outline: none;
  font-weight: 400;
  font-family: "Poppins";
}

.inp_input::placeholder {
  /* color: #a0aec0; */
  color: #575250;
}

.btn_div {
  display: flex;
  align-items: center;
  justify-content: center;
}

.inp_submit {
  margin: 2rem 0 0.5rem 0;
  padding: 0.65rem 0.5rem;
  background-color: var(--color-secondary);
  /* background-image: linear-gradient(41deg,#45dec0,#53c3bf 46%,#60a8be); */
  /* background: #68748F; */
  /* color: #1a202c; */
  color: white;
  border: none;
  border-radius: 35px;
  width: 50%;
  font-size: 1rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1px;
  cursor: pointer;
  transition-duration: 0.5s;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px,
    rgba(0, 0, 0, 0.3) 0px 30px 60px -30px,
    rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
}

.inp_submit:hover {
  /* border:3px solid #68748F; */
  background: #68748f;
  color: white;
}

.loading_setting {
  text-align: center;
  color: #575250;
  margin: 2rem 0 0.5rem 0;
}

.input_submit {
  background-color: transparent;
  outline: none;
  border: none;
}

.body_div {
  /* background-color: #F5F5F5; */
  width: 100vw;
  height: 100vh !important;
  border: 3px solid var(--color-secondary);
  /* background-image: url("../assets//pattern-bg.jpg"); */
  background-color: #ffffff;
  background-image: url("../assets/fabric-of-squares.png");
  /*  background-position: 100% 100%; */
  /* background-image: linear-gradient(
    to bottom,
    rgba(255, 255, 0, 0.5),
    rgba(0, 0, 255, 0.5)
  ), url("https://www.thekaizenglobal.com/img/pattern-bg-olive.jpg"); */
}
.body_heading {
  color: var(--color-secondary);
  text-align: left;
  margin: 3% 3% 5% 5%;
  font-family: "Poppins";
  /* letter-spacing: 2px; */
  font-weight: 600;
  /* border-bottom: 3px solid #68748F; */
  align-self: flex-start;
  width: fit-content;
  background-color: white;
  padding: 10px 0px;
  /* border-left: 5px solid var(--color-secondary);
    border-right: 5px solid var(--color-secondary);
    border-top-right-radius: 35px;
    border-bottom-right-radius: 35px; */
  box-shadow: 0px 32px 80px -40px rgb(0 0 0 / 24%);
  backdrop-filter: blur(1px) saturate(180%);
  -webkit-backdrop-filter: blur(1px) saturate(180%);
  background-color: rgba(255, 255, 255, 0.14);
  -webkit-text-stroke: 1px white;
  border-bottom: 5px solid var(--color-secondary);
}

.img_div {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 106px;
  height: 106px;
  border-radius: 60px;
  align-self: center;
  margin-top: -65px;
  margin-bottom: 0px;
  border: 3px solid #68748f;
  background-color: white;
  padding: 0;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px,
    rgba(0, 0, 0, 0.3) 0px 30px 60px -30px,
    rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
}
.img_div img {
  width: 80%;
  height: 80%;
  margin-bottom: 8%;
}

.main_div {
  position: absolute;
  top: 61%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50%;
  height: fit-content;
  max-width: 500px;
  /* border: 3px solid var(--color-secondary); */
  /* border-radius: 50px; */
  padding: 2rem 5rem;

  background-color: white;

  box-shadow: rgb(60 64 67 / 30%) 0px 1px 2px 0px,
    rgb(60 64 67 / 15%) 0px 2px 6px 2px;
  display: flex;
  flex-direction: column;
}

@media only screen and (max-width: 990px) {
  .main_div {
    width: 80%;
  }
  .label_styling {
    font-size: 1rem;
  }

  .body_div {
    /* background-color: #F5F5F5; */
    width: 100vw;
    height: 100vh !important;
    border: 3px solid var(--color-secondary);
    /* background-image: url("../assets//pattern-bg.jpg"); */
    background-color: #ffffff;
    background-image: url("../assets/fabric-of-squares.png");
    /*  background-position: 100% 100%; */
    /* background-image: linear-gradient(
    to bottom,
    rgba(255, 255, 0, 0.5),
    rgba(0, 0, 255, 0.5)
  ), url("https://www.thekaizenglobal.com/img/pattern-bg-olive.jpg"); */
  }
  .body_heading {
    color: var(--color-secondary);
    text-align: left;
    margin: 5%;
    font-family: "Poppins";
    /* letter-spacing: 2px; */
    font-weight: 600;
    /* border-bottom: 3px solid #68748F; */
    align-self: flex-start;
    width: fit-content;
    background-color: white;
    padding: 10px 0px;
    /* border-left: 5px solid var(--color-secondary);
    border-right: 5px solid var(--color-secondary);
    border-top-right-radius: 35px;
    border-bottom-right-radius: 35px; */
    box-shadow: 0px 32px 80px -40px rgb(0 0 0 / 24%);
    backdrop-filter: blur(1px) saturate(180%);
    -webkit-backdrop-filter: blur(1px) saturate(180%);
    background-color: rgba(255, 255, 255, 0.14);
    -webkit-text-stroke: 1px white;
    border-bottom: 5px solid var(--color-secondary);
  }

  @media only screen and (max-width: 1440px) {
    .main_div {
      top: 60%;
    }
  }
}