.email_subscription {
  --email-subscription-text-color: var(--white);
  --email-subscription-bg-color: var(--main-color-2);
  --email-subscription-padding: 42px 72px 42px 33px;
  --email-subscription-button-bg-color: var(--main-color-3);
  --email-subscription-button-bg-color-hover: var(--main-color-1);
  --email-subscription-button-color: var(--main-color-2);
  --email-subscription-button-border-color: var(--info);
  --email-subscription-button-padding: 9.5px 10px;
  --email-subscription-input-bg-color: var(--main-color-3);
  --email-subscription-input-color: var(--info);
  --email-subscription-input-color: var(--info);
  --email-subscription-input-height: 42px;

  padding: var(--email-subscription-padding);
  background: var(--email-subscription-bg-color);
}

.email_subscription--title {
  font-size: 24px;
  font-weight: 800;
}

.email_subscription--desc {
  font-size: 18px;
  font-weight: 500;
}

.email_subscription--title,
.email_subscription--desc {
  text-transform: uppercase;
  margin-bottom: 0;
  color: var(--email-subscription-text-color);
}

.email_subscription--form .email-input {
  height: var(--email-subscription-input-height);
  background: var(--email-subscription-input-bg-color);
  border-radius: 21px;
  border: none;
  color: var(--email-subscription-input-color);
  font-size: 12px;
}

.email_subscription--form .email-input::-webkit-input-placeholder,
.email_subscription--form .email-input:-ms-input-placeholder,
.email_subscription--form .email-input::placeholder {
  color: var(--email-subscription-input-color);
  font-weight: 500;
  text-transform: uppercase;
}

.email_subscription--form .input-group-append {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
}

.email_subscription--form .input-group-append .btn-primary {
  padding: 9.5px 10px;
  border-radius: 21px;
  border: 1px solid var(--email-subscription-button-border-color);
  color: var(--email-subscription-button-color);
  background-color: var(--email-subscription-button-bg-color);
  font-size: 14px;
  font-weight: 800;
  min-width: 177px;
}

.email_subscription--form .input-group-append .btn-primary:hover {
  background-color: var(--email-subscription-button-bg-color-hover);
  color: #fff;
}

/* .email_subscription--form .input-group-append .btn-primary:hover,
.email_subscription--form .input-group-append .btn-primary:focus,
.email_subscription--form .input-group-append .btn-primary:active {
	background: none;
  border: 1px solid var(--email-subscription-button-border-color);
} */

@media (max-width: 991px) {
  .email_subscription--title {
    font-size: 18px;
    margin-bottom: 20px !important;
  }

  .email_subscription--desc {
    font-size: 14px;
    margin-bottom: 20px !important;
  }
}

@media (max-width: 767.98px) {

  .email_subscription {
    padding: 28px 26px 40px;
  }

  .email_subscription--form .input-group-append .btn-primary {
    padding: 12px 37px;
    font-size: 11px;
    min-width: 160px;
  }

  .email_subscription--form .email-input {
    padding: 15px;
    font-size: 9px;
  }


}