@font-face {
  font-family: "Montserrat-Regular";
  font-display: swap;
  src: url("../fonts/Montserrat/static/Montserrat-Regular.ttf")
    format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Montserrat-Black";
  font-display: swap;
  src: url("../fonts/Montserrat/static/Montserrat-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: "Nunito-ExtraBold";
  font-display: swap;
  src: url("../fonts/Nunito/static/Nunito-ExtraBold.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  /* Загальна назва для вашого шрифту */
  font-family: "Aqum-2-Classic"; 
  font-display: swap;
  src: url("../fonts/Aqum-two/aqum-2-classic.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  /* Загальна назва для вашого шрифту з малими великими літерами */
  font-family: "Aqum-2-Small-Caps"; 
  font-display: swap;
  src: url("../fonts/Aqum-two/aqum-2-small-caps.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}

:root {
  --fnt_aqum2: "Aqum-2-Classic", sans-serif;
  --fnt_aqum: "Aqum-2-Small-Caps", sans-serif;
  --fnt_main: "Montserrat-Regular", sans-serif;
  --fnt_main-bold: "Montserrat-Black", sans-serif;
  /* --fnt_aqum: "Nunito-ExtraBold", sans-serif; */
  --dark_hue: 0;
  --dark_saturation: 0%;
  --dark_lightness: 0%;
  --light_hue: 0;
  --light_saturation: 0%;
  --light_lightness: 100%;
  --prim_hue: 263.3333333333;
  --prim_saturation: 9.4736842105%;
  --prim_lightness: 62.7450980392%;
  --prim_light_hue: 329.1124260355;
  --prim_light_saturation: 71.3080168776%;
  --prim_light_lightness: 53.5294117647%;
  --prim_dark_hue: 326.4827586207;
  --prim_dark_saturation: 97.3154362416%;
  --prim_dark_lightness: 29.2156862745%;
  --sec_hue: 227.6923076923;
  --sec_saturation: 38.6138613861%;
  --sec_lightness: 19.8039215686%;
  --info_hue: 228;
  --info_saturation: 8.7719298246%;
  --info_lightness: 55.2941176471%;
  --accent_hue: 188.4076433121;
  --accent_saturation: 69.7777777778%;
  --accent_lightness: 44.1176470588%;
  --back_hue: 210;
  --back_saturation: 25%;
  --back_lightness: 96.862745098%;
  --back_shad_hue: 180;
  --back_shad_saturation: 4.7619047619%;
  --back_shad_lightness: 95.8823529412%;
  --border_hue: 204;
  --border_saturation: 7.6923076923%;
  --border_lightness: 87.2549019608%;
  --border_dark_hue: 230;
  --border_dark_saturation: 9.6774193548%;
  --border_dark_lightness: 75.6862745098%;
  --divider_hue: 208;
  --divider_saturation: 29.4117647059%;
  --divider_lightness: 90%;
  --scrollBar-color: #150035;
  --scrollBar-width: 0px;
  --scrollBar-height: auto;
  --scrollBar-radius: 8px;
  --scrollBar-gap: 0px;
  --text_selection_bg: hsla(
    calc(var(--prim_hue) + 0),
    calc(var(--prim_saturation) + 0%),
    calc(var(--prim_lightness) + 0%),
    1
  );
  --text_selection_clr: hsla(
    calc(var(--light_hue) + 0),
    calc(var(--light_saturation) + 0%),
    calc(var(--light_lightness) + 0%),
    1
  );
  --select-scroll: hsla(
    calc(var(--divider_hue) + 0),
    calc(var(--divider_saturation) + 0%),
    calc(var(--divider_lightness) + 0%),
    1
  );
  --background: #2f3545;
  --shadow: 0 2px 8px -1px rgba(21, 25, 36, 0.32);
  --shadow-hover: 0 4px 20px -2px rgba(21, 25, 36, 0.5);
}


body.page.home header,
body.page.page--main header
 {
  background-color: #eaeaea !important;
}



.fancybox__backdrop{
  background: var(--fancybox-bg, rgba(24, 24, 27, 0.32))!important;
}

@media (min-width:1200px){
  h1.title-first {
    width: 70%;
    margin-bottom: 60px;
  }
}



/* Price-page */

.benefits--price h2.page__title {
  margin-top: 47px;
  padding-bottom: 33px;
  color: #000;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-align: left;
}
.benefits--price ul {
gap: 30px;
}

h1.price-page {
font-weight: 700;
font-size: 89.765px;
font-style: normal;
line-height: 113.118px;
}
.benefits--price ul li {
  border: 1px solid #150035!important;
  padding: 34px 15px!important;
  /* margin: 30px; */
  width: 400px;
  border-radius: 50px!important;
}
li.price-li {
  border-color: #150035;
}
.benefits__h > p{
  margin: 0!important;
  margin-bottom: 21px!important;
}
.benefits__c .price-line {
  display: flex;
  align-items: flex-end;
  justify-content: center;
}

p.price-line b {
  font-size: 14px;
  font-weight: 100;
}

.benefits__c .price-line span {
  gap: 9px;
  display: flex;
  align-items: center;
  margin-left: 7px;
}
.benefits__c .price-line span sub {
  display: flex;
  align-items: flex-end;
  position: relative;
  top: 11px;
  width: 24px;
  height: 32px;
}
.benefits__desc p {
  /* width: 90%; */
  color: #16110D;
  text-align: center!important;
  font-size: 14px;
  line-height: 20px!important;
  font-style: normal;
  font-weight: bold!important;
  font-family: "Montserrat-Black"!important;
  margin: 0 auto!important;
}
.first_benefits__desc p {
  width: 70%;
}


.benefits__desc{
  height: auto!important;
  margin-bottom: 15px;
  margin-top: 21px;
}

.benefits__list {
  padding: 0px!important;
}
.benefits__list .znach2, .benefits__list .znach {
  font-family: "Montserrat-Regular";
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 15px;
}
.benefits__list .znach2 span, .benefits__list .znach span{
  display: flex;
  align-items: center;
  font-family: var(--fnt_main)!important;
  justify-content: center;
}
.benefits__list > p{
  padding-top: 0px!important;

}

.ActiveButton{
  
}




.header__seach.block,
.header__right.block {
  display: flex;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  outline: none !important;
 /* list-style: none; */
  color: #000;
  font-family: var(--fnt_main);
  overflow-wrap: break-word;
  text-rendering: optimizeSpeed;
}

html,
body {
  width: 100%;
  position: relative;
}

p {
  font-size: calc(16px + 2 * ((100vw - 320px) / 1390));
  line-height: 33px;
  color: #16110d;
}

p + p {
  padding-top: 20px;
}

html {
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
}

html {
  scrollbar-width: thin;
  scrollbar-color: var(--scrollBar-color) transparent;
}

html::-webkit-scrollbar {
  width: calc(var(--scrollBar-width) + var(--scrollBar-gap) * 2);
  height: var(--scrollBar-height);
}

html::-webkit-scrollbar-track {
  background: transparent;
}

html::-webkit-scrollbar-thumb {
  background: var(--scrollBar-color);
  border: var(--scrollBar-gap) solid transparent;
  border-radius: var(--scrollBar-radius);
  background-clip: content-box;
  opacity: 0.6;
}

html::-webkit-scrollbar-thumb:hover {
  opacity: 1;
  background-clip: content-box;
}

html::-webkit-scrollbar-button {
  display: none;
}

body {
  min-height: 100vh;
}

@supports (padding: max(0px)) {
  body,
  header,
  footer {
    padding-left: min(0vmin, env(safe-area-inset-left));
    padding-right: min(0vmin, env(safe-area-inset-right));
  }
}

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

mark {
  background-color: transparent;
  color: inherit;
}

button,
select {
  text-transform: none;
}

textarea {
  resize: none;
  overflow: auto;
}

input::-ms-clear {
  display: none;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type="date"]::-webkit-calendar-picker-indicator {
  margin: 0;
  width: 1em;
  cursor: pointer;
}

input[type="date"]::-webkit-calendar-picker-indicator:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

/* Firefox */

input[type="number"] {
  -moz-appearance: textfield;
}

button {
  cursor: pointer;
  background-color: transparent;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

a,
a:visited {
  text-decoration: none;
  cursor: pointer;
}

a:hover {
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
  margin: 0;
}

iframe {
  border: 0;
}

select {
  border: 0 solid transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: "";
}

select::-ms-expand {
  display: none;
}

blockquote,
q {
  quotes: none;
}

[hidden] {
  display: none;
}

b,
strong {
  font-weight: bolder;
}

progress {
  vertical-align: baseline;
}

[data-bg],
[data-ibg] {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.wrap {
  max-width: 106.875rem;
  margin: 0 auto;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  width: 100%;
}

.green .header__menu ul {
  background-color: #b2ff4d;
  transition: 1s;
}

.blue .header__menu ul {
  background-color: #4cd2db;
  transition: 1s;
}

.yellow .header__menu ul {
  background-color: #fc0;
  transition: 1s;
}

.bg--green {
  background-color: #b2ff4d;
}

.bg--green .ol span {
  color: #b2ff4d;
}

.bg--green .list-point li:before {
  background-color: #b2ff4d;
}

.bg--green .modal {
  background: #b2ff4d;
}

.bg--blue {
  background-color: #4cd2db;
}

.page.keisy {
    background-color: #4cd2db;
}

.bg--blue .ol span {
  color: #4cd2db;
}

.bg--blue .list-point li:before {
  background-color: #4cd2db;
}

.bg--blue .modal {
  background: #4cd2db;
}

.bg--yellow {
  background-color: #fc0;
}

.bg--yellow .ol span {
  color: #fc0;
}

.bg--yellow .list-point li:before {
  background-color: #fc0;
}

.bg--yellow .modal {
  background: #fc0;
}

.bg--white {
  background-color: #fff;
}

.bg--white .ol span {
  color: #fff;
}

.bg--white .list-point li:before {
  background-color: #fff;
}

.bg--white .modal {
  background: #fff;
}

.no_scroll {
  overflow: hidden;
}

.hr {
  height: 1px;
  background-color: hsla(
    calc(var(--border_dark_hue) + 0),
    calc(var(--border_dark_saturation) + 0%),
    calc(var(--border_dark_lightness) + 0%),
    1
  );
  width: 100%;
  max-width: 100%;
  display: block;
}

.divider {
  width: 1px;
  flex: 0 0 1px;
  height: 100%;
  background-color: #d9d9de;
}

.border {
  border: 1px solid #d9d9de;
}

html {
  height: 100%;
}

body {
  display: flex;
  flex-direction: column;
}

header {
  flex: 0 0 auto;
}

main {
  flex: 1 0 auto;
}

footer {
    flex: 0 0 auto;
    background: #eaeaea;
    margin-top: 80px;
}

.back {
  background-color: hsla(
    calc(var(--back_hue) + 0),
    calc(var(--back_saturation) + 0%),
    calc(var(--back_lightness) + 0%),
    1
  );
}

.back_prim {
  background-color: hsla(
    calc(var(--prim_hue) + 0),
    calc(var(--prim_saturation) + 0%),
    calc(var(--prim_lightness) + 0%),
    1
  );
}

.back_sec {
  background-color: hsla(
    calc(var(--sec_hue) + 0),
    calc(var(--sec_saturation) + 0%),
    calc(var(--sec_lightness) + 0%),
    1
  );
}

.back_info {
  background-color: hsla(
    calc(var(--info_hue) + 0),
    calc(var(--info_saturation) + 0%),
    calc(var(--info_lightness) + 0%),
    1
  );
}

.invis {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  border: 0;
  clip: rect(0 0 0 0);
  border-width: 0;
  white-space: nowrap;
}

.last-item {
  display: none;
}

.last-item:first-child:last-child {
  display: block;
}

.fl_center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.jc_between {
  display: flex;
  justify-content: space-between;
}

.jc_center {
  display: flex;
  justify-content: center;
}

.jc_end {
  display: flex;
  justify-content: flex-end;
}

.jc_start {
  display: flex;
  justify-content: flex-start;
}

.ai_start {
  display: flex;
  align-items: flex-start;
}

.ai_center {
  display: flex;
  align-items: center;
}

.ai_base {
  display: flex;
  align-items: baseline;
}

.h_100 {
  height: 100%;
}

.mw_0 {
  min-width: 0;
}

.mw_100 {
  max-width: 100%;
}

.abs_center {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.bg_center {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: 0;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-list,
.slick-slider .slick-track {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:after,
.slick-track:before {
  display: table;
  content: "";
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

[dir="rtl"] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

.slick-slider .slick-track {
  display: flex;
}

/* Dots */

.slick-dots {
  position: absolute;
  z-index: 1;
  bottom: 9.0625rem;
  list-style: none;
  display: flex;
  text-align: center;
  justify-content: center;
  padding: 0;
  margin: 0;
  width: 40%;
  margin-left: 30%;
}

.slick-dots li {
  position: relative;
  display: flex;
  justify-content: center;
  height: 1rem;
  width: 2rem;
  padding: 0;
  cursor: pointer;
}

.slick-dots li:first-child {
  justify-content: flex-start;
}

.slick-dots li:last-child {
  justify-content: flex-end;
}

.slick-dots li button {
  border: 0;
  background-color: #150035;
  display: block;
  height: 1rem;
  width: 1rem;
  outline: none;
  line-height: 0;
  font-size: 0;
  color: transparent;
  padding: 0;
  cursor: pointer;
  border-radius: 6.25rem;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1;
}

.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 1rem;
  height: 1rem;
  font-family: "slick";
  font-size: 6px;
  line-height: 1rem;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button {
  width: 2rem;
}

.page__preview {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 1s linear;
  background: #150035;
  z-index: 50;
}

.page__preview-img {
  width: 418px;
  height: 142px;
}

.page__preview-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.page__preview div {
  will-change: opacity;
  opacity: 1;
  transition: 0.7s linear;
}

.page__preview.active {
  -webkit-transform: translate3d(-100vw, 0px, 0px) scale3d(1, 1, 1)
    rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
  transform: translate3d(-100vw, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg)
    rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.page__preview.active div {
  opacity: 0;
}

.header {
  position: fixed;
  z-index: 2;
  width: 100%;
  padding-bottom: 5px;
}

.header__wrap {
  display: flex;
  padding-top: 2.1875rem;
  justify-content: space-between;
  align-items: center;
  padding-right: 5.625rem;
}

.header__left {
  display: flex;
}

.header__right {
  display: flex;
}

.header__logo {
  display: flex;
  margin: auto 0;
  max-width: 99%;
  width: 171px;
  height: 58px;
}

.header__logo img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.header__logo--mob {
  margin-top: -3.75rem;
}

.header__menu {
  display: flex;
  align-items: center;
}

.header__menu-wrap {
  display: flex;
  align-items: center;
}

.header__menu ul {
  z-index: 20;
}

.header__menu ul a {
  display: flex;
  align-items: center;
}

.header__menu li {
  line-height: 2.375rem;
}

.header__menu-item {
  display: flex;
  flex-direction: column;
  white-space: nowrap;
}

.header-title,
.header__menu-item,
.header__leng {
  position: relative;
  overflow: hidden;
  white-space: nowrap;
}

.header-title:hover,
.header__menu-item:hover,
.header__leng:hover {
  overflow: visible;
}

.header__leng {
  overflow: hidden;
}

.header__leng a {
  color: rgba(255, 255, 255, 0.5);
  padding: 0 1rem;
}

.header__leng a:hover {
  color: #fff;
}

.header__leng li {
  line-height: 1.375rem;
}

.header__leng span {
  line-height: 1.4375rem;
}

.header__seach {
  display: flex;
}

.header__seach input {
  width: 100%;
  font-size: 1rem;
  line-height: 1.25rem;
  background-color: transparent;
  border-bottom: 0.0625rem solid transparent;
  padding-right: 0.3125rem;
}

.header__seach input:hover,
.header__seach input:focus {
  border-bottom: 0.0625rem solid #000;
}

.menubox {
  display: flex;
}

.footer {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding-top: 42px;
  padding-bottom: 45px;
}

.footer__copy {
  padding-bottom: 1.375rem;
  font-size: 0.875rem;
  line-height: 1.0625rem;
}

.footer__social {
  display: flex;
}

.hero__item {
  transition: all cubic-bezier(0.66, 0.51, 0.02, 0.98) 2s;
  min-height: 100vh;
}

.hero.slick-dotted.slick-slider {
    margin-bottom: 0;
}

.hero__item:first-child {
  text-align: center;
}

.hero__content {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
}

.hero__content--1 {
  align-items: center;
}

.hero__logo {
  position: relative;
  z-index: 1;
  display: flex;
  width: 972px;
  height: 292px;
}

.hero__logo-img {
  width: 613px;
  height: 267px;
  margin-right: 38px;
}

.hero__logo-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.hero__logo-animation {
  width: 328px;
  height: 292px;
}

.hero__logo-animation img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.hero__img {
  background-color: transparent;
}

.hero__img--1 {
  position: relative;
  width: 698px;
  height: 487px;
}

.hero__img--1 img {
  position: absolute;
  top: 35px;
  left: -46px;
  width: 620px;
  transition: 0.2s;
}

.hero__img--2 {
  width: 608px;
  height: 515px;
}

.hero__img--3 {
  width: 588px;
  height: 485px;
}

.hero__subtitle {
  position: relative;
  max-width: 47.5625rem;
  padding-top: 49px;
  line-height: 39px;
  font-size: 32px;
}

.hero__subtitle--1 {
  text-align: center;
}

.hero__title {
  font-family: var(--fnt_aqum);
  line-height: 200px;
  font-size: 200px;
  color: #150035;
}

.hero__desc {
  position: relative;
  padding-top: 35px;
}

.hero__desc--1 {
  text-align: center;
}

.hero__desc p {
  line-height: 1.375rem;
}

.hero__desc p + p {
  padding-top: 24px;
}

.hero__btn {
  margin-top: 25px;
}

.page--main {
  position: relative;
}

.page--main .footer-wrap {
  position: relative;
  left: 0;
  bottom: 0;
  width: 100%;
  margin-top: 0;
}

.home .footer-wrap{
  margin-top: 0;
}

.page__healline {
  font-family: var(--fnt_aqum);
  color: #150035;
}

.page__healline--lg {
  margin-top: -1.625rem;
  font-size: 200px;
  line-height: 252px;
}

.page__healline--md {
  font-size: 100px;
  line-height: 126px;
}

.page__healline--sm {
  font-size: 72px;
  line-height: 91px;
}

.page__healline--buns {
  white-space: nowrap;
}

.page__head {
  display: flex;
  flex-direction: column;
}

.page__head-wrap {
  max-width: 135.9375rem;
  margin: 0 auto;
  width: 100%;
}

.page__head--team {
  justify-content: flex-start;
}

.page__head--team {
  justify-content: flex-start;
}

.page__head--cases {
  justify-content: space-between;
}

.page__head--strategy {
  justify-content: space-between;
}

.page__head--contact {
  justify-content: space-between;
}

.page__head--blog {
  justify-content: space-between;
  padding-bottom: 2.6875rem;
}

.page__head--buns {
  justify-content: space-between;
  padding-bottom: 2.5rem;
}

.page__head-img {
  flex-direction: column;
}

.page__head-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.page__head-img--team {
  margin-top: 2.75rem;
  width: 425px;
  height: 366px;
}

.page__head-img--cases {
  width: 621px;
  height: 388px;
}

.page__head-img--strategy {
  width: 439px;
  height: 376px;
}

.page__head-img--services {
  width: 771px;
  height: 641px;
}

.page__head-img--functions {
  width: 471px;
  height: 350px;
}

.page__head-img--contact {
  width: 487px;
  height: 434px;
}

.page__title {
  font-family: var(--fnt_aqum);
  color: #150035;
  padding-bottom: 1.4375rem;
  font-size: 35px;
  line-height: 48px;
}

.page__title--subtitle {
  padding-bottom: 0;
}

.page__title--sm {
  font-size: 27px;
  line-height: 33px;
}

.page__article p + p {
  padding-top: 15px;
}

.page__article--team {
  max-width: 48.125rem;
}

.page__article--cases {
  padding-top: 2.1875rem;
  max-width: 81.8125rem;
}

.page__article--delivery p {
  padding-top: 2.5rem;
}

.page__article--integration {
  max-width: 58.4375rem;
  padding: 2.8125rem 0;
}

.page__article-wrap {
  display: flex;
  flex-direction: column;
  padding-top: 169px;
}

.page__article-item {
  padding-bottom: 1.5625rem;
}

.page__article-col-wrqp {
  display: flex;
  flex-wrap: wrap;
}

.page__form {
  display: flex;
  flex-direction: column;
  padding-top: 1.4375rem;
}

.page__form-title {
  padding-bottom: 1.5625rem;
}

.page__form-desc {
  padding-bottom: 2.0625rem;
}

.page__form-content {
  display: flex;
    flex-wrap: wrap;
    max-width: 53.4375rem;
    justify-content: center;
    margin-right: -0.625rem;
    margin-left: -0.625rem;
    gap: 15px;
}

div#popup-11 {
    padding-top: 0px;
    max-width: 755px;
}

div#popup-11 button {
    max-width: 310px;
    max-height: 60px;
}

.page__form-content--col {
  max-width: 25.3125rem;
}

.page__form input {
  display: block;
  height: 5rem;
  width: 100%;
  max-width: 25.3125rem;
  background-color: transparent;
  border: 0.25rem solid #16110d;
  border-radius: 3.125rem;
  margin: 0 0.625rem 1.25rem;
  padding-left: 33px;
  padding-right: 33px;
}

.page__form input::-webkit-input-placeholder {
  color: #150035;
  font-size: 18px;
}

.page__form input::-moz-placeholder {
  color: #150035;
  font-size: 18px;
}

.page__form input:-ms-input-placeholder {
  color: #150035;
  font-size: 18px;
}

.page__form input::-ms-input-placeholder {
  color: #150035;
  font-size: 18px;
}

.page__form input::placeholder {
  color: #150035;
  font-size: 18px;
}

.page__form input:focus {
  border: 0.25rem solid rgba(21, 0, 53, 0.5) !important;
}

.page__form input:invalid {
  /*color: #c50000;
  border: 0.25rem solid #c50000;*/
}

.page__form button {
  width: 100%;
  max-width: 25.3125rem;
  margin-right: 0.625rem;
  margin-left: 0.625rem;
  padding-left: 33px;
  padding-right: 33px;
}

.page__ico {
  min-width: 3.75rem;
  min-height: 3.75rem;
  width: 3.75rem;
  height: 3.75rem;
}

.page__ico img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.page__gap-lg {
  padding-top: 235px;
}

.page__gap-md {
  padding-top: 170px;
}

.page__gap-sm {
  padding-top: 119px;
}

.ol {
  display: flex;
  flex-wrap: wrap;
  margin-left: -0.875rem;
  margin-right: -0.875rem;
  flex-direction: column;
}

.ol li {
  display: flex;
  max-width: 100%;
  padding: 0 0.875rem;
  padding-bottom: 50px;
  flex-direction: column;
}

.ol__title {
  padding-bottom: 1.375rem;
  font-family: var(--fnt_aqum);
  line-height: 40px;
  font-size: 32px;
  color: #150035;
}

.ol span {
  margin-right: 2.5rem;
  white-space: nowrap;
  font-family: var(--fnt_aqum);
  font-size: 4.5rem;
  line-height: 1;
  text-shadow: 0.0625rem 0.0625rem 0 #000, -0.0625rem -0.0625rem 0 #000,
    0.0625rem -0.0625rem 0 #000, -0.0625rem 0.0625rem 0 #000,
    0.0625rem 0.0625rem 0 #000;
}

.ol__desc {
  color: #16110d;
}

.ol--strategy {
  padding-top: 132px;
}

.ol--key {
  padding-top: 30px;
}

.spoiler-text {
  overflow: hidden;
}

.spoiler-text--aside {
  height: 6.25rem;
}

.spoiler-text--aside li{
  font-size: 0.875rem;
  line-height: 1.5;
}

.spoiler-text--aside ol{
  padding-left: 25px;
}

.spoiler-text--aside ul{
  padding-left: 25px;
}

.spoiler-text--aside h2{
  font-size: 20px;
  margin: 10px 0;
}

.spoiler-btn {
  text-decoration: none;
  position: relative;
  padding-top: 1.5625rem;
  font-family: var(--fnt_aqum);
  font-size: 1.3125rem;
  line-height: 1.625rem;
  text-align: center;
  color: #150035;
  border-bottom: 0.125rem solid #150035;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin: 0 auto;
}

.spoiler-btn--cases {
  display: none;
}

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 3.125rem;
  height: 5rem;
  padding: 0 2.875rem;
}

.btn--dark {
  background-color: #150035;
  border: 0.0625rem solid #16110d;
  color: #fff;
  font-family: var(--fnt_main-bold);
  font-size: 1.125rem;
  line-height: 1.3125rem;
}

.btn--dark span {
  font-family: var(--fnt_main-bold);
  color: #fff;
}

.btn--dark:hover {
  box-shadow: -0.4375rem 0.25rem 0.4375rem 0.0625rem rgba(21, 0, 53, 0.2);
}

.btn--trans {
  background-color: transparent;
  border: 0.0625rem solid #16110d;
  color: #16110d;
  font-family: var(--fnt_main-bold);
  font-size: 1.125rem;
  line-height: 1.3125rem;
}

.btn--trans span {
  font-family: var(--fnt_main-bold);
}

.btnJumping {
  --duration: 0.5s;
  --move-hover: -4px;
  -webkit-transform: translateY(var(--y));
  transform: translateY(var(--y));
  transition: box-shadow var(--duration) ease,
    -webkit-transform var(--duration) ease;
  transition: transform var(--duration) ease, box-shadow var(--duration) ease;
  transition: transform var(--duration) ease, box-shadow var(--duration) ease,
    -webkit-transform var(--duration) ease;
  -webkit-tap-highlight-color: transparent;
  -webkit-appearance: none;
}

.btnJumping div {
  display: flex;
}

.btnJumping div span {
  display: block;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.btnJumping div span:nth-child(1) {
  --d: 0.05s;
}

.btnJumping div span:nth-child(2) {
  --d: 0.1s;
}

.btnJumping div span:nth-child(3) {
  --d: 0.15s;
}

.btnJumping div span:nth-child(4) {
  --d: 0.2s;
}

.btnJumping div span:nth-child(5) {
  --d: 0.25s;
}

.btnJumping div span:nth-child(6) {
  --d: 0.3s;
}

.btnJumping div span:nth-child(7) {
  --d: 0.35s;
}

.btnJumping div span:nth-child(8) {
  --d: 0.4s;
}

.btnJumping div span:nth-child(9) {
  --d: 0.45s;
}

.btnJumping div span:nth-child(10) {
  --d: 0.5s;
}

.btnJumping div span:nth-child(11) {
  --d: 0.55s;
}

.btnJumping div span:nth-child(12) {
  --d: 0.6s;
}

.btnJumping div span:nth-child(13) {
  --d: 0.65s;
}

.btnJumping div span:nth-child(14) {
  --d: 0.7s;
}

.btnJumping div span:nth-child(15) {
  --d: 0.75s;
}

.btnJumping div span:nth-child(16) {
  --d: 0.8s;
}

.btnJumping div span:nth-child(17) {
  --d: 0.85s;
}

.btnJumping div span:nth-child(18) {
  --d: 0.9s;
}

.btnJumping div span:nth-child(19) {
  --d: 0.95s;
}

.btnJumping:hover {
  --y: var(--move-hover);
  --move: -4px;
}

.btnJumping:hover span {
  -webkit-animation: move var(--duration) linear var(--d);
  animation: move var(--duration) linear var(--d);
}

@-webkit-keyframes move {
  40% {
    -webkit-transform: translateY(var(--move));
    transform: translateY(var(--move));
    text-shadow: var(--shadow-active);
  }
}

@keyframes move {
  40% {
    -webkit-transform: translateY(var(--move));
    transform: translateY(var(--move));
    text-shadow: var(--shadow-active);
  }
}

.aside {
  margin-top: 3.125rem;
}

.aside p {
  font-size: 0.875rem;
  line-height: 1.5;
}

.modal {
  width: 100%;
  max-height: 95%;
  max-width: 95%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  display: none;
  opacity: 0;
  z-index: 38;
  border: 0.1875rem solid #150035;
  border-radius: 3.125rem;
  overflow: hidden;
}

.modal__headline {
  font-family: var(--fnt_aqum);
  font-size: 72px;
  line-height: 91px;
  padding-bottom: 57px;
  text-align: center;
  color: #150035;
}

.modal__content {
  position: relative;
  max-height: 100%;
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
  padding-top: 94px;
  padding-right: 104px;
  padding-bottom: 108px;
  padding-left: 85px;
}

.modal__content::-webkit-scrollbar {
  height: 0;
  width: 0;
}

.modalClose {
  position: absolute;
  cursor: pointer;
  display: block;
  top: 37px;
  right: 37px;
}

.modalOverlay {
  z-index: 37;
  position: fixed;
  background: rgba(255, 255, 255, 0.07);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(1.5rem);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  cursor: pointer;
  display: none;
}

.pagination {
  display: flex;
  align-items: center;
}

.pagination__way {
  font-size: 1.125rem;
  line-height: 1.375rem;
  color: #484848;
}

.pagination__way--last {
  color: #c4c4c4;
}

.pagination ul {
  display: flex;
  margin: 0 0.9375rem;
}

.pagination li {
  list-style: none !important;
}

.pagination li a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  border: 0.0625rem solid #150035;
  border-radius: 50%;
  font-size: 1rem;
  line-height: 1.25rem;
  text-align: center;
  color: #150035;
  margin-right: 15px;
  margin-left: 15px;
}

.pagination__active {
  background: #f9f9fb;
  border: none !important;
}

@supports not ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
  .cookie {
    background: rgb(255, 255, 255);
  }
}

@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
  .cookie {
    background: rgba(255, 255, 255, 0.09);
    -webkit-backdrop-filter: blur(1.625rem);
    backdrop-filter: blur(1.625rem);
  }
}

.cookie {
  position: fixed;
  z-index: 4;
  bottom: 113px;
  left: 0.9375rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: calc(100% - 1.875rem);
  border: 0.0625rem solid rgba(21, 0, 53, 0.11);
  border-radius: 1.25rem;
  padding: 0.875rem 0.875rem 0.875rem 1.75rem;
  color: #2f2f2f;
}

.cookie__desc {
  padding-right: 1rem;
  line-height: 1.25rem;
  color: #2f2f2f;
  font-size: 16px;
}

.cookie__btns {
  display: flex;
  align-items: center;
}

.cookie__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  white-space: nowrap;
  height: 3.1875rem;
  padding: 0 3.875rem;
  border: 0.0625rem solid #150035;
  border-radius: 6.25rem;
  cursor: pointer;
}

.cookie a {
  padding: 1rem;
  white-space: nowrap;
}

#bgPopupCookie {
  position: fixed;
  display: none;
  z-index: 1;
}

.titleAnim {
  opacity: 1 !important;
  color: rgba(21, 0, 53, 0.5) !important;
  position: relative;
  overflow: hidden;
}

.titleAnim:before {
  content: attr(data-text);
  color: #150035;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: clip 3s ease;
  -o-transition: clip 3s ease;
  transition: clip 3s ease;
  clip: rect(0px, 0vw, 100vw, 0px);
}

.titleAnim.active:before {
  clip: rect(0px, 100vw, 100vw, 0px);
}

.breadcrumps {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.breadcrumps a {
  display: flex;
  align-items: center;
}

.breadcrumps a:last-child {
  pointer-events: none;
  color: rgba(22, 17, 13, 0.46);
}

.breadcrumps a:not(:last-child)::after {
  content: "";
  display: inline-flex;
  background-image: url("../img/ico/logo-mini.svg");
  min-width: 3.75rem;
  min-height: 3.75rem;
  width: 3.75rem;
  height: 3.75rem;
  background-size: contain;
}

.cases {
  display: flex;
  flex-wrap: wrap;
  margin-left: -0.625rem;
  margin-right: -0.625rem;
  padding-top: 3.9375rem;
}

.cases__item {
  display: inline-flex;
  width: 6.25rem;
  height: 6.25rem;
  -webkit-filter: grayscale(99%);
  filter: grayscale(99%);
  transition: -webkit-filter 0.2s ease-in-out;
  transition: filter 0.2s ease-in-out;
  transition: filter 0.2s ease-in-out, -webkit-filter 0.2s ease-in-out;
  mix-blend-mode: multiply;
  margin-left: 1.25rem;
  margin-right: 1.25rem;
  margin-bottom: 2.1875rem;
}

.cases__item img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.cases__item:hover {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
  mix-blend-mode: initial;
  background-color: #fff;
  box-shadow: -0.0625rem 0 0.5625rem rgba(21, 0, 53, 0.37);
  border-radius: 0.5625rem;
  overflow: hidden;
}

.services__item {
  display: block;
  padding: 3.4375rem 0 3.75rem;
  padding-top: 55px;
  padding-bottom: 60px;
}

.services p {
  line-height: 33px;
}

.services__title {
  display: flex;
  justify-content: space-between;
  color: #150035;
  align-items: flex-end;
}

.services__title span {
  display: block;
  white-space: nowrap;
  padding-bottom: 0.125rem;
  margin-bottom: 0.125rem;
  margin-left: 1.875rem;
  font-family: var(--fnt_main-bold);
  font-size: 1.0625rem;
  line-height: 1.3125rem;
  color: #150035;
  border-bottom: 0.125rem solid #150035;
}

.services__desc {
  color: #16110d;
  max-width: 45rem;
}

.audit__desc {
  max-width: 59.0625rem;
  padding: 2.75rem 0 3.125rem;
}

.key__desc {
  max-width: 58.4375rem;
  padding-top: 50px;
  padding-bottom: 53px;
}

.key .ol__title {
  padding-bottom: 0.5rem;
}

.benefits ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.benefits li {
  display: flex;
}

.price .benefits li {
  display: block;
}

.benefits__item {
  padding-top: 1rem;
  display: flex;
  flex-direction: column;
  max-width: 28.125rem;
}

.benefits__item--key {
  max-width: 28.125rem;
  padding-right: 1.875rem;
  padding-bottom: 62px;
}

.benefits__item--key .page__ico {
  margin-bottom: 0.875rem;
}

.benefits__item--learning {
  max-width: 20.8125rem;
  padding-right: 5rem;
  padding-bottom: 25px;
}

.benefits__item--learning .page__ico {
  margin-bottom: 1.25rem;
}

.benefits--audit ul {
  flex-direction: column;
}

.benefits--price ul {
  flex-direction: column;
}

.benefits--support {
  padding-top: 2.75rem;
}

.benefits--support li {
  padding-bottom: 0.625rem;
}

.benefits--no-titles li {
  align-items: center;
}

.benefits--key {
  padding-top: 1.25rem;
  padding-bottom: 2.9375rem;
}

.benefits--delivery {
  padding-bottom: 2.1875rem;
}

.benefits--delivery ul {
  padding-top: 1.875rem;
}

.benefits--delivery .page__title {
  padding-bottom: 0;
}

.support__desc {
  padding-top: 3.125rem;
}

* {
  box-sizing: border-box;
}

.df {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
}

.list-point {
  padding: 0 0 2.5rem;
}

.list-point__line {
  padding-top: 30px;
}

.list-point__line-item {
  align-items: center;
  position: relative;
}

.list-point__line-item:not(:last-child) {
  flex-grow: 1;
}

.list-point__line-item.active .list-point__circle {
  border: 0.3125rem solid rgb(21, 0, 53);
}

.list-point__line-item.active .list-point__circle .list-point__circle-inner {
  background: rgb(21, 0, 53);
}

.list-point__line-item.active .list-point__stick {
  background: rgb(21, 0, 53);
}

.list-point__line-item.active .list-point__line-num {
  color: #150035;
}

.list-point__circle-wrapp {
  position: relative;
}

.list-point__circle {
  border: 5px solid rgb(21, 0, 53);
  width: 2.125rem;
  height: 2.125rem;
  border-radius: 50%;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: 0.3s linear;
}

.list-point__circle-inner {
  width: 0.75rem;
  height: 0.75rem;
  background: rgb(21, 0, 53);
  border-radius: 50%;
  transition: 0.3s linear;
}

.list-point__circle.withoutStick {
  border: 0.3125rem solid rgb(21, 0, 53);
}

.list-point__circle.withoutStick .list-point__circle-inner {
  background: rgb(21, 0, 53);
}

.list-point__stick {
  height: 0.25rem;
  width: calc(100% - 2.125rem);
  background: rgb(21, 0, 53);
  transition: 0.3s linear;
}

.list-point__line-item .list-point__line-content:first-child {
  left: 0;
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
}

.list-point__line-item:nth-child(odd) .list-point__line-content {
  bottom: -0.625rem;
  -webkit-transform: translate(-50%, 100%);
  transform: translate(-50%, 100%);
}

.list-point__line-item:nth-child(even) .list-point__line-content {
  top: -0.625rem;
  -webkit-transform: translate(-50%, -100%);
  transform: translate(-50%, -100%);
}

.list-point__line-item:first-child .list-point__line-content {
  justify-content: flex-start;
  left: 0;
  -webkit-transform: translate(0%, 100%);
  transform: translate(0%, 100%);
}

.list-point__line-item:last-child .list-point__line-content {
  right: 0;
  -webkit-transform: translate(-100%, 100%);
  transform: translate(-100%, 100%);
  justify-content: flex-end;
}

.list-point__line-content {
  cursor: pointer;
  position: absolute;
  left: 50%;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: flex-start;
  width: 23.75rem;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  justify-content: center;
}

.list-point__line-num {
  font-weight: 400;
  margin-right: 1rem;
  transition: 0.3s linear;
  white-space: nowrap;
  font-family: var(--fnt_aqum);
  font-size: 2.375rem;
  line-height: 2rem;
}

.list-point__line-num.active {
  color: #150035;
}

.list-point__line-text {
  font-size: 1.125rem;
  font-weight: 400;
  color: #16110d;
  max-width: 290px;
  line-height: 1.5;
  margin-top: 0.1875rem;
}

.list-done {
  padding-bottom: 1.25rem;
}

.list-done li {
  display: flex;
  align-items: center;
  padding-right: 0.9375rem;
}

.list-done li:before {
  content: "";
  display: block;
  background: url("../img/ico/Frame-17.svg");
  min-width: 3.75rem;
  min-height: 3.75rem;
  width: 3.75rem;
  height: 3.75rem;
  background-size: contain;
}

.list-done--col ul {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}

.list-done--col-wrap {
  display: flex;
  flex-wrap: wrap;
}

.list-done__col ul {
  padding-bottom: 1.875rem;
}

.list-done__col-wrap {
  display: flex;
  flex-wrap: wrap;
}

.list-done--delivery {
  max-width: 64.1875rem;
}

.list-done--gap li {
  padding-bottom: 0.9375rem;
}

.product {
  display: flex;
  flex-direction: column;
}

.product__item {
  display: flex;
  padding: 0.75rem 0;
  justify-content: space-between;
  border-bottom: 0.0625rem solid #000;
  align-items: flex-end;
}

.product__content {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}

.product__title {
  padding-bottom: 0;
  padding-right: 0.9375rem;
}

.product__btn {
  font-family: var(--fnt_main-bold);
  font-size: 1.125rem;
  line-height: 1.3125rem;
  color: #150035;
  border-bottom: 0.125rem solid #150035;
  cursor: pointer;
  white-space: nowrap;
}

.product__btn span {
  font-family: var(--fnt_main-bold);
  font-size: 1.125rem;
  line-height: 1.3125rem;
  color: #150035;
}

.functions__desc {
  max-width: 74.0625rem;
  padding-top: 2.5rem;
  padding-bottom: 45px;
}

.functions__item {
  padding-bottom: 45px;
}

.contact__content {
  padding-top: 2.5rem;
  line-height: 1.8125rem;
  margin-bottom: -1.25rem;
}

.contact__row {
  display: flex;
  flex-wrap: wrap;
}

.contact__title {
  padding-bottom: 1.0625rem;
}

.contact__desc {
  max-width: 43.75rem;
}

.contact__item {
  display: flex;
  flex-direction: column;
  padding-bottom: 44px;
  width: 100%;
}

.contact__item a {
  display: block;
}

.contact__col {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.contact__col .contact__item {
  width: 100%;
}

.contact__social {
  display: flex;
}

.contact__social a {
  display: inline-block;
}

.contact__social-content {
  display: flex;
  flex-wrap: wrap;
}

.contact__social .contact__title {
  padding-bottom: 0;
}

.article__content {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -0.625rem;
}

.article__item {
  margin: 0 0.625rem;
}

.article__hedline {
  padding-bottom: 2.5rem;
}

.article__title {
  padding-top: 36px;
  padding-bottom: 70px;
}

.article__subtitle {
  padding-top: 2.25rem;
}

.article__text {
  padding-bottom: 1.25rem;
}

.article__img {
  width: 100%;
  max-height: 31.875rem;
}

.article__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.article__img--open {
  margin-right: 4.125rem;
  margin-bottom: 2.5rem;
  max-height: none;
}

.article__fresh-title {
  padding-bottom: 2.5rem;
}

.article__list-title {
  padding-top: 2.5rem;
}

.article ul {
  padding-left: 1.375rem;
}

.article li {
  list-style: initial;
  line-height: 2.0625rem;
}

.article ol li {
  list-style: auto;
}

.sitemap {
  color: #150035;
}

.sitemap h1 {
  font-size: 2.5rem;
  padding-bottom: 1.875rem;
}

.sitemap a {
  font-size: 18px;
  display: block;
  padding-bottom: 0.9375rem;
  color: #150035;
}

.sitemap a:hover {
  font-size: 1.1875rem;
  transition: 0.2s;
}

.sitemap .page__title {
  margin-top: 1.875rem;
}

.benefits--price li:not(:last-child) {
    border: 1px solid #150035;
    padding: 25px;
    /* margin: 30px; */
    width: 400px;
    border-radius: 50px;
    
  }
  .benefits--price li.selected {
  background-color: red;
}
.none1 {
 display: block;
}
.none2 {
  display: none;
}
.benefits__h > p {
  font-family: var(--fnt_aqum);
  font-weight: 600;
  line-height: calc(24px + 12 * ((100vw - 320px) / 1360));
  font-size: 28px;
  margin: 20px 0 20px 20px;
  text-align: center;
}
.benefits__c > p{
    
    font-weight: 400;
    text-align: center;
    line-height: 14px;
    font-size: 14px;
    margin: 0;
    padding: 0;
}
.benefits__c > p > span {
  font-family: var(--fnt_aqum);
   font-weight: 900;
   line-height: calc(30px + 18 * ((100vw - 320px) / 1360));
   font-size: calc(20px + 16* ((100vw - 320px) / 1360));
}
.benefits__desc {
  height: 55px;
}
.benefits__desc > p{
    font-family: var(--fnt_aqum);   
    text-align: center;
    line-height: 14px;
    margin: 15px;
}
.benefits__list {
    padding-left: 2rem;
    height: 150px;
}
/* .znach, .znach2 {
  background-image: url("../img/ico/pseudo.svg");
  background-position: left center;
  background-repeat: no-repeat; 
  padding-left: 40px; 
} */
/* .znach2 {
  background-image: url("../img/ico/pseudo2.svg");
} */
.znach3 {
  padding: 7px 15px;
  border: 1px solid #0000;
  margin: 10px;
  border-radius: 50px;
  font-size: 16px;
  transition: 0.3s all ease;
  font-family: var(--fnt_main);
}
.znach3:hover {
    border: 1px solid #150035;
}
.znach3.ActiveButton{
  background:#150035;
  color: #FCF0F0;
}

.benefits__list > p {
  font-family: var(--fnt_aqum);
  line-height: 16px;
  padding-top: 6px;
  font-size: 14px;
}

.benefits__ris, .benefits__but, .benefits__bt {
  text-align: center;
  margin-top: 10px;
}
.benefits__but > button {
  font-size: 16px;
  height: 33px;
  font-weight: bold;
  margin-top: 10px;
  padding: 25px 60px;
  font-family: var(--fnt_main);
}
.benefits__l1, .benefits__l2, .benefits__l3, .benefits__l4, .benefits__l5, .benefits__l6, .benefits__l7, .benefits__l8 {
  margin: 0 100px;
  padding: 0px;
  border: 2px solid #150035;
  border-radius: 50px 0 50px 50px;
  margin-bottom: 20px;
  border-collapse: collapse;
  width: 1003px;
}
.znach5 {
  display: flex;
  line-height: calc(14px + 6 * ((100vw - 320px) / 1360));
  font-size: calc(12px + 6* ((100vw - 320px) / 1360));
  padding: 0px 0px;
  align-content: center;
  align-items: center;
  height: 55px;
  border-bottom: 1px solid #EAEAEA;
  width: 100%;
  padding-left: 40px;

}
.znach5:nth-child(even) {
  background: #ffda47;
}
@media (max-width:992px){
  .benefits__h2 > p {
    width: 99%!important;
    text-align: center!important;
}
  .benefits--price li:not(:last-child){
    max-width:317px ;
  }
  .benefits--price ul li{
    max-width:317px ;
  }
  .li2 {
    overflow: auto;
    width: 589px;
    margin: 0 0px;
    padding: 0px;
}
  div.benefits__h3 {
    display: flex;
    padding: 0 20px;
    overflow: auto;
    width: 689px!important;
  }
  div.bl2 {
    flex: 58%!important;
}
div.bl2 > div:nth-child(1) {
  padding-left: 20px;
}
  .znach5:nth-child(even) {
    background: #ffda47;
}
.znach5{
  padding-left:10px ;
}
  .znach5 span {
    display: block;
    width: 58%;
    margin-left: 30px;
  }
  .znach3 {
    padding:5px 14px;
    border: 1px solid #0000;
    margin: 5px;
    border-radius: 50px;
    font-size: 14px;
    transition: 0.3s all ease;
    font-family: var(--fnt_main);
    text-align: left;
  }
.overflou{
  overflow: auto;
}

}
.elementMenu {
  width: calc(50% / 3);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
}
.znach5 span {
  display: block;
  width: 51%;
  font-size: 12px;
  font-weight: bold;
  font-family: 'Montserrat-Regular';
}
.znach5:last-child {
  border: none;
}
.znach5:last-child {
  border-bottom-left-radius: 50px;
  border-bottom-right-radius: 50px;
}
.znach5:first-child {
  border: none;
  border-top-left-radius: 50px;
  border-top-right-radius: 50px;
}
.benefits__l1 > p:nth-child(2n+2) , .benefits__l2 > p:nth-of-type(1), .benefits__l3 > p:nth-of-type(1), 
.benefits__l4 > p:nth-of-type(1), .benefits__l5 > p:nth-of-type(1), .benefits__l6 > p:nth-of-type(1), 
.benefits__l7 > p:nth-of-type(1) {
  background-color: #FFD633;
}
.benefits__h2 > p {
  /* text-align: right; */
  /* margin: 20px 150px; */
  font-family: var(--fnt_aqum);
  line-height: calc(20px + 6 * ((100vw - 320px) / 1360));
  font-size: calc(18px + 6* ((100vw - 320px) / 1360));
  width: 1003px;
  text-align: right;
}
div.benefits__h3 {
  display: flex;
  padding: 0 20px;
  width: 1203px;
}
div.bl1 {
  flex: 60%;
}
.benefits__h2 {
  margin-bottom: 10px;
  margin-top: 32px;
}
div.bl2 {
  padding: 15px 0;
  border: 1px solid #150035;
  border-radius: 50px 50px 0 0;
  line-height: calc(10px + 6 * ((100vw - 320px) / 1360));
  font-size: calc(10px + 6* ((100vw - 320px) / 1360));
  flex: 48%;
  margin-right: 80px;
  background-color: #150035;
}

div.bl2 > div {
  width: 32%;
  color: #ffffff;
  float: left;
  padding: 5px;
  text-align: center;
}
.benefits__bt {
  width: fit-content;
  margin: auto;
  display: flex;
  padding: 5px;
  border-radius: 100px;
  gap: 14px;
  position: relative;
  margin-top: 0px;
  justify-content: space-around;
  top: 40px;
}
.bnt-cheak {
  font-size: 16px;
  height: 33px;
  font-weight: bold;
  width: 237px;
  padding: 25px 10px!important;
  font-family: var(--fnt_main-bold);
  gap: 20px;
  min-width: 230px;
}
  .benefits__bt > button{
     height: 33px;
  }

@media (min-width: 35.625em) {
  .product__item {
    align-items: center;
  }

  .product__content {
    flex-direction: row;
    align-items: center;
  }

  .product__title {
    padding-left: 1.875rem;
  }
}

@media (min-width: 47.9375em) {
  .menu-btn {
    top: 3.4375rem;
  }
}

@media (min-width: 61.9375em) and (max-height: 45em) {
  .hero__img--1 {
    bottom: 0rem !important;
    max-height: 43vh;
    right: -13.4375rem !important;
  }
}

@media (min-width: 62rem) {
  .mob-item {
    display: none !important;
  }
}

@media (min-width: 66.875em) {
  .modal {
    max-width: 64.9375rem;
  }
}

@media (min-width: 72.5em) {
  .benefits--key li {
    width: 33.3333333333%;
  }
}

@media (min-width: 77.5em) {
  .modal {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    zoom: 70%;
  }
}

@media (min-width: 88.75em) {
  .contact__desc {
    max-width: 59.1875rem;
  }
}

@media (min-width: 36em) {
  .benefits--audit ul {
    flex-direction: row;
    align-items: center;
  }
   .benefits--price ul {
    flex-direction: row;
    align-items: center;
  }
}

@media (min-width: 40em) {
  .contact__item {
    width: 50%;
    padding-right: 1.875rem;
  }

  .contact__col {
    width: 50%;
  }
}

@media (min-width: 48em) {
  .bg--green .header__leng:hover {
    background-color: #b2ff4d;
  }

  .bg--green .header__leng ul {
    background: #b2ff4d;
  }

  .bg--blue .header__leng:hover {
    background-color: #4cd2db;
  }

  .bg--blue .header__leng ul {
    background: #4cd2db;
  }

  .bg--yellow .header__leng:hover {
    background-color: #fc0;
  }

  .bg--yellow .header__leng ul {
    background: #fc0;
  }

  .bg--white .header__leng:hover {
    background-color: #fff;
  }

  .bg--white .header__leng ul {
    background: #fff;
  }

  .header__right {
    align-items: center;
  }

  .header__right .header__menu-item {
    color: #000;
  }

  .header__logo {
    width: 171px;
    height: 58px;
    margin-right: 54px;
  }

  .header-title,
  .header__menu-item,
  .header__leng {
    font-size: 18px;
    line-height: 22px;
  }

  .header__leng {
    border-radius: 1.25rem 1.25rem 0 0;
  }

  .header__leng--active {
    color: #000;
  }

  .header__leng a {
    color: rgba(21, 0, 53, 0.5);
  }

  .header__leng a:hover {
    color: #000;
  }

  .header__leng ul {
    border-radius: 0 0 1.25rem 1.25rem;
    color: #000;
    padding-bottom: 0.125rem;
    margin-top: 1.4375rem;
    position: absolute;
    left: 0;
    top: 0;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }

  .header__leng span {
    padding: 0rem 1rem 0.3125rem;
  }

  .header__seach {
    align-items: center;
  }

  .header__seach input {
    width: 99px;
  }

  .header__seach input::-webkit-input-placeholder {
    color: #000;
  }

  .header__seach input::-moz-placeholder {
    color: #000;
  }

  .header__seach input:-ms-input-placeholder {
    color: #000;
  }

  .header__seach input::-ms-input-placeholder {
    color: #000;
  }

  .header__seach input::placeholder {
    color: #000;
  }

  .header__seach input::-webkit-input-placeholder {
    font-size: 16px;
    line-height: 20px;
  }

  .header__seach input::-moz-placeholder {
    font-size: 16px;
    line-height: 20px;
  }

  .header__seach input:-ms-input-placeholder {
    font-size: 16px;
    line-height: 20px;
  }

  .header__seach input::-ms-input-placeholder {
    font-size: 16px;
    line-height: 20px;
  }

  .header__seach input::placeholder {
    font-size: 16px;
    line-height: 20px;
  }

  .benefits--audit li:not(:last-child) {
    padding-right: 37px;
  }

  

  .benefits--support li {
    width: 50%;
  }

  .benefits--key li {
    width: 50%;
  }

  .benefits--delivery li:not(:last-child) {
    padding-right: 82px;
  }

  .list-done--col ul {
    flex-direction: row;
    align-items: center;
  }

  .list-done--col li {
    width: 50%;
  }

  .list-done__col {
    width: 50%;
  }

  .list-done__col ul {
    padding-right: 30px;
  }

  .list-done--delivery ul {
    padding-right: 1.875rem;
  }

  .article__item {
    width: calc((100% - 2.5rem) / 2);
  }
}


@media (min-width: 62em) {
  .slick-slider .slick-list {
    display: flex;
  }

  .slick-dots {
    bottom: 65px;
  }

  .header__leng {
    margin-top: -0.25rem;
  }

  .footer {
    justify-content: space-between;
    flex-direction: row;
  }

  .hero__img {
    position: absolute;
  }

  .hero__img--1 {
    bottom: 7.125rem;
    right: -210px;
  }

  .hero__img--1 img {
    display: none;
  }

  .hero__img--2 {
    right: 0;
    bottom: 8.25rem;
  }

  .hero__img--3 {
    bottom: 0px;
    right: 55px;
  }

  .hero__desc--1 {
    max-width: 665px;
    padding-top: 1.375rem !important;
  }

  .hero__desc--2 {
    max-width: 790px;
  }

  .hero__desc--3 {
    max-width: 846px;
  }

  .page__head {
    flex-direction: row;
  }

  .page__head-wrap {
    position: relative;
  }

  .page__head-wrap--services {
    overflow: hidden;
    min-height: 50.8125rem;
  }

  .page__head-img--team {
    margin-left: 7.5rem;
    margin-bottom: -7.5rem;
    margin-top: 0;
  }

  .page__head-img--services {
    position: absolute;
    right: -295px;
    top: 6.5625rem;
  }

  .page__head-img--functions {
    position: absolute;
    right: 0.9375rem;
    top: 10.25rem;
    z-index: -1;
    margin-right: -0.9375rem;
  }

  .page__article-wrap {
    flex-direction: row;
  }

  .page__article-col {
    width: 50%;
  }

  .page__article-col:first-child {
    padding-right: 40px;
  }

  .page__form-content--col {
    width: 25.3125rem;
  }

  .services {
    margin-top: -305px;
  }

  .services__item:not(:last-child) {
    padding: 3.4375rem 0 3.75rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.34);
  }

  .services__item:hover .services__title {
    font-size: 72px;
    line-height: 91px;
    opacity: 1;
  }

  .services__item:hover .services__desc {
    opacity: 1;
    padding-left: 1.5625rem;
  }

  .services__item:hover:not(:last-child) {
    border-bottom: 1px solid #000;
  }

  .services__title {
    opacity: 0.34;
    transition: 1s;
  }

  .services__desc {
    opacity: 0.34;
    transition: 1.5s;
  }

  .functions__desc {
    max-width: 60%;
  }

  .contact__desc {
    margin-top: -7.8125rem;
  }

  .article__item {
    width: 30%;
  }

  .article__img--open {
    float: left;
    max-width: 28.5rem;
  }
}

@media (max-height: 45em) and (min-width: 62em) {
  .hero__item {
    padding-bottom: 6.5625rem;
    padding-top: 6.5625rem;
  }
}

@media (min-width: 992px) {
  .page__article--team {
    margin-top: -5.625rem;
    margin-right: 5rem;
  }

  .ol {
    flex-direction: row;
  }

  .ol li {
    max-width: 50%;
    flex-direction: row;
  }

  .breadcrumps {
    margin-top: -40px;
    padding-bottom: 40px;
  }

  .list-point__line {
    padding-bottom: 120px;
    padding-top: 100px;
  }

  .list-point__circle {
    border: 5px solid rgba(21, 0, 53, 0.23);
  }

  .list-point__circle-inner {
    background: rgba(21, 0, 53, 0.23);
  }

  .list-point__stick {
    background: rgba(21, 0, 53, 0.23);
  }

  .list-point__line-num {
    color: rgba(21, 0, 53, 0.23);
  }
}

@media (min-width: 65em) {
  .bg--green .header__menu ul {
    background-color: #b2ff4d;
  }

  .bg--blue .header__menu ul {
    background-color: #4cd2db;
  }

  .bg--yellow .header__menu ul {
    background-color: #fc0;
  }

  .bg--white .header__menu ul {
    background-color: #fff;
  }

  .header__wrap {
    padding-right: 1.875rem;
  }

  .header__logo--mob {
    display: none;
  }

  .header__menu ul {
    position: absolute;
    left: 0;
    top: 0;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    padding:  0.5em 2em;
    margin-left: -0.9375rem;
    margin-top: 2.1875rem;
    background-color: #b2ff4d;
    border-radius: 1.25rem;
    overflow: hidden;
  }

  .header__menu ul a:last-child {
    margin-right: 24px;
  }

  .header__menu-item {
    padding-bottom: 0.1875rem;
    border-bottom: 0.0625rem solid transparent;
    margin-left: 20px;
    margin-right: 20px;
  }

  .header__menu-item {
    align-items: center;
  }

  .header__menu-item--drop:hover {
    border-bottom: 0.0625rem solid #150035;
  }

  .header__menu-title {
    margin-bottom: -2.1875rem;
    padding-bottom: 2.1875rem;
  }

  .header__leng {
    margin-left: 50px;
  }

  .header__seach input::-webkit-input-placeholder {
    width: 99px;
  }

  .header__seach input::-moz-placeholder {
    width: 99px;
  }

  .header__seach input:-ms-input-placeholder {
    width: 99px;
  }

  .header__seach input::-ms-input-placeholder {
    width: 99px;
  }

  .header__seach input::placeholder {
    width: 99px;
  }

  #menu-toggle {
    display: none;
  }
}

@media (min-width: 70em) {
  .contact__item {
    width: 25%;
  }

  .contact__col {
    width: 25%;
  }
}

@media (max-width: 1680px) {
  p {
    line-height: calc(29px + 4 * ((100vw - 320px) / 1360));
  }

  p + p {
    padding-top: calc(20px + 20 * ((100vw - 320px) / 1360));
  }

  .page__preview-img {
    width: calc(221px + 197 * ((100vw - 320px) / 1360));
  }

  .page__preview-img {
    height: calc(75px + 67 * ((100vw - 320px) / 1360));
  }

  .header__logo {
    width: calc(114px + 57 * ((100vw - 320px) / 1360));
  }

  .header__logo {
    height: calc(39px + 19 * ((100vw - 320px) / 1360));
  }

  .footer {
    padding-top: calc(39px + 3 * ((100vw - 320px) / 1360));
  }

  .footer {
    padding-bottom: calc(0px + 45 * ((100vw - 320px) / 1360));
  }

  .hero__logo {
    width: calc(320px + 652 * ((100vw - 320px) / 1360));
  }

  .hero__logo {
    height: calc(96px + 196 * ((100vw - 320px) / 1360));
  }

  .hero__logo-img {
    width: calc(200px + 413 * ((100vw - 320px) / 1360));
  }

  .hero__logo-img {
    height: calc(87px + 180 * ((100vw - 320px) / 1360));
  }

  .hero__logo-img {
    margin-right: calc(12px + 26 * ((100vw - 320px) / 1360));
  }

  .hero__logo-animation {
    width: calc(107px + 221 * ((100vw - 320px) / 1360));
  }

  .hero__logo-animation {
    height: calc(95px + 197 * ((100vw - 320px) / 1360));
  }

  .hero__img--1 {
    width: calc(290px + 408 * ((100vw - 320px) / 1360));
  }

  .hero__img--1 {
    height: calc(202px + 285 * ((100vw - 320px) / 1360));
  }

  .hero__img--1 img {
    left: calc(-23px + -23 * ((100vw - 320px) / 1360));
  }

  .hero__img--1 img {
    width: calc(265px + 355 * ((100vw - 320px) / 1360));
  }

  .hero__img--2 {
    width: calc(253px + 355 * ((100vw - 320px) / 1360));
  }

  .hero__img--2 {
    height: calc(214px + 301 * ((100vw - 320px) / 1360));
  }

  .hero__img--3 {
    width: calc(287px + 301 * ((100vw - 320px) / 1360));
  }

  .hero__img--3 {
    height: calc(191px + 294 * ((100vw - 320px) / 1360));
  }

  .hero__subtitle {
    padding-top: calc(42px + 7 * ((100vw - 320px) / 1360));
  }

  .hero__subtitle {
    line-height: calc(26px + 13 * ((100vw - 320px) / 1360));
  }

  .hero__subtitle {
    font-size: calc(21px + 11 * ((100vw - 320px) / 1360));
  }

  .hero__title {
    line-height: calc(53px + 147 * ((100vw - 320px) / 1360));
  }

  .hero__title {
    font-size: calc(42px + 158 * ((100vw - 320px) / 1360));
  }

  .hero__desc {
    padding-top: calc(22px + 13 * ((100vw - 320px) / 1360));
  }

  .hero__desc p + p {
    padding-top: calc(20px + 4 * ((100vw - 320px) / 1360));
  }

  .hero__btn {
    margin-top: calc(35px + -10 * ((100vw - 320px) / 1360));
  }

  .page__healline--lg {
    font-size: calc(42px + 158 * ((100vw - 320px) / 1360));
  }

  .page__healline--lg {
    line-height: calc(53px + 199 * ((100vw - 320px) / 1360));
  }

  .page__healline--md {
    font-size: calc(42px + 58 * ((100vw - 320px) / 1360));
  }

  .page__healline--md {
    line-height: calc(53px + 73 * ((100vw - 320px) / 1360));
  }

  .page__healline--sm {
    font-size: calc(26px + 46 * ((100vw - 320px) / 1360));
  }

  .page__healline--sm {
    line-height: calc(33px + 58 * ((100vw - 320px) / 1360));
  }

  .page__head-img--team {
    width: calc(231px + 194 * ((100vw - 320px) / 1360));
  }

  .page__head-img--team {
    height: calc(199px + 167 * ((100vw - 320px) / 1360));
  }

  .page__head-img--cases {
    width: calc(306px + 315 * ((100vw - 320px) / 1360));
  }

  .page__head-img--cases {
    height: calc(191px + 197 * ((100vw - 320px) / 1360));
  }

  .page__head-img--strategy {
    width: calc(232px + 207 * ((100vw - 320px) / 1360));
  }

  .page__head-img--strategy {
    height: calc(199px + 177 * ((100vw - 320px) / 1360));
  }

  .page__head-img--services {
    width: calc(219px + 552 * ((100vw - 320px) / 1360));
  }

  .page__head-img--services {
    height: calc(178px + 463 * ((100vw - 320px) / 1360));
  }

  .page__head-img--functions {
    width: calc(219px + 252 * ((100vw - 320px) / 1360));
  }

  .page__head-img--functions {
    height: calc(178px + 172 * ((100vw - 320px) / 1360));
  }

  .page__head-img--contact {
    width: calc(219px + 268 * ((100vw - 320px) / 1360));
  }

  .page__head-img--contact {
    height: calc(178px + 256 * ((100vw - 320px) / 1360));
  }

  .page__title {
    font-size: calc(26px + 9 * ((100vw - 320px) / 1360));
  }

  .page__title {
    line-height: calc(26px + 22 * ((100vw - 320px) / 1360));
  }
  .price .page__title {
    line-height: calc(20px + 18 * ((100vw - 320px) / 1360));
     font-size: calc(20px + 9 * ((100vw - 320px) / 1360));
  }
  .page__title--sm {
    font-size: calc(18px + 9 * ((100vw - 320px) / 1360));
  }

  .page__title--sm {
    line-height: calc(20px + 13 * ((100vw - 320px) / 1360));
  }

  .page__article-wrap {
    padding-top: calc(42px + 127 * ((100vw - 320px) / 1360));
  }

  .page__form input {
    padding-left: calc(26px + 7 * ((100vw - 320px) / 1360));
  }

  .page__form input {
    padding-right: calc(26px + 7 * ((100vw - 320px) / 1360));
  }

  .page__form input::-webkit-input-placeholder {
    font-size: calc(16px + 2 * ((100vw - 320px) / 1360));
  }

  .page__form input::-moz-placeholder {
    font-size: calc(16px + 2 * ((100vw - 320px) / 1360));
  }

  .page__form input:-ms-input-placeholder {
    font-size: calc(16px + 2 * ((100vw - 320px) / 1360));
  }

  .page__form input::-ms-input-placeholder {
    font-size: calc(16px + 2 * ((100vw - 320px) / 1360));
  }

  .page__form input::placeholder {
    font-size: calc(16px + 2 * ((100vw - 320px) / 1360));
  }

  .page__form button {
    padding-left: calc(26px + 7 * ((100vw - 320px) / 1360));
  }

  .page__form button {
    padding-right: calc(26px + 7 * ((100vw - 320px) / 1360));
  }

  .page__gap-lg {
    padding-top: calc(85px + 150 * ((100vw - 320px) / 1360));
  }

  .page__gap-md {
    padding-top: calc(85px + 85 * ((100vw - 320px) / 1360));
  }

  .page__gap-sm {
    padding-top: calc(86px + 33 * ((100vw - 320px) / 1360));
  }

  .ol li {
    padding-bottom: calc(25px + 25 * ((100vw - 320px) / 1360));
  }

  .ol__title {
    line-height: calc(26px + 14 * ((100vw - 320px) / 1360));
  }

  .ol__title {
    font-size: calc(21px + 11 * ((100vw - 320px) / 1360));
  }

  .ol--strategy {
    padding-top: calc(24px + 108 * ((100vw - 320px) / 1360));
  }

  .ol--key {
    padding-top: calc(0px + 30 * ((100vw - 320px) / 1360));
  }

  .modal__headline {
    font-size: calc(21px + 51 * ((100vw - 320px) / 1360));
  }

  .modal__headline {
    line-height: calc(26px + 65 * ((100vw - 320px) / 1360));
  }

  .modal__headline {
    padding-bottom: calc(23px + 34 * ((100vw - 320px) / 1360));
  }

  .modal__content {
    padding-top: calc(40px + 54 * ((100vw - 320px) / 1360));
  }

  .modal__content {
    padding-right: calc(15px + 89 * ((100vw - 320px) / 1360));
  }

  .modal__content {
    padding-bottom: calc(15px + 93 * ((100vw - 320px) / 1360));
  }

  .modal__content {
    padding-left: calc(15px + 70 * ((100vw - 320px) / 1360));
  }

  .modalClose {
    top: calc(15px + 22 * ((100vw - 320px) / 1360));
  }

  .modalClose {
    right: calc(15px + 22 * ((100vw - 320px) / 1360));
  }

  .pagination li a {
    margin-right: calc(5px + 10 * ((100vw - 320px) / 1360));
  }

  .pagination li a {
    margin-left: calc(5px + 10 * ((100vw - 320px) / 1360));
  }

  .cookie {
    bottom: calc(23px + 90 * ((100vw - 320px) / 1360));
  }

  .cookie__desc {
    font-size: calc(14px + 2 * ((100vw - 320px) / 1360));
  }

  .services__item {
    padding-top: calc(38px + 17 * ((100vw - 320px) / 1360));
  }

  .services__item {
    padding-bottom: calc(37px + 23 * ((100vw - 320px) / 1360));
  }

  .services p {
    line-height: calc(29px + 4 * ((100vw - 320px) / 1360));
  }

  .key__desc {
    padding-top: calc(38px + 12 * ((100vw - 320px) / 1360));
  }

  .key__desc {
    padding-bottom: calc(21px + 32 * ((100vw - 320px) / 1360));
  }

  .benefits__item--key {
    padding-bottom: calc(15px + 47 * ((100vw - 320px) / 1360));
  }

  .benefits__item--learning {
    padding-bottom: calc(15px + 10 * ((100vw - 320px) / 1360));
  }

  .functions__desc {
    padding-bottom: calc(30px + 15 * ((100vw - 320px) / 1360));
  }

  .functions__item {
    padding-bottom: calc(30px + 15 * ((100vw - 320px) / 1360));
  }

  .contact__item {
    padding-bottom: calc(30px + 14 * ((100vw - 320px) / 1360));
  }

  .article__title {
    padding-top: calc(23px + 13 * ((100vw - 320px) / 1360));
  }

  .article__title {
    padding-bottom: calc(42px + 28 * ((100vw - 320px) / 1360));
  }

  .sitemap a {
    font-size: calc(14px + 4 * ((100vw - 320px) / 1360));
  }
}

@media all and (max-width: 1199.98px) {
  .fl_lg_center {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .jc_lg_between {
    display: flex;
    justify-content: space-between;
  }

  .jc_lg_center {
    display: flex;
    justify-content: center;
  }

  .jc_lg_end {
    display: flex;
    justify-content: flex-end;
  }

  .jc_lg_start {
    display: flex;
    justify-content: flex-start;
  }

  .ai_lg_start {
    display: flex;
    align-items: flex-start;
  }

  .ai_lg_center {
    display: flex;
    align-items: center;
  }

  .ai_lg_base {
    display: flex;
    align-items: baseline;
  }

  .fd_lg_cl {
    flex-direction: column;
  }
}

@media (max-width: 62em) {
  .spoiler-text--cases {
    height: 20.3125rem;
    word-break: break-word;
    word-wrap: break-word;
    cursor: pointer;
  }

  .spoiler-btn--cases {
    display: block;
  }
}

@media (max-width: 991px) {
  .pc-item {
    display: none !important;
  }

  .page__healline {
    text-align: center;
    margin-top: 0;
    font-size: 42px;
    margin-bottom: 40px;
  }

  .page__head-img {
    margin-left: auto;
    margin-right: auto;
  }

  .page__head-img--cases {
    margin-top: 3.5625rem;
  }

  .page__head-img--strategy {
    margin-top: 3.125rem;
  }

  .page__title--subtitle {
    text-align: center;
    padding-top: 2.0625rem;
  }

  .ol span {
    padding-bottom: 1.5625rem;
  }

  .simplebar {
    position: relative;
  }

  .simplebar:after {
    content: "";
    position: absolute;
    right: -0.125rem;
    top: 0.125rem;
    display: block;
    width: 0.0625rem;
    height: 95%;
    background-color: rgba(21, 0, 53, 0.26);
  }

  .simplebar--aside {
    max-height: 11.25rem;
    min-height: 11.25rem;
    padding-right: 1rem;
    padding-bottom: 42px;
  }

  .simplebar--aside p {
    font-size: 16px;
    line-height: 29px;
  }

  .simplebar-scrollbar:before {
    border-radius: 3.125rem;
    background: #150035;
  }

  .simplebar-track.simplebar-vertical {
    right: -0.3125rem;
    width: 0.4375rem;
  }

  .cookie {
    flex-direction: column;
  }

  .cookie__desc {
    text-align: center;
    padding-bottom: 1.4375rem;
  }

  .cookie__btns {
    flex-direction: column;
  }

  .list-point {
    padding-top: 2.1875rem;
  }

  .list-point__line {
    padding-bottom: 3.125rem;
    flex-direction: column;
    width: 100%;
    margin: 0 auto;
  }

  .list-point__line-item.active .list-point__circle {
    border: 0.1875rem solid rgb(21, 0, 53);
  }

  .list-point__circle {
    width: 1.5625rem;
    height: 1.5625rem;
    border: 0.1875rem solid rgb(21, 0, 53);
  }

  .list-point__circle-inner {
    width: 0.4375rem;
    height: 0.4375rem;
  }

  .list-point__circle.withoutStick {
    border: 0.1875rem solid rgb(21, 0, 53);
  }

  .list-point__stick {
    width: calc(100% - 1.875rem);
  }

  .list-point__line-content {
    width: 43%;
    justify-content: flex-start;
    align-items: center;
  }

  .list-point__line-item {
    flex-direction: column;
  }

  .list-point__line-item:nth-child(odd) .list-point__line-content {
    left: 0;
    top: 0;
    bottom: auto;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    justify-content: flex-end !important;
  }

  .list-point__line-item:nth-child(odd) .list-point__line-text {
    text-align: right;
  }

  .list-point__line-item:nth-child(even) .list-point__line-content {
    top: 0;
    right: 1.25rem;
    left: auto;
    -webkit-transform: translate(0%, 0);
    transform: translate(0%, 0);
    padding-left: 0.9375rem;
  }

  .list-point__line-item:last-child .list-point__line-content {
    bottom: 0;
    top: auto;
    justify-content: flex-start;
    -webkit-transform: translate(0);
    transform: translate(0);
  }

  .list-point__line-item:first-child .list-point__line-content {
    top: 0;
    justify-content: flex-start;
    -webkit-transform: translate(0);
    transform: translate(0);
  }

  .list-point__circle-wrapp {
    width: 100%;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    justify-content: center;
  }

  .list-point__stick {
    width: 0.0625rem;
    height: 5.625rem;
  }

  .list-point__line-num {
    font-size: 1.125rem;
    margin-right: 0.5rem;
  }

  .list-point__line-text {
    font-size: 0.8125rem;
    margin-top: 0;
  }

  .list-point__line-text br {
    display: none;
  }

  .list-point__desc {
    width: auto;
    max-width: 46.875rem;
    font-size: 0.875rem;
  }

  .list-point__desc p:not(:last-child) {
    margin-bottom: 0.875rem;
  }
}

@media all and (max-width: 991.98px) {
  .fl_md_center {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .jc_md_between {
    display: flex;
    justify-content: space-between;
  }

  .jc_md_center {
    display: flex;
    justify-content: center;
  }

  .jc_md_end {
    display: flex;
    justify-content: flex-end;
  }

  .jc_md_start {
    display: flex;
    justify-content: flex-start;
  }

  .ai_md_start {
    display: flex;
    align-items: flex-start;
  }

  .ai_md_center {
    display: flex;
    align-items: center;
  }

  .ai_md_base {
    display: flex;
    align-items: baseline;
  }

  .fd_md_row {
    flex-direction: row;
  }
}

@media (max-width: 991px) and (max-width: 1680px) {
  .simplebar--aside {
    padding-bottom: calc(0px + 42 * ((100vw - 320px) / 1360));
  }

  .simplebar--aside p {
    font-size: calc(12px + 4 * ((100vw - 320px) / 1360));
  }

  .simplebar--aside p {
    line-height: calc(22px + 7 * ((100vw - 320px) / 1360));
  }
}

@media (max-width: 48em) {
  .footer {
    text-align: center;
  }

  .benefits--support ul {
    flex-direction: column;
  }

  .article__content {
    justify-content: center;
  }
}

@media (max-width: 768px) {
  .list-point__line-content {
    align-items: flex-start;
  }
}

@media all and (max-width: 767.98px) {
  .fl_sm_center {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .jc_sm_between {
    display: flex;
    justify-content: space-between;
  }

  .jc_sm_center {
    display: flex;
    justify-content: center;
  }

  .jc_sm_end {
    display: flex;
    justify-content: flex-end;
  }

  .jc_sm_start {
    display: flex;
    justify-content: flex-start;
  }

  .ai_sm_start {
    display: flex;
    align-items: flex-start;
  }

  .ai_sm_center {
    display: flex;
    align-items: center;
  }

  .ai_sm_base {
    display: flex;
    align-items: baseline;
  }
}

@media (max-width: 71.25em) {
  .pagination {
    justify-content: center;
  }
}

@media (max-width: 64.9375em) {
  .header__menu {
    padding-top: 3.75rem;
    width: 100%;
    align-items: flex-start;
    flex-direction: column;
  }

  .header__menu-wrap {
    align-items: flex-start;
    flex-direction: column;
  }

  .header__menu ul {
    padding-top: 0.9375rem;
  }

  .header__menu ul a {
    color: #fff;
  }

  .header__menu-item {
    color: #fff;
    padding: 1.625rem 0;
    width: 100%;
  }

  .header__menu-item--drop {
    position: relative;
  }

  .header__menu-title {
    color: #fff;
  }

  .menubox {
    z-index: 5;
    flex-direction: column;
    padding: 6.875rem 1.25rem 5rem 1.4375rem;
  }

  .menu-btn {
    display: flex;
    align-items: center;
    position: absolute;
    right: 1.5625rem;
    width: 1.8125rem;
    height: 1.8125rem;
    cursor: pointer;
    z-index: 6;
  }

  .menu-btn > span,
  .menu-btn > span::before,
  .menu-btn > span::after {
    display: block;
    position: absolute;
    width: 100%;
    height: 0.1875rem;
    background-color: #150035;
    transition-duration: 0.25s;
  }

  .menu-btn > span::before {
    content: "";
    top: -0.5rem;
  }

  .menu-btn > span::after {
    content: "";
    top: 0.5rem;
  }

  .menubox {
    display: block;
    position: fixed;
    visibility: hidden;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    transition-duration: 0.25s;
    background-color: #150035;
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  .menubox::-webkit-scrollbar {
    height: 0;
    width: 0;
  }

  #menu-toggle {
    position: absolute;
    opacity: 0;
  }

  #menu-toggle:checked ~ .menu-btn {
    width: 0.875rem;
    height: 0.875rem;
    right: 2.625rem;
  }

  #menu-toggle:checked ~ .menu-btn > span {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    background-color: #a0a9bc;
  }

  #menu-toggle:checked ~ .menu-btn > span::before {
    top: 0;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    background-color: #a0a9bc;
  }

  #menu-toggle:checked ~ .menu-btn > span::after {
    top: 0;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    background-color: #a0a9bc;
  }

  #menu-toggle:checked ~ .menubox {
    visibility: visible;
    left: 0;
  }

  .accordion__head {
    position: relative;
  }

  .accordion__head.active:before {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  .accordion__head:before {
    content: "";
    position: absolute;
    right: 0;
    top: -1.25rem;
    width: 3.75rem;
    height: 3.75rem;
    display: block;
    background: url("../img/ico/arr.svg") no-repeat;
    background-size: cover;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
  }
}

@media (max-width: 64.9375em) and (max-width: 47.9375em) {
  #menu-toggle:checked ~ .menu-btn {
    top: 2.5rem;
  }
}

@media (max-width: 61.9375em) {
  .hero__item {
    padding-bottom: 12.1875rem;
  }

  .hero__content {
    padding-top: 6.75rem;
    justify-content: flex-start;
    min-height: auto;
  }

  .hero__img {
    margin: 0 auto;
  }

  .hero__img--1 lottie-player {
    display: none;
  }

  .hero__img--1 lottie-player {
    display: none;
  }

  .hero__title {
    text-align: center;
  }

  .hero__desc {
    text-align: center;
  }

  .hero .btn-wrap {
    display: flex;
    justify-content: center;
    flex-direction: column;
  }

  .page__head-img--services {
    margin-top: 3.125rem;
  }

  .page__head-img--functions {
    margin-right: 0;
    margin-top: 1.875rem;
  }

  .cases {
    justify-content: center;
  }
}

@media (max-width: 47.9375em) {
  .header__seach,
  .header__right {
    display: none;
  }

  .header__wrap {
    flex-direction: column;
    align-items: flex-start;
    padding-top: 1.4375rem;
  }

  .header__left {
    flex-direction: column;
    align-items: center;
  }

  .header__right {
    flex-direction: column;
  }

  .header__logo path {
    fill: #fff;
  }

  .header__logo--mob {
    margin-top: -5.1875rem;
  }

  .header__menu {
    padding-top: 1.4375rem;
  }

  .header__leng {
    display: flex;
    padding-top: 1.875rem;
  }

  .header__leng ul {
    display: flex;
  }

  .header__leng span {
    color: #fff;
    margin-top: -0.0625rem;
    padding-right: 0.9375rem;
  }

  .header__seach {
    padding: 1.75rem 0 0.625rem;
  }

  .header__seach input {
    color: #fff;
  }

  .header__seach input::-webkit-input-placeholder {
    color: #fff;
  }

  .header__seach input::-moz-placeholder {
    color: #fff;
  }

  .header__seach input:-ms-input-placeholder {
    color: #fff;
  }

  .header__seach input::-ms-input-placeholder {
    color: #fff;
  }

  .header__seach input::placeholder {
    color: #fff;
  }

  .header__seach svg {
    margin-left: -0.9375rem;
  }

  .header__seach path {
    stroke: #fff;
  }

  .menu-btn {
    top: 1.875rem;
  }

  .modal__headline {
    max-width: 85%;
    text-align: left;
  }

  .breadcrumps {
    padding-bottom: 1.1875rem;
  }
}

@media (max-width: 28.75em) {
  .pagination li {
    display: none;
  }

  .pagination li:first-child {
    display: flex;
  }

  .pagination li:nth-child(2) {
    display: flex;
  }

  .pagination li:nth-child(3) {
    display: flex;
  }
}

@media (min-width: 62em) and (max-width: 1680px) {
  .slick-dots {
    bottom: calc(30px + 35 * ((100vw - 320px) / 1360));
  }

  .hero__img--1 {
    right: calc(0px + -210 * ((100vw - 320px) / 1360));
  }

  .hero__img--3 {
    bottom: calc(170px + -170 * ((100vw - 320px) / 1360));
  }

  .hero__img--3 {
    right: calc(-200px + 255 * ((100vw - 320px) / 1360));
  }

  .hero__desc--1 {
    max-width: calc(320px + 345 * ((100vw - 320px) / 1360));
  }

  .hero__desc--2 {
    max-width: calc(320px + 470 * ((100vw - 320px) / 1360));
  }

  .hero__desc--3 {
    max-width: calc(320px + 526 * ((100vw - 320px) / 1360));
  }

  .page__head-img--services {
    right: calc(-130px + -165 * ((100vw - 320px) / 1360));
  }

  .page__article-col:first-child {
    padding-right: calc(20px + 20 * ((100vw - 320px) / 1360));
  }

  .services {
    margin-top: calc(-555px + 250 * ((100vw - 320px) / 1360));
  }

  .services__item:hover .services__title {
    font-size: calc(18px + 54 * ((100vw - 320px) / 1360));
  }

  .services__item:hover .services__title {
    line-height: calc(23px + 68 * ((100vw - 320px) / 1360));
  }
}

@media (min-width: 48em) and (max-width: 64.9375em) {
  .header__left {
    flex: 1 1;
    justify-content: space-between;
  }
}

@media (min-width: 48em) and (max-width: 1680px) {
  .header__logo {
    width: calc(50px + 121 * ((100vw - 320px) / 1360));
  }

  .header__logo {
    height: calc(30px + 28 * ((100vw - 320px) / 1360));
  }

  .header__logo {
    margin-right: calc(-40px + 94 * ((100vw - 320px) / 1360));
  }

  .header-title,
  .header__menu-item,
  .header__leng {
    font-size: calc(13px + 4 * ((100vw - 320px) / 1360));
  }

  .header-title,
  .header__menu-item,
  .header__leng {
    line-height: calc(17px + 5 * ((100vw - 320px) / 1360));
  }

  .header__seach input {
    width: calc(48px + 51 * ((100vw - 320px) / 1360));
  }

  .header__seach input::-webkit-input-placeholder {
    font-size: calc(14px + 2 * ((100vw - 320px) / 1360));
  }

  .header__seach input::-moz-placeholder {
    font-size: calc(14px + 2 * ((100vw - 320px) / 1360));
  }

  .header__seach input:-ms-input-placeholder {
    font-size: calc(14px + 2 * ((100vw - 320px) / 1360));
  }

  .header__seach input::-ms-input-placeholder {
    font-size: calc(14px + 2 * ((100vw - 320px) / 1360));
  }

  .header__seach input::placeholder {
    font-size: calc(14px + 2 * ((100vw - 320px) / 1360));
  }

  .header__seach input::-webkit-input-placeholder {
    line-height: calc(17px + 3 * ((100vw - 320px) / 1360));
  }

  .header__seach input::-moz-placeholder {
    line-height: calc(17px + 3 * ((100vw - 320px) / 1360));
  }

  .header__seach input:-ms-input-placeholder {
    line-height: calc(17px + 3 * ((100vw - 320px) / 1360));
  }

  .header__seach input::-ms-input-placeholder {
    line-height: calc(17px + 3 * ((100vw - 320px) / 1360));
  }

  .header__seach input::placeholder {
    line-height: calc(17px + 3 * ((100vw - 320px) / 1360));
  }

  .list-done__col ul {
    padding-right: calc(15px + 15 * ((100vw - 320px) / 1360));
  }
}

@media (min-width: 65em) and (max-width: 1680px) {
  .header__menu ul a:last-child {
    margin-right: calc(-20px + 44 * ((100vw - 320px) / 1360));
  }

  .header__menu-item {
    margin-left: calc(-5px + 35 * ((100vw - 320px) / 1360));
  }

  .header__menu-item {
    margin-right: calc(-5px + 35 * ((100vw - 320px) / 1360));
  }

  .header__leng {
    margin-left: calc(-60px + 110 * ((100vw - 320px) / 1360));
  }

  .header__seach input::-webkit-input-placeholder {
    width: calc(48px + 51 * ((100vw - 320px) / 1360));
  }

  .header__seach input::-moz-placeholder {
    width: calc(48px + 51 * ((100vw - 320px) / 1360));
  }

  .header__seach input:-ms-input-placeholder {
    width: calc(48px + 51 * ((100vw - 320px) / 1360));
  }

  .header__seach input::-ms-input-placeholder {
    width: calc(48px + 51 * ((100vw - 320px) / 1360));
  }

  .header__seach input::placeholder {
    width: calc(48px + 51 * ((100vw - 320px) / 1360));
  }
}

@media (max-width: 64.9375em) and (min-width: 47.9375em) {
  #menu-toggle:checked ~ .menu-btn {
    top: 4.0625rem;
  }
}

@media (max-height: 45em) {
  .hero__img--2 {
    bottom: 0rem;
  }

  .hero__img--3 {
    bottom: -7vh;
    max-height: 51vh;
    right: -5.9375rem;
  }
}

.pagination li a span {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 2rem;
  line-height: 1;
}

.pagination li a span.icon-angle-double-left::before {
  display: block;
  width: 100%;
  height: 100%;
  content: "\00AB";
}

.pagination li a span.icon-angle-left::before {
  display: block;
  width: 100%;
  height: 100%;
  content: "\2039";
}

.pagination li a span.icon-angle-double-right::before {
  display: block;
  width: 100%;
  height: 100%;
  content: "\00BB";
}

.pagination li a span.icon-angle-right::before {
  display: block;
  width: 100%;
  height: 100%;
  content: "\203A";
}

.article h2,
.article h3,
.article h4,
.article h5,
.article h6 {
  padding-top: 2.25rem;
  font-family: var(--fnt_aqum);
  color: #150035;
  padding-bottom: 1.4375rem;
  font-size: 27px;
  line-height: 33px;
}

@media (max-width: 1680px) {
  .article h2,
  .article h3,
  .article h4,
  .article h5,
  .article h6 {
    font-size: calc(18px + 9 * ((100vw - 320px) / 1360));
    line-height: calc(20px + 13 * ((100vw - 320px) / 1360));
  }
}

#mod-custom128 table ul{
           list-style: disc !important;
        }

.mybtn {
    display: inline-block;
    position: relative;
    transition: .3s ease;
    color: #fff;
    font-size: 1.6rem;
    font-weight: 500;
    border-radius: .3rem;
    /* padding: .8rem 1.6rem; */
    padding: 1.4rem 1.6rem;
    border-width: .1rem;
    outline: none !important;
    cursor: pointer;
}

.text-caps {
    text-transform: uppercase;
    font-size: 1.1rem;
    font-weight: 700;
}

.mybtn-success {
    color: #fff;
    background-color: #4cd2db;
    border-color: #28a745;
}

.mybtn.small {
    padding: 0.7rem 1rem;
    font-size: 1.2rem;
}


.page--main .mod-custom li{
    font-size: calc(16px + 2 * ((100vw - 320px) / 1390));
    line-height: 33px;
}

.page--main .mod-custom ul {
    padding-left: 20px;
}

.page--main .mod-custom ol {
    padding-left: 20px;
}

.page--main .mod-custom h2 {
    margin: 20px 0;
}

.page--main #mod-custom128{
    display:none;
}

.hero slick{
    padding-bottom:20px;
}

#popup-1-form input[name="jform[comment]"] {
    display: none;
}

.img-svg-tarif{
width: 112px;
}
@media(max-width:992px){
  .img-svg-tarif{

  }
}



    /* Ініціалізуємо стилі для мобільної версії */
@media (max-width: 992px) {
    .benefits__bt {
    display: flex;
    flex-direction: column;
    border: none;
    margin-bottom: 100px;
}

    .price-li {
        display: none!important; /* Приховуємо всі елементи */
    }

    .price-li.active {
    display: block!important;
    margin: 0 auto;
}

    .pagination-dots {
        display: flex;
        justify-content: center;
        margin-top: 10px;
    }
    h1.price-page {
        font-size: 42px;
        line-height: 43.118px;
        width: 300px;
        margin: 0 auto;
    }
    .benefits--price h2.page__title{
        font-size: 21px;
    text-align: center;
    margin-top: 17px;
    }
    .pagination-dot {
        width: 22px;
        height: 22px;
        margin: 0 5px;
        background: #80808000;
        border-radius: 50%;
        cursor: pointer;
        border: 1px solid #150035;
    }

    .pagination-dot.active {
        background: #150035;
    }
}



.hp-popup {
  border-radius: 30px;
  border: 2px solid #150035;
  text-align: center;
  overflow: hidden;
}

.hp-popup.fancybox__content > .carousel__button.is-close {
  top: 10px;
  right: 10px;
  color: #150035;
}

.hp-popup h3 {
  font-size: 2rem;
  color: #150035;
  font-weight: bold;
  margin-bottom: 1rem;
}

.hp-popup p {
  font-size: 0.8rem;
  line-height: 1;
  margin-bottom: 1rem;
}

.hp-popup form {
  display: flex;
  flex-direction: column;
}

.hp-popup form input {
  margin-bottom: 1rem;
  padding: 15px;
  border: 1px solid;
  border-radius: 15px;
  box-sizing: border-box;
}

.hp-popup form button {
  color: #fff;
  background: #150035;
  border-radius: 15px;
  border: none;
  padding: 15px;
  box-sizing: border-box;
  font-weight: bold;
}

.hp-popup .sides {
  display: flex;
  flex-direction: row;
}

.hp-popup .sides .right,
.hp-popup .sides .left {
  flex: 1 1 0;
  align-self: center;
}

.hp-popup .sides .right form input,
.hp-popup .sides .right form button {
  margin-bottom: 1.5rem;
  padding: 20px;
}

.hp-popup .sides .left img {
  width: 100%;
}

@media (max-width: 600px) {
  .hp-popup .sides {
    flex-direction: column;
  }
}


.page.tsiny,
.page.posluhy,
.page.audyt,
.page.vidkryttia-zakladu-pid-kliuch,
.page.tekhpidtrymka-24-7,
.page.dostavka,
.page.navchaiemo,
.page.intehratsiia-dlia-vashoho-biznesa,
.page.funktsii-syrve
{
    background-color: #fc0;
}
.page.komanda,
.page.kejsy,
.page.stratehiia,
.obladnannja
{
background-color: #4cd2db;
}

.page.kontakty{
    background-color: #b2ff4d;
}

.page__equipment{
  color: #150035;
  font-size: 76px;
  font-style: normal;
  font-weight: 700;
  line-height: 85px;
  margin-bottom: 45px;
}

.equipment_wrap {
    position: relative;
}

.bequipment_slide_prev {
    display: flex;
    position: absolute;
    cursor: pointer;
    top: 50%;
    left: -6%;
}

.bequipment_slide_next {
    display: flex;
    position: absolute;
    cursor: pointer;
    top: 50%;
    right: -6%;
}

.equipment_wrap {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
}

.item_equip.slick-slide {
    margin: 0 20px;
    border-radius: 60px;
    border: 3px solid #D8D8D8;
    backdrop-filter: blur(25px);
    padding: 26px 23px;
    overflow: hidden;
}

.logo_equip {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    position: relative;
    z-index: 999;
}

.icone_equip img {
    cursor: pointer;
}

.desc_equip {
    font-size: 14px;
    margin-top: 15px;
}

.item_equip{
  overflow: hidden;
  position: relative;
}


.item_equip:hover .overlay_equip{
  opacity: 1;
  z-index: 99;
  cursor: pointer;
}

.overlay_equip {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 0 10px 0 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    opacity: 0;
    z-index: -1;
    transition: all ease 0.3s;
    background-color: #4cd2db;
}

.title_equip {
    color: #150035;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    font-family: var(--fnt_aqum);
    transition: all ease 0.3s;
}




.price_equip {
    display: flex;
    align-items: flex-end;
    color: #150035;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    font-family: var(--fnt_aqum);
    justify-content: center;
}

.price_equip span{
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  margin-right: 10px;
  margin-bottom: 2px;
}

.nav-links span,.nav-links a
{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    border: 0.0625rem solid #150035;
    border-radius: 50%;
    font-size: 1rem;
    line-height: 1.25rem;
    text-align: center;
    color: #150035;
    float: left;
    margin: 0 10px;
}

.icone_equip {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.choose_equip{
  padding-top: 50px;
}

.nav-links a>div
{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    font-size: 1rem;
    line-height: 1.25rem;
    text-align: center;
    color: #150035;
    float: left;
}




#breadcrumbs>span{
display: flex;
align-items: center;
flex-wrap: wrap;
}

@media (min-width: 992px) {
  #breadcrumbs
  {
  margin-top: -40px;
      padding-bottom: 40px;
  }

}


.stratehiia .ol span {
    color: #4cd2db;
}



.vidkryttia-zakladu-pid-kliuch .ol span,
.funktsii-syrve .ol span
 {
    color: #fc0;
}


.znach2{
    background: no-repeat url(/wp-content/themes/knaipa/assets/img/plus.png);
    padding-left: 40px;
    height: 25px;
}



.hp-popup h2{
font-size: 1.5em;
padding: 20px 0;
}



a.header__menu-item[rel="order_demo"]{
    background-color: transparent;
/*    border: 0.0625rem solid #16110d;*/
    color: #16110d;
    border-radius: 20px;
    padding: 10px;
    width: 220px;
}


a.header__menu-item[rel="order_demo"]:hover{
transform: scale(1.1);
transition: transform 1s;
}


@media(max-width:500px){
    a.header__menu-item[rel="order_demo"]{
      border: 0.0625rem solid #fff;
      color: #fff;
      margin: 10px 0;
  }
}


.hero__logo-animation,
.tsiny div.benefits__h3,
.tsiny div.li2
{margin: auto;}


.tsiny .old-price{
text-decoration: line-through;
}

.tsiny .new_cena
{
    font-family: var(--fnt_aqum);
    font-weight: 900;
    line-height: calc(40px + 18 * ((100vw - 320px) / 1360));
    font-size: calc(40px + 16* ((100vw - 320px) / 1360));
    color: red;
}


.to_top i {
    border: solid #fff;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}


.to_top {
text-align: right;
    padding: 5px 15px;
    position: fixed;
    bottom: 105px;
    right: 25px;
    background: #7e7e7e;
    display: none;
    opacity: .6;
    z-index: 499841;
}

.to_top:hover{ background: #150035;cursor: pointer;opacity:1;}

@media (max-width: 768px) {
    .to_top{    
      bottom: 20px;
      right: 20px;
    }
}

@media (min-width: 1800px) {
    .to_top{    
        bottom: 55px;
    }
    
}

@media (max-width: 1600px) {
.wrap {
      padding-left: 40px;
      
  }
}

@media (max-width: 1360px) {
    
    .page__equipment {
      color: #150035;
      font-size: 60px;
      font-style: normal;
      font-weight: 700;
      line-height: 75px;
      margin-bottom: 45px;
    }
    .bequipment_slide_prev {
      display: flex;
      position: absolute;
      cursor: pointer;
      top: 50%;
      left: -4%;
      width: 45px;
      height: 45px;
  }
  .bequipment_slide_next {
      display: flex;
      position: absolute;
      cursor: pointer;
      top: 50%;
      right: -4%;
      width: 45px;
      height: 45px;
  }
  .item_equip.slick-slide {
    margin: 0 15px;
    border-radius: 60px;
    border: 3px solid #D8D8D8;
    backdrop-filter: blur(25px);
    padding: 20px 15px;
    overflow: hidden;
  }
  .logo_equip img {
    width: 40px;
    height: auto;
  }
  .equipment_wrap {
    position: relative;
    max-width: 1100px;
    margin: 0 auto;
  }
}

@media (max-width: 1200px) {
  .equipment_wrap {
    position: relative;
    max-width: 900px;
    margin: 0 auto;
  }
  .page__equipment {
    color: #150035;
    font-size: 55px;
    font-style: normal;
    font-weight: 700;
    line-height: 65px;
    margin-bottom: 45px;
  }
}

@media (max-width: 991px) {
  .page__equipment {
    color: #150035;
    font-size: 45px;
    font-style: normal;
    font-weight: 700;
    line-height: 55px;
    margin-bottom: 45px;
  }
  .equipment_wrap {
    position: relative;
    max-width: 750px;
    margin: 0 auto;
  }
  .bequipment_slide_prev {
    display: flex;
    position: absolute;
    cursor: pointer;
    top: 50%;
    left: -5%;
    width: 35px;
    height: 35px;
  }
  .bequipment_slide_next {
    display: flex;
    position: absolute;
    cursor: pointer;
    top: 50%;
    right: -5%;
    width: 35px;
    height: 35px;
  }
}

@media (max-width: 860px) {
  
  .equipment_wrap {
    position: relative;
    max-width: 650px;
    margin: 0 auto;
  }
  .item_equip.slick-slide {
    margin: 0 15px;
    border-radius: 60px;
    border: 3px solid #D8D8D8;
    backdrop-filter: blur(25px);
    padding: 20px 20px;
    overflow: hidden;
  }
}

.item_inner_hero p {
    font-size: 16px;
    line-height: 150%;
}

.item_inner_hero ul li {
    font-size: 16px;
    line-height: 160%;
}

.item_inner_hero ul{
    padding-left: 20px;
}

.item_inner_hero ol li {
    font-size: 16px;
    line-height: 160%;
}

.item_inner_hero ol{
    padding-left: 20px;
}

.item_inner_hero h2 {
    font-size: 24px;
    font-weight: 600;
    margin: 10px 0;
}

ul.additionally_service {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 30px;
    list-style: none;
}

ul.additionally_service {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 40px;
    margin: 60px 0 30px;
}

ul.additionally_service li {
    flex: 0 0 25%;
    max-width: 25%;
}

ul.additionally_service img {
    max-width: 130px;
    height: auto;
    margin: 0 auto;
}

ul.additionally_service .img {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
}

ul.additionally_service .title {
    font-size: 20px;
    font-weight: 600;
    text-align: center;
}

@media (max-width: 1091px) {
  ul.additionally_service img {
    max-width: 100px;
    height: auto;
    margin: 0 auto;
  }
}

@media (max-width: 991px) {
  ul.additionally_service {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 40px;
    margin: 60px 0 30px;
    flex-direction: column;
  }
  ul.additionally_service li {
    flex: 0 0 100%;
    max-width: 100%;
  }
  ul.additionally_service img {
    max-width: 100px;
    height: auto;
    margin: 0;
  }
  ul.additionally_service .img {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 20px;
  }
}

.item_inner_hero {
    flex: 0 0 60%;
}

.item_inner_img{
  flex: 0 0 35%;
}

.hero_inner_wrap {
  display: flex;
  gap: 40px;
  align-items: center;
}

.footer_contact .title {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
}

.footer_contact ul {
    list-style: none;
}

.footer_contact li {
    padding-bottom: 10px;
}


.footer_menu .title {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
}

.footer_menu ul {
    list-style: none;
}

.footer_menu li {
    padding-bottom: 10px;
}

h1.page__healline.page__healline--lg.titleAnim.automation_title.active {
    font-size: 89px;
}

body.page.avtomatizacija-baru{
    background-color: rgb(178, 255, 77);
}

body.page.avtomatizacija-baru header {
    background-color: rgb(178, 255, 77) !important;
}

.automation_content {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}

a.article_automation {
    flex: 0 0 20%;
    max-width: 250px;
    border-radius: 50px;
    border: 1px solid #150035;
    padding: 5px 5px 20px;
}

.article_automation .article__img{
  display: flex;
}

h2.article_automation_title {
    color: #150035;
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    font-family: var(--fnt_aqum);
}

.automation_content .article__img img {
    width: auto;
    margin: 0 auto;
    height: 106px;
}

body.page.avtomatizacija-kav-jarni {
    background: #4CD2DB;
}

body.page.avtomatizacija-kav-jarni .header{
    background: #4CD2DB !important;
}

body.page.avtomatizacija-kav-jarni .footer-wrap{
    background: #4CD2DB !important;
}

.automation_wrap {
    display: flex;
    gap: 60px;
    margin-bottom: 40px;
}

figure.left.item-image img {
    max-width: 325px;
    height: auto;
}

.left_automation {
    flex: 0 0 60%;
}

.left_automation p {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.3px;
}

.left_automation li {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: -0.3px;
    display: flex;
    gap: 10px;
    align-items: flex-start;
}

.left_automation ul {
    margin-top: 20px;
    margin-bottom: 40px;
    list-style: none;
}

.left_automation ul li:before {
    content: '';
    background: url(/wp-content/themes/knaipa/assets/img/pseudo.png);
    width: 24px;
    height: 24px;
    display: inline-block;
    background-repeat: no-repeat;
    padding-right: 10px;
    top: 5px;
    position: relative;
}

.description_automation p {
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.3px;
}

.description_automation li {
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.3px;
}

.description_automation h2 {
    margin: 10px 0;
}

.description_automation ul {
    padding-left: 20px;
    margin: 10px 0;
}

.automation_form {
    border-radius: 46.5px;
    border: 2.79px solid #150035;
    margin-top: 60px;
}

.automation_form form {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 10px 40px;
    max-width: 417px;
}

.automation_form .page__form-desc {
    text-align: center;
}

.automation_form .page__form-content {
    display: flex;
    flex-direction: column;
    max-width: 417px;
    
}

.automation_form .page__form-content input {
    background: transparent;
    border-radius: 46.5px;
    border: 0.93px solid #150035;
    height: 52px;
    padding: 0 23px;
    margin-bottom: 10px;
    width: 100%;
}

.automation_form .page__title {
    color: #150035;
    padding-bottom: 12px;
    font-size: 35px;
    line-height: 42px;
    text-align: center;
    width: 85%;
}

.automation_form .btn{
  height: 4rem;
}


body.page.automation_page {
    background: #4CD2DB;
}

body.page.automation_page header {
    background: #4CD2DB !important;
}

@media (max-width: 1191px) {
  .automation_wrap {
    display: flex;
    gap: 60px;
    margin-bottom: 40px;
    flex-direction: column;
  }

  .left_automation {
        flex: 0 0 100%;
        order: 2;
  }

  .right_automation {
    margin-top: 30px;
  }

  figure.left.item-image {
    width: 100%;
    display: flex;
    justify-content: center;
  }

  .left_automation ul li:before {
    content: '';
    background: url(/wp-content/themes/knaipa/assets/img/pseudo.png);
    width: 24px;
    height: 24px;
    display: inline-block;
    background-repeat: no-repeat;
    padding-right: 20px;
    top: 5px;
    position: relative;
  }

  figure.left.item-image img {
        max-width: 60%;
        height: auto;
    }

    .left_automation .page__healline {
        text-align: center;
        margin-top: 0;
        font-size: 42px;
        margin-bottom: 0px;
    }

}

.wrap_equip_new {
    display: flex;
    align-items: center;
    gap: 30px;
    margin-top: 40px;
    flex-wrap: wrap;
}

a.item_equip_new {
    max-width: 250px;
    width: 250px;
    border-radius: 50px;
    border: 1px solid #150035;
    padding: 25px;
    height: 265px;
}

.title_equip {
  text-align: center;
}

.img_equip img {
    width: 100%;
    height: 100%;
    max-width: 125px;
    margin: 0 auto;
}

.item_equip_single .img_equip img {
    width: 100%;
    height: auto;
    max-width: max-content;
    margin: 0 auto;
    max-height: 100px;
}

.img_equip {
    display: flex;
    margin-bottom: 11px;
}

.wrap_equip_single {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}

.title_equip_single {
    color: #150035;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.more_equip {
    border-radius: 41.821px;
    border: 1px solid #000;
    background: #150035;
    color: #FFF;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding: 10px;
    margin-top: auto;
    width: 160px;
    margin: auto auto 0;
}

.more_equip:hover{
  cursor: pointer;
}

.item_equip_single {
    height: 290px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    border-radius: 50px;
    border: 1px solid #150035;
    padding: 15px;
    width: 18%;
    max-width: 260px;
}



/* Стили для модального окна */
.single_equip .modal {
    display: none;
    position: fixed;
    z-index: 999;
    left: 0;
    top: 0;
    opacity: 1;
    width: 100%;
    height: 100%;
    overflow: scroll;
    background: rgba(255, 255, 255, 0.07);
    backdrop-filter: blur(12px);
    max-height: 100%;
    max-width: 100%;
    border: none;
}

.single_equip .modal-content {
    background-color: #fefefe;
    margin: 5% auto;
    padding: 36px 20px;
    border: 3px solid #150035;
    width: 850px;
    height: auto;
    border-radius: 50px;
}

.single_equip .close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.single_equip .close:hover,
.single_equip .close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

h2.modal-title {
    color: #150035;
    text-align: center;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 30px;
}

.modal-body {
    display: flex;
    justify-content: space-between;
    gap: 30px;
    padding: 0 5px;
}

.modal_picture {
    flex: 0 0 25%;
    max-width: 100%;
}

.modal_desc {
    flex: 0 0 75%;
    max-width: 65%;
}

.modal_desc p{
  padding: 0;
}

.skaneri-shtrihkodiv .item_equip_single {
    height: 300px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    border-radius: 50px;
    border: 1px solid #150035;
    padding: 15px;
    width: 25%;
    max-width: 300px;
}

.skaneri-shtrihkodiv .wrap_equip_single {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    max-width: 1340px;
}


.termoprintera-chekiv .item_equip_single {
    height: 300px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    border-radius: 50px;
    border: 1px solid #150035;
    padding: 15px;
    width: 25%;
    max-width: 300px;
}

.termoprintera-chekiv .wrap_equip_single {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    max-width: 1340px;
}


.dodatkovo footer{
  background-color: rgb(76, 210, 219);
}


body.page.black-friday {
  background: url(/wp-content/themes/knaipa/assets/img/Black-Friday-min.jpg);
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

body.page.black-friday header{
  background: transparent !important;
}

body.page.black-friday nav.header__menu .header__menu-item {
    color: #fff;
}

body.page.black-friday nav.header__menu .header__menu-title {
    color: #fff;
}

body.page.black-friday #breadcrumbs a{
  color: #fff;
}

body.page.black-friday #breadcrumbs span{
  color: #fff;
}

body.page.black-friday .header__right .header__menu-item {
  color: #fff;
}

.date_friday {
    padding-top: 120px;
}

.title_date_friday {

    font-size: 34px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    letter-spacing: -1.87px;
    background: linear-gradient(106deg, #DB28A6 6.93%, #76FC74 46.26%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}

.info_date_friday {
    color: #FFF;
    font-size: 34px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: -1.87px;
}

.block_friday_wrap {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 45px;
    margin-top: 50px;
}

.block_friday {
    border-radius: 40px;
    background: #323232;
    padding: 15px 15px 25px;
}

.block_friday .title {
    color: #FFF;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: -0.32px;
    margin-top: 20px;
    padding-left: 30px;
}

.footer_friday .title {
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    letter-spacing: -0.88px;
    margin-bottom: 10px;
}

.numbers_friday{
  color: #FFF;
}

.img.img_top_mg {
    position: relative;
    top: -43px;
    margin-bottom: -56px;
}

footer.footer_friday {
    margin-top: 30px;
}

.btn_friday {
    border-radius: 5px;
    background: #D8DA67;
    width: 142px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
    color: #000;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.numbers_friday a {
    opacity: 0.8;
    color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: -0.77px;
}

@media (max-width: 767px) {
  .wrap_equip_new {
    display: flex;
    align-items: center;
    gap: 30px;
    margin-top: 40px;
    flex-wrap: wrap;
    justify-content: center;
  }
  a.item_equip_new {
      max-width: 100%;
      width: 100%;
      border-radius: 50px;
      border: 1px solid #150035;
      padding: 25px;
      height: auto;
  }
  .item_equip_single .img_equip img {
    width: 100%;
    height: auto;
    max-width: max-content;
    margin: 0 auto;
    max-height: 100%;
    max-width: 160px;
}
  .wrap_equip_single {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: center;
}

.termoprintera-chekiv .item_equip_single {
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    border-radius: 50px;
    border: 1px solid #150035;
    padding: 15px;
    width: 100%;
    max-width: 100%;
}
  .skaneri-shtrihkodiv .item_equip_single {
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    border-radius: 50px;
    border: 1px solid #150035;
    padding: 15px;
    width: 100%;
    max-width: 100%;
}
  .item_equip_single{
    width: 100%;
    height: auto;
    max-width: 100%;
  }
  .title_equip_single {
    margin-bottom: 15px;
  }
  .wrap_equip_single .img_equip {
   height: 100%;
  }
  .single_equip .modal-content {
    background-color: #fefefe;
    margin: 0% auto;
    padding: 36px 20px;
    border: 3px solid #150035;
    width: 95%;
    height: auto;
    border-radius: 50px;
  }
  h2.modal-title {
    color: #150035;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 20px;
}
.modal_picture {
        flex: 0 0 100%;
        max-width: 100%;
        display: flex;
        justify-content: center;
    }
.modal_desc {
    flex: 0 0 100%;
    max-width: 100%;
}
.single_equip .modal {
  overflow: scroll;
}
.modal_desc p {
    padding: 0;
    font-size: 14px;
}
  .modal-body {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    padding: 0 5px;
    flex-direction: column;
  }
  h1.page__healline.page__healline--lg.titleAnim.automation_title.active {
    font-size: 34px;
  }
  .avtomatizacija-baru .automation_content {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: center;
  }
  a.article_automation {
    flex: 0 0 100%;
    max-width: 100%;
    border-radius: 50px;
    border: 1px solid #150035;
    padding: 10px 5px 20px;
  }
  h2.article_automation_title {
    color: #150035;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    font-family: var(--fnt_aqum);
  }
  .wrap {
      padding-left: 20px;
      
  }
  .item_inner_hero {
    flex: 0 0 100%;
  }

  .item_inner_img{
    flex: 0 0 100%;
    margin: 0 20px;
  }
  .item_inner_img img{
    max-width: 70%;
    margin: 0 auto;
  }
  .hero_inner_wrap {
    display: flex;
    gap: 30px;
    align-items: center;
    flex-direction: column;
  }
  ul.additionally_service .title {
    font-size: 20px;
    font-weight: 600;
    text-align: left;
  }
  ul.additionally_service img {
    max-width: 75px;
    height: auto;
    margin: 0;
  }
  .equipment_wrap {
      position: relative;
      max-width: 100%;
      margin: 0 auto;
      padding: 0 15px;
  }
  .img_equip {
    display: flex;
    height: 150px;
    width: 100%;
    margin-bottom: 25px;
  }
  .item_equip.slick-slide {
    margin: 0 20px;
    border-radius: 60px;
    border: 2px solid #D8D8D8;
    padding: 35px 20px;
    overflow: hidden;
  }
  .bequipment_slide_prev {
    display: flex;
    position: absolute;
    cursor: pointer;
    top: 50%;
    left: -3%;
    width: 35px;
    height: 35px;
  }
  .bequipment_slide_next {
    display: flex;
    position: absolute;
    cursor: pointer;
    top: 50%;
    right: -3%;
    width: 35px;
    height: 35px;
  }
  .logo_equip img {
    width: 30px;
    height: auto;
  }
  .choose_equip {
    padding-top: 0px;
  }
  .page__equipment {
    color: #150035;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px;
    margin-bottom: 30px;
    text-align: left;
    margin-top: 20px;
  }
}

span.breadcrumb_last {
    color: rgba(22, 17, 13, 0.46);
}

div#popup-6 {
    max-width: 520px;
    overflow-y: scroll;
}

div#popup-7 {
    max-width: 520px;
    overflow-y: scroll;
}

.block_friday a {
    margin-left: 30px;
    display: flex;
}

div#popup-6.hp-popup p {
    font-size: 14px;
    line-height: 25px;
    margin-bottom: 1rem;
}

div#popup-7.hp-popup p {
    font-size: 14px;
    line-height: 25px;
    margin-bottom: 1rem;
}

div#popup-6 input {
    max-width: 360px;
    margin: 0 auto 10px;
}

div#popup-6 button#submit {
    width: 330px;
    margin: 0 auto;
}

div#popup-7 input {
    max-width: 360px;
    margin: 0 auto 10px;
}

div#popup-7 button#submit {
    width: 330px;
    margin: 0 auto;
}

@media (max-width: 767px) {
  .block_friday_wrap {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 45px;
    margin-top: 50px;
    flex-direction: column;
  }
  .black-friday .menu-btn > span, .menu-btn > span::before, .menu-btn > span::after {
        display: block;
        position: absolute;
        width: 100%;
        height: 0.1875rem;
        background-color: #fff;
        transition-duration: 0.25s;
    }
    .date_friday {
      padding-top: 200px;
    }
  .block_friday {
      border-radius: 40px;
      background: #323232;
      padding: 15px 15px 25px;
      width: 100%;
  }
  .block_friday .img img {
      margin: 0 auto;
      width: 100%;
  }
  body.page.black-friday {
    background: url(/wp-content/themes/knaipa/assets/img/Black-Friday-min.jpg);
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    min-height: 100vh;
    background-attachment: fixed;
  }
}

.slick-slide .pc_slide{
  display: flex;
}

.slick-slide .mob_slide{
  display: none;
}

.top_text_audit{
  color: #16110D;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 33px;
    position: relative;
    top: 80px;
}

.content_audit_wrap {
    display: flex;
    align-items: center;
    justify-content: center;
}


.item_audit.text_item_audit {
    flex: 0 0 45%;
    max-width: 45%;
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.item_audit.img_item_audit {
    flex: 0 0 55%;
    max-width: 55%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    position: relative;
}

.item_audit.img_item_audit img {
    width: 100%;
    max-width: 762px;
}

.btn_audit_wrap {
    position: absolute;
    bottom: 100px;
    left: 0;
}

.item_audit.img_item_audit a.btn_audit img {
    max-width: 119px;
    width: 100%;
    position: absolute;
    top: -17px;
    left: 0;
    display: flex;
}

a.btn_audit {
    position: relative;
    display: flex;
    align-content: center;
    align-items: center;
    width: 375px;
    border-radius: 41.821px;
    border: 1px solid #000;
    background: #B2FF4D;
    justify-content: center;
    text-align: center;
    height: 88px;
    color: #150035;
    text-align: center;
    font-size: 22px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
}

.item_list_audit {
    max-width: 622px;
    width: 100%;
}

.item_list_audit {
    max-width: 622px;
    width: 100%;
    border-radius: 25px;
    background: #FC0;
    padding: 50px 40px;
}

.item_list_audit .title {
    color: #150035;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 34px;
    font-family: var(--fnt_aqum);
    margin-bottom: 25px;
}

.inner_audit {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

ul.item_list {
    list-style: none;
}

ul.item_list li {
    display: flex;
    align-items: center;
}

ul.item_list svg {
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    margin-right: 10px;
}

ul.item_list li {
    display: flex;
    align-items: center;
    padding-bottom: 17px;
    font-size: 14px;
}

ul.item_list li:last-child {
  padding-bottom: 0;
}

.slide_home_audit .item_audit.img_item_audit img {
    width: 100%;
    max-width: 520px;
}

.slide_home_audit.content_audit.slide_home_audit {
    width: 100%;
}

@media (max-width: 1360px) { 
  .item_list_audit .title {
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 25px;
  }
  .top_text_audit {
    font-size: 20px;
    line-height: 28px;
    position: relative;
    top: 70px;
  }
  a.btn_audit {
    position: relative;
    display: flex;
    align-content: center;
    align-items: center;
    width: 350px;
    justify-content: center;
    height: 80px;
    font-size: 18px;
  }
  .item_audit.img_item_audit a.btn_audit img {
    max-width: 110px;
    position: absolute;
    top: -17px;
    left: 0;
  }
  .item_audit.img_item_audit img {
    max-width: 630px;
  }
}

@media (max-width: 1191px) {
    .top_text_audit {
      font-size: 18px;
      line-height: 28px;
      position: relative;
      top: 45px;
    }
    .item_audit.img_item_audit img {
        max-width: 550px;
    }
      a.btn_audit {
        position: relative;
        display: flex;
        align-content: center;
        align-items: center;
        width: 320px;
        justify-content: center;
        height: 70px;
        font-size: 16px;
    }
    .btn_audit_wrap {
      position: absolute;
      bottom: 65px;
      left: 0;
    }
    .item_list_audit {
      max-width: 530px;
      width: 100%;
      border-radius: 25px;
      background: #FC0;
      padding: 30px 25px;
  }
  .item_list_audit .title {
        font-size: 22px;
        line-height: 26px;
        margin-bottom: 20px;
    }
}

@media (max-width: 767px) {
    .item_audit.img_item_audit img {
        max-width: 550px;
        display: none;
    }
    .content_audit_wrap {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
  }
    .top_text_audit {
        font-size: 16px;
        line-height: 22px;
        position: relative;
        top: 0;
        text-align: center;
        margin-bottom: 33px;
    }
    .item_audit.img_item_audit {
      order: 2;
    }
    .item_audit.text_item_audit {
      flex: 0 0 100%;
      max-width: 100%;
      display: flex;
      flex-direction: column;
      gap: 40px;
  }
  .btn_audit_wrap {
        position: relative;
        bottom: 0;
        left: 0;
    }
  .inner_audit {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
  }
      .item_audit.img_item_audit {
        flex: 0 0 100%;
        max-width: 100%;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        position: relative;
        margin-top: 50px;
    }
}

@media (max-width: 572px) { 

  .slick-slide .pc_slide{
    display: none;
  }

  .slick-slide .mob_slide {
    display: block;
    width: 100%;
    height: 100%;
    padding-top: 65px;
  }

}

 table {
    border-collapse: collapse;
    margin: 20px 0;
    font-family: Arial, sans-serif;
  }
  table th,
  table td {
    border: 1px solid #ddd;
    padding: 10px;
  }
  table th {
    background-color: #f4f4f4;
    font-weight: bold;
    text-align: left;
  }
  table tr:nth-child(even) {
    background-color: #f9f9f9;
  }
  table tr:hover {
    background-color: #f1f1f1;
  }



/*body.page.page--main.blue {
    background-color: #4cd2db;
}

body.page.page--main.yellow {
    background-color: #fc0;
}

body.page.page--main.green {
    background-color: #b2ff4d;
}*/