h1 {
  font-size: clamp(28px, 6vw, 56px);
}

h2 {
  font-size: clamp(23px, 5vw, 42px);
  line-height: 1.1;
}

.act-btn {
  padding: clamp(10px, 2vw, 14px) 40px;
  font-size: clamp(14px, 2vw, 18px);
  border-radius: 4px;
}

.zwc-field-row {
  display: flex;
  flex-wrap: wrap;
}

.zwc-field-row .zwc-field-col {
  display: block;
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 1;
}

.zwc-banner-wrap {
  padding: clamp(50px, 10vw, 140px) 0;
  background-color: #142d25;
  color: #fff;
}

.zwc-banner-wrap .zwc-sec-title p {
  margin-bottom: 30px;
  font-size: clamp(16px, 2vw, 18px);
}

.zwc-banner-wrap .zwc-field-row {
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}

.zwc-banner-wrap .zwc-banner-left {
  flex: 0 0 40%;
}

.zwc-banner-wrap .zwc-banner-right {
  flex: 0 0 51%;
}

.zwc-banner-wrap .zwc-banner-right img {
  max-width: 641px;
  width: 100%;
  margin: 0 auto;
  display: block;
  margin-right: 0;
}

.zwc-features-points {
  padding: clamp(50px, 7vw, 100px) 0;
}

.zwc-features-points .content-wrap {
  padding: clamp(50px, 7vw, 100px) clamp(60px, 8vw, 120px);
  max-width: 1170px;
  background-color: #f5f5f5;
  border-radius: 12px;
}

.zwc-features-points .content-wrap ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 60px;
}

.zwc-features-points .content-wrap ul li {
  color: #000;
  flex: 0 0 calc(50% - 80px);
  font-size: clamp(19px, 4vw, 22px);
  font-family: var(--zf-secondary-medium);
  max-width: 350px;
  text-indent: -37px;
  margin-left: 37px;
}

.zwc-features-points .content-wrap ul li::before {
  content: "";
  width: 25px;
  height: 25px;
  display: inline-block;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.571455' y='0.571455' width='22.4762' height='22.4762' rx='11.2381' fill='%23FFDB79'/%3E%3Crect x='0.571455' y='0.571455' width='22.4762' height='22.4762' rx='11.2381' stroke='black' stroke-width='1.14286'/%3E%3Cpath d='M16.0267 6.85675C16.1684 6.8568 16.3078 6.88847 16.4368 6.94757C16.566 7.00675 16.682 7.09244 16.7776 7.19855H16.7767C16.8774 7.30306 16.9569 7.42688 17.011 7.56281C17.0667 7.70247 17.095 7.85234 17.095 8.00323C17.095 8.1541 17.0666 8.30402 17.011 8.44366C16.9569 8.57973 16.8765 8.70333 16.7757 8.80792L16.7767 8.8089L10.5833 15.6194L10.5843 15.6204C10.4886 15.7265 10.3726 15.8122 10.2435 15.8714C10.1144 15.9305 9.97504 15.9622 9.83331 15.9622C9.69139 15.9622 9.55142 15.9306 9.42218 15.8714C9.2931 15.8122 9.17798 15.7265 9.08234 15.6204V15.6214L6.1712 12.4183V12.4193C6.07244 12.3143 5.99511 12.1901 5.94171 12.055C5.88828 11.9198 5.86003 11.7751 5.85773 11.6292C5.85543 11.4833 5.87897 11.3375 5.92804 11.2005C5.97712 11.0636 6.05059 10.9369 6.14581 10.8284C6.24105 10.72 6.35629 10.6315 6.48566 10.5696C6.61527 10.5077 6.75638 10.4737 6.89972 10.471C7.04304 10.4683 7.18496 10.4969 7.31671 10.554C7.44822 10.611 7.56649 10.6951 7.66534 10.8001L7.66925 10.804L9.83234 13.1927L15.2757 7.19757C15.3712 7.0918 15.4867 7.00662 15.6155 6.94757C15.7448 6.88835 15.8848 6.85675 16.0267 6.85675Z' fill='black' stroke='black' stroke-width='0.571429'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-right: 10px;
  vertical-align: middle;
}

.zwc-features-wrap {
  padding: clamp(30px, 8vw, 80px) 0;
}

.zwc-features-wrap .content-wrap {
  max-width: 1170px;
}

.zwc-features-wrap .content-wrap>.zwc-sec-title {
  text-align: center;
  max-width: 730px;
  margin: 0 auto 50px;
}

.zwc-features-wrap .zwc-field-row {
  padding: clamp(30px, 8vw, 70px) 0;
  align-items: center;
  justify-content: space-between;
}

.zwc-features-wrap .zwc-img-wrap {
  flex: 0 0 52%;
}

.zwc-features-wrap .zwc-img-wrap img {
  max-width: 600px;
  width: 100%;
}

.zwc-features-wrap .zwc-content-wrap {
  flex: 0 0 37%;
}

.zwc-features-wrap .zwc-content-wrap .zwc-sec-title {
  max-width: 440px;
}

.zwc-features-wrap .zwc-content-wrap .zwc-sec-title p:last-child {
  margin-bottom: 0;
}

.zwc-clear-conversation {
  padding-bottom: clamp(50px, 7vw, 110px);
}

.zwc-clear-conversation .content-wrap {
  background-color: #f6f6f2;
  border-radius: 12px;
  padding: clamp(40px, 7vw, 100px) clamp(40px, 7vw, 100px) 0;
}

.zwc-clear-conversation .zwc-sec-title {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 60px;
}

.zwc-clear-conversation .zwc-sec-title h2 {
  flex: 0 0 30%;
  margin-bottom: 0;
}

.zwc-clear-conversation .zwc-sec-title p {
  flex: 0 0 65%;
  margin-bottom: 0;
}

.zwc-clear-conversation .zwc-img-wrap img {
  display: block;
  border-radius: 12px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  max-width: 1043px;
  margin: 0 auto;
}

.zwc-footer-wrap {
  background-color: #0d4b24;
  text-align: center;
  color: #fff;
  padding: clamp(40px, 9vw, 120px) 0;
}

.zwc-footer-wrap h2 {
  margin-bottom: 30px;
  font-size: clamp(23px, 5vw, 46px);
}

@media (max-width: 1280px) {
  .zwc-banner-wrap .zwc-field-row {
    flex-flow: column wrap;
    justify-content: center;
    gap: 50px;
  }

  .zwc-banner-wrap .zwc-sec-title {
    max-width: 600px;
    margin: 0 auto;
    text-align: center;
  }

  .zwc-features-points .content-wrap ul {
    gap: 50px;
  }

  .zwc-features-wrap .zwc-img-wrap {
    flex: 0 0 50%;
  }

  .zwc-features-wrap .zwc-content-wrap {
    flex: 0 0 45%;
  }

  .zwc-clear-conversation .zwc-sec-title h2 {
    flex: 0 0 35%;
  }

  .zwc-clear-conversation .zwc-sec-title p {
    flex: 0 0 60%;
  }
}

@media (max-width: 991px) {
  .zwc-features-points .content-wrap ul {
    flex-flow: column wrap;
    max-width: 430px;
    margin: 0 auto;
  }

  .zwc-features-points .content-wrap ul li {
    max-width: 100%;
  }

  .zwc-features-wrap .content-wrap>.zwc-sec-title {
    margin-bottom: 0;
  }

  .zwc-features-wrap .zwc-field-row {
    flex-direction: column;
    gap: 30px;
  }

  .zwc-features-wrap .zwc-img-wrap {
    flex: 0 0 100%;
    order: 1;
  }

  .zwc-features-wrap .zwc-content-wrap {
    flex: 0 0 100%;
    order: 2;
  }

  .zwc-features-wrap .zwc-content-wrap .zwc-sec-title {
    max-width: 600px;
  }

  .zwc-clear-conversation .zwc-sec-title {
    flex-direction: column;
    gap: 20px;
    margin-bottom: 40px;
  }

  .zwc-clear-conversation .zwc-sec-title h2 {
    flex: 0 0 100%;
  }

  .zwc-clear-conversation .zwc-sec-title p {
    flex: 0 0 100%;
  }
}

@media (max-width: 767px) {
  .zwc-banner-wrap .zwc-logo-wrap .zwc-integration {
    padding: 10px 15px;
  }

  .zwc-banner-wrap .zwc-logo-wrap .zwc-integration .zwc-logo img {
    width: 30px;
  }

  .zwc-features-wrap .zwc-img-wrap img {
    max-width: 100%;
  }

  .zwc-clear-conversation .content-wrap {
    padding: clamp(40px, 8vw, 60px) clamp(20px, 5vw, 40px) 0;
  }

  .zwc-clear-conversation .zwc-sec-title {
    margin-bottom: 30px;
  }
}

@media (max-width: 480px) {
  .act-btn {
    padding: 10px 30px;
  }

  .zwc-banner-wrap .zwc-logo-wrap .zwc-integration {
    gap: 5px;
  }

  .zwc-banner-wrap .zwc-logo-wrap .zwc-integration .zwc-logo img {
    width: 24px;
  }

  .zwc-banner-wrap .zwc-logo-wrap .zwc-integration .zwc-path img {
    width: 18px;
  }

  .zwc-clear-conversation .content-wrap {
    padding: 30px 15px 0;
  }
}