@import "../fonts/Manrope/stylesheet.css";
@import "jquery-ui.min.css";

:root {
  --w: #fff;
  --w-transparent: rgba(255, 255, 255, 0.9);
  --system-color: #787f9e;
  --blue10: #eaedfb;
  --blue20: #c1caf4;
  --blue30: #acb8f1;
  --blue40: #859aff;
  --blue60: #5971e2;
  --blue80: #304ddb;
  --blue100: #0a25aa;

  --gray10: #f6f6f6;
  --gray20: #dddddd;
  --gray30: #cacaca;
  --gray40: #adadad;
  --gray50: #8f8f8f;
  --gray60: #727272;
  --gray80: #222222;
  --gray100: #191919;
}

html * {
  max-height: 1000000px;
}

* {
  -webkit-text-size-adjust: none;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  outline: none;
}

html,
body {
  font-family: "Manrope", Arial, sans-serif;
  font-size: 14px;
}

li {
  list-style: none;
}

img {
  display: block;
  height: auto;
}

a img {
  border: none;
}

a {
  text-decoration: none;
  color: inherit;
}

p {
  margin: 0;
}

input,
select,
button,
textarea {
  outline: none;
  font-family: "Manrope", Arial, sans-serif;
  font-size: 14px;
  /*-moz-appearance:none;-webkit-border-radius: 0; -moz-border-radius: 0; -webkit-appearance: none;*/
}

input[type="file"],
button,
input[type="submit"],
input[type="file"]::-webkit-file-upload-button {
  cursor: pointer;
}

/*.container { max-width: 1040px; width: 100%; padding: 0 20px; margin: 0 auto; }*/

.container {
  max-width: 1340px;
  padding-left: 15px;
  padding-right: 15px;
}

header {
  position: fixed;
  width: 100%;
  top: 0;
  background: var(--w);
  z-index: 3;
}

.header {
  padding: 16px 0;
  position: relative;
}

nav > ul {
  margin-bottom: 0;
}

nav > ul > li + li {
  margin-left: 10px;
}

nav > ul > li a {
  display: inline-flex;
  padding: 0 10px;
  position: relative;
  z-index: 2;
}

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

/*.h_right > ul { margin-bottom: 0; }*/

.sub_menu_decisions {
  position: absolute;
  z-index: 1;
  background: var(--w);
  width: 300px;
  top: 50px;
  display: none;
  margin: auto;
  padding: 20px;
  border-radius: 10px;
  /*box-shadow: 0 0 3px rgba(0,0,0, 0.2);*/
}
.sub_menu_decisions:before {
  content: "";
  width: 120px;
  left: -60px;
  top: -80px;
  z-index: 1;
  height: 120px;
  position: absolute;
  background: transparent;
}

.sub_menu {
  position: absolute;
  z-index: 1;
  background: var(--w);
  width: 190px;
  top: 50px;
  display: none;
  right: 30px;
  margin: auto;
  padding: 20px;
  border-radius: 10px;
  /*box-shadow: 0 0 3px rgba(0,0,0, 0.2);*/
}

.sub_menu:before {
  content: "";
  width: 120px;
  left: -60px;
  top: -80px;
  z-index: 1;
  height: 120px;
  position: absolute;
  background: transparent;
}

.sub_menu_inner {
  display: flex;
  position: relative;
  z-index: 2;
}

.sub_menu_inner > ul {
  padding-left: 0;
  flex: 0 0 auto;
  margin-bottom: 0;
}

.sub_menu_inner > ul + ul {
  margin-left: 80px;
}

.sub_menu_inner > ul li span {
  font-size: 16px;
  line-height: 1.4;
  font-weight: 500;
  padding: 0 10px;
  display: inline-flex;
}

.sub_menu_inner > ul li a {
  font-size: 14px;
  font-weight: 400;
  display: inline-flex;
  padding: 5px 10px;
  line-height: 24px;
}

.sub_menu_inner > ul li:first-child + li {
  margin-top: 25px;
}

.sub_menu_inner > ul li + li {
  margin-top: 5px;
}

nav > ul > li:hover > .sub_menu,
nav > ul > li:hover > .sub_menu_decisions{
  display: block;
}

.login_btn {
  background: var(--blue80);
  color: var(--w);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 15px;
  height: 44px;
  border-radius: 5px;
  transition: 0.3s;
  margin-left: 10px;
}

.login_btn:before {
  content: "";
  width: 24px;
  height: 24px;
  background: url(../img/login_icon.svg) no-repeat 50% 50% / 24px auto;
  margin-right: 10px;
}

.login_btn:hover {
  color: var(--w);
  background: var(--blue100);
}

.menu_btn {
  background: var(--blue80);
  color: var(--w);
  align-items: center;
  justify-content: center;
  padding: 0 10px;
  height: 44px;
  border-radius: 5px;
  transition: 0.3s;
  font-size: 0;
  display: none;
}

.menu_btn:before {
  content: "";
  width: 24px;
  height: 24px;
  background: url(../img/login_mobile_icon.svg) no-repeat 50% 50% / 24px auto;
  margin-right: 0;
}

.menu_btn:hover {
  color: var(--w);
  background: var(--blue100);
}

.hero_block {
  padding: 128px 0 40px;
}
/* Отдельный background для hero clients */
.hero.clients {
  background: url(../img/hero_clients.jpg) no-repeat 50% 50% / cover;
}
/* Отдельный background для hero decisions */
.hero.hero_decisions {
  background: url(../img/hero_decisions.jpg) no-repeat 50% 50% / cover;
}
/* Отдельный background для hero hero_registration_bad */
.hero.hero_registration_bad {
  background: url(../img/hero_registration_bad.jpg) no-repeat 50% 50% / cover;
}
/* Отдельный background для hero hero_registration_cosmetics */
.hero.hero_registration_cosmetics {
  background: url(../img/hero_registration_cosmetics.jpg) no-repeat 50% 50% / cover;
}
.hero.hero_promotion_cosmetics {
  background: url(../img/hero_promotion_cosmetics.jpg) no-repeat 50% 50% / cover;
}
.hero.hero_sales_research{
  background: url(../img/hero_decisions_sales.jpg) no-repeat 50% 50% / cover;
}
.hero.hero_promotion_bad{
  background: url(../img/hero_promotion_bad.jpg) no-repeat 50% 50% / cover;
}
.hero.hero_interventional{
  background: url(../img/hero_interventional.jpg) no-repeat 50% 50% / cover;
}


.hero {
  background: url(../img/welcome_bg.jpg) no-repeat 50% 50% / cover;
  color: var(--w);
  padding: 10% 40px;
  border-radius: 10px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}



.hero .search {
  max-width: 420px;
  margin-top: 40px;
}

.hero_top > p {
  padding: 40px 0;
  line-height: 140%;
  font-size: 16px;
  max-width: 560px;
}

/*.hero:after { order: 1; content: ""; width: 100%; padding-top: 11%; }*/
.hero_bottom {
  margin-top: 80px;
  order: 2;
}

@media (min-width: 1380px) {
  /*    .hero:after { order: 1; content: ""; width: 100%; padding-top: 11%; }*/
}

/*#region uikit*/
h1 {
  font-size: 64px;
  line-height: 1.2;
  font-weight: 400;
}

h2 {
  font-size: 36px;
  line-height: 1.2;
  font-weight: 500;
}

h3 {
  font-size: 36px;
  line-height: 1.2;
  font-weight: 500;
}

h4 {
  font-size: 24px;
  line-height: 1.2;
  font-weight: 400;
  margin: 0;
}

h4.medium {
  font-weight: 500;
}

h5 {
  font-size: 24px;
  line-height: 1.2;
  font-weight: 400;
  margin: 0;
}

.p-body {
  font-size: 18px;
  line-height: 1.2;
  font-weight: 400;
  margin: 0;
}

.p-body-s-bold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
}

.p-body-s-regular {
  font-size: 16px;
  line-height: 1.4;
  font-weight: 400;
}

.link-menu-light {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: var(--w);
  background-color: transparent;
}

.link-menu-light a {
  padding: 2px 10px;
  transition: 0.4s;
  border-radius: 5px;
  line-height: 24px;
}

.link-menu-light a:hover {
  background-color: var(--blue60);
  color: var(--w);
}

.link-menu-light a:active {
  background-color: var(--w);
  color: var(--blue80);
}

li.link-menu-dark.active > a {
  background-color: var(--blue80);
  color: var(--w);
}

.link-menu-dark {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: var(--gray100);
  background-color: transparent;
}

.link-menu-dark a {
  padding: 2px 10px;
  transition: 0.4s;
  border-radius: 5px;
  line-height: 24px;
}

.link-menu-dark a:hover {
  background-color: var(--blue10);
  color: var(--gray100);
}

.link-menu-dark a:active {
  background-color: var(--blue80);
  color: var(--w);
}

/*#endregion uikit*/
.all_categories {
  display: inline-flex;
  align-items: center;
  padding: 0 4px;
  transition: 0.3s;
  border-radius: 5px;
  height: 44px;
  font-size: 16px;
  font-weight: 600;
}

.all_categories:after {
  content: "";
  width: 24px;
  height: 24px;
  background: url(../img/arrow_right.svg) no-repeat 50% 50% / contain;
  margin-left: 10px;
  flex: 0 0 auto;
}

.all_categories:hover {
  color: var(--w);
}

.categories_list {
  display: flex;
  margin: -5px;
  padding-top: 20px;
  flex-wrap: wrap;
}

.categories_list a {
  margin: 5px;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  transition: 0.3s;
  font-size: 16px;
  font-weight: 600;
  height: 64px;
  border-radius: 5px;
  background: var(--blue40);
  padding: 0 30px;
}

.categories_list a:before {
  content: "";
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-right: 10px;
}

.categories_list a:hover {
  background: var(--blue60);
  color: var(--w);
}

.categories_list a i {
  width: 24px;
  height: 24px;
  flex: 0 0 auto;
  margin-right: 10px;
}

.categories_list a:nth-child(1):before {
  background-image: url(../img/icons/All.svg);
}

.categories_list a:nth-child(2):before {
  background-image: url(../img/icons/Suppliment.svg);
}

.categories_list a:nth-child(3):before {
  background-image: url(../img/icons/Cosmetics.svg);
}

.categories_list a:nth-child(4):before {
  background-image: url(../img/icons/Medicine.svg);
}

.about_block,
.solutions_block {
  padding: 40px 0;
}

.about {
}

.about_box,
.solutions_box {
  padding: 40px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-radius: 10px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  transition: 0.3s;
  position: relative;
}

.case_card:hover {
  background-color: var(--blue10);
  z-index: 2;
}

.about_box > a,
.case_card > a,
.solutions_box > a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.about_box:nth-child(1),
.solutions_box:nth-child(1) {
  background-color: var(--blue40) url(../img/product_image_bg.png) no-repeat 50%
    50% / cover;
  color: var(--w);
}

.about_box:nth-child(2) {
  background-color: var(--gray10) url(../img/product_image_bg_2.png) no-repeat
    50% 50% / cover;
}

.about_box:nth-child(3),
.solutions_box:nth-child(1),
.solutions_box:nth-child(2),
.solutions_box:nth-child(5) {
  background-color: var(--blue40);
  color: var(--w);
}

.about_box:nth-child(3):hover,
.solutions_box:nth-child(2):hover,
.solutions_box:nth-child(5):hover {
  background-color: var(--blue80);
}

.about_box:nth-child(4),
.solutions_box:nth-child(3),
.solutions_box:nth-child(4) {
  background-color: var(--gray10);
}

.about_box:nth-child(4):hover,
.solutions_box:nth-child(3):hover,
.solutions_box:nth-child(4):hover {
  background-color: var(--gray20);
}
.about_box:nth-child(4) .about_box_bottom {
  margin-top: 50px;
}
@media (max-width: 991px) {
  .about,
  .solutions {
    display: flex;
    flex-wrap: wrap;
    margin: -5px;
  }

  .about_box,
  .solutions_box {
    margin: 5px;
  }

  .about_box:nth-child(1),
  .solutions_box:nth-child(1) {
    width: calc(100% - 10px);
  }

  .about_box:nth-child(2) {
    width: calc(100% - 10px);
  }

  .solutions_box:nth-child(2),
  .solutions_box:nth-child(3),
  .solutions_box:nth-child(4),
  .solutions_box:nth-child(5) {
    width: calc(50% - 10px);
  }

  .about_box:nth-child(3) {
    width: calc(50% - 10px);
  }

  .about_box:nth-child(4) {
    width: calc(50% - 10px);
  }

  .about_box:nth-child(3) h5,
  .about_box:nth-child(4) h5 {
    font-size: 20px;
  }
}
@media (max-width: 491px) {
  .solutions_box:nth-child(2),
  .solutions_box:nth-child(3),
  .solutions_box:nth-child(4),
  .solutions_box:nth-child(5) {
    width: calc(100% - 10px);
  }
}
.about_box h4 {
  max-width: 350px;
}

.about_box p {
  color: var(--w);
  max-width: 350px;
}

.about_box .btn_group {
  margin-top: 20px;
}

.about_box:nth-child(1) p {
  max-width: 100%;
}

.about_box_bottom {
  margin-top: 90px;
}
.solutions_box_bottom {
  margin-top: 63.5px;
}
.solutions_box_bottom > .my_btn.v2,
.solutions_box_bottom > .my_btn.v3 {
  height: 24px;
}
.solutions_box:first-child {
  min-height: 471px;
}
.about_box:nth-child(2) p {
  color: var(--gray80);
}

.trust_block {
  padding: 40px 0;
}

.trust {
  padding: 40px;
  border-radius: 10px;
  background: var(--gray10);
}

.trust_list {
  display: flex !important;
  gap: 10px;
  justify-content: center;
  margin-top: 40px;
}

.trust_item {
  background: var(--w);
  padding: 20px 40px;
  border-radius: 5px;
  display: flex !important;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto !important;
  margin: 0 5px;
}

.trust_item img {
  max-height: 50px;
  object-fit: contain;
  width: auto !important;
}

.value_img {
  display: flex;
  justify-content: end;
  margin-bottom: 2px;
}
.why_img,
.when_img,
.what_img {
  position: absolute;
  right: 40px;
  top: 40px;
}

.cases_block,
.why_block,
.when_block,
.what_block,
.feedback_block,
.decisions_block,
.for_clients_block,
.research_block,
.about_science_block,
.values_block,
.team_block,
.stages_block
{
  padding: 40px 0;
}

.cases,
.why,
.feedback,
.when,
.what {
  display: grid;
  gap: 10px;
  grid-template-columns: 2.132fr 3fr;
}

.for_clients,
.research,
.about_science,
.team {
  display: grid;
  gap: 10px;
  grid-template-columns: 1fr 1.41fr;
}

.cases_info,
.why_text,
.what_text,
.when_text,
.feedback_text,
.decisions_item,
.for_clients_left,
.for_clients_right,
.research_left,
.research_right,
.science_left,
.value_item,
.team_intro,
.stages_item {
  padding: 40px;
}

.cases_info h4,
.why_text h4,
.when_text h4,
.what_text h4,
.feedback_text h4 {
  color: var(--gray100);
}

.cases_info p,
.why_text p,
.when_text p,
.what_text p,
.feedback_text p {
  max-width: 390px;
  margin: 20px 0 40px;
  color: var(--gray80);
}

.cases_slider,
.why_slider,
.when_slider,
.what_slider,
.feedback_slider,
.trust_list,
.team_grid,
.science_slider {
  overflow: hidden;
}

.cases_slider,
.why_slider,
.when_slider,
.what_slider,
.feeback_slider,
.trust_list .slick-slide,
.team_grid .slick-slide {
  box-sizing: border-box;
}

.case_card {
  background: var(--gray10);
  padding: 35px;
  border-radius: 10px;
  min-height: 250px;
  margin: 0 5px;
  width: 375px;
}
.why_card h4,
.when_card h4,
.what_card h4 {
  margin-bottom: 20px;
}
.case_card {
  z-index: 1;
  position: relative;
}

.feedback_card {
  display: flex !important;
  flex-direction: column;
  background: var(--blue40);
  color: #fff;
  padding: 40px;
  border-radius: 10px;
  min-height: 250px;
  max-width: 760px;
  margin-right: 10px;
}

.feedback_head img {
  padding: 30px 50px;
  background: var(--w);
  border-radius: 5px;
  flex-shrink: 0;
  margin-right: 20px;
}

.science_card {
  display: flex !important;
  flex-direction: column;
  flex-wrap: wrap;
  padding: 40px;
  max-width: 760px;
  border-radius: 10px;
  background: var(--gray10);
  margin-right: 10px;
}

.feedback_head,
.for_clients_head,
.research_person,
.science_author {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.subtitle {
  margin: 0;
}

.feedback_card p,
.science_card p {
  margin: 0;
}

/*.why_slider .slick-track > .slick-slide:not(.slick-cloned):nth-child(2n) {
  background: linear-gradient(56.47deg, #8297FC 0%, #142FB2 100%);
  color: #fff;
}*/
.why_slider .gradient-bg,
.when_slider .gradient-bg,
.what_slider .gradient-bg {
  background: linear-gradient(56.47deg, #8297fc 0%, #142fb2 100%);
  color: #fff;
}
/*Убрал косяк Яны*/
.gradient-bg .why_img,
.gradient-bg .when_img,
.gradient-bg .what_img {
    margin-bottom: 5px;
}
.case_date {
  margin: 125px 0 20px;
  color: var(--gray60);
  border-bottom: 1px solid var(--gray30);
  padding-bottom: 20px;
}

.slider_arrows button {
  margin-right: 10px;
  width: 50px;
  height: 50px;
  border: none;
}

button.click-prev {
  background: url(../img/prev_arrow.svg) no-repeat 50% 50% / contain;
}

button.click-next {
  background: url(../img/next_arrow.svg) no-repeat 50% 50% / contain;
}

.pulse-button {
  animation: pulse 2s infinite;
  transition: transform 0.2s;
}

.btn_group {
  display: flex;
  align-items: center;
  margin: 0 -15px;
}

.btn_group .my_btn {
  margin: 0 15px;
}

.my_btn {
  border: none;
  display: inline-flex;
  align-items: center;
  border-radius: 5px;
  transition: 0.3s;
}

.my_btn.center {
  justify-content: center;
  text-align: center;
}

.my_btn.v1 {
  background: var(--w);
  font-size: 16px;
  font-weight: 600;
  color: var(--blue80);
  height: 64px;
  padding: 0 30px;
  border-radius: 5px;
}

.my_btn.v1:hover {
  background-color: var(--blue20);
}

.my_btn.v2 {
  height: 44px;
  font-size: 16px;
  font-weight: 600;
  padding: 0 4px;
  transition: none;
}

.my_btn.v2:hover {
  color: var(--blue30);
}

.my_btn.v3 {
  height: 44px;
  font-size: 16px;
  font-weight: 600;
  padding: 0 4px;
}

.my_btn.v4 {
  height: 64px;
  font-size: 16px;
  font-weight: 600;
  padding: 0 30px;
  color: var(--w);
  background: var(--blue80);
}

.my_btn.v4:hover {
  color: var(--w);
  background: var(--blue100);
}

.my_btn.v5 {
  height: 64px;
  width: 64px;
  justify-content: center;
}

.my_btn.oi {
}

.my_btn.wi {
  font-size: 14px;
}

.my_btn.wi:after {
  content: "";
  width: 24px;
  height: 24px;
  flex: 0 0 auto;
  margin-left: 10px;
}

.my_btn.wi.v1:after {
  background: url(../img/arrow_right_blue.svg) no-repeat 50% 50% / contain;
}

.my_btn.wi.v2:after {
  background: url(../img/arrow_right_blue30.svg) no-repeat 50% 50% / contain;
  filter: brightness(0) invert(1);
}

.my_btn.wi.v2:hover:after {
  filter: none;
}

.my_btn.wi.v3:after {
  background: url(../img/arrow_right_black.svg) no-repeat 50% 50% / contain;
}

.my_btn.wi.v4:after {
  background: url(../img/arrow_right.svg) no-repeat 50% 50% / contain;
}

.my_btn.wi.v5:after {
  background: url(../img/back_icon.svg) no-repeat 50% 50% / contain;
}

.my_btn.oi:after {
  margin-left: 0;
}

.my_btn.v1.transparent {
  background: transparent;
}

.faq_down {
  margin-top: 10px;
}

.faq_page_block {
  max-width: 870px;
  margin: auto;
}

.faq_block,
.form_block {
  padding: 40px 0;
}

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

.faq_left {
  width: calc((54 / 131) * 100%);
  flex: 0 0 auto;
  margin-right: 10px;
  height: 446px;
  padding: 40px;
  border-radius: 10px;
  background: url(../img/faq_left_bg.jpg) no-repeat 50% 50% / cover;
  color: var(--w);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.faq_left .btn_group {
  margin-top: 80px;
}

.faq_right {
  flex: 1 1 auto;
}

.form_wrap {
  display: grid;
  grid-template-columns: 3fr 2fr;
  gap: 10px;
}

.form_left {
  flex: 0 0 auto;
  height: 450px;
  padding: 40px;
  border-radius: 10px;
  background: url(../img/form-bg.jpg) no-repeat 50% 50% / cover;
  display: flex;
  align-items: end;
}

.faq_left .btn_group {
  margin-top: 80px;
}

.form_right {
  padding: 40px;
  background: linear-gradient(224.88deg, #0a25a6 0%, #859aff 100%);
  border-radius: 10px;
}

/*.input {display: block; flex: 0 0 auto; width: 100%; margin-top: 20px;}*/

.form .input {
  position: relative;
  margin-top: 20px;
}

.form .input:first-child {
  margin-top: 0;
}

.form .input::before {
  content: "";
  position: absolute;
  left: 20px;
  top: 30px;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background-color: var(--blue10);
  pointer-events: none;
  transition: background-color 0.2s;
}

.form .input:nth-child(1)::before {
  mask: url(../img/user-icon.svg) no-repeat center / contain;
  -webkit-mask: url(../img/user-icon.svg) no-repeat center / contain;
}

.form .input:nth-child(2)::before {
  mask: url(../img/tel-icon.svg) no-repeat center / contain;
  -webkit-mask: url(../img/tel-icon.svg) no-repeat center / contain;
}

.form .input:nth-child(3)::before {
  mask: url(../img/mail-icon.svg) no-repeat center / contain;
  -webkit-mask: url(../img/mail-icon.svg) no-repeat center / contain;
}

.form .input:nth-child(4)::before {
  mask: url(../img/company-icon.svg) no-repeat center / contain;
  -webkit-mask: url(../img/company-icon.svg) no-repeat center / contain;
}
.form .input:nth-child(5)::before {
  mask: url(../img/query-icon.svg) no-repeat center / contain;
  -webkit-mask: url(../img/query-icon.svg) no-repeat center / contain;
}

/* Явно убираем иконку для captcha поля */
.form .input:nth-child(6)::before {
  display: none;
}

.form .input:hover::before,
.form .input:focus-within::before {
  background-color: var(--blue80);
}

.form .input input,
.form .input textarea {
  width: 100%;
  padding: 20px 20px 20px 60px;
  font-size: 1rem;
  border: none;
  border-radius: 5px;
  background: rgba(255, 255, 255, 1);
  outline: none;
  transition: all 0.2s;
}

.form .input input::placeholder,
.form .input textarea::placeholder{
  color: #fff;
  opacity: 1;
}

.form .input input.invalid {
  border: 1px solid;
  border-color: #db3030;
}

.form .input:has(input.invalid)::after {
  content: "";
  position: absolute;
  right: 20px;
  top: 30px;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background-color: #db3030;
  pointer-events: none;
  transition: background-color 0.2s;
  mask: url(../img/invalid-icon.svg) no-repeat center / contain;
  -webkit-mask: url(../img/invalid-icon.svg) no-repeat center / contain;
}

.form .input input:placeholder-shown,
.form .input textarea:placeholder-shown {
  background: rgba(255, 255, 255, 0.4);
}

.form .input input:hover,
.form .input textarea:hover {
  background: rgba(255, 255, 255, 0.6);
}

.form .input input:focus,
.form .input textarea:focus
{
  background: rgba(255, 255, 255, 1);
}

.form .input.filled::before {
  background-color: var(--blue80);
}

.form__btn {
  margin-top: 75px;
  width: 100%;
  justify-content: center;
}

.decisions,
.stages {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 10px;
}

.decisions > div:nth-child(odd),
.stages > div:nth-child(odd) {
  color: #fff;
  background-color: var(--blue40);
}

.decisions > div:nth-child(even),
.stages > div:nth-child(even) {
  color: var(--gray80);
  background-color: var(--gray10);
}

.decisions_item,
.stages_item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-radius: 10px;
  box-sizing: border-box;
  min-height: clamp(200px, calc(100vw * 0.1579 + 143.16px), 350px);
}

.decisions_item_bottom p,
.stages_item_bottom p{
  margin: 0;
}

.for_clients_left h4,
.research_left h4,
.science_left h4,
.team_intro h4 {
  max-width: 390px;
  margin-bottom: 20px;
  color: var(--gray100);
}

.team_intro h4 {
  max-width: 400px;
}

.for_clients_left p,
.research_left p,
.science_left p,
.team_intro p {
  max-width: 390px;
  margin: 0;
  color: var(--gray80);
}

.for_clients_right,
.research_right,
.team_grid {
  background: var(--gray10);
  border-radius: 10px;
}

.for_clients_head img,
.research_person img,
.science_author img {
  margin-right: 20px;
}

.hero_about {
  background: url(../img/hero_about_bg.jpg) no-repeat 50% 50% / cover;
}

.hero_about h1 {
  max-width: 690px;
}

.values {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 10px;
}

.values-item {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 10px;
}

.value_img,
.science_left p {
  margin-bottom: 20px;
}

.value_item:nth-child(odd) {
  color: #fff;
  background: linear-gradient(56.47deg, #8297fc 0%, #142fb2 100%);
  border-radius: 10px;
}

.value_item:nth-child(even) {
  color: var(--gray80);
  background-color: var(--gray10);
  border-radius: 10px;
}

.value_item h4 {
  margin-bottom: 20px;
}

.value_item p {
  margin: 0;
}

.about_subtitle {
  font-size: 12px;
  color: var(--gray60);
  margin: 0;
}

.team_grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 35px;
}

.team_member {
  max-width: 200px;
  margin: 5px;
  background: var(--gray10);
}

.team_member img {
  border-radius: 10px;
  margin-bottom: 10px;
}

.team_member p {
  color: var(--gray80);
  margin: 0;
  font-size: 12px;
  font-weight: 700;
}

.team_member p.subtitle {
  font-weight: 400;
}

.faq_top {
  background: linear-gradient(123deg, #637cf9, #0a25aa);
  color: #fff;
  border-radius: 10px;
  padding: 40px;
}

.catalog_block {
  padding: 40px 0;
  background: var(--gray10);
}

header + .catalog_block {
  padding-top: 96px;
}

.catalog_block + footer {
  background: var(--gray10);
}

.close_btn {
  width: 64px;
  height: 64px;
  border-radius: 5px;
  display: inline-flex;
  transition: background-color 0.3s;
  background: var(--blue80) url(../img/close_icon.svg) no-repeat 50% 50% / 24px
    auto;
}

.catalog_category_toggle {
  font-size: 16px;
  font-weight: 600;
  color: var(--w);
  background: var(--blue80);
  display: inline-flex;
  height: 64px;
  padding: 0 30px;
  align-items: center;
  border-radius: 5px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.catalog_category_toggle:before {
  content: "";
  background: url(../img/filter_icon.svg) no-repeat 50% 50%;
  width: 24px;
  height: 24px;
  flex: 0 0 auto;
  margin-right: 10px;
}

.catalog_category_toggle:hover {
  background: var(--blue100);
}

/* Search M */

.catalog_search_input {
  flex: 1 1 auto;
  position: relative;
}

.catalog_search_input span {
  display: none;
  background-image: url("../img/crossarrow_icon.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 12px;
  width: 24px;
  height: 24px;
  position: absolute;
  right: 20px;
  top: 0;
  bottom: 0;
  margin: auto;
}

.catalog_search_input a {
  display: none;
  background-image: url("../img/crossarrow_icon.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 12px;
  width: 24px;
  height: 24px;
  position: absolute;
  right: 20px;
  top: 0;
  bottom: 0;
  margin: auto;
}

.autocomplete_input {
  display: block;
  width: 100%;
  background: var(--w) no-repeat 20px 50% / 24px auto;
  background-image: url(../img/search_icon.svg);
  height: 64px;
  border-radius: 5px;
  border: 1px solid transparent;
  padding: 0 30px 0 64px;
  font-size: 16px;
  font-weight: 400;
  box-shadow: 0 0 3px rgba(210, 215, 220, 0.2);
  transition: 0.1s;
}

.autocomplete_input:active,
.autocomplete_input:focus {
}

.autocomplete_input:not(:placeholder-shown) {
  background-image: url(../img/search_icon_blue.svg);
  background-color: var(--w);
}

.autocomplete_input:not(:placeholder-shown) ~ span {
  display: block;
  cursor: pointer;
}

.autocomplete_input:not(:placeholder-shown) ~ a {
  display: block;
  cursor: pointer;
}

.ui-widget.ui-autocomplete {
  font-size: 16px;
  font-weight: 400;
  font-family: "Manrope", sans-serif;
  overflow: hidden;
  background-color: transparent;
  border: none;
}

.ui-autocomplete .ui-menu-item {
  width: 100%;
  border-radius: 22px;
  border: none;
  background: var(--blue10);
  margin-bottom: 10px;
}

.ui-autocomplete .ui-menu-item:hover,
.ui-autocomplete .ui-menu-item .ui-menu-item-wrapper.ui-state-active {
  margin: 0 0 10px;
  background-color: var(--w);
  border: none;
  border-radius: 22px;
  color: var(--blue80);
}

.ui-autocomplete .ui-menu-item .ui-menu-item-wrapper {
  height: 44px;
  display: flex;
  align-items: center;
  padding: 0 20px;
}

.catalog_search_line .catalog_search_input {
  margin-left: 10px;
}

.catalog_search_box {
  padding-bottom: 80px;
}

.close_btn:hover {
  background-color: var(--blue100);
}

.catalog_search_popup {
  padding: 40px;
  background: var(--w);
  border-radius: 10px;
  margin-bottom: 40px;
}

.catalog_search_popup.active {
  display: block;
}

.catalog_search_popup_header {
}

.catalog_filter_list {
  margin: -5px;
  padding-top: 40px;
  display: flex;
  flex-wrap: wrap;
}

.catalog_search_selected.catalog_filter_list {
  padding: 10px 0;
}

.catalog_filter_list span,
.catalog_filter_list a {
  margin: 5px;
  border-radius: 5px;
  background: var(--blue40);
  height: 64px;
  font-size: 16px;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 0 30px;
  color: var(--w);
  cursor: pointer;
  transition: 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.catalog_filter_list span:before,
.catalog_filter_list a:before {
  content: "";
  width: 24px;
  height: 24px;
  margin-right: 10px;
  flex: 0 0 auto;
  background: url(../img/icons/search_white.svg) no-repeat 50% 50% / contain;
}

.catalog_search_selected.catalog_filter_list span:before {
  background: url(../img/icons/search_white.svg) no-repeat 50% 50% / contain;
}

.catalog_filter_list span:hover {
  background: var(--blue80);
}

.catalog_list {
  display: flex;
  margin: -5px;
  padding-top: 80px;
  flex-wrap: wrap;
}

.catalog_item {
  background: var(--w);
  margin: 5px;
  padding: 40px;
  display: flex;
  flex-direction: column;
  position: relative;
  box-shadow: 0px 0px 0 0 transparent;
  transition: 0.2s;
  justify-content: space-between;
  align-items: flex-start;
  min-height: 530px;
  border-radius: 10px;
  width: calc(100% / 3 - 10px);
  flex: 0 0 auto;
}

.catalog_item > img {
  flex: 0 0 auto;
  width: 90px;
  height: 90px;
}

.catalog_item > img + .catalog_item_header {
  margin-top: 20px;
}

.catalog_item_header {
  flex: 1 1 auto;
}

.catalog_item_header span {
  display: inline-flex;
  margin-bottom: 10px;
  color: var(--gray100);
}

.catalog_tags {
  display: flex;
  margin: -5px;
  padding-top: 20px;
  flex-wrap: wrap;
}

.catalog_tags span,
.catalog_tags a {
  font-size: 16px;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 5px;
  height: 42px;
  text-align: center;
  background: var(--blue10);
  color: var(--blue100);
  padding: 0 30px;
  border-radius: 5px;
  z-index: 10;
  border: 1px solid var(--blue10);
  transition: 0.2s;
  cursor: pointer;
}

.catalog_tags span:hover,
.catalog_tags a:hover {
  border: 1px solid var(--blue100);
}

.catalog_item .catalog_item_link {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.catalog_item:hover {
  box-shadow: 0px 0px 20px rgba(10, 17, 170, 0.05);
}
.catalog_item_header h4 {
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow-wrap: break-word;
}

.catalog_item_description {
  flex: 0 0 auto;
  width: 100%;
  height: 132px;
}

.catalog_item_description {
  border-top: 1px solid var(--gray20);
  padding-top: 20px;
  margin-top: 20px;
}

.catalog_item_description p {
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  color: var(--gray60);
}

.catalog_item .catalog_item_link {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.catalog_item:hover {
  box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.07);
}

footer {
  padding: 40px 0;
}

.footer {
  padding: 40px;
  border-radius: 10px;
  background: var(--blue40) url("../img/footer_bg.png") no-repeat 50% 50% /
    cover;
  color: var(--w);
}

.ft_right .f_nav + .f_nav {
  margin-left: 40px;
}

footer.grey {
  background: var(--gray10);
}

footer.white {
  background: var(--w);
}

body.footer_white footer {
  background: var(--w);
}

body.footer_grey footer {
  background: var(--gray10);
}

.f_nav ul {
  padding-left: 0;
}

.f_nav ul li {
}

.f_nav ul li + li {
  margin-top: 5px;
}

.f_nav ul li:first-child {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 20px;
}

.footer_bottom {
  margin-top: 60px;
}

.ft_left {
  max-width: 305px;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.2;
}

.ft_left p a {
  color: var(--blue10);
}

.my_accordion {
  border: 1px solid transparent;
  background: var(--gray10);
  transition: 0.4s;
  padding: 0 40px;
  border-radius: 5px;
}

.my_accordion + .my_accordion {
  margin-top: 10px;
}

.my_accordion.active {
  border-color: var(--gray20);
  background: transparent;
}

.accordion_head {
  min-height: 64px;
  padding: 20px 0;
  display: flex;
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.accordion_head p {
  margin-bottom: 0;
  color: var(--gray100);
}

.accordion_head:after {
  width: 24px;
  height: 24px;
  content: "";
  flex: 0 0 auto;
  transition: 0.4s;
  background: url(../img/accordion_icon.svg) no-repeat 50% 50% / contain;
}

.my_accordion.active .accordion_head:after {
  transform: rotate(180deg);
}

.accordion_body {
  display: none;
}

.accordion_body p {
  color: var(--gray60);
  padding-bottom: 20px;
}

.my_accordion.active .accordion_body {
  display: block;
}

.accordion_body > ul {
  color: var(--gray60);
  font-size: 16px;
  padding-left: 0;
}

.accordion_body > * + ul {
  margin-top: 10px;
}

.accordion_body > ul li {
  position: relative;
  color: var(--gray60);
  padding-left: 24px;
}

.accordion_body > ul li:before {
  content: "";
  position: absolute;
  top: 10px;
  left: 6px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--gray60);
}

.accordion_body .table {
  margin-top: 0;
  margin-bottom: 20px;
}

.table {
  border-color: var(--gray60) !important;
}

.table th {
  color: var(--gray60);
  border-bottom-color: var(--gray60) !important;
  font-weight: normal;
}

.contacts_list {
  margin: 0 -5px;
}

.con_btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 64px;
  margin: 0 5px;
  border-radius: 5px;
  padding: 0 30px;
  background: var(--blue40);
  font-size: 16px;
  font-weight: 600;
  transition: 0.3s;
}

.con_btn:hover {
  color: var(--w);
  background-color: var(--blue60);
}

.con_btn:before {
  content: "";
  width: 24px;
  height: 24px;
  margin-right: 10px;
}

.con_btn.tel_btn:before {
  background: url(../img/phone_icon.svg) no-repeat 50% 50% / contain;
}

.con_btn.mail_btn:before {
  background: url(../img/mail_icon.svg) no-repeat 50% 50% / contain;
}

.con_btn.tg_btn {
  padding: 0 20px;
}

.con_btn.tg_btn:before {
  background: url(../img/tg_icon.svg) no-repeat 50% 50% / contain;
  margin-right: 0;
}

.page_nav {
  margin: 0 -5px;
  padding-top: 40px;
}

.page_nav > * {
  margin: 0 5px;
}

.product_block {
  padding: 116px 0 40px;
  background: var(--gray10);
}

.breadcrumbs {
  border-radius: 5px;
  background: var(--w);
  padding: 20px 40px;
  display: flex;
  align-items: center;
}

.breadcrumbs {
}

.breadcrumbs a {
  font-size: 14px;
  line-height: 24px;
  padding-left: 10px;
  display: inline-flex;
  align-items: center;
}

.breadcrumbs a:after {
  width: 24px;
  height: 24px;
  content: "";
  pointer-events: none;
  margin-left: 10px;
  background: url(../img/breadcrumbs_icon.svg) no-repeat 50% 50% / 24px auto;
}

.breadcrumbs span {
  padding-left: 10px;
}

.product > h1 {
  padding-top: 40px;
}

.product .gray_text {
  color: var(--gray50);
}

.gray_text {
  font-size: 18px;
  line-height: 1.2;
  margin-top: 10px;
}

.product .tab_box {
  margin-top: 40px;
}

.tab_head {
  display: flex;
  margin: -5px;
  flex-wrap: wrap;
}

.tab_head_item {
  margin: 5px;
  height: 64px;
  background: var(--w);
  padding: 0 30px;
  font-size: 16px;
  transition: 0.3s;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.tab_head_item.active {
  background: var(--blue80);
  color: var(--w);
}

.tab_head_item:not(.active):hover {
  background: var(--blue10);
}

.tab_body_item {
  margin-top: 10px;
  display: none;
}

.tab_body_item.active {
  display: block;
}

.research_info_box {
  display: flex;
}

.research_chart {
  flex: 0 0 auto;
  width: calc((57 / 131) * 100%);
  margin-right: 10px;
}

.research_info_item {
  border-radius: 10px;
  padding: 40px;
  background: var(--w);
}

.research_info_list {
  display: flex;
  flex-wrap: wrap;
  margin: -5px;
  flex: 1 1 auto;
}

.research_info_list .research_info_item {
  margin: 5px;
}

.research_efficiency {
  width: calc(100% - 10px);
  background: var(--blue80);
  color: var(--w);
}

.research_participant {
  width: calc(50% - 10px);
}

.research_effective {
  width: calc(50% - 10px);
}

.research_title {
  display: inline-flex;
  align-items: center;
  font-size: 16px;
}

.research_title:before {
  content: "";
  width: 24px;
  height: 24px;
  margin-right: 10px;
  flex: 0 0 auto;
}

.research_title:before {
  background: url(../img/research_chart_icon.svg) no-repeat 50% 50% / 24px auto;
}

.research_efficiency .research_title:before {
  background: url(../img/research_up_icon.svg) no-repeat 50% 50% / 24px auto;
}

.research_participant .research_title:before {
  background: url(../img/research_people_icon.svg) no-repeat 50% 50% / 24px auto;
}

.research_effective .research_title:before {
  background: url(../img/research_basket_icon.svg) no-repeat 50% 50% / 24px auto;
}

.research_text {
  font-size: 64px;
  line-height: 1.2;
  color: var(--blue80);
}

.research_efficiency .research_text {
  color: var(--w);
}

.research_title + .research_text {
  margin-top: 20px;
}

.chart_wrapper {
  width: 100%;
  height: 300px;
}

.research_about_box {
  border-radius: 10px;
  padding: 40px;
  background: var(--w);
}

.research_request_step {
  display: none;
}

.research_request_step.active {
  display: block;
}

.research_about_box_wrapper {
  display: flex;
  align-items: flex-start;
  padding-bottom: 35px;
}

.research_about_box_img {
  margin-right: 35px;
  background: var(--gray10);
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  overflow: hidden;
  height: 450px;
  position: relative;
  width: 440px;
}

/*.research_about_box_img:after { content: ""; display: block; padding-top: 100%; }*/

/*.research_about_box_img img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }*/

.research_about_box_text {
  max-width: 595px;
}

.research_about_box_img img {
  max-width: 100%;
  height: auto;
}

.research_about_box_wrapper
  .research_about_box_text
  .table
  .tr
  .td:first-child {
  width: 210px;
}

.research_about_box_text .table {
  table-layout: auto;
}

.table {
  display: table;
  table-layout: fixed;
  margin-top: 30px;
}

.table .tr {
  display: table-row;
}

.table .tr .td {
  display: table-cell;
  padding: 10px 0;
}

.table .tr .td:first-child {
  color: var(--system-color);
}

.research_request_box {
  background: var(--w);
  padding: 40px;
  border-radius: 10px;
}

.research_request_box h4 {
}

.research_request_box .my_accordion {
  margin-top: 35px;
}

.research_request_box .my_btn {
  margin-top: 35px;
}

.research_details_box {
  padding: 40px;
  background: var(--w);
  border-radius: 10px;
}

.research_details_box .my_accordion {
  margin-top: 35px;
}

.research_details_foot {
  margin-top: 35px;
  display: flex;
  align-items: flex-start;
}

.research_details_foot_chart {
  flex: 0 0 auto;
  width: calc(57 / 107 * 100%);
  margin-right: 35px;
}

.research_details_foot_chart {
  border-radius: 10px;
  border: 1px solid var(--gray20);
  padding: 40px;
}

.research_details_foot_info {
  flex: 1 1 auto;
}

.research_details_foot_info .my_accordion:first-child {
  margin-top: 0;
}

.research_details_chart {
  padding: 40px;
  border: 1px solid var(--gray20);
  border-radius: 5px;
  margin-top: 35px;
}

.research_details_chart .chart {
  margin-top: 20px;
}

.small_text {
  font-size: 12px;
  line-height: 1.3;
  margin-top: 10px;
}

.small_text a {
  color: var(--blue80);
}

.doctor_item.slick-slide {
  display: flex !important;
  padding-top: 35px;
}

.doctor_item_photo {
  flex: 0 0 auto;
  width: 250px;
  border-radius: 10px;
  overflow: hidden;
  margin-right: 35px;
}
.doctor_item_photo img {
  width: 100%;
  height: auto;
}

.doctor_item_info {
  flex: 1 1 auto;
  width: 100%;
}

.doctor_item_info p {
  font-size: 18px;
}

/*.doctor_item .btn_group { margin: -5px; padding-top: 30px; }*/

/*.doctor_item .btn_group .my_btn { padding: 0 20px; margin: 5px; }*/

.doctor_select .slick-next,
.doctor_select .slick-prev {
  position: absolute;
  bottom: 0;
  z-index: 4;
  width: 64px;
  height: 64px;
  border-radius: 5px;
  border: none;
  font-size: 0;
}

.doctor_select .slick-next {
  background: var(--blue80) url(../img/arrow_right.svg) no-repeat 50% 50% / 24px
    auto;
  left: calc(285px + 10px + 64px);
}

.doctor_select .slick-prev {
  background: var(--blue80) url(../img/arrow_left.svg) no-repeat 50% 50% / 24px
    auto;
  left: 285px;
}

.research_request_box .small_text {
  margin-bottom: 0;
}

.develop_page_block {
  padding: 116px 0 40px;
}

.develop {
  padding: 130px 40px;
  border-radius: 10px;
  background: var(--gray10) url(../img/develop_bg.jpg) no-repeat 50% 50% / cover;
}

.develop p {
  color: var(--gray60);
  margin-top: 20px;
  font-size: 18px;
}

.develop .my_btn {
  margin-top: 80px;
}

/*popup*/
.black_layout {
  display: none;
  z-index: 90;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.85);
}

.popup_wrapper {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 95;
  padding: 0;
  overflow: auto;
}

.popup_inner {
  display: flex;
  min-height: 100%;
  align-items: center;
  padding: 30px 20px;
  justify-content: center;
}

.popup {
  background: #fff;
  width: 100%;
  max-width: 1310px;
  position: relative;
}

.close_popup {
  width: 30px;
  height: 30px;
  display: block;
  position: absolute;
  z-index: 5;
  top: -4px;
  right: -44px;
  background: url(../img/close_icon.svg) no-repeat 50% 50% / 30px auto;
}

.popup_body {
  width: 100%;
  margin: auto;
  text-align: center;
}

/* Слайдеры */
.slick-slider {
  position: relative;
  display: block;
  -moz-box-sizing: border-box;
  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: none;
}

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

.slick-slider .slick-track,
.slick-slider .slick-list {
  -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;
}

.slick-track:before,
.slick-track:after {
  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;
}
.why_card,
.when_card,
.what_card {
  display: flex !important;
  flex-direction: column;
  position: relative;
  justify-content: end;
  background: var(--gray10);
  padding: 40px;
  border-radius: 10px;
  min-height: 350px;
  margin: 0 5px;
  width: 375px;
}
@media (max-width: 920px) {
  .cases,
  .why,
  .when,
  .what,
  .feedback,
  .form_wrap,
  .about_science {
    grid-template-columns: repeat(1, 1fr);
  }
}

@media (min-width: 992px) {
  .about {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(24, 1fr);
    grid-template-rows: repeat(2, auto);
  }

  .about_box:nth-child(1) {
    grid-area: 1 / 1 / 3 / 11;
  }

  .about_box:nth-child(2) {
    grid-area: 1 / 11 / 2 / 25;
  }

  .about_box:nth-child(3) {
    grid-area: 2 / 11 / 3 / 18;
  }

  .about_box:nth-child(4) {
    grid-area: 2 / 18 / 3 / 25;
  }

  .solutions {
    display:grid;
    gap:10px;
    grid-template-columns:repeat(24,1fr);
    grid-template-rows:repeat(2,auto);
  }

  .solutions_box:nth-child(1) {
    grid-column:1/11;
    grid-row:1/3;
  }

  .solutions_box:nth-child(2) {
    grid-column:11/18;
    grid-row:1;
  }

  .solutions_box:nth-child(3) {
    grid-column:18/25;
    grid-row:1;
  }

  .solutions_box:nth-child(4) {
    grid-column:11/18;
    grid-row:2;
  }

  .solutions_box:nth-child(5) {
    grid-column:18/25;
    grid-row:2;
  }
}

@media (max-width: 1270px) and (min-width: 1100px) {
  .trust_list {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (max-width: 1100px) and (min-width: 920px) {
  .trust_list {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 920px) and (min-width: 642px) {
  h1 {
    font-size: 50px;
  }

  .feedback_head,
  .for_clients_head {
    flex-direction: column;
  }

  .feedback_img_wrap,
  .for_clients_head img {
    order: 1;
    margin: 0;
  }

  .feedback_head_text {
    margin-bottom: 20px;
  }

  .footer_top {
    flex-wrap: wrap;
  }

  .ft_right {
    margin-top: 20px;
  }

  .con_btn {
    font-size: 14px;
    padding: 5px 15px;
    height: auto;
  }

  .trust_list {
    grid-template-columns: repeat(2, 1fr);
  }

  .footer_bottom {
    align-items: flex-end;
  }

  .footer_bottom p:last-child {
    margin-bottom: 0;
  }

  .catalog_item {
    width: calc(100% / 2 - 10px);
    padding: 20px;
  }

  .decisions,
  .values,
  .stages {
    grid-template-columns: repeat(2, 1fr);
  }

  .for_clients,
  .research,
  .team {
    grid-template-columns: repeat(1, 1fr);
  }

  .for_clients_head,
  .feedback_head {
    align-items: flex-start;
  }

  .subtitle {
    margin-bottom: 20px;
  }
}

.header_mob {
  display: none;
}

@media (max-width: 641px) {
  .gradient-bg .why_img,
  .gradient-bg .when_img,
  .gradient-bg .what_img {
    margin-bottom: 10px;
  }
  .case_card,
  .why_card,
  .when_card,
  .what_card {
    width: 310px;
  }

  .decisions,
  .stages,
  .for_clients,
  .research,
  .values,
  .about_science,
  .team {
    grid-template-columns: repeat(1, 1fr);
  }

  .team_grid {
    padding: 0px;
    background: #fff;
  }

  .team_member {
    max-width: 240px;
    padding: 20px;
    border-radius: 10px;
    min-height: 307px;
  }

  .feedback_text p {
    margin: 20px 0 0;
  }

  .about_box_bottom,
  .solutions_box_bottom {
    margin-top: 45px;
  }

  .feedback_head,
  .for_clients_head,
  .research_person,
  .science_author {
    flex-direction: column;
  }

  .for_clients_head,
  .feedback_head,
  .research_person,
  .science_author {
    align-items: flex-start;
  }

  .subtitle {
    margin-bottom: 20px;
  }

  .feedback_img_wrap,
  .for_clients_head img,
  .research_person img,
  .science_author img {
    order: 1;
    margin: 0;
    align-items: center;
  }

  .feedback_img_wrap {
    display: flex;
    background: #fff;
    width: 100%;
    height: 100px;
    border-radius: 5px;
  }

  .feedback_img_wrap img {
    padding: 0;
    margin: auto;
  }

  .feedback_head_text {
    margin-bottom: 20px;
  }

  .feedback_card,
  .science_card {
    margin-right: 10px;
  }

  .slider_arrows {
    display: none;
  }

  .form_left {
    height: 320px;
    background: url(../img/form-bg.jpg) no-repeat 80% 50% / cover;
  }

  .cases_info,
  .why_text,
  .when_text,
  .what_text,
  .trust,
  .feedback_text,
  .case_card,
  .why_card,
  .when_card,
  .what_card,
  .form_left,
  .form_right,
  .decisions_item,
  .team_intro,
  .research_left,
  .research_right,
  .value_item,
  .science_left,
  .science_card,
  .feedback_card,
  .for_clients_left,
  .for_clients_right,
  .faq_top,
  .stages_item {
    padding: 20px;
  }

  .why_text p,
  .when_text p,
  .what_text p {
    margin: 20px 0 0;
  }

  .science_card p.about_subtitle {
    margin-bottom: 20px;
  }

  .hero_about {
    background: linear-gradient(
        202.64deg,
        rgba(48, 77, 219, 0) 1.55%,
        rgba(48, 77, 219, 0.9) 73.15%,
        #304ddb 100%
      ),
      url(../img/hero_about_bg.jpg) no-repeat 79% 50% / cover;
  }

  .value_item:nth-child(1) .value_img img {
    width: 130px;
  }

  .value_item:nth-child(2) .value_img img {
    width: 107px;
  }

  .value_item:nth-child(3) .value_img img {
    width: 138px;
  }

  h1 {
    font-size: 24px;
    line-height: 1.2;
    font-weight: 400;
    letter-spacing: 0.32px;
  }

  h2 {
    font-size: 22px;
    line-height: 1.2;
    font-weight: 500;
  }

  h3 {
    font-size: 36px;
    line-height: 1.2;
    font-weight: 500;
  }

  h4 {
    font-size: 20px;
    line-height: 1.2;
    font-weight: 400;
    padding-bottom: 5px;
  }

  h4.medium {
    font-weight: 500;
  }

  h5 {
    font-size: 24px;
    line-height: 1.2;
    font-weight: 400;
  }

  .p-body {
    font-size: 16px;
    line-height: 1.2;
    font-weight: 400;
  }

  .p-body-s-bold {
    font-size: 14px;
    line-height: 1.4;
    font-weight: 500;
  }

  .p-body-s-regular {
    font-size: 14px;
    line-height: 1.4;
    font-weight: 400;
    margin: 0;
  }

  nav {
    display: none;
  }

  .menu_btn {
    display: inline-flex;
  }

  body.header_active header .menu_btn:before {
    background: url(../img/close_icon.svg) no-repeat 50% 50% / 24px auto;
  }

  .h_right .login_btn {
    display: none;
  }

  .logo img {
    width: 64px;
  }

  .header_mob {
    padding: 0 0 20px;
    display: none;
    flex: 1 1 auto;
  }

  .header_mob .login_btn {
    width: 100%;
    justify-content: center;
    margin-top: 40px;
    margin: 0;
  }

  .header_mob_nav {
    flex: 1 1 auto;
  }

  .header_mob_nav ul {
    font-size: 16px;
    line-height: 1.2;
    font-weight: 400;
    padding-left: 0;
    border-bottom: 1px solid var(--blue10);
  }

  .header_mob_nav ul + ul {
    margin-top: 20px;
  }

  .header_mob_nav ul li span {
    display: inline-flex;
    align-items: center;
    padding: 10px 0;
  }

  .header_mob_nav ul li span:after {
    content: "";
    filter: brightness(0);
    transform: rotate(180deg);
    width: 24px;
    height: 24px;
    margin-left: 10px;
    background: url(../img/arrow_down_blue_icon.svg) no-repeat 50% 50% / 24px
      auto;
  }

  .header_mob_nav ul.active li span {
    color: var(--blue80);
  }

  .header_mob_nav ul.active li span:after {
    filter: none;
    transform: rotate(0);
  }

  .header_mob_nav ul li + li {
    margin-top: 5px;
  }

  .header_mob_nav ul li:not(:first-child) {
    display: none;
  }

  .header_mob_nav ul.active li:not(:first-child) {
    display: block;
  }

  .header_mob_nav ul li a {
    font-size: 16px;
    padding: 10px 0;
    display: inline-flex;
  }

  /*body.header_active { overflow: hidden; }*/
  body.header_active header {
    min-height: 100svh;
    height: 100dvh;
    overflow: auto;
    display: flex;
    flex-wrap: wrap-reverse;
  }

  body.header_active header .container {
    display: flex;
    flex-direction: column;
  }

  body.header_active .header_mob {
    display: flex;
    flex-direction: column;
  }

  .header_mob_nav {
  }

  body.header_active .header_mob {
    display: flex;
  }

  .hero_block {
    padding-bottom: 20px;
  }

  .hero_top h1 {
    font-size: 32px;
    margin: 0;
  }

  .hero {
    padding: 80px 20px;
  }

  .hero p {
    font-size: 14px;
    padding: 50px 0;
    margin: 0;
  }

  .hero_about {
    padding: 80px 20px 107px;
  }

  .hero .btn_group {
    flex-direction: column;
    justify-content: center;
  }

  .hero:first-child .my_btn.v1 {
    width: calc(100% - 30px);
    justify-content: center;
    margin-bottom: 20px;
  }

  .trust_list {
    margin-top: 20px;
  }

  .about_block,
  .why_block,
  .when_block,
  .what_block,
  .trust_block,
  .feedback_block .cases_block,
  .faq_block,
  .form_block,
  .decisions_block,
  .for_clients_block,
  .research_block,
  .team_block,
  .values_block,
  .about_science_block,
  .feedback_block,
  .cases_block,
  .solutions_block,
  .stages_block{
    padding: 20px 0;
  }

  .about_box,
  .solutions_box {
    padding: 20px;
  }

  .about_box .btn_group {
    flex-direction: column;
    justify-content: center;
  }

  .about_box:first-child {
  }

  .about_box:first-child .my_btn.v1 {
    width: calc(100% - 30px);
    justify-content: center;
    margin-bottom: 20px;
  }

  .about_box:first-child .about_box_bottom,
  .solutions_box:first-child .about_box_bottom {
    margin-top: 190px;
  }

  .about_box:nth-child(2) {
    background: var(--gray10);
  }

  .about_box:nth-child(2) .about_box_bottom {
    margin-top: 140px;
  }

  .trust_list {
    grid-template-columns: repeat(1, 1fr);
  }

  .faq {
    flex-direction: column;
  }

  .faq_left {
    margin-right: 0;
    width: 100%;
    height: 262px;
    padding: 20px;
  }

  .faq_left h4 {
    max-width: 250px;
  }

  .faq_right,
  .faq_down {
    margin-top: 10px;
  }

  .faq_left {
    background: linear-gradient(123deg, #637cf9, #0a25aa);
  }

  .my_accordion {
    padding: 0 20px;
  }

  .accordion_body > ul {
    font-size: 14px;
  }

  .catalog_item {
    width: calc(100% - 10px);
  }

  .close_btn {
    width: 44px;
    height: 44px;
  }

  .catalog_block {
    padding-bottom: 20px;
  }

  .catalog_search_popup {
    padding: 20px;
  }

  .catalog_category_toggle {
    font-size: 0;
    padding: 0 20px;
  }

  .catalog_category_toggle:before {
    margin-right: 0;
  }

  .footer {
    padding: 20px;
  }

  .page_nav {
    padding-top: 20px;
  }

  .catalog_search_box {
    padding-bottom: 40px;
  }

  .catalog_list {
    padding-top: 40px;
  }

  .footer_top {
    flex-direction: column;
  }

  .f_logo img {
    width: 64px;
  }

  .ft_right {
    flex-direction: column;
    margin-top: 55px;
  }

  .ft_right li a {
    margin-left: -10px;
  }

  .ft_right .f_nav + .f_nav {
    margin-left: 0;
  }

  .f_nav {
    border-bottom: 1px solid var(--blue60);
    margin-bottom: 20px;
  }

  .f_nav ul {
    margin-bottom: 5px;
  }

  .f_nav ul li:nth-child(n + 2) {
    display: none;
  }

  .f_nav.active ul li:nth-child(n + 2) {
    display: block;
  }

  .footer_bottom {
    flex-direction: column-reverse;
  }

  .contacts_list {
    margin-bottom: 40px;
  }

  .con_btn {
    font-size: 0;
    padding: 0 20px;
  }

  .con_btn:before {
    margin-right: 0;
  }

  .expandable {
    display: inline-flex;
    align-items: center;
  }

  .expandable:after {
    content: "";
    width: 24px;
    height: 24px;
    flex: 0 0 auto;
    background: url(../img/arrow_down_white.svg) no-repeat 50% 50% / 24px auto;
  }

  footer {
    padding: 20px 0;
  }

  .f_nav ul li:first-child {
    margin-bottom: 5px;
  }

  .f_nav ul li:not(:first-child) {
    margin-top: 5px;
  }

  .f_nav .link-menu-light {
    display: inline-flex;
    font-size: 16px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .f_nav.active .expandable:after {
    transform: rotate(180deg);
  }

  .faq_left h4 br {
    display: none;
  }

  .faq_left .my_btn {
    width: 100%;
    text-align: center;
    justify-content: center;
  }

  .page_nav .my_btn {
    font-size: 0;
    padding: 20px;
  }

  .page_nav .my_btn:after {
    margin-left: 0;
  }

  .product_block {
    padding-top: 96px;
  }

  .breadcrumbs {
    padding: 10px 20px;
  }

  .breadcrumbs a,
  .breadcrumbs span {
    display: none;
    padding-left: 0;
  }

  .breadcrumbs *:nth-last-child(2) {
    display: inline-flex;
  }

  .breadcrumbs a:after {
    order: -1;
    transform: rotate(180deg);
    margin-left: 0;
    margin-right: 10px;
  }

  .gray_text {
    font-size: 16px;
  }

  .tab_head_item {
    height: 34px;
    padding: 0 20px;
    font-size: 14px;
  }

  .research_info_box {
    flex-direction: column;
  }

  .research_chart {
    width: 100%;
    margin-right: 0;
    margin-bottom: 15px;
  }

  .research_info_list {
    flex-direction: column;
  }

  .research_info_item {
    padding: 20px;
  }

  .research_text {
    font-size: 48px;
  }

  .research_info_list .research_info_item {
    margin: 10px 5px;
  }

  .research_participant,
  .research_effective {
    width: calc(100% - 10px);
  }

  .tab_body_item {
    margin-top: 20px;
  }

  .research_about_box {
    padding: 20px;
  }

  .research_about_box .my_accordion + .my_accordion {
    margin-top: 35px;
  }

  .research_about_box_wrapper {
    flex-direction: column;
  }

  .research_about_box_img {
    width: 100%;
    margin-right: 0;
  }

  .research_about_box_text {
    margin-top: 30px;
  }

  .research_details_box {
    padding: 20px;
  }

  .research_details_foot {
    flex-direction: column;
  }

  .research_details_foot_chart {
    width: 100%;
    margin-right: 0;
    padding: 20px;
  }

  .research_details_foot_info {
    margin-top: 35px;
  }

  .table {
    table-layout: auto !important;
  }

  .research_details_chart {
    padding: 20px;
  }

  .research_request_box {
    padding: 20px;
  }

  .research_request_box .my_accordion {
    margin-top: 40px;
  }

  .doctor_item.slick-slide {
    flex-direction: column;
    padding-bottom: 100px;
  }

  .doctor_item_photo {
    width: 100%;
    margin-right: 0;
  }

  .doctor_item_info {
    margin-top: 20px;
  }

  .doctor_select .slick-next,
  .doctor_select .slick-prev {
  }

  .doctor_select .slick-next {
    left: calc(64px + 10px);
  }

  .doctor_select .slick-prev {
    left: 0;
  }

  .doctor_select + .my_btn {
    padding: 0 20px;
    width: 100%;
  }

  .develop_page_block {
    padding-top: 96px;
  }

  .develop {
    padding: 60px 20px;
  }

  .develop p {
    font-size: 14px;
  }

  .develop .my_btn {
    margin-top: 40px;
  }
}

@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
  }

  70% {
    box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
  }

  100% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}

 .ticker-wrapper {
    overflow: hidden;
    height: 32px;
    background-color: var(--blue30);
    display: flex;
    align-items: center;
  }

  .ticker-content {
    display: inline-flex;
    white-space: nowrap;
    transform: translateX(0);
    animation: ticker-scroll 30s linear infinite;
    animation-delay: 0.5s;
  }

  .ticker-item {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #fff;
    line-height: 1.4;
    text-transform: uppercase;
    white-space: nowrap;
    flex-shrink: 0;
    height: 32px;
  }

  .ticker-separator {
    margin: 0 10px;
    flex-shrink: 0;
  }

  @keyframes ticker-scroll {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(-50%);
    }
  }