@import url("https://fonts.googleapis.com/css2?family=Funnel+Display:wght@300..800&display=swap");
b, strong {
  font-weight: 500; }

.text-primary {
  color: rgba(215, 247, 14, 0.9) !important; }

.text-primary-dark {
  color: #c0dc0f !important; }

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: "Funnel Display", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  text-align: center;
  text-decoration: none;
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
  width: fit-content; }

.btn-primary {
  padding: 14px 32px;
  background-color: rgba(215, 247, 14, 0.9);
  color: #292521;
  border-radius: 15px; }
  .btn-primary.btn-primary-nav {
    padding: 9px 41px; }
  .btn-primary.btn-primary-gray {
    background-color: rgba(41, 37, 33, 0.06); }
    .btn-primary.btn-primary-gray:hover {
      background-color: rgba(41, 37, 33, 0.12); }
  .btn-primary.btn-primary-back:hover, .btn-primary.btn-primary-back:active, .btn-primary.btn-primary-back:focus, .btn-primary.btn-primary-back:checked, .btn-primary.btn-primary-back:focus-visible {
    background-color: #acc607 !important; }
  .btn-primary:hover, .btn-primary:active, .btn-primary:focus, .btn-primary:checked, .btn-primary:focus-visible {
    background-color: #c6e408 !important;
    color: #292521 !important;
    outline: none !important;
    box-shadow: none !important;
    border-color: transparent !important; }

.btn-download {
  width: 175px; }

.btn-arrow {
  padding: 2px 28px 2px 2px;
  color: #292521; }
  .btn-arrow::before {
    content: '';
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    background-color: #222222;
    border-radius: 14px;
    flex-shrink: 0;
    margin-right: 12px;
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='9' viewBox='0 0 14 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5 4.35355L12.8536 4L13.2071 4.35355L12.8536 4.70711L12.5 4.35355ZM0.5 4.85355C0.223858 4.85355 0 4.6297 0 4.35355C0 4.07741 0.223858 3.85355 0.5 3.85355V4.35355V4.85355ZM8.5 0.353554L8.85355 3.8743e-07L12.8536 4L12.5 4.35355L12.1464 4.70711L8.14645 0.707107L8.5 0.353554ZM12.5 4.35355L12.8536 4.70711L8.85355 8.70711L8.5 8.35355L8.14645 8L12.1464 4L12.5 4.35355ZM12.5 4.35355V4.85355H0.5V4.35355V3.85355H12.5V4.35355Z' fill='white'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center; }
  .btn-arrow:hover {
    color: #292521; }
  .btn-arrow--white {
    color: #ffffff; }
    .btn-arrow--white:hover {
      color: #ffffff; }

.btn-send {
  position: relative;
  padding: 14px 2px 14px 42px;
  color: #292521; }
  .btn-send::before {
    content: '';
    position: absolute;
    left: 2px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    background-color: #222222;
    border-radius: 14px;
    flex-shrink: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.1573 0.0276461C11.6728 -0.0397052 12.2102 -0.00942684 12.5908 0.410459C12.9715 0.830818 12.9481 1.36875 12.8301 1.8753C12.7111 2.38602 12.453 3.04105 12.1377 3.84308L10.1231 8.9671C9.85717 9.64362 9.65098 10.1701 9.47269 10.5628C9.29937 10.9445 9.12596 11.2649 8.90433 11.4837C7.93066 12.445 6.36431 12.445 5.39065 11.4837C5.16922 11.2649 4.9955 10.9443 4.8223 10.5628C4.64404 10.1701 4.43774 9.64343 4.1719 8.9671L4.10257 8.79229C4.04353 8.64209 4.02296 8.58994 4.00101 8.54425C3.83131 8.19136 3.53008 7.91846 3.16214 7.78448C3.11461 7.76722 3.06019 7.75112 2.9053 7.70733C2.47972 7.58703 2.15155 7.49467 1.90823 7.42022C1.67586 7.34912 1.47951 7.2828 1.34085 7.21026C-0.446859 6.27463 -0.447041 3.71507 1.34085 2.7796C1.47955 2.70704 1.67577 2.64077 1.90823 2.56964C2.15159 2.49518 2.47962 2.40286 2.9053 2.28253L9.13089 0.522763C9.96006 0.288369 10.6373 0.0956532 11.1573 0.0276461ZM11.8496 1.08136C11.8135 1.04177 11.7176 0.962466 11.2862 1.01886C10.8564 1.07513 10.2639 1.24112 9.40237 1.48468L3.17679 3.24444C2.74675 3.36601 2.43177 3.45516 2.2012 3.52569C1.9606 3.59931 1.84978 3.64185 1.80472 3.66534C0.732108 4.22661 0.732304 5.76307 1.80472 6.32452C1.84978 6.348 1.96078 6.3906 2.2012 6.46417C2.43174 6.53469 2.74684 6.62388 3.17679 6.74542C3.31785 6.7853 3.41378 6.81129 3.50394 6.84405C4.11753 7.06731 4.61949 7.52315 4.90237 8.11163C4.94382 8.19794 4.97978 8.29008 5.03323 8.42608L5.10257 8.60089C5.37246 9.28755 5.56749 9.78528 5.73245 10.1487C5.90218 10.5226 6.01419 10.693 6.09378 10.7718C6.67794 11.3484 7.61703 11.3484 8.2012 10.7718C8.28081 10.6932 8.39252 10.5232 8.56253 10.1487C8.72752 9.78525 8.92244 9.28775 9.19241 8.60089L11.2071 3.47686C11.5346 2.64342 11.7581 2.07082 11.8565 1.64874C11.9557 1.22266 11.8853 1.12069 11.8496 1.08136Z' fill='white'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center; }
  .btn-send:hover {
    color: #292521; }

.btn-secondary {
  padding: 10px 13px;
  background-color: #F8F8F8;
  color: #292521;
  border: none;
  border-radius: 12px;
  font-weight: 400;
  font-size: 12px; }
  .btn-secondary.btn-secondary-nav {
    padding: 8px 13px; }
  .btn-secondary:hover {
    background-color: #ebebeb;
    color: #292521; }

.btn-secondary-big {
  padding: 14px 55px;
  background-color: rgba(185, 185, 185, 0.17);
  color: #292521;
  border: none;
  border-radius: 15px;
  font-weight: 400;
  font-size: 14px; }
  .btn-secondary-big:hover {
    background-color: rgba(185, 185, 185, 0.3);
    color: #292521; }

.btn-sm {
  padding: 8px 13px;
  font-size: 12px; }

.btn-block {
  width: 100%; }

.btn-glass {
  background-color: rgba(255, 255, 255, 0.14);
  color: #ffffff; }
  .btn-glass:hover {
    background-color: rgba(255, 255, 255, 0.25);
    color: #ffffff; }

section[id] {
  scroll-margin-top: 80px; }

.breadcrumbs {
  position: absolute;
  top: 110px;
  left: 0;
  right: 0;
  z-index: 10; }
  @media (max-width: 1200px) {
    .breadcrumbs {
      display: none; } }
  .breadcrumbs__items {
    display: flex;
    align-items: center;
    padding-left: 25px;
    gap: 16px; }
  .breadcrumbs__home, .breadcrumbs__link, .breadcrumbs__current {
    font-family: "Funnel Display", sans-serif;
    font-weight: 300;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 0;
    color: rgba(255, 255, 255, 0.5);
    text-decoration: none;
    display: flex;
    align-items: center;
    transition: color 0.2s ease; }
  .breadcrumbs__home:hover, .breadcrumbs__link:hover {
    color: rgba(255, 255, 255, 0.8); }
  .breadcrumbs__home img, .breadcrumbs__arrow {
    width: auto;
    height: 12px;
    opacity: 0.5; }

.fade-section {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.8s ease, transform 0.8s ease; }
  .fade-section.is-visible {
    opacity: 1;
    transform: translateY(0); }

.chip {
  display: inline-block;
  padding: 8px 19px;
  font-family: "Funnel Display", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0;
  text-align: center;
  background: #EAEAEA;
  border-radius: 15px; }

.glass-bg {
  position: relative;
  isolation: isolate;
  backdrop-filter: blur(14.9px);
  -webkit-backdrop-filter: blur(14.9px);
  background: none; }
  .glass-bg::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    border: 1px solid transparent;
    background: linear-gradient(#E7E7E7, #E7E7E7) padding-box, linear-gradient(180deg, #FFFFFF 0%, #E7E7E7 100%) border-box;
    opacity: 0.1;
    z-index: -1; }

.feature-slider {
  padding: 0 20px; }
  @media (max-width: 992px) {
    .feature-slider {
      padding: 0 10px; } }
  .feature-slider__wrapper {
    max-width: 1400px;
    margin: 0 auto;
    background-color: #ffffff;
    border-radius: 20px;
    border: 1px solid transparent;
    background-image: linear-gradient(#ffffff, #ffffff), linear-gradient(180deg, rgba(255, 255, 255, 0.15) 0%, rgba(231, 231, 231, 0.024) 100%);
    background-origin: padding-box, border-box;
    background-clip: padding-box, border-box;
    padding: 33px 38px 25px; }
    @media (max-width: 768px) {
      .feature-slider__wrapper {
        padding: 25px 0px 20px; } }
  .feature-slider__header {
    display: flex;
    margin-bottom: 50px; }
    @media (max-width: 768px) {
      .feature-slider__header {
        padding-left: 20px;
        padding-right: 20px; } }
    @media (max-width: 1200px) {
      .feature-slider__header {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px; } }
  .feature-slider__title {
    font-family: "Funnel Display", sans-serif;
    font-weight: 400;
    font-size: 36px;
    line-height: 110%;
    letter-spacing: 0;
    color: #292521;
    margin: 0;
    max-width: 550px;
    flex-shrink: 0;
    margin-right: 130px;
    padding-right: 25px; }
    @media (max-width: 1400px) {
      .feature-slider__title {
        margin-right: 0; } }
    @media (max-width: 768px) {
      .feature-slider__title {
        font-size: 28px; } }
  .feature-slider__subtitle {
    font-family: "Funnel Display", sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0;
    color: #292521;
    margin: 0;
    max-width: 396px;
    width: 100%;
    margin-left: auto;
    margin-right: 40px; }
    @media (max-width: 1200px) {
      .feature-slider__subtitle {
        max-width: 100%; } }
    @media (max-width: 768px) {
      .feature-slider__subtitle {
        font-size: 13px; } }
  .feature-slider__btn {
    margin-bottom: auto; }
    @media (max-width: 1200px) {
      .feature-slider__btn {
        margin-left: 0;
        margin-bottom: 0; } }
  .feature-slider__slider-container {
    position: relative;
    overflow: hidden; }
  .feature-slider__footer {
    margin-top: 30px;
    text-align: center; }
    @media (max-width: 768px) {
      .feature-slider__footer {
        padding-left: 20px;
        padding-right: 20px; } }
  .feature-slider__footer-text {
    font-family: "Funnel Display", sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0;
    text-align: center;
    color: #292521;
    margin: 0 auto;
    max-width: 491px; }

.feature-swiper {
  overflow: hidden;
  padding: 20px 0;
  max-width: 1224px;
  margin: 0 auto; }
  .feature-swiper .swiper-wrapper {
    align-items: center; }
  .feature-swiper .swiper-slide {
    width: 292px;
    height: 533px;
    display: flex;
    align-items: center;
    justify-content: center; }
    .feature-swiper .swiper-slide .feature-slide__card {
      width: 164px;
      height: 300px;
      border-radius: 20px;
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      overflow: hidden;
      transition: all 0.3s ease; }
    .feature-swiper .swiper-slide .feature-slide__content {
      height: 100%;
      padding: 161px 15px 15px;
      text-align: left;
      transition: all 0.3s ease;
      box-sizing: border-box; }
    .feature-swiper .swiper-slide .feature-slide__line {
      display: block; }
    .feature-swiper .swiper-slide .feature-slide__title {
      font-size: 15px;
      font-weight: 400;
      line-height: 100%;
      padding-bottom: 0;
      transition: all 0.3s ease; }
    .feature-swiper .swiper-slide .feature-slide__subtitle {
      font-size: 10px;
      font-weight: 300;
      line-height: 140%;
      display: -webkit-box;
      -webkit-line-clamp: 5;
      -webkit-box-orient: vertical;
      overflow: hidden;
      transition: all 0.3s ease; }
    .feature-swiper .swiper-slide.swiper-slide-prev .feature-slide__card, .feature-swiper .swiper-slide.swiper-slide-next .feature-slide__card {
      width: 266px;
      height: 504px; }
    .feature-swiper .swiper-slide.swiper-slide-prev .feature-slide__content, .feature-swiper .swiper-slide.swiper-slide-next .feature-slide__content {
      padding: 263px 20px 15px; }
    .feature-swiper .swiper-slide.swiper-slide-prev .feature-slide__line, .feature-swiper .swiper-slide.swiper-slide-next .feature-slide__line {
      display: block; }
    .feature-swiper .swiper-slide.swiper-slide-prev .feature-slide__title, .feature-swiper .swiper-slide.swiper-slide-next .feature-slide__title {
      font-size: 22px;
      padding-bottom: 10px; }
    .feature-swiper .swiper-slide.swiper-slide-prev .feature-slide__subtitle, .feature-swiper .swiper-slide.swiper-slide-next .feature-slide__subtitle {
      font-size: 13px; }
    .feature-swiper .swiper-slide.swiper-slide-active .feature-slide__card {
      width: 292px;
      height: 533px; }
    .feature-swiper .swiper-slide.swiper-slide-active .feature-slide__content {
      padding: 278px 20px 15px; }
    .feature-swiper .swiper-slide.swiper-slide-active .feature-slide__line {
      display: block; }
    .feature-swiper .swiper-slide.swiper-slide-active .feature-slide__title {
      font-size: 24px;
      padding-bottom: 10px; }
    .feature-swiper .swiper-slide.swiper-slide-active .feature-slide__subtitle {
      font-size: 14px; }
    .feature-swiper .swiper-slide.swiper-slide-outer-left {
      justify-content: flex-end; }
    .feature-swiper .swiper-slide.swiper-slide-outer-right {
      justify-content: flex-start; }

.feature-slide__content {
  padding: 280px 20px 15px; }
.feature-slide__line {
  width: 100%;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.55);
  margin-bottom: 15px; }
.feature-slide__title {
  font-family: "Funnel Display", sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 100%;
  letter-spacing: 0;
  color: #ffffff;
  margin: 0 0 10px 0; }
.feature-slide__subtitle {
  font-family: "Funnel Display", sans-serif;
  font-weight: 300;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: 0;
  color: #ffffff;
  margin: 0; }

.testimonials {
  padding-top: 80px; }
  .testimonials .container {
    text-align: center; }
  .testimonials__title {
    font-family: "Funnel Display", sans-serif;
    font-weight: 400;
    font-size: 48px;
    line-height: 110%;
    letter-spacing: 0;
    text-align: center;
    color: #292521;
    margin: 0 auto 14px;
    max-width: 459px; }
  .testimonials__subtitle {
    font-family: "Funnel Display", sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0;
    color: #292521;
    margin: 0 auto 20px;
    max-width: 354px; }
  .testimonials__slider-container {
    max-width: 1440px;
    margin: 0 auto;
    overflow: hidden;
    position: relative; }
    .testimonials__slider-container::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100px;
      height: 100%;
      background: linear-gradient(90deg, #F4F4F4 0%, rgba(244, 244, 244, 0) 100%);
      pointer-events: none;
      z-index: 1000;
      opacity: 1;
      transition: opacity 0.3s ease; }
      @media (max-width: 768px) {
        .testimonials__slider-container::before {
          width: 50px; } }
    .testimonials__slider-container::after {
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      width: 100px;
      height: 100%;
      background: linear-gradient(90deg, rgba(244, 244, 244, 0) 0%, #F4F4F4 100%);
      pointer-events: none;
      z-index: 1000;
      opacity: 1;
      transition: opacity 0.3s ease; }
      @media (max-width: 768px) {
        .testimonials__slider-container::after {
          width: 50px; } }
    .testimonials__slider-container.is-at-start::before {
      opacity: 0; }
    .testimonials__slider-container.is-at-end::after {
      opacity: 0; }

.testimonials-swiper {
  overflow: visible;
  padding-left: 100px;
  padding-right: 100px; }
  @media (max-width: 768px) {
    .testimonials-swiper {
      padding-left: 35px;
      padding-right: 35px; } }
  .testimonials-swiper .swiper-slide {
    width: 882px; }
    @media (max-width: 768px) {
      .testimonials-swiper .swiper-slide {
        width: 300px; } }

.testimonial-card {
  display: flex;
  padding: 12px 28px 15px 16px;
  border-radius: 20px;
  background: #ffffff;
  border: 1px solid transparent;
  background-image: linear-gradient(#ffffff, #ffffff), linear-gradient(180deg, rgba(255, 255, 255, 0.15) 0%, rgba(231, 231, 231, 0.024) 100%);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  box-shadow: 2px 2px 15px 0px rgba(0, 0, 0, 0.04);
  gap: 37px; }
  @media (max-width: 768px) {
    .testimonial-card {
      flex-direction: column;
      gap: 20px; } }
  .testimonial-card__image {
    flex-shrink: 0; }
    .testimonial-card__image img {
      width: 253px;
      height: 311px;
      border-radius: 13px;
      object-fit: cover; }
      @media (max-width: 768px) {
        .testimonial-card__image img {
          width: 100%;
          height: auto; } }
  .testimonial-card__content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-top: 16px; }
  .testimonial-card__text {
    font-family: "Funnel Display", sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 139%;
    letter-spacing: 0;
    color: #292521;
    margin: 0; }
    @media (max-width: 768px) {
      .testimonial-card__text {
        font-size: 16px;
        padding-bottom: 20px; } }
  .testimonial-card__footer {
    display: flex;
    justify-content: space-between;
    align-items: end;
    padding-bottom: 25px; }
    @media (max-width: 768px) {
      .testimonial-card__footer {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px; } }
  .testimonial-card__author {
    display: flex;
    align-items: center;
    gap: 23px; }
  .testimonial-card__avatar {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background-color: #c0dc0f;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Funnel Display", sans-serif;
    font-weight: 300;
    font-size: 15px;
    line-height: 102%;
    letter-spacing: 0.09em;
    text-align: center;
    color: rgba(41, 37, 33, 0.42); }
    @media (max-width: 768px) {
      .testimonial-card__avatar {
        display: none; } }
  .testimonial-card__info {
    display: flex;
    flex-direction: column;
    gap: 4px; }
  .testimonial-card__name {
    font-family: "Funnel Display", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0;
    color: #292521; }
  .testimonial-card__position {
    font-family: "Funnel Display", sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0;
    color: #292521; }
  .testimonial-card__logo img {
    max-height: 136px;
    width: auto; }
  @media (max-width: 768px) {
    .testimonial-card__logo {
      display: none; } }

.news {
  padding-top: 110px; }
  .news__container {
    max-width: 1323px;
    margin: 0 auto;
    padding: 0 20px; }
  .news__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 33px; }
    @media (max-width: 768px) {
      .news__header {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px; } }
  .news__title {
    font-family: "Funnel Display", sans-serif;
    font-weight: 400;
    font-size: 36px;
    line-height: 110%;
    letter-spacing: 0;
    color: #292521;
    margin: 0; }
  .news__grid {
    display: flex;
    justify-content: center;
    gap: 11px; }
    @media (max-width: 992px) {
      .news__grid {
        flex-direction: column;
        align-items: center; } }

.news-card {
  display: flex;
  flex-direction: column;
  width: 409px;
  background: rgba(255, 255, 255, 0.55);
  border-radius: 20px;
  overflow: hidden; }
  @media (max-width: 768px) {
    .news-card {
      width: 100%;
      max-width: 409px; } }
  .news-card__image {
    position: relative;
    width: 100%;
    height: 305px;
    overflow: hidden; }
    .news-card__image img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
    .news-card__image::after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      height: 255px;
      background: linear-gradient(180deg, rgba(250, 250, 250, 0) 50%, rgba(250, 250, 250, 0.5) 69.23%, rgba(250, 250, 250, 0.83) 84.37%, #FAFAFA 100%);
      pointer-events: none; }
  .news-card__category {
    position: absolute;
    top: 22px;
    right: 19px;
    padding: 7px 11px;
    background: rgba(255, 255, 255, 0.14);
    backdrop-filter: blur(10px);
    border-radius: 12px;
    font-family: "Funnel Display", sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 0;
    color: #ffffff; }
  .news-card__content {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    padding: 0 44px 29px 23px; }
    .news-card__content .btn {
      margin-top: auto; }
  .news-card__title {
    font-family: "Funnel Display", sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0;
    color: #292521;
    margin: 0;
    padding-bottom: 17px; }
  .news-card__description {
    font-family: "Funnel Display", sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 130%;
    letter-spacing: 0;
    color: rgba(41, 37, 33, 0.52);
    margin: 0 0 20px 0;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden; }
    @media (max-width: 768px) {
      .news-card__description {
        -webkit-line-clamp: 5; } }

.hero-page {
  padding: 25px 20px 0; }
  @media (max-width: 1200px) {
    .hero-page {
      padding: 15px 10px 0; } }
  .hero-page__bg {
    max-width: 1600px;
    margin: 0 auto;
    height: 550px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    border-radius: 20px; }
    @media (min-width: 1921px) {
      .hero-page__bg {
        max-width: 1920px; } }
    @media (max-width: 768px) {
      .hero-page__bg {
        height: 500px; } }
    .hero-page__bg--lesnictvi {
      background-image: url("../images/hero-lesnictvi.jpg"); }
    .hero-page__bg--propla {
      background-image: url("../images/hero-propla.jpg"); }
    .hero-page__bg--gis {
      background-image: url("../images/hero-gis.jpg"); }
    .hero-page__bg--gov {
      background-image: url("../images/hero-gov.jpg"); }
    .hero-page__bg--404 {
      background-image: url("../images/hero-klient.jpg");
      height: 250px; }
    .hero-page__bg--klient {
      background-image: url("../images/hero-klient.jpg");
      height: 250px; }
    .hero-page__bg--aktuality {
      background-image: url("../images/hero-aktuality.jpg");
      height: 250px; }
    .hero-page__bg--kontakt {
      background-position: top;
      background-image: url("../images/hero-kontakty.jpg"); }
    .hero-page__bg--pasport {
      background-image: url("../images/hero-pasport.jpg"); }
    .hero-page__bg--onas {
      background-image: url("../images/hero-o-nas.jpg"); }
    .hero-page__bg--post {
      max-width: 1400px;
      position: relative;
      border-radius: 20px 20px 0 0; }
      .hero-page__bg--post::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 90%;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
        border-radius: 20px 20px 0 0;
        pointer-events: none; }
      .hero-page__bg--post::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 50%;
        background: linear-gradient(180deg, rgba(250, 250, 250, 0) 0%, rgba(250, 250, 250, 0.5) 50%, rgba(250, 250, 250, 0.83) 84.37%, #FAFAFA 100%);
        pointer-events: none; }
  .hero-page__content {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 62px; }
    @media (max-width: 992px) {
      .hero-page__content {
        flex-direction: column;
        gap: 30px; } }
  .hero-page__title {
    font-family: "Funnel Display", sans-serif;
    font-weight: 300;
    font-size: 48px;
    line-height: 120%;
    letter-spacing: 0;
    text-align: right;
    color: #ffffff;
    margin: 0;
    max-width: 574px; }
    .hero-page__title-propla {
      max-width: 420px; }
    @media (max-width: 992px) {
      .hero-page__title {
        text-align: center;
        font-size: 40px; } }
    @media (max-width: 768px) {
      .hero-page__title {
        font-size: 32px; } }
  .hero-page__glass {
    background: rgba(255, 255, 255, 0.14);
    backdrop-filter: blur(10px);
    border-radius: 20px;
    padding: 27px 48px 27px 45px;
    max-width: 411px; }
    @media (max-width: 768px) {
      .hero-page__glass {
        padding: 25px;
        max-width: 100%; } }
  .hero-page__text {
    font-family: "Funnel Display", sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0;
    color: #ffffff;
    margin: 0; }

.accordion-btn__icon {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  background-color: #222222;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url(../images/icon-plus.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 13px 13px; }

[aria-expanded="true"] .accordion-btn__icon {
  background-image: url(../images/icon-minus.svg); }

.is-open .accordion-btn__icon {
  background-image: url(../images/icon-minus.svg); }

.faq-section {
  padding: 80px 20px; }
  .faq-section .faq-container {
    max-width: 1400px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center; }
  .faq-section .faq-chip {
    padding: 8px 19px;
    font-family: "Funnel Display", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0;
    text-align: center;
    background: #EAEAEA;
    border-radius: 15px;
    margin-bottom: 15px; }
  .faq-section .faq-title {
    font-family: "Funnel Display", sans-serif;
    font-weight: 400;
    font-size: 36px;
    line-height: 110%;
    letter-spacing: 0;
    text-align: center;
    margin-bottom: 39px;
    color: #292521; }
    @media (max-width: 768px) {
      .faq-section .faq-title {
        font-size: 28px; } }
  .faq-section .faq-content {
    max-width: 984px;
    width: 100%;
    background: #ededed;
    border: 1px solid rgba(231, 231, 231, 0.15);
    border-radius: 20px;
    padding: 68px 85px 79px; }
    @media (max-width: 992px) {
      .faq-section .faq-content {
        padding: 40px 40px 50px; } }
    @media (max-width: 768px) {
      .faq-section .faq-content {
        padding: 30px 20px 40px; } }
  .faq-section .faq-accordion {
    display: flex;
    flex-direction: column;
    gap: 15px; }
  .faq-section .faq-item {
    background: rgba(255, 255, 255, 0.5);
    border: 1px solid rgba(231, 231, 231, 0.15);
    box-shadow: 2px 2px 15px 0px rgba(0, 0, 0, 0.04);
    border-radius: 20px;
    overflow: hidden; }
    .faq-section .faq-item .faq-btn {
      width: 100%;
      padding: 27px 42px 0;
      margin-bottom: 27px;
      background: transparent;
      border: none;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 20px;
      box-shadow: none; }
      .faq-section .faq-item .faq-btn.collapsed {
        padding: 27px 42px 0 !important; }
      @media (max-width: 768px) {
        .faq-section .faq-item .faq-btn {
          padding: 20px; } }
      .faq-section .faq-item .faq-btn::after {
        display: none; }
      .faq-section .faq-item .faq-btn:focus {
        box-shadow: none; }
      .faq-section .faq-item .faq-btn .faq-btn-title {
        font-family: "Funnel Display", sans-serif;
        font-weight: 500;
        font-size: 16px;
        line-height: 100%;
        letter-spacing: 0;
        color: #292521;
        text-align: left; }
    .faq-section .faq-item .faq-body {
      padding: 0 42px 27px 42px; }
      @media (max-width: 768px) {
        .faq-section .faq-item .faq-body {
          padding: 0 20px 20px 20px; } }
      .faq-section .faq-item .faq-body .faq-text {
        font-family: "Funnel Display", sans-serif;
        font-weight: 300;
        font-size: 14px;
        line-height: 140%;
        letter-spacing: 0;
        color: #292521;
        margin: 0; }

.price-chip {
  display: inline-block;
  border: none;
  border-radius: 12px;
  font-weight: 400;
  font-size: 12px;
  margin-top: 24px;
  padding: 7px 21px;
  background-color: #EFEFEF;
  color: black; }

.slider-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  width: 44px;
  height: 31px;
  margin: 20px auto 0;
  background: rgba(226, 226, 226, 0.24);
  border-radius: 20px; }
  .slider-nav__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    background: none;
    border: none;
    cursor: pointer;
    transition: opacity 0.3s ease; }
    .slider-nav__btn:hover {
      opacity: 0.7; }
    .slider-nav__btn img {
      width: auto;
      height: auto; }
  .software-solutions__nav .slider-nav, .contact-specialists__nav .slider-nav {
    margin: 0; }

.page-content {
  padding: 60px 0; }
  @media (max-width: 768px) {
    .page-content {
      padding: 40px 0; } }
  .page-content h1:not([class*="pdsoft__"]),
  .page-content h2:not([class*="pdsoft__"]),
  .page-content h3:not([class*="pdsoft__"]),
  .page-content h4:not([class*="pdsoft__"]),
  .page-content h5:not([class*="pdsoft__"]),
  .page-content h6:not([class*="pdsoft__"]) {
    font-family: "Funnel Display", sans-serif;
    font-weight: 300;
    color: #292521;
    margin: 0 0 20px 0;
    line-height: 120%; }
    @media (max-width: 768px) {
      .page-content h1:not([class*="pdsoft__"]),
      .page-content h2:not([class*="pdsoft__"]),
      .page-content h3:not([class*="pdsoft__"]),
      .page-content h4:not([class*="pdsoft__"]),
      .page-content h5:not([class*="pdsoft__"]),
      .page-content h6:not([class*="pdsoft__"]) {
        margin: 0 0 15px 0; } }
  .page-content h1:not([class*="pdsoft__"]) {
    font-size: 48px; }
    @media (max-width: 992px) {
      .page-content h1:not([class*="pdsoft__"]) {
        font-size: 44px; } }
    @media (max-width: 768px) {
      .page-content h1:not([class*="pdsoft__"]) {
        font-size: 36px; } }
  .page-content h2:not([class*="pdsoft__"]) {
    font-weight: 400;
    font-size: 36px; }
    @media (max-width: 992px) {
      .page-content h2:not([class*="pdsoft__"]) {
        font-size: 34px; } }
    @media (max-width: 768px) {
      .page-content h2:not([class*="pdsoft__"]) {
        font-size: 30px; } }
  .page-content h3:not([class*="pdsoft__"]) {
    font-size: 34px; }
    @media (max-width: 992px) {
      .page-content h3:not([class*="pdsoft__"]) {
        font-size: 28px; } }
    @media (max-width: 768px) {
      .page-content h3:not([class*="pdsoft__"]) {
        font-size: 24px; } }
  .page-content h4:not([class*="pdsoft__"]) {
    font-size: 28px; }
    @media (max-width: 992px) {
      .page-content h4:not([class*="pdsoft__"]) {
        font-size: 24px; } }
    @media (max-width: 768px) {
      .page-content h4:not([class*="pdsoft__"]) {
        font-size: 20px; } }
  .page-content h5:not([class*="pdsoft__"]) {
    font-size: 24px; }
    @media (max-width: 992px) {
      .page-content h5:not([class*="pdsoft__"]) {
        font-size: 20px; } }
    @media (max-width: 768px) {
      .page-content h5:not([class*="pdsoft__"]) {
        font-size: 18px; } }
  .page-content h6:not([class*="pdsoft__"]) {
    font-size: 20px; }
    @media (max-width: 992px) {
      .page-content h6:not([class*="pdsoft__"]) {
        font-size: 18px; } }
    @media (max-width: 768px) {
      .page-content h6:not([class*="pdsoft__"]) {
        font-size: 16px; } }
  .page-content p:not([class*="pdsoft__"]) {
    font-family: "Funnel Display", sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 150%;
    letter-spacing: 0;
    color: #292521;
    margin: 0 0 20px 0; }
    @media (max-width: 768px) {
      .page-content p:not([class*="pdsoft__"]) {
        margin: 0 0 10px 0; } }
  .page-content ul:not([class*="pdsoft__"]),
  .page-content ol:not([class*="pdsoft__"]) {
    font-family: "Funnel Display", sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 140%;
    color: #292521;
    margin: 0 0 20px 0;
    padding-left: 25px; }
    @media (max-width: 768px) {
      .page-content ul:not([class*="pdsoft__"]),
      .page-content ol:not([class*="pdsoft__"]) {
        padding-left: 20px;
        margin: 0 0 15px 0; } }
    .page-content ul:not([class*="pdsoft__"]) li:not([class*="pdsoft__"]):last-child,
    .page-content ol:not([class*="pdsoft__"]) li:not([class*="pdsoft__"]):last-child {
      margin-bottom: 0; }
  .page-content ul:not([class*="pdsoft__"]) {
    list-style-type: disc; }
  .page-content ol:not([class*="pdsoft__"]) {
    list-style-type: decimal; }
  .page-content a:not([class*="pdsoft__"]) {
    color: #c0dc0f;
    text-decoration: underline;
    transition: opacity 0.3s ease; }
    .page-content a:not([class*="pdsoft__"]):hover {
      opacity: 0.7; }
  .page-content blockquote:not([class*="pdsoft__"]) {
    font-family: "Funnel Display", sans-serif;
    font-weight: 400;
    font-size: 18px;
    font-style: italic;
    line-height: 160%;
    color: #292521;
    margin: 30px 0;
    padding: 20px 30px;
    border-left: 4px solid rgba(215, 247, 14, 0.9);
    background: rgba(215, 247, 14, 0.1); }
    @media (max-width: 768px) {
      .page-content blockquote:not([class*="pdsoft__"]) {
        font-size: 16px;
        margin: 20px 0;
        padding: 15px 20px; } }
  .page-content img:not([class*="pdsoft__"]) {
    max-width: 100%;
    height: auto;
    margin: 20px 0; }
    @media (max-width: 768px) {
      .page-content img:not([class*="pdsoft__"]) {
        border-radius: 8px;
        margin: 15px 0; } }
  .page-content table:not([class*="pdsoft__"]) {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    font-family: "Funnel Display", sans-serif;
    font-size: 14px; }
    @media (max-width: 768px) {
      .page-content table:not([class*="pdsoft__"]) {
        font-size: 13px;
        display: block;
        overflow-x: auto; } }
    .page-content table:not([class*="pdsoft__"]) th, .page-content table:not([class*="pdsoft__"]) td {
      padding: 12px 15px;
      text-align: left;
      border-bottom: 1px solid rgba(41, 37, 33, 0.1); }
      @media (max-width: 768px) {
        .page-content table:not([class*="pdsoft__"]) th, .page-content table:not([class*="pdsoft__"]) td {
          padding: 10px 12px; } }
    .page-content table:not([class*="pdsoft__"]) th {
      font-weight: 500;
      background: rgba(41, 37, 33, 0.05); }
  .page-content hr:not([class*="pdsoft__"]) {
    border: none;
    border-top: 1px solid rgba(41, 37, 33, 0.15);
    margin: 40px 0; }
    @media (max-width: 768px) {
      .page-content hr:not([class*="pdsoft__"]) {
        margin: 30px 0; } }

.thank-you {
  padding: 80px 0 120px; }
  @media (max-width: 768px) {
    .thank-you {
      padding: 60px 0 80px; } }
  .thank-you__wrapper {
    display: flex;
    justify-content: center; }
  .thank-you__content {
    max-width: 600px;
    text-align: center; }
  .thank-you__title {
    font-family: "Funnel Display", sans-serif;
    font-weight: 500;
    font-size: 48px;
    line-height: 110%;
    letter-spacing: -0.02em;
    color: #292521;
    margin: 24px 0; }
    @media (max-width: 768px) {
      .thank-you__title {
        font-size: 32px; } }
  .thank-you__text {
    font-family: "Funnel Display", sans-serif;
    font-weight: 300;
    font-size: 18px;
    line-height: 150%;
    color: #292521;
    margin-bottom: 32px; }
    @media (max-width: 768px) {
      .thank-you__text {
        font-size: 16px; } }
  .thank-you__buttons {
    display: flex;
    gap: 16px;
    justify-content: center;
    flex-wrap: wrap; }

.pdsoft__stats .container {
  padding: 0 !important; }
.pdsoft__stats-row {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px; }
  @media (max-width: 576px) {
    .pdsoft__stats-row {
      flex-direction: column;
      align-items: center; } }
.pdsoft__stats-card {
  width: 276px;
  flex-shrink: 0;
  background-color: #ffffff;
  border-radius: 20px;
  padding: 25px 20px 33px 25px;
  display: flex;
  flex-direction: column; }
  @media (max-width: 1400px) {
    .pdsoft__stats-card {
      width: 240px;
      padding: 22px 18px 28px 22px; } }
  @media (max-width: 1200px) {
    .pdsoft__stats-card {
      width: 220px;
      padding: 20px 16px 25px 20px; } }
  @media (max-width: 992px) {
    .pdsoft__stats-card {
      width: calc(50% - 5px); } }
  @media (max-width: 768px) {
    .pdsoft__stats-card {
      padding: 20px 15px 25px 20px; } }
  @media (max-width: 576px) {
    .pdsoft__stats-card {
      width: 100%;
      max-width: 100%; } }
.pdsoft__stats-icon {
  display: block;
  margin-bottom: 74px;
  max-width: 40px;
  height: auto; }
  @media (max-width: 1400px) {
    .pdsoft__stats-icon {
      margin-bottom: 50px; } }
  @media (max-width: 768px) {
    .pdsoft__stats-icon {
      margin-bottom: 40px;
      max-width: 32px; } }
.pdsoft__stats-title {
  font-family: "Funnel Display", sans-serif;
  font-weight: 400;
  font-size: 38px;
  line-height: 100%;
  letter-spacing: 0;
  color: #292521;
  margin: 0;
  padding-bottom: 7px; }
  @media (max-width: 1400px) {
    .pdsoft__stats-title {
      font-size: 30px; } }
  @media (max-width: 1200px) {
    .pdsoft__stats-title {
      font-size: 26px; } }
  @media (max-width: 768px) {
    .pdsoft__stats-title {
      font-size: 26px; } }
  @media (max-width: 576px) {
    .pdsoft__stats-title {
      font-size: 32px; } }
.pdsoft__stats-subtitle {
  font-family: "Funnel Display", sans-serif;
  font-weight: 300;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: 0;
  color: #918F8D;
  margin: 0; }
  @media (max-width: 576px) {
    .pdsoft__stats-subtitle {
      font-size: 13px; } }

.pdsoft__customers {
  margin-top: 36px; }
  .pdsoft__customers--les {
    margin-top: 113px; }
    @media (max-width: 992px) {
      .pdsoft__customers--les {
        margin-top: 50px; } }
  .pdsoft__customers-title {
    font-family: "Funnel Display", sans-serif;
    font-weight: 300;
    font-size: 12px;
    line-height: 140%;
    letter-spacing: 0;
    text-align: center;
    color: #918F8D;
    margin: 0 0 20px 0; }
  .pdsoft__customers-slider {
    max-width: 1216px;
    margin: 0 auto;
    overflow: hidden; }
  .pdsoft__customers-swiper .swiper-wrapper {
    transition-timing-function: linear;
    justify-content: center; }
  .pdsoft__customers-swiper .swiper-slide {
    width: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    align-self: center; }
    .pdsoft__customers-swiper .swiper-slide img {
      max-height: 60px;
      width: auto;
      object-fit: contain;
      opacity: 0.7;
      transition: opacity 0.3s ease; }
      .pdsoft__customers-swiper .swiper-slide img:hover {
        opacity: 1; }

.pdsoft__feature-slider {
  margin-top: 82px; }
  @media (max-width: 768px) {
    .pdsoft__feature-slider {
      margin-top: 60px; } }
  .pdsoft__feature-slider-wrapper {
    max-width: 1400px;
    margin: 0 auto;
    background-color: #ffffff;
    border-radius: 20px;
    border: 1px solid transparent;
    background-image: linear-gradient(#ffffff, #ffffff), linear-gradient(180deg, rgba(255, 255, 255, 0.15) 0%, rgba(231, 231, 231, 0.024) 100%);
    background-origin: padding-box, border-box;
    background-clip: padding-box, border-box;
    padding: 33px 38px 25px; }
    @media (max-width: 768px) {
      .pdsoft__feature-slider-wrapper {
        padding: 25px 20px 20px; } }
  .pdsoft__feature-slider-header {
    display: flex;
    margin-bottom: 50px; }
    @media (max-width: 1200px) {
      .pdsoft__feature-slider-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px; } }
  .pdsoft__feature-slider-title {
    font-family: "Funnel Display", sans-serif;
    font-weight: 400;
    font-size: 36px;
    line-height: 110%;
    letter-spacing: 0;
    color: #292521;
    margin: 0;
    max-width: 550px;
    flex-shrink: 0; }
    @media (max-width: 1400px) {
      .pdsoft__feature-slider-title {
        margin-right: 0; } }
    @media (max-width: 768px) {
      .pdsoft__feature-slider-title {
        font-size: 28px; } }
  .pdsoft__feature-slider-subtitle {
    font-family: "Funnel Display", sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0;
    color: #292521;
    margin: 0;
    max-width: 396px;
    width: 100%;
    margin-left: auto;
    margin-right: 40px; }
    @media (max-width: 1200px) {
      .pdsoft__feature-slider-subtitle {
        max-width: 100%; } }
    @media (max-width: 768px) {
      .pdsoft__feature-slider-subtitle {
        font-size: 13px; } }
  .pdsoft__feature-slider-btn {
    margin-bottom: auto; }
    @media (max-width: 1200px) {
      .pdsoft__feature-slider-btn {
        margin-left: 0;
        margin-bottom: 0; } }
  .pdsoft__feature-slider-container {
    position: relative;
    overflow: hidden; }
  .pdsoft__feature-slider-footer {
    margin-top: 30px;
    text-align: center; }
  .pdsoft__feature-slider-footer-text {
    font-family: "Funnel Display", sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0;
    text-align: center;
    color: #292521;
    margin: 0 auto;
    max-width: 491px; }

.pdsoft__feature-swiper {
  overflow: hidden;
  padding: 20px 0;
  max-width: 1224px;
  margin: 0 auto; }
  .pdsoft__feature-swiper .swiper-wrapper {
    align-items: center; }
  .pdsoft__feature-swiper .swiper-slide {
    width: 292px;
    height: 533px;
    display: flex;
    align-items: center;
    justify-content: center; }
    .pdsoft__feature-swiper .swiper-slide .pdsoft__feature-slide-card {
      width: 164px;
      height: 300px;
      border-radius: 20px;
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      overflow: hidden;
      transition: all 0.3s ease; }
    .pdsoft__feature-swiper .swiper-slide .pdsoft__feature-slide-content {
      height: 100%;
      padding: 161px 15px 15px;
      text-align: left;
      transition: all 0.3s ease;
      box-sizing: border-box; }
    .pdsoft__feature-swiper .swiper-slide .pdsoft__feature-slide-line {
      display: block; }
    .pdsoft__feature-swiper .swiper-slide .pdsoft__feature-slide-title {
      font-size: 15px;
      font-weight: 400;
      line-height: 100%;
      padding-bottom: 0;
      transition: all 0.3s ease; }
    .pdsoft__feature-swiper .swiper-slide .pdsoft__feature-slide-subtitle {
      font-size: 10px;
      font-weight: 300;
      line-height: 140%;
      display: -webkit-box;
      -webkit-line-clamp: 5;
      -webkit-box-orient: vertical;
      overflow: hidden;
      transition: all 0.3s ease; }
    .pdsoft__feature-swiper .swiper-slide.swiper-slide-prev .pdsoft__feature-slide-card, .pdsoft__feature-swiper .swiper-slide.swiper-slide-next .pdsoft__feature-slide-card {
      width: 266px;
      height: 504px; }
    .pdsoft__feature-swiper .swiper-slide.swiper-slide-prev .pdsoft__feature-slide-content, .pdsoft__feature-swiper .swiper-slide.swiper-slide-next .pdsoft__feature-slide-content {
      padding: 263px 20px 15px; }
    .pdsoft__feature-swiper .swiper-slide.swiper-slide-prev .pdsoft__feature-slide-title, .pdsoft__feature-swiper .swiper-slide.swiper-slide-next .pdsoft__feature-slide-title {
      font-size: 22px;
      padding-bottom: 10px; }
    .pdsoft__feature-swiper .swiper-slide.swiper-slide-prev .pdsoft__feature-slide-subtitle, .pdsoft__feature-swiper .swiper-slide.swiper-slide-next .pdsoft__feature-slide-subtitle {
      font-size: 13px; }
    .pdsoft__feature-swiper .swiper-slide.swiper-slide-active .pdsoft__feature-slide-card {
      width: 292px;
      height: 533px; }
    .pdsoft__feature-swiper .swiper-slide.swiper-slide-active .pdsoft__feature-slide-content {
      padding: 278px 20px 15px; }
    .pdsoft__feature-swiper .swiper-slide.swiper-slide-active .pdsoft__feature-slide-title {
      font-size: 24px;
      padding-bottom: 10px; }
    .pdsoft__feature-swiper .swiper-slide.swiper-slide-active .pdsoft__feature-slide-subtitle {
      font-size: 14px; }
    .pdsoft__feature-swiper .swiper-slide.swiper-slide-outer-left {
      justify-content: flex-end; }
    .pdsoft__feature-swiper .swiper-slide.swiper-slide-outer-right {
      justify-content: flex-start; }

.pdsoft__feature-slide-content {
  padding: 280px 20px 15px; }
.pdsoft__feature-slide-line {
  width: 100%;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.55);
  margin-bottom: 15px; }
.pdsoft__feature-slide-title {
  font-family: "Funnel Display", sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 100%;
  letter-spacing: 0;
  color: #ffffff;
  margin: 0 0 10px 0; }
.pdsoft__feature-slide-subtitle {
  font-family: "Funnel Display", sans-serif;
  font-weight: 300;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: 0;
  color: #ffffff;
  margin: 0; }

.pdsoft__slider-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  width: 44px;
  height: 31px;
  margin: 20px auto 0;
  background: rgba(226, 226, 226, 0.24);
  border-radius: 20px; }
  .pdsoft__slider-nav-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    background: none;
    border: none;
    cursor: pointer;
    transition: opacity 0.3s ease; }
    .pdsoft__slider-nav-btn:hover {
      opacity: 0.7; }
    .pdsoft__slider-nav-btn img {
      width: auto;
      height: auto; }

@media (max-width: 768px) {
  .pdsoft__pasport-target {
    padding-top: 40px; } }
.pdsoft__pasport-target-container {
  max-width: 1400px;
  margin: 0 auto; }
.pdsoft__pasport-target-content {
  background-size: cover;
  background-position: center;
  border-radius: 16px;
  padding: 57px 119px 114px; }
  @media (max-width: 992px) {
    .pdsoft__pasport-target-content {
      padding: 40px 40px 60px; } }
  @media (max-width: 768px) {
    .pdsoft__pasport-target-content {
      padding: 30px 20px 40px; } }
.pdsoft__pasport-target-title {
  font-family: "Funnel Display", sans-serif;
  font-weight: 400;
  font-size: 36px;
  line-height: 110%;
  letter-spacing: 0;
  color: #ffffff;
  text-align: center;
  max-width: 705px;
  margin: 0 auto 21px; }
  @media (max-width: 768px) {
    .pdsoft__pasport-target-title {
      font-size: 28px; } }
.pdsoft__pasport-target-subtitle {
  font-family: "Funnel Display", sans-serif;
  font-weight: 300;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: 0;
  color: #ffffff;
  text-align: center;
  margin: 0 0 50px 0; }
  @media (max-width: 768px) {
    .pdsoft__pasport-target-subtitle {
      margin-bottom: 30px; } }
.pdsoft__pasport-target-items {
  display: flex;
  gap: 17px;
  justify-content: center; }
  @media (max-width: 992px) {
    .pdsoft__pasport-target-items {
      flex-wrap: wrap; } }
  @media (max-width: 768px) {
    .pdsoft__pasport-target-items {
      flex-direction: column; } }
.pdsoft__pasport-target-item {
  flex: 1;
  padding: 26px 32px 33px 25px;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  max-width: 274px; }
  @media (max-width: 992px) {
    .pdsoft__pasport-target-item {
      flex: 0 0 calc(50% - 9px); } }
  @media (max-width: 768px) {
    .pdsoft__pasport-target-item {
      flex: 1 1 100%; } }
.pdsoft__pasport-target-icon {
  height: 39px;
  display: flex;
  align-items: flex-end;
  margin-bottom: 54px; }
  @media (max-width: 768px) {
    .pdsoft__pasport-target-icon {
      margin-bottom: 25px; } }
  .pdsoft__pasport-target-icon img {
    max-height: 100%;
    width: auto; }
.pdsoft__pasport-target-item-text {
  font-family: "Funnel Display", sans-serif;
  font-weight: 300;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: 0;
  color: #ffffff;
  margin: auto 0 0 0; }

@media (max-width: 768px) {
  .pdsoft__pasport-smysl {
    margin-top: 40px; } }
.pdsoft__pasport-smysl-container {
  max-width: 1400px;
  margin: 0 auto;
  background: rgba(255, 255, 255, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 20px;
  box-shadow: 2px 2px 15px 0 rgba(0, 0, 0, 0.04);
  padding: 30px 39px 41px 25px; }
  @media (max-width: 768px) {
    .pdsoft__pasport-smysl-container {
      padding: 25px 20px 30px; } }
.pdsoft__pasport-smysl-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  margin-bottom: 100px; }
  @media (max-width: 992px) {
    .pdsoft__pasport-smysl-header {
      flex-wrap: wrap;
      margin-bottom: 50px; } }
  @media (max-width: 768px) {
    .pdsoft__pasport-smysl-header {
      flex-direction: column;
      align-items: flex-start;
      margin-bottom: 40px; } }
  .pdsoft__pasport-smysl-header a {
    color: #292521 !important;
    text-decoration: none !important; }
    .pdsoft__pasport-smysl-header a:hover, .pdsoft__pasport-smysl-header a:active, .pdsoft__pasport-smysl-header a:focus {
      color: #292521 !important;
      opacity: 1 !important; }
.pdsoft__pasport-smysl-title {
  font-family: "Funnel Display", sans-serif;
  font-weight: 400;
  font-size: 36px;
  line-height: 110%;
  letter-spacing: 0;
  color: #292521;
  margin: 0;
  min-width: 470px;
  flex-shrink: 0; }
  @media (max-width: 768px) {
    .pdsoft__pasport-smysl-title {
      font-size: 28px;
      min-width: auto; } }
.pdsoft__pasport-smysl-desc {
  font-family: "Funnel Display", sans-serif;
  font-weight: 300;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: 0;
  color: #292521;
  margin: 0; }
.pdsoft__pasport-smysl-columns {
  display: flex;
  justify-content: space-between;
  gap: 20px; }
  @media (max-width: 992px) {
    .pdsoft__pasport-smysl-columns {
      flex-wrap: wrap; } }
  @media (max-width: 768px) {
    .pdsoft__pasport-smysl-columns {
      flex-direction: column; } }
.pdsoft__pasport-smysl-column {
  width: 250px;
  flex-shrink: 0; }
  @media (max-width: 992px) {
    .pdsoft__pasport-smysl-column {
      width: calc(50% - 10px); } }
  @media (max-width: 768px) {
    .pdsoft__pasport-smysl-column {
      width: 100%; } }
.pdsoft__pasport-smysl-icon {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 40px; }
  @media (max-width: 768px) {
    .pdsoft__pasport-smysl-icon {
      margin-bottom: 20px; } }
  .pdsoft__pasport-smysl-icon img {
    max-width: 100%;
    max-height: 100%; }
.pdsoft__pasport-smysl-text {
  font-family: "Funnel Display", sans-serif;
  font-weight: 300;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: 0;
  color: #292521;
  margin: 0; }

.pdsoft__pasport-obsah-container {
  max-width: 1100px;
  margin: 0 auto; }
.pdsoft__pasport-obsah-content {
  display: flex;
  flex-direction: column;
  gap: 18px; }
.pdsoft__pasport-obsah-item {
  display: flex;
  gap: 18px; }
  @media (max-width: 992px) {
    .pdsoft__pasport-obsah-item {
      flex-direction: column; } }
  .pdsoft__pasport-obsah-item--reverse {
    flex-direction: row-reverse; }
    @media (max-width: 992px) {
      .pdsoft__pasport-obsah-item--reverse {
        flex-direction: column; } }
.pdsoft__pasport-obsah-image {
  border-radius: 16px;
  flex-shrink: 0;
  object-fit: cover; }
  @media (max-width: 992px) {
    .pdsoft__pasport-obsah-image {
      max-height: 300px;
      object-fit: cover;
      width: 100%; } }
.pdsoft__pasport-obsah-wrapper {
  background: rgba(255, 255, 255, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 20px;
  box-shadow: 2px 2px 15px 0 rgba(0, 0, 0, 0.04);
  padding: 42px 44px 32px;
  display: flex;
  flex-direction: column;
  flex: 1; }
  @media (max-width: 768px) {
    .pdsoft__pasport-obsah-wrapper {
      padding: 30px 20px; } }
.pdsoft__pasport-obsah-title {
  font-family: "Funnel Display", sans-serif;
  font-weight: 400;
  font-size: 36px;
  line-height: 110%;
  letter-spacing: 0;
  color: #292521;
  margin: 0 0 25px 0; }
  @media (max-width: 768px) {
    .pdsoft__pasport-obsah-title {
      font-size: 28px; } }
.pdsoft__pasport-obsah-description {
  font-family: "Funnel Display", sans-serif;
  font-weight: 300;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: 0;
  color: #292521;
  margin-bottom: 20px; }
.pdsoft__pasport-obsah-cols {
  display: flex;
  gap: 51px; }
  @media (max-width: 768px) {
    .pdsoft__pasport-obsah-cols {
      flex-direction: column;
      gap: 25px; } }
.pdsoft__pasport-obsah-col {
  border-top: 1px solid rgba(41, 37, 33, 0.11);
  padding-top: 21px;
  padding-bottom: 21px;
  width: 50%; }
  @media (max-width: 768px) {
    .pdsoft__pasport-obsah-col {
      width: 100%; } }
.pdsoft__pasport-obsah-row {
  display: flex;
  gap: 15px;
  align-items: flex-start;
  margin-bottom: 26px; }
  .pdsoft__pasport-obsah-row:last-child {
    margin-bottom: 0; }
.pdsoft__pasport-obsah-arrow {
  width: 27px;
  flex-shrink: 0;
  margin-top: 2px; }
.pdsoft__pasport-obsah-row-text {
  font-family: "Funnel Display", sans-serif;
  font-weight: 300;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: 0;
  color: #292521;
  opacity: 0.5;
  margin: 0; }
.pdsoft__pasport-obsah-bottom-text {
  font-family: "Funnel Display", sans-serif;
  font-weight: 300;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: 0;
  color: #292521;
  max-width: 432px;
  margin-top: auto;
  padding-top: 20px; }
  .pdsoft__pasport-obsah-bottom-text strong {
    font-weight: 500; }

.pdsoft__propla-key {
  padding: 0; }
  .pdsoft__propla-key-container {
    max-width: 1400px;
    margin: 0 auto; }
  .pdsoft__propla-key-content {
    background-size: cover;
    background-position: center;
    border-radius: 16px;
    padding: 57px 119px 114px; }
    @media (max-width: 992px) {
      .pdsoft__propla-key-content {
        padding: 40px 40px 60px; } }
    @media (max-width: 768px) {
      .pdsoft__propla-key-content {
        padding: 30px 20px 40px; } }
  .pdsoft__propla-key-title {
    font-family: "Funnel Display", sans-serif;
    font-weight: 400;
    font-size: 36px;
    line-height: 110%;
    letter-spacing: 0;
    color: #ffffff;
    text-align: center;
    margin-bottom: 100px; }
    @media (max-width: 768px) {
      .pdsoft__propla-key-title {
        font-size: 28px;
        margin-bottom: 30px; } }
  .pdsoft__propla-key-items {
    display: flex;
    gap: 17px;
    justify-content: center; }
    @media (max-width: 992px) {
      .pdsoft__propla-key-items {
        flex-wrap: wrap; } }
    @media (max-width: 768px) {
      .pdsoft__propla-key-items {
        flex-direction: column; } }
  .pdsoft__propla-key-item {
    flex: 1;
    padding: 26px 32px 33px 25px;
    border-radius: 20px;
    max-width: 320px; }
    @media (max-width: 992px) {
      .pdsoft__propla-key-item {
        flex: 0 0 calc(50% - 9px); } }
    @media (max-width: 768px) {
      .pdsoft__propla-key-item {
        flex: 1 1 100%; } }
  .pdsoft__propla-key-icon {
    height: 34px;
    display: flex;
    align-items: flex-end;
    margin-bottom: 48px; }
    .pdsoft__propla-key-icon img {
      border-radius: 0 !important;
      margin: 0 !important; }
    @media (max-width: 768px) {
      .pdsoft__propla-key-icon {
        margin-bottom: 25px; } }
  .pdsoft__propla-key-item-title {
    font-family: "Funnel Display", sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: 0;
    margin-bottom: 24px;
    color: #ffffff; }
  .pdsoft__propla-key-item-text {
    font-family: "Funnel Display", sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0;
    margin-bottom: 0;
    color: #ffffff; }

.pdsoft__faq-section .pdsoft__faq-container {
  max-width: 1400px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center; }
.pdsoft__faq-section .pdsoft__faq-chip {
  padding: 8px 19px;
  font-family: "Funnel Display", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0;
  text-align: center;
  background: #EAEAEA;
  border-radius: 15px;
  margin-bottom: 15px; }
.pdsoft__faq-section .pdsoft__faq-title {
  font-family: "Funnel Display", sans-serif;
  font-weight: 400;
  font-size: 36px;
  line-height: 110%;
  letter-spacing: 0;
  text-align: center;
  margin-bottom: 39px;
  color: #292521; }
  @media (max-width: 768px) {
    .pdsoft__faq-section .pdsoft__faq-title {
      font-size: 28px; } }
.pdsoft__faq-section .pdsoft__faq-content {
  max-width: 984px;
  width: 100%;
  background: #ededed;
  border: 1px solid rgba(231, 231, 231, 0.15);
  border-radius: 20px;
  padding: 68px 85px 79px; }
  @media (max-width: 992px) {
    .pdsoft__faq-section .pdsoft__faq-content {
      padding: 40px 40px 50px; } }
  @media (max-width: 768px) {
    .pdsoft__faq-section .pdsoft__faq-content {
      padding: 30px 20px 40px; } }
.pdsoft__faq-section .pdsoft__faq-accordion {
  display: flex;
  flex-direction: column;
  gap: 15px; }
.pdsoft__faq-section .pdsoft__faq-item {
  background: rgba(255, 255, 255, 0.5);
  border: 1px solid rgba(231, 231, 231, 0.15);
  box-shadow: 2px 2px 15px 0px rgba(0, 0, 0, 0.04);
  border-radius: 20px;
  overflow: hidden; }
  .pdsoft__faq-section .pdsoft__faq-item .pdsoft__faq-btn {
    width: 100%;
    padding: 27px 42px;
    background: transparent;
    border: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    box-shadow: none; }
    @media (max-width: 768px) {
      .pdsoft__faq-section .pdsoft__faq-item .pdsoft__faq-btn {
        padding: 20px; } }
    .pdsoft__faq-section .pdsoft__faq-item .pdsoft__faq-btn::after {
      display: none; }
    .pdsoft__faq-section .pdsoft__faq-item .pdsoft__faq-btn:focus {
      box-shadow: none; }
    .pdsoft__faq-section .pdsoft__faq-item .pdsoft__faq-btn .pdsoft__faq-btn-title {
      font-family: "Funnel Display", sans-serif;
      font-weight: 500;
      font-size: 16px;
      line-height: 100%;
      letter-spacing: 0;
      color: #292521;
      text-align: left; }
  .pdsoft__faq-section .pdsoft__faq-item .pdsoft__faq-body {
    padding: 0 42px 27px 42px;
    margin-top: -15px; }
    @media (max-width: 768px) {
      .pdsoft__faq-section .pdsoft__faq-item .pdsoft__faq-body {
        padding: 0 20px 20px 20px; } }
    .pdsoft__faq-section .pdsoft__faq-item .pdsoft__faq-body .pdsoft__faq-text {
      font-family: "Funnel Display", sans-serif;
      font-weight: 300;
      font-size: 14px;
      line-height: 140%;
      letter-spacing: 0;
      color: #292521;
      margin: 0; }

.pdsoft__gis-praxe-title {
  font-family: "Funnel Display", sans-serif;
  font-weight: 400;
  font-size: 36px;
  line-height: 110%;
  letter-spacing: 0;
  text-align: center;
  color: #292521;
  margin: 0 auto 25px;
  max-width: 478px; }
  @media (max-width: 768px) {
    .pdsoft__gis-praxe-title {
      font-size: 28px; } }
.pdsoft__gis-praxe-wrapper {
  max-width: 1400px;
  margin: 0 auto;
  display: flex;
  gap: 13px;
  justify-content: center; }
  @media (max-width: 992px) {
    .pdsoft__gis-praxe-wrapper {
      flex-direction: column;
      align-items: center; } }
.pdsoft__gis-praxe-image {
  flex-shrink: 0;
  width: 383px;
  height: 580px;
  border-radius: 20px;
  overflow: hidden; }
  .pdsoft__gis-praxe-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px !important;
    margin: 0 !important; }
  @media (max-width: 992px) {
    .pdsoft__gis-praxe-image {
      width: 100%;
      max-width: 500px;
      height: 400px; } }
  @media (max-width: 768px) {
    .pdsoft__gis-praxe-image {
      height: 300px; } }
.pdsoft__gis-praxe-accordion-container {
  flex: 1;
  max-width: 724px;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 20px;
  padding: 8px;
  height: fit-content; }
  @media (max-width: 992px) {
    .pdsoft__gis-praxe-accordion-container {
      width: 100%;
      max-width: 100%; } }
.pdsoft__gis-praxe-accordion {
  display: flex;
  flex-direction: column;
  gap: 8px; }
.pdsoft__gis-praxe-item {
  background: rgba(185, 185, 185, 0.09);
  border-radius: 16px;
  overflow: hidden; }
.pdsoft__gis-praxe-header {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 46px;
  padding: 40px 45px 38px;
  background: none;
  border: none;
  cursor: pointer;
  text-align: left; }
  .pdsoft__gis-praxe-header:focus {
    outline: none; }
  .pdsoft__gis-praxe-header[aria-expanded="true"] {
    padding-bottom: 0; }
  @media (max-width: 768px) {
    .pdsoft__gis-praxe-header {
      padding: 25px 20px;
      gap: 20px; }
      .pdsoft__gis-praxe-header[aria-expanded="true"] {
        padding-bottom: 0; } }
.pdsoft__gis-praxe-item-title {
  font-family: "Funnel Display", sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 100%;
  letter-spacing: 0;
  color: #292521; }
  @media (max-width: 768px) {
    .pdsoft__gis-praxe-item-title {
      font-size: 16px; } }
.pdsoft__gis-praxe-body {
  padding: 20px 45px 39px;
  padding-left: calc(58px + 32px + 46px); }
  @media (max-width: 768px) {
    .pdsoft__gis-praxe-body {
      padding: 15px 20px 25px; } }
.pdsoft__gis-praxe-text {
  font-family: "Funnel Display", sans-serif;
  font-weight: 300;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: 0;
  color: #292521;
  margin: 0; }

.pdsoft__gis-kontext .container {
  padding: 0; }
.pdsoft__gis-kontext-wrapper {
  max-width: 1400px;
  margin: 0 auto;
  padding: 71px 142px 83px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 20px;
  box-shadow: 2px 2px 15px 0px rgba(0, 0, 0, 0.04); }
  @media (max-width: 992px) {
    .pdsoft__gis-kontext-wrapper {
      padding: 50px 60px; } }
  @media (max-width: 768px) {
    .pdsoft__gis-kontext-wrapper {
      padding: 40px 20px; } }
.pdsoft__gis-kontext-title {
  font-family: "Funnel Display", sans-serif;
  font-weight: 400;
  font-size: 36px;
  line-height: 110%;
  letter-spacing: 0;
  text-align: left;
  color: #ffffff;
  margin: 0 0 41px 0;
  max-width: 500px; }
  @media (max-width: 768px) {
    .pdsoft__gis-kontext-title {
      font-size: 28px;
      margin-bottom: 30px; } }
.pdsoft__gis-kontext-glass {
  max-width: 399px;
  padding: 29px 24px;
  border-radius: 20px; }
.pdsoft__gis-kontext-text {
  font-family: "Funnel Display", sans-serif;
  font-weight: 300;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: 0;
  color: #ffffff;
  margin: 0 0 30px 0; }
  .pdsoft__gis-kontext-text ul {
    color: #ffffff !important; }
    .pdsoft__gis-kontext-text ul li {
      color: #ffffff !important; }
  .pdsoft__gis-kontext-text p {
    margin: 0 0 30px 0 !important;
    color: white !important;
    font-family: "Funnel Display", sans-serif;
    font-weight: 300 !important;
    font-size: 14px !important;
    line-height: 140% !important;
    letter-spacing: 0; }
    .pdsoft__gis-kontext-text p:last-child {
      margin-bottom: 30px !important; }
.pdsoft__gis-kontext-btn {
  background-color: rgba(185, 185, 185, 0.17);
  color: #ffffff; }
  .pdsoft__gis-kontext-btn:hover {
    background-color: rgba(185, 185, 185, 0.4);
    color: #ffffff; }

.pdsoft__gov-egov .container {
  padding: 0; }
.pdsoft__gov-egov-wrapper {
  max-width: 1400px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 67px; }
  @media (max-width: 992px) {
    .pdsoft__gov-egov-wrapper {
      flex-direction: column;
      gap: 40px; } }
.pdsoft__gov-egov-image {
  flex-shrink: 0;
  width: 386px;
  height: 501px;
  border-radius: 20px;
  overflow: hidden; }
  .pdsoft__gov-egov-image img {
    width: 100%;
    height: 100%;
    object-fit: cover; }
  @media (max-width: 768px) {
    .pdsoft__gov-egov-image {
      width: 100%;
      max-width: 386px;
      height: 300px; } }
.pdsoft__gov-egov-content {
  max-width: 355px; }
  @media (max-width: 992px) {
    .pdsoft__gov-egov-content {
      max-width: 100%;
      text-align: center; } }
.pdsoft__gov-egov-title {
  font-family: "Funnel Display", sans-serif;
  font-weight: 400;
  font-size: 36px;
  line-height: 110%;
  letter-spacing: 0;
  color: #292521;
  margin: 0 0 39px 0; }
  @media (max-width: 768px) {
    .pdsoft__gov-egov-title {
      font-size: 28px;
      margin-bottom: 25px; } }
.pdsoft__gov-egov-text {
  font-family: "Funnel Display", sans-serif;
  font-weight: 300;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: 0;
  color: #292521;
  margin: 0 0 20px 0; }
  .pdsoft__gov-egov-text p {
    margin: 0 0 20px 0;
    font-weight: 300 !important;
    font-size: 14px !important;
    line-height: 140% !important;
    letter-spacing: 0 !important; }
    .pdsoft__gov-egov-text p:last-child {
      margin-bottom: 0; }

.pdsoft__process-timeline {
  margin-top: 33px;
  padding: 0 20px; }
  .pdsoft__process-timeline-wrapper {
    position: relative;
    max-width: 1400px;
    margin: 0 auto;
    padding-bottom: 15px;
    display: flex;
    flex-direction: column;
    align-items: center; }
  .pdsoft__process-timeline-line {
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    width: 1px;
    background-color: rgba(41, 37, 33, 0.11);
    transform: translateX(-50%);
    margin-bottom: 100px; }
    @media (max-width: 1200px) {
      .pdsoft__process-timeline-line {
        display: none; } }
  .pdsoft__process-timeline-item {
    width: 644px;
    position: relative;
    margin-top: -20px; }
    .pdsoft__process-timeline-item--first {
      margin-top: 26px; }
    .pdsoft__process-timeline-item--right {
      margin-left: calc(50% + 1px); }
    .pdsoft__process-timeline-item--left {
      margin-right: calc(50% + 1px); }
    @media (max-width: 1400px) {
      .pdsoft__process-timeline-item {
        width: 580px; } }
    @media (max-width: 1200px) {
      .pdsoft__process-timeline-item {
        width: 100%;
        max-width: 580px;
        margin-left: auto !important;
        margin-right: auto !important;
        margin-top: 20px; }
        .pdsoft__process-timeline-item--first {
          margin-top: 0; } }
  .pdsoft__process-timeline-summary {
    position: relative;
    z-index: 1;
    margin-top: 30px;
    padding: 0 20px;
    font-family: "Funnel Display", sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0;
    text-align: center;
    color: #292521; }

.pdsoft__process-card {
  position: relative;
  width: 100%;
  padding: 34px 31px 32px 68px;
  background-color: rgba(255, 255, 255, 0.55);
  border-radius: 12px;
  display: flex;
  align-items: center;
  gap: 90px;
  overflow: hidden; }
  @media (max-width: 992px) {
    .pdsoft__process-card {
      padding: 24px 20px 24px 50px;
      gap: 60px; } }
  @media (max-width: 768px) {
    .pdsoft__process-card {
      padding: 20px 15px 20px 40px;
      gap: 40px; } }
  .pdsoft__process-card-image {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 265px;
    background-size: cover;
    background-position: center; }
    .pdsoft__process-card-image::after {
      content: '';
      position: absolute;
      top: 0;
      bottom: 0;
      right: 0;
      width: 146px;
      background: linear-gradient(270deg, #FAFAFA 0%, rgba(250, 250, 250, 0.83) 26.98%, rgba(250, 250, 250, 0.5) 53.13%, rgba(250, 250, 250, 0) 86.33%); }
    @media (max-width: 992px) {
      .pdsoft__process-card-image {
        width: 200px; } }
    @media (max-width: 768px) {
      .pdsoft__process-card-image {
        width: 150px; } }
  .pdsoft__process-card-icon {
    position: relative;
    z-index: 1;
    flex-shrink: 0;
    width: 48px;
    height: auto; }
    @media (max-width: 768px) {
      .pdsoft__process-card-icon {
        width: 36px;
        height: auto; } }
  .pdsoft__process-card--icon-2 .pdsoft__process-card-icon {
    margin-left: 24px; }
    @media (max-width: 992px) {
      .pdsoft__process-card--icon-2 .pdsoft__process-card-icon {
        margin-left: 16px; } }
    @media (max-width: 768px) {
      .pdsoft__process-card--icon-2 .pdsoft__process-card-icon {
        margin-left: 8px; } }
  .pdsoft__process-card--icon-3 .pdsoft__process-card-icon {
    margin-left: 8px; }
    @media (max-width: 768px) {
      .pdsoft__process-card--icon-3 .pdsoft__process-card-icon {
        margin-left: 4px; } }
  .pdsoft__process-card--icon-4 .pdsoft__process-card-icon {
    margin-left: 24px; }
    @media (max-width: 992px) {
      .pdsoft__process-card--icon-4 .pdsoft__process-card-icon {
        margin-left: 16px; } }
    @media (max-width: 768px) {
      .pdsoft__process-card--icon-4 .pdsoft__process-card-icon {
        margin-left: 8px; } }
  .pdsoft__process-card--icon-5 .pdsoft__process-card-icon {
    margin-left: 10px; }
    @media (max-width: 768px) {
      .pdsoft__process-card--icon-5 .pdsoft__process-card-icon {
        margin-left: 5px; } }
  .pdsoft__process-card-content {
    position: relative;
    z-index: 1; }
  .pdsoft__process-card-title {
    font-family: "Funnel Display", sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 100%;
    letter-spacing: 0;
    color: black;
    margin: 0 0 10px 0; }
    @media (max-width: 768px) {
      .pdsoft__process-card-title {
        font-size: 20px; } }
  .pdsoft__process-card-text {
    font-family: "Funnel Display", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0;
    color: black;
    opacity: 50%;
    margin: 0; }
    .pdsoft__process-card-text a {
      color: black !important; }
      .pdsoft__process-card-text a:focus, .pdsoft__process-card-text a:hover, .pdsoft__process-card-text a:active {
        color: #c0dc0f !important; }
    @media (max-width: 768px) {
      .pdsoft__process-card-text {
        font-size: 13px; } }

.pdsoft__cta {
  padding: 110px 20px; }
  .pdsoft__cta-container {
    max-width: 1400px;
    margin: 0 auto; }
  .pdsoft__cta-content {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 20px;
    height: 581px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 62px;
    padding: 0 60px; }
    @media (max-width: 992px) {
      .pdsoft__cta-content {
        flex-direction: column;
        gap: 30px;
        height: auto;
        padding: 60px 30px; } }
  .pdsoft__cta-title {
    font-family: "Funnel Display", sans-serif;
    font-weight: 400;
    font-size: 60px;
    line-height: 120%;
    letter-spacing: 0;
    text-align: right;
    color: #ffffff;
    margin: 0; }
    @media (max-width: 992px) {
      .pdsoft__cta-title {
        text-align: center;
        font-size: 48px; } }
    @media (max-width: 768px) {
      .pdsoft__cta-title {
        font-size: 36px; } }
  .pdsoft__cta-glass {
    background: rgba(255, 255, 255, 0.14);
    backdrop-filter: blur(10px);
    border-radius: 20px;
    padding: 30px 40px 33px 33px;
    max-width: 277px; }
    @media (max-width: 768px) {
      .pdsoft__cta-glass {
        padding: 25px;
        max-width: 100%; } }
  .pdsoft__cta-text {
    font-family: "Funnel Display", sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0;
    color: #ffffff;
    margin: 0 0 20px 0; }

.events-archive__hero {
  background-color: rgba(185, 185, 185, 0.1);
  padding: 80px 20px 60px;
  text-align: center; }
.events-archive__title {
  font-family: "Funnel Display", sans-serif;
  font-weight: 400;
  font-size: 48px;
  line-height: 120%;
  color: #292521;
  margin: 0 0 20px 0; }
.events-archive__text {
  font-family: "Funnel Display", sans-serif;
  font-weight: 300;
  font-size: 18px;
  line-height: 150%;
  color: #292521;
  max-width: 600px;
  margin: 0 auto; }
.events-archive__list {
  padding: 60px 20px 80px; }
.events-archive__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  max-width: 1200px;
  margin: 0 auto; }
  @media (max-width: 992px) {
    .events-archive__grid {
      grid-template-columns: repeat(2, 1fr); } }
  @media (max-width: 768px) {
    .events-archive__grid {
      grid-template-columns: 1fr; } }
.events-archive__empty {
  text-align: center;
  font-family: "Funnel Display", sans-serif;
  font-size: 18px;
  color: #292521;
  padding: 40px; }

.event-detail {
  padding: 60px 20px 80px; }
  .event-detail__article {
    max-width: 800px;
    margin: 0 auto; }
  .event-detail__header {
    margin-bottom: 40px; }
  .event-detail__date {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 20px; }
  .event-detail__flag {
    width: 40px;
    height: auto; }
  .event-detail__day {
    font-family: "Funnel Display", sans-serif;
    font-weight: 500;
    font-size: 32px;
    color: #c0dc0f; }
  .event-detail__month {
    font-family: "Funnel Display", sans-serif;
    font-weight: 300;
    font-size: 24px;
    color: #292521; }
  .event-detail__title {
    font-family: "Funnel Display", sans-serif;
    font-weight: 400;
    font-size: 36px;
    line-height: 130%;
    color: #292521;
    margin: 0; }
    @media (max-width: 768px) {
      .event-detail__title {
        font-size: 28px; } }
  .event-detail__content {
    font-family: "Funnel Display", sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 170%;
    color: #292521;
    margin-bottom: 40px; }
    .event-detail__content p {
      margin: 0 0 20px 0; }
    .event-detail__content h2, .event-detail__content h3, .event-detail__content h4 {
      font-weight: 400;
      margin: 30px 0 15px 0; }
    .event-detail__content ul, .event-detail__content ol {
      margin: 0 0 20px 20px; }
  .event-detail__back {
    padding-top: 30px;
    border-top: 1px solid rgba(0, 0, 0, 0.1); }

.pdsoft__about-section {
  margin-top: 73px;
  scroll-margin-top: 100px; }
  .pdsoft__about-section-row {
    display: flex;
    gap: 52px;
    justify-content: center; }
    @media (max-width: 768px) {
      .pdsoft__about-section-row {
        flex-direction: column;
        gap: 30px; } }
  .pdsoft__about-section-col {
    flex: 1;
    max-width: 370px; }
    @media (max-width: 768px) {
      .pdsoft__about-section-col {
        max-width: 100%; } }
    .pdsoft__about-section-col--title {
      text-align: right; }
      @media (max-width: 768px) {
        .pdsoft__about-section-col--title {
          text-align: left; } }
    .pdsoft__about-section-col--text {
      text-align: left; }
  .pdsoft__about-section-title {
    font-family: "Funnel Display", sans-serif;
    font-weight: 400;
    font-size: 36px;
    line-height: 110%;
    letter-spacing: 0;
    color: #292521;
    margin: 0; }
    @media (max-width: 768px) {
      .pdsoft__about-section-title {
        font-size: 28px; } }
  .pdsoft__about-section-desc {
    font-family: "Funnel Display", sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0;
    color: #292521;
    margin: 0 0 50px 0;
    padding-top: 6px; }
    @media (max-width: 992px) {
      .pdsoft__about-section-desc {
        margin: 0 0 20px 0; } }

.pdsoft__gov-zem .container {
  padding: 0; }
.pdsoft__gov-zem-wrapper {
  max-width: 1400px;
  margin: 0 auto;
  padding: 147px 50px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 20px; }
  @media (max-width: 992px) {
    .pdsoft__gov-zem-wrapper {
      padding: 80px 40px; } }
  @media (max-width: 768px) {
    .pdsoft__gov-zem-wrapper {
      padding: 50px 20px; } }
.pdsoft__gov-zem-content {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 64px; }
  @media (max-width: 992px) {
    .pdsoft__gov-zem-content {
      flex-direction: column;
      align-items: flex-end; } }
  @media (max-width: 768px) {
    .pdsoft__gov-zem-content {
      align-items: stretch; } }
.pdsoft__gov-zem-title {
  font-family: "Funnel Display", sans-serif;
  font-weight: 400;
  font-size: 36px;
  line-height: 110%;
  letter-spacing: 0;
  text-align: right;
  color: #ffffff;
  margin: 0;
  max-width: 500px; }
  @media (max-width: 768px) {
    .pdsoft__gov-zem-title {
      font-size: 28px;
      text-align: left; } }
.pdsoft__gov-zem-glass {
  max-width: 399px;
  padding: 26px 24px 29px;
  border-radius: 20px;
  box-shadow: 2px 2px 15px 0px rgba(0, 0, 0, 0.04); }
  @media (max-width: 768px) {
    .pdsoft__gov-zem-glass {
      max-width: 100%; } }
.pdsoft__gov-zem-text {
  font-family: "Funnel Display", sans-serif;
  font-weight: 300;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: 0;
  color: #ffffff;
  margin: 0 0 20px 0; }
  .pdsoft__gov-zem-text p {
    margin: 0 0 20px 0;
    color: #ffffff !important;
    font-weight: 300;
    font-size: 14px;
    line-height: 140%; }
    .pdsoft__gov-zem-text p:last-of-type {
      margin-bottom: 20px; }
.pdsoft__gov-zem-btn {
  background-color: rgba(185, 185, 185, 0.5);
  color: #ffffff; }
  .pdsoft__gov-zem-btn:hover {
    background-color: rgba(185, 185, 185, 0.7);
    color: #ffffff; }

.pdsoft__gov-provoz {
  padding: 96px 20px 0; }
  .pdsoft__gov-provoz-container {
    max-width: 1290px;
    margin: 0 auto; }
  .pdsoft__gov-provoz-content {
    display: flex;
    gap: 140px;
    justify-content: center; }
    @media (max-width: 992px) {
      .pdsoft__gov-provoz-content {
        flex-direction: column;
        gap: 50px; } }
  .pdsoft__gov-provoz-col-1 {
    max-width: 350px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column; }
    @media (max-width: 992px) {
      .pdsoft__gov-provoz-col-1 {
        max-width: 100%; } }
  .pdsoft__gov-provoz-col-2 {
    width: fit-content; }
    @media (max-width: 1200px) {
      .pdsoft__gov-provoz-col-2 {
        width: 100%; } }
  .pdsoft__gov-provoz-title {
    font-family: "Funnel Display", sans-serif;
    font-weight: 400;
    font-size: 36px;
    line-height: 110%;
    letter-spacing: 0;
    color: #292521;
    margin-bottom: 24px; }
    @media (max-width: 768px) {
      .pdsoft__gov-provoz-title {
        font-size: 28px; } }
  .pdsoft__gov-provoz-text {
    font-family: "Funnel Display", sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 140%;
    color: #292521; }
  .pdsoft__gov-provoz-box {
    background: #EDEDED;
    padding: 28px 28px 36px 28px;
    border-radius: 16px;
    margin-top: auto; }
  .pdsoft__gov-provoz-box-title {
    font-weight: 700;
    margin-bottom: 23px; }
  .pdsoft__gov-provoz-box-text {
    margin-bottom: 35px; }

.pdsoft__gov-accordion-item {
  background: rgba(255, 255, 255, 0.5);
  border-radius: 20px !important;
  border: 1px solid rgba(231, 231, 231, 0.15);
  box-shadow: 2px 2px 15px 0px rgba(0, 0, 0, 0.04);
  margin-bottom: 10px;
  width: 814px;
  max-width: 100%;
  overflow: hidden; }
  @media (max-width: 1200px) {
    .pdsoft__gov-accordion-item {
      width: 100%; } }

.pdsoft__gov-accordion-header .pdsoft__gov-accordion-btn {
  padding: 43px 71px 43px 52px;
  background: transparent;
  border: none;
  width: 100%;
  display: flex;
  align-items: center;
  gap: 46px;
  box-shadow: none; }
  @media (max-width: 768px) {
    .pdsoft__gov-accordion-header .pdsoft__gov-accordion-btn {
      padding: 25px 20px;
      gap: 20px;
      flex-wrap: wrap; } }
  .pdsoft__gov-accordion-header .pdsoft__gov-accordion-btn::after {
    display: none; }
  .pdsoft__gov-accordion-header .pdsoft__gov-accordion-btn--static {
    cursor: default;
    padding-left: 52px; }
    @media (max-width: 768px) {
      .pdsoft__gov-accordion-header .pdsoft__gov-accordion-btn--static {
        padding-left: 20px; } }

.pdsoft__gov-accordion-title {
  font-family: "Funnel Display", sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 100%;
  letter-spacing: 0;
  white-space: nowrap;
  color: #292521; }

.pdsoft__gov-accordion-desc {
  font-family: "Funnel Display", sans-serif;
  font-weight: 300;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0;
  text-align: left;
  margin-left: auto;
  color: rgba(0, 0, 0, 0.5); }
  @media (min-width: 1200px) {
    .pdsoft__gov-accordion-desc {
      width: 278px; } }
  @media (max-width: 768px) {
    .pdsoft__gov-accordion-desc {
      text-align: left;
      margin-left: 0;
      width: 100%;
      max-width: 100%; } }

.pdsoft__gov-accordion-body {
  padding: 0 71px 55px 130px;
  max-height: 300px;
  overflow-y: auto; }
  @media (max-width: 768px) {
    .pdsoft__gov-accordion-body {
      padding: 0 20px 30px 20px; } }

.pdsoft__gov-accordion-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between; }
  @media (max-width: 768px) {
    .pdsoft__gov-accordion-row {
      flex-direction: column;
      gap: 10px; } }

.pdsoft__gov-accordion-row-title {
  font-family: "Funnel Display", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: 0;
  max-width: 265px;
  color: #292521;
  flex-shrink: 0; }

.pdsoft__gov-accordion-row-text {
  font-family: "Funnel Display", sans-serif;
  font-weight: 300;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0;
  color: rgba(0, 0, 0, 0.5);
  width: 278px;
  flex-shrink: 0; }
  @media (max-width: 768px) {
    .pdsoft__gov-accordion-row-text {
      width: 100%; } }

.pdsoft__gov-accordion-divider {
  border-top: 1px solid rgba(41, 37, 33, 0.11);
  margin: 23px 0; }

.pdsoft__propla-provoz {
  padding: 96px 20px 0; }
  .pdsoft__propla-provoz-container {
    max-width: 1290px;
    margin: 0 auto; }
  .pdsoft__propla-provoz-content {
    display: flex;
    gap: 140px; }
    @media (max-width: 992px) {
      .pdsoft__propla-provoz-content {
        flex-direction: column;
        gap: 50px; } }
  .pdsoft__propla-provoz-col-1 {
    max-width: 350px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column; }
    @media (max-width: 992px) {
      .pdsoft__propla-provoz-col-1 {
        max-width: 100%; } }
  .pdsoft__propla-provoz-col-2 {
    width: 100%; }
  .pdsoft__propla-provoz-title {
    font-family: "Funnel Display", sans-serif;
    font-weight: 400;
    font-size: 36px;
    line-height: 110%;
    letter-spacing: 0;
    color: #292521;
    margin-bottom: 24px; }
    @media (max-width: 768px) {
      .pdsoft__propla-provoz-title {
        font-size: 28px; } }
  .pdsoft__propla-provoz-text {
    font-family: "Funnel Display", sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 140%;
    color: #292521; }
  .pdsoft__propla-provoz-box {
    background: #EDEDED;
    padding: 28px 28px 36px 28px;
    border-radius: 16px;
    margin-top: auto; }
  .pdsoft__propla-provoz-box-title {
    font-weight: 700;
    margin-bottom: 8px; }
  .pdsoft__propla-provoz-box-text {
    margin-bottom: 35px; }

.pdsoft__propla-accordion-item {
  background: rgba(255, 255, 255, 0.5);
  border-radius: 20px;
  border: 1px solid rgba(231, 231, 231, 0.15);
  box-shadow: 2px 2px 15px 0px rgba(0, 0, 0, 0.04);
  margin-bottom: 10px;
  max-width: 814px;
  overflow: hidden; }

.pdsoft__propla-accordion-header .pdsoft__propla-accordion-btn {
  padding: 43px 71px 43px 52px;
  background: transparent;
  border: none;
  width: 100%;
  display: flex;
  align-items: center;
  gap: 46px;
  box-shadow: none; }
  @media (max-width: 768px) {
    .pdsoft__propla-accordion-header .pdsoft__propla-accordion-btn {
      padding: 25px 20px;
      gap: 20px;
      flex-wrap: wrap; } }
  .pdsoft__propla-accordion-header .pdsoft__propla-accordion-btn::after {
    display: none; }

.pdsoft__propla-accordion-title {
  font-family: "Funnel Display", sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 100%;
  letter-spacing: 0;
  white-space: nowrap;
  color: #292521; }

.pdsoft__propla-accordion-desc {
  font-family: "Funnel Display", sans-serif;
  font-weight: 300;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0;
  color: rgba(0, 0, 0, 0.5);
  text-align: left;
  margin-left: auto; }
  @media (min-width: 1200px) {
    .pdsoft__propla-accordion-desc {
      width: 300px; } }
  @media (max-width: 768px) {
    .pdsoft__propla-accordion-desc {
      text-align: left;
      margin-left: 0;
      width: 100%;
      max-width: 100%; } }

.pdsoft__propla-accordion-body {
  padding: 0 71px 55px 130px; }
  @media (max-width: 768px) {
    .pdsoft__propla-accordion-body {
      padding: 0 20px 30px 20px; } }

.pdsoft__propla-accordion-body-text {
  font-family: "Funnel Display", sans-serif;
  font-weight: 300;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: 0;
  margin-bottom: 49px;
  padding-top: 10px; }

.pdsoft__les-help {
  padding: 118px 20px 0; }
  .pdsoft__les-help-container {
    max-width: 1270px;
    margin: 0 auto; }
  .pdsoft__les-help-content {
    display: flex;
    gap: 43px; }
    @media (max-width: 992px) {
      .pdsoft__les-help-content {
        flex-direction: column; } }
  .pdsoft__les-help-item-1 {
    max-width: 425px; }
    @media (max-width: 992px) {
      .pdsoft__les-help-item-1 {
        max-width: 100%; } }
  .pdsoft__les-help-title {
    font-family: "Funnel Display", sans-serif;
    font-weight: 400;
    font-size: 36px;
    line-height: 110%;
    letter-spacing: 0;
    color: #292521;
    margin-bottom: 48px; }
    @media (max-width: 992px) {
      .pdsoft__les-help-title {
        margin-bottom: 20px; } }
    @media (max-width: 768px) {
      .pdsoft__les-help-title {
        font-size: 28px; } }
  .pdsoft__les-help-text {
    max-width: 316px;
    font-family: "Funnel Display", sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0;
    color: #292521;
    margin-bottom: 20px; }
    @media (max-width: 992px) {
      .pdsoft__les-help-text {
        max-width: 100%; } }
  .pdsoft__les-help-item-2 {
    gap: 8px;
    display: flex;
    flex-direction: column; }
  .pdsoft__les-help-news {
    background-color: rgba(255, 255, 255, 0.5);
    padding: 25px 50px 29px 60px;
    border-radius: 20px;
    border: 1px solid;
    border-image-source: linear-gradient(180deg, rgba(255, 255, 255, 0.15) 0%, rgba(231, 231, 231, 0.024) 100%);
    box-shadow: 2px 2px 15px 0px rgba(0, 0, 0, 0.04);
    position: relative;
    overflow: hidden; }
    @media (max-width: 768px) {
      .pdsoft__les-help-news {
        padding: 25px 25px 29px; } }
  .pdsoft__les-help-news-image {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 293px;
    background-size: cover;
    background-position: center; }
    @media (max-width: 768px) {
      .pdsoft__les-help-news-image {
        width: 150px; } }
    .pdsoft__les-help-news-image::after {
      content: '';
      position: absolute;
      top: 0;
      bottom: 0;
      right: 0;
      width: 146px;
      background: linear-gradient(270deg, #FAFAFA 0%, rgba(250, 250, 250, 0.83) 26.98%, rgba(250, 250, 250, 0.5) 53.13%, rgba(250, 250, 250, 0) 86.33%); }
      @media (max-width: 768px) {
        .pdsoft__les-help-news-image::after {
          width: 100px; } }
  .pdsoft__les-help-news-content {
    padding-left: 220px;
    position: relative;
    z-index: 5; }
    @media (max-width: 768px) {
      .pdsoft__les-help-news-content {
        padding-left: 106px; } }
  .pdsoft__les-help-news-title {
    font-family: "Funnel Display", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0;
    color: #292521;
    margin-bottom: 13px; }
  .pdsoft__les-help-news-text {
    font-family: "Funnel Display", sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0;
    color: #292521;
    opacity: 0.5;
    margin-bottom: 0; }

.pdsoft__software-solutions {
  margin-top: 77px;
  padding: 0 20px; }
  .pdsoft__software-solutions-wrapper {
    max-width: 1400px;
    margin: 0 auto;
    display: flex;
    gap: 117px; }
    @media (max-width: 1200px) {
      .pdsoft__software-solutions-wrapper {
        flex-direction: column;
        gap: 50px; } }
  .pdsoft__software-solutions-text {
    flex-shrink: 0;
    max-width: 340px; }
    @media (max-width: 1200px) {
      .pdsoft__software-solutions-text {
        max-width: 100%; } }
  .pdsoft__software-solutions-title {
    font-family: "Funnel Display", sans-serif;
    font-weight: 400;
    font-size: 36px;
    line-height: 110%;
    letter-spacing: 0;
    color: #292521;
    margin: 0;
    padding-bottom: 26px; }
    @media (max-width: 768px) {
      .pdsoft__software-solutions-title {
        font-size: 28px; } }
  .pdsoft__software-solutions-desc {
    font-family: "Funnel Display", sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0;
    color: #292521;
    margin: 0;
    padding-bottom: 61px; }
    @media (max-width: 1200px) {
      .pdsoft__software-solutions-desc {
        padding-bottom: 30px; } }
  .pdsoft__software-solutions-box {
    background-color: #ededed;
    border-radius: 20px;
    padding: 25px 49px 37px 25px; }
  .pdsoft__software-solutions-box-title {
    font-family: "Funnel Display", sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0;
    color: #292521;
    margin: 0;
    padding-bottom: 20px; }
  .pdsoft__software-solutions-box-desc {
    font-family: "Funnel Display", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0;
    color: #292521;
    opacity: 0.5;
    margin: 0;
    padding-bottom: 35px; }
  .pdsoft__software-solutions-slider {
    flex: 1;
    min-width: 0; }
  .pdsoft__software-solutions-slider-container {
    position: relative;
    overflow: hidden; }
    .pdsoft__software-solutions-slider-container::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100px;
      height: 100%;
      background: linear-gradient(90deg, #F4F4F4 0%, rgba(244, 244, 244, 0) 100%);
      pointer-events: none;
      z-index: 10;
      opacity: 1;
      transition: opacity 0.3s ease; }
      @media (max-width: 768px) {
        .pdsoft__software-solutions-slider-container::before {
          width: 50px; } }
    .pdsoft__software-solutions-slider-container::after {
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      width: 100px;
      height: 100%;
      background: linear-gradient(90deg, rgba(244, 244, 244, 0) 0%, #F4F4F4 100%);
      pointer-events: none;
      z-index: 10;
      opacity: 1;
      transition: opacity 0.3s ease; }
      @media (max-width: 768px) {
        .pdsoft__software-solutions-slider-container::after {
          width: 50px; } }
    .pdsoft__software-solutions-slider-container.is-at-start::before {
      opacity: 0; }
    .pdsoft__software-solutions-slider-container.is-at-end::after {
      opacity: 0; }
  .pdsoft__software-solutions-nav {
    margin-top: 35px;
    margin-left: 46px; }
    @media (max-width: 768px) {
      .pdsoft__software-solutions-nav {
        margin-left: 0;
        text-align: center; } }

.pdsoft__software-slider {
  overflow: visible;
  padding-right: 45px; }
  .pdsoft__software-slider .swiper-slide {
    width: 303px; }

.pdsoft__software-slide {
  background: rgba(255, 255, 255, 0.55);
  border-radius: 20px;
  box-shadow: 2px 2px 15px 0px rgba(0, 0, 0, 0.04);
  padding: 35px 37px 36px 40px;
  height: 100%;
  display: flex;
  flex-direction: column; }
  .pdsoft__software-slide-icon-wrap {
    height: 164px;
    display: flex;
    align-items: flex-start; }
  .pdsoft__software-slide-icon {
    width: auto;
    height: auto;
    max-width: 100%; }
  .pdsoft__software-slide-title {
    font-family: "Funnel Display", sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0;
    color: #000000;
    margin: 0;
    padding-bottom: 19px; }
  .pdsoft__software-slide-desc {
    font-family: "Funnel Display", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0;
    color: #000000;
    opacity: 0.5;
    margin: 0;
    margin-bottom: 35px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: calc(14px * 1.4 * 3); }
  .pdsoft__software-slide .btn {
    margin-top: auto;
    align-self: flex-start; }

.pdsoft__propla-intro {
  padding: 68px 20px 0; }
  @media (max-width: 768px) {
    .pdsoft__propla-intro {
      padding-top: 40px; } }
  .pdsoft__propla-intro-container {
    max-width: 1320px;
    margin: 0 auto; }
  .pdsoft__propla-intro-content {
    display: flex;
    gap: 63px;
    place-self: center; }
    @media (max-width: 1200px) {
      .pdsoft__propla-intro-content {
        flex-direction: column;
        gap: 30px; } }
  .pdsoft__propla-intro-item--left {
    margin-top: 95px;
    max-width: 356px; }
    @media (max-width: 1200px) {
      .pdsoft__propla-intro-item--left {
        max-width: 100%;
        margin-top: 0; } }
  .pdsoft__propla-intro-item--right {
    width: 100%; }
  .pdsoft__propla-intro-logo {
    margin-bottom: 34px; }
    @media (max-width: 992px) {
      .pdsoft__propla-intro-logo {
        margin-bottom: 20px; } }
  .pdsoft__propla-intro-title {
    font-family: "Funnel Display", sans-serif;
    font-weight: 400;
    font-size: 36px;
    line-height: 110%;
    letter-spacing: 0;
    color: #292521;
    margin: 0 0 30px 0; }
    @media (max-width: 992px) {
      .pdsoft__propla-intro-title {
        margin-bottom: 15px; } }
    @media (max-width: 768px) {
      .pdsoft__propla-intro-title {
        font-size: 28px; } }
  .pdsoft__propla-intro-text {
    font-family: "Funnel Display", sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0;
    color: #292521;
    margin: 0; }
  .pdsoft__propla-intro-cards {
    display: flex;
    gap: 10px; }
    @media (max-width: 1200px) {
      .pdsoft__propla-intro-cards {
        justify-content: center;
        flex-wrap: wrap; } }
  .pdsoft__propla-intro-card {
    font-family: "Funnel Display", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 120%;
    letter-spacing: 0;
    border-radius: 20px;
    height: 462px;
    padding: 20px 22px 29px;
    display: flex;
    align-items: flex-end;
    color: #ffffff;
    position: relative;
    isolation: isolate;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center; }
    @media (max-width: 768px) {
      .pdsoft__propla-intro-card {
        width: 100% !important;
        max-width: 325px;
        height: 350px;
        background-position: top; } }
    .pdsoft__propla-intro-card::after {
      content: '';
      position: absolute;
      inset: 0;
      background: linear-gradient(180deg, rgba(0, 0, 0, 0) 16.04%, rgba(0, 0, 0, 0.12) 48.77%);
      backdrop-filter: blur(19.1px);
      -webkit-mask-image: linear-gradient(to bottom, transparent 0%, transparent 20%, black 80%, black 100%);
      mask-image: linear-gradient(to bottom, transparent 0%, transparent 20%, black 80%, black 100%);
      border-radius: inherit;
      pointer-events: none;
      z-index: -1;
      margin-top: auto;
      height: 70%; }
    .pdsoft__propla-intro-card--1 {
      width: 292px; }
    .pdsoft__propla-intro-card--2 {
      width: 277px; }
    .pdsoft__propla-intro-card--3 {
      width: 274px; }
  .pdsoft__propla-intro-card-text {
    font-family: "Funnel Display", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 120%;
    letter-spacing: 0;
    color: #ffffff;
    margin: 0;
    position: relative;
    z-index: 1; }

.pdsoft__gallery {
  padding: 40px 0; }
  .pdsoft__gallery-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 19px; }
  .pdsoft__gallery-item {
    width: 188px;
    height: 247px;
    border-radius: 20px;
    box-shadow: 2px 2px 15px 0px rgba(0, 0, 0, 0.04);
    overflow: hidden;
    cursor: pointer;
    display: block;
    transition: transform 0.3s ease, box-shadow 0.3s ease; }
    .pdsoft__gallery-item:hover {
      transform: translateY(-5px);
      box-shadow: 2px 4px 20px 0px rgba(0, 0, 0, 0.1); }
  .pdsoft__gallery-img {
    width: 100%;
    height: 100%;
    object-fit: cover; }

.pdsoft__propla-cloud {
  max-width: 1100px;
  margin: 0 auto; }
  .pdsoft__propla-cloud-item {
    display: flex;
    gap: 18px; }
    @media (max-width: 768px) {
      .pdsoft__propla-cloud-item {
        flex-direction: column; } }
    .pdsoft__propla-cloud-item--right {
      flex-direction: row-reverse; }
      @media (max-width: 768px) {
        .pdsoft__propla-cloud-item--right {
          flex-direction: column; } }
  .pdsoft__propla-cloud-image {
    border-radius: 16px;
    flex-shrink: 0;
    max-width: 50%;
    object-fit: cover; }
    @media (max-width: 768px) {
      .pdsoft__propla-cloud-image {
        max-width: 100%;
        max-height: 300px;
        width: 100%; } }
  .pdsoft__propla-cloud-wrapper {
    background: rgba(255, 255, 255, 0.5);
    border-radius: 20px;
    border: 1px solid;
    border-image-source: linear-gradient(180deg, rgba(255, 255, 255, 0.15) 0%, rgba(231, 231, 231, 0.024) 100%);
    box-shadow: 2px 2px 15px 0px rgba(0, 0, 0, 0.04);
    padding: 42px 44px 32px;
    display: flex;
    flex-direction: column;
    flex: 1; }
    @media (max-width: 576px) {
      .pdsoft__propla-cloud-wrapper {
        padding: 24px 20px; } }
  .pdsoft__propla-cloud-title {
    font-family: "Funnel Display", sans-serif;
    font-weight: 400;
    font-size: 36px;
    line-height: 110%;
    letter-spacing: 0;
    margin: 0 0 5px; }
    @media (max-width: 576px) {
      .pdsoft__propla-cloud-title {
        font-size: 28px; } }
  .pdsoft__propla-cloud-subtitle {
    font-weight: 500;
    padding-bottom: 25px; }
  .pdsoft__propla-cloud-cols {
    display: flex;
    flex-wrap: wrap;
    column-gap: 51px;
    row-gap: 10px; }
    @media (max-width: 768px) {
      .pdsoft__propla-cloud-cols {
        flex-direction: column;
        gap: 25px;
        padding-bottom: 25px; } }
  .pdsoft__propla-cloud-col {
    padding-bottom: 21px;
    display: flex;
    gap: 15px;
    align-items: flex-start;
    width: calc(50% - 25.5px); }
    @media (max-width: 768px) {
      .pdsoft__propla-cloud-col {
        width: 100%; } }
    .pdsoft__propla-cloud-col--first-row {
      border-top: 1px solid rgba(41, 37, 33, 0.11);
      padding-top: 21px; }
  .pdsoft__propla-cloud-arrow {
    width: 27px;
    flex-shrink: 0; }
  .pdsoft__propla-cloud-col-content {
    flex: 1; }
  .pdsoft__propla-cloud-col-title {
    font-family: "Funnel Display", sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0;
    padding-bottom: 17px;
    padding-top: 4px; }
  .pdsoft__propla-cloud-col-text {
    opacity: 1;
    color: #96989a;
    line-height: 150%; }
  .pdsoft__propla-cloud-end-text {
    max-width: 356px;
    margin-top: auto;
    padding-top: 10px; }
    .pdsoft__propla-cloud-end-text b, .pdsoft__propla-cloud-end-text strong {
      font-weight: 600; }

.site-header {
  position: absolute;
  top: 49px;
  left: 0;
  right: 0;
  z-index: 1000;
  max-width: 1920px;
  margin: 0 auto;
  transition: none; }
  @media (max-width: 1200px) {
    .site-header {
      top: 20px; } }
  .site-header.is-scrolled {
    position: fixed;
    top: 0;
    background-color: rgba(255, 255, 255, 0.3);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    padding: 10px 0;
    transition: background-color 0.3s ease, backdrop-filter 0.3s ease, padding 0.3s ease; }
    @media (max-width: 1200px) {
      .site-header.is-scrolled {
        background-color: rgba(255, 255, 255, 0.3); } }
  .site-header.is-past-hero .navbar__link {
    color: #292521; }
  .site-header.is-past-hero .navbar__arrow path {
    fill: #292521; }
  .site-header.is-in-footer .navbar__link {
    color: #ffffff; }
  .site-header.is-in-footer .navbar__arrow path {
    fill: #ffffff; }

.navbar {
  position: relative; }
  .navbar__container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 44px;
    padding-right: 31px; }
    @media (max-width: 1200px) {
      .navbar__container {
        padding-left: 24px;
        padding-right: 24px; } }
  .navbar__logo {
    display: flex;
    align-items: center;
    flex-shrink: 0; }
    .navbar__logo img {
      height: auto;
      max-height: 40px;
      width: auto; }
    @media (max-width: 1200px) {
      .navbar__logo-desktop {
        display: none !important; } }
    .navbar__logo-light {
      display: block; }
    .navbar__logo-dark {
      display: none; }
    .navbar__logo-mobile {
      display: none; }
      @media (max-width: 1200px) {
        .navbar__logo-mobile {
          display: block; } }
  .navbar__menu {
    display: flex;
    align-items: center;
    gap: 50px;
    list-style: none;
    margin: 0;
    padding: 0; }
    @media (max-width: 1200px) {
      .navbar__menu {
        display: none; } }
  .navbar__item {
    position: relative; }
    .navbar__item--dropdown {
      position: static; }
      .navbar__item--dropdown .navbar__link {
        display: flex;
        align-items: center;
        gap: 5px;
        cursor: pointer; }
        .navbar__item--dropdown .navbar__link:hover {
          color: rgba(215, 247, 14, 0.9); }
          .navbar__item--dropdown .navbar__link:hover svg path {
            fill: rgba(215, 247, 14, 0.9); }
      .navbar__item--dropdown.is-open .navbar__arrow {
        transform: rotate(180deg); }
      .navbar__item--dropdown.is-open .navbar__link {
        color: rgba(215, 247, 14, 0.9); }
        .navbar__item--dropdown.is-open .navbar__link svg path {
          fill: rgba(215, 247, 14, 0.9); }
      .navbar__item--dropdown.is-open .mega-menu {
        opacity: 1;
        visibility: visible;
        pointer-events: auto; }
  .navbar__link {
    display: inline-block;
    font-family: "Funnel Display", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    color: #ffffff;
    text-decoration: none;
    transition: color 0.3s ease; }
    .navbar__link:hover {
      color: rgba(215, 247, 14, 0.9); }
  .navbar__arrow {
    transition: transform 0.3s ease; }
    .navbar__arrow path {
      transition: fill 0.3s ease; }
  .navbar__container > .btn {
    flex-shrink: 0; }
  .navbar__cta-desktop {
    display: flex;
    flex-shrink: 0; }
    @media (max-width: 1200px) {
      .navbar__cta-desktop {
        display: none; } }
  .navbar__mobile-controls {
    display: none;
    align-items: center;
    gap: 24px; }
    @media (max-width: 1200px) {
      .navbar__mobile-controls {
        display: flex; } }
    @media (max-width: 350px) {
      .navbar__mobile-controls {
        gap: 10px; } }
  .navbar__cta {
    display: none; }
    @media (max-width: 1200px) {
      .navbar__cta {
        display: flex; } }
  .navbar__toggle {
    display: none;
    align-items: center;
    justify-content: center;
    padding: 0;
    background: none;
    border: none;
    cursor: pointer;
    width: 43px; }
    @media (max-width: 1200px) {
      .navbar__toggle {
        display: flex; } }
    .navbar__toggle img {
      width: auto;
      height: auto; }
    .navbar__toggle-icon {
      display: none; }
      .navbar__toggle-icon--white {
        display: block; }
      .navbar__toggle-icon--dark {
        display: none; }
      .navbar__toggle-icon--close-white {
        display: none; }
      .navbar__toggle-icon--close-dark {
        display: none; }

.site-header.is-past-hero .navbar__logo-light {
  display: none; }
.site-header.is-past-hero .navbar__logo-dark {
  display: block; }
  @media (max-width: 1200px) {
    .site-header.is-past-hero .navbar__logo-dark {
      display: none; } }
.site-header.is-past-hero .navbar__toggle-icon--white {
  display: none; }
.site-header.is-past-hero .navbar__toggle-icon--dark {
  display: block; }
.site-header.is-past-hero .navbar__toggle-icon--close-white {
  display: none; }
.site-header.is-past-hero .navbar__toggle-icon--close-dark {
  display: none; }

.site-header.is-in-footer .navbar__logo-light {
  display: block; }
  @media (max-width: 1200px) {
    .site-header.is-in-footer .navbar__logo-light {
      display: none; } }
.site-header.is-in-footer .navbar__logo-dark {
  display: none; }
.site-header.is-in-footer .navbar__toggle-icon--white {
  display: block; }
.site-header.is-in-footer .navbar__toggle-icon--dark {
  display: none; }
.site-header.is-in-footer .navbar__toggle-icon--close-white {
  display: none; }
.site-header.is-in-footer .navbar__toggle-icon--close-dark {
  display: none; }

body.mobile-menu-open .navbar__toggle-icon--white {
  display: none !important; }
body.mobile-menu-open .navbar__toggle-icon--dark {
  display: none !important; }
body.mobile-menu-open .navbar__toggle-icon--close-white {
  display: block !important; }
body.mobile-menu-open .navbar__toggle-icon--close-dark {
  display: none !important; }

body.mobile-menu-open .site-header.is-past-hero .navbar__toggle-icon--close-white {
  display: none !important; }
body.mobile-menu-open .site-header.is-past-hero .navbar__toggle-icon--close-dark {
  display: block !important; }

body.mobile-menu-open .site-header.is-in-footer .navbar__toggle-icon--close-white {
  display: block !important; }
body.mobile-menu-open .site-header.is-in-footer .navbar__toggle-icon--close-dark {
  display: none !important; }

.mega-menu {
  position: absolute;
  top: calc(100% + 20px);
  left: 50%;
  transform: translateX(-50%);
  width: calc(100vw - 32px);
  max-width: 1368px;
  padding: 12px 15px 164px 13px;
  background-color: rgba(244, 244, 244, 0.95);
  border-radius: 27px;
  box-shadow: 2px 2px 15px 0px rgba(0, 0, 0, 0.04);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  pointer-events: none;
  transition: all 0.3s ease; }
  .mega-menu__container {
    display: flex;
    gap: 12px; }
  .mega-menu__column {
    width: 254px;
    flex-shrink: 0; }
    .mega-menu__column--news {
      flex: 1;
      min-width: 0; }
    @media (max-width: 1300px) {
      .mega-menu__column {
        width: calc((100% - 48px - 200px) / 4);
        min-width: 180px; }
        .mega-menu__column--news {
          width: 200px;
          flex: none; } }
  .mega-menu__card {
    background-color: white;
    border-radius: 20px;
    padding: 18px 26px;
    height: fit-content; }
  .mega-menu__icon {
    display: block;
    padding-bottom: 16px;
    max-width: 40px;
    height: auto; }
  .mega-menu__title {
    font-family: "Funnel Display", sans-serif;
    font-weight: 500;
    font-size: 15px;
    line-height: 100%;
    color: #292521;
    margin: 0 0 8px 0; }
  .mega-menu__subtitle {
    font-family: "Funnel Display", sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 120%;
    color: rgba(0, 0, 0, 0.5);
    margin: 0;
    padding-bottom: 19px; }
  .mega-menu__divider {
    width: 100%;
    height: 1px;
    background-color: rgba(185, 185, 185, 0.1);
    margin-top: 22px;
    margin-bottom: 25px; }
  .mega-menu__links {
    list-style: none;
    margin: 0;
    padding: 0; }
    .mega-menu__links li {
      margin-bottom: 12px; }
      .mega-menu__links li:last-child {
        margin-bottom: 0; }
    .mega-menu__links a {
      font-family: "Funnel Display", sans-serif;
      font-weight: 400;
      font-size: 14px;
      line-height: 100%;
      color: #292521;
      text-decoration: none;
      transition: color 0.3s ease; }
      .mega-menu__links a:hover {
        color: rgba(215, 247, 14, 0.9); }
  .mega-menu__news-title {
    font-family: "Funnel Display", sans-serif;
    font-weight: 500;
    font-size: 15px;
    line-height: 120%;
    color: #292521;
    margin: 0;
    padding-bottom: 7px;
    padding-top: 10px;
    padding-left: 10px; }
  .mega-menu__news-card {
    background-color: #eaeaea;
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 20px;
    padding: 15px; }
  .mega-menu__news-image {
    width: 100%;
    height: auto;
    border-radius: 12px;
    margin-bottom: 20px;
    object-fit: cover; }
  .mega-menu__news-heading {
    font-family: "Funnel Display", sans-serif;
    font-weight: 500;
    font-size: 15px;
    line-height: 120%;
    color: #292521;
    margin: 0;
    padding-bottom: 10px; }
  .mega-menu__news-text {
    font-family: "Funnel Display", sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 120%;
    color: rgba(0, 0, 0, 0.5);
    margin: 0;
    padding-bottom: 36px; }

.mobile-menu {
  position: fixed;
  top: 100px;
  left: 20px;
  right: 20px;
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-20px);
  transition: all 0.3s ease;
  padding: 25px 16px 25px 20px;
  background-color: white;
  border-radius: 20px;
  box-shadow: 2px 2px 15px 0px rgba(0, 0, 0, 0.04);
  max-height: calc(100vh - 120px);
  overflow-y: auto; }
  @media (max-width: 992px) {
    .mobile-menu {
      top: 80px; } }
  .mobile-menu.is-open {
    opacity: 1;
    visibility: visible;
    transform: translateY(0); }
  .mobile-menu__section-title {
    font-family: "Funnel Display", sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0;
    color: #292521;
    margin: 0 0 27px 0; }
  .mobile-menu__item {
    margin-bottom: 20px; }
    .mobile-menu__item:last-of-type {
      margin-bottom: 0; }
    .mobile-menu__item--accordion.is-open .mobile-menu__chevron {
      transform: rotate(0deg); }
    .mobile-menu__item--accordion.is-open .mobile-menu__dropdown {
      display: block; }
  .mobile-menu__trigger {
    display: flex;
    align-items: center;
    gap: 21px;
    width: 100%;
    padding: 0;
    background: none;
    border: none;
    cursor: pointer;
    text-align: left; }
  .mobile-menu__icon-wrapper {
    flex-shrink: 0;
    width: 21px;
    display: flex;
    align-items: center;
    justify-content: center; }
  .mobile-menu__icon {
    flex-shrink: 0; }
    .mobile-menu__icon--1 {
      width: 16px;
      height: 21px; }
    .mobile-menu__icon--2 {
      width: 11px;
      height: 13px; }
    .mobile-menu__icon--3 {
      width: 18px;
      height: 16px; }
    .mobile-menu__icon--4 {
      width: 18px;
      height: 18px; }
  .mobile-menu__label {
    flex: 1;
    font-family: "Funnel Display", sans-serif;
    font-weight: 500;
    font-size: 15px;
    line-height: 100%;
    letter-spacing: 0;
    color: #292521; }
  .mobile-menu__chevron {
    flex-shrink: 0;
    transition: transform 0.3s ease;
    transform: rotate(180deg); }
  .mobile-menu__dropdown {
    display: none;
    padding-top: 15px;
    padding-left: 44px; }
  .mobile-menu__desc {
    font-family: "Funnel Display", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0;
    color: #292521;
    opacity: 0.5;
    margin: 0 0 16px 0; }
  .mobile-menu__links {
    list-style: none;
    padding: 0;
    margin: 23px 0 0 0; }
    .mobile-menu__links li {
      margin-bottom: 12px; }
      .mobile-menu__links li:last-child {
        margin-bottom: 0; }
    .mobile-menu__links a {
      font-family: "Funnel Display", sans-serif;
      font-weight: 400;
      font-size: 14px;
      line-height: 100%;
      letter-spacing: 0;
      color: #292521;
      text-decoration: none;
      transition: color 0.3s ease; }
      .mobile-menu__links a:hover {
        color: rgba(215, 247, 14, 0.9); }
  .mobile-menu__divider {
    height: 1px;
    background-color: rgba(0, 0, 0, 0.1);
    margin: 24px 0; }
  .mobile-menu__link {
    display: block;
    font-family: "Funnel Display", sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0;
    color: #292521;
    text-decoration: none;
    transition: color 0.3s ease; }
    .mobile-menu__link:hover {
      color: rgba(215, 247, 14, 0.9); }

.cta {
  padding: 110px 20px; }
  .cta__container {
    max-width: 1400px;
    margin: 0 auto; }
  .cta__content {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 20px;
    height: 581px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 62px;
    padding: 0 60px; }
    @media (max-width: 992px) {
      .cta__content {
        flex-direction: column;
        gap: 30px;
        height: auto;
        padding: 60px 30px; } }
  .cta__title {
    font-family: "Funnel Display", sans-serif;
    font-weight: 400;
    font-size: 60px;
    line-height: 120%;
    letter-spacing: 0;
    text-align: right;
    color: #ffffff;
    margin: 0; }
    @media (max-width: 992px) {
      .cta__title {
        text-align: center;
        font-size: 48px; } }
    @media (max-width: 768px) {
      .cta__title {
        font-size: 36px; } }
  .cta__glass {
    background: rgba(255, 255, 255, 0.14);
    backdrop-filter: blur(10px);
    border-radius: 20px;
    padding: 30px 40px 33px 33px;
    max-width: 277px; }
    @media (max-width: 768px) {
      .cta__glass {
        padding: 25px;
        max-width: 100%; } }
  .cta__text {
    font-family: "Funnel Display", sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0;
    color: #ffffff;
    margin: 0 0 20px 0; }

.site-footer {
  padding-top: 203px; }
  @media (max-width: 992px) {
    .site-footer {
      padding-top: 120px; } }
  @media (max-width: 768px) {
    .site-footer {
      padding-top: 80px; } }
  .site-footer__container {
    max-width: 1390px;
    margin: 0 auto;
    padding: 0 20px; }
  .site-footer__columns {
    display: flex;
    gap: 156px;
    justify-content: center; }
    @media (max-width: 1200px) {
      .site-footer__columns {
        flex-wrap: wrap;
        gap: 40px 60px;
        justify-content: flex-start; } }
    @media (max-width: 768px) {
      .site-footer__columns {
        gap: 30px 40px; } }
  .site-footer__col {
    width: 140px;
    flex-shrink: 0; }
    .site-footer__col--logo {
      width: 230px;
      flex-shrink: 0; }
      @media (max-width: 992px) {
        .site-footer__col--logo {
          width: 100%;
          margin-bottom: 20px; } }
  .site-footer__logo {
    display: block;
    padding-bottom: 22px; }
  .site-footer__text {
    font-family: "Funnel Display", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: 0;
    color: #ffffff;
    margin: 0 0 22px 0; }
  .site-footer__social {
    display: inline-block;
    transition: all 0.3s ease; }
    .site-footer__social:hover {
      opacity: 0.7;
      transform: translateY(-2px); }
    .site-footer__social img {
      display: block; }
  .site-footer__heading {
    font-family: "Funnel Display", sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: 0;
    color: rgba(255, 255, 255, 0.7);
    margin: 0 0 15px 0; }
  .site-footer__links {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 15px; }
    .site-footer__links a {
      font-family: "Funnel Display", sans-serif;
      font-weight: 300;
      font-size: 14px;
      line-height: 140%;
      letter-spacing: 0;
      color: rgba(255, 255, 255, 0.5);
      text-decoration: none;
      transition: opacity 0.3s ease; }
      .site-footer__links a:hover {
        opacity: 0.7; }
  .site-footer__bottom {
    margin-top: 171px;
    padding-bottom: 30px; }
    @media (max-width: 992px) {
      .site-footer__bottom {
        margin-top: 100px; } }
    @media (max-width: 768px) {
      .site-footer__bottom {
        margin-top: 60px; } }
  .site-footer__line {
    height: 1px;
    background-color: rgba(255, 255, 255, 0.55);
    opacity: 0.1;
    margin: 0 23px; }
  .site-footer__copyright {
    display: block;
    font-family: "Funnel Display", sans-serif;
    font-weight: 300;
    font-size: 12px;
    line-height: 140%;
    letter-spacing: 0;
    text-align: right;
    color: rgba(255, 255, 255, 0.5);
    text-decoration: none;
    padding: 15px 23px 0;
    transition: opacity 0.3s ease; }
    .site-footer__copyright:hover {
      opacity: 0.7; }

.hero {
  padding: 25px 20px 0; }
  @media (max-width: 992px) {
    .hero {
      padding: 15px 10px 0; } }
  .hero__bg {
    position: relative;
    max-width: 1600px;
    margin: 0 auto;
    border-radius: 25px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: calc(100vh - 25px); }
    @media (min-width: 1921px) {
      .hero__bg {
        max-width: 1920px; } }
    @media (max-width: 768px) {
      .hero__bg {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        padding: 20px;
        min-height: auto; } }
  .hero__video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center bottom;
    z-index: 0; }
    @media (max-width: 768px) {
      .hero__video {
        display: none; } }
  .hero__bg-image {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
    z-index: 0; }
    @media (max-width: 768px) {
      .hero__bg-image {
        display: block; } }
  .hero .container {
    position: relative;
    z-index: 1; }
  .hero__content {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding-top: 250px;
    padding-bottom: 318px; }
    @media (max-width: 768px) {
      .hero__content {
        padding-top: 100px;
        padding-bottom: 40px;
        width: 100%; } }
  .hero__title {
    font-family: "Funnel Display", sans-serif;
    font-weight: 300;
    font-size: 60px;
    line-height: 120%;
    letter-spacing: 0;
    text-align: center;
    color: #ffffff;
    margin: 0 0 20px 0; }
    @media (max-width: 768px) {
      .hero__title {
        font-size: 40px; } }
    @media (max-width: 576px) {
      .hero__title {
        font-size: 32px; } }
  .hero__card {
    position: absolute;
    z-index: 1;
    bottom: 25px;
    left: 27px;
    display: flex;
    align-items: stretch;
    gap: 29px;
    padding: 12px 36px 12px 9px;
    border-radius: 20px;
    max-width: 474px; }
    @media (max-width: 768px) {
      .hero__card {
        position: static;
        max-width: 100%;
        margin-bottom: 20px; } }
    @media (max-width: 576px) {
      .hero__card {
        flex-direction: column;
        gap: 15px; } }
  .hero__card-image {
    flex-shrink: 0;
    background-color: rgba(0, 0, 0, 0.45);
    border-radius: 15px;
    overflow: hidden;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start; }
    .hero__card-image img {
      max-width: 100%;
      height: auto; }
  .hero__card-text {
    display: flex;
    flex-direction: column;
    justify-content: center; }
  .hero__card-title {
    font-family: "Funnel Display", sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 100%;
    letter-spacing: 0;
    color: #ffffff;
    margin: 0 0 18px 0; }
  .hero__card-subtitle {
    font-family: "Funnel Display", sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0;
    color: #ffffff;
    margin: 0 0 20px 0; }
  .hero__arrow {
    display: none;
    position: absolute;
    right: -149px;
    top: 50%;
    transform: translateY(-39%);
    z-index: 10;
    opacity: 0.8; }
    @media (max-width: 1400px) {
      .hero__arrow {
        display: none; } }
  .hero__stats {
    position: absolute;
    z-index: 1;
    bottom: 25px;
    right: 30px;
    padding: 20px 32px 26px 31px;
    border-radius: 20px;
    max-width: 236px; }
    @media (max-width: 768px) {
      .hero__stats {
        position: static;
        max-width: 100%;
        width: 100%; } }
  .hero__stats-title {
    font-family: "Funnel Display", sans-serif;
    font-weight: 300;
    font-size: 48px;
    line-height: 100%;
    letter-spacing: 0;
    color: rgba(215, 247, 14, 0.9);
    margin: 0; }
  .hero__stats-subtitle {
    font-family: "Funnel Display", sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0;
    color: #ffffff;
    margin: 0 0 12px 0; }
  .hero__stats-desc {
    font-family: "Funnel Display", sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0;
    color: #ffffff;
    margin: 0 0 20px 0; }

.chip {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 8px 16px;
  border-radius: 50px;
  margin-bottom: 25px; }
  .chip__icon {
    width: 16px;
    height: 16px;
    flex-shrink: 0; }
  .chip__text {
    font-family: "Funnel Display", sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 0;
    text-align: center;
    color: #ffffff; }

.text-primary {
  color: rgba(215, 247, 14, 0.9); }

.about {
  margin-top: 112px;
  scroll-margin-top: 100px; }
  .about__row {
    display: flex;
    gap: 52px;
    justify-content: center; }
    @media (max-width: 768px) {
      .about__row {
        flex-direction: column;
        gap: 30px; } }
  .about__col {
    flex: 1;
    max-width: 370px; }
    @media (max-width: 768px) {
      .about__col {
        max-width: 100%; } }
    .about__col--title {
      text-align: right; }
      @media (max-width: 768px) {
        .about__col--title {
          text-align: left; } }
    .about__col--text {
      text-align: left; }
  .about__title {
    font-family: "Funnel Display", sans-serif;
    font-weight: 400;
    font-size: 36px;
    line-height: 110%;
    letter-spacing: 0;
    color: #292521;
    margin: 0; }
    @media (max-width: 768px) {
      .about__title {
        font-size: 28px; } }
  .about__desc {
    font-family: "Funnel Display", sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0;
    color: #292521;
    margin: 0 0 19px 0;
    padding-top: 6px; }
    .about__desc-gov {
      margin: 0 0 50px 0; }
      @media (max-width: 992px) {
        .about__desc-gov {
          margin: 0 0 20px 0; } }

.stats {
  margin-top: 52px; }
  @media (max-width: 768px) {
    .stats {
      margin-top: 40px; } }
  .stats__row {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px; }
    @media (max-width: 576px) {
      .stats__row {
        flex-direction: column;
        align-items: center; } }
  .stats__card {
    width: 276px;
    flex-shrink: 0;
    background-color: #ffffff;
    border-radius: 20px;
    padding: 25px 20px 33px 25px;
    display: flex;
    flex-direction: column; }
    @media (max-width: 1400px) {
      .stats__card {
        width: 240px;
        padding: 22px 18px 28px 22px; } }
    @media (max-width: 1200px) {
      .stats__card {
        width: 220px;
        padding: 20px 16px 25px 20px; } }
    @media (max-width: 992px) {
      .stats__card {
        width: calc(50% - 5px); } }
    @media (max-width: 768px) {
      .stats__card {
        padding: 20px 15px 25px 20px; } }
    @media (max-width: 576px) {
      .stats__card {
        width: 100%;
        max-width: 100%; } }
  .stats__icon {
    display: block;
    margin-bottom: 74px;
    max-width: 40px;
    height: auto; }
    @media (max-width: 1400px) {
      .stats__icon {
        margin-bottom: 50px; } }
    @media (max-width: 768px) {
      .stats__icon {
        margin-bottom: 40px;
        max-width: 32px; } }
  .stats__title {
    font-family: "Funnel Display", sans-serif;
    font-weight: 400;
    font-size: 48px;
    line-height: 100%;
    letter-spacing: 0;
    color: #292521;
    margin: 0;
    padding-bottom: 7px; }
    @media (max-width: 1400px) {
      .stats__title {
        font-size: 40px; } }
    @media (max-width: 1200px) {
      .stats__title {
        font-size: 36px; } }
    @media (max-width: 768px) {
      .stats__title {
        font-size: 36px; } }
    @media (max-width: 576px) {
      .stats__title {
        font-size: 32px; } }
  .stats__subtitle {
    font-family: "Funnel Display", sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0;
    color: #918F8D;
    margin: 0; }
    @media (max-width: 576px) {
      .stats__subtitle {
        font-size: 13px; } }

.customers {
  margin-top: 61px; }
  .customers.customers-les {
    margin-top: 113px; }
    @media (max-width: 992px) {
      .customers.customers-les {
        margin-top: 50px; } }
  .customers__title {
    font-family: "Funnel Display", sans-serif;
    font-weight: 300;
    font-size: 12px;
    line-height: 140%;
    letter-spacing: 0;
    text-align: center;
    color: #918F8D;
    margin: 0 0 20px 0; }
  .customers__slider {
    max-width: 1216px;
    margin: 0 auto;
    overflow: hidden;
    position: relative; }
    .customers__slider::before, .customers__slider::after {
      content: '';
      position: absolute;
      top: 0;
      bottom: 0;
      width: 100px;
      z-index: 2;
      pointer-events: none; }
    .customers__slider::before {
      left: 0;
      background: linear-gradient(90deg, #F4F4F4 0%, rgba(244, 244, 244, 0) 100%); }
    .customers__slider::after {
      right: 0;
      background: linear-gradient(270deg, #F4F4F4 0%, rgba(244, 244, 244, 0) 100%); }

.customers-swiper .swiper-wrapper {
  transition-timing-function: linear; }
.customers-swiper .swiper-slide {
  width: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: center; }
  .customers-swiper .swiper-slide img {
    max-height: 60px;
    width: auto;
    object-fit: contain;
    opacity: 0.7;
    transition: opacity 0.3s ease; }
    .customers-swiper .swiper-slide img:hover {
      opacity: 1; }

.branches {
  padding: 99px 20px 0; }
  @media (max-width: 992px) {
    .branches {
      padding: 70px 10px 0; } }
  @media (max-width: 768px) {
    .branches {
      padding: 40px 10px 0; } }
  .branches__bg {
    position: relative;
    max-width: 1400px;
    margin: 0 auto;
    border-radius: 20px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 31px 28px;
    min-height: 815px; }
    @media (max-width: 1200px) {
      .branches__bg {
        min-height: auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 15px;
        padding: 30px 25px; } }
    @media (max-width: 992px) {
      .branches__bg {
        padding: 25px 20px; } }
  .branches__title {
    font-family: "Funnel Display", sans-serif;
    font-weight: 400;
    font-size: 36px;
    line-height: 110%;
    letter-spacing: 0;
    color: #ffffff;
    margin: 0; }
    @media (max-width: 1200px) {
      .branches__title {
        width: 100%;
        margin-bottom: 20px; } }
    @media (max-width: 768px) {
      .branches__title {
        font-size: 28px; } }
  .branches__card {
    position: absolute;
    padding: 32px 20px 35px 32px;
    border-radius: 20px;
    max-width: 272px;
    height: fit-content; }
    .branches__card[data-card="1"] {
      top: 165px;
      left: 271px; }
    .branches__card[data-card="2"] {
      bottom: 26px;
      left: 202px; }
    .branches__card[data-card="3"] {
      top: 118px;
      right: 342px; }
    .branches__card[data-card="4"] {
      bottom: 42px;
      right: 220px; }
    @media (max-width: 1200px) {
      .branches__card {
        position: static;
        width: calc(50% - 8px); } }
    @media (max-width: 768px) {
      .branches__card {
        max-width: 100%;
        width: 100%; } }
  .branches__card-icon {
    display: block;
    padding-bottom: 11px; }
  .branches__card-title {
    font-family: "Funnel Display", sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 100%;
    letter-spacing: 0;
    color: #ffffff;
    margin: 0;
    padding-bottom: 25px; }
    @media (max-width: 768px) {
      .branches__card-title {
        font-size: 20px;
        padding-bottom: 15px; } }
  .branches__card-desc {
    font-family: "Funnel Display", sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0;
    color: #ffffff;
    margin: 0 0 20px 0; }
    @media (max-width: 768px) {
      .branches__card-desc {
        font-size: 13px;
        margin-bottom: 15px; } }
  .branches__card .btn {
    padding-right: 24px; }

.map-section {
  scroll-margin-top: 120px !important;
  margin-top: 82px; }
  @media (max-width: 768px) {
    .map-section {
      margin-top: 60px; } }
  .map-section__row {
    display: flex;
    align-items: center;
    gap: 73px; }
    @media (max-width: 992px) {
      .map-section__row {
        flex-direction: column;
        gap: 30px; } }
  .map-section__content {
    max-width: 310px;
    margin-left: 158px;
    text-align: right;
    flex-shrink: 0; }
    @media (max-width: 1200px) {
      .map-section__content {
        margin-left: 0; } }
    @media (max-width: 992px) {
      .map-section__content {
        max-width: 100%;
        text-align: left; } }
  .map-section__title {
    font-family: "Funnel Display", sans-serif;
    font-weight: 300;
    font-size: 64px;
    line-height: 100%;
    letter-spacing: 0;
    color: #292521;
    margin: 0;
    padding-bottom: 11px; }
    @media (max-width: 768px) {
      .map-section__title {
        font-size: 48px; } }
  .map-section__subtitle {
    font-family: "Funnel Display", sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 100%;
    letter-spacing: 0;
    text-align: right;
    color: #292521;
    margin: 0;
    padding-bottom: 25px; }
    @media (max-width: 992px) {
      .map-section__subtitle {
        text-align: left; } }
    @media (max-width: 768px) {
      .map-section__subtitle {
        font-size: 20px; } }
  .map-section__image {
    flex: 1; }
    @media (max-width: 992px) {
      .map-section__image {
        width: 100%; } }
  .map-section__image-wrapper {
    position: relative;
    display: inline-block; }
    .map-section__image-wrapper img {
      display: block;
      max-width: 100%;
      height: auto;
      position: relative;
      z-index: 2; }
  .map-section__dots {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    pointer-events: none; }
  .map-section__dot {
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #d7f70e;
    opacity: 0;
    transform: scale(0);
    animation: mapDotAppear 0.4s ease-out forwards; }
    @media (max-width: 1200px) {
      .map-section__dot {
        width: 4px;
        height: 4px; } }

@keyframes mapDotAppear {
  0% {
    opacity: 0;
    transform: scale(0); }
  100% {
    opacity: 1;
    transform: scale(1); } }
.feature-slider {
  margin-top: 82px; }
  @media (max-width: 768px) {
    .feature-slider {
      margin-top: 60px; } }

.digitalize {
  padding-top: 57px;
  text-align: center; }
  .digitalize__title {
    font-family: "Funnel Display", sans-serif;
    font-weight: 400;
    font-size: 36px;
    line-height: 110%;
    letter-spacing: 0;
    text-align: center;
    color: #292521;
    margin: 0 auto 25px;
    max-width: 533px; }
    @media (max-width: 768px) {
      .digitalize__title {
        font-size: 28px; } }
  .digitalize__text {
    font-family: "Funnel Display", sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0;
    text-align: center;
    color: #292521;
    margin: 0 auto;
    max-width: 447px; }

.process-timeline {
  margin-top: 33px;
  padding: 0 20px; }
  .process-timeline__wrapper {
    position: relative;
    max-width: 1400px;
    margin: 0 auto;
    padding-bottom: 15px;
    display: flex;
    flex-direction: column;
    align-items: center; }
  .process-timeline__line {
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    width: 1px;
    background-color: rgba(41, 37, 33, 0.11);
    transform: translateX(-50%);
    margin-bottom: 100px; }
    @media (max-width: 1200px) {
      .process-timeline__line {
        display: none; } }
  .process-timeline__item {
    width: 644px;
    position: relative;
    margin-top: -20px; }
    .process-timeline__item--first {
      margin-top: 26px; }
    .process-timeline__item--right {
      margin-left: calc(50% + 1px); }
    .process-timeline__item--left {
      margin-right: calc(50% + 1px); }
    @media (max-width: 1400px) {
      .process-timeline__item {
        width: 580px; } }
    @media (max-width: 1200px) {
      .process-timeline__item {
        width: 100%;
        max-width: 580px;
        margin-left: auto !important;
        margin-right: auto !important;
        margin-top: 20px; }
        .process-timeline__item--first {
          margin-top: 0; } }
  .process-timeline__summary {
    position: relative;
    z-index: 1;
    margin-top: 30px;
    padding: 0 20px;
    font-family: "Funnel Display", sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0;
    text-align: center;
    color: #292521; }

.process-card {
  position: relative;
  width: 100%;
  padding: 34px 31px 32px 68px;
  background-color: rgba(255, 255, 255, 0.55);
  border-radius: 12px;
  display: flex;
  align-items: center;
  gap: 90px;
  overflow: hidden; }
  @media (max-width: 992px) {
    .process-card {
      padding: 24px 20px 24px 50px;
      gap: 60px; } }
  @media (max-width: 768px) {
    .process-card {
      padding: 20px 15px 20px 40px;
      gap: 40px; } }
  .process-card__image {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 265px;
    background-size: cover;
    background-position: center; }
    .process-card__image::after {
      content: '';
      position: absolute;
      top: 0;
      bottom: 0;
      right: 0;
      width: 146px;
      background: linear-gradient(270deg, #FAFAFA 0%, rgba(250, 250, 250, 0.83) 26.98%, rgba(250, 250, 250, 0.5) 53.13%, rgba(250, 250, 250, 0) 86.33%); }
    @media (max-width: 992px) {
      .process-card__image {
        width: 200px; } }
    @media (max-width: 768px) {
      .process-card__image {
        width: 150px; } }
  .process-card__icon {
    position: relative;
    z-index: 1;
    flex-shrink: 0;
    height: auto; }
    @media (max-width: 768px) {
      .process-card__icon {
        width: 36px;
        height: auto; } }
  .process-card--icon-2 .process-card__icon {
    margin-left: 24px; }
    @media (max-width: 992px) {
      .process-card--icon-2 .process-card__icon {
        margin-left: 16px; } }
    @media (max-width: 768px) {
      .process-card--icon-2 .process-card__icon {
        margin-left: 8px; } }
  .process-card--icon-3 .process-card__icon {
    margin-left: 8px; }
    @media (max-width: 768px) {
      .process-card--icon-3 .process-card__icon {
        margin-left: 4px; } }
  .process-card--icon-4 .process-card__icon {
    margin-left: 24px; }
    @media (max-width: 992px) {
      .process-card--icon-4 .process-card__icon {
        margin-left: 16px; } }
    @media (max-width: 768px) {
      .process-card--icon-4 .process-card__icon {
        margin-left: 8px; } }
  .process-card--icon-5 .process-card__icon {
    margin-left: 10px; }
    @media (max-width: 768px) {
      .process-card--icon-5 .process-card__icon {
        margin-left: 5px; } }
  .process-card__content {
    position: relative;
    z-index: 1; }
  .process-card__title {
    font-family: "Funnel Display", sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 100%;
    letter-spacing: 0;
    color: black;
    margin: 0 0 10px 0; }
    @media (max-width: 768px) {
      .process-card__title {
        font-size: 20px; } }
  .process-card__text {
    font-family: "Funnel Display", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0;
    color: black;
    opacity: 50%;
    margin: 0; }
    @media (max-width: 768px) {
      .process-card__text {
        font-size: 13px; } }

.system-box {
  margin-top: 61px;
  padding: 0 20px; }
  .system-box .container {
    padding: 0; }
  .system-box__wrapper {
    position: relative;
    max-width: 1400px;
    margin: 0 auto;
    height: 814px;
    padding: 31px 28px;
    background-size: cover;
    background-position: center;
    border-radius: 20px;
    overflow: hidden; }
    @media (max-width: 1200px) {
      .system-box__wrapper {
        height: auto;
        min-height: 600px;
        padding-bottom: 180px;
        background-size: auto;
        background-position: 50% 15%; } }
    @media (max-width: 992px) {
      .system-box__wrapper {
        padding-bottom: 200px; } }
  .system-box__title {
    font-family: "Funnel Display", sans-serif;
    font-weight: 400;
    font-size: 36px;
    line-height: 110%;
    letter-spacing: 0;
    color: white;
    margin: 0; }
    @media (max-width: 768px) {
      .system-box__title {
        font-size: 28px; } }
  .system-box__bottom {
    position: absolute;
    left: 42px;
    bottom: 33px;
    display: flex;
    align-items: center;
    gap: 38px; }
    @media (max-width: 768px) {
      .system-box__bottom {
        left: 20px;
        right: 20px;
        flex-direction: column;
        align-items: flex-start;
        gap: 20px; } }
  .system-box__bottom-text {
    font-family: "Funnel Display", sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0;
    color: #ffffff;
    margin: 0; }
  .system-box__bottom-btn {
    background-color: rgba(185, 185, 185, 0.17);
    color: #ffffff;
    padding: 14px 36px;
    border-radius: 15px; }
    .system-box__bottom-btn:hover {
      background-color: rgba(185, 185, 185, 0.7);
      color: #ffffff; }

.accordion-btn {
  position: absolute; }
  @media (max-width: 1200px) {
    .accordion-btn {
      position: static;
      width: auto !important; } }
  .accordion-btn__trigger {
    z-index: 3;
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    gap: 21px;
    padding: 0;
    background-color: rgba(215, 247, 14, 0.9);
    border: none;
    border-radius: 15px;
    cursor: pointer;
    transition: opacity 0.2s ease; }
    .accordion-btn__trigger:hover {
      opacity: 0.9; }
  .accordion-btn__icon {
    width: 38px;
    height: 38px;
    border-radius: 15px;
    margin: 2px 3px; }
  .accordion-btn__label {
    font-family: "Funnel Display", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 115%;
    letter-spacing: 0;
    text-align: left;
    color: #292521;
    padding-right: 15px; }
  .accordion-btn__content {
    display: none;
    position: relative;
    top: -3px;
    z-index: 1; }
  .accordion-btn__glass {
    background: rgba(255, 255, 255, 0.25);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-radius: 0 0 20px 20px;
    padding: 23px 28px 25px 28px;
    margin: 0 5px; }
  .accordion-btn__text {
    font-family: "Funnel Display", sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0;
    color: white;
    margin: 0 0 23px 0; }
  .accordion-btn__buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 9px; }
  .accordion-btn.is-open {
    z-index: 10; }
    .accordion-btn.is-open .accordion-btn__content {
      display: block; }
  .accordion-btn--1 {
    top: 68.91%;
    left: 13.21%; }
  .accordion-btn--2 {
    top: 54.30%;
    left: 30.86%; }
  .accordion-btn--3 {
    top: 71.52%;
    left: 42.71%; }
  .accordion-btn--4 {
    top: 30.71%;
    right: 18.71%; }
  .accordion-btn--5 {
    top: 62.16%;
    right: 4.43%; }
  .accordion-btn--gis-1 {
    top: 28.62%;
    right: 61.71%; }
  .accordion-btn--gis-2 {
    top: 13.51%;
    right: 6.07%; }
  .accordion-btn--gis-3 {
    top: 35.87%;
    right: 11.00%; }
  .accordion-btn--gis-4 {
    top: 65.36%;
    right: 32.29%; }

@media (max-width: 1200px) {
  .system-box__wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: center;
    align-items: flex-start;
    align-content: flex-start; }
    .system-box__wrapper .system-box__title {
      width: 100%;
      margin-bottom: 20px;
      text-align: center; }
    .system-box__wrapper .accordion-btn {
      flex: 0 0 320px;
      width: 320px !important; } }
@media (max-width: 992px) {
  .system-box__wrapper {
    flex-direction: column;
    align-items: center; }
    .system-box__wrapper .accordion-btn {
      width: 100% !important;
      max-width: 400px;
      flex: 0 0 auto; } }

.software-solutions {
  margin-top: 77px;
  padding: 0 20px; }
  .software-solutions__wrapper {
    max-width: 1400px;
    margin: 0 auto;
    display: flex;
    gap: 117px; }
    @media (max-width: 1200px) {
      .software-solutions__wrapper {
        flex-direction: column;
        gap: 50px; } }
  .software-solutions__text {
    flex-shrink: 0;
    max-width: 340px; }
    @media (max-width: 1200px) {
      .software-solutions__text {
        max-width: 100%; } }
  .software-solutions__title {
    font-family: "Funnel Display", sans-serif;
    font-weight: 400;
    font-size: 36px;
    line-height: 110%;
    letter-spacing: 0;
    color: #292521;
    margin: 0;
    padding-bottom: 26px; }
    @media (max-width: 768px) {
      .software-solutions__title {
        font-size: 28px; } }
  .software-solutions__desc {
    font-family: "Funnel Display", sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0;
    color: #292521;
    margin: 0;
    padding-bottom: 61px; }
    @media (max-width: 1200px) {
      .software-solutions__desc {
        padding-bottom: 30px; } }
  .software-solutions__box {
    background-color: #ededed;
    border-radius: 20px;
    padding: 25px 49px 37px 25px; }
    .software-solutions__box--desktop {
      display: block; }
      @media (max-width: 1200px) {
        .software-solutions__box--desktop {
          display: none; } }
    .software-solutions__box--mobile {
      display: none;
      margin-top: 30px; }
      @media (max-width: 1200px) {
        .software-solutions__box--mobile {
          display: block; } }
  .software-solutions__box-title {
    font-family: "Funnel Display", sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0;
    color: #292521;
    margin: 0;
    padding-bottom: 20px; }
  .software-solutions__box-desc {
    font-family: "Funnel Display", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0;
    color: #292521;
    opacity: 0.5;
    margin: 0;
    padding-bottom: 35px; }
  .software-solutions__slider {
    flex: 1;
    min-width: 0; }
  .software-solutions__slider-container {
    position: relative;
    overflow: hidden; }
    .software-solutions__slider-container::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100px;
      height: 100%;
      background: linear-gradient(90deg, #F4F4F4 0%, rgba(244, 244, 244, 0) 100%);
      pointer-events: none;
      z-index: 10;
      opacity: 1;
      transition: opacity 0.3s ease; }
      @media (max-width: 768px) {
        .software-solutions__slider-container::before {
          width: 50px; } }
    .software-solutions__slider-container::after {
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      width: 100px;
      height: 100%;
      background: linear-gradient(90deg, rgba(244, 244, 244, 0) 0%, #F4F4F4 100%);
      pointer-events: none;
      z-index: 10;
      opacity: 1;
      transition: opacity 0.3s ease; }
      @media (max-width: 768px) {
        .software-solutions__slider-container::after {
          width: 50px; } }
    .software-solutions__slider-container.is-at-start::before {
      opacity: 0; }
    .software-solutions__slider-container.is-at-end::after {
      opacity: 0; }
  .software-solutions__nav {
    margin-top: 35px;
    margin-left: 46px; }
    @media (max-width: 768px) {
      .software-solutions__nav {
        margin-left: 0;
        text-align: center; } }
  .software-solutions__nav-img {
    max-width: 100%;
    height: auto; }

.software-slider {
  overflow: visible;
  padding-right: 45px; }
  .software-slider .swiper-slide {
    width: 303px; }

.software-slide {
  background: rgba(255, 255, 255, 0.55);
  border-radius: 20px;
  box-shadow: 2px 2px 15px 0px rgba(0, 0, 0, 0.04);
  padding: 35px 37px 36px 40px;
  height: 100%;
  display: flex;
  flex-direction: column; }
  .software-slide__icon-wrap {
    height: 164px;
    display: flex;
    align-items: flex-start; }
  .software-slide__icon {
    width: auto;
    height: auto;
    max-width: 100%; }
  .software-slide__title {
    font-family: "Funnel Display", sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0;
    color: #000000;
    margin: 0;
    padding-bottom: 19px; }
  .software-slide__desc {
    font-family: "Funnel Display", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0;
    color: #000000;
    opacity: 0.5;
    margin: 0;
    margin-bottom: 35px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: calc(14px * 1.4 * 3); }
    .software-slide__desc.software-slide_gis {
      -webkit-line-clamp: 4;
      min-height: calc(14px * 1.4 * 4); }
  .software-slide .btn {
    margin-top: auto;
    align-self: flex-start; }

.les-solution-sec {
  padding: 64px 20px 0; }
  .les-solution-sec .les-solution {
    max-width: 1400px;
    margin: 0 auto 0; }
    .les-solution-sec .les-solution .les-sol-wrapper {
      padding: 20px 16px 18px;
      text-align: center;
      background-image: url(../images/les-sol-back.jpg);
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      border-radius: 20px; }
      .les-solution-sec .les-solution .les-sol-wrapper .chip {
        margin-top: 107px; }
        @media (max-width: 992px) {
          .les-solution-sec .les-solution .les-sol-wrapper .chip {
            margin-top: 40px; } }
      @media (max-width: 992px) {
        .les-solution-sec .les-solution .les-sol-wrapper {
          padding-bottom: 40px; } }
      .les-solution-sec .les-solution .les-sol-wrapper .les-sol-h2 {
        font-family: Funnel Display;
        font-weight: 400;
        font-style: Regular;
        font-size: 48px;
        line-height: 110%;
        letter-spacing: 0%;
        text-align: center;
        vertical-align: bottom;
        color: white;
        margin: 0 auto 84px;
        max-width: 655px; }
        @media (max-width: 992px) {
          .les-solution-sec .les-solution .les-sol-wrapper .les-sol-h2 {
            font-size: 36px;
            margin: 0 auto 40px; } }
      .les-solution-sec .les-solution .les-sol-wrapper .les-sol-arr-wrapper {
        padding: 50px 128px 42px;
        border-radius: 20px;
        display: flex;
        justify-content: space-between; }
        @media (max-width: 1200px) {
          .les-solution-sec .les-solution .les-sol-wrapper .les-sol-arr-wrapper {
            padding: 40px 35px 40px; } }
        @media (max-width: 992px) {
          .les-solution-sec .les-solution .les-sol-wrapper .les-sol-arr-wrapper {
            flex-direction: column;
            gap: 20px;
            width: fit-content;
            margin: 0 auto; } }
        .les-solution-sec .les-solution .les-sol-wrapper .les-sol-arr-wrapper .les-sol-arr {
          display: flex;
          gap: 18px;
          max-width: 225px;
          align-items: center; }
          @media (max-width: 992px) {
            .les-solution-sec .les-solution .les-sol-wrapper .les-sol-arr-wrapper .les-sol-arr {
              max-width: 100%;
              gap: 12px; } }
          .les-solution-sec .les-solution .les-sol-wrapper .les-sol-arr-wrapper .les-sol-arr .les-sol-item {
            text-align: left;
            color: white;
            font-family: Funnel Display;
            font-weight: 300;
            font-style: Light;
            font-size: 14px;
            leading-trim: NONE;
            line-height: 140%;
            letter-spacing: 0%;
            vertical-align: bottom; }
          .les-solution-sec .les-solution .les-sol-wrapper .les-sol-arr-wrapper .les-sol-arr img {
            width: 31px;
            height: 31px; }
            @media (max-width: 992px) {
              .les-solution-sec .les-solution .les-sol-wrapper .les-sol-arr-wrapper .les-sol-arr img {
                width: 20px;
                height: 20px; } }

.les-help {
  padding: 118px 20px 0; }
  .les-help .les-help-container {
    max-width: 1270px;
    margin: 0 auto; }
    .les-help .les-help-container .les-help-content {
      display: flex;
      gap: 43px; }
      @media (max-width: 992px) {
        .les-help .les-help-container .les-help-content {
          flex-direction: column; } }
      .les-help .les-help-container .les-help-content .les-help-item-1 {
        max-width: 425px; }
        @media (max-width: 992px) {
          .les-help .les-help-container .les-help-content .les-help-item-1 {
            max-width: 100%; } }
        .les-help .les-help-container .les-help-content .les-help-item-1 .h2-les-help {
          font-family: Funnel Display;
          font-weight: 400;
          font-style: Regular;
          font-size: 36px;
          leading-trim: NONE;
          line-height: 110%;
          letter-spacing: 0%;
          margin-bottom: 48px; }
          @media (max-width: 992px) {
            .les-help .les-help-container .les-help-content .les-help-item-1 .h2-les-help {
              margin-bottom: 20px; } }
        .les-help .les-help-container .les-help-content .les-help-item-1 .les-help-item-1-text {
          max-width: 316px;
          font-family: Funnel Display;
          font-weight: 300;
          font-style: Light;
          font-size: 14px;
          leading-trim: NONE;
          line-height: 140%;
          letter-spacing: 0%;
          margin-bottom: 20px; }
          @media (max-width: 992px) {
            .les-help .les-help-container .les-help-content .les-help-item-1 .les-help-item-1-text {
              max-width: 100%; } }
      .les-help .les-help-container .les-help-content .les-help-item-2 {
        gap: 8px;
        display: flex;
        flex-direction: column; }
        .les-help .les-help-container .les-help-content .les-help-item-2 .les-help-news {
          background-color: rgba(255, 255, 255, 0.5);
          padding: 25px 50px 29px 60px;
          border-radius: 20px;
          border-image-source: linear-gradient(180deg, rgba(255, 255, 255, 0.15) 0%, rgba(231, 231, 231, 0.024) 100%);
          box-shadow: 2px 2px 15px 0px rgba(0, 0, 0, 0.04);
          position: relative;
          overflow: hidden; }
          @media (max-width: 768px) {
            .les-help .les-help-container .les-help-content .les-help-item-2 .les-help-news {
              padding: 25px 25px 29px; } }
          .les-help .les-help-container .les-help-content .les-help-item-2 .les-help-news .les-help-news-image {
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            width: 293px;
            background-size: cover;
            background-position: center; }
            @media (max-width: 768px) {
              .les-help .les-help-container .les-help-content .les-help-item-2 .les-help-news .les-help-news-image {
                width: 150px; } }
            .les-help .les-help-container .les-help-content .les-help-item-2 .les-help-news .les-help-news-image::after {
              content: '';
              position: absolute;
              top: 0;
              bottom: 0;
              right: 0;
              width: 146px;
              background: linear-gradient(270deg, #FAFAFA 0%, rgba(250, 250, 250, 0.83) 26.98%, rgba(250, 250, 250, 0.5) 53.13%, rgba(250, 250, 250, 0) 86.33%); }
              @media (max-width: 768px) {
                .les-help .les-help-container .les-help-content .les-help-item-2 .les-help-news .les-help-news-image::after {
                  width: 100px; } }
          .les-help .les-help-container .les-help-content .les-help-item-2 .les-help-news .les-help-news-content {
            padding-left: 220px;
            position: relative;
            z-index: 5; }
            @media (max-width: 768px) {
              .les-help .les-help-container .les-help-content .les-help-item-2 .les-help-news .les-help-news-content {
                padding-left: 106px; } }
          .les-help .les-help-container .les-help-content .les-help-item-2 .les-help-news .les-help-news__title {
            font-family: Funnel Display;
            font-weight: 400;
            font-style: Regular;
            font-size: 16px;
            leading-trim: NONE;
            line-height: 100%;
            letter-spacing: 0%;
            margin-bottom: 13px; }
          .les-help .les-help-container .les-help-content .les-help-item-2 .les-help-news .les-help-news__text {
            font-family: Funnel Display;
            font-weight: 300;
            font-style: Light;
            font-size: 14px;
            leading-trim: NONE;
            line-height: 100%;
            letter-spacing: 0%;
            opacity: 0.5;
            margin-bottom: 0; }

.propla-intro {
  padding: 68px 20px 0; }
  .propla-intro .propla-intro-container {
    max-width: 1320px;
    margin: 0 auto; }
    .propla-intro .propla-intro-container .propla-intro-content {
      display: flex;
      gap: 63px; }
      @media (max-width: 1200px) {
        .propla-intro .propla-intro-container .propla-intro-content {
          flex-direction: column;
          gap: 30px; } }
      .propla-intro .propla-intro-container .propla-intro-content .propla-intro-item-1 {
        margin-top: 95px;
        max-width: 356px; }
        @media (max-width: 1200px) {
          .propla-intro .propla-intro-container .propla-intro-content .propla-intro-item-1 {
            max-width: 100%;
            margin-top: 0; } }
        .propla-intro .propla-intro-container .propla-intro-content .propla-intro-item-1 img {
          margin-bottom: 34px; }
          @media (max-width: 992px) {
            .propla-intro .propla-intro-container .propla-intro-content .propla-intro-item-1 img {
              margin-bottom: 20px; } }
        .propla-intro .propla-intro-container .propla-intro-content .propla-intro-item-1 .propla-intro-title {
          font-family: Funnel Display;
          font-weight: 400;
          font-style: Regular;
          font-size: 36px;
          leading-trim: NONE;
          line-height: 110.00000000000001%;
          letter-spacing: 0%;
          margin-bottom: 30px; }
          @media (max-width: 992px) {
            .propla-intro .propla-intro-container .propla-intro-content .propla-intro-item-1 .propla-intro-title {
              margin-bottom: 15px; } }
      .propla-intro .propla-intro-container .propla-intro-content .propla-intro-item-2 {
        width: 100%; }
        .propla-intro .propla-intro-container .propla-intro-content .propla-intro-item-2 .propla-images {
          display: flex;
          gap: 10px; }
          @media (max-width: 1200px) {
            .propla-intro .propla-intro-container .propla-intro-content .propla-intro-item-2 .propla-images {
              justify-content: center;
              flex-wrap: wrap; } }
          .propla-intro .propla-intro-container .propla-intro-content .propla-intro-item-2 .propla-images .propla-img {
            font-family: Funnel Display;
            font-weight: 400;
            font-style: Regular;
            font-size: 16px;
            leading-trim: NONE;
            line-height: 120%;
            letter-spacing: 0%;
            border-radius: 20px;
            height: 462px;
            padding: 20px 22px 29px;
            place-content: end;
            color: white;
            position: relative;
            isolation: isolate;
            background-size: cover;
            background-repeat: no-repeat; }
            @media (max-width: 768px) {
              .propla-intro .propla-intro-container .propla-intro-content .propla-intro-item-2 .propla-images .propla-img {
                width: 100%;
                height: 350px;
                background-position: top; } }
            .propla-intro .propla-intro-container .propla-intro-content .propla-intro-item-2 .propla-images .propla-img::after {
              content: '';
              position: absolute;
              inset: 0;
              background: linear-gradient(180deg, rgba(0, 0, 0, 0) 16.04%, rgba(0, 0, 0, 0.12) 48.77%);
              backdrop-filter: blur(19.1000003815px);
              -webkit-mask-image: linear-gradient(to bottom, transparent 0%, transparent 20%, black 80%, black 100%);
              mask-image: linear-gradient(to bottom, transparent 0%, transparent 20%, black 80%, black 100%);
              border-radius: inherit;
              pointer-events: none;
              z-index: -1;
              margin-top: auto;
              height: 70%; }
            .propla-intro .propla-intro-container .propla-intro-content .propla-intro-item-2 .propla-images .propla-img.propla-img-1 {
              width: 292px;
              background-image: url(../images/propla-intro-1.jpg); }
              @media (max-width: 768px) {
                .propla-intro .propla-intro-container .propla-intro-content .propla-intro-item-2 .propla-images .propla-img.propla-img-1 {
                  width: 325px; } }
            .propla-intro .propla-intro-container .propla-intro-content .propla-intro-item-2 .propla-images .propla-img.propla-img-2 {
              width: 277px;
              background-image: url(../images/propla-intro-2.jpg); }
              @media (max-width: 768px) {
                .propla-intro .propla-intro-container .propla-intro-content .propla-intro-item-2 .propla-images .propla-img.propla-img-2 {
                  width: 325px; } }
            .propla-intro .propla-intro-container .propla-intro-content .propla-intro-item-2 .propla-images .propla-img.propla-img-3 {
              width: 274px;
              background-image: url(../images/propla-intro-3.jpg); }
              @media (max-width: 768px) {
                .propla-intro .propla-intro-container .propla-intro-content .propla-intro-item-2 .propla-images .propla-img.propla-img-3 {
                  width: 325px; } }

.propla-sys {
  padding: 80px 20px 0; }
  .propla-sys .propla-sys-container {
    max-width: 1320px;
    margin: 0 auto;
    text-align: center; }
    .propla-sys .propla-sys-container .propla-sys-content .h2-propla-sys {
      font-family: Funnel Display;
      font-weight: 400;
      font-style: Regular;
      font-size: 36px;
      leading-trim: NONE;
      line-height: 118%;
      letter-spacing: 0%;
      text-align: center;
      vertical-align: bottom;
      margin-bottom: 15px; }
    .propla-sys .propla-sys-container .propla-sys-content .propla-sys-text {
      max-width: 589px;
      margin: 0 auto; }

.propla-provoz {
  padding: 96px 20px 0; }
  .propla-provoz .propla-provoz-container {
    max-width: 1290px;
    margin: 0 auto; }
    .propla-provoz .propla-provoz-container .propla-provoz-content {
      display: flex;
      gap: 140px; }
      @media (max-width: 992px) {
        .propla-provoz .propla-provoz-container .propla-provoz-content {
          flex-direction: column;
          gap: 50px; } }
      .propla-provoz .propla-provoz-container .propla-provoz-content .propla-provoz-col-1 {
        max-width: 350px;
        flex-shrink: 0;
        display: flex;
        flex-direction: column; }
        @media (max-width: 992px) {
          .propla-provoz .propla-provoz-container .propla-provoz-content .propla-provoz-col-1 {
            max-width: 100%; } }
        .propla-provoz .propla-provoz-container .propla-provoz-content .propla-provoz-col-1 .propla-provoz-title {
          font-family: Funnel Display;
          font-weight: 400;
          font-size: 36px;
          line-height: 110%;
          letter-spacing: 0%;
          margin-bottom: 24px; }
        .propla-provoz .propla-provoz-container .propla-provoz-content .propla-provoz-col-1 .propla-provoz-box {
          background: #EDEDED;
          padding: 28px 28px 36px 28px;
          border-radius: 16px;
          margin-top: auto; }
          .propla-provoz .propla-provoz-container .propla-provoz-content .propla-provoz-col-1 .propla-provoz-box .propla-provoz-box-title {
            font-weight: 700;
            margin-bottom: 8px; }
          .propla-provoz .propla-provoz-container .propla-provoz-content .propla-provoz-col-1 .propla-provoz-box .propla-provoz-box-text {
            margin-bottom: 35px; }
      .propla-provoz .propla-provoz-container .propla-provoz-content .propla-provoz-col-2 {
        width: 100%; }
        .propla-provoz .propla-provoz-container .propla-provoz-content .propla-provoz-col-2 .propla-accordion-item {
          background: rgba(255, 255, 255, 0.5);
          border-radius: 20px;
          border: 1px solid rgba(231, 231, 231, 0.15);
          box-shadow: 2px 2px 15px 0px rgba(0, 0, 0, 0.04);
          margin-bottom: 10px;
          max-width: 814px;
          overflow: hidden; }
          .propla-provoz .propla-provoz-container .propla-provoz-content .propla-provoz-col-2 .propla-accordion-item .propla-accordion-header .propla-accordion-btn {
            padding: 43px 71px 43px 52px;
            background: transparent;
            border: none;
            width: 100%;
            display: flex;
            align-items: center;
            gap: 46px;
            box-shadow: none; }
            @media (max-width: 768px) {
              .propla-provoz .propla-provoz-container .propla-provoz-content .propla-provoz-col-2 .propla-accordion-item .propla-accordion-header .propla-accordion-btn {
                padding: 25px 20px;
                gap: 20px;
                flex-wrap: wrap; } }
            .propla-provoz .propla-provoz-container .propla-provoz-content .propla-provoz-col-2 .propla-accordion-item .propla-accordion-header .propla-accordion-btn::after {
              display: none; }
            .propla-provoz .propla-provoz-container .propla-provoz-content .propla-provoz-col-2 .propla-accordion-item .propla-accordion-header .propla-accordion-btn .propla-accordion-title {
              font-family: Funnel Display;
              font-weight: 500;
              font-size: 20px;
              line-height: 100%;
              letter-spacing: 0%;
              white-space: nowrap;
              color: #292521; }
            .propla-provoz .propla-provoz-container .propla-provoz-content .propla-provoz-col-2 .propla-accordion-item .propla-accordion-header .propla-accordion-btn .propla-accordion-desc {
              font-family: Funnel Display;
              font-weight: 300;
              font-size: 14px;
              line-height: 100%;
              letter-spacing: 0%;
              color: rgba(0, 0, 0, 0.5) !important;
              text-align: left;
              margin-left: auto; }
              .propla-provoz .propla-provoz-container .propla-provoz-content .propla-provoz-col-2 .propla-accordion-item .propla-accordion-header .propla-accordion-btn .propla-accordion-desc a {
                color: rgba(0, 0, 0, 0.5) !important; }
                .propla-provoz .propla-provoz-container .propla-provoz-content .propla-provoz-col-2 .propla-accordion-item .propla-accordion-header .propla-accordion-btn .propla-accordion-desc a:hover, .propla-provoz .propla-provoz-container .propla-provoz-content .propla-provoz-col-2 .propla-accordion-item .propla-accordion-header .propla-accordion-btn .propla-accordion-desc aactive, .propla-provoz .propla-provoz-container .propla-provoz-content .propla-provoz-col-2 .propla-accordion-item .propla-accordion-header .propla-accordion-btn .propla-accordion-desc a:focus {
                  text-decoration: none;
                  color: rgba(0, 0, 0, 0.5) !important; }
              @media (min-width: 1200px) {
                .propla-provoz .propla-provoz-container .propla-provoz-content .propla-provoz-col-2 .propla-accordion-item .propla-accordion-header .propla-accordion-btn .propla-accordion-desc {
                  width: 300px; } }
              @media (max-width: 768px) {
                .propla-provoz .propla-provoz-container .propla-provoz-content .propla-provoz-col-2 .propla-accordion-item .propla-accordion-header .propla-accordion-btn .propla-accordion-desc {
                  text-align: left;
                  margin-left: 0;
                  width: 100%;
                  max-width: 100%; } }
          .propla-provoz .propla-provoz-container .propla-provoz-content .propla-provoz-col-2 .propla-accordion-item .propla-accordion-body {
            padding: 0 71px 55px 130px; }
            @media (max-width: 768px) {
              .propla-provoz .propla-provoz-container .propla-provoz-content .propla-provoz-col-2 .propla-accordion-item .propla-accordion-body {
                padding: 0 20px 30px 20px; } }
            .propla-provoz .propla-provoz-container .propla-provoz-content .propla-provoz-col-2 .propla-accordion-item .propla-accordion-body .propla-accordion-body-text {
              font-family: Funnel Display;
              font-weight: 300;
              font-size: 14px;
              line-height: 140%;
              letter-spacing: 0%;
              margin-bottom: 49px;
              padding-top: 10px; }
            .propla-provoz .propla-provoz-container .propla-provoz-content .propla-provoz-col-2 .propla-accordion-item .propla-accordion-body .propla-accordion-divider {
              border-top: 1px solid rgba(41, 37, 33, 0.11);
              margin-bottom: 49px; }
            .propla-provoz .propla-provoz-container .propla-provoz-content .propla-provoz-col-2 .propla-accordion-item .propla-accordion-body .propla-accordion-buttons {
              display: flex;
              justify-content: space-between;
              align-items: center;
              gap: 20px; }
              @media (max-width: 768px) {
                .propla-provoz .propla-provoz-container .propla-provoz-content .propla-provoz-col-2 .propla-accordion-item .propla-accordion-body .propla-accordion-buttons {
                  flex-direction: column;
                  align-items: flex-start; } }
              .propla-provoz .propla-provoz-container .propla-provoz-content .propla-provoz-col-2 .propla-accordion-item .propla-accordion-body .propla-accordion-buttons .btn-secondary {
                background-color: #EFEFEF;
                color: black; }

.propla-key {
  padding: 80px 20px 0; }
  .propla-key .propla-key-container {
    max-width: 1400px;
    margin: 0 auto; }
    .propla-key .propla-key-container .propla-key-content {
      background-image: url(../images/propla-key-bg.jpg);
      background-size: cover;
      background-position: center;
      border-radius: 16px;
      padding: 57px 119px 114px; }
      @media (max-width: 992px) {
        .propla-key .propla-key-container .propla-key-content {
          padding: 40px 40px 60px; } }
      @media (max-width: 768px) {
        .propla-key .propla-key-container .propla-key-content {
          padding: 30px 20px 40px; } }
      .propla-key .propla-key-container .propla-key-content .propla-key-title {
        font-family: Funnel Display;
        font-weight: 400;
        font-size: 36px;
        line-height: 110%;
        letter-spacing: 0%;
        color: white;
        text-align: center;
        margin-bottom: 100px; }
        @media (max-width: 768px) {
          .propla-key .propla-key-container .propla-key-content .propla-key-title {
            font-size: 28px;
            margin-bottom: 30px; } }
      .propla-key .propla-key-container .propla-key-content .propla-key-items {
        display: flex;
        gap: 17px; }
        @media (max-width: 992px) {
          .propla-key .propla-key-container .propla-key-content .propla-key-items {
            flex-wrap: wrap; } }
        @media (max-width: 768px) {
          .propla-key .propla-key-container .propla-key-content .propla-key-items {
            flex-direction: column; } }
        .propla-key .propla-key-container .propla-key-content .propla-key-items .propla-key-item {
          flex: 1;
          padding: 26px 32px 33px 25px;
          border-radius: 20px; }
          @media (max-width: 992px) {
            .propla-key .propla-key-container .propla-key-content .propla-key-items .propla-key-item {
              flex: 0 0 calc(50% - 9px); } }
          @media (max-width: 768px) {
            .propla-key .propla-key-container .propla-key-content .propla-key-items .propla-key-item {
              flex: 1 1 100%; } }
          .propla-key .propla-key-container .propla-key-content .propla-key-items .propla-key-item .propla-key-icon {
            height: 34px;
            display: flex;
            align-items: flex-end;
            margin-bottom: 48px; }
            @media (max-width: 768px) {
              .propla-key .propla-key-container .propla-key-content .propla-key-items .propla-key-item .propla-key-icon {
                margin-bottom: 25px; } }
          .propla-key .propla-key-container .propla-key-content .propla-key-items .propla-key-item .propla-key-item-title {
            font-family: Funnel Display;
            font-weight: 500;
            font-size: 16px;
            line-height: 140%;
            letter-spacing: 0%;
            margin-bottom: 24px;
            color: white; }
          .propla-key .propla-key-container .propla-key-content .propla-key-items .propla-key-item .propla-key-item-text {
            font-family: Funnel Display;
            font-weight: 300;
            font-size: 14px;
            line-height: 140%;
            letter-spacing: 0%;
            margin-bottom: 0;
            color: white; }

.propla-cloud {
  padding: 60px 20px 0; }
  .propla-cloud .propla-cloud-container {
    max-width: 1100px;
    margin: 0 auto; }
    .propla-cloud .propla-cloud-container .propla-cloud-content {
      gap: 18px;
      display: flex;
      flex-direction: column; }
      .propla-cloud .propla-cloud-container .propla-cloud-content .propla-item-component .propla-cloud-item-1 {
        display: flex;
        gap: 18px; }
        @media (max-width: 768px) {
          .propla-cloud .propla-cloud-container .propla-cloud-content .propla-item-component .propla-cloud-item-1 {
            flex-direction: column; }
            .propla-cloud .propla-cloud-container .propla-cloud-content .propla-item-component .propla-cloud-item-1 img {
              max-height: 300px;
              object-fit: cover;
              width: 100%; } }
        .propla-cloud .propla-cloud-container .propla-cloud-content .propla-item-component .propla-cloud-item-1.propla-cloud-item-2 {
          flex-direction: row-reverse; }
          @media (max-width: 768px) {
            .propla-cloud .propla-cloud-container .propla-cloud-content .propla-item-component .propla-cloud-item-1.propla-cloud-item-2 {
              flex-direction: column; } }
        .propla-cloud .propla-cloud-container .propla-cloud-content .propla-item-component .propla-cloud-item-1 img {
          border-radius: 16px; }
        .propla-cloud .propla-cloud-container .propla-cloud-content .propla-item-component .propla-cloud-item-1 .propla-cloud-wrapper {
          background: rgba(255, 255, 255, 0.5);
          border-radius: 20px;
          border: 1px solid;
          border-image-source: linear-gradient(180deg, rgba(255, 255, 255, 0.15) 0%, rgba(231, 231, 231, 0.024) 100%);
          box-shadow: 2px 2px 15px 0px rgba(0, 0, 0, 0.04);
          padding: 42px 44px 32px;
          display: flex;
          flex-direction: column; }
          .propla-cloud .propla-cloud-container .propla-cloud-content .propla-item-component .propla-cloud-item-1 .propla-cloud-wrapper .h3-propla-cloud {
            font-family: Funnel Display;
            font-weight: 400;
            font-style: Regular;
            font-size: 36px;
            leading-trim: NONE;
            line-height: 110%;
            letter-spacing: 0%; }
          .propla-cloud .propla-cloud-container .propla-cloud-content .propla-item-component .propla-cloud-item-1 .propla-cloud-wrapper .propla-cloud-subtitle {
            font-weight: 500;
            padding-bottom: 25px; }
          .propla-cloud .propla-cloud-container .propla-cloud-content .propla-item-component .propla-cloud-item-1 .propla-cloud-wrapper .propla-cloud-cols {
            display: flex;
            gap: 51px; }
            @media (max-width: 768px) {
              .propla-cloud .propla-cloud-container .propla-cloud-content .propla-item-component .propla-cloud-item-1 .propla-cloud-wrapper .propla-cloud-cols {
                flex-direction: column;
                gap: 25px;
                padding-bottom: 25px; } }
            .propla-cloud .propla-cloud-container .propla-cloud-content .propla-item-component .propla-cloud-item-1 .propla-cloud-wrapper .propla-cloud-cols .propla-cloud-col {
              border-top: 1px solid rgba(41, 37, 33, 0.11);
              padding-top: 21px;
              padding-bottom: 21px;
              display: flex;
              gap: 15px;
              align-items: flex-start;
              width: 50%; }
              @media (max-width: 768px) {
                .propla-cloud .propla-cloud-container .propla-cloud-content .propla-item-component .propla-cloud-item-1 .propla-cloud-wrapper .propla-cloud-cols .propla-cloud-col {
                  width: 100%; } }
              .propla-cloud .propla-cloud-container .propla-cloud-content .propla-item-component .propla-cloud-item-1 .propla-cloud-wrapper .propla-cloud-cols .propla-cloud-col img {
                width: 27px; }
              .propla-cloud .propla-cloud-container .propla-cloud-content .propla-item-component .propla-cloud-item-1 .propla-cloud-wrapper .propla-cloud-cols .propla-cloud-col .propla-cloud-col-content .propla-cloud-col-title {
                font-family: Funnel Display;
                font-weight: 500;
                font-style: Medium;
                font-size: 16px;
                leading-trim: NONE;
                line-height: 100%;
                letter-spacing: 0%;
                padding-bottom: 17px;
                padding-top: 4px; }
              .propla-cloud .propla-cloud-container .propla-cloud-content .propla-item-component .propla-cloud-item-1 .propla-cloud-wrapper .propla-cloud-cols .propla-cloud-col .propla-cloud-col-content .propla-cloud-col-text {
                opacity: 0.5; }
          .propla-cloud .propla-cloud-container .propla-cloud-content .propla-item-component .propla-cloud-item-1 .propla-cloud-wrapper .propla-cloud-text-end {
            max-width: 256px;
            margin-top: auto; }
            .propla-cloud .propla-cloud-container .propla-cloud-content .propla-item-component .propla-cloud-item-1 .propla-cloud-wrapper .propla-cloud-text-end.propla-cloud-text-end-2 {
              max-width: 356px; }

.gis-points {
  display: flex;
  justify-content: space-between;
  gap: 20px; }
  @media (max-width: 1200px) {
    .gis-points {
      justify-content: center;
      flex-wrap: wrap; } }
  @media (max-width: 768px) {
    .gis-points {
      justify-content: start;
      gap: 30px; } }
  .gis-points .gis-point {
    width: 250px; }
    @media (max-width: 768px) {
      .gis-points .gis-point {
        width: 100%; } }
    .gis-points .gis-point .gis-point-img {
      height: 45px;
      margin-bottom: 37px; }
      @media (max-width: 768px) {
        .gis-points .gis-point .gis-point-img {
          margin-bottom: 20px; } }

.gis-praxe {
  margin-top: 60px;
  padding: 0 20px; }
  .gis-praxe__title {
    font-family: "Funnel Display", sans-serif;
    font-weight: 400;
    font-size: 36px;
    line-height: 110%;
    letter-spacing: 0;
    text-align: center;
    color: #292521;
    margin: 0 auto 25px;
    max-width: 478px; }
    @media (max-width: 768px) {
      .gis-praxe__title {
        font-size: 28px; } }
  .gis-praxe__wrapper {
    max-width: 1400px;
    margin: 0 auto;
    display: flex;
    gap: 13px;
    justify-content: center; }
    @media (max-width: 992px) {
      .gis-praxe__wrapper {
        flex-direction: column;
        align-items: center; } }
  .gis-praxe__image {
    flex-shrink: 0;
    width: 383px;
    height: 580px;
    border-radius: 20px;
    overflow: hidden; }
    .gis-praxe__image img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
    @media (max-width: 992px) {
      .gis-praxe__image {
        width: 100%;
        max-width: 500px;
        height: 400px; } }
    @media (max-width: 768px) {
      .gis-praxe__image {
        height: 300px; } }
  .gis-praxe__accordion-container {
    flex: 1;
    max-width: 724px;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 20px;
    padding: 8px;
    height: fit-content; }
    @media (max-width: 992px) {
      .gis-praxe__accordion-container {
        width: 100%;
        max-width: 100%; } }
  .gis-praxe__accordion {
    display: flex;
    flex-direction: column;
    gap: 8px; }
  .gis-praxe__item {
    background: rgba(185, 185, 185, 0.09);
    border-radius: 16px;
    overflow: hidden; }
  .gis-praxe__header {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 46px;
    padding: 40px 45px 38px;
    background: none;
    border: none;
    cursor: pointer;
    text-align: left; }
    .gis-praxe__header:focus {
      outline: none; }
    .gis-praxe__header[aria-expanded="true"] {
      padding-bottom: 0; }
    @media (max-width: 768px) {
      .gis-praxe__header {
        padding: 25px 20px;
        gap: 20px; }
        .gis-praxe__header[aria-expanded="true"] {
          padding-bottom: 0; } }
  .gis-praxe__item-title {
    font-family: "Funnel Display", sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0;
    color: #292521; }
    @media (max-width: 768px) {
      .gis-praxe__item-title {
        font-size: 16px; } }
  .gis-praxe__body {
    padding: 20px 45px 39px;
    padding-left: calc(58px + 32px + 46px); }
    @media (max-width: 768px) {
      .gis-praxe__body {
        padding: 15px 20px 25px; } }
  .gis-praxe__text {
    font-family: "Funnel Display", sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0;
    color: #292521;
    margin: 0; }

.gis-kontext {
  margin-top: 60px;
  padding: 0 20px; }
  .gis-kontext .container {
    padding: 0; }
  .gis-kontext__wrapper {
    max-width: 1400px;
    margin: 0 auto;
    padding: 71px 142px 83px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 20px;
    box-shadow: 2px 2px 15px 0px rgba(0, 0, 0, 0.04); }
    @media (max-width: 992px) {
      .gis-kontext__wrapper {
        padding: 50px 60px; } }
    @media (max-width: 768px) {
      .gis-kontext__wrapper {
        padding: 40px 20px; } }
  .gis-kontext__title {
    font-family: "Funnel Display", sans-serif;
    font-weight: 400;
    font-size: 36px;
    line-height: 110%;
    letter-spacing: 0;
    text-align: left;
    color: #ffffff;
    margin: 0 0 41px 0;
    max-width: 500px; }
    @media (max-width: 768px) {
      .gis-kontext__title {
        font-size: 28px;
        margin-bottom: 30px; } }
  .gis-kontext__glass {
    max-width: 399px;
    padding: 29px 24px;
    border-radius: 20px; }
  .gis-kontext__text {
    font-family: "Funnel Display", sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0;
    color: #ffffff;
    margin: 0 0 30px 0; }
    .gis-kontext__text:last-of-type {
      margin-bottom: 30px; }
  .gis-kontext__btn {
    background-color: rgba(185, 185, 185, 0.17);
    color: white; }
    .gis-kontext__btn:hover {
      background-color: rgba(185, 185, 185, 0.4);
      color: white; }

.gov-highlights {
  margin-top: 23px;
  padding: 0 20px; }
  .gov-highlights .container {
    padding: 0; }
  .gov-highlights__wrapper {
    max-width: 1400px;
    margin: 0 auto;
    padding: 32px 74px;
    display: flex;
    align-items: center;
    gap: 81px;
    background: rgba(255, 255, 255, 0.5);
    border: 1px solid transparent;
    border-image: linear-gradient(180deg, rgba(255, 255, 255, 0.15) 0%, rgba(231, 231, 231, 0.024) 100%) 1;
    box-shadow: 2px 2px 15px 0px rgba(0, 0, 0, 0.04);
    border-radius: 20px; }
    @media (max-width: 1200px) {
      .gov-highlights__wrapper {
        flex-wrap: wrap;
        gap: 40px;
        padding: 30px 40px; } }
    @media (max-width: 768px) {
      .gov-highlights__wrapper {
        flex-direction: column;
        align-items: flex-start;
        gap: 25px;
        padding: 25px 20px; } }
  .gov-highlights__col {
    display: flex;
    align-items: center;
    gap: 17px; }
    .gov-highlights__col--first {
      gap: 13px;
      margin-right: 157px; }
      @media (max-width: 1200px) {
        .gov-highlights__col--first {
          margin-right: 0;
          width: 100%; } }
    @media (max-width: 768px) {
      .gov-highlights__col {
        width: 100%; } }
  .gov-highlights__icon-wrap {
    flex-shrink: 0;
    height: 42px;
    display: flex;
    align-items: center; }
    .gov-highlights__icon-wrap img {
      height: auto;
      max-height: 100%; }
  .gov-highlights__text {
    font-family: "Funnel Display", sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0;
    color: #292521;
    margin: 0;
    max-width: 148px; }
    .gov-highlights__text--title {
      font-weight: 500;
      font-size: 16px;
      line-height: 100%;
      max-width: none; }

.gov-stats {
  margin-top: 60px;
  padding: 0 20px; }
  .gov-stats .container {
    padding: 0; }
  .gov-stats__wrapper {
    max-width: 1400px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    gap: 8px; }
    @media (max-width: 1200px) {
      .gov-stats__wrapper {
        flex-wrap: wrap; } }
    @media (max-width: 768px) {
      .gov-stats__wrapper {
        flex-direction: column;
        align-items: center; } }
  .gov-stats__card {
    width: 276px;
    flex-shrink: 0;
    padding: 30px 20px 55px 23px;
    background: rgba(255, 255, 255, 0.5);
    border: 1px solid transparent;
    border-image: linear-gradient(180deg, rgba(255, 255, 255, 0.15) 0%, rgba(231, 231, 231, 0.024) 100%) 1;
    box-shadow: 2px 2px 15px 0px rgba(0, 0, 0, 0.04);
    border-radius: 20px; }
    @media (max-width: 768px) {
      .gov-stats__card {
        width: 100%;
        max-width: 300px; } }
  .gov-stats__icon-wrap {
    height: 42px;
    display: flex;
    align-items: center;
    margin-bottom: 70px; }
    .gov-stats__icon-wrap img {
      height: auto;
      max-height: 100%; }
    @media (max-width: 768px) {
      .gov-stats__icon-wrap {
        margin-bottom: 40px; } }
  .gov-stats__title {
    font-family: "Funnel Display", sans-serif;
    font-weight: 400;
    font-size: 48px;
    line-height: 120%;
    letter-spacing: 0;
    color: #292521;
    margin: 0 0 7px 0; }
    @media (max-width: 768px) {
      .gov-stats__title {
        font-size: 36px; } }
  .gov-stats__text {
    font-family: "Funnel Display", sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0;
    color: rgba(41, 37, 33, 0.5);
    margin: 0; }

.gov-res {
  margin-top: 60px;
  padding: 0 20px; }
  .gov-res .container {
    padding: 0; }
  .gov-res__wrapper {
    max-width: 1400px;
    margin: 0 auto;
    padding: 63px 150px 99px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 20px;
    text-align: center; }
    @media (max-width: 992px) {
      .gov-res__wrapper {
        padding: 50px 60px 70px; } }
    @media (max-width: 768px) {
      .gov-res__wrapper {
        padding: 40px 20px 50px; } }
  .gov-res__title {
    font-family: "Funnel Display", sans-serif;
    font-weight: 400;
    font-size: 36px;
    line-height: 110%;
    letter-spacing: 0;
    color: #ffffff;
    margin: 0 0 65px 0; }
    @media (max-width: 768px) {
      .gov-res__title {
        font-size: 28px;
        margin-bottom: 40px; } }
  .gov-res__subtitle {
    font-family: "Funnel Display", sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0;
    color: #ffffff;
    margin: 0 0 23px 0; }
  .gov-res__cards {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-bottom: 23px; }
    @media (max-width: 992px) {
      .gov-res__cards {
        flex-wrap: wrap; } }
    @media (max-width: 768px) {
      .gov-res__cards {
        flex-direction: column;
        align-items: center; } }
  .gov-res__card {
    width: 274px;
    flex-shrink: 0;
    padding: 27px 32px 21px 23px;
    border-radius: 20px;
    text-align: left; }
    @media (max-width: 768px) {
      .gov-res__card {
        width: 100%;
        max-width: 300px; } }
  .gov-res__icon-wrap {
    height: 33px;
    display: flex;
    align-items: center;
    margin-bottom: 74px; }
    .gov-res__icon-wrap img {
      height: auto;
      max-height: 100%; }
    @media (max-width: 768px) {
      .gov-res__icon-wrap {
        margin-bottom: 40px; } }
  .gov-res__card-text {
    font-family: "Funnel Display", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0;
    color: #ffffff;
    margin: 0; }
    .gov-res__card-text--1 {
      max-width: 216px; }
      @media (max-width: 768px) {
        .gov-res__card-text--1 {
          max-width: 100%; } }
    .gov-res__card-text--2 {
      max-width: 164px; }
      @media (max-width: 768px) {
        .gov-res__card-text--2 {
          max-width: 100%; } }
    .gov-res__card-text--3 {
      max-width: 175px; }
      @media (max-width: 768px) {
        .gov-res__card-text--3 {
          max-width: 100%; } }
  .gov-res__footer-text {
    font-family: "Funnel Display", sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0;
    color: #ffffff;
    margin: 0 auto;
    max-width: 409px; }

.gov-provoz {
  padding: 96px 20px 0; }
  .gov-provoz .gov-provoz-container {
    max-width: 1290px;
    margin: 0 auto; }
    .gov-provoz .gov-provoz-container .gov-provoz-content {
      display: flex;
      gap: 140px; }
      @media (max-width: 992px) {
        .gov-provoz .gov-provoz-container .gov-provoz-content {
          flex-direction: column;
          gap: 50px; } }
      .gov-provoz .gov-provoz-container .gov-provoz-content .gov-provoz-col-1 {
        max-width: 350px;
        flex-shrink: 0;
        display: flex;
        flex-direction: column; }
        @media (max-width: 992px) {
          .gov-provoz .gov-provoz-container .gov-provoz-content .gov-provoz-col-1 {
            max-width: 100%; } }
        .gov-provoz .gov-provoz-container .gov-provoz-content .gov-provoz-col-1 .gov-provoz-title {
          font-family: "Funnel Display", sans-serif;
          font-weight: 400;
          font-size: 36px;
          line-height: 110%;
          letter-spacing: 0;
          color: #292521;
          margin-bottom: 24px; }
          @media (max-width: 768px) {
            .gov-provoz .gov-provoz-container .gov-provoz-content .gov-provoz-col-1 .gov-provoz-title {
              font-size: 28px; } }
        .gov-provoz .gov-provoz-container .gov-provoz-content .gov-provoz-col-1 .gov-provoz-text {
          font-family: "Funnel Display", sans-serif;
          font-weight: 300;
          font-size: 14px;
          line-height: 140%;
          color: #292521; }
        .gov-provoz .gov-provoz-container .gov-provoz-content .gov-provoz-col-1 .gov-provoz-box {
          background: #EDEDED;
          padding: 28px 28px 36px 28px;
          border-radius: 16px;
          margin-top: auto; }
          .gov-provoz .gov-provoz-container .gov-provoz-content .gov-provoz-col-1 .gov-provoz-box .gov-provoz-box-title {
            font-weight: 700;
            margin-bottom: 23px; }
          .gov-provoz .gov-provoz-container .gov-provoz-content .gov-provoz-col-1 .gov-provoz-box .gov-provoz-box-text {
            margin-bottom: 35px; }
      .gov-provoz .gov-provoz-container .gov-provoz-content .gov-provoz-col-2 {
        width: 100%; }
        .gov-provoz .gov-provoz-container .gov-provoz-content .gov-provoz-col-2 .gov-accordion-item {
          background: rgba(255, 255, 255, 0.5);
          border-radius: 20px !important;
          border: 1px solid rgba(231, 231, 231, 0.15);
          box-shadow: 2px 2px 15px 0px rgba(0, 0, 0, 0.04);
          margin-bottom: 10px;
          max-width: 814px;
          overflow: hidden; }
          .gov-provoz .gov-provoz-container .gov-provoz-content .gov-provoz-col-2 .gov-accordion-item .gov-accordion-header .gov-accordion-btn {
            padding: 43px 71px 43px 52px;
            background: transparent;
            border: none;
            width: 100%;
            display: flex;
            align-items: center;
            gap: 46px;
            box-shadow: none; }
            @media (max-width: 768px) {
              .gov-provoz .gov-provoz-container .gov-provoz-content .gov-provoz-col-2 .gov-accordion-item .gov-accordion-header .gov-accordion-btn {
                padding: 25px 20px;
                gap: 20px;
                flex-wrap: wrap; } }
            .gov-provoz .gov-provoz-container .gov-provoz-content .gov-provoz-col-2 .gov-accordion-item .gov-accordion-header .gov-accordion-btn::after {
              display: none; }
            .gov-provoz .gov-provoz-container .gov-provoz-content .gov-provoz-col-2 .gov-accordion-item .gov-accordion-header .gov-accordion-btn .gov-accordion-title {
              font-family: "Funnel Display", sans-serif;
              font-weight: 500;
              font-size: 20px;
              line-height: 100%;
              letter-spacing: 0;
              white-space: nowrap;
              color: #292521; }
            .gov-provoz .gov-provoz-container .gov-provoz-content .gov-provoz-col-2 .gov-accordion-item .gov-accordion-header .gov-accordion-btn .gov-accordion-desc {
              font-family: "Funnel Display", sans-serif;
              font-weight: 300;
              font-size: 14px;
              line-height: 125%;
              letter-spacing: 0;
              color: #292521;
              text-align: left;
              margin-left: auto;
              color: rgba(0, 0, 0, 0.5); }
              @media (min-width: 1200px) {
                .gov-provoz .gov-provoz-container .gov-provoz-content .gov-provoz-col-2 .gov-accordion-item .gov-accordion-header .gov-accordion-btn .gov-accordion-desc {
                  width: 278px; } }
              @media (max-width: 768px) {
                .gov-provoz .gov-provoz-container .gov-provoz-content .gov-provoz-col-2 .gov-accordion-item .gov-accordion-header .gov-accordion-btn .gov-accordion-desc {
                  text-align: left;
                  margin-left: 0;
                  width: 100%;
                  max-width: 100%; } }
          .gov-provoz .gov-provoz-container .gov-provoz-content .gov-provoz-col-2 .gov-accordion-item .gov-accordion-body {
            padding: 0 71px 55px 130px; }
            @media (max-width: 768px) {
              .gov-provoz .gov-provoz-container .gov-provoz-content .gov-provoz-col-2 .gov-accordion-item .gov-accordion-body {
                padding: 0 20px 30px 20px; } }
            .gov-provoz .gov-provoz-container .gov-provoz-content .gov-provoz-col-2 .gov-accordion-item .gov-accordion-body .gov-accordion-row {
              display: flex;
              align-items: flex-start;
              justify-content: space-between; }
              @media (max-width: 768px) {
                .gov-provoz .gov-provoz-container .gov-provoz-content .gov-provoz-col-2 .gov-accordion-item .gov-accordion-body .gov-accordion-row {
                  flex-direction: column;
                  gap: 10px; } }
            .gov-provoz .gov-provoz-container .gov-provoz-content .gov-provoz-col-2 .gov-accordion-item .gov-accordion-body .gov-accordion-row-title {
              font-family: "Funnel Display", sans-serif;
              font-weight: 500;
              font-size: 14px;
              line-height: 140%;
              letter-spacing: 0;
              max-width: 265px;
              color: #292521;
              flex-shrink: 0; }
            .gov-provoz .gov-provoz-container .gov-provoz-content .gov-provoz-col-2 .gov-accordion-item .gov-accordion-body .gov-accordion-row-text {
              font-family: Funnel Display;
              font-weight: 300;
              font-style: Light;
              font-size: 14px;
              leading-trim: NONE;
              line-height: 115%;
              letter-spacing: 0%;
              color: rgba(0, 0, 0, 0.5);
              width: 278px;
              flex-shrink: 0; }
              .gov-provoz .gov-provoz-container .gov-provoz-content .gov-provoz-col-2 .gov-accordion-item .gov-accordion-body .gov-accordion-row-text a {
                color: #c0dc0f !important; }
                .gov-provoz .gov-provoz-container .gov-provoz-content .gov-provoz-col-2 .gov-accordion-item .gov-accordion-body .gov-accordion-row-text a:hover, .gov-provoz .gov-provoz-container .gov-provoz-content .gov-provoz-col-2 .gov-accordion-item .gov-accordion-body .gov-accordion-row-text a:active, .gov-provoz .gov-provoz-container .gov-provoz-content .gov-provoz-col-2 .gov-accordion-item .gov-accordion-body .gov-accordion-row-text a:focus {
                  text-decoration: none; }
              @media (max-width: 768px) {
                .gov-provoz .gov-provoz-container .gov-provoz-content .gov-provoz-col-2 .gov-accordion-item .gov-accordion-body .gov-accordion-row-text {
                  width: 100%; } }
            .gov-provoz .gov-provoz-container .gov-provoz-content .gov-provoz-col-2 .gov-accordion-item .gov-accordion-body .gov-accordion-divider {
              border-top: 1px solid rgba(41, 37, 33, 0.11);
              margin: 23px 0; }

.gov-zem {
  margin-top: 60px;
  padding: 0 20px; }
  .gov-zem .container {
    padding: 0; }
  .gov-zem__wrapper {
    max-width: 1400px;
    margin: 0 auto;
    padding: 147px 50px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 20px; }
    @media (max-width: 992px) {
      .gov-zem__wrapper {
        padding: 80px 40px; } }
    @media (max-width: 768px) {
      .gov-zem__wrapper {
        padding: 50px 20px; } }
  .gov-zem__content {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 64px; }
    @media (max-width: 992px) {
      .gov-zem__content {
        flex-direction: column;
        align-items: flex-end; } }
    @media (max-width: 768px) {
      .gov-zem__content {
        align-items: stretch; } }
  .gov-zem__title {
    font-family: "Funnel Display", sans-serif;
    font-weight: 400;
    font-size: 36px;
    line-height: 110%;
    letter-spacing: 0;
    text-align: right;
    color: #ffffff;
    margin: 0;
    max-width: 500px; }
    @media (max-width: 768px) {
      .gov-zem__title {
        font-size: 28px;
        text-align: left; } }
  .gov-zem__glass {
    max-width: 399px;
    padding: 26px 24px 29px;
    border-radius: 20px;
    box-shadow: 2px 2px 15px 0px rgba(0, 0, 0, 0.04); }
    @media (max-width: 768px) {
      .gov-zem__glass {
        max-width: 100%; } }
  .gov-zem__text {
    font-family: "Funnel Display", sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0;
    color: #ffffff;
    margin: 0 0 20px 0; }
    .gov-zem__text:last-of-type {
      margin-bottom: 20px; }
  .gov-zem__btn {
    background-color: rgba(185, 185, 185, 0.5);
    color: #ffffff; }
    .gov-zem__btn:hover {
      background-color: rgba(185, 185, 185, 0.7);
      color: #ffffff; }

.gov-egov {
  margin-top: 60px;
  padding: 0 20px; }
  .gov-egov .container {
    padding: 0; }
  .gov-egov__wrapper {
    max-width: 1400px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 67px; }
    @media (max-width: 992px) {
      .gov-egov__wrapper {
        flex-direction: column;
        gap: 40px; } }
  .gov-egov__image {
    flex-shrink: 0;
    width: 386px;
    height: 501px;
    border-radius: 20px;
    overflow: hidden; }
    .gov-egov__image img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
    @media (max-width: 768px) {
      .gov-egov__image {
        width: 100%;
        max-width: 386px;
        height: 300px; } }
  .gov-egov__content {
    max-width: 355px; }
    @media (max-width: 992px) {
      .gov-egov__content {
        max-width: 100%;
        text-align: center; } }
  .gov-egov__title {
    font-family: "Funnel Display", sans-serif;
    font-weight: 400;
    font-size: 36px;
    line-height: 110%;
    letter-spacing: 0;
    color: #292521;
    margin: 0 0 39px 0; }
    @media (max-width: 768px) {
      .gov-egov__title {
        font-size: 28px;
        margin-bottom: 25px; } }
  .gov-egov__text {
    font-family: "Funnel Display", sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0;
    color: #292521;
    margin: 0 0 20px 0; }
    .gov-egov__text:last-child {
      margin-bottom: 0; }

.helpdesk {
  margin-top: 62px; }
  .helpdesk__wrapper {
    display: flex;
    gap: 66px;
    max-width: 980px;
    margin: 0 auto; }
    @media (max-width: 992px) {
      .helpdesk__wrapper {
        flex-direction: column;
        gap: 40px; } }
  .helpdesk__info {
    flex: 1; }
    .helpdesk__info .chip {
      margin-bottom: 15px; }
  .helpdesk__title {
    font-family: "Funnel Display", sans-serif;
    font-weight: 400;
    font-size: 36px;
    line-height: 110%;
    letter-spacing: 0;
    color: #292521;
    max-width: 419px;
    margin: 0 0 14px 0; }
    @media (max-width: 768px) {
      .helpdesk__title {
        font-size: 28px; } }
  .helpdesk__text {
    font-family: "Funnel Display", sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0;
    color: #292521;
    max-width: 375px;
    margin: 0 0 37px 0; }
  .helpdesk__contacts {
    display: flex;
    gap: 25px;
    margin-bottom: 34px; }
    @media (max-width: 576px) {
      .helpdesk__contacts {
        flex-direction: column;
        gap: 20px; } }
  .helpdesk__contact {
    display: flex;
    flex-direction: column; }
    .helpdesk__contact-icon {
      height: 31px;
      display: flex;
      align-items: center;
      margin-bottom: 19px; }
      .helpdesk__contact-icon img {
        height: auto;
        width: auto; }
    .helpdesk__contact-link {
      font-family: "Funnel Display", sans-serif;
      font-weight: 500;
      font-size: 20px;
      line-height: 100%;
      letter-spacing: 0;
      color: #292521;
      text-decoration: none;
      margin-bottom: 9px;
      transition: text-decoration 0.3s ease; }
      .helpdesk__contact-link:hover {
        text-decoration: underline; }
    .helpdesk__contact-hours {
      font-family: "Funnel Display", sans-serif;
      font-weight: 300;
      font-size: 14px;
      line-height: 140%;
      letter-spacing: 0;
      color: #292521; }
  .helpdesk__teamviewer {
    margin-bottom: 45px; }
    .helpdesk__teamviewer-title {
      font-family: "Funnel Display", sans-serif;
      font-weight: 500;
      font-size: 20px;
      line-height: 100%;
      letter-spacing: 0;
      color: #292521;
      margin: 0 0 7px 0; }
    .helpdesk__teamviewer-text {
      font-family: "Funnel Display", sans-serif;
      font-weight: 300;
      font-size: 14px;
      line-height: 140%;
      letter-spacing: 0;
      color: #292521;
      margin: 0 0 15px 0; }
  .helpdesk__form-wrapper {
    flex: 1;
    max-width: 600px;
    background: rgba(255, 255, 255, 0.5);
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 20px;
    box-shadow: 2px 2px 15px 0px rgba(0, 0, 0, 0.04);
    padding: 32px 23px; }
    @media (max-width: 992px) {
      .helpdesk__form-wrapper {
        max-width: 100%; } }
  .helpdesk__form {
    display: flex;
    flex-direction: column;
    gap: 21px; }
    .helpdesk__form .form-group--full:has(.form-checkbox) {
      margin-top: -6px; }
    .helpdesk__form > .btn {
      margin-top: -6px;
      width: 190px; }
    .helpdesk__form.is-loading {
      pointer-events: none;
      opacity: 0.7; }
      .helpdesk__form.is-loading .btn__text {
        opacity: 0; }
      .helpdesk__form.is-loading .btn__loader {
        display: block; }
    .helpdesk__form .btn {
      position: relative; }
      .helpdesk__form .btn:disabled {
        background-color: rgba(215, 247, 14, 0.9);
        opacity: 1; }
    .helpdesk__form .btn__loader {
      display: none;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      background-color: rgba(215, 247, 14, 0.9) !important;
      width: 20px;
      height: 20px;
      border: 2px solid rgba(41, 37, 33, 0.3);
      border-top-color: #292521;
      border-radius: 50%;
      animation: spin 0.8s linear infinite; }
@keyframes spin {
  to {
    transform: translate(-50%, -50%) rotate(360deg); } }
  .helpdesk__form-error {
    display: none;
    font-family: "Funnel Display", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    color: #D32F2F;
    background: rgba(211, 47, 47, 0.1);
    border-radius: 10px;
    padding: 12px 16px;
    width: 100%; }
  .helpdesk__form-success {
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 100%;
    min-height: 400px; }
    .helpdesk__form-success .chip {
      margin-bottom: 2px; }
  .helpdesk__success-title {
    font-family: "Funnel Display", sans-serif;
    font-weight: 400;
    font-size: 36px;
    line-height: 100%;
    letter-spacing: 0;
    text-align: center;
    color: #292521;
    max-width: 465px;
    margin: 0 auto 62px auto; }
    @media (max-width: 768px) {
      .helpdesk__success-title {
        font-size: 28px;
        margin-bottom: 40px; } }
  .helpdesk__success-text {
    font-family: "Funnel Display", sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0;
    color: #292521;
    margin: 0 0 17px 0; }
  .helpdesk__form-row {
    display: flex;
    gap: 10px; }
    @media (max-width: 576px) {
      .helpdesk__form-row {
        flex-direction: column; } }
    .helpdesk__form-row .form-group {
      flex: 1; }
      @media (min-width: 1200px) {
        .helpdesk__form-row .form-group {
          width: 228px;
          flex: none; } }

.form-group {
  display: flex;
  flex-direction: column; }
  .form-group--full {
    width: 100%; }

.form-label {
  font-family: "Funnel Display", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: 0;
  color: #292521;
  margin-bottom: 8px; }
  .form-label .required {
    color: rgba(215, 247, 14, 0.9); }

.form-input {
  font-family: "Funnel Display", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #292521;
  padding: 16px 20px;
  background: rgba(185, 185, 185, 0.0918);
  border: none;
  border-radius: 15px;
  outline: none;
  transition: background 0.3s ease; }
  .form-input::placeholder {
    color: rgba(0, 0, 0, 0.3); }
  .form-input:focus {
    background: rgba(185, 185, 185, 0.15); }

.form-textarea {
  resize: vertical;
  min-height: 150px; }

.form-checkbox {
  display: flex;
  align-items: center;
  gap: 12px;
  cursor: pointer; }
  .form-checkbox input[type="checkbox"] {
    display: none; }
    .form-checkbox input[type="checkbox"]:checked + .form-checkbox__mark {
      background: rgba(215, 247, 14, 0.9); }
      .form-checkbox input[type="checkbox"]:checked + .form-checkbox__mark::after {
        opacity: 1; }
  .form-checkbox__mark {
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    background: rgba(185, 185, 185, 0.0918);
    border-radius: 5px;
    position: relative;
    transition: background 0.3s ease; }
    .form-checkbox__mark::after {
      content: '';
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%) rotate(45deg);
      width: 6px;
      height: 10px;
      border: solid #292521;
      border-width: 0 2px 2px 0;
      opacity: 0;
      transition: opacity 0.3s ease; }
  .form-checkbox__text {
    font-family: "Funnel Display", sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.5); }
    .form-checkbox__text a {
      color: rgba(0, 0, 0, 0.5);
      text-decoration: underline;
      transition: text-decoration 0.3s ease; }
      .form-checkbox__text a:hover {
        text-decoration: none; }

.events {
  margin-top: 170px; }
  .events__wrapper {
    display: flex;
    flex-direction: column;
    align-items: center; }
  .events__title {
    font-family: "Funnel Display", sans-serif;
    font-weight: 400;
    font-size: 36px;
    line-height: 110%;
    letter-spacing: 0;
    color: #292521;
    text-align: center;
    margin: 0 0 14px 0; }
    @media (max-width: 768px) {
      .events__title {
        font-size: 28px; } }
  .events__text {
    font-family: "Funnel Display", sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0;
    color: #292521;
    text-align: center;
    max-width: 576px;
    margin: 0 0 40px 0; }
  .events__list {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 30px; }
  .events__btn {
    margin-top: 10px; }

.event-card {
  position: relative;
  display: flex;
  align-items: center;
  width: 813px;
  padding: 8px 47px 8px 8px;
  background: rgba(255, 255, 255, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 20px;
  box-shadow: 2px 2px 15px 0px rgba(0, 0, 0, 0.04); }
  @media (max-width: 992px) {
    .event-card {
      width: 100%;
      flex-direction: column;
      align-items: flex-start;
      padding: 50px 20px 20px 20px; } }
  .event-card__flag {
    position: absolute;
    top: -2px;
    left: 32px; }
  .event-card__date {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 129px;
    height: 109px;
    background: rgba(185, 185, 185, 0.0918);
    border-radius: 15px;
    flex-shrink: 0;
    margin-right: 28px; }
    @media (max-width: 992px) {
      .event-card__date {
        width: 100%;
        height: auto;
        padding: 20px;
        margin-right: 0;
        margin-bottom: 20px; } }
  .event-card__day {
    font-family: "Funnel Display", sans-serif;
    font-weight: 500;
    font-size: 32px;
    line-height: 100%;
    letter-spacing: 0;
    color: #292521; }
  .event-card__month {
    font-family: "Funnel Display", sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0;
    color: #292521;
    margin-top: 5px; }
  .event-card__content {
    flex: 1;
    margin-right: 20px; }
    @media (max-width: 992px) {
      .event-card__content {
        margin-right: 0;
        margin-bottom: 20px; } }
  .event-card__title {
    font-family: "Funnel Display", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0;
    color: black;
    margin: 0 0 8px 0; }
  .event-card__desc {
    font-family: "Funnel Display", sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 120%;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.5);
    max-width: 400px;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  .event-card .btn {
    flex-shrink: 0; }

.featured-articles {
  margin-top: 62px; }
  .featured-articles__wrapper {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    max-width: 1245px;
    margin: 0 auto; }
    @media (max-width: 1200px) {
      .featured-articles__wrapper {
        flex-direction: column;
        align-items: center; } }
  .featured-articles__side {
    display: flex;
    flex-direction: column;
    gap: 10px;
    flex: 1; }
    @media (max-width: 1200px) {
      .featured-articles__side {
        align-items: center; } }

.featured-card {
  background: rgba(255, 255, 255, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 20px;
  box-shadow: 2px 2px 15px 0px rgba(0, 0, 0, 0.04);
  overflow: hidden; }
  .featured-card__image {
    position: relative;
    overflow: hidden; }
    .featured-card__image img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
    .featured-card__image::after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      height: 255px;
      background: linear-gradient(180deg, rgba(250, 250, 250, 0) 50%, rgba(250, 250, 250, 0.5) 69.23%, rgba(250, 250, 250, 0.83) 84.37%, #FAFAFA 100%);
      pointer-events: none; }
  .featured-card__category {
    position: absolute;
    top: 22px;
    right: 19px;
    padding: 7px 11px;
    background: rgba(255, 255, 255, 0.14);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-radius: 12px;
    font-family: "Funnel Display", sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 0;
    color: #ffffff; }
  .featured-card__content {
    display: flex;
    flex-direction: column; }
  .featured-card__title {
    font-family: "Funnel Display", sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0;
    color: #292521;
    margin: 0 0 15px 0;
    max-width: 320px; }
  .featured-card__desc {
    font-family: "Funnel Display", sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 130%;
    letter-spacing: 0;
    color: rgba(41, 37, 33, 0.52);
    margin: 0 0 25px 0;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden; }
    @media (max-width: 768px) {
      .featured-card__desc {
        -webkit-line-clamp: 5; } }
  .featured-card .btn {
    align-self: flex-start; }
  .featured-card--main {
    width: 409px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column; }
    @media (max-width: 1200px) {
      .featured-card--main {
        width: 100%;
        max-width: 409px;
        height: auto; } }
    .featured-card--main .featured-card__image {
      height: 305px;
      flex-shrink: 0; }
    .featured-card--main .featured-card__content {
      flex: 1;
      padding: 2px 23px 29px; }
      @media (max-width: 768px) {
        .featured-card--main .featured-card__content {
          padding: 0 44px 29px 23px; } }
  .featured-card--side {
    display: flex;
    flex-direction: row;
    flex: 1; }
    @media (max-width: 768px) {
      .featured-card--side {
        flex-direction: column;
        max-width: 409px; } }
    .featured-card--side .featured-card__image {
      width: 358px;
      flex-shrink: 0;
      height: 251px; }
      @media (max-width: 992px) {
        .featured-card--side .featured-card__image {
          width: 280px; } }
      @media (max-width: 768px) {
        .featured-card--side .featured-card__image {
          width: 100%;
          height: 305px; } }
    .featured-card--side .featured-card__category {
      right: auto;
      left: 19px; }
      @media (max-width: 768px) {
        .featured-card--side .featured-card__category {
          left: auto;
          right: 19px; } }
    .featured-card--side .featured-card__image::after {
      top: 0;
      bottom: 0;
      left: auto;
      right: 0;
      width: 255px;
      height: 100%;
      background: linear-gradient(270deg, #FAFAFA 0%, rgba(250, 250, 250, 0.83) 15.63%, rgba(250, 250, 250, 0.5) 30.77%, rgba(250, 250, 250, 0) 50%); }
      @media (max-width: 768px) {
        .featured-card--side .featured-card__image::after {
          top: auto;
          bottom: 0;
          left: 0;
          right: 0;
          width: 100%;
          height: 255px;
          background: linear-gradient(180deg, rgba(250, 250, 250, 0) 50%, rgba(250, 250, 250, 0.5) 69.23%, rgba(250, 250, 250, 0.83) 84.37%, #FAFAFA 100%); } }
    .featured-card--side .featured-card__content {
      flex: 1;
      padding: 34px 26px 17px 18px; }
      @media (max-width: 768px) {
        .featured-card--side .featured-card__content {
          padding: 0 44px 29px 23px; } }

.more-articles {
  margin-top: 84px; }
  .more-articles .container {
    display: flex;
    flex-direction: column;
    align-items: center; }
  .more-articles__title {
    font-family: "Funnel Display", sans-serif;
    font-weight: 400;
    font-size: 36px;
    line-height: 110%;
    letter-spacing: 0;
    color: #292521;
    margin: 0 auto 28px 0; }
    @media (max-width: 768px) {
      .more-articles__title {
        font-size: 28px; } }
  .more-articles__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-bottom: 59px; }
    @media (max-width: 1200px) {
      .more-articles__grid {
        grid-template-columns: repeat(2, 1fr); } }
    @media (max-width: 768px) {
      .more-articles__grid {
        grid-template-columns: 1fr; } }
  .more-articles__btn {
    margin-bottom: 20px; }

.article-card {
  display: flex;
  flex-direction: column;
  width: 409px;
  background: rgba(255, 255, 255, 0.55);
  border-radius: 20px;
  overflow: hidden; }
  @media (max-width: 1200px) {
    .article-card {
      width: 100%; } }
  @media (max-width: 768px) {
    .article-card {
      width: 100%;
      max-width: 409px; } }
  .article-card__image {
    position: relative;
    width: 100%;
    height: 305px;
    overflow: hidden; }
    .article-card__image img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
    .article-card__image::after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      height: 255px;
      background: linear-gradient(180deg, rgba(250, 250, 250, 0) 50%, rgba(250, 250, 250, 0.5) 69.23%, rgba(250, 250, 250, 0.83) 84.37%, #FAFAFA 100%);
      pointer-events: none; }
  .article-card__category {
    position: absolute;
    top: 22px;
    right: 19px;
    padding: 7px 11px;
    background: rgba(255, 255, 255, 0.14);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-radius: 12px;
    font-family: "Funnel Display", sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 0;
    color: #ffffff; }
  .article-card__content {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    padding: 0 44px 29px 23px; }
    .article-card__content .btn {
      margin-top: auto; }
  .article-card__title {
    font-family: "Funnel Display", sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0;
    color: #292521;
    margin: 0;
    padding-bottom: 17px; }
  .article-card__description {
    font-family: "Funnel Display", sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 130%;
    letter-spacing: 0;
    color: rgba(41, 37, 33, 0.52);
    margin: 0 0 20px 0;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden; }
    @media (max-width: 768px) {
      .article-card__description {
        -webkit-line-clamp: 5; } }

.error-page {
  margin-top: 80px; }
  @media (max-width: 768px) {
    .error-page {
      margin-top: 50px; } }
  .error-page__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    max-width: 600px;
    margin: 0 auto; }
  .error-page__code {
    font-family: "Funnel Display", sans-serif;
    font-weight: 500;
    font-size: 180px;
    line-height: 100%;
    letter-spacing: -0.02em;
    color: rgba(41, 37, 33, 0.08);
    margin-bottom: -30px; }
    @media (max-width: 768px) {
      .error-page__code {
        font-size: 120px;
        margin-bottom: -20px; } }
  .error-page__title {
    font-family: "Funnel Display", sans-serif;
    font-weight: 500;
    font-size: 36px;
    line-height: 110%;
    letter-spacing: 0;
    color: #292521;
    margin: 0 0 20px 0; }
    @media (max-width: 768px) {
      .error-page__title {
        font-size: 28px; } }
  .error-page__text {
    font-family: "Funnel Display", sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0;
    color: rgba(41, 37, 33, 0.6);
    margin: 0 0 40px 0; }
    @media (max-width: 768px) {
      .error-page__text {
        font-size: 14px;
        margin-bottom: 30px; } }
  .error-page__buttons {
    display: flex;
    gap: 16px; }
    @media (max-width: 576px) {
      .error-page__buttons {
        flex-direction: column;
        width: 100%; }
        .error-page__buttons .btn {
          width: 100%;
          justify-content: center; } }

.post-detail {
  z-index: 1;
  padding: 0 20px 0; }
  @media (max-width: 1200px) {
    .post-detail {
      padding: 0 10px 0; } }
  .post-detail .container-post {
    margin: 0 auto;
    max-width: 1400px; }
  .post-detail .chip {
    margin-bottom: 0; }
  .post-detail__wrapper {
    max-width: 1400px;
    margin: 0 auto;
    background: rgba(255, 255, 255, 0.5);
    border: 1px solid transparent;
    border-image: linear-gradient(180deg, rgba(255, 255, 255, 0.15) 0%, rgba(231, 231, 231, 0.024) 100%) 1;
    box-shadow: 2px 2px 15px 0px rgba(0, 0, 0, 0.04);
    padding: 0 50px 126px;
    border-radius: 0 0 20px 20px; }
    @media (max-width: 768px) {
      .post-detail__wrapper {
        padding: 0 24px 80px; } }
    @media (max-width: 576px) {
      .post-detail__wrapper {
        padding: 0 16px 60px; } }
  .post-detail__inner {
    max-width: 786px;
    margin: 0 auto; }
    @media (max-width: 576px) {
      .post-detail__inner {
        max-width: 100%; } }
  .post-detail__meta {
    display: flex;
    align-items: center;
    gap: 21px;
    margin-bottom: 16px; }
    @media (max-width: 768px) {
      .post-detail__meta {
        padding-top: 30px; } }
  .post-detail__date {
    font-family: "Funnel Display", sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 130%;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.51); }
  .post-detail__title {
    font-family: "Funnel Display", sans-serif;
    font-weight: 300;
    font-size: 48px;
    line-height: 120%;
    letter-spacing: 0;
    color: #292521;
    margin: 0 0 37px 0; }
    @media (max-width: 768px) {
      .post-detail__title {
        font-size: 36px; } }
    @media (max-width: 576px) {
      .post-detail__title {
        font-size: 28px;
        margin-bottom: 24px; } }
  .post-detail__content {
    font-family: "Funnel Display", sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 160%;
    letter-spacing: 0;
    color: #292521;
    margin-bottom: 71px; }
    @media (max-width: 768px) {
      .post-detail__content {
        margin-bottom: 50px; } }
    .post-detail__content p {
      margin-bottom: 1em; }
      .post-detail__content p:last-child {
        margin-bottom: 0; }
    .post-detail__content h2, .post-detail__content h3, .post-detail__content h4 {
      font-weight: 400;
      margin-top: 1.5em;
      margin-bottom: 0.5em; }
    .post-detail__content h2 {
      font-size: 28px; }
      @media (max-width: 768px) {
        .post-detail__content h2 {
          font-size: 24px; } }
    .post-detail__content h3 {
      font-size: 22px; }
      @media (max-width: 768px) {
        .post-detail__content h3 {
          font-size: 20px; } }
    .post-detail__content ul, .post-detail__content ol {
      margin-bottom: 1em;
      padding-left: 1.5em; }
    .post-detail__content li {
      margin-bottom: 0.5em; }
    .post-detail__content img {
      max-width: 100%;
      height: auto;
      margin: 1em 0; }
    .post-detail__content blockquote {
      border-left: 3px solid rgba(215, 247, 14, 0.9);
      padding-left: 1em;
      margin: 1.5em 0;
      font-style: italic;
      color: rgba(41, 37, 33, 0.7); }
  .post-detail__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 16px; }
    @media (max-width: 576px) {
      .post-detail__actions {
        flex-direction: column; } }

.related-articles {
  margin-top: 81px;
  margin-bottom: 80px; }
  @media (max-width: 768px) {
    .related-articles {
      margin-top: 50px;
      margin-bottom: 50px; } }
  .related-articles__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 37px; }
    @media (max-width: 768px) {
      .related-articles__header {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
        margin-bottom: 24px; } }
  .related-articles__title {
    font-family: "Funnel Display", sans-serif;
    font-weight: 400;
    font-size: 36px;
    line-height: 110%;
    letter-spacing: 0;
    color: #292521;
    margin: 0; }
    @media (max-width: 768px) {
      .related-articles__title {
        font-size: 28px; } }
  .related-articles__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    max-width: 1250px;
    margin: 0 auto; }
    @media (max-width: 992px) {
      .related-articles__grid {
        grid-template-columns: repeat(2, 1fr); } }
    @media (max-width: 768px) {
      .related-articles__grid {
        grid-template-columns: 1fr;
        max-width: 409px;
        margin: 0 auto; } }

.contact-form {
  margin-top: 70px; }
  @media (max-width: 768px) {
    .contact-form {
      margin-top: 50px; } }
  .contact-form__header {
    text-align: center;
    margin-bottom: 30px; }
  .contact-form__title {
    font-family: "Funnel Display", sans-serif;
    font-weight: 400;
    font-size: 36px;
    line-height: 110%;
    letter-spacing: 0;
    color: #292521;
    margin: 0 0 18px 0; }
    @media (max-width: 768px) {
      .contact-form__title {
        font-size: 28px; } }
  .contact-form__text {
    font-family: "Funnel Display", sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0;
    color: #292521;
    max-width: 482px;
    margin: 0 auto; }
  .contact-form__wrapper {
    display: flex;
    gap: 14px;
    max-width: 1116px;
    margin: 0 auto; }
    @media (max-width: 992px) {
      .contact-form__wrapper {
        flex-direction: column;
        align-items: center; } }
  .contact-form__box {
    width: 745px;
    background: rgba(255, 255, 255, 0.5);
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 20px;
    box-shadow: 2px 2px 15px 0 rgba(0, 0, 0, 0.04);
    padding: 32px 23px; }
    @media (max-width: 992px) {
      .contact-form__box {
        width: 100%;
        max-width: 745px; } }
    @media (min-width: 1400px) {
      .contact-form__box {
        min-height: 652px; } }
  .contact-form__form {
    display: flex;
    flex-direction: column;
    gap: 21px; }
    .contact-form__form > .btn {
      margin-top: 4px;
      width: 190px; }
  .contact-form__success {
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 100%;
    min-height: 400px; }
    .contact-form__success .chip {
      margin-bottom: 2px; }
  .contact-form__success-title {
    font-family: "Funnel Display", sans-serif;
    font-weight: 400;
    font-size: 36px;
    line-height: 100%;
    letter-spacing: 0;
    text-align: center;
    color: #292521;
    max-width: 465px;
    margin: 0 auto 62px auto; }
    @media (max-width: 768px) {
      .contact-form__success-title {
        font-size: 28px;
        margin-bottom: 40px; } }
  .contact-form__success-text {
    font-family: "Funnel Display", sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0;
    color: #292521;
    margin: 0 0 17px 0; }
  .contact-form__error {
    display: none;
    font-family: "Funnel Display", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    color: #D32F2F;
    background: rgba(211, 47, 47, 0.1);
    border-radius: 10px;
    padding: 12px 16px;
    width: 100%; }
  .contact-form__form.is-loading {
    pointer-events: none;
    opacity: 0.7; }
    .contact-form__form.is-loading .btn__text {
      opacity: 0; }
    .contact-form__form.is-loading .btn__loader {
      display: block; }
  .contact-form__form .btn {
    position: relative; }
    .contact-form__form .btn:disabled {
      background-color: rgba(215, 247, 14, 0.9);
      opacity: 1; }
  .contact-form__form .btn__loader {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: rgba(215, 247, 14, 0.9) !important;
    width: 20px;
    height: 20px;
    border: 2px solid rgba(41, 37, 33, 0.3);
    border-top-color: #292521;
    border-radius: 50%;
    animation: spin 0.8s linear infinite; }
@keyframes spin {
  to {
    transform: translate(-50%, -50%) rotate(360deg); } }
  .contact-form__row {
    display: flex;
    gap: 10px; }
    @media (max-width: 576px) {
      .contact-form__row {
        flex-direction: column; } }
  .contact-form__group {
    flex: 1;
    display: flex;
    flex-direction: column; }
    .contact-form__group--full {
      width: 100%; }
  .contact-form__label {
    font-family: "Funnel Display", sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0;
    color: #292521;
    margin-bottom: 8px; }
    .contact-form__label .required {
      color: rgba(215, 247, 14, 0.9); }
  .contact-form__input {
    font-family: "Funnel Display", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    color: #292521;
    padding: 16px 20px;
    background: rgba(185, 185, 185, 0.0918);
    border: none;
    border-radius: 15px;
    outline: none;
    transition: background-color 0.3s ease; }
    .contact-form__input::placeholder {
      color: rgba(0, 0, 0, 0.3); }
    .contact-form__input:focus {
      background-color: rgba(185, 185, 185, 0.15); }
  .contact-form__select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: rgba(185, 185, 185, 0.0918);
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23292521' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 20px center;
    padding-right: 45px;
    cursor: pointer;
    transition: background-color 0.3s ease; }
    .contact-form__select:focus {
      background-color: rgba(185, 185, 185, 0.15); }
    .contact-form__select option {
      color: #292521; }
  .contact-form__textarea {
    resize: vertical;
    min-height: 150px; }
  .contact-form__checkbox {
    display: flex;
    align-items: center;
    gap: 12px;
    cursor: pointer; }
    .contact-form__checkbox input[type="checkbox"] {
      position: absolute;
      opacity: 0;
      width: 20px;
      height: 20px;
      cursor: pointer; }
      .contact-form__checkbox input[type="checkbox"]:checked + .contact-form__checkbox-mark {
        background: rgba(215, 247, 14, 0.9);
        border-color: rgba(215, 247, 14, 0.9); }
        .contact-form__checkbox input[type="checkbox"]:checked + .contact-form__checkbox-mark::after {
          opacity: 1; }
  .contact-form__checkbox-mark {
    width: 20px;
    height: 20px;
    min-width: 20px;
    border: 1.5px solid rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    background: transparent;
    position: relative;
    transition: all 0.3s ease; }
    .contact-form__checkbox-mark::after {
      content: '';
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 10px;
      height: 8px;
      background-image: url("data:image/svg+xml,%3Csvg width='10' height='8' viewBox='0 0 10 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 4L3.5 6.5L9 1' stroke='%23292521' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
      background-repeat: no-repeat;
      background-position: center;
      opacity: 0;
      transition: opacity 0.3s ease; }
  .contact-form__checkbox-text {
    font-family: "Funnel Display", sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0;
    color: #292521; }
    .contact-form__checkbox-text a {
      color: #292521;
      text-decoration: underline; }
      .contact-form__checkbox-text a:hover {
        text-decoration: none; }
  .contact-form__image {
    max-width: 357px;
    width: 100%;
    border-radius: 20px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column; }
    @media (max-width: 992px) {
      .contact-form__image {
        max-width: 745px;
        min-height: 300px; } }
  .contact-form__image-inner {
    padding: 12px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    flex: 1; }
  .contact-form__glass {
    display: flex;
    flex-direction: column;
    padding: 36px 27px 23px;
    border-radius: 15px;
    backdrop-filter: blur(14.9px);
    -webkit-backdrop-filter: blur(14.9px);
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.15); }
  .contact-form__glass-icon {
    width: 24px;
    height: auto;
    margin-bottom: 62px; }
  .contact-form__glass-email {
    font-family: "Funnel Display", sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0;
    color: #ffffff;
    margin-bottom: 9px;
    text-decoration: none; }
    .contact-form__glass-email:hover, .contact-form__glass-email:active, .contact-form__glass-email:focus {
      text-decoration: underline; }
  .contact-form__glass-text {
    font-family: "Funnel Display", sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0;
    color: rgba(255, 255, 255, 0.61); }

.contact-specialists {
  max-width: 1280px;
  margin: 98px auto 0; }
  @media (max-width: 768px) {
    .contact-specialists {
      margin-top: 60px; } }
  .contact-specialists__wrapper {
    display: flex;
    align-items: flex-start;
    gap: 120px; }
    @media (max-width: 992px) {
      .contact-specialists__wrapper {
        flex-direction: column;
        gap: 40px; } }
  .contact-specialists__text {
    flex-shrink: 0;
    width: 300px; }
    @media (max-width: 992px) {
      .contact-specialists__text {
        width: 100%; } }
  .contact-specialists__title {
    font-family: "Funnel Display", sans-serif;
    font-weight: 400;
    font-size: 36px;
    line-height: 110%;
    letter-spacing: 0;
    color: #292521;
    margin: 0; }
    @media (max-width: 768px) {
      .contact-specialists__title {
        font-size: 28px; } }
  .contact-specialists__slider {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    width: 100%; }
  .contact-specialists__slider-container {
    position: relative;
    width: 100%; }
    .contact-specialists__slider-container::before, .contact-specialists__slider-container::after {
      content: '';
      position: absolute;
      top: 0;
      bottom: 0;
      width: 60px;
      z-index: 200;
      pointer-events: none; }
    .contact-specialists__slider-container::before {
      left: 0;
      background: linear-gradient(90deg, #f4f4f4 0%, rgba(244, 244, 244, 0) 100%); }
    .contact-specialists__slider-container::after {
      right: 0;
      background: linear-gradient(270deg, #f4f4f4 0%, rgba(244, 244, 244, 0) 100%); }
    .contact-specialists__slider-container.is-at-start::before {
      opacity: 0; }
    .contact-specialists__slider-container.is-at-end::after {
      opacity: 0; }
  .contact-specialists__nav {
    margin-top: 35px;
    margin-left: 46px; }
    @media (max-width: 768px) {
      .contact-specialists__nav {
        margin-left: 0;
        text-align: center; } }
  .contact-specialists__nav-img {
    max-width: 100%;
    height: auto; }

.contact-specialists-slider {
  overflow: visible;
  touch-action: pan-y; }
  .contact-specialists-slider .swiper-slide {
    width: auto; }
  .contact-specialists-slider .swiper-wrapper {
    touch-action: pan-y; }

.specialist-card {
  width: 263px;
  height: 328px;
  background: rgba(255, 255, 255, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 20px;
  box-shadow: 2px 2px 15px 0 rgba(0, 0, 0, 0.04);
  padding: 23px 10px 8px 10px;
  display: flex;
  flex-direction: column; }
  .specialist-card__icon-wrap {
    width: 32px;
    height: 32px;
    margin-bottom: 14px;
    padding: 0 22px; }
  .specialist-card__icon {
    width: auto;
    height: auto; }
  .specialist-card__title {
    font-family: "Funnel Display", sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 100%;
    letter-spacing: 0;
    color: #292521;
    margin: 0;
    padding: 0 22px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  .specialist-card__info {
    margin-top: auto;
    background: rgba(185, 185, 185, 0.0918);
    border-radius: 15px;
    padding: 18px 22px 17px; }
  .specialist-card__name {
    font-family: "Funnel Display", sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0;
    color: #292521;
    display: block;
    margin-bottom: 18px; }
  .specialist-card__contact:first-of-type {
    margin-bottom: 5px; }
  .specialist-card__link {
    display: flex;
    align-items: center;
    gap: 11px;
    text-decoration: none;
    transition: opacity 0.3s ease; }
    .specialist-card__link:hover {
      opacity: 0.7; }
    .specialist-card__link img {
      width: 16px;
      height: auto;
      flex-shrink: 0; }
    .specialist-card__link span {
      font-family: "Funnel Display", sans-serif;
      font-weight: 300;
      font-size: 14px;
      line-height: 140%;
      letter-spacing: 0;
      color: #292521; }

.contact-maps {
  max-width: 1400px;
  margin: 80px auto 0;
  padding: 0 12px; }
  @media (max-width: 768px) {
    .contact-maps {
      margin-top: 60px; } }
  .contact-maps__wrapper {
    display: flex;
    gap: 16px; }
    @media (max-width: 992px) {
      .contact-maps__wrapper {
        flex-direction: column; } }

.map-card {
  flex: 1;
  height: 516px;
  background: rgba(255, 255, 255, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 20px;
  box-shadow: 2px 2px 15px 0 rgba(0, 0, 0, 0.04);
  overflow: hidden;
  display: flex;
  flex-direction: column; }
  @media (max-width: 992px) {
    .map-card {
      height: auto; } }
  .map-card__image {
    position: relative;
    height: 413px;
    flex-shrink: 0; }
    @media (max-width: 992px) {
      .map-card__image {
        height: 300px; } }
    @media (max-width: 576px) {
      .map-card__image {
        height: 250px; } }
    .map-card__image iframe {
      filter: grayscale(100%); }
  .map-card__img {
    width: 100%;
    height: 100%;
    object-fit: cover; }
  .map-card__overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50%;
    background: linear-gradient(180deg, rgba(250, 250, 250, 0) 0%, rgba(250, 250, 250, 0.5) 50%, rgba(250, 250, 250, 0.83) 84.37%, #FAFAFA 100%);
    pointer-events: none; }
  .map-card__content {
    padding: 7px 22px 24px;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-end; }
  .map-card__title {
    font-family: "Funnel Display", sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0;
    color: #292521;
    margin: 0 0 7px 0; }
  .map-card__address {
    font-family: "Funnel Display", sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0;
    color: #292521;
    margin: 0; }

.contact-billing {
  max-width: 1300px;
  margin: 52px auto 0;
  padding: 0 12px; }
  .contact-billing__wrapper {
    display: flex;
    gap: 16px; }
    @media (max-width: 992px) {
      .contact-billing__wrapper {
        flex-direction: column; } }
  .contact-billing__col--large {
    flex: 2; }
  .contact-billing__col--small {
    flex: 1; }
    @media (max-width: 992px) {
      .contact-billing__col--small {
        max-width: 500px; } }
  .contact-billing__title {
    font-family: "Funnel Display", sans-serif;
    font-weight: 400;
    font-size: 36px;
    line-height: 110%;
    letter-spacing: 0;
    color: #292521;
    margin: 0 0 27px 0; }
    @media (max-width: 768px) {
      .contact-billing__title {
        font-size: 28px; } }

.billing-box {
  background: rgba(255, 255, 255, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 20px;
  box-shadow: 2px 2px 15px 0 rgba(0, 0, 0, 0.04);
  padding: 23px 40px 34px; }
  @media (max-width: 576px) {
    .billing-box {
      padding: 20px; } }
  .billing-box__inner {
    display: flex;
    gap: 159px; }
    @media (max-width: 1200px) {
      .billing-box__inner {
        gap: 60px; } }
    @media (max-width: 768px) {
      .billing-box__inner {
        flex-direction: column;
        gap: 30px; } }
  .billing-box__company {
    flex: 1; }
  .billing-box__name {
    font-family: "Funnel Display", sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0;
    color: #292521;
    margin: 0 0 13px 0; }
  .billing-box__info {
    font-family: "Funnel Display", sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0;
    color: #292521;
    margin: 0 0 3px 0; }
    .billing-box__info strong {
      font-weight: 500; }
    .billing-box__info a {
      color: #292521;
      text-decoration: underline; }
      .billing-box__info a:hover {
        text-decoration: none; }

.contact-projects {
  max-width: 1300px;
  margin: 80px auto 0;
  padding: 0 12px; }
  @media (max-width: 768px) {
    .contact-projects {
      margin-top: 60px; } }
  .contact-projects__wrapper {
    display: flex;
    gap: 87px; }
    @media (max-width: 992px) {
      .contact-projects__wrapper {
        flex-direction: column;
        gap: 50px; } }
  .contact-projects__col-left {
    max-width: 400px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column; }
    @media (max-width: 992px) {
      .contact-projects__col-left {
        max-width: 100%; } }
  .contact-projects__col-right {
    flex: 1;
    min-width: 0; }
  .contact-projects__title {
    font-family: "Funnel Display", sans-serif;
    font-weight: 400;
    font-size: 36px;
    line-height: 110%;
    letter-spacing: 0;
    color: #292521;
    margin: 0 0 27px 0; }
    @media (max-width: 768px) {
      .contact-projects__title {
        font-size: 28px; } }
  .contact-projects__social {
    margin-top: auto; }
    @media (max-width: 992px) {
      .contact-projects__social {
        display: none; } }
  .contact-projects__social--mobile {
    display: none;
    margin-top: 40px; }
    @media (max-width: 992px) {
      .contact-projects__social--mobile {
        display: block; } }
  .contact-projects__social-title {
    font-family: "Funnel Display", sans-serif;
    font-weight: 400;
    font-size: 36px;
    line-height: 110%;
    letter-spacing: 0;
    color: #292521;
    margin: 0 0 27px 0; }
    @media (max-width: 768px) {
      .contact-projects__social-title {
        font-size: 28px; } }
  .contact-projects__social-box {
    width: 400px;
    max-width: 100%;
    padding: 23px;
    background: rgba(255, 255, 255, 0.5);
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 20px;
    box-shadow: 2px 2px 15px 0 rgba(0, 0, 0, 0.04); }
  .contact-projects__social-link {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 21px;
    text-decoration: none;
    transition: opacity 0.3s ease; }
    .contact-projects__social-link:hover {
      opacity: 0.7; }
  .contact-projects__social-icon {
    width: 20px;
    height: 21px;
    margin-top: 10px;
    flex-shrink: 0; }
  .contact-projects__social-text {
    font-family: "Funnel Display", sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0;
    color: #292521; }

.contact-accordion-item {
  background: rgba(255, 255, 255, 0.5);
  border-radius: 20px !important;
  border: 1px solid rgba(231, 231, 231, 0.15);
  box-shadow: 2px 2px 15px 0 rgba(0, 0, 0, 0.04);
  margin-bottom: 10px;
  overflow: hidden; }
  .contact-accordion-item:last-child {
    margin-bottom: 0; }
  .contact-accordion-item .contact-accordion-header .contact-accordion-btn {
    padding: 43px 52px;
    background: transparent;
    border: none;
    width: 100%;
    display: flex;
    align-items: center;
    gap: 46px;
    box-shadow: none;
    cursor: pointer; }
    @media (max-width: 768px) {
      .contact-accordion-item .contact-accordion-header .contact-accordion-btn {
        padding: 25px 20px;
        gap: 20px;
        flex-wrap: wrap; } }
    .contact-accordion-item .contact-accordion-header .contact-accordion-btn::after {
      display: none; }
    .contact-accordion-item .contact-accordion-header .contact-accordion-btn:focus {
      outline: none;
      box-shadow: none; }
    .contact-accordion-item .contact-accordion-header .contact-accordion-btn .contact-accordion-title {
      font-family: "Funnel Display", sans-serif;
      font-weight: 500;
      font-size: 20px;
      line-height: 100%;
      letter-spacing: 0;
      color: #292521;
      text-align: left; }
  .contact-accordion-item .contact-accordion-body {
    padding: 0 52px 55px; }
    @media (max-width: 768px) {
      .contact-accordion-item .contact-accordion-body {
        padding: 0 20px 30px; } }
    .contact-accordion-item .contact-accordion-body .contact-accordion-row {
      margin-bottom: 20px; }
    .contact-accordion-item .contact-accordion-body .contact-accordion-row-title {
      font-family: "Funnel Display", sans-serif;
      font-weight: 500;
      font-size: 14px;
      line-height: 140%;
      letter-spacing: 0;
      color: #292521;
      display: block;
      margin-bottom: 8px; }
    .contact-accordion-item .contact-accordion-body .contact-accordion-row-text {
      font-family: "Funnel Display", sans-serif;
      font-weight: 300;
      font-size: 14px;
      line-height: 140%;
      letter-spacing: 0;
      color: rgba(0, 0, 0, 0.5); }
    .contact-accordion-item .contact-accordion-body .contact-accordion-image {
      width: 100%;
      height: auto;
      margin-top: 20px; }
      .contact-accordion-item .contact-accordion-body .contact-accordion-image--small {
        max-width: 388px; }
    .contact-accordion-item .contact-accordion-body .contact-accordion-divider {
      border-top: 1px solid rgba(41, 37, 33, 0.11);
      margin: 23px 0; }

.socials {
  max-width: 1300px;
  margin: 80px auto 0;
  padding: 0 12px; }
  @media (max-width: 768px) {
    .socials {
      margin-top: 60px; } }
  .socials__wrapper {
    display: flex;
    gap: 87px; }
    @media (max-width: 992px) {
      .socials__wrapper {
        flex-direction: column;
        gap: 50px; } }

.pasport-types {
  max-width: 1280px;
  margin: 61px auto 0; }
  @media (max-width: 768px) {
    .pasport-types {
      margin-top: 40px; } }
  .pasport-types__wrapper {
    display: flex;
    gap: 113px; }
    @media (max-width: 992px) {
      .pasport-types__wrapper {
        flex-direction: column;
        gap: 50px;
        padding: 0 15px; } }
  .pasport-types__col-left {
    width: 343px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column; }
    @media (max-width: 992px) {
      .pasport-types__col-left {
        width: 100%;
        max-width: 500px; } }
  .pasport-types__col-right-wrapper {
    flex: 1;
    position: relative; }
    .pasport-types__col-right-wrapper::before, .pasport-types__col-right-wrapper::after {
      content: '';
      position: absolute;
      left: 0;
      right: 15px;
      height: 80px;
      pointer-events: none;
      z-index: 15;
      opacity: 1;
      transition: opacity 0.3s ease; }
      @media (max-width: 992px) {
        .pasport-types__col-right-wrapper::before, .pasport-types__col-right-wrapper::after {
          display: none; } }
    .pasport-types__col-right-wrapper::before {
      top: 0;
      background: linear-gradient(180deg, #F4F4F4 0%, rgba(244, 244, 244, 0.92) 50%, rgba(244, 244, 244, 0) 100%); }
    .pasport-types__col-right-wrapper::after {
      bottom: 0;
      background: linear-gradient(180deg, rgba(244, 244, 244, 0) 0%, rgba(244, 244, 244, 0.92) 50%, #F4F4F4 100%); }
    .pasport-types__col-right-wrapper.is-at-start::before {
      opacity: 0; }
    .pasport-types__col-right-wrapper.is-at-end::after {
      opacity: 0; }
  .pasport-types__col-right {
    display: flex;
    flex-direction: column;
    gap: 8px;
    max-height: 500px;
    overflow-y: auto;
    padding-right: 15px; }
    @media (max-width: 992px) {
      .pasport-types__col-right {
        max-height: none;
        overflow-y: visible;
        padding-right: 0; } }
  .pasport-types__title {
    font-family: "Funnel Display", sans-serif;
    font-weight: 400;
    font-size: 36px;
    line-height: 110%;
    letter-spacing: 0;
    color: #292521;
    margin: 0 0 24px 0; }
    @media (max-width: 768px) {
      .pasport-types__title {
        font-size: 28px; } }
  .pasport-types__text {
    font-family: "Funnel Display", sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0;
    color: #292521;
    margin: 0 0 100px 0; }
    @media (max-width: 992px) {
      .pasport-types__text {
        margin-bottom: 40px; } }
  .pasport-types__box {
    background: #ededed;
    padding: 36px 28px;
    border-radius: 20px;
    margin-top: auto; }
    @media (max-width: 992px) {
      .pasport-types__box {
        margin-top: 0; } }
  .pasport-types__box-text {
    font-family: "Funnel Display", sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0;
    color: #292521;
    margin: 0 0 23px 0; }
    .pasport-types__box-text strong {
      font-weight: 500; }

.pasport-card {
  background: rgba(255, 255, 255, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 20px;
  box-shadow: 2px 2px 15px 0 rgba(0, 0, 0, 0.04);
  position: relative;
  overflow: hidden;
  display: flex;
  min-height: 120px;
  flex-shrink: 0; }
  @media (max-width: 768px) {
    .pasport-card {
      flex-direction: column;
      min-height: auto; } }
  .pasport-card__image {
    width: 293px;
    flex-shrink: 0;
    background-size: cover;
    background-position: center;
    position: relative; }
    @media (max-width: 768px) {
      .pasport-card__image {
        width: 100%;
        height: 150px; } }
    .pasport-card__image::after {
      content: '';
      position: absolute;
      top: 0;
      bottom: 0;
      right: 0;
      width: 146px;
      background: linear-gradient(270deg, #fafafa 0%, rgba(250, 250, 250, 0.83) 26.98%, rgba(250, 250, 250, 0.5) 53.13%, rgba(250, 250, 250, 0) 86.33%); }
      @media (max-width: 768px) {
        .pasport-card__image::after {
          width: 100%;
          height: 50px;
          top: auto;
          bottom: 0;
          left: 0;
          right: 0;
          background: linear-gradient(0deg, #fafafa 0%, rgba(250, 250, 250, 0.83) 26.98%, rgba(250, 250, 250, 0.5) 53.13%, rgba(250, 250, 250, 0) 86.33%); } }
  .pasport-card__content {
    padding: 20px 32px 19px 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: -10px;
    z-index: 10; }
    @media (max-width: 768px) {
      .pasport-card__content {
        padding: 15px 20px 20px;
        margin-left: 0; } }
  .pasport-card__title {
    font-family: "Funnel Display", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0;
    color: #292521;
    margin: 0 0 13px 0; }
  .pasport-card__text {
    font-family: "Funnel Display", sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 0.5);
    margin: 0; }

.pasport-target {
  padding: 65px 20px 0; }
  @media (max-width: 768px) {
    .pasport-target {
      padding-top: 40px; } }
  .pasport-target__container {
    max-width: 1400px;
    margin: 0 auto; }
  .pasport-target__content {
    background-image: url(../images/pasport-maj.jpg);
    background-size: cover;
    background-position: center;
    border-radius: 16px;
    padding: 57px 119px 114px; }
    @media (max-width: 992px) {
      .pasport-target__content {
        padding: 40px 40px 60px; } }
    @media (max-width: 768px) {
      .pasport-target__content {
        padding: 30px 20px 40px; } }
  .pasport-target__title {
    font-family: "Funnel Display", sans-serif;
    font-weight: 400;
    font-size: 36px;
    line-height: 110%;
    letter-spacing: 0;
    color: #ffffff;
    text-align: center;
    max-width: 705px;
    margin: 0 auto 21px; }
    @media (max-width: 768px) {
      .pasport-target__title {
        font-size: 28px; } }
  .pasport-target__subtitle {
    font-family: "Funnel Display", sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0;
    color: #ffffff;
    text-align: center;
    margin: 0 0 50px 0; }
    @media (max-width: 768px) {
      .pasport-target__subtitle {
        margin-bottom: 30px; } }
  .pasport-target__items {
    display: flex;
    gap: 17px; }
    @media (max-width: 992px) {
      .pasport-target__items {
        flex-wrap: wrap; } }
    @media (max-width: 768px) {
      .pasport-target__items {
        flex-direction: column; } }
  .pasport-target__item {
    flex: 1;
    padding: 26px 32px 33px 25px;
    border-radius: 20px;
    display: flex;
    flex-direction: column; }
    @media (max-width: 992px) {
      .pasport-target__item {
        flex: 0 0 calc(50% - 9px); } }
    @media (max-width: 768px) {
      .pasport-target__item {
        flex: 1 1 100%; } }
  .pasport-target__icon {
    height: 39px;
    display: flex;
    align-items: flex-end;
    margin-bottom: 54px; }
    @media (max-width: 768px) {
      .pasport-target__icon {
        margin-bottom: 25px; } }
    .pasport-target__icon img {
      max-height: 100%;
      width: auto; }
  .pasport-target__item-text {
    font-family: "Funnel Display", sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0;
    color: #ffffff;
    margin: auto 0 0 0; }
  .pasport-target__item:nth-child(1) .pasport-target__item-text {
    max-width: 120px; }
  .pasport-target__item:nth-child(2) .pasport-target__item-text {
    max-width: 190px; }
  .pasport-target__item:nth-child(3) .pasport-target__item-text {
    max-width: 190px; }
  .pasport-target__item:nth-child(4) .pasport-target__item-text {
    max-width: 180px; }

.pasport-smysl {
  margin: 60px 0 0;
  padding: 0 15px; }
  @media (max-width: 768px) {
    .pasport-smysl {
      margin-top: 40px; } }
  .pasport-smysl__container {
    max-width: 1400px;
    margin: 0 auto;
    background: rgba(255, 255, 255, 0.5);
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 20px;
    box-shadow: 2px 2px 15px 0 rgba(0, 0, 0, 0.04);
    padding: 30px 39px 41px 25px; }
    @media (max-width: 768px) {
      .pasport-smysl__container {
        padding: 25px 20px 30px; } }
  .pasport-smysl__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    margin-bottom: 100px; }
    @media (max-width: 992px) {
      .pasport-smysl__header {
        flex-wrap: wrap;
        margin-bottom: 50px; } }
    @media (max-width: 768px) {
      .pasport-smysl__header {
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 40px; } }
  .pasport-smysl__title {
    font-family: "Funnel Display", sans-serif;
    font-weight: 400;
    font-size: 36px;
    line-height: 110%;
    letter-spacing: 0;
    color: #292521;
    margin: 0;
    min-width: 470px;
    flex-shrink: 0; }
    @media (max-width: 768px) {
      .pasport-smysl__title {
        font-size: 28px;
        min-width: auto; } }
  .pasport-smysl__desc {
    font-family: "Funnel Display", sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0;
    color: #292521;
    margin: 0; }
  .pasport-smysl__columns {
    display: flex;
    justify-content: space-between;
    gap: 20px; }
    @media (max-width: 992px) {
      .pasport-smysl__columns {
        flex-wrap: wrap; } }
    @media (max-width: 768px) {
      .pasport-smysl__columns {
        flex-direction: column; } }
  .pasport-smysl__column {
    width: 250px;
    flex-shrink: 0; }
    @media (max-width: 992px) {
      .pasport-smysl__column {
        width: calc(50% - 10px); } }
    @media (max-width: 768px) {
      .pasport-smysl__column {
        width: 100%; } }
  .pasport-smysl__icon {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 40px; }
    @media (max-width: 768px) {
      .pasport-smysl__icon {
        margin-bottom: 20px; } }
    .pasport-smysl__icon img {
      max-width: 100%;
      max-height: 100%; }
  .pasport-smysl__text {
    font-family: "Funnel Display", sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0;
    color: #292521;
    margin: 0; }

.pasport-info {
  margin: 100px 0 0;
  padding: 0 15px;
  text-align: center; }
  @media (max-width: 768px) {
    .pasport-info {
      margin-top: 60px; } }
  .pasport-info__title {
    font-family: "Funnel Display", sans-serif;
    font-weight: 400;
    font-size: 36px;
    line-height: 118%;
    letter-spacing: 0;
    color: #292521;
    max-width: 700px;
    margin: 0 auto 15px; }
    @media (max-width: 768px) {
      .pasport-info__title {
        font-size: 28px; } }
  .pasport-info__text {
    font-family: "Funnel Display", sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0;
    color: #292521;
    max-width: 300px;
    margin: 0 auto; }

.pasport-obsah {
  padding: 60px 20px 0; }
  @media (max-width: 768px) {
    .pasport-obsah {
      padding-top: 40px; } }
  .pasport-obsah__container {
    max-width: 1100px;
    margin: 0 auto; }
  .pasport-obsah__content {
    display: flex;
    flex-direction: column;
    gap: 18px; }
  .pasport-obsah__item {
    display: flex;
    gap: 18px; }
    @media (max-width: 992px) {
      .pasport-obsah__item {
        flex-direction: column; } }
    .pasport-obsah__item--reverse {
      flex-direction: row-reverse; }
      @media (max-width: 992px) {
        .pasport-obsah__item--reverse {
          flex-direction: column; } }
  .pasport-obsah__image {
    border-radius: 16px;
    flex-shrink: 0; }
    @media (max-width: 992px) {
      .pasport-obsah__image {
        max-height: 300px;
        object-fit: cover;
        width: 100%; } }
  .pasport-obsah__wrapper {
    background: rgba(255, 255, 255, 0.5);
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 20px;
    box-shadow: 2px 2px 15px 0 rgba(0, 0, 0, 0.04);
    padding: 42px 44px 32px;
    display: flex;
    flex-direction: column;
    flex: 1; }
    @media (max-width: 768px) {
      .pasport-obsah__wrapper {
        padding: 30px 20px; } }
  .pasport-obsah__title {
    font-family: "Funnel Display", sans-serif;
    font-weight: 400;
    font-size: 36px;
    line-height: 110%;
    letter-spacing: 0;
    color: #292521;
    margin: 0 0 25px 0; }
    @media (max-width: 768px) {
      .pasport-obsah__title {
        font-size: 28px; } }
  .pasport-obsah__cols {
    display: flex;
    gap: 51px; }
    @media (max-width: 768px) {
      .pasport-obsah__cols {
        flex-direction: column;
        gap: 25px; } }
  .pasport-obsah__col {
    border-top: 1px solid rgba(41, 37, 33, 0.11);
    padding-top: 21px;
    padding-bottom: 21px;
    width: 50%; }
    @media (max-width: 768px) {
      .pasport-obsah__col {
        width: 100%; } }
  .pasport-obsah__row {
    display: flex;
    gap: 15px;
    align-items: flex-start;
    margin-bottom: 26px; }
    .pasport-obsah__row:last-child {
      margin-bottom: 0; }
  .pasport-obsah__arrow {
    width: 27px;
    flex-shrink: 0;
    margin-top: 2px; }
  .pasport-obsah__row-text {
    font-family: "Funnel Display", sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0;
    color: #292521;
    opacity: 0.5;
    margin: 0; }
  .pasport-obsah__bottom-text {
    font-family: "Funnel Display", sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0;
    color: #292521;
    max-width: 432px;
    margin-top: auto;
    padding-top: 20px; }
    .pasport-obsah__bottom-text strong {
      font-weight: 500; }

.pasport-propojit {
  margin: 106px 0 0;
  padding: 0 15px; }
  @media (max-width: 768px) {
    .pasport-propojit {
      margin-top: 60px; } }
  .pasport-propojit__container {
    max-width: 1400px;
    margin: 0 auto;
    background: rgba(255, 255, 255, 0.5);
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 20px;
    box-shadow: 2px 2px 15px 0 rgba(0, 0, 0, 0.04);
    padding: 30px 24px 36px; }
    @media (max-width: 768px) {
      .pasport-propojit__container {
        padding: 25px 20px 30px; } }
  .pasport-propojit__header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    margin-bottom: 40px; }
    @media (max-width: 992px) {
      .pasport-propojit__header {
        flex-direction: column;
        margin-bottom: 30px; } }
  .pasport-propojit__title {
    font-family: "Funnel Display", sans-serif;
    font-weight: 400;
    font-size: 36px;
    line-height: 110%;
    letter-spacing: 0;
    color: #292521;
    margin: 0;
    max-width: 400px;
    flex-shrink: 0; }
    @media (max-width: 768px) {
      .pasport-propojit__title {
        font-size: 28px;
        max-width: 100%; } }
  .pasport-propojit__desc {
    font-family: "Funnel Display", sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0;
    color: #292521;
    margin: 0 160px 0 0;
    max-width: 406px;
    margin-top: 12px; }
    @media (max-width: 1200px) {
      .pasport-propojit__desc {
        margin-right: 0; } }
    @media (max-width: 992px) {
      .pasport-propojit__desc {
        max-width: 100%;
        margin-top: 0px; } }
    .pasport-propojit__desc strong {
      font-weight: 500; }
  .pasport-propojit__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 81px;
    row-gap: 26px;
    padding-right: 50px;
    padding-left: 481px; }
    @media (max-width: 1200px) {
      .pasport-propojit__grid {
        padding-left: 200px;
        column-gap: 40px; } }
    @media (max-width: 992px) {
      .pasport-propojit__grid {
        padding-left: 0;
        column-gap: 30px; } }
    @media (max-width: 768px) {
      .pasport-propojit__grid {
        grid-template-columns: repeat(2, 1fr); } }
    @media (max-width: 576px) {
      .pasport-propojit__grid {
        grid-template-columns: 1fr; } }
  .pasport-propojit__cell {
    display: flex;
    gap: 18px;
    align-items: flex-start;
    align-items: center; }
    .pasport-propojit__cell a {
      color: #292521 !important; }
      .pasport-propojit__cell a:hover, .pasport-propojit__cell a:active, .pasport-propojit__cell a:focus {
        color: #c0dc0f !important;
        text-decoration: none; }
  .pasport-propojit__arrow {
    width: 31px;
    height: 31px;
    flex-shrink: 0; }
  .pasport-propojit__cell-text {
    font-family: "Funnel Display", sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0;
    color: #292521;
    margin: 0; }

.onas-intro {
  margin: 42px auto 0;
  padding: 0 15px;
  max-width: 1400px; }
  @media (max-width: 768px) {
    .onas-intro {
      margin-top: 30px; } }
  .onas-intro__wrapper {
    display: flex;
    justify-content: center;
    gap: 56px; }
    @media (max-width: 992px) {
      .onas-intro__wrapper {
        flex-direction: column;
        align-items: center;
        gap: 30px; } }
  .onas-intro__image {
    width: 386px;
    flex-shrink: 0;
    border-radius: 20px; }
    @media (max-width: 768px) {
      .onas-intro__image {
        width: 100%;
        max-width: 386px; } }
  .onas-intro__content {
    max-width: 356px;
    display: flex;
    flex-direction: column;
    justify-content: center; }
    @media (max-width: 992px) {
      .onas-intro__content {
        max-width: 500px; } }
    .onas-intro__content a {
      color: #c0dc0f !important; }
      .onas-intro__content a:hover, .onas-intro__content a:active, .onas-intro__content a:focus {
        text-decoration: none; }
  .onas-intro__title {
    font-family: "Funnel Display", sans-serif;
    font-weight: 400;
    font-size: 36px;
    line-height: 110%;
    letter-spacing: 0;
    color: #292521;
    margin: 0 0 26px 0; }
    @media (max-width: 768px) {
      .onas-intro__title {
        font-size: 28px; } }
  .onas-intro__text {
    font-family: "Funnel Display", sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0;
    color: #292521;
    margin: 0 0 26px 0; }
    .onas-intro__text strong {
      font-weight: 500; }
  .onas-intro__subtitle {
    font-family: "Funnel Display", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0;
    color: #292521;
    margin: 0 0 9px 0; }
  .onas-intro__text-small {
    font-family: "Funnel Display", sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0;
    color: #292521;
    margin: 0; }
    .onas-intro__text-small strong {
      font-weight: 500; }

.onas-join {
  padding: 42px 20px 0; }
  @media (max-width: 768px) {
    .onas-join {
      padding-top: 30px; } }
  .onas-join__container {
    max-width: 1400px;
    margin: 0 auto; }
  .onas-join__wrapper {
    padding: 20px 16px 18px;
    text-align: center;
    background-image: url(../images/onas-join.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 20px; }
    @media (max-width: 992px) {
      .onas-join__wrapper {
        padding-bottom: 40px; } }
  .onas-join__title {
    font-family: "Funnel Display", sans-serif;
    font-weight: 400;
    font-size: 48px;
    line-height: 110%;
    letter-spacing: 0;
    text-align: center;
    color: #ffffff;
    margin: 0 auto;
    max-width: 655px;
    padding-top: 200px;
    padding-bottom: 83px; }
    @media (max-width: 992px) {
      .onas-join__title {
        font-size: 36px;
        padding-top: 40px;
        padding-bottom: 40px; } }
    @media (max-width: 768px) {
      .onas-join__title {
        font-size: 28px; } }
  .onas-join__arrows {
    position: relative;
    padding: 50px 128px 42px;
    border-radius: 20px;
    display: flex;
    justify-content: space-between; }
    .onas-join__arrows::before {
      content: '';
      position: absolute;
      inset: 0;
      background: rgba(255, 255, 255, 0.25);
      backdrop-filter: blur(10px);
      -webkit-backdrop-filter: blur(10px);
      border-radius: 20px;
      z-index: 0; }
    @media (max-width: 1200px) {
      .onas-join__arrows {
        padding: 40px 35px; } }
    @media (max-width: 992px) {
      .onas-join__arrows {
        flex-direction: column;
        gap: 20px;
        width: fit-content;
        margin: 0 auto; } }
  .onas-join__arrow {
    position: relative;
    z-index: 1;
    display: flex;
    gap: 18px;
    max-width: 225px;
    align-items: center; }
    @media (max-width: 992px) {
      .onas-join__arrow {
        max-width: 100%;
        gap: 12px; } }
  .onas-join__arrow-icon {
    width: 27px;
    flex-shrink: 0; }
  .onas-join__arrow-text {
    text-align: left;
    color: #ffffff;
    font-family: "Funnel Display", sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0;
    margin: 0; }

.onas-help {
  padding: 106px 20px 0; }
  @media (max-width: 768px) {
    .onas-help {
      padding-top: 60px; } }
  .onas-help__container {
    max-width: 1400px;
    margin: 0 auto; }
  .onas-help__header {
    text-align: center;
    margin-bottom: 80px; }
    @media (max-width: 768px) {
      .onas-help__header {
        margin-bottom: 40px; } }
  .onas-help__title {
    font-family: "Funnel Display", sans-serif;
    font-weight: 400;
    font-size: 36px;
    line-height: 110%;
    letter-spacing: 0;
    text-align: center;
    color: #292521;
    margin: 0 0 30px 0; }
    @media (max-width: 768px) {
      .onas-help__title {
        font-size: 28px; } }
  .onas-help__desc {
    font-family: "Funnel Display", sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0;
    text-align: center;
    color: #292521;
    margin: 0; }
  .onas-help__cards {
    display: flex;
    flex-direction: column;
    gap: 8px; }

.onas-help-card {
  position: relative;
  max-width: 813px;
  margin: 0 auto;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 20px;
  box-shadow: 2px 2px 15px 0px rgba(0, 0, 0, 0.04);
  padding: 25px 65px 29px 0;
  overflow: hidden; }
  @media (max-width: 768px) {
    .onas-help-card {
      padding: 20px 20px 25px; } }
  .onas-help-card__image {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 293px;
    background-size: cover;
    background-position: center; }
    @media (max-width: 768px) {
      .onas-help-card__image {
        display: none; } }
    .onas-help-card__image::after {
      content: '';
      position: absolute;
      top: 0;
      bottom: 0;
      right: 0;
      width: 146px;
      background: linear-gradient(270deg, #FAFAFA 0%, rgba(250, 250, 250, 0.83) 26.98%, rgba(250, 250, 250, 0.5) 53.13%, rgba(250, 250, 250, 0) 86.33%); }
  .onas-help-card__content {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding-left: 320px; }
    @media (max-width: 992px) {
      .onas-help-card__content {
        padding-left: 280px; } }
    @media (max-width: 768px) {
      .onas-help-card__content {
        padding-left: 0;
        flex-direction: column;
        align-items: flex-start; } }
  .onas-help-card__text {
    flex: 1; }
  .onas-help-card__title {
    font-family: "Funnel Display", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0;
    color: #292521;
    margin: 0 0 13px 0; }
  .onas-help-card__desc {
    font-family: "Funnel Display", sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 120%;
    letter-spacing: 0;
    color: #292521;
    opacity: 0.5;
    margin: 0; }
  .onas-help-card__btn {
    flex-shrink: 0;
    width: 175px;
    text-align: center;
    padding: 14px 14px; }
    @media (max-width: 768px) {
      .onas-help-card__btn {
        width: auto; } }

.onas-timeline {
  padding: 76px 20px 0; }
  @media (max-width: 768px) {
    .onas-timeline {
      padding-top: 50px; } }
  .onas-timeline__container {
    max-width: 1400px;
    margin: 0 auto; }
  .onas-timeline__title {
    font-family: "Funnel Display", sans-serif;
    font-weight: 400;
    font-size: 48px;
    line-height: 110%;
    letter-spacing: 0;
    text-align: center;
    color: #292521;
    margin: 0 0 60px 0; }
    @media (max-width: 768px) {
      .onas-timeline__title {
        font-size: 32px;
        margin-bottom: 40px; } }
  .onas-timeline__wrapper {
    position: relative;
    max-width: 800px;
    margin: 0 auto; }
  .onas-timeline__line {
    position: absolute;
    left: 50%;
    top: -20px;
    bottom: -60px;
    width: 1px;
    background-color: rgba(41, 37, 33, 0.11);
    transform: translateX(-50%); }
    @media (max-width: 992px) {
      .onas-timeline__line {
        left: 20px;
        transform: none; } }
  .onas-timeline__items {
    position: relative; }
  .onas-timeline__item {
    position: relative;
    display: flex;
    justify-content: flex-end;
    padding-bottom: 25px; }
    .onas-timeline__item:last-child {
      padding-bottom: 0; }
    .onas-timeline__item--left {
      justify-content: flex-start; }
      .onas-timeline__item--left .onas-timeline__content {
        text-align: right;
        padding-right: 38px;
        padding-left: 0; }
        @media (max-width: 992px) {
          .onas-timeline__item--left .onas-timeline__content {
            text-align: left;
            padding-right: 0;
            padding-left: 38px; } }
      .onas-timeline__item--left .onas-timeline__dot {
        right: auto;
        left: calc(50% - 6px); }
        @media (max-width: 992px) {
          .onas-timeline__item--left .onas-timeline__dot {
            left: 14px; } }
    .onas-timeline__item--right {
      justify-content: flex-end; }
      .onas-timeline__item--right .onas-timeline__content {
        text-align: left;
        padding-left: 38px;
        padding-right: 0; }
      .onas-timeline__item--right .onas-timeline__dot {
        left: auto;
        right: calc(50% - 6px); }
        @media (max-width: 992px) {
          .onas-timeline__item--right .onas-timeline__dot {
            right: auto;
            left: 14px; } }
      @media (max-width: 992px) {
        .onas-timeline__item--right {
          justify-content: flex-start; }
          .onas-timeline__item--right .onas-timeline__content {
            padding-left: 38px; } }
  .onas-timeline__dot {
    position: absolute;
    top: 15px;
    width: 13px;
    height: 13px; }
    .onas-timeline__dot img {
      width: 100%;
      height: 100%; }
  .onas-timeline__content {
    width: calc(50% - 6px); }
    @media (max-width: 992px) {
      .onas-timeline__content {
        width: calc(100% - 40px);
        margin-left: 20px; } }
  .onas-timeline__year {
    font-family: "Funnel Display", sans-serif;
    font-weight: 400;
    font-size: 48px;
    line-height: 100%;
    letter-spacing: 0;
    color: #c0dc0f;
    margin: 0 0 10px 0; }
    @media (max-width: 768px) {
      .onas-timeline__year {
        font-size: 36px; } }
  .onas-timeline__entry {
    margin-bottom: 15px; }
    .onas-timeline__entry:last-child {
      margin-bottom: 0; }
  .onas-timeline__entry-title {
    font-family: "Funnel Display", sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0;
    color: #292521;
    margin: 0; }
  .onas-timeline__entry-desc {
    font-family: "Funnel Display", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0;
    color: #292521;
    opacity: 0.5;
    margin: 5px 0 0 0; }
  .onas-timeline__item {
    opacity: 0;
    transition: opacity 0.6s ease, transform 0.6s ease; }
    .onas-timeline__item--right {
      transform: translateX(30px); }
    .onas-timeline__item--left {
      transform: translateX(-30px); }
      @media (max-width: 992px) {
        .onas-timeline__item--left {
          transform: translateX(30px); } }
    .onas-timeline__item.is-visible {
      opacity: 1;
      transform: translateX(0); }
  .onas-timeline__dot {
    opacity: 0;
    transform: scale(0);
    transition: opacity 0.4s ease 0.3s, transform 0.4s ease 0.3s; }
  .onas-timeline__item.is-visible .onas-timeline__dot {
    opacity: 1;
    transform: scale(1); }
  .onas-timeline__summary {
    font-family: "Funnel Display", sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0;
    text-align: center;
    color: #292521;
    max-width: 300px;
    margin: 126px auto 0; }
    .onas-timeline__summary strong {
      font-weight: 500; }
    @media (max-width: 992px) {
      .onas-timeline__summary {
        margin: 90px 0 0;
        text-align: left; } }

.onas-obor {
  padding: 100px 20px 0; }
  @media (max-width: 768px) {
    .onas-obor {
      padding-top: 60px; } }
  .onas-obor__container {
    max-width: 1400px;
    margin: 0 auto; }
  .onas-obor__wrapper {
    background-image: url(../images/onas-obor.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 20px;
    padding: 91px 50px;
    text-align: center; }
    @media (max-width: 768px) {
      .onas-obor__wrapper {
        padding: 50px 20px; } }
  .onas-obor__title {
    font-family: "Funnel Display", sans-serif;
    font-weight: 400;
    font-size: 36px;
    line-height: 110%;
    letter-spacing: 0;
    text-align: center;
    color: #ffffff;
    max-width: 500px;
    margin: 0 auto 24px; }
    @media (max-width: 768px) {
      .onas-obor__title {
        font-size: 28px; } }
  .onas-obor__desc {
    font-family: "Funnel Display", sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0;
    text-align: center;
    color: #ffffff;
    max-width: 489px;
    margin: 0 auto 45px; }
    @media (max-width: 768px) {
      .onas-obor__desc {
        margin-bottom: 30px; } }
  .onas-obor__columns {
    display: flex;
    gap: 16px;
    max-width: 895px;
    margin: 0 auto; }
    @media (max-width: 992px) {
      .onas-obor__columns {
        flex-direction: column; } }
  .onas-obor__col {
    background: rgba(255, 255, 255, 0.25);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-radius: 20px;
    padding: 32px 52px 24px 39px;
    display: flex;
    gap: 25px;
    text-align: left; }
    @media (max-width: 768px) {
      .onas-obor__col {
        padding: 25px 20px;
        flex-direction: column;
        gap: 15px; } }
    .onas-obor__col--large {
      flex: 2; }
    .onas-obor__col--small {
      flex: 1; }
  .onas-obor__col-icon {
    width: 32px;
    height: 32px;
    flex-shrink: 0; }
    .onas-obor__col-icon img {
      width: 100%;
      height: 100%; }
  .onas-obor__col-content {
    flex: 1; }
  .onas-obor__col-title {
    font-family: "Funnel Display", sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 100%;
    letter-spacing: 0;
    color: #ffffff;
    margin: 0 0 22px 0; }
    @media (max-width: 768px) {
      .onas-obor__col-title {
        font-size: 20px; } }
  .onas-obor__col-text {
    font-family: "Funnel Display", sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0;
    color: #ffffff;
    margin: 0 0 20px 0; }
    .onas-obor__col-text:last-child {
      margin-bottom: 0; }

.onas-power {
  margin: 60px 0 0;
  padding: 0 15px; }
  @media (max-width: 768px) {
    .onas-power {
      margin-top: 40px; } }
  .onas-power__container {
    max-width: 1400px;
    margin: 0 auto;
    background: rgba(255, 255, 255, 0.5);
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 20px;
    box-shadow: 2px 2px 15px 0 rgba(0, 0, 0, 0.04);
    padding: 30px 39px 41px 25px; }
    @media (max-width: 768px) {
      .onas-power__container {
        padding: 25px 20px 30px; } }
  .onas-power__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    margin-bottom: 100px; }
    @media (max-width: 992px) {
      .onas-power__header {
        flex-wrap: wrap;
        margin-bottom: 50px; } }
    @media (max-width: 768px) {
      .onas-power__header {
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 40px; } }
  .onas-power__title {
    font-family: "Funnel Display", sans-serif;
    font-weight: 400;
    font-size: 36px;
    line-height: 110%;
    letter-spacing: 0;
    color: #292521;
    margin: 0;
    min-width: 470px;
    flex-shrink: 0; }
    @media (max-width: 768px) {
      .onas-power__title {
        font-size: 28px;
        min-width: auto; } }
  .onas-power__desc {
    font-family: "Funnel Display", sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0;
    color: #292521;
    margin: 0; }
    .onas-power__desc strong {
      font-weight: 500; }
  .onas-power__columns {
    display: flex;
    justify-content: space-between;
    gap: 20px; }
    @media (max-width: 992px) {
      .onas-power__columns {
        flex-wrap: wrap; } }
    @media (max-width: 768px) {
      .onas-power__columns {
        flex-direction: column; } }
  .onas-power__column {
    width: 250px;
    flex-shrink: 0; }
    @media (max-width: 992px) {
      .onas-power__column {
        width: calc(50% - 10px); } }
    @media (max-width: 768px) {
      .onas-power__column {
        width: 100%; } }
  .onas-power__icon {
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 40px; }
    @media (max-width: 768px) {
      .onas-power__icon {
        margin-bottom: 20px; } }
    .onas-power__icon img {
      max-width: 100%;
      max-height: 100%; }
  .onas-power__text {
    font-family: "Funnel Display", sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0;
    color: #292521;
    margin: 0; }

.onas-vlast {
  margin-top: 45px;
  padding: 0 20px; }
  .onas-vlast__wrapper {
    max-width: 1400px;
    margin: 0 auto;
    padding: 84px 123px 99px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 20px;
    text-align: center; }
    @media (max-width: 992px) {
      .onas-vlast__wrapper {
        padding: 50px 60px 70px; } }
    @media (max-width: 768px) {
      .onas-vlast__wrapper {
        padding: 40px 20px 50px; } }
  .onas-vlast__title {
    font-family: "Funnel Display", sans-serif;
    font-weight: 400;
    font-size: 36px;
    line-height: 110%;
    letter-spacing: 0;
    color: #ffffff;
    max-width: 550px;
    margin: 0 auto 22px; }
    @media (max-width: 768px) {
      .onas-vlast__title {
        font-size: 28px; } }
  .onas-vlast__subtitle {
    font-family: "Funnel Display", sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0;
    color: #ffffff;
    max-width: 400px;
    margin: 0 auto 60px; }
    @media (max-width: 992px) {
      .onas-vlast__subtitle {
        margin: 0 auto 30px; } }
  .onas-vlast__cards {
    display: flex;
    justify-content: space-between;
    gap: 17px; }
    @media (max-width: 992px) {
      .onas-vlast__cards {
        flex-wrap: wrap;
        justify-content: center; } }
    @media (max-width: 768px) {
      .onas-vlast__cards {
        flex-direction: column;
        align-items: center; } }
  .onas-vlast__card {
    width: 273px;
    flex-shrink: 1;
    padding: 27px 32px 27px 23px;
    border-radius: 20px;
    text-align: left;
    background: rgba(255, 255, 255, 0.25);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px); }
    @media (max-width: 1200px) {
      .onas-vlast__card {
        width: auto;
        flex: 1;
        min-width: 175px; } }
    @media (max-width: 992px) {
      .onas-vlast__card {
        width: calc(50% - 10px);
        flex: none; } }
    @media (max-width: 768px) {
      .onas-vlast__card {
        width: 100%;
        max-width: 300px; } }
  .onas-vlast__icon-wrap {
    width: 33px;
    height: 33px;
    display: flex;
    align-items: center;
    margin-bottom: 45px; }
    .onas-vlast__icon-wrap img {
      height: auto;
      max-height: 100%; }
    @media (max-width: 768px) {
      .onas-vlast__icon-wrap {
        margin-bottom: 40px; } }
  .onas-vlast__card-text {
    font-family: "Funnel Display", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0;
    color: #ffffff;
    margin: 0; }

.onas-team {
  margin-top: 82px;
  padding: 0 20px; }
  @media (max-width: 768px) {
    .onas-team {
      margin-top: 50px; } }
  .onas-team__container {
    max-width: 1300px;
    margin: 0 auto;
    display: flex;
    gap: 74px; }
    @media (max-width: 1200px) {
      .onas-team__container {
        flex-direction: column;
        gap: 40px; } }
  .onas-team__intro {
    width: 400px;
    flex-shrink: 0; }
    @media (max-width: 1200px) {
      .onas-team__intro {
        width: 100%; } }
  .onas-team__title {
    font-family: "Funnel Display", sans-serif;
    font-weight: 400;
    font-size: 36px;
    line-height: 110%;
    letter-spacing: 0;
    color: #292521;
    max-width: 350px;
    margin: 0 0 12px 0; }
    @media (max-width: 768px) {
      .onas-team__title {
        font-size: 28px; } }
  .onas-team__desc {
    font-family: "Funnel Display", sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0;
    color: #292521;
    max-width: 350px;
    margin: 0; }
  .onas-team__grid {
    flex: 1;
    display: flex;
    flex-wrap: wrap;
    gap: 13px; }
    @media (max-width: 768px) {
      .onas-team__grid {
        justify-content: center; } }

.onas-employee {
  position: relative;
  width: 263px;
  height: 328px;
  border-radius: 20px;
  overflow: hidden;
  padding: 36px 33px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  background-size: cover;
  background-position: center;
  cursor: default; }
  @media (max-width: 576px) {
    .onas-employee {
      width: 100%;
      max-width: 300px; } }
  .onas-employee--has-photo {
    color: #ffffff; }
  .onas-employee--placeholder {
    color: #292521; }
    .onas-employee--placeholder::before {
      display: none; }
  .onas-employee__content {
    position: relative;
    z-index: 2; }
  .onas-employee__name {
    font-family: "Funnel Display", sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0;
    margin: 0 0 13px 0; }
  .onas-employee__role, .onas-employee__quote {
    font-family: "Funnel Display", sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0;
    margin: 0; }
  .onas-employee__role {
    display: block;
    transition: opacity 0.3s ease; }
  .onas-employee__quote {
    display: none; }
  .onas-employee:hover .onas-employee__role {
    display: none; }
  .onas-employee:hover .onas-employee__quote {
    display: block; }

.onas-stats {
  margin-top: 84px;
  padding: 0 20px; }
  @media (max-width: 768px) {
    .onas-stats {
      margin-top: 50px; } }
  .onas-stats__container {
    max-width: 1400px;
    margin: 0 auto; }
  .onas-stats__title {
    font-family: "Funnel Display", sans-serif;
    font-weight: 400;
    font-size: 48px;
    line-height: 110%;
    letter-spacing: 0;
    text-align: center;
    color: #292521;
    max-width: 794px;
    margin: 0 auto 48px; }
    @media (max-width: 768px) {
      .onas-stats__title {
        font-size: 32px;
        margin-bottom: 30px; } }
  .onas-stats__cards {
    display: flex;
    justify-content: center;
    gap: 8px; }
    @media (max-width: 992px) {
      .onas-stats__cards {
        flex-wrap: wrap; } }
    @media (max-width: 768px) {
      .onas-stats__cards {
        flex-direction: column;
        align-items: center; } }
  .onas-stats__card {
    width: 276px;
    padding: 21px 16px 26px 26px;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 20px;
    box-shadow: 2px 2px 15px 0 rgba(0, 0, 0, 0.04);
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
    @media (max-width: 992px) {
      .onas-stats__card {
        width: calc(50% - 4px); } }
    @media (max-width: 768px) {
      .onas-stats__card {
        width: 100%;
        max-width: 300px; } }
  .onas-stats__card-title {
    font-family: "Funnel Display", sans-serif;
    font-weight: 400;
    font-size: 48px;
    line-height: 100%;
    letter-spacing: 0;
    color: #292521;
    margin: 0 0 39px 0; }
    @media (max-width: 768px) {
      .onas-stats__card-title {
        font-size: 36px;
        margin-bottom: 20px; } }
  .onas-stats__card-text {
    font-family: "Funnel Display", sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0;
    color: rgba(41, 37, 33, 0.5);
    margin: 0; }

html {
  overflow-x: hidden;
  max-width: 1920px;
  margin-right: auto;
  margin-left: auto;
  scroll-behavior: smooth; }

body {
  font-family: "Funnel Display", sans-serif;
  font-weight: 300;
  font-size: 14px;
  line-height: 140%;
  background-color: #f4f4f4; }
  @media (max-width: 768px) {
    body {
      font-size: 14px; } }

@media (min-width: 1400px) {
  .container {
    max-width: 1400px; } }

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