.footer-newsletter {
  display: flex;
  flex-direction: column;
  gap: 20%;
  background: #121A2BB0;
  border-radius: 40px;
  padding: 110px 140px;
  margin-bottom: 80px;
  backdrop-filter: blur(10px);
}

.footer-newsletter h2 {
  margin-bottom: 30px;
}

.footer-newsletter .form-control,
.footer-newsletter .compact-form .btn {
  height: 50px !important;
}

div.footer-newsletter-full-width {
  background-color: unset !important;
}

#formNewsletter {
  max-width: 480px;
  margin: auto;
}

.footer-newsletter {
  max-width: unset !important;
}

div.footer-newsletter h2 {
  text-align: left;
  flex: 1;
}

label.whole-width {
  font-size: 16px !important;
  color: var(--color-gray) !important;
  line-height: normal;
  cursor: default;

}

.btn.btn-arrow-right.btn-primary.btn-hover-1.order-2::after {
  background: transparent !important;
}

label.whole-width a {
  color: var(--color-gray) !important;
  font-weight: 600;
}

.footer-newsletter div.validator-msg-holder>input {
  border-radius: var(--radius-lg);
  background: transparent;
  border-color: var(--color-gray);
  color: var(--color-white) !important;
}

form#formNewsletter {
  flex: 1;
  max-width: unset;
}

@media(max-width:479px) {
  .footer-newsletter {
    padding: 35px   ;
  }
}

@media (max-width: 820px) {


  .footer-newsletter button[type=submit].btn {
    z-index: 4;
    border-radius: var(--radius-lg) !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    width: initial !important;
  }
}

@media (min-width: 821px) {
  .footer-newsletter {
    flex-direction: row !important;
  }

  .footer-newsletter button[type=submit].btn {
    z-index: 4;
    border-radius: var(--radius-sm) !important;
    position: relative !important;
    width: initial !important;
  }

  .footer-newsletter div.validator-msg-holder>input {
    border-radius: var(--radius-sm);
    text-align: center !important;
    padding: 0 !important;
  }
}

@media (min-width: 1440px) {
  .container-full-width {
    max-width: 1364px;
  }

  .footer-newsletter .text-50 {
    font-size: clamp(32px, 3vw, 50px);
  }
}