:root {
  --color-primary: #241F20;
  --color-primary-hover: #4D4A4A;
  --color-secondary: #FFCA10;
  --color-secondary-hover: #FFDA5A;
  --color-tertiary:  #99CCDB;
  --color-tertiary-hover: #ADD6E2;
  --color-green: #00a181;
  --color-nutrition-yellow: #f5f570;
  --color-full-black: #151112;
  --color-medium-gray-1: #6E7073;
  --color-medium-gray-2: #B5B8BA;
  --color-light-gray: #E3E5E5;
  --color-light-gray-2: #F7F7F7;
  --color-white: #FFF;
  --color-error: #FF5366;
  --color-primary-rgb: 36, 31, 33;
  --color-primary-hover-rgb: 77, 74, 74;
  --color-secondary-rgb: 255, 202, 16;
  --color-secondary-hover-rgb: 255, 218, 90;
  --color-tertiary-rgb:  153, 204, 219;
  --color-tertiary-hover-rgb:  173, 214, 226;
  --color-green-rgb: 0, 161, 130;
  --color-nutrition-yellow-rgb: 245, 245, 112;
  --color-full-black-rgb: 20, 15, 16;
  --color-medium-gray-1-rgb: 110, 112, 115;
  --color-medium-gray-2-rgb: 181, 184, 186;
  --color-light-gray-rgb: 227, 229, 229;
  --color-light-gray-2-rgb: 247, 247, 247;
  --color-white-rgb: 255, 255, 255;
  --color-error-rgb: 255, 83, 102;
  /* tz-guide component constants */
  --tz-guide-xs-color-stop: 188px;
  --tz-guide-sm-color-stop: calc((100vw - 750px) / 2 + 552px);
  --tz-guide-md-color-stop: calc((100vw - 970px) / 2 + 725px);
  --tz-guide-lg-color-stop: calc((100vw - 1200px) / 2 + 940px);
}

/* typography */
body.tz-typography {
  font-family: 'Poppins', Helvetica, Arial, sans-serif;
  background-color: var(--color-white);
  color: var(--color-primary);
}
body.tz-typography h1,
body.tz-typography h2,
body.tz-typography h3,
body.tz-typography h4,
body.tz-typography h5 {
  font-weight: 700;
  margin: 0;
  line-height: 1.3;
}
body.tz-typography h1,
body.tz-typography h2 {
  font-size: 32px;
}
body.tz-typography h3 {
  font-size: 24px;
}
body.tz-typography h4 {
  font-size: 18px;
}
body.tz-typography h5 {
  font-size: 13px;
}
body.tz-typography p {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.5;
}

@media screen and (min-width: 992px) {
  body.tz-typography h1,
  body.tz-typography h2 {
      font-size: 42px;
  }
  body.tz-typography h3 {
      font-size: 30px;
  }
  body.tz-typography h4 {
      font-size: 20px;
  }
  body.tz-typography h5,
  body.tz-typography p {
      font-size: 14px;
  }
}
/* end of typography */

/* OneTrust Cookies Settings start */
#ot-sdk-btn-floating {
  display: none;
}
#ot-sdk-btn.ot-sdk-show-settings {
  color: var(--color-white) !important;
  border: none !important;
  padding: 0 !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
  transition: none !important;
}
#ot-sdk-btn.ot-sdk-show-settings:hover {
  background-color: unset !important;
  color: var(--color-secondary) !important;
}
/* OneTrust Cookies Settings end */

/* navigation */
.navbar .navbar-nav a .tz-icon-caron,
.navbar .navbar-nav a:focus .tz-icon-caron {
  width: 8px;
  height: 8px;
  fill: var(--color-white);
  stroke: var(--color-white);
  stroke-width: 3px;
}
.navbar .navbar-nav a:hover .tz-icon-caron {
  fill: var(--color-secondary);
  stroke: var(--color-secondary);
}

.navbar .navbar-nav .tz-icon-caron.flip {
  transform: rotate(-180deg);
}
.navbar.tz-no-nav-links {
  display: flex;
  justify-content: space-between;
}
.navbar.tz-no-nav-links::before {
  content: none;
}
.navbar.tz-no-nav-links .navbar-header {
  flex: 0 1 100%;
}
@media (min-width: 992px) {
  .navbar.tz-no-nav-links .navbar-header {
    float: none;
  }
}
/* end of navigation */
/* footer */
.tz-social-icon--footer {
  fill: var(--color-medium-gray-1);
  width: 32px;
  height: 32px;
}
#navFooter.navbar #links-wrapper div.tz-no-nav-footer-legal ul {
  margin-bottom: 0;
}
/*end of footer*/
/* social icons */
.tz-social-link {
    display: inline-block;
    line-height: 0;
    border-radius: 50%;
    position: relative;
}
/* cover crispy edge line caused by border-radius */
.tz-social-link::before {
  content: "";
  position: absolute;
  z-index: 1;
  border-width: 2px;
  border-style: solid;
  border-radius: 50%;
  top: -1px;
  bottom: -1px;
  left: -1px;
  right: -1px;
}

/* overwrite bootstrap settings */
#find-us .tz-social-link::before {
  border-color: var(--color-primary);
}

@media screen and (min-width: 768px) {
  #find-us.tz-no-nav-find-us {
    padding-left: 5px;
  }
}

@media screen and (min-width: 992px) {
  #find-us.tz-no-nav-find-us {
    padding-left: 15px;
  }
}
/* end of social icons */

/* error icon */
.tz-error-icon {
  width: 20px;
  height: 15px;
  fill: var(--color-error);
}

/* lazy load */

.bg-lazy-load {
  background-image: none !important;
}

/* end of lazy load */

/* COMMON SECTIONS*/
/* download free guide */
.tz-free-guide-section {
  padding-top: 65px;
  padding-bottom: 80px;
  text-align: center;
}
.tz-free-guide-section h2.tz-free-guide {
  font-size: 32px;
  font-family: 'Poppins', Helvetica, Arial, sans-serif;
  font-weight: 700;
  line-height: 1.3;
  margin: 0;
  padding-bottom: 30px;
}
.tz-free-guide-section h5.tz-free-guide {
  font-family: 'Poppins', Helvetica, Arial, sans-serif;
  font-weight: 700;
  line-height: 1.3;
  margin: 0;
  font-size: 13px;
  padding-bottom: 10px;
}
.tz-free-guide-section .tz-input-with-btn {
  display: inline-flex;
}
@media screen and (min-width: 992px) {
  .tz-free-guide-section h2.tz-free-guide {
    font-size: 42px;
    padding-bottom: 40px;
  }
  .tz-free-guide-section h5.tz-free-guide {
    font-size: 14px;
    padding-bottom: 15px;
  }
  .tz-free-guide-section .tz-input-with-btn {
      width: 475px;
  }
}
/* end of download free guide */

/* slider carousel */
.app-carousel-press {
  margin-top: 50px;
}
.app-carousel-press .slick-slide {
  text-align: center;
}
.app-carousel-press .slick-slide img {
  display: inline-block;
  border-radius: 6px;
}
.app-carousel-press.column .slick-slide img {
  margin: 0 auto 55px;
  max-width: 64%;
  height: auto;
}
.app-carousel-press .app-carousel-prev {
  width: 50px;
  height: 50px;
  background-image: url(https://file.trainerize.com/assets/tz/common-assets/images/rebrand/arrow-left.svg);
  background-size: cover;
  border: none;
  position: absolute;
  z-index: 2;
}
.app-carousel-press .app-carousel-next {
  width: 50px;
  height: 50px;
  background-image: url(https://file.trainerize.com/assets/tz/common-assets/images/rebrand/arrow-right.svg);
  background-size: cover;
  border: none;
  position: absolute;
  z-index: 2;
}

@media screen and (min-width: 768px) {
  .app-carousel-press.slick-initialized .slick-slide {
    display: flex;
  }
  .app-carousel-press.slick-initialized.column .slick-slide {
      flex-direction: column;
      text-align: center;
  }
  .app-carousel-press .slick-slide {
      text-align: left;
  }
  .app-carousel-press .slick-slide > div {
      padding-left: 60px;
  }
  .app-carousel-press.column .slick-slide > div {
      padding-left: 60px;
      padding-right: 60px;
  }
  .app-carousel-press.column .slick-slide img {
      margin: 0 auto 55px;
  }
}

@media screen and (min-width: 992px) {
  .app-carousel-press {
    margin-top: 80px;
  }
  .app-carousel-press .slick-slide img {
      margin-left: 85px;
      flex-shrink: 0;
  }
  .app-carousel-press.column .slick-slide img {
      margin: 0 auto 55px;
  }
  .app-carousel-press .slick-slide > div {
      padding-left: 85px;
  }
}
/* end of slider carousel */
/* common popups */

#div-home-popups #btn-get-guide {
  width: 100%;
  max-width: 480px;
}
#div-demo-popup .input-home-popup,
#div-demo-popup .tz-button--secondary {
  height: auto;
}
/* end of common popups */
/* END OF COMMON SECTIONS */

/* customer reviews section */
.tz-reviews {
  padding: 50px 0 45px;
}
.tz-reviews__customers-stars {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 20px 0 30px;
}
.tz-reviews__customers-stars .tz-icon-star-full {
  fill: var(--color-secondary);
  width: 32px;
  height: 32px;
}
.tz-reviews .tz-reviews__customers-stars p {
  font-size: 16px;
  margin: 0 10px;
}
.tz-reviews__customers-img {
  padding-bottom: 45px;
  overflow: hidden;
}
.tz-reviews__customers-img picture {
  display: flex;
  justify-content: center;
  overflow: hidden;
  margin: 0 -15px;
}
.tz-reviews__badges {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  justify-content: center;
  max-width: 320px;
  margin: 0 auto;
}
.tz-reviews__badges img {
  width: 96px;
}
@media screen and (min-width:768px){
  .tz-reviews__customers-img picture {
    margin: 0;
  }
  .tz-reviews__badges {
    max-width: none;
  }
}

@media screen and (min-width:992px){
  .tz-reviews {
    padding: 90px 0 80px;
  }
  .tz-reviews__customers-stars {
    padding-top: 30px;
  }
  .tz-reviews__customers-stars .tz-icon-star-full {
    width: 39px;
    height: 39px;
  }
  .tz-reviews .tz-reviews__customers-stars p {
    font-size: 24px;
  }
  .tz-reviews__customers-img {
    padding-bottom: 65px;
  }
  .tz-reviews__badges img {
    width: 138px;
  }
}
/* end of customer reviews section */

/* START PLAN CARDS */
.tz-plan--single-wrapper {
    max-width: 326px;
    margin: 0 auto;
}

.tz-plan,
.tz-plan--single {
    width: 100%;
    border-radius: 19px;
    overflow: hidden;
    background-color: #f4f4f4;
}
.tz-plan__card {
    border-top-right-radius: 19px;
    border-top-left-radius: 19px;
    overflow: hidden;
}
.tz-plan__card-top-bar {
    height: 25px;
    background-color: var(--color-secondary);
}
.tz-plan__card-content-wrapper {
    padding: 20px 25px;
}
.tz-plan__card-plan-name {
    margin-bottom: 10px;
}
.tz-plan__card-plan-name h3 {
    font-size: 24px;
}
.tz-plan__card-plan-desc {
    margin-bottom: 15px;
    min-height: 75px;
}
.tz-plan__card-content .tz-plan__card-plan-desc p {
    font-size: 12px;
}
.tz-plan__card-content .tz-plan__card-plan-desc a:hover {
  color: var(--color-primary);
  text-decoration: none;
}
.tz-plan__card-plan-clients .ui-selectmenu-button {
    height: auto;
    background-color: var(--color-white);
    padding: 7px 15px;
    background-size: 15px;
    background-position: right 12px center;
    background-repeat: no-repeat;
    margin: 0;
    border: 1px solid var(--color-primary);
}
.tz-plan__card-plan-clients .ui-selectmenu-button span.ui-selectmenu-text {
    line-height: 1.3;
    font-weight: 700;
    font-size: 12px;
    color: var(--color-primary);
}
.tz-plans-dropdown.ui-widget-content {
    border: 1px solid var(--color-primary);
    background-color: var(--color-white);
    color: var(--color-primary);
}
.tz-plans-dropdown.ui-menu .ui-menu-item {
    list-style-image: none;
    padding: 7px 15px;
    height: auto;
    line-height: 1.3;
}
.tz-plans-dropdown.ui-widget-content .ui-state-focus {
    background-color: var(--color-secondary);
    color: initial;
    font-weight: 700;
}
.tz-plan__card-plan-price {
    margin: 20px 0;
    display: flex;
    align-items: center;
    line-height: 1.1;
    flex-wrap: wrap;
}
.tz-plan__card-plan-curr {
    font-size: 35px;
}
.tz-plan__card-plan-price-value,
.tz-plan__card-plan-price-value--no-change {
    font-size: 45px;
}
.tz-plan__card-plan-billing {
    font-size: 16px;
}
.tz-plan__card-plan-note-wrapper {
  width: 100%;
}
.tz-plan__card-plan-note {
    font-size: 11px;
}
.tz-plan__features-list-toggle {
    margin-bottom: 30px;
    cursor: pointer;
}
.tz-plan__features-list-toggle {
  font-size: 12px;
  -webkit-font-smoothing: auto;
}
.tz-plan__features-list-toggle svg {
    width: 10px;
    height: 10px;
    fill: var(--color-primary);
    margin-right: 7px;
    transition: transform .3s;
}
.tz-plan__features-list-toggle.expanded svg {
    transform: rotateZ(180deg);
}
.tz-plan__features-list {
    padding: 0 30px;
}
.tz-plan__features-list-items {
    max-height: 0;
    transition: max-height .5s;
}
.tz-plan__features-list-items.expanded {
    padding-bottom: 20px;
}
.tz-plan__features-list-primary ul {
    font-size: 18px;
}
.tz-plan__features-list-primary .tz-checkmark-bullets--primary li {
    padding-bottom: 0;
}
.tz-plan__features-footnote {
  margin-bottom: 20px;
}
.tz-plan__features-footnote .custom-footnote-main {
    font-size: 10px;
    font-style: italic;
    font-weight: 400;
    color: var(--color-primary);
    line-height: 1.4;
    display: inline-block;
}
.tz-plan__features-footnote .custom-footnote-main a {
    text-decoration: underline;
    color: var(--color-primary);
    font-weight: 700;
}
.tz-plan__card-plan-includes {
    margin-bottom: 10px;
}
.tz-plan__card-plan-includes p {
    font-size: 16px;
}
.tz-plan__features-list-secondary ul {
  margin: 0;
}
.tz-plan__features-list-secondary .tz-checkmark-bullets--primary li {
    font-size: 12px;
    background-size: 15px;
}
.tz-plan--single .tz-plan__features-list-secondary > ul > li ul {
  padding-left: 20px;
  padding-top: 5px;
}
.tz-plan--single .tz-plan__features-list-secondary > ul > li ul li {
  background: none;
  list-style-type: disc;
  padding: 0;
  font-size: 11px;

}
.tz-plan__features-list-col a:hover,
.tz-plan__features-list-col a:focus {
  color: var(--color-primary-hover);
  text-decoration: none;
}
/* displaying correct elements on single card with combined plans*/
.tz-plan--single .tz-plan__card-plan-desc,
.tz-plan--single .tz-plan__card-cta,
.tz-plan--single .tz-plan__features-list-secondary,
.tz-plan--single .tz-plan__card-plan-note {
    display: none;
}

.tz-plan--single[data-selected-plan="grow"] .tz-plan__card-plan-desc[data-plan="grow"],
.tz-plan--single[data-selected-plan="pro"] .tz-plan__card-plan-desc[data-plan="pro"],
.tz-plan--single[data-selected-plan="studio"] .tz-plan__card-plan-desc[data-plan="studio"],
.tz-plan--single[data-selected-plan="grow"] .tz-plan__card-cta[data-plan="grow"],
.tz-plan--single[data-selected-plan="pro"] .tz-plan__card-cta[data-plan="pro"],
.tz-plan--single[data-selected-plan="studio"] .tz-plan__card-cta[data-plan="studio"],
.tz-plan--single[data-selected-plan="grow"] .tz-plan__features-list-secondary[data-plan="grow"],
.tz-plan--single[data-selected-plan="pro"] .tz-plan__features-list-secondary[data-plan="pro"],
.tz-plan--single[data-selected-plan="studio"] .tz-plan__features-list-secondary[data-plan="studio"],
.tz-plan--single[data-selected-plan="studio"] .tz-plan__card-plan-note {
    display: block;
}

@media screen and (min-width: 768px) {
    .tz-plan--single-wrapper {
        max-width: 440px;
    }
    .tz-plan__card-content-wrapper {
        padding: 20px 45px;
    }
    .tz-plan__features-list-secondary {
        display: flex;
    }
    .tz-plan__features-list-secondary ul {
        flex: 1;
    }
}
@media screen and (min-width: 992px) {
    .tz-plan--single-wrapper {
        max-width: none;
        padding: 30px;
        background-color: var(--color-white);
        border-radius: 27px;
    }
    .tz-plan--single {
        display: flex;
        border-radius: unset;
        max-width: none;
        background-color: unset;
    }
    .tz-plan--single .tz-plan__card {
        flex: 0 0 370px;
        margin-right: 70px;
        border-radius: 19px;
        display: flex;
        flex-direction: column;
        background-color: var(--color-light-gray);
    }
    .tz-plan--single .tz-plan__card-content-wrapper {
        flex: 1;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .tz-plan__card-content-wrapper {
        padding: 20px 25px;
    }
    .tz-plan__card-content .tz-plan__card-plan-name h4 {
        font-size: 24px;
    }
    .tz-plan__card-plan-desc {
      margin-bottom: 30px;
    }
    .tz-plan__card-plan-clients {
        margin-bottom: 20px;
    }
    .tz-plan__card-plan-curr {
        font-size: 44px;
    }
    .tz-plan__card-plan-price-value,
    .tz-plan__card-plan-price-value--no-change {
        font-size: 58px;
    }
    .tz-plan__card-plan-billing {
        font-size: 20px;
    }
    .tz-plan--single .tz-plan__features-list-items {
        max-height: unset;
    }
    .tz-plan--single .tz-plan__features-list {
        flex: 1;
        padding: 0;
    }
    .tz-plan__features-list-primary ul li {
        font-size: 32px;
    }
    .tz-plan__features-list-primary .tz-checkmark-bullets--primary {
        margin-bottom: 0;
    }
    .tz-plan__features-list-primary .tz-checkmark-bullets--primary li {
        line-height: 1.3;
        background-position-y: 10px;
    }
    .tz-plan__features-list-primary .tz-plan__card-plan-includes p {
        font-size: 24px;
    }
    .tz-plan__features-footnote .custom-footnote-main {
        font-size: 12px;
    }
    .tz-plan__features-list-secondary .tz-checkmark-bullets--primary li {
        font-size: 14px;
        padding-bottom: 5px;
    }
    .tz-plan--single .tz-plan__features-list-col {
        flex: 1;
    }
    .tz-plan--single .tz-plan__features-list-items {
        transition: unset;
    }
    .tz-plan--single .tz-plan__features-list-secondary > ul > li ul li {
    font-size: 12px;
    }
    .tz-plan--single[data-selected-plan="grow"] .tz-plan__features-list-secondary[data-plan="grow"],
    .tz-plan--single[data-selected-plan="pro"] .tz-plan__features-list-secondary[data-plan="pro"],
    .tz-plan--single[data-selected-plan="studio"] .tz-plan__features-list-secondary[data-plan="studio"] {
        display: flex;
    }
}

@media screen and (min-width:1200px) {
    .tz-plan--single .tz-plan__features-list-secondary {
        gap: 20px;
    }
    .tz-plan--single .tz-plan__features-list-secondary li {
        padding-bottom: 20px;
    }
    .tz-plan--single .tz-plan__features-list-secondary > ul > li ul {
        padding-top: 0;
    }
}
/* END PLAN CARDS */

/* START OF PLANS COMPARISON */
@media screen and (min-width:992px) {
  .tz-plans-comparison {
    padding-bottom: 80px;
  }
  .tz-plans-comparison__header {
    display: flex;
    justify-content: flex-end;
    padding: 50px 15px 20px;
  }
  .tz-plans-comparison__header-plan {
    flex: 0 0 160px;
  }
  .tz-plans-comparison__header .tz-plans-comparison__header-plan h4 {
    font-size: 12px;
  }
  .tz-plans-comparison__header-clients .ui-selectmenu-button span.ui-selectmenu-text {
    font-size: 12px;
    line-height: 1.3;
  }
  .tz-plans-comparison__header-clients .ui-selectmenu-button {
    max-width: 144px;
    margin: 10px 0 0;
    height: auto;
    padding: 7px 8px;
    border: 1px solid var(--color-primary);
    border-radius: 4px;
  }
  .tz-plans-comparison-dropdown.ui-widget-content {
    border: 1px solid var(--color-primary);
    background-color: var(--color-white);
    color: var(--color-primary);
  }
  .tz-plans-comparison-dropdown.ui-widget-content .ui-state-focus {
    background-color: var(--color-secondary);
    color: initial;
    font-weight: 700;
  }
  .tz-plans-comparison-dropdown.ui-menu .ui-menu-item {
    list-style-image: none;
    padding: 7px 8px;
    height: auto;
    line-height: 1.3;
    font-size: 12px;
  }
  .tz-plans-comparison__header-clients--nochange {
    pointer-events: none;
    appearance: none;
  }
  .tz-plans-comparison__header-clients--nochange .ui-selectmenu-button {
    background: none;
  }
  .tz-plans-comparison__header-price {
    display: flex;
    align-items: baseline;
    justify-content: center;
  }
  .tz-plans-comparison__header-price--is-text .tz-plans-comparison__header-curr,
  .tz-plans-comparison__header-price--is-text .tz-plans-comparison__header-billing {
    display: none;
  }
  .tz-plans-comparison__header-curr {
      font-size: 22px;
  }
  .tz-plans-comparison__header-value {
      font-size: 22px;
  }
  .tz-plans-comparison__header-billing {
      font-size: 10px;
  }
}

@media screen and (min-width: 1200px) {
  .tz-plans-comparison__header {
    padding-right: 32px;
  }
  .tz-plans-comparison__header-plan {
    flex-basis: 200px;
  }
  .tz-plans-comparison__header-clients .ui-selectmenu-button {
    max-width: 160px;
  }
}
/* END OF PLANS COMPARISON */

/* START ADDONS BLOCK */
.tz-addons {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
.tz-addons-item {
  max-width: 326px;
  border-radius: 20px;
  overflow: hidden;
  /* flex takes effect in case two cards (one next to other) have to be the same height,
    along with: .tz-addons-item__details { flex: 1; } */
  display: flex;
  flex-direction: column;
}
.tz-addons-item__img {
  height: 217px;
  background-repeat: no-repeat;
  overflow: hidden;
  position: relative;
}
.tz-addons-item__img--business::before {
  position: absolute;
  left: 33px;
  top: 0;
  content: "Coming soon";
  color: var(--color-secondary);
  background-color: var(--color-primary);
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  padding: 8px 10px;
  border-radius: 0 0 10px 10px;
}
.tz-addons-item__img--business {
  background-image: url('https://file.trainerize.com/assets/tz/common-sections/add-ons/images/business.png');
  background-image: -webkit-image-set(
      url('https://file.trainerize.com/assets/tz/common-sections/add-ons/images/business.png') 1x,
      url('https://file.trainerize.com/assets/tz/common-sections/add-ons/images/business-2x.png') 2x);
}
.tz-addons-item__img--nutrition {
  background-image: url('https://file.trainerize.com/assets/tz/common-sections/add-ons/images/nutrition-v2.png');
  background-image: -webkit-image-set(
      url('https://file.trainerize.com/assets/tz/common-sections/add-ons/images/nutrition-v2.png') 1x,
      url('https://file.trainerize.com/assets/tz/common-sections/add-ons/images/nutrition-v2-2x.png') 2x);
}
.tz-addons-item__img--stripe {
  background-image: url('https://file.trainerize.com/assets/tz/common-sections/add-ons/images/stripe-v2.png');
  background-image: -webkit-image-set(
      url('https://file.trainerize.com/assets/tz/common-sections/add-ons/images/stripe-v2.png') 1x,
      url('https://file.trainerize.com/assets/tz/common-sections/add-ons/images/stripe-v2-2x.png') 2x);
}
.tz-addons-item__img--cba {
  background-image: url('https://file.trainerize.com/assets/tz/common-sections/add-ons/images/cba-v2.png');
  background-image: -webkit-image-set(
      url('https://file.trainerize.com/assets/tz/common-sections/add-ons/images/cba-v2.png') 1x,
      url('https://file.trainerize.com/assets/tz/common-sections/add-ons/images/cba-v2-2x.png') 2x);
}
.tz-addons-item__img--video {
  background-image: url('https://file.trainerize.com/assets/tz/common-sections/add-ons/images/video-v2.png');
  background-image: -webkit-image-set(
      url('https://file.trainerize.com/assets/tz/common-sections/add-ons/images/video-v2.png') 1x,
      url('https://file.trainerize.com/assets/tz/common-sections/add-ons/images/video-v2-2x.png') 2x);
}
.tz-addons-item__details {
  padding: 28px 23px;
  flex: 1;
}
.tz-addons-item__details .tz-addons-item__text h5 {
  font-size: 16px;
  margin-bottom: 5px;
}
.tz-addons-item__details .tz-addons-item__text p,
.tz-addons-item__details .tz-addons-item__text ul li {
  font-size: 10px;
}
.tz-addons-item__details .tz-addons-item__text ul {
  padding-left: 15px;
}
.tz-addons-item__details .tz-addons-item__text ul a:hover {
  text-decoration: none;
  color: var(--color-primary);
}
.tz-addons-item__details .tz-addons-item__text--coming-soon {
    padding: 0 4px;
    border: 1px solid var(--color-primary);
    border-radius: 54px;
    margin-bottom: 5px;
    font-size: 10px;
    width: fit-content;
}
.tz-addons-item__details a.tz-link-chevron::after {
  background-size: 0.67em 0.8em;
  width: 105%;
}
.tz-addons-item__cta .tz-button {
  font-size: 11px;
  padding: 12px 25px;
  margin-top: 15px;
}

@media screen and (min-width: 768px) {
  .tz-addons {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: center;
    gap: 14px;
  }
  
  .tz-addons-item__details {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
}

@media screen and (min-width:992px) {
  .tz-addons {
    gap: 30px;
  }
  .tz-addons-item {
    max-width: 370px;
  }
  .tz-addons-item__img--business {
    background-image: url('https://file.trainerize.com/assets/tz/common-sections/add-ons/images/large/business.png');
    background-image: -webkit-image-set(
        url('https://file.trainerize.com/assets/tz/common-sections/add-ons/images/large/business.png') 1x,
        url('https://file.trainerize.com/assets/tz/common-sections/add-ons/images/large/business-2x.png') 2x);
  }
  .tz-addons-item__img--nutrition {
    background-image: url('https://file.trainerize.com/assets/tz/common-sections/add-ons/images/large/nutrition-v2.png');
    background-image: -webkit-image-set(
        url('https://file.trainerize.com/assets/tz/common-sections/add-ons/images/large/nutrition-v2.png') 1x,
        url('https://file.trainerize.com/assets/tz/common-sections/add-ons/images/large/nutrition-v2-2x.png') 2x);
  }
  .tz-addons-item__img--stripe {
    background-image: url('https://file.trainerize.com/assets/tz/common-sections/add-ons/images/large/stripe-v2.png');
    background-image: -webkit-image-set(
        url('https://file.trainerize.com/assets/tz/common-sections/add-ons/images/large/stripe-v2.png') 1x,
        url('https://file.trainerize.com/assets/tz/common-sections/add-ons/images/large/stripe-v2-2x.png') 2x);
  }
  .tz-addons-item__img--cba {
    background-image: url('https://file.trainerize.com/assets/tz/common-sections/add-ons/images/large/cba-v2.png');
    background-image: -webkit-image-set(
        url('https://file.trainerize.com/assets/tz/common-sections/add-ons/images/large/cba-v2.png') 1x,
        url('https://file.trainerize.com/assets/tz/common-sections/add-ons/images/large/cba-v2-2x.png') 2x);
  }
  .tz-addons-item__img--video {
    background-image: url('https://file.trainerize.com/assets/tz/common-sections/add-ons/images/large/video-v2.png');
    background-image: -webkit-image-set(
        url('https://file.trainerize.com/assets/tz/common-sections/add-ons/images/large/video-v2.png') 1x,
        url('https://file.trainerize.com/assets/tz/common-sections/add-ons/images/large/video-v2-2x.png') 2x);
  }
}
@media screen and (min-width:1200px) {
  .tz-addons {
    gap: 14px;
  }
  .tz-addons-item--wide {
    flex-direction: row;
    max-width: calc(50% - 7px);
  }
  .tz-addons-item--wide .tz-addons-item__img {
    width: 231px;
    height: 392px;
  }
  .tz-addons-item--wide .tz-addons-item__img--cba {
    background-image: url('https://file.trainerize.com/assets/tz/common-sections/add-ons/images/large/cba-vertical.png');
    background-image: -webkit-image-set(
        url('https://file.trainerize.com/assets/tz/common-sections/add-ons/images/large/cba-vertical.png') 1x,
        url('https://file.trainerize.com/assets/tz/common-sections/add-ons/images/large/cba-vertical-2x.png') 2x);
  }
  .tz-addons-item--wide .tz-addons-item__img--stripe {
    background-image: url('https://file.trainerize.com/assets/tz/common-sections/add-ons/images/large/stripe-vertical.png');
    background-image: -webkit-image-set(
        url('https://file.trainerize.com/assets/tz/common-sections/add-ons/images/large/stripe-vertical.png') 1x,
        url('https://file.trainerize.com/assets/tz/common-sections/add-ons/images/large/stripe-vertical-2x.png') 2x);
  }
  .tz-addons-item--wide .tz-addons-item__details {
    padding: 30px 28px 30px 31px;
  }
  .tz-addons-item--wide .tz-addons-item__cta {
    text-align: left;
  }
}
/* END ADDONS BLOCK */

/* FORM ELEMENTS STYLE */
/*secondary determines text color and border-color*/
.tz-input,
.tz-select,
.tz-input--secondary,
.tz-select--secondary,
.tz-textarea {
    -webkit-appearance: none;
    appearance: none;
    background-color: transparent;
    color: var(--color-primary);
    font-family: inherit;
    font-size: 14px;
    font-weight: 400;
    border: 1px solid var(--color-primary);
    border-radius: 4px;
    padding: 15px 20px;
    outline: none;
}

.tz-input--secondary,
.tz-select--secondary {
  color: var(--color-light-gray);
  border-color: var(--color-secondary);
}

/*hides default select box arrows on IE*/
select::-ms-expand {
  display: none;
}

.tz-select:not(.tz-select--multiple),
.tz-select--secondary:not(.tz-select--multiple) {
    white-space: pre-wrap;
    background: url(../../_images/rebrand/icons/dropdown-arrow.svg) calc(100% - 17px) center/16px no-repeat;
    padding-right: 35px;
}

.tz-input::placeholder,
.tz-input::-webkit-input-placeholder,
.tz-input--secondary::placeholder,
.tz-input--secondary::-webkit-input-placeholder,
.tz-textarea::placeholder,
.tz-textarea::-webkit-input-placeholder {
    color: var(--color-medium-gray-1);
    font-size: 14px;
}
.tz-input:focus,
.tz-select:focus,
.tz-input--secondary:focus,
.tz-select--secondary:focus,
.tz-textarea:focus {
  border: 1px solid var(--color-secondary);
  box-shadow: 0 0 5px var(--color-secondary);
}

.tz-textarea {
  resize: none;
}

.tz-form__has-error {
    border: 1px solid var(--color-error) !important;
    box-shadow: 0 0 5px var(--color-error) !important;
}
.tz-form__msg--error {
  display:none;
  color: var(--color-error);
  padding: 5px 0px 0 10px;
  font-size: 14px;
}

/* input filed should be wrapped by label tag */
label.tz-checkbox-wrapper {
    display: inline-block;
    position: relative;
    max-width: none;
    line-height: 2;
    cursor: pointer;
}
/* hide brwoser's default */
label.tz-checkbox-wrapper input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
}
label.tz-checkbox-wrapper span.tz-checkbox {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    height: 14px;
    width: 14px;
    border: 1px solid var(--color-primary);
    border-radius: 4px;
    background-color: var(--color-white);
}
label.tz-checkbox-wrapper span.tz-checkbox-label {
    padding-left: 24px; /* width of checkbox + 10px */
    color: var(--color-primary);
    font-size: 14px;
    font-weight: 400;
    line-height: 2;
    position: relative;
}
label.tz-checkbox-wrapper span.tz-checkbox::after {
    display: none;
    content: "";
    position: absolute;
    z-index: 1;
    top: 2px;
    left: 2px;
    bottom: 2px;
    right: 2px;
    background-color: var(--color-primary);
    border-radius: 2px;
}
label.tz-checkbox-wrapper input[type="checkbox"]:checked + span.tz-checkbox::after {
    display: block;
}
label.tz-checkbox-wrapper input[type="checkbox"]:focus + span.tz-checkbox {
  border: 1px solid var(--color-secondary);
  box-shadow: 0 0 5px var(--color-secondary);
}

.tz-label {
    color: var(--color-primary);
    font-family: inherit;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.tz-legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-family: inherit;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--color-primary);
    border: 0;
    border-bottom: 1px solid var(--color-light-gray);
}

/*secondary determines bg color*/
button.tz-button,
a.tz-button,
button.tz-button--secondary,
a.tz-button--secondary {
    outline: none;
    text-decoration: none;
    display: inline-block;
    border: none;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    padding: 16px 50px;
    border-radius: 4px;
    color: var(--color-secondary);
    background-color: var(--color-primary);
}
button.tz-button--secondary,
a.tz-button--secondary {
    color: var(--color-primary);
    background-color: var(--color-secondary);
}
button.tz-button:hover,
a.tz-button:hover,
button.tz-button--secondary:hover,
a.tz-button--secondary:hover {
    cursor: pointer;
    text-decoration: none;
}
button.tz-button:hover,
a.tz-button:hover {
  background-color: var(--color-primary-hover);
}
button.tz-button--secondary:hover,
a.tz-button--secondary:hover {
    background-color: var(--color-secondary-hover);
}
@media screen and (min-width: 992px) {
  button.tz-button,
  a.tz-button,
  button.tz-button--secondary,
  a.tz-button--secondary {
    font-size: 16px;
    padding: 23px 87px;
  }
}
/* END OF FORM ELEMENTS STYLE */

/* wrapper input with button */
.tz-input-with-btn {
  display: flex;
  width: 100%;
  height: 48px;
}
.tz-input-with-btn > button.tz-button,
.tz-input-with-btn > button.tz-button--secondary {
  flex: 0 0 130px;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.tz-input-with-btn > .tz-input,
.tz-input-with-btn > .tz-input--secondary {
  flex: 1;
  border-right: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  min-width: 0;
}
@media screen and (min-width: 992px) {
  .tz-input-with-btn {
    height: 64px;
  }
  .tz-input-with-btn > button.tz-button,
  .tz-input-with-btn > button.tz-button--secondary {
    flex-basis: 164px;
  }
}
/* end of wrapper input with button */
/* link chevron */
a.tz-link {
  margin: 0;
  padding: 0;
  line-height: 1.3; /*not sure about this but at the moment looks good*/
  display: inline-block;
  text-decoration: none;
}
a.tz-link:hover {
  text-decoration: none !important;
}
a.tz-link-chevron {
  position: relative;
  padding-right: 10px;
}
a.tz-link-chevron::after {
  content: "";
  /* color-primary as default color for stroke attr */
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 8 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L1 11' stroke='%23241F20' stroke-width='2'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: calc(100% - 5%) center;
  background-size: .67em 1em;/*keep ratio 8:12 of svg*/
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 115%;
  transition: background-position-x .2s;
}
a.tz-link-chevron:hover::after {
  background-position-x: 100%;
}
a.tz-link-chevron,
a.tz-link-chevron:hover,
a.tz-link-chevron:focus,
a.tz-link-chevron:active {
  color: var(--color-primary);
}
a.tz-link-chevron.color-secondary,
a.tz-link-chevron.color-secondary:hover,
a.tz-link-chevron.color-secondary:focus,
a.tz-link-chevron.color-secondary:active {
  color: var(--color-secondary)
}
a.tz-link-chevron.color-tertiary,
a.tz-link-chevron.color-tertiary:hover,
a.tz-link-chevron.color-tertiary:focus,
a.tz-link-chevron.color-tertiary:active {
  color: var(--color-tertiary);
}
a.tz-link-chevron.color-secondary::after {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 8 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L1 11' stroke='%23FFCA10' stroke-width='2'/%3E%3C/svg%3E");
}
a.tz-link-chevron.color-tertiary::after {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 8 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L1 11' stroke='%2399CCDB' stroke-width='2'/%3E%3C/svg%3E");
}
/* end of link chevron */
/* price toggle switch */
#planToggle {
    display: flex;
    justify-content: center;
    gap: 20px;
    padding: 40px 0 10px;
}
#planToggle .monthlyBilling {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  text-align: center;
  margin-top: -10px;
}
#planToggle .yearlyBilling {
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  width: 100%;
  text-align: center;
  margin-top: -10px;
}
#planToggle .monthlyBilling h3,
#planToggle .yearlyBilling h3 {
  font-size: 17px;
  padding-top:5px;
  max-width: 80px;
}
#planToggle .monthlyBilling h5 {
  font-size: 11px;
  padding-top:2px;
}
#planToggle h5 {
  display: flex;
  align-items: center;
  padding-left: 5px;
}
#planToggle .inactive-plan * {
  font-weight: 400;
}
.toggleSwitch {
  position: relative;
  display: inline-block;
  width: 75px;
  height: 37px;
}
.toggleSwitch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.toggleSwitchSlider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--color-primary);
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 23px;
}
.toggleSwitchSlider::before {
  position: absolute;
  content: "";
  height: 32px;
  width: 32px;
  left: 3px;
  bottom: 3px;
  background-color: var(--color-secondary);
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 50%;
}
input:checked + .toggleSwitchSlider::before {
  -webkit-transform: translateX(37px);
  -ms-transform: translateX(37px);
  transform: translateX(37px);
}
@media screen and (min-width: 768px) {
  #planToggle {
    gap: 15px;
  }
  #planToggle .monthlyBilling {
    text-align: right;
    margin-top: 0;
  }
  #planToggle .yearlyBilling {
    text-align: left;
    flex-direction: row;
    margin-top: 0;
  }
  #planToggle .monthlyBilling h3,
  #planToggle .yearlyBilling h3 {
  font-size: 24px;
  max-width: 100%;
  }
  #planToggle h5 {
    padding-left: 10px;
  }
  .toggleSwitch {
    width: 85px;
    height: 42px;
  }
  .toggleSwitchSlider {
    border-radius: 29px;
  }
  .toggleSwitchSlider::before {
    height: 35px;
    width: 35px;
    left: 4px;
    bottom: 4px;
  }
  input:checked + .toggleSwitchSlider::before {
    -webkit-transform: translateX(42px);
    -ms-transform: translateX(42px);
    transform: translateX(42px);
  }
}

@media screen and (min-width: 992px) {
  #planToggle {
    gap: 30px;
    padding:50px 0 20px;
  }
  #planToggle .monthlyBilling h3,
  #planToggle .yearlyBilling h3 {
  font-size: 30px;
  padding: 0;
}
  .toggleSwitch {
    width: 95px;
    height: 47px;
  }
  .toggleSwitchSlider {
    border-radius: 29px;
  }
  .toggleSwitchSlider::before {
    height: 40px;
    width: 40px;
    left: 4px;
    bottom: 4px;
  }
  input:checked + .toggleSwitchSlider::before {
    -webkit-transform: translateX(47px);
    -ms-transform: translateX(47px);
    transform: translateX(47px);
  }
}
/* end of price toggle switch */

/* checkmark bullets list */
ul.tz-checkmark-bullets,
ul.tz-checkmark-bullets--primary,
ul.tz-checkmark-bullets--secondary {
  padding: 0;
}
ul.tz-checkmark-bullets li,
ul.tz-checkmark-bullets--primary li,
ul.tz-checkmark-bullets--secondary li {
  list-style-type: none;
    background-repeat: no-repeat;
    background-position-y: 2px;
    background-size: 18px;
    padding: 0px 0 10px 25px;
}
ul.tz-checkmark-bullets li {
  background-image: url('https://file.trainerize.com/assets/tz/common-assets/icons/circled-checkmark.svg');
}
ul.tz-checkmark-bullets--primary li {
  background-image: url('https://file.trainerize.com/assets/tz/common-assets/icons/circled-checkmark-black.svg');
}
ul.tz-checkmark-bullets--secondary li {
  background-image: url('https://file.trainerize.com/assets/tz/common-assets/icons/circled-checkmark-yellow.svg');
}

@media screen and (min-width: 992px) {
  ul.tz-checkmark-bullets li,
  ul.tz-checkmark-bullets--primary li,
  ul.tz-checkmark-bullets--secondary li {
    background-size: 21px;
    padding-bottom: 20px;
  }
}
/* end of checkmark bullets list */

/* video play button */
.tz-play-button {
    width: 16px;
    height: 23px;
    margin: 15px 0 0 2px;
    fill: var(--color-primary);
}

@media screen and (min-width: 768px) {
  .tz-play-button {
    width: 20px;
    height: 30px;
    margin: 14px 0 0 4px;
    }
  }

@media screen and (min-width: 1200px) {
  .tz-play-button {
    width: 30px;
    height: 49px;
    margin: 20px 0 0 5px;
    }
  }

/* refresh background color scheme */
.bg-color-primary {
  background-color: var(--color-primary);
}
.bg-color-secondary {
  background-color: var(--color-secondary);
}
.bg-color-tertiary {
  background-color: var(--color-tertiary);
}
.bg-color-green {
  background-color: var(--color-green);
}
.bg-color-nutrition-yellow {
  background-color: var(--color-nutrition-yellow);
}
.bg-color-full-black {
  background-color: var(--color-full-black);
}
.bg-color-medium-gray-1 {
  background-color: var(--color-medium-gray-1);
}
.bg-color-medium-gray-2 {
  background-color: var(--color-medium-gray-2);
}
.bg-color-light-gray {
  background-color: var(--color-light-gray);
}
.bg-color-light-gray-2 {
  background-color: var(--color-light-gray-2);
}
.bg-color-white {
  background-color: var(--color-white);
}
.bg-color-error {
  background-color: var(--color-error);
}
/* end of refresh background color scheme */

/* refresh font color scheme */
.color-primary {
  color: var(--color-primary);
}
.color-secondary {
  color: var(--color-secondary);
}
.color-tertiary {
  color: var(--color-tertiary);
}
.color-green {
  color: var(--color-green);
}
.color-nutrition-yellow {
  color: var(--color-nutrition-yellow);
}
.color-full-black {
  color: var(--color-full-black);
}
.color-medium-gray-1 {
  color: var(--color-medium-gray-1);
}
.color-medium-gray-2 {
  color: var(--color-medium-gray-2);
}
.color-light-gray {
  color: var(--color-light-gray);
}
.color-white {
  color: var(--color-white);
}
.color-error {
  color: var(--color-error);
}
/* end of refresh font color scheme */

/*refresh outline color scheme */
.outline-color-primary {
  outline-color: var(--color-primary);
}
.outline-color-secondary {
  outline-color: var(--color-secondary);
}
.outline-color-tertiary {
  outline-color: var(--color-tertiary);
}
.outline-color-full-black {
  outline-color: var(--color-full-black);
}
.outline-color-medium-gray-1 {
  outline-color: var(--color-medium-gray-1);
}
.outline-color-medium-gray-2 {
  outline-color: var(--color-medium-gray-2);
}
.outline-color-light-gray {
  outline-color: var(--color-light-gray);
}
.outline-color-white {
  outline-color: var(--color-white);
}
.outline-color-error {
  outline-color: var(--color-error);
}
/*end of refresh outline color scheme */

/* text rules */
.text-uppercase {
  text-transform: uppercase;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-normal {
  font-weight: 400 !important;
}
.text-bold {
  font-weight: 700 !important;
}
.text-bolder {
  font-weight: 900 !important;
}
.text-semi-bold {
  font-weight: 600 !important;
}
.text-medium {
  font-weight: 500 !important;
}
.text-light {
  font-weight: 300 !important;
}
.text-italic {
  font-style: italic;
}
.text-underline {
  text-decoration: underline;
}
.tz-small-italic {
  font-size: 11px;
  line-height: 1.2;
  font-style: italic;
}
/* end of text rules*/
/* opacity class used by javascript*/
.opacity-0{
  opacity:0;
}
/* end of opacity class used by javascript*/
/* general page rules */
.page-padding {
  padding-top: 90px; /* this offset is eqaul to top nav bar height */
}
/* end of general page rules */

/*start of promo bar */
.tz-promo-bar {
  padding: 15px 0;
}
.tz-promo-bar p {
  margin: 0;
  font-size: 14px !important;
}
.tz-promo-bar a,
.tz-promo-bar a:hover,
.tz-promo-bar a:focus {
  color: var(--color-primary);
  text-decoration: underline;
  font-weight: 700;
}
.tz-promo-bar--enterprise a,
.tz-promo-bar--enterprise a:hover,
.tz-promo-bar--enterprise a:focus {
  text-decoration: none;
}
.tz-promo-bar-close {
  top: 16px;
  right: 20px;
  position: absolute;
  cursor: pointer;
}
.tz-promo-bar-close .tz-icon-close {
  width: 12px;
  height: 12px;
  fill: var(--color-primary);
}

@media screen and (min-width: 992px) {
  .tz-promo-bar p {
    font-size: 18px !important;
  }
  .tz-promo-bar-close .tz-icon-close {
    width: 20px;
    height: 20px;
  }

}
/* end of promo bar */

/* accordion */
.tz-accordion {
  border-top: 1px solid var(--color-primary);
}
.tz-accordion button.tz-accordion__heading {
  width: 100%;
  outline: none;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 30px 20px 30px 0;
  text-align: left;
  background-color: transparent;
  border: none;
  cursor: pointer;
  transition: 0.4s;
}
.tz-accordion button.tz-accordion__heading .tz-icon-caron {
  flex: 0 0 17px;
  height: 17px;
  fill: var(--color-primary);
  stroke-width: 1px;
  stroke: var(--color-primary);
  transition: transform 0.2s ease-out;
}
.tz-accordion button.tz-accordion__heading.tz-accordion--active .tz-icon-caron {
  transform: rotateZ(180deg);
}
.tz-accordion .tz-accordion__panel {
  max-height: 0;
  border-bottom: 1px solid var(--color-primary);
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
.tz-accordion__panel a,
.tz-accordion__panel a:hover,
.tz-accordion__panel a:focus {
  color: var(--color-primary);
  text-decoration: underline;
}
.tz-accordion .tz-accordion__panel-content-wrapper {
  padding: 0 40px 20px 0;
}

@media screen and (min-width: 768px) {
  .tz-accordion .tz-accordion__panel-content-wrapper {
    padding-right: 155px;
  }
}

@media screen and (min-width: 992px) {
  .tz-accordion__tooltip {
    position: relative;
    display: inline-block;
  }
  .tz-accordion__tooltip-icon {
    width: 16px;
    height: 15px;
    fill: #797C80;
  }
  .tz-accordion__tooltip .tz-accordion__tooltip-content {
    visibility: hidden;
    width: 326px;
    border-radius: 6px;
    padding: 10px;
    position: absolute;
    z-index: 1;
    top: -5px;
    left: 30px;
    border: 1px solid var(--color-light-gray);
    box-shadow: 0 0 5px var(--color-light-gray);
  }
  .tz-accordion__tooltip:hover .tz-accordion__tooltip-content {
    visibility: visible;
  }
  .tz-accordion__panel:has(.tz-accordion__tooltip:hover) {
    overflow: visible;
  }

  .tz-accordion__plans-comparison {
    border-top: none;
  }
  .tz-accordion__plans-comparison button.tz-accordion__heading {
    background-color: #f4f4f4;
    padding: 10px 15px;
  }
  .tz-accordion__plans-comparison button.tz-accordion__heading h4 {
    font-size: 16px;
  }
  .tz-accordion__plans-comparison .tz-accordion__panel {
    border-bottom: none;
    margin-bottom: 8px;
  }
  .tz-accordion .tz-accordion__panel-content-wrapper {
    padding-right: 220px;
  }
  .tz-accordion__plans-comparison .tz-accordion__panel-content-wrapper {
    display: flex;
    padding: 8px 15px;
  }
  .tz-accordion__plans-comparison .tz-accordion__panel-content-wrapper ul {
    margin: 0;
    padding: 0;
    list-style: none;
    flex: 0 0 160px;
  }
  .tz-accordion__plans-comparison .tz-accordion__panel-content-wrapper ul:first-child {
    flex: 1 1 100%;
  }
  .tz-accordion__plans-comparison .tz-accordion__panel-content-wrapper ul li {
    font-size: 14px;
    padding: 7px 0;
  }
  .tz-accordion__plans-comparison .tz-checkmark-circle {
    width: 20px;
    height: 20px;
    fill: #70D27C;
    margin-bottom: -5px;
  }

}

@media screen and (min-width: 1200px) {
  .tz-accordion .tz-accordion__panel-content-wrapper {
    padding-right: 265px;
  }
  .tz-accordion__plans-comparison button.tz-accordion__heading {
    padding: 10px 32px;
  }
  .tz-accordion__plans-comparison .tz-accordion__panel-content-wrapper {
    padding: 8px 32px;
  }
  .tz-accordion__plans-comparison .tz-accordion__panel-content-wrapper ul {
    flex-basis: 200px;
  }
}
/* end of accordion */