Appleのデザインシステム

<div class="c-button-primary-scope">
  <a class="c-button-primary" href="#">lorem ipsu</a>
</div>

.c-button-primary-scope {
  background-color: #000000;
  color: #1D1D1F;
  font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 25px;
}

.c-button-primary {
  display: inline-block;
  border-spacing: 0px;
  min-width: 26px;
  padding: 11px 21px;
  background-color: #0071E3;
  color: #FFFFFF;
  border: 1px solid transparent;
  border-radius: 980px;
  cursor: pointer;
  font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 20.0002px;
  letter-spacing: -0.374px;
  text-decoration-line: none;
  text-align: center;
  white-space: nowrap;
}

.c-button-primary:hover {
  background-color: #0076DF;
}

.c-button-primary:focus {
  outline: 2px solid #0071E3;
  outline-offset: 3px;
}

<div class="c-button-secondary-scope">
  <a class="c-button-secondary" href="#">lor</a>
</div>

.c-button-secondary-scope {
  background-color: #000000;
  color: #1D1D1F;
  font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 25px;
}

.c-button-secondary {
  display: inline-block;
  border-spacing: 0px;
  min-width: 26px;
  padding: 11px 21px;
  color: #2997FF;
  border: 1px solid #2997FF;
  border-radius: 980px;
  cursor: pointer;
  font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 20.0002px;
  letter-spacing: -0.374px;
  text-decoration-line: none;
  text-align: center;
  white-space: nowrap;
}

.c-button-secondary:hover {
  background-color: #0076DF;
  color: #FFFFFF;
  border: 1px solid transparent;
}

.c-button-secondary:focus {
  outline: 2px solid #0071E3;
  outline-offset: 3px;
}

<div class="c-button-secondary-2-scope">
  <a class="c-button-secondary-2" href="#">lor</a>
</div>

.c-button-secondary-2-scope {
  background-color: #F5F5F7;
  color: #1D1D1F;
  font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 25px;
}

.c-button-secondary-2 {
  display: inline-block;
  border-spacing: 0px;
  min-width: 28px;
  padding: 8px 15px;
  color: #0066CC;
  border: 1px solid #0066CC;
  border-radius: 980px;
  cursor: pointer;
  font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 18.0008px;
  letter-spacing: -0.224px;
  text-decoration-line: none;
  text-align: center;
  white-space: nowrap;
}

.c-button-secondary-2:hover {
  background-color: #0076DF;
  color: #FFFFFF;
  border: 1px solid transparent;
}

.c-button-secondary-2:focus {
  outline: 2px solid #0071E3;
  outline-offset: 3px;
}

<div class="c-button-ghost-scope">
  <a class="c-button-ghost" href="#">lorem ipsum</a>
</div>

.c-button-ghost-scope {
  background-color: #F5F5F7;
  color: #1D1D1F;
  font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 25px;
}

.c-button-ghost {
  display: inline-block;
  border-spacing: 0px;
  min-width: 26px;
  padding: 11px 21px;
  color: #0066CC;
  border: 1px solid #0066CC;
  border-radius: 980px;
  cursor: pointer;
  font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 20.0002px;
  letter-spacing: -0.374px;
  text-decoration-line: none;
  text-align: center;
  white-space: nowrap;
}

.c-button-ghost:hover {
  background-color: #0076DF;
  color: #FFFFFF;
  border: 1px solid transparent;
}

.c-button-ghost:focus {
  outline: 2px solid #0071E3;
  outline-offset: 3px;
}

<div class="c-button-ghost-2-scope">
  <button class="c-button-ghost-2" type="button"></button>
</div>

.c-button-ghost-2-scope {
  background-color: #FAFAFCCC;
  color: #1D1D1F;
  font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 25px;
}

.c-button-ghost-2 {
  display: flex;
  justify-content: center;
  align-items: center;
  border-spacing: 0px;
  width: 22px;
  padding: 0px;
  position: absolute;
  top: 0px;
  right: -7px;
  background-color: transparent;
  color: #000000CC;
  border: 0;
  cursor: pointer;
  font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 25px;
  letter-spacing: normal;
  text-transform: none;
  text-align: center;
  list-style-type: none;
}

.c-button-ghost-2:focus {
  z-index: 1;
  outline: 2px solid #0071E3;
  outline-offset: -7px;
}

<div class="c-button-primary-2-scope">
  <a class="c-button-primary-2" href="#">
    <span class="c-button-primary-2__label">lor</span>
    <span class="c-button-primary-2__label-2">lorem ipsum d</span>
  </a>
</div>

.c-button-primary-2-scope {
  background-color: #FFFFFF;
  color: #1D1D1F;
  font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 18.0008px;
}

.c-button-primary-2 {
  display: inline-block;
  align-self: flex-end;
  border-spacing: 0px;
  padding: 8px 15px;
  background-color: #0071E3;
  color: #FFFFFF;
  border: 1px solid transparent;
  border-radius: 980px;
  cursor: pointer;
  font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 18.0008px;
  letter-spacing: -0.224px;
  text-decoration-line: none;
  text-align: center;
  white-space: nowrap;
}

.c-button-primary-2__label-2 {
  display: block;
  width: 1px;
  height: 1px;
  position: absolute;
  overflow-x: hidden;
  overflow-y: hidden;
}

.c-button-primary-2:hover {
  background-color: #0076DF;
}

.c-button-primary-2:focus {
  outline: 2px solid #0071E3;
  outline-offset: 3px;
}

<div class="c-button-ghost-3-scope">
  <button class="c-button-ghost-3" type="button">
    <span class="c-button-ghost-3__group">
      <span class="c-button-ghost-3__icon" aria-hidden="true"></span>
    </span>
    <span class="c-button-ghost-3__label">lorem ipsum dolor</span>
  </button>
</div>

.c-button-ghost-3-scope {
  background-color: #F5F5F7;
  color: #1D1D1F;
  font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 25px;
}

.c-button-ghost-3 {
  display: inline-block;
  border-spacing: 0px;
  width: 56px;
  height: 56px;
  padding: 0px;
  position: absolute;
  top: 49%;
  right: 18px;
  overflow-x: hidden;
  overflow-y: hidden;
  background-color: #D2D2D7A3;
  color: #FFFFFF;
  border: 0;
  border-radius: 56px;
  cursor: pointer;
  transform: matrix(1, 0, 0, 1, 0, 0);
  font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 17px;
  letter-spacing: normal;
  text-transform: none;
  text-align: center;
  list-style-type: none;
  transition-duration: 0.5s;
  transition-timing-function: ease-in, cubic-bezier(0.15, 0, 0.2, 1);
  transition-property: transform, opacity;
}

.c-button-ghost-3__group {
  display: inline;
}

.c-button-ghost-3__icon {
  display: inline-block;
  flex-shrink: 0;
  width: 56px;
  height: 56px;
  overflow-x: hidden;
  overflow-y: hidden;
  background-color: currentcolor;
}

.c-button-ghost-3__label {
  display: block;
  width: 1px;
  height: 1px;
  position: absolute;
  overflow-x: hidden;
  overflow-y: hidden;
}

.c-button-ghost-3:hover {
  background-color: #DEDEE3B2;
}

.c-button-ghost-3:focus {
  outline: 2px solid #0071E3;
  outline-offset: 3px;
}

<div class="c-button-primary-3-scope">
  <a class="c-button-primary-3" href="#">
    <span class="c-button-primary-3__label">lor</span>
    <span class="c-button-primary-3__group">
      <span class="c-button-primary-3__label-2">lorem ipsum dolor sit a</span>
      <br class="c-button-primary-3__group-2">
      <br class="c-button-primary-3__group-3">
    </span>
  </a>
</div>

.c-button-primary-3-scope {
  background-color: #FFFFFF;
  color: #1D1D1F;
  font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 18.0008px;
}

.c-button-primary-3 {
  display: inline-block;
  align-self: flex-end;
  border-spacing: 0px;
  padding: 8px 15px;
  background-color: #0071E3;
  color: #FFFFFF;
  border: 1px solid transparent;
  border-radius: 980px;
  cursor: pointer;
  font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 18.0008px;
  letter-spacing: -0.224px;
  text-decoration-line: none;
  text-align: center;
  white-space: nowrap;
}

.c-button-primary-3__group {
  display: block;
  width: 1px;
  height: 1px;
  position: absolute;
  overflow-x: hidden;
  overflow-y: hidden;
}

.c-button-primary-3:hover {
  background-color: #0076DF;
}

.c-button-primary-3:focus {
  outline: 2px solid #0071E3;
  outline-offset: 3px;
}

<div class="c-button-ghost-4-scope">
  <button class="c-button-ghost-4" type="button">
    <span class="c-button-ghost-4__image" aria-hidden="true"></span>
  </button>
</div>

.c-button-ghost-4-scope {
  background-color: #ADD8FF;
  color: #1D1D1F;
  font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 25px;
}

.c-button-ghost-4 {
  display: inline-flex;
  border-spacing: 0px;
  padding: 0px;
  background-color: transparent;
  color: #1D1D1F;
  border: 0;
  cursor: pointer;
  font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 25px;
  letter-spacing: normal;
  text-transform: none;
  text-align: center;
}

.c-button-ghost-4__image {
  display: block;
  flex-shrink: 0;
  width: 54px;
  height: 54px;
  aspect-ratio: auto 54 / 54;
  overflow-x: clip;
  overflow-y: clip;
  background-color: currentcolor;
  border-radius: 50%;
}

.c-button-ghost-4:focus {
  padding: 3px;
  border-radius: 50%;
  outline: 2px solid #0071E3;
  outline-offset: 1px;
}

<div class="c-button-primary-4-scope">
  <button class="c-button-primary-4" type="button">lorem ipsum dolor sit am</button>
</div>

.c-button-primary-4-scope {
  background-color: #F5F5F7;
  color: #1D1D1F;
  font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 25px;
}

.c-button-primary-4 {
  display: inline-block;
  border-spacing: 0px;
  min-width: 26px;
  padding: 11px 21px;
  background-color: #0071E3;
  color: #FFFFFF;
  border: 1px solid transparent;
  border-radius: 980px;
  cursor: pointer;
  font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 20.0002px;
  letter-spacing: -0.374px;
  text-transform: none;
  text-align: center;
  white-space: nowrap;
}

.c-button-primary-4:hover {
  background-color: #0076DF;
}

.c-button-primary-4:focus {
  outline: 2px solid #0071E3;
  outline-offset: 3px;
}

<div class="c-button-primary-5-scope">
  <button class="c-button-primary-5" type="button">lorem ipsum dolor sit am</button>
</div>

.c-button-primary-5-scope {
  background-color: #FFFFFF;
  color: #1D1D1F;
  font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
}

.c-button-primary-5 {
  display: inline-block;
  border-spacing: 0px;
  min-width: 23px;
  padding: 3px 10px;
  background-color: #0071E3;
  color: #FFFFFF;
  border: 1px solid transparent;
  border-radius: 980px;
  cursor: pointer;
  font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16.0005px;
  letter-spacing: -0.12px;
  text-transform: none;
  text-align: center;
  white-space: nowrap;
}

.c-button-primary-5:hover {
  background-color: #0076DF;
}

.c-button-primary-5:focus {
  outline: 2px solid #0071E3;
  outline-offset: 3px;
}

<div class="c-button-secondary-3-scope">
  <button class="c-button-secondary-3" type="button">lorem ip</button>
</div>

.c-button-secondary-3-scope {
  background-color: #FFFFFF;
  color: #000000CC;
  font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 18.0008px;
}

.c-button-secondary-3 {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  border-spacing: 0px;
  width: 138px;
  padding: 32px;
  vertical-align: bottom;
  background-color: transparent;
  color: #6E6E73;
  border: 0;
  border-radius: 48px;
  cursor: pointer;
  font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 28px;
  letter-spacing: 0.216px;
  text-transform: none;
  text-align: center;
  white-space: nowrap;
  list-style-type: none;
  transition: opacity 0.1s ease-in-out;
}

.c-button-secondary-3:hover {
  color: #000000;
}

.c-button-secondary-3:focus {
  outline: none;
}

<div class="c-input-scope">
  <div class="c-input">
    <span class="c-input__group">
      <span class="c-input__group-2"></span>
      <span class="c-input__label">lorem ipsum</span>
    </span>
    <div class="c-input__group-3"></div>
  </div>
</div>

.c-input-scope {
  background-color: #161617;
  color: #FFFFFFEB;
  font-family: "SF Pro Text", "Myriad Set Pro", system-ui, -apple-system, system-ui, "Segoe UI", "SF Pro Icons", "Apple Legacy Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 25px;
}

.c-input {
  display: block;
  border-spacing: 0px;
  box-sizing: border-box;
  height: 42px;
  position: relative;
  z-index: 2;
  background-color: #161617;
  color: #FFFFFFEB;
  border: 3px solid #FFFFFF14;
  border-radius: 11px;
  cursor: default;
  font-family: "SF Pro Text", "Myriad Set Pro", system-ui, -apple-system, system-ui, "Segoe UI", "SF Pro Icons", "Apple Legacy Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 41px;
  list-style-type: none;
  padding-right: 14px;
  padding-left: 14px;
  transition-duration: 0.24s, 0.24s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1), cubic-bezier(0.4, 0, 0.6, 1);
  transition-property: background-color, border-color;
}

.c-input::after {
  content: "";
  display: block;
  width: 15px;
  height: 34px;
  position: absolute;
  top: 3px;
  right: 13px;
  bottom: -1px;
  left: 314.828px;
  z-index: 1;
  color: #FFFFFFCC;
  font-family: "SF Pro Icons", "Apple Legacy Icons";
  font-size: 21px;
  font-weight: 300;
  line-height: 30px;
}

.c-input__group {
  display: inline;
}

.c-input__group-2 {
  display: block;
  position: absolute;
  font-size: 24px;
  font-weight: 300;
  line-height: 36px;
}

.c-input__group-2::after {
  content: "";
  display: inline-block;
  width: 17px;
  height: 24px;
  position: relative;
  top: -3px;
  right: 2px;
  bottom: 3px;
  left: -2px;
  z-index: 1;
  font-family: "SF Pro Icons", "Apple Legacy Icons";
  line-height: 24px;
}

.c-input__label {
  display: inline-block;
  width: calc(100% - 48px);
  overflow-x: hidden;
  overflow-y: hidden;
  line-height: 36px;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-left: 29px;
}

.c-input__group-3 {
  display: block;
}

.c-input__group-3::after {
  content: "";
  display: block;
  width: 343px;
  height: 36px;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-color: #FFFFFF29;
  border-radius: 8px;
}

.c-input:focus {
  outline: 2px solid #0071E3;
  outline-offset: 0px;
}

<div class="c-card-scope">
  <div class="c-card">
    <a class="c-card__link" href="#"></a>
    <div class="c-card__group">
      <div class="c-card__group-2">
        <h3 class="c-card__title">
          <span class="c-card__media" aria-hidden="true"></span>
          <span class="c-card__text">lorem ipsum dolor s</span>
        </h3>
        <p class="c-card__body">lorem ipsum dolor sit amet</p>
      </div>
      <div class="c-card__group-3">
        <a class="c-card__cta" href="#">lorem ipsu</a>
        <a class="c-card__cta-2" href="#">lor</a>
      </div>
    </div>
    <div class="c-card__group-4">
      <span class="c-card__media-2" aria-hidden="true"></span>
    </div>
  </div>
</div>

.c-card-scope {
  background-color: #FFFFFF;
  color: #1D1D1F;
  font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 25px;
}

.c-card {
  display: inline-flex;
  justify-content: center;
  border-spacing: 0px;
  box-sizing: border-box;
  min-height: 580px;
  position: relative;
  overflow-x: clip;
  overflow-y: clip;
  color: #1D1D1F;
  font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 25px;
  letter-spacing: -0.374px;
  text-align: center;
  padding-top: 53px;
  padding-bottom: 60px;
}

.c-card__link {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 3;
  cursor: pointer;
  text-decoration-line: none;
}

.c-card__group {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}

.c-card__group-2 {
  display: block;
  position: relative;
  z-index: 2;
}

.c-card__title {
  display: block;
  font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 40px;
  font-weight: 600;
  line-height: 44px;
  margin-right: auto;
  margin-left: auto;
}

.c-card__media {
  display: inline-block;
  flex-shrink: 0;
  width: 277px;
  height: 49px;
  background-color: currentcolor;
}

.c-card__text {
  display: block;
  width: 1px;
  height: 1px;
  position: absolute;
  overflow-x: hidden;
  overflow-y: hidden;
}

.c-card__body {
  display: block;
  font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 21px;
  letter-spacing: 0.231px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
}

.c-card__group-3 {
  display: grid;
  justify-content: center;
  column-gap: 14px;
  margin-top: 12px;
}

.c-card__cta {
  display: block;
  min-width: 28px;
  padding: 8px 15px;
  background-color: #0071E3;
  color: #FFFFFF;
  border: 1px solid transparent;
  border-radius: 980px;
  cursor: pointer;
  font-size: 14px;
  line-height: 18.0008px;
  letter-spacing: -0.224px;
  text-decoration-line: none;
  white-space: nowrap;
}

.c-card__cta-2 {
  display: block;
  min-width: 28px;
  padding: 8px 15px;
  border-width: 1px;
  border-style: solid;
  border-radius: 980px;
  cursor: pointer;
  font-size: 14px;
  line-height: 18.0008px;
  letter-spacing: -0.224px;
  text-decoration-line: none;
  white-space: nowrap;
}

.c-card__group-4 {
  display: block;
  width: 100%;
  height: 580px;
  position: absolute;
}

.c-card__media-2 {
  display: block;
  flex-shrink: 0;
  width: 702px;
  height: 580px;
  background-color: currentcolor;
}

.c-card:hover {
  background-color: #000000;
}

.c-card:focus {
  background-color: #000000;
}

<div class="c-card-2-scope">
  <div class="c-card-2">
    <div class="c-card-2__group">
      <span class="c-card-2__icon" aria-hidden="true"></span>
    </div>
    <p class="c-card-2__body">
      <span class="c-card-2__text">lorem ipsum dolor sit a</span>
      <br class="c-card-2__break">
      <span class="c-card-2__text">lorem ipsum d</span>
    </p>
  </div>
</div>

.c-card-2-scope {
  background-color: #FFFFFF;
  color: #1D1D1F;
  font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 25px;
}

.c-card-2 {
  display: inline-block;
  flex-basis: 33.3333%;
  border-spacing: 0px;
  box-sizing: border-box;
  max-width: 33.3333%;
  color: #1D1D1F;
  font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 25px;
  letter-spacing: -0.374px;
  text-align: center;
}

.c-card-2__group {
  display: block;
}

.c-card-2__icon {
  display: inline-block;
  flex-shrink: 0;
  width: 72px;
  height: 106px;
  overflow-x: hidden;
  overflow-y: hidden;
  background-color: currentcolor;
}

.c-card-2__body {
  display: block;
  font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 28px;
  letter-spacing: 0.216px;
  margin-top: -3px;
  margin-bottom: 0px;
}

.c-card-2:hover {
  padding: 0px 48px 0px 0px;
}

.c-card-2:focus {
  padding: 0px 48px 0px 0px;
}

<div class="c-card-3-scope">
  <li class="c-card-3">
    <div class="c-card-3__group">
      <span class="c-card-3__media" aria-hidden="true"></span>
    </div>
    <div class="c-card-3__group-2">
      <h3 class="c-card-3__title">lorem</h3>
      <p class="c-card-3__body">
        <span class="c-card-3__text">lorem ipsum</span>
        <span class="c-card-3__text-2">lorem</span>
        <span class="c-card-3__text-2">lore</span>
        <span class="c-card-3__text-3">lorem ips</span>
        <span class="c-card-3__text-2">lorem</span>
        <span class="c-card-3__text-2">lor</span>
        <span class="c-card-3__text-3">lorem</span>
        <sup class="c-card-3__group-3">
          <span class="c-card-3__text-3">lorem ip</span>
          <span class="c-card-3__text-2">l</span>
        </sup>
      </p>
      <p class="c-card-3__body-2">
        <a class="c-card-3__link" href="#">lorem ipsum</a>
      </p>
    </div>
  </li>
</div>

.c-card-3-scope {
  background-color: #FFFFFF;
  color: #1D1D1F;
  font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 25px;
}

.c-card-3 {
  flex-basis: 33.3333%;
  border-spacing: 0px;
  box-sizing: border-box;
  max-width: 33.3333%;
  color: #1D1D1F;
  font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 25px;
  letter-spacing: -0.374px;
  text-align: center;
  list-style-type: none;
}

.c-card-3__group {
  display: block;
  margin-top: 77px;
}

.c-card-3__media {
  display: inline-block;
  flex-shrink: 0;
  width: 288px;
  height: 256px;
  aspect-ratio: auto 288 / 256;
  overflow-x: clip;
  overflow-y: clip;
  background-color: currentcolor;
}

.c-card-3__group-2 {
  display: block;
}

.c-card-3__title {
  display: block;
  margin: 24px 0px 7.956px;
  font-size: 19.89px;
  font-weight: 600;
  line-height: 29.25px;
}

.c-card-3__body {
  display: block;
  margin: 0px;
  font-weight: 600;
}

.c-card-3__text {
  display: block;
}

.c-card-3__text-3 {
  display: block;
  width: 1px;
  height: 1px;
  position: absolute;
  overflow-x: hidden;
  overflow-y: hidden;
}

.c-card-3__group-3 {
  display: inline;
  position: relative;
  top: -5.1px;
  font-size: 10.2px;
  line-height: 15px;
}

.c-card-3__body-2 {
  display: block;
  margin: 13.6px 0px 0px;
}

.c-card-3__link {
  display: inline;
  color: #0066CC;
  cursor: pointer;
  text-decoration-line: none;
}

.c-card-3__link::after {
  content: "";
  display: inline-block;
  width: 12px;
  height: 17px;
  position: relative;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 1;
  font-family: "SF Pro Icons";
  line-height: 17px;
  padding-left: 4.08px;
}

.c-card-3:hover {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.c-card-3:focus {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

<div class="c-card-4-scope">
  <div class="c-card-4">
    <div class="c-card-4__group">
      <div class="c-card-4__group-2">
        <div class="c-card-4__group-3"></div>
        <div class="c-card-4__group-4"></div>
        <ul class="c-card-4__list"></ul>
        <div class="c-card-4__group-5"></div>
      </div>
    </div>
  </div>
</div>

.c-card-4-scope {
  background-color: #F5F5F7;
  color: #1D1D1F;
  font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 25px;
}

.c-card-4 {
  display: inline-block;
  border-spacing: 0px;
  color: #1D1D1F;
  font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 25px;
  letter-spacing: -0.374px;
  white-space: nowrap;
}

.c-card-4__group {
  display: flex;
  height: 500px;
  transform: matrix(1, 0, 0, 1, 140, 0);
  margin-right: 20px;
}

.c-card-4__group-2 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 400px;
  height: 500px;
  position: relative;
  overflow-x: hidden;
  overflow-y: hidden;
  background-color: #FFFFFF;
  border-radius: 18px;
  box-shadow: #00000014 2px 4px 12px 0px;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0, 0, 0.5, 1);
}

.c-card-4__group-3 {
  display: block;
  box-sizing: border-box;
  width: 100%;
  padding: 28px 28px 16px;
}

.c-card-4__group-4 {
  display: block;
  flex-grow: 1;
  flex-basis: 0%;
  position: relative;
  overflow-x: hidden;
  overflow-y: hidden;
}

.c-card-4__list {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 24px 0px 0px;
  margin: 0px auto;
  list-style-type: none;
}

.c-card-4__group-5 {
  display: flex;
  flex-direction: column;
  height: 80px;
  position: relative;
  padding-top: 10px;
}

<div class="c-card-5-scope">
  <div class="c-card-5">
    <div class="c-card-5__group">
      <div class="c-card-5__group-2"></div>
    </div>
  </div>
</div>

.c-card-5-scope {
  background-color: #F5F5F7;
  color: #1D1D1F;
  font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 25px;
}

.c-card-5 {
  display: inline-block;
  border-spacing: 0px;
  color: #1D1D1F;
  font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 25px;
  letter-spacing: -0.374px;
  white-space: nowrap;
}

.c-card-5__group {
  display: flex;
  height: 500px;
  transform: matrix(1, 0, 0, 1, 140, 0);
  margin-right: 20px;
}

.c-card-5__group-2 {
  display: flex;
  justify-content: center;
  width: 480px;
  height: 500px;
  position: relative;
  overflow-x: hidden;
  overflow-y: hidden;
  background-color: #FFFFFF;
  border-radius: 18px;
  box-shadow: #00000014 2px 4px 12px 0px;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0, 0, 0.5, 1);
}

<div class="c-card-6-scope">
  <div class="c-card-6">
    <div class="c-card-6__group">
      <div class="c-card-6__group-2">
        <h2 class="c-card-6__title">lorem ipsum dolor</h2>
        <span class="c-card-6__text">lorem ipsum dolor sit amet co</span>
      </div>
      <div class="c-card-6__group-3">
        <div class="c-card-6__group-4"></div>
        <div class="c-card-6__group-5"></div>
      </div>
    </div>
  </div>
</div>

.c-card-6-scope {
  background-color: #F5F5F7;
  color: #1D1D1F;
  font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 25px;
}

.c-card-6 {
  display: block;
  border-spacing: 0px;
  color: #1D1D1F;
  font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 25px;
  letter-spacing: -0.374px;
  padding-bottom: 46px;
}

.c-card-6__group {
  display: block;
}

.c-card-6__group-2 {
  display: block;
  padding-bottom: 8px;
  margin-left: 140px;
}

.c-card-6__title {
  display: inline;
  margin: 0px;
  font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 28px;
  font-weight: 600;
  line-height: 32px;
  letter-spacing: 0.196px;
}

.c-card-6__text {
  display: inline;
  color: #6E6E73;
  font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 28px;
  font-weight: 600;
  line-height: 32px;
  letter-spacing: 0.196px;
  margin-top: 22.4px;
}

.c-card-6__group-3 {
  display: block;
  position: relative;
}

.c-card-6__group-4 {
  display: block;
  height: 500px;
  overflow-x: hidden;
  overflow-y: hidden;
  padding-bottom: 38px;
}

.c-card-6__group-5 {
  display: flex;
  justify-content: center;
  list-style-type: none;
}

<div class="c-card-7-scope">
  <div class="c-card-7">
    <div class="c-card-7__group">
      <div class="c-card-7__group-2"></div>
    </div>
  </div>
</div>

.c-card-7-scope {
  background-color: #F5F5F7;
  color: #1D1D1F;
  font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 25px;
}

.c-card-7 {
  display: inline-block;
  border-spacing: 0px;
  color: #1D1D1F;
  font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 25px;
  letter-spacing: -0.374px;
  white-space: nowrap;
}

.c-card-7__group {
  display: flex;
  height: 500px;
  transform: matrix(1, 0, 0, 1, 140, 0);
  margin-right: 20px;
}

.c-card-7__group-2 {
  display: flex;
  justify-content: center;
  width: 480px;
  height: 500px;
  position: relative;
  overflow-x: hidden;
  overflow-y: hidden;
  background-color: #FFFFFF;
  border-radius: 18px;
  box-shadow: #00000014 2px 4px 12px 0px;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0, 0, 0.5, 1);
}

<div class="c-card-8-scope">
  <li class="c-card-8">
    <div class="c-card-8__group">
      <div class="c-card-8__group-2">
        <div class="c-card-8__group-3">
          <span class="c-card-8__media" aria-hidden="true"></span>
        </div>
        <div class="c-card-8__group-4">
          <p class="c-card-8__body">lorem</p>
          <p class="c-card-8__body-2">lorem ipsum dolor sit amet</p>
          <p class="c-card-8__body-3">lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet cons</p>
        </div>
      </div>
    </div>
  </li>
</div>

.c-card-8-scope {
  background-color: #F5F5F7;
  color: #1D1D1F;
  font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 25px;
}

.c-card-8 {
  display: inline-flex;
  flex-basis: 33.3333%;
  border-spacing: 0px;
  box-sizing: border-box;
  max-width: 33.3333%;
  color: #1D1D1F;
  font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 25px;
  letter-spacing: -0.374px;
  list-style-type: none;
}

.c-card-8__group {
  display: flex;
  box-sizing: border-box;
  width: 100%;
  padding: 5px 10px;
}

.c-card-8__group-2 {
  display: block;
  width: 100%;
  overflow-x: hidden;
  overflow-y: hidden;
  background-color: #FFFFFF;
  border-radius: 10px;
}

.c-card-8__group-3 {
  display: block;
}

.c-card-8__media {
  display: inline-block;
  flex-shrink: 0;
  width: 375px;
  height: 228px;
  aspect-ratio: auto 375 / 228;
  position: relative;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  overflow-x: clip;
  overflow-y: clip;
  background-color: currentcolor;
}

.c-card-8__group-4 {
  display: block;
  padding: 36px;
}

.c-card-8__body {
  display: block;
  margin: 0px;
  color: #6E6E73;
  font-weight: 600;
}

.c-card-8__body-2 {
  display: block;
  margin: 5.6px 0px 11.2px;
  font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 28px;
  font-weight: 600;
  line-height: 32px;
  letter-spacing: 0.196px;
}

.c-card-8__body-3 {
  display: block;
  margin: 0px;
}

<div class="c-card-9-scope">
  <li class="c-card-9">
    <div class="c-card-9__group">
      <div class="c-card-9__group-2">
        <div class="c-card-9__group-3">
          <h3 class="c-card-9__title">lorem ipsum dolor sit</h3>
          <p class="c-card-9__body">lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet</p>
          <p class="c-card-9__body-2"></p>
        </div>
      </div>
    </div>
  </li>
</div>

.c-card-9-scope {
  background-color: #FFFFFF;
  color: #1D1D1F;
  font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 25px;
}

.c-card-9 {
  display: inline-flex;
  flex-basis: 33.3333%;
  border-spacing: 0px;
  box-sizing: border-box;
  max-width: 33.3333%;
  color: #1D1D1F;
  font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 25px;
  letter-spacing: -0.374px;
  list-style-type: none;
}

.c-card-9__group {
  display: flex;
  box-sizing: border-box;
  width: 100%;
  padding: 5px 10px;
}

.c-card-9__group-2 {
  width: 100%;
}

.c-card-9__group-3 {
  display: block;
}

.c-card-9__title {
  display: block;
  margin: 0px 5% 0px 0px;
  font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 48px;
  font-weight: 600;
  line-height: 52.0077px;
  letter-spacing: -0.144px;
}

.c-card-9__body {
  display: block;
  margin: 13.6px 8% 0px 0px;
}

.c-card-9__body-2 {
  display: block;
  margin: 23.8px 0px 0px;
}

<div class="c-promo-banner-scope">
  <div class="c-promo-banner">
    <a class="c-promo-banner__link" href="#"></a>
    <div class="c-promo-banner__group">
      <div class="c-promo-banner__group-2">
        <h2 class="c-promo-banner__title">lorem ipsum d</h2>
        <p class="c-promo-banner__body">lorem ipsum</p>
      </div>
      <div class="c-promo-banner__group-2">
        <a class="c-promo-banner__cta" href="#">lorem ipsu</a>
        <a class="c-promo-banner__cta-2" href="#">lor</a>
      </div>
    </div>
    <div class="c-promo-banner__group-3">
      <span class="c-promo-banner__media" aria-hidden="true"></span>
    </div>
  </div>
</div>

.c-promo-banner-scope {
  background-color: #FFFFFF;
  color: #1D1D1F;
  font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 25px;
}

.c-promo-banner {
  display: inline-flex;
  justify-content: center;
  border-spacing: 0px;
  box-sizing: border-box;
  min-height: 692px;
  position: relative;
  overflow-x: clip;
  overflow-y: clip;
  color: #1D1D1F;
  font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 25px;
  letter-spacing: -0.374px;
  text-align: center;
  padding-top: 56px;
  padding-bottom: 63px;
}

.c-promo-banner__link {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 3;
  cursor: pointer;
  text-decoration-line: none;
}

.c-promo-banner__group {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}

.c-promo-banner__title {
  display: block;
  margin: 0px auto;
  font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 56px;
  font-weight: 600;
  line-height: 60px;
  letter-spacing: -0.28px;
}

.c-promo-banner__body {
  display: block;
  margin: 6px auto 0px;
  font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 28px;
  line-height: 32px;
  letter-spacing: 0.196px;
}

.c-promo-banner__cta {
  display: block;
  min-width: 26px;
  padding: 11px 21px;
  background-color: #0071E3;
  color: #FFFFFF;
  border: 1px solid transparent;
  border-radius: 980px;
  cursor: pointer;
  line-height: 20.0002px;
  text-decoration-line: none;
  white-space: nowrap;
}

.c-promo-banner__cta-2 {
  display: block;
  min-width: 26px;
  padding: 11px 21px;
  border-width: 1px;
  border-style: solid;
  border-radius: 980px;
  cursor: pointer;
  line-height: 20.0002px;
  text-decoration-line: none;
  white-space: nowrap;
}

.c-promo-banner__group-3 {
  display: block;
  width: 100%;
  height: 692px;
  position: absolute;
  bottom: 0px;
}

.c-promo-banner__media {
  display: block;
  flex-shrink: 0;
  width: 1440px;
  height: 692px;
  background-color: currentcolor;
}

.c-promo-banner:hover {
  background-color: #000000;
}

.c-promo-banner:focus {
  background-color: #000000;
}

<div class="c-nav-link-scope">
  <nav class="c-nav-link">
    <div class="c-nav-link__group">
      <div class="c-nav-link__group-2">
        <h3 class="c-nav-link__title">
          <span class="c-nav-link__text">lorem ipsum do</span>
        </h3>
        <ul class="c-nav-link__list">
          <li class="c-nav-link__item"></li>
          <li class="c-nav-link__item"></li>
          <li class="c-nav-link__item"></li>
          <li class="c-nav-link__item"></li>
          <li class="c-nav-link__item"></li>
          <li class="c-nav-link__item"></li>
          <li class="c-nav-link__item"></li>
          <li class="c-nav-link__item"></li>
          <li class="c-nav-link__item"></li>
          <li class="c-nav-link__item"></li>
          <li class="c-nav-link__item-2"></li>
        </ul>
      </div>
      <div class="c-nav-link__group-3">
        <h3 class="c-nav-link__title">
          <span class="c-nav-link__text">lorem ipsum</span>
        </h3>
        <ul class="c-nav-link__list">
          <li class="c-nav-link__item"></li>
          <li class="c-nav-link__item"></li>
          <li class="c-nav-link__item"></li>
          <li class="c-nav-link__item-2"></li>
        </ul>
      </div>
    </div>
    <div class="c-nav-link__group">
      <div class="c-nav-link__group-2">
        <h3 class="c-nav-link__title">
          <span class="c-nav-link__text">lorem i</span>
        </h3>
        <ul class="c-nav-link__list">
          <li class="c-nav-link__item"></li>
          <li class="c-nav-link__item"></li>
          <li class="c-nav-link__item-2"></li>
        </ul>
      </div>
      <div class="c-nav-link__group-3">
        <h3 class="c-nav-link__title">
          <span class="c-nav-link__text">lorem ipsum d</span>
        </h3>
        <ul class="c-nav-link__list">
          <li class="c-nav-link__item"></li>
          <li class="c-nav-link__item"></li>
          <li class="c-nav-link__item"></li>
        </ul>
      </div>
    </div>
  </nav>
</div>

.c-nav-link-scope {
  background-color: #F5F5F7;
  color: #0000008F;
  font-family: "SF Pro Text", "Myriad Set Pro", "SF Pro Icons", "Apple Legacy Chevron", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16.0005px;
}

.c-nav-link {
  display: flex;
  border-spacing: 0px;
  color: #0000008F;
  font-family: "SF Pro Text", "Myriad Set Pro", "SF Pro Icons", "Apple Legacy Chevron", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16.0005px;
  letter-spacing: -0.12px;
  padding-top: 20px;
}

.c-nav-link__group {
  display: block;
  flex-basis: 25%;
}

.c-nav-link__group-2 {
  display: block;
}

.c-nav-link__title {
  display: block;
  margin: 0px;
  color: #000000E0;
  font-size: 12px;
  font-weight: 400;
}

.c-nav-link__text {
  display: block;
  font-weight: 600;
  margin-right: 20px;
  margin-bottom: 9.6px;
}

.c-nav-link__list {
  display: block;
  padding: 0px;
  margin: 0px 20px 0px 0px;
  list-style-type: none;
}

.c-nav-link__item {
  display: block;
  margin-bottom: 9.6px;
}

.c-nav-link__item-2 {
  display: block;
}

.c-nav-link__group-3 {
  display: block;
  padding-top: 24px;
}

<div class="c-nav-menu-item-scope">
  <button class="c-nav-menu-item" type="button"></button>
</div>

.c-nav-menu-item-scope {
  background-color: #1D1D1FCC;
  color: #1D1D1F;
  font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 25px;
}

.c-nav-menu-item {
  display: flex;
  justify-content: center;
  align-items: center;
  border-spacing: 0px;
  width: 22px;
  padding: 0px;
  position: absolute;
  top: 0px;
  right: -7px;
  background-color: transparent;
  color: #FFFFFFCC;
  border: 0;
  cursor: pointer;
  font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 25px;
  letter-spacing: normal;
  text-transform: none;
  text-align: center;
  list-style-type: none;
}

.c-nav-menu-item:focus {
  z-index: 1;
  outline: 2px solid #0071E3;
  outline-offset: -7px;
}

<div class="c-header-landing-scope">
  <nav class="c-header-landing">
    <div class="c-header-landing__inner">
      <ul class="c-header-landing__nav">
        <li class="c-header-landing__nav-item">
          <a class="c-header-landing__nav-link" href="#">
            <span class="c-header-landing__group">
              <span class="c-header-landing__icon" aria-hidden="true"></span>
            </span>
            <span class="c-header-landing__text">lorem</span>
          </a>
        </li>
        <a class="c-header-landing__nav-link-2" href="#">
          <span class="c-header-landing__group">
            <span class="c-header-landing__icon-2" aria-hidden="true"></span>
          </span>
        </a>
        <div class="c-header-landing__group-2">
          <a class="c-header-landing__nav-link-3" href="#">
            <span class="c-header-landing__group">
              <span class="c-header-landing__icon" aria-hidden="true"></span>
            </span>
            <span class="c-header-landing__group-3">
              <span class="c-header-landing__group-4"></span>
              <span class="c-header-landing__text-2">l</span>
            </span>
          </a>
        </div>
      </ul>
    </div>
  </nav>
</div>

.c-header-landing-scope {
  background-color: #FFFFFF;
  color: #1D1D1F;
  font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 25px;
}

.c-header-landing {
  display: block;
  border-spacing: 0px;
  height: 48px;
  min-width: 320px;
  max-height: 44px;
  position: fixed;
  top: 70px;
  right: 0px;
  left: 0px;
  z-index: 9999;
  background-color: #1D1D1FCC;
  color: #1D1D1F;
  backdrop-filter: saturate(1.8) blur(20px);
  font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 25px;
  letter-spacing: -0.374px;
}

.c-header-landing__inner {
  display: block;
  box-sizing: border-box;
  width: 100%;
  max-width: 1024px;
  padding-right: 22px;
  padding-left: 22px;
  margin-right: auto;
  margin-left: auto;
}

.c-header-landing__nav {
  display: flex;
  justify-content: space-between;
  height: 44px;
  padding: 0px;
  margin: 0px -8px;
  cursor: default;
  list-style-type: none;
}

.c-header-landing__nav-item {
  display: block;
  box-sizing: border-box;
  height: 44px;
}

.c-header-landing__nav-link {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 44px;
  position: relative;
  z-index: 1;
  overflow-x: hidden;
  overflow-y: hidden;
  color: #FFFFFFCC;
  cursor: pointer;
  font-weight: 600;
  line-height: 21.0012px;
  text-decoration-line: none;
  white-space: nowrap;
  transition: color 0.32s cubic-bezier(0.4, 0, 0.6, 1);
  padding-right: 8px;
  padding-left: 8px;
}

.c-header-landing__group {
  display: flex;
}

.c-header-landing__icon {
  display: block;
  flex-shrink: 0;
  width: 14px;
  height: 44px;
  overflow-x: hidden;
  overflow-y: hidden;
  background-color: currentcolor;
  transform: matrix(1, 0, 0, 1, 0, 0);
}

.c-header-landing__text {
  display: flex;
  align-items: center;
  width: 1px;
  height: 100%;
  position: absolute;
  overflow-x: hidden;
  overflow-y: hidden;
  margin-left: 4px;
}

.c-header-landing__nav-link-2 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 44px;
  position: relative;
  z-index: 1;
  overflow-x: hidden;
  overflow-y: hidden;
  color: #FFFFFFCC;
  cursor: pointer;
  font-size: 12px;
  line-height: 12px;
  letter-spacing: -0.12px;
  text-decoration-line: none;
  white-space: nowrap;
  transition: color 0.32s cubic-bezier(0.4, 0, 0.6, 1);
  padding-right: 8px;
  padding-left: 8px;
}

.c-header-landing__icon-2 {
  display: block;
  flex-shrink: 0;
  width: 15px;
  height: 44px;
  overflow-x: hidden;
  overflow-y: hidden;
  background-color: currentcolor;
  transform: matrix(1, 0, 0, 1, 0, 0);
}

.c-header-landing__group-2 {
  display: block;
  position: relative;
  transition-duration: 0.24s, 0.24s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1), steps(1, start);
  transition-property: opacity, visibility;
}

.c-header-landing__nav-link-3 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 44px;
  position: relative;
  z-index: 1;
  color: #FFFFFFCC;
  cursor: pointer;
  font-size: 12px;
  line-height: 12px;
  letter-spacing: -0.12px;
  text-decoration-line: none;
  white-space: nowrap;
  transition: color 0.32s cubic-bezier(0.4, 0, 0.6, 1);
  padding-right: 8px;
  padding-left: 8px;
}

.c-header-landing__group-3 {
  display: block;
  box-sizing: border-box;
  width: 13px;
  height: 13px;
  position: absolute;
  right: 11px;
  bottom: 11px;
  left: 15px;
  z-index: 1;
  color: #000000;
  transform: matrix(0, 0, 0, 0, 0, 0);
  font-size: 10px;
  line-height: 13px;
  letter-spacing: -0.08px;
  text-align: center;
}

.c-header-landing__group-3::before {
  content: "";
  display: block;
  width: 13px;
  height: 13px;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-color: #FFFFFF;
  border-radius: 13px;
  transition: transform 0.3s cubic-bezier(0.25, 0.1, 0.3, 1);
}

.c-header-landing__group-3::after {
  content: "";
  display: block;
  width: 13px;
  height: 13px;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-color: #FFFFFF;
  border-radius: 13px;
}

.c-header-landing__group-4 {
  display: block;
  width: 10px;
  height: 100%;
  position: absolute;
  top: 0px;
  right: 6.5px;
  background-color: #FFFFFF;
  transform: matrix(0, 0, 0, 1, 0, 0);
  transition: transform 0.3s cubic-bezier(0.25, 0.1, 0.3, 1);
}

.c-header-landing__text-2 {
  display: block;
  position: relative;
  z-index: 2;
  transition: transform 0.3s cubic-bezier(0.25, 0.1, 0.3, 1);
}

.c-header-landing__nav-link:hover {
  color: #FFFFFF;
}

.c-header-landing__nav-link:focus {
  color: #FFFFFF;
  outline: 2px solid #0071E3;
  outline-offset: -7px;
}

.c-header-landing__nav-link-2:hover {
  color: #FFFFFF;
}

.c-header-landing__nav-link-2:focus {
  color: #FFFFFF;
  outline: 2px solid #0071E3;
  outline-offset: -7px;
}

.c-header-landing__nav-link-3:hover {
  color: #FFFFFF;
}

.c-header-landing__nav-link-3:focus {
  color: #FFFFFF;
  outline: 2px solid #0071E3;
  outline-offset: -7px;
}

<div class="c-header-landing-mobile-scope">
  <nav class="c-header-landing-mobile">
    <div class="c-header-landing-mobile__inner">
      <ul class="c-header-landing-mobile__nav">
        <li class="c-header-landing-mobile__nav-item">
          <a class="c-header-landing-mobile__nav-link" href="#">
            <span class="c-header-landing-mobile__group">
              <span class="c-header-landing-mobile__icon" aria-hidden="true"></span>
            </span>
            <span class="c-header-landing-mobile__text">lorem</span>
          </a>
        </li>
        <li class="c-header-landing-mobile__nav-item-2">
          <a class="c-header-landing-mobile__nav-link-2" href="#">
            <span class="c-header-landing-mobile__group">
              <span class="c-header-landing-mobile__icon" aria-hidden="true"></span>
            </span>
          </a>
        </li>
        <div class="c-header-landing-mobile__group-2">
          <a class="c-header-landing-mobile__nav-link-3" href="#">
            <span class="c-header-landing-mobile__group">
              <span class="c-header-landing-mobile__icon" aria-hidden="true"></span>
            </span>
            <span class="c-header-landing-mobile__group-3">
              <span class="c-header-landing-mobile__group-4"></span>
              <span class="c-header-landing-mobile__text-2">l</span>
            </span>
          </a>
        </div>
      </ul>
      <div class="c-header-landing-mobile__group-5">
        <button class="c-header-landing-mobile__menu-toggle" type="button">
          <span class="c-header-landing-mobile__menu-toggle-icon" aria-hidden="true"></span>
        </button>
      </div>
    </div>
  </nav>
</div>

.c-header-landing-mobile-scope {
  background-color: #FFFFFF;
  color: #1D1D1F;
  font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 25px;
}

.c-header-landing-mobile {
  display: block;
  border-spacing: 0px;
  height: 48px;
  min-width: 320px;
  position: fixed;
  top: 135px;
  right: 0px;
  left: 0px;
  z-index: 9999;
  color: #1D1D1F;
  backdrop-filter: saturate(1.8) blur(20px);
  font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 25px;
  letter-spacing: -0.374px;
}

.c-header-landing-mobile__inner {
  display: flex;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  max-width: 1024px;
  position: absolute;
  top: 0px;
  z-index: 2;
  background-color: #1D1D1FCC;
  transition: background 0.422s cubic-bezier(0.4, 0, 0.6, 1);
  margin-right: auto;
  margin-left: auto;
}

.c-header-landing-mobile__nav {
  display: flex;
  justify-content: space-between;
  flex-grow: 1;
  flex-basis: 0%;
  box-sizing: border-box;
  padding: 0px 48px 0px 0px;
  margin: 0px;
  position: relative;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 1;
  cursor: default;
  list-style-type: none;
}

.c-header-landing-mobile__nav-item {
  display: block;
  flex-grow: 1;
  box-sizing: border-box;
  width: 48px;
  height: 100%;
  text-align: left;
  transition: color 0.32s cubic-bezier(0.4, 0, 0.6, 1);
}

.c-header-landing-mobile__nav-link {
  display: flex;
  justify-content: center;
  align-items: center;
  width: max-content;
  height: 48px;
  position: relative;
  z-index: 1;
  overflow-x: hidden;
  overflow-y: hidden;
  color: #FFFFFFCC;
  cursor: pointer;
  font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 19px;
  font-weight: 600;
  line-height: 23px;
  letter-spacing: 0.228px;
  text-decoration-line: none;
  white-space: nowrap;
  padding-right: 16px;
  padding-left: 16px;
  transition-duration: 0.24s, 0.24s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1), steps(1, start);
  transition-property: opacity, visibility;
}

.c-header-landing-mobile__group {
  display: flex;
}

.c-header-landing-mobile__icon {
  display: block;
  flex-shrink: 0;
  width: 17px;
  height: 48px;
  overflow-x: hidden;
  overflow-y: hidden;
  background-color: currentcolor;
  transform: matrix(1, 0, 0, 1, 0, 0);
}

.c-header-landing-mobile__text {
  display: flex;
  align-items: center;
  width: 1px;
  height: 100%;
  position: absolute;
  overflow-x: hidden;
  overflow-y: hidden;
  margin-left: 4px;
}

.c-header-landing-mobile__nav-item-2 {
  display: list-item;
  box-sizing: border-box;
  width: 48px;
  height: 100%;
  transition: color 0.32s cubic-bezier(0.4, 0, 0.6, 1);
}

.c-header-landing-mobile__nav-link-2 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 48px;
  position: relative;
  z-index: 1;
  overflow-x: hidden;
  overflow-y: hidden;
  color: #FFFFFFCC;
  cursor: pointer;
  font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 28px;
  font-weight: 600;
  line-height: 28px;
  letter-spacing: 0.196px;
  text-decoration-line: none;
  white-space: nowrap;
  padding-right: 8px;
  padding-left: 8px;
  transition-duration: 0.24s, 0.24s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1), steps(1, start);
  transition-property: opacity, visibility;
}

.c-header-landing-mobile__group-2 {
  display: block;
  position: relative;
  transition-duration: 0.24s, 0.24s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1), steps(1, start);
  transition-property: opacity, visibility;
}

.c-header-landing-mobile__nav-link-3 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 48px;
  position: relative;
  z-index: 1;
  color: #FFFFFFCC;
  cursor: pointer;
  font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 28px;
  font-weight: 600;
  line-height: 28px;
  letter-spacing: 0.196px;
  text-decoration-line: none;
  white-space: nowrap;
  padding-right: 8px;
  padding-left: 8px;
  transition-duration: 0.24s, 0.24s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1), steps(1, start);
  transition-property: opacity, visibility;
}

.c-header-landing-mobile__group-3 {
  display: block;
  box-sizing: border-box;
  width: 13px;
  height: 13px;
  position: absolute;
  right: 11px;
  bottom: 13px;
  left: 22px;
  z-index: 1;
  color: #000000;
  transform: matrix(0, 0, 0, 0, 0, 0);
  font-size: 10px;
  line-height: 13px;
  letter-spacing: -0.08px;
  text-align: center;
}

.c-header-landing-mobile__group-3::before {
  content: "";
  display: block;
  width: 13px;
  height: 13px;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-color: #FFFFFF;
  border-radius: 13px;
  transition: transform 0.3s cubic-bezier(0.25, 0.1, 0.3, 1);
}

.c-header-landing-mobile__group-3::after {
  content: "";
  display: block;
  width: 13px;
  height: 13px;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-color: #FFFFFF;
  border-radius: 13px;
}

.c-header-landing-mobile__group-4 {
  display: block;
  width: 10px;
  height: 100%;
  position: absolute;
  top: 0px;
  right: 6.5px;
  background-color: #FFFFFF;
  transform: matrix(0, 0, 0, 1, 0, 0);
  transition: transform 0.3s cubic-bezier(0.25, 0.1, 0.3, 1);
}

.c-header-landing-mobile__text-2 {
  display: block;
  position: relative;
  z-index: 2;
  font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
  transition: transform 0.3s cubic-bezier(0.25, 0.1, 0.3, 1);
}

.c-header-landing-mobile__group-5 {
  display: block;
  width: 48px;
  position: absolute;
  right: 0px;
  z-index: 3;
}

.c-header-landing-mobile__menu-toggle {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  padding: 0px;
  position: relative;
  background-color: transparent;
  color: #FFFFFF;
  border: 0;
  opacity: 0.8;
  cursor: pointer;
  font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 25px;
  letter-spacing: normal;
  text-transform: none;
  text-align: center;
  transition-duration: 0.32s, 0.32s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1), cubic-bezier(0.4, 0, 0.6, 1);
  transition-property: opacity, color;
}

.c-header-landing-mobile__menu-toggle-icon {
  display: block;
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  overflow-x: hidden;
  overflow-y: hidden;
  background-color: currentcolor;
}

.c-header-landing-mobile__nav-link:hover {
  color: #FFFFFF;
}

.c-header-landing-mobile__nav-link:focus {
  color: #FFFFFF;
  outline: 2px solid #0071E3;
  outline-offset: -7px;
}

.c-header-landing-mobile__nav-link-2:hover {
  color: #FFFFFF;
}

.c-header-landing-mobile__nav-link-2:focus {
  color: #FFFFFF;
  outline: 2px solid #0071E3;
  outline-offset: -7px;
}

.c-header-landing-mobile__nav-link-3:hover {
  color: #FFFFFF;
}

.c-header-landing-mobile__nav-link-3:focus {
  color: #FFFFFF;
  outline: 2px solid #0071E3;
  outline-offset: -7px;
}

.c-header-landing-mobile__menu-toggle:hover {
  opacity: 1;
}

.c-header-landing-mobile__menu-toggle:focus {
  outline: 2px solid #0071E3;
  outline-offset: -7px;
}

<div class="c-header-inner-scope">
  <nav class="c-header-inner">
    <div class="c-header-inner__inner">
      <ul class="c-header-inner__nav">
        <li class="c-header-inner__nav-item">
          <a class="c-header-inner__nav-link" href="#">
            <span class="c-header-inner__group">
              <span class="c-header-inner__icon" aria-hidden="true"></span>
            </span>
            <span class="c-header-inner__text">lorem</span>
          </a>
        </li>
        <a class="c-header-inner__nav-link-2" href="#">
          <span class="c-header-inner__group">
            <span class="c-header-inner__icon-2" aria-hidden="true"></span>
          </span>
        </a>
        <div class="c-header-inner__group-2">
          <a class="c-header-inner__nav-link-3" href="#">
            <span class="c-header-inner__group">
              <span class="c-header-inner__icon" aria-hidden="true"></span>
            </span>
            <span class="c-header-inner__group-3">
              <span class="c-header-inner__group-4"></span>
              <span class="c-header-inner__text-2">l</span>
            </span>
          </a>
        </div>
      </ul>
    </div>
  </nav>
</div>

.c-header-inner-scope {
  background-color: #FFFFFF;
  color: #1D1D1F;
  font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 25px;
}

.c-header-inner {
  display: block;
  border-spacing: 0px;
  height: 48px;
  min-width: 320px;
  max-height: 44px;
  position: absolute;
  top: 0px;
  right: 0px;
  left: 0px;
  z-index: 9999;
  background-color: #FAFAFCCC;
  color: #1D1D1F;
  backdrop-filter: saturate(1.8) blur(20px);
  font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 25px;
  letter-spacing: -0.374px;
}

.c-header-inner__inner {
  display: block;
  box-sizing: border-box;
  width: 100%;
  max-width: 1024px;
  padding-right: 22px;
  padding-left: 22px;
  margin-right: auto;
  margin-left: auto;
}

.c-header-inner__nav {
  display: flex;
  justify-content: space-between;
  height: 44px;
  padding: 0px;
  margin: 0px -8px;
  cursor: default;
  list-style-type: none;
}

.c-header-inner__nav-item {
  display: block;
  box-sizing: border-box;
  height: 44px;
}

.c-header-inner__nav-link {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 44px;
  position: relative;
  z-index: 1;
  overflow-x: hidden;
  overflow-y: hidden;
  color: #000000CC;
  cursor: pointer;
  font-weight: 600;
  line-height: 21.0012px;
  text-decoration-line: none;
  white-space: nowrap;
  transition: color 0.32s cubic-bezier(0.4, 0, 0.6, 1);
  padding-right: 8px;
  padding-left: 8px;
}

.c-header-inner__group {
  display: flex;
}

.c-header-inner__icon {
  display: block;
  flex-shrink: 0;
  width: 14px;
  height: 44px;
  overflow-x: hidden;
  overflow-y: hidden;
  background-color: currentcolor;
  transform: matrix(1, 0, 0, 1, 0, 0);
}

.c-header-inner__text {
  display: flex;
  align-items: center;
  width: 1px;
  height: 100%;
  position: absolute;
  overflow-x: hidden;
  overflow-y: hidden;
  margin-left: 4px;
}

.c-header-inner__nav-link-2 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 44px;
  position: relative;
  z-index: 1;
  overflow-x: hidden;
  overflow-y: hidden;
  color: #000000CC;
  cursor: pointer;
  font-size: 12px;
  line-height: 12px;
  letter-spacing: -0.12px;
  text-decoration-line: none;
  white-space: nowrap;
  transition: color 0.32s cubic-bezier(0.4, 0, 0.6, 1);
  padding-right: 8px;
  padding-left: 8px;
}

.c-header-inner__icon-2 {
  display: block;
  flex-shrink: 0;
  width: 15px;
  height: 44px;
  overflow-x: hidden;
  overflow-y: hidden;
  background-color: currentcolor;
  transform: matrix(1, 0, 0, 1, 0, 0);
}

.c-header-inner__group-2 {
  display: block;
  position: relative;
  transition-duration: 0.24s, 0.24s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1), steps(1, start);
  transition-property: opacity, visibility;
}

.c-header-inner__nav-link-3 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 44px;
  position: relative;
  z-index: 1;
  color: #000000CC;
  cursor: pointer;
  font-size: 12px;
  line-height: 12px;
  letter-spacing: -0.12px;
  text-decoration-line: none;
  white-space: nowrap;
  transition: color 0.32s cubic-bezier(0.4, 0, 0.6, 1);
  padding-right: 8px;
  padding-left: 8px;
}

.c-header-inner__group-3 {
  display: block;
  box-sizing: border-box;
  width: 13px;
  height: 13px;
  position: absolute;
  right: 11px;
  bottom: 11px;
  left: 15px;
  z-index: 1;
  color: #FFFFFF;
  transform: matrix(0, 0, 0, 0, 0, 0);
  font-size: 10px;
  line-height: 13px;
  letter-spacing: -0.08px;
  text-align: center;
}

.c-header-inner__group-3::before {
  content: "";
  display: block;
  width: 13px;
  height: 13px;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-color: #000000;
  border-radius: 13px;
  transition: transform 0.3s cubic-bezier(0.25, 0.1, 0.3, 1);
}

.c-header-inner__group-3::after {
  content: "";
  display: block;
  width: 13px;
  height: 13px;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-color: #000000;
  border-radius: 13px;
}

.c-header-inner__group-4 {
  display: block;
  width: 10px;
  height: 100%;
  position: absolute;
  top: 0px;
  right: 6.5px;
  background-color: #000000;
  transform: matrix(0, 0, 0, 1, 0, 0);
  transition: transform 0.3s cubic-bezier(0.25, 0.1, 0.3, 1);
}

.c-header-inner__text-2 {
  display: block;
  position: relative;
  z-index: 2;
  transition: transform 0.3s cubic-bezier(0.25, 0.1, 0.3, 1);
}

.c-header-inner__nav-link:hover {
  color: #000000;
}

.c-header-inner__nav-link:focus {
  color: #000000;
  outline: 2px solid #0071E3;
  outline-offset: -7px;
}

.c-header-inner__nav-link-2:hover {
  color: #000000;
}

.c-header-inner__nav-link-2:focus {
  color: #000000;
  outline: 2px solid #0071E3;
  outline-offset: -7px;
}

.c-header-inner__nav-link-3:hover {
  color: #000000;
}

.c-header-inner__nav-link-3:focus {
  color: #000000;
  outline: 2px solid #0071E3;
  outline-offset: -7px;
}

<div class="c-header-inner-mobile-scope">
  <nav class="c-header-inner-mobile">
    <div class="c-header-inner-mobile__inner">
      <ul class="c-header-inner-mobile__nav">
        <li class="c-header-inner-mobile__nav-item">
          <a class="c-header-inner-mobile__nav-link" href="#">
            <span class="c-header-inner-mobile__group">
              <span class="c-header-inner-mobile__icon" aria-hidden="true"></span>
            </span>
            <span class="c-header-inner-mobile__text">lorem</span>
          </a>
        </li>
        <li class="c-header-inner-mobile__nav-item-2">
          <a class="c-header-inner-mobile__nav-link-2" href="#">
            <span class="c-header-inner-mobile__group">
              <span class="c-header-inner-mobile__icon" aria-hidden="true"></span>
            </span>
          </a>
        </li>
        <div class="c-header-inner-mobile__group-2">
          <a class="c-header-inner-mobile__nav-link-3" href="#">
            <span class="c-header-inner-mobile__group">
              <span class="c-header-inner-mobile__icon" aria-hidden="true"></span>
            </span>
            <span class="c-header-inner-mobile__group-3">
              <span class="c-header-inner-mobile__group-4"></span>
              <span class="c-header-inner-mobile__text-2">l</span>
            </span>
          </a>
        </div>
      </ul>
      <div class="c-header-inner-mobile__group-5">
        <button class="c-header-inner-mobile__menu-toggle" type="button">
          <span class="c-header-inner-mobile__menu-toggle-icon" aria-hidden="true"></span>
        </button>
      </div>
    </div>
  </nav>
</div>

.c-header-inner-mobile-scope {
  background-color: #FFFFFF;
  color: #1D1D1F;
  font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 25px;
}

.c-header-inner-mobile {
  display: block;
  border-spacing: 0px;
  height: 48px;
  min-width: 320px;
  position: absolute;
  top: 0px;
  right: 0px;
  left: 0px;
  z-index: 9999;
  color: #1D1D1F;
  backdrop-filter: saturate(1.8) blur(20px);
  font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 25px;
  letter-spacing: -0.374px;
}

.c-header-inner-mobile__inner {
  display: flex;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  max-width: 1024px;
  position: absolute;
  top: 0px;
  z-index: 2;
  background-color: #FAFAFCCC;
  transition: background 0.422s cubic-bezier(0.4, 0, 0.6, 1);
  margin-right: auto;
  margin-left: auto;
}

.c-header-inner-mobile__nav {
  display: flex;
  justify-content: space-between;
  flex-grow: 1;
  flex-basis: 0%;
  box-sizing: border-box;
  padding: 0px 48px 0px 0px;
  margin: 0px;
  position: relative;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 1;
  cursor: default;
  list-style-type: none;
}

.c-header-inner-mobile__nav-item {
  display: block;
  flex-grow: 1;
  box-sizing: border-box;
  width: 48px;
  height: 100%;
  text-align: left;
  transition: color 0.32s cubic-bezier(0.4, 0, 0.6, 1);
}

.c-header-inner-mobile__nav-link {
  display: flex;
  justify-content: center;
  align-items: center;
  width: max-content;
  height: 48px;
  position: relative;
  z-index: 1;
  overflow-x: hidden;
  overflow-y: hidden;
  color: #000000CC;
  cursor: pointer;
  font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 19px;
  font-weight: 600;
  line-height: 23px;
  letter-spacing: 0.228px;
  text-decoration-line: none;
  white-space: nowrap;
  padding-right: 16px;
  padding-left: 16px;
  transition-duration: 0.24s, 0.24s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1), steps(1, start);
  transition-property: opacity, visibility;
}

.c-header-inner-mobile__group {
  display: flex;
}

.c-header-inner-mobile__icon {
  display: block;
  flex-shrink: 0;
  width: 17px;
  height: 48px;
  overflow-x: hidden;
  overflow-y: hidden;
  background-color: currentcolor;
  transform: matrix(1, 0, 0, 1, 0, 0);
}

.c-header-inner-mobile__text {
  display: flex;
  align-items: center;
  width: 1px;
  height: 100%;
  position: absolute;
  overflow-x: hidden;
  overflow-y: hidden;
  margin-left: 4px;
}

.c-header-inner-mobile__nav-item-2 {
  display: list-item;
  box-sizing: border-box;
  width: 48px;
  height: 100%;
  transition: color 0.32s cubic-bezier(0.4, 0, 0.6, 1);
}

.c-header-inner-mobile__nav-link-2 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 48px;
  position: relative;
  z-index: 1;
  overflow-x: hidden;
  overflow-y: hidden;
  color: #000000CC;
  cursor: pointer;
  font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 28px;
  font-weight: 600;
  line-height: 28px;
  letter-spacing: 0.196px;
  text-decoration-line: none;
  white-space: nowrap;
  padding-right: 8px;
  padding-left: 8px;
  transition-duration: 0.24s, 0.24s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1), steps(1, start);
  transition-property: opacity, visibility;
}

.c-header-inner-mobile__group-2 {
  display: block;
  position: relative;
  transition-duration: 0.24s, 0.24s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1), steps(1, start);
  transition-property: opacity, visibility;
}

.c-header-inner-mobile__nav-link-3 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 48px;
  position: relative;
  z-index: 1;
  color: #000000CC;
  cursor: pointer;
  font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 28px;
  font-weight: 600;
  line-height: 28px;
  letter-spacing: 0.196px;
  text-decoration-line: none;
  white-space: nowrap;
  padding-right: 8px;
  padding-left: 8px;
  transition-duration: 0.24s, 0.24s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1), steps(1, start);
  transition-property: opacity, visibility;
}

.c-header-inner-mobile__group-3 {
  display: block;
  box-sizing: border-box;
  width: 13px;
  height: 13px;
  position: absolute;
  right: 11px;
  bottom: 13px;
  left: 22px;
  z-index: 1;
  color: #FFFFFF;
  transform: matrix(0, 0, 0, 0, 0, 0);
  font-size: 10px;
  line-height: 13px;
  letter-spacing: -0.08px;
  text-align: center;
}

.c-header-inner-mobile__group-3::before {
  content: "";
  display: block;
  width: 13px;
  height: 13px;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-color: #000000;
  border-radius: 13px;
  transition: transform 0.3s cubic-bezier(0.25, 0.1, 0.3, 1);
}

.c-header-inner-mobile__group-3::after {
  content: "";
  display: block;
  width: 13px;
  height: 13px;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-color: #000000;
  border-radius: 13px;
}

.c-header-inner-mobile__group-4 {
  display: block;
  width: 10px;
  height: 100%;
  position: absolute;
  top: 0px;
  right: 6.5px;
  background-color: #000000;
  transform: matrix(0, 0, 0, 1, 0, 0);
  transition: transform 0.3s cubic-bezier(0.25, 0.1, 0.3, 1);
}

.c-header-inner-mobile__text-2 {
  display: block;
  position: relative;
  z-index: 2;
  font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
  transition: transform 0.3s cubic-bezier(0.25, 0.1, 0.3, 1);
}

.c-header-inner-mobile__group-5 {
  display: block;
  width: 48px;
  position: absolute;
  right: 0px;
  z-index: 3;
}

.c-header-inner-mobile__menu-toggle {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  padding: 0px;
  position: relative;
  background-color: transparent;
  color: #000000;
  border: 0;
  opacity: 0.8;
  cursor: pointer;
  font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 25px;
  letter-spacing: normal;
  text-transform: none;
  text-align: center;
  transition-duration: 0.32s, 0.32s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1), cubic-bezier(0.4, 0, 0.6, 1);
  transition-property: opacity, color;
}

.c-header-inner-mobile__menu-toggle-icon {
  display: block;
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  overflow-x: hidden;
  overflow-y: hidden;
  background-color: currentcolor;
}

.c-header-inner-mobile__nav-link:hover {
  color: #000000;
}

.c-header-inner-mobile__nav-link:focus {
  color: #000000;
  outline: 2px solid #0071E3;
  outline-offset: -7px;
}

.c-header-inner-mobile__nav-link-2:hover {
  color: #000000;
}

.c-header-inner-mobile__nav-link-2:focus {
  color: #000000;
  outline: 2px solid #0071E3;
  outline-offset: -7px;
}

.c-header-inner-mobile__nav-link-3:hover {
  color: #000000;
}

.c-header-inner-mobile__nav-link-3:focus {
  color: #000000;
  outline: 2px solid #0071E3;
  outline-offset: -7px;
}

.c-header-inner-mobile__menu-toggle:hover {
  opacity: 1;
}

.c-header-inner-mobile__menu-toggle:focus {
  outline: 2px solid #0071E3;
  outline-offset: -7px;
}

<div class="c-header-inner-2-scope">
  <nav class="c-header-inner-2">
    <div class="c-header-inner-2__inner">
      <ul class="c-header-inner-2__nav">
        <li class="c-header-inner-2__nav-item">
          <a class="c-header-inner-2__nav-link" href="#">
            <span class="c-header-inner-2__group">
              <span class="c-header-inner-2__icon" aria-hidden="true"></span>
            </span>
            <span class="c-header-inner-2__text">lorem</span>
          </a>
        </li>
        <a class="c-header-inner-2__nav-link-2" href="#">
          <span class="c-header-inner-2__group">
            <span class="c-header-inner-2__icon-2" aria-hidden="true"></span>
          </span>
        </a>
        <div class="c-header-inner-2__group-2">
          <a class="c-header-inner-2__nav-link-3" href="#">
            <span class="c-header-inner-2__group">
              <span class="c-header-inner-2__icon" aria-hidden="true"></span>
            </span>
            <span class="c-header-inner-2__group-3">
              <span class="c-header-inner-2__group-4"></span>
              <span class="c-header-inner-2__text-2">l</span>
            </span>
          </a>
        </div>
      </ul>
    </div>
  </nav>
</div>

.c-header-inner-2-scope {
  background-color: #F5F5F7;
  color: #1D1D1F;
  font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 25px;
}

.c-header-inner-2 {
  display: block;
  border-spacing: 0px;
  height: 48px;
  min-width: 320px;
  max-height: 44px;
  position: absolute;
  top: 0px;
  right: 0px;
  left: 0px;
  z-index: 9999;
  color: #1D1D1F;
  font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 25px;
  letter-spacing: -0.374px;
}

.c-header-inner-2__inner {
  display: block;
  box-sizing: border-box;
  width: 100%;
  max-width: 1024px;
  padding-right: 22px;
  padding-left: 22px;
  margin-right: auto;
  margin-left: auto;
}

.c-header-inner-2__nav {
  display: flex;
  justify-content: space-between;
  height: 44px;
  padding: 0px;
  margin: 0px -8px;
  cursor: default;
  list-style-type: none;
}

.c-header-inner-2__nav-item {
  display: block;
  box-sizing: border-box;
  height: 44px;
}

.c-header-inner-2__nav-link {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 44px;
  position: relative;
  z-index: 1;
  overflow-x: hidden;
  overflow-y: hidden;
  color: #000000CC;
  cursor: pointer;
  font-weight: 600;
  line-height: 21.0012px;
  text-decoration-line: none;
  white-space: nowrap;
  transition: color 0.32s cubic-bezier(0.4, 0, 0.6, 1);
  padding-right: 8px;
  padding-left: 8px;
}

.c-header-inner-2__group {
  display: flex;
}

.c-header-inner-2__icon {
  display: block;
  flex-shrink: 0;
  width: 14px;
  height: 44px;
  overflow-x: hidden;
  overflow-y: hidden;
  background-color: currentcolor;
  transform: matrix(1, 0, 0, 1, 0, 0);
}

.c-header-inner-2__text {
  display: flex;
  align-items: center;
  width: 1px;
  height: 100%;
  position: absolute;
  overflow-x: hidden;
  overflow-y: hidden;
  margin-left: 4px;
}

.c-header-inner-2__nav-link-2 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 44px;
  position: relative;
  z-index: 1;
  overflow-x: hidden;
  overflow-y: hidden;
  color: #000000CC;
  cursor: pointer;
  font-size: 12px;
  line-height: 12px;
  letter-spacing: -0.12px;
  text-decoration-line: none;
  white-space: nowrap;
  transition: color 0.32s cubic-bezier(0.4, 0, 0.6, 1);
  padding-right: 8px;
  padding-left: 8px;
}

.c-header-inner-2__icon-2 {
  display: block;
  flex-shrink: 0;
  width: 15px;
  height: 44px;
  overflow-x: hidden;
  overflow-y: hidden;
  background-color: currentcolor;
  transform: matrix(1, 0, 0, 1, 0, 0);
}

.c-header-inner-2__group-2 {
  display: block;
  position: relative;
  transition-duration: 0.24s, 0.24s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1), steps(1, start);
  transition-property: opacity, visibility;
}

.c-header-inner-2__nav-link-3 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 44px;
  position: relative;
  z-index: 1;
  color: #000000CC;
  cursor: pointer;
  font-size: 12px;
  line-height: 12px;
  letter-spacing: -0.12px;
  text-decoration-line: none;
  white-space: nowrap;
  transition: color 0.32s cubic-bezier(0.4, 0, 0.6, 1);
  padding-right: 8px;
  padding-left: 8px;
}

.c-header-inner-2__group-3 {
  display: block;
  box-sizing: border-box;
  width: 13px;
  height: 13px;
  position: absolute;
  right: 11px;
  bottom: 11px;
  left: 15px;
  z-index: 1;
  color: #FFFFFF;
  transform: matrix(0, 0, 0, 0, 0, 0);
  font-size: 10px;
  line-height: 13px;
  letter-spacing: -0.08px;
  text-align: center;
}

.c-header-inner-2__group-3::before {
  content: "";
  display: block;
  width: 13px;
  height: 13px;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-color: #000000;
  border-radius: 13px;
  transition: transform 0.3s cubic-bezier(0.25, 0.1, 0.3, 1);
}

.c-header-inner-2__group-3::after {
  content: "";
  display: block;
  width: 13px;
  height: 13px;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-color: #000000;
  border-radius: 13px;
}

.c-header-inner-2__group-4 {
  display: block;
  width: 10px;
  height: 100%;
  position: absolute;
  top: 0px;
  right: 6.5px;
  background-color: #000000;
  transform: matrix(0, 0, 0, 1, 0, 0);
  transition: transform 0.3s cubic-bezier(0.25, 0.1, 0.3, 1);
}

.c-header-inner-2__text-2 {
  display: block;
  position: relative;
  z-index: 2;
  transition: transform 0.3s cubic-bezier(0.25, 0.1, 0.3, 1);
}

.c-header-inner-2__nav-link:hover {
  color: #000000;
}

.c-header-inner-2__nav-link:focus {
  color: #000000;
  outline: 2px solid #0071E3;
  outline-offset: -7px;
}

.c-header-inner-2__nav-link-2:hover {
  color: #000000;
}

.c-header-inner-2__nav-link-2:focus {
  color: #000000;
  outline: 2px solid #0071E3;
  outline-offset: -7px;
}

.c-header-inner-2__nav-link-3:hover {
  color: #000000;
}

.c-header-inner-2__nav-link-3:focus {
  color: #000000;
  outline: 2px solid #0071E3;
  outline-offset: -7px;
}

<div class="c-header-inner-2-mobile-scope">
  <nav class="c-header-inner-2-mobile">
    <div class="c-header-inner-2-mobile__inner">
      <ul class="c-header-inner-2-mobile__nav">
        <li class="c-header-inner-2-mobile__nav-item">
          <a class="c-header-inner-2-mobile__nav-link" href="#">
            <span class="c-header-inner-2-mobile__group">
              <span class="c-header-inner-2-mobile__icon" aria-hidden="true"></span>
            </span>
            <span class="c-header-inner-2-mobile__text">lorem</span>
          </a>
        </li>
        <li class="c-header-inner-2-mobile__nav-item-2">
          <a class="c-header-inner-2-mobile__nav-link-2" href="#">
            <span class="c-header-inner-2-mobile__group">
              <span class="c-header-inner-2-mobile__icon" aria-hidden="true"></span>
            </span>
          </a>
        </li>
        <div class="c-header-inner-2-mobile__group-2">
          <a class="c-header-inner-2-mobile__nav-link-3" href="#">
            <span class="c-header-inner-2-mobile__group">
              <span class="c-header-inner-2-mobile__icon" aria-hidden="true"></span>
            </span>
            <span class="c-header-inner-2-mobile__group-3">
              <span class="c-header-inner-2-mobile__group-4"></span>
              <span class="c-header-inner-2-mobile__text-2">l</span>
            </span>
          </a>
        </div>
      </ul>
      <div class="c-header-inner-2-mobile__group-5">
        <button class="c-header-inner-2-mobile__menu-toggle" type="button">
          <span class="c-header-inner-2-mobile__menu-toggle-icon" aria-hidden="true"></span>
        </button>
      </div>
    </div>
  </nav>
</div>

.c-header-inner-2-mobile-scope {
  background-color: #F5F5F7;
  color: #1D1D1F;
  font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 25px;
}

.c-header-inner-2-mobile {
  display: block;
  border-spacing: 0px;
  height: 48px;
  min-width: 320px;
  position: absolute;
  top: 0px;
  right: 0px;
  left: 0px;
  z-index: 9999;
  color: #1D1D1F;
  font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 25px;
  letter-spacing: -0.374px;
}

.c-header-inner-2-mobile__inner {
  display: flex;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  max-width: 1024px;
  position: absolute;
  top: 0px;
  z-index: 2;
  transition: background 0.422s cubic-bezier(0.4, 0, 0.6, 1);
  margin-right: auto;
  margin-left: auto;
}

.c-header-inner-2-mobile__nav {
  display: flex;
  justify-content: space-between;
  flex-grow: 1;
  flex-basis: 0%;
  box-sizing: border-box;
  padding: 0px 48px 0px 0px;
  margin: 0px;
  position: relative;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 1;
  cursor: default;
  list-style-type: none;
}

.c-header-inner-2-mobile__nav-item {
  display: block;
  flex-grow: 1;
  box-sizing: border-box;
  width: 48px;
  height: 100%;
  text-align: left;
  transition: color 0.32s cubic-bezier(0.4, 0, 0.6, 1);
}

.c-header-inner-2-mobile__nav-link {
  display: flex;
  justify-content: center;
  align-items: center;
  width: max-content;
  height: 48px;
  position: relative;
  z-index: 1;
  overflow-x: hidden;
  overflow-y: hidden;
  color: #000000CC;
  cursor: pointer;
  font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 19px;
  font-weight: 600;
  line-height: 23px;
  letter-spacing: 0.228px;
  text-decoration-line: none;
  white-space: nowrap;
  padding-right: 16px;
  padding-left: 16px;
  transition-duration: 0.24s, 0.24s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1), steps(1, start);
  transition-property: opacity, visibility;
}

.c-header-inner-2-mobile__group {
  display: flex;
}

.c-header-inner-2-mobile__icon {
  display: block;
  flex-shrink: 0;
  width: 17px;
  height: 48px;
  overflow-x: hidden;
  overflow-y: hidden;
  background-color: currentcolor;
  transform: matrix(1, 0, 0, 1, 0, 0);
}

.c-header-inner-2-mobile__text {
  display: flex;
  align-items: center;
  width: 1px;
  height: 100%;
  position: absolute;
  overflow-x: hidden;
  overflow-y: hidden;
  margin-left: 4px;
}

.c-header-inner-2-mobile__nav-item-2 {
  display: list-item;
  box-sizing: border-box;
  width: 48px;
  height: 100%;
  transition: color 0.32s cubic-bezier(0.4, 0, 0.6, 1);
}

.c-header-inner-2-mobile__nav-link-2 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 48px;
  position: relative;
  z-index: 1;
  overflow-x: hidden;
  overflow-y: hidden;
  color: #000000CC;
  cursor: pointer;
  font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 28px;
  font-weight: 600;
  line-height: 28px;
  letter-spacing: 0.196px;
  text-decoration-line: none;
  white-space: nowrap;
  padding-right: 8px;
  padding-left: 8px;
  transition-duration: 0.24s, 0.24s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1), steps(1, start);
  transition-property: opacity, visibility;
}

.c-header-inner-2-mobile__group-2 {
  display: block;
  position: relative;
  transition-duration: 0.24s, 0.24s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1), steps(1, start);
  transition-property: opacity, visibility;
}

.c-header-inner-2-mobile__nav-link-3 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 48px;
  position: relative;
  z-index: 1;
  color: #000000CC;
  cursor: pointer;
  font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 28px;
  font-weight: 600;
  line-height: 28px;
  letter-spacing: 0.196px;
  text-decoration-line: none;
  white-space: nowrap;
  padding-right: 8px;
  padding-left: 8px;
  transition-duration: 0.24s, 0.24s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1), steps(1, start);
  transition-property: opacity, visibility;
}

.c-header-inner-2-mobile__group-3 {
  display: block;
  box-sizing: border-box;
  width: 13px;
  height: 13px;
  position: absolute;
  right: 11px;
  bottom: 13px;
  left: 22px;
  z-index: 1;
  color: #FFFFFF;
  transform: matrix(0, 0, 0, 0, 0, 0);
  font-size: 10px;
  line-height: 13px;
  letter-spacing: -0.08px;
  text-align: center;
}

.c-header-inner-2-mobile__group-3::before {
  content: "";
  display: block;
  width: 13px;
  height: 13px;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-color: #000000;
  border-radius: 13px;
  transition: transform 0.3s cubic-bezier(0.25, 0.1, 0.3, 1);
}

.c-header-inner-2-mobile__group-3::after {
  content: "";
  display: block;
  width: 13px;
  height: 13px;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-color: #000000;
  border-radius: 13px;
}

.c-header-inner-2-mobile__group-4 {
  display: block;
  width: 10px;
  height: 100%;
  position: absolute;
  top: 0px;
  right: 6.5px;
  background-color: #000000;
  transform: matrix(0, 0, 0, 1, 0, 0);
  transition: transform 0.3s cubic-bezier(0.25, 0.1, 0.3, 1);
}

.c-header-inner-2-mobile__text-2 {
  display: block;
  position: relative;
  z-index: 2;
  font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
  transition: transform 0.3s cubic-bezier(0.25, 0.1, 0.3, 1);
}

.c-header-inner-2-mobile__group-5 {
  display: block;
  width: 48px;
  position: absolute;
  right: 0px;
  z-index: 3;
}

.c-header-inner-2-mobile__menu-toggle {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  padding: 0px;
  position: relative;
  background-color: transparent;
  color: #000000;
  border: 0;
  opacity: 0.8;
  cursor: pointer;
  font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 25px;
  letter-spacing: normal;
  text-transform: none;
  text-align: center;
  transition-duration: 0.32s, 0.32s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1), cubic-bezier(0.4, 0, 0.6, 1);
  transition-property: opacity, color;
}

.c-header-inner-2-mobile__menu-toggle-icon {
  display: block;
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  overflow-x: hidden;
  overflow-y: hidden;
  background-color: currentcolor;
}

.c-header-inner-2-mobile__nav-link:hover {
  color: #000000;
}

.c-header-inner-2-mobile__nav-link:focus {
  color: #000000;
  outline: 2px solid #0071E3;
  outline-offset: -7px;
}

.c-header-inner-2-mobile__nav-link-2:hover {
  color: #000000;
}

.c-header-inner-2-mobile__nav-link-2:focus {
  color: #000000;
  outline: 2px solid #0071E3;
  outline-offset: -7px;
}

.c-header-inner-2-mobile__nav-link-3:hover {
  color: #000000;
}

.c-header-inner-2-mobile__nav-link-3:focus {
  color: #000000;
  outline: 2px solid #0071E3;
  outline-offset: -7px;
}

.c-header-inner-2-mobile__menu-toggle:hover {
  opacity: 1;
}

.c-header-inner-2-mobile__menu-toggle:focus {
  outline: 2px solid #0071E3;
  outline-offset: -7px;
}

<div class="c-header-inner-3-scope">
  <nav class="c-header-inner-3">
    <div class="c-header-inner-3__group">
      <div class="c-header-inner-3__group-2"></div>
      <div class="c-header-inner-3__inner">
        <div class="c-header-inner-3__group-3">
          <a class="c-header-inner-3__logo" href="#">lorem ipsum do</a>
        </div>
        <div class="c-header-inner-3__group-4">
          <div class="c-header-inner-3__group-5"></div>
          <div class="c-header-inner-3__group-5">
            <div class="c-header-inner-3__group-6">
              <button class="c-header-inner-3__cta" type="button">lorem ipsum dolor sit am</button>
            </div>
          </div>
        </div>
      </div>
    </div>
  </nav>
</div>

.c-header-inner-3-scope {
  background-color: #FFFFFF;
  color: #1D1D1F;
  font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 25px;
}

.c-header-inner-3 {
  display: block;
  border-spacing: 0px;
  height: 52px;
  min-width: 1024px;
  position: sticky;
  top: 0px;
  left: 0px;
  z-index: 9997;
  color: #1D1D1F;
  font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 25px;
  letter-spacing: -0.374px;
}

.c-header-inner-3__group {
  display: block;
  width: 100%;
  min-height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1;
}

.c-header-inner-3__group-2 {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1;
  background-color: #FAFAFCCC;
  backdrop-filter: saturate(1.8) blur(20px);
  transition: background 0.24s cubic-bezier(0.28, 0.11, 0.32, 1);
  padding-top: 44px;
  margin-top: -44px;
}

.c-header-inner-3__group-2::after {
  content: "";
  display: block;
  width: 1440px;
  height: 1px;
  position: absolute;
  top: 95px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 1;
  background-color: #00000029;
}

.c-header-inner-3__inner {
  display: block;
  height: 52px;
  max-width: 980px;
  position: relative;
  z-index: 2;
  padding-right: 22px;
  padding-left: 22px;
  margin-right: auto;
  margin-left: auto;
}

.c-header-inner-3__inner::before {
  content: "";
  display: table;
}

.c-header-inner-3__inner::after {
  content: "";
  display: table;
}

.c-header-inner-3__group-3 {
  display: block;
  min-height: 52px;
  color: #000000;
  cursor: default;
  font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 21px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.231px;
  white-space: nowrap;
  transition: color 0.24s cubic-bezier(0.28, 0.11, 0.32, 1);
  margin-top: 14px;
  margin-bottom: -14px;
}

.c-header-inner-3__logo {
  display: flex;
  flex-direction: column-reverse;
  color: #000000;
  opacity: 0.88;
  cursor: pointer;
  text-decoration-line: none;
  transition: color 0.24s cubic-bezier(0.28, 0.11, 0.32, 1);
}

.c-header-inner-3__group-4 {
  display: block;
  font-size: 12px;
  line-height: 12px;
  letter-spacing: -0.12px;
  margin-top: -3px;
}

.c-header-inner-3__group-5 {
  display: block;
  padding-top: 18px;
}

.c-header-inner-3__group-6 {
  display: block;
  margin-left: 24px;
}

.c-header-inner-3__cta {
  display: inline-block;
  min-width: 23px;
  padding: 3px 10px;
  background-color: #0071E3;
  color: #FFFFFF;
  border: 1px solid transparent;
  border-radius: 980px;
  cursor: pointer;
  font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16.0005px;
  letter-spacing: -0.12px;
  text-transform: none;
  text-align: center;
  white-space: nowrap;
  margin-top: -1px;
}

.c-header-inner-3__logo:focus {
  outline: 2px solid #0071E3;
  outline-offset: 1px;
}

.c-header-inner-3__cta:hover {
  background-color: #0076DF;
}

.c-header-inner-3__cta:focus {
  outline: 2px solid #0071E3;
  outline-offset: 3px;
}

<div class="c-header-inner-3-mobile-scope">
  <nav class="c-header-inner-3-mobile">
    <div class="c-header-inner-3-mobile__group">
      <div class="c-header-inner-3-mobile__group-2"></div>
      <div class="c-header-inner-3-mobile__inner">
        <div class="c-header-inner-3-mobile__group-3">
          <a class="c-header-inner-3-mobile__logo" href="#">lorem ipsum do</a>
        </div>
        <div class="c-header-inner-3-mobile__group-4">
          <div class="c-header-inner-3-mobile__group-5">
            <div class="c-header-inner-3-mobile__group-6">
              <button class="c-header-inner-3-mobile__cta" type="button">lorem ipsum dolor sit am</button>
            </div>
          </div>
        </div>
      </div>
    </div>
  </nav>
</div>

.c-header-inner-3-mobile-scope {
  background-color: #FFFFFF;
  color: #1D1D1F;
  font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 25px;
}

.c-header-inner-3-mobile {
  display: block;
  border-spacing: 0px;
  width: 390px;
  height: 48px;
  min-width: 320px;
  position: sticky;
  top: 0px;
  left: 0px;
  z-index: 9997;
  color: #1D1D1F;
  font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 25px;
  letter-spacing: -0.374px;
}

.c-header-inner-3-mobile__group {
  display: block;
  width: 100%;
  min-height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1;
}

.c-header-inner-3-mobile__group-2 {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 48px;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1;
  background-color: #FAFAFCCC;
  backdrop-filter: saturate(1.8) blur(20px);
  transition: background 0.32s cubic-bezier(0.4, 0, 0.6, 1);
  padding-top: 48px;
  margin-top: -48px;
}

.c-header-inner-3-mobile__group-2::after {
  content: "";
  display: block;
  width: 390px;
  height: 1px;
  position: absolute;
  top: 95px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 1;
  background-color: #00000029;
  transition-duration: 0.32s;
  transition-timing-function: ease-out;
  transition-property: margin-inline-start, width, inset-inline-start;
}

.c-header-inner-3-mobile__inner {
  display: block;
  height: 48px;
  max-width: 980px;
  position: relative;
  z-index: 2;
  padding-right: 16px;
  padding-left: 16px;
  margin-right: auto;
  margin-left: auto;
}

.c-header-inner-3-mobile__inner::before {
  content: "";
  display: table;
}

.c-header-inner-3-mobile__inner::after {
  content: "";
  display: table;
}

.c-header-inner-3-mobile__group-3 {
  display: block;
  min-height: 48px;
  color: #000000;
  cursor: default;
  font-weight: 600;
  line-height: 24.0014px;
  white-space: nowrap;
  transition: color 0.24s cubic-bezier(0.28, 0.11, 0.32, 1);
  margin-top: 12px;
  margin-bottom: -12px;
}

.c-header-inner-3-mobile__logo {
  display: flex;
  flex-direction: column-reverse;
  color: #000000;
  opacity: 0.88;
  cursor: pointer;
  text-decoration-line: none;
  transition: color 0.24s cubic-bezier(0.28, 0.11, 0.32, 1);
}

.c-header-inner-3-mobile__group-4 {
  display: block;
  width: 100%;
  font-size: 14px;
  line-height: 14px;
  letter-spacing: -0.28px;
}

.c-header-inner-3-mobile__group-5 {
  display: block;
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 1;
  padding-top: 16px;
  padding-right: 16px;
  padding-left: 16px;
}

.c-header-inner-3-mobile__group-6 {
  display: block;
  margin-top: -3px;
  margin-left: 24px;
}

.c-header-inner-3-mobile__cta {
  display: inline-block;
  min-width: 23px;
  padding: 3px 10px;
  background-color: #0071E3;
  color: #FFFFFF;
  border: 1px solid transparent;
  border-radius: 980px;
  cursor: pointer;
  font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16.0005px;
  letter-spacing: -0.12px;
  text-transform: none;
  text-align: center;
  white-space: nowrap;
  margin-top: -1px;
}

.c-header-inner-3-mobile__logo:focus {
  outline: 2px solid #0071E3;
  outline-offset: 1px;
}

.c-header-inner-3-mobile__cta:hover {
  background-color: #0076DF;
}

.c-header-inner-3-mobile__cta:focus {
  outline: 2px solid #0071E3;
  outline-offset: 3px;
}

<div class="c-footer-landing-scope">
  <footer class="c-footer-landing">
    <div class="c-footer-landing__inner">
      <h2 class="c-footer-landing__heading">lorem ipsum</h2>
      <section class="c-footer-landing__group">
        <ol class="c-footer-landing__list">
          <li class="c-footer-landing__item">
            <span class="c-footer-landing__text">lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing eli</span>
            <a class="c-footer-landing__link" href="#">lorem ipsum dolor si</a>
            <span class="c-footer-landing__text">l</span>
          </li>
          <li class="c-footer-landing__item">lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor</li>
        </ol>
        <ul class="c-footer-landing__list-2">
          <li class="c-footer-landing__item">
            <span class="c-footer-landing__group-2">
              <p class="c-footer-landing__text-2">lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do</p>
              <p class="c-footer-landing__text-3">lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing</p>
              <p class="c-footer-landing__text-3">lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectet</p>
            </span>
          </li>
          <li class="c-footer-landing__item">
            <span class="c-footer-landing__group-2">
              <span class="c-footer-landing__text">lorem ipsum dolor sit amet consectetur adipiscing elit sed do</span>
              <a class="c-footer-landing__link" href="#">lorem ipsum dolor sit amet co</a>
              <span class="c-footer-landing__text">l</span>
            </span>
          </li>
          <li class="c-footer-landing__item">lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsu</li>
          <li class="c-footer-landing__item">lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing</li>
        </ul>
      </section>
      <nav class="c-footer-landing__nav">
        <div class="c-footer-landing__group-3">
          <div class="c-footer-landing__group-4">
            <h3 class="c-footer-landing__heading-2">
              <span class="c-footer-landing__text-4">lorem ipsum do</span>
            </h3>
            <ul class="c-footer-landing__list-3">
              <li class="c-footer-landing__nav-item">
                <a class="c-footer-landing__nav-link" href="#">lorem</a>
              </li>
              <li class="c-footer-landing__nav-item">
                <a class="c-footer-landing__nav-link" href="#">lor</a>
              </li>
              <li class="c-footer-landing__nav-item">
                <a class="c-footer-landing__nav-link" href="#">lore</a>
              </li>
              <li class="c-footer-landing__nav-item">
                <a class="c-footer-landing__nav-link" href="#">lorem</a>
              </li>
              <li class="c-footer-landing__nav-item">
                <a class="c-footer-landing__nav-link" href="#">lorem</a>
              </li>
              <li class="c-footer-landing__nav-item">
                <a class="c-footer-landing__nav-link" href="#">lorem</a>
              </li>
              <li class="c-footer-landing__nav-item">
                <a class="c-footer-landing__nav-link" href="#">lorem i</a>
              </li>
              <li class="c-footer-landing__nav-item">
                <a class="c-footer-landing__nav-link" href="#">lorem ips</a>
              </li>
              <li class="c-footer-landing__nav-item">
                <a class="c-footer-landing__nav-link" href="#">lorem</a>
              </li>
              <li class="c-footer-landing__nav-item">
                <a class="c-footer-landing__nav-link" href="#">lorem ipsum</a>
              </li>
              <li class="c-footer-landing__nav-item-2">
                <a class="c-footer-landing__nav-link" href="#">lorem ipsu</a>
              </li>
            </ul>
          </div>
          <div class="c-footer-landing__group-5">
            <h3 class="c-footer-landing__heading-2">
              <span class="c-footer-landing__text-4">lorem ipsum</span>
            </h3>
            <ul class="c-footer-landing__list-3">
              <li class="c-footer-landing__nav-item">
                <a class="c-footer-landing__nav-link" href="#">lorem</a>
              </li>
              <li class="c-footer-landing__nav-item">
                <a class="c-footer-landing__nav-link" href="#">lorem ipsu</a>
              </li>
              <li class="c-footer-landing__nav-item">
                <a class="c-footer-landing__nav-link" href="#">lorem ips</a>
              </li>
              <li class="c-footer-landing__nav-item-2">
                <a class="c-footer-landing__nav-link" href="#">lorem ipsu</a>
              </li>
            </ul>
          </div>
        </div>
        <div class="c-footer-landing__group-3">
          <div class="c-footer-landing__group-4">
            <h3 class="c-footer-landing__heading-2">
              <span class="c-footer-landing__text-4">lorem i</span>
            </h3>
            <ul class="c-footer-landing__list-3">
              <li class="c-footer-landing__nav-item">
                <a class="c-footer-landing__nav-link" href="#">lorem ipsum dolor sit ame</a>
              </li>
              <li class="c-footer-landing__nav-item">
                <a class="c-footer-landing__nav-link" href="#">lorem ipsum dolor s</a>
              </li>
              <li class="c-footer-landing__nav-item-2">
                <a class="c-footer-landing__nav-link" href="#">lorem ipsu</a>
              </li>
            </ul>
          </div>
          <div class="c-footer-landing__group-5">
            <h3 class="c-footer-landing__heading-2">
              <span class="c-footer-landing__text-4">lorem ipsum d</span>
            </h3>
            <ul class="c-footer-landing__list-3">
              <li class="c-footer-landing__nav-item">
                <a class="c-footer-landing__nav-link" href="#">lorem ips</a>
              </li>
              <li class="c-footer-landing__nav-item">
                <a class="c-footer-landing__nav-link" href="#">lorem ip</a>
              </li>
              <li class="c-footer-landing__nav-item">
                <a class="c-footer-landing__nav-link" href="#">lorem ipsum</a>
              </li>
              <li class="c-footer-landing__nav-item">
                <a class="c-footer-landing__nav-link" href="#">lorem ipsum</a>
              </li>
              <li class="c-footer-landing__nav-item">
                <a class="c-footer-landing__nav-link" href="#">lorem ipsum do</a>
              </li>
              <li class="c-footer-landing__nav-item">
                <a class="c-footer-landing__nav-link" href="#">lorem ipsum</a>
              </li>
              <li class="c-footer-landing__nav-item">
                <a class="c-footer-landing__nav-link" href="#">lorem ipsum do</a>
              </li>
              <li class="c-footer-landing__nav-item">
                <a class="c-footer-landing__nav-link" href="#">lorem ipsum</a>
              </li>
              <li class="c-footer-landing__nav-item-2">
                <a class="c-footer-landing__nav-link" href="#">lorem ips</a>
              </li>
            </ul>
          </div>
        </div>
        <div class="c-footer-landing__group-3">
          <div class="c-footer-landing__group-4">
            <h3 class="c-footer-landing__heading-2">
              <span class="c-footer-landing__text-4">lorem ipsum</span>
            </h3>
            <ul class="c-footer-landing__list-3">
              <li class="c-footer-landing__nav-item">
                <a class="c-footer-landing__nav-link" href="#">lorem ipsum</a>
              </li>
              <li class="c-footer-landing__nav-item">
                <a class="c-footer-landing__nav-link" href="#">lorem ipsu</a>
              </li>
              <li class="c-footer-landing__nav-item">
                <a class="c-footer-landing__nav-link" href="#">lorem ipsum do</a>
              </li>
              <li class="c-footer-landing__nav-item">
                <a class="c-footer-landing__nav-link" href="#">lorem ipsum dolor</a>
              </li>
              <li class="c-footer-landing__nav-item">
                <a class="c-footer-landing__nav-link" href="#">lorem ipsu</a>
              </li>
              <li class="c-footer-landing__nav-item">
                <a class="c-footer-landing__nav-link" href="#">lorem ipsum dol</a>
              </li>
              <li class="c-footer-landing__nav-item">
                <a class="c-footer-landing__nav-link" href="#">lorem ipsum dolor sit</a>
              </li>
              <li class="c-footer-landing__nav-item">
                <a class="c-footer-landing__nav-link" href="#">lorem ipsum d</a>
              </li>
              <li class="c-footer-landing__nav-item">
                <a class="c-footer-landing__nav-link" href="#">lorem ipsum do</a>
              </li>
              <li class="c-footer-landing__nav-item">
                <a class="c-footer-landing__nav-link" href="#">lorem ips</a>
              </li>
              <li class="c-footer-landing__nav-item">
                <a class="c-footer-landing__nav-link" href="#">lorem ipsum dolor sit</a>
              </li>
              <li class="c-footer-landing__nav-item"></li>
            </ul>
          </div>
        </div>
      </nav>
    </div>
  </footer>
</div>

.c-footer-landing-scope {
  background-color: #FFFFFF;
  color: #1D1D1F;
  font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 25px;
}

.c-footer-landing {
  display: block;
  border-spacing: 0px;
  min-width: 1024px;
  position: relative;
  z-index: 1;
  overflow-x: hidden;
  overflow-y: hidden;
  background-color: #F5F5F7;
  color: #0000008F;
  font-family: "SF Pro Text", "Myriad Set Pro", "SF Pro Icons", "Apple Legacy Chevron", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16.0005px;
  letter-spacing: -0.12px;
}

.c-footer-landing__inner {
  display: block;
  max-width: 980px;
  padding-right: 22px;
  padding-left: 22px;
  margin-right: auto;
  margin-left: auto;
}

.c-footer-landing__heading {
  display: block;
  width: 1px;
  height: 1px;
  margin: 0px;
  position: absolute;
  overflow-x: hidden;
  overflow-y: hidden;
  color: #000000E0;
  font-size: 12px;
  font-weight: 400;
}

.c-footer-landing__group {
  display: block;
  padding-top: 17px;
  padding-bottom: 11px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #00000029;
}

.c-footer-landing__list {
  display: block;
  padding: 0px 17px;
  margin: 0px;
  list-style-type: decimal;
}

.c-footer-landing__item {
  display: list-item;
  padding-bottom: 9.6px;
}

.c-footer-landing__link {
  display: inline;
  color: #000000B8;
  cursor: pointer;
  text-decoration-line: underline;
  text-decoration-color: #000000B8;
}

.c-footer-landing__list-2 {
  display: block;
  padding: 0px;
  margin: 0px;
  list-style-type: none;
}

.c-footer-landing__group-2 {
  display: inline;
}

.c-footer-landing__text-2 {
  display: block;
  margin: 0px;
}

.c-footer-landing__text-3 {
  display: block;
  margin: 0px;
  padding-top: 9.6px;
}

.c-footer-landing__nav {
  display: flex;
  padding-top: 20px;
}

.c-footer-landing__group-3 {
  display: block;
  flex-basis: 25%;
}

.c-footer-landing__group-4 {
  display: block;
}

.c-footer-landing__heading-2 {
  display: block;
  margin: 0px;
  color: #000000E0;
  font-size: 12px;
  font-weight: 400;
}

.c-footer-landing__text-4 {
  display: block;
  font-weight: 600;
  margin-right: 20px;
  margin-bottom: 9.6px;
}

.c-footer-landing__list-3 {
  display: block;
  padding: 0px;
  margin: 0px 20px 0px 0px;
  list-style-type: none;
}

.c-footer-landing__nav-item {
  display: block;
  margin-bottom: 9.6px;
}

.c-footer-landing__nav-link {
  display: inline-block;
  position: relative;
  color: #000000B8;
  cursor: pointer;
  text-decoration-line: none;
  padding-top: 4px;
  padding-right: 20px;
  padding-bottom: 4px;
  margin-top: -4px;
  margin-right: -20px;
  margin-bottom: -4px;
}

.c-footer-landing__nav-item-2 {
  display: block;
}

.c-footer-landing__group-5 {
  display: block;
  padding-top: 24px;
}

.c-footer-landing__link:focus {
  outline: 2px solid #0071E3;
  outline-offset: 1px;
}

.c-footer-landing__nav-link:hover {
  text-decoration-line: underline;
}

.c-footer-landing__nav-link:focus {
  outline: none;
}

.c-footer-landing__nav-link:focus::before {
  content: "";
  display: block;
  width: 28px;
  height: 16px;
  position: absolute;
  top: 4px;
  right: 20px;
  bottom: 4px;
  left: 0px;
  outline: 2px solid #0071E3;
  outline-offset: 1px;
}

<div class="c-footer-landing-mobile-scope">
  <footer class="c-footer-landing-mobile">
    <div class="c-footer-landing-mobile__inner">
      <h2 class="c-footer-landing-mobile__heading">lorem ipsum</h2>
      <section class="c-footer-landing-mobile__group">
        <ol class="c-footer-landing-mobile__list">
          <li class="c-footer-landing-mobile__item">
            <span class="c-footer-landing-mobile__text">lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing eli</span>
            <a class="c-footer-landing-mobile__link" href="#">lorem ipsum dolor si</a>
            <span class="c-footer-landing-mobile__text">l</span>
          </li>
          <li class="c-footer-landing-mobile__item">lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor</li>
        </ol>
        <ul class="c-footer-landing-mobile__list-2">
          <li class="c-footer-landing-mobile__item">
            <span class="c-footer-landing-mobile__group-2">
              <p class="c-footer-landing-mobile__text-2">lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do</p>
              <p class="c-footer-landing-mobile__text-3">lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing</p>
              <p class="c-footer-landing-mobile__text-3">lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectet</p>
            </span>
          </li>
          <li class="c-footer-landing-mobile__item">
            <span class="c-footer-landing-mobile__group-2">
              <span class="c-footer-landing-mobile__text">lorem ipsum dolor sit amet consectetur adipiscing elit sed do</span>
              <a class="c-footer-landing-mobile__link" href="#">lorem ipsum dolor sit amet co</a>
              <span class="c-footer-landing-mobile__text">l</span>
            </span>
          </li>
          <li class="c-footer-landing-mobile__item">lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsu</li>
          <li class="c-footer-landing-mobile__item">lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing</li>
        </ul>
      </section>
      <nav class="c-footer-landing-mobile__nav">
        <div class="c-footer-landing-mobile__group-3">
          <div class="c-footer-landing-mobile__group-4">
            <h3 class="c-footer-landing-mobile__heading-2">
              <button class="c-footer-landing-mobile__button" type="button">
                <span class="c-footer-landing-mobile__text">lorem ipsum do</span>
                <span class="c-footer-landing-mobile__group-5">
                  <span class="c-footer-landing-mobile__icon" aria-hidden="true"></span>
                </span>
              </button>
            </h3>
          </div>
          <div class="c-footer-landing-mobile__group-4">
            <h3 class="c-footer-landing-mobile__heading-2">
              <button class="c-footer-landing-mobile__button" type="button">
                <span class="c-footer-landing-mobile__text">lorem ipsum</span>
                <span class="c-footer-landing-mobile__group-5">
                  <span class="c-footer-landing-mobile__icon" aria-hidden="true"></span>
                </span>
              </button>
            </h3>
          </div>
        </div>
        <div class="c-footer-landing-mobile__group-3">
          <div class="c-footer-landing-mobile__group-4">
            <h3 class="c-footer-landing-mobile__heading-2">
              <button class="c-footer-landing-mobile__button" type="button">
                <span class="c-footer-landing-mobile__text">lorem i</span>
                <span class="c-footer-landing-mobile__group-5">
                  <span class="c-footer-landing-mobile__icon" aria-hidden="true"></span>
                </span>
              </button>
            </h3>
          </div>
          <div class="c-footer-landing-mobile__group-4">
            <h3 class="c-footer-landing-mobile__heading-2">
              <button class="c-footer-landing-mobile__button" type="button">
                <span class="c-footer-landing-mobile__text">lorem ipsum d</span>
                <span class="c-footer-landing-mobile__group-5">
                  <span class="c-footer-landing-mobile__icon" aria-hidden="true"></span>
                </span>
              </button>
            </h3>
          </div>
        </div>
        <div class="c-footer-landing-mobile__group-3">
          <div class="c-footer-landing-mobile__group-4">
            <h3 class="c-footer-landing-mobile__heading-2">
              <button class="c-footer-landing-mobile__button" type="button">
                <span class="c-footer-landing-mobile__text">lorem ipsum</span>
                <span class="c-footer-landing-mobile__group-5">
                  <span class="c-footer-landing-mobile__icon" aria-hidden="true"></span>
                </span>
              </button>
            </h3>
          </div>
        </div>
        <div class="c-footer-landing-mobile__group-3">
          <div class="c-footer-landing-mobile__group-4">
            <h3 class="c-footer-landing-mobile__heading-2">
              <button class="c-footer-landing-mobile__button" type="button">
                <span class="c-footer-landing-mobile__text">lorem ipsum</span>
                <span class="c-footer-landing-mobile__group-5">
                  <span class="c-footer-landing-mobile__icon" aria-hidden="true"></span>
                </span>
              </button>
            </h3>
          </div>
          <div class="c-footer-landing-mobile__group-4">
            <h3 class="c-footer-landing-mobile__heading-2">
              <button class="c-footer-landing-mobile__button" type="button">
                <span class="c-footer-landing-mobile__text">lorem ipsum d</span>
                <span class="c-footer-landing-mobile__group-5">
                  <span class="c-footer-landing-mobile__icon" aria-hidden="true"></span>
                </span>
              </button>
            </h3>
          </div>
          <div class="c-footer-landing-mobile__group-4">
            <h3 class="c-footer-landing-mobile__heading-2">
              <button class="c-footer-landing-mobile__button" type="button">
                <span class="c-footer-landing-mobile__text">lorem ipsum do</span>
                <span class="c-footer-landing-mobile__group-5">
                  <span class="c-footer-landing-mobile__icon" aria-hidden="true"></span>
                </span>
              </button>
            </h3>
          </div>
          <div class="c-footer-landing-mobile__group-4">
            <h3 class="c-footer-landing-mobile__heading-2">
              <button class="c-footer-landing-mobile__button" type="button">
                <span class="c-footer-landing-mobile__text">lorem ipsum do</span>
                <span class="c-footer-landing-mobile__group-5">
                  <span class="c-footer-landing-mobile__icon" aria-hidden="true"></span>
                </span>
              </button>
            </h3>
          </div>
        </div>
        <div class="c-footer-landing-mobile__group-3">
          <div class="c-footer-landing-mobile__group-4">
            <h3 class="c-footer-landing-mobile__heading-2">
              <button class="c-footer-landing-mobile__button" type="button">
                <span class="c-footer-landing-mobile__text">lorem ipsum</span>
                <span class="c-footer-landing-mobile__group-5">
                  <span class="c-footer-landing-mobile__icon" aria-hidden="true"></span>
                </span>
              </button>
            </h3>
          </div>
          <div class="c-footer-landing-mobile__group-4">
            <h3 class="c-footer-landing-mobile__heading-2">
              <button class="c-footer-landing-mobile__button" type="button">
                <span class="c-footer-landing-mobile__text">lorem ipsum</span>
                <span class="c-footer-landing-mobile__group-5">
                  <span class="c-footer-landing-mobile__icon" aria-hidden="true"></span>
                </span>
              </button>
            </h3>
          </div>
        </div>
      </nav>
      <section class="c-footer-landing-mobile__group-6">
        <div class="c-footer-landing-mobile__group-7">
          <span class="c-footer-landing-mobile__text">lorem ipsum dolor</span>
          <a class="c-footer-landing-mobile__link-2" href="#">lorem ipsum dolor s</a>
          <span class="c-footer-landing-mobile__text">lo</span>
          <a class="c-footer-landing-mobile__link-2" href="#">lorem ipsum do</a>
          <span class="c-footer-landing-mobile__text">lorem ips</span>
          <span class="c-footer-landing-mobile__group-8">
            <span class="c-footer-landing-mobile__text">lorem i</span>
            <a class="c-footer-landing-mobile__link-2" href="#">lorem ipsum do</a>
            <span class="c-footer-landing-mobile__text">lorem ipsum dolor</span>
          </span>
        </div>
        <div class="c-footer-landing-mobile__group-9">
          <div class="c-footer-landing-mobile__group-10">
            <a class="c-footer-landing-mobile__link-3" href="#">lorem ipsum d</a>
          </div>
          <div class="c-footer-landing-mobile__group-11">
            <div class="c-footer-landing-mobile__text-4">lorem ipsum dolor sit amet consectetur adipiscin</div>
            <ul class="c-footer-landing-mobile__list-3">
              <li class="c-footer-landing-mobile__item-2">
                <a class="c-footer-landing-mobile__link-4" href="#">lorem ipsum do</a>
              </li>
              <li class="c-footer-landing-mobile__item-2">
                <a class="c-footer-landing-mobile__link-4" href="#">lorem ipsum</a>
              </li>
              <li class="c-footer-landing-mobile__item-2">
                <a class="c-footer-landing-mobile__link-4" href="#">lorem ipsum dolor</a>
              </li>
              <li class="c-footer-landing-mobile__item-2">
                <a class="c-footer-landing-mobile__link-4" href="#">lorem</a>
              </li>
              <li class="c-footer-landing-mobile__item-2">
                <a class="c-footer-landing-mobile__link-4" href="#">lorem ip</a>
              </li>
            </ul>
          </div>
        </div>
      </section>
    </div>
  </footer>
</div>

.c-footer-landing-mobile-scope {
  background-color: #FFFFFF;
  color: #1D1D1F;
  font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 25px;
}

.c-footer-landing-mobile {
  display: block;
  border-spacing: 0px;
  min-width: 320px;
  position: relative;
  z-index: 1;
  overflow-x: hidden;
  overflow-y: hidden;
  background-color: #F5F5F7;
  color: #0000008F;
  font-family: "SF Pro Text", "Myriad Set Pro", "SF Pro Icons", "Apple Legacy Chevron", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16.0005px;
  letter-spacing: -0.12px;
}

.c-footer-landing-mobile__inner {
  display: block;
  max-width: 980px;
  padding-right: 16px;
  padding-left: 16px;
  margin-right: auto;
  margin-left: auto;
}

.c-footer-landing-mobile__heading {
  display: block;
  width: 1px;
  height: 1px;
  margin: 0px;
  position: absolute;
  overflow-x: hidden;
  overflow-y: hidden;
  color: #000000E0;
  font-size: 12px;
  font-weight: 400;
}

.c-footer-landing-mobile__group {
  display: block;
  padding-top: 17px;
  padding-bottom: 11px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #00000029;
}

.c-footer-landing-mobile__list {
  display: block;
  padding: 0px 17px;
  margin: 0px;
  list-style-type: decimal;
}

.c-footer-landing-mobile__item {
  display: list-item;
  padding-bottom: 9.6px;
}

.c-footer-landing-mobile__link {
  display: inline;
  color: #000000B8;
  cursor: pointer;
  text-decoration-line: underline;
  text-decoration-color: #000000B8;
}

.c-footer-landing-mobile__list-2 {
  display: block;
  padding: 0px;
  margin: 0px;
  list-style-type: none;
}

.c-footer-landing-mobile__group-2 {
  display: inline;
}

.c-footer-landing-mobile__text-2 {
  display: block;
  margin: 0px;
}

.c-footer-landing-mobile__text-3 {
  display: block;
  margin: 0px;
  padding-top: 9.6px;
}

.c-footer-landing-mobile__nav {
  display: flex;
  flex-direction: column;
  padding-top: 20px;
}

.c-footer-landing-mobile__group-3 {
  display: block;
}

.c-footer-landing-mobile__group-4 {
  display: block;
  box-sizing: border-box;
  width: calc(100% + 8px);
  position: relative;
  z-index: 1;
  overflow-x: hidden;
  overflow-y: hidden;
  padding-right: 4px;
  padding-bottom: 1px;
  padding-left: 4px;
  margin-left: -4px;
}

.c-footer-landing-mobile__group-4::after {
  content: "";
  display: block;
  width: 358px;
  height: 1px;
  position: absolute;
  top: 36px;
  right: 4px;
  bottom: 0px;
  left: 4px;
  z-index: 3;
  background-color: #00000029;
}

.c-footer-landing-mobile__heading-2 {
  display: block;
  margin: 0px;
  color: #000000E0;
  font-size: 12px;
  font-weight: 400;
}

.c-footer-landing-mobile__button {
  display: block;
  width: 100%;
  padding: 10px 0px;
  position: relative;
  z-index: 2;
  background-color: #F5F5F7;
  color: #000000E0;
  border: 0;
  cursor: pointer;
  font-family: "SF Pro Text", "Myriad Set Pro", "SF Pro Icons", "Apple Legacy Chevron", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16.0005px;
  letter-spacing: -0.12px;
  text-transform: none;
  text-align: start;
}

.c-footer-landing-mobile__button::after {
  content: "";
  display: block;
  width: 366px;
  height: 36px;
  position: absolute;
  top: 0px;
  right: -4px;
  bottom: 0px;
  left: -4px;
}

.c-footer-landing-mobile__group-5 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 11px;
  font-size: 14px;
  line-height: 18.6672px;
  transition: transform 0.3s ease;
  margin-top: 5px;
}

.c-footer-landing-mobile__icon {
  display: block;
  flex-shrink: 0;
  width: 11px;
  height: 6px;
  overflow-x: hidden;
  overflow-y: hidden;
  background-color: currentcolor;
}

.c-footer-landing-mobile__group-6 {
  display: block;
  padding-top: 17px;
  padding-bottom: 9px;
}

.c-footer-landing-mobile__group-7 {
  display: block;
  max-height: 9999px;
  padding-bottom: 8px;
  margin-bottom: 8px;
}

.c-footer-landing-mobile__link-2 {
  display: inline;
  color: #0066CC;
  cursor: pointer;
  text-decoration-line: underline;
  text-decoration-color: #0066CC;
}

.c-footer-landing-mobile__group-8 {
  display: inline-block;
  white-space: nowrap;
}

.c-footer-landing-mobile__group-9 {
  display: block;
  justify-content: space-between;
}

.c-footer-landing-mobile__group-10 {
  display: block;
  position: relative;
  top: -3px;
  z-index: 2;
  white-space: nowrap;
  padding-top: 4px;
  margin-top: 5px;
}

.c-footer-landing-mobile__link-3 {
  display: inline-block;
  position: relative;
  color: #000000B8;
  cursor: pointer;
  text-decoration-line: none;
  padding-top: 4px;
  padding-bottom: 4px;
  margin-top: -4px;
  margin-bottom: -4px;
}

.c-footer-landing-mobile__group-11 {
  display: block;
  position: relative;
  top: -3px;
  z-index: 1;
  padding-top: 12px;
}

.c-footer-landing-mobile__group-11::before {
  content: "";
  display: table;
}

.c-footer-landing-mobile__group-11::after {
  content: "";
  display: table;
}

.c-footer-landing-mobile__text-4 {
  display: block;
  max-height: 9999px;
  list-style-type: none;
  margin-top: 5px;
}

.c-footer-landing-mobile__list-3 {
  display: block;
  padding: 0px;
  margin: 5px 0px 0px;
  position: relative;
  top: -5px;
  z-index: 1;
  list-style-type: none;
}

.c-footer-landing-mobile__item-2 {
  display: inline-block;
  position: relative;
  margin-top: 8px;
  margin-right: 6px;
}

.c-footer-landing-mobile__item-2::before {
  content: "";
  display: block;
  width: 73px;
  height: 16px;
  position: absolute;
  top: 0px;
  right: 9px;
  bottom: 0px;
  left: 0px;
}

.c-footer-landing-mobile__item-2::after {
  content: "";
  display: block;
  width: 1px;
  height: 10px;
  position: absolute;
  top: 0px;
  right: -1px;
  bottom: 0px;
  left: 82.4219px;
  background-color: #0000007A;
  margin-top: 3px;
  margin-bottom: 3px;
}

.c-footer-landing-mobile__link-4 {
  display: inline-block;
  padding: 4px 9px;
  position: relative;
  color: #000000B8;
  cursor: pointer;
  text-decoration-line: none;
  white-space: nowrap;
  margin-top: -4px;
  margin-bottom: -4px;
  margin-left: -9px;
}

.c-footer-landing-mobile__link:focus {
  outline: 2px solid #0071E3;
  outline-offset: 1px;
}

.c-footer-landing-mobile__button:hover {
  color: #000000;
}

.c-footer-landing-mobile__button:hover::after {
  color: #000000;
}

.c-footer-landing-mobile__button:focus {
  outline: none;
}

.c-footer-landing-mobile__button:focus::after {
  outline: 2px solid #0071E3;
  outline-offset: -2px;
}

.c-footer-landing-mobile__link-2:focus {
  outline: 2px solid #0071E3;
  outline-offset: 1px;
}

.c-footer-landing-mobile__link-3:hover {
  text-decoration-line: underline;
}

.c-footer-landing-mobile__link-3:focus {
  outline: none;
}

.c-footer-landing-mobile__link-3:focus::after {
  content: "";
  display: block;
  width: 71px;
  height: 16px;
  position: absolute;
  top: 4px;
  right: 0px;
  bottom: 4px;
  left: 0px;
  outline: 2px solid #0071E3;
  outline-offset: 1px;
}

.c-footer-landing-mobile__link-4:hover {
  text-decoration-line: underline;
}

.c-footer-landing-mobile__link-4:focus {
  outline: none;
}

<div class="c-footer-inner-scope">
  <footer class="c-footer-inner">
    <div class="c-footer-inner__inner">
      <h2 class="c-footer-inner__heading">lorem</h2>
      <h3 class="c-footer-inner__heading-2">lorem ips</h3>
      <div class="c-footer-inner__group">
        <div class="c-footer-inner__group-2">
          <p class="c-footer-inner__group-3">
            <span class="c-footer-inner__text">lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscin</span>
            <a class="c-footer-inner__link" href="#">
              <span class="c-footer-inner__text">lorem ipsum dolor sit amet conse</span>
              <span class="c-footer-inner__text-2">lorem ipsum dolor sit a</span>
            </a>
            <span class="c-footer-inner__text">lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsu</span>
          </p>
          <p class="c-footer-inner__group-4"></p>
          <span class="c-footer-inner__text">l</span>
          <span class="c-footer-inner__text-3">lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod t</span>
          <p class="c-footer-inner__group-4">
            <span class="c-footer-inner__text">l</span>
            <strong class="c-footer-inner__text-4">lorem ipsum dolor sit amet consectetur adipiscing elit sed do eius</strong>
            <span class="c-footer-inner__text">lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod te</span>
          </p>
          <p class="c-footer-inner__group-4"></p>
          <p class="c-footer-inner__group-4">
            <strong class="c-footer-inner__text-4">lorem ipsum dolor sit amet co</strong>
            <span class="c-footer-inner__text">lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet</span>
          </p>
          <p class="c-footer-inner__group-4">
            <strong class="c-footer-inner__text-4">lorem ipsum dolor sit amet co</strong>
            <span class="c-footer-inner__text">lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ip</span>
          </p>
          <p class="c-footer-inner__group-4">
            <strong class="c-footer-inner__text-4">lorem ipsum dolor sit amet co</strong>
            <span class="c-footer-inner__text">lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem</span>
          </p>
          <p class="c-footer-inner__group-4">
            <strong class="c-footer-inner__text-4">lorem ipsum dolor sit amet consectetur adipiscing e</strong>
            <span class="c-footer-inner__text">lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet</span>
            <strong class="c-footer-inner__text-4">lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consect</strong>
          </p>
          <p class="c-footer-inner__group-4"></p>
          <p class="c-footer-inner__group-4">
            <em class="c-footer-inner__text-5">lorem ipsum dolor s</em>
            <span class="c-footer-inner__text">lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet cons</span>
          </p>
          <p class="c-footer-inner__group-4">
            <em class="c-footer-inner__text-5">lorem ipsum dolor sit</em>
            <span class="c-footer-inner__text">lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consecte</span>
          </p>
          <p class="c-footer-inner__group-4">
            <em class="c-footer-inner__text-5">lorem ipsum do</em>
            <span class="c-footer-inner__text">lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetu</span>
          </p>
          <p class="c-footer-inner__group-4">
            <strong class="c-footer-inner__text-4">lorem ipsum dolor sit amet conse</strong>
            <span class="c-footer-inner__text">lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing eli</span>
            <strong class="c-footer-inner__text-4">lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consect</strong>
          </p>
          <p class="c-footer-inner__group-4">
            <em class="c-footer-inner__text-5">lorem ipsum dolor s</em>
            <span class="c-footer-inner__text">lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod</span>
          </p>
          <p class="c-footer-inner__group-4">
            <em class="c-footer-inner__text-5">lorem ipsum dolor sit</em>
            <span class="c-footer-inner__text">lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tem</span>
          </p>
          <p class="c-footer-inner__group-4">
            <em class="c-footer-inner__text-5">lorem ipsum do</em>
            <span class="c-footer-inner__text">lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempo</span>
          </p>
          <p class="c-footer-inner__group-4"></p>
          <p class="c-footer-inner__group-4">
            <strong class="c-footer-inner__text-4">lorem ipsum dolor sit amet consectetur adipiscing elit sed do ei</strong>
            <span class="c-footer-inner__text">lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ips</span>
            <a class="c-footer-inner__link" href="#">
              <span class="c-footer-inner__text">lorem ipsum dolor</span>
              <span class="c-footer-inner__text-2">lorem ipsum dolor sit a</span>
            </a>
            <span class="c-footer-inner__text">lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod</span>
          </p>
          <p class="c-footer-inner__group-4"></p>
          <p class="c-footer-inner__group-4">
            <em class="c-footer-inner__text-5">lorem ipsum dolor sit</em>
            <span class="c-footer-inner__text">lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet co</span>
          </p>
          <p class="c-footer-inner__group-4">
            <em class="c-footer-inner__text-5">lorem ipsum do</em>
            <span class="c-footer-inner__text">lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectet</span>
          </p>
          <p class="c-footer-inner__group-4">
            <strong class="c-footer-inner__text-4">lorem ipsum dolor sit amet consectetur adipis</strong>
          </p>
          <span class="c-footer-inner__text">lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscin</span>
          <a class="c-footer-inner__link-2" href="#">
            <span class="c-footer-inner__text">lorem ipsum dolor</span>
            <span class="c-footer-inner__text-2">lorem ipsum dolor sit a</span>
          </a>
          <span class="c-footer-inner__text">lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed</span>
          <p class="c-footer-inner__group-4">
            <em class="c-footer-inner__text-5">lorem ipsum dolor sit</em>
            <span class="c-footer-inner__text">lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod</span>
          </p>
          <p class="c-footer-inner__group-4">
            <em class="c-footer-inner__text-5">lorem ipsum do</em>
            <span class="c-footer-inner__text">lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempo</span>
          </p>
          <p class="c-footer-inner__group-4"></p>
          <p class="c-footer-inner__group-4"></p>
          <p class="c-footer-inner__group-4">
            <strong class="c-footer-inner__text-4">lorem ipsum dolor sit amet consec</strong>
            <span class="c-footer-inner__text">lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eius</span>
            <strong class="c-footer-inner__text-4">lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consect</strong>
          </p>
          <p class="c-footer-inner__group-4"></p>
          <p class="c-footer-inner__group-4">
            <em class="c-footer-inner__text-5">lorem ipsum dolor s</em>
            <span class="c-footer-inner__text">lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod</span>
          </p>
          <p class="c-footer-inner__group-4">
            <em class="c-footer-inner__text-5">lorem ipsum dolor sit</em>
            <span class="c-footer-inner__text">lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod temp</span>
          </p>
          <p class="c-footer-inner__group-4">
            <em class="c-footer-inner__text-5">lorem ipsum do</em>
            <span class="c-footer-inner__text">lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor</span>
          </p>
          <p class="c-footer-inner__group-4"></p>
          <p class="c-footer-inner__group-4">
            <strong class="c-footer-inner__text-4">lorem ipsum dolor sit amet consectetur adipisc</strong>
            <span class="c-footer-inner__text">lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet cons</span>
            <br class="c-footer-inner__break">
            <br class="c-footer-inner__break">
            <span class="c-footer-inner__text">lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do</span>
            <br class="c-footer-inner__break">
            <br class="c-footer-inner__break">
            <span class="c-footer-inner__text">lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem</span>
          </p>
          <p class="c-footer-inner__group-4">
            <strong class="c-footer-inner__text-4">lorem ipsum dolor sit amet conse</strong>
            <span class="c-footer-inner__text">lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing eli</span>
            <strong class="c-footer-inner__text-4">lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consect</strong>
          </p>
          <p class="c-footer-inner__group-4"></p>
          <p class="c-footer-inner__group-4">
            <em class="c-footer-inner__text-5">lorem ipsum dolor s</em>
            <span class="c-footer-inner__text">lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod</span>
          </p>
          <p class="c-footer-inner__group-4">
            <em class="c-footer-inner__text-5">lorem ipsum dolor sit</em>
            <span class="c-footer-inner__text">lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusm</span>
          </p>
          <p class="c-footer-inner__group-4">
            <em class="c-footer-inner__text-5">lorem ipsum do</em>
            <span class="c-footer-inner__text">lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed d</span>
          </p>
          <p class="c-footer-inner__group-4"></p>
          <p class="c-footer-inner__group-4">
            <strong class="c-footer-inner__text-4">lorem ipsum dolor sit amet consectetur adipis</strong>
            <span class="c-footer-inner__text">lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet</span>
            <strong class="c-footer-inner__text-4">lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consect</strong>
          </p>
          <p class="c-footer-inner__group-4"></p>
          <p class="c-footer-inner__group-4">
            <em class="c-footer-inner__text-5">lorem ipsum dolor sit</em>
            <span class="c-footer-inner__text">lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adip</span>
            <a class="c-footer-inner__link" href="#">
              <span class="c-footer-inner__text">lorem ipsum dolor</span>
              <span class="c-footer-inner__text-2">lorem ipsum dolor sit a</span>
            </a>
            <span class="c-footer-inner__text">lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit ame</span>
          </p>
          <p class="c-footer-inner__group-4">
            <em class="c-footer-inner__text-5">lorem ipsum do</em>
            <span class="c-footer-inner__text">lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adip</span>
          </p>
          <p class="c-footer-inner__group-4"></p>
          <p class="c-footer-inner__group-4">
            <strong class="c-footer-inner__text-4">lorem ipsum dolor sit amet consec</strong>
            <span class="c-footer-inner__text">lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit am</span>
          </p>
          <p class="c-footer-inner__group-4">
            <em class="c-footer-inner__text-5">lorem ipsum dolor s</em>
            <span class="c-footer-inner__text">lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod t</span>
          </p>
          <p class="c-footer-inner__group-4">
            <em class="c-footer-inner__text-5">lorem ipsum dolor sit</em>
            <span class="c-footer-inner__text">lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempo</span>
          </p>
          <p class="c-footer-inner__group-4">
            <em class="c-footer-inner__text-5">lorem ipsum do</em>
            <span class="c-footer-inner__text">lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor</span>
          </p>
          <p class="c-footer-inner__group-4"></p>
          <p class="c-footer-inner__group-4"></p>
          <p class="c-footer-inner__group-4"></p>
          <p class="c-footer-inner__group-4">
            <strong class="c-footer-inner__text-4">lorem ipsum dolor sit amet consectetur adipiscing elit sed do</strong>
            <span class="c-footer-inner__text">lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscin</span>
          </p>
          <p class="c-footer-inner__group-4"></p>
          <p class="c-footer-inner__group-4">
            <em class="c-footer-inner__text-5">lorem ipsum dolor s</em>
            <span class="c-footer-inner__text">lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet conse</span>
          </p>
          <p class="c-footer-inner__text-6">lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed</p>
        </div>
      </div>
    </div>
  </footer>
</div>

.c-footer-inner-scope {
  background-color: #FFFFFF;
  color: #1D1D1F;
  font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 25px;
}

.c-footer-inner {
  display: block;
  border-spacing: 0px;
  min-width: 1024px;
  position: relative;
  z-index: 1;
  overflow-x: hidden;
  overflow-y: hidden;
  background-color: #F5F5F7;
  color: #0000008F;
  font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16.0005px;
  letter-spacing: -0.12px;
}

.c-footer-inner__inner {
  display: block;
  max-width: 980px;
  padding-right: 22px;
  padding-left: 22px;
  margin-right: auto;
  margin-left: auto;
}

.c-footer-inner__heading {
  display: block;
  width: 1px;
  height: 1px;
  margin: 0px;
  position: absolute;
  overflow-x: hidden;
  overflow-y: hidden;
  color: #000000E0;
  font-size: 18px;
  font-weight: 600;
  line-height: 24.0007px;
}

.c-footer-inner__heading-2 {
  display: block;
  width: 1px;
  height: 1px;
  margin: 5.616px 0px 0px;
  position: absolute;
  overflow-x: hidden;
  overflow-y: hidden;
  color: #000000E0;
  font-size: 14.04px;
  font-weight: 600;
  line-height: 18.7206px;
}

.c-footer-inner__group {
  display: block;
  padding-top: 17px;
  padding-bottom: 11px;
  margin-top: 9.6px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #00000029;
}

.c-footer-inner__group-2 {
  display: block;
}

.c-footer-inner__group-3 {
  display: block;
  margin: 0px;
}

.c-footer-inner__link {
  display: inline;
  color: #000000B8;
  cursor: pointer;
  text-decoration-line: underline;
  text-decoration-color: #000000B8;
}

.c-footer-inner__text-2 {
  display: block;
  width: 1px;
  height: 1px;
  position: absolute;
  overflow-x: hidden;
  overflow-y: hidden;
}

.c-footer-inner__group-4 {
  display: block;
  margin: 9.6px 0px 0px;
}

.c-footer-inner__text-3 {
  display: inline;
  margin-top: 9.6px;
}

.c-footer-inner__text-4 {
  display: inline;
  font-weight: 600;
}

.c-footer-inner__text-5 {
  display: inline;
  font-style: italic;
}

.c-footer-inner__link-2 {
  display: inline;
  color: #000000B8;
  cursor: pointer;
  text-decoration-line: underline;
  text-decoration-color: #000000B8;
  margin-top: 9.6px;
}

.c-footer-inner__text-6 {
  display: block;
  margin: 9.6px 0px 0px;
}

.c-footer-inner__link:focus {
  outline: 2px solid #0071E3;
  outline-offset: 1px;
}

.c-footer-inner__link-2:focus {
  outline: 2px solid #0071E3;
  outline-offset: 1px;
}

<div class="c-footer-inner-mobile-scope">
  <footer class="c-footer-inner-mobile">
    <div class="c-footer-inner-mobile__inner">
      <h2 class="c-footer-inner-mobile__heading">lorem</h2>
      <h3 class="c-footer-inner-mobile__heading-2">lorem ips</h3>
      <div class="c-footer-inner-mobile__group">
        <div class="c-footer-inner-mobile__group-2">
          <p class="c-footer-inner-mobile__group-3">
            <span class="c-footer-inner-mobile__text">lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscin</span>
            <a class="c-footer-inner-mobile__link" href="#">
              <span class="c-footer-inner-mobile__text">lorem ipsum dolor sit amet conse</span>
              <span class="c-footer-inner-mobile__text-2">lorem ipsum dolor sit a</span>
            </a>
            <span class="c-footer-inner-mobile__text">lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsu</span>
          </p>
          <p class="c-footer-inner-mobile__group-4"></p>
          <span class="c-footer-inner-mobile__text">l</span>
          <span class="c-footer-inner-mobile__text-3">lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod t</span>
          <p class="c-footer-inner-mobile__group-4">
            <span class="c-footer-inner-mobile__text">l</span>
            <strong class="c-footer-inner-mobile__text-4">lorem ipsum dolor sit amet consectetur adipiscing elit sed do eius</strong>
            <span class="c-footer-inner-mobile__text">lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod te</span>
          </p>
          <p class="c-footer-inner-mobile__group-4"></p>
          <p class="c-footer-inner-mobile__group-4">
            <strong class="c-footer-inner-mobile__text-4">lorem ipsum dolor sit amet co</strong>
            <span class="c-footer-inner-mobile__text">lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet</span>
          </p>
          <p class="c-footer-inner-mobile__group-4">
            <strong class="c-footer-inner-mobile__text-4">lorem ipsum dolor sit amet co</strong>
            <span class="c-footer-inner-mobile__text">lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ip</span>
          </p>
          <p class="c-footer-inner-mobile__group-4">
            <strong class="c-footer-inner-mobile__text-4">lorem ipsum dolor sit amet co</strong>
            <span class="c-footer-inner-mobile__text">lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem</span>
          </p>
          <p class="c-footer-inner-mobile__group-4">
            <strong class="c-footer-inner-mobile__text-4">lorem ipsum dolor sit amet consectetur adipiscing e</strong>
            <span class="c-footer-inner-mobile__text">lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet</span>
            <strong class="c-footer-inner-mobile__text-4">lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consect</strong>
          </p>
          <p class="c-footer-inner-mobile__group-4"></p>
          <p class="c-footer-inner-mobile__group-4">
            <em class="c-footer-inner-mobile__text-5">lorem ipsum dolor s</em>
            <span class="c-footer-inner-mobile__text">lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet cons</span>
          </p>
          <p class="c-footer-inner-mobile__group-4">
            <em class="c-footer-inner-mobile__text-5">lorem ipsum dolor sit</em>
            <span class="c-footer-inner-mobile__text">lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consecte</span>
          </p>
          <p class="c-footer-inner-mobile__group-4">
            <em class="c-footer-inner-mobile__text-5">lorem ipsum do</em>
            <span class="c-footer-inner-mobile__text">lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetu</span>
          </p>
          <p class="c-footer-inner-mobile__group-4">
            <strong class="c-footer-inner-mobile__text-4">lorem ipsum dolor sit amet conse</strong>
            <span class="c-footer-inner-mobile__text">lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing eli</span>
            <strong class="c-footer-inner-mobile__text-4">lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consect</strong>
          </p>
          <p class="c-footer-inner-mobile__group-4">
            <em class="c-footer-inner-mobile__text-5">lorem ipsum dolor s</em>
            <span class="c-footer-inner-mobile__text">lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod</span>
          </p>
          <p class="c-footer-inner-mobile__group-4">
            <em class="c-footer-inner-mobile__text-5">lorem ipsum dolor sit</em>
            <span class="c-footer-inner-mobile__text">lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tem</span>
          </p>
          <p class="c-footer-inner-mobile__group-4">
            <em class="c-footer-inner-mobile__text-5">lorem ipsum do</em>
            <span class="c-footer-inner-mobile__text">lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempo</span>
          </p>
          <p class="c-footer-inner-mobile__group-4"></p>
          <p class="c-footer-inner-mobile__group-4">
            <strong class="c-footer-inner-mobile__text-4">lorem ipsum dolor sit amet consectetur adipiscing elit sed do ei</strong>
            <span class="c-footer-inner-mobile__text">lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ips</span>
            <a class="c-footer-inner-mobile__link" href="#">
              <span class="c-footer-inner-mobile__text">lorem ipsum dolor</span>
              <span class="c-footer-inner-mobile__text-2">lorem ipsum dolor sit a</span>
            </a>
            <span class="c-footer-inner-mobile__text">lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod</span>
          </p>
          <p class="c-footer-inner-mobile__group-4"></p>
          <p class="c-footer-inner-mobile__group-4">
            <em class="c-footer-inner-mobile__text-5">lorem ipsum dolor sit</em>
            <span class="c-footer-inner-mobile__text">lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet co</span>
          </p>
          <p class="c-footer-inner-mobile__group-4">
            <em class="c-footer-inner-mobile__text-5">lorem ipsum do</em>
            <span class="c-footer-inner-mobile__text">lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectet</span>
          </p>
          <p class="c-footer-inner-mobile__group-4">
            <strong class="c-footer-inner-mobile__text-4">lorem ipsum dolor sit amet consectetur adipis</strong>
          </p>
          <span class="c-footer-inner-mobile__text">lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscin</span>
          <a class="c-footer-inner-mobile__link-2" href="#">
            <span class="c-footer-inner-mobile__text">lorem ipsum dolor</span>
            <span class="c-footer-inner-mobile__text-2">lorem ipsum dolor sit a</span>
          </a>
          <span class="c-footer-inner-mobile__text">lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed</span>
          <p class="c-footer-inner-mobile__group-4">
            <em class="c-footer-inner-mobile__text-5">lorem ipsum dolor sit</em>
            <span class="c-footer-inner-mobile__text">lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod</span>
          </p>
          <p class="c-footer-inner-mobile__group-4">
            <em class="c-footer-inner-mobile__text-5">lorem ipsum do</em>
            <span class="c-footer-inner-mobile__text">lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempo</span>
          </p>
          <p class="c-footer-inner-mobile__group-4"></p>
          <p class="c-footer-inner-mobile__group-4"></p>
          <p class="c-footer-inner-mobile__group-4">
            <strong class="c-footer-inner-mobile__text-4">lorem ipsum dolor sit amet consec</strong>
            <span class="c-footer-inner-mobile__text">lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eius</span>
            <strong class="c-footer-inner-mobile__text-4">lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consect</strong>
          </p>
          <p class="c-footer-inner-mobile__group-4"></p>
          <p class="c-footer-inner-mobile__group-4">
            <em class="c-footer-inner-mobile__text-5">lorem ipsum dolor s</em>
            <span class="c-footer-inner-mobile__text">lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod</span>
          </p>
          <p class="c-footer-inner-mobile__group-4">
            <em class="c-footer-inner-mobile__text-5">lorem ipsum dolor sit</em>
            <span class="c-footer-inner-mobile__text">lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod temp</span>
          </p>
          <p class="c-footer-inner-mobile__group-4">
            <em class="c-footer-inner-mobile__text-5">lorem ipsum do</em>
            <span class="c-footer-inner-mobile__text">lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor</span>
          </p>
          <p class="c-footer-inner-mobile__group-4"></p>
          <p class="c-footer-inner-mobile__group-4">
            <strong class="c-footer-inner-mobile__text-4">lorem ipsum dolor sit amet consectetur adipisc</strong>
            <span class="c-footer-inner-mobile__text">lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet cons</span>
            <br class="c-footer-inner-mobile__break">
            <br class="c-footer-inner-mobile__break">
            <span class="c-footer-inner-mobile__text">lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do</span>
            <br class="c-footer-inner-mobile__break">
            <br class="c-footer-inner-mobile__break">
            <span class="c-footer-inner-mobile__text">lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem</span>
          </p>
          <p class="c-footer-inner-mobile__group-4">
            <strong class="c-footer-inner-mobile__text-4">lorem ipsum dolor sit amet conse</strong>
            <span class="c-footer-inner-mobile__text">lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing eli</span>
            <strong class="c-footer-inner-mobile__text-4">lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consect</strong>
          </p>
          <p class="c-footer-inner-mobile__group-4"></p>
          <p class="c-footer-inner-mobile__group-4">
            <em class="c-footer-inner-mobile__text-5">lorem ipsum dolor s</em>
            <span class="c-footer-inner-mobile__text">lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod</span>
          </p>
          <p class="c-footer-inner-mobile__group-4">
            <em class="c-footer-inner-mobile__text-5">lorem ipsum dolor sit</em>
            <span class="c-footer-inner-mobile__text">lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusm</span>
          </p>
          <p class="c-footer-inner-mobile__group-4">
            <em class="c-footer-inner-mobile__text-5">lorem ipsum do</em>
            <span class="c-footer-inner-mobile__text">lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed d</span>
          </p>
          <p class="c-footer-inner-mobile__group-4"></p>
          <p class="c-footer-inner-mobile__group-4">
            <strong class="c-footer-inner-mobile__text-4">lorem ipsum dolor sit amet consectetur adipis</strong>
            <span class="c-footer-inner-mobile__text">lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet</span>
            <strong class="c-footer-inner-mobile__text-4">lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consect</strong>
          </p>
          <p class="c-footer-inner-mobile__group-4"></p>
          <p class="c-footer-inner-mobile__group-4">
            <em class="c-footer-inner-mobile__text-5">lorem ipsum dolor sit</em>
            <span class="c-footer-inner-mobile__text">lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adip</span>
            <a class="c-footer-inner-mobile__link" href="#">
              <span class="c-footer-inner-mobile__text">lorem ipsum dolor</span>
              <span class="c-footer-inner-mobile__text-2">lorem ipsum dolor sit a</span>
            </a>
            <span class="c-footer-inner-mobile__text">lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit ame</span>
          </p>
          <p class="c-footer-inner-mobile__group-4">
            <em class="c-footer-inner-mobile__text-5">lorem ipsum do</em>
            <span class="c-footer-inner-mobile__text">lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adip</span>
          </p>
          <p class="c-footer-inner-mobile__group-4"></p>
          <p class="c-footer-inner-mobile__group-4">
            <strong class="c-footer-inner-mobile__text-4">lorem ipsum dolor sit amet consec</strong>
            <span class="c-footer-inner-mobile__text">lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit am</span>
          </p>
          <p class="c-footer-inner-mobile__group-4">
            <em class="c-footer-inner-mobile__text-5">lorem ipsum dolor s</em>
            <span class="c-footer-inner-mobile__text">lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod t</span>
          </p>
          <p class="c-footer-inner-mobile__group-4">
            <em class="c-footer-inner-mobile__text-5">lorem ipsum dolor sit</em>
            <span class="c-footer-inner-mobile__text">lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempo</span>
          </p>
          <p class="c-footer-inner-mobile__group-4">
            <em class="c-footer-inner-mobile__text-5">lorem ipsum do</em>
            <span class="c-footer-inner-mobile__text">lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor</span>
          </p>
          <p class="c-footer-inner-mobile__group-4"></p>
          <p class="c-footer-inner-mobile__group-4"></p>
          <p class="c-footer-inner-mobile__group-4"></p>
          <p class="c-footer-inner-mobile__group-4">
            <strong class="c-footer-inner-mobile__text-4">lorem ipsum dolor sit amet consectetur adipiscing elit sed do</strong>
            <span class="c-footer-inner-mobile__text">lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscin</span>
          </p>
          <p class="c-footer-inner-mobile__group-4"></p>
          <p class="c-footer-inner-mobile__group-4">
            <em class="c-footer-inner-mobile__text-5">lorem ipsum dolor s</em>
            <span class="c-footer-inner-mobile__text">lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet conse</span>
          </p>
          <p class="c-footer-inner-mobile__text-6">lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed</p>
        </div>
      </div>
    </div>
  </footer>
</div>

.c-footer-inner-mobile-scope {
  background-color: #FFFFFF;
  color: #1D1D1F;
  font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 25px;
}

.c-footer-inner-mobile {
  display: block;
  border-spacing: 0px;
  min-width: 320px;
  position: relative;
  z-index: 1;
  overflow-x: hidden;
  overflow-y: hidden;
  background-color: #F5F5F7;
  color: #0000008F;
  font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16.0005px;
  letter-spacing: -0.12px;
}

.c-footer-inner-mobile__inner {
  display: block;
  max-width: 980px;
  padding-right: 16px;
  padding-left: 16px;
  margin-right: auto;
  margin-left: auto;
}

.c-footer-inner-mobile__heading {
  display: block;
  width: 1px;
  height: 1px;
  margin: 0px;
  position: absolute;
  overflow-x: hidden;
  overflow-y: hidden;
  color: #000000E0;
  font-size: 18px;
  font-weight: 600;
  line-height: 24.0007px;
}

.c-footer-inner-mobile__heading-2 {
  display: block;
  width: 1px;
  height: 1px;
  margin: 5.616px 0px 0px;
  position: absolute;
  overflow-x: hidden;
  overflow-y: hidden;
  color: #000000E0;
  font-size: 14.04px;
  font-weight: 600;
  line-height: 18.7206px;
}

.c-footer-inner-mobile__group {
  display: block;
  padding-top: 17px;
  padding-bottom: 11px;
  margin-top: 9.6px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #00000029;
}

.c-footer-inner-mobile__group-2 {
  display: block;
}

.c-footer-inner-mobile__group-3 {
  display: block;
  margin: 0px;
}

.c-footer-inner-mobile__link {
  display: inline;
  color: #000000B8;
  cursor: pointer;
  text-decoration-line: underline;
  text-decoration-color: #000000B8;
}

.c-footer-inner-mobile__text-2 {
  display: block;
  width: 1px;
  height: 1px;
  position: absolute;
  overflow-x: hidden;
  overflow-y: hidden;
}

.c-footer-inner-mobile__group-4 {
  display: block;
  margin: 9.6px 0px 0px;
}

.c-footer-inner-mobile__text-3 {
  display: inline;
  margin-top: 9.6px;
}

.c-footer-inner-mobile__text-4 {
  display: inline;
  font-weight: 600;
}

.c-footer-inner-mobile__text-5 {
  display: inline;
  font-style: italic;
}

.c-footer-inner-mobile__link-2 {
  display: inline;
  color: #000000B8;
  cursor: pointer;
  text-decoration-line: underline;
  text-decoration-color: #000000B8;
  margin-top: 9.6px;
}

.c-footer-inner-mobile__text-6 {
  display: block;
  margin: 9.6px 0px 0px;
}

.c-footer-inner-mobile__link:focus {
  outline: 2px solid #0071E3;
  outline-offset: 1px;
}

.c-footer-inner-mobile__link-2:focus {
  outline: 2px solid #0071E3;
  outline-offset: 1px;
}

<div class="c-footer-inner-2-scope">
  <footer class="c-footer-inner-2">
    <div class="c-footer-inner-2__inner">
      <h2 class="c-footer-inner-2__heading">lorem</h2>
      <h3 class="c-footer-inner-2__heading-2">lorem ips</h3>
      <div class="c-footer-inner-2__group">
        <div class="c-footer-inner-2__group-2">
          <div class="c-footer-inner-2__group-3">
            <ul class="c-footer-inner-2__list">
              <li class="c-footer-inner-2__item">
                <span class="c-footer-inner-2__text">lorem ip</span>
                <span class="c-footer-inner-2__text-2">
                  <span class="c-footer-inner-2__text-3">lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing eli</span>
                  <span class="c-footer-inner-2__text-3">lorem ipsum dolor sit amet conse</span>
                </span>
              </li>
              <li class="c-footer-inner-2__item">
                <span class="c-footer-inner-2__text">lorem ip</span>
                <span class="c-footer-inner-2__text-2">l</span>
              </li>
              <li class="c-footer-inner-2__item">
                <span class="c-footer-inner-2__text">lorem ip</span>
                <span class="c-footer-inner-2__text-2">l</span>
              </li>
              <li class="c-footer-inner-2__item">
                <span class="c-footer-inner-2__text">lorem ip</span>
                <span class="c-footer-inner-2__text-3">lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tem</span>
              </li>
              <li class="c-footer-inner-2__item">
                <span class="c-footer-inner-2__text">lorem ip</span>
                <span class="c-footer-inner-2__text-3">lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusm</span>
              </li>
              <li class="c-footer-inner-2__item">
                <span class="c-footer-inner-2__text">lorem ip</span>
                <span class="c-footer-inner-2__text-2">
                  <span class="c-footer-inner-2__text-3">l</span>
                  <span class="c-footer-inner-2__text-3">lor</span>
                  <span class="c-footer-inner-2__text-3">lorem ipsum dolor sit</span>
                </span>
              </li>
              <li class="c-footer-inner-2__item">
                <span class="c-footer-inner-2__text">lorem ip</span>
                <span class="c-footer-inner-2__text-3">lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmo</span>
              </li>
              <li class="c-footer-inner-2__item">
                <span class="c-footer-inner-2__text">lorem ip</span>
                <span class="c-footer-inner-2__text-3">lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing eli</span>
              </li>
              <li class="c-footer-inner-2__item-2">
                <span class="c-footer-inner-2__text">lorem ip</span>
                <span class="c-footer-inner-2__text-4">lo</span>
                <span class="c-footer-inner-2__text-5">
                  <span class="c-footer-inner-2__text-3">lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor</span>
                  <span class="c-footer-inner-2__text-3">l</span>
                </span>
              </li>
              <li class="c-footer-inner-2__item-2">
                <span class="c-footer-inner-2__text">lorem ip</span>
                <span class="c-footer-inner-2__text-4">lo</span>
                <span class="c-footer-inner-2__text-5">lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur</span>
              </li>
              <li class="c-footer-inner-2__item">
                <span class="c-footer-inner-2__text-2">
                  <span class="c-footer-inner-2__text-3">lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur a</span>
                  <span class="c-footer-inner-2__text-3">lorem</span>
                </span>
              </li>
            </ul>
          </div>
        </div>
        <p class="c-footer-inner-2__text-6">lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor lorem ip</p>
      </div>
      <nav class="c-footer-inner-2__nav">
        <a class="c-footer-inner-2__nav-link" href="#">
          <span class="c-footer-inner-2__group-4"></span>
          <span class="c-footer-inner-2__text">lorem</span>
        </a>
        <div class="c-footer-inner-2__group-5">
          <ol class="c-footer-inner-2__list-2">
            <li class="c-footer-inner-2__nav-item">lorem ipsum dolor</li>
            <li class="c-footer-inner-2__nav-item">
              <span class="c-footer-inner-2__text-2">lorem ip</span>
            </li>
          </ol>
        </div>
      </nav>
      <nav class="c-footer-inner-2__nav-2">
        <div class="c-footer-inner-2__group-6">
          <div class="c-footer-inner-2__group-2">
            <h3 class="c-footer-inner-2__heading-3">
              <span class="c-footer-inner-2__text-7">lorem ipsum do</span>
            </h3>
            <ul class="c-footer-inner-2__list-3">
              <li class="c-footer-inner-2__nav-item-2">
                <a class="c-footer-inner-2__nav-link-2" href="#">lorem</a>
              </li>
              <li class="c-footer-inner-2__nav-item-2">
                <a class="c-footer-inner-2__nav-link-2" href="#">lor</a>
              </li>
              <li class="c-footer-inner-2__nav-item-2">
                <a class="c-footer-inner-2__nav-link-2" href="#">lore</a>
              </li>
              <li class="c-footer-inner-2__nav-item-2">
                <a class="c-footer-inner-2__nav-link-2" href="#">lorem</a>
              </li>
              <li class="c-footer-inner-2__nav-item-2">
                <a class="c-footer-inner-2__nav-link-2" href="#">lorem</a>
              </li>
              <li class="c-footer-inner-2__nav-item-2">
                <a class="c-footer-inner-2__nav-link-2" href="#">lorem</a>
              </li>
              <li class="c-footer-inner-2__nav-item-2">
                <a class="c-footer-inner-2__nav-link-2" href="#">lorem i</a>
              </li>
              <li class="c-footer-inner-2__nav-item-2">
                <a class="c-footer-inner-2__nav-link-2" href="#">lorem ips</a>
              </li>
              <li class="c-footer-inner-2__nav-item-2">
                <a class="c-footer-inner-2__nav-link-2" href="#">lorem</a>
              </li>
              <li class="c-footer-inner-2__nav-item-2">
                <a class="c-footer-inner-2__nav-link-2" href="#">lorem ipsum</a>
              </li>
              <li class="c-footer-inner-2__nav-item-3">
                <a class="c-footer-inner-2__nav-link-2" href="#">lorem ipsu</a>
              </li>
            </ul>
          </div>
          <div class="c-footer-inner-2__group-7">
            <h3 class="c-footer-inner-2__heading-3">
              <span class="c-footer-inner-2__text-7">lorem ipsum</span>
            </h3>
            <ul class="c-footer-inner-2__list-3">
              <li class="c-footer-inner-2__nav-item-2">
                <a class="c-footer-inner-2__nav-link-2" href="#">lorem</a>
              </li>
              <li class="c-footer-inner-2__nav-item-2">
                <a class="c-footer-inner-2__nav-link-2" href="#">lorem ipsu</a>
              </li>
              <li class="c-footer-inner-2__nav-item-2">
                <a class="c-footer-inner-2__nav-link-2" href="#">lorem ips</a>
              </li>
              <li class="c-footer-inner-2__nav-item-3">
                <a class="c-footer-inner-2__nav-link-2" href="#">lorem ipsu</a>
              </li>
            </ul>
          </div>
        </div>
        <div class="c-footer-inner-2__group-6">
          <div class="c-footer-inner-2__group-2">
            <h3 class="c-footer-inner-2__heading-3">
              <span class="c-footer-inner-2__text-7">lorem i</span>
            </h3>
            <ul class="c-footer-inner-2__list-3">
              <li class="c-footer-inner-2__nav-item-2">
                <a class="c-footer-inner-2__nav-link-2" href="#">lorem ipsum dolor sit ame</a>
              </li>
              <li class="c-footer-inner-2__nav-item-2">
                <a class="c-footer-inner-2__nav-link-2" href="#">lorem ipsum dolor s</a>
              </li>
              <li class="c-footer-inner-2__nav-item-3">
                <a class="c-footer-inner-2__nav-link-2" href="#">lorem ipsu</a>
              </li>
            </ul>
          </div>
          <div class="c-footer-inner-2__group-7">
            <h3 class="c-footer-inner-2__heading-3">
              <span class="c-footer-inner-2__text-7">lorem ipsum d</span>
            </h3>
            <ul class="c-footer-inner-2__list-3">
              <li class="c-footer-inner-2__nav-item-2">
                <a class="c-footer-inner-2__nav-link-2" href="#">lorem ips</a>
              </li>
              <li class="c-footer-inner-2__nav-item-2">
                <a class="c-footer-inner-2__nav-link-2" href="#">lorem ip</a>
              </li>
              <li class="c-footer-inner-2__nav-item-2">
                <a class="c-footer-inner-2__nav-link-2" href="#">lorem ipsum</a>
              </li>
              <li class="c-footer-inner-2__nav-item-2">
                <a class="c-footer-inner-2__nav-link-2" href="#">lorem ipsum</a>
              </li>
              <li class="c-footer-inner-2__nav-item-2">
                <a class="c-footer-inner-2__nav-link-2" href="#">lorem ipsum do</a>
              </li>
            </ul>
          </div>
        </div>
      </nav>
    </div>
  </footer>
</div>