.subscribe-page {
  background-color: #f7f7f7;

  .intro-banner {
    width: auto;

    .banner-intro__container,
    .banner-intro__image {
      max-width: 33%;
    }

    .banner-intro__description {
      font-weight: var(--font-weight-semibold);
      line-height: 1.5em;
      letter-spacing: 0.5px;
      font-size: var(--font-size-base);
    }
  }
}

.subscribe_page_content {
  padding: 6% 3% 8% 3%;
  width: 100%;
  box-sizing: border-box;
  background-repeat: no-repeat, no-repeat;
  background-position: 97% 2%, bottom left;
  background-size: 16% auto, 23% auto;
  transition: all 0.3s;

  .content-wrapper {
    margin-left: auto;
    margin-right: auto;
    max-width: 1140px;
  }
}

.support-block {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.9em;
}

.support-subtitle {
  text-align: center;
  color: var(--color-primary-text);
  font-family: var(--font-family-primary);
  font-size: var(--font-size-md);
  font-weight: var(--font-weight-medium);
  text-transform: uppercase;
  letter-spacing: 1.5px;
  margin: 0;
}

.support-title {
  text-align: center;
  color: var(--color-primary-text);
  font-family: var(--font-family-secondary);
  font-size: var(--font-size-6xl);
  font-weight: var(--font-weight-extra-bold);
  text-transform: capitalize;
  line-height: 1.2em;
  margin: 0;
  padding: 0 3em;
}

.support-description {
  font-family: var(--font-family-primary);
  font-weight: var(--font-weight-normal);
  line-height: 1.5em;
  display: flex;
  flex-direction: column;
  gap: 0.9em;
  padding: 4em 12em 0em 12em;
}

.subscription-price {
  padding: 8% 0% 8% 0%;
  display: flex;
}

.price-card {
  padding: 0.8em;
  width: calc(100% / 3);
  box-sizing: border-box;
}

.price-card_wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #fff;
  transition: all 0.3s;

  &:hover {
    box-shadow: 0px 4px 30px -3px rgba(33.39802989130436, 45.10352679362595, 64.50000000000001, 0.3);
  }
}

.price-card_title {
  margin: 0;
  padding: 20px 0;
  color: var(--color-primary-text);
  font-family: var(--font-family-secondary);
  font-size: var(--font-size-2xl);
  font-weight: var(--font-weight-extra-bold);
  text-align: center;
}

.price-card_value {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 40px 0;
  font-family: var(--font-family-primary);

  .price-card_price {
    font-size: var(--font-size-6xl);
    font-weight: var(--font-weight-normal);
    text-transform: uppercase;
    color: var(--color-primary-text);
    display: flex;
    align-items: center;
  }

  .price-card_period {
    font-size: var(--font-size-md-sm);
    font-weight: var(--font-weight-medium);
    color: var(--color-gray-text);
    text-align: center;
  }
}

.price-card_features {
  list-style: none;
  padding: 2em 1em;
  margin: 0;
  width: 100%;

  .ssp-icon {
    height: 20px;
  }

  .price-card_feature {
    display: flex;
    align-items: center;
    font-family: var(--font-family-primary);
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-semibold);
    gap: 10px;
    justify-content: center;
    text-align: center;
  }

  .outline:not(:last-child) {
    display: flex;
    border-top: 1px solid #84879669;
    margin: 1em 10%;
  }
}

.price-card_footer {
  display: flex;
  flex-direction: column;
  padding: 30px 1em;
  align-items: center;

  .price-card_button {
    font-family: var(--font-family-primary);
    padding: 12px 24px;
    font-size: var(--font-size-s);
    font-weight: var(--font-weight-bold);
    letter-spacing: 1px;
    transition: all 0.3s ease-out;
    text-align: center;
  }

  .price-card_info {
    color: var(--color-gray-text);
    font-family: var(--font-family-primary);
    font-size: var(--font-size-md-sm);
    font-weight: var(--font-weight-medium);
    letter-spacing: 0px;
    margin-top: 15px;
  }
}

.payment-title {
  text-align: center;
  font-family: var(--font-family-secondary);
  font-size: var(--font-size-xxl);
  font-weight: var(--font-weight-bold);
  text-transform: capitalize;
  color: var(--color-primary-text);
  margin: 0;
  padding-top: 102px;
}

@media (max-width: 1024px) {
  .subscribe-page .intro-banner {
    width: 100%;
    box-sizing: border-box;

    .banner-intro__container {
      max-width: unset;
    }

    .banner-intro__image {
      img {
        max-width: 70%;
      }
    }

    .banner-intro__description {
      padding: 0 0 1em;
    }
  }

  .subscribe_page_content {
    padding: 16% 3% 16% 3%;
    background-position: 0 0, bottom left ;

    .support-subtitle {
      font-size: var(--font-size-md-sm);
    }

    .support-title {
      padding: unset;
    }

    .support-description {
      padding: 1em 5em 0em 5em;
    }
  }
}

@media (max-width: 768px) {
  .subscribe-page .intro-banner {
    padding: 3%;

    .banner-intro__title {
      font-size: var(--font-size-2xl);
    }

    .banner-intro__image {
      max-width: unset;

      img {
        max-width: 42%;
      }
    }

    .banner-intro__description {
      display: flex;
      font-size: var(--font-size-sm);
    }

    .banner-intro__description {
      padding: 1em 0;
    }
  }

  .subscribe_page_content {
    background-size: 0 auto;

    .support-subtitle {
      font-size: var(--font-size-sm);
    }

    .support-title {
      font-size: var(--font-size-xl-lg);
      padding: 0.5em 0.5em 1.5em;
    }

    .support-description {
      padding: 0em 1em;
      font-size: var(--font-size-md-sm);
    }
  }

  .subscription-price {
    flex-direction: column;

    .price-card {
      width: 100%;

      .price-card_footer {
        padding: 30px 0;
      }
    }
  }
}

.arm_module_forms_container .arm_form_106, .arm-form-container .arm_form_106, .arm_update_card_form_container .arm_form_106, .arm_editor_form_fileds_container, .arm_editor_form_fileds_container .arm_form_106, .arm-form-container .arm_form_106.arm-default-form:not(.arm_admin_member_form),
.arm_setup_form_1.arm-default-form:not(.arm_admin_member_form) {
  width: auto !important;
}

.arm_module_gateway_card_images img {
  width: -webkit-fill-available;
  max-width: 25rem;
}
/* 
html[lang="he-IL"],
html[lang="ar"] {
  .arm_materialize_form:not(.arm--material-outline-style) .arm-df__form-field-wrap:not(.arm-df__form-field-wrap_file) .arm-df__label-text {
    display: none;
  }
} */

.arm_setup_form_2.arm-default-form:not(.arm_admin_member_form) {
  width: auto !important;
}

.arm_setup_form_9.arm-default-form:not(.arm_admin_member_form),
.arm_module_forms_container .arm_form_116, .arm-form-container .arm_form_116.arm-default-form:not(.arm_admin_member_form), .arm_update_card_form_container .arm_form_116, .arm_admin_member_form .arm_editor_form_fileds_wrapper {
  width: auto !important;
}

.arm_module_forms_container .arm_form_157, .arm-form-container .arm_form_157, .arm_update_card_form_container .arm_form_157, .arm_editor_form_fileds_container, .arm_editor_form_fileds_container .arm_form_157, .arm-form-container .arm_form_157.arm-default-form:not(.arm_admin_member_form) {
  width: auto !important;
}


table {
    background-color: transparent;
    width: 100%;
    margin-bottom: 15px;
    font-size: .9em;
    border-spacing: 0;
    border-collapse: collapse;
}

table td, table th {
    padding: 15px;
    line-height: 1.5;
    vertical-align: top;
    border: 1px solid hsla(0, 0%, 50.2%, .5019607843);
    text-align: center;
}


table tbody tr:hover>td, table tbody tr:hover>th {
    background-color: hsla(0, 0%, 50.2%, .1019607843);
}

table tbody tr:hover>td, table tbody tr:hover>th {
    background-color: hsla(0, 0%, 50.2%, .1019607843);
}

table tbody>tr:nth-child(odd)>td, table tbody>tr:nth-child(odd)>th {
    background-color: hsla(0, 0%, 50.2%, .0705882353);
}