@charset "UTF-8";
/*# Base #*/
:root {
  --nav-height: 64px;
  --color-text-light: #fff;
  --color-text-dark: #000;
  --color-secondary: #64CB9C;
  --color-secondary-light: #5EEBAB;
  --color-primary: #004A38;
  --color-primary-light: rgb(0, 55.5, 42);
  --color-accent: #C29B6D;
  --color-soft-200: #F3EBE2;
  --color-soft-100: #F9F5F0;
  --color-neutral-900: #1A1A1A;
  --color-neutral-800: #212121;
  --color-neutral-700: #444E57;
  --color-neutral-500: #5d5d5d;
  --color-neutral-300: #9a9a9c;
  --color-neutral-200: #D1D4DF;
  --color-neutral-100: #EEEEEE;
  --color-bg-default: #fff;
  --max-width-fixed: 1146px;
  --max-width-relative: 90%;
  interpolate-size: allow-keywords;
  /* +
  golden ratio: 1.618
  100% = 12 * x + 11 * x / 1.618
  100% = 12x + 6,8x
  100% = 18,8x

  col = x = 5.32%
  63,84% = 12 * x  
  gap = x / 1.618 = 3.28%
  grid-column-template: repeat(12, var(--nap20-col-percentage));
  justify-items: space-between;
  */
  --nap20-col-percentage: 5.32%;
  --nap20-gap-x: 24px;
  --nap20-gap-y: 48px;
  --nap20-gap: var(--nap20-gap-y) var(--nap20-gap-x);
  /* nap20 12 columns system */
  --nap20-col: 68px;
  --nap20-col-gap-x: 30px;
  --nap20-col-gap-y: 48px;
  --nap20-cols-1: calc(68px * 1 + 30px * (0));
  --nap20-cols-2: calc(68px * 2 + 30px * (1));
  --nap20-cols-3: calc(68px * 3 + 30px * (2));
  --nap20-cols-4: calc(68px * 4 + 30px * (3));
  --nap20-cols-5: calc(68px * 5 + 30px * (4));
  --nap20-cols-6: calc(68px * 6 + 30px * (5));
  --nap20-cols-7: calc(68px * 7 + 30px * (6));
  --nap20-cols-8: calc(68px * 8 + 30px * (7));
  --nap20-cols-9: calc(68px * 9 + 30px * (8));
  --nap20-cols-10: calc(68px * 10 + 30px * (9));
  --nap20-cols-11: calc(68px * 11 + 30px * (10));
  --nap20-cols-12: calc(68px * 12 + 30px * (11));
}

*,
::before,
::after {
  box-sizing: border-box;
}

html {
  font-family: "Montserrat", sans-serif;
}

.nap20-mw-cols-1 {
  max-width: var(--nap20-cols-1);
}

.nap20-mw-cols-2 {
  max-width: var(--nap20-cols-2);
}

.nap20-mw-cols-3 {
  max-width: var(--nap20-cols-3);
}

.nap20-mw-cols-4 {
  max-width: var(--nap20-cols-4);
}

.nap20-mw-cols-5 {
  max-width: var(--nap20-cols-5);
}

.nap20-mw-cols-6 {
  max-width: var(--nap20-cols-6);
}

.nap20-mw-cols-7 {
  max-width: var(--nap20-cols-7);
}

.nap20-mw-cols-8 {
  max-width: var(--nap20-cols-8);
}

.nap20-mw-cols-9 {
  max-width: var(--nap20-cols-9);
}

.nap20-mw-cols-10 {
  max-width: var(--nap20-cols-10);
}

.nap20-mw-cols-11 {
  max-width: var(--nap20-cols-11);
}

.nap20-mw-cols-12 {
  max-width: var(--nap20-cols-12);
}

/* Grid span utilities - použití: <div class="col-span-6"> */
.nap20-col-span-1 {
  grid-column: span 1;
}

.nap20-col-span-2 {
  grid-column: span 2;
}

.nap20-col-span-3 {
  grid-column: span 3;
}

.nap20-col-span-4 {
  grid-column: span 4;
}

.nap20-col-span-5 {
  grid-column: span 5;
}

.nap20-col-span-6 {
  grid-column: span 6;
}

.nap20-col-span-7 {
  grid-column: span 7;
}

.nap20-col-span-8 {
  grid-column: span 8;
}

.nap20-col-span-9 {
  grid-column: span 9;
}

.nap20-col-span-10 {
  grid-column: span 10;
}

.nap20-col-span-11 {
  grid-column: span 11;
}

.nap20-col-span-12 {
  grid-column: span 12;
}

/* Responzivní col-span */
@media (min-width: 768px) {
  .nap20-col-span-md-1 {
    grid-column: span 1;
  }
  .nap20-col-span-md-2 {
    grid-column: span 2;
  }
  .nap20-col-span-md-3 {
    grid-column: span 3;
  }
  .nap20-col-span-md-4 {
    grid-column: span 4;
  }
  .nap20-col-span-md-5 {
    grid-column: span 5;
  }
  .nap20-col-span-md-6 {
    grid-column: span 6;
  }
  .nap20-col-span-md-7 {
    grid-column: span 7;
  }
  .nap20-col-span-md-8 {
    grid-column: span 8;
  }
  .nap20-col-span-md-9 {
    grid-column: span 9;
  }
  .nap20-col-span-md-10 {
    grid-column: span 10;
  }
  .nap20-col-span-md-11 {
    grid-column: span 11;
  }
  .nap20-col-span-md-12 {
    grid-column: span 12;
  }
}
@media (min-width: 1024px) {
  .nap20-col-span-lg-1 {
    grid-column: span 1;
  }
  .nap20-col-span-lg-2 {
    grid-column: span 2;
  }
  .nap20-col-span-lg-3 {
    grid-column: span 3;
  }
  .nap20-col-span-lg-4 {
    grid-column: span 4;
  }
  .nap20-col-span-lg-5 {
    grid-column: span 5;
  }
  .nap20-col-span-lg-6 {
    grid-column: span 6;
  }
  .nap20-col-span-lg-7 {
    grid-column: span 7;
  }
  .nap20-col-span-lg-8 {
    grid-column: span 8;
  }
  .nap20-col-span-lg-9 {
    grid-column: span 9;
  }
  .nap20-col-span-lg-10 {
    grid-column: span 10;
  }
  .nap20-col-span-lg-11 {
    grid-column: span 11;
  }
  .nap20-col-span-lg-12 {
    grid-column: span 12;
  }
}
/*desktop - full width*/
@media (min-width: 1273.3333333333px) {
  /* 1 col - 68px , space 30px*/
  :root {
    --nav-height: 94px;
    --nap20-gap-x: 30px;
    --nap20-gap-y: 48px;
    --nap20-gap: var(--nap20-gap-y) var(--nap20-gap-x);
  }
}
.nap20-color-primary {
  color: var(--color-primary);
}

.nap20-color-secondary {
  color: var(--color-secondary);
}

.nap20-bg-light,
.nap20-bg-soft {
  background-color: var(--color-soft-100);
}

.nap20-bg-medium,
.nap20-bg-soft-200 {
  background-color: var(--color-soft-200);
}

.nap20-bg-neutral-light {
  background-color: var(--color-neutral-100);
}

.nap20-bg-neutral {
  background-color: var(--color-neutral-200);
}

.nap20-bg-default {
  background-color: var(--color-bg-default);
}

.nap20-nowrap {
  white-space: nowrap !important;
}

.nap20-display-none {
  display: none !important;
}

.nap20-no-padding-block {
  padding: 0 !important;
}

.nap20-img-cover,
.nap20-image-cover {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.nap20-img-circle,
.nap20-image-circle {
  border-radius: 50%;
  aspect-ratio: 1/1;
  height: 100%;
  width: 100%;
  object-fit: cover;
}

@media (min-width: 1024px) {
  .nap20-lg-display-block {
    display: block !important;
  }
}
.nap20-container {
  width: min(var(--max-width-relative), var(--max-width-fixed));
  margin-inline: auto;
}

.nap20-fullbleed-container__text {
  width: var(--max-width-relative);
  margin-inline: auto;
}

.nap20-fullbleed-container__image {
  object-fit: cover;
  height: 100%;
  max-height: 400px;
  width: 100%;
  aspect-ratio: 3/2;
}

@media (min-width: 1024px) {
  .nap20-fullbleed-container {
    --left: var(--nap20-cols-7);
    display: grid;
    grid-template-columns: [left-margin] 1fr [content-left-start] var(--left) [content-left-end] var(--nap20-cols-1) [content-right-start] auto [content-right-end] 1fr [right-margin];
  }
  .nap20-fullbleed-container--flipped {
    --right: var(--nap20-cols-7);
    grid-template-columns: [left-margin] 1fr [content-left-start] auto [content-left-end] var(--nap20-cols-1) [content-right-start] var(--right) [content-right-end] 1fr [right-margin];
  }
  .nap20-fullbleed-container__text {
    margin-inline: unset;
    width: unset;
    grid-column: content-left;
  }
  .nap20-fullbleed-container__image {
    grid-column: content-right-start/right-margin;
    max-height: unset;
    aspect-ratio: unset;
  }
  .nap20-fullbleed-container--flipped .nap20-fullbleed-container__text {
    grid-column: content-right-start/content-right-end;
    order: 1;
  }
  .nap20-fullbleed-container--flipped .nap20-fullbleed-container__image {
    grid-column: left-margin/content-left-end;
  }
}
@media (min-width: 1273.3333333333px) {
  .nap20-fullbleed-container {
    --left: var(--nap20-cols-8);
    --right: var(--nap20-cols-3);
    display: grid;
    grid-template-columns: [left-margin] 1fr [content-left-start] var(--left) [content-left-end] calc(var(--nap20-cols-1) + 2 * var(--nap20-col-gap-x)) [content-right-start] var(--right) [content-right-end] 1fr [right-margin];
  }
  .nap20-fullbleed-container--flipped {
    --left: var(--nap20-cols-3);
    --right: var(--nap20-cols-8);
  }
}
.nap20-flow > * + * {
  margin-top: var(--flow, 1em);
}

.nap20-space {
  display: block;
  height: var(--flow, 1em);
}

.nap20-space-8 {
  display: block;
  height: 8px;
}

.nap20-space-16 {
  display: block;
  height: 16px;
}

.nap20-space-24 {
  display: block;
  height: 24px;
}

.nap20-space-32 {
  display: block;
  height: 32px;
}

.nap20-space-48 {
  display: block;
  height: 48px;
}

/* Grid system - 12 sloupců */
.nap20-grid-12 {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: var(--nap20-gap);
}

.nap20-grid,
.nap20-fit-grid,
.nap20-fill-grid {
  --min: 16ch;
  --gap: var(--nap20-gap, 1rem);
  display: grid;
  gap: var(--gap);
  grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--min)), 1fr));
}

.nap20-fill-grid {
  grid-template-columns: repeat(auto-fill, minmax(min(100%, var(--min)), 1fr));
}

.nap20-grid-box {
  --gap: var(--nap20-gap, 1rem);
  display: grid;
  gap: var(--gap);
}

/* ! if is variable defined inside class,
 it is not overwritten by parrent class, which is sometimes good*/
.nap20-flex-box {
  --gap: 24px;
  display: flex;
  gap: var(--gap);
}

.nap20-flex-box-column {
  --gap: 16px;
  display: flex;
  flex-direction: column;
  gap: var(--gap);
}

.nap20-stacked {
  display: grid;
}

.nap20-stacked > * {
  grid-column: 1/1;
  grid-row: 1/1;
}

.nap20-spacing {
  --spacing: 24px;
  margin-top: var(--spacing);
}

/*tablet*/
@media (min-width: 768px) {
  .nap20-grid-box--cols-2-md {
    grid-template-columns: repeat(2, 1fr);
  }
  .nap20-grid-box--cols-3-md {
    grid-template-columns: repeat(3, 1fr);
  }
}
/*desktop - full width*/
@media (min-width: 1273.3333333333px) {
  .nap20-grid-box--cols-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .nap20-grid-box--cols-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .nap20-grid-box--cols-7-5 {
    grid-template-columns: var(--nap20-cols-7) var(--nap20-cols-5);
  }
}
.nap20-feature-2__title, .nap20-carousel-about__title, .nap20-section__title, .nap20-title {
  font-size: 35px;
  font-weight: 700;
  line-height: 1.1;
}

.nap20-highlight__title, .nap20-section__subtitle, .nap20-button, .nap20-subtitle {
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1.2;
  letter-spacing: 0.1em;
}

.nap20-calendar-event__text, .nap20-event-card__tag, .nap20-info-box__text, .nap20-accent-label {
  font-size: 15px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

.nap20-feature-2__subtitle, .nap20-calendar-event__title, .nap20-calendar__link, .nap20-team-card__name, .nap20-event-card__title, .nap20-info-box__title, .nap20-feature-card__title, .nap20-card__title, .nap20-card__info, .nap20-info__title, .nap20-baseline-grid .nap20-secondary-title, .nap20-label {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
}

.nap20-label--large {
  font-size: 24px;
}

.nap20-feature-2__list, .nap20-carousel-about__text, .nap20-calendar-event__info, .nap20-calendar-event__play-link, .nap20-event-card__text, .nap20-event-card__date, .nap20-feature-card__text, .nap20-card__text, .nap20-highlight__text, .nap20-info__text, .nap20-info__list, .nap20-text {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.67;
}

.nap20-text--small {
  font-size: 16px;
}

.nap20-text--large {
  font-size: 20px;
}

@media (min-width: 1024px) {
  .nap20-title {
    font-size: 48px;
  }
}
.nap20-baseline-grid {
  --flow: 32px;
  line-height: 32px;
}
.nap20-baseline-grid .nap20-title {
  font-size: 35px;
  line-height: 40px;
  font-weight: 700;
  padding-top: 15px;
  margin-bottom: 9px;
}
.nap20-baseline-grid .nap20-title--small, .nap20-baseline-grid .nap20-small-title {
  font-size: 32px;
  line-height: 40px;
  font-weight: 700;
  padding-top: 5px;
  margin-bottom: 11px;
}
.nap20-baseline-grid .nap20-subtitle {
  font-size: 20px;
  line-height: 32px;
  font-weight: 700;
  padding-top: 9px;
  margin-bottom: 7px;
}
.nap20-baseline-grid .nap20-label {
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
  padding-top: 13px;
  padding-bottom: 11px;
  margin-bottom: 0;
}
.nap20-baseline-grid .nap20-label--large {
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
  padding-top: 7px;
  padding-bottom: 9px;
  margin-bottom: 0;
}
.nap20-baseline-grid .nap20-secondary-title {
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
  padding-top: 7px;
  margin-bottom: 1px;
}
.nap20-baseline-grid .nap20-text {
  font-size: 18px;
  line-height: 32px;
  font-weight: 400;
  padding-top: 10px;
  padding-bottom: 6px;
  margin-bottom: 0;
}
.nap20-baseline-grid .nap20-text--small,
.nap20-baseline-grid .nap20-small-text {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  padding-top: 6px;
  padding-bottom: 2px;
  margin-bottom: 0;
}
.nap20-baseline-grid .nap20-text.nap20-list-title {
  padding-bottom: 0;
}
.nap20-baseline-grid .nap20-secondary-title.nap20-list-title {
  margin-bottom: 9px;
}
.nap20-baseline-grid .nap20-list {
  list-style-type: disc;
  padding-inline-start: 24px;
  margin-bottom: 0;
}
.nap20-baseline-grid .nap20-list-item {
  padding: 0;
  margin: 0;
}
.nap20-baseline-grid .nap20-list-item:last-child {
  padding-bottom: 6px;
}
.nap20-baseline-grid .nap20-image {
  width: 100%;
  display: block;
  object-fit: cover;
  height: auto;
  aspect-ratio: 3/2;
}
.nap20-baseline-grid .nap20-subtitle--with-text {
  margin-bottom: 1px;
}
.nap20-baseline-grid .nap20-subtitle--with-text + * {
  padding-top: 0;
}
.nap20-baseline-grid .nap20-breakout-block {
  padding-block: 32px;
  padding-inline: 30px;
  margin-inline: -30px;
}
.nap20-baseline-grid .nap20-button {
  --spacing: 16px;
}
.nap20-baseline-grid .nap20-secondary-title-with-icon {
  display: flex;
}
.nap20-baseline-grid .nap20-secondary-title-with-icon .nap20-icon {
  width: 48px;
  height: 48px;
  margin-right: 15px;
}

.nap20-baseline-grid--show-grid {
  background-image: url('data:image/svg+xml;utf8,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="16" height="16" fill="white"/><rect width="8" height="8" fill="%23D9D9D9"/><rect x="8" y="8" width="8" height="8" fill="%23D9D9D9"/></svg>');
  background-position: top left;
  background-repeat: repeat;
}

.nap20-baseline-grid-8-16 {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="4" height="16" viewBox="0 0 4 16" fill="none"><path d="M0 0H4V7H0V0Z" fill="%23D9D9D9"/><path d="M0 15H4V16H0V15Z" fill="%23B50079"/><path d="M0 7H4V8H0V7Z" fill="%233C00B5"/><path d="M0 8H4V15H0V8Z" fill="%23D9D9D9"/></svg>');
  background-position: top left;
  background-repeat: repeat;
}

@media (min-width: 1024px) {
  .nap20-baseline-grid .nap20-title {
    font-size: 48px;
    line-height: 56px;
    padding-top: 3px;
    margin-bottom: 21px;
  }
  .nap20-baseline-grid .nap20-title--small, .nap20-baseline-grid .nap20-small-title {
    font-size: 35px;
    line-height: 48px;
    padding-top: 5px;
    margin-bottom: 13px;
  }
}
.nap20-button {
  background-color: var(--color-secondary);
  color: var(--color-text-dark);
  cursor: pointer;
  font-size: 14px;
  display: inline-block;
  line-height: 1.286;
  padding: 19px 31.5px;
  transition: background 0.2s ease;
  border: none;
  text-decoration: none;
}

.nap20-button:hover {
  background-color: var(--color-secondary-light);
  color: var(--color-text-dark);
  text-decoration: none;
}

.nap20-button--primary {
  color: var(--color-text-light);
  background-color: var(--color-primary);
}

.nap20-button--primary:hover {
  color: var(--color-text-light);
  background-color: var(--color-primary-light);
}

.nap20-button--secondary {
  --color: var(--color-secondary);
  box-shadow: inset 0px 0px 0px 2px var(--color);
  color: var(--color);
  background-color: transparent;
}

.nap20-button--secondary:hover {
  color: var(--color-text-light);
  background-color: var(--color);
}

.nap20-cta-box {
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap, 24px);
}

.nap20-base-link {
  color: inherit;
  text-decoration: underline;
}

.nap20-base-link:hover {
  color: inherit;
}

.nap20-plain-link {
  color: inherit;
  font-weight: 400;
  text-decoration: underline;
  border: none;
  display: inline;
  cursor: pointer;
}

.nap20-plain-link:hover {
  color: inherit;
  text-decoration: underline;
}

.nap20-cta-link {
  font-size: 20px;
  color: var(--color-secondary);
  font-weight: 700;
  text-decoration: underline;
  display: block;
  width: max-content;
  margin-inline: auto;
  line-height: 1;
}

.nap20-cta-link:hover {
  color: var(--color-secondary);
}

/*desktop - full width*/
@media (min-width: 1273.3333333333px) {
  .nap20-cta-link {
    font-size: 24px;
  }
}
/*# Section #*/
.nap20-section {
  --padding: 60px;
  padding-block: var(--padding);
}

.nap20-section-flow > * + * {
  margin-top: var(--nap20-gap-y);
}

.nap20-section--no-padding-bottom {
  padding-bottom: 0;
}

.nap20-section--extended-top {
  padding-top: calc(var(--padding) + var(--nav-height));
}

.nap20-section__header--center {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.nap20-section__header-cta {
  margin-top: 24px;
}

.nap20-section__header-with-cta-wrapper {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 0 var(--nap20-gap-x);
  flex-wrap: wrap;
}
.nap20-section__header-with-cta-wrapper .nap20-section__header {
  max-width: var(--nap20-cols-8);
  flex: 1 1 var(--nap20-cols-6);
}

.nap20-section__header--flat {
  max-width: var(--nap20-cols-6);
}

.nap20-section__title {
  margin-top: 0;
  margin-bottom: 16px;
  max-width: var(--nap20-cols-10);
  line-height: 40px;
}

.nap20-section__title--small {
  font-size: 32px;
}

.nap20-section__subtitle {
  font-size: 16px;
  max-width: var(--nap20-cols-8);
  line-height: 24px;
  padding-top: 7px;
  padding-bottom: 1px;
  margin-top: 0;
  margin-bottom: 16px;
}

.nap20-section__text {
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
  padding-top: 2px;
  padding-bottom: 6px;
  margin-block: 0;
  max-width: var(--nap20-cols-10);
}

.nap20-section__text + .nap20-section__text {
  margin-top: 32px;
}

.nap20-section__cta {
  margin-top: 48px;
}

.nap20-section__image {
  width: 80%;
  height: auto;
  margin-inline: auto;
  display: block;
  max-width: var(--nap20-cols-4);
}

.nap20-section__media-box {
  max-width: var(--nap20-cols-5);
}

.nap20-section__media-box > * {
  width: 100%;
  height: auto;
  aspect-ratio: 3/2;
  object-fit: cover;
  display: block;
}

@media (min-width: 1024px) {
  .nap20-section__title {
    font-size: 56px;
    line-height: 64px;
    padding-top: 3px;
    padding-bottom: 5px;
    margin-bottom: 16px;
  }
  .nap20-section__title--small {
    font-size: 40px;
  }
  .nap20-section__subtitle {
    font-size: 20px;
    line-height: 24px;
    padding-top: 5px;
    padding-bottom: 3px;
    margin-bottom: 16px;
  }
  .nap20-section__text {
    font-size: 20px;
    line-height: 32px;
    padding-top: 1px;
    padding-bottom: 7px;
  }
}
/*desktop - full width*/
@media (min-width: 1273.3333333333px) {
  .nap20-section {
    --padding: 80px;
  }
  .nap20-section--no-padding-bottom {
    padding-bottom: 0;
  }
  .nap20-section-flow > * + * {
    margin-top: 64px;
  }
  .nap20-section__header--lower {
    margin-top: var(--nap20-gap-y);
  }
  .nap20-section__header--flat {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--nap20-gap);
    max-width: unset;
  }
}
/*# Hero block #*/
.nap20-hero {
  padding-top: var(--nav-height);
  padding-bottom: 0;
  position: relative;
  display: grid;
  align-items: center;
}

.nap20-hero:has(.nap20-hero__info-bar) .nap20-hero__container,
.nap20-hero:has(.nap20-hero__info-bar) .nap20-container:has(.nap20-hero__content),
.nap20-hero--with-bar .nap20-hero__container,
.nap20-hero--with-bar .nap20-container:has(.nap20-hero__content) {
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  height: 100%;
}

.nap20-hero__background {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 0;
}

.nap20-hero__backgroundImage {
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  height: 100%;
  width: 100%;
  filter: brightness(0.5);
  z-index: 0;
  object-position: 60% 40%;
}

.nap20-hero__content {
  min-height: min(50vh, 450px);
  display: grid;
  align-content: center;
  position: relative;
  margin-block: 60px;
  color: var(--color-text-light);
}

.nap20-hero__content--dark {
  color: var(--color-text-dark);
}

.nap20-hero__title {
  font-size: 45px;
  font-weight: 800;
  line-height: 1.125;
  margin-bottom: 22px;
  max-width: var(--nap20-cols-10);
}

.nap20-hero__subtitle {
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 4px;
  line-height: 1.2;
  text-transform: uppercase;
  margin-bottom: 24px;
  max-width: var(--nap20-cols-8);
}

.nap20-hero__text {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
  margin-bottom: 24px;
  max-width: var(--nap20-cols-8);
}

.nap20-hero__info-bar {
  position: relative;
  color: var(--color-text-light);
  backdrop-filter: blur(1px);
}

.nap20-hero__link {
  color: inherit;
  text-decoration: underline;
}

.nap20-hero__link:hover {
  color: inherit;
}

@media (min-width: 768px) {
  .nap20-hero__content {
    margin-block: 120px;
  }
  .nap20-hero:has(.nap20-hero__info-bar) .nap20-hero__content,
  .nap20-hero--with-bar .nap20-hero__content {
    margin-block: 80px;
  }
  .nap20-hero__title {
    font-size: 60px;
  }
  .nap20-hero__text {
    font-size: 20px;
  }
}
@media (min-width: 1273.3333333333px) {
  .nap20-hero__title {
    font-size: 80px;
  }
  .nap20-hero__subtitle {
    font-size: 20px;
  }
}
/*# Feature component #*/
.nap20-feature {
  display: grid;
  grid-template-columns: 48px auto;
}

.nap20-feature--small {
  grid-template-columns: 36px auto;
}

.nap20-feature__image {
  width: 48px;
  height: auto;
  color: var(--color-secondary);
  justify-self: center;
}

.nap20-feature--small .nap20-feature__image {
  width: 36px;
}

.nap20-feature__body {
  padding: 16px 8px 0px 8px;
}

.nap20-feature--small .nap20-feature__body {
  padding-top: 8px;
}

.nap20-feature__title {
  margin-bottom: 9px;
}

.nap20-feature__text {
  margin-bottom: 0;
  line-height: 32px;
}

@media (min-width: 1273.3333333333px) {
  .nap20-feature {
    grid-template-columns: var(--nap20-col) auto;
  }
  .nap20-feature__image {
    width: 64px;
  }
  .nap20-feature--small .nap20-feature__image {
    width: 48px;
  }
  .nap20-feature__body {
    padding-inline: 16px;
  }
  .nap20-feature--small .nap20-feature__body {
    padding-inline: 8px;
  }
}
/*# Info component #*/
.nap20-info__title {
  font-size: 20px;
  margin-bottom: 9px;
}

.nap20-info__text {
  font-size: 16px;
  margin-bottom: 0;
}

.nap20-info__list {
  list-style-type: disc;
  padding-inline-start: 40px;
}

/*# Join us block #*/
.nap20-join-us {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--nap20-gap-x) var(--nap20-gap-x);
}

.nap20-join-us__image {
  opacity: 0.7;
}

@media (min-width: 768px) {
  .nap20-join-us {
    grid-template-columns: auto 1fr;
    align-items: end;
  }
  .nap20-join-us__box {
    grid-row: span 2;
    align-self: stretch;
  }
}
@media (min-width: 1273.3333333333px) {
  .nap20-join-us {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: var(--nap20-gap);
  }
  .nap20-join-us__header {
    margin-bottom: 14px;
  }
  .nap20-join-us__box {
    grid-row: unset;
    align-self: unset;
  }
  .nap20-join-us__cta {
    margin-bottom: 52px;
    grid-column: unset;
    justify-self: normal;
  }
}
/*# Slide bar component #*/
@media (pointer: coarse) {
  .nap20-slide-bar {
    overflow-y: scroll;
  }
}
@media (pointer: fine) {
  .nap20-slide-bar:hover > * {
    overflow-y: scroll;
    transform: translateX(calc(100vw - 100%));
  }
}
.nap20-slide-bar > * {
  max-width: initial;
  transition: transform var(--time, 5s) linear;
}

/*# Number box component #*/
.nap20-number-box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: var(--color-secondary);
  padding: 16px;
  width: fit-content;
}

.nap20-number-box__title {
  font-size: 56px;
  font-weight: 800;
  line-height: 1;
  margin-bottom: 8px;
}

.nap20-number-box__text {
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1.2;
  margin-bottom: 0px;
  letter-spacing: 0.1em;
}

@media (min-width: 1273.3333333333px) {
  .nap20-number-box__title {
    font-size: 80px;
  }
  .nap20-number-box__text {
    font-size: 20px;
  }
}
/*# Testimonials block #*/
.nap20-testimonial {
  position: relative;
  --height: 256px;
  --width: 360px;
  display: grid;
  justify-content: center;
  grid-template-columns: var(--width);
  grid-template-rows: repeat(2, var(--height));
  background-color: inherit;
}

.nap20-testimonial__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.nap20-testimonial__tip {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
  background-color: inherit;
}

.nap20-testimonial__body {
  display: flex;
  flex-direction: column;
  padding: 48px 32px 32px 40px;
  overflow: clip;
  overflow-clip-margin: content-box;
}

.nap20-testimonial__text {
  margin-bottom: 20px;
}

.nap20-testimonial__name {
  margin-bottom: 7px;
  /* margin-top: auto; */
}

.nap20-testimonial__job {
  margin: 0;
}

.nap20-testimonials__grid {
  background-color: inherit;
}

@media (min-width: 768px) {
  .nap20-testimonial {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, var(--width));
    grid-template-rows: var(--height);
  }
  .nap20-testimonial:nth-child(even) .nap20-testimonial__image {
    order: 1;
  }
  .nap20-testimonials__grid {
    display: grid;
    grid-template-columns: 1fr;
    justify-items: center;
  }
}
@media (min-width: 1440px) {
  .nap20-testimonial {
    grid-template-columns: repeat(2, 1fr);
  }
  .nap20-testimonials__grid {
    grid-template-columns: repeat(2, 1fr);
    max-width: unset;
  }
  .nap20-testimonial:nth-child(even) .nap20-testimonial__image {
    order: unset;
  }
  .nap20-testimonial:nth-child(3n) .nap20-testimonial__image,
  .nap20-testimonial:nth-child(4n) .nap20-testimonial__image {
    order: 1;
  }
}
/*# Highlights block #*/
.nap20-highlights__grid {
  display: grid;
  gap: 16px;
}

.nap20-highlight {
  border: 1px solid var(--color-neutral-200);
  width: 100%;
  padding-block: 32px;
  padding-inline: 24px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: var(--nap20-cols-4);
}

.nap20-highlight--single {
  flex-direction: row;
  padding-inline: 0;
  gap: 16px;
  padding-block: 24px;
  justify-content: flex-start;
}

.nap20-highlight__title {
  margin-top: 0;
  margin-bottom: 18px;
}

.nap20-highlight__number {
  font-size: 48px;
  font-weight: 700;
  line-height: 1;
  margin-top: 0;
  margin-bottom: 10px;
}

.nap20-highlight--single .nap20-highlight__number {
  font-size: 54px;
  margin-bottom: 0;
}

.nap20-highlight__text {
  font-size: 16px;
  text-align: center;
}

.nap20-highlight--hero {
  border: none;
}
.nap20-highlight--hero .nap20-highlight__text {
  font-size: 18px;
}

.nap20-highlight--single .nap20-highlight__text {
  text-align: left;
  font-size: 16px;
  line-height: 24px;
}

@media (min-width: 1024px) {
  .nap20-highlights__grid {
    grid-template-columns: repeat(3, 1fr);
    gap: var(--nap20-gap);
  }
}
/*# Comparison Table block #*/
.nap20-comparison-table {
  display: grid;
  grid-template-columns: auto 1fr 1fr 1fr;
  font-size: 18px;
  font-weight: 400;
  justify-items: center;
  overflow-x: auto;
  padding-block: 32px;
  background-color: var(--color-bg-default);
  max-width: var(--nap20-cols-12);
  margin-inline: auto;
}

.nap20-comparison-table > * {
  padding-inline: 32px;
  width: 100%;
}

.nap20-comparison-table__header {
  font-size: 20px;
  font-weight: 700;
  border: none;
  padding-block: 16px;
  text-align: center;
}

.nap20-comparison-table__cell-inner {
  border-bottom: 1px solid rgba(0, 0, 0, 0.5333333333);
  padding-block: 16px;
  padding-inline: 16px;
  width: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  gap: 4px;
}

.nap20-comparison-table__cell-inner svg {
  width: 24px;
  height: 24px;
  color: var(--color-secondary);
}

.nap20-comparison-table__last-row-cell {
  padding-bottom: 24px;
}

.nap20-comparison-table > :nth-child(4n-3) .nap20-comparison-table__cell-inner {
  text-align: left;
  justify-content: start;
}

.nap20-comparison-table > :nth-child(4n-2) {
  background-color: var(--color-secondary-light);
}

.nap20-comparison-table > :nth-child(4n-2) .nap20-comparison-table__cell-inner svg {
  color: var(--color-text-light);
}

/*# Contact block #*/
.nap20-contact-block__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--nap20-gap);
  grid-template-areas: "header" "form" "text" "contact";
}

.nap20-contact-block__form {
  grid-area: form;
  max-width: var(--nap20-cols-5);
}

.nap20-contact-block__text {
  grid-area: text;
  margin-bottom: 0;
  max-width: var(--nap20-cols-5);
}

.nap20-contact-block__header {
  grid-area: header;
  max-width: var(--nap20-cols-5);
}

.nap20-contact-block__contact {
  grid-area: contact;
  --spacing: 16px;
}

@media (min-width: 1024px) {
  .nap20-contact-block__grid {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto 1fr;
    gap: var(--nap20-gap);
    grid-template-areas: "header form" "text form" "contact form";
  }
  .nap20-contact-block__header {
    max-width: unset;
  }
  .nap20-contact-block__form {
    margin-top: 8px;
  }
}
@media (min-width: 1273.3333333333px) {
  .nap20-contact-block__form {
    margin-top: 22px;
    margin-left: calc(var(--nap20-col) + var(--nap20-col-gap-x));
  }
}
/*# Contact form component #*/
.nap20-contact-form {
  position: relative;
}

.nap20-contact-form__title {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 24px;
  line-height: 1.2;
}

.nap20-contact-form__inner {
  --gap: 16px;
  display: flex;
  flex-direction: column;
  gap: var(--gap);
  margin-bottom: 16px;
}

.nap20-contact-form__submit {
  width: fit-content;
}

.nap20-input {
  padding-block: 16px;
  padding-inline: 24px;
  border: none;
  border-radius: 0;
  width: 100%;
}

.nap20-form-wrapping-label {
  display: block;
  line-height: 1;
  margin-bottom: 0;
  font-size: 15px;
  font-weight: 400;
}
.nap20-form-wrapping-label .nap20-input {
  margin-top: 6px;
  font-size: 16px;
  font-weight: 500;
}

.nap20-checkbox-wrapper {
  display: flex;
  align-items: center;
  gap: 8px;
  line-height: 1;
}

.nap20-checkbox-label {
  margin: 0;
}

.nap20-checkbox-label--plain {
  color: var(--color-neutral-800);
}
.nap20-checkbox-label--plain a {
  color: var(--color-neutral-800);
  border-bottom: none;
  text-decoration: underline;
}

.nap20-checkbox {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}

.nap20-contact-form__result {
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  align-items: center;
  opacity: 0;
}

/*# Contact box component #*/
.nap20-contact-box {
  display: flex;
  gap: 16px;
  align-items: center;
  justify-content: center;
  width: fit-content;
}

.nap20-contact-box:hover {
  color: var(--color-secondary);
}

.nap20-contact-box__image {
  width: 88px;
  height: 88px;
}

.nap20-contact-box__name {
  margin-bottom: 4px;
}

.nap20-contact-box__name,
.nap20-contact-box__phone {
  display: block;
}

/*# Secondary footer component #*/
.nap20-secondary-footer-list {
  margin-bottom: 0;
  padding: 0;
  list-style: none;
}

.nap20-secondary-footer-link {
  padding-block: 4px;
  display: block;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
  color: inherit;
}

.nap20-secondary-footer-link:hover {
  color: var(--color-secondary);
  text-decoration: none;
}

.nap20-secondary-footer-socials {
  display: flex;
  align-items: center;
  gap: 12px;
}

.nap20-secondary-footer {
  --spacing: 24px;
  background-color: var(--color-neutral-100);
  padding-block: 48px;
}

.nap20-secondary-footer__block-a {
  grid-area: a;
}

.nap20-secondary-footer__block-b {
  grid-area: b;
  margin-top: var(--spacing);
}

.nap20-secondary-footer__block-b1 {
  grid-area: b1;
}

.nap20-secondary-footer__block-c {
  grid-area: c;
  margin-top: var(--spacing);
}

@media (min-width: 768px) {
  .nap20-secondary-footer__inner {
    display: grid;
    grid-template-areas: "a b" "a b1" "a c";
    grid-template-columns: 1fr 1fr;
  }
  .nap20-secondary-footer__block-b1-md {
    grid-area: b1;
  }
  .nap20-secondary-footer__block-b,
  .nap20-secondary-footer__block-c {
    margin-top: 0;
  }
}
@media (min-width: 1273.3333333333px) {
  .nap20-secondary-footer__inner {
    grid-template-areas: "a b c";
    grid-template-columns: 4fr 2fr 2fr;
    align-items: center;
  }
  .nap20-secondary-footer-list--inline {
    display: flex;
    gap: 32px;
  }
  .nap20-secondary-footer__block-c-lg {
    grid-area: c;
  }
  .nap20-secondary-footer__block-b {
    margin-top: 0;
  }
  .nap20-secondary-footer__block-c {
    margin-top: 0;
  }
}
/*# Filter component #*/
.nap20-filter {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.nap20-filter-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 17px 25px;
  cursor: pointer;
  background-color: var(--color-gray-light);
}

.nap20-filter-header__title {
  font-size: 24px;
  font-weight: bold;
}

.nap20-filter__wrapper {
  background-color: #f5f2ee;
  padding: 25px;
  text-align: left;
  width: 100%;
}

.nap20-filter__no-result {
  margin-block: 50px;
}

.nap20-filter__title {
  font-size: 20px;
  font-weight: 500;
}

.nap20-filter__controls {
  --min: 200px;
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(auto-fit, minmax(var(--min), 1fr));
}

.nap20-filter__select {
  align-self: flex-start;
}

.nap20-filter__buttons {
  display: flex;
  gap: 20px;
  align-items: center;
}

.nap20-filter__form-control {
  display: flex;
  gap: 10px;
  align-items: center;
  user-select: none;
}
.nap20-filter__form-control label {
  font-size: 14px;
  width: max-content;
  margin: 0;
}
.nap20-filter__form-control input[type=checkbox] {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}

.nap20-filter__clear-button {
  font-weight: 500;
  text-decoration: underline;
  cursor: pointer;
}

@media (pointer: coarse) {
  .nap20-filter {
    --ruler-color: #c5c5c5 ;
  }
  .nap20-filter__controls {
    gap: 0;
  }
  .nap20-filter__form-control {
    border-bottom: 1px solid var(--ruler-color);
  }
  .nap20-filter__form-control label {
    padding-block: 12px;
    flex-grow: 1;
  }
  .nap20-filter__form-control:first-child {
    border-top: 1px solid var(--ruler-color);
  }
}
/*# Article Preview #*/
.nap20-preview-section {
  --min: var(--nap20-cols-5);
  container-type: inline-size;
  container-name: nap20-preview-section;
}

.nap20-preview-section__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 30px;
  max-width: var(--min);
  margin-inline: auto;
}

.nap20-preview-section__button-more--bottom {
  display: block;
  text-align: center;
  max-width: var(--min);
  margin-top: 50px;
  margin-inline: auto;
}

.nap20-preview-section__button-more--top {
  display: none;
}

.nap20-preview-section__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--nap20-gap);
  justify-items: center;
}

.nap20-preview-section__footer {
  display: grid;
  justify-content: center;
}

.nap20-preview-section__footer__more-button {
  margin-top: 80px;
  margin-bottom: 80px;
}

.nap20-article-preview {
  transition-duration: 0.3s;
  transition-delay: 0.3s;
  transition-property: all, display;
  transition-behavior: normal, allow-discrete;
  opacity: 1;
  display: flex;
}
@starting-style {
  .nap20-article-preview {
    opacity: 0;
  }
}

.nap20-article-preview.hidden {
  opacity: 0;
  display: none;
  transition-duration: 0.3s;
  transition-delay: 0s;
}

.nap20-article-preview.ready-to-show {
  opacity: 0;
  transition-duration: 0.3s;
  transition-delay: 0s;
}

.nap20-article-preview {
  display: flex;
  flex-direction: column;
  max-width: var(--min);
}

.nap20-article-preview__image {
  object-fit: cover;
  width: 100%;
  aspect-ratio: 3/2;
}

.nap20-article-preview__title {
  margin: 25px 0 16px 0;
}

.nap20-article-preview__text {
  font-size: 17px;
  font-weight: 500;
  line-height: 1.4118;
  margin-bottom: 32px;
}

.nap20-article-preview__content {
  flex-grow: 1;
}

.nap20-article-preview__button {
  align-self: flex-start;
}

.nap20-article-preview__inactive-label {
  margin: 0;
  z-index: 1;
  align-self: center;
  justify-self: center;
  color: white;
}

.nap20-article-preview--inactive .nap20-article-preview__image {
  filter: grayscale(1) brightness(0.5);
}
.nap20-article-preview--inactive .nap20-article-preview__title {
  color: gray;
}
.nap20-article-preview--inactive .nap20-article-preview__text {
  color: gray;
}

@container nap20-preview-section (min-width:600px) {
  .nap20-preview-section__grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .nap20-preview-section__header {
    max-width: unset;
  }
  .nap20-preview-section__button-more--top {
    display: inline-block;
  }
  .nap20-preview-section__button-more--bottom {
    display: none;
  }
}
@container nap20-preview-section (min-width:900px) {
  .nap20-preview-section__grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
/*# Quote component #*/
.nap20-quote__text {
  font-family: "Libre Baskerville", serif;
  font-size: 24px;
  font-weight: 400;
  margin-bottom: 16px;
}

.nap20-quote__author {
  font-family: var(--secondary-font);
  font-size: 16px;
  font-weight: 700;
  text-align: right;
  text-transform: uppercase;
  display: block;
}

.nap20-quote--center {
  text-align: center !important;
}

.nap20-quote--center .nap20-quote__author {
  text-align: center;
}

@media (min-width: 768px) {
  .nap20-quote__text {
    font-size: 32px;
  }
  .nap20-quote__author {
    font-size: 16px;
  }
}
/*# Carousel #*/
.nap20-carousel-arrow,
.nap20-carousel-arrow-left--dark,
.nap20-carousel-arrow-right--dark {
  width: 56px;
  height: 56px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M15.41 7.41L10.83 12l4.58 4.59L14 18l-6-6 6-6z"/></svg>');
}

.nap20-carousel-arrow--with-bg {
  border-radius: 50%;
  background-color: white;
}

.nap20-carousel-arrow-right--dark {
  transform: rotate(180deg);
}

.nap20-carousel-indicators--dark li {
  background-color: var(--color-text-dark);
}

.carousel-item .nap20-fullbleed-container {
  --height: 1000px;
  height: var(--height);
  display: grid;
  grid-template-rows: auto 1fr;
}

.carousel-item .nap20-fullbleed-container__image {
  height: 100%;
  max-height: unset;
  object-fit: cover;
  aspect-ratio: unset;
}

@media (min-width: 768px) {
  .carousel-item .nap20-fullbleed-container {
    display: block;
    --height: 900px;
  }
  .carousel-item .nap20-fullbleed-container__image {
    height: 50%;
  }
  .carousel-item .nap20-fullbleed-container__text {
    height: 50%;
  }
}
@media (min-width: 1024px) {
  .carousel-item .nap20-fullbleed-container {
    --height: 600px;
    align-items: center;
    display: grid;
    grid-template-rows: unset;
  }
  .carousel-item .nap20-fullbleed-container__image {
    height: 100%;
  }
  .carousel-item .nap20-fullbleed-container__text {
    height: unset;
  }
}
/*# Logo wall component #*/
.nap20-logo-wall {
  --row-height: 80px;
  --item-min-width: 200px;
  --gap-x: 20px;
  --gap-y: 40px;
  height: var(--row-height);
  overflow: hidden;
}

.nap20-logo-wall__grid {
  display: flex;
  gap: var(--gap-y) var(--gap-x);
}

.nap20-logo-wall__grid > * {
  min-width: var(--item-min-width);
  width: var(--item-min-width);
  height: var(--row-height);
  object-fit: contain;
}

@media (min-width: 450px) {
  .nap20-logo-wall {
    --gap-x: 60px;
    padding-inline: 32px;
    height: calc(2 * var(--row-height) + 1 * var(--gap-y));
  }
  .nap20-logo-wall__grid {
    display: grid;
    gap: var(--gap-y) var(--gap-x);
    grid-template-columns: repeat(auto-fill, minmax(var(--item-min-width), 1fr));
    grid-auto-rows: var(--row-height);
    justify-items: center;
  }
}
/*# Pricing table component #*/
.nap20-pricing-table__title {
  font-size: 35px;
  font-weight: 700;
  line-height: 1.1;
  margin-bottom: 16px;
}

.nap20-pricing-table__subtitle {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.67;
  text-transform: uppercase;
  margin-bottom: 16px;
}

.nap20-pricing-table__price {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2;
  white-space: nowrap;
  display: block;
}

.nap20-pricing-table__price--small {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
}

.nap20-pricing-table {
  display: grid;
  grid-template-columns: auto 1fr 1fr 1fr;
  font-size: 18px;
  font-weight: 400;
  justify-items: center;
  overflow-x: auto;
  padding: 32px;
  background-color: var(--color-bg-default);
  max-width: var(--nap20-cols-12);
  margin-inline: auto;
}

.nap20-pricing-table > * {
  padding-inline: 32px;
  width: 100%;
}

.nap20-pricing-table__header {
  font-size: 20px;
  font-weight: 700;
  border: none;
  padding-bottom: 16px;
  padding-top: 32px;
  text-align: center;
}

.nap20-pricing-table__x {
  color: var(--color-neutral-500);
}

.nap20-pricing-table__check {
  color: var(--color-secondary);
}

.nap20-pricing-table__cell-inner {
  border-bottom: 1px solid rgba(0, 0, 0, 0.5333333333);
  padding-block: 16px;
  padding-inline: 16px;
  width: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  gap: 4px;
  font-size: 16px;
}

.nap20-pricing-table__cell-inner svg {
  width: 20px;
  height: 20px;
}

.nap20-pricing-table__last-row-cell {
  padding-bottom: 24px;
}
.nap20-pricing-table__last-row-cell .nap20-pricing-table__cell-inner {
  border: none;
  white-space: nowrap;
}

/* first column */
.nap20-pricing-table > :nth-child(4n-3) {
  padding-left: 0;
}
.nap20-pricing-table > :nth-child(4n-3) .nap20-pricing-table__cell-inner {
  text-align: left;
  justify-content: start;
}

/* second and third column */
.nap20-pricing-table > :nth-child(4n),
.nap20-pricing-table > :nth-child(4n-2) {
  background-color: var(--color-soft-100);
  /* .nap20-pricing-table__cell-inner svg {
    color: var(--color-text-light);
  } */
}

.nap20-pricing-table-small {
  display: grid;
  grid-template-columns: 1fr 1fr;
  justify-items: center;
  font-size: 18px;
  font-weight: 400;
  overflow-x: auto;
  padding: 32px;
  background-color: var(--color-bg-default);
  max-width: var(--nap20-cols-8);
  margin-inline: auto;
}

.nap20-pricing-table-small > * {
  /* padding-inline: 32px; */
  width: 100%;
  min-width: 250px;
}

/* first column */
.nap20-pricing-table-small > :nth-child(2n-1) {
  padding-left: 0;
}
.nap20-pricing-table-small > :nth-child(2n-1) .nap20-pricing-table__cell-inner {
  text-align: left;
  justify-content: start;
}

/*# Footer #*/
.nap20-footer__logo {
  display: block;
  width: auto;
  height: 60px;
  object-fit: contain;
}

.nap20-footer__social-logo {
  display: block;
  width: 32px;
  height: 32px;
  object-fit: contain;
}

.nap20-footer-list {
  margin-bottom: 0;
  padding: 0;
  list-style: none;
}

.nap20-footer__text {
  font-size: 14px;
  margin-bottom: 0;
  line-height: 28px;
}

.nap20-footer-link {
  padding-block: 4px;
  display: block;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  color: inherit;
}

.nap20-footer-link:hover {
  color: var(--color-secondary);
  text-decoration: none;
}

.nap20-footer {
  --flow: 48px;
}

.nap20-footer__inner {
  display: flex;
  flex-direction: column;
  --spacing: 24px;
}
.nap20-footer__inner .nap20-footer__block-a {
  grid-area: a;
}
.nap20-footer__inner .nap20-footer__block-b1 {
  grid-area: b1;
  margin-top: var(--spacing);
}
.nap20-footer__inner .nap20-footer__block-b2 {
  grid-area: b2;
}
.nap20-footer__inner .nap20-footer__block-c {
  grid-area: c;
  margin-top: var(--spacing);
}
.nap20-footer__inner .nap20-footer__block-d1 {
  grid-area: d1;
  margin-top: var(--spacing);
}
.nap20-footer__inner .nap20-footer__block-d2 {
  grid-area: d2;
}

.nap20-footer-nav {
  color: white;
  background-color: var(--color-neutral-700);
}

.nap20-footer-nav__inner {
  display: flex;
  flex-direction: column;
  gap: var(--flow);
}

@media (min-width: 768px) {
  .nap20-footer-nav__inner {
    flex-direction: row;
  }
  .nap20-footer__inner {
    display: grid;
    grid-template-areas: "a b1" "c b2" "d1 d2";
    grid-template-columns: 1fr 1fr;
  }
  .nap20-footer__inner .nap20-footer__block-b1 {
    margin-top: 0;
  }
  .nap20-footer__inner .nap20-footer__block-c {
    margin-top: 0;
    align-self: end;
  }
  .nap20-footer__inner .nap20-footer__block-d2 {
    margin-top: var(--spacing);
  }
}
@media (min-width: 1273.3333333333px) {
  .nap20-footer__inner {
    grid-template-areas: "a b1 b2" "c d1 d2";
    grid-template-columns: 2fr 1fr 1fr;
  }
}
.nap20-footer-copy {
  background-color: var(--color-secondary);
  align-items: end;
}

/*# Details #*/
.nap20-details {
  background: inherit;
  overflow: hidden;
}

.nap20-details::details-content {
  block-size: 0;
  transition: block-size 0.5s, content-visibility 0.5s;
  transition-behavior: allow-discrete;
}

.nap20-details[open]::details-content {
  block-size: auto;
}

.nap20-details > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 25px;
  background-color: var(--color-soft-200);
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1.2;
  margin-bottom: 0;
  letter-spacing: 0.1em;
  cursor: pointer;
}

.nap20-details > summary:hover {
  color: var(--color-secondary);
}

.nap20-details > summary::after {
  content: "";
  width: 24px;
  height: 24px;
  fill: red;
  background-image: url('data:image/svg+xml;utf8,<svg width="26" height="15" viewBox="0 0 26 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.5782 14.3139L0.264214 2.99988L3.09221 0.171875L12.9922 10.0719L22.8922 0.171875L25.7202 2.99988L14.4062 14.3139C14.0312 14.6888 13.5225 14.8994 12.9922 14.8994C12.4619 14.8994 11.9533 14.6888 11.5782 14.3139Z" fill="black"/></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  transition: transform 0.5s ease-out;
}

.nap20-details > summary:hover::after {
  background-image: url('data:image/svg+xml;utf8,<svg width="26" height="15" viewBox="0 0 26 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.5782 14.3139L0.264214 2.99988L3.09221 0.171875L12.9922 10.0719L22.8922 0.171875L25.7202 2.99988L14.4062 14.3139C14.0312 14.6888 13.5225 14.8994 12.9922 14.8994C12.4619 14.8994 11.9533 14.6888 11.5782 14.3139Z" fill="%2364CB9C"/></svg>');
}

.nap20-details[open] > summary::after {
  transform: rotate(180deg);
}

.nap20-details__content {
  padding: 20px 25px;
}

.nap20-card {
  container: nap20-card/inline-size;
  display: block;
}

.nap20-card__inner {
  --height: 96px;
  height: var(--height);
  display: grid;
  grid-template-columns: var(--height) 1fr;
  max-width: var(--nap20-cols-5);
}

.nap20-card__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.nap20-card__body {
  display: flex;
  flex-direction: column;
  padding-block: 8px;
  padding-inline: 14px;
}

.nap20-card__title {
  font-size: 16px;
  margin-bottom: 0px;
}

.nap20-card__text {
  font-size: 13px;
  line-height: 1.4;
  max-height: 36.4px;
  overflow: clip;
  margin-bottom: 0;
}

.nap20-card__info {
  font-size: 14px;
  margin-top: auto;
}

@container nap20-card (min-width: 480px) {
  .nap20-card__inner {
    --height: 128px;
  }
  .nap20-card__body {
    padding-block: 12px;
    padding-inline: 20px;
  }
  .nap20-card__title {
    font-size: 20px;
    margin-bottom: 5px;
  }
  .nap20-card__text {
    font-size: 16px;
    max-height: 44.8px;
  }
  .nap20-card__info {
    font-size: 16px;
  }
}
.nap20-feature-card {
  padding: 32px;
  min-height: 256px;
  transition: all 0.3s ease-out;
}

.nap20-feature-card__image {
  height: 48px;
  width: auto;
  margin-bottom: 20px;
}

.nap20-feature-card__title {
  font-size: 24px;
  margin-bottom: 8px;
}

.nap20-feature-card__text {
  font-size: 16px;
  margin-bottom: 0;
}

.nap20-card-grid-quad {
  --primary-bg-color: var(--color-neutral-200);
  --secondary-bg-color: var(--color-neutral-500);
  --primary-text-color: var(--color-text-dark);
  --secondary-text-color: var(--color-text-light);
  --bg-hover-color: var(--color-bg-default);
  --text-hover-color: var(--color-text-dark);
  display: grid;
  grid-template-columns: minmax(auto, var(--nap20-cols-5));
  gap: 32px;
  justify-content: center;
}

.nap20-card-grid-quad > :nth-child(even) {
  background-color: var(--secondary-bg-color);
  color: var(--secondary-text-color);
}

.nap20-card-grid-quad > :nth-child(odd) {
  background-color: var(--primary-bg-color);
  color: var(--primary-text-color);
}

@media (min-width: 1024px) {
  .nap20-card-grid-quad {
    grid-template-columns: var(--nap20-cols-5) var(--nap20-cols-5);
  }
  .nap20-card-grid-quad > :nth-child(2),
  .nap20-card-grid-quad > :nth-child(3) {
    background-color: var(--secondary-bg-color);
    color: var(--secondary-text-color);
  }
  .nap20-card-grid-quad > :nth-child(1),
  .nap20-card-grid-quad > :nth-child(4) {
    background-color: var(--primary-bg-color);
    color: var(--primary-text-color);
  }
  .nap20-card-grid-quad--asymetric {
    grid-template-columns: repeat(10, var(--nap20-col));
  }
  .nap20-card-grid-quad--asymetric > :nth-child(2),
  .nap20-card-grid-quad--asymetric > :nth-child(3) {
    grid-column: span 4;
  }
  .nap20-card-grid-quad--asymetric > :nth-child(1),
  .nap20-card-grid-quad--asymetric > :nth-child(4) {
    grid-column: span 6;
  }
}
.nap20-card-grid-quad > a:hover {
  background-color: var(--bg-hover-color);
  color: var(--text-hover-color);
}

.nap20-about {
  display: grid;
  gap: var(--nap20-gap-y) 0px;
}

.nap20-about__image {
  width: 100%;
  height: auto;
  object-fit: cover;
  max-height: var(--nap20-cols-6);
  max-width: var(--nap20-cols-6);
  aspect-ratio: 1/1;
}

.nap20-about__text {
  max-width: var(--nap20-cols-6);
}

.nap20-about__cta {
  margin-top: 24px;
}

@media (min-width: 768px) {
  .nap20-about {
    grid-template-columns: var(--nap20-cols-3) auto;
    gap: var(--nap20-col);
    align-items: center;
  }
  .nap20-about__image {
    max-height: unset;
    max-width: unset;
  }
  .nap20-about__text {
    max-width: unset;
  }
  .nap20-about--flipped {
    grid-template-columns: auto var(--nap20-cols-3);
  }
  .nap20-about--flipped > *:first-child {
    order: 1;
  }
}
@media (min-width: 1024px) {
  .nap20-about {
    grid-template-columns: 2fr 3fr;
  }
  .nap20-about--flipped {
    grid-template-columns: 3fr 2fr;
  }
  .nap20-about--wide {
    grid-template-columns: 1fr 2fr;
  }
  .nap20-about--wide.nap20-about--flipped {
    grid-template-columns: 2fr 1fr;
  }
}
@media (min-width: 1273.3333333333px) {
  .nap20-about {
    grid-template-columns: var(--nap20-cols-6) var(--nap20-cols-5);
    justify-content: space-between;
  }
  .nap20-about--flipped {
    grid-template-columns: var(--nap20-cols-5) var(--nap20-cols-6);
  }
  .nap20-about--wide {
    grid-template-columns: auto var(--nap20-cols-7);
  }
  .nap20-about--wide.nap20-about--flipped {
    grid-template-columns: var(--nap20-cols-7) auto;
  }
}
.nap20-info-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-inline: 24px;
}

.nap20-info-box__image {
  height: 64px;
  width: auto;
  margin-top: 16px;
  margin-bottom: 14px;
}

.nap20-info-box__title {
  font-size: 20px;
  margin-bottom: 12px;
}

.nap20-info-box__text {
  margin-bottom: 27px;
}

.nap20-info-bar {
  display: grid;
  justify-content: center;
  grid-template-columns: repeat(auto-fit, minmax(var(--nap20-cols-3), 1fr));
  justify-items: center;
}

.nap20-event-card {
  display: flex;
  flex-direction: column;
  position: relative;
  background-color: var(--color-bg-default);
}

.nap20-event-card--shadow {
  filter: drop-shadow(2px 2px 5px rgba(0, 0, 0, 0.1));
}

.nap20-event-card__image {
  width: 100%;
  object-fit: cover;
  height: auto;
  aspect-ratio: 3/2;
  border-bottom: 5px solid var(--color-secondary);
}

.nap20-event-card__title {
  font-size: 24px;
  margin-bottom: 12px;
}

.nap20-event-card__text {
  font-size: 15px;
  margin-bottom: 12px;
}

.nap20-event-card__tag {
  position: absolute;
  top: 26px;
  left: 0px;
  padding: 5px 8px;
  font-size: 15px;
  background-color: var(--color-secondary);
}

.nap20-event-card__tag--light {
  left: 30px;
  background-color: rgba(255, 255, 255, 0.4);
  color: var(--color-secondary);
}

.nap20-event-card__body {
  display: flex;
  flex-direction: column;
  padding-inline: 30px;
  padding-top: 24px;
  padding-bottom: 30px;
  flex-grow: 1;
}

.nap20-event-card--no-padding .nap20-event-card__body {
  padding-inline: 0;
}

.nap20-event-card__footer {
  margin-top: auto;
}

.nap20-event-card__date {
  font-size: 15px;
  margin-bottom: 18px;
  display: block;
}

.nap20-event-card__date-icon {
  width: 20px;
  height: 20px;
  vertical-align: text-bottom;
  margin-right: 4px;
  color: var(--color-secondary);
  fill: var(--color-secondary);
}

.nap20-event-card__button {
  padding-block: 12px;
  padding-inline: 16px;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  min-width: 120px;
}

.nap20-event-card__button-box {
  display: flex;
  gap: 16px;
}

.nap20-event-card--no-padding .nap20-event-card__button-box {
  width: fit-content;
}

.nap20-event-cards-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 30px + var(--nap20-cols-3)), 1fr));
  gap: var(--nap20-gap);
}

.nap20-event-cards-grid--center {
  justify-content: center;
}

.nap20-event-cards-grid--bg-soft .nap20-event-card__body {
  background-color: var(--color-soft-100);
}

.nap20-breadcrumbs__wrapper {
  position: fixed;
  top: var(--nav-height);
  left: 0;
  background-color: var(--color-neutral-100);
  width: 100%;
  z-index: 9;
}

.nap20-breadcrumbs {
  display: flex;
  align-items: flex-end;
  gap: 4px;
  padding-block: 8px;
}

.nap20-breadcrumbs__link {
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
  text-decoration: underline;
  color: inherit;
}

.nap20-breadcrumbs__home, .nap20-breadcrumbs__delimiter {
  width: 20px;
  height: 20px;
}

.nap20-quote-2 {
  padding-block: 60px;
}

.nap20-quote-2__inner {
  display: flex;
  max-width: var(--nap20-cols-10);
}

.nap20-quote-2__text {
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  color: var(--color-neutral-700);
  padding-top: 22px;
  margin-left: 8px;
}

.nap20-quote-2__image {
  width: 48px;
  height: fit-content;
  flex-shrink: 0;
  color: var(--color-neutral-500);
}

@media (min-width: 1024px) {
  .nap20-quote-2 {
    padding-block: 96px;
  }
  .nap20-quote-2__image {
    width: 64px;
  }
  .nap20-quote-2__text {
    font-size: 32px;
    line-height: 48px;
    padding-top: 14px;
    margin-left: 16px;
  }
}
.nap20-app-badge {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}

.nap20-app-badge__image {
  height: 40px;
  width: auto;
  object-fit: contain;
}

.nap20-text-overlay__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  max-height: 400px;
  aspect-ratio: 3/2;
}

.nap20-text-overlay__text {
  padding-top: 24px;
}

@media (min-width: 1273.3333333333px) {
  .nap20-text-overlay {
    display: grid;
    grid-template-columns: [image-start] var(--nap20-cols-4) [text-start] var(--nap20-cols-2) [image-end] var(--nap20-cols-6) [text-end];
    gap: var(--nap20-gap);
  }
  .nap20-text-overlay--flipped {
    grid-template-columns: [text-start] var(--nap20-cols-6) [image-start] var(--nap20-cols-2) [text-end] var(--nap20-cols-4) [image-end];
  }
  .nap20-text-overlay__text {
    grid-column: text;
    grid-row: 1/1;
    padding-block: 64px;
    position: relative;
  }
  .nap20-text-overlay__image {
    max-height: unset;
    aspect-ratio: unset;
    grid-column: image;
    grid-row: 1/1;
    mask: linear-gradient(to right, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
  }
  .nap20-text-overlay__image--gradient {
    mask: linear-gradient(to right, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
  }
  .nap20-text-overlay--flipped .nap20-text-overlay__image--gradient {
    mask: linear-gradient(to left, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
  }
}
.nap20-quote-over-image {
  padding-top: 0;
  padding-bottom: 64px;
  color: var(--color-text-light);
  background-color: black;
  position: relative;
  overflow-x: clip;
}

.nap20-quote-over-image__inner {
  display: flex;
  margin-top: 48px;
}

.nap20-quote-over-image__symbol {
  font-size: 112px;
  line-height: 112px;
  font-weight: 700;
  flex-shrink: 0;
}

.nap20-quote-over-image__content {
  display: flex;
  flex-direction: column;
  padding-top: 26px;
  margin-left: 12px;
  position: relative;
}

.nap20-quote-over-image__text {
  font-size: 20px;
  font-weight: 400;
  line-height: 32px;
}

.nap20-quote-over-image__image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: 1/1;
  max-height: 500px;
  mask: linear-gradient(to bottom, rgba(0, 0, 0, 0.6) 70%, rgba(0, 0, 0, 0));
}

@media (prefers-reduced-motion: no-preference) {
  .nap20-quote-over-image__image.nap20-scroll-animation {
    animation: fade-in linear both;
    animation-timeline: view();
    animation-range-start: entry 50%;
    animation-range-end: contain;
  }
}
@media (prefers-reduced-motion: no-preference) and (min-width: 1024px) {
  .nap20-quote-over-image__image.nap20-scroll-animation {
    animation: fade-in-desktop linear both;
    animation-timeline: view();
    animation-range-start: entry 50%;
    animation-range-end: contain;
  }
}
@keyframes fade-in {
  from {
    opacity: 0.2;
  }
  to {
    opacity: 1;
  }
}
@keyframes fade-in-desktop {
  from {
    opacity: 0.2;
    transform: translateX(50px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
.nap20-quote-over-image__image--radial {
  mask: radial-gradient(closest-side, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
  max-height: 500px;
  max-width: 500px;
  margin-inline: auto;
}

.nap20-quote-over-image__author {
  font-size: 20px;
  line-height: 32px;
  font-weight: 700;
  margin-top: 26px;
}

.nap20-quote-over-image__job {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

@media (min-width: 1024px) {
  .nap20-quote-over-image {
    padding-top: 72px;
    padding-bottom: 112px;
  }
  .nap20-quote-over-image__image {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 50%;
    max-height: unset;
    mask: linear-gradient(to left, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
  }
  .nap20-quote-over-image__image--radial {
    margin-inline: 0;
    max-width: unset;
    mask: radial-gradient(circle farthest-side at right center, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
  }
  .nap20-quote-over-image__inner {
    max-width: var(--nap20-cols-8);
  }
  .nap20-quote-over-image__content {
    padding-top: 70px;
    margin-left: 31px;
  }
  .nap20-quote-over-image__symbol {
    font-size: 172px;
    line-height: 210px;
  }
  .nap20-quote-over-image__text {
    font-size: 24px;
  }
  .nap20-quote-over-image__job {
    font-size: 18px;
    line-height: 32px;
  }
}
.nap20-quote-with-image {
  display: flex;
  flex-direction: column;
  padding-top: 16px;
  padding-bottom: 32px;
  gap: 56px;
}

.nap20-quote-with-image__inner {
  display: flex;
}

.nap20-quote-with-image__symbol {
  font-size: 112px;
  line-height: 112px;
  font-weight: 700;
  flex-shrink: 0;
}

.nap20-quote-with-image__content {
  display: flex;
  flex-direction: column;
  padding-top: 26px;
  margin-left: 12px;
  position: relative;
}

.nap20-quote-with-image__text {
  font-size: 20px;
  font-weight: 400;
  line-height: 32px;
}

.nap20-quote-with-image__image {
  display: block;
  width: 80%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: 1/1;
  border-radius: 50%;
  align-self: center;
}

.nap20-quote-with-image__author {
  font-size: 20px;
  line-height: 32px;
  font-weight: 700;
  margin-top: 26px;
}

.nap20-quote-with-image__job {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

@media (min-width: 768px) {
  .nap20-quote-with-image {
    gap: 80px;
    padding-top: 32px;
  }
  .nap20-quote-with-image__image {
    max-width: 60%;
  }
}
@media (min-width: 1024px) {
  .nap20-quote-with-image {
    display: flex;
    align-items: center;
    flex-direction: row;
    gap: var(--nap20-gap);
  }
  .nap20-quote-with-image__image {
    height: 100%;
    width: var(--nap20-cols-4);
    max-width: unset;
    align-self: unset;
  }
  .nap20-quote-with-image__inner {
    max-width: var(--nap20-cols-8);
  }
  .nap20-quote-with-image__content {
    padding-top: 70px;
    margin-left: 31px;
  }
  .nap20-quote-with-image__symbol {
    font-size: 172px;
    line-height: 210px;
  }
  .nap20-quote-with-image__text {
    font-size: 24px;
  }
  .nap20-quote-with-image__job {
    font-size: 18px;
    line-height: 32px;
  }
}
.nap20-team-card {
  container: nap20-team-card/inline-size;
}

.nap20-team-card__inner, .nap20-team-card__body {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.nap20-team-card__image {
  width: 166px;
  height: 166px;
  object-fit: cover;
  border-radius: 50%;
  margin-bottom: 24px;
}

.nap20-team-card__name {
  font-size: 24px;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
}

.nap20-team-card__job,
.nap20-team-card__contact {
  display: block;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  margin: 0;
}

.nap20-team-card hr {
  display: block;
  border: none;
  height: 1px;
  width: 164px;
  background-color: var(--color-neutral-200);
  margin-top: 15px;
  margin-bottom: 14px;
  margin-inline: 0;
}

.nap20-team-card__contact {
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}

.nap20-team-card__contact + .nap20-team-card__contact {
  margin-top: 4px;
}

@container nap20-team-card (min-width: 560px) {
  .nap20-team-card__inner {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: var(--nap20-gap);
    align-items: center;
  }
  .nap20-team-card__body {
    display: block;
  }
  .nap20-team-card__image {
    margin: 0;
  }
}
.nap20-calendar-event {
  border-bottom: 1px solid var(--color-neutral-800);
  padding-bottom: 32px;
  max-width: var(--nap20-cols-5);
}

.nap20-calendar-event--inactive {
  color: var(--color-neutral-300);
}

.nap20-calendar-event__title {
  font-size: 24px;
  margin-top: 0;
  margin-bottom: 10px;
  line-height: 29px;
}

.nap20-calendar-event__text {
  font-size: 15px;
  margin-top: 0;
  margin-bottom: 19px;
  line-height: 20px;
}

.nap20-calendar-event__info, .nap20-calendar-event__play-link {
  font-size: 15px;
  margin-top: 0;
  margin-bottom: 0px;
  line-height: 24px;
}

.nap20-calendar-event__delimiter {
  margin: 0 12px;
}

.nap20-calendar-event__cta-link {
  display: flex;
  align-items: center;
  margin-top: 0px;
  width: fit-content;
}

.nap20-calendar-event--inactive .nap20-calendar-event__detail-link:not(:hover) {
  color: var(--color-neutral-300);
}

.nap20-calendar-event__cta-icon {
  margin-right: 4px;
  height: 16px;
}

.nap20-calendar__footer {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px 88px;
}

.nap20-calendar__link {
  text-decoration: underline;
  color: inherit;
}

.nap20-calendar__link:hover {
  text-decoration: underline;
}

.nap20-carousel-about__body {
  padding-top: 24px;
}

.nap20-carousel-about__title {
  font-size: 24px;
  margin-top: 0;
  margin-bottom: 20px;
  line-height: 32px;
}

.nap20-carousel-about__text {
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1.5;
}

.nap20-carousel-about__image {
  width: 100%;
  height: auto;
  object-fit: cover;
  aspect-ratio: 3/2;
}

.nap20-carousel-about__controls {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  aspect-ratio: 3/2;
}
.nap20-carousel-about__controls .carousel-control-prev,
.nap20-carousel-about__controls .carousel-control-next {
  align-items: center;
}

@media (min-width: 1024px) {
  .nap20-carousel-about {
    display: grid;
    grid-template-columns: var(--nap20-cols-6) auto;
    gap: var(--nap20-gap);
  }
  .nap20-carousel-about__image {
    aspect-ratio: 1/1;
    order: 1;
  }
  .nap20-carousel-about__controls {
    position: absolute;
    bottom: 0px;
    left: 0px;
    display: flex;
    gap: 48px;
    width: unset;
    aspect-ratio: unset;
    top: unset;
  }
  .nap20-carousel-about__controls .carousel-control-prev,
  .nap20-carousel-about__controls .carousel-control-next {
    position: static;
    width: unset;
  }
}
@media (min-width: 1273.3333333333px) {
  .nap20-carousel-about {
    grid-template-columns: var(--nap20-cols-7) auto;
  }
  .nap20-carousel-about__body {
    padding-top: 30px;
    padding-bottom: 80px;
  }
  .nap20-carousel-about__title {
    font-size: 35px;
    margin-bottom: 31px;
    line-height: 43px;
  }
}
.nap20-feature-2 {
  padding: 32px;
}

.nap20-feature-2__image {
  width: 72px;
  height: auto;
  color: var(--color-secondary);
  margin-bottom: 19px;
}

.nap20-feature-2__title {
  font-size: 30px;
  margin-top: 0;
  margin-bottom: 26px;
}

.nap20-feature-2__subtitle {
  margin-top: 0;
  margin-bottom: 19px;
  display: block;
}

.nap20-feature-2__list {
  line-height: 32px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  list-style-type: disc;
  padding-inline-start: 24px;
  margin-bottom: 0;
}

@media (min-width: 1273.3333333333px) {
  .nap20-feature-2__title {
    font-size: 35px;
  }
}
.nap20-feature-3 {
  display: flex;
}

.nap20-feature-3__image {
  width: 48px;
  height: 48px;
  margin-right: 15px;
  flex-shrink: 0;
}

.nap20-feature-3__title {
  font-size: 20px;
  line-height: 32px;
  font-weight: 500;
  padding-top: 9px;
  margin-bottom: 7px;
}

.nap20-about-2 {
  display: grid;
  gap: var(--nap20-gap-y) 0px;
}

.nap20-about-2__image {
  width: 100%;
  height: auto;
  object-fit: cover;
  max-height: var(--nap20-cols-6);
  max-width: var(--nap20-cols-6);
  aspect-ratio: 1/1;
}

.nap20-about-2__text {
  max-width: var(--nap20-cols-6);
}

.nap20-about-2__cta {
  margin-top: 24px;
}

@media (min-width: 1024px) {
  .nap20-about-2 {
    grid-template-columns: var(--nap20-cols-3) auto;
    gap: var(--nap20-col);
    align-items: center;
  }
  .nap20-about-2__image {
    max-height: unset;
    max-width: unset;
    height: 100%;
  }
  .nap20-about-2__text {
    max-width: unset;
    padding-block: 48px;
  }
  .nap20-about-2 {
    grid-template-columns: 1fr 2fr;
  }
  .nap20-about-2--flipped {
    grid-template-columns: 2fr 1fr;
  }
  .nap20-about-2--flipped > *:first-child {
    order: 1;
  }
}
@media (min-width: 1273.3333333333px) {
  .nap20-about-2 {
    grid-template-columns: auto var(--nap20-cols-7);
    justify-content: space-between;
  }
  .nap20-about-2--flipped {
    grid-template-columns: var(--nap20-cols-7) auto;
  }
}
/*# news-feed #*/
.nap20-news-feed {
  padding: 0;
  position: relative;
  user-select: none;
  overflow-x: hidden;
}

.nap20-news-feed__inner {
  background-color: var(--color-bg-default);
  overflow-x: hidden;
  position: relative;
  width: auto;
}

@media (min-width: 768px) {
  .nap20-news-feed__inner {
    width: min(var(--max-width-relative), var(--max-width-fixed));
    margin-inline: auto;
  }
}
/*# news-feed card #*/
.nap20-news-feed-container {
  overflow-x: scroll;
  display: flex;
  gap: 12px;
}

.nap20-news-feed-card:first-child {
  margin-inline-start: 5%;
}

.nap20-news-feed-card:last-child {
  margin-inline-end: 5%;
}

.nap20-news-feed-card {
  height: 96px;
  width: 280px;
  display: flex;
  gap: 12px;
  padding-right: 12px;
  border-right: 1px solid #c1c1c1;
  flex: 0 0 280px;
  color: inherit;
  margin-block: 12px;
}

.nap20-news-feed-card:hover {
  text-decoration: none;
  color: var(--color-secondary);
}

.nap20-news-feed-card__image {
  width: 96px;
  height: 96px;
  aspect-ratio: 1/1;
  object-fit: cover;
}

.nap20-news-feed-card__body {
  height: 54px;
  overflow: clip;
}

.nap20-news-feed-card__title {
  font-size: 12px;
  font-family: 800;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  line-height: 1.25;
  margin-top: 4px;
  margin-bottom: 4px;
}

.nap20-news-feed-card__text {
  font-size: 10px;
  font-weight: 400;
  line-height: 1.25;
  margin: 0;
}

.nap20-news-feed-card__tag {
  font-size: 10px;
  font-weight: 500;
  line-height: 1.25;
  text-transform: uppercase;
  margin-top: auto;
  margin-bottom: 4px;
  display: block;
}

.nap20-news-feed-card__date {
  font-size: 12px;
  font-weight: 700;
  line-height: 1.25;
  display: block;
}

.nap20-news-feed-next-button, .nap20-news-feed-prev-button {
  width: 36px;
  height: 36px;
  display: none;
  place-content: center;
  background-color: var(--color-secondary);
  border-radius: 50%;
  filter: drop-shadow(0px 4px 9px rgba(0, 0, 0, 0.4));
  position: absolute;
  top: -78px;
  right: -18px;
  cursor: pointer;
  user-select: none;
  opacity: 0;
  visibility: hidden;
  transition: visibility 0.3s allow-discrete, opacity 0.3s ease-out;
}

.nap20-news-feed-prev-button {
  left: -18px;
}

.nap20-news-feed-button--visible {
  opacity: 1;
  visibility: visible;
}

.nap20-news-feed-prev-button svg {
  transform: rotate(180deg);
}

/* click effect */
.nap20-news-feed-next-button:active, .nap20-news-feed-prev-button:active {
  filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.6));
}

/* handle mouse hover state */
@media (pointer: fine) {
  .nap20-news-feed-next-button:hover, .nap20-news-feed-prev-button:hover {
    background-color: var(--color-secondary-light);
  }
  .nap20-news-feed-next-button, .nap20-news-feed-prev-button {
    display: grid;
  }
  .nap20-news-feed-container {
    transition: transform 0.3s ease-out;
    scrollbar-width: none;
    overflow-x: visible;
  }
}
@media (min-width: 768px) {
  .nap20-news-feed-card:first-child {
    margin-inline-start: 12px;
  }
  .nap20-news-feed-card:last-child {
    margin-inline-end: 12px;
  }
}
.nap20-expert-container {
  display: flex;
  flex-direction: column;
  gap: var(--nap20-gap);
}

.nap20-expert {
  container: nap20-expert/inline-size;
  max-width: var(--nap20-cols-10);
  padding-block: 24px;
}

.nap20-expert__inner,
.nap20-expert__body {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.nap20-expert__image {
  width: var(--nap20-cols-4);
  height: auto;
  aspect-ratio: 1/1;
  object-fit: cover;
  border-radius: 50%;
  margin-bottom: 24px;
}

.nap20-expert__name {
  font-size: 32px;
  font-weight: 600;
  line-height: 40px;
  margin-top: 0;
  margin-bottom: 10px;
}

.nap20-expert__job {
  font-size: 18px;
  font-weight: 500;
  line-height: 32px;
  display: block;
  margin: 0;
}

.nap20-expert__contact {
  display: block;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  margin: 0;
}

.nap20-expert hr {
  display: block;
  border: none;
  height: 1px;
  width: 164px;
  background-color: var(--color-neutral-200);
  margin-top: 15px;
  margin-bottom: 21px;
  margin-inline: 0;
}

.nap20-expert__text {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: center;
}

.nap20-expert__text + .nap20-expert__contact {
  margin-top: 24px;
}

.nap20-expert__contact {
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}

.nap20-expert__contact + .nap20-expert__contact {
  margin-top: 4px;
}

@container nap20-expert (min-width: 855px) {
  .nap20-expert__inner {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: var(--nap20-gap);
    align-items: center;
  }
  .nap20-expert--flipped .nap20-expert__inner {
    grid-template-columns: 1fr auto;
  }
  .nap20-expert__inner {
    gap: 96px;
  }
  .nap20-expert__body {
    display: block;
  }
  .nap20-expert__text {
    text-align: left;
  }
  .nap20-expert__image {
    margin: 0;
  }
  .nap20-expert--flipped .nap20-expert__body {
    order: -1;
  }
}
.nap20-counter-card-grid-quad {
  display: grid;
  grid-template-columns: auto;
  gap: 32px;
  justify-content: center;
  align-items: start;
}

.nap20-counter-card__more-button {
  width: 44px;
  height: 44px;
  display: grid;
  place-content: center;
  background-color: var(--color-secondary);
  border-radius: 50%;
  cursor: pointer;
  transition: transform 0.3s ease-out;
}

.nap20-counter-card--open .nap20-counter-card__more-button {
  transform: rotate(90deg);
}

.nap20-counter-card--open .nap20-counter-card__more-content {
  visibility: visible;
  height: auto;
}

.nap20-counter-card__more-content-inner {
  text-align: center;
  margin-top: 24px;
}

.nap20-counter-card {
  background-color: var(--color-soft-100);
  padding: 32px;
  width: 304px;
}
.nap20-counter-card .nap20-cta-link {
  font-size: 20px;
}

.nap20-counter-card__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}

.nap20-counter-card__footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 20px;
}

.nap20-counter-card__icon {
  height: 40px;
  width: 40px;
  object-fit: contain;
}

.nap20-counter-card__counter {
  font-size: 40px;
  line-height: 1.1;
  font-weight: 900;
}

.nap20-counter-card__title {
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  line-height: 24px;
  margin: 0;
}

.nap20-counter-card__text {
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
}

@media (min-width: 1024px) {
  .nap20-counter-card-grid-quad {
    grid-template-columns: auto auto;
  }
  .nap20-counter-card__header {
    gap: 16px;
  }
  .nap20-counter-card__counter {
    font-size: 48px;
  }
  .nap20-counter-card__icon {
    height: 48px;
    width: 48px;
  }
}
.nap20-project-cards {
  margin-top: 60px;
  display: flex;
  gap: var(--nap20-gap-x);
  flex-wrap: wrap;
  justify-content: center;
}

.nap20-project-card {
  --min-height: 432px;
  --width: 320px;
  width: var(--width);
  min-height: var(--min-height);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 32px;
  background-color: var(--color-bg-default);
}

.nap20-project-card__image {
  width: 216px;
  height: 96px;
  object-fit: contain;
  object-position: center left;
  margin-bottom: 32px;
}

.nap20-project-card__title {
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  margin: 0;
}

.nap20-project-card__text {
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  margin: 0;
  margin-bottom: auto;
}

.nap20-project-card__button {
  margin-top: 32px;
}

.nap20-big-cta__section-grid {
  display: grid;
  place-items: center;
  position: relative;
}

.nap20-big-cta__background-image {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-position: top;
  object-fit: cover;
  z-index: -1;
}

.nap20-big-cta__container {
  width: min(90%, var(--nap20-cols-9));
  padding-block: 200px;
}

.nap20-big-cta__container {
  grid-area: 1/1;
}

.nap20-big-cta {
  background-color: var(--color-bg-default);
  padding: 32px 16px;
}

@media (min-width: 1024px) {
  .nap20-big-cta {
    padding: 60px;
  }
}
.nap20-about-double {
  display: grid;
  gap: var(--nap20-gap);
}

.nap20-about-double__image-box {
  display: grid;
  gap: 16px;
}

.nap20-about-double__image {
  width: 100%;
  height: auto;
  object-fit: cover;
  max-height: var(--nap20-cols-6);
  max-width: var(--nap20-cols-6);
  aspect-ratio: 1/1;
}

.nap20-about-double__text {
  max-width: var(--nap20-cols-6);
}

.nap20-about-double__cta {
  margin-top: 24px;
}

@media (min-width: 768px) {
  .nap20-about-double {
    grid-template-columns: var(--nap20-cols-3) auto;
    gap: var(--nap20-col);
    align-items: center;
  }
  .nap20-about-double__image {
    max-height: unset;
  }
  .nap20-about-double__text {
    margin-top: unset;
    max-width: unset;
  }
  .nap20-about-double--flipped {
    grid-template-columns: auto var(--nap20-cols-3);
  }
  .nap20-about-double--flipped > *:first-child {
    order: 1;
  }
}
@media (min-width: 1024px) {
  .nap20-about-double {
    grid-template-columns: 4fr 3fr;
    gap: var(--nap20-gap);
  }
  .nap20-about-double--flipped {
    grid-template-columns: 3fr 4fr;
  }
  .nap20-about-double__image-box {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 1273.3333333333px) {
  .nap20-about-double__image-box {
    flex-direction: row;
  }
  .nap20-about-double {
    grid-template-columns: var(--nap20-cols-8) var(--nap20-cols-4);
  }
  .nap20-about-double--flipped {
    grid-template-columns: var(--nap20-cols-4) var(--nap20-cols-8);
  }
}