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

article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
  display: block;
}

html {
  font-family: sans-serif;
  font-size: 10px;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  background: #FAF4F9;
}

body {
  position: relative;
  font-family: "Exo 2", sans-serif;
  line-height: 1;
  margin: 0;
  padding: 0;
}
body.scroll-lock {
  overflow: hidden;
  height: 100vh;
}

@media only screen and (max-width: 600px) {
  #wpadminbar {
    position: fixed;
  }
}

.page-basic {
  overflow: clip;
}

.container {
  width: 100%;
  margin: 0 auto;
  padding: 0 10px;
}
@media only screen and (min-width: 768px) {
  .container {
    max-width: 750px;
  }
}
@media only screen and (min-width: 991px) {
  .container {
    max-width: 970px;
  }
}
@media only screen and (min-width: 1200px) {
  .container {
    max-width: 1170px;
  }
}
@media only screen and (min-width: 1460px) {
  .container {
    max-width: 1440px;
  }
}

::-moz-selection {
  color: #fff;
  background: #92278F;
}

::selection {
  color: #fff;
  background: #92278F;
}

.slick-slider-reseter .slick-list, .reference-panel-slider .slick-list, .intro-clients-slider .slick-list {
  overflow: initial;
}
.slick-slider-reseter .slick-list .slick-track, .reference-panel-slider .slick-list .slick-track, .intro-clients-slider .slick-list .slick-track {
  display: flex;
}
.slick-slider-reseter .slick-list .slick-track .slick-slide, .reference-panel-slider .slick-list .slick-track .slick-slide, .intro-clients-slider .slick-list .slick-track .slick-slide {
  float: none;
  height: unset;
}
.slick-slider-reseter .slick-list .slick-track .slick-slide > div, .reference-panel-slider .slick-list .slick-track .slick-slide > div, .intro-clients-slider .slick-list .slick-track .slick-slide > div {
  height: 100%;
}

.btn-base, .btn-primary, .form-panel .af-submit-button, .acf-fields > .acf-field .button-full, .button-primary {
  cursor: pointer;
  position: relative;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background: none;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 185px;
  min-height: 50px;
  padding: 0 30px;
  column-gap: 10px;
  font-size: 16px;
  font-family: "Exo 2", sans-serif;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
  border-radius: 0 20px 0 20px;
  border: 1px solid transparent;
  transition: 0.3s;
}
@media (min-width: 1200px) {
  .btn-base, .btn-primary, .form-panel .af-submit-button, .acf-fields > .acf-field .button-full, .button-primary {
    min-width: 240px;
    min-height: 60px;
    padding: 0 50px;
  }
}
.btn-base span, .btn-primary span, .form-panel .af-submit-button span, .acf-fields > .acf-field .button-full span, .button-primary span {
  z-index: 2;
  position: relative;
}
.btn-primary, .form-panel .af-submit-button, .acf-fields > .acf-field .button-full, .button-primary {
  border: 1px solid #25AAE1;
  background: #25AAE1;
  color: #fff;
}
.btn-primary:focus-visible, .form-panel .af-submit-button:focus-visible, .acf-fields > .acf-field .button-full:focus-visible, .btn-primary:focus, .form-panel .af-submit-button:focus, .acf-fields > .acf-field .button-full:focus, .btn-primary:hover, .form-panel .af-submit-button:hover, .acf-fields > .acf-field .button-full:hover, .button-primary:focus-visible, .button-primary:focus, .button-primary:hover {
  background: #2199CA;
}
.btn-primary:focus, .form-panel .af-submit-button:focus, .acf-fields > .acf-field .button-full:focus, .button-primary:focus {
  outline: none;
  box-shadow: 0 0 0 5px rgba(37, 170, 225, 0.4);
}
.btn-primary:active, .form-panel .af-submit-button:active, .acf-fields > .acf-field .button-full:active, .button-primary:active {
  background: #1E88B4;
}

.header-toggle {
  position: relative;
  z-index: 9999;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  padding: 4px 0 0 0;
  margin: 0;
  border: none;
  border-radius: 10px;
  text-decoration: none !important;
  background: #f2f2f2;
  transition: 0.3s;
  cursor: pointer;
}
.header-toggle__icon {
  position: relative;
  height: 2rem;
  width: 3rem;
}
.header-toggle__icon span {
  display: block;
  position: absolute;
  height: 0.2rem;
  width: 3rem;
  background: #262262;
  opacity: 1;
  left: 0;
  transform: rotate(0deg);
  transition: 0.25s ease-in-out;
  pointer-events: none;
}
.header-toggle__icon span:nth-child(1) {
  top: 0rem;
}
.header-toggle__icon span:nth-child(2) {
  top: 0.7rem;
}
.header-toggle__icon span:nth-child(3) {
  top: 0.7rem;
}
.header-toggle__icon span:nth-child(4) {
  top: 1.5rem;
}
.header-toggle__icon.open span {
  background: #92278F;
}
.header-toggle__icon.open span:nth-child(1) {
  top: 0rem;
  width: 0%;
  left: 50%;
}
.header-toggle__icon.open span:nth-child(2) {
  transform: rotate(45deg);
}
.header-toggle__icon.open span:nth-child(3) {
  transform: rotate(-45deg);
}
.header-toggle__icon.open span:nth-child(4) {
  top: 0rem;
  width: 0%;
  left: 50%;
}

.header {
  z-index: 90;
  position: relative;
  width: 100%;
  background: #FAF4F9;
}
.header.opened-menu {
  background: #fff;
}
.header .header-toggle {
  display: flex;
}
@media only screen and (min-width: 1200px) {
  .header .header-toggle {
    display: none;
  }
}
.header__container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 80px;
}
@media only screen and (min-width: 1200px) {
  .header__container {
    height: 120px;
  }
}
.header__logo {
  cursor: pointer;
  position: relative;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background: none;
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 10px;
}
.header__logo img {
  display: block;
  max-width: 100%;
  height: 46px;
}
@media only screen and (min-width: 1200px) {
  .header__logo img {
    height: 64px;
  }
}
.header__left {
  display: flex;
  align-items: center;
}
.header__right {
  display: flex;
  align-items: center;
  gap: 15px;
}
.header__nav {
  display: none;
}
@media only screen and (min-width: 1200px) {
  .header__nav {
    display: block !important;
  }
}

.navigation {
  display: flex;
  align-items: center;
  flex-direction: column;
  row-gap: 15px;
  list-style: none;
  margin: 0;
  padding: 0;
}
@media (min-width: 768px) {
  .navigation {
    flex-direction: row;
  }
}
.navigation > li {
  position: relative;
  margin: 0;
  padding: 0;
  color: #262262;
  font-size: 16px;
  font-family: "Exo 2", sans-serif;
  font-weight: 700;
}
.navigation > li > a {
  cursor: pointer;
  position: relative;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background: none;
  text-decoration: none;
  position: relative;
  display: inline-flex;
  align-items: center;
  padding: 0 10px;
  margin: 0;
  color: #262262;
  transition: 0.3s;
  white-space: nowrap;
}
@media only screen and (min-width: 1460px) {
  .navigation > li > a {
    padding: 0 15px;
  }
}
.navigation > li > a:hover {
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 2px;
}
.navigation > li > a.selected, .navigation > li > a.current-menu-item {
  color: #25AAE1;
}

.mobile-navigation-wrapper {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
}
@media only screen and (min-width: 1200px) {
  .mobile-navigation-wrapper {
    display: none !important;
  }
}
.mobile-navigation-wrapper.open {
  display: block;
}
.mobile-navigation-wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.6980392157);
  z-index: -1;
}

.mobile-navigation-panel {
  background: #fff;
  max-height: calc(100vh - 80px);
  overflow-y: auto;
}

.mobile-navigation {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 10px 0;
}
.mobile-navigation ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.mobile-navigation ul > li {
  position: relative;
  margin: 10px 0;
  padding: 0;
}
.mobile-navigation ul > li.selected > a {
  color: #25AAE1;
}
.mobile-navigation ul > li > a:not(.btn-primary) {
  cursor: pointer;
  position: relative;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background: none;
  text-decoration: none;
  position: relative;
  display: inline-flex;
  align-items: center;
  padding: 0;
  margin: 0;
  font-size: 20px;
  font-family: "Exo 2", sans-serif;
  font-weight: 600;
  color: #262262;
  transition: 0.3s;
  white-space: nowrap;
}
.mobile-navigation ul > li > a:not(.btn-primary).selected {
  color: #92278F;
}
.mobile-navigation ul > li .btn-primary, .mobile-navigation ul > li .form-panel .af-submit-button, .form-panel .mobile-navigation ul > li .af-submit-button, .mobile-navigation ul > li .acf-fields > .acf-field .button-full, .acf-fields > .acf-field .mobile-navigation ul > li .button-full {
  column-gap: 6px;
}
@media only screen and (min-width: 768px) {
  .mobile-navigation ul > li .btn-primary, .mobile-navigation ul > li .form-panel .af-submit-button, .form-panel .mobile-navigation ul > li .af-submit-button, .mobile-navigation ul > li .acf-fields > .acf-field .button-full, .acf-fields > .acf-field .mobile-navigation ul > li .button-full {
    display: none;
  }
}
.mobile-navigation ul > li .btn-secondary {
  column-gap: 6px;
}
@media only screen and (min-width: 768px) {
  .mobile-navigation ul > li .btn-secondary {
    display: none;
  }
}
.mobile-navigation ul > li:hover > a {
  color: #92278F;
}

.header-languages {
  position: relative;
}
.header-languages__btn {
  cursor: pointer;
  position: relative;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background: none;
  text-decoration: none;
  position: relative;
  padding: 0 20px 0 0;
}
.header-languages__btn::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #25AAE1;
}
.header-languages__btn img {
  display: block;
  width: 20px;
  height: 20px;
}
.header-languages__menu {
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  padding: 10px 0;
  background: #fff;
  border-radius: 20px;
  display: none;
}
.header-languages__menu .wpml-ls {
  padding: 0;
}
.header-languages__menu .wpml-ls-link {
  cursor: pointer;
  position: relative;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background: none;
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 7px 20px;
  font-size: 16px;
  font-family: "Exo 2", sans-serif;
  font-weight: 600;
  color: #262262;
}
.header-languages__menu .wpml-ls-link:hover {
  color: #25AAE1;
  text-decoration: underline;
  text-underline-offset: 2px;
  text-decoration-thickness: 1px;
}
.header-languages__menu .wpml-ls-link span {
  margin: 0;
}
.header-languages__menu-link {
  cursor: pointer;
  position: relative;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background: none;
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 7px 20px;
  font-size: 16px;
  font-family: "Exo 2", sans-serif;
  font-weight: 600;
  color: #262262;
}
.header-languages__menu-link:hover {
  color: #25AAE1;
  text-decoration: underline;
  text-underline-offset: 2px;
  text-decoration-thickness: 1px;
}

.base-section-title, .page-header__title, .story-panel__title, .reference-panel__title, .target-panel__title, .process-panel__title, .about-app__title, .intro-nav__title, .intro-header__title {
  line-height: 1.2;
  color: #262262;
  font-size: 32px;
  font-family: "Exo 2", sans-serif;
  font-weight: 700;
}
@media (min-width: 768px) {
  .base-section-title, .page-header__title, .story-panel__title, .reference-panel__title, .target-panel__title, .process-panel__title, .about-app__title, .intro-nav__title, .intro-header__title {
    font-size: 40px;
  }
}
@media (min-width: 1200px) {
  .base-section-title, .page-header__title, .story-panel__title, .reference-panel__title, .target-panel__title, .process-panel__title, .about-app__title, .intro-nav__title, .intro-header__title {
    font-size: 48px;
  }
}
@media (min-width: 1460px) {
  .base-section-title, .page-header__title, .story-panel__title, .reference-panel__title, .target-panel__title, .process-panel__title, .about-app__title, .intro-nav__title, .intro-header__title {
    font-size: 60px;
  }
}
.base-section-title b, .page-header__title b, .story-panel__title b, .reference-panel__title b, .target-panel__title b, .process-panel__title b, .about-app__title b, .intro-nav__title b, .intro-header__title b, .base-section-title strong, .page-header__title strong, .story-panel__title strong, .reference-panel__title strong, .target-panel__title strong, .process-panel__title strong, .about-app__title strong, .intro-nav__title strong, .intro-header__title strong {
  font-weight: 700;
  color: #92278F;
}

.base-section-text, .modal-window .modal-body, .contact-box__texts, .aktivace-device-box__text, .footer-form__info-text, .form-box__para, .af-input__para, .hide-title .acf-input, .form-nav__text, .footer__texts, .reference-card__text, .reference-panel__text, .process-panel-card__text, .process-panel__text, .about-app__text, .phones-panel__text, .intro-nav__text, .intro-header__text, .base-dot-list, .aktivace-panel-list__points, .about-app__tabs-content-box-texts ul, .intro-header__list, .intro-header__text ul, .common-texts-styles ul.dot-list, .aktivace-panel-list__content ul.dot-list, .story-panel__texts ul.dot-list, .target-panel-card__text ul.dot-list, .process-panel__texts ul.dot-list, .about-app__tabs-content-box-texts ul.dot-list {
  line-height: 1.5;
  font-size: 16px;
  font-family: "Exo 2", sans-serif;
  font-weight: 300;
  color: #262262;
}
.base-section-text b, .modal-window .modal-body b, .contact-box__texts b, .aktivace-device-box__text b, .footer-form__info-text b, .form-box__para b, .af-input__para b, .hide-title .acf-input b, .form-nav__text b, .footer__texts b, .reference-card__text b, .reference-panel__text b, .process-panel-card__text b, .process-panel__text b, .about-app__text b, .phones-panel__text b, .intro-nav__text b, .intro-header__text b, .base-dot-list b, .aktivace-panel-list__points b, .about-app__tabs-content-box-texts ul b, .intro-header__list b, .common-texts-styles ul.dot-list b, .aktivace-panel-list__content ul.dot-list b, .story-panel__texts ul.dot-list b, .target-panel-card__text ul.dot-list b, .process-panel__texts ul.dot-list b, .about-app__tabs-content-box-texts ul.dot-list b, .base-section-text strong, .modal-window .modal-body strong, .contact-box__texts strong, .aktivace-device-box__text strong, .footer-form__info-text strong, .form-box__para strong, .af-input__para strong, .hide-title .acf-input strong, .form-nav__text strong, .footer__texts strong, .reference-card__text strong, .reference-panel__text strong, .process-panel-card__text strong, .process-panel__text strong, .about-app__text strong, .phones-panel__text strong, .intro-nav__text strong, .intro-header__text strong, .base-dot-list strong, .aktivace-panel-list__points strong, .about-app__tabs-content-box-texts ul strong, .intro-header__list strong, .common-texts-styles ul.dot-list strong, .aktivace-panel-list__content ul.dot-list strong, .story-panel__texts ul.dot-list strong, .target-panel-card__text ul.dot-list strong, .process-panel__texts ul.dot-list strong, .about-app__tabs-content-box-texts ul.dot-list strong {
  font-weight: 600;
  color: #92278F;
}
.base-section-text a:not(.btn-primary), .modal-window .modal-body a:not(.btn-primary), .contact-box__texts a:not(.btn-primary), .aktivace-device-box__text a:not(.btn-primary), .footer-form__info-text a:not(.btn-primary), .form-box__para a:not(.btn-primary), .af-input__para a:not(.btn-primary), .hide-title .acf-input a:not(.btn-primary), .form-nav__text a:not(.btn-primary), .footer__texts a:not(.btn-primary), .reference-card__text a:not(.btn-primary), .reference-panel__text a:not(.btn-primary), .process-panel-card__text a:not(.btn-primary), .process-panel__text a:not(.btn-primary), .about-app__text a:not(.btn-primary), .phones-panel__text a:not(.btn-primary), .intro-nav__text a:not(.btn-primary), .intro-header__text a:not(.btn-primary), .base-dot-list a:not(.btn-primary), .aktivace-panel-list__points a:not(.btn-primary), .about-app__tabs-content-box-texts ul a:not(.btn-primary), .intro-header__list a:not(.btn-primary), .common-texts-styles ul.dot-list a:not(.btn-primary), .aktivace-panel-list__content ul.dot-list a:not(.btn-primary), .story-panel__texts ul.dot-list a:not(.btn-primary), .target-panel-card__text ul.dot-list a:not(.btn-primary), .process-panel__texts ul.dot-list a:not(.btn-primary) {
  cursor: pointer;
  position: relative;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background: none;
  text-decoration: none;
  color: #25AAE1;
  text-decoration: underline;
}
.base-section-text a:not(.btn-primary):hover, .modal-window .modal-body a:not(.btn-primary):hover, .contact-box__texts a:not(.btn-primary):hover, .aktivace-device-box__text a:not(.btn-primary):hover, .footer-form__info-text a:not(.btn-primary):hover, .form-box__para a:not(.btn-primary):hover, .af-input__para a:not(.btn-primary):hover, .hide-title .acf-input a:not(.btn-primary):hover, .form-nav__text a:not(.btn-primary):hover, .footer__texts a:not(.btn-primary):hover, .reference-card__text a:not(.btn-primary):hover, .reference-panel__text a:not(.btn-primary):hover, .process-panel-card__text a:not(.btn-primary):hover, .process-panel__text a:not(.btn-primary):hover, .about-app__text a:not(.btn-primary):hover, .phones-panel__text a:not(.btn-primary):hover, .intro-nav__text a:not(.btn-primary):hover, .intro-header__text a:not(.btn-primary):hover, .base-dot-list a:not(.btn-primary):hover, .aktivace-panel-list__points a:not(.btn-primary):hover, .about-app__tabs-content-box-texts ul a:not(.btn-primary):hover, .intro-header__list a:not(.btn-primary):hover, .common-texts-styles ul.dot-list a:not(.btn-primary):hover, .aktivace-panel-list__content ul.dot-list a:not(.btn-primary):hover, .story-panel__texts ul.dot-list a:not(.btn-primary):hover, .target-panel-card__text ul.dot-list a:not(.btn-primary):hover, .process-panel__texts ul.dot-list a:not(.btn-primary):hover {
  color: #92278F;
}

.base-dot-list, .aktivace-panel-list__points, .about-app__tabs-content-box-texts ul, .intro-header__list, .intro-header__text ul, .common-texts-styles ul.dot-list, .aktivace-panel-list__content ul.dot-list, .story-panel__texts ul.dot-list, .target-panel-card__text ul.dot-list, .process-panel__texts ul.dot-list, .about-app__tabs-content-box-texts ul.dot-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.base-dot-list li, .aktivace-panel-list__points li, .about-app__tabs-content-box-texts ul li, .intro-header__list li, .intro-header__text ul li, .common-texts-styles ul.dot-list li, .aktivace-panel-list__content ul.dot-list li, .story-panel__texts ul.dot-list li, .target-panel-card__text ul.dot-list li, .process-panel__texts ul.dot-list li, .about-app__tabs-content-box-texts ul.dot-list li {
  position: relative;
  margin: 0 0 10px 0;
  padding: 0 0 0 20px;
}
@media (min-width: 768px) {
  .base-dot-list li, .aktivace-panel-list__points li, .about-app__tabs-content-box-texts ul li, .intro-header__list li, .intro-header__text ul li, .common-texts-styles ul.dot-list li, .aktivace-panel-list__content ul.dot-list li, .story-panel__texts ul.dot-list li, .target-panel-card__text ul.dot-list li, .process-panel__texts ul.dot-list li, .about-app__tabs-content-box-texts ul.dot-list li {
    padding: 0 0 0 34px;
  }
}
.base-dot-list li::before, .aktivace-panel-list__points li::before, .about-app__tabs-content-box-texts ul li::before, .intro-header__list li::before, .intro-header__text ul li::before, .common-texts-styles ul.dot-list li::before, .aktivace-panel-list__content ul.dot-list li::before, .story-panel__texts ul.dot-list li::before, .target-panel-card__text ul.dot-list li::before, .process-panel__texts ul.dot-list li::before, .about-app__tabs-content-box-texts ul.dot-list li::before {
  content: "";
  position: absolute;
  top: 8px;
  left: 0;
  width: 10px;
  height: 10px;
  background: #92278F;
  border-radius: 50%;
}

.common-texts-styles, .aktivace-panel-list__content, .story-panel__texts, .target-panel-card__text, .process-panel__texts, .about-app__tabs-content-box-texts {
  line-height: 1.3;
  font-size: 16px;
  font-family: "Exo 2", sans-serif;
  font-weight: 300;
  color: #262262;
}
.common-texts-styles p, .aktivace-panel-list__content p, .story-panel__texts p, .target-panel-card__text p, .process-panel__texts p, .about-app__tabs-content-box-texts p {
  margin: 0 0 24px 0;
}
.common-texts-styles b, .aktivace-panel-list__content b, .story-panel__texts b, .target-panel-card__text b, .process-panel__texts b, .about-app__tabs-content-box-texts b, .common-texts-styles strong, .aktivace-panel-list__content strong, .story-panel__texts strong, .target-panel-card__text strong, .process-panel__texts strong, .about-app__tabs-content-box-texts strong {
  font-weight: 600;
  color: #92278F;
}
.section-intro-header {
  background: #FAF4F9;
}

.intro-header {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  row-gap: 40px;
  padding: 40px 0;
}
@media (min-width: 991px) {
  .intro-header {
    justify-content: space-between;
  }
}
@media (min-width: 1200px) {
  .intro-header {
    padding: 70px 0;
  }
}
.intro-header__content {
  width: 100%;
  text-align: center;
}
@media (min-width: 991px) {
  .intro-header__content {
    width: 50%;
    text-align: left;
  }
}
.intro-header__title {
  margin: 0 0 26px 0;
}
@media (min-width: 1200px) {
  .intro-header__title {
    margin: 0 0 36px 0;
  }
}
.intro-header__text p {
  margin: 0 0 36px 0;
}
@media (min-width: 1200px) {
  .intro-header__text p {
    margin: 0 0 46px 0;
  }
}
.intro-header__text ul {
  margin: 0 0 30px 0;
  text-align: left;
}
@media (max-width: 990px) {
  .intro-header__text ul {
    display: table;
    margin: 0 auto 30px auto;
  }
}
@media (min-width: 1200px) {
  .intro-header__text ul {
    margin: 0 0 40px 0;
  }
}
.intro-header__list {
  margin: 0 0 30px 0;
  text-align: left;
}
@media (max-width: 990px) {
  .intro-header__list {
    display: table;
    margin: 0 auto 30px auto;
  }
}
@media (min-width: 1200px) {
  .intro-header__list {
    margin: 0 0 40px 0;
  }
}
.intro-header__image {
  display: flex;
  justify-content: center;
  min-width: 0;
  width: 100%;
  position: relative;
  max-width: 55rem;
}
@media (min-width: 768px) {
  .intro-header__image {
    min-height: 35rem;
    height: 100%;
    max-height: 100%;
  }
}
@media (min-width: 991px) {
  .intro-header__image {
    width: 50%;
    padding: 0 0 0 30px;
    justify-content: flex-end;
    min-height: unset;
  }
}
@media (min-width: 1200px) {
  .intro-header__image {
    padding: 0 0 0 60px;
  }
}
.intro-header__image .show-img {
  width: 100%;
  padding-top: 65%;
}
@media only screen and (min-width: 768px) {
  .intro-header__image .show-img {
    padding-top: 100%;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
  }
}
.intro-header__image .show-img .show-img-bg {
  position: absolute;
  top: 50%;
  right: 0;
  z-index: 3;
  transform: translateY(-50%);
  width: 100%;
  height: 100%;
  background-size: contain;
  background-position: center right;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 991px) {
  .intro-header__image .show-img .show-img-bg {
    max-width: 400px;
  }
}
@media only screen and (min-width: 1200px) {
  .intro-header__image .show-img .show-img-bg {
    max-height: 340px;
    max-width: 100%;
  }
}
.intro-header__image .show-img .show-img-win-frame {
  position: absolute;
  top: 41%;
  transform: translateY(-41%);
  z-index: 2;
  width: 100%;
  padding-top: 47.7%;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 0 6rem rgba(0, 0, 0, 0.25);
  right: 11.5%;
  max-width: 77%;
}
@media only screen and (min-width: 768px) {
  .intro-header__image .show-img .show-img-win-frame {
    top: 68px;
    transform: translateY(68px);
    padding-top: 264px;
    right: 64px;
    max-width: 421px;
  }
}
@media only screen and (min-width: 991px) {
  .intro-header__image .show-img .show-img-win-frame {
    top: 48%;
    transform: translateY(-47%);
    padding-top: 194px;
    right: 47px;
    max-width: 306px;
  }
}
@media only screen and (min-width: 1200px) {
  .intro-header__image .show-img .show-img-win-frame {
    top: 47%;
    transform: translateY(-46%);
    width: 100%;
    max-width: 422px;
    right: 64px;
    padding-top: 266px;
  }
}
.intro-header__image .show-img .show-img-win-simple {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.intro-header__image .show-img .show-img-win-web {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  animation: scrolling 20s infinite;
}

@keyframes scrolling {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-70%);
  }
  100% {
    transform: translateY(0);
  }
}
.section-intro-clients {
  position: relative;
  background: #FAF4F9;
}
.section-intro-clients::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 50%;
  background: #fff;
}
.section-intro-clients.background-color-purple::before {
  background: #FAF4F9;
}

.intro-clients {
  z-index: 2;
  position: relative;
  padding: 30px 10px 30px 10px;
  margin: 0 -10px;
}
@media (min-width: 768px) {
  .intro-clients {
    padding: 40px 30px;
    border-radius: 30px;
  }
}
@media (min-width: 991px) {
  .intro-clients {
    padding: 100px 50px 120px 50px;
    border-radius: 50px;
  }
}
.intro-clients__bg {
  z-index: 1;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 3000px;
  height: 100%;
  background-size: cover;
  background-position: left bottom;
  background-repeat: no-repeat;
  pointer-events: none;
}
.intro-clients__bg::before {
  z-index: 2;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #92278F;
  opacity: 0.9;
  border-radius: 50px 0 0 50px;
}
.intro-clients__title {
  z-index: 2;
  position: relative;
  margin: 0 0 25px 0;
  line-height: 1.1;
  font-size: 30px;
  font-family: "Exo 2", sans-serif;
  font-weight: 800;
  color: #fff;
  text-align: center;
}
@media (min-width: 991px) {
  .intro-clients__title {
    margin: 0 0 50px 0;
  }
}
.intro-clients__slider {
  z-index: 2;
  position: relative;
  padding: 0 46px;
}
@media (min-width: 768px) {
  .intro-clients__slider {
    padding: 0 60px;
  }
}

.intro-clients-slider-controls {
  z-index: 2;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 100%;
  pointer-events: none;
}
.intro-clients-slider-controls__prev, .intro-clients-slider-controls__next {
  cursor: pointer;
  position: relative;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background: none;
  text-decoration: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid #fff;
  pointer-events: all;
}
@media (min-width: 768px) {
  .intro-clients-slider-controls__prev, .intro-clients-slider-controls__next {
    width: 50px;
    height: 50px;
  }
}
.intro-clients-slider-controls__prev img, .intro-clients-slider-controls__next img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  width: 20px;
  height: 20px;
}
@media (min-width: 768px) {
  .intro-clients-slider-controls__prev img, .intro-clients-slider-controls__next img {
    width: 24px;
    height: 24px;
  }
}
.intro-clients-slider-controls__prev:hover, .intro-clients-slider-controls__next:hover {
  border-color: #25AAE1;
}
.intro-clients-slider-controls__prev:hover img, .intro-clients-slider-controls__next:hover img {
  filter: brightness(0) saturate(100%) invert(58%) sepia(36%) saturate(2304%) hue-rotate(164deg) brightness(96%) contrast(84%);
}
.intro-clients-slider-controls__prev {
  left: 0;
}
.intro-clients-slider-controls__prev img {
  transform: translate(-50%, -50%) rotate(180deg);
  left: 45%;
}
.intro-clients-slider-controls__next {
  right: 0;
}
.intro-clients-slider-controls__next img {
  left: 55%;
}

.intro-clients-slider .slick-list {
  overflow: hidden;
}
.intro-clients-slider__item {
  display: flex !important;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 0 20px;
}
.intro-clients-slider__item img {
  display: block;
  max-width: 100%;
  max-height: 92px;
}

.section-intro-nav {
  background: #fff;
}

.intro-nav {
  padding: 40px 0;
}
@media (min-width: 1200px) {
  .intro-nav {
    padding: 70px 0;
  }
}
.intro-nav__heading {
  max-width: 740px;
  margin: 0 auto 45px auto;
}
@media (min-width: 1200px) {
  .intro-nav__heading {
    margin: 0 auto 75px auto;
  }
}
.intro-nav__title {
  margin: 0 0 26px 0;
  text-align: center;
}
.intro-nav__text {
  margin: 0;
  text-align: center;
}
.intro-nav__text p {
  margin: 0;
}
.intro-nav__grid {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  width: 100%;
  max-width: 840px;
}
@media (min-width: 1200px) {
  .intro-nav__grid {
    max-width: 1000px;
  }
}
.intro-nav__grid-item {
  width: 50%;
  border-right: 1px solid #92278F;
  border-bottom: 1px solid #92278F;
}
@media (min-width: 991px) {
  .intro-nav__grid-item {
    width: 33.33%;
  }
}
.intro-nav__grid-item:nth-child(2n) {
  border-right: none;
}
@media (min-width: 991px) {
  .intro-nav__grid-item:nth-child(2n) {
    border-right: 1px solid #92278F;
  }
  .intro-nav__grid-item:nth-child(3n) {
    border-right: none;
  }
}
.intro-nav__grid-item:nth-last-child(-n+2) {
  border-bottom: none;
}
@media (min-width: 991px) {
  .intro-nav__grid-item:nth-last-child(-n+3) {
    border-bottom: none;
  }
}
.intro-nav__link {
  cursor: pointer;
  position: relative;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background: none;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 20px 15px;
  color: #25AAE1;
}
@media (min-width: 768px) {
  .intro-nav__link {
    align-items: flex-start;
    justify-content: flex-start;
    padding: 25px 0 25px 20px;
  }
}
@media (min-width: 1200px) {
  .intro-nav__link {
    gap: 20px;
    padding: 50px 0 50px 40px;
  }
}
.intro-nav__link:hover {
  color: #92278F;
}
.intro-nav__link:hover .intro-nav__link-title {
  gap: 10px;
}
.intro-nav__link:hover .intro-nav__link-title img {
  filter: brightness(0) saturate(100%) invert(17%) sepia(31%) saturate(6592%) hue-rotate(286deg) brightness(101%) contrast(87%);
}
.intro-nav__link-ico {
  height: 40px;
}
@media (min-width: 768px) {
  .intro-nav__link-ico {
    height: 52px;
  }
}
.intro-nav__link-ico img {
  display: block;
  max-height: 100%;
}
.intro-nav__link-title {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0;
  line-height: 1.1;
  font-size: 18px;
  font-family: "Exo 2", sans-serif;
  font-weight: 800;
  color: inherit;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
  transition: gap 0.3s;
  text-align: center;
}
@media (min-width: 768px) {
  .intro-nav__link-title {
    font-size: 20px;
    text-align: left;
  }
}
@media (min-width: 1200px) {
  .intro-nav__link-title {
    font-size: 24px;
    gap: 18px;
  }
}
.intro-nav__link-title img {
  display: block;
  width: 18px;
  height: 18px;
  transform: translateY(2px);
}
@media (max-width: 767px) {
  .intro-nav__link-title img {
    display: none;
  }
}

.section-phones-panel {
  position: relative;
  padding: 40px 0;
  background: #FAF4F9;
}
@media (min-width: 1200px) {
  .section-phones-panel {
    padding: 70px 0;
  }
}
.section-phones-panel::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background: #fff;
}
.section-phones-panel--inverted-bg {
  background: #fff;
}
.section-phones-panel--inverted-bg::before {
  background: #FAF4F9;
}

.phones-panel {
  z-index: 2;
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  border-radius: 0 50px 0 50px;
  position: relative;
  background: #fff;
}
.phones-panel__bg {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center bottom;
  background-repeat: no-repeat;
  border-radius: 0 50px 0 50px;
}
.phones-panel__bg::before {
  z-index: 2;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #92278F;
  opacity: 0.9;
  border-radius: 0 50px 0 50px;
}
.phones-panel__img {
  z-index: 3;
  position: relative;
  width: 100%;
  padding: 0 30px;
}
@media (min-width: 768px) {
  .phones-panel__img {
    width: 50%;
    padding: 0 30px 0 20px;
  }
}
@media (min-width: 991px) {
  .phones-panel__img {
    padding: 0 60px 0 30px;
  }
}
.phones-panel__img img {
  display: block;
  max-width: 100%;
  margin: -50px 0 0 0;
}
@media (min-width: 768px) {
  .phones-panel__img img {
    margin: -90px 0;
  }
}
.phones-panel__content {
  z-index: 3;
  position: relative;
  width: 100%;
  padding: 15px 30px 30px 30px;
  text-align: center;
}
@media (min-width: 768px) {
  .phones-panel__content {
    padding: 40px 50px 40px 0;
    text-align: left;
  }
}
@media (min-width: 768px) {
  .phones-panel__content {
    width: 50%;
  }
}
@media (min-width: 1200px) {
  .phones-panel__content {
    padding: 60px 90px 60px 0;
  }
}
.phones-panel__title {
  margin: 0 0 20px 0;
  line-height: 1.2;
  font-size: 30px;
  font-family: "Exo 2", sans-serif;
  font-weight: 800;
  color: #fff;
}
.phones-panel__text {
  color: #fff;
}
.phones-panel__text b, .phones-panel__text strong {
  color: inherit;
}
.phones-panel__text p {
  margin: 0 0 25px 0;
}
@media (min-width: 768px) {
  .phones-panel__text p {
    margin: 0 0 34px 0;
  }
}
.phones-panel__text a:hover {
  color: #25AAE1 !important;
  text-decoration: none;
}

.section-about-app {
  background: #FAF4F9;
}

.about-app {
  padding: 40px 0;
}
@media (min-width: 1200px) {
  .about-app {
    padding: 100px 0;
  }
}
.about-app__heading {
  max-width: 740px;
  margin: 0 auto 60px auto;
}
.about-app__title {
  margin: 0 0 26px 0;
  text-align: center;
}
.about-app__text {
  margin: 0;
  text-align: center;
}
.about-app__text p {
  margin: 0;
}
.about-app__tabs {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  gap: 60px;
  overflow: hidden;
  border-bottom-left-radius: 30px;
}
@media (min-width: 1200px) {
  .about-app__tabs {
    gap: 85px;
  }
}
.about-app__tabs-nav {
  display: flex;
  flex-direction: column;
  width: 280px;
}
@media (max-width: 767px) {
  .about-app__tabs-nav {
    display: none;
  }
}
@media (min-width: 1200px) {
  .about-app__tabs-nav {
    width: 330px;
  }
}
.about-app__tabs-btn {
  cursor: pointer;
  position: relative;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background: none;
  text-decoration: none;
  position: relative;
  display: flex;
  align-items: center;
  gap: 28px;
  width: 100%;
  height: 80px;
  padding: 0 0 0 48px;
  border-left: 0px solid transparent;
  background: #fff;
  line-height: 1.1;
  font-size: 18px;
  font-family: "Exo 2", sans-serif;
  font-weight: 700;
  color: #262262;
}
@media (min-width: 768px) {
  .about-app__tabs-btn {
    height: 100px;
  }
}
@media (min-width: 768px) {
  .about-app__tabs-btn--mobile {
    display: none;
  }
}
.about-app__tabs-btn:first-child {
  border-top-right-radius: 30px;
}
.about-app__tabs-btn:last-child, .about-app__tabs-btn--last {
  border-bottom-left-radius: 30px;
}
@media (max-width: 767px) {
  .about-app__tabs-btn:last-child, .about-app__tabs-btn--last {
    overflow: clip;
  }
}
.about-app__tabs-btn:last-child::before, .about-app__tabs-btn--last::before {
  display: none;
}
.about-app__tabs-btn:hover {
  color: #92278F;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
}
.about-app__tabs-btn:focus-visible {
  outline: none;
  box-shadow: inset 0 0 0 5px rgba(146, 39, 143, 0.4);
}
.about-app__tabs-btn span::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 12px;
  height: 100%;
  background: #92278F;
}
.about-app__tabs-btn::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #E4C9E3;
}
.about-app__tabs-btn.selected {
  background: #E4C9E3;
  color: #92278F;
}
.about-app__tabs-btn.selected::after {
  content: "";
  position: absolute;
  top: 50%;
  left: calc(100% + 9px);
  transform: translateY(-50%);
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-left: 12px solid #92278F;
}
.about-app__tabs-container {
  flex: 1;
}
.about-app__tabs-content-box {
  padding: 30px 0;
}
@media (min-width: 768px) {
  .about-app__tabs-content-box {
    padding: 0;
  }
}
.about-app__tabs-content-box-title {
  margin: 0 0 20px 0;
  line-height: 1.2;
  font-size: 24px;
  font-family: "Exo 2", sans-serif;
  font-weight: 700;
  color: #262262;
}
@media (min-width: 768px) {
  .about-app__tabs-content-box-title {
    margin: 0 0 30px 0;
    padding: 30px 0 0 0;
    font-size: 30px;
  }
}
.about-app__tabs-content-box-texts {
  margin: 0 0 30px 0;
}
@media (min-width: 768px) {
  .about-app__tabs-content-box-texts {
    margin: 0 0 40px 0;
  }
}
.section-process-panel {
  background: #fff;
}

.process-panel {
  padding: 40px 0;
}
@media (min-width: 991px) {
  .process-panel {
    padding: 80px 0;
  }
}
.process-panel__heading {
  max-width: 740px;
  margin: 0 auto 40px auto;
}
@media (min-width: 991px) {
  .process-panel__heading {
    margin: 0 auto 50px auto;
  }
}
.process-panel__title {
  margin: 0 0 26px 0;
  text-align: center;
}
.process-panel__text {
  margin: 0;
  text-align: center;
}
.process-panel__text p {
  margin: 0;
}
.process-panel__texts {
  margin: 0;
}
.process-panel__texts h2, .process-panel__texts h3, .process-panel__texts h4, .process-panel__texts h5, .process-panel__texts h6 {
  margin: 0 0 20px 0;
  font-size: 26px;
  font-family: "Exo 2", sans-serif;
  font-weight: 800;
  line-height: 1.2;
}
@media (min-width: 991px) {
  .process-panel__texts h2, .process-panel__texts h3, .process-panel__texts h4, .process-panel__texts h5, .process-panel__texts h6 {
    margin: 0 0 26px 0;
    font-size: 30px;
  }
}
.process-panel__texts img {
  display: block;
  max-width: 100%;
  margin: 0 auto 20px auto;
}
.process-panel__texts a {
  color: #25AAE1;
}
.process-panel__texts a:hover {
  color: #92278F;
}
.process-panel__button-container {
  display: flex;
  justify-content: center;
}
.process-panel__list {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  row-gap: 10px;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto 40px auto;
}
@media (min-width: 768px) {
  .process-panel__list {
    row-gap: 85px;
    margin: 0 auto 50px auto;
    padding: 25px 0 200px 0;
  }
  .process-panel__list::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 5px;
    height: 100%;
    background: #262262;
    z-index: 1;
    border-radius: 3px;
  }
}
.process-panel__item {
  position: relative;
  z-index: 2;
  width: 100%;
}
@media (min-width: 768px) {
  .process-panel__item {
    width: calc(50% - 55px);
  }
}
.process-panel__item .process-panel-card {
  opacity: 0;
  transition: 0.4s;
}
.process-panel__item.visible .process-panel-card {
  opacity: 1;
}
.process-panel__item .process-panel-card {
  border-radius: 30px 0 30px 0;
}
.process-panel__item .process-panel-card__dot {
  right: -85px;
}
@media (min-width: 768px) {
  .process-panel__item:nth-child(2n) {
    transform: translateY(175px);
  }
}
.process-panel__item:nth-child(2n) .process-panel-card {
  border-radius: 0 30px 0 30px;
}
.process-panel__item:nth-child(2n) .process-panel-card__dot {
  right: unset;
  left: -85px;
}

.process-panel-card {
  z-index: 2;
  position: relative;
  padding: 30px;
  background: #FAF4F9;
}
@media (min-width: 768px) {
  .process-panel-card {
    padding: 34px 40px;
  }
}
.process-panel-card__title {
  margin: 0 0 10px 0;
  line-height: 1.2;
  font-size: 18px;
  font-family: "Exo 2", sans-serif;
  font-weight: 800;
  color: #262262;
}
.process-panel-card__text {
  margin: 0;
}
.process-panel-card__dot {
  z-index: 10;
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 60px;
  height: 60px;
  background: rgba(146, 39, 143, 0.5019607843);
  border-radius: 50%;
}
@media (max-width: 767px) {
  .process-panel-card__dot {
    display: none;
  }
}
.process-panel-card__dot::before {
  z-index: 11;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 40px;
  height: 40px;
  background: #92278F;
  border-radius: 50%;
}
.process-panel-card__dot::after {
  z-index: 12;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 14px;
  height: 14px;
  background: #fff;
  border-radius: 50%;
}

.section-target-panel {
  position: relative;
  background: #fff;
}
.section-target-panel__bg {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center bottom;
  background-repeat: no-repeat;
}
.section-target-panel__bg::before {
  z-index: 2;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #92278F;
  opacity: 0.9;
}

.target-panel {
  z-index: 3;
  position: relative;
  padding: 40px 0;
}
@media (min-width: 991px) {
  .target-panel {
    padding: 80px 0;
  }
}
.target-panel__title {
  margin: 0 0 40px 0;
  color: #fff;
  text-align: center;
}
@media (min-width: 768px) {
  .target-panel__title {
    margin: 0 0 30px 0;
  }
}
@media (min-width: 991px) {
  .target-panel__title {
    margin: 0 0 70px 0;
  }
}
.target-panel__button-container {
  display: flex;
  justify-content: center;
  padding: 30px 0 0 0;
}
@media (min-width: 991px) {
  .target-panel__button-container {
    padding: 60px 0 0 0;
  }
}
.target-panel__list {
  display: flex;
  flex-direction: column;
  gap: 40px;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}
@media (min-width: 991px) {
  .target-panel__list {
    gap: 50px;
  }
}
@media (min-width: 768px) {
  .target-panel__item:nth-child(2n) .target-panel-card {
    flex-direction: row-reverse;
  }
}
.target-panel__item:nth-child(2n) .target-panel-card__image {
  border-radius: 0 30px 0 30px;
}
@media (min-width: 768px) {
  .target-panel__item:nth-child(2n) .target-panel-card__image::after {
    content: "";
    position: absolute;
    top: 50%;
    right: calc(100% + 9px);
    left: unset;
    transform: translateY(-50%);
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 12px solid #262262;
    border-left: none;
  }
}
.target-panel__item:nth-child(2n) .target-panel-card__content {
  border-radius: 30px 0 30px 0;
}

.target-panel-card {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  flex-direction: column;
  column-gap: 40px;
  row-gap: 10px;
}
@media (min-width: 768px) {
  .target-panel-card {
    flex-direction: row;
  }
}
@media (min-width: 991px) {
  .target-panel-card {
    column-gap: 70px;
  }
}
.target-panel-card__image {
  position: relative;
  width: 210px;
  height: 210px;
  background: #262262;
  border-radius: 30px 0 30px 0;
}
@media (min-width: 768px) {
  .target-panel-card__image::after {
    content: "";
    position: absolute;
    top: 50%;
    left: calc(100% + 9px);
    transform: translateY(-50%);
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 12px solid #262262;
  }
}
.target-panel-card__image img {
  display: block;
  max-width: 100%;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.target-panel-card__content {
  flex: 1;
  padding: 30px 30px;
  background: #fff;
  border-radius: 0 30px 0 30px;
}
@media (min-width: 991px) {
  .target-panel-card__content {
    padding: 30px 50px;
  }
}
.target-panel-card__title {
  margin: 0 0 12px 0;
  line-height: 1.2;
  font-size: 24px;
  font-family: "Exo 2", sans-serif;
  font-weight: 700;
  color: #262262;
}
.target-panel-card__title b, .target-panel-card__title strong {
  font-weight: 700;
  color: #92278F;
}
.target-panel-card__text {
  margin: 0;
}
.target-panel-card__text p {
  margin: 0;
}

.section-reference-panel {
  background: #fff;
}

.reference-panel {
  padding: 40px 0;
}
@media (min-width: 991px) {
  .reference-panel {
    padding: 80px 0;
  }
}
.reference-panel__heading {
  max-width: 740px;
  margin: 0 auto 70px auto;
}
@media (min-width: 768px) {
  .reference-panel__heading {
    padding: 0 80px;
    margin: 0 auto 50px auto;
  }
}
.reference-panel__title {
  margin: 0 0 26px 0;
  text-align: center;
}
.reference-panel__text {
  margin: 0;
  text-align: center;
}
.reference-panel__text p {
  margin: 0;
}
.reference-panel__slider {
  position: relative;
}

.reference-panel-slider-controls {
  z-index: 2;
  position: absolute;
  top: -40px;
  left: 0;
  width: 100%;
  pointer-events: none;
}
@media (min-width: 768px) {
  .reference-panel-slider-controls {
    top: -75px;
  }
}
.reference-panel-slider-controls__prev, .reference-panel-slider-controls__next {
  cursor: pointer;
  position: relative;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background: none;
  text-decoration: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid #92278F;
  pointer-events: all;
}
@media (min-width: 991px) {
  .reference-panel-slider-controls__prev, .reference-panel-slider-controls__next {
    width: 50px;
    height: 50px;
  }
}
.reference-panel-slider-controls__prev img, .reference-panel-slider-controls__next img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  width: 20px;
  height: 20px;
}
@media (min-width: 991px) {
  .reference-panel-slider-controls__prev img, .reference-panel-slider-controls__next img {
    width: 24px;
    height: 24px;
  }
}
.reference-panel-slider-controls__prev:hover, .reference-panel-slider-controls__next:hover {
  border-color: #25AAE1;
}
.reference-panel-slider-controls__prev:hover img, .reference-panel-slider-controls__next:hover img {
  filter: brightness(0) saturate(100%) invert(58%) sepia(36%) saturate(2304%) hue-rotate(164deg) brightness(96%) contrast(84%);
}
.reference-panel-slider-controls__prev {
  left: 0;
}
.reference-panel-slider-controls__prev img {
  transform: translate(-50%, -50%) rotate(180deg);
  left: 45%;
}
.reference-panel-slider-controls__next {
  right: 0;
}
.reference-panel-slider-controls__next img {
  left: 55%;
}

.reference-panel-slider {
  width: calc(100% + 30px);
  margin: 0 -15px;
}
.reference-panel-slider .slick-list {
  overflow: hidden;
}
.reference-panel-slider__item {
  display: flex !important;
  height: 100%;
  padding: 0 15px;
}

.reference-card {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 30px;
  background: #FAF4F9;
  border-radius: 0 30px 0 30px;
}
@media (min-width: 768px) {
  .reference-card {
    padding: 30px 40px;
  }
}
@media (min-width: 1200px) {
  .reference-card {
    padding: 40px 60px;
  }
}
.reference-card__icon {
  margin: 0 0 20px 0;
}
@media (min-width: 1200px) {
  .reference-card__icon {
    margin: 0 0 28px 0;
  }
}
.reference-card__icon img {
  display: block;
  width: 50px;
  height: 50px;
}
.reference-card__content {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 30px;
  justify-content: space-between;
}
.reference-card__footer {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  row-gap: 20px;
}
@media (min-width: 768px) {
  .reference-card__footer {
    flex-direction: row;
    align-items: center;
  }
}
.reference-card__text.show-all p {
  -webkit-line-clamp: unset;
}
.reference-card__text.show-all .less {
  display: block;
}
.reference-card__text.show-all .more {
  display: none;
}
.reference-card__text p {
  margin: 0;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  transition: height 0.3s ease-out;
}
.reference-card__name {
  margin: 0;
  font-size: 18px;
  font-family: "Exo 2", sans-serif;
  font-weight: 800;
  color: #262262;
  line-height: 1.2;
}
.reference-card__position {
  margin: 6px 0 0 0;
  font-size: 18px;
  font-family: "Exo 2", sans-serif;
  font-weight: 300;
  color: #262262;
  line-height: 1.2;
}
.reference-card__footer-logo img {
  display: block;
  max-width: 160px;
  max-height: 50px;
}
@media (min-width: 1200px) {
  .reference-card__footer-logo img {
    max-width: 210px;
  }
}

.section-story-panel {
  background: #FAF4F9;
}

.story-panel {
  padding: 40px 0;
}
@media (min-width: 768px) {
  .story-panel {
    padding: 80px 0;
  }
}
.story-panel__title {
  margin: 0 0 30px 0;
  text-align: center;
}
@media (min-width: 768px) {
  .story-panel__title {
    margin: 0 0 46px 0;
  }
}
.story-panel__grid {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 30px;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .story-panel__grid {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
  }
}
.story-panel__image {
  display: flex;
  justify-content: center;
  min-width: 0;
}
@media (min-width: 768px) {
  .story-panel__image {
    flex: 1;
  }
}
.story-panel__image img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 30px;
}
.story-panel__content {
  min-width: 0;
}
@media (min-width: 768px) {
  .story-panel__content {
    flex: 1;
  }
}
.story-panel__icon {
  margin: 0 0 20px 0;
}
.story-panel__icon img {
  display: block;
  width: 50px;
  height: 50px;
}
.story-panel__texts {
  margin: 0;
}
.story-panel__footer {
  margin: 40px 0 0 0;
}
.story-panel__footer img {
  display: block;
  max-width: 180px;
  max-height: 50px;
  margin: 25px 0 0 0;
}
.story-panel__name {
  margin: 0;
  font-size: 18px;
  font-family: "Exo 2", sans-serif;
  font-weight: 800;
  color: #262262;
  line-height: 1.2;
}
.story-panel__position {
  margin: 6px 0 0 0;
  font-size: 18px;
  font-family: "Exo 2", sans-serif;
  font-weight: 300;
  color: #262262;
  line-height: 1.2;
}

.footer {
  position: relative;
  background: #fff;
}
.footer__bg {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center bottom;
  background-repeat: no-repeat;
}
.footer__bg::before {
  z-index: 2;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #92278F;
  opacity: 0.9;
}
.footer__form {
  z-index: 3;
  position: relative;
  padding: 40px 0;
}
@media (min-width: 991px) {
  .footer__form {
    padding: 70px 0;
  }
}
.footer__form-grid {
  display: flex;
  flex-direction: column;
  column-gap: 60px;
  row-gap: 40px;
}
@media (min-width: 991px) {
  .footer__form-grid {
    flex-direction: row;
  }
}
@media (min-width: 1200px) {
  .footer__form-grid {
    column-gap: 80px;
  }
}
@media (min-width: 1460px) {
  .footer__form-grid {
    column-gap: 100px;
  }
}
.footer__form-right {
  min-width: 0;
}
@media (min-width: 991px) {
  .footer__form-right {
    flex: 1.6;
  }
}
@media (min-width: 1200px) {
  .footer__form-right {
    flex: 1.2;
  }
}
@media (min-width: 1460px) {
  .footer__form-right {
    flex: 1;
  }
}
.footer__form-left {
  min-width: 0;
}
@media (min-width: 991px) {
  .footer__form-left {
    flex: 1;
  }
}
.footer__coop {
  z-index: 3;
  position: relative;
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}
.footer__title {
  margin: 0 0 20px 0;
  font-size: 26px;
  font-family: "Exo 2", sans-serif;
  font-weight: 800;
  color: #fff;
  line-height: 1.2;
}
@media (min-width: 991px) {
  .footer__title {
    margin: 0 0 26px 0;
    font-size: 30px;
  }
}
.footer h2, .footer h3, .footer h4, .footer h5, .footer h6 {
  margin: 0 0 20px 0;
  font-size: 26px;
  font-family: "Exo 2", sans-serif;
  font-weight: 800;
  color: #fff;
  line-height: 1.2;
}
@media (min-width: 991px) {
  .footer h2, .footer h3, .footer h4, .footer h5, .footer h6 {
    margin: 0 0 26px 0;
    font-size: 30px;
  }
}
.footer__texts {
  margin: 0 0 30px 0;
  color: #fff;
}
@media (min-width: 991px) {
  .footer__texts {
    margin: 0 0 46px 0;
  }
}
.footer__texts b, .footer__texts strong {
  font-weight: 600;
  color: inherit;
}
.footer__texts a:not(.btn-primary) {
  color: #25AAE1;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
}
.footer__texts a:not(.btn-primary):hover {
  color: #fff;
}
.footer__texts a:not(.btn-primary) b, .footer__texts a:not(.btn-primary) strong {
  font-weight: 700;
  color: inherit;
}
.footer__texts p {
  margin: 0 0 5px 0;
}
.footer__texts--custom p {
  margin: 0 0 30px 0;
}
@media (min-width: 991px) {
  .footer__texts--custom p {
    margin: 0 0 46px 0;
  }
}
.footer__content {
  z-index: 3;
  position: relative;
  padding: 40px 0;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 0px;
}
@media (min-width: 991px) {
  .footer__content {
    flex-direction: row;
    gap: 80px;
    padding: 70px 0;
  }
}
@media (min-width: 1460px) {
  .footer__content {
    gap: 120px;
  }
}
.footer__left {
  min-width: 0;
  flex: 1;
}
.footer__center {
  min-width: 0;
  flex: 1;
}
.footer__right {
  min-width: 0;
  flex: 1;
}
.footer__contact {
  display: flex;
  flex-wrap: wrap;
}
.footer__contact > span {
  width: 100px;
}
.footer__bottom {
  z-index: 3;
  position: relative;
  border-top: 1px solid rgba(255, 255, 255, 0.25);
}
.footer__bottom-container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  column-gap: 40px;
  row-gap: 15px;
  padding: 16px 0;
}
.footer__copy {
  font-size: 16px;
  font-family: "Exo 2", sans-serif;
  font-weight: 300;
  color: #fff;
  line-height: 1.2;
}
.footer__developed {
  display: flex;
  align-items: center;
  gap: 7px;
  font-size: 16px;
  font-family: "Exo 2", sans-serif;
  font-weight: 300;
  color: #fff;
  line-height: 1.2;
}
.footer__developed img {
  display: block;
  height: 16px;
}

.footer-coop {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 40px 0;
}
@media (min-width: 991px) {
  .footer-coop {
    padding: 60px 0;
  }
}
.footer-coop__logos {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 40px;
}
.footer-coop__logos a {
  cursor: pointer;
  position: relative;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background: none;
  text-decoration: none;
}
.footer-coop__logos a img {
  display: block;
  max-width: 120px;
  max-height: 50px;
}
@media (min-width: 991px) {
  .footer-coop__logos a img {
    max-width: 150px;
    max-height: 90px;
  }
}

.tooltip {
  position: relative;
  display: inline-block;
}
.tooltip__info-icon {
  display: inline-grid;
  place-items: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #262262;
  color: #fff;
  font-weight: 700;
  font-size: 12px;
  border: 1px solid rgba(11, 59, 116, 0.12);
  cursor: pointer;
  outline: none;
}
.tooltip__info-icon:focus {
  box-shadow: 0 0 0 4px rgba(11, 59, 116, 0.12);
}
.tooltip__bubble {
  opacity: 0;
  pointer-events: none;
  transform: translateX(-50%) translateY(6px) scale(0.96);
  transition: opacity 150ms ease, transform 150ms ease;
  position: absolute;
  left: 50%;
  bottom: calc(100% + 8px);
  width: 220px;
  background: #111;
  color: #fff;
  padding: 10px 20px;
  border-radius: 8px;
  z-index: 10;
  text-align: center;
  line-height: 1.5;
  font-size: 14px;
  font-family: "Exo 2", sans-serif;
  font-weight: 300;
  color: #fff;
}
.tooltip[data-visible=true] .tooltip__bubble {
  opacity: 1;
  pointer-events: auto;
  transform: translateX(-50%) translateY(0) scale(1);
}

.page-header {
  padding: 40px 0;
}
@media (min-width: 1200px) {
  .page-header {
    padding: 60px 0;
  }
}
.page-header__title {
  margin: 0;
  text-align: center;
}

.section-form-nav {
  position: relative;
  padding: 0;
  background: #FAF4F9;
}

.form-nav {
  z-index: 2;
  position: relative;
  width: 100%;
  max-width: 1000px;
  padding: 30px;
  margin: 0 auto;
  text-align: center;
  background: #92278F;
  border-radius: 0 50px 0 50px;
}
@media (min-width: 768px) {
  .form-nav {
    padding: 40px 50px;
  }
}
@media (min-width: 991px) {
  .form-nav {
    padding: 50px 80px;
  }
}
.form-nav__text {
  margin: 0 0 25px 0;
  color: #fff;
}
@media (min-width: 768px) {
  .form-nav__text {
    margin: 0 0 34px 0;
  }
}
.form-nav__text b, .form-nav__text strong {
  color: inherit;
}
.form-nav__text a:not(.btn-primary) {
  color: #25AAE1;
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-thickness: 1px;
}
.form-nav__text a:not(.btn-primary):hover {
  color: inherit;
}
.form-nav__text p {
  margin: 0;
}
.form-nav__button-container {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
  align-items: center;
}

.toggler-container, .acf-switch {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  width: 100px;
  height: 30px;
  background: #fff !important;
  border-radius: 4px !important;
  border: 1px solid rgba(0, 0, 0, 0.2) !important;
}
.toggler-container__label, .toggler-container .acf-switch-on, .toggler-container .acf-switch-off, .acf-switch__label, .acf-switch .acf-switch-on, .acf-switch .acf-switch-off {
  min-width: 0;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px !important;
  font-family: "Exo 2", sans-serif !important;
  font-weight: 700 !important;
  color: #262262 !important;
}
.toggler-container__switch, .acf-switch__switch {
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.toggler-container .acf-switch-slider, .acf-switch .acf-switch-slider {
  width: 48px;
  height: 24px;
  background: #fff;
  transition: left 0.3s;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.2) !important;
}

.toggler {
  position: relative;
  display: block;
  width: 100px;
  height: 30px;
  cursor: pointer;
}
.toggler input {
  opacity: 0;
}
.toggler input:checked + label:before {
  left: 2px;
  background: #fff;
}
.toggler label {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: transparent;
  border-radius: 0;
  cursor: pointer;
}
.toggler label:before {
  content: "";
  display: block;
  position: absolute;
  z-index: 2;
  top: 2px;
  left: 48px;
  width: 48px;
  height: 24px;
  border-radius: 0;
  background: #fff;
  transition: left 0.3s;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.2);
}

.section-form-panel {
  background: #FAF4F9;
}

.hide-title .acf-label {
  display: none;
}
.hide-title .acf-input {
  margin: 0 0 20px 0;
}

.acf-fields > .acf-field {
  border: none !important;
  padding: 0 !important;
}
.acf-fields > .acf-field .button-full {
  width: 100%;
}

.af-field-type-group {
  margin: 0 0 40px 0 !important;
}

.acf-field-true-false .acf-label {
  display: none;
}
.acf-field-true-false .acf-input .acf-true-false label {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}
.acf-field-true-false .acf-input .acf-true-false label .message {
  display: block;
  line-height: 1.3;
  font-family: "Exo 2", sans-serif;
  color: #000;
  font-size: 16px;
  margin: 0 !important;
  padding: 0 0 5px 0 !important;
}
.acf-field-true-false .acf-input .acf-true-false label .message a {
  color: #25AAE1;
  text-decoration: underline;
  text-underline-offset: 2px;
  text-decoration-thickness: 1px;
}
.acf-field-true-false .acf-input .acf-true-false label .message a:hover {
  color: #92278F;
}

.form-panel {
  display: flex;
  flex-direction: column;
  row-gap: 40px;
  margin: 0 auto;
  width: 100%;
  max-width: 1000px;
  padding: 40px 0;
}
@media (min-width: 991px) {
  .form-panel {
    padding: 80px 0;
  }
}
.form-panel__group-title, .form-panel .af-label > label {
  margin: 0 0 20px 0 !important;
  font-size: 26px !important;
  font-family: "Exo 2", sans-serif;
  font-weight: 800 !important;
  color: #262262 !important;
  line-height: 1.2;
  text-align: center;
}
@media (min-width: 991px) {
  .form-panel__group-title, .form-panel .af-label > label {
    margin: 0 0 26px 0;
    font-size: 30px !important;
  }
}
.form-panel__footer {
  display: flex;
  justify-content: center;
  padding: 0 !important;
}
.form-panel .acf-form-submit {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 !important;
}
.form-panel .acf-form-submit .acf-button {
  margin: 0 1rem;
}
.form-box, .af-input {
  padding: 30px;
  background: #fff;
  border-radius: 30px;
}
@media (min-width: 768px) {
  .form-box, .af-input {
    padding: 40px 50px;
    border-radius: 50px;
  }
}
@media (min-width: 991px) {
  .form-box, .af-input {
    padding: 50px 60px;
  }
}
.form-box .acf-fields.-border, .af-input .acf-fields.-border {
  border: none !important;
}
.form-box__para, .af-input__para {
  margin: 0 0 20px 0;
}
.form-box__button-container, .af-input__button-container {
  display: flex;
  justify-content: center;
}

.form-caption, .acf-field-message label {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 30px 0 !important;
  padding: 0;
  line-height: 1.3;
  font-size: 20px;
  font-family: "Exo 2", sans-serif;
  font-weight: 700 !important;
  color: #000;
}
@media (min-width: 768px) {
  .form-caption, .acf-field-message label {
    font-size: 24px;
  }
}
.form-caption .tooltip__info-icon, .acf-field-message label .tooltip__info-icon {
  transform: translateY(-4px);
}

.mr-10 .acf-input {
  margin-right: 10px !important;
}

.acf-field-text, .acf-field-email {
  margin: 0 0 15px 0 !important;
  min-height: unset !important;
}

.btn-text {
  cursor: pointer;
  position: relative;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background: none;
  text-decoration: none;
  color: #262262;
  font-size: 16px !important;
  font-weight: 700 !important;
}
.btn-text .tooltip__info-icon {
  transform: translateY(-3px);
}

.acf-input-wrap {
  overflow: unset !important;
}

.form-field:not(.table-input), .footer-form .form-field-row p:not(.table-input), .acf-field-email:not(.table-input), .acf-field-repeater:not(.table-input), .acf-field-text:not(.table-input), .acf-field-textarea:not(.table-input), .acf-field-date-time-picker:not(.table-input) {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.form-field__label-bottom, .form-field__label,
.form-field .acf-label label,
.footer-form .form-field-row p .acf-label label, .acf-field-email__label-bottom, .acf-field-email__label,
.acf-field-email .acf-label label, .acf-field-repeater__label-bottom, .acf-field-repeater__label,
.acf-field-repeater .acf-label label, .acf-field-text__label-bottom, .acf-field-text__label,
.acf-field-text .acf-label label, .acf-field-textarea__label-bottom, .acf-field-textarea__label,
.acf-field-textarea .acf-label label, .acf-field-date-time-picker__label-bottom, .acf-field-date-time-picker__label,
.acf-field-date-time-picker .acf-label label {
  display: block;
  line-height: 1.3;
  font-family: "Exo 2", sans-serif;
  color: #000;
}
.form-field__label-bottom a, .form-field__label a,
.form-field .acf-label label a,
.footer-form .form-field-row p .acf-label label a, .acf-field-email__label-bottom a, .acf-field-email__label a,
.acf-field-email .acf-label label a, .acf-field-repeater__label-bottom a, .acf-field-repeater__label a,
.acf-field-repeater .acf-label label a, .acf-field-text__label-bottom a, .acf-field-text__label a,
.acf-field-text .acf-label label a, .acf-field-textarea__label-bottom a, .acf-field-textarea__label a,
.acf-field-textarea .acf-label label a, .acf-field-date-time-picker__label-bottom a, .acf-field-date-time-picker__label a,
.acf-field-date-time-picker .acf-label label a {
  color: #25AAE1;
  text-decoration: underline;
  text-underline-offset: 2px;
  text-decoration-thickness: 1px;
}
.form-field__label-bottom a:hover, .form-field__label a:hover,
.form-field .acf-label label a:hover,
.footer-form .form-field-row p .acf-label label a:hover, .acf-field-email__label-bottom a:hover, .acf-field-email__label a:hover,
.acf-field-email .acf-label label a:hover, .acf-field-repeater__label-bottom a:hover, .acf-field-repeater__label a:hover,
.acf-field-repeater .acf-label label a:hover, .acf-field-text__label-bottom a:hover, .acf-field-text__label a:hover,
.acf-field-text .acf-label label a:hover, .acf-field-textarea__label-bottom a:hover, .acf-field-textarea__label a:hover,
.acf-field-textarea .acf-label label a:hover, .acf-field-date-time-picker__label-bottom a:hover, .acf-field-date-time-picker__label a:hover,
.acf-field-date-time-picker .acf-label label a:hover {
  color: #92278F;
}
.form-field .acf-label, .footer-form .form-field-row p .acf-label, .acf-field-email .acf-label, .acf-field-repeater .acf-label, .acf-field-text .acf-label, .acf-field-textarea .acf-label, .acf-field-date-time-picker .acf-label {
  margin: 0 !important;
}
.form-field__label, .form-field .acf-label label, .footer-form .form-field-row p .acf-label label, .acf-field-email__label, .acf-field-email .acf-label label, .acf-field-repeater__label, .acf-field-repeater .acf-label label, .acf-field-text__label, .acf-field-text .acf-label label, .acf-field-textarea__label, .acf-field-textarea .acf-label label, .acf-field-date-time-picker__label, .acf-field-date-time-picker .acf-label label {
  margin: 0 !important;
  padding: 0;
  font-size: 16px !important;
  font-weight: 700 !important;
}
@media (min-width: 768px) {
  .form-field__label, .form-field .acf-label label, .footer-form .form-field-row p .acf-label label, .acf-field-email__label, .acf-field-email .acf-label label, .acf-field-repeater__label, .acf-field-repeater .acf-label label, .acf-field-text__label, .acf-field-text .acf-label label, .acf-field-textarea__label, .acf-field-textarea .acf-label label, .acf-field-date-time-picker__label, .acf-field-date-time-picker .acf-label label {
    font-size: 18px !important;
  }
}
.form-field__label .tooltip__info-icon, .form-field .acf-label label .tooltip__info-icon, .footer-form .form-field-row p .acf-label label .tooltip__info-icon, .acf-field-email__label .tooltip__info-icon, .acf-field-email .acf-label label .tooltip__info-icon, .acf-field-repeater__label .tooltip__info-icon, .acf-field-repeater .acf-label label .tooltip__info-icon, .acf-field-text__label .tooltip__info-icon, .acf-field-text .acf-label label .tooltip__info-icon, .acf-field-textarea__label .tooltip__info-icon, .acf-field-textarea .acf-label label .tooltip__info-icon, .acf-field-date-time-picker__label .tooltip__info-icon, .acf-field-date-time-picker .acf-label label .tooltip__info-icon {
  transform: translateY(-3px);
}
.form-field__label-bottom, .acf-field-email__label-bottom, .acf-field-repeater__label-bottom, .acf-field-text__label-bottom, .acf-field-textarea__label-bottom, .acf-field-date-time-picker__label-bottom {
  margin: 0;
  padding: 0 0 5px 0;
  font-size: 16px;
  font-weight: 400;
}
.form-field .acf-actions, .footer-form .form-field-row p .acf-actions, .acf-field-email .acf-actions, .acf-field-repeater .acf-actions, .acf-field-text .acf-actions, .acf-field-textarea .acf-actions, .acf-field-date-time-picker .acf-actions {
  margin: 20px 0 0 0;
  display: flex;
  justify-content: center;
}
.form-field__textarea, .form-field__input,
.form-field .acf-input input,
.footer-form .form-field-row p .acf-input input,
.form-field .acf-input textarea,
.footer-form .form-field-row p .acf-input textarea, .acf-field-email__textarea, .acf-field-email__input,
.acf-field-email .acf-input input,
.acf-field-email .acf-input textarea, .acf-field-repeater__textarea, .acf-field-repeater__input,
.acf-field-repeater .acf-input input,
.acf-field-repeater .acf-input textarea, .acf-field-text__textarea, .acf-field-text__input,
.acf-field-text .acf-input input,
.acf-field-text .acf-input textarea, .acf-field-textarea__textarea, .acf-field-textarea__input,
.acf-field-textarea .acf-input input,
.acf-field-textarea .acf-input textarea, .acf-field-date-time-picker__textarea, .acf-field-date-time-picker__input,
.acf-field-date-time-picker .acf-input input,
.acf-field-date-time-picker .acf-input textarea {
  display: block;
  width: 100%;
  margin: 0;
  background: #FAF4F9;
  border: 1px solid transparent;
  border-radius: 30px;
  line-height: 1.3;
  font-size: 16px;
  font-family: "Exo 2", sans-serif;
  font-weight: 300;
  color: #262262;
}
.form-field__textarea::placeholder, .form-field__input::placeholder,
.form-field .acf-input input::placeholder,
.footer-form .form-field-row p .acf-input input::placeholder,
.form-field .acf-input textarea::placeholder,
.footer-form .form-field-row p .acf-input textarea::placeholder, .acf-field-email__textarea::placeholder, .acf-field-email__input::placeholder,
.acf-field-email .acf-input input::placeholder,
.acf-field-email .acf-input textarea::placeholder, .acf-field-repeater__textarea::placeholder, .acf-field-repeater__input::placeholder,
.acf-field-repeater .acf-input input::placeholder,
.acf-field-repeater .acf-input textarea::placeholder, .acf-field-text__textarea::placeholder, .acf-field-text__input::placeholder,
.acf-field-text .acf-input input::placeholder,
.acf-field-text .acf-input textarea::placeholder, .acf-field-textarea__textarea::placeholder, .acf-field-textarea__input::placeholder,
.acf-field-textarea .acf-input input::placeholder,
.acf-field-textarea .acf-input textarea::placeholder, .acf-field-date-time-picker__textarea::placeholder, .acf-field-date-time-picker__input::placeholder,
.acf-field-date-time-picker .acf-input input::placeholder,
.acf-field-date-time-picker .acf-input textarea::placeholder {
  color: rgba(0, 0, 0, 0.5019607843);
}
.form-field__textarea:focus, .form-field__input:focus,
.form-field .acf-input input:focus,
.footer-form .form-field-row p .acf-input input:focus,
.form-field .acf-input textarea:focus,
.footer-form .form-field-row p .acf-input textarea:focus, .acf-field-email__textarea:focus, .acf-field-email__input:focus,
.acf-field-email .acf-input input:focus,
.acf-field-email .acf-input textarea:focus, .acf-field-repeater__textarea:focus, .acf-field-repeater__input:focus,
.acf-field-repeater .acf-input input:focus,
.acf-field-repeater .acf-input textarea:focus, .acf-field-text__textarea:focus, .acf-field-text__input:focus,
.acf-field-text .acf-input input:focus,
.acf-field-text .acf-input textarea:focus, .acf-field-textarea__textarea:focus, .acf-field-textarea__input:focus,
.acf-field-textarea .acf-input input:focus,
.acf-field-textarea .acf-input textarea:focus, .acf-field-date-time-picker__textarea:focus, .acf-field-date-time-picker__input:focus,
.acf-field-date-time-picker .acf-input input:focus,
.acf-field-date-time-picker .acf-input textarea:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(146, 39, 143, 0.15);
}
.form-field__input,
.form-field .acf-input input,
.footer-form .form-field-row p .acf-input input, .acf-field-email__input,
.acf-field-email .acf-input input, .acf-field-repeater__input,
.acf-field-repeater .acf-input input, .acf-field-text__input,
.acf-field-text .acf-input input, .acf-field-textarea__input,
.acf-field-textarea .acf-input input, .acf-field-date-time-picker__input,
.acf-field-date-time-picker .acf-input input {
  padding: 0 20px !important;
  height: 50px;
}
@media (min-width: 768px) {
  .form-field__input,
  .form-field .acf-input input,
  .footer-form .form-field-row p .acf-input input, .acf-field-email__input,
  .acf-field-email .acf-input input, .acf-field-repeater__input,
  .acf-field-repeater .acf-input input, .acf-field-text__input,
  .acf-field-text .acf-input input, .acf-field-textarea__input,
  .acf-field-textarea .acf-input input, .acf-field-date-time-picker__input,
  .acf-field-date-time-picker .acf-input input {
    height: 60px;
    padding: 0 30px !important;
  }
}
@media (min-width: 1200px) {
  .form-field__input,
  .form-field .acf-input input,
  .footer-form .form-field-row p .acf-input input, .acf-field-email__input,
  .acf-field-email .acf-input input, .acf-field-repeater__input,
  .acf-field-repeater .acf-input input, .acf-field-text__input,
  .acf-field-text .acf-input input, .acf-field-textarea__input,
  .acf-field-textarea .acf-input input, .acf-field-date-time-picker__input,
  .acf-field-date-time-picker .acf-input input {
    padding: 0 44px !important;
  }
}
.form-field__textarea,
.form-field .acf-input textarea,
.footer-form .form-field-row p .acf-input textarea, .acf-field-email__textarea,
.acf-field-email .acf-input textarea, .acf-field-repeater__textarea,
.acf-field-repeater .acf-input textarea, .acf-field-text__textarea,
.acf-field-text .acf-input textarea, .acf-field-textarea__textarea,
.acf-field-textarea .acf-input textarea, .acf-field-date-time-picker__textarea,
.acf-field-date-time-picker .acf-input textarea {
  padding: 20px;
  height: 120px;
  resize: none;
}
@media (min-width: 768px) {
  .form-field__textarea,
  .form-field .acf-input textarea,
  .footer-form .form-field-row p .acf-input textarea, .acf-field-email__textarea,
  .acf-field-email .acf-input textarea, .acf-field-repeater__textarea,
  .acf-field-repeater .acf-input textarea, .acf-field-text__textarea,
  .acf-field-text .acf-input textarea, .acf-field-textarea__textarea,
  .acf-field-textarea .acf-input textarea, .acf-field-date-time-picker__textarea,
  .acf-field-date-time-picker .acf-input textarea {
    padding: 20px 30px;
  }
}
@media (min-width: 1200px) {
  .form-field__textarea,
  .form-field .acf-input textarea,
  .footer-form .form-field-row p .acf-input textarea, .acf-field-email__textarea,
  .acf-field-email .acf-input textarea, .acf-field-repeater__textarea,
  .acf-field-repeater .acf-input textarea, .acf-field-text__textarea,
  .acf-field-text .acf-input textarea, .acf-field-textarea__textarea,
  .acf-field-textarea .acf-input textarea, .acf-field-date-time-picker__textarea,
  .acf-field-date-time-picker .acf-input textarea {
    padding: 20px 44px;
  }
}

.form-section-spacer {
  height: 40px;
}

.form-field-row {
  display: grid;
  grid-template-columns: 1fr;
  column-gap: 10px;
  row-gap: 15px;
  margin: 0 0 15px 0 !important;
}
.form-field-row--align-bottom {
  align-items: flex-end;
}
@media (min-width: 768px) {
  .form-field-row--2-cols {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 768px) {
  .form-field-row--3-cols {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 991px) {
  .form-field-row--3-cols {
    grid-template-columns: repeat(3, 1fr);
  }
}
.form-field-row__item {
  grid-column: span 1;
}
@media (min-width: 768px) {
  .form-field-row__item--mini {
    grid-column: span 1;
  }
  .form-field-row__item--mini .form-field, .form-field-row__item--mini .footer-form .form-field-row p, .footer-form .form-field-row .form-field-row__item--mini p {
    width: 60%;
  }
  .form-field-row__item--mini .form-field__input {
    padding: 0 25px;
  }
  .form-field-row__item--span-2-cols {
    grid-column: span 2;
  }
  .form-field-row__item--span-3-cols {
    grid-column: span 3;
  }
}

.form-field-row--email {
  display: none;
}

.footer-form .form-field__label {
  color: #fff;
}
.footer-form .form-field__input, .footer-form .form-field__textarea {
  background: #fff;
}
.footer-form .form-field-row p {
  margin: 0;
}
.footer-form__title {
  margin: 0 0 30px 0;
  padding: 0;
  line-height: 1.3;
  font-size: 24px;
  font-family: "Exo 2", sans-serif;
  font-weight: 700;
  color: #fff;
}
.footer-form__info-text {
  margin: 25px 0;
  color: rgba(255, 255, 255, 0.8);
  text-align: center;
}
.footer-form__info-text p {
  margin: 0;
}
.footer-form__info-text a:not(.btn-primary) {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 2px;
  text-decoration-thickness: 1px;
}
.footer-form__info-text a:not(.btn-primary):hover {
  color: #fff;
}
.footer-form__footer {
  display: flex;
  justify-content: center;
}
.footer-form__footer p {
  display: flex;
  justify-content: center;
  position: relative;
  padding: 0 4rem;
  margin: 0 1rem;
}
.footer-form__footer p .wpcf7-spinner {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  margin: 0;
}

.wpcf7-not-valid-tip {
  font-size: 1.6rem;
  margin-top: 1rem;
  color: white;
}

.wpcf7-response-output {
  border: 0 !important;
  padding: 2rem 0 0 0 !important;
  color: white;
  margin: 0 !important;
  font-size: 1.6rem;
  text-align: center;
}

.wpcf7 form.sent .wpcf7-response-output {
  border: 0;
  padding: 0;
  color: #46b450;
  margin: 0;
  text-align: center;
}

.user-table-wrapper {
  width: 100%;
  margin: 0 0 20px 0;
}
@media only screen and (max-width: 990px) {
  .user-table-wrapper {
    overflow-x: auto;
  }
}

.acf-repeater {
  width: 100%;
}
@media only screen and (max-width: 990px) {
  .acf-repeater {
    overflow-x: auto;
  }
}

.users-table, .acf-table {
  min-width: 700px;
  border-collapse: collapse;
  border-spacing: 0;
}
.users-table thead tr th, .acf-table thead tr th {
  padding: 10px;
  border: 1px solid #92278F !important;
  line-height: 1.3;
  font-family: "Exo 2", sans-serif;
  font-size: 16px;
  font-weight: 700;
  color: #000;
  text-align: left;
}
.users-table thead tr th b, .users-table thead tr th strong, .users-table thead tr th label, .acf-table thead tr th b, .acf-table thead tr th strong, .acf-table thead tr th label {
  font-weight: 700;
}
.users-table thead tr th span, .acf-table thead tr th span {
  color: #262262;
  cursor: pointer;
}
.users-table thead tr th .tooltip__info-icon, .acf-table thead tr th .tooltip__info-icon {
  transform: translateY(-2px);
}
.users-table tbody tr td, .acf-table tbody tr td {
  padding: 6px !important;
  border: 1px solid #92278F;
}
.users-table .acf-input, .acf-table .acf-input {
  margin: 0 !important;
}
.users-table .acf-row-number, .acf-table .acf-row-number {
  font-size: 16px;
}
.users-table__select, .users-table__input,
.users-table .acf-input input,
.users-table .acf-input select, .acf-table__select, .acf-table__input,
.acf-table .acf-input input,
.acf-table .acf-input select {
  display: block;
  width: 100%;
  height: 40px;
  padding: 0 20px !important;
  background: #fff;
  border: 1px solid #666;
  border-radius: 8px;
  line-height: 1.3;
  font-size: 16px;
  font-family: "Exo 2", sans-serif;
  font-weight: 300;
  color: #262262;
  margin: 0 !important;
}
.users-table__select::placeholder, .users-table__input::placeholder,
.users-table .acf-input input::placeholder,
.users-table .acf-input select::placeholder, .acf-table__select::placeholder, .acf-table__input::placeholder,
.acf-table .acf-input input::placeholder,
.acf-table .acf-input select::placeholder {
  color: rgba(0, 0, 0, 0.5019607843);
}
.users-table__select:focus, .users-table__input:focus,
.users-table .acf-input input:focus,
.users-table .acf-input select:focus, .acf-table__select:focus, .acf-table__input:focus,
.acf-table .acf-input input:focus,
.acf-table .acf-input select:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(146, 39, 143, 0.15);
}
.users-table__select,
.users-table .acf-input select, .acf-table__select,
.acf-table .acf-input select {
  padding: 0 10px;
}

.acf-tooltip {
  font-size: 16px;
}

.ares-info {
  display: block;
  font-size: 16px;
  color: #000;
  margin: 10px 0 0 0;
}

.section-login-form-panel {
  background: #FAF4F9;
}

.login-form-panel {
  display: flex;
  flex-direction: column;
  row-gap: 40px;
  margin: 0 auto;
  width: 100%;
  max-width: 550px;
  padding: 0 0 40px 0;
}
@media (min-width: 991px) {
  .login-form-panel {
    padding: 0 0 80px 0;
  }
}
.login-form-panel .form-caption {
  text-align: center;
  justify-content: center;
}
.login-form-panel__footer {
  display: flex;
  justify-content: center;
  margin: 20px 0 0 0;
}
@media (min-width: 991px) {
  .login-form-panel__footer {
    margin: 40px 0 0 0;
  }
}

.section-video-panel {
  background: #fff;
}

.video-panel-wrapper {
  position: relative;
  background: #FAF4F9;
}
.video-panel-wrapper::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 50%;
  background: #fff;
}

.video-panel-text {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  padding: 22px 0;
  line-height: 1.3;
  font-size: 16px;
  font-family: "Exo 2", sans-serif;
  font-weight: 300;
  color: #262262;
  gap: 10px;
}
.video-panel-text img {
  display: block;
  width: 30px;
  height: 30px;
}

.video-panel {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}
.video-panel img, .video-panel iframe {
  display: block;
  width: 100%;
  height: 600px;
  border-radius: 30px;
}

.section-aktivace-panel {
  background: #fff;
  padding: 40px 0;
}
@media (min-width: 991px) {
  .section-aktivace-panel {
    padding: 80px 0;
  }
}

.aktivace-panel {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  column-gap: 44px;
  row-gap: 40px;
}
@media (min-width: 991px) {
  .aktivace-panel {
    flex-direction: row;
  }
}
.aktivace-panel__left {
  flex: 2;
}
.aktivace-panel__right {
  flex: 1.3;
}
@media (min-width: 1200px) {
  .aktivace-panel__right {
    flex: 1;
  }
}
.aktivace-panel__title {
  margin: 0 0 26px 0;
  font-size: 26px;
  font-family: "Exo 2", sans-serif;
  font-weight: 700;
  color: #262262;
  line-height: 1.2;
  text-align: center;
}
@media (min-width: 768px) {
  .aktivace-panel__title {
    text-align: left;
  }
}
@media (min-width: 991px) {
  .aktivace-panel__title {
    margin: 0 0 36px 0;
    font-size: 30px;
  }
}
.aktivace-panel__buttons-container {
  display: flex;
  justify-content: center;
}
@media (min-width: 768px) {
  .aktivace-panel__buttons-container {
    justify-content: flex-start;
  }
}

.aktivace-panel-list {
  position: relative;
  background: #fff;
  border-radius: 0 30px 0 30px;
  margin: 0 0 40px 0;
}
.aktivace-panel-list__bg {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center bottom;
  background-repeat: no-repeat;
  border-radius: 0 30px 0 30px;
}
.aktivace-panel-list__bg::before {
  z-index: 2;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #92278F;
  opacity: 0.9;
  border-radius: 0 30px 0 30px;
}
.aktivace-panel-list__content {
  z-index: 3;
  position: relative;
  display: flex;
  flex-direction: column;
  row-gap: 30px;
  padding: 30px;
  color: #fff;
}
@media (min-width: 768px) {
  .aktivace-panel-list__content {
    padding: 40px 45px;
    row-gap: 45px;
  }
}
.aktivace-panel-list__title {
  margin: 0 0 20px 0;
  line-height: 1.3;
  font-size: 18px;
  font-family: "Exo 2", sans-serif;
  font-weight: 700;
  color: #fff;
}
.aktivace-panel-list__points {
  color: #fff;
}
.aktivace-panel-list__points li::before {
  background: #fff;
}

.aktivace-panel-devices {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}

.aktivace-device-box {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  column-gap: 80px;
  row-gap: 40px;
  padding: 30px;
  background: #FAF4F9;
  border-radius: 30px 0 30px 0;
}
@media (min-width: 768px) {
  .aktivace-device-box {
    flex-direction: row;
    padding: 40px;
    column-gap: 50px;
  }
}
@media (min-width: 1460px) {
  .aktivace-device-box {
    padding: 50px;
    column-gap: 80px;
  }
}
.aktivace-device-box__left {
  min-width: 0;
  flex: 1;
}
.aktivace-device-box__right {
  min-width: 0;
  flex: 1.2;
}
.aktivace-device-box__image {
  display: flex;
  justify-content: center;
  margin: 0 0 15px 0;
}
@media (min-width: 768px) {
  .aktivace-device-box__image {
    margin: 0 0 35px 0;
  }
}
.aktivace-device-box__image img {
  display: block;
  max-width: 100%;
}
.aktivace-device-box__title {
  margin: 0 0 30px 0;
  line-height: 1.3;
  font-size: 18px;
  font-family: "Exo 2", sans-serif;
  font-weight: 700;
  color: #262262;
}
.aktivace-device-box__text {
  margin: 0 0 35px 0;
  text-align: center;
}
.aktivace-device-box__buttons-container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 15px;
}
.aktivace-device-box__buttons-container .btn-primary, .aktivace-device-box__buttons-container .acf-fields > .acf-field .button-full, .acf-fields > .acf-field .aktivace-device-box__buttons-container .button-full, .aktivace-device-box__buttons-container .form-panel .af-submit-button, .form-panel .aktivace-device-box__buttons-container .af-submit-button {
  min-width: 0;
}
.aktivace-device-box__buttons-container--store-buttons .btn-primary, .aktivace-device-box__buttons-container--store-buttons .acf-fields > .acf-field .button-full, .acf-fields > .acf-field .aktivace-device-box__buttons-container--store-buttons .button-full, .aktivace-device-box__buttons-container--store-buttons .form-panel .af-submit-button, .form-panel .aktivace-device-box__buttons-container--store-buttons .af-submit-button {
  padding: 0;
  min-width: 140px;
}
.aktivace-device-box__list {
  position: relative;
  text-align: left !important;
  width: 100%;
  margin: 0;
  padding: 50px 0;
  list-style: none;
  counter-reset: ol-counter;
  font-size: 16px;
  font-family: "Exo 2", sans-serif;
  font-weight: 600;
  color: #262262;
}
.aktivace-device-box__list::before {
  z-index: 1;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 28px;
  width: 3px;
  height: 100%;
  border-radius: 3px;
  background: #262262;
}
.aktivace-device-box__list li {
  position: relative;
  margin: 0 0 60px 0;
  padding: 0 0 0 85px;
  counter-increment: ol-counter;
}
.aktivace-device-box__list li:last-child {
  margin: 0;
}
.aktivace-device-box__list li::after {
  z-index: 2;
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 60px;
  height: 60px;
  transform: translateY(-50%);
  border-radius: 50%;
  background: rgba(146, 39, 143, 0.5019607843);
}
.aktivace-device-box__list li::before {
  z-index: 3;
  content: counter(ol-counter) ".";
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  left: 10px;
  width: 40px;
  height: 40px;
  padding: 0 0 2px 3px;
  transform: translateY(-50%);
  color: #fff;
  font-family: "Exo 2", sans-serif;
  font-weight: 700;
  font-size: 18px;
  border-radius: 50%;
  background: #92278F;
}

.section-contact-page {
  background: #FAF4F9;
  padding: 0 0 40px 0;
}
@media (min-width: 991px) {
  .section-contact-page {
    padding: 0 0 80px 0;
  }
}

.contact-box {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  border-radius: 30px;
  background: #FFF;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}
@media only screen and (min-width: 991px) {
  .contact-box {
    flex-direction: row;
  }
}
.contact-box__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 40px;
  width: 100%;
  padding: 30px;
}
@media only screen and (min-width: 991px) {
  .contact-box__content {
    width: 50%;
    gap: 50px;
    padding: 40px;
  }
}
@media only screen and (min-width: 1460px) {
  .contact-box__content {
    gap: 60px;
    padding: 70px 90px 70px 90px;
  }
}
.contact-box__contacts {
  display: flex;
  flex-wrap: wrap;
  gap: 3rem;
  flex-direction: column;
  margin: 0;
}
@media only screen and (min-width: 768px) {
  .contact-box__contacts {
    flex-direction: row;
  }
}
.contact-box__contact-person {
  display: flex;
  align-items: center;
  gap: 20px;
}
@media only screen and (min-width: 991px) {
  .contact-box__contact-person {
    gap: 36px;
  }
}
.contact-box__contact-person img {
  display: block;
  width: 6.5rem;
  height: 6.5rem;
  border-radius: 50%;
  object-fit: cover;
}
@media only screen and (min-width: 991px) {
  .contact-box__contact-person img {
    width: 120px;
    height: 120px;
  }
}
.contact-box__contact-person-info {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.contact-box__contact-person-caption {
  margin: 0;
  line-height: 1.3;
  font-size: 22px;
  font-weight: 700;
  font-family: "Exo 2", sans-serif;
  color: #262262;
}
@media only screen and (min-width: 991px) {
  .contact-box__contact-person-caption {
    font-size: 24px;
  }
}
.contact-box__contact-person-text {
  line-height: 1.3;
  font-size: 16px;
  font-weight: 400;
  font-family: "Exo 2", sans-serif;
  color: #262262;
  white-space: nowrap;
}
.contact-box__contact-person-text strong {
  font-size: 18px;
  font-weight: 700;
}
.contact-box__contacts-item {
  cursor: pointer;
  position: relative;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background: none;
  text-decoration: none;
  flex: 1;
  display: flex;
  align-items: center;
  gap: 16px;
}
.contact-box__contacts-item img {
  display: block;
  width: 32px;
  height: 32px;
}
@media only screen and (min-width: 991px) {
  .contact-box__contacts-item img {
    width: 40px;
    height: 40px;
  }
}
.contact-box__contacts-item:hover .contact-box__contacts-item-text {
  color: #25AAE1;
}
.contact-box__contacts-item:hover .contact-box__contacts-item-text strong {
  color: #25AAE1;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.contact-box__contacts-item-text {
  line-height: 1.3;
  font-size: 16px;
  font-weight: 400;
  font-family: "Exo 2", sans-serif;
  color: #000;
  white-space: nowrap;
  transition: 0.3s;
}
.contact-box__contacts-item-text strong {
  font-size: 18px;
  font-weight: 700;
  color: #25AAE1;
  font-family: "Exo 2", sans-serif;
  transition: 0.3s;
}
.contact-box__row {
  display: flex;
  gap: 3rem;
  flex-direction: column;
  margin: 0;
}
@media only screen and (min-width: 768px) {
  .contact-box__row {
    flex-direction: row;
  }
}
.contact-box__col {
  flex: 1;
}
.contact-box__title {
  margin: 0 0 20px 0;
  line-height: 1.3;
  font-size: 22px;
  font-weight: 700;
  font-family: "Exo 2", sans-serif;
  color: #262262;
}
@media only screen and (min-width: 991px) {
  .contact-box__title {
    font-size: 24px;
  }
}
.contact-box__texts p {
  margin: 0 0 15px 0;
}
.contact-box__texts > *:last-child {
  margin: 0;
}
.contact-box__form {
  overflow: hidden;
  position: relative;
  width: 100%;
  padding: 30px;
  background: #92278F;
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
}
@media only screen and (min-width: 991px) {
  .contact-box__form {
    width: 50%;
    padding: 30px;
    border-top-right-radius: 30px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 30px;
  }
}
@media only screen and (min-width: 1200px) {
  .contact-box__form {
    padding: 40px;
  }
}
@media only screen and (min-width: 1460px) {
  .contact-box__form {
    padding: 50px 70px;
  }
}
.contact-box__form .footer__title {
  font-size: 22px;
}
@media only screen and (min-width: 991px) {
  .contact-box__form .footer__title {
    font-size: 24px;
  }
}
.contact-box__form .form-field, .contact-box__form .footer-form .form-field-row p, .footer-form .form-field-row .contact-box__form p {
  gap: 10px;
}
.contact-box__form .form-field__label {
  font-size: 16px;
}
.contact-box__form .footer-form__info-text {
  max-width: 430px;
  margin: 25px auto;
}
.contact-box__socials {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}
.contact-box__socials a {
  cursor: pointer;
  position: relative;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background: none;
  text-decoration: none;
}
.contact-box__socials a img {
  display: block;
  width: 40px;
  height: 40px;
}

.modal-wrapper {
  z-index: 999;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
}
.modal-wrapper.opened {
  display: flex;
  align-items: center;
  justify-content: center;
}

.modal-wrappe-overlay {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
}

.modal-window {
  position: relative;
  z-index: 2;
  width: 730px;
  max-height: calc(100vh - 40px);
}
@media (min-width: 991px) {
  .modal-window {
    width: 1000px;
  }
}
.modal-window__button-close {
  cursor: pointer;
  position: relative;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background: none;
  text-decoration: none;
  z-index: 3;
  position: absolute;
  top: 15px;
  right: 20px;
  line-height: 1;
  font-size: 21px;
  color: #262262;
}
.modal-window__button-close:hover {
  color: #92278F;
}
.modal-window .modal-content {
  max-height: calc(100vh - 40px);
  padding: 30px;
  background: #fff;
  border-radius: 8px;
  overflow-y: auto;
}
.modal-window .modal-header {
  margin: 0 0 20px 0 !important;
  font-size: 26px !important;
  font-family: "Exo 2", sans-serif;
  font-weight: 800 !important;
  color: #262262 !important;
  line-height: 1.2;
  text-align: center;
}
.modal-window .modal-header .modal-title {
  margin: 0 !important;
}
@media (min-width: 991px) {
  .modal-window .modal-header {
    margin: 0 0 26px 0;
    font-size: 30px !important;
  }
}
.modal-window .modal-body h5 {
  font-size: 20px;
  margin: 0 0 16px 0;
}
.modal-window .modal-footer {
  display: flex;
  justify-content: flex-end;
  margin: 20px 0 0 0;
}
.modal-window .modal-footer .btn {
  cursor: pointer;
  position: relative;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background: none;
  text-decoration: none;
  color: #262262;
  text-decoration: underline;
  font-size: 18px;
}
.modal-window .modal-footer .btn:hover {
  color: #92278F;
}

.m-0-auto {
  margin: 0 auto;
}

.p-40-0 {
  padding: 40px 0;
}

.show-more-text {
  text-align: center;
  width: 100%;
  margin: 5px 0 0 0 !important;
  display: block;
  color: #25AAE1;
  text-decoration: underline;
}
.show-more-text:hover {
  color: #92278F;
  text-decoration: none;
}
.show-more-text .more {
  display: block;
}
.show-more-text .less {
  display: none;
}

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