/* Punkty edukacyjne - educational points */
.schooling {
  padding: 15px; }
  .schooling-icon {
    position: relative;
    display: flex;
    justify-content: start;
    align-items: center;
    padding: 6rem 1.5rem;
    flex-direction: column;
    height: 100%; }
    .schooling-icon:before {
      position: absolute;
      left: 1rem;
      top: 0;
      font-size: 10rem;
      font-weight: 700;
      color: fade(#E2E2E2, 47); }
    .schooling-icon.active i {
      background: #C75737; }
    .schooling-icon:after {
      position: absolute;
      content: '';
      right: 0;
      top: 0;
      width: 1px;
      height: 100%;
      background: fade(#707070, 16); }
    .schooling-icon-container {
      position: relative;
      z-index: 1; }
      .schooling-icon-container:before {
        position: absolute;
        content: '';
        left: 0;
        top: 0;
        width: calc(100% + ((100vw - 1280px) / 2));
        height: 100%;
        background: #EDEEEF;
        z-index: -2; }
      .schooling-icon-container:after {
        position: absolute;
        content: '';
        left: 0;
        bottom: 0;
        width: calc(100% + ((100vw - 1280px) / 2));
        height: 3rem;
        background-image: url("/assets/img/educational-points/brush-up.svg");
        background-size: cover;
        background-position: left; }
      .schooling-icon-container.full:before, .schooling-icon-container.full:after {
        left: calc(((100vw - 1280px) / 2) * -1);
        width: 110vw; }
  .schooling-items {
    position: relative;
    margin: 0 2rem;
    height: 100%;
    height: inherit !important;
    z-index: 1; }
    .schooling-items:before {
      position: absolute;
      content: '';
      left: 0;
      top: 0;
      width: 100%;
      height: calc(100% - 4rem);
      background: #F1F1F2;
      z-index: -1; }
    .schooling-items-container {
      margin-left: calc((100vw - 1320px) / 2); }
      .schooling-items-container .slick-track {
        display: flex !important; }
    .schooling-items-box-date {
      position: absolute;
      right: -.8rem;
      bottom: -.8rem;
      background: #C75737;
      color: #fff;
      font-size: 2rem;
      font-weight: 700;
      padding: .6rem 2.5rem; }
    .schooling-items-box-pad {
      padding: 0 2rem; }
    .schooling-items-arrow {
      position: relative;
      width: 6.5rem;
      height: 6.5rem;
      cursor: pointer;
      border-radius: 50%;
      border: solid 4px #E6007E;
      transition: .3s; }
      .schooling-items-arrow.slick-disabled {
        border: solid 4px #cbcbcb;
        transition: .3s;
        cursor: unset; }
        .schooling-items-arrow.slick-disabled:hover {
          background: none; }
          .schooling-items-arrow.slick-disabled:hover:after {
            background: #cbcbcb; }
        .schooling-items-arrow.slick-disabled:after {
          background: #cbcbcb;
          transition: .3s; }
      .schooling-items-arrow.prev:after {
        transform: translate(-50%, -50%) rotate(180deg); }
      .schooling-items-arrow:after {
        position: absolute;
        content: '';
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 1.8rem;
        aspect-ratio: 18/31;
        background: #E6007E;
        -webkit-mask: url("/assets/img/educational-points/slider-arrow.svg") no-repeat;
        mask: url("/assets/img/educational-points/slider-arrow.svg") no-repeat;
        -webkit-mask-size: contain;
        mask-size: contain;
        transition: .3s; }
      .schooling-items-arrow:hover {
        background: #E6007E;
        transition: .3s; }
        .schooling-items-arrow:hover:after {
          background: #fff;
          transition: .3s; }
    .schooling-items.fitochallenge {
      margin: 0;
      height: 100% !important;
      max-width: 40rem;
      margin-left: auto;
      margin-right: auto; }
  .schooling-presentation {
    display: grid !important; }
    .schooling-presentation-container {
      position: relative; }
      .schooling-presentation-container.ios {
        position: fixed;
        left: 0;
        top: 0;
        width: 100vw;
        height: 100%;
        overflow-y: auto;
        background: #000;
        z-index: 9999; }
      .schooling-presentation-container.fullscreen-active {
        overflow-y: auto; }
        .schooling-presentation-container.fullscreen-active .schooling-navigation {
          position: absolute;
          top: 0;
          right: 0; }
        .schooling-presentation-container.fullscreen-active .schooling-presentation-fullscreen {
          margin-right: 1.5rem; }
          .schooling-presentation-container.fullscreen-active .schooling-presentation-fullscreen:after {
            background: #fff;
            -webkit-mask: url("/assets/img/educational-points/fullscreen-close.svg") no-repeat;
            mask: url("/assets/img/educational-points/fullscreen-close.svg") no-repeat;
            -webkit-mask-size: contain;
            mask-size: contain; }
    .schooling-presentation-arrow {
      width: 5rem;
      height: 5rem;
      background: #E6007E;
      -webkit-box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.18);
      -moz-box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.18);
      box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.18);
      cursor: pointer;
      transition: .3s; }
      .schooling-presentation-arrow:after {
        position: absolute;
        content: '';
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 1.4rem;
        aspect-ratio: 11/17;
        background: #fff;
        -webkit-mask: url("/assets/img/educational-points/presentation-arrow.svg") no-repeat;
        mask: url("/assets/img/educational-points/presentation-arrow.svg") no-repeat;
        -webkit-mask-size: contain;
        mask-size: contain;
        transition: .3s; }
      .schooling-presentation-arrow.prev {
        left: 10px; }
        .schooling-presentation-arrow.prev:after {
          transform: translate(-50%, -50%) rotate(180deg); }
      .schooling-presentation-arrow.next {
        right: 10px; }
      .schooling-presentation-arrow.slick-disabled {
        background: rgba(230, 0, 126, 0.4);
        transition: .3s;
        cursor: unset; }
        .schooling-presentation-arrow.slick-disabled:hover {
          background: rgba(230, 0, 126, 0.4); }
          .schooling-presentation-arrow.slick-disabled:hover:after {
            background: #fff; }
      @media (hover: hover) and (pointer: fine) {
        .schooling-presentation-arrow:hover {
          background: #E6007E;
          transition: .3s; } }
    .schooling-presentation-fullscreen {
      position: relative;
      display: inline-flex;
      cursor: pointer;
      font-family: 'Montserrat', sans-serif;
      background: #E6007E;
      color: #fff;
      height: 5rem;
      justify-content: center;
      align-items: center;
      padding: 1rem 4rem 1rem 2rem;
      transition: .3s; }
      @media (hover: hover) and (pointer: fine) {
        .schooling-presentation-fullscreen:hover {
          background: #E6007E;
          transition: .3s; } }
      .schooling-presentation-fullscreen:after {
        position: absolute;
        content: '';
        right: 1rem;
        top: 50%;
        transform: translate(0, -50%);
        width: 2rem;
        height: 2rem;
        background: #fff;
        -webkit-mask: url("/assets/img/educational-points/fullscreen.svg") no-repeat;
        mask: url("/assets/img/educational-points/fullscreen.svg") no-repeat;
        -webkit-mask-size: contain;
        mask-size: contain;
        transition: .3s; }
    .schooling-presentation-image {
      width: 100%;
      aspect-ratio: 16/9;
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat; }
    .schooling-presentation-rotate {
      position: absolute;
      display: none;
      font-family: 'Montserrat', sans-serif;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background: fade(#000, 70);
      z-index: 3;
      align-items: center;
      justify-content: center;
      color: #fff;
      padding: 2rem;
      text-align: center; }
      .schooling-presentation-rotate-ico {
        width: 4rem;
        height: 4rem;
        margin-left: auto;
        margin-right: auto;
        background: #fff;
        -webkit-mask: url("/assets/img/educational-points/fullscreen-rotate.svg") no-repeat;
        mask: url("/assets/img/educational-points/fullscreen-rotate.svg") no-repeat;
        -webkit-mask-size: contain;
        mask-size: contain;
        transition: .3s;
        animation: screenRotate 3s infinite;
        -webkit-animation: screenRotate 3s infinite; }
    .schooling-presentation-exit {
      background: #fff;
      cursor: pointer;
      color: #000;
      border-radius: .5rem;
      padding: 1rem 2rem; }

/*
###########################
END OF PRESENTATION STYLING
###########################
*/
.edukacja {
  background: white; }
  .edukacja::before {
    top: -50px !important;
    opacity: 1 !important;
    background-image: url("/assets/img/edukacja-background.webp") !important; }

.punkty-edukacyjne {
  position: relative;
  z-index: 0;
  padding-top: 5rem;
  padding-bottom: 15rem; }
  @media (max-width: 992px) {
    .punkty-edukacyjne {
      padding-top: 14rem;
      margin-top: -14rem; } }
  .punkty-edukacyjne::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-image: url("/assets/img/watercolor_background.webp");
    background-size: auto;
    background-repeat: repeat;
    background-position-y: 50%;
    opacity: 0.54;
    z-index: -1; }
  .punkty-edukacyjne h3 {
    position: relative;
    z-index: 1;
    text-align: center;
    max-width: 650px;
    width: 100%;
    margin: 30px auto 0;
    line-height: 6rem; }
  .punkty-edukacyjne h3::after {
    content: url("/../assets/img/educational-points/underline_punkty_edukacyjne.svg");
    display: block;
    margin-top: -2.5rem;
    margin-left: -1rem;
    position: relative;
    z-index: -1; }
    @media (max-width: 992px) {
      .punkty-edukacyjne h3::after {
        transform: scale(0.7);
        margin-left: 0; } }

.quiz-educational-points {
  padding: 25rem 0 0;
  margin-top: 0rem; }
  @media (max-width: 1280px) {
    .quiz-educational-points {
      margin-top: 1.5rem; } }
  .quiz-educational-points h3 {
    text-align: center;
    font-weight: 600; }
    .quiz-educational-points h3::after {
      margin-top: -1rem; }
    .quiz-educational-points h3 span {
      color: #E6007E; }
  .quiz-educational-points__intro {
    max-width: 1100px;
    margin: 0 auto;
    padding: 15px; }
    .quiz-educational-points__intro > p {
      margin-bottom: 7.5rem; }
    .quiz-educational-points__intro p {
      font-size: calc(18px * var(--qahwcag_base-font-size));
      padding: 15px 0; }
      .quiz-educational-points__intro p span {
        color: #E6007E; }
  .quiz-educational-points__presentation {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px; }
  .quiz-educational-points__questions {
    padding: 10rem 0;
    position: relative; }
    @media (max-width: 992px) {
      .quiz-educational-points__questions {
        background: white; } }
    .quiz-educational-points__questions::before {
      content: '';
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      background-image: url("/assets/img/educational-points/quiz-bg.webp");
      background-size: cover;
      background-position: center center;
      background-repeat: no-repeat;
      z-index: -1; }
      @media (max-width: 992px) {
        .quiz-educational-points__questions::before {
          display: none; } }
  .quiz-educational-points__form {
    max-width: 900px;
    margin: 0 auto;
    padding: 0 15px 10rem; }
  .quiz-educational-points__thank-you {
    padding: 10rem 0;
    position: relative; }
    @media (max-width: 992px) {
      .quiz-educational-points__thank-you {
        background: white; } }
    .quiz-educational-points__thank-you::before {
      content: '';
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      background-image: url("/assets/img/educational-points/thank-you.webp");
      background-size: cover;
      background-position: center center;
      background-repeat: no-repeat;
      z-index: -1; }
      @media (max-width: 992px) {
        .quiz-educational-points__thank-you::before {
          display: none; } }
    .quiz-educational-points__thank-you a {
      margin: 50px auto 0; }
  .quiz-educational-points__more {
    padding: 10rem 15px;
    max-width: 1200px;
    margin: 0 auto; }
    .quiz-educational-points__more h5 {
      max-width: 900px;
      margin: 0 auto; }
    .quiz-educational-points__more video {
      margin: 10rem auto 0;
      display: block;
      width: 100%; }
  .quiz-educational-points__header {
    background: #E6007E;
    color: white;
    text-align: center;
    padding: 1rem 15px;
    font-size: calc(24px * var(--qahwcag_base-font-size));
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 9999;
    text-decoration: none; }
    @media (max-width: 992px) {
      .quiz-educational-points__header {
        font-size: calc(18px * var(--qahwcag_base-font-size)); } }
    @media (max-width: 500px) {
      .quiz-educational-points__header {
        font-size: calc(14px * var(--qahwcag_base-font-size)); } }
    .quiz-educational-points__header ~ nav {
      margin-top: 35px; }
      @media (max-width: 992px) {
        .quiz-educational-points__header ~ nav {
          margin-top: 35px; } }
      @media (max-width: 768px) {
        .quiz-educational-points__header ~ nav {
          margin-top: 50px; } }
  .quiz-educational-points .correct-info {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 9;
    padding: 7.5rem 15px;
    width: 100%;
    max-width: 700px;
    text-align: center;
    background: white;
    border: 3px solid #E6007E;
    border-radius: 25px;
    cursor: pointer;
    box-shadow: 0 0 35px 20px white; }
    .quiz-educational-points .correct-info img {
      margin: 0 auto 30px; }