.newsletter-main {
  position: relative;
  display: flex;
  flex-direction: row;
  padding: 40px 0;
  overflow: hidden;
  background-image: linear-gradient(90deg, #ff2f19, #8e50a8);
  /* =============================================================== RESPONSIVE =================================================================*/ }
  .newsletter-main .newsletter {
    display: flex;
    flex-direction: row;
    width: 1390px;
    margin: 0 calc(50vw - 690px); }
    .newsletter-main .newsletter .txt {
      width: 400px; }
      .newsletter-main .newsletter .txt .title {
        color: #fff;
        font-size: 32px;
        font-weight: 100; }
      .newsletter-main .newsletter .txt p {
        color: #fff;
        font-size: 16px;
        font-weight: 100; }
        .newsletter-main .newsletter .txt p b, .newsletter-main .newsletter .txt p strong {
          font-family: 'LatoLatinMedium'; }
    .newsletter-main .newsletter form {
      display: flex;
      flex-direction: row; }
      .newsletter-main .newsletter form input[type=text] {
        border: none;
        border-radius: 45px;
        padding: 25px 40px;
        width: 517px;
        height: 0;
        margin: 10px 100px 0 50px; }
        .newsletter-main .newsletter form input[type=text]::placeholder {
          color: #3e5667; }
      .newsletter-main .newsletter form .outer-cta .cta-container {
        margin-left: 0; }
        .newsletter-main .newsletter form .outer-cta .cta-container .outer-box-cta {
          margin: 20px 0 0 52px; }

@media (max-width: 1400px) {
  .newsletter-main .newsletter {
    margin: 0 20px !important; } }

@media (max-width: 960px) {
  .newsletter-main {
    padding: 0; }
    .newsletter-main .newsletter {
      flex-direction: column;
      margin: 0 20px 20px; }
      .newsletter-main .newsletter .txt {
        width: calc(100vw - 40px); }
      .newsletter-main .newsletter form {
        flex-direction: column; }
        .newsletter-main .newsletter form input[type=text] {
          margin: 10px 0;
          width: calc(100vw - 120px); }
        .newsletter-main .newsletter form .outer-cta {
          margin: 0; }
          .newsletter-main .newsletter form .outer-cta .outer-box-cta {
            margin: 20px 0 !important; } }

@media (max-width: 480px) {
  .newsletter-main .newsletter form .outer-cta .cta-container .outer-box-cta {
    margin: 30px 0 50px; } }

@media (max-width: 480px) {
  .newsletter-main .newsletter form .outer-cta .cta-container .outer-box-cta {
    margin: 30px 0 50px; } }