.subscribe__inner {
  position: relative;
  max-width: 130rem;
  display: grid;
  margin: 0 auto;
  padding: 5rem 0 6rem 6rem;
  gap: 4rem;
  border: .8rem solid transparent;
  border-radius: 3rem;
  background: #F8F8F8;
  background: linear-gradient(#f8f8f8, #f8f8f8) padding-box, linear-gradient(to right, rgba(0, 161, 155, 0.4), rgba(248, 248, 248, 0.1)) border-box;
  grid-template-columns: auto 40rem; }
  @media (max-width: 1023px) {
    .subscribe__inner {
      padding: 26px 14px;
      grid-template-columns: 100%; } }
  @media (max-width: 575px) {
    .subscribe__inner {
      display: block;
      border: 4px solid transparent;
      background: linear-gradient(#f8f8f8, #f8f8f8) padding-box, linear-gradient(to bottom, rgba(0, 161, 155, 0.4), rgba(248, 248, 248, 0)) border-box; } }

.subscribe__content {
  margin-bottom: 3rem; }
  @media (max-width: 1023px) {
    .subscribe__content {
      margin-bottom: 30px; } }

.subscribe__title {
  margin-bottom: 1rem; }
  @media (max-width: 1023px) {
    .subscribe__title {
      margin-bottom: 14px; } }

.subscribe__right {
  position: relative;
  margin: -5rem 0 -6rem; }
  @media (max-width: 1023px) {
    .subscribe__right {
      display: none; } }
  .subscribe__right .lazy-img-wrap {
    position: absolute;
    top: -10rem;
    bottom: 0;
    right: 0;
    left: 0; }
    .subscribe__right .lazy-img-wrap img {
      width: 100%;
      height: 100%;
      object-fit: contain; }

.subscribe__form {
  display: grid;
  align-items: end;
  gap: 3.2rem;
  grid-template-columns: 1fr 1fr .7fr; }
  @media (max-width: 1023px) {
    .subscribe__form {
      gap: 16px;
      grid-template-columns: 100%; }
      .subscribe__form .btn--primary {
        margin-top: 10px; } }

.subscribe__desc {
  max-width: 600px;
  color: #6F7682; }

.subscribe--product {
  padding-top: 6rem; }
  @media (max-width: 1023px) {
    .subscribe--product {
      padding-top: 56px; } }
  @media (min-width: 1024px) {
    .subscribe--product .subscribe__inner {
      padding: 3rem 0 3rem 6rem; } }
  .subscribe--product .subscribe__form {
    gap: 2rem;
    grid-template-columns: 1fr 1fr 1fr; }
    @media (max-width: 1023px) {
      .subscribe--product .subscribe__form {
        grid-template-columns: 100%; }
        .subscribe--product .subscribe__form .checkbox {
          margin-top: 10px; } }
    @media (min-width: 1024px) {
      .subscribe--product .subscribe__form .form-group--full {
        grid-column: span 3; } }
  .subscribe--product .subscribe__right {
    margin: -3rem -7rem -12rem; }
    @media (max-width: 1023px) {
      .subscribe--product .subscribe__right {
        margin-right: 0; } }
    .subscribe--product .subscribe__right .lazy-img-wrap {
      top: -7rem;
      bottom: auto; }

@media (min-width: 1024px) {
  .index-subscribe .subscribe__form {
    grid-template-columns: 1fr 1fr; }
    .index-subscribe .subscribe__form .form-group--checkbox {
      grid-column: span 2; }
    .index-subscribe .subscribe__form .btn {
      max-width: 24rem; } }

.subscribe--brand .subscribe__inner {
  display: block;
  padding: 5rem 6rem;
  border: 8px solid #00a19b33;
  background: transparent; }
  @media (max-width: 1023px) {
    .subscribe--brand .subscribe__inner {
      padding: 26px 16px;
      border-width: 4px; } }

@media (min-width: 1024px) {
  .subscribe--brand .form-group--full {
    grid-column: span 3; } }