.newsletter{
  width: 100%;
  background: #fff;
  border: 1px solid #fff;
  border-radius: 1.6rem;
  min-height: 33.2rem;
  padding: 4.8rem 6.4rem;
  background-image: var(--newsletter-bg);
  background-size: auto 100%;
  background-position: center right;
  background-repeat: no-repeat;
}
.newsletter-block{
  width: 100%;
  max-width: 39rem;
}
.newsletter-block .h3{
  margin-bottom: 3.2rem;
}
.newsletter-block .h3:last-child{
  margin-bottom: 0;
}
.newsletter-outer{
  position: relative;
}
.newsletter-outer{
  position: relative;
  display: flex;
  align-items: flex-start;
  margin-bottom: 1.6rem;
}
.newsletter-outer:last-child{
  margin-bottom: 0;
}
.newsletter-input{
  width: 100%;
  margin-top: 0.4rem;
}
.newsletter-btn{
  margin-left: 2.4rem;
}
.newsletter-text{
  font-size: 1.4rem;
  line-height: 125%;
  color: #636363;
}
.newsletter-text a{
  color: #636363;
  text-decoration: underline !important;
  text-decoration-skip-ink: none;
}
.newsletter-text a:hover{
  text-decoration: none !important;
  color: #242424 !important;
}
@media(min-width:1200px) and (max-width:1351.98px){
  .newsletter {
    min-height: 30.2rem;
    padding: 4rem 4.8rem;
  }
  .newsletter-block {
    max-width: 36rem;
  }
  .newsletter-text {
    font-size: 1.3rem;
  }
}
@media(min-width:992px) and (max-width:1199.98px){
  .newsletter {
    min-height: 26.2rem;
    padding: 3.2rem;
    background-position: center right -3.2rem;
  }
  .newsletter-block {
    max-width: 33rem;
  }
  .newsletter-block .h3 {
    margin-bottom: 2.4rem;
  }
  .newsletter-btn {
    margin-left: 2rem;
  }
  .newsletter-text {
    font-size: 1.2rem;
  }
}
@media(min-width:768px) and (max-width:991.98px){
  .newsletter {
    min-height: 28rem;
    padding: 4rem 4.8rem;
  }
  .newsletter-input {
    margin-top: 0.0rem;
  }
  .newsletter-input .form-control{
    height: 3.6rem;
  }
}
@media(max-width:767.98px){
  .newsletter {
    min-height: 32.4rem;
    padding: 3.2rem;
    background-image: var(--newsletter-mobile-bg);
  }
  .newsletter-block {
    max-width: calc(100% - 3.7rem);
  }
  .newsletter-block .h3 {
    margin-bottom: 2.4rem;
  }
  .newsletter-outer {
    flex-wrap: wrap;
  }
  .newsletter-btn {
    margin-left: 0;
    margin-top: 1.6rem;
  }
}