@media (min-width: 769px) {
  .phone-field {
    margin-top: 1rem;
    font-size: 0.813rem;
    color: #c00; }
  .valid-email {
    margin-top: 1rem;
    font-size: 0.813rem;
    color: #c00; }
  .is-valid {
    margin-bottom: -1rem; }
  .info-privacy {
    text-decoration: underline; }
  .common-input-div {
    font-size: 0.75rem;
    color: #221D1D !important;
    font-family: "PublicSans-Light";
    line-height: 16px;
    letter-spacing: 0.04rem;
    font-weight: 400;
    padding-left: 9px;
    border: none;
    background-color: #F7F7F8 !important; }
  .select-custom {
    border: none;
    width: 100%;
    margin-top: 10px;
    background-color: #F7F7F8 !important;
    margin-left: -4px;
    font-size: 0.75rem;
    color: #605858 !important;
    font-family: "PublicSans-Light";
    line-height: 20px;
    letter-spacing: 0.04rem;
    font-weight: 400; }
  .select-custom:focus {
    border: none;
    outline: none; }
  .common-input-div:focus {
    background-color: #F7F7F8 !important; }
  .form-div {
    margin-bottom: 2rem; }
  .save-button-div {
    width: 302px;
    height: 48px;
    border: none;
    border-radius: 3px;
    font-family: "PublicSans-SemiBold";
    letter-spacing: 0.04em;
    font-size: 15.19px;
    font-weight: 400;
    line-height: 20px;
    color: #4E3844;
    background-color: #F4C6CF; }
  .floating-subscribe {
    position: relative;
    margin-bottom: 0; }
  .floating-label-subscribe {
    position: absolute;
    pointer-events: none;
    left: 8px;
    top: 18px;
    transition: 0.2s ease all;
    font-size: 0.75rem;
    color: #605858;
    font-family: "PublicSans-Light";
    line-height: 20px;
    letter-spacing: 0.04rem; }
  input:focus ~ .floating-label-subscribe,
  input:not(:focus):valid ~ .floating-label-subscribe {
    top: 2px;
    bottom: 10px;
    left: 10px;
    font-size: 9.48px;
    opacity: 1;
    text-transform: uppercase; }
  input:focus ~ .sub_email,
  input:not(:placeholder-shown) ~ .sub_email {
    top: 2px;
    bottom: 10px;
    left: 10px;
    font-size: 9.48px;
    opacity: 1;
    text-transform: uppercase; }
  .floating-subscribe {
    position: relative;
    margin-bottom: 0; }
  .floating-label-subscribe {
    position: absolute;
    pointer-events: none;
    left: 8px;
    top: 18px;
    transition: 0.2s ease all;
    font-size: 0.75rem;
    color: #605858;
    font-family: "PublicSans-Light";
    line-height: 20px;
    letter-spacing: 0.04rem; }
  input:focus ~ .floating-label-subscribe,
  input:not(:focus):valid ~ .floating-label-subscribe {
    top: 2px;
    bottom: 10px;
    left: 10px;
    font-size: 9.48px;
    opacity: 1;
    text-transform: uppercase; }
  .floating-subscribes {
    position: relative;
    margin-bottom: 0; }
  .floating-label-subscribes {
    position: absolute;
    pointer-events: none;
    left: 8px;
    top: 18px;
    transition: 0.2s ease all;
    font-size: 0.75rem;
    color: #605858;
    font-family: "PublicSans-Light";
    line-height: 20px;
    letter-spacing: 0.04rem; }
  input:not(:placeholder-shown) ~ .floating-label-subscribes,
  input:focus ~ .floating-label-subscribes {
    top: 2px;
    bottom: 10px;
    left: 10px;
    font-size: 9.48px;
    opacity: 1;
    text-transform: uppercase; }
  .store-event {
    margin: 0 auto;
    margin-top: 12px; }
  .name-div {
    width: 302px;
    height: 48px; }
  .unicode-div {
    width: 620px;
    height: 48px;
    background-color: #F7F7F8 !important; }
  .store-event-div {
    margin: 0;
    gap: 1rem;
    display: -ms-flexbox;
    display: flex; }
  .store-event-form {
    margin: 0;
    gap: 1rem; }
  .required-div {
    font-family: "PublicSans-Light";
    letter-spacing: 0.04em;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    color: #221D1D;
    margin-bottom: 8px; }
  .preference-div {
    font-family: "PublicSans-SemiBold";
    letter-spacing: 0.04em;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    color: #221D1D;
    margin-bottom: 0.75rem; }
  .input-div {
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    -ms-flex-align: baseline;
        align-items: baseline;
    margin-bottom: -5px; }
  .input-div p {
    position: relative;
    bottom: 5px;
    font-family: "PublicSans-Light";
    letter-spacing: 0.04em;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    color: #221D1D; }
  .store-event-text {
    margin: -14px 0px;
    margin-bottom: 1rem; }
  .storeEvent-div {
    margin: 0; }
  .unordered-storeEvent-div ul {
    padding: 0px 20px; }
  .storeEvent-paragraph {
    font-family: "PublicSans-Light";
    letter-spacing: 0.04em;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    color: #221D1D;
    width: 620px; }
  .unordered-storeEvent-div {
    font-family: "PublicSans-Light";
    letter-spacing: 0.04em;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    color: #221D1D; }
  .storeEvent-main-div {
    font-family: "PublicSans-Light";
    letter-spacing: 0.04em;
    font-size: 17.09px;
    font-weight: 400;
    line-height: 24px;
    color: #221D1D; }
  .first-name-div {
    display: -ms-flexbox;
    display: flex;
    gap: 1rem; }
  .validate-div {
    margin-top: 1rem; }
  .validate-name-div {
    margin-top: 1rem; } }

@media (max-width: 819.98px) {
  .phone-field {
    margin-top: 1rem;
    font-size: 0.813rem;
    color: #c00; }
  .valid-email {
    margin-top: 1rem;
    font-size: 0.813rem;
    color: #c00; }
  .is-valid {
    margin-bottom: -1rem; }
  .store-event {
    margin-top: 1rem; }
  .info-privacy {
    text-decoration: underline; }
  .save-button-div {
    height: 48px;
    width: 100%;
    border: none;
    border-radius: 3px;
    font-family: "PublicSans-SemiBold";
    letter-spacing: 0.04em;
    font-size: 15.19px;
    font-weight: 400;
    line-height: 20px;
    color: #4E3844;
    background-color: #F4C6CF; }
  .select-custom {
    border: none;
    width: 100%;
    margin-top: 10px;
    background-color: #F7F7F8 !important;
    margin-left: -4px;
    font-size: 0.75rem;
    color: #605858 !important;
    font-family: "PublicSans-Light";
    line-height: 20px;
    letter-spacing: 0.04rem;
    font-weight: 400; }
  .select-custom:focus {
    border: none;
    outline: none; }
  .unicode-div {
    height: 48px; }
  .name-div {
    height: 48px; }
  .common-input-div:focus {
    background-color: #F7F7F8 !important; }
  .main-divs {
    margin-bottom: 1rem; }
  .validate-name-div {
    margin-bottom: 1rem; }
  .validate-div {
    margin-top: 1rem; }
  .common-input-div {
    font-size: 0.75rem;
    color: #221D1D !important;
    font-family: "PublicSans-Light";
    line-height: 16px;
    letter-spacing: 0.04rem;
    font-weight: 400;
    padding-left: 9px;
    border: none;
    background-color: #F7F7F8; }
  .floating-subscribe {
    position: relative;
    margin-bottom: 0rem; }
  .floating-label-subscribe {
    position: absolute;
    pointer-events: none;
    left: 8px;
    top: 18px;
    transition: 0.2s ease all;
    font-size: 0.75rem;
    color: #605858;
    font-family: "PublicSans-Light";
    line-height: 20px;
    letter-spacing: 0.04rem; }
  input:focus ~ .floating-label-subscribe,
  input:not(:focus):valid ~ .floating-label-subscribe {
    top: 2px;
    bottom: 10px;
    left: 10px;
    font-size: 9.48px;
    opacity: 1;
    text-transform: uppercase; }
  .store-event-div {
    margin: 0;
    gap: 1rem;
    display: -ms-grid;
    display: grid; }
  .store-event-form {
    margin: 0;
    gap: 1rem; }
  .input-div {
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    -ms-flex-align: baseline;
        align-items: baseline;
    margin-bottom: -5px; }
  .input-btn {
    width: 1.9rem !important; }
  .floating-subscribes {
    position: relative;
    margin-bottom: 0; }
  .floating-label-subscribes {
    position: absolute;
    pointer-events: none;
    left: 8px;
    top: 18px;
    transition: 0.2s ease all;
    font-size: 0.75rem;
    color: #605858;
    font-family: "PublicSans-Light";
    line-height: 20px;
    letter-spacing: 0.04rem; }
  input:not(:placeholder-shown) ~ .floating-label-subscribes,
  input:focus ~ .floating-label-subscribes {
    top: 2px;
    bottom: 10px;
    left: 10px;
    font-size: 9.48px;
    opacity: 1;
    text-transform: uppercase; }
  .unicode-div {
    background-color: #F7F7F8 !important; }
  .name-div {
    background-color: #F7F7F8 !important; }
  .required-div {
    font-family: "PublicSans-Light";
    letter-spacing: 0.04em;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    color: #221D1D;
    margin-bottom: 8px; }
  .input-div p {
    position: relative;
    bottom: 5px;
    font-family: "PublicSans-Light";
    letter-spacing: 0.04em;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    color: #221D1D;
    margin-bottom: 12px;
    width: 100%; }
  .storeEvent-main-div {
    font-family: "PublicSans-Light";
    letter-spacing: 0.04em;
    font-size: 15.19px;
    font-weight: 400;
    line-height: 20px;
    color: #221D1D;
    width: 14rem;
    margin-top: 24px;
    margin-bottom: 12px; }
  .storeEvent-paragraph {
    font-family: "PublicSans-Light";
    letter-spacing: 0.04em;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    color: #221D1D;
    width: 620px;
    display: none; }
  .preference-div {
    font-family: "PublicSans-SemiBold";
    letter-spacing: 0.04em;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    color: #221D1D;
    margin-bottom: 0.75rem; }
  .unordered-storeEvent-div ul {
    padding: 0px 20px;
    margin-bottom: 0.25rem; }
  .unordered-storeEvent-div {
    font-family: "PublicSans-Light";
    letter-spacing: 0.04em;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    color: #221D1D; }
  .storeEvent-div {
    margin: 0; } }

@media (max-width: 819.98px) {
  .mob-display {
    display: none; } }

.subs-heading {
  font-family: "PublicSans-Light";
  letter-spacing: 0.04em;
  font-size: 1.068rem; }

.description_subscription {
  font-family: "PublicSans-Light";
  font-size: 0.75rem;
  color: #221D1D;
  letter-spacing: 0.04em; }
  @media (min-width: 769px) {
    .description_subscription {
      max-width: 588px;
      margin-bottom: 1.5rem; } }

.sign_up_for_email {
  cursor: pointer;
  font-family: "PublicSans-Light";
  font-size: 0.75rem;
  color: #221D1D;
  letter-spacing: 0.04em; }

@media (min-width: 769px) {
  .subs-container {
    margin-left: 1.5rem; }
  .subs-heading {
    margin-bottom: 4.938rem; } }

.sign-up-arrow {
  font-size: 1rem; }

@media (min-width: 769px) {
  .subscription-container {
    margin-bottom: 3rem; } }

.floating-label-subscribe.active {
  top: 8px;
  bottom: 10px;
  left: 10px;
  font-size: 9.48px;
  opacity: 1;
  text-transform: uppercase; }