@media (max-width: 991px) {
  .wcag-banner-section .mb-img {
    display: block;
    margin-top: 48px; } }
@media (max-width: 625px) {
  .wcag-banner-section .mainbannershopinfo {
    padding-bottom: 0; } }

.wcag-menu {
  position: sticky;
  top: 105px;
  align-self: flex-start; }
  .wcag-menu.non-sticky {
    top: unset;
    position: unset;
    align-self: unset; }
  .wcag-menu ol {
    counter-reset: section;
    list-style: none;
    margin: 0;
    padding: 0; }
    .wcag-menu ol li {
      counter-increment: section;
      position: relative;
      margin-bottom: 12px;
      padding-left: 18px;
      color: var(--grayscale600);
      font-size: 16px;
      font-weight: 500;
      line-height: 28px; }
      .wcag-menu ol li::before {
        content: counter(section) ".";
        position: absolute;
        left: 0;
        top: 0;
        color: var(--grayscale400); }
      .wcag-menu ol li.current {
        color: #212529;
        font-weight: 600; }
        .wcag-menu ol li.current::before {
          color: #212529; }
      .wcag-menu ol li a {
        color: inherit;
        text-decoration: none;
        transition: color 0.2s; }
        .wcag-menu ol li a.is-active {
          color: #0F0F0F; }
        .wcag-menu ol li a:hover {
          color: #0F0F0F; }
      .wcag-menu ol li:last-child {
        margin-bottom: 0; }
  @media (max-width: 767px) {
    .wcag-menu {
      display: none; } }

.wcag-title {
  font-size: 28px;
  font-weight: 600;
  line-height: 40px;
  margin-bottom: 32px;
  color: var(--grayscale900); }
  .wcag-title--mb-0 {
    margin-bottom: 0; }
  @media (max-width: 767px) {
    .wcag-title {
      font-size: 20px;
      font-weight: 600;
      line-height: 30px; } }

.wcag-lead {
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
  margin-bottom: 32px;
  color: var(--grayscale700); }
  @media (max-width: 767px) {
    .wcag-lead {
      font-size: 16px;
      font-weight: 400;
      line-height: 28px; } }

.wcag-intro {
  padding-block: 88px 128px; }
  .wcag-intro p:last-child {
    margin-bottom: 0; }
  @media (max-width: 767px) {
    .wcag-intro {
      padding-block: 56px; } }

.wcag-requirements {
  padding-block: 128px; }
  @media (max-width: 767px) {
    .wcag-requirements {
      padding-block: 56px; } }
  .wcag-requirements .requirements-box {
    background: #fff;
    padding: 64px;
    margin-bottom: 88px; }
    .wcag-requirements .requirements-box.mb-0 {
      margin-bottom: 0; }
    @media (max-width: 767px) {
      .wcag-requirements .requirements-box {
        padding: 32px;
        margin-bottom: 32px; } }
    .wcag-requirements .requirements-box__icon-wrapper {
      position: relative;
      width: 72px;
      height: 72px;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 24px; }
    .wcag-requirements .requirements-box__heading {
      margin-bottom: 16px; }
    .wcag-requirements .requirements-box__title {
      font-size: 24px;
      font-weight: 600;
      line-height: 36px;
      color: var(--grayscale900); }
      @media (max-width: 767px) {
        .wcag-requirements .requirements-box__title {
          font-size: 20px;
          line-height: 30px; } }
    .wcag-requirements .requirements-box__desc {
      font-size: 16px;
      font-weight: 400;
      line-height: 28px;
      color: var(--grayscale700);
      margin-bottom: 48px;
      margin-right: -2px; }
    .wcag-requirements .requirements-box .boxes {
      display: flex;
      flex-wrap: wrap;
      width: 100%;
      margin-left: 1px; }
      .wcag-requirements .requirements-box .boxes .px-0 {
        padding: 0; }
      .wcag-requirements .requirements-box .boxes .col-12, .wcag-requirements .requirements-box .boxes .col-md-6, .wcag-requirements .requirements-box .boxes .col-xl-4 {
        display: flex;
        margin-left: -1px;
        margin-top: -1px; }
      .wcag-requirements .requirements-box .boxes .requirement-box {
        display: flex;
        flex-grow: 1;
        flex-direction: column;
        padding: 24px;
        border: 1px solid var(--grayscale200); }
        .wcag-requirements .requirements-box .boxes .requirement-box__title {
          font-size: 20px;
          font-weight: 600;
          line-height: 30px;
          color: var(--grayscale900);
          margin-bottom: 16px; }
          @media (max-width: 767px) {
            .wcag-requirements .requirements-box .boxes .requirement-box__title {
              font-size: 18px;
              line-height: 26px; } }
        .wcag-requirements .requirements-box .boxes .requirement-box__desc {
          font-size: 16px;
          font-weight: 400;
          line-height: 28px;
          color: var(--grayscale700);
          margin-right: -1px; }
  .wcag-requirements__text {
    font-size: 28px;
    font-weight: 600;
    line-height: 40px;
    margin-bottom: 0; }
    .wcag-requirements__text a {
      padding-bottom: 2px;
      border-bottom: 2px solid black; }
    @media (max-width: 767px) {
      .wcag-requirements__text {
        font-size: 24px;
        line-height: 36px; } }

.wcag-compliance {
  padding-block: 128px; }
  @media (max-width: 767px) {
    .wcag-compliance {
      padding-block: 56px; } }
  @media (max-width: 767px) {
    .wcag-compliance .container {
      padding: 0; } }
  .wcag-compliance .wcag-compliance-title {
    font-size: 28px;
    font-weight: 600;
    line-height: 40px;
    margin-bottom: 40px; }
    @media (max-width: 767px) {
      .wcag-compliance .wcag-compliance-title {
        font-size: 24px;
        line-height: 36px;
        margin-bottom: 32px; } }
  .wcag-compliance .wcag-compliance-lead {
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    color: var(--grayscale700); }
  .wcag-compliance__box {
    padding: 128px;
    background-color: var(--primary600); }
    @media (max-width: 767px) {
      .wcag-compliance__box {
        padding: 56px 24px; } }
    .wcag-compliance__box .content {
      max-width: 924px;
      margin: 0 auto; }
      .wcag-compliance__box .content .text-wrapper {
        margin-bottom: 48px; }
        @media (max-width: 767px) {
          .wcag-compliance__box .content .text-wrapper {
            margin-bottom: 32px; } }
      .wcag-compliance__box .content .boxes-wrapper {
        display: flex;
        flex-wrap: wrap;
        width: 100%; }
        .wcag-compliance__box .content .boxes-wrapper .d-flex {
          display: flex; }
        .wcag-compliance__box .content .boxes-wrapper .compliance-box {
          background-color: #fff;
          padding: 24px;
          width: 100%; }
          @media (max-width: 1200px) {
            .wcag-compliance__box .content .boxes-wrapper .compliance-box {
              margin-bottom: 24px; } }
          .wcag-compliance__box .content .boxes-wrapper .compliance-box__title {
            font-size: 20px;
            font-weight: 600;
            line-height: 30px;
            color: var(--grayscale900);
            margin-bottom: 16px; }
            @media (max-width: 767px) {
              .wcag-compliance__box .content .boxes-wrapper .compliance-box__title {
                font-size: 18px;
                line-height: 26px; } }
          .wcag-compliance__box .content .boxes-wrapper .compliance-box__desc {
            font-size: 16px;
            font-weight: 400;
            line-height: 28px;
            color: var(--grayscale700); }

.wcag-deadlines {
  padding: 0 0 128px 0; }
  @media (max-width: 777px) {
    .wcag-deadlines {
      padding: 0 0 56px 0; } }
  .wcag-deadlines__content {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    @media (max-width: 776px) {
      .wcag-deadlines__content {
        flex-direction: column; } }
    @media (min-width: 777px) {
      .wcag-deadlines__content {
        gap: 24px; } }
    .wcag-deadlines__content .col-img {
      max-width: 672px;
      width: 100%;
      height: auto;
      flex-shrink: 0.5; }
      @media (max-width: 776px) {
        .wcag-deadlines__content .col-img {
          margin-bottom: 56px; } }
    .wcag-deadlines__content .col-text {
      max-width: 556px;
      align-items: flex-start;
      flex-shrink: 0.8; }
      .wcag-deadlines__content .col-text .title {
        font-size: 36px;
        font-weight: 600;
        line-height: 48px;
        margin-bottom: 32px; }
        @media (max-width: 776px) {
          .wcag-deadlines__content .col-text .title {
            font-size: 28px;
            line-height: 40px; } }
      .wcag-deadlines__content .col-text .description {
        margin-bottom: 32px;
        font-size: 18px;
        line-height: 30px; }
        @media (max-width: 776px) {
          .wcag-deadlines__content .col-text .description {
            font-size: 16px;
            line-height: 28px; } }
        .wcag-deadlines__content .col-text .description__head {
          margin-bottom: 32px; }
        .wcag-deadlines__content .col-text .description__content {
          font-weight: 500;
          color: var(--grayscale900); }
      .wcag-deadlines__content .col-text .wcag-deadlines__list {
        list-style: none;
        padding-left: 0;
        margin-bottom: 32px; }
      .wcag-deadlines__content .col-text .wcag-deadlines__list-item {
        display: flex;
        gap: 24px;
        font-size: 16px;
        font-weight: 400;
        line-height: 28px;
        margin-bottom: 32px; }
        .wcag-deadlines__content .col-text .wcag-deadlines__list-item svg {
          flex-shrink: 0; }
        .wcag-deadlines__content .col-text .wcag-deadlines__list-item + .wcag-deadlines__list-item {
          margin-top: 16px; }
      @media (max-width: 776px) {
        .wcag-deadlines__content .col-text a {
          display: flex;
          justify-content: center; } }

.wcag-advantages {
  padding: 0 0 128px 0; }
  .wcag-advantages :target {
    scroll-margin-top: 128px; }
  @media (max-width: 776px) {
    .wcag-advantages {
      padding: 0 0 56px 0; } }
  .wcag-advantages .wcag-title {
    margin-bottom: 40px; }
    @media (max-width: 776px) {
      .wcag-advantages .wcag-title {
        margin-bottom: 32px;
        font-size: 24px;
        font-weight: 600;
        line-height: 36px; } }
  .wcag-advantages .wcag-lead {
    margin-bottom: 40px; }
  .wcag-advantages .wcag-advantages-items {
    display: flex;
    flex-direction: column;
    gap: 48px; }
    .wcag-advantages .wcag-advantages-items .wcag-advantages-item {
      display: flex;
      gap: 32px; }
      .wcag-advantages .wcag-advantages-items .wcag-advantages-item__text--title {
        font-size: 20px;
        font-weight: 600;
        line-height: 30px;
        margin-bottom: 12px;
        color: var(--grayscale900); }
        @media (max-width: 776px) {
          .wcag-advantages .wcag-advantages-items .wcag-advantages-item__text--title {
            font-size: 18px;
            line-height: 26px; } }
      .wcag-advantages .wcag-advantages-items .wcag-advantages-item__text--desc {
        font-size: 18px;
        font-weight: 400;
        line-height: 30px;
        color: var(--grayscale700); }
        @media (max-width: 776px) {
          .wcag-advantages .wcag-advantages-items .wcag-advantages-item__text--desc {
            font-size: 16px;
            line-height: 28px; } }
  .wcag-advantages .wcag-advantages-checklist .wcag-title {
    margin-bottom: 24px; }
  .wcag-advantages .wcag-advantages-checklist .wcag-lead {
    margin-bottom: 40px;
    font-weight: 500;
    color: var(--grayscale900); }
  .wcag-advantages .wcag-advantages-checklist__list {
    margin-bottom: 40px; }
    .wcag-advantages .wcag-advantages-checklist__list li {
      color: var(--grayscale700);
      font-size: 18px;
      font-weight: 400;
      line-height: 30px; }
      @media (max-width: 776px) {
        .wcag-advantages .wcag-advantages-checklist__list li {
          font-size: 16px;
          line-height: 28px; } }
  .wcag-advantages hr {
    margin: 64px 0;
    border: none;
    border-top: 1px solid var(--grayscale100); }

.wcag-cta {
  padding-bottom: 128px; }
  @media (max-width: 776px) {
    .wcag-cta {
      padding-bottom: 56px; } }
  .wcag-cta__cta {
    position: relative;
    height: 496px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-image: url("../../img/wcag/cta.png");
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover; }
    @media (max-width: 556px) {
      .wcag-cta__cta {
        background-image: url("../../img/wcag/cta.png"); } }
    @media (max-width: 776px) {
      .wcag-cta__cta .content_wrapper {
        padding: 0 24px; } }
    .wcag-cta__cta h2 {
      text-align: center;
      max-width: 906px;
      color: #FFFFFF;
      z-index: 1;
      margin-bottom: 32px; }
      @media (max-width: 556px) {
        .wcag-cta__cta h2 {
          font-size: 28px;
          line-height: 38px;
          margin-bottom: 24px; } }
    .wcag-cta__cta::before, .wcag-cta__cta::after {
      content: '';
      position: absolute;
      height: 8px;
      width: 25%;
      background-color: var(--primary600);
      left: 0; }
    .wcag-cta__cta::before {
      top: -8px; }
    .wcag-cta__cta::after {
      bottom: -8px;
      right: 0;
      left: auto; }

/*# sourceMappingURL=lp_wcag.css.map */