.owl-carousel,
      .owl-carousel .owl-item {
        -webkit-tap-highlight-color: transparent;
        position: relative;
      }
      .owl-carousel {
        display: none;
        width: 100%;
        z-index: 1;
      }
      .owl-carousel .owl-stage {
        position: relative;
        -ms-touch-action: pan-Y;
        -moz-backface-visibility: hidden;
      }
      .owl-carousel .owl-stage:after {
        content: ".";
        display: block;
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0;
      }
      .owl-carousel .owl-stage-outer {
        position: relative;
        overflow: hidden;
        -webkit-transform: translate3d(0, 0, 0);
      }
      .owl-carousel .owl-item,
      .owl-carousel .owl-wrapper {
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
      }
      .owl-carousel .owl-item {
        min-height: 1px;
        float: left;
        -webkit-backface-visibility: hidden;
        -webkit-touch-callout: none;
      }
      .owl-carousel .owl-item img {
        display: block;
        width: 100%;
      }
      .owl-carousel .owl-dots.disabled,
      .owl-carousel .owl-nav.disabled {
        display: none;
      }
      .no-js .owl-carousel,
      .owl-carousel.owl-loaded {
        display: block;
      }
      .owl-carousel .owl-dot,
      .owl-carousel .owl-nav .owl-next,
      .owl-carousel .owl-nav .owl-prev {
        cursor: pointer;
        cursor: hand;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
      }
      .owl-carousel.owl-loading {
        opacity: 0;
        display: block;
      }
      .owl-carousel.owl-hidden {
        opacity: 0;
      }
      .owl-carousel.owl-refresh .owl-item {
        visibility: hidden;
      }
      .owl-carousel.owl-drag .owl-item {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
      }
      .owl-carousel.owl-grab {
        cursor: move;
        cursor: grab;
      }
      .owl-carousel.owl-rtl {
        direction: rtl;
      }
      .owl-carousel.owl-rtl .owl-item {
        float: right;
      }
      .owl-carousel .animated {
        animation-duration: 1s;
        animation-fill-mode: both;
      }
      .owl-carousel .owl-animated-in {
        z-index: 0;
      }
      .owl-carousel .owl-animated-out {
        z-index: 1;
      }
      .owl-carousel .fadeOut {
        animation-name: fadeOut;
      }
      @keyframes fadeOut {
        0% {
          opacity: 1;
        }
        100% {
          opacity: 0;
        }
      }
      .owl-height {
        transition: height 0.5s ease-in-out;
      }
      .owl-carousel .owl-item .owl-lazy {
        opacity: 0;
        transition: opacity 0.4s ease;
      }
      .owl-carousel .owl-item img.owl-lazy {
        transform-style: preserve-3d;
      }
      .owl-carousel .owl-video-wrapper {
        position: relative;
        height: 100%;
        background: #000;
      }
      .owl-carousel .owl-video-play-icon {
        position: absolute;
        height: 80px;
        width: 80px;
        left: 50%;
        top: 50%;
        margin-left: -40px;
        margin-top: -40px;
        background: url(owl.video.play.png) no-repeat;
        cursor: pointer;
        z-index: 1;
        -webkit-backface-visibility: hidden;
        transition: transform 0.1s ease;
      }
      .owl-carousel .owl-video-play-icon:hover {
        -ms-transform: scale(1.3, 1.3);
        transform: scale(1.3, 1.3);
      }
      .owl-carousel .owl-video-playing .owl-video-play-icon,
      .owl-carousel .owl-video-playing .owl-video-tn {
        display: none;
      }
      .owl-carousel .owl-video-tn {
        opacity: 0;
        height: 100%;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
        transition: opacity 0.4s ease;
      }
      .owl-carousel .owl-video-frame {
        position: relative;
        z-index: 1;
        height: 100%;
        width: 100%;
      }
      html {
        font-size: 14px;
        -ms-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        scroll-behavior: smooth;
      }
      @media all and (min-width: 768px) {
        html {
          font-size: 18px;
        }
      }
      *,
      *:before,
      *:after {
        box-sizing: inherit;
      }
      a {
        -webkit-transition: all 200ms ease;
        -moz-transition: all 200ms ease;
        transition: all 200ms ease;
        color: #6f7282;
      }
      a:active,
      a:focus,
      a:hover {
        color: #4c4e59;
      }
      .open a {
        -webkit-transition:
          background-color 200ms ease,
          color 200ms ease;
        -moz-transition:
          background-color 200ms ease,
          color 200ms ease;
        transition:
          background-color 200ms ease,
          color 200ms ease;
      }
      body {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -spec-box-orient: vertical;
        box-orient: vertical;
        -webkit-box-direction: normal;
        -moz-box-direction: normal;
        -spec-box-direction: normal;
        box-direction: normal;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -spec-flex-direction: column;
        flex-direction: column;
        -ms-flex-direction: column;
        position: relative;
        height: 100vh;
        margin: 0;
        padding: 0;
        background-color: #fff;
        color: #212326;
        overflow-x: hidden;
      }
      .button {
        -webkit-transition:
          all 200ms ease,
          font-size 200ms ease;
        -moz-transition:
          all 200ms ease,
          font-size 200ms ease;
        transition:
          all 200ms ease,
          font-size 200ms ease;
        display: inline-block;
        padding: 16px 24px;
        border: 2px solid transparent;
        border-radius: 4px;
        font-family: "Source Sans Pro", sans-serif;
        font-size: 14px;
        font-weight: 600;
        line-height: normal;
        text-align: center;
        text-decoration: none;
        cursor: pointer;
      }
      @media all and (min-width: 768px) {
        .button {
          font-size: 18px;
        }
      }
      .button:active,
      .button:hover,
      .button:focus {
        -webkit-transition:
          all 300ms ease,
          box-shadow 400ms ease;
        -moz-transition:
          all 300ms ease,
          box-shadow 400ms ease;
        transition:
          all 300ms ease,
          box-shadow 400ms ease;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.15);
      }
      .button-block {
        display: block;
        width: 100%;
      }
      .button-large {
        padding: 15px 30px;
      }
      .button-primary {
        border: 2px solid transparent;
        border-radius: 4px;
        background-color: #4563ae;
        color: #fff;
      }
      .button-primary:active,
      .button-primary:hover,
      .button-primary:focus {
        border-color: transparent;
        background: #2f4477;
        color: #fff;
        box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
      }
      .button-secondary {
        border: 2px solid #fff;
        border-radius: 4px;
        background-color: transparent;
        color: #fff;
      }
      .button-secondary:active,
      .button-secondary:hover,
      .button-secondary:focus {
        border-color: #fff;
        background: transparent;
        color: #fff;
        box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
      }
      form,
      input,
      textarea,
      label,
      fieldset,
      legend,
      select,
      optgroup,
      option,
      datalist,
      keygen,
      output {
        color: #212326;
      }
      form:focus,
      input:focus,
      textarea:focus,
      label:focus,
      fieldset:focus,
      legend:focus,
      select:focus,
      optgroup:focus,
      option:focus,
      datalist:focus,
      keygen:focus,
      output:focus {
        outline: 2px solid #4563ae;
        outline-offset: -2px;
        outline-style: solid;
      }
      fieldset {
        padding: 0;
        border: 0;
      }
      input[type="text"],
      input[type="email"],
      input[type="password"],
      input[type="search"] {
        -webkit-appearance: none;
        -moz-appearance: none;
        -ms-appearance: none;
        -o-appearance: none;
        -spec-appearance: none;
        appearance: none;
      }
      input[type="text"],
      input[type="text"]:active,
      input[type="text"]:hover,
      input[type="email"],
      input[type="email"]:active,
      input[type="email"]:hover,
      input[type="password"],
      input[type="password"]:active,
      input[type="password"]:hover,
      input[type="search"],
      input[type="search"]:active,
      input[type="search"]:hover {
        border-radius: 0;
        -webkit-border-radius: 0;
      }
      input[type="text"]:active,
      input[type="text"]:hover,
      input[type="email"]:active,
      input[type="email"]:hover,
      input[type="password"]:active,
      input[type="password"]:hover,
      input[type="search"]:active,
      input[type="search"]:hover {
        border-color: #4563ae;
      }
      input[type="checkbox"] {
        display: inline-block;
        width: auto;
        margin-right: 0.5rem;
      }
      select:active,
      select:hover {
        border-color: #4563ae;
      }
      select.form__control {
        -webkit-appearance: none;
        -moz-appearance: none;
        -ms-appearance: none;
        -o-appearance: none;
        -spec-appearance: none;
        appearance: none;
        padding-right: 32px;
      }
      .form__group {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        -spec-box-lines: multiple;
        box-lines: multiple;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -spec-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -moz-box-align: center;
        -spec-box-align: center;
        box-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        -o-align-items: center;
        -spec-align-items: center;
        align-items: center;
        -ms-flex-align: center;
        margin: 0 0 1rem;
      }
      .form__group:after,
      .form__group:before {
        -webkit-flex-basis: 0;
        -moz-flex-basis: 0;
        -spec-flex-basis: 0;
        flex-basis: 0;
        -ms-flex-preferred-size: 0;
        order: 1;
      }
      .form__group .input__group {
        -webkit-flex-grow: 1;
        -moz-flex-grow: 1;
        -spec-flex-grow: 1;
        flex-grow: 1;
        -ms-flex-positive: 1;
        width: 100%;
      }
      @media all and (min-width: 768px) {
        .form__group .input__group {
          width: unset;
          margin-right: 1rem;
        }
      }
      .form__group .input__group:last-child {
        margin-top: 1rem;
      }
      @media all and (min-width: 768px) {
        .form__group .input__group:last-child {
          margin-top: 0;
          margin-right: 0;
        }
      }
      @media all and (max-width: 767px) {
        .form__group .button {
          display: block;
          width: 100%;
        }
      }
      .form__group .form__notice {
        margin: 0;
      }
      .form__error-msg {
        display: inline-block;
        margin: 0;
        color: #e75725;
        font-size: 15.75px;
        font-weight: 400;
      }
      .form__label + .form__button-group {
        -webkit-align-self: flex-end;
        -moz-align-self: flex-end;
        -spec-align-self: flex-end;
        align-self: flex-end;
        -ms-flex-item-align: end;
        width: 100%;
        padding-top: 1rem;
      }
      @media all and (min-width: 480px) {
        .form__label + .form__button-group {
          width: 25%;
          margin-left: 1rem;
          padding-top: 0;
        }
      }
      @media all and (max-width: 479px) {
        .form__button-group .button {
          width: 100%;
        }
      }
      .form__label {
        color: #212326;
        font-size: 15.75px;
        font-weight: bold;
        line-height: 2;
      }
      .form__label input,
      .form__label textarea {
        display: block;
      }
      .form__label input[type="checkbox"] {
        display: inline-block;
        width: auto;
        margin-right: 5px;
        font-size: 1rem;
      }
      .form__label--checkbox {
        font-weight: normal;
      }
      .form__remember-me,
      .form__forgot-password {
        font-size: 15.75px;
        line-height: 2;
      }
      .form__forgot-password {
        margin-right: 0;
        margin-left: auto;
        text-align: right;
      }
      .form__select-label {
        display: inline-block;
        position: relative;
        width: 100%;
      }
      .form__select-label:after {
        display: block;
        position: absolute;
        top: 50%;
        right: 14px;
        font-family: "FontAwesome";
        font-size: 1.2rem;
        content: "\f0d7";
        z-index: 102;
        pointer-events: none;
      }
      .form__select-no-label {
        display: inline-block;
        position: relative;
      }
      .form__select-no-label:after {
        -webkit-transform: translatey(-50%);
        -moz-transform: translatey(-50%);
        -ms-transform: translatey(-50%);
        -o-transform: translatey(-50%);
        -spec-transform: translatey(-50%);
        transform: translatey(-50%);
        display: block;
        position: absolute;
        top: 50%;
        right: 14px;
        font-family: "FontAwesome";
        font-size: 1rem;
        content: "\f0d7";
        z-index: 101;
        pointer-events: none;
      }
      .form__search {
        display: block;
        position: relative;
      }
      .form__search:after {
        -webkit-transform: translatey(-50%);
        -moz-transform: translatey(-50%);
        -ms-transform: translatey(-50%);
        -o-transform: translatey(-50%);
        -spec-transform: translatey(-50%);
        transform: translatey(-50%);
        display: inline-block;
        position: absolute;
        top: 50%;
        right: 1rem;
        width: 1rem;
        height: 1rem;
        color: #212326;
        font-family: "FontAwesome";
        font-size: 1rem;
        line-height: 1;
        text-align: center;
        content: "\f002";
        pointer-events: none;
      }
      .form__control {
        -webkit-transition:
          border-color 200ms ease,
          outline 200ms ease;
        -moz-transition:
          border-color 200ms ease,
          outline 200ms ease;
        transition:
          border-color 200ms ease,
          outline 200ms ease;
        display: block;
        width: 100%;
        padding: 1rem;
        border: 2px solid #d9d9d9;
        border-radius: 0;
        background-color: #fff;
        font-size: 1rem;
        line-height: normal;
      }
      .form__control[readonly] {
        background-color: #f7f7f7;
      }
      .form__control:active,
      .form__control:hover {
        -webkit-transition:
          border-color 200ms ease,
          outline 200ms ease;
        -moz-transition:
          border-color 200ms ease,
          outline 200ms ease;
        transition:
          border-color 200ms ease,
          outline 200ms ease;
      }
      .form__control.form__control-search {
        padding-right: 32px;
      }
      .form__control.input--error {
        border: 1px solid #e75725;
      }
      .form__control.input--error:hover,
      .form__control.input--error:focus,
      .form__control.input--error:active {
        border-color: #e75725;
        outline-color: #e75725;
      }
      .form__control.input--success {
        border: 1px solid #216e2f;
      }
      .form__control.input--success:hover,
      .form__control.input--success:focus,
      .form__control.input--success:active {
        border-color: #216e2f;
        outline-color: #216e2f;
      }
      .form__notice,
      .form-error__list {
        width: 100%;
        font-size: 15.75px;
      }
      .form__notice {
        font-style: italic;
      }
      .form-error__list {
        color: #e75725;
      }
      .honeypot-field {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
      }
      ::-webkit-input-placeholder {
        color: #909193;
      }
      ::-moz-placeholder {
        color: #909193;
      }
      :-ms-input-placeholder {
        color: #909193;
      }
      :-moz-placeholder {
        color: #909193;
      }
      ::placeholder {
        color: #909193;
      }
      ol,
      ul,
      li {
        margin: 0;
        padding: 0;
      }
      ul {
        list-style: none;
      }
      .section__body ol,
      .section__body ul {
        margin-left: 2rem;
      }
      .section__body ul {
        list-style: initial;
      }
      figure {
        position: relative;
        margin: 0 0 1rem;
      }
      figure img {
        display: block;
        width: 100%;
      }
      figcaption {
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 0.5rem 1rem;
        font-size: 15.75px;
        font-style: italic;
        z-index: 0;
      }
      figcaption:before {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #fff;
        content: "";
        opacity: 0.7;
        z-index: -1;
      }
      .img-responsive {
        display: block;
        width: 100%;
        height: auto;
      }
      .embed-responsive {
        position: relative;
        height: 0;
        padding-bottom: 56.25%;
      }
      @media all and (min-width: 768px) {
        .embed-responsive {
          padding-top: 25px;
          padding-bottom: 53.25%;
        }
      }
      .embed-responsive iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
      }
      @media all and (max-width: 767px) {
        [class*="__wrapper"] > [class*="__menu"] ul {
          box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.05);
        }
      }
      @media all and (min-width: 992px) {
        [class*="__wrapper"] > [class*="__menu"] ul {
          box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.05);
        }
      }
      [class*="__wrapper"] > [class*="__menu"] li {
        display: block;
      }
      [class*="__wrapper"] > [class*="__menu"] li a {
        -webkit-transition: color 0 ease;
        -moz-transition: color 0 ease;
        transition: color 0 ease;
        display: block;
        position: relative;
        padding: 8px 16px;
        background-color: #fff;
        color: #000;
        font-weight: 500;
        text-align: left;
        text-decoration: none;
      }
      [class*="__wrapper"] > [class*="__menu"] li a.active,
      [class*="__wrapper"] > [class*="__menu"] li a:active,
      [class*="__wrapper"] > [class*="__menu"] li a:hover {
        color: #4563ae;
      }
      [class*="__wrapper"] > [class*="__menu"] li a:before {
        -webkit-transition: width 200ms ease-in-out;
        -moz-transition: width 200ms ease-in-out;
        transition: width 200ms ease-in-out;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 0;
        height: 100%;
        background-color: #4563ae;
        content: "";
      }
      [class*="__wrapper"] > [class*="__menu"] li a:active:before,
      [class*="__wrapper"] > [class*="__menu"] li a:hover:before,
      [class*="__wrapper"] > [class*="__menu"] li a.active:before {
        -webkit-transition: width 300ms ease-in-out;
        -moz-transition: width 300ms ease-in-out;
        transition: width 300ms ease-in-out;
        width: 5px;
      }
      @media screen and (min-width: 768px) and (max-width: 991px) {
        [class*="__wrapper"] > [class*="__menu"] ul {
          border: 0;
          border-bottom: 1px solid rgba(33, 35, 38, 0.1);
          font-size: 0;
        }
        [class*="__wrapper"] > [class*="__menu"] li {
          display: inline-block;
          width: auto;
        }
        [class*="__wrapper"] > [class*="__menu"] li:first-child a {
          border-left: 1px solid rgba(33, 35, 38, 0.1);
        }
        [class*="__wrapper"] > [class*="__menu"] li a {
          position: relative;
          top: 1px;
          border-top: 1px solid rgba(33, 35, 38, 0.1);
          border-right: 1px solid rgba(33, 35, 38, 0.1);
          font-size: 1rem;
        }
        [class*="__wrapper"] > [class*="__menu"] li a:before {
          content: none;
        }
        [class*="__wrapper"] > [class*="__menu"] li a.active {
          border-bottom: 1px solid #fff;
          background: #f8f2e9;
        }
        [class*="__wrapper"] > [class*="__menu"] li a.active,
        [class*="__wrapper"] > [class*="__menu"] li a:active,
        [class*="__wrapper"] > [class*="__menu"] li a:hover {
          border-bottom-color: #fff;
          background-color: #fff;
        }
      }
      .pagination {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        -spec-box-lines: multiple;
        box-lines: multiple;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -spec-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: center;
        width: 100%;
      }
      .pagination:after,
      .pagination:before {
        -webkit-flex-basis: 0;
        -moz-flex-basis: 0;
        -spec-flex-basis: 0;
        flex-basis: 0;
        -ms-flex-preferred-size: 0;
        order: 1;
      }
      @media all and (min-width: 768px) {
        .pagination {
          margin: 0 0 2rem;
        }
      }
      .pagination__pages {
        list-style: none;
      }
      .pagination__pages li {
        display: inline-block;
      }
      .pagination__pages li.active a {
        color: #6f7282;
      }
      .pagination__pages li.active a:after {
        content: "";
      }
      .pagination__pages a {
        position: relative;
        color: #4c4e59;
        font-size: 1rem;
        font-weight: bold;
        text-decoration: none;
      }
      @media all and (min-width: 768px) {
        .pagination__pages a {
          font-size: 15.75px;
        }
      }
      .pagination__pages a:active,
      .pagination__pages a:hover {
        color: #6f7282;
      }
      .pagination__pages .fa {
        margin: 0 5px;
        font-size: 1rem;
        font-weight: normal;
        vertical-align: middle;
      }
      @media all and (min-width: 768px) {
        .pagination__pages .fa {
          font-size: 0.5rem;
        }
      }
      .pagination__page-number {
        margin: 0 2.5px;
      }
      .pagination__page-number:active:after,
      .pagination__page-number:focus:after,
      .pagination__page-number:hover:after {
        content: "";
      }
      .pagination__page-number:after {
        display: inline-block;
        position: absolute;
        bottom: -3px;
        left: 0;
        width: 100%;
        height: 2px;
        background-color: #6f7282;
        content: none;
      }
      .card {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -spec-box-orient: vertical;
        box-orient: vertical;
        -webkit-box-direction: normal;
        -moz-box-direction: normal;
        -spec-box-direction: normal;
        box-direction: normal;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -spec-flex-direction: column;
        flex-direction: column;
        -ms-flex-direction: column;
        -webkit-transition:
          -webkit-transform 200ms ease,
          background-color 200ms ease,
          box-shadow 200ms ease;
        -moz-transition:
          -moz-transform 200ms ease,
          background-color 200ms ease,
          box-shadow 200ms ease;
        transition:
          transform 200ms ease,
          background-color 200ms ease,
          box-shadow 200ms ease;
        position: relative;
        height: 100%;
        border-radius: 4px;
        background-color: #fff;
        color: #212326;
        text-decoration: none;
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        overflow: hidden;
      }
      .card:active,
      .card:focus,
      .card:hover {
        -webkit-transition:
          -webkit-transform 200ms ease,
          background-color 200ms ease,
          box-shadow 200ms ease;
        -moz-transition:
          -moz-transform 200ms ease,
          background-color 200ms ease,
          box-shadow 200ms ease;
        transition:
          transform 200ms ease,
          background-color 200ms ease,
          box-shadow 200ms ease;
        background-color: #f8f2e9;
        color: #212326;
        box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.15);
      }
      .card h2,
      .card h3 {
        color: #212326;
      }
      .card a {
        text-decoration: none;
      }
      .card__img-container {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        position: relative;
      }
      .card__img {
        aspect-ratio: 16 / 9;
        width: 100%;
        object-fit: cover;
      }
      .card__body-container {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -spec-box-orient: vertical;
        box-orient: vertical;
        -webkit-box-direction: normal;
        -moz-box-direction: normal;
        -spec-box-direction: normal;
        box-direction: normal;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -spec-flex-direction: column;
        flex-direction: column;
        -ms-flex-direction: column;
        height: 100%;
      }
      .card__body {
        width: 100%;
        height: 100%;
        padding: 16px;
      }
      .card__category {
        margin-bottom: 8px;
        color: #212326;
        font-size: 14px;
        text-transform: uppercase;
      }
      .card__name {
        display: -webkit-box;
        text-overflow: ellipsis;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        margin: 0 0 1rem;
        font-family: "Libre Baskerville", sans-serif;
        font-size: 20px;
        font-weight: 400;
        line-height: 1.25;
        margin-bottom: 8px;
      }
      .card__product-info {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -moz-box-align: center;
        -spec-box-align: center;
        box-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        -o-align-items: center;
        -spec-align-items: center;
        align-items: center;
        -ms-flex-align: center;
        color: #212326;
        font-size: 14px;
      }
      .card__product-info .toga-icon {
        margin-right: 8px;
      }
      .card__description {
        display: -webkit-box;
        text-overflow: ellipsis;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        margin-top: 8px;
        margin-bottom: 0;
        color: #212326;
        font-weight: 400;
      }
      .card__price {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 0;
        color: #212326;
        font-size: 14px;
        line-height: 1.5;
      }
      .card__price-container {
        padding: 0 16px 16px;
      }
      .card__price-container strong {
        flex-shrink: 0;
        margin-right: 8px;
        color: #212326;
        font-family: "Libre Baskerville", sans-serif;
        font-size: 20px;
        font-weight: 400;
        line-height: 1.2;
      }
      .card__badge {
        display: inline-block;
        padding: 4px 12px;
        border-radius: 4px;
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
      }
      .card__badge--presell {
        display: block;
        position: absolute;
        top: 16px;
        right: 16px;
        background-color: #4563ae;
        color: #fff;
        z-index: 103;
      }
      .card__badge--free {
        background-color: #f0f8f1;
        color: #216e2f;
      }
      .card__reviews {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -moz-box-align: center;
        -spec-box-align: center;
        box-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        -o-align-items: center;
        -spec-align-items: center;
        align-items: center;
        -ms-flex-align: center;
        margin-top: 8px;
        color: #212326;
        font-size: 14px;
      }
      .card__reviews .review__star {
        color: #fccd56;
      }
      .card__reviews-average {
        margin-left: 8px;
        color: #212326;
        font-weight: bold;
      }
      .card--community .toga-icon-people {
        font-size: 18px;
      }
      .card--category .card__body-container {
        padding: 16px;
      }
      .card--featured {
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -spec-box-orient: vertical;
        box-orient: vertical;
        -webkit-box-direction: normal;
        -moz-box-direction: normal;
        -spec-box-direction: normal;
        box-direction: normal;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -spec-flex-direction: column;
        flex-direction: column;
        -ms-flex-direction: column;
      }
      @media all and (min-width: 992px) {
        .card--featured {
          -webkit-box-orient: horizontal;
          -moz-box-orient: horizontal;
          -spec-box-orient: horizontal;
          box-orient: horizontal;
          -webkit-box-direction: normal;
          -moz-box-direction: normal;
          -spec-box-direction: normal;
          box-direction: normal;
          -webkit-flex-direction: row;
          -moz-flex-direction: row;
          -spec-flex-direction: row;
          flex-direction: row;
          -ms-flex-direction: row;
        }
      }
      @media all and (min-width: 992px) {
        .card--featured .card__name {
          -webkit-line-clamp: 2;
        }
        .card--featured .card__img {
          width: 368px;
        }
        .card--featured .card__body-container {
          -webkit-box-orient: horizontal;
          -moz-box-orient: horizontal;
          -spec-box-orient: horizontal;
          box-orient: horizontal;
          -webkit-box-direction: normal;
          -moz-box-direction: normal;
          -spec-box-direction: normal;
          box-direction: normal;
          -webkit-flex-direction: row;
          -moz-flex-direction: row;
          -spec-flex-direction: row;
          flex-direction: row;
          -ms-flex-direction: row;
          -webkit-flex-basis: 100%;
          -moz-flex-basis: 100%;
          -spec-flex-basis: 100%;
          flex-basis: 100%;
          -ms-flex-preferred-size: 100%;
        }
        .card--featured .card__body {
          display: -webkit-box;
          display: -moz-box;
          display: box;
          display: -webkit-flex;
          display: -moz-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -moz-box-orient: vertical;
          -spec-box-orient: vertical;
          box-orient: vertical;
          -webkit-box-direction: normal;
          -moz-box-direction: normal;
          -spec-box-direction: normal;
          box-direction: normal;
          -webkit-flex-direction: column;
          -moz-flex-direction: column;
          -spec-flex-direction: column;
          flex-direction: column;
          -ms-flex-direction: column;
          color: unset;
        }
        .card--featured .card__body:focus {
          outline-offset: -2px;
        }
        .card--featured .card__price-container {
          display: -webkit-box;
          display: -moz-box;
          display: box;
          display: -webkit-flex;
          display: -moz-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: justify;
          -moz-box-pack: justify;
          -spec-box-pack: justify;
          box-pack: justify;
          -webkit-justify-content: space-between;
          -moz-justify-content: space-between;
          -ms-justify-content: space-between;
          -o-justify-content: space-between;
          -spec-justify-content: space-between;
          justify-content: space-between;
          -ms-flex-pack: justify;
          width: 100%;
          margin-top: auto;
          padding: 16px 0 0;
        }
        .card--featured .card__price {
          padding-right: 16px;
        }
        .card--featured .card__button {
          flex-shrink: 0;
          align-self: flex-end;
          margin-left: 0;
        }
      }
      .card--featured .card__price-container {
        padding-left: 0;
      }
      .card--featured .card__button {
        margin: 16px;
      }
      .card--dashboard .card__header {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -spec-box-orient: vertical;
        box-orient: vertical;
        -webkit-box-direction: normal;
        -moz-box-direction: normal;
        -spec-box-direction: normal;
        box-direction: normal;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -spec-flex-direction: column;
        flex-direction: column;
        -ms-flex-direction: column;
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -spec-box-flex: 1;
        box-flex: 1;
        -webkit-flex: 1 1 auto;
        -moz-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        -spec-flex: 1 1 auto;
        flex: 1 1 auto;
        position: relative;
        z-index: 103;
      }
      .card--dashboard .card__header a {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -spec-box-orient: vertical;
        box-orient: vertical;
        -webkit-box-direction: normal;
        -moz-box-direction: normal;
        -spec-box-direction: normal;
        box-direction: normal;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -spec-flex-direction: column;
        flex-direction: column;
        -ms-flex-direction: column;
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -spec-box-flex: 1;
        box-flex: 1;
        -webkit-flex: 1 1 auto;
        -moz-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        -spec-flex: 1 1 auto;
        flex: 1 1 auto;
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        -spec-box-pack: justify;
        box-pack: justify;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        -o-justify-content: space-between;
        -spec-justify-content: space-between;
        justify-content: space-between;
        -ms-flex-pack: justify;
        width: 100%;
        height: 100%;
        text-decoration: none;
      }
      .card--dashboard .card__name {
        height: 100%;
        margin: 0 24px 24px;
        padding-top: 2rem;
        text-align: center;
      }
      .card--dashboard .card__name--community {
        margin-bottom: 16px;
      }
      .card--dashboard .card__body {
        height: auto;
        margin: 0;
        text-align: center;
      }
      .card--dashboard .card__img {
        aspect-ratio: 16 / 9;
        height: 100%;
        width: 100%;
        object-fit: cover;
      }
      .card--dashboard .card__details {
        display: flex;
        flex: 1;
        height: 3rem;
      }
      .card--dashboard .card__details a,
      .card--dashboard .card__details span {
        display: flex;
        flex: 1;
        align-items: center;
        justify-content: center;
        height: 3rem;
        font-weight: 400;
      }
      .card--dashboard .card__details a,
      .card--dashboard .card__details a:active,
      .card--dashboard .card__details a:hover,
      .card--dashboard .card__details a:focus,
      .card--dashboard .card__details span,
      .card--dashboard .card__details span:active,
      .card--dashboard .card__details span:hover,
      .card--dashboard .card__details span:focus {
        background-color: transparent;
        color: #000;
      }
      .card--dashboard .card__details a:first-child,
      .card--dashboard .card__details span:first-child {
        border: 0;
      }
      .card--dashboard .card__details a:active,
      .card--dashboard .card__details a:hover,
      .card--dashboard .card__details a:focus {
        box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.15);
      }
      .card--dashboard .card__percentage {
        position: absolute;
        width: 54px;
        height: 54px;
        margin-top: 3px;
        margin-left: 3px;
        border-radius: 50%;
        background-color: #fff;
        color: #4563ae;
        line-height: 54px;
        text-align: center;
      }
      .card--dashboard .card__percentage:before {
        position: absolute;
        top: 0;
        left: 0;
        width: 54px;
        height: 54px;
        border: 1px solid rgba(33, 35, 38, 0.1);
        border-radius: 50%;
        content: "";
      }
      .card--dashboard .card[data-progress="1"] .circle .fill,
      .card--dashboard .card[data-progress="1"] .circle .mask.full {
        -webkit-transition-delay: 1s;
        -moz-transition-delay: 1s;
        -spec-transition-delay: 1s;
        transition-delay: 1s;
        -webkit-transform: rotate(1.8deg);
        -moz-transform: rotate(1.8deg);
        -ms-transform: rotate(1.8deg);
        -o-transform: rotate(1.8deg);
        -spec-transform: rotate(1.8deg);
        transform: rotate(1.8deg);
      }
      .card--dashboard .card[data-progress="1"] .circle .fill.fix {
        -webkit-transform: rotate(3.6deg);
        -moz-transform: rotate(3.6deg);
        -ms-transform: rotate(3.6deg);
        -o-transform: rotate(3.6deg);
        -spec-transform: rotate(3.6deg);
        transform: rotate(3.6deg);
      }
      .card--dashboard .card[data-progress="2"] .circle .fill,
      .card--dashboard .card[data-progress="2"] .circle .mask.full {
        -webkit-transition-delay: 1s;
        -moz-transition-delay: 1s;
        -spec-transition-delay: 1s;
        transition-delay: 1s;
        -webkit-transform: rotate(3.6deg);
        -moz-transform: rotate(3.6deg);
        -ms-transform: rotate(3.6deg);
        -o-transform: rotate(3.6deg);
        -spec-transform: rotate(3.6deg);
        transform: rotate(3.6deg);
      }
      .card--dashboard .card[data-progress="2"] .circle .fill.fix {
        -webkit-transform: rotate(7.2deg);
        -moz-transform: rotate(7.2deg);
        -ms-transform: rotate(7.2deg);
        -o-transform: rotate(7.2deg);
        -spec-transform: rotate(7.2deg);
        transform: rotate(7.2deg);
      }
      .card--dashboard .card[data-progress="3"] .circle .fill,
      .card--dashboard .card[data-progress="3"] .circle .mask.full {
        -webkit-transition-delay: 1s;
        -moz-transition-delay: 1s;
        -spec-transition-delay: 1s;
        transition-delay: 1s;
        -webkit-transform: rotate(5.4deg);
        -moz-transform: rotate(5.4deg);
        -ms-transform: rotate(5.4deg);
        -o-transform: rotate(5.4deg);
        -spec-transform: rotate(5.4deg);
        transform: rotate(5.4deg);
      }
      .card--dashboard .card[data-progress="3"] .circle .fill.fix {
        -webkit-transform: rotate(10.8deg);
        -moz-transform: rotate(10.8deg);
        -ms-transform: rotate(10.8deg);
        -o-transform: rotate(10.8deg);
        -spec-transform: rotate(10.8deg);
        transform: rotate(10.8deg);
      }
      .card--dashboard .card[data-progress="4"] .circle .fill,
      .card--dashboard .card[data-progress="4"] .circle .mask.full {
        -webkit-transition-delay: 1s;
        -moz-transition-delay: 1s;
        -spec-transition-delay: 1s;
        transition-delay: 1s;
        -webkit-transform: rotate(7.2deg);
        -moz-transform: rotate(7.2deg);
        -ms-transform: rotate(7.2deg);
        -o-transform: rotate(7.2deg);
        -spec-transform: rotate(7.2deg);
        transform: rotate(7.2deg);
      }
      .card--dashboard .card[data-progress="4"] .circle .fill.fix {
        -webkit-transform: rotate(14.4deg);
        -moz-transform: rotate(14.4deg);
        -ms-transform: rotate(14.4deg);
        -o-transform: rotate(14.4deg);
        -spec-transform: rotate(14.4deg);
        transform: rotate(14.4deg);
      }
      .card--dashboard .card[data-progress="5"] .circle .fill,
      .card--dashboard .card[data-progress="5"] .circle .mask.full {
        -webkit-transition-delay: 1s;
        -moz-transition-delay: 1s;
        -spec-transition-delay: 1s;
        transition-delay: 1s;
        -webkit-transform: rotate(9deg);
        -moz-transform: rotate(9deg);
        -ms-transform: rotate(9deg);
        -o-transform: rotate(9deg);
        -spec-transform: rotate(9deg);
        transform: rotate(9deg);
      }
      .card--dashboard .card[data-progress="5"] .circle .fill.fix {
        -webkit-transform: rotate(18deg);
        -moz-transform: rotate(18deg);
        -ms-transform: rotate(18deg);
        -o-transform: rotate(18deg);
        -spec-transform: rotate(18deg);
        transform: rotate(18deg);
      }
      .card--dashboard .card[data-progress="6"] .circle .fill,
      .card--dashboard .card[data-progress="6"] .circle .mask.full {
        -webkit-transition-delay: 1s;
        -moz-transition-delay: 1s;
        -spec-transition-delay: 1s;
        transition-delay: 1s;
        -webkit-transform: rotate(10.8deg);
        -moz-transform: rotate(10.8deg);
        -ms-transform: rotate(10.8deg);
        -o-transform: rotate(10.8deg);
        -spec-transform: rotate(10.8deg);
        transform: rotate(10.8deg);
      }
      .card--dashboard .card[data-progress="6"] .circle .fill.fix {
        -webkit-transform: rotate(21.6deg);
        -moz-transform: rotate(21.6deg);
        -ms-transform: rotate(21.6deg);
        -o-transform: rotate(21.6deg);
        -spec-transform: rotate(21.6deg);
        transform: rotate(21.6deg);
      }
      .card--dashboard .card[data-progress="7"] .circle .fill,
      .card--dashboard .card[data-progress="7"] .circle .mask.full {
        -webkit-transition-delay: 1s;
        -moz-transition-delay: 1s;
        -spec-transition-delay: 1s;
        transition-delay: 1s;
        -webkit-transform: rotate(12.6deg);
        -moz-transform: rotate(12.6deg);
        -ms-transform: rotate(12.6deg);
        -o-transform: rotate(12.6deg);
        -spec-transform: rotate(12.6deg);
        transform: rotate(12.6deg);
      }
      .card--dashboard .card[data-progress="7"] .circle .fill.fix {
        -webkit-transform: rotate(25.2deg);
        -moz-transform: rotate(25.2deg);
        -ms-transform: rotate(25.2deg);
        -o-transform: rotate(25.2deg);
        -spec-transform: rotate(25.2deg);
        transform: rotate(25.2deg);
      }
      .card--dashboard .card[data-progress="8"] .circle .fill,
      .card--dashboard .card[data-progress="8"] .circle .mask.full {
        -webkit-transition-delay: 1s;
        -moz-transition-delay: 1s;
        -spec-transition-delay: 1s;
        transition-delay: 1s;
        -webkit-transform: rotate(14.4deg);
        -moz-transform: rotate(14.4deg);
        -ms-transform: rotate(14.4deg);
        -o-transform: rotate(14.4deg);
        -spec-transform: rotate(14.4deg);
        transform: rotate(14.4deg);
      }
      .card--dashboard .card[data-progress="8"] .circle .fill.fix {
        -webkit-transform: rotate(28.8deg);
        -moz-transform: rotate(28.8deg);
        -ms-transform: rotate(28.8deg);
        -o-transform: rotate(28.8deg);
        -spec-transform: rotate(28.8deg);
        transform: rotate(28.8deg);
      }
      .card--dashboard .card[data-progress="9"] .circle .fill,
      .card--dashboard .card[data-progress="9"] .circle .mask.full {
        -webkit-transition-delay: 1s;
        -moz-transition-delay: 1s;
        -spec-transition-delay: 1s;
        transition-delay: 1s;
        -webkit-transform: rotate(16.2deg);
        -moz-transform: rotate(16.2deg);
        -ms-transform: rotate(16.2deg);
        -o-transform: rotate(16.2deg);
        -spec-transform: rotate(16.2deg);
        transform: rotate(16.2deg);
      }
      .card--dashboard .card[data-progress="9"] .circle .fill.fix {
        -webkit-transform: rotate(32.4deg);
        -moz-transform: rotate(32.4deg);
        -ms-transform: rotate(32.4deg);
        -o-transform: rotate(32.4deg);
        -spec-transform: rotate(32.4deg);
        transform: rotate(32.4deg);
      }
      .card--dashboard .card[data-progress="10"] .circle .fill,
      .card--dashboard .card[data-progress="10"] .circle .mask.full {
        -webkit-transition-delay: 1s;
        -moz-transition-delay: 1s;
        -spec-transition-delay: 1s;
        transition-delay: 1s;
        -webkit-transform: rotate(18deg);
        -moz-transform: rotate(18deg);
        -ms-transform: rotate(18deg);
        -o-transform: rotate(18deg);
        -spec-transform: rotate(18deg);
        transform: rotate(18deg);
      }
      .card--dashboard .card[data-progress="10"] .circle .fill.fix {
        -webkit-transform: rotate(36deg);
        -moz-transform: rotate(36deg);
        -ms-transform: rotate(36deg);
        -o-transform: rotate(36deg);
        -spec-transform: rotate(36deg);
        transform: rotate(36deg);
      }
      .card--dashboard .card[data-progress="11"] .circle .fill,
      .card--dashboard .card[data-progress="11"] .circle .mask.full {
        -webkit-transition-delay: 1s;
        -moz-transition-delay: 1s;
        -spec-transition-delay: 1s;
        transition-delay: 1s;
        -webkit-transform: rotate(19.8deg);
        -moz-transform: rotate(19.8deg);
        -ms-transform: rotate(19.8deg);
        -o-transform: rotate(19.8deg);
        -spec-transform: rotate(19.8deg);
        transform: rotate(19.8deg);
      }
      .card--dashboard .card[data-progress="11"] .circle .fill.fix {
        -webkit-transform: rotate(39.6deg);
        -moz-transform: rotate(39.6deg);
        -ms-transform: rotate(39.6deg);
        -o-transform: rotate(39.6deg);
        -spec-transform: rotate(39.6deg);
        transform: rotate(39.6deg);
      }
      .card--dashboard .card[data-progress="12"] .circle .fill,
      .card--dashboard .card[data-progress="12"] .circle .mask.full {
        -webkit-transition-delay: 1s;
        -moz-transition-delay: 1s;
        -spec-transition-delay: 1s;
        transition-delay: 1s;
        -webkit-transform: rotate(21.6deg);
        -moz-transform: rotate(21.6deg);
        -ms-transform: rotate(21.6deg);
        -o-transform: rotate(21.6deg);
        -spec-transform: rotate(21.6deg);
        transform: rotate(21.6deg);
      }
      .card--dashboard .card[data-progress="12"] .circle .fill.fix {
        -webkit-transform: rotate(43.2deg);
        -moz-transform: rotate(43.2deg);
        -ms-transform: rotate(43.2deg);
        -o-transform: rotate(43.2deg);
        -spec-transform: rotate(43.2deg);
        transform: rotate(43.2deg);
      }
      .card--dashboard .card[data-progress="13"] .circle .fill,
      .card--dashboard .card[data-progress="13"] .circle .mask.full {
        -webkit-transition-delay: 1s;
        -moz-transition-delay: 1s;
        -spec-transition-delay: 1s;
        transition-delay: 1s;
        -webkit-transform: rotate(23.4deg);
        -moz-transform: rotate(23.4deg);
        -ms-transform: rotate(23.4deg);
        -o-transform: rotate(23.4deg);
        -spec-transform: rotate(23.4deg);
        transform: rotate(23.4deg);
      }
      .card--dashboard .card[data-progress="13"] .circle .fill.fix {
        -webkit-transform: rotate(46.8deg);
        -moz-transform: rotate(46.8deg);
        -ms-transform: rotate(46.8deg);
        -o-transform: rotate(46.8deg);
        -spec-transform: rotate(46.8deg);
        transform: rotate(46.8deg);
      }
      .card--dashboard .card[data-progress="14"] .circle .fill,
      .card--dashboard .card[data-progress="14"] .circle .mask.full {
        -webkit-transition-delay: 1s;
        -moz-transition-delay: 1s;
        -spec-transition-delay: 1s;
        transition-delay: 1s;
        -webkit-transform: rotate(25.2deg);
        -moz-transform: rotate(25.2deg);
        -ms-transform: rotate(25.2deg);
        -o-transform: rotate(25.2deg);
        -spec-transform: rotate(25.2deg);
        transform: rotate(25.2deg);
      }
      .card--dashboard .card[data-progress="14"] .circle .fill.fix {
        -webkit-transform: rotate(50.4deg);
        -moz-transform: rotate(50.4deg);
        -ms-transform: rotate(50.4deg);
        -o-transform: rotate(50.4deg);
        -spec-transform: rotate(50.4deg);
        transform: rotate(50.4deg);
      }
      .card--dashboard .card[data-progress="15"] .circle .fill,
      .card--dashboard .card[data-progress="15"] .circle .mask.full {
        -webkit-transition-delay: 1s;
        -moz-transition-delay: 1s;
        -spec-transition-delay: 1s;
        transition-delay: 1s;
        -webkit-transform: rotate(27deg);
        -moz-transform: rotate(27deg);
        -ms-transform: rotate(27deg);
        -o-transform: rotate(27deg);
        -spec-transform: rotate(27deg);
        transform: rotate(27deg);
      }
      .card--dashboard .card[data-progress="15"] .circle .fill.fix {
        -webkit-transform: rotate(54deg);
        -moz-transform: rotate(54deg);
        -ms-transform: rotate(54deg);
        -o-transform: rotate(54deg);
        -spec-transform: rotate(54deg);
        transform: rotate(54deg);
      }
      .card--dashboard .card[data-progress="16"] .circle .fill,
      .card--dashboard .card[data-progress="16"] .circle .mask.full {
        -webkit-transition-delay: 1s;
        -moz-transition-delay: 1s;
        -spec-transition-delay: 1s;
        transition-delay: 1s;
        -webkit-transform: rotate(28.8deg);
        -moz-transform: rotate(28.8deg);
        -ms-transform: rotate(28.8deg);
        -o-transform: rotate(28.8deg);
        -spec-transform: rotate(28.8deg);
        transform: rotate(28.8deg);
      }
      .card--dashboard .card[data-progress="16"] .circle .fill.fix {
        -webkit-transform: rotate(57.6deg);
        -moz-transform: rotate(57.6deg);
        -ms-transform: rotate(57.6deg);
        -o-transform: rotate(57.6deg);
        -spec-transform: rotate(57.6deg);
        transform: rotate(57.6deg);
      }
      .card--dashboard .card[data-progress="17"] .circle .fill,
      .card--dashboard .card[data-progress="17"] .circle .mask.full {
        -webkit-transition-delay: 1s;
        -moz-transition-delay: 1s;
        -spec-transition-delay: 1s;
        transition-delay: 1s;
        -webkit-transform: rotate(30.6deg);
        -moz-transform: rotate(30.6deg);
        -ms-transform: rotate(30.6deg);
        -o-transform: rotate(30.6deg);
        -spec-transform: rotate(30.6deg);
        transform: rotate(30.6deg);
      }
      .card--dashboard .card[data-progress="17"] .circle .fill.fix {
        -webkit-transform: rotate(61.2deg);
        -moz-transform: rotate(61.2deg);
        -ms-transform: rotate(61.2deg);
        -o-transform: rotate(61.2deg);
        -spec-transform: rotate(61.2deg);
        transform: rotate(61.2deg);
      }
      .card--dashboard .card[data-progress="18"] .circle .fill,
      .card--dashboard .card[data-progress="18"] .circle .mask.full {
        -webkit-transition-delay: 1s;
        -moz-transition-delay: 1s;
        -spec-transition-delay: 1s;
        transition-delay: 1s;
        -webkit-transform: rotate(32.4deg);
        -moz-transform: rotate(32.4deg);
        -ms-transform: rotate(32.4deg);
        -o-transform: rotate(32.4deg);
        -spec-transform: rotate(32.4deg);
        transform: rotate(32.4deg);
      }
      .card--dashboard .card[data-progress="18"] .circle .fill.fix {
        -webkit-transform: rotate(64.8deg);
        -moz-transform: rotate(64.8deg);
        -ms-transform: rotate(64.8deg);
        -o-transform: rotate(64.8deg);
        -spec-transform: rotate(64.8deg);
        transform: rotate(64.8deg);
      }
      .card--dashboard .card[data-progress="19"] .circle .fill,
      .card--dashboard .card[data-progress="19"] .circle .mask.full {
        -webkit-transition-delay: 1s;
        -moz-transition-delay: 1s;
        -spec-transition-delay: 1s;
        transition-delay: 1s;
        -webkit-transform: rotate(34.2deg);
        -moz-transform: rotate(34.2deg);
        -ms-transform: rotate(34.2deg);
        -o-transform: rotate(34.2deg);
        -spec-transform: rotate(34.2deg);
        transform: rotate(34.2deg);
      }
      .card--dashboard .card[data-progress="19"] .circle .fill.fix {
        -webkit-transform: rotate(68.4deg);
        -moz-transform: rotate(68.4deg);
        -ms-transform: rotate(68.4deg);
        -o-transform: rotate(68.4deg);
        -spec-transform: rotate(68.4deg);
        transform: rotate(68.4deg);
      }
      .card--dashboard .card[data-progress="20"] .circle .fill,
      .card--dashboard .card[data-progress="20"] .circle .mask.full {
        -webkit-transition-delay: 1s;
        -moz-transition-delay: 1s;
        -spec-transition-delay: 1s;
        transition-delay: 1s;
        -webkit-transform: rotate(36deg);
        -moz-transform: rotate(36deg);
        -ms-transform: rotate(36deg);
        -o-transform: rotate(36deg);
        -spec-transform: rotate(36deg);
        transform: rotate(36deg);
      }
      .card--dashboard .card[data-progress="20"] .circle .fill.fix {
        -webkit-transform: rotate(72deg);
        -moz-transform: rotate(72deg);
        -ms-transform: rotate(72deg);
        -o-transform: rotate(72deg);
        -spec-transform: rotate(72deg);
        transform: rotate(72deg);
      }
      .card--dashboard .card[data-progress="21"] .circle .fill,
      .card--dashboard .card[data-progress="21"] .circle .mask.full {
        -webkit-transition-delay: 1s;
        -moz-transition-delay: 1s;
        -spec-transition-delay: 1s;
        transition-delay: 1s;
        -webkit-transform: rotate(37.8deg);
        -moz-transform: rotate(37.8deg);
        -ms-transform: rotate(37.8deg);
        -o-transform: rotate(37.8deg);
        -spec-transform: rotate(37.8deg);
        transform: rotate(37.8deg);
      }
      .card--dashboard .card[data-progress="21"] .circle .fill.fix {
        -webkit-transform: rotate(75.6deg);
        -moz-transform: rotate(75.6deg);
        -ms-transform: rotate(75.6deg);
        -o-transform: rotate(75.6deg);
        -spec-transform: rotate(75.6deg);
        transform: rotate(75.6deg);
      }
      .card--dashboard .card[data-progress="22"] .circle .fill,
      .card--dashboard .card[data-progress="22"] .circle .mask.full {
        -webkit-transition-delay: 1s;
        -moz-transition-delay: 1s;
        -spec-transition-delay: 1s;
        transition-delay: 1s;
        -webkit-transform: rotate(39.6deg);
        -moz-transform: rotate(39.6deg);
        -ms-transform: rotate(39.6deg);
        -o-transform: rotate(39.6deg);
        -spec-transform: rotate(39.6deg);
        transform: rotate(39.6deg);
      }
      .card--dashboard .card[data-progress="22"] .circle .fill.fix {
        -webkit-transform: rotate(79.2deg);
        -moz-transform: rotate(79.2deg);
        -ms-transform: rotate(79.2deg);
        -o-transform: rotate(79.2deg);
        -spec-transform: rotate(79.2deg);
        transform: rotate(79.2deg);
      }
      .card--dashboard .card[data-progress="23"] .circle .fill,
      .card--dashboard .card[data-progress="23"] .circle .mask.full {
        -webkit-transition-delay: 1s;
        -moz-transition-delay: 1s;
        -spec-transition-delay: 1s;
        transition-delay: 1s;
        -webkit-transform: rotate(41.4deg);
        -moz-transform: rotate(41.4deg);
        -ms-transform: rotate(41.4deg);
        -o-transform: rotate(41.4deg);
        -spec-transform: rotate(41.4deg);
        transform: rotate(41.4deg);
      }
      .card--dashboard .card[data-progress="23"] .circle .fill.fix {
        -webkit-transform: rotate(82.8deg);
        -moz-transform: rotate(82.8deg);
        -ms-transform: rotate(82.8deg);
        -o-transform: rotate(82.8deg);
        -spec-transform: rotate(82.8deg);
        transform: rotate(82.8deg);
      }
      .card--dashboard .card[data-progress="24"] .circle .fill,
      .card--dashboard .card[data-progress="24"] .circle .mask.full {
        -webkit-transition-delay: 1s;
        -moz-transition-delay: 1s;
        -spec-transition-delay: 1s;
        transition-delay: 1s;
        -webkit-transform: rotate(43.2deg);
        -moz-transform: rotate(43.2deg);
        -ms-transform: rotate(43.2deg);
        -o-transform: rotate(43.2deg);
        -spec-transform: rotate(43.2deg);
        transform: rotate(43.2deg);
      }
      .card--dashboard .card[data-progress="24"] .circle .fill.fix {
        -webkit-transform: rotate(86.4deg);
        -moz-transform: rotate(86.4deg);
        -ms-transform: rotate(86.4deg);
        -o-transform: rotate(86.4deg);
        -spec-transform: rotate(86.4deg);
        transform: rotate(86.4deg);
      }
      .card--dashboard .card[data-progress="25"] .circle .fill,
      .card--dashboard .card[data-progress="25"] .circle .mask.full {
        -webkit-transition-delay: 1s;
        -moz-transition-delay: 1s;
        -spec-transition-delay: 1s;
        transition-delay: 1s;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -spec-transform: rotate(45deg);
        transform: rotate(45deg);
      }
      .card--dashboard .card[data-progress="25"] .circle .fill.fix {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -spec-transform: rotate(90deg);
        transform: rotate(90deg);
      }
      .card--dashboard .card[data-progress="26"] .circle .fill,
      .card--dashboard .card[data-progress="26"] .circle .mask.full {
        -webkit-transition-delay: 1s;
        -moz-transition-delay: 1s;
        -spec-transition-delay: 1s;
        transition-delay: 1s;
        -webkit-transform: rotate(46.8deg);
        -moz-transform: rotate(46.8deg);
        -ms-transform: rotate(46.8deg);
        -o-transform: rotate(46.8deg);
        -spec-transform: rotate(46.8deg);
        transform: rotate(46.8deg);
      }
      .card--dashboard .card[data-progress="26"] .circle .fill.fix {
        -webkit-transform: rotate(93.6deg);
        -moz-transform: rotate(93.6deg);
        -ms-transform: rotate(93.6deg);
        -o-transform: rotate(93.6deg);
        -spec-transform: rotate(93.6deg);
        transform: rotate(93.6deg);
      }
      .card--dashboard .card[data-progress="27"] .circle .fill,
      .card--dashboard .card[data-progress="27"] .circle .mask.full {
        -webkit-transition-delay: 1s;
        -moz-transition-delay: 1s;
        -spec-transition-delay: 1s;
        transition-delay: 1s;
        -webkit-transform: rotate(48.6deg);
        -moz-transform: rotate(48.6deg);
        -ms-transform: rotate(48.6deg);
        -o-transform: rotate(48.6deg);
        -spec-transform: rotate(48.6deg);
        transform: rotate(48.6deg);
      }
      .card--dashboard .card[data-progress="27"] .circle .fill.fix {
        -webkit-transform: rotate(97.2deg);
        -moz-transform: rotate(97.2deg);
        -ms-transform: rotate(97.2deg);
        -o-transform: rotate(97.2deg);
        -spec-transform: rotate(97.2deg);
        transform: rotate(97.2deg);
      }
      .card--dashboard .card[data-progress="28"] .circle .fill,
      .card--dashboard .card[data-progress="28"] .circle .mask.full {
        -webkit-transition-delay: 1s;
        -moz-transition-delay: 1s;
        -spec-transition-delay: 1s;
        transition-delay: 1s;
        -webkit-transform: rotate(50.4deg);
        -moz-transform: rotate(50.4deg);
        -ms-transform: rotate(50.4deg);
        -o-transform: rotate(50.4deg);
        -spec-transform: rotate(50.4deg);
        transform: rotate(50.4deg);
      }
      .card--dashboard .card[data-progress="28"] .circle .fill.fix {
        -webkit-transform: rotate(100.8deg);
        -moz-transform: rotate(100.8deg);
        -ms-transform: rotate(100.8deg);
        -o-transform: rotate(100.8deg);
        -spec-transform: rotate(100.8deg);
        transform: rotate(100.8deg);
      }
      .card--dashboard .card[data-progress="29"] .circle .fill,
      .card--dashboard .card[data-progress="29"] .circle .mask.full {
        -webkit-transition-delay: 1s;
        -moz-transition-delay: 1s;
        -spec-transition-delay: 1s;
        transition-delay: 1s;
        -webkit-transform: rotate(52.2deg);
        -moz-transform: rotate(52.2deg);
        -ms-transform: rotate(52.2deg);
        -o-transform: rotate(52.2deg);
        -spec-transform: rotate(52.2deg);
        transform: rotate(52.2deg);
      }
      .card--dashboard .card[data-progress="29"] .circle .fill.fix {
        -webkit-transform: rotate(104.4deg);
        -moz-transform: rotate(104.4deg);
        -ms-transform: rotate(104.4deg);
        -o-transform: rotate(104.4deg);
        -spec-transform: rotate(104.4deg);
        transform: rotate(104.4deg);
      }
      .card--dashboard .card[data-progress="30"] .circle .fill,
      .card--dashboard .card[data-progress="30"] .circle .mask.full {
        -webkit-transition-delay: 1s;
        -moz-transition-delay: 1s;
        -spec-transition-delay: 1s;
        transition-delay: 1s;
        -webkit-transform: rotate(54deg);
        -moz-transform: rotate(54deg);
        -ms-transform: rotate(54deg);
        -o-transform: rotate(54deg);
        -spec-transform: rotate(54deg);
        transform: rotate(54deg);
      }
      .card--dashboard .card[data-progress="30"] .circle .fill.fix {
        -webkit-transform: rotate(108deg);
        -moz-transform: rotate(108deg);
        -ms-transform: rotate(108deg);
        -o-transform: rotate(108deg);
        -spec-transform: rotate(108deg);
        transform: rotate(108deg);
      }
      .card--dashboard .card[data-progress="31"] .circle .fill,
      .card--dashboard .card[data-progress="31"] .circle .mask.full {
        -webkit-transition-delay: 1s;
        -moz-transition-delay: 1s;
        -spec-transition-delay: 1s;
        transition-delay: 1s;
        -webkit-transform: rotate(55.8deg);
        -moz-transform: rotate(55.8deg);
        -ms-transform: rotate(55.8deg);
        -o-transform: rotate(55.8deg);
        -spec-transform: rotate(55.8deg);
        transform: rotate(55.8deg);
      }
      .card--dashboard .card[data-progress="31"] .circle .fill.fix {
        -webkit-transform: rotate(111.6deg);
        -moz-transform: rotate(111.6deg);
        -ms-transform: rotate(111.6deg);
        -o-transform: rotate(111.6deg);
        -spec-transform: rotate(111.6deg);
        transform: rotate(111.6deg);
      }
      .card--dashboard .card[data-progress="32"] .circle .fill,
      .card--dashboard .card[data-progress="32"] .circle .mask.full {
        -webkit-transition-delay: 1s;
        -moz-transition-delay: 1s;
        -spec-transition-delay: 1s;
        transition-delay: 1s;
        -webkit-transform: rotate(57.6deg);
        -moz-transform: rotate(57.6deg);
        -ms-transform: rotate(57.6deg);
        -o-transform: rotate(57.6deg);
        -spec-transform: rotate(57.6deg);
        transform: rotate(57.6deg);
      }
      .card--dashboard .card[data-progress="32"] .circle .fill.fix {
        -webkit-transform: rotate(115.2deg);
        -moz-transform: rotate(115.2deg);
        -ms-transform: rotate(115.2deg);
        -o-transform: rotate(115.2deg);
        -spec-transform: rotate(115.2deg);
        transform: rotate(115.2deg);
      }
      .card--dashboard .card[data-progress="33"] .circle .fill,
      .card--dashboard .card[data-progress="33"] .circle .mask.full {
        -webkit-transition-delay: 1s;
        -moz-transition-delay: 1s;
        -spec-transition-delay: 1s;
        transition-delay: 1s;
        -webkit-transform: rotate(59.4deg);
        -moz-transform: rotate(59.4deg);
        -ms-transform: rotate(59.4deg);
        -o-transform: rotate(59.4deg);
        -spec-transform: rotate(59.4deg);
        transform: rotate(59.4deg);
      }
      .card--dashboard .card[data-progress="33"] .circle .fill.fix {
        -webkit-transform: rotate(118.8deg);
        -moz-transform: rotate(118.8deg);
        -ms-transform: rotate(118.8deg);
        -o-transform: rotate(118.8deg);
        -spec-transform: rotate(118.8deg);
        transform: rotate(118.8deg);
      }
      .card--dashboard .card[data-progress="34"] .circle .fill,
      .card--dashboard .card[data-progress="34"] .circle .mask.full {
        -webkit-transition-delay: 1s;
        -moz-transition-delay: 1s;
        -spec-transition-delay: 1s;
        transition-delay: 1s;
        -webkit-transform: rotate(61.2deg);
        -moz-transform: rotate(61.2deg);
        -ms-transform: rotate(61.2deg);
        -o-transform: rotate(61.2deg);
        -spec-transform: rotate(61.2deg);
        transform: rotate(61.2deg);
      }
      .card--dashboard .card[data-progress="34"] .circle .fill.fix {
        -webkit-transform: rotate(122.4deg);
        -moz-transform: rotate(122.4deg);
        -ms-transform: rotate(122.4deg);
        -o-transform: rotate(122.4deg);
        -spec-transform: rotate(122.4deg);
        transform: rotate(122.4deg);
      }
      .card--dashboard .card[data-progress="35"] .circle .fill,
      .card--dashboard .card[data-progress="35"] .circle .mask.full {
        -webkit-transition-delay: 1s;
        -moz-transition-delay: 1s;
        -spec-transition-delay: 1s;
        transition-delay: 1s;
        -webkit-transform: rotate(63deg);
        -moz-transform: rotate(63deg);
        -ms-transform: rotate(63deg);
        -o-transform: rotate(63deg);
        -spec-transform: rotate(63deg);
        transform: rotate(63deg);
      }
      .card--dashboard .card[data-progress="35"] .circle .fill.fix {
        -webkit-transform: rotate(126deg);
        -moz-transform: rotate(126deg);
        -ms-transform: rotate(126deg);
        -o-transform: rotate(126deg);
        -spec-transform: rotate(126deg);
        transform: rotate(126deg);
      }
      .card--dashboard .card[data-progress="36"] .circle .fill,
      .card--dashboard .card[data-progress="36"] .circle .mask.full {
        -webkit-transition-delay: 1s;
        -moz-transition-delay: 1s;
        -spec-transition-delay: 1s;
        transition-delay: 1s;
        -webkit-transform: rotate(64.8deg);
        -moz-transform: rotate(64.8deg);
        -ms-transform: rotate(64.8deg);
        -o-transform: rotate(64.8deg);
        -spec-transform: rotate(64.8deg);
        transform: rotate(64.8deg);
      }
      .card--dashboard .card[data-progress="36"] .circle .fill.fix {
        -webkit-transform: rotate(129.6deg);
        -moz-transform: rotate(129.6deg);
        -ms-transform: rotate(129.6deg);
        -o-transform: rotate(129.6deg);
        -spec-transform: rotate(129.6deg);
        transform: rotate(129.6deg);
      }
      .card--dashboard .card[data-progress="37"] .circle .fill,
      .card--dashboard .card[data-progress="37"] .circle .mask.full {
        -webkit-transition-delay: 1s;
        -moz-transition-delay: 1s;
        -spec-transition-delay: 1s;
        transition-delay: 1s;
        -webkit-transform: rotate(66.6deg);
        -moz-transform: rotate(66.6deg);
        -ms-transform: rotate(66.6deg);
        -o-transform: rotate(66.6deg);
        -spec-transform: rotate(66.6deg);
        transform: rotate(66.6deg);
      }
      .card--dashboard .card[data-progress="37"] .circle .fill.fix {
        -webkit-transform: rotate(133.2deg);
        -moz-transform: rotate(133.2deg);
        -ms-transform: rotate(133.2deg);
        -o-transform: rotate(133.2deg);
        -spec-transform: rotate(133.2deg);
        transform: rotate(133.2deg);
      }
      .card--dashboard .card[data-progress="38"] .circle .fill,
      .card--dashboard .card[data-progress="38"] .circle .mask.full {
        -webkit-transition-delay: 1s;
        -moz-transition-delay: 1s;
        -spec-transition-delay: 1s;
        transition-delay: 1s;
        -webkit-transform: rotate(68.4deg);
        -moz-transform: rotate(68.4deg);
        -ms-transform: rotate(68.4deg);
        -o-transform: rotate(68.4deg);
        -spec-transform: rotate(68.4deg);
        transform: rotate(68.4deg);
      }
      .card--dashboard .card[data-progress="38"] .circle .fill.fix {
        -webkit-transform: rotate(136.8deg);
        -moz-transform: rotate(136.8deg);
        -ms-transform: rotate(136.8deg);
        -o-transform: rotate(136.8deg);
        -spec-transform: rotate(136.8deg);
        transform: rotate(136.8deg);
      }
      .card--dashboard .card[data-progress="39"] .circle .fill,
      .card--dashboard .card[data-progress="39"] .circle .mask.full {
        -webkit-transition-delay: 1s;
        -moz-transition-delay: 1s;
        -spec-transition-delay: 1s;
        transition-delay: 1s;
        -webkit-transform: rotate(70.2deg);
        -moz-transform: rotate(70.2deg);
        -ms-transform: rotate(70.2deg);
        -o-transform: rotate(70.2deg);
        -spec-transform: rotate(70.2deg);
        transform: rotate(70.2deg);
      }
      .card--dashboard .card[data-progress="39"] .circle .fill.fix {
        -webkit-transform: rotate(140.4deg);
        -moz-transform: rotate(140.4deg);
        -ms-transform: rotate(140.4deg);
        -o-transform: rotate(140.4deg);
        -spec-transform: rotate(140.4deg);
        transform: rotate(140.4deg);
      }
      .card--dashboard .card[data-progress="40"] .circle .fill,
      .card--dashboard .card[data-progress="40"] .circle .mask.full {
        -webkit-transition-delay: 1s;
        -moz-transition-delay: 1s;
        -spec-transition-delay: 1s;
        transition-delay: 1s;
        -webkit-transform: rotate(72deg);
        -moz-transform: rotate(72deg);
        -ms-transform: rotate(72deg);
        -o-transform: rotate(72deg);
        -spec-transform: rotate(72deg);
        transform: rotate(72deg);
      }
      .card--dashboard .card[data-progress="40"] .circle .fill.fix {
        -webkit-transform: rotate(144deg);
        -moz-transform: rotate(144deg);
        -ms-transform: rotate(144deg);
        -o-transform: rotate(144deg);
        -spec-transform: rotate(144deg);
        transform: rotate(144deg);
      }
      .card--dashboard .card[data-progress="41"] .circle .fill,
      .card--dashboard .card[data-progress="41"] .circle .mask.full {
        -webkit-transition-delay: 1s;
        -moz-transition-delay: 1s;
        -spec-transition-delay: 1s;
        transition-delay: 1s;
        -webkit-transform: rotate(73.8deg);
        -moz-transform: rotate(73.8deg);
        -ms-transform: rotate(73.8deg);
        -o-transform: rotate(73.8deg);
        -spec-transform: rotate(73.8deg);
        transform: rotate(73.8deg);
      }
      .card--dashboard .card[data-progress="41"] .circle .fill.fix {
        -webkit-transform: rotate(147.6deg);
        -moz-transform: rotate(147.6deg);
        -ms-transform: rotate(147.6deg);
        -o-transform: rotate(147.6deg);
        -spec-transform: rotate(147.6deg);
        transform: rotate(147.6deg);
      }
      .card--dashboard .card[data-progress="42"] .circle .fill,
      .card--dashboard .card[data-progress="42"] .circle .mask.full {
        -webkit-transition-delay: 1s;
        -moz-transition-delay: 1s;
        -spec-transition-delay: 1s;
        transition-delay: 1s;
        -webkit-transform: rotate(75.6deg);
        -moz-transform: rotate(75.6deg);
        -ms-transform: rotate(75.6deg);
        -o-transform: rotate(75.6deg);
        -spec-transform: rotate(75.6deg);
        transform: rotate(75.6deg);
      }
      .card--dashboard .card[data-progress="42"] .circle .fill.fix {
        -webkit-transform: rotate(151.2deg);
        -moz-transform: rotate(151.2deg);
        -ms-transform: rotate(151.2deg);
        -o-transform: rotate(151.2deg);
        -spec-transform: rotate(151.2deg);
        transform: rotate(151.2deg);
      }
      .card--dashboard .card[data-progress="43"] .circle .fill,
      .card--dashboard .card[data-progress="43"] .circle .mask.full {
        -webkit-transition-delay: 1s;
        -moz-transition-delay: 1s;
        -spec-transition-delay: 1s;
        transition-delay: 1s;
        -webkit-transform: rotate(77.4deg);
        -moz-transform: rotate(77.4deg);
        -ms-transform: rotate(77.4deg);
        -o-transform: rotate(77.4deg);
        -spec-transform: rotate(77.4deg);
        transform: rotate(77.4deg);
      }
      .card--dashboard .card[data-progress="43"] .circle .fill.fix {
        -webkit-transform: rotate(154.8deg);
        -moz-transform: rotate(154.8deg);
        -ms-transform: rotate(154.8deg);
        -o-transform: rotate(154.8deg);
        -spec-transform: rotate(154.8deg);
        transform: rotate(154.8deg);
      }
      .card--dashboard .card[data-progress="44"] .circle .fill,
      .card--dashboard .card[data-progress="44"] .circle .mask.full {
        -webkit-transition-delay: 1s;
        -moz-transition-delay: 1s;
        -spec-transition-delay: 1s;
        transition-delay: 1s;
        -webkit-transform: rotate(79.2deg);
        -moz-transform: rotate(79.2deg);
        -ms-transform: rotate(79.2deg);
        -o-transform: rotate(79.2deg);
        -spec-transform: rotate(79.2deg);
        transform: rotate(79.2deg);
      }
      .card--dashboard .card[data-progress="44"] .circle .fill.fix {
        -webkit-transform: rotate(158.4deg);
        -moz-transform: rotate(158.4deg);
        -ms-transform: rotate(158.4deg);
        -o-transform: rotate(158.4deg);
        -spec-transform: rotate(158.4deg);
        transform: rotate(158.4deg);
      }
      .card--dashboard .card[data-progress="45"] .circle .fill,
      .card--dashboard .card[data-progress="45"] .circle .mask.full {
        -webkit-transition-delay: 1s;
        -moz-transition-delay: 1s;
        -spec-transition-delay: 1s;
        transition-delay: 1s;
        -webkit-transform: rotate(81deg);
        -moz-transform: rotate(81deg);
        -ms-transform: rotate(81deg);
        -o-transform: rotate(81deg);
        -spec-transform: rotate(81deg);
        transform: rotate(81deg);
      }
      .card--dashboard .card[data-progress="45"] .circle .fill.fix {
        -webkit-transform: rotate(162deg);
        -moz-transform: rotate(162deg);
        -ms-transform: rotate(162deg);
        -o-transform: rotate(162deg);
        -spec-transform: rotate(162deg);
        transform: rotate(162deg);
      }
      .card--dashboard .card[data-progress="46"] .circle .fill,
      .card--dashboard .card[data-progress="46"] .circle .mask.full {
        -webkit-transition-delay: 1s;
        -moz-transition-delay: 1s;
        -spec-transition-delay: 1s;
        transition-delay: 1s;
        -webkit-transform: rotate(82.8deg);
        -moz-transform: rotate(82.8deg);
        -ms-transform: rotate(82.8deg);
        -o-transform: rotate(82.8deg);
        -spec-transform: rotate(82.8deg);
        transform: rotate(82.8deg);
      }
      .card--dashboard .card[data-progress="46"] .circle .fill.fix {
        -webkit-transform: rotate(165.6deg);
        -moz-transform: rotate(165.6deg);
        -ms-transform: rotate(165.6deg);
        -o-transform: rotate(165.6deg);
        -spec-transform: rotate(165.6deg);
        transform: rotate(165.6deg);
      }
      .card--dashboard .card[data-progress="47"] .circle .fill,
      .card--dashboard .card[data-progress="47"] .circle .mask.full {
        -webkit-transition-delay: 1s;
        -moz-transition-delay: 1s;
        -spec-transition-delay: 1s;
        transition-delay: 1s;
        -webkit-transform: rotate(84.6deg);
        -moz-transform: rotate(84.6deg);
        -ms-transform: rotate(84.6deg);
        -o-transform: rotate(84.6deg);
        -spec-transform: rotate(84.6deg);
        transform: rotate(84.6deg);
      }
      .card--dashboard .card[data-progress="47"] .circle .fill.fix {
        -webkit-transform: rotate(169.2deg);
        -moz-transform: rotate(169.2deg);
        -ms-transform: rotate(169.2deg);
        -o-transform: rotate(169.2deg);
        -spec-transform: rotate(169.2deg);
        transform: rotate(169.2deg);
      }
      .card--dashboard .card[data-progress="48"] .circle .fill,
      .card--dashboard .card[data-progress="48"] .circle .mask.full {
        -webkit-transition-delay: 1s;
        -moz-transition-delay: 1s;
        -spec-transition-delay: 1s;
        transition-delay: 1s;
        -webkit-transform: rotate(86.4deg);
        -moz-transform: rotate(86.4deg);
        -ms-transform: rotate(86.4deg);
        -o-transform: rotate(86.4deg);
        -spec-transform: rotate(86.4deg);
        transform: rotate(86.4deg);
      }
      .card--dashboard .card[data-progress="48"] .circle .fill.fix {
        -webkit-transform: rotate(172.8deg);
        -moz-transform: rotate(172.8deg);
        -ms-transform: rotate(172.8deg);
        -o-transform: rotate(172.8deg);
        -spec-transform: rotate(172.8deg);
        transform: rotate(172.8deg);
      }
      .card--dashboard .card[data-progress="49"] .circle .fill,
      .card--dashboard .card[data-progress="49"] .circle .mask.full {
        -webkit-transition-delay: 1s;
        -moz-transition-delay: 1s;
        -spec-transition-delay: 1s;
        transition-delay: 1s;
        -webkit-transform: rotate(88.2deg);
        -moz-transform: rotate(88.2deg);
        -ms-transform: rotate(88.2deg);
        -o-transform: rotate(88.2deg);
        -spec-transform: rotate(88.2deg);
        transform: rotate(88.2deg);
      }
      .card--dashboard .card[data-progress="49"] .circle .fill.fix {
        -webkit-transform: rotate(176.4deg);
        -moz-transform: rotate(176.4deg);
        -ms-transform: rotate(176.4deg);
        -o-transform: rotate(176.4deg);
        -spec-transform: rotate(176.4deg);
        transform: rotate(176.4deg);
      }
      .card--dashboard .card[data-progress="50"] .circle .fill,
      .card--dashboard .card[data-progress="50"] .circle .mask.full {
        -webkit-transition-delay: 1s;
        -moz-transition-delay: 1s;
        -spec-transition-delay: 1s;
        transition-delay: 1s;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -spec-transform: rotate(90deg);
        transform: rotate(90deg);
      }
      .card--dashboard .card[data-progress="50"] .circle .fill.fix {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -spec-transform: rotate(180deg);
        transform: rotate(180deg);
      }
      .card--dashboard .card[data-progress="51"] .circle .fill,
      .card--dashboard .card[data-progress="51"] .circle .mask.full {
        -webkit-transition-delay: 1s;
        -moz-transition-delay: 1s;
        -spec-transition-delay: 1s;
        transition-delay: 1s;
        -webkit-transform: rotate(91.8deg);
        -moz-transform: rotate(91.8deg);
        -ms-transform: rotate(91.8deg);
        -o-transform: rotate(91.8deg);
        -spec-transform: rotate(91.8deg);
        transform: rotate(91.8deg);
      }
      .card--dashboard .card[data-progress="51"] .circle .fill.fix {
        -webkit-transform: rotate(183.6deg);
        -moz-transform: rotate(183.6deg);
        -ms-transform: rotate(183.6deg);
        -o-transform: rotate(183.6deg);
        -spec-transform: rotate(183.6deg);
        transform: rotate(183.6deg);
      }
      .card--dashboard .card[data-progress="52"] .circle .fill,
      .card--dashboard .card[data-progress="52"] .circle .mask.full {
        -webkit-transition-delay: 1s;
        -moz-transition-delay: 1s;
        -spec-transition-delay: 1s;
        transition-delay: 1s;
        -webkit-transform: rotate(93.6deg);
        -moz-transform: rotate(93.6deg);
        -ms-transform: rotate(93.6deg);
        -o-transform: rotate(93.6deg);
        -spec-transform: rotate(93.6deg);
        transform: rotate(93.6deg);
      }
      .card--dashboard .card[data-progress="52"] .circle .fill.fix {
        -webkit-transform: rotate(187.2deg);
        -moz-transform: rotate(187.2deg);
        -ms-transform: rotate(187.2deg);
        -o-transform: rotate(187.2deg);
        -spec-transform: rotate(187.2deg);
        transform: rotate(187.2deg);
      }
      .card--dashboard .card[data-progress="53"] .circle .fill,
      .card--dashboard .card[data-progress="53"] .circle .mask.full {
        -webkit-transition-delay: 1s;
        -moz-transition-delay: 1s;
        -spec-transition-delay: 1s;
        transition-delay: 1s;
        -webkit-transform: rotate(95.4deg);
        -moz-transform: rotate(95.4deg);
        -ms-transform: rotate(95.4deg);
        -o-transform: rotate(95.4deg);
        -spec-transform: rotate(95.4deg);
        transform: rotate(95.4deg);
      }
      .card--dashboard .card[data-progress="53"] .circle .fill.fix {
        -webkit-transform: rotate(190.8deg);
        -moz-transform: rotate(190.8deg);
        -ms-transform: rotate(190.8deg);
        -o-transform: rotate(190.8deg);
        -spec-transform: rotate(190.8deg);
        transform: rotate(190.8deg);
      }
      .card--dashboard .card[data-progress="54"] .circle .fill,
      .card--dashboard .card[data-progress="54"] .circle .mask.full {
        -webkit-transition-delay: 1s;
        -moz-transition-delay: 1s;
        -spec-transition-delay: 1s;
        transition-delay: 1s;
        -webkit-transform: rotate(97.2deg);
        -moz-transform: rotate(97.2deg);
        -ms-transform: rotate(97.2deg);
        -o-transform: rotate(97.2deg);
        -spec-transform: rotate(97.2deg);
        transform: rotate(97.2deg);
      }
      .card--dashboard .card[data-progress="54"] .circle .fill.fix {
        -webkit-transform: rotate(194.4deg);
        -moz-transform: rotate(194.4deg);
        -ms-transform: rotate(194.4deg);
        -o-transform: rotate(194.4deg);
        -spec-transform: rotate(194.4deg);
        transform: rotate(194.4deg);
      }
      .card--dashboard .card[data-progress="55"] .circle .fill,
      .card--dashboard .card[data-progress="55"] .circle .mask.full {
        -webkit-transition-delay: 1s;
        -moz-transition-delay: 1s;
        -spec-transition-delay: 1s;
        transition-delay: 1s;
        -webkit-transform: rotate(99deg);
        -moz-transform: rotate(99deg);
        -ms-transform: rotate(99deg);
        -o-transform: rotate(99deg);
        -spec-transform: rotate(99deg);
        transform: rotate(99deg);
      }
      .card--dashboard .card[data-progress="55"] .circle .fill.fix {
        -webkit-transform: rotate(198deg);
        -moz-transform: rotate(198deg);
        -ms-transform: rotate(198deg);
        -o-transform: rotate(198deg);
        -spec-transform: rotate(198deg);
        transform: rotate(198deg);
      }
      .card--dashboard .card[data-progress="56"] .circle .fill,
      .card--dashboard .card[data-progress="56"] .circle .mask.full {
        -webkit-transition-delay: 1s;
        -moz-transition-delay: 1s;
        -spec-transition-delay: 1s;
        transition-delay: 1s;
        -webkit-transform: rotate(100.8deg);
        -moz-transform: rotate(100.8deg);
        -ms-transform: rotate(100.8deg);
        -o-transform: rotate(100.8deg);
        -spec-transform: rotate(100.8deg);
        transform: rotate(100.8deg);
      }
      .card--dashboard .card[data-progress="56"] .circle .fill.fix {
        -webkit-transform: rotate(201.6deg);
        -moz-transform: rotate(201.6deg);
        -ms-transform: rotate(201.6deg);
        -o-transform: rotate(201.6deg);
        -spec-transform: rotate(201.6deg);
        transform: rotate(201.6deg);
      }
      .card--dashboard .card[data-progress="57"] .circle .fill,
      .card--dashboard .card[data-progress="57"] .circle .mask.full {
        -webkit-transition-delay: 1s;
        -moz-transition-delay: 1s;
        -spec-transition-delay: 1s;
        transition-delay: 1s;
        -webkit-transform: rotate(102.6deg);
        -moz-transform: rotate(102.6deg);
        -ms-transform: rotate(102.6deg);
        -o-transform: rotate(102.6deg);
        -spec-transform: rotate(102.6deg);
        transform: rotate(102.6deg);
      }
      .card--dashboard .card[data-progress="57"] .circle .fill.fix {
        -webkit-transform: rotate(205.2deg);
        -moz-transform: rotate(205.2deg);
        -ms-transform: rotate(205.2deg);
        -o-transform: rotate(205.2deg);
        -spec-transform: rotate(205.2deg);
        transform: rotate(205.2deg);
      }
      .card--dashboard .card[data-progress="58"] .circle .fill,
      .card--dashboard .card[data-progress="58"] .circle .mask.full {
        -webkit-transition-delay: 1s;
        -moz-transition-delay: 1s;
        -spec-transition-delay: 1s;
        transition-delay: 1s;
        -webkit-transform: rotate(104.4deg);
        -moz-transform: rotate(104.4deg);
        -ms-transform: rotate(104.4deg);
        -o-transform: rotate(104.4deg);
        -spec-transform: rotate(104.4deg);
        transform: rotate(104.4deg);
      }
      .card--dashboard .card[data-progress="58"] .circle .fill.fix {
        -webkit-transform: rotate(208.8deg);
        -moz-transform: rotate(208.8deg);
        -ms-transform: rotate(208.8deg);
        -o-transform: rotate(208.8deg);
        -spec-transform: rotate(208.8deg);
        transform: rotate(208.8deg);
      }
      .card--dashboard .card[data-progress="59"] .circle .fill,
      .card--dashboard .card[data-progress="59"] .circle .mask.full {
        -webkit-transition-delay: 1s;
        -moz-transition-delay: 1s;
        -spec-transition-delay: 1s;
        transition-delay: 1s;
        -webkit-transform: rotate(106.2deg);
        -moz-transform: rotate(106.2deg);
        -ms-transform: rotate(106.2deg);
        -o-transform: rotate(106.2deg);
        -spec-transform: rotate(106.2deg);
        transform: rotate(106.2deg);
      }
      .card--dashboard .card[data-progress="59"] .circle .fill.fix {
        -webkit-transform: rotate(212.4deg);
        -moz-transform: rotate(212.4deg);
        -ms-transform: rotate(212.4deg);
        -o-transform: rotate(212.4deg);
        -spec-transform: rotate(212.4deg);
        transform: rotate(212.4deg);
      }
      .card--dashboard .card[data-progress="60"] .circle .fill,
      .card--dashboard .card[data-progress="60"] .circle .mask.full {
        -webkit-transition-delay: 1s;
        -moz-transition-delay: 1s;
        -spec-transition-delay: 1s;
        transition-delay: 1s;
        -webkit-transform: rotate(108deg);
        -moz-transform: rotate(108deg);
        -ms-transform: rotate(108deg);
        -o-transform: rotate(108deg);
        -spec-transform: rotate(108deg);
        transform: rotate(108deg);
      }
      .card--dashboard .card[data-progress="60"] .circle .fill.fix {
        -webkit-transform: rotate(216deg);
        -moz-transform: rotate(216deg);
        -ms-transform: rotate(216deg);
        -o-transform: rotate(216deg);
        -spec-transform: rotate(216deg);
        transform: rotate(216deg);
      }
      .card--dashboard .card[data-progress="61"] .circle .fill,
      .card--dashboard .card[data-progress="61"] .circle .mask.full {
        -webkit-transition-delay: 1s;
        -moz-transition-delay: 1s;
        -spec-transition-delay: 1s;
        transition-delay: 1s;
        -webkit-transform: rotate(109.8deg);
        -moz-transform: rotate(109.8deg);
        -ms-transform: rotate(109.8deg);
        -o-transform: rotate(109.8deg);
        -spec-transform: rotate(109.8deg);
        transform: rotate(109.8deg);
      }
      .card--dashboard .card[data-progress="61"] .circle .fill.fix {
        -webkit-transform: rotate(219.6deg);
        -moz-transform: rotate(219.6deg);
        -ms-transform: rotate(219.6deg);
        -o-transform: rotate(219.6deg);
        -spec-transform: rotate(219.6deg);
        transform: rotate(219.6deg);
      }
      .card--dashboard .card[data-progress="62"] .circle .fill,
      .card--dashboard .card[data-progress="62"] .circle .mask.full {
        -webkit-transition-delay: 1s;
        -moz-transition-delay: 1s;
        -spec-transition-delay: 1s;
        transition-delay: 1s;
        -webkit-transform: rotate(111.6deg);
        -moz-transform: rotate(111.6deg);
        -ms-transform: rotate(111.6deg);
        -o-transform: rotate(111.6deg);
        -spec-transform: rotate(111.6deg);
        transform: rotate(111.6deg);
      }
      .card--dashboard .card[data-progress="62"] .circle .fill.fix {
        -webkit-transform: rotate(223.2deg);
        -moz-transform: rotate(223.2deg);
        -ms-transform: rotate(223.2deg);
        -o-transform: rotate(223.2deg);
        -spec-transform: rotate(223.2deg);
        transform: rotate(223.2deg);
      }
      .card--dashboard .card[data-progress="63"] .circle .fill,
      .card--dashboard .card[data-progress="63"] .circle .mask.full {
        -webkit-transition-delay: 1s;
        -moz-transition-delay: 1s;
        -spec-transition-delay: 1s;
        transition-delay: 1s;
        -webkit-transform: rotate(113.4deg);
        -moz-transform: rotate(113.4deg);
        -ms-transform: rotate(113.4deg);
        -o-transform: rotate(113.4deg);
        -spec-transform: rotate(113.4deg);
        transform: rotate(113.4deg);
      }
      .card--dashboard .card[data-progress="63"] .circle .fill.fix {
        -webkit-transform: rotate(226.8deg);
        -moz-transform: rotate(226.8deg);
        -ms-transform: rotate(226.8deg);
        -o-transform: rotate(226.8deg);
        -spec-transform: rotate(226.8deg);
        transform: rotate(226.8deg);
      }
      .card--dashboard .card[data-progress="64"] .circle .fill,
      .card--dashboard .card[data-progress="64"] .circle .mask.full {
        -webkit-transition-delay: 1s;
        -moz-transition-delay: 1s;
        -spec-transition-delay: 1s;
        transition-delay: 1s;
        -webkit-transform: rotate(115.2deg);
        -moz-transform: rotate(115.2deg);
        -ms-transform: rotate(115.2deg);
        -o-transform: rotate(115.2deg);
        -spec-transform: rotate(115.2deg);
        transform: rotate(115.2deg);
      }
      .card--dashboard .card[data-progress="64"] .circle .fill.fix {
        -webkit-transform: rotate(230.4deg);
        -moz-transform: rotate(230.4deg);
        -ms-transform: rotate(230.4deg);
        -o-transform: rotate(230.4deg);
        -spec-transform: rotate(230.4deg);
        transform: rotate(230.4deg);
      }
      .card--dashboard .card[data-progress="65"] .circle .fill,
      .card--dashboard .card[data-progress="65"] .circle .mask.full {
        -webkit-transition-delay: 1s;
        -moz-transition-delay: 1s;
        -spec-transition-delay: 1s;
        transition-delay: 1s;
        -webkit-transform: rotate(117deg);
        -moz-transform: rotate(117deg);
        -ms-transform: rotate(117deg);
        -o-transform: rotate(117deg);
        -spec-transform: rotate(117deg);
        transform: rotate(117deg);
      }
      .card--dashboard .card[data-progress="65"] .circle .fill.fix {
        -webkit-transform: rotate(234deg);
        -moz-transform: rotate(234deg);
        -ms-transform: rotate(234deg);
        -o-transform: rotate(234deg);
        -spec-transform: rotate(234deg);
        transform: rotate(234deg);
      }
      .card--dashboard .card[data-progress="66"] .circle .fill,
      .card--dashboard .card[data-progress="66"] .circle .mask.full {
        -webkit-transition-delay: 1s;
        -moz-transition-delay: 1s;
        -spec-transition-delay: 1s;
        transition-delay: 1s;
        -webkit-transform: rotate(118.8deg);
        -moz-transform: rotate(118.8deg);
        -ms-transform: rotate(118.8deg);
        -o-transform: rotate(118.8deg);
        -spec-transform: rotate(118.8deg);
        transform: rotate(118.8deg);
      }
      .card--dashboard .card[data-progress="66"] .circle .fill.fix {
        -webkit-transform: rotate(237.6deg);
        -moz-transform: rotate(237.6deg);
        -ms-transform: rotate(237.6deg);
        -o-transform: rotate(237.6deg);
        -spec-transform: rotate(237.6deg);
        transform: rotate(237.6deg);
      }
      .card--dashboard .card[data-progress="67"] .circle .fill,
      .card--dashboard .card[data-progress="67"] .circle .mask.full {
        -webkit-transition-delay: 1s;
        -moz-transition-delay: 1s;
        -spec-transition-delay: 1s;
        transition-delay: 1s;
        -webkit-transform: rotate(120.6deg);
        -moz-transform: rotate(120.6deg);
        -ms-transform: rotate(120.6deg);
        -o-transform: rotate(120.6deg);
        -spec-transform: rotate(120.6deg);
        transform: rotate(120.6deg);
      }
      .card--dashboard .card[data-progress="67"] .circle .fill.fix {
        -webkit-transform: rotate(241.2deg);
        -moz-transform: rotate(241.2deg);
        -ms-transform: rotate(241.2deg);
        -o-transform: rotate(241.2deg);
        -spec-transform: rotate(241.2deg);
        transform: rotate(241.2deg);
      }
      .card--dashboard .card[data-progress="68"] .circle .fill,
      .card--dashboard .card[data-progress="68"] .circle .mask.full {
        -webkit-transition-delay: 1s;
        -moz-transition-delay: 1s;
        -spec-transition-delay: 1s;
        transition-delay: 1s;
        -webkit-transform: rotate(122.4deg);
        -moz-transform: rotate(122.4deg);
        -ms-transform: rotate(122.4deg);
        -o-transform: rotate(122.4deg);
        -spec-transform: rotate(122.4deg);
        transform: rotate(122.4deg);
      }
      .card--dashboard .card[data-progress="68"] .circle .fill.fix {
        -webkit-transform: rotate(244.8deg);
        -moz-transform: rotate(244.8deg);
        -ms-transform: rotate(244.8deg);
        -o-transform: rotate(244.8deg);
        -spec-transform: rotate(244.8deg);
        transform: rotate(244.8deg);
      }
      .card--dashboard .card[data-progress="69"] .circle .fill,
      .card--dashboard .card[data-progress="69"] .circle .mask.full {
        -webkit-transition-delay: 1s;
        -moz-transition-delay: 1s;
        -spec-transition-delay: 1s;
        transition-delay: 1s;
        -webkit-transform: rotate(124.2deg);
        -moz-transform: rotate(124.2deg);
        -ms-transform: rotate(124.2deg);
        -o-transform: rotate(124.2deg);
        -spec-transform: rotate(124.2deg);
        transform: rotate(124.2deg);
      }
      .card--dashboard .card[data-progress="69"] .circle .fill.fix {
        -webkit-transform: rotate(248.4deg);
        -moz-transform: rotate(248.4deg);
        -ms-transform: rotate(248.4deg);
        -o-transform: rotate(248.4deg);
        -spec-transform: rotate(248.4deg);
        transform: rotate(248.4deg);
      }
      .card--dashboard .card[data-progress="70"] .circle .fill,
      .card--dashboard .card[data-progress="70"] .circle .mask.full {
        -webkit-transition-delay: 1s;
        -moz-transition-delay: 1s;
        -spec-transition-delay: 1s;
        transition-delay: 1s;
        -webkit-transform: rotate(126deg);
        -moz-transform: rotate(126deg);
        -ms-transform: rotate(126deg);
        -o-transform: rotate(126deg);
        -spec-transform: rotate(126deg);
        transform: rotate(126deg);
      }
      .card--dashboard .card[data-progress="70"] .circle .fill.fix {
        -webkit-transform: rotate(252deg);
        -moz-transform: rotate(252deg);
        -ms-transform: rotate(252deg);
        -o-transform: rotate(252deg);
        -spec-transform: rotate(252deg);
        transform: rotate(252deg);
      }
      .card--dashboard .card[data-progress="71"] .circle .fill,
      .card--dashboard .card[data-progress="71"] .circle .mask.full {
        -webkit-transition-delay: 1s;
        -moz-transition-delay: 1s;
        -spec-transition-delay: 1s;
        transition-delay: 1s;
        -webkit-transform: rotate(127.8deg);
        -moz-transform: rotate(127.8deg);
        -ms-transform: rotate(127.8deg);
        -o-transform: rotate(127.8deg);
        -spec-transform: rotate(127.8deg);
        transform: rotate(127.8deg);
      }
      .card--dashboard .card[data-progress="71"] .circle .fill.fix {
        -webkit-transform: rotate(255.6deg);
        -moz-transform: rotate(255.6deg);
        -ms-transform: rotate(255.6deg);
        -o-transform: rotate(255.6deg);
        -spec-transform: rotate(255.6deg);
        transform: rotate(255.6deg);
      }
      .card--dashboard .card[data-progress="72"] .circle .fill,
      .card--dashboard .card[data-progress="72"] .circle .mask.full {
        -webkit-transition-delay: 1s;
        -moz-transition-delay: 1s;
        -spec-transition-delay: 1s;
        transition-delay: 1s;
        -webkit-transform: rotate(129.6deg);
        -moz-transform: rotate(129.6deg);
        -ms-transform: rotate(129.6deg);
        -o-transform: rotate(129.6deg);
        -spec-transform: rotate(129.6deg);
        transform: rotate(129.6deg);
      }
      .card--dashboard .card[data-progress="72"] .circle .fill.fix {
        -webkit-transform: rotate(259.2deg);
        -moz-transform: rotate(259.2deg);
        -ms-transform: rotate(259.2deg);
        -o-transform: rotate(259.2deg);
        -spec-transform: rotate(259.2deg);
        transform: rotate(259.2deg);
      }
      .card--dashboard .card[data-progress="73"] .circle .fill,
      .card--dashboard .card[data-progress="73"] .circle .mask.full {
        -webkit-transition-delay: 1s;
        -moz-transition-delay: 1s;
        -spec-transition-delay: 1s;
        transition-delay: 1s;
        -webkit-transform: rotate(131.4deg);
        -moz-transform: rotate(131.4deg);
        -ms-transform: rotate(131.4deg);
        -o-transform: rotate(131.4deg);
        -spec-transform: rotate(131.4deg);
        transform: rotate(131.4deg);
      }
      .card--dashboard .card[data-progress="73"] .circle .fill.fix {
        -webkit-transform: rotate(262.8deg);
        -moz-transform: rotate(262.8deg);
        -ms-transform: rotate(262.8deg);
        -o-transform: rotate(262.8deg);
        -spec-transform: rotate(262.8deg);
        transform: rotate(262.8deg);
      }
      .card--dashboard .card[data-progress="74"] .circle .fill,
      .card--dashboard .card[data-progress="74"] .circle .mask.full {
        -webkit-transition-delay: 1s;
        -moz-transition-delay: 1s;
        -spec-transition-delay: 1s;
        transition-delay: 1s;
        -webkit-transform: rotate(133.2deg);
        -moz-transform: rotate(133.2deg);
        -ms-transform: rotate(133.2deg);
        -o-transform: rotate(133.2deg);
        -spec-transform: rotate(133.2deg);
        transform: rotate(133.2deg);
      }
      .card--dashboard .card[data-progress="74"] .circle .fill.fix {
        -webkit-transform: rotate(266.4deg);
        -moz-transform: rotate(266.4deg);
        -ms-transform: rotate(266.4deg);
        -o-transform: rotate(266.4deg);
        -spec-transform: rotate(266.4deg);
        transform: rotate(266.4deg);
      }
      .card--dashboard .card[data-progress="75"] .circle .fill,
      .card--dashboard .card[data-progress="75"] .circle .mask.full {
        -webkit-transition-delay: 1s;
        -moz-transition-delay: 1s;
        -spec-transition-delay: 1s;
        transition-delay: 1s;
        -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        -o-transform: rotate(135deg);
        -spec-transform: rotate(135deg);
        transform: rotate(135deg);
      }
      .card--dashboard .card[data-progress="75"] .circle .fill.fix {
        -webkit-transform: rotate(270deg);
        -moz-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
        -o-transform: rotate(270deg);
        -spec-transform: rotate(270deg);
        transform: rotate(270deg);
      }
      .card--dashboard .card[data-progress="76"] .circle .fill,
      .card--dashboard .card[data-progress="76"] .circle .mask.full {
        -webkit-transition-delay: 1s;
        -moz-transition-delay: 1s;
        -spec-transition-delay: 1s;
        transition-delay: 1s;
        -webkit-transform: rotate(136.8deg);
        -moz-transform: rotate(136.8deg);
        -ms-transform: rotate(136.8deg);
        -o-transform: rotate(136.8deg);
        -spec-transform: rotate(136.8deg);
        transform: rotate(136.8deg);
      }
      .card--dashboard .card[data-progress="76"] .circle .fill.fix {
        -webkit-transform: rotate(273.6deg);
        -moz-transform: rotate(273.6deg);
        -ms-transform: rotate(273.6deg);
        -o-transform: rotate(273.6deg);
        -spec-transform: rotate(273.6deg);
        transform: rotate(273.6deg);
      }
      .card--dashboard .card[data-progress="77"] .circle .fill,
      .card--dashboard .card[data-progress="77"] .circle .mask.full {
        -webkit-transition-delay: 1s;
        -moz-transition-delay: 1s;
        -spec-transition-delay: 1s;
        transition-delay: 1s;
        -webkit-transform: rotate(138.6deg);
        -moz-transform: rotate(138.6deg);
        -ms-transform: rotate(138.6deg);
        -o-transform: rotate(138.6deg);
        -spec-transform: rotate(138.6deg);
        transform: rotate(138.6deg);
      }
      .card--dashboard .card[data-progress="77"] .circle .fill.fix {
        -webkit-transform: rotate(277.2deg);
        -moz-transform: rotate(277.2deg);
        -ms-transform: rotate(277.2deg);
        -o-transform: rotate(277.2deg);
        -spec-transform: rotate(277.2deg);
        transform: rotate(277.2deg);
      }
      .card--dashboard .card[data-progress="78"] .circle .fill,
      .card--dashboard .card[data-progress="78"] .circle .mask.full {
        -webkit-transition-delay: 1s;
        -moz-transition-delay: 1s;
        -spec-transition-delay: 1s;
        transition-delay: 1s;
        -webkit-transform: rotate(140.4deg);
        -moz-transform: rotate(140.4deg);
        -ms-transform: rotate(140.4deg);
        -o-transform: rotate(140.4deg);
        -spec-transform: rotate(140.4deg);
        transform: rotate(140.4deg);
      }
      .card--dashboard .card[data-progress="78"] .circle .fill.fix {
        -webkit-transform: rotate(280.8deg);
        -moz-transform: rotate(280.8deg);
        -ms-transform: rotate(280.8deg);
        -o-transform: rotate(280.8deg);
        -spec-transform: rotate(280.8deg);
        transform: rotate(280.8deg);
      }
      .card--dashboard .card[data-progress="79"] .circle .fill,
      .card--dashboard .card[data-progress="79"] .circle .mask.full {
        -webkit-transition-delay: 1s;
        -moz-transition-delay: 1s;
        -spec-transition-delay: 1s;
        transition-delay: 1s;
        -webkit-transform: rotate(142.2deg);
        -moz-transform: rotate(142.2deg);
        -ms-transform: rotate(142.2deg);
        -o-transform: rotate(142.2deg);
        -spec-transform: rotate(142.2deg);
        transform: rotate(142.2deg);
      }
      .card--dashboard .card[data-progress="79"] .circle .fill.fix {
        -webkit-transform: rotate(284.4deg);
        -moz-transform: rotate(284.4deg);
        -ms-transform: rotate(284.4deg);
        -o-transform: rotate(284.4deg);
        -spec-transform: rotate(284.4deg);
        transform: rotate(284.4deg);
      }
      .card--dashboard .card[data-progress="80"] .circle .fill,
      .card--dashboard .card[data-progress="80"] .circle .mask.full {
        -webkit-transition-delay: 1s;
        -moz-transition-delay: 1s;
        -spec-transition-delay: 1s;
        transition-delay: 1s;
        -webkit-transform: rotate(144deg);
        -moz-transform: rotate(144deg);
        -ms-transform: rotate(144deg);
        -o-transform: rotate(144deg);
        -spec-transform: rotate(144deg);
        transform: rotate(144deg);
      }
      .card--dashboard .card[data-progress="80"] .circle .fill.fix {
        -webkit-transform: rotate(288deg);
        -moz-transform: rotate(288deg);
        -ms-transform: rotate(288deg);
        -o-transform: rotate(288deg);
        -spec-transform: rotate(288deg);
        transform: rotate(288deg);
      }
      .card--dashboard .card[data-progress="81"] .circle .fill,
      .card--dashboard .card[data-progress="81"] .circle .mask.full {
        -webkit-transition-delay: 1s;
        -moz-transition-delay: 1s;
        -spec-transition-delay: 1s;
        transition-delay: 1s;
        -webkit-transform: rotate(145.8deg);
        -moz-transform: rotate(145.8deg);
        -ms-transform: rotate(145.8deg);
        -o-transform: rotate(145.8deg);
        -spec-transform: rotate(145.8deg);
        transform: rotate(145.8deg);
      }
      .card--dashboard .card[data-progress="81"] .circle .fill.fix {
        -webkit-transform: rotate(291.6deg);
        -moz-transform: rotate(291.6deg);
        -ms-transform: rotate(291.6deg);
        -o-transform: rotate(291.6deg);
        -spec-transform: rotate(291.6deg);
        transform: rotate(291.6deg);
      }
      .card--dashboard .card[data-progress="82"] .circle .fill,
      .card--dashboard .card[data-progress="82"] .circle .mask.full {
        -webkit-transition-delay: 1s;
        -moz-transition-delay: 1s;
        -spec-transition-delay: 1s;
        transition-delay: 1s;
        -webkit-transform: rotate(147.6deg);
        -moz-transform: rotate(147.6deg);
        -ms-transform: rotate(147.6deg);
        -o-transform: rotate(147.6deg);
        -spec-transform: rotate(147.6deg);
        transform: rotate(147.6deg);
      }
      .card--dashboard .card[data-progress="82"] .circle .fill.fix {
        -webkit-transform: rotate(295.2deg);
        -moz-transform: rotate(295.2deg);
        -ms-transform: rotate(295.2deg);
        -o-transform: rotate(295.2deg);
        -spec-transform: rotate(295.2deg);
        transform: rotate(295.2deg);
      }
      .card--dashboard .card[data-progress="83"] .circle .fill,
      .card--dashboard .card[data-progress="83"] .circle .mask.full {
        -webkit-transition-delay: 1s;
        -moz-transition-delay: 1s;
        -spec-transition-delay: 1s;
        transition-delay: 1s;
        -webkit-transform: rotate(149.4deg);
        -moz-transform: rotate(149.4deg);
        -ms-transform: rotate(149.4deg);
        -o-transform: rotate(149.4deg);
        -spec-transform: rotate(149.4deg);
        transform: rotate(149.4deg);
      }
      .card--dashboard .card[data-progress="83"] .circle .fill.fix {
        -webkit-transform: rotate(298.8deg);
        -moz-transform: rotate(298.8deg);
        -ms-transform: rotate(298.8deg);
        -o-transform: rotate(298.8deg);
        -spec-transform: rotate(298.8deg);
        transform: rotate(298.8deg);
      }
      .card--dashboard .card[data-progress="84"] .circle .fill,
      .card--dashboard .card[data-progress="84"] .circle .mask.full {
        -webkit-transition-delay: 1s;
        -moz-transition-delay: 1s;
        -spec-transition-delay: 1s;
        transition-delay: 1s;
        -webkit-transform: rotate(151.2deg);
        -moz-transform: rotate(151.2deg);
        -ms-transform: rotate(151.2deg);
        -o-transform: rotate(151.2deg);
        -spec-transform: rotate(151.2deg);
        transform: rotate(151.2deg);
      }
      .card--dashboard .card[data-progress="84"] .circle .fill.fix {
        -webkit-transform: rotate(302.4deg);
        -moz-transform: rotate(302.4deg);
        -ms-transform: rotate(302.4deg);
        -o-transform: rotate(302.4deg);
        -spec-transform: rotate(302.4deg);
        transform: rotate(302.4deg);
      }
      .card--dashboard .card[data-progress="85"] .circle .fill,
      .card--dashboard .card[data-progress="85"] .circle .mask.full {
        -webkit-transition-delay: 1s;
        -moz-transition-delay: 1s;
        -spec-transition-delay: 1s;
        transition-delay: 1s;
        -webkit-transform: rotate(153deg);
        -moz-transform: rotate(153deg);
        -ms-transform: rotate(153deg);
        -o-transform: rotate(153deg);
        -spec-transform: rotate(153deg);
        transform: rotate(153deg);
      }
      .card--dashboard .card[data-progress="85"] .circle .fill.fix {
        -webkit-transform: rotate(306deg);
        -moz-transform: rotate(306deg);
        -ms-transform: rotate(306deg);
        -o-transform: rotate(306deg);
        -spec-transform: rotate(306deg);
        transform: rotate(306deg);
      }
      .card--dashboard .card[data-progress="86"] .circle .fill,
      .card--dashboard .card[data-progress="86"] .circle .mask.full {
        -webkit-transition-delay: 1s;
        -moz-transition-delay: 1s;
        -spec-transition-delay: 1s;
        transition-delay: 1s;
        -webkit-transform: rotate(154.8deg);
        -moz-transform: rotate(154.8deg);
        -ms-transform: rotate(154.8deg);
        -o-transform: rotate(154.8deg);
        -spec-transform: rotate(154.8deg);
        transform: rotate(154.8deg);
      }
      .card--dashboard .card[data-progress="86"] .circle .fill.fix {
        -webkit-transform: rotate(309.6deg);
        -moz-transform: rotate(309.6deg);
        -ms-transform: rotate(309.6deg);
        -o-transform: rotate(309.6deg);
        -spec-transform: rotate(309.6deg);
        transform: rotate(309.6deg);
      }
      .card--dashboard .card[data-progress="87"] .circle .fill,
      .card--dashboard .card[data-progress="87"] .circle .mask.full {
        -webkit-transition-delay: 1s;
        -moz-transition-delay: 1s;
        -spec-transition-delay: 1s;
        transition-delay: 1s;
        -webkit-transform: rotate(156.6deg);
        -moz-transform: rotate(156.6deg);
        -ms-transform: rotate(156.6deg);
        -o-transform: rotate(156.6deg);
        -spec-transform: rotate(156.6deg);
        transform: rotate(156.6deg);
      }
      .card--dashboard .card[data-progress="87"] .circle .fill.fix {
        -webkit-transform: rotate(313.2deg);
        -moz-transform: rotate(313.2deg);
        -ms-transform: rotate(313.2deg);
        -o-transform: rotate(313.2deg);
        -spec-transform: rotate(313.2deg);
        transform: rotate(313.2deg);
      }
      .card--dashboard .card[data-progress="88"] .circle .fill,
      .card--dashboard .card[data-progress="88"] .circle .mask.full {
        -webkit-transition-delay: 1s;
        -moz-transition-delay: 1s;
        -spec-transition-delay: 1s;
        transition-delay: 1s;
        -webkit-transform: rotate(158.4deg);
        -moz-transform: rotate(158.4deg);
        -ms-transform: rotate(158.4deg);
        -o-transform: rotate(158.4deg);
        -spec-transform: rotate(158.4deg);
        transform: rotate(158.4deg);
      }
      .card--dashboard .card[data-progress="88"] .circle .fill.fix {
        -webkit-transform: rotate(316.8deg);
        -moz-transform: rotate(316.8deg);
        -ms-transform: rotate(316.8deg);
        -o-transform: rotate(316.8deg);
        -spec-transform: rotate(316.8deg);
        transform: rotate(316.8deg);
      }
      .card--dashboard .card[data-progress="89"] .circle .fill,
      .card--dashboard .card[data-progress="89"] .circle .mask.full {
        -webkit-transition-delay: 1s;
        -moz-transition-delay: 1s;
        -spec-transition-delay: 1s;
        transition-delay: 1s;
        -webkit-transform: rotate(160.2deg);
        -moz-transform: rotate(160.2deg);
        -ms-transform: rotate(160.2deg);
        -o-transform: rotate(160.2deg);
        -spec-transform: rotate(160.2deg);
        transform: rotate(160.2deg);
      }
      .card--dashboard .card[data-progress="89"] .circle .fill.fix {
        -webkit-transform: rotate(320.4deg);
        -moz-transform: rotate(320.4deg);
        -ms-transform: rotate(320.4deg);
        -o-transform: rotate(320.4deg);
        -spec-transform: rotate(320.4deg);
        transform: rotate(320.4deg);
      }
      .card--dashboard .card[data-progress="90"] .circle .fill,
      .card--dashboard .card[data-progress="90"] .circle .mask.full {
        -webkit-transition-delay: 1s;
        -moz-transition-delay: 1s;
        -spec-transition-delay: 1s;
        transition-delay: 1s;
        -webkit-transform: rotate(162deg);
        -moz-transform: rotate(162deg);
        -ms-transform: rotate(162deg);
        -o-transform: rotate(162deg);
        -spec-transform: rotate(162deg);
        transform: rotate(162deg);
      }
      .card--dashboard .card[data-progress="90"] .circle .fill.fix {
        -webkit-transform: rotate(324deg);
        -moz-transform: rotate(324deg);
        -ms-transform: rotate(324deg);
        -o-transform: rotate(324deg);
        -spec-transform: rotate(324deg);
        transform: rotate(324deg);
      }
      .card--dashboard .card[data-progress="91"] .circle .fill,
      .card--dashboard .card[data-progress="91"] .circle .mask.full {
        -webkit-transition-delay: 1s;
        -moz-transition-delay: 1s;
        -spec-transition-delay: 1s;
        transition-delay: 1s;
        -webkit-transform: rotate(163.8deg);
        -moz-transform: rotate(163.8deg);
        -ms-transform: rotate(163.8deg);
        -o-transform: rotate(163.8deg);
        -spec-transform: rotate(163.8deg);
        transform: rotate(163.8deg);
      }
      .card--dashboard .card[data-progress="91"] .circle .fill.fix {
        -webkit-transform: rotate(327.6deg);
        -moz-transform: rotate(327.6deg);
        -ms-transform: rotate(327.6deg);
        -o-transform: rotate(327.6deg);
        -spec-transform: rotate(327.6deg);
        transform: rotate(327.6deg);
      }
      .card--dashboard .card[data-progress="92"] .circle .fill,
      .card--dashboard .card[data-progress="92"] .circle .mask.full {
        -webkit-transition-delay: 1s;
        -moz-transition-delay: 1s;
        -spec-transition-delay: 1s;
        transition-delay: 1s;
        -webkit-transform: rotate(165.6deg);
        -moz-transform: rotate(165.6deg);
        -ms-transform: rotate(165.6deg);
        -o-transform: rotate(165.6deg);
        -spec-transform: rotate(165.6deg);
        transform: rotate(165.6deg);
      }
      .card--dashboard .card[data-progress="92"] .circle .fill.fix {
        -webkit-transform: rotate(331.2deg);
        -moz-transform: rotate(331.2deg);
        -ms-transform: rotate(331.2deg);
        -o-transform: rotate(331.2deg);
        -spec-transform: rotate(331.2deg);
        transform: rotate(331.2deg);
      }
      .card--dashboard .card[data-progress="93"] .circle .fill,
      .card--dashboard .card[data-progress="93"] .circle .mask.full {
        -webkit-transition-delay: 1s;
        -moz-transition-delay: 1s;
        -spec-transition-delay: 1s;
        transition-delay: 1s;
        -webkit-transform: rotate(167.4deg);
        -moz-transform: rotate(167.4deg);
        -ms-transform: rotate(167.4deg);
        -o-transform: rotate(167.4deg);
        -spec-transform: rotate(167.4deg);
        transform: rotate(167.4deg);
      }
      .card--dashboard .card[data-progress="93"] .circle .fill.fix {
        -webkit-transform: rotate(334.8deg);
        -moz-transform: rotate(334.8deg);
        -ms-transform: rotate(334.8deg);
        -o-transform: rotate(334.8deg);
        -spec-transform: rotate(334.8deg);
        transform: rotate(334.8deg);
      }
      .card--dashboard .card[data-progress="94"] .circle .fill,
      .card--dashboard .card[data-progress="94"] .circle .mask.full {
        -webkit-transition-delay: 1s;
        -moz-transition-delay: 1s;
        -spec-transition-delay: 1s;
        transition-delay: 1s;
        -webkit-transform: rotate(169.2deg);
        -moz-transform: rotate(169.2deg);
        -ms-transform: rotate(169.2deg);
        -o-transform: rotate(169.2deg);
        -spec-transform: rotate(169.2deg);
        transform: rotate(169.2deg);
      }
      .card--dashboard .card[data-progress="94"] .circle .fill.fix {
        -webkit-transform: rotate(338.4deg);
        -moz-transform: rotate(338.4deg);
        -ms-transform: rotate(338.4deg);
        -o-transform: rotate(338.4deg);
        -spec-transform: rotate(338.4deg);
        transform: rotate(338.4deg);
      }
      .card--dashboard .card[data-progress="95"] .circle .fill,
      .card--dashboard .card[data-progress="95"] .circle .mask.full {
        -webkit-transition-delay: 1s;
        -moz-transition-delay: 1s;
        -spec-transition-delay: 1s;
        transition-delay: 1s;
        -webkit-transform: rotate(171deg);
        -moz-transform: rotate(171deg);
        -ms-transform: rotate(171deg);
        -o-transform: rotate(171deg);
        -spec-transform: rotate(171deg);
        transform: rotate(171deg);
      }
      .card--dashboard .card[data-progress="95"] .circle .fill.fix {
        -webkit-transform: rotate(342deg);
        -moz-transform: rotate(342deg);
        -ms-transform: rotate(342deg);
        -o-transform: rotate(342deg);
        -spec-transform: rotate(342deg);
        transform: rotate(342deg);
      }
      .card--dashboard .card[data-progress="96"] .circle .fill,
      .card--dashboard .card[data-progress="96"] .circle .mask.full {
        -webkit-transition-delay: 1s;
        -moz-transition-delay: 1s;
        -spec-transition-delay: 1s;
        transition-delay: 1s;
        -webkit-transform: rotate(172.8deg);
        -moz-transform: rotate(172.8deg);
        -ms-transform: rotate(172.8deg);
        -o-transform: rotate(172.8deg);
        -spec-transform: rotate(172.8deg);
        transform: rotate(172.8deg);
      }
      .card--dashboard .card[data-progress="96"] .circle .fill.fix {
        -webkit-transform: rotate(345.6deg);
        -moz-transform: rotate(345.6deg);
        -ms-transform: rotate(345.6deg);
        -o-transform: rotate(345.6deg);
        -spec-transform: rotate(345.6deg);
        transform: rotate(345.6deg);
      }
      .card--dashboard .card[data-progress="97"] .circle .fill,
      .card--dashboard .card[data-progress="97"] .circle .mask.full {
        -webkit-transition-delay: 1s;
        -moz-transition-delay: 1s;
        -spec-transition-delay: 1s;
        transition-delay: 1s;
        -webkit-transform: rotate(174.6deg);
        -moz-transform: rotate(174.6deg);
        -ms-transform: rotate(174.6deg);
        -o-transform: rotate(174.6deg);
        -spec-transform: rotate(174.6deg);
        transform: rotate(174.6deg);
      }
      .card--dashboard .card[data-progress="97"] .circle .fill.fix {
        -webkit-transform: rotate(349.2deg);
        -moz-transform: rotate(349.2deg);
        -ms-transform: rotate(349.2deg);
        -o-transform: rotate(349.2deg);
        -spec-transform: rotate(349.2deg);
        transform: rotate(349.2deg);
      }
      .card--dashboard .card[data-progress="98"] .circle .fill,
      .card--dashboard .card[data-progress="98"] .circle .mask.full {
        -webkit-transition-delay: 1s;
        -moz-transition-delay: 1s;
        -spec-transition-delay: 1s;
        transition-delay: 1s;
        -webkit-transform: rotate(176.4deg);
        -moz-transform: rotate(176.4deg);
        -ms-transform: rotate(176.4deg);
        -o-transform: rotate(176.4deg);
        -spec-transform: rotate(176.4deg);
        transform: rotate(176.4deg);
      }
      .card--dashboard .card[data-progress="98"] .circle .fill.fix {
        -webkit-transform: rotate(352.8deg);
        -moz-transform: rotate(352.8deg);
        -ms-transform: rotate(352.8deg);
        -o-transform: rotate(352.8deg);
        -spec-transform: rotate(352.8deg);
        transform: rotate(352.8deg);
      }
      .card--dashboard .card[data-progress="99"] .circle .fill,
      .card--dashboard .card[data-progress="99"] .circle .mask.full {
        -webkit-transition-delay: 1s;
        -moz-transition-delay: 1s;
        -spec-transition-delay: 1s;
        transition-delay: 1s;
        -webkit-transform: rotate(178.2deg);
        -moz-transform: rotate(178.2deg);
        -ms-transform: rotate(178.2deg);
        -o-transform: rotate(178.2deg);
        -spec-transform: rotate(178.2deg);
        transform: rotate(178.2deg);
      }
      .card--dashboard .card[data-progress="99"] .circle .fill.fix {
        -webkit-transform: rotate(356.4deg);
        -moz-transform: rotate(356.4deg);
        -ms-transform: rotate(356.4deg);
        -o-transform: rotate(356.4deg);
        -spec-transform: rotate(356.4deg);
        transform: rotate(356.4deg);
      }
      .card--dashboard .card[data-progress="100"] .circle .fill,
      .card--dashboard .card[data-progress="100"] .circle .mask.full {
        -webkit-transition-delay: 1s;
        -moz-transition-delay: 1s;
        -spec-transition-delay: 1s;
        transition-delay: 1s;
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -spec-transform: rotate(180deg);
        transform: rotate(180deg);
      }
      .card--dashboard .card[data-progress="100"] .circle .fill.fix {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -spec-transform: rotate(360deg);
        transform: rotate(360deg);
      }
      .card--dashboard .card__progress--bar {
        position: relative;
        width: 100%;
        padding-right: 1rem;
        padding-left: 1rem;
        flex: 0 0 100%;
        max-width: 100%;
        margin: 0 0 24px;
      }
      .card--dashboard .card__progress--bar .progress__percentage {
        position: relative;
        margin: 0;
      }
      .card--dashboard
        .card__progress--bar
        .progress__percentage
        .progress__percentage-value {
        -webkit-transform: translatex(-1.5rem);
        -moz-transform: translatex(-1.5rem);
        -ms-transform: translatex(-1.5rem);
        -o-transform: translatex(-1.5rem);
        -spec-transform: translatex(-1.5rem);
        transform: translatex(-1.5rem);
        display: inline-block;
        position: absolute;
        top: -0.5em;
        width: 3rem;
        color: #212326;
        font-size: 15.75px;
        content: attr(data-percentage);
      }
      .card--dashboard .card__progress--bar .progress__percentage:after {
        display: block;
        position: absolute;
        top: -0.95rem;
        left: 0;
        width: 100%;
        height: 3px;
        background-color: #fff;
        content: "";
        z-index: 0;
      }
      .card--dashboard .card__progress--bar .progress__bar {
        display: block;
        position: relative;
        top: -0.75rem;
        height: 3px;
        background-color: #4563ae;
        z-index: 101;
      }
      .card--dashboard .card__progress--circle {
        -webkit-transform: translatex(-50%);
        -moz-transform: translatex(-50%);
        -ms-transform: translatex(-50%);
        -o-transform: translatex(-50%);
        -spec-transform: translatex(-50%);
        transform: translatex(-50%);
        position: absolute;
        top: -30px;
        left: 50%;
        width: 60px;
        height: 60px;
        margin: 0 auto;
        text-align: left;
        z-index: 103;
      }
      .card--dashboard .card__progress--circle .circle .fill,
      .card--dashboard .card__progress--circle .circle .mask {
        -webkit-backface-visibility: hidden;
        -spec-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transition: -webkit-transform 400ms ease;
        -moz-transition: -moz-transform 400ms ease;
        transition: transform 400ms ease;
        position: absolute;
        width: 60px;
        height: 60px;
        border-radius: 50%;
      }
      .card--dashboard .card__progress--circle .circle .mask {
        clip: rect(0, 60px, 60px, 30px);
      }
      .card--dashboard .card__progress--circle .circle .mask .fill {
        background-color: #4563ae;
        clip: rect(0, 30px, 60px, 0);
      }
      .card--dashboard .card__posts {
        margin-top: auto;
        color: #212326;
        font-size: 15.75px;
        font-weight: 400;
        line-height: 1;
      }
      .card--dashboard .card__coming-soon {
        font-weight: normal;
        opacity: 0.75;
      }
      .products__list {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        -spec-box-lines: multiple;
        box-lines: multiple;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -spec-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: -1rem;
        margin-left: -1rem;
        padding-right: 0;
        padding-left: 0;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -spec-box-pack: center;
        box-pack: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        -o-justify-content: center;
        -spec-justify-content: center;
        justify-content: center;
        -ms-flex-pack: center;
      }
      .products__list:after,
      .products__list:before {
        -webkit-flex-basis: 0;
        -moz-flex-basis: 0;
        -spec-flex-basis: 0;
        flex-basis: 0;
        -ms-flex-preferred-size: 0;
        order: 1;
      }
      .products__list-item {
        position: relative;
        width: 100%;
        padding-right: 1rem;
        padding-left: 1rem;
        flex: 0 0 100%;
        max-width: 100%;
        padding-bottom: 24px;
      }
      @media all and (min-width: 570px) {
        .products__list-item {
          position: relative;
          width: 100%;
          padding-right: 1rem;
          padding-left: 1rem;
          flex: 0 0 50%;
          max-width: 50%;
        }
      }
      @media all and (min-width: 992px) {
        .products__list-item {
          flex: 0 0 33.33%;
          max-width: 33.33%;
        }
      }
      .products__collections-list {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        -spec-box-lines: multiple;
        box-lines: multiple;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -spec-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -moz-box-align: center;
        -spec-box-align: center;
        box-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        -o-align-items: center;
        -spec-align-items: center;
        align-items: center;
        -ms-flex-align: center;
        margin: 0 0 1rem;
      }
      .products__collections-list:after,
      .products__collections-list:before {
        -webkit-flex-basis: 0;
        -moz-flex-basis: 0;
        -spec-flex-basis: 0;
        flex-basis: 0;
        -ms-flex-preferred-size: 0;
        order: 1;
      }
      .products__collections-list-item {
        display: block;
        width: 100%;
        padding: 0.5rem 0;
        line-height: 1;
      }
      @media all and (min-width: 768px) {
        .products__collections-list-item {
          display: inline-block;
          width: auto;
          margin: 0 1rem 0 0;
        }
        .products__collections-list-item:last-child {
          margin: 0;
        }
      }
      .products__collections-list-item a {
        position: relative;
        padding-left: 0.8rem;
        line-height: 1;
        text-decoration: none;
      }
      @media all and (min-width: 768px) {
        .products__collections-list-item a {
          padding-left: 0;
        }
      }
      .products__collections-list-item a:after {
        display: inline-block;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 3px;
        height: 100%;
        background-color: #6f7282;
        content: none;
      }
      @media all and (min-width: 768px) {
        .products__collections-list-item a:after {
          bottom: -5px;
          width: 100%;
          height: 1px;
        }
      }
      .products__collections-list-item a.active:after,
      .products__collections-list-item a:active:after,
      .products__collections-list-item a:focus:after,
      .products__collections-list-item a:hover:after {
        content: "";
      }
      .product-action-button--private a {
        text-decoration: none;
      }
      .product-action-button--private .fa {
        margin-right: 0.25rem;
      }
      .products-coupon {
        position: fixed;
        top: 1rem;
        left: 1rem;
        width: calc(100% - 2rem);
        padding: 1rem;
        border-radius: 0;
        color: #fff;
        font-weight: bold;
        line-height: normal;
        text-align: center;
        text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
        z-index: 400;
      }
      .products-coupon.products-coupon--valid {
        background-color: #216e2f;
      }
      .products-coupon.products-coupon--invalid {
        background-color: #e75725;
      }
      .products-coupon__container {
        position: relative;
        width: 100%;
        margin: 0 auto;
        padding-right: 1rem;
        padding-left: 1rem;
      }
      @media all and (min-width: 768px) {
        .products-coupon__container {
          max-width: 768px;
        }
      }
      @media all and (min-width: 992px) {
        .products-coupon__container {
          max-width: 992px;
        }
      }
      @media all and (min-width: 1200px) {
        .products-coupon__container {
          max-width: 1200px;
        }
      }
      .products-coupon__close {
        position: absolute;
        top: 0.5rem;
        right: 0.5rem;
        color: #fff;
        font-size: 36px;
        font-weight: bold;
        line-height: 0.5;
        text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
        cursor: pointer;
      }
      @media all and (min-width: 480px) {
        .products-coupon__close {
          -webkit-transform: translatey(-50%);
          -moz-transform: translatey(-50%);
          -ms-transform: translatey(-50%);
          -o-transform: translatey(-50%);
          -spec-transform: translatey(-50%);
          transform: translatey(-50%);
          top: 50%;
          right: 1rem;
        }
      }
      .products-coupon__close,
      .products-coupon__close:active,
      .products-coupon__close:hover,
      .products-coupon__close:focus {
        color: #fff;
      }
      .products__search {
        display: flex;
        justify-content: space-between;
        margin: 0 0 2rem;
      }
      .products__search-form {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        -spec-box-lines: multiple;
        box-lines: multiple;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -spec-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        -spec-box-pack: justify;
        box-pack: justify;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        -o-justify-content: space-between;
        -spec-justify-content: space-between;
        justify-content: space-between;
        -ms-flex-pack: justify;
      }
      .products__search-form:after,
      .products__search-form:before {
        -webkit-flex-basis: 0;
        -moz-flex-basis: 0;
        -spec-flex-basis: 0;
        flex-basis: 0;
        -ms-flex-preferred-size: 0;
        order: 1;
      }
      .products__search-box {
        min-width: 100%;
        margin: 0 0 1rem auto;
      }
      @media all and (min-width: 768px) {
        .products__search-box {
          min-width: 20rem;
        }
      }
      .review__stars {
        -webkit-align-self: center;
        -moz-align-self: center;
        -spec-align-self: center;
        align-self: center;
        -ms-flex-item-align: center;
        display: inline-block;
        position: relative;
        width: auto;
        line-height: 1;
        white-space: nowrap;
        overflow: hidden;
      }
      .review__stars .review__star {
        width: 0.75rem;
        height: 0.75rem;
        color: #fccd56;
        font-size: 0.75rem;
        line-height: normal;
        opacity: 1;
        z-index: 101;
      }
      .review__stars input {
        -webkit-appearance: none;
        -moz-appearance: none;
        -ms-appearance: none;
        -o-appearance: none;
        -spec-appearance: none;
        appearance: none;
        display: inline-block;
        position: relative;
        width: 0.75rem;
        height: 0.75rem;
        margin: 0;
        padding: 0;
        border: 0;
        z-index: 102;
      }
      .review__stars input:hover,
      .review__stars input:active {
        outline: none;
        background-color: transparent;
        -webkit-tap-highlight-color: transparent;
      }
      .review__stars label {
        display: inline-block;
        position: relative;
        width: 0.75rem;
        height: 0.75rem;
      }
      .review__stars .review__star ~ .review__star {
        left: 0.9375rem;
      }
      .review__stars .review__star ~ .review__star ~ .review__star {
        left: 1.875rem;
      }
      .review__stars
        .review__star
        ~ .review__star
        ~ .review__star
        ~ .review__star {
        left: 2.8125rem;
      }
      .review__stars
        .review__star
        ~ .review__star
        ~ .review__star
        ~ .review__star
        ~ .review__star {
        left: 3.75rem;
      }
      .review__stars-input {
        cursor: pointer;
      }
      .review__stars-input:before {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        color: #fccd56;
        font-family: "FontAwesome";
        font-size: 0.75rem;
        letter-spacing: 0.21rem;
        line-height: 1;
        content: "\f006 \f006 \f006 \f006 \f006";
      }
      .review__stars-input .review__star {
        cursor: pointer;
        opacity: 1;
      }
      .review__stars-input input {
        position: relative;
        cursor: pointer;
      }
      .review__stars-input input:checked + .review__star ~ .review__star {
        opacity: 0;
      }
      .review__stars-input:hover .review__star,
      .review__stars-input:focus .review__star {
        opacity: 1 !important;
      }
      .review__stars-input:hover input:hover + .review__star ~ .review__star,
      .review__stars-input:hover input:focus + .review__star ~ .review__star,
      .review__stars-input:focus input:hover + .review__star ~ .review__star,
      .review__stars-input:focus input:focus + .review__star ~ .review__star {
        opacity: 0 !important;
      }
      .review__stars-count {
        position: relative;
        top: 1px;
        left: 7px;
        margin-bottom: 0;
        font-size: 14px;
        letter-spacing: 1px;
        line-height: 1;
        opacity: 0.5;
      }
      table {
        width: 100%;
        max-width: 100%;
        margin-bottom: 2rem;
        background-color: #fff;
        border-collapse: collapse;
      }
      @media all and (min-width: 992px) {
        table {
          table-layout: fixed;
        }
      }
      @media all and (max-width: 991px) {
        table {
          width: 100%;
          overflow-x: scroll;
          -ms-overflow-style: -ms-autohiding-scrollbar;
        }
      }
      @media all and (max-width: 991px) {
        table.table--responsive {
          border: 0;
          background: transparent;
        }
        table.table--responsive thead {
          position: absolute;
          width: 1px;
          height: 1px;
          margin: -1px;
          padding: 0;
          border: 0;
          overflow: hidden;
          clip: rect(0 0 0 0);
        }
        table.table--responsive tr {
          display: block;
          margin-bottom: 2rem;
          border-bottom: 3px solid rgba(33, 35, 38, 0.1);
          background-color: #fff;
        }
        table.table--responsive tr:last-child {
          margin-bottom: 0;
        }
        table.table--responsive td {
          display: block;
          min-height: 3rem;
          font-size: 15.75px;
          text-align: right;
        }
        table.table--responsive td:before {
          float: left;
          font-weight: bold;
          content: attr(data-label);
        }
        table.table--responsive td:last-child {
          border-bottom: 0;
        }
      }
      table table {
        background-color: #fff;
      }
      table thead th {
        border-bottom: 1px solid rgba(33, 35, 38, 0.1);
        text-align: left;
        vertical-align: bottom;
      }
      table tbody + tbody {
        border-top: 1px solid rgba(33, 35, 38, 0.1);
      }
      table tbody tr {
        -webkit-transition: background-color 200ms ease;
        -moz-transition: background-color 200ms ease;
        transition: background-color 200ms ease;
      }
      table tbody tr:nth-of-type(odd) {
        background-color: #fff;
      }
      table tbody tr,
      table tbody tr:active,
      table tbody tr:hover {
        -webkit-transition: background-color 200ms ease;
        -moz-transition: background-color 200ms ease;
        transition: background-color 200ms ease;
      }
      table tbody tr:active,
      table tbody tr:hover {
        background-color: #f8f2e9;
      }
      table th,
      table td {
        padding: 0.66667rem;
        border-top: 1px solid rgba(33, 35, 38, 0.1);
      }
      body {
        font-family: "Source Sans Pro", sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 1.5;
        text-rendering: optimizeLegibility;
        text-shadow: 0 0 1px transparent;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        word-break: break-word;
      }
      @media all and (min-width: 768px) {
        body {
          font-size: 18px;
        }
      }
      form,
      input,
      textarea,
      label,
      fieldset,
      legend,
      select,
      optgroup,
      option,
      datalist,
      keygen,
      output {
        font-family: "Source Sans Pro", sans-serif;
      }
      h1,
      h2,
      h3,
      h4,
      h5,
      h6 {
        margin: 0 0 1rem;
        font-family: "Libre Baskerville", sans-serif;
        line-height: 1.2;
      }
      .page__heading {
        margin: 0 0 1rem;
        font-family: "Libre Baskerville", sans-serif;
        font-size: 36px;
        font-weight: 400;
        line-height: 1.2;
      }
      @media all and (min-width: 768px) {
        .page__heading {
          font-size: 45px;
        }
      }
      .section__headings {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -spec-box-orient: vertical;
        box-orient: vertical;
        -webkit-box-direction: normal;
        -moz-box-direction: normal;
        -spec-box-direction: normal;
        box-direction: normal;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -spec-flex-direction: column;
        flex-direction: column;
        -ms-flex-direction: column;
        margin: 0 0 1rem;
      }
      @media all and (min-width: 768px) {
        .section__headings {
          margin: 0 0 2rem;
        }
      }
      .section__headings--reverse .section__heading {
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -spec-box-ordinal-group: 2;
        box-ordinal-group: 2;
        -webkit-order: 2;
        -moz-order: 2;
        -spec-order: 2;
        order: 2;
        -ms-flex-order: 2;
      }
      .section__headings--reverse .section__subheading {
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        -spec-box-ordinal-group: 1;
        box-ordinal-group: 1;
        -webkit-order: 1;
        -moz-order: 1;
        -spec-order: 1;
        order: 1;
        -ms-flex-order: 1;
      }
      .section__heading {
        margin: 0;
        font-family: "Libre Baskerville", sans-serif;
        font-size: 32px;
        font-weight: 400;
        line-height: 1.2;
        color: #212326;
      }
      @media all and (min-width: 768px) {
        .section__heading {
          font-size: 36px;
        }
      }
      .section__heading--secondary {
        font-family: "Libre Baskerville", sans-serif;
        font-size: 20px;
        font-weight: 400;
      }
      @media all and (min-width: 768px) {
        .section__heading--secondary {
          font-size: 22px;
        }
      }
      .section__subheading {
        margin-top: 16px;
        margin-bottom: 0;
        font-family: "Source Sans Pro", sans-serif;
        font-size: 20px;
        font-weight: 400;
        line-height: 1.2;
        color: #212326;
      }
      @media all and (min-width: 480px) {
        .section__subheading {
          margin-top: 24px;
        }
      }
      @media all and (min-width: 768px) {
        .section__subheading {
          font-size: 24px;
        }
      }
      #language-bar {
        z-index: 9999;
      }
      #skip-link a {
        position: absolute;
        top: auto;
        left: -9999px;
        width: 1px;
        height: 1px;
        overflow: hidden;
        z-index: -9999;
      }
      #skip-link a:active,
      #skip-link a:focus {
        top: auto;
        left: auto;
        margin: 15px;
        padding: 15px;
        width: 200px;
        height: 60px;
        border: 2px solid #ffed8f;
        background-color: #000;
        color: #fff;
        font-size: 1rem;
        text-align: center;
        overflow: auto;
        z-index: 9999;
      }
      .sr-only {
        position: absolute;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        border: 0;
        white-space: nowrap;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        clip-path: inset(50%);
      }
      .hidden {
        display: none !important;
      }
      @media print {
        .hidden-print {
          display: none !important;
        }
      }
      .noscroll {
        overflow: hidden;
      }
      .admin-notice__bar {
        position: fixed;
        bottom: 0;
        width: 100%;
        z-index: 9999;
      }
      @media all and (max-width: 991px) {
        .admin-notice__bar a {
          display: block;
        }
      }
      #notifications {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
      }
      #notifications .row {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        -spec-box-lines: multiple;
        box-lines: multiple;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -spec-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: -1rem;
        margin-left: -1rem;
        padding-right: 0;
        padding-left: 0;
      }
      #notifications .row:after,
      #notifications .row:before {
        -webkit-flex-basis: 0;
        -moz-flex-basis: 0;
        -spec-flex-basis: 0;
        flex-basis: 0;
        -ms-flex-preferred-size: 0;
        order: 1;
      }
      #notifications .flash {
        position: relative;
        width: 100%;
        padding-right: 1rem;
        padding-left: 1rem;
        flex: 0 0 100%;
        max-width: 100%;
      }
      .section-background-image {
        position: relative;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
      }
      .section__content-alignment__center [class*="__wrapper"] {
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -spec-box-pack: center;
        box-pack: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        -o-justify-content: center;
        -spec-justify-content: center;
        justify-content: center;
        -ms-flex-pack: center;
      }
      .section__content-alignment__right .section__headings,
      .section__content-alignment__right .section__content {
        margin-right: 0;
        margin-left: auto;
      }
      .section-height__small > [class*="__container"] {
        padding-top: 2rem;
        padding-bottom: 2rem;
      }
      .section-height__medium > [class*="__container"] {
        padding-top: 4rem;
        padding-bottom: 4rem;
      }
      .section-height__large > [class*="__container"] {
        padding-top: 7.5rem;
        padding-bottom: 7.5rem;
      }
      .section-height__xlarge > [class*="__container"] {
        padding-top: 20rem;
        padding-bottom: 20rem;
      }
      .section__divide {
        display: block;
        width: 100%;
        height: 1px;
        margin: 1rem;
        background-color: #212326;
        opacity: 0.2;
      }
      .owl-carousel .owl-nav {
        position: absolute;
        top: 25%;
        left: 0;
        width: 100%;
        z-index: 0;
      }
      .owl-carousel .owl-nav .owl-prev,
      .owl-carousel .owl-nav .owl-next {
        border: 2px solid transparent;
        border-radius: 4px;
        background-color: #4563ae;
        color: #fff;
        display: inline-block;
        position: absolute;
        width: 2rem;
        height: 2rem;
        border: 0;
        font-size: 1.5rem;
        letter-spacing: 0;
        line-height: 1;
        text-align: center;
        z-index: 102;
      }
      .owl-carousel .owl-nav .owl-prev:active,
      .owl-carousel .owl-nav .owl-prev:hover,
      .owl-carousel .owl-nav .owl-prev:focus,
      .owl-carousel .owl-nav .owl-next:active,
      .owl-carousel .owl-nav .owl-next:hover,
      .owl-carousel .owl-nav .owl-next:focus {
        border-color: transparent;
        background: #2f4477;
        color: #fff;
        box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
      }
      .owl-carousel .owl-nav .owl-prev:active,
      .owl-carousel .owl-nav .owl-prev:hover,
      .owl-carousel .owl-nav .owl-next:active,
      .owl-carousel .owl-nav .owl-next:hover {
        -webkit-transition:
          all 300ms ease,
          box-shadow 400ms ease;
        -moz-transition:
          all 300ms ease,
          box-shadow 400ms ease;
        transition:
          all 300ms ease,
          box-shadow 400ms ease;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.15);
      }
      .owl-carousel .owl-nav .owl-prev.disabled,
      .owl-carousel .owl-nav .owl-next.disabled {
        border-color: #f7f7f7;
        background-color: #f7f7f7;
      }
      .owl-carousel .owl-nav .owl-prev {
        left: -1rem;
      }
      .owl-carousel .owl-nav .owl-prev .fa-angle-left {
        padding-right: 3px;
      }
      .owl-carousel .owl-nav .owl-next {
        right: -1rem;
      }
      .owl-carousel .owl-nav .owl-next .fa-angle-right {
        padding-left: 3px;
      }
      .overlay {
        position: fixed;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: -9999;
      }
      .overlay.show {
        opacity: 1;
        z-index: 200;
      }
      .tooltip {
        display: inline-block;
        position: relative;
      }
      .tooltip span {
        -webkit-transition: 200ms all ease-out;
        -moz-transition: 200ms all ease-out;
        transition: 200ms all ease-out;
        position: absolute;
        top: 0;
        left: 0;
        width: unset;
        min-width: 80vw;
        max-width: 100%;
        padding: 0.5rem 1rem;
        border: 1px solid rgba(33, 35, 38, 0.1);
        border-radius: 0;
        background: #fff;
        color: #212326;
        font-size: 15.75px;
        font-weight: 400;
        line-height: normal;
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
        opacity: 0;
        visibility: hidden;
      }
      @media all and (min-width: 768px) {
        .tooltip span {
          min-width: 20rem;
        }
      }
      .tooltip:active span,
      .tooltip:focus span,
      .tooltip:hover span {
        opacity: 1;
        visibility: visible;
      }
      .vbox-overlay .vbox-preloader {
        -webkit-transform: translate(-50% -50% 0);
        -moz-transform: translate(-50% -50% 0);
        -ms-transform: translate(-50% -50% 0);
        -o-transform: translate(-50% -50% 0);
        -spec-transform: translate(-50% -50% 0);
        transform: translate(-50% -50% 0);
        top: 50%;
        left: 50%;
      }
      .affiliate {
        padding-top: 2rem;
        padding-bottom: 2rem;
      }
      @media all and (min-width: 768px) {
        .affiliate {
          padding-top: 4rem;
          padding-bottom: 4rem;
        }
      }
      .affiliate__container {
        position: relative;
        width: 100%;
        margin: 0 auto;
        padding-right: 1rem;
        padding-left: 1rem;
      }
      @media all and (min-width: 768px) {
        .affiliate__container {
          max-width: 768px;
        }
      }
      @media all and (min-width: 992px) {
        .affiliate__container {
          max-width: 992px;
        }
      }
      @media all and (min-width: 1200px) {
        .affiliate__container {
          max-width: 1200px;
        }
      }
      .affiliate__wrapper {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        -spec-box-lines: multiple;
        box-lines: multiple;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -spec-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: -1rem;
        margin-left: -1rem;
        padding-right: 0;
        padding-left: 0;
      }
      .affiliate__wrapper:after,
      .affiliate__wrapper:before {
        -webkit-flex-basis: 0;
        -moz-flex-basis: 0;
        -spec-flex-basis: 0;
        flex-basis: 0;
        -ms-flex-preferred-size: 0;
        order: 1;
      }
      .affiliate__heading {
        margin: 0 0 1rem;
        font-family: "Libre Baskerville", sans-serif;
        font-size: 36px;
        font-weight: 400;
        line-height: 1.2;
      }
      @media all and (min-width: 768px) {
        .affiliate__heading {
          font-size: 45px;
        }
      }
      .affiliate__menu {
        position: relative;
        width: 100%;
        padding-right: 1rem;
        padding-left: 1rem;
        flex: 0 0 100%;
        max-width: 100%;
      }
      @media all and (max-width: 767px) {
        .affiliate__menu {
          -webkit-box-ordinal-group: 2;
          -moz-box-ordinal-group: 2;
          -spec-box-ordinal-group: 2;
          box-ordinal-group: 2;
          -webkit-order: 2;
          -moz-order: 2;
          -spec-order: 2;
          order: 2;
          -ms-flex-order: 2;
        }
      }
      @media all and (min-width: 992px) {
        .affiliate__menu {
          position: relative;
          width: 100%;
          padding-right: 1rem;
          padding-left: 1rem;
          flex: 0 0 25%;
          max-width: 25%;
        }
      }
      @media screen and (min-width: 768px) and (max-width: 991px) {
        .affiliate__menu {
          margin: 0 0 2rem;
        }
      }
      .affiliate__content {
        position: relative;
        width: 100%;
        padding-right: 1rem;
        padding-left: 1rem;
        flex: 0 0 100%;
        max-width: 100%;
      }
      @media all and (max-width: 767px) {
        .affiliate__content {
          -webkit-box-ordinal-group: 1;
          -moz-box-ordinal-group: 1;
          -spec-box-ordinal-group: 1;
          box-ordinal-group: 1;
          -webkit-order: 1;
          -moz-order: 1;
          -spec-order: 1;
          order: 1;
          -ms-flex-order: 1;
          margin: 0 0 2rem;
        }
      }
      @media all and (min-width: 992px) {
        .affiliate__menu + .affiliate__content {
          position: relative;
          width: 100%;
          padding-right: 1rem;
          padding-left: 1rem;
          flex: 0 0 75%;
          max-width: 75%;
          padding-left: 2rem;
        }
      }
      .affiliate__content h2 {
        margin: 0 0 1rem;
        font-family: "Libre Baskerville", sans-serif;
        font-size: 36px;
        font-weight: 400;
        line-height: 1.2;
      }
      @media all and (min-width: 768px) {
        .affiliate__content h2 {
          font-size: 45px;
        }
      }
      .affiliate__links {
        table-layout: auto;
      }
      .affiliate__links-homepage {
        -webkit-transition:
          border-color 200ms ease,
          outline 200ms ease;
        -moz-transition:
          border-color 200ms ease,
          outline 200ms ease;
        transition:
          border-color 200ms ease,
          outline 200ms ease;
        display: block;
        width: 100%;
        padding: 1rem;
        border: 2px solid #d9d9d9;
        border-radius: 0;
        background-color: #fff;
        font-size: 1rem;
        line-height: normal;
        display: inline-block;
        width: auto;
        background-color: #f7f7f7;
        line-height: 1;
      }
      .affiliate__links-homepage[readonly] {
        background-color: #f7f7f7;
      }
      .affiliate__links-homepage:active,
      .affiliate__links-homepage:hover {
        -webkit-transition:
          border-color 200ms ease,
          outline 200ms ease;
        -moz-transition:
          border-color 200ms ease,
          outline 200ms ease;
        transition:
          border-color 200ms ease,
          outline 200ms ease;
      }
      .affiliate__commissions-owed p {
        -webkit-transition:
          border-color 200ms ease,
          outline 200ms ease;
        -moz-transition:
          border-color 200ms ease,
          outline 200ms ease;
        transition:
          border-color 200ms ease,
          outline 200ms ease;
        display: block;
        width: 100%;
        padding: 1rem;
        border: 2px solid #d9d9d9;
        border-radius: 0;
        background-color: #fff;
        font-size: 1rem;
        line-height: normal;
        display: inline-block;
        width: auto;
        min-width: 10rem;
        background-color: #f7f7f7;
        line-height: 1;
      }
      .affiliate__commissions-owed p[readonly] {
        background-color: #f7f7f7;
      }
      .affiliate__commissions-owed p:active,
      .affiliate__commissions-owed p:hover {
        -webkit-transition:
          border-color 200ms ease,
          outline 200ms ease;
        -moz-transition:
          border-color 200ms ease,
          outline 200ms ease;
        transition:
          border-color 200ms ease,
          outline 200ms ease;
      }
      .affiliate__commissions-owed h2,
      .affiliate__commissions-paid h2,
      .affiliate__commissions-overview h2 {
        margin: 0 0 1rem;
        font-family: "Libre Baskerville", sans-serif;
        font-size: 20px;
        font-weight: 400;
        line-height: 1.2;
      }
      @media all and (min-width: 768px) {
        .affiliate__commissions-owed h2,
        .affiliate__commissions-paid h2,
        .affiliate__commissions-overview h2 {
          font-size: 22px;
        }
      }
      .checkout {
        border-bottom: 1px solid rgba(33, 35, 38, 0.1);
      }
      .checkout .button {
        padding: 16px 24px;
      }
      .checkout.checkout__thankyou,
      .checkout.checkout__paypal-express {
        padding-top: 2rem;
        padding-bottom: 2rem;
      }
      @media all and (min-width: 768px) {
        .checkout.checkout__thankyou,
        .checkout.checkout__paypal-express {
          padding-top: 4rem;
          padding-bottom: 4rem;
        }
      }
      .checkout.checkout__thankyou .checkout__container {
        padding-bottom: 4rem;
      }
      .checkout.checkout__thankyou .checkout__product-details {
        position: relative;
        width: 100%;
        flex: 0 0 100%;
        max-width: 100%;
        -webkit-align-self: flex-start;
        -moz-align-self: flex-start;
        -spec-align-self: flex-start;
        align-self: flex-start;
        -ms-flex-item-align: start;
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        -spec-box-lines: multiple;
        box-lines: multiple;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -spec-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: space-between;
        padding-bottom: 1rem;
      }
      .checkout.checkout__thankyou .checkout__product-details:after,
      .checkout.checkout__thankyou .checkout__product-details:before {
        -webkit-flex-basis: 0;
        -moz-flex-basis: 0;
        -spec-flex-basis: 0;
        flex-basis: 0;
        -ms-flex-preferred-size: 0;
        order: 1;
      }
      .checkout.checkout__paypal-express .checkout__wrapper {
        margin-right: 0;
        margin-left: 0;
      }
      .checkout__container {
        position: relative;
        width: 100%;
        margin: 0 auto;
        padding-right: 1rem;
        padding-left: 1rem;
      }
      @media all and (min-width: 768px) {
        .checkout__container {
          max-width: 768px;
        }
      }
      @media all and (min-width: 992px) {
        .checkout__container {
          max-width: 992px;
        }
      }
      @media all and (min-width: 1200px) {
        .checkout__container {
          max-width: 1200px;
        }
      }
      .checkout__wrapper {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        -spec-box-lines: multiple;
        box-lines: multiple;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -spec-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: -1rem;
        margin-left: -1rem;
        padding-right: 0;
        padding-left: 0;
      }
      .checkout__wrapper:after,
      .checkout__wrapper:before {
        -webkit-flex-basis: 0;
        -moz-flex-basis: 0;
        -spec-flex-basis: 0;
        flex-basis: 0;
        -ms-flex-preferred-size: 0;
        order: 1;
      }
      .checkout__thank-you {
        position: relative;
        width: 100%;
        padding-right: 1rem;
        padding-left: 1rem;
        flex: 0 0 100%;
        max-width: 100%;
      }
      .checkout__start-learning {
        margin-top: 2rem;
      }
      .checkout__form--sign-in .remote-sign-up__divider {
        display: none;
      }
      .checkout__form--sign-up .remote-sign-in__divider {
        display: none;
      }
      .progress-bar {
        position: relative;
        width: 100%;
        padding-right: 1rem;
        padding-left: 1rem;
        flex: 0 0 100%;
        max-width: 100%;
        margin: 0 0 2rem;
        padding: 0;
        font-size: 0;
        list-style: none;
      }
      .progress-bar li {
        display: inline-block;
        font-size: 0.875rem;
      }
      .progress-bar li:first-child:after {
        display: inline-block;
        position: relative;
        margin: 0 8px;
        font-family: "FontAwesome";
        font-size: 0.9rem;
        content: "\f0da";
      }
      .progress-bar li.active {
        font-weight: bold;
      }
      .checkout__form {
        position: relative;
        width: 100%;
        padding-right: 1rem;
        padding-left: 1rem;
        flex: 0 0 100%;
        max-width: 100%;
        padding-top: 1rem;
        padding-bottom: 2rem;
      }
      @media all and (min-width: 992px) {
        .checkout__form {
          position: relative;
          width: 100%;
          padding-right: 1rem;
          padding-left: 1rem;
          flex: 0 0 50%;
          max-width: 50%;
          padding-right: 2rem;
        }
      }
      .checkout__form .order-security {
        display: none;
      }
      .checkout__product-overview {
        position: relative;
        width: 100%;
        padding-right: 1rem;
        padding-left: 1rem;
        flex: 0 0 100%;
        max-width: 100%;
        padding-top: 2rem;
        background-color: #fff;
        z-index: 1;
      }
      @media all and (min-width: 992px) {
        .checkout__product-overview {
          position: relative;
          width: 100%;
          padding-right: 1rem;
          padding-left: 1rem;
          flex: 0 0 50%;
          max-width: 50%;
          padding-top: 6rem;
          padding-bottom: 2rem;
          padding-left: 2rem;
        }
      }
      .checkout__product-overview:before,
      .checkout__product-overview:after {
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        width: 50vw;
        height: 100%;
        background-color: #fff;
        z-index: -1;
      }
      @media all and (max-width: 991px) {
        .checkout__product-overview:before {
          right: 0;
          content: "";
        }
      }
      .checkout__product-overview:after {
        left: 0;
        content: "";
      }
      .checkout__sign-in,
      .checkout__sign-up {
        margin: 0 0 2rem;
      }
      .checkout__sign-in a,
      .checkout__sign-up a {
        font-size: 15.75px;
      }
      .checkout__thank-you {
        margin-bottom: 2rem;
      }
      .checkout__order-receipt {
        margin-top: 1rem;
        margin-bottom: 2rem;
      }
      @media all and (min-width: 768px) {
        .checkout__bundle-list {
          width: 80%;
        }
      }
      .checkout__bundle-list-item {
        margin-left: 0;
      }
      .checkout__bundle-list-item:last-child
        .checkout__product-details__wrapper,
      .checkout__bundle-list-item:only-child
        .checkout__product-details__wrapper {
        border-bottom: 1px solid rgba(33, 35, 38, 0.1);
      }
      .checkout__bundle-list-item .checkout__product-details__wrapper strong {
        margin-bottom: 1rem;
      }
      @media all and (max-width: 479px) {
        .checkout__bundle-list-item .checkout__product-details__wrapper strong {
          display: block;
          width: 100%;
        }
      }
      @media all and (min-width: 480px) {
        .checkout__bundle-list-item .checkout__product-details__wrapper strong {
          position: relative;
          width: 100%;
          flex: 0 0 66.66667%;
          max-width: 66.66667%;
          padding-right: 2rem;
        }
      }
      @media all and (min-width: 992px) {
        .checkout__bundle-list-item .checkout__product-details__wrapper strong {
          position: relative;
          width: 100%;
          flex: 0 0 75%;
          max-width: 75%;
        }
      }
      .checkout__bundle-list-item .checkout__product-details__wrapper a {
        -webkit-align-self: flex-start;
        -moz-align-self: flex-start;
        -spec-align-self: flex-start;
        align-self: flex-start;
        -ms-flex-item-align: start;
      }
      @media all and (min-width: 480px) {
        .checkout__bundle-list-item .checkout__product-details__wrapper a {
          margin-right: 0;
          margin-left: auto;
        }
      }
      .checkout__bundle-additional-courses {
        padding-top: 1rem;
        padding-bottom: 1rem;
        font-size: 15.75px;
        text-align: center;
      }
      .checkout__product-list {
        margin-bottom: 2rem;
      }
      @media all and (min-width: 992px) {
        .checkout__product-list {
          margin-top: 2rem;
        }
      }
      .checkout__product-list-item:last-child
        .checkout__product-details__wrapper,
      .checkout__product-list-item:only-child
        .checkout__product-details__wrapper {
        border-bottom: 1px solid rgba(33, 35, 38, 0.1);
      }
      .checkout__product-details__wrapper {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        -spec-box-lines: multiple;
        box-lines: multiple;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -spec-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 2rem 0;
        border-top: 1px solid rgba(33, 35, 38, 0.1);
      }
      .checkout__product-details__wrapper:after,
      .checkout__product-details__wrapper:before {
        -webkit-flex-basis: 0;
        -moz-flex-basis: 0;
        -spec-flex-basis: 0;
        flex-basis: 0;
        -ms-flex-preferred-size: 0;
        order: 1;
      }
      .checkout__product-details {
        position: relative;
        width: 100%;
        flex: 0 0 100%;
        max-width: 100%;
        -webkit-align-self: flex-start;
        -moz-align-self: flex-start;
        -spec-align-self: flex-start;
        align-self: flex-start;
        -ms-flex-item-align: start;
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        -spec-box-lines: multiple;
        box-lines: multiple;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -spec-flex-wrap: wrap;
        flex-wrap: wrap;
      }
      @media all and (min-width: 480px) {
        .checkout__product-details {
          position: relative;
          width: 100%;
          flex: 0 0 66.66667%;
          max-width: 66.66667%;
        }
      }
      .checkout__product-details:after,
      .checkout__product-details:before {
        -webkit-flex-basis: 0;
        -moz-flex-basis: 0;
        -spec-flex-basis: 0;
        flex-basis: 0;
        -ms-flex-preferred-size: 0;
        order: 1;
      }
      .checkout__product-image {
        position: relative;
        width: 100%;
        flex: 0 0 100%;
        max-width: 100%;
        -webkit-align-self: flex-start;
        -moz-align-self: flex-start;
        -spec-align-self: flex-start;
        align-self: flex-start;
        -ms-flex-item-align: start;
        aspect-ratio: 16 / 9;
        width: 100%;
        object-fit: cover;
      }
      @media all and (min-width: 480px) {
        .checkout__product-image {
          position: relative;
          width: 100%;
          flex: 0 0 33.33333%;
          max-width: 33.33333%;
          padding-bottom: 0;
        }
      }
      .checkout__product-name {
        position: relative;
        width: 100%;
        padding-right: 1rem;
        padding-left: 1rem;
        flex: 0 0 100%;
        max-width: 100%;
        font-family: "Libre Baskerville", sans-serif;
        font-size: 20px;
        font-weight: 400;
        line-height: 1.75rem;
      }
      @media all and (max-width: 479px) {
        .checkout__product-name {
          padding-left: 0;
        }
      }
      @media all and (min-width: 768px) {
        .checkout__product-name {
          font-size: 22px;
        }
      }
      .checkout__product-price {
        position: relative;
        width: 100%;
        padding-right: 1rem;
        padding-left: 1rem;
        flex: 0 0 100%;
        max-width: 100%;
      }
      @media all and (max-width: 479px) {
        .checkout__product-price {
          padding-left: 0;
        }
      }
      .checkout__product-description {
        position: relative;
        width: 100%;
        padding-right: 1rem;
        padding-left: 1rem;
        flex: 0 0 100%;
        max-width: 100%;
        padding-top: 1rem;
        padding-right: 0;
      }
      @media all and (max-width: 479px) {
        .checkout__product-description {
          padding-left: 0;
        }
      }
      .checkout__footer {
        padding-bottom: 2rem;
        font-size: 15.75px;
      }
      @media all and (min-width: 992px) {
        .checkout__footer {
          padding-top: 2rem;
        }
      }
      .checkout__footer-info,
      .checkout__footer-help {
        position: relative;
        width: 100%;
        padding-right: 1rem;
        padding-left: 1rem;
        flex: 0 0 100%;
        max-width: 100%;
      }
      @media all and (min-width: 768px) {
        .checkout__footer-info,
        .checkout__footer-help {
          position: relative;
          width: 100%;
          padding-right: 1rem;
          padding-left: 1rem;
          flex: 0 0 50%;
          max-width: 50%;
        }
      }
      .checkout__footer-info a,
      .checkout__footer-help a {
        display: inline-block;
      }
      .checkout__footer-info strong,
      .checkout__footer-info p,
      .checkout__footer-help strong,
      .checkout__footer-help p {
        padding-left: 1rem;
      }
      .checkout__footer-info strong,
      .checkout__footer-help strong {
        position: relative;
      }
      .checkout__footer-info strong .fa,
      .checkout__footer-help strong .fa {
        -webkit-transform: translatey(-50%);
        -moz-transform: translatey(-50%);
        -ms-transform: translatey(-50%);
        -o-transform: translatey(-50%);
        -spec-transform: translatey(-50%);
        transform: translatey(-50%);
        position: absolute;
        top: 50%;
        left: 0;
        margin-right: 0.5rem;
      }
      .thinkific__checkout__cart-item__title {
        position: relative;
        width: 100%;
        padding-right: 1rem;
        padding-left: 1rem;
        flex: 0 0 50%;
        max-width: 50%;
        padding: 0;
        line-height: 1.75rem;
      }
      @media all and (min-width: 768px) {
        .thinkific__checkout__cart-item__title {
          position: relative;
          width: 100%;
          padding-right: 1rem;
          padding-left: 1rem;
          flex: 0 0 66.66667%;
          max-width: 66.66667%;
          padding-left: 0;
        }
      }
      .thinkific__checkout__cart-item__cost {
        position: relative;
        width: 100%;
        padding-right: 1rem;
        padding-left: 1rem;
        flex: 0 0 50%;
        max-width: 50%;
        padding: 0;
        line-height: 1.75rem;
      }
      @media all and (min-width: 768px) {
        .thinkific__checkout__cart-item__cost {
          position: relative;
          width: 100%;
          padding-right: 1rem;
          padding-left: 1rem;
          flex: 0 0 33.33333%;
          max-width: 33.33333%;
          padding-right: 0;
        }
      }
      .thinkific__cart-item__cost {
        position: relative;
        width: 100%;
        padding-right: 1rem;
        padding-left: 1rem;
        flex: 0 0 50%;
        max-width: 50%;
        padding: 0;
        line-height: 1.75rem;
      }
      @media all and (min-width: 768px) {
        .thinkific__cart-item__cost {
          position: relative;
          width: 100%;
          padding-right: 1rem;
          padding-left: 1rem;
          flex: 0 0 33.33333%;
          max-width: 33.33333%;
          padding-right: 0;
        }
      }
      .thinkific__checkout__coupon-code__submit-container .btn,
      .thinkific__checkout__credit-card-submit-container .btn,
      .thinkific__checkout__enroll-free__container .btn {
        -webkit-transition:
          all 200ms ease,
          font-size 200ms ease;
        -moz-transition:
          all 200ms ease,
          font-size 200ms ease;
        transition:
          all 200ms ease,
          font-size 200ms ease;
        display: inline-block;
        padding: 16px 24px;
        border: 2px solid transparent;
        border-radius: 4px;
        font-family: "Source Sans Pro", sans-serif;
        font-size: 14px;
        font-weight: 600;
        line-height: normal;
        text-align: center;
        text-decoration: none;
        cursor: pointer;
        border: 2px solid transparent;
        border-radius: 4px;
        background-color: #4563ae;
        color: #fff;
        padding: 0.8rem 4rem;
      }
      @media all and (min-width: 768px) {
        .thinkific__checkout__coupon-code__submit-container .btn,
        .thinkific__checkout__credit-card-submit-container .btn,
        .thinkific__checkout__enroll-free__container .btn {
          font-size: 18px;
        }
      }
      .thinkific__checkout__coupon-code__submit-container .btn:active,
      .thinkific__checkout__coupon-code__submit-container .btn:hover,
      .thinkific__checkout__coupon-code__submit-container .btn:focus,
      .thinkific__checkout__credit-card-submit-container .btn:active,
      .thinkific__checkout__credit-card-submit-container .btn:hover,
      .thinkific__checkout__credit-card-submit-container .btn:focus,
      .thinkific__checkout__enroll-free__container .btn:active,
      .thinkific__checkout__enroll-free__container .btn:hover,
      .thinkific__checkout__enroll-free__container .btn:focus {
        -webkit-transition:
          all 300ms ease,
          box-shadow 400ms ease;
        -moz-transition:
          all 300ms ease,
          box-shadow 400ms ease;
        transition:
          all 300ms ease,
          box-shadow 400ms ease;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.15);
      }
      .thinkific__checkout__coupon-code__submit-container .btn:active,
      .thinkific__checkout__coupon-code__submit-container .btn:hover,
      .thinkific__checkout__coupon-code__submit-container .btn:focus,
      .thinkific__checkout__credit-card-submit-container .btn:active,
      .thinkific__checkout__credit-card-submit-container .btn:hover,
      .thinkific__checkout__credit-card-submit-container .btn:focus,
      .thinkific__checkout__enroll-free__container .btn:active,
      .thinkific__checkout__enroll-free__container .btn:hover,
      .thinkific__checkout__enroll-free__container .btn:focus {
        border-color: transparent;
        background: #2f4477;
        color: #fff;
        box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
      }
      @media all and (max-width: 479px) {
        .thinkific__checkout__coupon-code__submit-container .btn,
        .thinkific__checkout__credit-card-submit-container .btn,
        .thinkific__checkout__enroll-free__container .btn {
          width: 100%;
          padding: 0.8rem 1rem;
        }
      }
      .thinkific__checkout__coupon-code__submit-container
        .thinkific__checkout__credit-card-instantly-checkout,
      .thinkific__checkout__credit-card-submit-container
        .thinkific__checkout__credit-card-instantly-checkout,
      .thinkific__checkout__enroll-free__container
        .thinkific__checkout__credit-card-instantly-checkout {
        font-size: 12px;
        font-weight: bold;
        text-align: center;
      }
      .thinkific__checkout__credit-card-submit-container {
        text-align: center;
      }
      .thinkific__checkout__credit-card-submit-container .btn {
        width: 100%;
        height: 55px;
        border-radius: 4px;
      }
      .paypal-smart-button__row {
        display: table;
        width: 100%;
        height: 32px;
        margin-bottom: 1rem;
        font-weight: 600;
        white-space: nowrap;
      }
      .paypal-smart-button__row:before,
      .paypal-smart-button__row:after {
        display: table-cell;
        position: relative;
        top: 1em;
        width: 45%;
        border-top: 1px solid rgba(33, 35, 38, 0.1);
        content: "";
      }
      .paypal-smart-button__row:before {
        right: 0;
      }
      .paypal-smart-button__row:after {
        left: 0;
      }
      .paypal-smart-button__text {
        display: table-cell;
        text-align: center;
        vertical-align: middle;
      }
      .thinkific__checkout__cart-item,
      .thinkific__checkout__cart-item--total-row {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        -spec-box-lines: multiple;
        box-lines: multiple;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -spec-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-flex-grow: 1;
        -moz-flex-grow: 1;
        -spec-flex-grow: 1;
        flex-grow: 1;
        -ms-flex-positive: 1;
      }
      .thinkific__checkout__cart-item:after,
      .thinkific__checkout__cart-item:before,
      .thinkific__checkout__cart-item--total-row:after,
      .thinkific__checkout__cart-item--total-row:before {
        -webkit-flex-basis: 0;
        -moz-flex-basis: 0;
        -spec-flex-basis: 0;
        flex-basis: 0;
        -ms-flex-preferred-size: 0;
        order: 1;
      }
      .thinkific__checkout__cart-item__cost,
      .thinkific__cart-item__cost {
        text-align: right;
      }
      .thinkific__checkout__cart-item--total-row {
        width: 100%;
        margin: 2rem 0 1rem;
        padding: 2rem 0;
        border-top: 1px solid rgba(33, 35, 38, 0.1);
        border-bottom: 1px solid rgba(33, 35, 38, 0.1);
        font-weight: bold;
        line-height: 1;
      }
      .thinkific__checkout__credit-card-container {
        padding-top: 2rem;
      }
      #payment-form {
        position: relative;
        padding-top: 1rem;
      }
      #local-payment-errors {
        display: none;
        position: relative;
        margin-bottom: 2rem;
        padding: 0.5rem;
        border: 1px solid #e75725;
        background-color: #e75725;
        color: #fff;
        font-size: 15.75px;
        font-weight: 600;
        line-height: 1;
        z-index: 1;
      }
      .paypal-button-row {
        margin-bottom: 1rem;
        padding-top: 1rem;
        text-align: center;
      }
      .paypal-button-row__text {
        margin-bottom: 1rem;
      }
      .paypal-express-checkout__form {
        width: 100%;
      }
      .paypal-express-checkout__form .btn-primary {
        -webkit-transition:
          all 200ms ease,
          font-size 200ms ease;
        -moz-transition:
          all 200ms ease,
          font-size 200ms ease;
        transition:
          all 200ms ease,
          font-size 200ms ease;
        display: inline-block;
        padding: 16px 24px;
        border: 2px solid transparent;
        border-radius: 4px;
        font-family: "Source Sans Pro", sans-serif;
        font-size: 14px;
        font-weight: 600;
        line-height: normal;
        text-align: center;
        text-decoration: none;
        cursor: pointer;
        border: 2px solid transparent;
        border-radius: 4px;
        background-color: #4563ae;
        color: #fff;
      }
      @media all and (min-width: 768px) {
        .paypal-express-checkout__form .btn-primary {
          font-size: 18px;
        }
      }
      .paypal-express-checkout__form .btn-primary:active,
      .paypal-express-checkout__form .btn-primary:hover,
      .paypal-express-checkout__form .btn-primary:focus {
        -webkit-transition:
          all 300ms ease,
          box-shadow 400ms ease;
        -moz-transition:
          all 300ms ease,
          box-shadow 400ms ease;
        transition:
          all 300ms ease,
          box-shadow 400ms ease;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.15);
      }
      .paypal-express-checkout__form .btn-primary:active,
      .paypal-express-checkout__form .btn-primary:hover,
      .paypal-express-checkout__form .btn-primary:focus {
        border-color: transparent;
        background: #2f4477;
        color: #fff;
        box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
      }
      .thinkific__checkout__coupon-code__input,
      .StripeElement {
        display: block;
        width: 100%;
        padding: 8px;
        border: 1px solid rgba(33, 35, 38, 0.1);
        border-radius: 0;
        font-size: 1rem;
      }
      .thinkific__checkout__coupon-code__input::-webkit-input-placeholder,
      .StripeElement::-webkit-input-placeholder {
        color: transparent;
      }
      .thinkific__checkout__coupon-code__input::-moz-placeholder,
      .StripeElement::-moz-placeholder {
        color: transparent;
      }
      .thinkific__checkout__coupon-code__input:-ms-input-placeholder,
      .StripeElement:-ms-input-placeholder {
        color: transparent;
      }
      .thinkific__checkout__coupon-code__input:-moz-placeholder,
      .StripeElement:-moz-placeholder {
        color: transparent;
      }
      .thinkific__checkout__coupon-code__check-container {
        text-align: right;
      }
      .thinkific__checkout__coupon-code__form-container {
        margin: 0;
      }
      .thinkific__checkout__coupon-code.hide {
        display: none;
      }
      .thinkific__checkout__coupon-code label {
        color: #212326;
        font-size: 0.75rem;
        font-weight: bold;
        line-height: 2;
      }
      .thinkific__checkout__coupon-code__container {
        position: relative;
      }
      .thinkific__checkout__coupon-code__input-container {
        margin: 0 0 2rem;
      }
      #thinkific__checkout__coupon-code__errors-container.visible {
        display: inline-block;
        position: absolute;
        right: 0;
        padding: 0.5rem;
        border: 1px solid #e75725;
        background-color: #e75725;
        color: #fff;
        font-size: 15.75px;
        font-weight: 600;
        line-height: 1;
      }
      #thinkific__checkout__coupon-code__errors-container.visible
        + .thinkific__checkout__coupon-code__input-container
        .thinkific__checkout__coupon-code__input {
        border-color: #e75725;
      }
      #thinkific__checkout__coupon-code__errors-container.visible
        + .thinkific__checkout__coupon-code__input-container
        .thinkific__checkout__coupon-code__input:focus {
        outline-color: #e75725;
      }
      .thinkific__checkout__coupon-code__input {
        background-color: #fff;
      }
      .StripeElement {
        position: relative;
        margin: 0 0 2rem;
        background-color: #fff;
      }
      .StripeElement--focus {
        border: 1px solid #4563ae;
      }
      .StripeElement.StripeElement--invalid {
        border-color: #e75725;
        outline-color: #e75725;
      }
      .CardField-number {
        color: #212326;
        font-size: 0.75rem;
        font-weight: bold;
        line-height: 2;
      }
      .CardField-number input {
        display: block;
      }
      .paypal-express-checkout__order-security,
      .order-security {
        display: block;
        width: 100%;
        padding: 2rem 0;
      }
      .paypal-express-checkout__order-security img,
      .order-security img {
        vertical-align: middle;
      }
      .paypal-express-checkout__order-security img:first-child,
      .order-security img:first-child {
        margin-right: 10px;
      }
      .order-security {
        padding: 0 1rem 2rem;
      }
      .order-security img {
        border-radius: 0;
        background-color: #fff;
      }
      .collections__container {
        position: relative;
        width: 100%;
        margin: 0 auto;
        padding-right: 1rem;
        padding-left: 1rem;
        padding-top: 2rem;
        padding-bottom: 1rem;
      }
      @media all and (min-width: 768px) {
        .collections__container {
          max-width: 768px;
        }
      }
      @media all and (min-width: 992px) {
        .collections__container {
          max-width: 992px;
        }
      }
      @media all and (min-width: 1200px) {
        .collections__container {
          max-width: 1200px;
        }
      }
      @media all and (min-width: 768px) {
        .collections__container {
          padding-top: 4rem;
          padding-bottom: 2rem;
        }
      }
      .collections__heading {
        margin: 0 0 1rem;
        font-family: "Libre Baskerville", sans-serif;
        font-size: 36px;
        font-weight: 400;
        line-height: 1.2;
      }
      @media all and (min-width: 768px) {
        .collections__heading {
          font-size: 45px;
        }
      }
      .course-review {
        padding-top: 2rem;
        padding-bottom: 2rem;
      }
      @media all and (min-width: 768px) {
        .course-review {
          padding-top: 4rem;
          padding-bottom: 4rem;
        }
      }
      .course-review__container {
        position: relative;
        width: 100%;
        margin: 0 auto;
        padding-right: 1rem;
        padding-left: 1rem;
      }
      @media all and (min-width: 768px) {
        .course-review__container {
          max-width: 768px;
        }
      }
      @media all and (min-width: 992px) {
        .course-review__container {
          max-width: 992px;
        }
      }
      @media all and (min-width: 1200px) {
        .course-review__container {
          max-width: 1200px;
        }
      }
      .course-review__wrapper {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        -spec-box-lines: multiple;
        box-lines: multiple;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -spec-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: -1rem;
        margin-left: -1rem;
        padding-right: 0;
        padding-left: 0;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -spec-box-pack: center;
        box-pack: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        -o-justify-content: center;
        -spec-justify-content: center;
        justify-content: center;
        -ms-flex-pack: center;
      }
      .course-review__wrapper:after,
      .course-review__wrapper:before {
        -webkit-flex-basis: 0;
        -moz-flex-basis: 0;
        -spec-flex-basis: 0;
        flex-basis: 0;
        -ms-flex-preferred-size: 0;
        order: 1;
      }
      .course-review__heading {
        margin: 0 0 1rem;
        font-family: "Libre Baskerville", sans-serif;
        font-size: 36px;
        font-weight: 400;
        line-height: 1.2;
      }
      @media all and (min-width: 768px) {
        .course-review__heading {
          font-size: 45px;
        }
      }
      .course-review__course-name {
        margin: 0 0 1rem;
        font-family: "Libre Baskerville", sans-serif;
        font-size: 32px;
        font-weight: 400;
        line-height: 1.2;
      }
      @media all and (min-width: 768px) {
        .course-review__course-name {
          font-size: 36px;
        }
      }
      .course-review__form {
        position: relative;
        width: 100%;
        padding-right: 1rem;
        padding-left: 1rem;
        flex: 0 0 100%;
        max-width: 100%;
      }
      @media all and (min-width: 992px) {
        .course-review__form {
          position: relative;
          width: 100%;
          padding-right: 1rem;
          padding-left: 1rem;
          flex: 0 0 50%;
          max-width: 50%;
        }
      }
      @media all and (min-width: 768px) {
        .course-review__form {
          position: relative;
          width: 100%;
          padding-right: 1rem;
          padding-left: 1rem;
          flex: 0 0 66.66667%;
          max-width: 66.66667%;
        }
      }
      .course-review__form .review__stars input {
        width: 2rem;
        height: 2rem;
        margin-left: -0.15rem;
      }
      .course-review__form .review__stars input:focus {
        outline-offset: 0;
        outline-style: dotted;
      }
      .course-review__form .review__star {
        position: absolute;
        top: 0;
        left: 0;
        width: 2rem;
        height: 2rem;
        font-size: 2rem;
        letter-spacing: 0.42rem;
      }
      .course-review__form .review__stars-input {
        display: block;
        margin-top: 1rem;
        overflow: visible;
      }
      .course-review__form .review__stars-input:before {
        font-size: 2rem;
      }
      .course-review__form .review__star ~ .review__star {
        left: 2.09722rem;
      }
      .course-review__form .review__star ~ .review__star ~ .review__star {
        left: 4.19444rem;
      }
      .course-review__form
        .review__star
        ~ .review__star
        ~ .review__star
        ~ .review__star {
        left: 6.29166rem;
      }
      .course-review__form
        .review__star
        ~ .review__star
        ~ .review__star
        ~ .review__star
        ~ .review__star {
        left: 8.22111rem;
      }
      .course-review__submit {
        padding-top: 3rem;
      }
      [data-menu-style="floating"] ~ .custom > div {
        margin-top: 6.5rem;
      }
      .custom__container {
        position: relative;
        width: 100%;
        margin: 0 auto;
        padding-right: 1rem;
        padding-left: 1rem;
      }
      @media all and (min-width: 768px) {
        .custom__container {
          max-width: 768px;
        }
      }
      @media all and (min-width: 992px) {
        .custom__container {
          max-width: 992px;
        }
      }
      @media all and (min-width: 1200px) {
        .custom__container {
          max-width: 1200px;
        }
      }
      .student-dashboard__container {
        position: relative;
        width: 100%;
        margin: 0 auto;
        padding-right: 1rem;
        padding-left: 1rem;
        padding-top: 2rem;
        padding-bottom: 1rem;
      }
      @media all and (min-width: 768px) {
        .student-dashboard__container {
          max-width: 768px;
        }
      }
      @media all and (min-width: 992px) {
        .student-dashboard__container {
          max-width: 992px;
        }
      }
      @media all and (min-width: 1200px) {
        .student-dashboard__container {
          max-width: 1200px;
        }
      }
      @media all and (min-width: 768px) {
        .student-dashboard__container {
          padding-top: 4rem;
          padding-bottom: 2rem;
        }
      }
      .student-dashboard__welcome {
        margin: 0;
        text-align: center;
      }
      .student-dashboard__form .form__group {
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        -spec-box-pack: justify;
        box-pack: justify;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        -o-justify-content: space-between;
        -spec-justify-content: space-between;
        justify-content: space-between;
        -ms-flex-pack: justify;
        margin-right: 0;
        margin-left: 0;
      }
      .student-dashboard__form .form__select-no-label {
        -webkit-flex-grow: 0;
        -moz-flex-grow: 0;
        -spec-flex-grow: 0;
        flex-grow: 0;
        -ms-flex-positive: 0;
      }
      .student-dashboard__form .form__select-no-label .form__control {
        border: 0;
        background-color: transparent;
        direction: rtl;
      }
      .my-account__container {
        position: relative;
        width: 100%;
        margin: 0 auto;
        padding-right: 1rem;
        padding-left: 1rem;
        padding-top: 2rem;
        padding-bottom: 1rem;
      }
      @media all and (min-width: 768px) {
        .my-account__container {
          max-width: 768px;
        }
      }
      @media all and (min-width: 992px) {
        .my-account__container {
          max-width: 992px;
        }
      }
      @media all and (min-width: 1200px) {
        .my-account__container {
          max-width: 1200px;
        }
      }
      @media all and (min-width: 768px) {
        .my-account__container {
          padding-top: 4rem;
          padding-bottom: 2rem;
        }
      }
      .my-account__banner .my-account__heading {
        margin: 0;
        text-align: center;
      }
      .my-account__banner .my-account__span {
        display: block;
      }
      .my-account__wrapper {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        -spec-box-lines: multiple;
        box-lines: multiple;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -spec-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: -1rem;
        margin-left: -1rem;
        padding-right: 0;
        padding-left: 0;
      }
      .my-account__wrapper:after,
      .my-account__wrapper:before {
        -webkit-flex-basis: 0;
        -moz-flex-basis: 0;
        -spec-flex-basis: 0;
        flex-basis: 0;
        -ms-flex-preferred-size: 0;
        order: 1;
      }
      .my-account__heading {
        margin: 0 0 1rem;
        font-family: "Libre Baskerville", sans-serif;
        font-size: 36px;
        font-weight: 400;
        line-height: 1.2;
      }
      @media all and (min-width: 768px) {
        .my-account__heading {
          font-size: 45px;
        }
      }
      .my-account__subheading {
        margin: 0 0 1rem;
        font-family: "Libre Baskerville", sans-serif;
        font-size: 32px;
        font-weight: 400;
        line-height: 1.2;
      }
      @media all and (min-width: 768px) {
        .my-account__subheading {
          font-size: 36px;
        }
      }
      .my-account__menu {
        position: relative;
        width: 100%;
        padding-right: 1rem;
        padding-left: 1rem;
        flex: 0 0 100%;
        max-width: 100%;
      }
      @media all and (max-width: 767px) {
        .my-account__menu {
          -webkit-box-ordinal-group: 2;
          -moz-box-ordinal-group: 2;
          -spec-box-ordinal-group: 2;
          box-ordinal-group: 2;
          -webkit-order: 2;
          -moz-order: 2;
          -spec-order: 2;
          order: 2;
          -ms-flex-order: 2;
        }
      }
      @media all and (min-width: 992px) {
        .my-account__menu {
          position: relative;
          width: 100%;
          padding-right: 1rem;
          padding-left: 1rem;
          flex: 0 0 25%;
          max-width: 25%;
        }
      }
      @media screen and (min-width: 768px) and (max-width: 991px) {
        .my-account__menu {
          margin: 0 0 2rem;
        }
      }
      .my-account__content {
        position: relative;
        width: 100%;
        padding-right: 1rem;
        padding-left: 1rem;
        flex: 0 0 100%;
        max-width: 100%;
      }
      @media all and (max-width: 767px) {
        .my-account__content {
          -webkit-box-ordinal-group: 1;
          -moz-box-ordinal-group: 1;
          -spec-box-ordinal-group: 1;
          box-ordinal-group: 1;
          -webkit-order: 1;
          -moz-order: 1;
          -spec-order: 1;
          order: 1;
          -ms-flex-order: 1;
          margin: 0 0 2rem;
        }
      }
      @media all and (min-width: 992px) {
        .my-account__menu + .my-account__content {
          position: relative;
          width: 100%;
          padding-right: 1rem;
          padding-left: 1rem;
          flex: 0 0 75%;
          max-width: 75%;
          padding-left: 2rem;
        }
      }
      .my-account__content .my-account__card_information {
        margin-bottom: 0;
        font-size: 1.333em;
      }
      .my-account__profile__wrapper {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        -spec-box-lines: multiple;
        box-lines: multiple;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -spec-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: -1rem;
        margin-left: -1rem;
        padding-right: 0;
        padding-left: 0;
      }
      .my-account__profile__wrapper:after,
      .my-account__profile__wrapper:before {
        -webkit-flex-basis: 0;
        -moz-flex-basis: 0;
        -spec-flex-basis: 0;
        flex-basis: 0;
        -ms-flex-preferred-size: 0;
        order: 1;
      }
      .my-account__avatar {
        position: relative;
        width: 100%;
        padding-right: 1rem;
        padding-left: 1rem;
        flex: 0 0 100%;
        max-width: 100%;
        margin: 0 0 1rem;
        padding-top: 8px;
      }
      @media all and (min-width: 768px) {
        .my-account__avatar {
          position: relative;
          width: 100%;
          padding-right: 1rem;
          padding-left: 1rem;
          flex: 0 0 25%;
          max-width: 25%;
        }
      }
      .my-account__avatar img {
        max-width: 150px;
        margin: 0 auto;
      }
      .my-account__avatar input {
        position: absolute;
        width: 0;
        height: 0;
        opacity: 0;
        overflow: hidden;
        z-index: -9999;
      }
      .my-account__avatar .button-upload {
        display: block;
        width: 100%;
        color: #6f7282;
        font-size: 1rem;
        text-align: center;
      }
      .my-account__avatar .button-upload:active,
      .my-account__avatar .button-upload:hover {
        color: #4c4e59;
      }
      .my-account__avatar .form__feedback {
        font-size: 15.75px;
        line-height: normal;
        text-align: center;
      }
      .my-account__avatar-label {
        display: block;
        cursor: pointer;
      }
      .my-account__avatar-label img {
        margin: 0 auto 1rem;
      }
      .my-account__avatar-label .button-upload {
        font-family: "Libre Baskerville", sans-serif;
        font-size: 15.75px;
        font-weight: 600;
        line-height: 1;
        text-transform: uppercase;
        cursor: pointer;
      }
      .my-account__form-contents {
        position: relative;
        width: 100%;
        padding-right: 1rem;
        padding-left: 1rem;
        flex: 0 0 100%;
        max-width: 100%;
      }
      @media all and (min-width: 768px) {
        .my-account__form-contents {
          position: relative;
          width: 100%;
          padding-right: 1rem;
          padding-left: 1rem;
          flex: 0 0 75%;
          max-width: 75%;
        }
      }
      .my-account__back-link {
        display: inline-block;
        margin: 0 0 1rem;
        font-size: 15.75px;
      }
      .my-account__order-overview {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        -spec-box-lines: multiple;
        box-lines: multiple;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -spec-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: -1rem;
        margin-left: -1rem;
        padding-right: 0;
        padding-left: 0;
        margin-bottom: 2rem;
        list-style: none;
      }
      .my-account__order-overview:after,
      .my-account__order-overview:before {
        -webkit-flex-basis: 0;
        -moz-flex-basis: 0;
        -spec-flex-basis: 0;
        flex-basis: 0;
        -ms-flex-preferred-size: 0;
        order: 1;
      }
      .my-account__order-overview li {
        position: relative;
        width: 100%;
        padding-right: 1rem;
        padding-left: 1rem;
        flex: 0 0 100%;
        max-width: 100%;
      }
      @media all and (min-width: 768px) {
        .my-account__order-overview li {
          position: relative;
          width: 100%;
          padding-right: 1rem;
          padding-left: 1rem;
          flex: 0 0 50%;
          max-width: 50%;
        }
      }
      .my-account__order-overview p {
        -webkit-transition:
          border-color 200ms ease,
          outline 200ms ease;
        -moz-transition:
          border-color 200ms ease,
          outline 200ms ease;
        transition:
          border-color 200ms ease,
          outline 200ms ease;
        display: block;
        width: 100%;
        padding: 1rem;
        border: 2px solid #d9d9d9;
        border-radius: 0;
        background-color: #fff;
        font-size: 1rem;
        line-height: normal;
        background-color: #f7f7f7;
        line-height: 1;
      }
      .my-account__order-overview p[readonly] {
        background-color: #f7f7f7;
      }
      .my-account__order-overview p:active,
      .my-account__order-overview p:hover {
        -webkit-transition:
          border-color 200ms ease,
          outline 200ms ease;
        -moz-transition:
          border-color 200ms ease,
          outline 200ms ease;
        transition:
          border-color 200ms ease,
          outline 200ms ease;
      }
      .my-account__order-overview strong {
        color: #212326;
        font-size: 15.75px;
        font-weight: bold;
        line-height: 2;
      }
      .my-account__order-overview strong input,
      .my-account__order-overview strong textarea {
        display: block;
      }
      .my-account__order-overview strong input[type="checkbox"] {
        display: inline-block;
        width: auto;
        margin-right: 5px;
        font-size: 1rem;
      }
      .my-account__order-summary thead tr > *:last-child,
      .my-account__order-summary tbody tr > *:last-child {
        text-align: right;
      }
      .credit-card__buttons {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        -spec-box-lines: multiple;
        box-lines: multiple;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -spec-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: start;
        -moz-box-align: start;
        -spec-box-align: start;
        box-align: start;
        -webkit-align-items: flex-start;
        -moz-align-items: flex-start;
        -ms-align-items: flex-start;
        -o-align-items: flex-start;
        -spec-align-items: flex-start;
        align-items: flex-start;
        -ms-flex-align: start;
        margin-bottom: 2rem;
      }
      @media all and (max-width: 767px) {
        .credit-card__buttons {
          -webkit-box-orient: vertical;
          -moz-box-orient: vertical;
          -spec-box-orient: vertical;
          box-orient: vertical;
          -webkit-box-direction: normal;
          -moz-box-direction: normal;
          -spec-box-direction: normal;
          box-direction: normal;
          -webkit-flex-direction: column;
          -moz-flex-direction: column;
          -spec-flex-direction: column;
          flex-direction: column;
          -ms-flex-direction: column;
        }
      }
      .credit-card__buttons:after,
      .credit-card__buttons:before {
        -webkit-flex-basis: 0;
        -moz-flex-basis: 0;
        -spec-flex-basis: 0;
        flex-basis: 0;
        -ms-flex-preferred-size: 0;
        order: 1;
      }
      .credit-card__buttons .button {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-self: center;
        -moz-align-self: center;
        -spec-align-self: center;
        align-self: center;
        -ms-flex-item-align: center;
        -webkit-flex-basis: auto;
        -moz-flex-basis: auto;
        -spec-flex-basis: auto;
        flex-basis: auto;
        -ms-flex-preferred-size: auto;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -spec-box-pack: center;
        box-pack: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        -o-justify-content: center;
        -spec-justify-content: center;
        justify-content: center;
        -ms-flex-pack: center;
      }
      @media all and (max-width: 767px) {
        .credit-card__buttons .button {
          width: 100%;
        }
      }
      @media all and (min-width: 768px) {
        .credit-card__buttons .button {
          margin-right: 1rem;
        }
      }
      .credit-card__buttons .btn {
        -webkit-transition:
          all 200ms ease,
          font-size 200ms ease;
        -moz-transition:
          all 200ms ease,
          font-size 200ms ease;
        transition:
          all 200ms ease,
          font-size 200ms ease;
        display: inline-block;
        padding: 16px 24px;
        border: 2px solid transparent;
        border-radius: 4px;
        font-family: "Source Sans Pro", sans-serif;
        font-size: 14px;
        font-weight: 600;
        line-height: normal;
        text-align: center;
        text-decoration: none;
        cursor: pointer;
        margin-right: 0.5rem;
      }
      @media all and (min-width: 768px) {
        .credit-card__buttons .btn {
          font-size: 18px;
        }
      }
      .credit-card__buttons .btn:active,
      .credit-card__buttons .btn:hover,
      .credit-card__buttons .btn:focus {
        -webkit-transition:
          all 300ms ease,
          box-shadow 400ms ease;
        -moz-transition:
          all 300ms ease,
          box-shadow 400ms ease;
        transition:
          all 300ms ease,
          box-shadow 400ms ease;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.15);
      }
      .credit-card__buttons .btn-primary {
        border: 2px solid transparent;
        border-radius: 4px;
        background-color: #4563ae;
        color: #fff;
        margin-right: 0;
        margin-left: auto;
      }
      .credit-card__buttons .btn-primary:active,
      .credit-card__buttons .btn-primary:hover,
      .credit-card__buttons .btn-primary:focus {
        border-color: transparent;
        background: #2f4477;
        color: #fff;
        box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
      }
      .credit-card__buttons .btn-default {
        border: 2px solid #fff;
        border-radius: 4px;
        background-color: transparent;
        color: #fff;
      }
      .credit-card__buttons .btn-default:active,
      .credit-card__buttons .btn-default:hover,
      .credit-card__buttons .btn-default:focus {
        border-color: #fff;
        background: transparent;
        color: #fff;
        box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
      }
      table .btn-primary {
        -webkit-transition:
          all 200ms ease,
          font-size 200ms ease;
        -moz-transition:
          all 200ms ease,
          font-size 200ms ease;
        transition:
          all 200ms ease,
          font-size 200ms ease;
        display: inline-block;
        padding: 16px 24px;
        border: 2px solid transparent;
        border-radius: 4px;
        font-family: "Source Sans Pro", sans-serif;
        font-size: 14px;
        font-weight: 600;
        line-height: normal;
        text-align: center;
        text-decoration: none;
        cursor: pointer;
        border: 2px solid transparent;
        border-radius: 4px;
        background-color: #4563ae;
        color: #fff;
      }
      @media all and (min-width: 768px) {
        table .btn-primary {
          font-size: 18px;
        }
      }
      table .btn-primary:active,
      table .btn-primary:hover,
      table .btn-primary:focus {
        -webkit-transition:
          all 300ms ease,
          box-shadow 400ms ease;
        -moz-transition:
          all 300ms ease,
          box-shadow 400ms ease;
        transition:
          all 300ms ease,
          box-shadow 400ms ease;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.15);
      }
      table .btn-primary:active,
      table .btn-primary:hover,
      table .btn-primary:focus {
        border-color: transparent;
        background: #2f4477;
        color: #fff;
        box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
      }
      table .text-right {
        text-align: right;
      }
      .password-reset {
        padding-top: 2rem;
        padding-bottom: 2rem;
      }
      @media all and (min-width: 768px) {
        .password-reset {
          padding-top: 4rem;
          padding-bottom: 4rem;
        }
      }
      .password-reset__container {
        position: relative;
        width: 100%;
        margin: 0 auto;
        padding-right: 1rem;
        padding-left: 1rem;
      }
      @media all and (min-width: 768px) {
        .password-reset__container {
          max-width: 768px;
        }
      }
      @media all and (min-width: 992px) {
        .password-reset__container {
          max-width: 992px;
        }
      }
      @media all and (min-width: 1200px) {
        .password-reset__container {
          max-width: 1200px;
        }
      }
      .password-reset__wrapper {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        -spec-box-lines: multiple;
        box-lines: multiple;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -spec-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -spec-box-pack: center;
        box-pack: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        -o-justify-content: center;
        -spec-justify-content: center;
        justify-content: center;
        -ms-flex-pack: center;
      }
      .password-reset__wrapper:after,
      .password-reset__wrapper:before {
        -webkit-flex-basis: 0;
        -moz-flex-basis: 0;
        -spec-flex-basis: 0;
        flex-basis: 0;
        -ms-flex-preferred-size: 0;
        order: 1;
      }
      .password-reset__heading {
        margin: 0 0 1rem;
        font-family: "Libre Baskerville", sans-serif;
        font-size: 36px;
        font-weight: 400;
        line-height: 1.2;
      }
      @media all and (min-width: 768px) {
        .password-reset__heading {
          font-size: 45px;
        }
      }
      .password-reset__form {
        position: relative;
        width: 100%;
        flex: 0 0 100%;
        max-width: 100%;
      }
      @media all and (min-width: 992px) {
        .password-reset__form {
          position: relative;
          width: 100%;
          flex: 0 0 66.66667%;
          max-width: 66.66667%;
        }
      }
      @media all and (max-width: 767px) {
        .password-reset__form p {
          text-align: center;
        }
      }
      .password-reset__sent {
        position: relative;
        width: 100%;
        flex: 0 0 100%;
        max-width: 100%;
      }
      @media all and (min-width: 992px) {
        .password-reset__sent {
          position: relative;
          width: 100%;
          flex: 0 0 66.66667%;
          max-width: 66.66667%;
        }
      }
      @media all and (max-width: 767px) {
        .password-reset__sent p {
          text-align: center;
        }
      }
      .coming-soon__wrapper {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        -spec-box-lines: multiple;
        box-lines: multiple;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -spec-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -spec-box-pack: center;
        box-pack: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        -o-justify-content: center;
        -spec-justify-content: center;
        justify-content: center;
        -ms-flex-pack: center;
      }
      .coming-soon__wrapper:after,
      .coming-soon__wrapper:before {
        -webkit-flex-basis: 0;
        -moz-flex-basis: 0;
        -spec-flex-basis: 0;
        flex-basis: 0;
        -ms-flex-preferred-size: 0;
        order: 1;
      }
      .coming-soon__form,
      .coming-soon__thank-you {
        position: relative;
        width: 100%;
        flex: 0 0 100%;
        max-width: 100%;
      }
      @media all and (min-width: 992px) {
        .coming-soon__form,
        .coming-soon__thank-you {
          position: relative;
          width: 100%;
          flex: 0 0 66.66667%;
          max-width: 66.66667%;
        }
      }
      .coming-soon__thank-you .coming-soon__subheading {
        text-align: center;
      }
      .sign-in,
      .sign-up,
      .express-sign-in,
      .social-sign-up {
        padding-top: 2rem;
        padding-bottom: 2rem;
      }
      @media all and (min-width: 768px) {
        .sign-in,
        .sign-up,
        .express-sign-in,
        .social-sign-up {
          padding-top: 4rem;
          padding-bottom: 4rem;
        }
      }
      .sign-in .page__heading,
      .sign-up .page__heading,
      .social-sign-up .page__heading {
        margin-bottom: 2rem;
        text-align: center !important;
      }
      .sign-in__container,
      .sign-up__container,
      .express-sign-in__container,
      .social-sign-up__container {
        position: relative;
        width: 100%;
        margin: 0 auto;
        padding-right: 1rem;
        padding-left: 1rem;
      }
      @media all and (min-width: 768px) {
        .sign-in__container,
        .sign-up__container,
        .express-sign-in__container,
        .social-sign-up__container {
          max-width: 768px;
        }
      }
      @media all and (min-width: 992px) {
        .sign-in__container,
        .sign-up__container,
        .express-sign-in__container,
        .social-sign-up__container {
          max-width: 992px;
        }
      }
      @media all and (min-width: 1200px) {
        .sign-in__container,
        .sign-up__container,
        .express-sign-in__container,
        .social-sign-up__container {
          max-width: 1200px;
        }
      }
      .sign-in__wrapper,
      .sign-up__wrapper,
      .express-sign-in__wrapper,
      .social-sign-up__wrapper {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        -spec-box-lines: multiple;
        box-lines: multiple;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -spec-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -spec-box-pack: center;
        box-pack: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        -o-justify-content: center;
        -spec-justify-content: center;
        justify-content: center;
        -ms-flex-pack: center;
      }
      .sign-in__wrapper:after,
      .sign-in__wrapper:before,
      .sign-up__wrapper:after,
      .sign-up__wrapper:before,
      .express-sign-in__wrapper:after,
      .express-sign-in__wrapper:before,
      .social-sign-up__wrapper:after,
      .social-sign-up__wrapper:before {
        -webkit-flex-basis: 0;
        -moz-flex-basis: 0;
        -spec-flex-basis: 0;
        flex-basis: 0;
        -ms-flex-preferred-size: 0;
        order: 1;
      }
      .sign-in__form,
      .sign-up__form,
      .express-sign-in__form,
      .social-sign-up__form {
        position: relative;
        width: 100%;
        flex: 0 0 100%;
        max-width: 100%;
      }
      @media all and (min-width: 768px) {
        .sign-in__form,
        .sign-up__form,
        .express-sign-in__form,
        .social-sign-up__form {
          position: relative;
          width: 100%;
          flex: 0 0 83.33333%;
          max-width: 83.33333%;
        }
      }
      @media all and (min-width: 992px) {
        .sign-in__form,
        .sign-up__form,
        .express-sign-in__form,
        .social-sign-up__form {
          position: relative;
          width: 100%;
          flex: 0 0 50%;
          max-width: 50%;
        }
      }
      .sign-in__form form,
      .sign-up__form form,
      .express-sign-in__form form,
      .social-sign-up__form form {
        margin-bottom: 3rem;
      }
      .sign-in__form .button-primary,
      .sign-up__form .button-primary,
      .express-sign-in__form .button-primary,
      .social-sign-up__form .button-primary {
        margin: 0 auto;
      }
      .sign-in__sign-up,
      .sign-up__sign-in {
        position: relative;
        width: 100%;
        flex: 0 0 100%;
        max-width: 100%;
        text-align: center;
      }
      @media all and (min-width: 768px) {
        .sign-in__sign-up,
        .sign-up__sign-in {
          position: relative;
          width: 100%;
          flex: 0 0 83.33333%;
          max-width: 83.33333%;
        }
      }
      @media all and (min-width: 992px) {
        .sign-in__sign-up,
        .sign-up__sign-in {
          position: relative;
          width: 100%;
          flex: 0 0 66.66667%;
          max-width: 66.66667%;
        }
      }
      .sign-in__sign-up a,
      .sign-up__sign-in a {
        font-size: 15.75px;
      }
      .sign-in .remote-sign-up__divider {
        display: none;
      }
      .sign-up .remote-sign-in__divider {
        display: none;
      }
      .remote-sign-in__vendor-logins {
        position: relative;
        margin-bottom: 2rem;
        text-align: center;
      }
      .remote-sign-in__vendor-list {
        margin-bottom: 2rem;
        list-style: none;
        text-align: center;
      }
      .remote-sign-in__vendor-list-item {
        display: inline-block;
        margin: 0 0.5rem;
      }
      .remote-sign-in__vendor-list-item a {
        display: inline-block;
        position: relative;
        width: 3.5rem;
        height: 3.5rem;
        padding: 0 !important;
        border-radius: 50%;
        color: #fff;
        font-size: 1.6rem;
        line-height: 1.5;
      }
      .remote-sign-in__vendor-list-item a.facebook {
        background-color: #3b5998;
      }
      .remote-sign-in__vendor-list-item a.google-plus {
        background-color: #db4437;
      }
      .remote-sign-in__vendor-list-item a.instagram {
        background-color: #c32aa3;
      }
      .remote-sign-in__vendor-list-item a.linkedin {
        background-color: #007bb5;
      }
      .remote-sign-in__vendor-list-item a.pinterest {
        background-color: #bd081c;
      }
      .remote-sign-in__vendor-list-item a.skype {
        background-color: #00aff0;
      }
      .remote-sign-in__vendor-list-item a.slack {
        background-color: #4d394b;
      }
      .remote-sign-in__vendor-list-item a.spotify {
        background-color: #1ed760;
      }
      .remote-sign-in__vendor-list-item a.twitter {
        background-color: #1da1f2;
      }
      .remote-sign-in__vendor-list-item a.youtube {
        background-color: red;
      }
      .remote-sign-in__vendor-list-item a .fa {
        -webkit-transform: translate3d(-50%, -50%, 0);
        -moz-transform: translate3d(-50%, -50%, 0);
        -ms-transform: translate3d(-50%, -50%, 0);
        -o-transform: translate3d(-50%, -50%, 0);
        -spec-transform: translate3d(-50%, -50%, 0);
        transform: translate3d(-50%, -50%, 0);
        position: absolute;
        top: 50%;
        left: 50%;
      }
      .remote-sign-in__divider,
      .remote-sign-up__divider {
        display: block;
        position: relative;
        width: 100%;
        margin-top: 2rem;
        font-size: 22.5px;
        font-weight: 400;
        text-align: center !important;
        opacity: 0.5;
      }
      .remote-sign-in__divider:before,
      .remote-sign-up__divider:before {
        -webkit-transform: translatex(-50%);
        -moz-transform: translatex(-50%);
        -ms-transform: translatex(-50%);
        -o-transform: translatex(-50%);
        -spec-transform: translatex(-50%);
        transform: translatex(-50%);
        position: absolute;
        top: 50%;
        left: 50%;
        width: 50%;
        height: 1px;
        border-top: 1px solid #212326;
        content: "";
        z-index: 0;
      }
      .remote-sign-in__divider span,
      .remote-sign-up__divider span {
        display: inline-block;
        position: relative;
        padding: 0 1rem;
        background-color: #fff;
        z-index: 1;
      }
      .banner__container {
        position: relative;
        width: 100%;
        margin: 0 auto;
        padding-right: 1rem;
        padding-left: 1rem;
      }
      @media all and (min-width: 768px) {
        .banner__container {
          max-width: 768px;
        }
      }
      @media all and (min-width: 992px) {
        .banner__container {
          max-width: 992px;
        }
      }
      @media all and (min-width: 1200px) {
        .banner__container {
          max-width: 1200px;
        }
      }
      .banner__container--small .banner__wrapper,
      .banner__container--medium .banner__wrapper,
      .banner__container--large .banner__wrapper,
      .banner__container--xlarge .banner__wrapper {
        padding-top: 4rem;
        padding-bottom: 4rem;
      }
      @media all and (min-width: 992px) {
        .banner__container--small .banner__wrapper {
          padding-top: 2rem;
          padding-bottom: 2rem;
        }
        .banner__container--medium .banner__wrapper {
          padding-top: 4rem;
          padding-bottom: 4rem;
        }
        .banner__container--large .banner__wrapper {
          padding-top: 7.5rem;
          padding-bottom: 7.5rem;
        }
        .banner__container--xlarge .banner__wrapper {
          padding-top: 20rem;
          padding-bottom: 20rem;
        }
      }
      .banner__wrapper {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        -spec-box-lines: multiple;
        box-lines: multiple;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -spec-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 100%;
      }
      .banner__wrapper:after,
      .banner__wrapper:before {
        -webkit-flex-basis: 0;
        -moz-flex-basis: 0;
        -spec-flex-basis: 0;
        flex-basis: 0;
        -ms-flex-preferred-size: 0;
        order: 1;
      }
      .banner .section__content {
        width: 100%;
      }
      @media all and (max-width: 991px) {
        .banner.section--has-media .banner__container {
          padding-top: 4rem;
        }
        .banner.section--has-media .banner__container--small .banner__wrapper,
        .banner.section--has-media .banner__container--medium .banner__wrapper,
        .banner.section--has-media .banner__container--large .banner__wrapper,
        .banner.section--has-media .banner__container--xlarge .banner__wrapper {
          padding-top: 3rem;
        }
      }
      @media all and (min-width: 992px) {
        .banner.section--has-media .banner__container {
          display: -webkit-box;
          display: -moz-box;
          display: box;
          display: -webkit-flex;
          display: -moz-flex;
          display: -ms-flexbox;
          display: flex;
        }
        .banner.section--has-media .section__content {
          align-self: center;
        }
      }
      .banner.section--has-media
        .section__button-group
        .product-action-buttons__purchase {
        position: relative;
        width: 100%;
        flex: 0 0 100%;
        max-width: 100%;
      }
      .banner .section__heading {
        margin-bottom: 0;
        font-family: "Libre Baskerville", sans-serif;
        font-size: 36px;
        font-weight: 400;
        line-height: 1.35;
      }
      @media all and (min-width: 768px) {
        .banner .section__heading {
          font-size: 52px;
        }
      }
      .banner .section__subheading {
        margin-top: 24px;
        margin-bottom: 0;
      }
      .banner .section__button-group {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        -spec-box-lines: multiple;
        box-lines: multiple;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -spec-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: start;
        -moz-box-align: start;
        -spec-box-align: start;
        box-align: start;
        -webkit-align-items: flex-start;
        -moz-align-items: flex-start;
        -ms-align-items: flex-start;
        -o-align-items: flex-start;
        -spec-align-items: flex-start;
        align-items: flex-start;
        -ms-flex-align: start;
        gap: 0 1rem;
      }
      @media all and (max-width: 767px) {
        .banner .section__button-group {
          -webkit-box-orient: vertical;
          -moz-box-orient: vertical;
          -spec-box-orient: vertical;
          box-orient: vertical;
          -webkit-box-direction: normal;
          -moz-box-direction: normal;
          -spec-box-direction: normal;
          box-direction: normal;
          -webkit-flex-direction: column;
          -moz-flex-direction: column;
          -spec-flex-direction: column;
          flex-direction: column;
          -ms-flex-direction: column;
        }
      }
      .banner .section__button-group:after,
      .banner .section__button-group:before {
        -webkit-flex-basis: 0;
        -moz-flex-basis: 0;
        -spec-flex-basis: 0;
        flex-basis: 0;
        -ms-flex-preferred-size: 0;
        order: 1;
      }
      .banner .section__button-group .button {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-self: center;
        -moz-align-self: center;
        -spec-align-self: center;
        align-self: center;
        -ms-flex-item-align: center;
        -webkit-flex-basis: auto;
        -moz-flex-basis: auto;
        -spec-flex-basis: auto;
        flex-basis: auto;
        -ms-flex-preferred-size: auto;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -spec-box-pack: center;
        box-pack: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        -o-justify-content: center;
        -spec-justify-content: center;
        justify-content: center;
        -ms-flex-pack: center;
      }
      @media all and (max-width: 767px) {
        .banner .section__button-group .button {
          width: 100%;
        }
      }
      @media all and (min-width: 768px) {
        .banner .section__button-group .button {
          margin-right: 1rem;
        }
      }
      @media all and (min-width: 1200px) {
        .banner .section__button-group {
          -webkit-box-lines: single;
          -moz-box-lines: single;
          -spec-box-lines: single;
          box-lines: single;
          -webkit-flex-wrap: nowrap;
          -moz-flex-wrap: nowrap;
          -ms-flex-wrap: nowrap;
          -spec-flex-wrap: nowrap;
          flex-wrap: nowrap;
        }
      }
      .banner .section__button-group .button {
        margin-bottom: 1rem;
        margin-left: 0;
      }
      @media all and (max-width: 767px) {
        .banner .section__button-group .button--mobile-width-standard {
          width: unset;
        }
        .banner .section__button-group .button--mobile-width-full {
          width: 100%;
        }
      }
      @media all and (min-width: 768px) {
        .banner .section__button-group .button {
          margin-right: 0;
        }
        .banner .section__button-group .button:first-of-type {
          margin-left: 0;
        }
      }
      .banner
        .section__button-group
        .product-action-buttons--has-additional-prices
        .form__control.product-action-buttons__additional-prices {
        border-width: 2px;
        font-family: "Source Sans Pro", sans-serif;
        font-size: 14px;
        font-weight: 600;
      }
      @media all and (min-width: 768px) {
        .banner
          .section__button-group
          .product-action-buttons--has-additional-prices
          .form__control.product-action-buttons__additional-prices {
          font-size: 18px;
        }
      }
      .banner
        .section__button-group
        .product-action-buttons--has-additional-prices
        .form__select-no-label {
        -webkit-align-self: flex-start;
        -moz-align-self: flex-start;
        -spec-align-self: flex-start;
        align-self: flex-start;
        -ms-flex-item-align: start;
        width: 100%;
        margin-bottom: 1rem;
        line-height: 1;
      }
      .banner
        .section__button-group
        .product-action-buttons--has-additional-prices
        .button {
        line-height: 1;
        white-space: nowrap;
      }
      .banner
        .section__button-group
        .product-action-buttons--has-additional-prices
        .button-purchase {
        width: 100%;
      }
      @media all and (min-width: 768px) {
        .banner
          .section__button-group
          .product-action-buttons--has-additional-prices
          .button-purchase {
          -webkit-flex-grow: 1;
          -moz-flex-grow: 1;
          -spec-flex-grow: 1;
          flex-grow: 1;
          -ms-flex-positive: 1;
          width: auto;
        }
      }
      .banner .section__button-group .product-action-buttons__purchase {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        gap: 0 1rem;
      }
      @media all and (max-width: 767px) {
        .banner .section__button-group .product-action-buttons__purchase {
          -webkit-box-orient: vertical;
          -moz-box-orient: vertical;
          -spec-box-orient: vertical;
          box-orient: vertical;
          -webkit-box-direction: normal;
          -moz-box-direction: normal;
          -spec-box-direction: normal;
          box-direction: normal;
          -webkit-flex-direction: column;
          -moz-flex-direction: column;
          -spec-flex-direction: column;
          flex-direction: column;
          -ms-flex-direction: column;
          flex: 0 0 100%;
          max-width: 100%;
        }
      }
      @media all and (min-width: 768px) {
        .banner .section__button-group .product-action-buttons__purchase {
          -webkit-box-lines: single;
          -moz-box-lines: single;
          -spec-box-lines: single;
          box-lines: single;
          -webkit-flex-wrap: nowrap;
          -moz-flex-wrap: nowrap;
          -ms-flex-wrap: nowrap;
          -spec-flex-wrap: nowrap;
          flex-wrap: nowrap;
          -webkit-box-flex: 1;
          -moz-box-flex: 1;
          -spec-box-flex: 1;
          box-flex: 1;
          -webkit-flex: 1 0 auto;
          -moz-flex: 1 0 auto;
          -ms-flex: 1 0 auto;
          -spec-flex: 1 0 auto;
          flex: 1 0 auto;
          position: relative;
          width: 100%;
          flex: 0 0 83.33333%;
          max-width: 83.33333%;
        }
      }
      @media all and (min-width: 992px) {
        .banner .section__button-group .product-action-buttons__purchase {
          position: relative;
          width: 100%;
          flex: 0 0 66.66667%;
          max-width: 66.66667%;
          margin-bottom: 1rem;
        }
      }
      .banner .section__video {
        -webkit-align-self: center;
        -moz-align-self: center;
        -spec-align-self: center;
        align-self: center;
        -ms-flex-item-align: center;
        width: 100%;
      }
      .banner .section__video__wrapper {
        width: 100%;
      }
      .banner .section__image {
        width: 100%;
        min-height: 250px;
      }
      @media all and (min-width: 768px) {
        .banner .section__image {
          min-height: 400px;
        }
      }
      @media all and (min-width: 992px) {
        .banner .section__image {
          margin: 16px 0;
        }
      }
      .cys-banner-container {
        min-height: 800px;
        align-items: end;
        display: flex;
      }
      .cy-grid-row {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
      }
      .cy-align-end {
        align-items: end !important;
      }
      .grid-col {
        flex: 1 1 0;
      }
      .hero-buttons {
        text-align: center;
        margin-bottom: 30px;
        display: flex;
        gap: 13px;
        justify-content: center;
      }
      p.hero-description {
        padding: 10px;
        border-left: 4px solid #4563ae;
        font-size: 16px;
        color: #fff;
        margin: 0;
      }
      .hero-stats {
        justify-content: space-between;
        display: flex;
        flex-wrap: wrap;
        color: #fff;
        box-sizing: border-box;
        gap: 15px;
      }
      .hero-stat-number {
        font-family: Urbanist;
        font-size: clamp(22px, 6vw, 26px) !important;
        font-weight: 700;
        padding: 0 0px;
      }
      .hero-stat-title {
        font-size: 14px;
        font-weight: 700;
        text-transform: uppercase;
        font-family: Urbanist;
      }
      .hero-stat {
        padding: 0;
        width: 29%;
        text-align: center;
      }
      .hero-tagline {
        width: 33%;
        display: flex;
        align-items: center;
        gap: 10px;
        font-size: 14px;
      }
      .hero-tagline svg {
        width: 70px;
        height: 70px;
      }
      .bg-sub-heading {
        margin: 0;
        background: #eff6ff;
        border: 1px solid rgba(69, 99, 174, 0.18);
        color: #4563ae !important;
        font-size: 14px;
        border-radius: 20px;
        padding: 5px 20px;
        text-transform: uppercase;
        font-weight: 700 !important;
        margin-bottom: 15px !important;
        display: flex;
        width: max-content !important;
        align-items: center;
        gap: 8px;
      }
      .bg-sub-heading svg {
        width: 14px;
        height: 14px;
      }
      .cy-title {
        font-family: Urbanist;
        font-size: clamp(36px, 6vw, 68px) !important;
        font-style: italic;
        font-weight: 800 !important;
        width: 100% !important;
        line-height: normal !important;
      }
      .hero-right {
        padding: 0 30px;
      }
      .button {
        text-transform: uppercase;
        font-size: 16px !important;
        padding: 15px 20px !important;
        border-radius: 15px !important;
      }
      .button-secondary {
        background: rgba(181, 181, 181, 0.3);
        backdrop-filter: blur(6.75px);
        border: 1px solid #ffffff45;
      }
      .banner__wrapper {
        padding-bottom: 100px !important;
        padding-top: 200px !important;
      }
      .header__container {
        position: fixed !important;
        inset-inline: 0;
      }
      @media (max-width: 1280px) {
        .cys-banner-container {
          min-height: 650px;
        }
        .banner__wrapper {
          padding-bottom: 80px !important;
          padding-top: 120px !important;
        }
      }
      @media (max-width: 1200px) {
        .header__container {
          width: calc(100% - 30px) !important;
        }
      }
      @media (max-width: 991px) {
        .banner__wrapper {
          padding-bottom: 60px !important;
          padding-top: 100px !important;
        }
        .cy-grid-row {
          flex-direction: column;
          align-items: start !important;
        }
        .bg-sub-heading {
          font-size: 12px;
        }
        .hero-right {
          padding: 0 0px;
          justify-content: center !important;
          display: flex;
          flex-direction: column;
        }
        p.hero-description {
          font-size: 14px;
        }
        .button {
          font-size: 14px !important;
          padding: 15px 10px !important;
        }
        .hero-stat {
          padding: 0;
          width: 45%;
          text-align: left;
        }
        .hero-tagline {
          width: 100%;
        }
        .hero-tagline svg {
          width: 40px;
          height: 40px;
        }
      }
      @media (max-width: 768px) {
        .cys-banner-container {
          min-height: auto;
        }
        .banner__wrapper {
          padding-bottom: 60px !important;
          padding-top: 100px !important;
        }
      }
      .bonus.section-background-image .bonus__list-item {
        opacity: 0.9;
      }
      .bonus .section__content {
        padding: 2rem;
        border-radius: 0;
      }
      @media all and (max-width: 767px) {
        .bonus .section__content {
          background-position: top center;
          background-size: 100% auto;
        }
      }
      @media all and (min-width: 768px) {
        .bonus .section__content {
          padding: 6rem 4rem;
        }
      }
      .bonus__container {
        position: relative;
        width: 100%;
        margin: 0 auto;
        padding-right: 1rem;
        padding-left: 1rem;
      }
      @media all and (min-width: 768px) {
        .bonus__container {
          max-width: 768px;
        }
      }
      @media all and (min-width: 992px) {
        .bonus__container {
          max-width: 992px;
        }
      }
      @media all and (min-width: 1200px) {
        .bonus__container {
          max-width: 1200px;
        }
      }
      .bonus__list {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        -spec-box-lines: multiple;
        box-lines: multiple;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -spec-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -spec-box-pack: center;
        box-pack: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        -o-justify-content: center;
        -spec-justify-content: center;
        justify-content: center;
        -ms-flex-pack: center;
      }
      .bonus__list:after,
      .bonus__list:before {
        -webkit-flex-basis: 0;
        -moz-flex-basis: 0;
        -spec-flex-basis: 0;
        flex-basis: 0;
        -ms-flex-preferred-size: 0;
        order: 1;
      }
      .bonus__list-item {
        position: relative;
        width: 100%;
        padding-right: 1rem;
        padding-left: 1rem;
        flex: 0 0 100%;
        max-width: 100%;
        padding: 2rem 1rem;
        border: 0;
        background-color: #fff;
        text-align: center;
      }
      @media all and (min-width: 992px) {
        .bonus__list-item {
          position: relative;
          width: 100%;
          padding-right: 1rem;
          padding-left: 1rem;
          flex: 0 0 33.33333%;
          max-width: 33.33333%;
        }
      }
      @media all and (min-width: 768px) {
        .bonus__list-item {
          padding: 3rem 2rem;
        }
      }
      .bonus__list-item:first-child {
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
      }
      .bonus__list-item:last-child {
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
      }
      .bonus__list-item .section__heading--secondary {
        margin: 0 0 1rem;
      }
      .bonus__list-item p {
        line-height: 1.4;
      }
      .bonus__list-item .fa {
        margin-bottom: 1.33333rem;
        color: #4563ae;
        font-size: 3rem;
      }
      .bundle-includes__container {
        position: relative;
        width: 100%;
        margin: 0 auto;
        padding-right: 1rem;
        padding-left: 1rem;
      }
      @media all and (min-width: 768px) {
        .bundle-includes__container {
          max-width: 768px;
        }
      }
      @media all and (min-width: 992px) {
        .bundle-includes__container {
          max-width: 992px;
        }
      }
      @media all and (min-width: 1200px) {
        .bundle-includes__container {
          max-width: 1200px;
        }
      }
      .bundle-includes .section__headings {
        margin: 0 0 2rem;
      }
      .bundle-includes .section__button-group {
        text-align: right;
      }
      .call-to-action .section__headings {
        margin: 0;
      }
      .call-to-action .section__heading,
      .call-to-action .section__subheading {
        color: #212326;
      }
      .call-to-action .section__content {
        position: relative;
        width: 100%;
        padding-right: 1rem;
        padding-left: 1rem;
        flex: 0 0 100%;
        max-width: 100%;
      }
      @media all and (min-width: 768px) {
        .call-to-action .section__content {
          flex: 0 0 55%;
          max-width: 55%;
        }
      }
      @media all and (min-width: 992px) {
        .call-to-action .section__content {
          flex: 0 0 40%;
          max-width: 40%;
        }
      }
      .call-to-action .section__button-group {
        padding-top: 2rem;
        text-align: inherit;
      }
      @media all and (max-width: 767px) {
        .call-to-action .section__button-group .button {
          margin-bottom: 1rem;
        }
      }
      .call-to-action__container {
        position: relative;
        width: 100%;
        margin: 0 auto;
        padding-right: 1rem;
        padding-left: 1rem;
      }
      @media all and (min-width: 768px) {
        .call-to-action__container {
          max-width: 768px;
        }
      }
      @media all and (min-width: 992px) {
        .call-to-action__container {
          max-width: 992px;
        }
      }
      @media all and (min-width: 1200px) {
        .call-to-action__container {
          max-width: 1200px;
        }
      }
      .call-to-action__wrapper {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        -spec-box-lines: multiple;
        box-lines: multiple;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -spec-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: -1rem;
        margin-left: -1rem;
        padding-right: 0;
        padding-left: 0;
      }
      .call-to-action__wrapper:after,
      .call-to-action__wrapper:before {
        -webkit-flex-basis: 0;
        -moz-flex-basis: 0;
        -spec-flex-basis: 0;
        flex-basis: 0;
        -ms-flex-preferred-size: 0;
        order: 1;
      }
      .call-to-action__section-link {
        display: block;
        text-decoration: none;
      }
      .section-height__xlarge
        .call-to-action__section-link
        > [class*="__container"] {
        padding-top: 20rem;
        padding-bottom: 20rem;
      }
      .section-height__large
        .call-to-action__section-link
        > [class*="__container"] {
        padding-top: 7.5rem;
        padding-bottom: 7.5rem;
      }
      .section-height__medium
        .call-to-action__section-link
        > [class*="__container"] {
        padding-top: 4rem;
        padding-bottom: 4rem;
      }
      .section-height__small
        .call-to-action__section-link
        > [class*="__container"] {
        padding-top: 2rem;
        padding-bottom: 2rem;
      }
      .cta-community__container {
        position: relative;
        width: 100%;
        margin: 0 auto;
        padding-right: 1rem;
        padding-left: 1rem;
      }
      @media all and (min-width: 768px) {
        .cta-community__container {
          max-width: 768px;
        }
      }
      @media all and (min-width: 992px) {
        .cta-community__container {
          max-width: 992px;
        }
      }
      @media all and (min-width: 1200px) {
        .cta-community__container {
          max-width: 1200px;
        }
      }
      .cta-community__wrapper {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        -spec-box-lines: multiple;
        box-lines: multiple;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -spec-flex-wrap: wrap;
        flex-wrap: wrap;
      }
      .cta-community__wrapper:after,
      .cta-community__wrapper:before {
        -webkit-flex-basis: 0;
        -moz-flex-basis: 0;
        -spec-flex-basis: 0;
        flex-basis: 0;
        -ms-flex-preferred-size: 0;
        order: 1;
      }
      .cta-community .section__content {
        align-self: center;
        text-align: center;
      }
      .cta-community .section__heading {
        font-family: "Libre Baskerville", sans-serif;
        font-size: 36px;
        font-weight: 400;
        line-height: 1.35;
      }
      @media all and (min-width: 768px) {
        .cta-community .section__heading {
          font-size: 52px;
        }
      }
      .cta-community.section__heading-alignment--right .section__headings {
        align-items: flex-end;
      }
      .cta-community.section__heading-alignment--center .section__headings {
        align-items: center;
      }
      .cta-course__container {
        position: relative;
        width: 100%;
        margin: 0 auto;
        padding-right: 1rem;
        padding-left: 1rem;
      }
      @media all and (min-width: 768px) {
        .cta-course__container {
          max-width: 768px;
        }
      }
      @media all and (min-width: 992px) {
        .cta-course__container {
          max-width: 992px;
        }
      }
      @media all and (min-width: 1200px) {
        .cta-course__container {
          max-width: 1200px;
        }
      }
      .cta-course__wrapper {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        -spec-box-lines: multiple;
        box-lines: multiple;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -spec-flex-wrap: wrap;
        flex-wrap: wrap;
      }
      .cta-course__wrapper:after,
      .cta-course__wrapper:before {
        -webkit-flex-basis: 0;
        -moz-flex-basis: 0;
        -spec-flex-basis: 0;
        flex-basis: 0;
        -ms-flex-preferred-size: 0;
        order: 1;
      }
      .cta-course .section__content {
        align-self: center;
        text-align: center;
      }
      .cta-course .section__heading {
        font-family: "Libre Baskerville", sans-serif;
        font-size: 36px;
        font-weight: 400;
        line-height: 1.35;
      }
      @media all and (min-width: 768px) {
        .cta-course .section__heading {
          font-size: 52px;
        }
      }
      .cta-course.section__heading-alignment--right .section__headings {
        align-items: flex-end;
      }
      .cta-course.section__heading-alignment--center .section__headings {
        align-items: center;
      }
      @media all and (min-width: 992px) {
        .checklist.section__column-layout__two-column .checklist__list-item {
          padding-left: 0;
        }
      }
      .checklist__container {
        position: relative;
        width: 100%;
        margin: 0 auto;
        padding-right: 1rem;
        padding-left: 1rem;
      }
      @media all and (min-width: 768px) {
        .checklist__container {
          max-width: 768px;
        }
      }
      @media all and (min-width: 992px) {
        .checklist__container {
          max-width: 992px;
        }
      }
      @media all and (min-width: 1200px) {
        .checklist__container {
          max-width: 1200px;
        }
      }
      .checklist__wrapper {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        -spec-box-lines: multiple;
        box-lines: multiple;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -spec-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: -1rem;
        margin-left: -1rem;
        padding-right: 0;
        padding-left: 0;
      }
      .checklist__wrapper:after,
      .checklist__wrapper:before {
        -webkit-flex-basis: 0;
        -moz-flex-basis: 0;
        -spec-flex-basis: 0;
        flex-basis: 0;
        -ms-flex-preferred-size: 0;
        order: 1;
      }
      .checklist__list {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        -spec-box-lines: multiple;
        box-lines: multiple;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -spec-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: -1rem;
        margin-left: -1rem;
        padding-right: 0;
        padding-left: 0;
      }
      .checklist__list:after,
      .checklist__list:before {
        -webkit-flex-basis: 0;
        -moz-flex-basis: 0;
        -spec-flex-basis: 0;
        flex-basis: 0;
        -ms-flex-preferred-size: 0;
        order: 1;
      }
      .checklist__list-item {
        position: relative;
        width: 100%;
        padding-right: 1rem;
        padding-left: 1rem;
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 2rem;
      }
      .checklist__list-item p {
        position: relative;
        margin: 0;
        padding-left: 3rem;
      }
      .checklist__list-item .fa {
        -webkit-transform: translatey(-50%);
        -moz-transform: translatey(-50%);
        -ms-transform: translatey(-50%);
        -o-transform: translatey(-50%);
        -spec-transform: translatey(-50%);
        transform: translatey(-50%);
        display: inline-block;
        position: absolute;
        top: 50%;
        left: 0;
        width: 2rem;
        height: 2rem;
        margin: 0 1rem 0 0;
        border-radius: 50%;
        color: #4563ae;
        font-size: 2rem;
        line-height: 32px;
        text-align: center;
      }
      .checkout__thank-you-upsells {
        position: relative;
        width: 100%;
        padding-right: 1rem;
        padding-left: 1rem;
        flex: 0 0 100%;
        max-width: 100%;
      }
      .checkout__thank-you-upsells__container {
        position: relative;
        width: 100%;
        margin: 0 auto;
        padding-right: 1rem;
        padding-left: 1rem;
        padding-top: 4rem;
        padding-bottom: 4rem;
      }
      @media all and (min-width: 768px) {
        .checkout__thank-you-upsells__container {
          max-width: 768px;
        }
      }
      @media all and (min-width: 992px) {
        .checkout__thank-you-upsells__container {
          max-width: 992px;
        }
      }
      @media all and (min-width: 1200px) {
        .checkout__thank-you-upsells__container {
          max-width: 1200px;
        }
      }
      .checkout__thank-you-upsells__container .section__headings {
        margin: 0 0 2rem;
      }
      .checkout__thank-you-upsells__container .section__heading {
        margin-bottom: 0.5rem;
      }
      .checkout__thank-you-upsells__list {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        -spec-box-lines: multiple;
        box-lines: multiple;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -spec-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: -1rem;
        margin-left: -1rem;
        padding-right: 0;
        padding-left: 0;
        padding: 0 1rem;
      }
      .checkout__thank-you-upsells__list:after,
      .checkout__thank-you-upsells__list:before {
        -webkit-flex-basis: 0;
        -moz-flex-basis: 0;
        -spec-flex-basis: 0;
        flex-basis: 0;
        -ms-flex-preferred-size: 0;
        order: 1;
      }
      .checkout__thank-you-upsells__list-item {
        width: 100%;
        padding-bottom: 2rem;
      }
      .community-overview__container {
        position: relative;
        width: 100%;
        margin: 0 auto;
        padding-right: 1rem;
        padding-left: 1rem;
      }
      @media all and (min-width: 768px) {
        .community-overview__container {
          max-width: 768px;
        }
      }
      @media all and (min-width: 992px) {
        .community-overview__container {
          max-width: 992px;
        }
      }
      @media all and (min-width: 1200px) {
        .community-overview__container {
          max-width: 1200px;
        }
      }
      @media all and (max-width: 991px) {
        .community-overview__container header {
          margin-bottom: 24px;
        }
      }
      .community-overview__content {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        gap: 0 40px;
      }
      @media all and (max-width: 991px) {
        .community-overview__content {
          -webkit-box-orient: vertical;
          -moz-box-orient: vertical;
          -spec-box-orient: vertical;
          box-orient: vertical;
          -webkit-box-direction: normal;
          -moz-box-direction: normal;
          -spec-box-direction: normal;
          box-direction: normal;
          -webkit-flex-direction: column;
          -moz-flex-direction: column;
          -spec-flex-direction: column;
          flex-direction: column;
          -ms-flex-direction: column;
        }
      }
      .community-overview__description {
        -webkit-flex-grow: 1;
        -moz-flex-grow: 1;
        -spec-flex-grow: 1;
        flex-grow: 1;
        -ms-flex-positive: 1;
        margin-bottom: 40px;
      }
      .community-overview__card {
        margin-bottom: 16px;
      }
      .community-card {
        border-radius: 4px;
        background-color: #fff;
        box-shadow: 0 8px 12px rgba(0, 0, 0, 0.15);
        overflow: hidden;
      }
      @media all and (min-width: 768px) {
        .community-card {
          width: 418px;
        }
      }
      .community-card__image {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        position: relative;
      }
      .community-card img {
        display: block;
        width: 100%;
        aspect-ratio: 16 / 9;
        object-fit: cover;
      }
      .community-card__details {
        padding: 24px 24px 0;
      }
      @media all and (min-width: 768px) {
        .community-card__details {
          padding: 24px 38px 0;
        }
      }
      .community-card__details__title {
        position: relative;
        margin-bottom: 16px;
        line-height: 30px;
      }
      .community-card__details hr {
        max-width: 46px;
        height: 1px;
        margin: 0 0 24px;
        border: 0;
        background-color: #212326;
      }
      .community-card__details ul {
        margin-left: 0;
        list-style: none;
      }
      .community-card__details-item {
        display: flex;
        margin-bottom: 16px;
      }
      .community-card__details-item:last-child {
        margin-bottom: 24px;
      }
      .community-card__details-item i {
        flex: 0 0 26px;
        color: #4563ae;
        font-size: 24px;
      }
      .community-card__details-item span {
        margin-left: 16px;
        font-size: 20px;
        font-style: normal;
        font-weight: normal;
        line-height: 25px;
      }
      .countdown {
        position: relative;
      }
      .countdown .section__headings {
        position: relative;
        width: 100%;
        padding-right: 1rem;
        padding-left: 1rem;
        flex: 0 0 100%;
        max-width: 100%;
        margin: 0 0 2rem;
        text-align: center;
      }
      @media all and (max-width: 991px) {
        .countdown .section__headings {
          margin: 0 0 2rem;
          text-align: center;
        }
      }
      .countdown .section__heading {
        margin: 0 0 0.5rem;
      }
      .countdown .section__button-group {
        display: block;
        width: 100%;
        padding-top: 2rem;
        text-align: center;
      }
      .countdown .section__content {
        position: relative;
        width: 100%;
        padding-right: 1rem;
        padding-left: 1rem;
        flex: 0 0 100%;
        max-width: 100%;
        text-align: center;
      }
      .countdown ul {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        -spec-box-lines: multiple;
        box-lines: multiple;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -spec-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -spec-box-pack: center;
        box-pack: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        -o-justify-content: center;
        -spec-justify-content: center;
        justify-content: center;
        -ms-flex-pack: center;
        margin-left: 0;
      }
      .countdown__container {
        position: relative;
        width: 100%;
        margin: 0 auto;
        padding-right: 1rem;
        padding-left: 1rem;
      }
      @media all and (min-width: 768px) {
        .countdown__container {
          max-width: 768px;
        }
      }
      @media all and (min-width: 992px) {
        .countdown__container {
          max-width: 992px;
        }
      }
      @media all and (min-width: 1200px) {
        .countdown__container {
          max-width: 1200px;
        }
      }
      .countdown__wrapper {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        -spec-box-lines: multiple;
        box-lines: multiple;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -spec-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: -1rem;
        margin-left: -1rem;
        padding-right: 0;
        padding-left: 0;
        padding-bottom: 2rem;
      }
      .countdown__wrapper:after,
      .countdown__wrapper:before {
        -webkit-flex-basis: 0;
        -moz-flex-basis: 0;
        -spec-flex-basis: 0;
        flex-basis: 0;
        -ms-flex-preferred-size: 0;
        order: 1;
      }
      .countdown-clock {
        display: inline-block;
        width: 100%;
        margin: 0;
        font-size: 2rem;
        list-style: none;
        text-align: center;
      }
      @media all and (min-width: 768px) {
        .countdown-clock {
          width: auto;
        }
      }
      .countdown-clock li {
        display: inline-block;
        min-width: 50%;
        border-right: 1px solid transparent;
      }
      @media all and (max-width: 767px) {
        .countdown-clock li:nth-child(1),
        .countdown-clock li:nth-child(2) {
          border-bottom: 1px solid #fff;
        }
        .countdown-clock li:nth-child(2) .countdown__chrono {
          border-top-right-radius: 5px;
          border-bottom-right-radius: 0;
        }
        .countdown-clock li:nth-child(3) .countdown__chrono {
          border-bottom-left-radius: 5px;
        }
      }
      @media all and (min-width: 768px) {
        .countdown-clock li {
          min-width: 120px;
        }
      }
      .countdown-clock li:nth-child(1) .countdown__chrono {
        border-top-left-radius: 5px;
      }
      @media all and (min-width: 768px) {
        .countdown-clock li:nth-child(1) .countdown__chrono {
          border-bottom-left-radius: 5px;
        }
      }
      .countdown-clock li:nth-child(4) {
        border-right: 0;
      }
      .countdown-clock li:nth-child(4) .countdown__chrono {
        border-bottom-right-radius: 5px;
      }
      @media all and (min-width: 768px) {
        .countdown-clock li:nth-child(4) .countdown__chrono {
          border-top-right-radius: 5px;
        }
      }
      .countdown__chrono {
        padding: 1rem;
        background: #fff;
        line-height: 1;
        text-align: center;
        word-break: normal;
      }
      .countdown__chrono .countdown__count {
        font-family: "Libre Baskerville", sans-serif;
        font-weight: 400;
      }
      .countdown__chrono strong {
        display: block;
        padding: 5px 0 0;
        font-family: "Source Sans Pro", sans-serif;
        font-size: 15.75px;
        font-weight: 600;
      }
      .countdown__chrono span {
        opacity: 0.6;
      }
      .course-cards__container {
        position: relative;
        width: 100%;
        margin: 0 auto;
        padding-right: 1rem;
        padding-left: 1rem;
      }
      @media all and (min-width: 768px) {
        .course-cards__container {
          max-width: 768px;
        }
      }
      @media all and (min-width: 992px) {
        .course-cards__container {
          max-width: 992px;
        }
      }
      @media all and (min-width: 1200px) {
        .course-cards__container {
          max-width: 1200px;
        }
      }
      .course-cards__featured-list-item {
        width: 100%;
        padding: 0 1rem 2rem 1rem;
      }
      .course-cards .section__headings {
        margin: 0 0 4rem;
      }
      .course-categories .section__headings {
        margin: 0 0 4rem;
      }
      .course-categories .section__heading,
      .course-categories .section__subheading {
        color: #212326;
      }
      .course-categories__container {
        position: relative;
        width: 100%;
        margin: 0 auto;
        padding-right: 1rem;
        padding-left: 1rem;
      }
      @media all and (min-width: 768px) {
        .course-categories__container {
          max-width: 768px;
        }
      }
      @media all and (min-width: 992px) {
        .course-categories__container {
          max-width: 992px;
        }
      }
      @media all and (min-width: 1200px) {
        .course-categories__container {
          max-width: 1200px;
        }
      }
      .course-curriculum__container {
        position: relative;
        width: 100%;
        margin: 0 auto;
        padding-right: 1rem;
        padding-left: 1rem;
      }
      @media all and (min-width: 768px) {
        .course-curriculum__container {
          max-width: 768px;
        }
      }
      @media all and (min-width: 992px) {
        .course-curriculum__container {
          max-width: 992px;
        }
      }
      @media all and (min-width: 1200px) {
        .course-curriculum__container {
          max-width: 1200px;
        }
      }
      @media all and (max-width: 991px) {
        .course-curriculum__container header {
          margin-bottom: 24px;
        }
      }
      .course-curriculum .section__subheading {
        margin-bottom: 0;
      }
      @media all and (min-width: 480px) {
        .course-curriculum .section__subheading {
          margin-top: 8px;
        }
      }
      .course-curriculum__content {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        gap: 0 40px;
      }
      @media all and (max-width: 991px) {
        .course-curriculum__content {
          -webkit-box-orient: vertical;
          -moz-box-orient: vertical;
          -spec-box-orient: vertical;
          box-orient: vertical;
          -webkit-box-direction: normal;
          -moz-box-direction: normal;
          -spec-box-direction: normal;
          box-direction: normal;
          -webkit-flex-direction: column;
          -moz-flex-direction: column;
          -spec-flex-direction: column;
          flex-direction: column;
          -ms-flex-direction: column;
        }
      }
      .course-curriculum__chapter-container {
        -webkit-flex-grow: 1;
        -moz-flex-grow: 1;
        -spec-flex-grow: 1;
        flex-grow: 1;
        -ms-flex-positive: 1;
        gap: 0 40px;
      }
      @media all and (max-width: 991px) {
        .course-curriculum__chapter-container {
          margin-bottom: 40px;
        }
      }
      .course-curriculum__chapter-container--empty {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
      }
      @media all and (max-width: 991px) {
        .course-curriculum__chapter-container--empty {
          -webkit-box-orient: vertical;
          -moz-box-orient: vertical;
          -spec-box-orient: vertical;
          box-orient: vertical;
          -webkit-box-direction: normal;
          -moz-box-direction: normal;
          -spec-box-direction: normal;
          box-direction: normal;
          -webkit-flex-direction: column;
          -moz-flex-direction: column;
          -spec-flex-direction: column;
          flex-direction: column;
          -ms-flex-direction: column;
        }
      }
      .course-curriculum__chapter-list {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        -spec-box-lines: multiple;
        box-lines: multiple;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -spec-flex-wrap: wrap;
        flex-wrap: wrap;
        align-self: flex-start;
        width: 100%;
        list-style: none;
      }
      .course-curriculum__chapter-list:after,
      .course-curriculum__chapter-list:before {
        -webkit-flex-basis: 0;
        -moz-flex-basis: 0;
        -spec-flex-basis: 0;
        flex-basis: 0;
        -ms-flex-preferred-size: 0;
        order: 1;
      }
      .course-curriculum__chapter-list .course-curriculum__chapter {
        border-bottom: 1px solid #212326;
      }
      .course-curriculum__chapter-list--empty {
        margin-bottom: 40px;
        opacity: 40%;
      }
      .course-curriculum__chapter-list--empty ol {
        width: 100%;
        margin-left: 0;
      }
      .course-curriculum__chapter-header {
        display: flex;
        position: relative;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        margin: 0;
        padding: 24px;
        border: 0;
        background: transparent;
        color: inherit;
        text-align: left;
        cursor: pointer;
      }
      .course-curriculum__chapter-header .toga-icon {
        -webkit-transition: all 0.25s ease;
        -moz-transition: all 0.25s ease;
        transition: all 0.25s ease;
        color: #4563ae;
        font-size: 1.5rem;
      }
      .course-curriculum__chapter-header.collapse .toga-icon {
        transform: rotate(-180deg);
      }
      .course-curriculum__chapter-header.collapse
        .course-curriculum__chapter-title {
        position: relative;
      }
      .course-curriculum__chapter-header.collapse
        .course-curriculum__chapter-content {
        opacity: 0;
      }
      .course-curriculum__chapter-content {
        -webkit-transition: opacity 200ms ease;
        -moz-transition: opacity 200ms ease;
        transition: opacity 200ms ease;
        padding: 0 24px 8px;
        list-style: none;
      }
      .course-curriculum__chapter-content a {
        text-decoration: none;
      }
      .course-curriculum__chapter-content a p {
        text-decoration: underline;
      }
      .course-curriculum__chapter-content a:active p,
      .course-curriculum__chapter-content a:hover p {
        text-decoration: none;
      }
      .course-curriculum__chapter-content li {
        position: relative;
        margin-bottom: 1em;
        line-height: 1.5;
      }
      .course-curriculum__chapter-content--collapsed {
        display: none;
      }
      .course-curriculum__chapter {
        position: relative;
        width: 100%;
        padding-right: 1rem;
        padding-left: 1rem;
        flex: 0 0 100%;
        max-width: 100%;
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        padding-right: 0;
        padding-left: 0;
        line-height: 1;
      }
      .course-curriculum__chapter-content-wrapper {
        -webkit-flex-grow: 1;
        -moz-flex-grow: 1;
        -spec-flex-grow: 1;
        flex-grow: 1;
        -ms-flex-positive: 1;
        overflow: hidden;
      }
      .course-curriculum__chapter-content-wrapper ol {
        margin: 0;
        list-style: none;
      }
      .course-curriculum__chapter-content-wrapper.disabled {
        pointer-events: none;
      }
      .course-curriculum__chapter-title {
        position: relative;
        margin: 0;
        padding-right: 2rem;
        font-family: "Source Sans Pro", sans-serif;
        font-size: 21.6px;
        font-weight: 400;
      }
      .course-curriculum__lesson-title {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
      }
      .course-curriculum__lesson-title p {
        margin: 4px 0;
        padding-right: 1rem;
      }
      .course-curriculum__chapter-lesson {
        display: flex;
      }
      .course-curriculum__chapter-lesson--free {
        margin: 4px 0;
        padding: 5px 8px;
        border-radius: 5px;
        background-color: #4563ae;
        color: #fff;
        font-size: 15.75px;
        line-height: 1;
        text-transform: uppercase;
      }
      .course-curriculum__chapter-lesson i {
        margin: 4px 0;
        padding-right: 1rem;
        font-size: 1.5rem;
        vertical-align: sub;
      }
      .course-curriculum__chapter-toggle .button--link {
        margin-top: 2rem;
        padding: 0;
        border: 0;
        background: none;
        color: #6f7282;
        font-family: "Source Sans Pro", sans-serif;
        font-weight: normal;
        text-transform: none;
      }
      .course-curriculum__chapter-toggle .button--link:hover,
      .course-curriculum__chapter-toggle .button--link:active,
      .course-curriculum__chapter-toggle .button--link:focus {
        color: #4c4e59;
        cursor: pointer;
      }
      .course-curriculum__card {
        margin-bottom: 16px;
      }
      .course-curriculum-card {
        border-radius: 4px;
        background-color: #fff;
        box-shadow: 0 8px 12px rgba(0, 0, 0, 0.15);
        overflow: hidden;
      }
      @media all and (min-width: 768px) {
        .course-curriculum-card {
          width: 418px;
        }
      }
      .course-curriculum-card__image {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        position: relative;
      }
      .course-curriculum-card img {
        display: block;
        width: 100%;
        aspect-ratio: 16 / 9;
        object-fit: cover;
      }
      .course-curriculum-card__details {
        padding: 24px 24px 0;
      }
      @media all and (min-width: 768px) {
        .course-curriculum-card__details {
          padding: 24px 38px 0;
        }
      }
      .course-curriculum-card__details__title {
        position: relative;
        margin-bottom: 16px;
        line-height: 30px;
      }
      .course-curriculum-card__details hr {
        max-width: 46px;
        height: 1px;
        margin: 0 0 24px;
        border: 0;
        background-color: #212326;
      }
      .course-curriculum-card__details ul {
        margin-left: 0;
        list-style: none;
      }
      .course-curriculum-card__details-item {
        display: flex;
        margin-bottom: 16px;
      }
      .course-curriculum-card__details-item:last-child {
        margin-bottom: 24px;
      }
      .course-curriculum-card__details-item i {
        flex: 0 0 26px;
        color: #4563ae;
        font-size: 24px;
      }
      .course-curriculum-card__details-item span {
        margin-left: 16px;
        font-size: 20px;
        font-style: normal;
        font-weight: normal;
        line-height: 25px;
      }
      @media all and (min-width: 992px) {
        .description.section__column-layout__two-column .section__content {
          padding-left: 0;
        }
      }
      .description .section__heading,
      .description .section__subheading {
        color: #212326;
      }
      .description .section__content {
        position: relative;
        width: 100%;
        padding-right: 1rem;
        padding-left: 1rem;
        flex: 0 0 100%;
        max-width: 100%;
      }
      @media all and (min-width: 768px) {
        .description .section__content {
          position: relative;
          width: 100%;
          padding-right: 1rem;
          padding-left: 1rem;
          flex: 0 0 50%;
          max-width: 50%;
        }
      }
      .description .section__button-group {
        padding-top: 3rem;
      }
      .description__container {
        position: relative;
        width: 100%;
        margin: 0 auto;
        padding-right: 1rem;
        padding-left: 1rem;
      }
      @media all and (min-width: 768px) {
        .description__container {
          max-width: 768px;
        }
      }
      @media all and (min-width: 992px) {
        .description__container {
          max-width: 992px;
        }
      }
      @media all and (min-width: 1200px) {
        .description__container {
          max-width: 1200px;
        }
      }
      .description__wrapper {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        -spec-box-lines: multiple;
        box-lines: multiple;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -spec-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: -1rem;
        margin-left: -1rem;
        padding-right: 0;
        padding-left: 0;
      }
      .description__wrapper:after,
      .description__wrapper:before {
        -webkit-flex-basis: 0;
        -moz-flex-basis: 0;
        -spec-flex-basis: 0;
        flex-basis: 0;
        -ms-flex-preferred-size: 0;
        order: 1;
      }
      .faq.section__heading-alignment--right details {
        padding-right: 2rem;
        padding-left: 0;
      }
      .faq.section__heading-alignment--right .faq__list-item i {
        right: -40px;
        left: initial;
      }
      .faq.section__heading-alignment--right .section__body {
        text-align: right;
      }
      .faq.section__heading-alignment--center details {
        padding-right: 2rem;
      }
      .faq.section__heading-alignment--center .section__body {
        text-align: center;
      }
      .faq .section__headings {
        padding: 0;
      }
      .faq .section__content {
        text-align: left;
      }
      @media all and (min-width: 768px) {
        .faq .section__content {
          padding-right: 0;
          padding-left: 0;
        }
      }
      .faq .section__headings,
      .faq .section__content {
        width: 100%;
      }
      .faq__container {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -spec-box-pack: center;
        box-pack: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        -o-justify-content: center;
        -spec-justify-content: center;
        justify-content: center;
        -ms-flex-pack: center;
        position: relative;
        width: 100%;
        margin: 0 auto;
      }
      @media all and (min-width: 768px) {
        .faq__container {
          max-width: 768px;
        }
      }
      @media all and (min-width: 992px) {
        .faq__container {
          max-width: 992px;
        }
      }
      @media all and (min-width: 1200px) {
        .faq__container {
          max-width: 1200px;
        }
      }
      .faq__wrapper {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        -spec-box-lines: multiple;
        box-lines: multiple;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -spec-flex-wrap: wrap;
        flex-wrap: wrap;
        position: relative;
        width: 100%;
        padding-right: 1rem;
        padding-left: 1rem;
        flex: 0 0 100%;
        max-width: 100%;
      }
      @media all and (min-width: 768px) {
        .faq__wrapper {
          position: relative;
          width: 100%;
          padding-right: 1rem;
          padding-left: 1rem;
          flex: 0 0 66.66667%;
          max-width: 66.66667%;
        }
      }
      @media all and (min-width: 992px) {
        .faq__wrapper {
          position: relative;
          width: 100%;
          padding-right: 1rem;
          padding-left: 1rem;
          flex: 0 0 50%;
          max-width: 50%;
        }
      }
      .faq__list {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        -spec-box-lines: multiple;
        box-lines: multiple;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -spec-flex-wrap: wrap;
        flex-wrap: wrap;
      }
      .faq__list:after,
      .faq__list:before {
        -webkit-flex-basis: 0;
        -moz-flex-basis: 0;
        -spec-flex-basis: 0;
        flex-basis: 0;
        -ms-flex-preferred-size: 0;
        order: 1;
      }
      .faq__list-item {
        display: block;
        position: relative;
        width: 100%;
        margin: 0 0 2rem;
        margin-bottom: 20px;
        background: #f5f5f5;
        padding: 20px;
        border-radius: 16px;
      }
      .faq__list-item:nth-of-type(1) {
        -webkit-animation-delay: 0.5s;
        -moz-animation-delay: 0.5s;
        -spec-animation-delay: 0.5s;
        animation-delay: 0.5s;
      }
      .faq__list-item:nth-of-type(2) {
        -webkit-animation-delay: 0.75s;
        -moz-animation-delay: 0.75s;
        -spec-animation-delay: 0.75s;
        animation-delay: 0.75s;
      }
      .faq__list-item:nth-of-type(3) {
        -webkit-animation-delay: 1s;
        -moz-animation-delay: 1s;
        -spec-animation-delay: 1s;
        animation-delay: 1s;
      }
      .faq__list-item:last-of-type {
        margin-bottom: 0;
      }
      .faq__list-item details {
        cursor: pointer;
      }
      .faq__list-item details summary {
        list-style: none;
      }
      .faq__list-item details summary::-webkit-details-marker {
        display: none;
      }
      .faq__list-item details[open] ~ p {
        -webkit-transition:
          max-height 200ms ease,
          padding 200ms ease,
          opacity 200ms ease;
        -moz-transition:
          max-height 200ms ease,
          padding 200ms ease,
          opacity 200ms ease;
        transition:
          max-height 200ms ease,
          padding 200ms ease,
          opacity 200ms ease;
        max-height: 0;
        padding: 0;
        opacity: 0;
      }
      .faq__list-item details[open] i {
        transform: rotate(180deg);
      }
      .faq__list-item strong {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        -spec-user-select: none;
        user-select: none;
        display: block;
        position: relative;
        width: calc(100% - 20px);
        margin: 0;
        font-weight: 700;
        line-height: 1.5;
        font-size: 20px;
      }
      @media (max-width: 767px) {
        .faq__list-item strong {
          font-size: 18px;
        }
      }
      .faq__list-item strong i {
        -webkit-transition: all 0.25s ease;
        -moz-transition: all 0.25s ease;
        transition: all 0.25s ease;
        position: absolute;
        top: 0;
        right: -30px;
        color: #131313;
        font-size: 1.5rem;
      }
      .faq__list-item p {
        -webkit-transition:
          max-height 200ms ease,
          padding 200ms ease,
          opacity 200ms ease;
        -moz-transition:
          max-height 200ms ease,
          padding 200ms ease,
          opacity 200ms ease;
        transition:
          max-height 200ms ease,
          padding 200ms ease,
          opacity 200ms ease;
        font-size: 16px;
        color: #6a7282;
        position: relative;
        max-height: 1000px;
        margin: 0;
        padding: 1rem 0;
        opacity: 1;
        overflow: hidden;
        z-index: 102;
      }
      @media (max-width: 767px) {
        .faq__list-item p {
          font-size: 14px;
        }
      }
      .footer {
        margin-top: auto;
        padding-top: 2rem;
        padding-bottom: 1rem;
        background-color: #fff;
        color: #212326;
      }
      .home-landing-page .footer,
      .course-landing-page .footer,
      .bundle-landing-page .footer {
        border-top: 0;
      }
      .footer .section__content {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        -spec-box-lines: multiple;
        box-lines: multiple;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -spec-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: -1rem;
        margin-left: -1rem;
        padding-right: 0;
        padding-left: 0;
      }
      .footer .section__content:after,
      .footer .section__content:before {
        -webkit-flex-basis: 0;
        -moz-flex-basis: 0;
        -spec-flex-basis: 0;
        flex-basis: 0;
        -ms-flex-preferred-size: 0;
        order: 1;
      }
      .footer .section__divide {
        background-color: #212326;
      }
      .footer__container {
        position: relative;
        width: 100%;
        margin: 0 auto;
        padding-right: 1rem;
        padding-left: 1rem;
      }
      @media all and (min-width: 768px) {
        .footer__container {
          max-width: 768px;
        }
      }
      @media all and (min-width: 992px) {
        .footer__container {
          max-width: 992px;
        }
      }
      @media all and (min-width: 1200px) {
        .footer__container {
          max-width: 1200px;
        }
      }
      .footer__nav-site,
      .footer__nav-social {
        text-align: center;
      }
      .footer__nav-site a,
      .footer__nav-social a {
        display: inline-block;
        color: #212326;
        font-size: 15.75px;
        font-weight: 600;
        text-decoration: none;
      }
      .footer__nav-site a:active,
      .footer__nav-site a:hover,
      .footer__nav-social a:active,
      .footer__nav-social a:hover {
        color: #000;
      }
      .footer__nav-site li,
      .footer__nav-social li {
        display: inline-block;
      }
      .footer__nav-site li:last-child,
      .footer__nav-social li:last-child {
        margin-right: 0;
      }
      .footer__nav-site {
        position: relative;
        width: 100%;
        padding-right: 1rem;
        padding-left: 1rem;
        flex: 0 0 100%;
        max-width: 100%;
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        -spec-box-lines: multiple;
        box-lines: multiple;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -spec-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -spec-box-pack: center;
        box-pack: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        -o-justify-content: center;
        -spec-justify-content: center;
        justify-content: center;
        -ms-flex-pack: center;
        margin-bottom: 2rem;
      }
      @media all and (min-width: 992px) {
        .footer__nav-site {
          position: relative;
          width: 100%;
          padding-right: 1rem;
          padding-left: 1rem;
          flex: 0 0 83.33333%;
          max-width: 83.33333%;
          display: block;
          margin-bottom: 0;
          text-align: left;
        }
      }
      .footer__nav-site .footer__nav-item {
        margin: 0 1rem;
      }
      @media all and (min-width: 768px) {
        .footer__nav-site .footer__nav-item {
          margin-right: 2rem;
          margin-left: 0;
        }
      }
      .footer__nav-site .footer__nav-item a {
        font-size: 15.75px;
        font-weight: 400;
        letter-spacing: 1px;
        text-transform: uppercase;
      }
      .footer__nav-social {
        position: relative;
        width: 100%;
        padding-right: 1rem;
        padding-left: 1rem;
        flex: 0 0 100%;
        max-width: 100%;
      }
      @media all and (min-width: 992px) {
        .footer__nav-social {
          position: relative;
          width: 100%;
          padding-right: 1rem;
          padding-left: 1rem;
          flex: 0 0 16.66667%;
          max-width: 16.66667%;
          text-align: right;
        }
      }
      .footer__nav-social a {
        font-size: 1.2rem;
      }
      .footer__nav-social .footer__nav-item {
        margin: 0 0.4rem;
      }
      @media all and (min-width: 768px) {
        .footer__nav-social .footer__nav-item {
          margin-right: 0.8rem;
        }
      }
      .footer__copyright,
      .footer__white-label {
        position: relative;
        width: 100%;
        padding-right: 1rem;
        padding-left: 1rem;
        flex: 0 0 100%;
        max-width: 100%;
        color: #212326;
        font-size: 15.75px;
        text-align: center;
        opacity: 0.8;
      }
      @media all and (min-width: 768px) {
        .footer__copyright,
        .footer__white-label {
          position: relative;
          width: 100%;
          padding-right: 1rem;
          padding-left: 1rem;
          flex: 0 0 50%;
          max-width: 50%;
        }
      }
      @media all and (min-width: 768px) {
        .footer__copyright {
          text-align: left;
        }
      }
      .footer__white-label {
        margin-right: 0;
        margin-left: auto;
      }
      @media all and (min-width: 768px) {
        .footer__white-label {
          text-align: right;
        }
      }
      .footer__white-label a {
        color: #212326;
        text-decoration: none;
      }
      footer {
        background: linear-gradient(180deg, #101828 6.46%, #263e70 100%);
        padding: 80px 15px !important;
      }
      .footer .section__divide {
        background: rgba(255, 255, 255, 0.5);
      }
      footer,
      .footer__copyright,
      .footer__nav-item a {
        color: #fff !important;
      }
      .section__image {
        width: 220px;
        margin: 0 auto;
        height: 50px;
      }
      .footer__nav-site,
      .footer__copyright {
        text-align: center;
        max-width: 100% !important;
        width: 100% !important;
        flex: 1;
      }
      .section__content h4 {
        color: #fff;
        font-size: 22px;
        font-weight: 500;
        margin: 30px 0;
        width: 100%;
      }
      .section__content {
        text-align: center;
      }
      p.footer-description {
        font-size: 16px;
        max-width: 100%;
        margin: 0 auto;
        margin-top: 30px;
        width: 100%;
      }
      @media (max-width: 600px) {
        footer {
          padding: 60px 15px !important;
        }
        .footer__nav-site .footer__nav-item {
          margin: 0;
        }
        p.footer-description {
          max-width: 100%;
        }
        footer,
        .footer__copyright,
        .footer__nav-item a,
        p.footer-description {
          font-size: 14px !important;
        }
        .footer__nav-site {
          flex: 1;
          flex-direction: column;
          gap: 10px;
        }
      }
      .footer__nav-social {
        position: relative;
        width: 100% !important;
        max-width: 100% !important;
        display: flex;
        justify-content: center;
        gap: 15px;
        margin: 20px 0 0 0px;
        flex: none;
        padding: 0;
      }
      .footer__nav-social .footer__nav-item {
        margin-right: 0;
        width: 50px;
        height: 50px;
        background: transparent;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 50px;
        border: 1px solid #ffffffcc;
        cursor: pointer;
      }
      .footer__nav-social .footer__nav-item:hover {
        background: #4d62ad;
        border-color: #4d62ad;
      }
      .gallery .section__content {
        position: relative;
        width: 100%;
        padding-right: 1rem;
        padding-left: 1rem;
        flex: 0 0 100%;
        max-width: 100%;
      }
      .gallery__wrapper {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        -spec-box-lines: multiple;
        box-lines: multiple;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -spec-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: -1rem;
        margin-left: -1rem;
        padding-right: 0;
        padding-left: 0;
      }
      .gallery__wrapper:after,
      .gallery__wrapper:before {
        -webkit-flex-basis: 0;
        -moz-flex-basis: 0;
        -spec-flex-basis: 0;
        flex-basis: 0;
        -ms-flex-preferred-size: 0;
        order: 1;
      }
      .gallery__list {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        -spec-box-lines: multiple;
        box-lines: multiple;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -spec-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: -1rem;
        margin-left: -1rem;
        padding-right: 0;
        padding-left: 0;
      }
      .gallery__list:after,
      .gallery__list:before {
        -webkit-flex-basis: 0;
        -moz-flex-basis: 0;
        -spec-flex-basis: 0;
        flex-basis: 0;
        -ms-flex-preferred-size: 0;
        order: 1;
      }
      .gallery__list-item {
        position: relative;
        width: 100%;
        padding-right: 1rem;
        padding-left: 1rem;
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0 !important;
      }
      @media all and (min-width: 992px) {
        .gallery__list-item.gallery__list-item-count-2 {
          position: relative;
          width: 100%;
          padding-right: 1rem;
          padding-left: 1rem;
          flex: 0 0 50%;
          max-width: 50%;
        }
        .gallery__list-item.gallery__list-item-count-3 {
          position: relative;
          width: 100%;
          padding-right: 1rem;
          padding-left: 1rem;
          flex: 0 0 33.33333%;
          max-width: 33.33333%;
        }
      }
      .gallery__list-item img {
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
      .text-icon.section__background-decoration .section__content {
        padding-bottom: 2rem;
      }
      .text-icon .section__headings {
        margin-bottom: 3rem;
      }
      .text-icon .section__heading,
      .text-icon .section__subheading {
        color: #212326;
      }
      .text-icon__container {
        position: relative;
        width: 100%;
        margin: 0 auto;
        padding-right: 1rem;
        padding-left: 1rem;
      }
      @media all and (min-width: 768px) {
        .text-icon__container {
          max-width: 768px;
        }
      }
      @media all and (min-width: 992px) {
        .text-icon__container {
          max-width: 992px;
        }
      }
      @media all and (min-width: 1200px) {
        .text-icon__container {
          max-width: 1200px;
        }
      }
      .text-icon__list {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        -spec-box-lines: multiple;
        box-lines: multiple;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -spec-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -spec-box-pack: center;
        box-pack: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        -o-justify-content: center;
        -spec-justify-content: center;
        justify-content: center;
        -ms-flex-pack: center;
      }
      .text-icon__list:after,
      .text-icon__list:before {
        -webkit-flex-basis: 0;
        -moz-flex-basis: 0;
        -spec-flex-basis: 0;
        flex-basis: 0;
        -ms-flex-preferred-size: 0;
        order: 1;
      }
      .text-icon__list-item {
        position: relative;
        width: 100%;
        padding-right: 1rem;
        padding-left: 1rem;
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 2rem;
        text-align: center;
      }
      @media all and (min-width: 768px) {
        .text-icon__list-item {
          position: relative;
          width: 100%;
          padding-right: 1rem;
          padding-left: 1rem;
          flex: 0 0 50%;
          max-width: 50%;
        }
      }
      @media all and (min-width: 992px) {
        .text-icon__list-item {
          position: relative;
          width: 100%;
          padding-right: 1rem;
          padding-left: 1rem;
          flex: 0 0 33.33333%;
          max-width: 33.33333%;
        }
      }
      .text-icon__list-item p {
        line-height: 1.4;
      }
      @media all and (min-width: 768px) {
        .text-icon__list-item p {
          padding-right: 1rem;
          padding-left: 1rem;
        }
      }
      .text-icon__list-item .fa {
        margin: 0 0 2rem;
        color: #4563ae;
        font-size: 2.5rem;
      }
      .text-image .section__content {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        -spec-box-lines: multiple;
        box-lines: multiple;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -spec-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: -1rem;
        margin-left: -1rem;
        padding-right: 0;
        padding-left: 0;
      }
      .text-image .section__content:after,
      .text-image .section__content:before {
        -webkit-flex-basis: 0;
        -moz-flex-basis: 0;
        -spec-flex-basis: 0;
        flex-basis: 0;
        -ms-flex-preferred-size: 0;
        order: 1;
      }
      .text-image .section__heading,
      .text-image .section__subheading {
        color: #212326;
      }
      .text-image .section__button-group {
        padding-top: 3rem;
      }
      .text-image__container {
        position: relative;
        width: 100%;
        margin: 0 auto;
        padding-right: 1rem;
        padding-left: 1rem;
      }
      @media all and (min-width: 768px) {
        .text-image__container {
          max-width: 768px;
        }
      }
      @media all and (min-width: 992px) {
        .text-image__container {
          max-width: 992px;
        }
      }
      @media all and (min-width: 1200px) {
        .text-image__container {
          max-width: 1200px;
        }
      }
      .text-image__body {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -spec-box-orient: vertical;
        box-orient: vertical;
        -webkit-box-direction: normal;
        -moz-box-direction: normal;
        -spec-box-direction: normal;
        box-direction: normal;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -spec-flex-direction: column;
        flex-direction: column;
        -ms-flex-direction: column;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -spec-box-pack: center;
        box-pack: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        -o-justify-content: center;
        -spec-justify-content: center;
        justify-content: center;
        -ms-flex-pack: center;
        position: relative;
        width: 100%;
        padding-right: 1rem;
        padding-left: 1rem;
        flex: 0 0 50%;
        max-width: 50%;
      }
      @media all and (max-width: 991px) {
        .text-image__body {
          position: relative;
          width: 100%;
          padding-right: 1rem;
          padding-left: 1rem;
          flex: 0 0 100%;
          max-width: 100%;
          -webkit-box-ordinal-group: 2;
          -moz-box-ordinal-group: 2;
          -spec-box-ordinal-group: 2;
          box-ordinal-group: 2;
          -webkit-order: 2;
          -moz-order: 2;
          -spec-order: 2;
          order: 2;
          -ms-flex-order: 2;
        }
      }
      @media all and (min-width: 992px) {
        .text-image__body {
          padding-top: 4rem;
          padding-bottom: 4rem;
        }
      }
      .text-image__image {
        position: relative;
        width: 100%;
        padding-right: 1rem;
        padding-left: 1rem;
        flex: 0 0 100%;
        max-width: 100%;
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        border-radius: 0;
      }
      .text-image__image img {
        -webkit-align-self: center;
        -moz-align-self: center;
        -spec-align-self: center;
        align-self: center;
        -ms-flex-item-align: center;
      }
      .text-image__body + .text-image__image {
        position: relative;
        width: 100%;
        padding-right: 1rem;
        padding-left: 1rem;
        flex: 0 0 50%;
        max-width: 50%;
      }
      @media all and (max-width: 991px) {
        .text-image__body + .text-image__image {
          position: relative;
          width: 100%;
          padding-right: 1rem;
          padding-left: 1rem;
          flex: 0 0 100%;
          max-width: 100%;
          -webkit-box-ordinal-group: 1;
          -moz-box-ordinal-group: 1;
          -spec-box-ordinal-group: 1;
          box-ordinal-group: 1;
          -webkit-order: 1;
          -moz-order: 1;
          -spec-order: 1;
          order: 1;
          -ms-flex-order: 1;
          margin-bottom: 2rem;
        }
      }
      .text-image__image img {
        -webkit-align-self: center;
        -moz-align-self: center;
        -spec-align-self: center;
        align-self: center;
        -ms-flex-item-align: center;
        border-radius: 0;
      }
      .instructor {
        overflow: hidden;
      }
      .instructor .section__headings {
        margin: 0 0 4rem;
      }
      .instructor .section__heading,
      .instructor .section__subheading {
        color: #212326;
      }
      .instructor .owl-carousel .owl-nav {
        position: relative;
        display: flex;
        justify-content: center;
        padding-top: 1rem;
        text-align: center;
      }
      .instructor .owl-carousel .owl-nav .owl-next,
      .instructor .owl-carousel .owl-nav .owl-prev {
        position: relative;
        top: initial;
        right: initial;
        left: initial;
        padding: 0;
      }
      .instructor .owl-carousel .owl-nav .owl-prev {
        margin-right: 2rem;
      }
      .instructor__container {
        position: relative;
        width: 100%;
        margin: 0 auto;
        padding-right: 1rem;
        padding-left: 1rem;
      }
      @media all and (min-width: 768px) {
        .instructor__container {
          max-width: 768px;
        }
      }
      @media all and (min-width: 992px) {
        .instructor__container {
          max-width: 992px;
        }
      }
      @media all and (min-width: 1200px) {
        .instructor__container {
          max-width: 1200px;
        }
      }
      .instructor__list {
        position: relative;
        width: 100%;
        padding-right: 1rem;
        padding-left: 1rem;
        flex: 0 0 100%;
        max-width: 100%;
        margin: 0 auto;
      }
      @media all and (min-width: 768px) {
        .instructor__list.owl-carousel .owl-stage-outer {
          overflow: visible;
        }
      }
      @media all and (min-width: 768px) {
        .instructor__list.owl-carousel .owl-item {
          opacity: 0.2;
        }
        .instructor__list.owl-carousel .owl-item.center {
          opacity: 1;
        }
      }
      .instructor__list.owl-carousel .owl-item img {
        display: block;
        width: 100%;
        height: auto;
      }
      .instructor__list-item {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        -spec-box-lines: multiple;
        box-lines: multiple;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -spec-flex-wrap: wrap;
        flex-wrap: wrap;
        text-align: center;
      }
      .instructor__list-item:after,
      .instructor__list-item:before {
        -webkit-flex-basis: 0;
        -moz-flex-basis: 0;
        -spec-flex-basis: 0;
        flex-basis: 0;
        -ms-flex-preferred-size: 0;
        order: 1;
      }
      @media all and (min-width: 768px) {
        .instructor__list-item {
          text-align: left;
        }
      }
      .instructor__avatar {
        position: relative;
        width: 100%;
        flex: 0 0 100%;
        max-width: 100%;
      }
      @media all and (max-width: 767px) {
        .instructor__avatar {
          margin: 0 0 1rem;
        }
      }
      @media all and (min-width: 768px) {
        .instructor__avatar {
          position: relative;
          width: 100%;
          padding-right: 1rem;
          padding-left: 1rem;
          flex: 0 0 50%;
          max-width: 50%;
          margin-left: auto;
        }
        .owl-item.center + .owl-item .instructor__avatar {
          margin-right: auto;
          margin-left: 0;
        }
      }
      @media all and (min-width: 768px) and (max-width: 992px) {
        .instructor__avatar {
          padding-left: 0;
        }
      }
      .instructor__avatar-img {
        margin: 0 auto;
        border-radius: 0;
      }
      @media all and (max-width: 991px) {
        .instructor__avatar-img {
          max-width: 220px;
        }
      }
      .instructor__profile {
        width: 100%;
        padding-top: 1rem;
        padding-bottom: 2rem;
      }
      @media all and (min-width: 768px) {
        .instructor__profile {
          display: none;
        }
      }
      .instructor__profile header {
        margin: 0 0 1rem;
      }
      .instructor__profile ul {
        margin: 0;
      }
      .owl-item.center .instructor__profile {
        position: relative;
        width: 100%;
        flex: 0 0 100%;
        max-width: 100%;
      }
      @media all and (min-width: 768px) {
        .owl-item.center .instructor__profile {
          position: relative;
          width: 100%;
          flex: 0 0 50%;
          max-width: 50%;
          display: block;
        }
      }
      @media all and (min-width: 1200px) {
        .owl-item.center .instructor__profile {
          padding-right: 3rem;
          padding-left: 1rem;
        }
      }
      .instructor__title {
        display: block;
        font-family: "Source Sans Pro", sans-serif;
        font-size: 15.75px;
        font-weight: 400;
        line-height: 1.5;
      }
      .instructor__social .fa {
        margin-top: 1rem;
        margin-right: 0.5rem;
      }
      @media all and (min-width: 992px) {
        .lead-capture {
          display: -webkit-box;
          display: -moz-box;
          display: box;
          display: -webkit-flex;
          display: -moz-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -moz-box-align: center;
          -spec-box-align: center;
          box-align: center;
          -webkit-align-items: center;
          -moz-align-items: center;
          -ms-align-items: center;
          -o-align-items: center;
          -spec-align-items: center;
          align-items: center;
          -ms-flex-align: center;
        }
      }
      .lead-capture .section__content {
        position: relative;
        width: 100%;
        padding-right: 1rem;
        padding-left: 1rem;
        flex: 0 0 100%;
        max-width: 100%;
        margin: auto;
      }
      @media all and (min-width: 768px) {
        .lead-capture .section__content {
          position: relative;
          width: 100%;
          padding-right: 1rem;
          padding-left: 1rem;
          flex: 0 0 66.66667%;
          max-width: 66.66667%;
        }
      }
      .lead-capture .form__group {
        margin-top: 1rem;
      }
      .lead-capture .button:disabled,
      .lead-capture .button[aria-disabled="true"] {
        border: 2px solid #e5e5e5;
        background-color: #e5e5e5;
        color: #adb5bd;
      }
      .lead-capture .lead-capture__success {
        pointer-events: none;
      }
      .lead-capture
        .lead-capture__success
        .form__group:not(.form__button-group) {
        opacity: 0.3;
      }
      .lead-capture .lead-capture__error-msg {
        display: none;
        padding: 0 1rem;
        color: #e75725;
      }
      .lead-capture .lead-capture__success-msg {
        display: none;
      }
      .lead-capture__container {
        position: relative;
        width: 100%;
        margin: 0 auto;
        padding-right: 1rem;
        padding-left: 1rem;
      }
      @media all and (min-width: 768px) {
        .lead-capture__container {
          max-width: 768px;
        }
      }
      @media all and (min-width: 992px) {
        .lead-capture__container {
          max-width: 992px;
        }
      }
      @media all and (min-width: 1200px) {
        .lead-capture__container {
          max-width: 1200px;
        }
      }
      .lead-capture__wrapper {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        -spec-box-lines: multiple;
        box-lines: multiple;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -spec-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: -1rem;
        margin-left: -1rem;
        padding-right: 0;
        padding-left: 0;
      }
      .lead-capture__wrapper:after,
      .lead-capture__wrapper:before {
        -webkit-flex-basis: 0;
        -moz-flex-basis: 0;
        -spec-flex-basis: 0;
        flex-basis: 0;
        -ms-flex-preferred-size: 0;
        order: 1;
      }
      .header {
        -webkit-transition:
          background-color 400ms ease,
          box-shadow 200ms ease;
        -moz-transition:
          background-color 400ms ease,
          box-shadow 200ms ease;
        transition:
          background-color 400ms ease,
          box-shadow 200ms ease;
        position: relative;
        border-bottom: 1px solid rgba(33, 35, 38, 0.1);
        background-color: #fff;
        z-index: 301;
      }
      .home-landing-page .header,
      .course-landing-page .header,
      .bundle-landing-page .header,
      .page-template .header,
      .coming-soon-page .header,
      .student-dashboard .header,
      .student-certificate-page .header,
      .collections-landing-page .header {
        border-bottom: 0;
      }
      @media all and (min-width: 768px) {
        .home-landing-page .header.fixed,
        .course-landing-page .header.fixed,
        .bundle-landing-page .header.fixed,
        .page-template .header.fixed,
        .coming-soon-page .header.fixed,
        .student-dashboard .header.fixed,
        .student-certificate-page .header.fixed,
        .collections-landing-page .header.fixed {
          -webkit-transition:
            background-color 400ms ease,
            box-shadow 200ms ease;
          -moz-transition:
            background-color 400ms ease,
            box-shadow 200ms ease;
          transition:
            background-color 400ms ease,
            box-shadow 200ms ease;
          position: fixed;
          top: 0;
          right: 0;
          left: 0;
          width: 100%;
          margin: 0 auto;
          background-color: #fff;
          box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.05);
        }
        .home-landing-page
          .header.fixed:not([data-menu-style="floating"])
          .header__nav-item
          > a:not(.button-secondary),
        .home-landing-page
          .header.fixed:not([data-menu-style="floating"])
          .header__nav-item
          > button:not(.button-secondary),
        .home-landing-page
          .header.fixed:not([data-menu-style="floating"])
          .header__school-name
          > a:not(.button-secondary),
        .home-landing-page
          .header.fixed:not([data-menu-style="floating"])
          .header__school-name
          > button:not(.button-secondary),
        .course-landing-page
          .header.fixed:not([data-menu-style="floating"])
          .header__nav-item
          > a:not(.button-secondary),
        .course-landing-page
          .header.fixed:not([data-menu-style="floating"])
          .header__nav-item
          > button:not(.button-secondary),
        .course-landing-page
          .header.fixed:not([data-menu-style="floating"])
          .header__school-name
          > a:not(.button-secondary),
        .course-landing-page
          .header.fixed:not([data-menu-style="floating"])
          .header__school-name
          > button:not(.button-secondary),
        .bundle-landing-page
          .header.fixed:not([data-menu-style="floating"])
          .header__nav-item
          > a:not(.button-secondary),
        .bundle-landing-page
          .header.fixed:not([data-menu-style="floating"])
          .header__nav-item
          > button:not(.button-secondary),
        .bundle-landing-page
          .header.fixed:not([data-menu-style="floating"])
          .header__school-name
          > a:not(.button-secondary),
        .bundle-landing-page
          .header.fixed:not([data-menu-style="floating"])
          .header__school-name
          > button:not(.button-secondary),
        .page-template
          .header.fixed:not([data-menu-style="floating"])
          .header__nav-item
          > a:not(.button-secondary),
        .page-template
          .header.fixed:not([data-menu-style="floating"])
          .header__nav-item
          > button:not(.button-secondary),
        .page-template
          .header.fixed:not([data-menu-style="floating"])
          .header__school-name
          > a:not(.button-secondary),
        .page-template
          .header.fixed:not([data-menu-style="floating"])
          .header__school-name
          > button:not(.button-secondary),
        .coming-soon-page
          .header.fixed:not([data-menu-style="floating"])
          .header__nav-item
          > a:not(.button-secondary),
        .coming-soon-page
          .header.fixed:not([data-menu-style="floating"])
          .header__nav-item
          > button:not(.button-secondary),
        .coming-soon-page
          .header.fixed:not([data-menu-style="floating"])
          .header__school-name
          > a:not(.button-secondary),
        .coming-soon-page
          .header.fixed:not([data-menu-style="floating"])
          .header__school-name
          > button:not(.button-secondary),
        .student-dashboard
          .header.fixed:not([data-menu-style="floating"])
          .header__nav-item
          > a:not(.button-secondary),
        .student-dashboard
          .header.fixed:not([data-menu-style="floating"])
          .header__nav-item
          > button:not(.button-secondary),
        .student-dashboard
          .header.fixed:not([data-menu-style="floating"])
          .header__school-name
          > a:not(.button-secondary),
        .student-dashboard
          .header.fixed:not([data-menu-style="floating"])
          .header__school-name
          > button:not(.button-secondary),
        .student-certificate-page
          .header.fixed:not([data-menu-style="floating"])
          .header__nav-item
          > a:not(.button-secondary),
        .student-certificate-page
          .header.fixed:not([data-menu-style="floating"])
          .header__nav-item
          > button:not(.button-secondary),
        .student-certificate-page
          .header.fixed:not([data-menu-style="floating"])
          .header__school-name
          > a:not(.button-secondary),
        .student-certificate-page
          .header.fixed:not([data-menu-style="floating"])
          .header__school-name
          > button:not(.button-secondary),
        .collections-landing-page
          .header.fixed:not([data-menu-style="floating"])
          .header__nav-item
          > a:not(.button-secondary),
        .collections-landing-page
          .header.fixed:not([data-menu-style="floating"])
          .header__nav-item
          > button:not(.button-secondary),
        .collections-landing-page
          .header.fixed:not([data-menu-style="floating"])
          .header__school-name
          > a:not(.button-secondary),
        .collections-landing-page
          .header.fixed:not([data-menu-style="floating"])
          .header__school-name
          > button:not(.button-secondary) {
          color: #212326;
        }
        .home-landing-page
          .header.fixed:not([data-menu-style="floating"])
          .header__nav-item
          > a:not(.button-secondary):active,
        .home-landing-page
          .header.fixed:not([data-menu-style="floating"])
          .header__nav-item
          > a:not(.button-secondary):hover,
        .home-landing-page
          .header.fixed:not([data-menu-style="floating"])
          .header__nav-item
          > a:not(.button-secondary):focus,
        .home-landing-page
          .header.fixed:not([data-menu-style="floating"])
          .header__nav-item
          > button:not(.button-secondary):active,
        .home-landing-page
          .header.fixed:not([data-menu-style="floating"])
          .header__nav-item
          > button:not(.button-secondary):hover,
        .home-landing-page
          .header.fixed:not([data-menu-style="floating"])
          .header__nav-item
          > button:not(.button-secondary):focus,
        .home-landing-page
          .header.fixed:not([data-menu-style="floating"])
          .header__school-name
          > a:not(.button-secondary):active,
        .home-landing-page
          .header.fixed:not([data-menu-style="floating"])
          .header__school-name
          > a:not(.button-secondary):hover,
        .home-landing-page
          .header.fixed:not([data-menu-style="floating"])
          .header__school-name
          > a:not(.button-secondary):focus,
        .home-landing-page
          .header.fixed:not([data-menu-style="floating"])
          .header__school-name
          > button:not(.button-secondary):active,
        .home-landing-page
          .header.fixed:not([data-menu-style="floating"])
          .header__school-name
          > button:not(.button-secondary):hover,
        .home-landing-page
          .header.fixed:not([data-menu-style="floating"])
          .header__school-name
          > button:not(.button-secondary):focus,
        .course-landing-page
          .header.fixed:not([data-menu-style="floating"])
          .header__nav-item
          > a:not(.button-secondary):active,
        .course-landing-page
          .header.fixed:not([data-menu-style="floating"])
          .header__nav-item
          > a:not(.button-secondary):hover,
        .course-landing-page
          .header.fixed:not([data-menu-style="floating"])
          .header__nav-item
          > a:not(.button-secondary):focus,
        .course-landing-page
          .header.fixed:not([data-menu-style="floating"])
          .header__nav-item
          > button:not(.button-secondary):active,
        .course-landing-page
          .header.fixed:not([data-menu-style="floating"])
          .header__nav-item
          > button:not(.button-secondary):hover,
        .course-landing-page
          .header.fixed:not([data-menu-style="floating"])
          .header__nav-item
          > button:not(.button-secondary):focus,
        .course-landing-page
          .header.fixed:not([data-menu-style="floating"])
          .header__school-name
          > a:not(.button-secondary):active,
        .course-landing-page
          .header.fixed:not([data-menu-style="floating"])
          .header__school-name
          > a:not(.button-secondary):hover,
        .course-landing-page
          .header.fixed:not([data-menu-style="floating"])
          .header__school-name
          > a:not(.button-secondary):focus,
        .course-landing-page
          .header.fixed:not([data-menu-style="floating"])
          .header__school-name
          > button:not(.button-secondary):active,
        .course-landing-page
          .header.fixed:not([data-menu-style="floating"])
          .header__school-name
          > button:not(.button-secondary):hover,
        .course-landing-page
          .header.fixed:not([data-menu-style="floating"])
          .header__school-name
          > button:not(.button-secondary):focus,
        .bundle-landing-page
          .header.fixed:not([data-menu-style="floating"])
          .header__nav-item
          > a:not(.button-secondary):active,
        .bundle-landing-page
          .header.fixed:not([data-menu-style="floating"])
          .header__nav-item
          > a:not(.button-secondary):hover,
        .bundle-landing-page
          .header.fixed:not([data-menu-style="floating"])
          .header__nav-item
          > a:not(.button-secondary):focus,
        .bundle-landing-page
          .header.fixed:not([data-menu-style="floating"])
          .header__nav-item
          > button:not(.button-secondary):active,
        .bundle-landing-page
          .header.fixed:not([data-menu-style="floating"])
          .header__nav-item
          > button:not(.button-secondary):hover,
        .bundle-landing-page
          .header.fixed:not([data-menu-style="floating"])
          .header__nav-item
          > button:not(.button-secondary):focus,
        .bundle-landing-page
          .header.fixed:not([data-menu-style="floating"])
          .header__school-name
          > a:not(.button-secondary):active,
        .bundle-landing-page
          .header.fixed:not([data-menu-style="floating"])
          .header__school-name
          > a:not(.button-secondary):hover,
        .bundle-landing-page
          .header.fixed:not([data-menu-style="floating"])
          .header__school-name
          > a:not(.button-secondary):focus,
        .bundle-landing-page
          .header.fixed:not([data-menu-style="floating"])
          .header__school-name
          > button:not(.button-secondary):active,
        .bundle-landing-page
          .header.fixed:not([data-menu-style="floating"])
          .header__school-name
          > button:not(.button-secondary):hover,
        .bundle-landing-page
          .header.fixed:not([data-menu-style="floating"])
          .header__school-name
          > button:not(.button-secondary):focus,
        .page-template
          .header.fixed:not([data-menu-style="floating"])
          .header__nav-item
          > a:not(.button-secondary):active,
        .page-template
          .header.fixed:not([data-menu-style="floating"])
          .header__nav-item
          > a:not(.button-secondary):hover,
        .page-template
          .header.fixed:not([data-menu-style="floating"])
          .header__nav-item
          > a:not(.button-secondary):focus,
        .page-template
          .header.fixed:not([data-menu-style="floating"])
          .header__nav-item
          > button:not(.button-secondary):active,
        .page-template
          .header.fixed:not([data-menu-style="floating"])
          .header__nav-item
          > button:not(.button-secondary):hover,
        .page-template
          .header.fixed:not([data-menu-style="floating"])
          .header__nav-item
          > button:not(.button-secondary):focus,
        .page-template
          .header.fixed:not([data-menu-style="floating"])
          .header__school-name
          > a:not(.button-secondary):active,
        .page-template
          .header.fixed:not([data-menu-style="floating"])
          .header__school-name
          > a:not(.button-secondary):hover,
        .page-template
          .header.fixed:not([data-menu-style="floating"])
          .header__school-name
          > a:not(.button-secondary):focus,
        .page-template
          .header.fixed:not([data-menu-style="floating"])
          .header__school-name
          > button:not(.button-secondary):active,
        .page-template
          .header.fixed:not([data-menu-style="floating"])
          .header__school-name
          > button:not(.button-secondary):hover,
        .page-template
          .header.fixed:not([data-menu-style="floating"])
          .header__school-name
          > button:not(.button-secondary):focus,
        .coming-soon-page
          .header.fixed:not([data-menu-style="floating"])
          .header__nav-item
          > a:not(.button-secondary):active,
        .coming-soon-page
          .header.fixed:not([data-menu-style="floating"])
          .header__nav-item
          > a:not(.button-secondary):hover,
        .coming-soon-page
          .header.fixed:not([data-menu-style="floating"])
          .header__nav-item
          > a:not(.button-secondary):focus,
        .coming-soon-page
          .header.fixed:not([data-menu-style="floating"])
          .header__nav-item
          > button:not(.button-secondary):active,
        .coming-soon-page
          .header.fixed:not([data-menu-style="floating"])
          .header__nav-item
          > button:not(.button-secondary):hover,
        .coming-soon-page
          .header.fixed:not([data-menu-style="floating"])
          .header__nav-item
          > button:not(.button-secondary):focus,
        .coming-soon-page
          .header.fixed:not([data-menu-style="floating"])
          .header__school-name
          > a:not(.button-secondary):active,
        .coming-soon-page
          .header.fixed:not([data-menu-style="floating"])
          .header__school-name
          > a:not(.button-secondary):hover,
        .coming-soon-page
          .header.fixed:not([data-menu-style="floating"])
          .header__school-name
          > a:not(.button-secondary):focus,
        .coming-soon-page
          .header.fixed:not([data-menu-style="floating"])
          .header__school-name
          > button:not(.button-secondary):active,
        .coming-soon-page
          .header.fixed:not([data-menu-style="floating"])
          .header__school-name
          > button:not(.button-secondary):hover,
        .coming-soon-page
          .header.fixed:not([data-menu-style="floating"])
          .header__school-name
          > button:not(.button-secondary):focus,
        .student-dashboard
          .header.fixed:not([data-menu-style="floating"])
          .header__nav-item
          > a:not(.button-secondary):active,
        .student-dashboard
          .header.fixed:not([data-menu-style="floating"])
          .header__nav-item
          > a:not(.button-secondary):hover,
        .student-dashboard
          .header.fixed:not([data-menu-style="floating"])
          .header__nav-item
          > a:not(.button-secondary):focus,
        .student-dashboard
          .header.fixed:not([data-menu-style="floating"])
          .header__nav-item
          > button:not(.button-secondary):active,
        .student-dashboard
          .header.fixed:not([data-menu-style="floating"])
          .header__nav-item
          > button:not(.button-secondary):hover,
        .student-dashboard
          .header.fixed:not([data-menu-style="floating"])
          .header__nav-item
          > button:not(.button-secondary):focus,
        .student-dashboard
          .header.fixed:not([data-menu-style="floating"])
          .header__school-name
          > a:not(.button-secondary):active,
        .student-dashboard
          .header.fixed:not([data-menu-style="floating"])
          .header__school-name
          > a:not(.button-secondary):hover,
        .student-dashboard
          .header.fixed:not([data-menu-style="floating"])
          .header__school-name
          > a:not(.button-secondary):focus,
        .student-dashboard
          .header.fixed:not([data-menu-style="floating"])
          .header__school-name
          > button:not(.button-secondary):active,
        .student-dashboard
          .header.fixed:not([data-menu-style="floating"])
          .header__school-name
          > button:not(.button-secondary):hover,
        .student-dashboard
          .header.fixed:not([data-menu-style="floating"])
          .header__school-name
          > button:not(.button-secondary):focus,
        .student-certificate-page
          .header.fixed:not([data-menu-style="floating"])
          .header__nav-item
          > a:not(.button-secondary):active,
        .student-certificate-page
          .header.fixed:not([data-menu-style="floating"])
          .header__nav-item
          > a:not(.button-secondary):hover,
        .student-certificate-page
          .header.fixed:not([data-menu-style="floating"])
          .header__nav-item
          > a:not(.button-secondary):focus,
        .student-certificate-page
          .header.fixed:not([data-menu-style="floating"])
          .header__nav-item
          > button:not(.button-secondary):active,
        .student-certificate-page
          .header.fixed:not([data-menu-style="floating"])
          .header__nav-item
          > button:not(.button-secondary):hover,
        .student-certificate-page
          .header.fixed:not([data-menu-style="floating"])
          .header__nav-item
          > button:not(.button-secondary):focus,
        .student-certificate-page
          .header.fixed:not([data-menu-style="floating"])
          .header__school-name
          > a:not(.button-secondary):active,
        .student-certificate-page
          .header.fixed:not([data-menu-style="floating"])
          .header__school-name
          > a:not(.button-secondary):hover,
        .student-certificate-page
          .header.fixed:not([data-menu-style="floating"])
          .header__school-name
          > a:not(.button-secondary):focus,
        .student-certificate-page
          .header.fixed:not([data-menu-style="floating"])
          .header__school-name
          > button:not(.button-secondary):active,
        .student-certificate-page
          .header.fixed:not([data-menu-style="floating"])
          .header__school-name
          > button:not(.button-secondary):hover,
        .student-certificate-page
          .header.fixed:not([data-menu-style="floating"])
          .header__school-name
          > button:not(.button-secondary):focus,
        .collections-landing-page
          .header.fixed:not([data-menu-style="floating"])
          .header__nav-item
          > a:not(.button-secondary):active,
        .collections-landing-page
          .header.fixed:not([data-menu-style="floating"])
          .header__nav-item
          > a:not(.button-secondary):hover,
        .collections-landing-page
          .header.fixed:not([data-menu-style="floating"])
          .header__nav-item
          > a:not(.button-secondary):focus,
        .collections-landing-page
          .header.fixed:not([data-menu-style="floating"])
          .header__nav-item
          > button:not(.button-secondary):active,
        .collections-landing-page
          .header.fixed:not([data-menu-style="floating"])
          .header__nav-item
          > button:not(.button-secondary):hover,
        .collections-landing-page
          .header.fixed:not([data-menu-style="floating"])
          .header__nav-item
          > button:not(.button-secondary):focus,
        .collections-landing-page
          .header.fixed:not([data-menu-style="floating"])
          .header__school-name
          > a:not(.button-secondary):active,
        .collections-landing-page
          .header.fixed:not([data-menu-style="floating"])
          .header__school-name
          > a:not(.button-secondary):hover,
        .collections-landing-page
          .header.fixed:not([data-menu-style="floating"])
          .header__school-name
          > a:not(.button-secondary):focus,
        .collections-landing-page
          .header.fixed:not([data-menu-style="floating"])
          .header__school-name
          > button:not(.button-secondary):active,
        .collections-landing-page
          .header.fixed:not([data-menu-style="floating"])
          .header__school-name
          > button:not(.button-secondary):hover,
        .collections-landing-page
          .header.fixed:not([data-menu-style="floating"])
          .header__school-name
          > button:not(.button-secondary):focus {
          color: #000;
        }
      }
      .header__container {
        position: relative;
        width: 100%;
        margin: 0 auto;
        padding-right: 1rem;
        padding-left: 1rem;
        padding: 1.6rem 1rem;
      }
      @media all and (min-width: 768px) {
       
      }
      @media all and (min-width: 992px) {
       
      }
      @media all and (min-width: 1200px) {
        
      }
      .header__wrapper {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        -spec-box-lines: multiple;
        box-lines: multiple;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -spec-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -moz-box-align: center;
        -spec-box-align: center;
        box-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        -o-align-items: center;
        -spec-align-items: center;
        align-items: center;
        -ms-flex-align: center;
        -webkit-box-lines: single;
        -moz-box-lines: single;
        -spec-box-lines: single;
        box-lines: single;
        -webkit-flex-wrap: nowrap;
        -moz-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        -spec-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        -spec-box-pack: justify;
        box-pack: justify;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        -o-justify-content: space-between;
        -spec-justify-content: space-between;
        justify-content: space-between;
        -ms-flex-pack: justify;
        position: relative;
        margin: 0;
      }
      .header__wrapper:after,
      .header__wrapper:before {
        -webkit-flex-basis: 0;
        -moz-flex-basis: 0;
        -spec-flex-basis: 0;
        flex-basis: 0;
        -ms-flex-preferred-size: 0;
        order: 1;
      }
      .header__logo {
        padding-right: 1rem;
        line-height: 1;
      }
      @media all and (max-width: 767px) {
        .header__logo {
          max-width: 12rem;
        }
      }
      .header__logo a {
        display: inline-block;
        text-decoration: none;
      }
      .header__logo img {
        width: auto;
        max-width: initial;
        max-height: 35px;
      }
      @media all and (max-width: 767px) {
        .header__logo img {
          display: block;
          max-width: 100%;
          max-height: 60px;
        }
      }
      .header__school-name {
        display: inline-block;
        min-width: 12rem;
        margin-bottom: 0;
        font-size: 16px;
        font-weight: 400;
        line-height: 1.3;
      }
      @media all and (min-width: 768px) {
        .header__school-name {
          font-size: 18px;
        }
      }
      .header__school-name a {
        color: #212326;
      }
      [data-menu-style="floating"] .header__school-name a {
        color: #212326;
      }
      .header__school-name a:active,
      .header__school-name a:hover,
      .header__school-name a:focus {
        color: #000;
      }
      [data-menu-style="floating"] .header__school-name a:active,
      [data-menu-style="floating"] .header__school-name a:hover,
      [data-menu-style="floating"] .header__school-name a:focus {
        color: #45494f;
      }
      .header__nav {
        width: 100%;
      }
      @media all and (max-width: 991px) {
        .header__nav {
          display: block;
          position: absolute;
          top: 130%;
          left: 0;
          width: 100%;
          margin: 0;
          box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.05);
          opacity: 0;
          overflow: hidden;
          visibility: hidden;
          z-index: -9999;
          background-color: #4563AE;
        }
        .header__nav .header__nav-item {
          display: block;
        }
        .header__nav .header__nav-item a:not(.button-secondary),
        .header__nav .header__nav-item button:not(.button-secondary) {
          display: block;
          padding: 8px 16px;
          color: #fff;
          font-weight: 500;
          text-align: center;
          text-decoration: none;
        }
        .header__nav .header__nav-item a:not(.button-secondary):active,
        .header__nav .header__nav-item a:not(.button-secondary):hover,
        .header__nav .header__nav-item a:not(.button-secondary):focus,
        .header__nav .header__nav-item button:not(.button-secondary):active,
        .header__nav .header__nav-item button:not(.button-secondary):hover,
        .header__nav .header__nav-item button:not(.button-secondary):focus {
          background-color: #3e599c;
          color: #000;
        }
        .header__nav .header__nav-item .dropdown__toggle-button {
          display: none;
        }
      }
      @media all and (min-width: 768px) {
        .header__nav.header__nav--left > ul {
          text-align: left;
        }
        .header__nav.header__nav--left .header__logo {
          padding-right: 3rem;
        }
        .header__nav.header__nav--left .dropdown,
        .header__nav.header__nav--left .header__nav-sign-in {
          float: right;
        }
        .header__nav.header__nav--left .dropdown__menu {
          right: -10px;
        }
      }
      @media all and (min-width: 992px) {
        .header__nav.header__nav--left.header__nav--has-cta
          .header__nav-sign-in {
          position: relative;
          top: 0.5rem;
        }
      }
      .header__nav > ul {
        text-align: right;
      }
      @media all and (min-width: 768px) {
        .header__nav > ul > li:first-child {
          margin-left: 0;
        }
      }
      [data-menu-style="floating"] {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        background-color: transparent;
      }
      .student-dashboard [data-menu-style="floating"],
      .collections-landing-page [data-menu-style="floating"] {
        position: relative;
      }
      .student-dashboard [data-menu-style="floating"].fixed,
      .collections-landing-page [data-menu-style="floating"].fixed {
        position: sticky;
      }
      [data-menu-style="floating"] ~ .home > section:first-of-type,
      [data-menu-style="floating"] ~ .course > section:first-of-type,
      [data-menu-style="floating"] ~ .bundle > section:first-of-type,
      [data-menu-style="floating"] ~ .coming-soon > section:first-of-type,
      [data-menu-style="floating"]
        ~ .student-certificate
        > section:first-of-type,
      [data-menu-style="floating"] ~ .custom > section:first-of-type {
        padding-top: 66px;
      }
      @media all and (max-width: 991px) {
        [data-menu-type="header__nav--dropdown"].header[data-menu="open"]
          .header__nav {
          -webkit-transition:
            opacity 400ms ease,
            visibility 400ms ease,
            z-index 400ms ease;
          -moz-transition:
            opacity 400ms ease,
            visibility 400ms ease,
            z-index 400ms ease;
          transition:
            opacity 400ms ease,
            visibility 400ms ease,
            z-index 400ms ease;
          opacity: 1;
          visibility: visible;
          z-index: 302;
        }
        [data-menu-type="header__nav--dropdown"].header .header__nav {
          -webkit-transition:
            opacity 400ms ease,
            visibility 400ms ease,
            z-index 400ms ease;
          -moz-transition:
            opacity 400ms ease,
            visibility 400ms ease,
            z-index 400ms ease;
          transition:
            opacity 400ms ease,
            visibility 400ms ease,
            z-index 400ms ease;
        }
      }
      @media all and (max-width: 991px) {
        [data-menu-type="header__nav--overlay"].header[data-menu="open"] {
          -webkit-transition:
            background-color 200ms ease,
            opacity 400ms ease,
            visibility 400ms ease,
            z-index 400ms ease;
          -moz-transition:
            background-color 200ms ease,
            opacity 400ms ease,
            visibility 400ms ease,
            z-index 400ms ease;
          transition:
            background-color 200ms ease,
            opacity 400ms ease,
            visibility 400ms ease,
            z-index 400ms ease;
          position: fixed;
          top: 0;
          width: 100%;
          height: 100%;
          background-color: #4563ae !important;
          z-index: 302;
        }
        [data-menu-type="header__nav--overlay"].header[data-menu="open"]
          .header__nav {
          padding-top: 2rem;
          box-shadow: none;
          opacity: 1;
          visibility: visible;
        }
        [data-menu-type="header__nav--overlay"].header[data-menu="open"]
          .header__school-name
          a {
          color: #fff;
        }
        [data-menu-type="header__nav--overlay"].header[data-menu="open"]
          .header__mobile-button {
          z-index: 303;
        }
      }
      .header__nav-item {
        display: inline-block;
        font-size: 15.75px;
        letter-spacing: 1px;
        text-align: center;
        text-transform: uppercase;
      }
      @media all and (min-width: 768px) {
        .header__nav-item {
          margin-left: 2rem;
        }
        .header__nav-item.dropdown {
          margin-right: 10px;
        }
        .header__nav-item > a:not(.button-secondary),
        .header__nav-item > button:not(.button-secondary) {
          color: #212326;
          font-weight: 500;
          text-decoration: none;
        }
      }
      @media all and (min-width: 768px) and (max-width: 767px) {
        .header__nav-item > a:not(.button-secondary),
        .header__nav-item > button:not(.button-secondary) {
          display: inline-block;
          background-color: transparent;
          font-family: "Libre Baskerville", sans-serif;
          font-size: 18px;
          text-transform: none;
        }
        .header__nav-item > a:not(.button-secondary):after,
        .header__nav-item > button:not(.button-secondary):after {
          display: block;
          position: relative;
          top: -5px;
          width: 100%;
          height: 2px;
          background-color: transparent;
          content: "";
          opacity: 0.6;
        }
        .header__nav-item > a:not(.button-secondary):active:after,
        .header__nav-item > a:not(.button-secondary):hover:after,
        .header__nav-item > a:not(.button-secondary):focus:after,
        .header__nav-item > button:not(.button-secondary):active:after,
        .header__nav-item > button:not(.button-secondary):hover:after,
        .header__nav-item > button:not(.button-secondary):focus:after {
          background-color: #000;
        }
      }
      @media all and (min-width: 768px) {
        [data-menu-style="floating"]
          .header__nav-item
          > a:not(.button-secondary),
        [data-menu-style="floating"]
          .header__nav-item
          > button:not(.button-secondary) {
          color: #212326;
        }
        .header__nav-item > a:not(.button-secondary):active,
        .header__nav-item > a:not(.button-secondary):hover,
        .header__nav-item > a:not(.button-secondary):focus,
        .header__nav-item > button:not(.button-secondary):active,
        .header__nav-item > button:not(.button-secondary):hover,
        .header__nav-item > button:not(.button-secondary):focus {
          color: #000;
        }
        [data-menu-style="floating"]
          .header__nav-item
          > a:not(.button-secondary):active,
        [data-menu-style="floating"]
          .header__nav-item
          > a:not(.button-secondary):hover,
        [data-menu-style="floating"]
          .header__nav-item
          > a:not(.button-secondary):focus,
        [data-menu-style="floating"]
          .header__nav-item
          > button:not(.button-secondary):active,
        [data-menu-style="floating"]
          .header__nav-item
          > button:not(.button-secondary):hover,
        [data-menu-style="floating"]
          .header__nav-item
          > button:not(.button-secondary):focus {
          color: #45494f;
        }
      }
      .user-signed-in .dropdown__menu .header__nav-item--default {
        display: none;
      }
      @media all and (max-width: 767px) {
        .user-signed-in .header__nav-item--default.header__nav-item {
          display: none;
        }
        .user-signed-in .dropdown__menu .header__nav-item--default {
          display: block;
        }
      }
      .header__nav-cta {
        display: none;
      }
      @media all and (min-width: 992px) {
        .header__nav-cta {
          display: inline-block;
        }
      }
      .header__user-avatar {
        display: inline-block;
        position: relative;
        width: 32px;
        height: 32px;
        margin: 0 5px;
        border-radius: 50%;
        vertical-align: middle;
      }
      .header__mobile-button {
        position: relative;
        width: 24px;
        height: 24px;
        padding: 0;
        border: 0;
        background-color: transparent;
      }
      @media all and (min-width: 992px) {
        .header__mobile-button {
          display: none;
        }
      }
      .header__mobile-button:hover .header__mobile-button__toggle-icon span,
      .header__mobile-button:active .header__mobile-button__toggle-icon span,
      .header__mobile-button:focus .header__mobile-button__toggle-icon span {
        background-color: #000;
      }
      .header__mobile-button:hover
        .header__mobile-button__toggle-icon
        span:before,
      .header__mobile-button:hover
        .header__mobile-button__toggle-icon
        span:after,
      .header__mobile-button:active
        .header__mobile-button__toggle-icon
        span:before,
      .header__mobile-button:active
        .header__mobile-button__toggle-icon
        span:after,
      .header__mobile-button:focus
        .header__mobile-button__toggle-icon
        span:before,
      .header__mobile-button:focus
        .header__mobile-button__toggle-icon
        span:after {
        background-color: #000;
      }
      .header__mobile-button__label {
        -webkit-transform: translatex(-50%);
        -moz-transform: translatex(-50%);
        -ms-transform: translatex(-50%);
        -o-transform: translatex(-50%);
        -spec-transform: translatex(-50%);
        transform: translatex(-50%);
        display: block;
        position: absolute;
        left: 50%;
        width: max-content;
        margin-top: 2px;
        color: #212326;
        font-size: 0.6rem;
        line-height: normal;
        text-align: center;
        text-transform: uppercase;
        cursor: pointer;
      }
      [data-menu-style="floating"] .header__mobile-button__label {
        color: #212326;
      }
      .open .header__mobile-button__label {
        color: #fff;
      }
      .header__mobile-button__toggle-icon {
        -webkit-transition: background 250ms;
        -moz-transition: background 250ms;
        transition: background 250ms;
        display: block;
        position: relative;
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
        font-size: 0;
        text-indent: -9999px;
        cursor: pointer;
        overflow: hidden;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
      }
      .header__mobile-button__toggle-icon span {
        -webkit-transition: background 250ms ease;
        -moz-transition: background 250ms ease;
        transition: background 250ms ease;
        display: block;
        position: absolute;
        top: 10.5px;
        right: 0;
        left: 0;
        height: 3px;
        background-color: #212326;
      }
      .header__mobile-button__toggle-icon span:before,
      .header__mobile-button__toggle-icon span:after {
        -webkit-transition-duration: 250ms, 250ms;
        -moz-transition-duration: 250ms, 250ms;
        -spec-transition-duration: 250ms, 250ms;
        transition-duration: 250ms, 250ms;
        -webkit-transition-delay: 250ms, 0s;
        -moz-transition-delay: 250ms, 0s;
        -spec-transition-delay: 250ms, 0s;
        transition-delay: 250ms, 0s;
        display: block;
        position: absolute;
        left: 0;
        width: 100%;
        height: 3px;
        background-color: #212326;
        content: "";
      }
      .open .header__mobile-button__toggle-icon span:before,
      .open .header__mobile-button__toggle-icon span:after {
        -webkit-transition-delay: 0s, 250ms;
        -moz-transition-delay: 0s, 250ms;
        -spec-transition-delay: 0s, 250ms;
        transition-delay: 0s, 250ms;
      }
      .header__mobile-button__toggle-icon span:before {
        transition-property:
          top,
          -webkit-transform,
          -moz-transform,
          transform;
        -webkit-transition-property:
          top,
          -webkit-transform,
          -moz-transform,
          -webkit-transform;
        -moz-transition-property:
          top,
          -webkit-transform,
          -moz-transform,
          -moz-transform;
        top: -7px;
      }
      .open .header__mobile-button__toggle-icon span:before {
        top: 0;
        transform: rotate(45deg);
      }
      .header__mobile-button__toggle-icon span:after {
        transition-property:
          bottom,
          -webkit-transform,
          -moz-transform,
          transform;
        -webkit-transition-property:
          bottom,
          -webkit-transform,
          -moz-transform,
          -webkit-transform;
        -moz-transition-property:
          bottom,
          -webkit-transform,
          -moz-transform,
          -moz-transform;
        bottom: -7px;
      }
      .open .header__mobile-button__toggle-icon span:after {
        bottom: 0;
        transform: rotate(-45deg);
      }
      [data-menu-style="floating"] .header__mobile-button__toggle-icon span {
        background-color: #212326;
      }
      [data-menu-style="floating"]
        .header__mobile-button__toggle-icon
        span:before,
      [data-menu-style="floating"]
        .header__mobile-button__toggle-icon
        span:after {
        background-color: #212326;
      }
      .open .header__mobile-button__toggle-icon span {
        background: none !important;
      }
      .dropdown {
        position: relative;
      }
      .dropdown__toggle-button {
        display: block;
        position: relative;
        width: 100%;
        border: 0;
        background-color: transparent;
        font-family: inherit;
        letter-spacing: 1px;
        text-transform: uppercase;
        cursor: pointer;
      }
      @media all and (min-width: 768px) {
        .dropdown__menu {
          position: absolute;
          top: 100%;
          right: -15px;
          box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.05);
          opacity: 0;
          visibility: hidden;
          z-index: -9999;
          width: auto;
          min-width: 11rem;
          background-color: #fff;
        }
        .dropdown.open .dropdown__menu {
          -webkit-transition:
            all 0.3s ease-in-out 0s,
            visibility 0s linear 400ms,
            z-index 0s linear 0.01s;
          -moz-transition:
            all 0.3s ease-in-out 0s,
            visibility 0s linear 400ms,
            z-index 0s linear 0.01s;
          transition:
            all 0.3s ease-in-out 0s,
            visibility 0s linear 400ms,
            z-index 0s linear 0.01s;
          -webkit-transform: translateY(-1em);
          -moz-transform: translateY(-1em);
          -ms-transform: translateY(-1em);
          -o-transform: translateY(-1em);
          -spec-transform: translateY(-1em);
          transform: translateY(-1em);
          -webkit-transform: translateY(0%);
          -moz-transform: translateY(0%);
          -ms-transform: translateY(0%);
          -o-transform: translateY(0%);
          -spec-transform: translateY(0%);
          transform: translateY(0%);
          -webkit-transition-delay: 0s;
          -moz-transition-delay: 0s;
          -spec-transition-delay: 0s;
          transition-delay: 0s;
          opacity: 1;
          visibility: visible;
          z-index: 303;
        }
        .dropdown__menu li {
          display: block;
        }
        .dropdown__menu li.dropdown__menu-item a {
          -webkit-transition: none;
          -moz-transition: none;
          transition: none;
          display: block;
          padding: 5px 16px;
          background-color: #fff;
          color: #212326;
          font-weight: 500;
          text-align: left;
          text-decoration: none;
        }
        .dropdown__menu li.dropdown__menu-item a:active,
        .dropdown__menu li.dropdown__menu-item a:hover,
        .dropdown__menu li.dropdown__menu-item a:focus {
          background-color: #fff;
          color: #000;
        }
      }
      .header.fixed {
        background: transparent !important;
        top: 10px;
      }
      header.header {
        background: transparent;
        position: absolute;
        margin: 0 auto;
        width: 100%;
        top: 10px;
      }
      .header__container {
      
        margin: 0 auto;
        border-radius: 24px;
        padding: 10px 20px;
        border: 1px solid rgba(255, 255, 255, 0.2);
        background: rgba(255, 255, 255, 0.8);
        box-shadow: 0 25px 50px -12px rgba(28, 57, 142, 0.13);
        backdrop-filter: blur(15px);
      }
      .header__nav > ul > li:first-child {
        margin: 0 !important;
      }
      .header__nav > ul {
        text-align: center;
      }
      .header__nav > ul > li {
        margin: 0 10px !important;
      }
      .header__nav > ul > li a {
        color: #434343;
        font-family: Urbanist;
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
      }
      li.header__nav-item.header__nav-sign-in {
        top: 2px;
      }
      @media all and (min-width: 992px) {
        .pricing-table.section__column-layout__two-column .section__content {
          padding-left: 0;
        }
      }
      .pricing-table__container {
        position: relative;
        width: 100%;
        margin: 0 auto;
        padding-right: 1rem;
        padding-left: 1rem;
      }
      @media all and (min-width: 768px) {
        .pricing-table__container {
          max-width: 768px;
        }
      }
      @media all and (min-width: 992px) {
        .pricing-table__container {
          max-width: 992px;
        }
      }
      @media all and (min-width: 1200px) {
        .pricing-table__container {
          max-width: 1200px;
        }
      }
      .pricing-table__wrapper {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        -spec-box-lines: multiple;
        box-lines: multiple;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -spec-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: -1rem;
        margin-left: -1rem;
        padding-right: 0;
        padding-left: 0;
      }
      .pricing-table__wrapper:after,
      .pricing-table__wrapper:before {
        -webkit-flex-basis: 0;
        -moz-flex-basis: 0;
        -spec-flex-basis: 0;
        flex-basis: 0;
        -ms-flex-preferred-size: 0;
        order: 1;
      }
      @media all and (min-width: 480px) {
        .pricing-table__list li {
          display: -webkit-box;
          display: -moz-box;
          display: box;
          display: -webkit-flex;
          display: -moz-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: justify;
          -moz-box-pack: justify;
          -spec-box-pack: justify;
          box-pack: justify;
          -webkit-justify-content: space-between;
          -moz-justify-content: space-between;
          -ms-justify-content: space-between;
          -o-justify-content: space-between;
          -spec-justify-content: space-between;
          justify-content: space-between;
          -ms-flex-pack: justify;
        }
      }
      .pricing-table__list-item {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        -spec-box-lines: multiple;
        box-lines: multiple;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -spec-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-lines: single;
        -moz-box-lines: single;
        -spec-box-lines: single;
        box-lines: single;
        -webkit-flex-wrap: nowrap;
        -moz-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        -spec-flex-wrap: nowrap;
        flex-wrap: nowrap;
        margin: 0 0 0.5rem;
        padding: 1rem;
        border-radius: 0;
        background-color: #fff;
      }
      @media all and (min-width: 768px) {
        .pricing-table__list-item {
          padding: 1rem 2rem;
        }
      }
      .pricing-table__list-item:after,
      .pricing-table__list-item:before {
        -webkit-flex-basis: 0;
        -moz-flex-basis: 0;
        -spec-flex-basis: 0;
        flex-basis: 0;
        -ms-flex-preferred-size: 0;
        order: 1;
      }
      .pricing-table__list-item:last-of-type {
        margin: 0;
      }
      .pricing-table__list-item .button {
        -webkit-align-self: center;
        -moz-align-self: center;
        -spec-align-self: center;
        align-self: center;
        -ms-flex-item-align: center;
        position: relative;
        width: 2rem;
        height: 2rem;
        margin-left: auto;
        font-size: 0;
        text-transform: none;
      }
      @media all and (max-width: 319px) {
        .pricing-table__list-item .button {
          padding: 0;
        }
      }
      @media all and (min-width: 480px) {
        .pricing-table__list-item .button {
          width: auto;
          height: auto;
          font-size: 18px;
        }
      }
      .pricing-table__list-item .fa {
        -webkit-transform: translatex(-50%) translatey(-50%);
        -moz-transform: translatex(-50%) translatey(-50%);
        -ms-transform: translatex(-50%) translatey(-50%);
        -o-transform: translatex(-50%) translatey(-50%);
        -spec-transform: translatex(-50%) translatey(-50%);
        transform: translatex(-50%) translatey(-50%);
        position: absolute;
        top: 50%;
        left: 50%;
        letter-spacing: -3px;
      }
      @media all and (min-width: 480px) {
        .pricing-table__list-item .fa {
          display: none;
        }
      }
      .pricing-table__list-item .fa:before {
        font-size: 1rem;
        line-height: 0.8rem;
      }
      .pricing-table__list-item-details {
        position: relative;
        width: 100%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%;
      }
      @media all and (min-width: 480px) {
        .pricing-table__list-item-details {
          flex: 0 0 60%;
          align-self: center;
          max-width: 60%;
          min-height: 1px;
          padding: 0;
        }
      }
      .pricing-table__list-item-details__price {
        margin: 0 0 0.5rem;
      }
      .reviews {
        overflow: hidden;
      }
      .reviews .section__headings {
        margin: 0 0 4rem;
      }
      .reviews .section__heading,
      .reviews .section__subheading {
        color: #212326;
      }
      .reviews .section__content {
        padding: 0 2rem;
      }
      @media all and (max-width: 767px) {
        .reviews .owl-carousel .owl-nav {
          position: relative;
          padding-top: 2rem;
          text-align: center;
        }
        .reviews .owl-carousel .owl-nav .owl-next,
        .reviews .owl-carousel .owl-nav .owl-prev {
          position: relative;
          top: initial;
          right: initial;
          left: initial;
          padding: 0;
        }
        .reviews .owl-carousel .owl-nav .owl-prev {
          margin-right: 2rem;
        }
      }
      @media all and (min-width: 768px) {
        .reviews .owl-carousel .owl-nav .owl-prev {
          left: -1rem;
        }
        .reviews .owl-carousel .owl-nav .owl-next {
          right: -1rem;
        }
      }
      .reviews__container {
        position: relative;
        width: 100%;
        margin: 0 auto;
        padding-right: 1rem;
        padding-left: 1rem;
      }
      @media all and (min-width: 768px) {
        .reviews__container {
          max-width: 768px;
        }
      }
      @media all and (min-width: 992px) {
        .reviews__container {
          max-width: 992px;
        }
      }
      @media all and (min-width: 1200px) {
        .reviews__container {
          max-width: 1200px;
        }
      }
      .reviews__list {
        position: relative;
        width: 100%;
        padding-right: 1rem;
        padding-left: 1rem;
        flex: 0 0 100%;
        max-width: 100%;
        margin: 0 auto;
      }
      @media all and (min-width: 992px) {
        .reviews__list {
          position: relative;
          width: 100%;
          padding-right: 1rem;
          padding-left: 1rem;
          flex: 0 0 66.66667%;
          max-width: 66.66667%;
        }
      }
      @media all and (min-width: 768px) {
        .reviews__list .owl-item.active {
          padding-right: 1rem;
          padding-left: 1rem;
        }
      }
      .reviews__list-item {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -spec-box-orient: vertical;
        box-orient: vertical;
        -webkit-box-direction: normal;
        -moz-box-direction: normal;
        -spec-box-direction: normal;
        box-direction: normal;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -spec-flex-direction: column;
        flex-direction: column;
        -ms-flex-direction: column;
        height: 100%;
        padding: 1rem;
      }
      .reviews__list-item .review__author {
        margin: 0 0 1.33333rem;
        padding: 0 0 1rem;
        border-bottom: 1px solid #f8f2e9;
      }
      .reviews__list-item .review__stars {
        -webkit-transform-origin: 0 70% 0;
        -moz-transform-origin: 0 70% 0;
        -ms-transform-origin: 0 70% 0;
        -o-transform-origin: 0 70% 0;
        -spec-transform-origin: 0 70% 0;
        transform-origin: 0 70% 0;
        margin: 0 0 2rem;
      }
      .review__title {
        margin: 0 0 1rem;
        color: #4563ae;
      }
      .review__author {
        color: #212326;
        font-family: "Source Sans Pro", sans-serif;
        font-size: 15.75px;
      }
      .review__body--complete {
        display: none;
      }
      .review__show-more,
      .review__show-less {
        font-size: 15.75px;
        font-weight: bold;
      }
      .review__show-more,
      .review__show-more:active,
      .review__show-more:hover,
      .review__show-less,
      .review__show-less:active,
      .review__show-less:hover {
        text-decoration: none;
      }
      .rich-text .section__headings,
      .rich-text .section__content {
        position: relative;
        width: 100%;
        padding-right: 1rem;
        padding-left: 1rem;
        flex: 0 0 100%;
        max-width: 100%;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -spec-box-orient: vertical;
        box-orient: vertical;
        -webkit-box-direction: normal;
        -moz-box-direction: normal;
        -spec-box-direction: normal;
        box-direction: normal;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -spec-flex-direction: column;
        flex-direction: column;
        -ms-flex-direction: column;
      }
      @media all and (min-width: 992px) {
        .rich-text .section__headings,
        .rich-text .section__content {
          position: relative;
          width: 100%;
          padding-right: 1rem;
          padding-left: 1rem;
          flex: 0 0 66.66667%;
          max-width: 66.66667%;
        }
      }
      .rich-text__container {
        position: relative;
        width: 100%;
        margin: 0 auto;
        padding-right: 1rem;
        padding-left: 1rem;
      }
      @media all and (min-width: 768px) {
        .rich-text__container {
          max-width: 768px;
        }
      }
      @media all and (min-width: 992px) {
        .rich-text__container {
          max-width: 992px;
        }
      }
      @media all and (min-width: 1200px) {
        .rich-text__container {
          max-width: 1200px;
        }
      }
      .rich-text__wrapper {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        -spec-box-lines: multiple;
        box-lines: multiple;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -spec-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: -1rem;
        margin-left: -1rem;
        padding-right: 0;
        padding-left: 0;
        -webkit-box-align: center;
        -moz-box-align: center;
        -spec-box-align: center;
        box-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        -o-align-items: center;
        -spec-align-items: center;
        align-items: center;
        -ms-flex-align: center;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -spec-box-pack: center;
        box-pack: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        -o-justify-content: center;
        -spec-justify-content: center;
        justify-content: center;
        -ms-flex-pack: center;
      }
      .rich-text__wrapper:after,
      .rich-text__wrapper:before {
        -webkit-flex-basis: 0;
        -moz-flex-basis: 0;
        -spec-flex-basis: 0;
        flex-basis: 0;
        -ms-flex-preferred-size: 0;
        order: 1;
      }
      .showcase .section__headings {
        margin: 0 0 4rem;
      }
      .showcase .section__heading,
      .showcase .section__subheading {
        color: #212326;
      }
      .showcase .owl-carousel .owl-nav {
        top: 50%;
        padding-top: 2rem;
        text-align: center;
      }
      .showcase .owl-carousel .owl-nav .owl-next,
      .showcase .owl-carousel .owl-nav .owl-prev {
        position: relative;
        top: initial;
        right: initial;
        left: initial;
        padding: 0;
      }
      .showcase .owl-carousel .owl-nav .owl-prev {
        margin-right: 2rem;
      }
      .showcase__container {
        position: relative;
        width: 100%;
        margin: 0 auto;
        padding-right: 1rem;
        padding-left: 1rem;
      }
      @media all and (min-width: 768px) {
        .showcase__container {
          max-width: 768px;
        }
      }
      @media all and (min-width: 992px) {
        .showcase__container {
          max-width: 992px;
        }
      }
      @media all and (min-width: 1200px) {
        .showcase__container {
          max-width: 1200px;
        }
      }
      .showcase__list {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        -spec-box-lines: multiple;
        box-lines: multiple;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -spec-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -spec-box-pack: center;
        box-pack: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        -o-justify-content: center;
        -spec-justify-content: center;
        justify-content: center;
        -ms-flex-pack: center;
      }
      .showcase__list:after,
      .showcase__list:before {
        -webkit-flex-basis: 0;
        -moz-flex-basis: 0;
        -spec-flex-basis: 0;
        flex-basis: 0;
        -ms-flex-preferred-size: 0;
        order: 1;
      }
      .showcase__list-item {
        -webkit-align-self: center;
        -moz-align-self: center;
        -spec-align-self: center;
        align-self: center;
        -ms-flex-item-align: center;
        position: relative;
        flex: 0 0 100%;
        width: 100%;
        max-width: 100%;
        min-height: 1px;
        padding-right: 1rem;
        padding-left: 1rem;
        text-align: center;
      }
      @media all and (max-width: 991px) {
        .showcase__list-item {
          margin: 0 0 2rem;
        }
      }
      @media all and (min-width: 768px) {
        .showcase__list-item {
          flex: 0 0 25%;
          max-width: 25%;
        }
      }
      @media all and (min-width: 992px) {
        .showcase__list-item {
          flex: 0 0 20%;
          max-width: 20%;
        }
      }
      .student-certificate__container {
        max-width: 960px;
        margin: 32px auto 64px;
      }
      .student-certificate__image {
        padding: 16px;
      }
      .student-certificate__image .faded {
        opacity: 0.3;
      }
      @media all and (min-width: 768px) {
        .student-certificate__data {
          display: flex;
          align-items: center;
          justify-content: center;
          flex-wrap: wrap;
        }
      }
      .student-certificate__data .student-certificate__data__container {
        display: flex;
        padding: 4px 16px;
      }
      .student-certificate__data
        .student-certificate__data__container
        .student-certificate__data__label {
        padding-right: 8px;
        font-weight: 600;
        flex-shrink: 0;
      }
      .student-certificate__share {
        padding: 24px 0;
      }
      @media all and (min-width: 768px) {
        .student-certificate__share {
          display: flex;
          align-items: center;
          justify-content: center;
        }
      }
      .student-certificate__share .button {
        margin-bottom: 5px;
        margin-left: 12px;
        padding: 8px 16px;
        text-transform: uppercase;
        cursor: pointer;
      }
      .student-certificate__share .addthis_inline_share_toolbox {
        margin-bottom: 12px;
        margin-left: 12px;
      }
      @media all and (min-width: 768px) {
        .student-certificate__share .addthis_inline_share_toolbox {
          margin: 0;
        }
      }
      .student-certificate__expired {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: 32px;
        padding: 0 16px;
      }
      .student-certificate__expired .student-certificate__expired__hr {
        width: 100%;
        border-top: 1px solid #000;
      }
      .student-certificate__expired
        .student-certificate__expired__label__container {
        display: flex;
        align-items: center;
        flex-shrink: 0;
        margin: 0 16px;
      }
      .student-certificate__expired
        .student-certificate__expired__label__container
        .toga-icon {
        font-size: 24px;
      }
      .student-certificate__expired
        .student-certificate__expired__label__container
        .student-certificate__expired__label {
        margin-left: 8px;
        font-weight: 700;
      }
      .student-dashboard__communities {
        padding-top: 4rem;
      }
      .student-dashboard .section__heading {
        margin-bottom: 2rem;
      }
      @media all and (min-width: 768px) {
        .student-dashboard .section__heading {
          margin-bottom: 3rem;
        }
      }
      .testimonials {
        overflow: hidden;
      }
      .testimonials .section__headings {
        margin: 0 0 4rem;
      }
      .testimonials .section__heading,
      .testimonials .section__subheading {
        color: #212326;
      }
      .testimonials__container {
        position: relative;
        width: 100%;
        margin: 0 auto;
        padding-right: 1rem;
        padding-left: 1rem;
      }
      @media all and (min-width: 768px) {
        .testimonials__container {
          max-width: 768px;
        }
      }
      @media all and (min-width: 992px) {
        .testimonials__container {
          max-width: 992px;
        }
      }
      @media all and (min-width: 1200px) {
        .testimonials__container {
          max-width: 1200px;
        }
      }
      .testimonials__list {
        position: relative;
        width: 100%;
        padding-right: 1rem;
        padding-left: 1rem;
        flex: 0 0 100%;
        max-width: 100%;
        margin: 0 auto;
      }
      @media all and (min-width: 992px) {
        .testimonials__list {
          position: relative;
          width: 100%;
          padding-right: 1rem;
          padding-left: 1rem;
          flex: 0 0 66.66667%;
          max-width: 66.66667%;
        }
      }
      @media all and (max-width: 767px) {
        .testimonials__list.owl-carousel .owl-nav {
          position: relative;
          padding-top: 2rem;
          text-align: center;
        }
        .testimonials__list.owl-carousel .owl-nav .owl-next,
        .testimonials__list.owl-carousel .owl-nav .owl-prev {
          position: relative;
          top: initial;
          right: initial;
          left: initial;
          padding: 0px;
        }
        .testimonials__list.owl-carousel .owl-nav .owl-prev {
          margin-right: 2rem;
        }
      }
      @media all and (min-width: 768px) {
        .testimonials__list.owl-carousel .owl-nav .owl-prev {
          left: 1rem;
          padding: 0px;
        }
        .testimonials__list.owl-carousel .owl-nav .owl-next {
          right: 1rem;
          padding: 0px;
        }
      }
      .testimonials__list.owl-carousel .owl-item img {
        display: inline-block;
        width: 100px;
        height: 100px;
      }
      @media all and (min-width: 768px) {
        .testimonials__list.owl-carousel .owl-item.active {
          padding-right: 1rem;
          padding-left: 1rem;
        }
      }
      .testimonials__list-item {
        padding-right: 2rem;
        padding-left: 2rem;
        text-align: center;
      }
      @media all and (min-width: 768px) {
        .testimonials__list-item {
          padding-right: 20%;
          padding-left: 20%;
        }
      }
      .testimonials__list-item header {
        margin: 0 0 1rem;
      }
      .testimonials__list-item img {
        margin: 0 auto 2rem;
        border-radius: 50%;
        overflow: hidden;
      }
      .testimonial__title {
        margin: 0 0 0.5rem;
      }
      .testimonial__author {
        margin-bottom: 1.33333rem;
        color: #212326;
        font-family: "Source Sans Pro", sans-serif;
        font-size: 15.75px;
        font-weight: bold;
      }
      .upsells .section__headings {
        margin: 0 0 2rem;
      }
      .upsells .section__heading,
      .upsells .section__subheading {
        color: #212326;
      }
      .upsells__container {
        position: relative;
        width: 100%;
        margin: 0 auto;
        padding-right: 1rem;
        padding-left: 1rem;
      }
      @media all and (min-width: 768px) {
        .upsells__container {
          max-width: 768px;
        }
      }
      @media all and (min-width: 992px) {
        .upsells__container {
          max-width: 992px;
        }
      }
      @media all and (min-width: 1200px) {
        .upsells__container {
          max-width: 1200px;
        }
      }
      .upsells__wrapper {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        -spec-box-lines: multiple;
        box-lines: multiple;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -spec-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: -1rem;
        margin-left: -1rem;
        padding-right: 0;
        padding-left: 0;
      }
      .upsells__wrapper:after,
      .upsells__wrapper:before {
        -webkit-flex-basis: 0;
        -moz-flex-basis: 0;
        -spec-flex-basis: 0;
        flex-basis: 0;
        -ms-flex-preferred-size: 0;
        order: 1;
      }
      @media all and (min-width: 480px) {
        .upsells__list li {
          display: -webkit-box;
          display: -moz-box;
          display: box;
          display: -webkit-flex;
          display: -moz-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: justify;
          -moz-box-pack: justify;
          -spec-box-pack: justify;
          box-pack: justify;
          -webkit-justify-content: space-between;
          -moz-justify-content: space-between;
          -ms-justify-content: space-between;
          -o-justify-content: space-between;
          -spec-justify-content: space-between;
          justify-content: space-between;
          -ms-flex-pack: justify;
        }
      }
      .upsells__list-item {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        -spec-box-lines: multiple;
        box-lines: multiple;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -spec-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: start;
        -moz-box-align: start;
        -spec-box-align: start;
        box-align: start;
        -webkit-align-items: flex-start;
        -moz-align-items: flex-start;
        -ms-align-items: flex-start;
        -o-align-items: flex-start;
        -spec-align-items: flex-start;
        align-items: flex-start;
        -ms-flex-align: start;
        position: relative;
        margin: 0 0 0.5rem;
        padding: 1.33333rem 1rem;
        border-radius: 0;
        background-color: #fff;
      }
      @media all and (min-width: 768px) {
        .upsells__list-item {
          padding-left: 5rem;
        }
      }
      .upsells__list-item:after,
      .upsells__list-item:before {
        -webkit-flex-basis: 0;
        -moz-flex-basis: 0;
        -spec-flex-basis: 0;
        flex-basis: 0;
        -ms-flex-preferred-size: 0;
        order: 1;
      }
      .upsells__list-item:last-of-type {
        margin: 0;
      }
      .upsells__list-item .fa {
        position: absolute;
        top: 1.5rem;
        left: 2rem;
        font-size: 22px;
      }
      @media all and (max-width: 767px) {
        .upsells__list-item .fa {
          display: none;
        }
      }
      .upsells__details {
        position: relative;
        width: 100%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%;
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        -spec-box-lines: multiple;
        box-lines: multiple;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -spec-flex-wrap: wrap;
        flex-wrap: wrap;
      }
      @media all and (min-width: 768px) {
        .upsells__details {
          position: relative;
          width: 100%;
          flex: 0 0 75%;
          max-width: 75%;
        }
      }
      .upsells__details:after,
      .upsells__details:before {
        -webkit-flex-basis: 0;
        -moz-flex-basis: 0;
        -spec-flex-basis: 0;
        flex-basis: 0;
        -ms-flex-preferred-size: 0;
        order: 1;
      }
      .upsells__details__wrapper {
        position: relative;
        width: 100%;
        padding-right: 1rem;
        padding-left: 1rem;
        flex: 0 0 75%;
        max-width: 75%;
      }
      @media all and (max-width: 767px) {
        .upsells__details__wrapper {
          position: relative;
          width: 100%;
          flex: 0 0 100%;
          max-width: 100%;
          padding: 0;
        }
      }
      .upsells__price {
        position: relative;
        width: 100%;
        flex: 0 0 25%;
        max-width: 25%;
        margin: 0;
      }
      .upsells__title {
        margin: 0;
      }
      .upsells__description {
        padding-top: 0.66667rem;
      }
      .upsells__buy {
        position: relative;
        width: 100%;
        padding-right: 1rem;
        padding-left: 1rem;
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
        margin-right: 0;
        margin-left: auto;
        text-align: right;
      }
      @media all and (max-width: 767px) {
        .upsells__buy {
          -webkit-align-self: center;
          -moz-align-self: center;
          -spec-align-self: center;
          align-self: center;
          -ms-flex-item-align: center;
          padding-right: 0;
          padding-left: 0;
        }
      }
      @media all and (min-width: 768px) {
        .upsells__buy {
          position: relative;
          width: 100%;
          padding-right: 1rem;
          padding-left: 1rem;
          flex: 0 0 25%;
          max-width: 25%;
        }
      }
      .upsells__buy .button {
        position: relative;
      }
      @media all and (max-width: 767px) {
        .upsells__buy .button {
          width: 3rem;
          height: 3rem;
          font-size: 0;
        }
        .upsells__buy .button:before {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          color: #fff;
          font-family: "FontAwesome";
          font-size: 1.33333rem;
          letter-spacing: -3px;
          line-height: 2.2;
          content: "\f054";
        }
      }
      @media all and (min-width: 768px) {
        .upsells__buy .button {
          min-width: 8rem;
        }
      }
      .upsells__buy .button-secondary:before {
        color: #fff;
      }
      .video .section__content {
        position: relative;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        border-radius: 0;
        z-index: 1;
      }
      .video .section__content:after {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        content: "";
        z-index: -1;
        pointer-events: none;
      }
      .video .section__content__wrapper {
        padding: 2rem 0;
        text-align: center;
      }
      @media all and (min-width: 480px) {
        .video .section__content__wrapper {
          padding: 3rem 0 4rem;
        }
      }
      @media all and (min-width: 768px) {
        .video .section__content__wrapper {
          padding: 4rem 0 6rem;
        }
      }
      @media all and (min-width: 992px) {
        .video .section__content__wrapper {
          padding: 6rem 0 8rem;
        }
      }
      .video .section__headings {
        margin: 0;
        padding-top: 2rem;
      }
      .video .section__subheading {
        margin: 0;
      }
      .video__container {
        position: relative;
        width: 100%;
        margin: 0 auto;
        padding-right: 1rem;
        padding-left: 1rem;
      }
      @media all and (min-width: 768px) {
        .video__container {
          max-width: 768px;
        }
      }
      @media all and (min-width: 992px) {
        .video__container {
          max-width: 992px;
        }
      }
      @media all and (min-width: 1200px) {
        .video__container {
          max-width: 1200px;
        }
      }
      .video__play-button {
        -webkit-transition: opacity 200ms ease;
        -moz-transition: opacity 200ms ease;
        transition: opacity 200ms ease;
        -webkit-backface-visibility: hidden;
        -spec-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-filter: blur(0);
        -spec-filter: blur(0);
        filter: blur(0);
        display: block;
        width: 2em;
        height: 2em;
        margin: 0 auto;
        padding: 0;
        border: 0;
        border-radius: 50%;
        background-color: #4563ae;
        font-size: 1.5rem;
        letter-spacing: -3px;
        line-height: 2em;
        text-align: center;
      }
      @media all and (min-width: 768px) {
        .video__play-button {
          width: 2.5em;
          height: 2.5em;
          font-size: 2rem;
          line-height: 2.5em;
        }
      }
      .video__play-button:active,
      .video__play-button:hover {
        cursor: pointer;
      }
      .video__play-button .fa {
        color: #fff;
      }
      .section__video--trigger {
        height: 0;
        overflow: hidden;
      }
      li.header__nav-item.header__nav-sign-in {
        position: absolute;
        right: 0;
        padding: 5px 16px;
        border-radius: 16px;
        margin-right: 0 !important;
        background: #4563ae;
        box-shadow:
          0 10px 15px -3px #bedbff,
          0 4px 6px -4px #bedbff;
      }
      li.header__nav-item.header__nav-sign-in a {
        color: #fff !important;
      }
      .cvs-row {
        display: flex;
        flex-wrap: wrap;
        margin-left: -10px;
        margin-right: -10px;
        gap: 20px 0;
      }
      .cvs-col {
        padding-left: 10px;
        padding-right: 10px;
        box-sizing: border-box;
        width: 100%;
      }
      .cvs-col-1 {
        width: 8.3333%;
      }
      .cvs-col-2 {
        width: 16.6667%;
      }
      .cvs-col-3 {
        width: 25%;
      }
      .cvs-col-4 {
        width: 33.3333%;
      }
      .cvs-col-5 {
        width: 41.6667%;
      }
      .cvs-col-6 {
        width: 50%;
      }
      .cvs-col-7 {
        width: 58.3333%;
      }
      .cvs-col-8 {
        width: 66.6667%;
      }
      .cvs-col-9 {
        width: 75%;
      }
      .cvs-col-10 {
        width: 83.3333%;
      }
      .cvs-col-11 {
        width: 91.6667%;
      }
      .cvs-col-12 {
        width: 100%;
      }
      .cvs-align-items {
        align-items: center !important;
      }
      .cvs-justify-between {
        justify-content: space-between !important;
      }
      .no-border {
        border: 0 !important;
      }
      .cvs-px-0 {
        padding-inline: 0 !important;
      }
      .cvs-py-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
      }
      .cvs-pt-0 {
        padding-top: 0 !important;
      }
      .cvs-p-0 {
        padding: 0 !important;
      }
      .gap-30 {
        gap: 30px 0;
      }
      .cvs-section-box {
        display: flex;
        flex-direction: column;
        gap: 20px;
      }
      .cvs-sub-title {
        color: #4563ae;
        font-size: 14px;
        font-style: italic;
        font-weight: 900;
        text-transform: uppercase;
        letter-spacing: 3.2px;
      }
      .cvs-section-title {
        color: #101828;
        font-size: 40px;
        font-style: italic;
        font-weight: 900;
        text-transform: uppercase;
        margin: 0;
      }
      .cvs-section-title span {
        color: #4563ae !important;
      }
      .cvs-section-description {
        color: #6a7282;
        font-size: 16px;
        font-weight: 500;
        border-left: 2px solid #e5e7eb;
        padding: 10px 20px;
        margin: 0;
      }
      .cvs-card {
        border-radius: 40px;
        padding: 24px;
        border: 1px solid #fff;
        background: rgba(255, 255, 255, 0.6);
        box-shadow: 0 13px 40px 0 rgba(0, 0, 0, 0.13);
        display: flex;
        flex-direction: column;
        gap: 20px;
        height: 100%;
      }
      .cvs-card-icon {
        width: 60px;
        height: 60px;
      }
      .cvs-card-icon img {
        width: 100%;
        height: 100%;
        object-fit: contain;
      }
      .cvs-card-title {
        font-size: 22px;
        font-style: italic;
        font-weight: 900;
        text-transform: uppercase;
        color: #101828;
      }
      .cvs-content {
        display: flex;
        flex-direction: column;
        gap: 10px;
      }
      .cvs-section {
        padding: 100px 15px;
      }
      .cvs-section-bottom {
        padding-bottom: 100px;
      }
      .cvs-text-center {
        text-align: center;
      }
      .cvs-table-responsive {
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        border-radius: 20px;
        border: 1px solid #e2e8f0;
      }
      .cvs-table {
        width: 100%;
        border-collapse: collapse;
        border-spacing: 0;
        margin-bottom: 0;
      }
      .cvs-table th:last-child,
      .cvs-table td:last-child {
        border-right: none;
      }
      .cvs-table tbody tr:last-child td {
        border-bottom: none;
      }
      .cvs-table thead tr th:first-child {
        border-top-left-radius: 20px;
        text-align: left;
      }
      .cvs-table thead tr th:last-child {
        border-top-right-radius: 20px;
      }
      .cvs-table tbody tr td:first-child {
        text-align: left;
        font-weight: 700;
        color: #334155 !important;
        text-transform: capitalize;
      }
      .cvs-table th,
      .cvs-table td {
        color: #475569;
        padding: 12px 16px;
        text-align: center;
        font-weight: 500;
        font-size: 16px;
        border-radius: 0;
        border-right: 1px solid #e2e8f0;
        border-bottom: 1px solid #e2e8f0;
      }
      .cvs-table th {
        color: #94a3b8;
        font-size: 16px;
        text-transform: uppercase;
      }
      .cvs-table thead th {
        background: #f9fafb;
        font-weight: 600;
        border-top: 0;
        vertical-align: middle;
      }
      .thead-content span {
        display: block;
        text-align: center;
        color: #0f172a;
        margin-bottom: 5px;
      }
      .thead-content span:nth-child(1) {
        font-size: 12px;
        font-style: normal;
        font-weight: 700;
        text-transform: uppercase;
      }
      .thead-content span:nth-child(2) {
        font-size: 22px;
        font-weight: 700;
      }
      .thead-content span:nth-child(3) {
        opacity: 0.6;
        margin-bottom: 0;
      }
      .cvs-table tbody tr:last-child td:first-child {
        border-bottom-left-radius: 20px;
        text-align: left;
        text-transform: uppercase;
        font-weight: 900;
        border-left: 0 !important;
        border-bottom: 0 !important;
      }
      .cvs-table tbody tr:last-child td:last-child {
        border-bottom-right-radius: 20px;
        border-right: 0 !important;
        border-bottom: 0 !important;
      }
      .cvs-table tbody tr:last-child td {
        background: #1e293b;
        color: #fff !important;
        border-color: #404f68;
      }
      .cvs-table tbody tr:last-child td p {
        text-transform: uppercase;
        font-weight: 900;
        font-size: 18px;
      }
      a.cvs-enroll-btn {
        padding: 10px 20px;
        text-align: center;
        color: #fff;
        text-decoration: none;
        background: #2563eb;
        border-radius: 10px;
        margin-top: 15px;
        display: inline-block;
      }
      .cvs-white {
        color: #fff !important;
      }
      .cvs-table tbody tr:last-child td {
        font-size: 20px;
        font-weight: 700;
      }
      .cvs-section-b-0 {
        padding-bottom: 0px !important;
      }
      .cvs-section-b-space {
        padding-bottom: 100px !important;
      }
      .cvs-article-b-space {
        padding-bottom: 40px !important;
      }
      .cvs-article-t-space {
        padding-top: 60px !important;
      }
      @media (min-width: 768px) {
        .cvs-col-md-1 {
          width: 8.3333%;
        }
        .cvs-col-md-2 {
          width: 16.6667%;
        }
        .cvs-col-md-3 {
          width: 25%;
        }
        .cvs-col-md-4 {
          width: 33.3333%;
        }
        .cvs-col-md-5 {
          width: 41.6667%;
        }
        .cvs-col-md-6 {
          width: 50%;
        }
        .cvs-col-md-7 {
          width: 58.3333%;
        }
        .cvs-col-md-8 {
          width: 66.6667%;
        }
        .cvs-col-md-9 {
          width: 75%;
        }
        .cvs-col-md-10 {
          width: 83.3333%;
        }
        .cvs-col-md-11 {
          width: 91.6667%;
        }
        .cvs-col-md-12 {
          width: 100%;
        }
      }
      @media (min-width: 992px) {
        .cvs-col-lg-1 {
          width: 8.3333%;
        }
        .cvs-col-lg-2 {
          width: 16.6667%;
        }
        .cvs-col-lg-3 {
          width: 25%;
        }
        .cvs-col-lg-4 {
          width: 33.3333%;
        }
        .cvs-col-lg-5 {
          width: 41.6667%;
        }
        .cvs-col-lg-6 {
          width: 50%;
        }
        .cvs-col-lg-7 {
          width: 58.3333%;
        }
        .cvs-col-lg-8 {
          width: 66.6667%;
        }
        .cvs-col-lg-9 {
          width: 75%;
        }
        .cvs-col-lg-10 {
          width: 83.3333%;
        }
        .cvs-col-lg-11 {
          width: 91.6667%;
        }
        .cvs-col-lg-12 {
          width: 100%;
        }
      }
      @media (max-width: 1366px) {
        .cvs-section {
          padding: 80px 15px;
        }
        .cvs-section-b-space {
          padding-bottom: 80px !important;
        }
        .thead-content span:nth-child(2) {
          font-size: 18px;
        }
        .cvs-table th,
        .cvs-table td {
          font-size: 14px;
        }
      }
      @media (max-width: 1024px) {
        .cvs-section-title {
          font-size: 36px;
        }
      }
      @media (max-width: 991px) {
        .banner__container,
        .bonus__container,
        .checklist__container,
        .footer__container {
          max-width: 950px !important;
        }
        .cvs-section {
          padding: 60px 15px;
        }
        .cvs-section-b-space {
          padding-bottom: 60px !important;
        }
        .cvs-article-b-space {
          padding-bottom: 20px !important;
        }
        .cvs-article-t-space {
          padding-top: 40px !important;
        }
        .cvs-card {
          border-radius: 30px;
          padding: 15px;
        }
        .cvs-card-title {
          font-size: 18px;
        }
        .cvs-card-icon {
          width: 40px;
          height: 40px;
        }
        .cvs-content {
          gap: 10px;
        }
        .cvs-row {
          gap: 20px 0;
        }
        .cvs-section-title {
          font-size: 28px;
        }
      }
      .cvs-content.info-card {
        border-radius: 16px;
        border: 1px solid #dbeafe;
        background: rgba(239, 246, 255, 0.5);
        padding: 30px;
        color: #334155 !important;
      }
      .info-card span {
        color: #f43f5e;
      }
      .f-18 {
        font-size: 20px;
        font-weight: 600;
      }
      .info-card + h4 {
        color: #0f172a;
        font-size: 24px;
        font-style: italic;
        font-weight: 900;
        text-transform: uppercase;
        display: flex;
        align-items: center;
        gap: 15px;
        justify-content: center;
        opacity: 0.5;
        margin: 20px 0 0 0;
      }
      @media (max-width: 880px) {
        .f-18 {
          font-size: 16px;
        }
        .info-card + h4 {
          font-size: 20px;
        }
      }
      .cvs-course-box {
        background: rgba(255, 255, 255, 0.04);
        border-radius: 24px;
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        border: 1px solid #ffffff1a;
      }
      .cvs-course-item {
        display: flex;
        flex-direction: column;
        gap: 15px;
        border-right: 1px solid #151138;
        padding: 20px;
      }
      .cvs-course-item:nth-child(1),
      .cvs-course-item:nth-child(2),
      .cvs-course-item:nth-child(3),
      .cvs-course-item:nth-child(4),
      .cvs-course-item:nth-child(5),
      .cvs-course-item:nth-child(6),
      .cvs-course-item:nth-child(7) {
        border-bottom: 1px solid #151138;
      }
      .cvs-course-counter {
        color: rgba(124, 134, 255, 0.2);
        font-size: 30px;
        font-style: italic;
        font-weight: 900;
      }
      h3.cvs-course-title {
        color: #fff;
        font-size: 20px;
        font-style: italic;
        font-weight: 700;
        text-transform: uppercase;
        margin-bottom: 0;
      }
      .cvs-course-item p {
        color: #7c86ff;
        font-size: 12px;
        font-style: italic;
        font-weight: 900;
        text-transform: uppercase;
      }
      .cvs-course-item p.ca-description {
        color: #cecece;
        font-size: 16px;
        font-style: italic;
        font-weight: 500;
        text-transform: unset;
      }
      .cvs-course-item ul {
        list-style: none;
        padding: 0;
        margin: 0;
      }
      .cvs-course-item ul li {
        position: relative;
        padding-left: 15px;
        color: #fff;
        font-size: 14px;
        margin-bottom: 7px;
      }
      .cvs-course-item ul li:before {
        content: "";
        position: absolute;
        left: 0;
        width: 6px;
        height: 6px;
        background: #615fff;
        border-radius: 10px;
        top: 6px;
      }
      .cvs-course-actions {
        display: flex;
        align-items: center;
        justify-content: space-between;
      }
      .cvs-course-actions svg:first-child {
        width: 40px;
      }
      table tbody tr td:nth-child(2) a.row-action-btn {
        background: #2563eb !important;
      }
      table tbody tr td:nth-child(3) a.row-action-btn {
        background: #059669 !important;
      }
      table tbody tr td:nth-child(4) a.row-action-btn {
        background: #d97706 !important;
      }
      table tbody tr td:nth-child(5) a.row-action-btn {
        background: #e11d48 !important;
      }
      .cvs-text-blue {
        color: #2563eb !important;
      }
      .cvs-text-green {
        color: #059669 !important;
      }
      .cvs-text-orange {
        color: #d97706 !important;
      }
      .cvs-text-red {
        color: #e11d48 !important;
      }
      a.row-action-btn {
        display: block;
        padding: 5px 20px;
        border-radius: 10px;
        text-decoration: none;
        color: #fff;
        font-size: 12px;
        text-transform: uppercase;
        font-weight: 600;
        width: max-content;
        margin: 0 auto;
        margin-top: 10px;
      }
      @media (max-width: 1024px) {
        .cvs-course-box {
          grid-template-columns: repeat(2, 2fr);
        }
      }
      @media (max-width: 600px) {
        .cvs-course-box {
          grid-template-columns: repeat(1, 2fr);
        }
        .cvs-course-item {
          border: 0;
          border-bottom: 1px solid #151138;
          padding: 15px;
        }
      }
      .course_achitecture {
        background: #1b1935;
        margin-top: -1px;
      }
      .review_container {
        padding: 20px 60px 0 60px;
        overflow-x: hidden;
      }
      .cvs-testimonial-slider {
        margin: 0 auto;
      }
      .cvs-testimonial-slider .slick-track {
        display: flex !important;
      }
      .cvs-testimonial-slider .slick-slide {
        height: auto !important;
        display: flex !important;
      }
      .slick-slide {
        display: none;
        float: left;
        height: 100%;
        min-height: 1px;
      }
      .cy-testimonial-slider .slick-slide > div {
        display: flex;
        width: 100%;
      }
      .slick-dotted.slick-slider {
        margin-bottom: 0;
      }
      .cvs-testimonial-slide {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 100%;
        padding: 20px;
        border-radius: 30px;
        border: 6px solid #fff;
        background: #edf2ff;
        box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.05);
        width: calc(100% - 30px) !important;
        text-align: left;
        margin: 0 auto;
      }
      .cvs-testimonial-slide > div:last-child {
        margin-top: auto;
      }
      .cvs-review {
        font-style: italic;
        margin-bottom: 10px;
        font-size: 16px;
        margin-top: 20px;
      }
      .slick-list.draggable {
        padding-bottom: 40px;
      }
      .slick-dots li button:before {
        font-size: 10px;
      }
      .slick-arrow {
        display: none !important;
      }
      .client-data p {
        margin: 0;
      }
      .cvs-client-name {
        color: #4563ae;
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        margin: 0;
      }
      .cvs-client-info {
        display: flex;
        align-items: center;
        gap: 6px;
      }
      @media (max-width: 767px) {
        .cvs-review {
          font-size: 14px;
        }
      }
      h5.cvs-section-h5 {
        font-size: 20px;
        font-weight: 700;
        border-left: 5px solid #4563ae;
        padding: 10px 20px;
        color: #fff;
      }
      .mentor_bio {
        background: linear-gradient(180deg, #101828 0%, #1a2c4e 100%);
      }
      .bio_full_container {
        padding: 0 100px;
      }
      .bio_full_container p.cvs-section-description {
        color: #cecece !important;
      }
      .cvs-mentor-message {
        border-radius: 20px;
        border: 1px solid rgba(238, 242, 255, 0.31);
        background: rgba(255, 255, 255, 0.08);
        padding: 24px;
        color: #fff;
        font-size: 20px;
        display: flex;
        flex-direction: column;
        gap: 20px;
      }
      .cvs-mentor-image {
        width: 85%;
        height: auto;
        position: relative;
        z-index: 1;
        padding-left: 20px;
        margin: 0 auto;
      }
      .cvs-mentor-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border: 1px solid rgba(255, 255, 255, 0.4);
        margin-top: 20px;
      }
      .cvs-mentor-image:before {
        position: absolute;
        top: 0px;
        left: 0;
        border: 1px solid #fff;
        background: rgba(217, 217, 217, 0.01);
        width: calc(100% - 20px);
        height: calc(100% + 20px);
        content: "";
        z-index: -1;
      }
      .cvs-mentor-specialities {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        margin-top: 60px;
        gap: 20px;
        width: 100%;
      }
      .cvs-speciality {
        padding: 15px;
        border-radius: 10px;
        border: 1px solid #eef2ff;
        background: #fff;
        box-shadow:
          0 1px 3px 0 rgba(0, 0, 0, 0.1),
          0 1px 2px -1px rgba(0, 0, 0, 0.1);
      }
      .cvs-speciality h5 {
        font-size: 16px;
        font-style: italic;
        font-weight: 900;
        margin: 0;
      }
      .cvs-speciality p {
        color: #7c86ff;
        font-size: 14px;
        font-style: italic;
        font-weight: 900;
        text-transform: uppercase;
        margin-bottom: 6px;
      }
      .cvs-space-right {
        padding-right: 32px;
      }
      .section-radial-card {
        padding: 30px;
        border-radius: 40px;
        background: radial-gradient(
          53.84% 53.84% at 50% 46.16%,
          #172347 0%,
          #081028 100%
        );
        box-shadow: 0 25px 50px -12px rgba(28, 57, 142, 0.4);
      }
      .cvs-stat-card {
        border-radius: 30px;
        border: 1px solid rgba(238, 242, 255, 0.31);
        background: rgba(255, 255, 255, 0.08);
        padding: 24px;
        color: #fff;
        font-size: 20px;
        display: flex;
        flex-direction: column;
        gap: 10px;
        margin-bottom: 20px;
      }
      .cvs-stat-card:last-child {
        margin-bottom: 0;
      }
      .cvs-stat-card h4 {
        font-size: 36px;
        font-style: italic;
        font-weight: 800;
        margin: 0;
        color:white;
      }
      .cvs-stat-card p {
        color: #b5caff;
        font-size: 14px;
        font-weight: 900;
        text-transform: uppercase;
        margin: 0;
      }
      .cvs-line {
        width: 15px;
        height: 2px;
        display: block;
        background: #4563ae;
      }
      a.spot_button,
      .cvs_cta_button {
        text-transform: uppercase;
        font-size: 16px !important;
        padding: 10px 20px !important;
        border-radius: 15px !important;
        background: #fff;
        width: max-content;
        font-style: normal;
        font-weight: 700;
        color: #4563ae;
        display: flex;
        align-items: center;
        gap: 10px;
        text-decoration: none;
      }
      .spot_button {
        margin-top: 20px;
      }
      .cvs-m-auto {
        margin: 0 auto;
      }
      .cvs-dsuccess-box {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
      }
      .cvs-dsuccess-item svg {
        width: 22px;
      }
      .cvs-dsuccess-item {
        width: 28%;
        color: #fff;
        display: flex;
        align-items: center;
        font-size: 16px;
        gap: 15px;
      }
      .cvs-ds-card {
        border-radius: 20px;
        background: rgba(255, 255, 255, 0.08);
        padding: 20px;
        color: #fff;
        height: 100%;
      }
      .cvs-ds-card h4 {
        font-size: 22px;
        font-style: italic;
        font-weight: 900;
        line-height: normal;
        text-transform: uppercase;
        margin: 0;
        margin-bottom: 13px;
      }
      .cvs-ds-card p {
        margin: 0;
        color: #cecece;
        font-size: 16px;
        font-style: italic;
        font-weight: 500;
      }
      .smsb-section {
        scroll-margin-block-start: 60px;
      }
      .footer_contact_info {
        display: block;
        width: 100%;
      }
      .footer_contact_info ul {
        display: flex;
        justify-content: center;
        gap: 40px;
        margin-bottom: 20px;
      }
      .footer_contact_info li a {
        text-decoration: none;
        font-size: 16px;
        display: flex;
        align-items: center;
        gap: 10px;
      }
      .contact-icons {
        border-radius: 5px;
        border: 1px solid rgba(255, 255, 255, 0.1);
        background: rgba(255, 255, 255, 0.08);
        width: 34px;
        height: 34px;
        display: flex;
        justify-content: center;
        align-items: center;
      }
      .footer__copyright {
        font-size: 16px;
      }
      .home-landing-page .header.fixed {
        top: 10px !important;
      }
      @media (max-width: 1199px) {
        .bio_full_container {
          padding: 0 80px;
        }
        .cvs-course-counter {
          font-size: 36px;
        }
        .cvs-mentor-image {
          width: 100%;
        }
      }
      @media (max-width: 1024px) {
        .cvs-dsuccess-item {
          width: 33%;
          gap: 10px;
        }
      }
      @media (max-width: 991px) {
        .bio_full_container {
          padding: 0 15px;
        }
        .review_container {
          padding: 20px 0 0 0px;
        }
        .cvs-mentor-message {
          font-size: 16px;
        }
        .header__container {
          margin-top: 10px !important;
        }
        .home-landing-page .header.fixed {
          top: 0px !important;
        }
            .header__nav > ul {
        margin-top: 0px;
        padding: 20px 0;
    }
        li.header__nav-item.header__nav-sign-in {
          position: relative;
          padding: 5px 16px;
          border-radius: 16px;
          background: transparent;
          box-shadow: none;
          inset-inline: 0;
          margin-top: 0px !important;
        }
        .header__nav .header__nav-item a:not(.button-secondary),
        .header__nav .header__nav-item button:not(.button-secondary) {
          display: block;
          padding: 8px 16px;
          color: #fff !important;
          font-weight: 500;
          text-align: center;
          text-decoration: none;
        }
      }
      @media (max-width: 850px) {
        .footer_contact_info ul {
          display: flex;
          justify-content: center;
          gap: 14px;
          margin-bottom: 20px;
          flex-direction: column;
          align-items: center;
        }
      }
      @media (max-width: 767px) {
        .bio_full_container {
          padding: 0 0px;
        }
        .cvs-ds-card h4,
        h3.cvs-course-title {
          font-size: 20px;
        }
        .cvs-dsuccess-item {
          width: 100%;
        }
        .cvs-dsuccess-item,
        .cvs-section-description,
        .cvs-ds-card p,
        a.spot_button,
        .cvs-speciality p,
        .cvs-stat-card p,
        .cvs-speciality h5,
        a.spot_button,
        .cvs_cta_button {
          font-size: 14px;
        }
        .cvs-card-title,
        .thead-content span:nth-child(2),
        .cvs-mentor-message,
        h5.cvs-section-h5 {
          font-size: 16px;
        }
        .cvs-mentor-image:before {
          position: absolute;
          height: calc(100% + 20px);
        }
        .cvs-mentor-image {
          height: auto;
        }
        .cvs-mentor-message,
        h5.cvs-section-h5 {
          padding: 16px;
        }
        .cvs-stat-card h4 {
          font-size: 26px;
        }
        .cvs-space-right {
          padding-right: 15px;
        }
        .cvs-stat-card {
          margin-bottom: 15px;
        }
        a.spot_button,
        .cvs_cta_button {
          margin-bottom: 15px;
        }
        .section-radial-card {
          padding: 30px 20px;
          border-radius: 24px;
        }
      }
      @media (max-width: 575px) {
        .footer_contact_info ul {
          align-items: start;
          text-align: left;
        }
      }
      .banner___fc476 {
        background-color: #fff;
        background:
          linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),
          url("images/1173264%252Fcustom_site_themes%252Fid%252Fl9UEWaZFSM6MhYv7QVjz_ce-hero.png");
        position: relative;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
      }
      .banner___fc476 .section__heading___fc476 {
        text-align: left;
      }
      .banner___fc476 .section__subheading___fc476 {
        text-align: left;
      }
      .banner___fc476 .section__content___fc476 {
        text-align: left;
      }
      .banner___fc476 .video__play-button___fc476 {
        margin-right: auto;
        margin-left: 0;
      }
      .banner___fc476 .section__heading___fc476 {
        margin-right: auto;
      }
      .banner___fc476 .section__subheading___fc476 {
        margin-right: auto;
      }
      .banner___fc476 .section__heading___fc476 {
        color: #ffffff;
      }
      .banner___fc476 .section__subheading___fc476 {
        color: #ffffff;
      }
      .banner___fc476 .section__body___fc476 {
        color: #ffffff;
      }
      @media all and (min-width: 768px) {
        .banner___fc476 .section__heading___fc476 {
          width: 90%;
        }
        .banner___fc476 .section__subheading___fc476 {
          width: 90%;
        }
      }
      .cvs-permo-card___950c8 {
        padding: 30px;
        border-radius: 40px;
        border: 1px solid #cad1e2;
        background: radial-gradient(
          92.56% 96.82% at 82.79% 8.9%,
          #f0f4ff 0%,
          #fff 100%
        );
        box-shadow: 0 20px 45.5px -5px rgba(69, 99, 174, 0.26);
        display: flex;
        flex-direction: column;
        gap: 20px;
        justify-content: space-between;
        height: 100%;
      }
      .cvs-permo-body___950c8 {
        display: flex;
        flex-direction: column;
        gap: 20px;
      }
      .cvs-permo-icon___950c8 {
        width: 60px;
        height: 60px;
      }
      .cvs-permo-icon___950c8 img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        filter: drop-shadow(0px 6px 6px rgba(0, 0, 0, 0.1));
      }
      .cvs-permo-subtitle___950c8 {
        color: #4563ae;
        font-size: 14px;
        font-style: italic;
        font-weight: 900;
        text-transform: uppercase;
      }
      .cvs-permo-title___950c8 {
        color: #101828;
        font-size: 24px;
        font-style: italic;
        font-weight: 900;
        text-transform: uppercase;
        margin-bottom: 0;
      }
      .cvs-permo-description___950c8 {
        color: #6a7282;
        font-size: 16px;
        font-style: italic;
        font-weight: 500;
      }
      a.cvs-permo-link {
        display: flex;
        align-items: center;
        justify-content: space-between;
      }
      a.cvs-permo-link p {
        color: #99a1af;
        font-size: 12px;
        font-weight: 600;
        text-transform: uppercase;
        margin: 0;
        letter-spacing: 1.2px;
      }
      @media (max-width: 880px) {
        .cvs-section-description___950c8 {
          font-size: 14px;
          padding: 10px 10px;
        }
        .cvs-permo-icon___950c8 {
          width: 40px;
          height: 40px;
        }
        .cvs-permo-title___950c8 {
          font-size: 20px;
        }
        .cvs-permo-description___950c8 {
          font-size: 14px;
        }
      }
      .faq___0820e .section__headings___0820e {
        text-align: left;
      }
      header.header .header__logo___2909e img {
        max-height: none;
        width: 10rem;
        height: auto;
      }