.sec-newsletter:last-child {
  margin-bottom: 0;
}
.sec-newsletter:last-child::before {
  position: absolute;
  content: '';
  left: 0;
  bottom: 0;
  width: 100%;
  height: 50%;
  background: var(--black);
}
.newsletter {
  padding: 8rem;
  position: relative;
  z-index: 1;
}
.newsletter::before,
.newsletter::after {
  position: absolute;
  content: '';
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.newsletter::before {
  background-color: var(--black);
  background-image: linear-gradient(
    94.59deg,
    #ee2b7a 0%,
    #0c8ce9 50%,
    #53b36e 100%
  );
}
.sec-newsletter.green .newsletter::before {
  background-image: linear-gradient(
    199.77deg,
    #53b36e 13.22%,
    rgba(83, 179, 110, 0.65) 86.78%
  );
}
.sec-newsletter.pink .newsletter::before {
  background-image: linear-gradient(
    199.77deg,
    #ee2b7a 13.22%,
    rgba(238, 43, 122, 0.65) 86.78%
  );
}
.sec-newsletter.blue .newsletter::before {
  background-image: linear-gradient(
    199.77deg,
    #0c8ce9 13.22%,
    rgba(12, 140, 233, 0.65) 86.78%
  );
}
.newsletter::after {
  background-image: var(--newsletter-bg);
  background-size: cover;
  background-position: center;
  opacity: 0.15;
}
.newlatter-block {
  width: 100%;
  max-width: 80rem;
  position: relative;
  z-index: 1;
}
.newlatter-block .wpcf7 {
  display: contents;
}
.newlatter-block .title {
  margin-bottom: 3.2rem;
}
.newsletter-form {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 4.8rem;
}
.newsletter .form-control {
  border: 0;
}
.newsletter .chk input:checked ~ .checkmark,
.newsletter .chk:has(input:checked) .checkmark {
  border-color: var(--white);
}
.newlatter-btn {
  flex-shrink: 0;
  margin-left: auto;
}
.newlatter-btn .btn {
  height: 6.4rem;
}
.newsletter .chk,
.newsletter .errorMessage {
  color: var(--white);
}
@media (min-width: 1460px) and (max-width: 1499.98px) {
  .newsletter {
    padding: 7.2rem;
  }
  .newlatter-block {
    max-width: 78rem;
  }
  .newlatter-block .title {
    margin-bottom: 2.4rem;
  }
  .newsletter-form {
    gap: 4rem;
  }
}
@media (min-width: 1360px) and (max-width: 1459.98px) {
  .newsletter {
    padding: 6.4rem;
  }
  .newlatter-block {
    max-width: 68rem;
  }
  .newlatter-block .title {
    margin-bottom: 2.4rem;
  }
  .newsletter-form {
    gap: 4rem;
  }
  .newlatter-btn .btn {
    height: 5.8rem;
  }
}
@media (min-width: 1200px) and (max-width: 1359.98px) {
  .newsletter {
    padding: 5.6rem;
  }
  .newlatter-block {
    max-width: 68rem;
  }
  .newlatter-block .title {
    margin-bottom: 2.4rem;
  }
  .newsletter-form {
    gap: 4rem;
  }
  .newlatter-btn .btn {
    height: 5.4rem;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .newsletter {
    padding: 5.6rem;
  }
  .newlatter-block {
    max-width: 67rem;
  }
  .newlatter-block .title {
    margin-bottom: 2.4rem;
  }
  .newsletter-form {
    gap: 3.2rem;
  }
  .newlatter-btn .btn {
    height: 5.4rem;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .newsletter {
    padding: 4.8rem;
  }
  .newlatter-block .title {
    margin-bottom: 2.4rem;
  }
  .newsletter-form {
    gap: 2.4rem;
  }
  .newlatter-btn .btn {
    height: 5.4rem;
  }
}
@media (max-width: 767.98px) {
  .newsletter {
    padding: 3.2rem 2.4rem;
  }
  .newsletter-form {
    gap: 2rem;
    flex-direction: column;
  }
  .newlatter-block .title {
    margin-bottom: 2rem;
  }
  .newlatter-block .title br,
  .newsletter .chk br {
    display: none;
  }
  .newlatter-btn {
    width: 100%;
  }
  .newlatter-btn .btn {
    height: 5.4rem;
    width: 100%;
  }
}