.main {
  padding: 30px 6%;
  overflow: hidden;
  margin: 20px 0;
}

a {
  text-decoration: none;
  color: #12A19A;
}

.freez {
  background-image: url('../img/freezs.png');
  min-width: 100%;
  height: 75vh;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
}

.eggfrz, .spermfrz {
  background-color: #12A19A;
  color: #fff;
  position: absolute;
  padding: 65px;
  font-size: 22px;
  border-radius: 12px;
  transition: all 0.6s;
  line-height: 70px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

.eggfrz:hover, .spermfrz:hover {
  background-color: #5F8DCE;

}

.eggfrz {
  left: calc(5% - 30px);
  bottom: 50px;
}

.spermfrz {
  right: calc(5% - 30px);
  bottom: 50px;
}

.homefrz, .centerfrz {
  background-color: #12A19A;
  color: #fff;
  padding: 8px 25px;
  font-size: 18px;
  border-radius: 12px;
  transition: all 0.6s;
  line-height: 30px;
  box-shadow: 0 3px 7px rgb(0 0 0 / 20%);
  margin-left: 12px
}

.sperm-banner {
  background-image: url('../img/sperm-freez.jpg');
  min-width: 100%;
  height: 90vh;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #fff;
  position: relative
}

.egg-banner {
  background-image: url('../img/egg-freez.svg');
  min-width: 100%;
  height: 90vh;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 10%;
  background-color: #fff;
}

.gadget-info {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
}

.gadget-info img {
  width: 35%;
  object-fit: contain;
}

.about-gadget {
  padding: 0 35px;
}

.gadget-title {
  display: inline-block;
}

.about-gadget ul {
  list-style-position: inside;
  list-style-type: disc;
}

.buybtn {
  margin-right: auto;
  display: block;
  width: fit-content;
  background-color: #12A19A;
  color: #fff;
  border-radius: 13px;
  padding: 15px 50px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
  transition: all 0.2s;
  margin-top: 30px;
}

.buybtn:hover {
  transform: translateY(-5px);
  box-shadow: 0 7px 20px rgba(0, 0, 0, 0.3);
}

.qpart {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  height: 86vh;
  padding: 0 40px;
  margin-right: 10%;
}

.question {
  font-size: 22px;
  background: #fff;
  padding: 20px;
  border-radius: 13px;
}

.amh {
  background-color: #fff;
  border-radius: 7px;
  padding: 30px
}

.amh-img {
  display: block;
  margin: auto;
  max-width: 100%;
}

.amh h1 {
  text-align: center;
  color: #12A19A
}

.amh-content {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;

}

.contact-amh {
  padding: 22px;
  background-color: #12A19A;
  color: #fff;
  border-radius: 13px;
  align-self: flex-start;
  margin: 22px
}
.amh-form{
  margin: auto;
  width: 100%;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  border-radius: 13px;
  padding: 22px;
  max-width: 800px
}
.amh-info {
  padding: 22px;
}
.btntest{
  display: table;
  background: #12A19A;
  color: #fff;
  border-radius: 7px;
  margin: auto;
  box-shadow: 0 7px 20px rgb(0 0 0 / 20%);
  padding: 12px 18px
}
.fgroup {
  margin-top: 12px;
}
.fgroup i{
  font-size: 20px
}
.fgroup input[type='text'], .fgroup input[type='number'], .fgroup select {
  width: 100%;
  padding: 7px 12px;
  font-size: 14px;
  border-radius: 3px;
  outline: none;
  border: 1px solid #12A19A;
  margin-top: 5px;
}

.fgroup input, .fgroup textarea {
  padding: 8px;
  border: 0;
  outline: 0;
  border-radius: 5px;
  width: 240px;
  margin-top: 4px;
}

.btnamh {
  width: 100%;
  margin: 40px 0 12px 0;
  padding: 10px;
  font-size: 16px;
  background-color: #12A19A;
  outline: none;
  border: none;
  color: #fff;
  border-radius: 5px;
  box-shadow: 0 0 3px rgb(0 0 0 / 20%);
  transition: all 0.2s;
  cursor: pointer;
}

.btnamh:hover {
  box-shadow: 0 7px 13px rgb(0 0 0 / 20%);
}

@media (max-width:800px) {
  .freez, .sperm-banner {
    background-position: top;
    height: 60vh;
  }

  .eggfrz, .spermfrz {
    padding: 35px;
    font-size: 16px;
    bottom: 0px
  }

  .about-gadget {
    padding: 0 22px;
  }

  .htest, .ctest {
    padding: 22px;
    bottom: 15px;
  }

  .htest {
    left: 6%;
  }

  .ctest {
    right: 6%;
  }

  .gadget-info img {
    width: 100%;
  }

  .gadget-info {
    flex-direction: column;
  }

  .qpart {
    margin-right: unset;
    width: 100%;
    justify-content: center;
    align-items: flex-start;
  }

  .question {
    font-size: 18px;
    margin-top: 20px;
  }

  .egg-banner {
    background-position: bottom;
  }

  .amh h1 {
    font-size: 24px;
  }

  .amh-content {
    flex-direction: column;
  }

  .fgroup input, .fgroup textarea {
    width: 100%;
  }

  .layout {
    margin: unset !important;
  }

  .main {
    padding: 15px 7%;
  }

  .amhm {
    padding: 15px 5%;
  }

}