.experience-blocks-cli {
  transition: background-image 0.5s ease 0s;
  background-position-x: center;
  -webkit-text-size-adjust: 100%;
}

.experience-blocks-cli__content {
  padding-top: calc(var(--app-height) / 2);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
@media (max-width: 767px) {
  .experience-blocks-cli__content {
    padding-top: calc(var(--app-height) / 3);
  }
}
@media (max-width: 767px) {
  .experience-blocks-cli__content .experience-blocks-cli__title {
    max-width: 100% !important;
  }
  .experience-blocks-cli__content .experience-blocks-cli__title h2 {
    font-family: headfont, arial, sans-serif;
    font-size: 36px;
    font-weight: 700;
    font-style: normal;
    line-height: 110%;
    letter-spacing: 0.3px;
    text-transform: none;
    color: #FFFFFF;
  }
}

@media (max-width: 1023px) {
  .experience-blocks-cli__blocks {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    align-self: flex-start;
    margin-top: 30px;
    text-align: left;
  }
  .experience-blocks-cli__blocks > *:not(:first-child) {
    margin-top: 16px;
  }
  .experience-blocks-cli__blocks .experience-blocks-cli__block {
    width: 100%;
    border-left: 1px solid #FFFFFF;
    padding: 0 16px;
    transition: all 0.5s ease 0s;
  }
  .experience-blocks-cli__blocks .experience-blocks-cli__block > *:not(:first-child) {
    margin-top: 16px;
  }
  .experience-blocks-cli__blocks .experience-blocks-cli__block .experience-blocks-cli__block-title {
    font-family: headfont, arial, sans-serif;
    font-size: 24px;
    font-weight: 700;
    font-style: normal;
    line-height: 110%;
    letter-spacing: 0.3px;
    text-transform: none;
    color: #FFFFFF;
  }
  .experience-blocks-cli__blocks .experience-blocks-cli__block .experience-blocks-cli__block-copy {
    display: none;
    font-size: 14px;
    color: #030303;
  }
  .experience-blocks-cli__blocks .experience-blocks-cli__block .experience-blocks-cli__block-action-button {
    display: none;
    font-family: basefont, arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    line-height: 24px;
    letter-spacing: 0.3px;
    text-transform: none;
    color: #FFFFFF;
    color: #030303;
  }
  .experience-blocks-cli__blocks .experience-blocks-cli__block .experience-blocks-cli__block-action-button::after {
    content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12Z' stroke='%23030303' stroke-width='1.5' stroke-miterlimit='10'/%3E%3Cpath d='M12.5723 15.1777L15.7504 11.9996L12.5723 8.82148' stroke='%23030303' stroke-width='1.5' stroke-linecap='square'/%3E%3Cpath d='M8.25 11.25L7.5 11.25L7.5 12.75L8.25 12.75L8.25 11.25ZM15.75 12.75C16.1642 12.75 16.5 12.4142 16.5 12C16.5 11.5858 16.1642 11.25 15.75 11.25L15.75 12.75ZM8.25 12.75L15.75 12.75L15.75 11.25L8.25 11.25L8.25 12.75Z' fill='%23030303'/%3E%3C/svg%3E%0A");
  }
  .experience-blocks-cli__blocks .selected-block-mobile {
    background-color: #FFFFFF;
    padding: 16px;
  }
  .experience-blocks-cli__blocks .selected-block-mobile .experience-blocks-cli__block-title {
    color: #030303;
  }
  .experience-blocks-cli__blocks .selected-block-mobile .experience-blocks-cli__block-copy {
    display: block;
  }
  .experience-blocks-cli__blocks .selected-block-mobile .experience-blocks-cli__block-action-button {
    display: block;
  }
}
@media (min-width: 1024px) {
  .experience-blocks-cli__blocks {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 60px;
  }
  .experience-blocks-cli__blocks > *:not(:first-child) {
    margin-left: 16px;
  }
  .experience-blocks-cli__blocks .experience-blocks-cli__block {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    text-align: left;
    border-left: 1px solid #FFFFFF;
    padding: 16px;
    flex: 1;
    transition: background-color 0.5s ease 0s;
  }
  .experience-blocks-cli__blocks .experience-blocks-cli__block > *:not(:first-child) {
    margin-top: 16px;
  }
  .experience-blocks-cli__blocks .experience-blocks-cli__block .experience-blocks-cli__block-title {
    font-family: headfont, arial, sans-serif;
    font-size: 24px;
    font-weight: 700;
    font-style: normal;
    line-height: 110%;
    letter-spacing: 0.3px;
    text-transform: none;
    color: #FFFFFF;
  }
  .experience-blocks-cli__blocks .experience-blocks-cli__block .experience-blocks-cli__block-copy {
    font-family: basefont, arial, sans-serif;
    font-size: 18px;
    font-weight: 400;
    font-style: normal;
    line-height: 27px;
    letter-spacing: 0.3px;
    text-transform: none;
    color: #FFFFFF;
  }
  .experience-blocks-cli__blocks .experience-blocks-cli__block .experience-blocks-cli__block-action-button {
    display: none;
    text-decoration: none;
    color: #030303;
    font-size: 16px;
    font-weight: 500;
  }
  .experience-blocks-cli__blocks .experience-blocks-cli__block .experience-blocks-cli__block-action-button::after {
    position: absolute;
    content: url("https://www.xponential.com/hubfs/cli-assets/images/utility/link-button-arrow.svg");
    margin-left: 5px;
  }
  .experience-blocks-cli__blocks .selected-block {
    background-color: #FFFFFF;
  }
  .experience-blocks-cli__blocks .selected-block .experience-blocks-cli__block-title {
    color: #030303;
  }
  .experience-blocks-cli__blocks .selected-block .experience-blocks-cli__block-copy {
    color: #030303;
  }
  .experience-blocks-cli__blocks .selected-block .experience-blocks-cli__block-action-button {
    display: block;
  }
}