.banner-newsletter {
  background-color: rgb(229.5, 242.5, 243.1);
  border: 1px solid rgb(51, 155, 159.8);
  border-radius: 12px;
}
.banner-newsletter .section-tit1 {
  margin-bottom: 20px;
}
.banner-newsletter .btn {
  margin-top: 30px;
}
.banner-newsletter .blq-img picture {
  width: 100%;
  max-width: 178px;
  aspect-ratio: 400/447;
  margin-left: auto;
  margin-right: auto;
}
.banner-newsletter .blq-img picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
@media (min-width: 1440px) {
  .banner-newsletter {
    padding: 48px 120px;
    margin-top: 60px;
    gap: 118px;
  }
  .banner-newsletter .blq-img {
    width: 270px;
    padding: 36px 46px;
  }
}
@media (min-width: 1024px) and (max-width: 1439px) {
  .banner-newsletter {
    gap: 80px;
  }
  .banner-newsletter .blq-img {
    width: 200px;
    padding: 30px 20px;
  }
}
@media (min-width: 1024px) {
  .banner-newsletter {
    display: flex;
  }
  .banner-newsletter .blq-img {
    flex-grow: 0;
    flex-shrink: 0;
  }
  .banner-newsletter .blq-txt {
    flex-grow: 1;
  }
  .banner-newsletter .blq-txt .contentStyledText {
    font-size: 18px;
    line-height: 22px;
  }
}
@media (max-width: 1023px) {
  .banner-newsletter * + .blq-img {
    margin-top: 60px;
  }
}
@media (min-width: 768px) and (max-width: 1439px) {
  .banner-newsletter {
    padding: 40px 60px;
    margin-top: 50px;
  }
}
@media (max-width: 767px) {
  .banner-newsletter {
    padding: 30px 12px;
    margin-top: 40px;
  }
  .banner-newsletter .btn {
    height: auto;
    min-height: 40px;
    padding-block: 3px;
    white-space: wrap;
    width: 100%;
    display: flex;
  }
}/*# sourceMappingURL=banner-newsletter.css.map */