/******************************************************************************************************************************************************/
/*Section-1*/
#qrego-index .section-1 .wrapper {
  position: relative;
  width: 100%;
  height: 100vh;
}
#qrego-index .section-1 .wrapper .image-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
}
#qrego-index .section-1 .wrapper .image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#qrego-index .section-1 .overlay-film {
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    80.15deg,
    #000000 0%,
    rgba(0, 0, 0, 0.18) 100%,
    rgba(0, 0, 0, 0) 100%
  );
}
#qrego-index .section-1 .text-wrapper {
  position: absolute;
  bottom: 10%;
  left: 10%;
}
#qrego-index .section-1 .text-wrapper h1 {
  font-size: 50px;
  font-weight: 700;
  line-height: 63px;
  color: #fff;
}
#qrego-index .section-1 .text-wrapper p {
  font-size: 18px;
  font-weight: 600;
  line-height: 32px;
  color: #949494;
}
#qrego-index .section-1 .text-wrapper button {
  font-size: 18px;
  font-weight: 600;
  border: 2px solid #fff;
  border-radius: 8px;
  padding: 15px 40px;
  background-color: transparent;
  color: #fff;
  transition: 300ms ease-in-out;
  margin-top: 15px;
}
#qrego-index .section-1 .text-wrapper button:hover {
  color: #000;
  background-color: #fff;
}
@media only screen and (max-width: 767px) {
  #qrego-index .section-1 .text-wrapper h1 {
    font-size: 30px;
    line-height: initial;
  }
}
/******************************************************************************************************************************************************/
/*Section-2*/
#qrego-index .section-2 {
  padding: 10vh 0;
  background-color: #ffffff;
}
#qrego-index .section-2 .text-wrapper h1 {
  font-size: 50px;
  font-weight: 700;
  line-height: 63px;
  color: #212529;
}
#qrego-index .section-2 .text-wrapper h1 span {
  color: #3f5c5f;
}
#qrego-index .section-2 .text-wrapper ul li::marker {
  color: #949494;
}
#qrego-index .section-2 .text-wrapper p {
  font-size: 18px;
  font-weight: 600;
  line-height: 32px;
  color: #949494;
}
#qrego-index .section-2 .text-wrapper button {
  font-size: 18px;
  font-weight: 600;
  border: 3px solid #3f5c5f;
  border-radius: 8px;
  padding: 15px 40px;
  background-color: #3f5c5f;
  margin-left: 15px;
  color: #fff;
  transition: 300ms ease-in-out;
  margin-top: 15px;
}
#qrego-index .section-2 .text-wrapper button:hover {
  color: #3f5c5f;
  background-color: transparent;
}
/******************************************************************************************************************************************************/
/*Section-3*/
#qrego-index .section-3 {
  padding: 10vh 0;
  background-color: #f7f7f7;
}
#qrego-index .section-3 .wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 25px 25px 35px 25px;
  background-color: #fff;
  border-radius: 15px;
}
#qrego-index .section-3 .wrapper .image-wrapper {
  position: relative;
  width: 100%;
  height: 500px;
  overflow: hidden;
  border-radius: 15px;
}
#qrego-index .section-3 .wrapper .image-wrapper img {
  width: 100%;
  position: relative;
  height: 100%;
  object-fit: cover;
  transition: 300ms ease-in-out;
}
#qrego-index .section-3 .wave {
  width: 100%;
  height: 125px;
  transform: scaleY(-100%);
  position: absolute;
  bottom: 0;
  left: 0;
}
#qrego-index .section-3 .wrapper .text-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
}
#qrego-index .section-3 .text-wrapper h1 {
  font-size: 50px;
  font-weight: 700;
  line-height: 63px;
  color: #212529;
}
#qrego-index .section-3 .text-wrapper p {
  font-size: 18px;
  font-weight: 600;
  line-height: 32px;
  color: #949494;
}
#qrego-index .section-3 .text-wrapper h3 {
  position: absolute;
  bottom: 0px;
  left: 0px;
  color: #3f5c5f;
  font-size: 24px;
  font-weight: 650;
}
#qrego-index .section-3 .text-wrapper h6 {
  color: #949494;
  font-size: 12px;
  font-weight: 400;
  position: absolute;
  bottom: -20px;
  left: 0px;
}
#qrego-index .section-3 .text-wrapper i {
  position: absolute;
  bottom: -15px;
  right: 0px;
  font-size: 45px;
  color: #3f5c5f;
  border-radius: 100%;
  transition: 300ms ease-in-out;
}
#qrego-index .section-3 .text-wrapper button {
  font-size: 18px;
  font-weight: 600;
  border: 2px solid #fff;
  border-radius: 8px;
  padding: 15px 40px;
  background-color: #fff;
  margin-left: 15px;
  color: #3f5c5f;
  transition: 300ms ease-in-out;
  margin-top: 15px;
}
#qrego-index .section-3 .text-wrapper button:hover {
  color: #fff;
  background-color: #3f5c5f;
}
#qrego-index .section-3 .wrapper:hover img {
  transform: scale(1.1);
}
#qrego-index .section-3 .wrapper:hover i {
  background-color: #3f5c5f;
  color: #fff;
}
@media only screen and (max-width: 1500px) {
  #qrego-index .section-3 .wrapper .image-wrapper {
    height: 400px;
  }
  #qrego-index .section-3 .wave {
    height: 140px;
  }
}
/******************************************************************************************************************************************************/
/*Section-4*/
#qrego-index .section-4 {
  padding: 10vh 0;
}
#qrego-index .section-4 .wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 25px;
  background-color: #f7f7f7;
  border-radius: 15px;
}
#qrego-index .section-4 .wrapper .image-wrapper {
  position: relative;
  width: 100%;
  height: 300px;
  overflow: hidden;
  border-radius: 15px;
}
#qrego-index .section-4 .wrapper .image-wrapper img {
  width: 100%;
  position: relative;
  height: 100%;
  object-fit: cover;
  transition: 300ms ease-in-out;
}
#qrego-index .section-4 .wrapper .text-wrapper {
  position: relative;
}
#qrego-index .section-4 .text-wrapper h1 {
  padding-top: 70px;
  font-size: 35px;
  font-weight: 700;
  line-height: 63px;
  color: #3f5c5f;
}
#qrego-index .section-4 .text-wrapper p {
  font-size: 18px;
  font-weight: 600;
  line-height: 32px;
  color: #949494;
}
#qrego-index .section-4 .text-wrapper img {
  position: absolute;
  top: -15%;
  left: 50%;
  transform: translate(-50%, -15%);
  background-color: #fff;
  height: 125px;
  padding: 20px;
  border-radius: 50%;
}
#qrego-index .section-4 .wrapper:hover .image-wrapper img {
  transform: scale(1.1);
}
/******************************************************************************************************************************************************/
/*Section-5*/
#qrego-index .section-5 {
  padding: 10vh 0;
}
#qrego-index .section-5 .wrapper {
  position: relative;
  width: 100%;
  height: 100%;
}
#qrego-index .section-5 .wrapper:hover img {
  transform: scale(1.1);
}
#qrego-index .section-5 .wrapper:hover h3 {
  color: #3f5c5f;
}
#qrego-index .section-5 .wrapper .image-wrapper {
  position: relative;
  width: 100%;
  
}
#qrego-index .section-5 .wrapper .image-wrapper img {
  transition: 300ms ease-in-out;
  object-fit: contain;height: 120px;
  object-position: center;
}
#qrego-index .section-5 .text-wrapper h1 {
  font-size: 50px;
  font-weight: 700;
  line-height: 63px;
  color: #212529;
}
#qrego-index .section-5 .text-wrapper h1 span {
  color: #3f5c5f;
}
#qrego-index .section-5 .text-wrapper p {
  font-size: 18px;
  font-weight: 600;
  line-height: 32px;
  color: #949494;
}
#qrego-index .section-5 .text-wrapper h3 {
  color: #212529;
  font-size: 21px;
  font-weight: 650;
  transition: 300ms ease-in-out;
}
/******************************************************************************************************************************************************/
/*Section-6*/
#qrego-index .section-6 {
  padding: 10vh 0;
  background-color: #f7f7f7;
}
/******************************************************************************************************************************************************/
/*Section-7*/
#qrego-index .section-7 {
  padding: 10vh 0;
  background: linear-gradient(
      to bottom,
      rgba(63, 92, 95, 0.85),
      rgba(63, 92, 95, 0.85)
    ),
    url("https://media.istockphoto.com/photos/close-up-of-a-businessman-using-a-laptop-computer-and-a-mobile-phone-picture-id1323765737?b=1&k=20&m=1323765737&s=170667a&w=0&h=abk3G5YclFNZ_qxoVxk3mz0phLuQXTRlDmLtvS1HCR8=");
  background-size: cover;
}
#qrego-index .section-7 form {
  background-color: #fff;
  padding: 35px;
  border-radius: 15px;
}
#qrego-index .section-7 form input,
#qrego-index .section-7 form textarea {
  width: 100%;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: #f7f7f7;
  padding: 15px 25px;
  border-radius: 10px;
}
#qrego-index .section-7 h3 {
  color: #212529;
  font-size: 20px;
  font-weight: 650;
  margin-bottom: 10px;
  transition: 300ms ease-in-out;
}
#qrego-index .section-7 .text-wrapper {
  text-align: start;
}
#qrego-index .section-7 .text-wrapper h1 {
  font-size: 50px;
  font-weight: 700;
  line-height: 63px;
  color: #fff;
}
#qrego-index .section-7 h3 sup {
  color: red;
}
#qrego-index .section-7 .text-wrapper p {
  font-size: 18px;
  font-weight: 600;
  line-height: 32px;
  color: #fff;
}
#qrego-index .section-7 button {
  font-size: 18px;
  font-weight: 600;
  border: 2px solid #3f5c5f;
  border-radius: 8px;
  padding: 10px 40px;
  background: linear-gradient(85.63deg, #3f5c5f 0%, #02191c 100%);
  margin-left: 15px;
  color: #fff;
  transition: 300ms ease-in-out;
  margin-top: 15px;
}
@media only screen and (max-width: 767px) {
  #qrego-index .section-7 form {
    padding: 20px;
  }
}