@font-face {
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/mulish/v3/1Pttg83HX_SGhgqk2johaqRXBA.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }

h1, h2, h3, h4, p, strong, a, span, li, input {
    font-family: "Mulish", sans-serif;
}

.section-newsletter {
    height: 410px;
    width: 100%;
    margin: 50px 0 41px 0;

}

.newsletter-content {
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    width: 1266px;
    height: 410px;
    border-radius: 79px 0px 24px 24px;
    background-color: #121212;
    justify-content: space-around;
    align-items: center;
}

.presentation {
    display: flex;
    flex-direction: column;
    width: 617px;
    height: 246px;
    width: 50%;
}

.hr {
    margin-left: 0px;
    margin-top: 16px;
    border: 1px solid #FF000A;
    width: 30px;
    height: 0px;
}

.presentation_title {
    color: #FFFFFF;
    font-size: 32px;
    font-weight: 700;
    /* font-family: "Mulish" !important; */
    line-height: 40.16px;
    margin-top: 16px;
}

.presentation_text {
    color: #DFE1E6;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    margin-top: 16px;
}

.presentation_description {
    color: #DFE1E6;
    /* font-family: Mulish; */

    font-size: 12px;
    font-weight: 400;
    line-height: 26px;
    margin-top: 32px;
}

.newsletter-form {
    width: 402px;

}


.newsletter-form input[type="text"] {
    width: 100%;
    height: 54px;
    padding-left: 42px;
    margin-bottom: 8px;
}

.newsletter-input-icons button {
    margin-top: 15px;
    padding-left: 42px;
    width: 100%;
    height: 55.93px;
    background: linear-gradient(#E60009, #FF00A2);
    border: none;
    border-radius: 6px;
    font-family: "Mulish", sans-serif !important;

    color: white;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 0.2px;
    font-weight: 700;
}

.newsletter-form_span {
    display: flex;
    font-size: 10px;
    line-height: 16px;
    margin-top: 10px;
    text-align: center;
    color: #FFFFFF;
}

.newsletter-form_span a {
    color: #0052CC;
    text-decoration: underline;
}

.newsletter-form_span a:hover {
    text-decoration: underline;
}

.newsletter-icon {
    position: relative;
    top: 38px;
    left: 17px;
    color: #A5ADBA;
}

.newsletter-form .hs-form .hs-button[type=submit] {
    background: #ff333b!important;
    width: 100%;
    transition: all 0.5s !important;
    min-width: 180px;
    margin-top: 0;
    color: #ffffff;
    -webkit-box-align: start;
    align-items: flex-start;
    text-align: center;
    border: none;
    padding: 12px 30px;
    font-size: 12px;
}
.newsletter-form input.hs-button.primary.large:hover {
  background: #ff333b;
}

.newsletter-form .hbspt-form .hs-form-field .input input {
  color: #757575 !important;
  outline: none !important;
  padding: 10px !important;
  font-size: 1rem !important;
  border: 1px solid #E7E7E7 !important;
  background: #fff;
  border-radius: 3px;
  height: 54px;
  margin-bottom: 0;
}
.newsletter-form .hbspt-form form .legal-consent-container ul li label p a {
  color: #66A4FF;
}

@media (max-width: 1360px) {
    .newsletter-content {
        width: 90%;
        height: 415px;
    }

    .presentation {
        width: 50%;
    }

    .newsletter-form {
        width: 35%;
    }
}

@media (max-width: 1000px) {
    .section-newsletter {
        margin-bottom: 386px;
    }
    .newsletter-content {
        left: 20px;
        margin: 0 auto;
        height: 750px;
        width: 90%;
        flex-direction: column;
    }

    .presentation {
        margin-left: 20px;
        width: 80%;
        margin: 88px auto 0 auto;
    }

    .newsletter-form {
        margin-left: 20px;
        width: 80%;
        margin: 85px auto 0 auto;

    }

    .newsletter-form_span {
        margin-top: 20px;
    }
}

@media (max-width: 500px) {
    .newsletter-content {
        height: 770px;
    }
}

@media (max-width: 400px) {
    .section-newsletter {
        margin-bottom: 450px;
    }
    .newsletter-content {
        height: 770px;
    }
    .footer_div {
        width: 100%;
    }
    .newsletter-content {
        height: max-content;
    }
    .presentation {
        height: max-content;
    }
    .newsletter-form {
        height: max-content;
        margin-top: 32px;
    }
}