@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap");
h1 {
  font-size: 64px;
  font-style: normal;
  font-weight: 450;
  line-height: 72px;
  font-family: "Jost", sans-serif;
}

h2 {
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 40px;
  font-family: "Jost", sans-serif;
}

h3 {
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 32px;
  font-family: "Jost", sans-serif;
}

h4 {
  font-size: 20px;
  font-family: "Jost", sans-serif;
}

h5 {
  font-size: 24px;
  font-family: "Jost", sans-serif;
}

h6 {
  font-size: 16px;
  font-family: "Jost", sans-serif;
}

p, a, span.div, li {
  font-family: "Jost", sans-serif;
  text-decoration: none;
}

strong {
  font-weight: 600;
}

p {
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  margin-bottom: 15px;
}

.block-title {
  color: #0A0A0A;
  font-size: 80px;
  font-style: normal;
  font-weight: 400;
  line-height: 80px;
}

.block-title span {
  color: #23BD87;
}

.col-title {
  color: #0A0A0A;
  font-size: 48px;
  font-style: normal;
  font-weight: 500;
  line-height: 48px;
  text-decoration: underline;
  text-decoration-color: #23BD87;
  text-decoration-thickness: 2px;
  text-underline-offset: 8px;
}

.col-title.dont-link {
  text-decoration: none;
}

.col-title + .col-title {
  margin-top: 60px;
}

.col-pretitle {
  color: #0A0A0A;
  font-size: 48px;
  font-style: normal;
  font-weight: 400;
  line-height: 48px;
}

.col-pretitle:hover {
  color: #23BD87;
  transition: all 0.3s;
}

.col-pretitle + .col-pretitle {
  margin-top: 15px;
}

.pretitle-text {
  color: #0A0A0A;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 125%;
}

h1 .link {
  display: inline-block;
  position: relative;
  text-decoration: none;
  color: inherit;
}

h1 .link div {
  overflow: hidden;
}

h1 .link div:first-child {
  display: flex;
  overflow: hidden;
  text-shadow: 0 140px 0 #0A0A0A;
}

h1 .link div:last-child {
  position: absolute;
  pointer-events: none;
  right: 0;
  left: 0;
  bottom: -3px;
  height: 5px;
}

h1 .link div:last-child svg {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 300%;
  height: 4px;
  fill: none;
  stroke: #23BD87;
  stroke-width: 4px;
  stroke-linecap: round;
  stroke-dasharray: 63.5px 128px;
  stroke-dashoffset: 190.25px;
  transform: translateX(0) translateZ(0);
  transition: transform 0s, stroke-dashoffset 0s;
}

h1 .link div:last-child svg {
  transition: transform var(--line-d, 0s), stroke-dashoffset var(--line-d, 0s);
}

h1 .link span {
  display: block;
  backface-visibility: hidden;
  font-style: normal;
  transition: transform 0.84s ease;
  transform: translateY(var(--m, 0));
}

h1 .link span:nth-child(1) {
  transition-delay: 0.05s;
}

h1 .link span:nth-child(2) {
  transition-delay: 0.1s;
}

h1 .link span:nth-child(3) {
  transition-delay: 0.15s;
}

h1 .link span:nth-child(4) {
  transition-delay: 0.2s;
}

h1 .link span:nth-child(5) {
  transition-delay: 0.25s;
}

h1 .link span:nth-child(6) {
  transition-delay: 0.3s;
}

h1 .link span:nth-child(7) {
  transition-delay: 0.35s;
}

h1 .link span:nth-child(8) {
  transition-delay: 0.4s;
}

h1 .link span:nth-child(9) {
  transition-delay: 0.45s;
}

h1 .link span:nth-child(10) {
  transition-delay: 0.5s;
}

h1 .link span:nth-child(11) {
  transition-delay: 0.55s;
}

h1 .link:hover {
  --m: calc(145px * -1);
  --line-d: 0.84s;
  --line-x: 65.66%;
  --line-offset: 63.5px;
}

h1 .link:hover div:last-child svg {
  stroke-dashoffset: 63.5px;
  transform: translateX(65.66%) translateZ(0);
}

.col-title.link {
  display: inline-block;
  position: relative;
  text-decoration: none;
  color: inherit;
  width: fit-content;
}

.col-title.link div {
  overflow: hidden;
}

.col-title.link div:first-child {
  display: flex;
  overflow: hidden;
  text-shadow: 0 140px 0 #0A0A0A;
}

.col-title.link div:last-child {
  position: absolute;
  pointer-events: none;
  right: 0;
  left: 0;
  bottom: -3px;
  height: 5px;
}

.col-title.link div:last-child svg {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 300%;
  height: 4px;
  fill: none;
  stroke: #23BD87;
  stroke-width: 4px;
  stroke-linecap: round;
  stroke-dasharray: 63.5px 128px;
  stroke-dashoffset: 190.25px;
  transform: translateX(0) translateZ(0);
  transition: transform 0s, stroke-dashoffset 0s;
}

.col-title.link div:last-child svg {
  transition: transform var(--line-d, 0s), stroke-dashoffset var(--line-d, 0s);
}

.col-title.link span {
  display: block;
  backface-visibility: hidden;
  font-style: normal;
  transition: transform 0.84s ease;
  transform: translateY(var(--m, 0));
}

.col-title.link span:nth-child(1) {
  transition-delay: 0.05s;
}

.col-title.link span:nth-child(2) {
  transition-delay: 0.1s;
}

.col-title.link span:nth-child(3) {
  transition-delay: 0.15s;
}

.col-title.link span:nth-child(4) {
  transition-delay: 0.2s;
}

.col-title.link span:nth-child(5) {
  transition-delay: 0.25s;
}

.col-title.link span:nth-child(6) {
  transition-delay: 0.3s;
}

.col-title.link span:nth-child(7) {
  transition-delay: 0.35s;
}

.col-title.link span:nth-child(8) {
  transition-delay: 0.4s;
}

.col-title.link span:nth-child(9) {
  transition-delay: 0.45s;
}

.col-title.link span:nth-child(10) {
  transition-delay: 0.5s;
}

.col-title.link span:nth-child(11) {
  transition-delay: 0.55s;
}

.col-title.link span:nth-child(12) {
  transition-delay: 0.6s;
}

.col-title.link span:nth-child(13) {
  transition-delay: 0.65s;
}

.col-title.link span:nth-child(14) {
  transition-delay: 0.7s;
}

.col-title.link span:nth-child(15) {
  transition-delay: 0.75s;
}

.col-title.link span:nth-child(16) {
  transition-delay: 0.8s;
}

.col-title.link span:nth-child(17) {
  transition-delay: 0.85s;
}

.col-title.link span:nth-child(18) {
  transition-delay: 0.9s;
}

.col-title.link span:nth-child(19) {
  transition-delay: 0.95s;
}

.col-title.link span:nth-child(20) {
  transition-delay: 1s;
}

.col-title.link:hover {
  --m: calc(145px * -1);
  --line-d: 0.84s;
  --line-x: 65.66%;
  --line-offset: 63.5px;
}

.col-title.link:hover div:last-child svg {
  stroke-dashoffset: 63.5px;
  transform: translateX(65.66%) translateZ(0);
}

@media screen and (max-width: 1740px) {
  .block-title {
    font-size: 60px;
    line-height: 60px;
  }
  .col-title {
    color: #0A0A0A;
    font-size: 36px;
    font-style: normal;
    font-weight: 500;
    line-height: 40px;
  }
  .col-title + .col-title {
    margin-top: 33px;
  }
  .col-pretitle {
    font-size: 36px;
    line-height: 40px;
  }
  h1 .link:hover {
    --m: calc(110px * -1);
    --line-d: 0.14s;
    --line-x: 65.66%;
    --line-offset: 63.5px;
  }
  h1 .link div:first-child {
    display: flex;
    overflow: hidden;
    text-shadow: 0 120px 0 #0A0A0A;
  }
  .col-title.link:hover {
    --m: calc(110px * -1);
    --line-d: 0.14s;
    --line-x: 65.66%;
    --line-offset: 63.5px;
  }
  .col-title.link div:first-child {
    display: flex;
    overflow: hidden;
    text-shadow: 0 100px 0 #0A0A0A;
  }
}
@media screen and (max-width: 1300px) {
  .block-title {
    font-size: 48px;
    line-height: 48px;
  }
  .col-title {
    font-size: 32px;
    line-height: 100%;
  }
  .col-title + .col-title {
    margin-top: 26px;
  }
  .col-pretitle {
    font-size: 32px;
    line-height: 38px;
  }
  .pretitle-text {
    font-size: 24px;
    margin-bottom: 20px;
  }
  .mt-title {
    margin-bottom: 8px;
    color: #0A0A0A;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
  }
  .mt-title span {
    display: block;
    color: #6C6C6C;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
  }
  .mt-text {
    color: #0A0A0A;
    font-family: "Open Sans", sans-serif;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
  }
  h1 .link:hover {
    --m: calc(64px * -1);
    --line-d: 0.84s;
    --line-x: 65.66%;
    --line-offset: 63.5px;
  }
  h1 .link div:first-child {
    display: flex;
    overflow: hidden;
    text-shadow: 0 60px 0 #0A0A0A;
  }
  .col-title.link:hover {
    --m: calc(64px * -1);
    --line-d: 0.84s;
    --line-x: 65.66%;
    --line-offset: 63.5px;
  }
  .col-title.link div:first-child {
    display: flex;
    overflow: hidden;
    text-shadow: 0 60px 0 #0A0A0A;
  }
}
@media screen and (max-width: 720px) {
  .block-title {
    font-size: 37px;
    line-height: 36px;
  }
  .col-pretitle {
    font-size: 20px;
    line-height: 20px;
  }
  .pretitle-text {
    font-size: 22px;
    margin-bottom: 20px;
  }
  .mt-title {
    margin-bottom: 8px;
    color: #0A0A0A;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
  }
  .mt-title span {
    display: block;
    color: #6C6C6C;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
  }
  .mt-text {
    color: #0A0A0A;
    font-family: "Open Sans", sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
  }
}
:root {
  --text: #0A0A0A;
  --line: #23BD87;
  --duration: 0.44s;
  --duration-line: 0.84s;
}

body {
  position: relative;
  background: #fff;
  line-height: 1;
}

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
  font-family: "Jost", sans-serif;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, dfn, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: 100% inherit;
  vertical-align: baseline;
}

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

ol, ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: "";
  content: none;
}

button {
  background: transparent;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

.container {
  width: 100%;
  max-width: 1750px;
  padding: 0 15px;
  margin: 0 auto;
}
@media screen and (max-width: 1740px) {
  .container {
    padding: 0 36px;
  }
}
@media screen and (max-width: 1300px) {
  .container {
    padding: 0 31px;
  }
}
@media screen and (max-width: 720px) {
  .container {
    padding: 0 10px;
  }
}

.b24-widget-button-inner-container {
  top: -100px;
}
@media screen and (max-width: 720px) {
  .b24-widget-button-inner-container {
    top: -170px;
  }
}

.map-container {
  height: 650px;
  border-radius: 20px;
  transition: all 0.3s;
  overflow: hidden;
}
.map-container:hover {
  border-radius: 40px;
  transition: all 0.3s;
}
@media screen and (max-width: 1740px) {
  .map-container {
    height: 517px;
  }
}
@media screen and (max-width: 1300px) {
  .map-container {
    height: 402px;
  }
}
@media screen and (max-width: 720px) {
  .map-container {
    height: 503px;
  }
}

.pulse-container {
  position: relative;
  width: 100px;
  height: 100px;
}

.popup .container {
  max-width: 1300px;
  padding: 0px 10px;
}

.container-blog {
  width: 100%;
  max-width: 845px;
  padding: 0 15px;
  margin: 0 auto;
}

.container-blog img {
  max-width: 100%;
}

.overflow {
  overflow: hidden;
}

.mobile-price {
  display: none;
}

@keyframes pulse {
  0% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0.8;
  }
  100% {
    transform: translate(-50%, -50%) scale(3);
    opacity: 0;
  }
}
@keyframes sway {
  0%, 100% {
    transform: translateX(-20px);
  }
  50% {
    transform: translateX(20px);
  }
}
@keyframes scrollMove {
  0% {
    transform: translateY(0);
  }
  20% {
    transform: translateY(5px);
  }
  40% {
    transform: translateY(8px);
  }
  80% {
    transform: translateY(8px);
  }
  100% {
    transform: translateY(0);
  }
}
.burger-column ul li a,
.nav-top-btn,
.places-item p a,
.header-btn,
.min-block p a,
.tarif-more-btn,
nav ul li a,
.footer-block-item ul li a {
  position: relative;
  transition: all 0.3s;
}

.block-btn {
  cursor: pointer;
  width: fit-content;
  position: relative;
  color: #2D2D2D;
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: 32px;
  padding-right: 72px;
  transition: all 0.3s;
}

.block-btn img {
  position: absolute;
  right: 0;
  top: -51px;
  border-radius: 24px;
  transition: all 0.3s;
}

.block-btn:hover img {
  right: -11px;
  top: -62px;
  background: #F6F6F6;
  transition: all 0.3s;
}

.btn-add {
  color: #2F2F2F;
  leading-trim: both;
  text-edge: cap;
  font-family: Jost;
  font-size: 32px;
  font-style: normal;
  font-weight: 450;
  line-height: 32px; /* 100% */
  text-align: center;
  margin-bottom: 50px;
  cursor: pointer;
}

.btn-next {
  display: flex;
  width: 72px;
  height: 72px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 100px;
  border: 1px solid #D9D9D9;
  color: #0A0A0A;
  font-family: "Open Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 28px */
  cursor: pointer;
}

.btn-next:hover, .btn-next.active {
  border: 1px solid rgba(217, 217, 217, 0);
  background: #DCF4EC;
}

@media screen and (max-width: 1740px) {
  .block-btn {
    font-size: 24px;
  }
}
@media screen and (max-width: 1300px) {
  .block-btn img {
    position: absolute;
    right: -9px;
    top: -20px;
    width: 42px;
    height: 42px;
  }
  .block-btn {
    font-size: 20px;
    padding-right: 35px;
  }
}
@media screen and (max-width: 720px) {
  .block-btn {
    font-size: 18px;
    padding-right: 43px;
  }
}
.call-form {
  margin-bottom: 196px;
}

.call-form h2 {
  color: #0A0A0A;
  font-size: 80px;
  font-style: normal;
  font-weight: 400;
  line-height: 80px;
  margin-bottom: 60px;
}

.form-title {
  color: #0A0A0A;
  font-size: 48px;
  font-style: normal;
  font-weight: 400;
  line-height: 40px;
}

.wrap-check-items {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-top: 40px;
}

.check-item {
  position: relative;
  width: auto;
}

.check-item label {
  position: relative;
  cursor: pointer;
}

.check-item label input + p {
  height: 64px;
  border-radius: 32px;
  background: #F6F6F6;
  display: flex;
  align-items: center;
  border: 0.5px solid #F6F6F6;
  justify-content: center;
  color: rgba(10, 10, 10, 0.64);
  font-family: "Open Sans", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  padding: 0 32px;
  margin: 0;
  transition: all 0.3s;
}

.check-item label input:checked + p {
  border: 0.5px solid rgba(35, 189, 135, 0.16);
  background: rgba(35, 189, 135, 0.16);
  transition: all 0.3s;
}

.check-item:hover label input + p {
  border: 0.5px solid #23BD87;
  background: #fff;
  transition: all 0.3s;
}

.check-item:hover label input:checked + p {
  border: 0.5px solid rgba(35, 189, 135, 0.16);
  background: rgba(35, 189, 135, 0.16);
  transition: all 0.3s;
}

.wrap-form-body {
  width: 100%;
  display: flex;
  align-items: center;
  align-content: center;
  gap: 64px;
  flex-wrap: wrap;
  margin-top: 103px;
}

.wrap-form-body .wrap-input {
  position: relative;
  width: calc(50% - 32px);
}

.wrap-input textarea,
.wrap-input input {
  width: 100%;
  border-radius: 0px;
  background: #FFF;
  border: none;
  border-bottom: 2px solid #E8E8E8;
  height: 78px;
  padding: 0 24px;
  color: #0A0A0A;
  font-family: "Open Sans", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
}

.wrap-input textarea {
  height: 152px;
  resize: none;
  padding: 24px;
  line-height: 32px;
}

.wrap-input textarea:focus,
.wrap-input textarea:active,
.wrap-input input:focus,
.wrap-input input:active {
  border-bottom: 2px solid #6C6C6C;
}

.wrap-bottom-block {
  width: calc(50% - 32px);
  display: flex;
  gap: 24px;
}

.wrap-checked {
  width: calc(50% - 12px);
}

.wrap-checked label {
  display: flex;
  gap: 16px;
  cursor: pointer;
}

.wrap-bottom-block button[type=submit] {
  width: calc(50% - 12px);
  display: flex;
  height: 81px;
  padding: 0px 24px;
  justify-content: center;
  align-items: center;
  border-radius: 24px;
  border: 1px solid #23BD87;
  background: #23BD87;
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
  cursor: pointer;
}

.wrap-checked span {
  width: 24px;
  min-width: 24px;
  max-width: 24px;
  height: 24px;
  border-radius: 8px;
  border: 1px solid #A2A2A2;
  background: #FFF;
}

.wrap-checked label input:checked + span {
  background: url("../imgs/check.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.wrap-checked p {
  color: #0A0A0A;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  opacity: 0.4;
  margin: 0;
}

.wrap-checked p a {
  color: #0A0A0A;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  text-decoration: underline;
}

@media screen and (max-width: 1740px) {
  .call-form h2 {
    font-size: 60px;
    line-height: 60px;
    margin-bottom: 60px;
  }
  .form-title {
    font-size: 36px;
    line-height: 30px;
  }
  .check-item label input + p {
    height: 44px;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    padding: 0 22px;
  }
  .wrap-form-body {
    width: 100%;
    align-items: center;
    justify-content: space-between;
    gap: 44px;
    flex-wrap: wrap;
    margin-top: 80px;
  }
  .wrap-form-body .wrap-input {
    width: calc(50% - 22px);
  }
  .wrap-input textarea,
  .wrap-input input {
    height: 64px;
    font-size: 20px;
  }
  .wrap-bottom-block {
    width: calc(50% - 22px);
    display: flex;
  }
  .wrap-checked {
    width: 100%;
  }
  .wrap-bottom-block button[type=submit] {
    width: 54%;
  }
  .wrap-input textarea {
    height: 128px;
  }
}
@media screen and (max-width: 1300px) {
  .call-form h2 {
    font-size: 48px;
    line-height: 49px;
    margin-bottom: 49px;
  }
  .wrap-check-items {
    flex-wrap: wrap;
    gap: 12px 10px;
    margin-top: 40px;
  }
  .wrap-form-body {
    width: 100%;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
    flex-wrap: wrap;
    flex-direction: column;
    margin-top: 72px;
  }
  .wrap-form-body .wrap-input {
    position: relative;
    width: 100%;
  }
  .wrap-bottom-block {
    width: 100%;
    flex-direction: column;
  }
  .wrap-input textarea {
    height: 172px;
  }
  .wrap-bottom-block button[type=submit] {
    width: 100%;
  }
}
@media screen and (max-width: 720px) {
  .check-item label input + p {
    padding: 0 15px;
  }
  .call-form h2 {
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 32px;
  }
  .form-title {
    font-size: 24px;
    line-height: 24px;
  }
  .check-item label input + p {
    height: 33px;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
  }
  .wrap-check-items {
    margin-top: 31px;
  }
  .wrap-form-body {
    width: 100%;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    flex-wrap: wrap;
    flex-direction: column;
    margin-top: 56px;
  }
  .wrap-input textarea, .wrap-input input {
    height: 44px;
    font-size: 15px;
    line-height: 20px;
  }
  .wrap-input textarea {
    height: 128px;
    padding-top: 11px;
  }
  .wrap-checked label {
    gap: 12px;
    cursor: pointer;
  }
  .wrap-checked p a,
  .wrap-checked p {
    font-size: 14px;
    line-height: 22px;
  }
  .wrap-bottom-block button[type=submit] {
    height: 44px;
  }
}
.popup {
  position: fixed;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 auto;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999999;
  overflow-x: hidden;
  background: rgba(10, 10, 10, 0.2);
  backdrop-filter: blur(12px);
  pointer-events: none;
  opacity: 0;
  transition: opacity 250ms 700ms ease;
}

.popup-body {
  position: relative;
  display: block;
  width: 100%;
  max-width: 700px;
  margin: auto;
  align-items: flex-start;
  justify-content: center;
  opacity: 0;
  padding: 0;
  transform: scale(0.6);
  transition: opacity 250ms 250ms ease, transform 300ms 250ms ease;
}

#tarik .popup-body {
  transform: scale(1);
}

.popup-content {
  position: relative;
  border-radius: 40px;
  padding: 56px 56px;
  background: #fff;
}

.popup.active {
  pointer-events: auto;
  opacity: 1;
  transition: all 300ms ease-in-out;
}

.popup-close {
  position: absolute;
  right: 29px;
  top: 29px;
  display: flex;
  width: 50px;
  height: 50px;
  cursor: pointer;
  transition: all 0.3s;
  align-items: center;
  justify-content: center;
}

.popup-close:hover {
  opacity: 1;
  transition: all 0.3s;
}

.popup.active .popup-body {
  opacity: 1;
  transform: scale(1);
  transition: opacity 250ms 500ms ease, transform 350ms 500ms ease;
}

.popup-title {
  color: #0A0A0A;
  font-size: 48px;
  font-style: normal;
  font-weight: 400;
  line-height: 48px;
  margin-bottom: 30px;
}

.popup-text {
  color: #6C6C6C;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
}

.popup .wrap-input textarea, .popup .wrap-input input {
  width: 100%;
  border-radius: 0px;
  background: #FFF;
  border: none;
  border-bottom: 2px solid #E8E8E8;
  height: 64px;
  padding: 0 16px;
  color: #0A0A0A;
  font-family: "Open Sans", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.popup .wrap-input + .wrap-input {
  margin-top: 21px;
}

.popup .wrap-input textarea:focus,
.popup .wrap-input textarea:active,
.popup .wrap-input input:focus,
.popup .wrap-input input:active {
  border-bottom: 2px solid #23BD87;
}

.popup-body .wrap-form-input label input {
  border-radius: 10px;
  border: 1px solid #E5E5E5;
  background: #FFF;
  width: 100%;
  height: 48px;
  padding: 0 16px;
  color: #808080;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.popup .wrap-checked {
  width: 100%;
  margin-top: 30px;
}

.popup-body button[disabled] {
  background: #9D9FA6;
  border: 1px solid #9D9FA6;
}

.popup-body button[type=submit] {
  margin-top: 24px;
  border-radius: 24px;
  border: 1px solid #23BD87;
  background: #23BD87;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  cursor: pointer;
  line-height: 18px;
  transition: all 0.3s;
}

.popup-body button[type=submit]:hover {
  color: #23BD87;
  background: #fff;
}

.thx-text {
  color: #5B5F6B;
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 145%;
  margin-top: 20px;
  margin-bottom: 30px;
}

.thx-btn {
  display: flex;
  width: 195px;
  height: 51px;
  justify-content: center;
  align-items: center;
  border-radius: 89.009px;
  border: 1px solid #2B2B2B;
  color: #2B2B2B;
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 1.08px;
  text-transform: uppercase;
  margin: 0 auto;
  transition: all 0.3s;
}

.thx-btn:hover {
  background: #2B2B2B;
  color: #fff;
  transition: all 0.3s;
}

.popup-form {
  margin: auto;
  width: 100%;
  max-width: 300px;
}

.warn-text {
  color: rgba(0, 0, 0, 0.4);
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 17.4px;
  margin-top: 30px;
}

.warn-text a {
  color: rgba(0, 0, 0, 0.4);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 17.4px;
  text-decoration-line: underline;
}

.popup-bottom-content {
  background: #fff;
  position: relative;
  height: 88px;
  display: flex;
  margin-top: 10px;
  align-items: center;
  border-radius: 40px;
  padding: 0px 16px 0 36px;
  background: #fff;
}

.wrap-pop-social {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 12px;
}

.pop-text {
  color: #0A0A0A;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  white-space: nowrap;
  margin-bottom: 0;
  margin-right: 30px;
}

.wrap-pop-social a {
  display: flex;
  align-items: center;
  gap: 10px;
  border-radius: 32px;
  height: 56px;
  width: calc(33.333% - 7px);
  padding: 0 20px;
}

.wrap-pop-social a span {
  color: #FFF;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: -0.16px;
}

.soc-color-1 {
  background: #32AADE;
}

.soc-color-2 {
  background: #0078FF;
}

.soc-color-3 {
  background: #32D951;
}

#tarik .popup-body {
  background: #F6F6F6;
}

#tarik.popup {
  overflow: hidden;
}

#tarik .popup-body {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  position: relative;
}

#tarik .popup-content {
  position: relative;
  border-radius: 0;
  padding: 0;
  z-index: 5;
  background: transparent;
}

.wrap-popup-table-block {
  margin-top: 24px;
  overflow: auto;
  position: relative;
  z-index: 2;
  height: calc(100vh - 126px);
  padding-bottom: 50px;
}

.wrap-popup-table-block::-webkit-scrollbar {
  opacity: 0;
}

.wrap-popup-table {
  width: 100%;
  position: relative;
}

.wrap-popup-table table tr,
.wrap-popup-table table tr th,
.wrap-popup-table table tr td {
  position: relative;
  background: transparent;
}

.wrap-popup-table table tr th,
.wrap-popup-table table tr td {
  padding: 11px 47px;
}

.wrap-popup-table table tr th {
  padding-top: 32px;
}

.wrap-popup-table table tr td {
  border-top: 0.5px solid #BEBEBE;
  color: #0A0A0A;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}

.wrap-popup-table .tarif-btn {
  margin-bottom: 20px;
}

.wrap-popup-table table tr td:first-child {
  padding-left: 0;
}

.wrap-popup-table table tr th p {
  color: #0A0A0A;
  font-size: 32px;
  text-align: left;
  font-weight: 500;
  line-height: 100%;
}

.wrap-popup-table table tr th span {
  font-family: "Open Sans", sans-serif;
  display: block;
  color: #0A0A0A;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  text-align: left;
  line-height: 20px;
  opacity: 0.6;
}

.wrap-false-table {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  gap: 30px;
  z-index: 1;
}

.wrap-popup-table table {
  position: relative;
  z-index: 2;
  background: transparent;
}

.table-col {
  width: calc(25% - 13px);
}

.table-col-2,
.table-col-3,
.table-col-4 {
  background: #fff;
  border-radius: 32px;
}

.popup-table-price {
  color: #0A0A0A;
  font-size: 64px;
  font-style: normal;
  font-weight: 400;
  line-height: 64px;
}

.popup-table-price span {
  color: #0A0A0A;
  font-size: 64px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  margin-left: 6px;
}

.wrap-tarif-popup-item {
  margin-top: 30px;
  padding-left: calc(25% + 5px);
}

.wrap-tarif-popup-item .tarif-item {
  padding-top: 30px;
}

.wrap-tarif-popup-item .tarif-item p {
  font-size: 12px;
  margin-bottom: 0;
}

.wrap-tarif-popup-item .wrap-tarif-price {
  margin-bottom: 11px;
}

.wrap-tarif-popup-item .tarif-btn {
  max-width: 343px;
}

.wrap-tarif-popup-item .wrap-all-stickers-items {
  position: absolute;
  right: 0;
  top: 0;
  width: 850px;
  height: 311px;
  padding-right: 40px;
}

.wrap-tarif-popup-item .wrap-stickers-items .wrap-stickers-item .sticker div:not(.sticker-shadow),
.wrap-tarif-popup-item .wrap-stickers-items .wrap-stickers-item .sticker,
.wrap-tarif-popup-item .wrap-stickers-items .wrap-stickers-item {
  position: relative;
  width: 238px;
  height: 238px;
  border-radius: 50%;
}

.wrap-tarif-popup-item .wrap-stickers-items .stickers-item-1 {
  position: absolute;
  right: 576px;
  top: 41px;
  z-index: 1;
}

.wrap-tarif-popup-item .wrap-stickers-items .stickers-item-2 {
  position: absolute;
  right: 382px;
  top: 74px;
  z-index: 2;
}

.wrap-tarif-popup-item .wrap-stickers-items .stickers-item-3 {
  position: absolute;
  right: 175px;
  top: 20px;
  z-index: 3;
}

.wrap-tarif-popup-item .wrap-stickers-items .stickers-item-4 {
  position: absolute;
  right: -13px;
  top: 75px;
  z-index: 4;
}

@media screen and (max-width: 1740px) {
  .wrap-popup-table table tr th {
    padding: 11px 31px;
  }
  .wrap-popup-table table tr td {
    padding: 5px 31px;
  }
  .wrap-popup-table table tr th:nth-child(2),
  .wrap-popup-table table tr td:nth-child(2) {
    padding-left: 16px;
  }
  .table-col-2, .table-col-3, .table-col-4 {
    border-radius: 26px;
  }
  .wrap-popup-table table tr th {
    padding-top: 24px;
  }
  .wrap-popup-table table tr th p {
    font-size: 26px;
    margin-bottom: 7px;
  }
  .popup-table-price span,
  .popup-table-price {
    color: #0A0A0A;
    font-size: 44px;
    font-style: normal;
    font-weight: 400;
    line-height: 44px;
  }
  .wrap-popup-table .tarif-btn {
    height: 65px;
    font-size: 16px;
  }
  .table-col {
    width: calc(25% - 13px);
  }
  .wrap-popup-table table tr td {
    font-size: 13px;
  }
  .wrap-tarif-popup-item .tarif-item {
    padding-top: 30px;
    width: 100%;
  }
  .popup .tarif-item {
    padding: 20px 20px;
  }
  .popup .tarif-item h5 {
    font-size: 26px;
  }
  .wrap-tarif-popup-item .wrap-tarif-price {
    margin-bottom: 11px;
    margin-top: 18px;
    font-size: 44px;
    line-height: 44px;
  }
  .popup .tarif-btn {
    height: 65px;
    font-size: 16px;
    border-radius: 26px;
    margin-bottom: 10px;
  }
  .wrap-tarif-popup-item .wrap-all-stickers-items {
    position: absolute;
    right: 0;
    top: 0;
    width: 587px;
    height: 212px;
    padding-right: 33px;
  }
  .wrap-tarif-popup-item .wrap-stickers-items .wrap-stickers-item .sticker,
  .wrap-tarif-popup-item .wrap-stickers-items .wrap-stickers-item {
    position: relative;
    width: 160px;
    height: 160px;
    border-radius: 50%;
  }
  .wrap-tarif-popup-item .wrap-stickers-items .stickers-item-1 {
    position: absolute;
    right: 576px;
    top: 27px;
    z-index: 1;
  }
  .wrap-tarif-popup-item .wrap-stickers-items .stickers-item-2 {
    position: absolute;
    right: 265px;
    top: 49px;
    z-index: 2;
  }
  .wrap-tarif-popup-item .wrap-stickers-items .stickers-item-3 {
    position: absolute;
    right: 125px;
    top: 12px;
    left: auto;
    z-index: 3;
  }
  .wrap-tarif-popup-item .wrap-stickers-items .stickers-item-4 {
    position: absolute;
    right: 0px;
    top: 49px;
    z-index: 4;
  }
}
@media screen and (max-width: 1300px) {
  #tarik {
    display: none !important;
  }
}
@media (max-width: 1560px) {
  .popup-body {
    max-width: 520px;
  }
  .popup-content {
    position: relative;
    border-radius: 30px;
    padding: 44px 32px 32px;
    background: #fff;
  }
  .popup-title {
    color: #0A0A0A;
    font-size: 36px;
    font-style: normal;
    font-weight: 400;
    line-height: 36px;
    margin-bottom: 20px;
  }
  .popup-text {
    font-size: 18px;
  }
  .popup-close svg {
    width: 18px;
    height: 18px;
  }
  .popup .wrap-input textarea, .popup .wrap-input input {
    width: 100%;
    border-radius: 0px;
    background: #FFF;
    border: none;
    border-bottom: 2px solid #E8E8E8;
    height: 48px;
    padding: 0px 12px;
    color: #0A0A0A;
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
  }
  .popup .wrap-input + .wrap-input {
    margin-top: 11px;
  }
  .popup-close {
    position: absolute;
    right: 15px;
    top: 15px;
  }
  .wrap-checked span {
    width: 18px;
    min-width: 18px;
    max-width: 18px;
    height: 18px;
    border-radius: 6px;
    border: 0.7px solid #A2A2A2;
    background: #FFF;
  }
  .wrap-checked p a,
  .wrap-checked p {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
  }
  .wrap-checked label {
    gap: 12px;
    cursor: pointer;
  }
  .popup .wrap-checked {
    width: 100%;
    margin-top: 19px;
  }
  .popup-body button[type=submit] {
    margin-top: 17px;
    border-radius: 18px;
    border: 1px solid #23BD87;
    background: #23BD87;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    cursor: pointer;
    line-height: 16px;
    transition: all 0.3s;
  }
  .popup-bottom-content {
    background: #fff;
    position: relative;
    height: 64px;
    display: flex;
    margin-top: 8px;
    align-items: center;
    border-radius: 30px;
    padding: 0px 12px 0 24px;
    background: #fff;
  }
  .pop-text {
    color: #0A0A0A;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    white-space: nowrap;
    margin-bottom: 0;
    margin-right: 12px;
  }
  .wrap-pop-social {
    display: flex;
    align-items: center;
    width: 100%;
    gap: 8px;
  }
  .wrap-pop-social a {
    gap: 6px;
    border-radius: 24px;
    height: 40px;
    width: calc(33.333% - 6px);
    padding: 0 12px;
  }
  .wrap-pop-social a svg {
    max-width: 16px;
    max-height: 16px;
  }
  .wrap-pop-social a span {
    font-size: 14px;
    line-height: 14px;
    letter-spacing: -0.14px;
  }
}
@media (max-width: 768px) {
  .thx-btn {
    display: flex;
    width: 230px;
    height: 48px;
    font-size: 16px;
  }
  .popup-content {
    border-radius: 20px;
    position: relative;
    padding: 44px 16px 24px;
    background: #fff;
  }
  .popup-title {
    color: #0A0A0A;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 10px;
  }
  .popup-close {
    right: 1px;
    top: 2px;
  }
  .popup-close svg path,
  .popup-close svg circle {
    stroke: #000;
  }
  .popup-text {
    font-size: 14px;
  }
  .popup .wrap-input textarea, .popup .wrap-input input {
    width: 100%;
    border-radius: 0px;
    background: #FFF;
    border: none;
    border-bottom: 2px solid #E8E8E8;
    height: 44px;
    padding: 0px 8px;
    color: #0A0A0A;
    font-family: "Open Sans", sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
  }
  .wrap-checked span {
    width: 24px;
    min-width: 24px;
    max-width: 24px;
    height: 24px;
    border-radius: 8px;
    border: 1px solid #A2A2A2;
    background: #FFF;
  }
  .popup-body {
    max-width: 340px;
  }
  .popup textarea {
    height: 71px;
  }
  .popup .wrap-checked {
    margin-bottom: 10px;
    margin-top: 18px;
  }
  .popup-body button[type=submit] {
    height: 45px;
    font-size: 18px;
  }
  .thx-text {
    font-size: 16px;
  }
  .wrap-pop-social a span {
    display: none;
  }
  .wrap-pop-social a {
    gap: 0;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    height: 42px;
    width: 42px;
    padding: 0;
  }
  .pop-text {
    margin-right: 24px;
  }
}
.prefix .wrap-burger-menu {
  position: fixed;
  left: 0;
  width: 100%;
  top: 76px;
  background: #fff;
  height: calc(100% - 76px);
  z-index: 99;
  padding-top: 73px;
  padding-bottom: 10px;
  overflow: auto;
  transition: all 0.3s;
}

.wrap-burger-menu.open {
  display: block;
  opacity: 1;
  visibility: visible;
  transition: all 0.3s;
}

.wrap-burger-social a img,
.footer-social a img {
  position: relative;
  z-index: 2;
}

.wrap-burger-social a {
  position: relative;
}

.wrap-burger-social a:after,
.footer-social a:after {
  position: absolute;
  left: 50%;
  top: 50%;
  content: "";
  width: 0;
  height: 0;
  border-radius: 50%;
  z-index: 1;
  transform: translate(-50%, -50%);
  transition: all 0.3s;
}

.wrap-burger-social a:nth-child(1):after,
.footer-social a:nth-child(1):after {
  background: #011F31;
}

.wrap-burger-social a:nth-child(2):after,
.footer-social a:nth-child(2):after {
  background: #32AADE;
}

.wrap-burger-social a:nth-child(3):after,
.footer-social a:nth-child(3):after {
  background: #0078FF;
}

.wrap-burger-social a:nth-child(4):after,
.footer-social a:nth-child(4):after {
  background: #F00;
}

.wrap-burger-social a:hover,
.footer-social a:hover {
  border-color: transparent;
}

.wrap-burger-social a:hover:after,
.footer-social a:hover:after {
  width: 100%;
  height: 100%;
  transition: all 0.3s;
}

.wrap-burger-social a:nth-child(1):hover img,
.wrap-burger-social a:nth-child(2):hover img,
.wrap-burger-social a:nth-child(3):hover img,
.wrap-burger-social a:nth-child(4):hover img,
.footer-social a:nth-child(1):hover img,
.footer-social a:nth-child(2):hover img,
.footer-social a:nth-child(3):hover img,
.footer-social a:nth-child(4):hover img {
  filter: invert(1);
}

.wrap-burger-menu {
  position: fixed;
  left: 0;
  width: 100%;
  top: 127px;
  display: none;
  opacity: 0;
  visibility: hidden;
  background: #fff;
  height: calc(100vh - 127px);
  z-index: 99;
  padding-top: 73px;
  overflow: auto;
}

.wrap-burger-menu-col {
  width: 100%;
  display: flex;
  gap: 30px;
  justify-content: space-between;
}

.wrap-burger-column {
  gap: 50px;
  width: 1094px;
  display: flex;
  justify-content: space-between;
}

.wrap-burger-info {
  width: 550px;
  padding-top: 6px;
}

.wrap-burger-column {
  display: flex;
  flex-wrap: wrap;
  gap: 92px 70px;
}

.burger-column {
  display: flex;
  flex-direction: column;
  width: calc(50% - 35px);
  justify-content: space-between;
}

.burger-column ul {
  margin-top: 10px;
  padding-left: 0px;
}

.burger-column ul li {
  margin-top: 10px;
}

.burger-column ul li a {
  color: #0A0A0A;
  opacity: 0.6;
  font-size: 20px;
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  transition: all 0.3s;
}

.burger-column ul li a:hover {
  opacity: 1;
  transition: all 0.3s;
}

.burger-info-btn {
  display: flex;
  height: 84px;
  width: 100%;
  padding: 0px 24px;
  justify-content: center;
  align-items: center;
  border-radius: 32px;
  border: 1px solid #23BD87;
  color: #23BD87;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  transition: all 0.3s;
}

.burger-info-btn:hover {
  color: #fff;
  background: #23BD87;
  transition: all 0.3s;
}

.wrap-burger-contacts {
  border-radius: 40px;
  background: #F6F6F6;
  display: flex;
  padding: 4px 44px 44px;
  flex-direction: column;
  align-items: center;
  margin: 30px 0;
}

.wrap-burger-contacts p {
  color: #686868;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 0;
  text-align: center;
  margin-top: 40px;
  display: flex;
  flex-direction: column;
}

.wrap-burger-contacts p span {
  text-decoration: underline;
}

.wrap-burger-contacts p a {
  color: #0A0A0A;
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: 32px;
  margin-bottom: 10px;
  transition: all 0.3s;
}

.wrap-burger-contacts p a:hover {
  color: #23BD87;
  transition: all 0.3s;
}

.wrap_burger_icons_links {
  display: flex;
  gap: 22px;
}

.wrap_burger_icons_links .name_block_wrap_burger {
  width: 100%;
  color: #0A0A0A;
  margin-bottom: 12px;
  opacity: 0.6;
}

.wrap-burger-social {
  border-radius: 40px;
  background: #F6F6F6;
  display: flex;
  padding: 32px;
  gap: 10px;
  justify-content: start;
  align-items: center;
  align-self: stretch;
  flex-wrap: wrap;
}

.wrap-burger-social a {
  display: flex;
  width: 56px;
  height: 56px;
  padding: 24px;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border: 0.5px solid #A2A2A2;
}

.wrap-burger-awards {
  border-radius: 40px;
  background: #F6F6F6;
  display: flex;
  padding: 32px;
  gap: 10px;
  justify-content: start;
  align-items: center;
  align-self: stretch;
  flex-wrap: wrap;
}

.wrap-burger-awards a {
  display: flex;
  width: 56px;
  height: 56px;
  padding: 24px;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border: 0.5px solid #A2A2A2;
  position: relative;
}

.wrap-burger-awards a:hover {
  position: relative;
  border: none;
}

.wrap-burger-awards a:hover img {
  filter: invert(1);
  z-index: 9;
}

.wrap-burger-awards a:hover::after {
  width: 100%;
  height: 100%;
  transition: all 0.3s;
}

.wrap-burger-awards a.wrap_burger_icon_workspace::after {
  background: #011F31;
}

.wrap-burger-awards a.wrap_burger_icon_runet::after {
  background: #EC1515;
}

.wrap-burger-awards a.wrap_burger_icon_b24::after {
  background: #F8B539;
}

.wrap-burger-awards a.wrap_burger_icon_yandex::after {
  background: #3287FF;
}

.wrap-burger-awards a::after {
  position: absolute;
  left: 50%;
  top: 50%;
  content: "";
  width: 0;
  height: 0;
  border-radius: 50%;
  z-index: 1;
  transform: translate(-50%, -50%);
  transition: all 0.3s;
}

.gamb {
  border-radius: 24px;
  width: 76px;
  height: 76px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 115px;
  cursor: pointer;
  transition: all 0.3s;
}

.gamb:hover {
  background: #F6F6F6;
  transition: all 0.3s;
}

.gamb span {
  position: relative;
  width: 30px;
  height: 2px;
}

.gamb span:after {
  position: absolute;
  content: "";
  width: 30px;
  height: 2px;
  left: 0;
  top: -7px;
  background: #0A0A0A;
  transition: all 0.3s;
}

.gamb span:before {
  position: absolute;
  content: "";
  width: 30px;
  height: 2px;
  left: 0;
  top: 5px;
  background: #0A0A0A;
  transition: all 0.3s;
}

.gamb.open span:before {
  position: absolute;
  content: "";
  width: 30px;
  height: 2px;
  left: 0;
  top: 0px;
  background: #0A0A0A;
  transform: rotate(-45deg);
  transition: all 0.3s;
}

.gamb.open span:after {
  position: absolute;
  content: "";
  width: 30px;
  height: 2px;
  left: 0;
  top: 0px;
  background: #0A0A0A;
  transform: rotate(45deg);
  transition: all 0.3s;
}

@media screen and (max-width: 1740px) {
  .wrap-burger-menu {
    padding-top: 27px;
  }
  .burger-column ul li a {
    font-size: 18px;
    line-height: 24px;
  }
  .wrap-burger-column {
    gap: 70px;
  }
  .wrap-burger-info {
    width: 410px;
    min-width: 410px;
    max-width: 410px;
    padding-top: 6px;
  }
  .burger-info-btn {
    height: 80px;
  }
  .wrap-burger-contacts p {
    margin-top: 28px;
    font-size: 20px;
    line-height: 100%;
  }
  .wrap-burger-contacts p a {
    color: #0A0A0A;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    margin-bottom: 10px;
  }
  .wrap-burger-social a {
    width: 42px;
    height: 42px;
    padding: 0;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    border: 1px solid #A2A2A2;
  }
  .wrap-burger-social a img {
    max-width: 42%;
  }
  .wrap-burger-social {
    padding: 20px;
  }
  .gamb {
    margin-left: 7px;
  }
}
@media screen and (max-width: 1300px) {
  .wrap-burger-menu-col {
    flex-wrap: wrap;
    gap: 45px;
  }
  .wrap-burger-column {
    gap: 47px 60px;
  }
  .burger-column {
    flex-direction: column;
    width: calc(50% - 30px);
  }
  .wrap-burger-menu {
    padding-top: 13px;
  }
  .burger-column ul li a {
    font-size: 16px;
    line-height: 22px;
  }
  .wrap-burger-info {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    padding-top: 6px;
  }
  .burger-info-btn {
    font-size: 14px;
  }
  .gamb {
    width: 60px;
    height: 60px;
  }
}
@media screen and (max-width: 720px) {
  .wrap-burger-column {
    gap: 15px 0px;
    flex-direction: column;
  }
  .wrap-burger-menu {
    top: 61px;
    height: calc(100vh - 61px);
    padding: 0;
  }
  .burger-column {
    flex-direction: column;
    width: 100%;
  }
  .burger-info-btn {
    height: 48px;
    font-size: 16px;
  }
  .wrap-burger-contacts {
    border-radius: 20px;
    background: #F6F6F6;
    padding: 4px 24px 24px;
    flex-direction: column;
    align-items: flex-start;
    margin: 20px 0;
  }
  .wrap-burger-contacts p a {
    font-size: 20px;
  }
  .wrap-burger-contacts p {
    margin-top: 20px;
    font-size: 18px;
    line-height: 130%;
    text-align: left;
  }
  .wrap_burger_icons_links {
    flex-wrap: wrap;
  }
  .wrap_burger_icons_links .name_block_wrap_burger {
    width: auto;
    color: #0A0A0A;
    margin-bottom: 0;
    opacity: 0.6;
    font-size: 14px;
    flex: 1;
    max-width: 85px;
  }
  .wrap-burger-social, .wrap-burger-awards {
    width: 100%;
    border-radius: 20px;
    padding: 24px;
  }
  .wrap-burger-awards a {
    width: 42px;
    height: 42px;
    padding: 0;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    border: 1px solid #A2A2A2;
  }
  .gamb {
    width: 36px;
    height: 36px;
    margin-left: auto;
  }
  .gamb span {
    position: relative;
    width: 20px;
    height: 2px;
  }
  .gamb span:after,
  .gamb span:before {
    width: 20px;
  }
}
.burger-column ul li a:after,
.min-block p a:after,
.tarif-more-btn:after,
nav ul li a:after,
.footer-block-item ul li a:after {
  position: absolute;
  bottom: 0;
  content: "";
  left: 0;
  width: 0;
  height: 1px;
  background: #797979;
  transition: all 0.3s;
}

.burger-column ul li a:hover:after,
.nav-top-btn:hover:after,
.min-block p a:hover:after,
.tarif-more-btn:hover:after,
nav ul li a:hover:after,
.footer-block-item ul li a:hover:after {
  width: 100%;
  transition: all 0.3s;
}

.main-top {
  padding-top: 100px;
}

.main-top h1, .name_form_block {
  color: #0A0A0A;
  font-size: 140px;
  font-style: normal;
  font-weight: 450;
  line-height: 128px;
  padding-right: 50px;
}

.main-top h1 span.decor {
  color: #D8D8D8;
  font-size: 140px;
  font-style: normal;
  font-weight: 450;
  line-height: 132px;
}

.call-page .main-top h1 {
  letter-spacing: -3.1px;
}

.breadcrumbs {
  margin-top: 100px;
  margin-bottom: 40px;
}

.main-top .breadcrumbs {
  margin-top: 0px;
}

.breadcrumbs .home a {
  font-family: Open Sans;
  font-weight: 400;
  font-size: 18px;
  line-height: 32px;
  vertical-align: middle;
  color: rgba(10, 10, 10, 0.4);
}

.breadcrumbs .level-row {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

.breadcrumbs .level-row span {
  color: #B0B0B0;
  font-family: Open Sans;
  font-weight: 400;
  font-size: 18px;
  line-height: 32px;
  vertical-align: middle;
}

.breadcrumbs .level-row .level {
  opacity: 1;
  gap: 12px;
  border-radius: 8px;
  padding: 4px 8px;
  background: #ECECEC;
  text-decoration: none;
  color: #808080;
  font-family: Open Sans;
  font-weight: 400;
  font-size: 18px;
  line-height: 32px;
  vertical-align: middle;
}

.breadcrumbs .home a:hover, .breadcrumbs .level-row .level:hover {
  color: #0A0A0A;
}

.wrap-bottom-top {
  margin-top: 60px;
  display: flex;
  align-items: center;
  gap: 96px;
}

.b24-widget-button-social {
  position: relative;
  top: -100px;
}

.ui-icon-service-bitrix_whatcrm_net_70680444 > i {
  background-size: 78% !important;
}

.star-block {
  display: flex;
  align-items: center;
}

.star-block .golo {
  position: relative;
  z-index: 1;
  width: 64px;
  height: 64px;
  margin: 24px;
  display: flex;
  border-radius: 50%;
}

.golo .sticker-img {
  background-image: url("../imgs/golo.png");
  background-size: contain;
}

.star-block p {
  color: rgba(10, 10, 10, 0.6);
  font-family: "Open Sans", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin: 0;
}

.min-block {
  display: flex;
  align-items: center;
  gap: 24px;
}

.wrap-min-img {
  display: flex;
  height: 64px;
  padding: 0 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 24px;
  border: 1px solid rgba(10, 10, 10, 0.08);
}

.min-block p {
  display: flex;
  flex-direction: column;
  color: rgba(10, 10, 10, 0.6);
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  margin: 0;
}

.min-block p a {
  width: fit-content;
  color: #0A0A0A;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  margin-bottom: 10px;
}

.glass-filter {
  position: absolute;
  inset: 0;
  z-index: 0;
  backdrop-filter: blur(3px);
  filter: url(#lg-dist);
  isolation: isolate;
}

.glass-overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: var(--lg-bg-color);
}

.glass-specular {
  position: absolute;
  inset: 0;
  z-index: 2;
  border-radius: inherit;
  overflow: hidden;
  box-shadow: inset 1px 1px 0 var(--lg-highlight), inset 0 0 5px var(--lg-highlight);
}

.marq {
  margin: 300px 0;
}

.marq h2 {
  margin-bottom: 80px;
}

.marquee {
  position: relative;
  overflow: hidden;
  background: transparent !important;
}

.marquee-line:not(.str_wrap),
.marquee .str_move {
  display: flex;
  padding: 10px 0;
  align-items: flex-start;
  position: absolute;
}

.marquee-line.str_wrap {
  background: transparent !important;
}

.marq-item {
  width: 554px;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
}

.wrap-marq-img {
  position: relative;
}

.wrap-marq-img img {
  width: 554px;
  height: 230px;
}

.grey-img {
  position: relative;
  z-index: 1;
  opacity: 1;
  transition: all 0.3s;
}

.color-img {
  position: absolute;
  width: 100%;
  height: auto;
  left: 0;
  top: 0;
  opacity: 0;
  z-index: 2;
  transition: all 0.3s;
}

.marq-item:hover img.color-img {
  opacity: 1;
  transition: all 0.3s;
}

.marq-item:hover img.grey-img {
  opacity: 0;
  transition: all 0.3s;
}

.marq-item p {
  color: #A2A2A2;
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
}

.np {
  padding: 0;
}

.wrap-manager-slider {
  display: none;
}

.min-block p a:after {
  background: #909090;
}

.wrap-bottom-text {
  margin-top: 99px;
}

.wrap-bottom-text p {
  color: rgba(10, 10, 10, 0.6);
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 125%;
}

.dont-click {
  user-select: none;
  pointer-events: none;
}

.wrap-hand-trigger {
  margin-left: 24px;
}

.wrap-hand-trigger img {
  animation: sway 4s infinite ease-in-out;
}

.wrap-mobile-info {
  display: none;
}

.table-col.hov {
  box-shadow: 0 4px 32px 0px rgba(0, 0, 0, 0.08);
  transition: all 0.3s;
}

.dont-link:after {
  display: none !important;
}

.cookie-win {
  display: none;
  position: fixed;
  bottom: 20px;
  left: 12px;
  border-radius: 8px;
  background: #F6F6F6;
  z-index: 1000;
  padding: 20px 30px;
  width: 563px;
}

.cookie-win-content {
  width: 100%;
  display: flex;
  gap: 15px;
  justify-content: space-between;
}

.coockie-btn {
  width: 70px;
  min-width: 70px;
  max-width: 70px;
  border-radius: 26.4px;
  border: 1px solid #2D2D2D;
  background: #fff;
  height: 30px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #2D2D2D;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 14.85px;
  transition: all 0.3s;
}

.coockie-btn:hover {
  background: #000;
  color: #fff;
  transition: all 0.3s;
}

.cookie-win-content p {
  color: #000;
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  margin: 0;
  padding: 0;
}

.cookie-win-content p a {
  color: #000;
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  text-decoration-line: underline;
  line-height: 120%;
  margin: 0;
  padding: 0;
}

@media screen and (max-width: 1740px) {
  .main-top {
    padding-top: 75px;
  }
  .main-top h1, .name_form_block {
    color: #0A0A0A;
    font-size: 100px;
    font-style: normal;
    font-weight: 450;
    line-height: 96px;
    padding-right: 92px;
  }
  .macos .main-top h1 {
    color: #0A0A0A;
    font-size: 8vw;
    font-style: normal;
    font-weight: 450;
    line-height: 0.9;
    padding-right: 92px;
  }
  .main-top h1 span.decor {
    color: #D8D8D8;
    font-size: 96px;
    font-style: normal;
    font-weight: 450;
    line-height: 96px;
  }
  .star-block {
    align-items: center;
    gap: 24px;
    width: 46%;
  }
  .star-block p {
    font-size: 20px;
    line-height: 22px;
    margin: 0;
  }
  .min-block {
    align-items: center;
    gap: 24px;
    width: 52%;
  }
  .marq {
    margin: 191px 0 150px;
  }
  .marq h2 {
    margin-bottom: 45px;
  }
  .marq-item img {
    height: 175px;
  }
  .marq-item p {
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
  }
  .np {
    padding: 0;
  }
  .wrap-bottom-text p {
    color: rgba(10, 10, 10, 0.6);
    font-family: "Open Sans", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
  }
  .wrap-bottom-text {
    margin-top: 64px;
  }
}
@media screen and (max-width: 1300px) {
  .rait {
    width: 215px;
  }
  .main-top h1, .name_form_block {
    color: #0A0A0A;
    font-size: 60px;
    font-style: normal;
    font-weight: 500;
    line-height: 60px;
    padding-right: 0;
  }
  .main-top {
    padding-top: 63px;
  }
  .call-page .main-top h1 {
    letter-spacing: -1.3px;
  }
  .wrap-bottom-top {
    margin-top: 64px;
    align-items: flex-start;
    gap: 30px;
    flex-direction: column;
  }
  .wrap-bottom-text p {
    font-size: 18px;
    line-height: 20px;
  }
  .star-block {
    align-items: center;
    gap: 22px;
    width: 100%;
  }
  .star-block p {
    font-size: 18px;
  }
  .min-block {
    align-items: center;
    gap: 18px;
    width: 100%;
  }
  .min-block p a {
    font-size: 16px;
  }
  .min-block p {
    font-size: 12px;
  }
  .marq {
    display: none;
  }
  .steps.geo-steps {
    display: block;
  }
  .footer-block-item.fbi-5,
  .footer-block-item.fbi-6,
  .footer-block-item.fbi-7 {
    display: none;
  }
  .footer-block-item.fbi-1 {
    order: 1;
    width: 100%;
    height: 200px;
    min-height: 200px;
  }
  .footer-block-item.fbi-2 {
    order: 2;
  }
  .footer-block-item.fbi-4 {
    order: 3;
  }
  .footer-block-item.fbi-3 {
    order: 4;
    width: 100%;
  }
  .footer-block-item.fbi-8 {
    order: 5;
    width: 100%;
  }
  .footer-block-item.fbi-2 {
    padding: 33px 31px 20px;
    min-height: 433px;
  }
  .footer-block-item.fbi-2 .block-btn {
    font-size: 18px;
    padding-right: 35px;
    margin-top: 84px;
  }
  .footer-block-item.fbi-4 {
    padding: 45px 31px 31px;
  }
  .wrap-video-content {
    display: none;
  }
  .wrap-mobile-content img {
    width: 100%;
  }
}
@media screen and (max-width: 1240px) {
  .main-top h1 span.decor {
    font-size: 60px;
    line-height: 60px;
  }
}
@media screen and (max-width: 720px) {
  .main-top h1, .name_form_block {
    color: #0A0A0A;
    font-size: 45px;
    font-style: normal;
    font-weight: 500;
    line-height: 46px;
    padding-right: 0;
  }
  .main-top {
    padding-top: 77px;
  }
  .call-page .main-top h1 {
    letter-spacing: -0.8px;
    line-height: 41px;
  }
  .wrap-bottom-top {
    margin-top: 43px;
    align-items: flex-start;
    gap: 18px;
    flex-direction: column;
  }
  .logo img {
    width: 93px;
    height: auto;
  }
  .star-block span {
    width: 48px;
    min-width: 48px;
    max-width: 48px;
    height: 48px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 1px solid rgba(10, 10, 10, 0.08);
  }
  .star-block img {
    width: 20px;
    height: 20px;
  }
  .star-block {
    align-items: center;
    gap: 16px;
    width: 100%;
  }
  .star-block p {
    font-size: 15px;
  }
  .wrap-min-img {
    height: 52px;
    padding: 0px 19px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
    border: 1px solid rgba(10, 10, 10, 0.08);
  }
  .wrap-min-img img {
    width: 118px;
  }
  .min-block p a {
    font-size: 14px;
    line-height: 15px;
  }
  .min-block p {
    font-size: 11px;
  }
  .min-block {
    align-items: center;
    gap: 22px;
    width: 100%;
  }
  .footer-block-item.fbi-2 .block-btn {
    font-size: 18px;
    padding-right: 35px;
    margin-top: 58px;
  }
  .footer-block-item.fbi-2 {
    padding: 33px 25px 24px;
    min-height: auto;
  }
  .footer-block-item.fbi-3 {
    order: 4;
    padding: 0;
    min-height: 361px;
  }
  .wrap-bottom-text p {
    font-size: 15px;
    line-height: 120%;
  }
  .wrap-bottom-text {
    margin-top: 30px;
  }
  .rait {
    width: 156px;
  }
  .r-logo {
    width: 170px;
    margin-top: 23px;
  }
  .star-block .golo {
    position: relative;
    z-index: 1;
    width: 56px;
    height: 56px;
    margin: 0px;
    border-radius: 50%;
  }
  .wrap-all-stickers-items {
    position: relative !important;
    right: 0 !important;
    top: 0 !important;
    width: 259px !important;
    height: 100px !important;
    padding-right: 0px !important;
  }
  .wrap-all-stickers-items .wrap-stickers-items .wrap-stickers-item .sticker,
  .wrap-all-stickers-items .wrap-stickers-items .wrap-stickers-item {
    position: relative;
    width: 100px;
    height: 100px;
  }
  .wrap-all-stickers-items .wrap-stickers-items .stickers-item-1 {
    position: absolute;
    right: auto;
    left: 0;
    top: 0px;
    z-index: 1;
  }
  .wrap-all-stickers-items .wrap-stickers-items .stickers-item-2 {
    position: absolute;
    right: auto;
    left: 106px;
    top: 0px;
    z-index: 3;
  }
  .wrap-all-stickers-items .wrap-stickers-items .stickers-item-3 {
    position: absolute;
    right: auto;
    left: 53px;
    top: 0;
    z-index: 2;
  }
  .wrap-all-stickers-items .wrap-stickers-items .stickers-item-4 {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 4;
  }
  .wrap-hand-trigger {
    position: relative;
    margin-left: 0;
  }
  .hand-trigger {
    position: absolute;
    top: 38px;
    left: -62px;
    transform: rotate(90deg);
  }
}
@media screen and (max-width: 740px) {
  .main-top h1 span.decor {
    font-size: 45px;
    line-height: 46px;
  }
}
@media (max-width: 1480px) and (min-width: 1301px) {
  .macos .tarif-item {
    width: calc(33.3333% - 20px);
    transition: all 0.3s;
  }
  .macos .tarif-item:nth-child(4),
  .macos .tarif-item:last-child {
    width: 100%;
  }
  .macos .wrap-all-stickers-items {
    position: absolute;
    right: 0;
    top: 0;
    width: calc(100% - 470px);
    height: 380px;
    padding-right: 40px;
  }
  .macos .wrap-stickers-items {
    width: 100%;
    height: auto;
    position: relative;
  }
  .macos .wrap-stickers-items .wrap-stickers-item .sticker,
  .macos .wrap-stickers-items .wrap-stickers-item {
    position: relative;
    width: 14.6vw;
    height: 14.6vw;
    border-radius: 50%;
  }
  .macos .wrap-stickers-items .stickers-item-1 {
    position: absolute;
    right: 35vw;
    left: auto;
    top: 2.5vw;
    z-index: 1;
  }
  .macos .wrap-stickers-items .stickers-item-1 .sticker .sticker-img {
    background-image: url("../imgs/st1.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    width: 100%;
    height: 100%;
  }
  .macos .wrap-stickers-items .stickers-item-2 {
    position: absolute;
    right: 23.2vw;
    left: auto;
    top: 4.5vw;
    z-index: 2;
  }
  .macos .wrap-stickers-items .stickers-item-2 .sticker .sticker-img {
    background-image: url("../imgs/st2.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    width: 100%;
    height: 100%;
  }
  .macos .wrap-stickers-items .stickers-item-3 {
    position: absolute;
    right: 10.5vw;
    top: 1vw;
    left: auto;
    z-index: 3;
  }
  .macos .wrap-stickers-items .stickers-item-3 .sticker .sticker-img {
    background-image: url("../imgs/st3.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    width: 100%;
    height: 100%;
  }
  .macos .wrap-stickers-items .stickers-item-4 {
    position: absolute;
    right: -1vw;
    top: 4.35vw;
    z-index: 4;
  }
  .macos .wrap-stickers-items .stickers-item-4 .sticker .sticker-img {
    background-image: url("../imgs/st4.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    width: 100%;
    height: 100%;
  }
  .macos .tag span {
    font-size: 11px;
  }
  .macos .tarif-btn {
    max-width: 468px;
  }
}
@media (min-width: 1921px) {
  .cookie-win {
    width: 700px;
    padding: 30px;
  }
  .cookie-win-content p,
  .cookie-win-content p a {
    font-size: 16px;
  }
  .coockie-btn {
    width: 120px;
    min-width: 120px;
    max-width: 120px;
    border-radius: 30px;
    height: 50px;
  }
}
@media (max-width: 768px) {
  .cookie-win {
    width: 100%;
    padding: 15px 10px;
    bottom: 0;
    right: 0;
  }
  .cookie-win-content p,
  .cookie-win-content p span {
    font-size: 12px;
  }
  .coockie-btn {
    width: 160px;
    min-width: 160px;
    max-width: 160px;
    height: 47px;
    padding: 20px 10px;
  }
  .cookie-win-content {
    width: 100%;
    display: flex;
    gap: 15px;
    justify-content: space-between;
    flex-direction: column;
    align-items: center;
  }
}
.bread-crumbs {
  padding: 100px 0 60px;
}

.bread-crumbs__wrapper {
  display: flex;
  gap: 12px;
  align-items: center;
  flex-wrap: wrap;
}

.bread-crumbs__wrapper > * {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  line-height: 32px;
  color: #808080;
}

.bread-crumbs__link {
  transition: all 0.4s ease;
  padding: 4px 0;
}

.bread-crumbs__link.active {
  border-radius: 8px;
  background: #ECECEC;
  padding: 4px 8px;
}

/* Блок что в итоге вы получите */
.result {
  padding: 150px 0;
}

.result__title-wrapper {
  margin-bottom: 96px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.result__title {
  width: 800px;
}

.result__nav {
  display: flex;
  align-items: center;
  gap: 60px;
}

.result__card {
  padding: 44px 40px 80px 40px;
  border-radius: 40px;
  background: #F6F6F6;
  display: flex;
  flex-direction: column;
  gap: 45px;
  height: auto;
}

.result__card-image-wrapper {
  display: flex;
  justify-content: flex-end;
}

.result__card-content {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.result__card-title {
  color: #0A0A0A;
  font-size: 32px;
  font-weight: 400;
  line-height: 100%;
  min-height: 4rem;
}

.result__card-description {
  color: #6C6C6C;
  margin-bottom: 0;
}

.result__card-image {
  width: 120px;
  height: 104px;
}

.result__nav .arrow {
  position: static;
  margin: 0;
  width: 60px;
  height: 30px;
}

.result .wrap-case-bottom p {
  width: 70%;
}

.result .wrap-case-bottom {
  margin-top: 85px;
}

.result__slider-actions {
  display: flex;
  flex-direction: column;
  gap: 50px;
  align-items: center;
}

.result__slider-actions.mob {
  display: none;
}

.website-development {
  padding: 150px 0;
}

.website-development__wrapper {
  display: flex;
  gap: 10px;
  position: relative;
}

.website-development__info {
  position: relative;
  width: 33.3337%;
}

.website-development__title-wrapper {
  position: sticky;
  top: 90px;
  left: 0;
}

.website-development__title {
  margin-bottom: 150px;
}

.website-development__list {
  width: 66.6667%;
}

.website-development__items {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}

.website-development__item {
  display: flex;
  height: 600px;
  padding: 64px 56px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 52px;
  width: calc(50% - 15px);
  border-radius: 40px;
  overflow: hidden;
  position: relative;
}

.website-development__item-image-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
}

.website-development__item-image {
  width: 100%;
  max-width: 100%;
  height: auto;
  max-height: 90%;
  object-fit: contain;
  object-position: center;
  transition: transform 0.3s;
  will-change: transform;
  position: absolute;
  top: 20%;
}

.website-development__item-title {
  color: #FFF;
  font-size: 48px;
  font-weight: 400;
  line-height: 40px;
}

.basics {
  padding: 150px 0;
}

.basics__title {
  margin-bottom: 96px;
}

.basics__grid-cards {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 30px;
}

.basics__card:nth-child(-n+2) {
  grid-column: span 3;
}

.basics__card:nth-child(n+3) {
  grid-column: span 2;
}

.basics__card {
  width: 100%;
  border-radius: 40px;
  background: #F6F6F6;
  height: 560px;
  padding: 45px 44px 48px 44px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.basics__card-title {
  font-size: 56px;
  font-weight: 400;
  line-height: 64px;
  color: #0A0A0A;
}

.basics__card-description {
  font-size: 32px;
  font-weight: 400;
  line-height: 56px;
  color: rgba(10, 10, 10, 0.64);
  margin-bottom: 0;
}
.basics__card-description span {
  font-family: "Open Sans";
  font-weight: 500;
  color: #0A0A0A;
}

.cases-new {
  padding: 150px 0;
}

.cases-new__title {
  margin-bottom: 96px;
}

.cases-new__grid-cards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 30px;
  grid-row-gap: 80px;
}

.cases-new__card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  position: relative;
  margin-bottom: 0;
}

.cases-new__logo {
  position: absolute;
  left: 25px;
  top: 30px;
  z-index: 8;
}

.cases-new__card .cases-new__link {
  order: unset;
  width: 100%;
  height: auto;
  /*height: 800px;*/
  border-radius: 40px;
  overflow: hidden;
  margin-bottom: 16px;
  aspect-ratio: 1/1;
}

.cases-new__nav {
  display: none;
}

.cases-new__image-wrapper {
  width: fit-content;
  height: 100%;
  /*height: 800px;*/
  border-radius: 40px;
  background: radial-gradient(65.46% 61.98% at 54.96% 53%, #2E6698 0%, #1F4E78 100%);
  overflow: hidden;
  margin-bottom: 16px;
}

.cases-new__link .cases-new__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  overflow: hidden;
  border-radius: 40px;
}

.cases-new__link video {
  height: 100%;
  /*height: 800px;*/
  object-fit: cover;
}

.cases-new__card-title {
  color: #0A0A0A;
  font-size: 60px;
  font-style: normal;
  font-weight: 450;
  line-height: 48px;
  flex-grow: 1;
}

.cases-new__card-subtitle {
  font-size: 20px;
  font-weight: 400;
  line-height: 140%;
  margin-bottom: 0;
  color: #6C6C6C;
}

.cases-new__slider {
  display: none;
}

.cases-new .main-case-item:nth-child(odd) .case-main-img {
  order: unset;
}

@media (max-width: 1919px) {
  .bread-crumbs {
    padding: 74px 0 64px;
  }
  .bread-crumbs__wrapper > * {
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
  }
  .result {
    padding: 100px 0;
  }
  .result__slider-actions {
    gap: 50px;
  }
  .result__title-wrapper {
    margin-bottom: 54px;
  }
  .result__card {
    padding: 32px 20px 56px 20px;
    gap: 30px;
  }
  .result__card-image {
    width: 100px;
    height: 100px;
  }
  .result__card-title {
    font-size: 26px;
    line-height: 100%;
    min-height: 3rem;
  }
  .result__card-description {
    font-size: 18px;
    line-height: 140%;
  }
  .result__card-content {
    gap: 20px;
  }
  .result .wrap-case-bottom {
    margin-top: 63px;
  }
  .result .wrap-case-bottom p {
    width: 100%;
  }
  .result .wrap-case-bottom .block-btn {
    flex-shrink: 0;
  }
  .website-development {
    padding: 100px 0;
  }
  .website-development__item {
    padding: 48px 32px;
    gap: 47px;
    height: 467px;
    border-radius: 30px;
  }
  .website-development__item-title {
    font-size: 36px;
    font-weight: 400;
    line-height: 30px;
  }
  .basics {
    padding: 100px 0;
  }
  .basics__title {
    margin-bottom: 56px;
  }
  .basics__card {
    padding: 48px 32px;
    border-radius: 30px;
    height: 430px;
  }
  .basics__card-title {
    font-size: 40px;
    font-weight: 400;
    line-height: 48px;
  }
  .basics__card-description {
    font-size: 24px;
    font-weight: 400;
    line-height: 40px;
  }
  .cases-new {
    padding: 100px 0;
  }
  .cases-new__title {
    margin-bottom: 60px;
  }
  .cases-new__image-wrapper {
    border-radius: 30px;
    height: auto;
  }
  .cases-new__card-title {
    font-size: 48px;
    font-weight: 400;
    line-height: 40px;
  }
  .cases-new__card-subtitle {
    font-size: 18px;
    font-weight: 400;
    line-height: 120%;
  }
  .cases-new__image {
    border-radius: 30px;
  }
}
@media (max-width: 1365px) {
  .bread-crumbs {
    padding: 64px 0 55px;
  }
  .result {
    padding: 70px 0;
    display: none;
  }
  .result__title {
    width: 100%;
  }
  .result__slider-actions.desc {
    display: none;
  }
  .result__slider-actions.mob {
    display: flex;
    margin-top: 50px;
  }
  .result__nav {
    width: 100%;
  }
  .result .wrap-case-bottom p {
    line-height: normal;
    width: 65%;
  }
  .website-development {
    padding: 70px 0;
  }
  .website-development__wrapper {
    flex-direction: column;
  }
  .website-development__info {
    width: 100%;
  }
  .website-development__title-wrapper {
    position: relative;
    top: 0;
    left: 0;
    display: flex;
    justify-content: space-between;
    align-items: self-end;
    margin-bottom: 50px;
  }
  .website-development__title {
    margin: 0;
  }
  .website-development__list {
    width: 100%;
  }
  .website-development__item-title {
    font-size: 26px;
    line-height: 32px;
  }
  .website-development__item {
    border-radius: 20px;
    gap: 29px;
    height: 387px;
  }
  .website-development__item-image {
    max-height: 100%;
    top: 5%;
  }
  .website-development .block-btn {
    font-size: 24px;
    line-height: 26px;
    padding-right: 66px;
  }
  .website-development .block-btn img {
    right: -14px;
    top: -41px;
    width: 100px;
    height: 66px;
  }
  .basics {
    padding: 70px 0;
  }
  .basics__title {
    margin-bottom: 36px;
  }
  .basics__grid-cards {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  .basics__card {
    padding: 45px 30px;
    border-radius: 20px;
    height: 400px;
  }
  .basics__card-description {
    line-height: 140%;
    width: 546px;
  }
  .cases-new {
    padding: 70px 0;
  }
  .cases-new__title {
    margin-bottom: 50px;
  }
  .cases-new__slider {
    display: flex;
  }
  .cases-new__grid-cards {
    display: none;
  }
  .cases-new__image-wrapper {
    border-radius: 33px;
    width: 100%;
  }
  .cases-new__card-title {
    font-size: 40px;
    line-height: 36px;
  }
  .cases-new__image-wrapper {
    /*height: 668px;*/
    height: auto;
    aspect-ratio: 4/3.8;
  }
  .cases-new__nav {
    margin-top: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .cases-new__nav .arrow {
    position: static;
    margin-top: 0;
  }
  .cases-new__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    overflow: hidden;
  }
  .cases-new__card {
    /*border-radius: 30px;*/
    overflow: hidden;
  }
  .cases-new__logo {
    width: 155px;
    height: auto;
  }
  /*.cases-new__nav .arrow {*/
  /*    width: 90px;*/
  /*}*/
}
@media (max-width: 767px) {
  .bread-crumbs {
    padding: 79px 0 45px;
  }
  .result {
    padding: 75px 0;
  }
  .result__title-wrapper {
    margin-bottom: 40px;
  }
  .website-development {
    padding: 75px 0;
  }
  .website-development__wrapper {
    gap: 40px;
  }
  .website-development__title-wrapper {
    flex-direction: column;
    align-items: flex-end;
    gap: 52px;
    margin-bottom: 0;
  }
  .website-development__title {
    width: 100%;
  }
  .block-title {
    font-size: 40px;
    line-height: 100%;
  }
  .website-development .block-btn {
    padding-right: 41px;
  }
  .website-development .block-btn img {
    right: -11px;
    top: -23px;
    width: 62px;
    height: 47px;
  }
  .website-development__items {
    display: flex;
    flex-direction: column;
  }
  .website-development__item {
    width: 100%;
  }
  .basics {
    padding: 75px 0;
  }
  .basics__title {
    margin-bottom: 40px;
  }
  .basics__card {
    padding: 30px 20px;
    height: max-content;
    gap: 40px;
  }
  .basics__card:not(:first-child):not(:nth-child(2)) {
    min-height: 340px;
  }
  .basics__card-title {
    font-size: 32px;
    line-height: 44px;
  }
  .basics__card-description {
    width: 100%;
    line-height: 36px;
  }
  .cases-new {
    padding: 75px 0;
  }
  .cases-new__title {
    margin-bottom: 40px;
  }
  .cases-new__image-wrapper {
    border-radius: 20px;
    /*height: 320px;*/
    margin-bottom: 2px;
  }
  .cases-new__card-title {
    font-size: 30px;
    line-height: 24px;
  }
  .cases-new__card-subtitle {
    font-size: 20px;
    line-height: 20px;
  }
  .cases-new__nav {
    margin-top: 30px;
    padding: 0 20px;
  }
  .cases-new__image {
    border-radius: 16px;
  }
  .cases-new__logo {
    width: 80px;
  }
}
/*Plugin CSS*/
.str_wrap {
  overflow: hidden;
  width: 100%;
  font-size: 12px;
  line-height: 16px;
  position: relative;
  -moz-user-select: none;
  -khtml-user-select: none;
  user-select: none;
  background: #f6f6f6;
  white-space: nowrap;
}

.str_wrap.str_active {
  background: #f1f1f1;
}

.str_move {
  white-space: nowrap;
  position: absolute;
  top: 0;
  left: 0;
  cursor: move;
}

.str_move_clone {
  display: inline-block;
  vertical-align: top;
  position: absolute;
  left: 100%;
  top: 0;
}

.str_vertical .str_move_clone {
  left: 0;
  top: 100%;
}

.str_down .str_move_clone {
  left: 0;
  bottom: 100%;
}

.str_vertical .str_move,
.str_down .str_move {
  white-space: normal;
  width: 100%;
}

.str_static .str_move,
.no_drag .str_move,
.noStop .str_move {
  cursor: inherit;
}

.str_wrap img {
  max-width: none !important;
}

.case-main-img {
  aspect-ratio: 16/10;
}

.case-main-img video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.case-main-img .img-case-main {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.case-main-img:hover .img-case-main {
  transform: translate(-50%, -50%) scale(1.08);
}

nav {
  margin-left: auto;
  margin-right: 136px;
}

nav ul {
  display: flex;
  align-items: center;
  gap: 44px;
  margin: 0;
  padding: 0;
  list-style-type: none;
}

nav ul li {
  position: relative;
}

nav ul li a {
  position: relative;
  color: #0A0A0A;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.wrap-nav-top-fix {
  margin: 70px auto 0;
  width: fit-content;
  height: 142px;
  position: relative;
  overflow: hidden;
}

.wrap-nav-top {
  width: fit-content;
  border-radius: 46px;
  border-top: 16px solid rgba(255, 255, 255, 0.54);
  border-right: 16px solid rgba(255, 255, 255, 0.54);
  border-bottom: 16px solid rgba(255, 255, 255, 0.54);
  border-left: 16px solid rgba(255, 255, 255, 0.54);
  background: rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 16px 10px rgba(0, 0, 0, 0.03);
  display: flex;
  align-items: center;
  padding: 16px;
  overflow: hidden;
  gap: 16px;
}

.wrap-nav-top.fix {
  position: fixed;
  bottom: 30px;
  left: 50%;
  width: auto;
  top: auto;
  border: none;
  transform: translateX(-50%);
  z-index: 10;
}

.wrap-nav-top ul {
  display: flex;
  margin: 0;
  padding: 0;
  gap: 4px;
  padding: 12px;
  align-items: center;
  border-radius: 32px;
  background: rgba(10, 10, 10, 0.08);
  backdrop-filter: blur(6px);
  position: relative;
  z-index: 6;
}

.wrap-nav-top ul li {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 54px;
  border-radius: 24px;
  background: #FFF;
  padding: 0 24px;
}

.wrap-nav-top ul li a {
  position: relative;
  margin-left: 16px;
  color: #0A0A0A;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  transition: all 0.3s;
}

.wrap-nav-top ul li a:after {
  left: -16px;
  position: absolute;
  content: "";
  top: 7px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #0A0A0A;
  transition: all 0.3s;
}

.wrap-nav-top ul li a:hover {
  margin-left: 0;
  transition: all 0.3s;
}

.wrap-nav-top ul li a:hover:after {
  width: 0;
  height: 0;
  transition: all 0.3s;
}

.nav-top-btn {
  position: relative;
  color: #23BD87;
  font-size: 18px;
  background: #fff;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
  margin: 0px 32px;
  height: 54px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 24px;
  background: #FFF;
  padding: 0 24px;
  position: relative;
  overflow: hidden;
  z-index: 3;
  transition: all 0.3s;
}

.nav-top-btn span {
  position: relative;
  z-index: 5;
  transition: all 0.3s;
}

.nav-top-btn:after {
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  width: 0%;
  border-radius: 50%;
  height: 0%;
  transform: translate(-50%, -50%);
  z-index: 4;
  background: #23BD87;
  transition: all 0.3s;
}

.nav-top-btn:hover {
  color: #fff;
  transition: all 0.3s;
}

.nav-top-btn:hover:after {
  width: 100%;
  height: 200%;
  transition: all 0.3s;
}

.call-page .wrap-nav-top-fix {
  height: 30px;
}

.wrap-nav-menu {
  position: absolute;
  left: 50%;
  display: none;
  top: 100%;
  padding-top: 20px;
  transform: translateX(-50%);
}

.wrap-nav-menu:after {
  position: absolute;
  content: "";
  top: 10px;
  left: 50%;
  width: 0;
  height: 0;
  transform: translateX(-50%);
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 10px solid #F6F6F6;
}

.wrap-nav-menu ul {
  display: flex;
  border-radius: 30px;
  background: #F6F6F6;
  padding: 24px;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 16px;
}

.wrap-nav-menu ul li {
  margin: 0;
}

.wrap-nav-menu ul li a {
  color: #0A0A0A;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  white-space: nowrap;
  line-height: 18px;
}

nav ul li .wrap-nav-menu a:hover:after {
  display: none;
}

nav ul li .wrap-nav-menu a:hover {
  color: #23BD87;
}

.parent-menu:hover .wrap-nav-menu {
  display: block;
}

@media screen and (max-width: 1740px) {
  .wrap-nav-top-fix {
    margin: 49px auto 0;
  }
  .wrap-nav-top {
    width: fit-content;
  }
  .wrap-nav-top ul li a {
    position: relative;
    margin-left: 20px;
    color: #0A0A0A;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
  }
  .wrap-nav-top ul li {
    height: 50px;
    border-radius: 24px;
    background: #FFF;
    padding: 0 20px;
  }
  .wrap-nav-top ul {
    padding: 10px 12px;
  }
}
@media screen and (max-width: 1300px) {
  .wrap-nav-top-fix {
    margin: 36px auto 0;
  }
  .wrap-nav-top-fix {
    margin: 48px auto 0;
  }
  .wrap-nav-top {
    width: fit-content;
  }
  .wrap-nav-top ul li {
    height: 46px;
  }
  .wrap-nav-top ul li a:after {
    top: 5px;
  }
  .wrap-nav-top ul li a {
    font-size: 14px;
  }
  .nav-top-btn {
    font-size: 16px;
    margin: 0px;
    white-space: nowrap;
  }
}
@media screen and (max-width: 720px) {
  .wrap-nav-top {
    border-radius: 40px;
    border-top: 10px solid rgba(255, 255, 255, 0.54);
    border-right: 8px solid rgba(255, 255, 255, 0.54);
    border-bottom: 0px solid rgba(255, 255, 255, 0.54);
    border-left: 8px solid rgba(255, 255, 255, 0.54);
    background: rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 8px 16px rgba(0, 0, 0, 0.03);
    align-items: center;
    padding: 0 8px;
    gap: 16px;
    margin: 15px auto 0;
    flex-direction: column;
  }
  .wrap-nav-top ul li a:after {
    display: none;
  }
  .wrap-nav-top ul li a {
    margin-left: 0;
    font-size: 14px;
    line-height: 18px;
  }
  .wrap-nav-top ul li {
    height: 40px;
    padding: 0 15px;
  }
  .nav-top-btn {
    font-size: 18px;
    margin: 0px;
  }
  .wrap-nav-top-fix {
    margin: 40px auto 0;
  }
}
.tabs-content,
.tab_box {
  height: 100%;
}

.price-tabs-content {
  margin-top: 60px;
}

.price_li-tab {
  display: flex;
  gap: 44px;
  margin-bottom: 66px;
}

.price_li-tab li a {
  position: relative;
  color: #0A0A0A;
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  border-bottom: 2px solid transparent;
  padding-bottom: 6px;
  transition: all 0.3s;
}

.price_li-tab li a:hover,
.price_li-tab li a.curent {
  color: #23BD87;
  border-bottom: 2px solid #23BD87;
  transition: all 0.3s;
}

@media screen and (max-width: 1740px) {
  .price-tabs-content {
    margin-top: 40px;
  }
}
.main-cases {
  margin-top: 50px;
}

.wrap-case-slider {
  display: none;
}

.result-case__cards .case-main-img {
  aspect-ratio: unset;
}

.main-cases .block-title {
  margin-bottom: 100px;
}

.main-case-item {
  display: flex;
  gap: 120px;
  align-items: center;
  margin-bottom: 97px;
}

.main-case-item-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: calc(38% - 60px);
}

.main-case-item-info h3 {
  color: #0A0A0A;
  font-size: 60px;
  font-style: normal;
  font-weight: 500;
  line-height: 48px;
  margin-bottom: 44px;
}

.main-case-item-info h3 + p {
  color: #0A0A0A;
  font-family: "Open Sans", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  opacity: 0.6;
  margin-bottom: 44px;
}

.wrap-tag-case {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.wrap-tag-case span {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0.5px solid #3b3b3a;
  color: #898989;
  border-radius: 32px;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  padding: 0 12px;
  height: 32px;
}

.wrap-case-achievements {
  display: flex;
  gap: 64px;
  margin-top: 55px;
}

.case-achievements-item {
  flex: 1;
  display: flex;
  flex-direction: column;
  color: #0A0A0A;
  font-size: 80px;
  font-style: normal;
  font-weight: 500;
  line-height: 80px;
  gap: 40px;
}

.case-achievements-item span {
  color: #0A0A0A;
  font-family: "Open Sans", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  opacity: 0.8;
}

.case-main-img {
  width: calc(63% - 60px);
  height: auto;
  position: relative;
  border-radius: 40px;
  overflow: hidden;
}

.case-main-img video {
  width: 100%;
  height: auto;
  position: relative;
  opacity: 0;
  z-index: 1;
}

.case-main-img .img-case-logo {
  position: absolute;
  left: 25px;
  top: 30px;
  z-index: 8;
}

.case-main-img .img-case-main {
  width: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 2;
  transform: translate(-50%, -50%);
  height: auto;
  transition: all 0.3s;
}

.wrap-case-sticker-img {
  width: 161px;
  height: 161px;
  position: absolute;
  right: 0px;
  top: 0px;
  display: block;
  padding: 30px;
  z-index: 5;
}

.case-sticker-img {
  position: relative;
  width: 100%;
  height: 100%;
}

.case-sticker-img .sticker-img {
  background-image: url("../imgs/mgus.png");
  background-repeat: no-repeat;
  background-size: contain;
}

.case-main-img:hover .img-case-main {
  transform: translate(-50%, -50%) scale(1.08);
  transition: all 0.3s;
}

.case-main-img:hover video {
  opacity: 1;
  z-index: 5;
  transition: all 0.3s;
}

.img-case-main {
  width: 100%;
}

.main-case-item:nth-child(odd) .main-case-item-info {
  order: 2;
}

.main-case-item:nth-child(odd) .case-main-img {
  order: 1;
}

.wrap-case-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 135px;
}

.wrap-case-bottom p {
  color: #0A0A0A;
  font-size: 56px;
  font-style: normal;
  font-weight: 500;
  line-height: 56px;
  margin: 0;
}

.wrap-case-bottom p span {
  color: #23BD87;
}

@media screen and (max-width: 1740px) {
  .main-cases {
    margin-top: 30px;
  }
  .main-cases .block-title {
    margin-bottom: 61px;
  }
  .main-case-item-info h3 {
    font-size: 48px;
    margin-bottom: 25px;
  }
  .main-case-item-info h3 + p {
    font-size: 18px;
    margin-bottom: 25px;
  }
  .wrap-tag-case {
    gap: 6px;
  }
  .wrap-tag-case span {
    font-size: 18px;
  }
  .case-achievements-item {
    font-size: 60px;
    line-height: 60px;
    gap: 30px;
  }
  .case-achievements-item span {
    font-size: 18px;
  }
  .case-main-img {
    border-radius: 30px;
    width: calc(63% - 40px);
  }
  .main-case-item-info {
    width: calc(38% - 40px);
  }
  .main-case-item {
    gap: 80px;
    margin-bottom: 77px;
  }
  .wrap-case-bottom p {
    font-size: 48px;
  }
  .wrap-case-bottom {
    margin-top: 105px;
  }
}
@media screen and (max-width: 1300px) {
  .main-case-item {
    display: none;
  }
  .wrap-case-slider {
    display: block;
    position: relative;
    padding-bottom: 80px;
  }
  .main-cases {
    margin-top: 20px;
  }
  .main-case-item-info {
    width: 100%;
  }
  .case-main-img {
    border-radius: 30px;
    width: 100%;
    margin-top: 60px;
  }
  .main-cases .block-title {
    margin-bottom: 41px;
    font-size: 60px;
    line-height: 60px;
  }
  .main-case-item-info h3 {
    font-size: 40px;
    margin-bottom: 13px;
  }
  .main-case-item-info h3 + p {
    font-size: 18px;
    margin-bottom: 19px;
  }
  .wrap-case-achievements {
    gap: 64px;
    margin-top: 33px;
  }
  .case-achievements-item {
    font-size: 50px;
    line-height: 50px;
    gap: 11px;
  }
  .case-achievements-item span {
    font-size: 16px;
  }
  .swiper-pagination-fraction {
    color: #2D2D2D;
    font-size: 40px;
    font-family: "Open Sans", sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 27px;
  }
  .swiper-pagination-current {
    color: #2D2D2D;
    font-size: 30px;
    font-family: "Open Sans", sans-serif;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
  }
  .swiper-pagination-total {
    color: #2D2D2D;
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
  }
  .swiper-button-prev.arrow {
    top: auto;
    bottom: 15px;
    left: 0;
    width: 73px;
    height: 16px;
  }
  .swiper-button-next.arrow {
    top: auto;
    bottom: 15px;
    right: 0;
    width: 73px;
    height: 16px;
  }
  .arrow:after {
    display: none;
  }
  .wrap-case-bottom {
    margin-top: 60px;
    padding: 0 29px;
  }
  .wrap-case-bottom p {
    font-size: 20px;
  }
}
@media screen and (max-width: 720px) {
  .main-cases {
    margin-top: 48px;
  }
  .main-cases .block-title {
    margin-bottom: 37px;
    font-size: 36px;
    line-height: 36px;
  }
  .main-case-item-info h3 {
    font-size: 30px;
    margin-bottom: 30px;
    line-height: 30px;
  }
  .main-case-item-info h3 + p {
    font-size: 20px;
    margin-bottom: 29px;
    line-height: 24px;
  }
  .wrap-tag-case span {
    font-size: 14px;
  }
  .case-achievements-item {
    font-size: 44px;
    line-height: 41px;
    gap: 14px;
  }
  .case-achievements-item span {
    font-size: 15px;
  }
  .case-main-img {
    border-radius: 20px;
    width: 100%;
    margin-top: 37px;
  }
  .wrap-case-slider {
    padding-bottom: 64px;
  }
  .wrap-case-bottom p {
    font-size: 26px;
    line-height: 26px;
    max-width: 100%;
  }
  .wrap-case-bottom {
    margin-top: 35px;
    padding: 0px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .wrap-case-bottom .block-btn {
    margin-left: auto;
    font-size: 26px;
    margin-top: 28px;
  }
}
.tag-img {
  width: 42px;
  height: 42px;
  position: relative;
  z-index: 1;
}

.sticker {
  cursor: pointer;
}

.tag-img .sticker-img {
  background-image: url("../imgs/ai.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.tag-img.sticker-bg {
  background-image: url("../imgs/ai.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.tt3 .tag-img,
.tt4 .tag-img {
  position: absolute;
  right: 10px;
  top: 10px;
}

.tag {
  position: relative;
}

.tag span {
  color: #8a8a8a;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  border-radius: 32px;
  border: 0.5px solid #3e3e3e;
  padding: 0 16px;
  height: 42px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s;
}

.tag:hover span {
  transform: scale(1.1);
  transition: all 0.3s;
  cursor: pointer;
}

.tag.long:hover span {
  transform: scale(1.06);
  transition: all 0.3s;
  cursor: pointer;
}

.tag-item {
  display: flex;
  height: 52px;
  gap: 8px;
  align-items: center;
  width: fit-content;
  padding: 0 12px;
  border-radius: 20px;
  border: 1px solid rgba(0, 0, 0, 0.08);
}

.tag-item p {
  margin: 0;
  color: #0A0A0A;
  font-family: "Open Sans", sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 15px;
}

.wrap-tag-sticker {
  position: relative;
  width: 36px;
  height: 36px;
}

.wrap-tag-sticker .sticker {
  width: 36px;
  height: 36px;
}

.wrap-tag-sticker.tag-sticker-1 .sticker .sticker-img {
  background-image: url("../imgs/alice.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  width: 100%;
  height: 100%;
}

.wrap-tag-sticker.tag-sticker-2 .sticker .sticker-img {
  background-image: url("../imgs/gpt.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  width: 100%;
  height: 100%;
}

.wrap-tag-sticker.tag-sticker-3 .sticker .sticker-img {
  background-image: url("../imgs/deep.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  width: 100%;
  height: 100%;
}

.wrap-tag-sticker.tag-sticker-4 .sticker .sticker-img {
  background-image: url("../imgs/google.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  width: 100%;
  height: 100%;
}

.wrap-tag-sticker.tag-sticker-5 .sticker .sticker-img {
  background-image: url("../imgs/perp.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  width: 100%;
  height: 100%;
}

.wrap-tag-sticker.tag-sticker-1 .sticker-bg {
  background-image: url("../imgs/alice.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  width: 100%;
  height: 100%;
}

.wrap-tag-sticker.tag-sticker-2 .sticker-bg {
  background-image: url("../imgs/gpt.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  width: 100%;
  height: 100%;
}

.wrap-tag-sticker.tag-sticker-3 .sticker-bg {
  background-image: url("../imgs/deep.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  width: 100%;
  height: 100%;
}

.wrap-tag-sticker.tag-sticker-4 .sticker-bg {
  background-image: url("../imgs/google.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  width: 100%;
  height: 100%;
}

.wrap-tag-sticker.tag-sticker-5 .sticker-bg {
  background-image: url("../imgs/perp.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  width: 100%;
  height: 100%;
}

.wrap-tag-sticker.tag-sticker-7 .sticker-bg {
  background-image: url("../imgs/gemini.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  width: 100%;
  height: 100%;
}

.wrap-tag-sticker.tag-sticker-8 .sticker-bg {
  background-image: url("../imgs/claude.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  width: 100%;
  height: 100%;
}

.tag-sticker-geo {
  right: -22px;
  top: -33px;
  width: 56px;
  height: 56px;
  position: absolute;
}

.tag-sticker-geo .sticker {
  position: relative;
  width: 56px;
  height: 56px;
}

.tag-sticker-geo .sticker .sticker-img {
  background-image: url("../imgs/hit.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  width: 100%;
  height: 100%;
}

.tag-sticker-geo .sticker-bg {
  background-image: url("../imgs/hit.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

@media screen and (max-width: 1740px) {
  .tag-item {
    height: 48px;
    gap: 8px;
    align-items: center;
    width: fit-content;
    padding: 0 13px;
    border-radius: 20px;
    border: 1px solid rgba(0, 0, 0, 0.08);
  }
  .wrap-tag-sticker {
    position: relative;
    width: 32px;
    height: 32px;
  }
  .wrap-tag-sticker .sticker {
    width: 32px;
    height: 32px;
  }
  .wrap-tags-geo {
    min-height: 183px;
  }
  .tags-geo {
    gap: 7px 5px;
    flex-wrap: wrap;
    align-items: flex-start;
  }
  .tag-sticker-geo {
    right: -13px;
    top: -22px;
    width: 48px;
    height: 48px;
    position: absolute;
  }
  .tag-sticker-geo .sticker {
    position: relative;
    width: 48px;
    height: 48px;
  }
}
@media (min-width: 1301px) {
  .wrap-win-tag {
    display: block;
    position: absolute;
    width: 320px;
    left: calc(50% - 160px);
    bottom: 100%;
    visibility: hidden;
    opacity: 0;
    padding: 16px 20px;
    border-radius: 30px;
    background: #FFF;
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.32);
    color: #0A0A0A;
    font-family: "Open Sans", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    transition: all 0.3s;
  }
  .wrap-win-tag:after {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -10px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 20px solid #fff;
    content: "";
  }
  .tag-img:hover .wrap-win-tag,
  .tag:hover .wrap-win-tag {
    opacity: 1;
    visibility: visible;
    bottom: calc(100% + 25px);
    transition: all 0.3s;
  }
}
@media (max-width: 1200px) {
  .tag-item {
    padding: 0 11px;
  }
  .wrap-tags-geo {
    min-height: auto;
  }
  .wrap-tags-geo {
    min-height: auto;
    margin-bottom: 32px;
  }
  .tag-sticker-geo {
    right: -9px;
    top: -17px;
    width: 56px;
    height: 56px;
    position: absolute;
  }
  .tag-sticker-geo .sticker {
    position: relative;
    width: 56px;
    height: 56px;
  }
  .tags-geo {
    gap: 3px 5px;
    flex-wrap: wrap;
    align-items: flex-start;
  }
}
@media screen and (max-width: 1300px) {
  .tag-img,
  .tag {
    position: unset;
  }
  .wrap-win-tag:after {
    display: none;
  }
  .wrap-win-tag {
    display: block;
    position: absolute;
    width: 320px;
    left: calc(50% - 160px);
    bottom: 100%;
    visibility: hidden;
    opacity: 0;
    padding: 16px 20px;
    border-radius: 30px;
    background: #FFF;
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.32);
    color: #0A0A0A;
    font-family: "Open Sans", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    transition: all 0.3s;
  }
  .tag-img.up .wrap-win-tag,
  .tag.up .wrap-win-tag {
    opacity: 1;
    visibility: visible;
    bottom: calc(100% + 15px);
    transition: all 0.3s;
  }
}
@media screen and (max-width: 720px) {
  .tag-img {
    width: 30px;
    height: 30px;
  }
  .tag span {
    height: 30px;
    color: #8a8a8a;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    border-radius: 32px;
    border: 0.5px solid #3e3e3e;
    padding: 0 8px;
  }
  .wrap-tag-sticker {
    position: relative;
    width: 26px;
    height: 26px;
  }
  .wrap-tag-sticker .sticker {
    width: 26px;
    height: 26px;
  }
  .tag-item {
    height: 43px;
  }
  .wrap-tags-geo {
    min-height: auto;
    margin-bottom: 30px;
  }
  .tag-sticker-geo {
    right: -5px;
    top: -8px;
    width: 44px;
    height: 44px;
    position: absolute;
  }
  .tag-sticker-geo .sticker {
    position: relative;
    width: 44px;
    height: 44px;
  }
}
.wrap-all-stickers-items {
  position: absolute;
  right: 0;
  top: 0;
  width: calc(100% - 470px);
  height: 380px;
  padding-right: 40px;
}

.wrap-stickers-items {
  width: 100%;
  height: auto;
  position: relative;
}

.wrap-stickers-items .wrap-stickers-item .sticker,
.wrap-stickers-items .wrap-stickers-item {
  position: relative;
  width: 14.6vw;
  height: 14.6vw;
  border-radius: 50%;
}

.wrap-stickers-items .stickers-item-1 {
  position: absolute;
  right: 35vw;
  top: 2.5vw;
  z-index: 1;
}

.wrap-stickers-items .stickers-item-1 .sticker .sticker-img {
  background-image: url("../imgs/st1.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  width: 100%;
  height: 100%;
}

.wrap-stickers-items .stickers-item-1 .sticker-bg {
  background-image: url("../imgs/st1.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  width: 100%;
  height: 100%;
}

.wrap-stickers-items .stickers-item-2 {
  position: absolute;
  right: 23.2vw;
  top: 4.5vw;
  z-index: 2;
}

.wrap-stickers-items .stickers-item-2 .sticker .sticker-img {
  background-image: url("../imgs/st2.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  width: 100%;
  height: 100%;
}

.wrap-stickers-items .stickers-item-2 .sticker-bg {
  background-image: url("../imgs/st2.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  width: 100%;
  height: 100%;
}

.wrap-stickers-items .stickers-item-3 {
  position: absolute;
  right: 10.5vw;
  top: 1vw;
  z-index: 3;
}

.wrap-stickers-items .stickers-item-3 .sticker .sticker-img {
  background-image: url("../imgs/st3.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  width: 100%;
  height: 100%;
}

.wrap-stickers-items .stickers-item-3 .sticker-bg {
  background-image: url("../imgs/st3.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  width: 100%;
  height: 100%;
}

.wrap-stickers-items .stickers-item-4 {
  position: absolute;
  right: -1vw;
  top: 4.35vw;
  z-index: 4;
}

.wrap-stickers-items .stickers-item-4 .sticker .sticker-img {
  background-image: url("../imgs/st4.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  width: 100%;
  height: 100%;
}

.wrap-stickers-items .stickers-item-4 .sticker-bg {
  background-image: url("../imgs/st4.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  width: 100%;
  height: 100%;
}

@media (min-width: 1921px) {
  .wrap-all-stickers-items {
    width: 1000px;
  }
  .wrap-stickers-items .wrap-stickers-item .sticker,
  .wrap-stickers-items .wrap-stickers-item {
    position: relative;
    width: 280px;
    height: 280px;
    border-radius: 50%;
  }
  .wrap-stickers-items .stickers-item-4 {
    position: absolute;
    right: -17px;
    top: 83px;
    z-index: 4;
  }
  .wrap-stickers-items .stickers-item-3 {
    position: absolute;
    right: 203px;
    top: 18px;
    z-index: 3;
  }
  .wrap-stickers-items .stickers-item-2 {
    position: absolute;
    right: 445px;
    top: 81px;
    z-index: 2;
  }
  .wrap-stickers-items .stickers-item-1 {
    position: absolute;
    right: 671px;
    top: 44px;
    z-index: 1;
  }
}
@media screen and (max-width: 1740px) {
  .wrap-all-stickers-items {
    position: absolute;
    right: 19px;
    top: 22px;
    width: 230px;
    height: 230px;
    padding-right: 0px;
  }
  .wrap-stickers-items .wrap-stickers-item .sticker,
  .wrap-stickers-items .wrap-stickers-item {
    position: relative;
    width: 128px;
    height: 128px;
  }
  .wrap-stickers-items .stickers-item-1 {
    position: absolute;
    right: auto;
    left: 0;
    top: 102px;
    z-index: 1;
  }
  .wrap-stickers-items .stickers-item-2 {
    position: absolute;
    right: 0;
    top: 102px;
    z-index: 2;
  }
  .wrap-stickers-items .stickers-item-3 {
    position: absolute;
    right: auto;
    left: 0;
    top: 0;
    z-index: 3;
  }
  .wrap-stickers-items .stickers-item-4 {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 4;
  }
}
.custom-cursor {
  position: fixed;
  opacity: 0;
  top: 0;
  left: 0;
  pointer-events: none;
  cursor: none;
  width: 72px;
  height: 72px;
  margin-left: -36px;
  margin-top: -36px;
  aspect-ratio: 1;
  border-radius: 50%;
  background-color: #2D2D2D;
  scale: 0.1;
  z-index: 1110;
  transition: all 0.3s;
}

.custom-cursor.custom-cursor--link {
  width: 223px;
  height: 100px;
  margin-left: -112px;
  margin-top: -50px;
  aspect-ratio: auto;
  border-radius: 1500px;
  background-color: #fff;
}

.custom-cursor.custom-cursor-ins {
  width: 184px;
  height: 100px;
  margin-left: -92px;
  margin-top: -50px;
  aspect-ratio: auto;
  border-radius: 1500px;
  background-color: #fff;
}

.custom-cursor.custom-cursor--link2,
.custom-cursor.custom-cursor--link1 {
  width: 262px;
  height: 332px;
  margin-left: 10px;
  margin-top: -166px;
  aspect-ratio: 1;
  scale: 1;
  opacity: 1;
  pointer-events: none;
  border-radius: 18px;
}

.custom-cursor #img {
  width: 100%;
  height: 100%;
  display: block;
  background-image: url("../imgs/cursor-s.png");
  opacity: 0;
  transition: all 0.3s;
}

.custom-cursor.custom-cursor-ins #img {
  width: 100%;
  height: 100%;
  display: block;
  background-image: url("../imgs/read.png");
  opacity: 1;
  transition: all 0.3s;
}

.custom-cursor.custom-cursor--link1 #img {
  width: 262px;
  height: 332px;
  display: block;
  background-image: url("../imgs/img1.png");
  opacity: 1;
  background-color: transparent;
  transition: all 0.3s;
}

.custom-cursor.custom-cursor--link2 #img {
  width: 262px;
  height: 332px;
  display: block;
  background-image: url("../imgs/img2.png");
  opacity: 1;
  background-color: transparent;
  transition: all 0.3s;
}

.custom-cursor--link {
  scale: 1;
  opacity: 1;
  pointer-events: none;
  background-color: transparent;
}

.custom-cursor-ins {
  scale: 1;
  opacity: 1;
  pointer-events: none;
  background-color: transparent;
}

.custom-cursor--link #img {
  opacity: 1;
  transition: all 0.3s;
  pointer-events: none;
}

.custom-cursor-ins #img {
  opacity: 1;
  transition: all 0.3s;
  pointer-events: none;
}

.custom-cursor--hidden {
  opacity: 0;
  pointer-events: none;
}

.breadcrumb {
  margin-top: 75px;
  margin-bottom: 100px;
}

.breadcrumb ul {
  list-style-type: none;
  display: flex;
  flex-direction: column;
  padding: 0;
  margin: 0;
}

.breadcrumb ul li {
  position: relative;
  list-style-type: none;
}

.breadcrumb ul li + li {
  padding-left: 13px;
}

.breadcrumb ul li + li:after {
  position: absolute;
  left: 0;
  top: 0;
  content: "/";
  color: rgba(10, 10, 10, 0.24);
  font-size: 18.211px;
  font-style: normal;
  font-weight: 400;
  line-height: 31.51px;
}

.breadcrumb ul li a {
  color: rgba(10, 10, 10, 0.4);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
}

.breadcrumb ul li:last-child a {
  color: rgba(10, 10, 10, 0.64);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
}

@media screen and (max-width: 1740px) {
  .breadcrumb {
    margin-top: 27px;
    margin-bottom: 100px;
  }
}
@media screen and (max-width: 1300px) {
  .breadcrumb {
    margin-top: 17px;
    margin-bottom: 69px;
  }
}
@media screen and (max-width: 720px) {
  .breadcrumb {
    margin-top: 76px;
    margin-bottom: 34px;
  }
}
.new-slid-side {
  display: flex;
  gap: 30px;
  position: relative;
  z-index: 20;
  justify-content: space-between;
  background: #fff;
}

.new-slid-left {
  width: 553px;
}

.wrap-new-slider {
  width: 100%;
  position: relative;
  padding-bottom: 140px;
}

.new-slid-right .arrow,
.wrap-new-slider .arrow {
  top: auto;
  bottom: 30px;
  margin: 0;
  width: 60px;
  height: 30px;
}

.new-slid-right .swiper-button-prev svg,
.new-slid-right .swiper-button-next svg,
.new-slid-right .swiper-button-prev:after,
.new-slid-right .swiper-button-next:after,
.wrap-new-slider .swiper-button-prev:after,
.wrap-new-slider .swiper-button-next:after {
  display: none;
}

.new-slider img {
  width: 100%;
}

.new-slid-right .swiper-pagination-fraction,
.wrap-new-slider .swiper-pagination-fraction {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #B0B0B0;
  font-size: 70px;
  font-style: normal;
  font-weight: 400;
  line-height: 70px;
}

.new-slid-right .swiper-pagination-current,
.wrap-new-slider .swiper-pagination-current {
  color: #0A0A0A;
  font-size: 56px;
  font-style: normal;
  font-weight: 500;
  line-height: 56px;
}

.new-slid-right .swiper-pagination-total,
.wrap-new-slider .swiper-pagination-total {
  color: #6C6C6C;
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  margin-top: 20px;
}

.new-slid-right .swiper-pagination,
.new-slid-right .arrow {
  display: none;
}

.new-slid-right {
  width: 991px;
  position: relative;
}

.wrap-new-slider-text {
  width: 100%;
  border-radius: 50px;
  background: #FFF;
  padding: 40px;
  margin-top: 80px;
  border: 1px solid rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 12.411px 0 rgba(0, 0, 0, 0.05);
}

.top-slide-img {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 40px;
}

.wrap-new-slider-text-clamp {
  max-height: 330px;
  overflow: hidden;
  margin-bottom: 20px;
}

.wrap-new-slider-text-clamp p {
  color: #6C6C6C;
  font-family: "Open Sans", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  transition: max-height 0.3s ease;
}

.wrap-new-slider-text-clamp.active {
  max-height: none;
  transition: max-height 0.3s ease;
}

.new-slid {
  margin: 200px 0 0;
  background: #fff;
}

@media screen and (max-width: 1740px) {
  .new-slid-left {
    width: 465px;
  }
  .new-slider img {
    width: 100%;
  }
  .new-slid-right {
    width: calc(100% - 500px);
  }
}
@media screen and (max-width: 1300px) {
  .new-slid-left {
    display: none;
  }
  .new-slid-right {
    width: 100%;
  }
  .new-slid {
    margin: 138px 0 0;
  }
  .wrap-new-slider-text {
    width: 100%;
    border-radius: 50px;
    background: #FFF;
    padding: 31px 23px;
    margin-top: 46px;
    border: 1px solid rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 12.411px 0 rgba(0, 0, 0, 0.05);
  }
  .top-slide-img {
    margin-bottom: 30px;
  }
  .wrap-new-slider-text-clamp p {
    color: #6C6C6C;
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    transition: max-height 0.3s ease;
  }
  .new-slid-right {
    padding-bottom: 100px;
  }
  .new-slid-right .swiper-pagination,
  .new-slid-right .arrow {
    display: block;
  }
  .new-slid-right .swiper-pagination-fraction {
    font-size: 40px;
    line-height: 40px;
  }
  .new-slid-right .swiper-pagination-current {
    font-size: 36px;
    line-height: 120%;
  }
  .new-slid-right .swiper-pagination-total {
    font-size: 16px;
    line-height: 24px;
    margin-top: 0px;
  }
  .new-slid-right .arrow {
    width: 73px;
    height: 12px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
  .new-slid-right .swiper-button-prev {
    background-image: url("../imgs/arr-prev-1.png");
  }
  .new-slid-right .swiper-button-next {
    background-image: url("../imgs/arr-next-1.png");
  }
}
@media screen and (max-width: 720px) {
  .new-slid-right .swiper-pagination-fraction {
    font-size: 40px;
    line-height: 40px;
  }
  .new-slid-right .swiper-pagination-current {
    font-size: 30px;
    line-height: 120%;
  }
  .new-slid-right .swiper-pagination-total {
    font-size: 16px;
    line-height: 24px;
    margin-top: 0px;
  }
  .new-slid-right .arrow {
    width: 31px;
    height: 8px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
  .new-slid-right .swiper-button-prev {
    background-image: url("../imgs/arr-prev-2.png");
  }
  .new-slid-right .swiper-button-next {
    background-image: url("../imgs/arr-next-2.png");
  }
  .new-slid-side .block-title {
    font-size: 40px;
    line-height: 100%;
  }
  .new-slid {
    margin: 149px 0 0;
  }
  .wrap-new-slider-text {
    width: 100%;
    border-radius: 20px;
    background: #FFF;
    padding: 30px 20px;
    margin-top: 36px;
    border: 1px solid rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 12.411px 0 rgba(0, 0, 0, 0.05);
  }
  .top-slide-img {
    margin-bottom: 30px;
    flex-direction: column;
    align-items: flex-start;
  }
  .wrap-new-slider-text-clamp p {
    font-size: 14px;
  }
}
.price-list {
  margin-top: 103px;
}

.price-list h2 {
  color: #0A0A0A;
  font-size: 80px;
  font-style: normal;
  font-weight: 400;
  line-height: 80px;
  margin-bottom: 50px;
}

.price_li {
  display: flex;
  gap: 4px;
}

.price_li li a {
  height: 64px;
  font-family: "Open Sans", sans-serif;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 31.2px;
  border: 0.5px solid #F6F6F6;
  border-radius: 32px;
  background: #F6F6F6;
  color: rgba(10, 10, 10, 0.64);
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  transition: all 0.3s;
}

.price_li li a:hover {
  background: transparent;
  border: 0.5px solid #23BD87;
  transition: all 0.3s;
}

.price_li li a.curent:hover,
.price_li li a.curent {
  background: #DCF4EC;
  border: 0.5px solid #DCF4EC;
  transition: all 0.3s;
}

.price-geo {
  margin-top: 39px;
  margin-bottom: 37px;
}

.price-geo p {
  display: flex;
  align-items: center;
  gap: 16px;
  color: #23BD87;
  font-size: 64px;
  font-style: normal;
  font-weight: 400;
  line-height: 64px;
}

.price-geo span {
  color: #23BD87;
  font-size: 64px;
  font-style: normal;
  font-weight: 300;
  line-height: 64px;
}

.price-card-btn {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 32px;
  border: 1px solid #0A0A0A;
  width: 100%;
  height: 75px;
  max-width: 468px;
  color: #0A0A0A;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  transition: all 0.3s;
}

.price-card-btn:hover {
  color: #fff;
  border: 1px solid #23BD87;
  background: #23BD87;
  transition: all 0.3s;
}

@media screen and (max-width: 1740px) {
  .price-list {
    margin-top: 76px;
  }
  .price-list h2 {
    color: #0A0A0A;
    font-size: 36px;
    font-style: normal;
    font-weight: 400;
    line-height: 36px;
    margin-bottom: 35px;
  }
  .price_li li a {
    height: 44px;
    font-family: "Open Sans", sans-serif;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px 24px;
    border: 0.5px solid #F6F6F6;
    border-radius: 32px;
    background: #F6F6F6;
    color: rgba(10, 10, 10, 0.64);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    transition: all 0.3s;
  }
  .price-geo p {
    gap: 16px;
    font-size: 56px;
    line-height: 56px;
  }
  .price-geo span {
    font-size: 56px;
    line-height: 56px;
  }
  .price-geo {
    margin-top: 0;
    margin-bottom: 37px;
  }
  .price-card-btn {
    cursor: pointer;
    align-items: center;
    justify-content: center;
    border-radius: 26px;
    border: 1px solid #0A0A0A;
    width: 100%;
    height: 65px;
    max-width: 468px;
    color: #0A0A0A;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    transition: all 0.3s;
  }
}
@media (max-width: 1200px) {
  .price-list {
    margin-top: 62px;
  }
  .price_li {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
  }
  .price_li li {
    width: calc(33.333% - 11px);
  }
  .price_li li a {
    width: 100%;
  }
  .price-card-btn {
    max-width: none;
  }
}
@media screen and (max-width: 720px) {
  .price-list {
    margin-top: 58px;
  }
  .price-list h2 {
    color: #0A0A0A;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 30px;
  }
  .price_li {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
  }
  .price_li li {
    width: calc(50% - 4px);
  }
  .price_li li a {
    height: 33px;
    padding: 0px 10px;
    border: 0.5px solid #F6F6F6;
    border-radius: 32px;
    background: #F6F6F6;
    color: rgba(10, 10, 10, 0.64);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    transition: all 0.3s;
  }
  .price-geo p {
    gap: 16px;
    font-size: 36px;
    line-height: 36px;
  }
  .price-geo span {
    font-size: 36px;
    line-height: 36px;
  }
  .price-geo {
    margin-top: 0;
    margin-bottom: 24px;
  }
  .price-card-btn {
    height: 56px;
  }
}
.accordion-item + .accordion-item {
  border-top: 1px solid #E8E8E8;
}

.accordion-item:first-child {
  border-top: 1px solid #E8E8E8;
}

.accordion-item:last-child {
  border-bottom: 1px solid #E8E8E8;
}

.accordion-item {
  padding: 80px 0 69px;
}

.accordion-item.active .accordion-num {
  color: #0A0A0A;
}

.accordion-item.active .accordion-icon svg {
  transform: rotate(-180deg);
}

.accordion-item.active .accordion-icon svg path {
  stroke: #0A0A0A;
}

.accordion-header {
  margin: 0;
  padding: 0;
  width: 100%;
  border: 0;
}

.accordion-num__wrapper {
  display: flex;
  /*align-items: center;*/
  gap: 16px;
}

.accordion-num__wrapper > * {
  font-size: 40px;
  /*line-height: 36px;*/
  line-height: 68px;
  font-weight: 400;
}

.accordion-num__separator {
  color: #ECECEC;
}

.accordion-num {
  transition: all 0.4s ease;
  color: #939393;
}

.accordion-icon svg {
  transition: all 0.4s ease;
}

.accordion-trigger {
  width: 100%;
  border: none;
  cursor: pointer;
  display: flex;
  /*align-items: center;*/
  justify-content: space-between;
}

.accordion-trigger__header {
  display: flex;
  /*align-items: center;*/
  gap: 184px;
  width: 100%;
}

.accordion-title {
  font-size: 80px;
  font-weight: 400;
  line-height: 70px;
  letter-spacing: -2.4px;
  color: #0A0A0A;
  width: 100%;
  transition: all 0.3s;
  padding-bottom: 10px;
  width: auto;
}

.accordion-title:hover {
  border-bottom: 1px solid #A2A2A2;
  margin-bottom: 45px;
}

.accordion-panel__wrapper {
  padding: 37px 20px 0 263px;
}

.accordion-panel__wrapper p {
  margin-bottom: 23px;
  color: #6C6C6C;
  font-family: "Open Sans", sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 44px;
  width: 844px;
}

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

.accordion-panel {
  transition: all 0.4s;
  opacity: 0;
  visibility: hidden;
  max-height: 0;
}

.accordion-item.active .accordion-panel {
  opacity: 1;
  visibility: visible;
}

@media (max-width: 1919px) {
  .accordion-num__wrapper > * {
    font-size: 30px;
    font-weight: 400;
    line-height: 100%;
  }
  .accordion-title {
    font-size: 60px;
    font-weight: 400;
    line-height: 60px;
  }
  .accordion-item {
    padding: 60px 0 63px;
  }
  .accordion-trigger__header {
    gap: 160px;
  }
  .accordion-num__wrapper {
    gap: 20px;
    padding-top: 16px;
  }
  .accordion-icon svg {
    width: 56px;
    height: 56px;
  }
  .accordion-panel__wrapper p {
    font-size: 18px;
    font-weight: 400;
    line-height: 140%;
  }
  .accordion-panel__wrapper {
    padding: 50px 20px 0 230px;
  }
}
@media (max-width: 1365px) {
  .accordion-num__wrapper {
    gap: 8px;
    padding-top: 10px;
  }
  .accordion-trigger__header {
    gap: 129px;
  }
  .accordion-title {
    font-size: 48px;
    line-height: 48px;
  }
  .accordion-icon {
    position: relative;
    top: -11px;
    right: -18px;
  }
  .accordion-icon svg {
    width: 72px;
    height: 72px;
  }
  .accordion-panel__wrapper {
    padding: 16px 20px 0 185px;
  }
  .accordion .accordion-item {
    padding: 50px 0 30px;
  }
  .accordion-panel__wrapper p {
    font-size: 16px;
    line-height: 140%;
    margin-bottom: 20px;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .accordion .accordion-item {
    padding: 40px 0 10px;
  }
  .accordion-trigger {
    flex-direction: column;
    align-items: flex-end;
    gap: 30px;
    padding: 7px 0;
  }
  .accordion-trigger__header {
    flex-direction: column;
    gap: 20px;
  }
  .accordion-num__wrapper {
    padding: 0;
  }
  .accordion-title {
    font-size: 40px;
    line-height: 40px;
  }
  .accordion-icon {
    top: -27px;
  }
  .accordion-panel__wrapper {
    padding: 26px 0 0 0;
  }
  .accordion-panel__wrapper p {
    font-size: 14px;
    line-height: 140%;
    margin-bottom: 13px;
  }
}
.custom-select {
  position: relative;
  user-select: none;
  display: flex;
  gap: 24px;
  width: 191px;
}

.custom-select.open .custom-select__dropdown {
  opacity: 1;
  visibility: visible;
}

.custom-select.open .custom-select__selected svg {
  transform: rotate(-180deg);
}

.custom-select__selected {
  display: flex;
  align-items: center;
  gap: 10px;
  padding-bottom: 8px;
  border-bottom: 2px solid #E8E8E8;
  width: 100%;
  justify-content: space-between;
  cursor: pointer;
}

.custom-select__selected span,
.custom-select__name,
.custom-select__item {
  font-family: "Open Sans";
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.custom-select__selected span {
  color: #0A0A0A;
}

.custom-select__selected svg {
  transition: all 0.3s ease-in;
}

.custom-select__name {
  color: #6C6C6C;
  padding-bottom: 8px;
}

.custom-select__dropdown {
  position: absolute;
  transition: all 0.3s ease-in;
  top: 40px;
  left: 0;
  right: 0;
  border: 2px solid #E8E8E8;
  opacity: 0;
  visibility: hidden;
  z-index: 10;
  background: #FFF;
}

.custom-select__item {
  padding: 8px 12px;
  color: #0A0A0A;
  cursor: pointer;
  transition: all 0.3s ease-in;
}

.custom-select__item:hover {
  background: #E8E8E8;
}

.fancybox__container {
  --fancybox-bg: rgba(0, 0, 0, 0.5)!important;
}

:root {
  --f-spinner-width: 36px;
  --f-spinner-height: 36px;
  --f-spinner-color-1: rgba(0, 0, 0, 0.1);
  --f-spinner-color-2: rgba(17, 24, 28, 0.8);
  --f-spinner-stroke: 2.75;
}

.f-spinner {
  margin: auto;
  padding: 0;
  width: var(--f-spinner-width);
  height: var(--f-spinner-height);
}

.f-spinner svg {
  width: 100%;
  height: 100%;
  vertical-align: top;
  animation: f-spinner-rotate 2s linear infinite;
}

.f-spinner svg * {
  stroke-width: var(--f-spinner-stroke);
  fill: none;
}

.f-spinner svg *:first-child {
  stroke: var(--f-spinner-color-1);
}

.f-spinner svg *:last-child {
  stroke: var(--f-spinner-color-2);
  animation: f-spinner-dash 2s ease-in-out infinite;
}

@keyframes f-spinner-rotate {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes f-spinner-dash {
  0% {
    stroke-dasharray: 1, 150;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -124;
  }
}
.f-throwOutUp {
  animation: var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutUp;
}

.f-throwOutDown {
  animation: var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutDown;
}

@keyframes f-throwOutUp {
  to {
    transform: translate3d(0, calc(var(--f-throw-out-distance, 150px) * -1), 0);
    opacity: 0;
  }
}
@keyframes f-throwOutDown {
  to {
    transform: translate3d(0, var(--f-throw-out-distance, 150px), 0);
    opacity: 0;
  }
}
.f-zoomInUp {
  animation: var(--f-transition-duration, 0.2s) ease 0.1s both f-zoomInUp;
}

.f-zoomOutDown {
  animation: var(--f-transition-duration, 0.2s) ease both f-zoomOutDown;
}

@keyframes f-zoomInUp {
  from {
    transform: scale(0.975) translate3d(0, 16px, 0);
    opacity: 0;
  }
  to {
    transform: scale(1) translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes f-zoomOutDown {
  to {
    transform: scale(0.975) translate3d(0, 16px, 0);
    opacity: 0;
  }
}
.f-fadeIn {
  animation: var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn;
  z-index: 2;
}

.f-fadeOut {
  animation: var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeOut;
  z-index: 1;
}

@keyframes f-fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes f-fadeOut {
  100% {
    opacity: 0;
  }
}
.f-fadeFastIn {
  animation: var(--f-transition-duration, 0.2s) ease-out both f-fadeFastIn;
  z-index: 2;
}

.f-fadeFastOut {
  animation: var(--f-transition-duration, 0.1s) ease-out both f-fadeFastOut;
  z-index: 2;
}

@keyframes f-fadeFastIn {
  0% {
    opacity: 0.75;
  }
  100% {
    opacity: 1;
  }
}
@keyframes f-fadeFastOut {
  100% {
    opacity: 0;
  }
}
.f-fadeSlowIn {
  animation: var(--f-transition-duration, 0.5s) ease both f-fadeSlowIn;
  z-index: 2;
}

.f-fadeSlowOut {
  animation: var(--f-transition-duration, 0.5s) ease both f-fadeSlowOut;
  z-index: 1;
}

@keyframes f-fadeSlowIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes f-fadeSlowOut {
  100% {
    opacity: 0;
  }
}
.f-crossfadeIn {
  animation: var(--f-transition-duration, 0.2s) ease-out both f-crossfadeIn;
  z-index: 2;
}

.f-crossfadeOut {
  animation: calc(var(--f-transition-duration, 0.2s) * 0.5) linear 0.1s both f-crossfadeOut;
  z-index: 1;
}

@keyframes f-crossfadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes f-crossfadeOut {
  100% {
    opacity: 0;
  }
}
.f-slideIn.from-next {
  animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInNext;
}

.f-slideIn.from-prev {
  animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrev;
}

.f-slideOut.to-next {
  animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNext;
}

.f-slideOut.to-prev {
  animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutPrev;
}

@keyframes f-slideInPrev {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes f-slideInNext {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes f-slideOutNext {
  100% {
    transform: translateX(-100%);
  }
}
@keyframes f-slideOutPrev {
  100% {
    transform: translateX(100%);
  }
}
.f-classicIn.from-next {
  animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInNext;
  z-index: 2;
}

.f-classicIn.from-prev {
  animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInPrev;
  z-index: 2;
}

.f-classicOut.to-next {
  animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutNext;
  z-index: 1;
}

.f-classicOut.to-prev {
  animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutPrev;
  z-index: 1;
}

@keyframes f-classicInNext {
  0% {
    transform: translateX(-75px);
    opacity: 0;
  }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes f-classicInPrev {
  0% {
    transform: translateX(75px);
    opacity: 0;
  }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes f-classicOutNext {
  100% {
    transform: translateX(-75px);
    opacity: 0;
  }
}
@keyframes f-classicOutPrev {
  100% {
    transform: translateX(75px);
    opacity: 0;
  }
}
:root {
  --f-button-width: 40px;
  --f-button-height: 40px;
  --f-button-border: 0;
  --f-button-border-radius: 0;
  --f-button-color: #374151;
  --f-button-bg: #f8f8f8;
  --f-button-hover-bg: #e0e0e0;
  --f-button-active-bg: #d0d0d0;
  --f-button-shadow: none;
  --f-button-transition: all 0.15s ease;
  --f-button-transform: none;
  --f-button-svg-width: 20px;
  --f-button-svg-height: 20px;
  --f-button-svg-stroke-width: 1.5;
  --f-button-svg-fill: none;
  --f-button-svg-filter: none;
  --f-button-svg-disabled-opacity: 0.65;
}

.f-button {
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: content-box;
  position: relative;
  margin: 0;
  padding: 0;
  width: var(--f-button-width);
  height: var(--f-button-height);
  border: var(--f-button-border);
  border-radius: var(--f-button-border-radius);
  color: var(--f-button-color);
  background: var(--f-button-bg);
  box-shadow: var(--f-button-shadow);
  pointer-events: all;
  cursor: pointer;
  transition: var(--f-button-transition);
}

@media (hover: hover) {
  .f-button:hover:not([disabled]) {
    color: var(--f-button-hover-color);
    background-color: var(--f-button-hover-bg);
  }
}
.f-button:active:not([disabled]) {
  background-color: var(--f-button-active-bg);
}

.f-button:focus:not(:focus-visible) {
  outline: none;
}

.f-button:focus-visible {
  outline: none;
  box-shadow: inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color));
}

.f-button svg {
  width: var(--f-button-svg-width);
  height: var(--f-button-svg-height);
  fill: var(--f-button-svg-fill);
  stroke: currentColor;
  stroke-width: var(--f-button-svg-stroke-width);
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: opacity 0.15s ease;
  transform: var(--f-button-transform);
  filter: var(--f-button-svg-filter);
  pointer-events: none;
}

.f-button[disabled] {
  cursor: default;
}

.f-button[disabled] svg {
  opacity: var(--f-button-svg-disabled-opacity);
}

.f-carousel__nav .f-button.is-prev, .f-carousel__nav .f-button.is-next, .fancybox__nav .f-button.is-prev, .fancybox__nav .f-button.is-next {
  position: absolute;
  z-index: 1;
}

.is-horizontal .f-carousel__nav .f-button.is-prev, .is-horizontal .f-carousel__nav .f-button.is-next, .is-horizontal .fancybox__nav .f-button.is-prev, .is-horizontal .fancybox__nav .f-button.is-next {
  top: 50%;
  transform: translateY(-50%);
}

.is-horizontal .f-carousel__nav .f-button.is-prev, .is-horizontal .fancybox__nav .f-button.is-prev {
  left: var(--f-button-prev-pos);
}

.is-horizontal .f-carousel__nav .f-button.is-next, .is-horizontal .fancybox__nav .f-button.is-next {
  right: var(--f-button-next-pos);
}

.is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev, .is-horizontal.is-rtl .fancybox__nav .f-button.is-prev {
  left: auto;
  right: var(--f-button-next-pos);
}

.is-horizontal.is-rtl .f-carousel__nav .f-button.is-next, .is-horizontal.is-rtl .fancybox__nav .f-button.is-next {
  right: auto;
  left: var(--f-button-prev-pos);
}

.is-vertical .f-carousel__nav .f-button.is-prev, .is-vertical .f-carousel__nav .f-button.is-next, .is-vertical .fancybox__nav .f-button.is-prev, .is-vertical .fancybox__nav .f-button.is-next {
  top: auto;
  left: 50%;
  transform: translateX(-50%);
}

.is-vertical .f-carousel__nav .f-button.is-prev, .is-vertical .fancybox__nav .f-button.is-prev {
  top: var(--f-button-next-pos);
}

.is-vertical .f-carousel__nav .f-button.is-next, .is-vertical .fancybox__nav .f-button.is-next {
  bottom: var(--f-button-next-pos);
}

.is-vertical .f-carousel__nav .f-button.is-prev svg, .is-vertical .f-carousel__nav .f-button.is-next svg, .is-vertical .fancybox__nav .f-button.is-prev svg, .is-vertical .fancybox__nav .f-button.is-next svg {
  transform: rotate(90deg);
}

.f-carousel__nav .f-button:disabled, .fancybox__nav .f-button:disabled {
  pointer-events: none;
}

html.with-fancybox {
  width: auto;
  overflow: visible;
  scroll-behavior: auto;
}

html.with-fancybox body {
  touch-action: none;
}

html.with-fancybox body.hide-scrollbar {
  width: auto;
  margin-right: calc(var(--fancybox-body-margin, 0px) + var(--fancybox-scrollbar-compensate, 0px));
  overflow: hidden !important;
  overscroll-behavior-y: none;
}

.fancybox__container {
  --fancybox-color: #dbdbdb;
  --fancybox-hover-color: #fff;
  --fancybox-bg: rgba(24, 24, 27, 0.98);
  --fancybox-slide-gap: 10px;
  --f-spinner-width: 50px;
  --f-spinner-height: 50px;
  --f-spinner-color-1: rgba(255, 255, 255, 0.1);
  --f-spinner-color-2: #bbb;
  --f-spinner-stroke: 3.65;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  direction: ltr;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #f8f8f8;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  overflow: visible;
  z-index: var(--fancybox-zIndex, 1050);
  outline: none;
  transform-origin: top left;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  overscroll-behavior-y: contain;
}

.fancybox__container *, .fancybox__container *::before, .fancybox__container *::after {
  box-sizing: inherit;
}

.fancybox__container::backdrop {
  background-color: rgba(0, 0, 0, 0);
}

.fancybox__backdrop {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: -1;
  background: var(--fancybox-bg);
  opacity: var(--fancybox-opacity, 1);
  will-change: opacity;
}

.fancybox__carousel {
  position: relative;
  box-sizing: border-box;
  flex: 1;
  min-height: 0;
  z-index: 10;
  overflow-y: visible;
  overflow-x: clip;
}

.fancybox__viewport {
  width: 100%;
  height: 100%;
}

.fancybox__viewport.is-draggable {
  cursor: move;
  cursor: grab;
}

.fancybox__viewport.is-dragging {
  cursor: move;
  cursor: grabbing;
}

.fancybox__track {
  display: flex;
  margin: 0 auto;
  height: 100%;
}

.fancybox__slide {
  flex: 0 0 auto;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
  margin: 0 var(--fancybox-slide-gap) 0 0;
  padding: 4px;
  overflow: auto;
  overscroll-behavior: contain;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
}

.fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn {
  padding-top: 40px;
}

.fancybox__slide.has-iframe, .fancybox__slide.has-video, .fancybox__slide.has-html5video {
  overflow: hidden;
}

.fancybox__slide.has-image {
  overflow: hidden;
}

.fancybox__slide.has-image.is-animating, .fancybox__slide.has-image.is-selected {
  overflow: visible;
}

.fancybox__slide::before, .fancybox__slide::after {
  content: "";
  flex: 0 0 0;
  margin: auto;
}

.fancybox__backdrop:empty, .fancybox__viewport:empty, .fancybox__track:empty, .fancybox__slide:empty {
  display: block;
}

.fancybox__content {
  align-self: center;
  display: flex;
  flex-direction: column;
  position: relative;
  margin: 0;
  padding: 2rem;
  max-width: 100%;
  color: var(--fancybox-content-color, #374151);
  background: var(--fancybox-content-bg, #fff);
  cursor: default;
  border-radius: 0;
  z-index: 20;
}

.is-loading .fancybox__content {
  opacity: 0;
}

.is-draggable .fancybox__content {
  cursor: move;
  cursor: grab;
}

.can-zoom_in .fancybox__content {
  cursor: zoom-in;
}

.can-zoom_out .fancybox__content {
  cursor: zoom-out;
}

.is-dragging .fancybox__content {
  cursor: move;
  cursor: grabbing;
}

.fancybox__content [data-selectable], .fancybox__content [contenteditable] {
  cursor: auto;
}

.fancybox__slide.has-image > .fancybox__content {
  padding: 0;
  background: rgba(0, 0, 0, 0);
  min-height: 1px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  transition: none;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
}

.fancybox__slide.has-image > .fancybox__content > picture > img {
  width: 100%;
  height: auto;
  max-height: 100%;
}

.is-animating .fancybox__content, .is-dragging .fancybox__content {
  will-change: transform, width, height;
}

.fancybox-image {
  margin: auto;
  display: block;
  width: 100%;
  height: 100%;
  min-height: 0;
  object-fit: contain;
  user-select: none;
  filter: blur(0px);
}

.fancybox__caption {
  align-self: center;
  max-width: 100%;
  flex-shrink: 0;
  margin: 0;
  padding: 14px 0 4px 0;
  overflow-wrap: anywhere;
  line-height: 1.375;
  color: var(--fancybox-color, currentColor);
  opacity: var(--fancybox-opacity, 1);
  cursor: auto;
  visibility: visible;
}

.is-loading .fancybox__caption, .is-closing .fancybox__caption {
  opacity: 0;
  visibility: hidden;
}

.is-compact .fancybox__caption {
  padding-bottom: 0;
}

.f-button.is-close-btn {
  --f-button-svg-stroke-width: 2;
  position: absolute;
  top: 0;
  right: 8px;
  z-index: 40;
}

.fancybox__content > .f-button.is-close-btn {
  --f-button-width: 34px;
  --f-button-height: 34px;
  --f-button-border-radius: 4px;
  --f-button-color: var(--fancybox-color, #fff);
  --f-button-hover-color: var(--fancybox-color, #fff);
  --f-button-bg: transparent;
  --f-button-hover-bg: transparent;
  --f-button-active-bg: transparent;
  --f-button-svg-width: 22px;
  --f-button-svg-height: 22px;
  position: absolute;
  top: -38px;
  right: 0;
  opacity: 0.75;
}

.is-loading .fancybox__content > .f-button.is-close-btn {
  visibility: hidden;
}

.is-zooming-out .fancybox__content > .f-button.is-close-btn {
  visibility: hidden;
}

.fancybox__content > .f-button.is-close-btn:hover {
  opacity: 1;
}

.fancybox__footer {
  padding: 0;
  margin: 0;
  position: relative;
}

.fancybox__footer .fancybox__caption {
  width: 100%;
  padding: 24px;
  opacity: var(--fancybox-opacity, 1);
  transition: all 0.25s ease;
}

.is-compact .fancybox__footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 20;
  background: rgba(24, 24, 27, 0.5);
}

.is-compact .fancybox__footer .fancybox__caption {
  padding: 12px;
}

.is-compact .fancybox__content > .f-button.is-close-btn {
  --f-button-border-radius: 50%;
  --f-button-color: #fff;
  --f-button-hover-color: #fff;
  --f-button-outline-color: #000;
  --f-button-bg: rgba(0, 0, 0, 0.6);
  --f-button-active-bg: rgba(0, 0, 0, 0.6);
  --f-button-hover-bg: rgba(0, 0, 0, 0.6);
  --f-button-svg-width: 18px;
  --f-button-svg-height: 18px;
  --f-button-svg-filter: none;
  top: 5px;
  right: 5px;
}

.fancybox__nav {
  --f-button-width: 50px;
  --f-button-height: 50px;
  --f-button-border: 0;
  --f-button-border-radius: 50%;
  --f-button-color: var(--fancybox-color);
  --f-button-hover-color: var(--fancybox-hover-color);
  --f-button-bg: transparent;
  --f-button-hover-bg: rgba(24, 24, 27, 0.3);
  --f-button-active-bg: rgba(24, 24, 27, 0.5);
  --f-button-shadow: none;
  --f-button-transition: all 0.15s ease;
  --f-button-transform: none;
  --f-button-svg-width: 26px;
  --f-button-svg-height: 26px;
  --f-button-svg-stroke-width: 2.5;
  --f-button-svg-fill: none;
  --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.5));
  --f-button-svg-disabled-opacity: 0.65;
  --f-button-next-pos: 1rem;
  --f-button-prev-pos: 1rem;
  opacity: var(--fancybox-opacity, 1);
}

.fancybox__nav .f-button:before {
  position: absolute;
  content: "";
  top: -30px;
  right: -20px;
  left: -20px;
  bottom: -30px;
  z-index: 1;
}

.is-idle .fancybox__nav {
  animation: 0.15s ease-out both f-fadeOut;
}

.is-idle.is-compact .fancybox__footer {
  pointer-events: none;
  animation: 0.15s ease-out both f-fadeOut;
}

.fancybox__slide > .f-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: var(--f-spinner-top, calc(var(--f-spinner-width) * -0.5)) 0 0 var(--f-spinner-left, calc(var(--f-spinner-height) * -0.5));
  z-index: 30;
  cursor: pointer;
}

.fancybox-protected {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 40;
  user-select: none;
}

.fancybox-ghost {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-height: 0;
  object-fit: contain;
  z-index: 40;
  user-select: none;
  pointer-events: none;
}

.fancybox-focus-guard {
  outline: none;
  opacity: 0;
  position: fixed;
  pointer-events: none;
}

.fancybox__container:not([aria-hidden]) {
  opacity: 0;
}

.fancybox__container.is-animated[aria-hidden=false] > *:not(.fancybox__backdrop, .fancybox__carousel), .fancybox__container.is-animated[aria-hidden=false] .fancybox__carousel > *:not(.fancybox__viewport), .fancybox__container.is-animated[aria-hidden=false] .fancybox__slide > *:not(.fancybox__content) {
  animation: var(--f-interface-enter-duration, 0.25s) ease 0.1s backwards f-fadeIn;
}

.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop {
  animation: var(--f-backdrop-enter-duration, 0.35s) ease backwards f-fadeIn;
}

.fancybox__container.is-animated[aria-hidden=true] > *:not(.fancybox__backdrop, .fancybox__carousel), .fancybox__container.is-animated[aria-hidden=true] .fancybox__carousel > *:not(.fancybox__viewport), .fancybox__container.is-animated[aria-hidden=true] .fancybox__slide > *:not(.fancybox__content) {
  animation: var(--f-interface-exit-duration, 0.15s) ease forwards f-fadeOut;
}

.fancybox__container.is-animated[aria-hidden=true] .fancybox__backdrop {
  animation: var(--f-backdrop-exit-duration, 0.35s) ease forwards f-fadeOut;
}

.has-iframe .fancybox__content, .has-map .fancybox__content, .has-pdf .fancybox__content, .has-youtube .fancybox__content, .has-vimeo .fancybox__content, .has-html5video .fancybox__content {
  max-width: 100%;
  flex-shrink: 1;
  min-height: 1px;
  overflow: visible;
}

.has-iframe .fancybox__content, .has-map .fancybox__content, .has-pdf .fancybox__content {
  width: calc(100% - 120px);
  height: 90%;
}

.fancybox__container.is-compact .has-iframe .fancybox__content, .fancybox__container.is-compact .has-map .fancybox__content, .fancybox__container.is-compact .has-pdf .fancybox__content {
  width: 100%;
  height: 100%;
}

.has-youtube .fancybox__content, .has-vimeo .fancybox__content, .has-html5video .fancybox__content {
  width: 960px;
  height: 540px;
  max-width: 100%;
  max-height: 100%;
}

.has-map .fancybox__content, .has-pdf .fancybox__content, .has-youtube .fancybox__content, .has-vimeo .fancybox__content, .has-html5video .fancybox__content {
  padding: 0;
  background: rgba(24, 24, 27, 0.9);
  color: #fff;
}

.has-map .fancybox__content {
  background: #e5e3df;
}

.fancybox__html5video, .fancybox__iframe {
  border: 0;
  display: block;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0);
}

.fancybox-placeholder {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

.f-carousel__thumbs {
  --f-thumb-width: 96px;
  --f-thumb-height: 72px;
  --f-thumb-outline: 0;
  --f-thumb-outline-color: #5eb0ef;
  --f-thumb-opacity: 1;
  --f-thumb-hover-opacity: 1;
  --f-thumb-selected-opacity: 1;
  --f-thumb-border-radius: 2px;
  --f-thumb-offset: 0px;
  --f-button-next-pos: 0;
  --f-button-prev-pos: 0;
}

.f-carousel__thumbs.is-classic {
  --f-thumb-gap: 8px;
  --f-thumb-opacity: 0.5;
  --f-thumb-hover-opacity: 1;
  --f-thumb-selected-opacity: 1;
}

.f-carousel__thumbs.is-modern {
  --f-thumb-gap: 4px;
  --f-thumb-extra-gap: 16px;
  --f-thumb-clip-width: 46px;
}

.f-thumbs {
  position: relative;
  flex: 0 0 auto;
  margin: 0;
  overflow: hidden;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  user-select: none;
  perspective: 1000px;
  transform: translateZ(0);
}

.f-thumbs .f-spinner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 2px;
  background-image: linear-gradient(#ebeff2, #e2e8f0);
  z-index: -1;
}

.f-thumbs .f-spinner svg {
  display: none;
}

.f-thumbs.is-vertical {
  height: 100%;
}

.f-thumbs__viewport {
  width: 100%;
  height: auto;
  overflow: hidden;
  transform: translate3d(0, 0, 0);
}

.f-thumbs__track {
  display: flex;
}

.f-thumbs__slide {
  position: relative;
  flex: 0 0 auto;
  box-sizing: content-box;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
  width: var(--f-thumb-width);
  height: var(--f-thumb-height);
  overflow: visible;
  cursor: pointer;
}

.f-thumbs__slide.is-loading img {
  opacity: 0;
}

.is-classic .f-thumbs__viewport {
  height: 100%;
}

.is-modern .f-thumbs__track {
  width: max-content;
}

.is-modern .f-thumbs__track::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: calc((var(--f-thumb-clip-width, 0)) * -0.5);
  width: calc(var(--width, 0) * 1px + var(--f-thumb-clip-width, 0));
  cursor: pointer;
}

.is-modern .f-thumbs__slide {
  width: var(--f-thumb-clip-width);
  transform: translate3d(calc(var(--shift, 0) * -1px), 0, 0);
  transition: none;
  pointer-events: none;
}

.is-modern.is-resting .f-thumbs__slide {
  transition: transform 0.33s ease;
}

.is-modern.is-resting .f-thumbs__slide__button {
  transition: clip-path 0.33s ease;
}

.is-using-tab .is-modern .f-thumbs__slide:focus-within {
  filter: drop-shadow(-1px 0px 0px var(--f-thumb-outline-color)) drop-shadow(2px 0px 0px var(--f-thumb-outline-color)) drop-shadow(0px -1px 0px var(--f-thumb-outline-color)) drop-shadow(0px 2px 0px var(--f-thumb-outline-color));
}

.f-thumbs__slide__button {
  appearance: none;
  width: var(--f-thumb-width);
  height: 100%;
  margin: 0 -100% 0 -100%;
  padding: 0;
  border: 0;
  position: relative;
  border-radius: var(--f-thumb-border-radius);
  overflow: hidden;
  background: rgba(0, 0, 0, 0);
  outline: none;
  cursor: pointer;
  pointer-events: auto;
  touch-action: manipulation;
  opacity: var(--f-thumb-opacity);
  transition: opacity 0.2s ease;
}

.f-thumbs__slide__button:hover {
  opacity: var(--f-thumb-hover-opacity);
}

.f-thumbs__slide__button:focus:not(:focus-visible) {
  outline: none;
}

.f-thumbs__slide__button:focus-visible {
  outline: none;
  opacity: var(--f-thumb-selected-opacity);
}

.is-modern .f-thumbs__slide__button {
  --clip-path: inset( 0 calc( ((var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0))) * (1 - var(--progress, 0)) * 0.5 ) round var(--f-thumb-border-radius, 0) );
  clip-path: var(--clip-path);
}

.is-classic .is-nav-selected .f-thumbs__slide__button {
  opacity: var(--f-thumb-selected-opacity);
}

.is-classic .is-nav-selected .f-thumbs__slide__button::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: auto;
  bottom: 0;
  border: var(--f-thumb-outline, 0) solid var(--f-thumb-outline-color, transparent);
  border-radius: var(--f-thumb-border-radius);
  animation: f-fadeIn 0.2s ease-out;
  z-index: 10;
}

.f-thumbs__slide__img {
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: var(--f-thumb-offset);
  box-sizing: border-box;
  pointer-events: none;
  object-fit: cover;
  border-radius: var(--f-thumb-border-radius);
}

.f-thumbs.is-horizontal .f-thumbs__track {
  padding: 8px 0 12px 0;
}

.f-thumbs.is-horizontal .f-thumbs__slide {
  margin: 0 var(--f-thumb-gap) 0 0;
}

.f-thumbs.is-vertical .f-thumbs__track {
  flex-wrap: wrap;
  padding: 0 8px;
}

.f-thumbs.is-vertical .f-thumbs__slide {
  margin: 0 0 var(--f-thumb-gap) 0;
}

.fancybox__thumbs {
  --f-thumb-width: 96px;
  --f-thumb-height: 72px;
  --f-thumb-border-radius: 2px;
  --f-thumb-outline: 2px;
  --f-thumb-outline-color: #ededed;
  position: relative;
  opacity: var(--fancybox-opacity, 1);
  transition: max-height 0.35s cubic-bezier(0.23, 1, 0.32, 1);
}

.fancybox__thumbs.is-classic {
  --f-thumb-gap: 8px;
  --f-thumb-opacity: 0.5;
  --f-thumb-hover-opacity: 1;
}

.fancybox__thumbs.is-classic .f-spinner {
  background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05));
}

.fancybox__thumbs.is-modern {
  --f-thumb-gap: 4px;
  --f-thumb-extra-gap: 16px;
  --f-thumb-clip-width: 46px;
  --f-thumb-opacity: 1;
  --f-thumb-hover-opacity: 1;
}

.fancybox__thumbs.is-modern .f-spinner {
  background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05));
}

.fancybox__thumbs.is-horizontal {
  padding: 0 var(--f-thumb-gap);
}

.fancybox__thumbs.is-vertical {
  padding: var(--f-thumb-gap) 0;
}

.is-compact .fancybox__thumbs {
  --f-thumb-width: 64px;
  --f-thumb-clip-width: 32px;
  --f-thumb-height: 48px;
  --f-thumb-extra-gap: 10px;
}

.fancybox__thumbs.is-masked {
  max-height: 0px !important;
}

.is-closing .fancybox__thumbs {
  transition: none !important;
}

.fancybox__toolbar {
  --f-progress-color: var(--fancybox-color, rgba(255, 255, 255, 0.94));
  --f-button-width: 46px;
  --f-button-height: 46px;
  --f-button-color: var(--fancybox-color);
  --f-button-hover-color: var(--fancybox-hover-color);
  --f-button-bg: rgba(24, 24, 27, 0.65);
  --f-button-hover-bg: rgba(70, 70, 73, 0.65);
  --f-button-active-bg: rgba(90, 90, 93, 0.65);
  --f-button-border-radius: 0;
  --f-button-svg-width: 24px;
  --f-button-svg-height: 24px;
  --f-button-svg-stroke-width: 1.5;
  --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.15));
  --f-button-svg-fill: none;
  --f-button-svg-disabled-opacity: 0.65;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 0;
  padding: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif;
  color: var(--fancybox-color, currentColor);
  opacity: var(--fancybox-opacity, 1);
  text-shadow: var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.5));
  pointer-events: none;
  z-index: 20;
}

.fancybox__toolbar :focus-visible {
  z-index: 1;
}

.fancybox__toolbar.is-absolute, .is-compact .fancybox__toolbar {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.is-idle .fancybox__toolbar {
  pointer-events: none;
  animation: 0.15s ease-out both f-fadeOut;
}

.fancybox__toolbar__column {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: flex-start;
}

.fancybox__toolbar__column.is-left, .fancybox__toolbar__column.is-right {
  flex-grow: 1;
  flex-basis: 0;
}

.fancybox__toolbar__column.is-right {
  display: flex;
  justify-content: flex-end;
  flex-wrap: nowrap;
}

.fancybox__infobar {
  padding: 0 5px;
  line-height: var(--f-button-height);
  text-align: center;
  font-size: 17px;
  font-variant-numeric: tabular-nums;
  -webkit-font-smoothing: subpixel-antialiased;
  cursor: default;
  user-select: none;
}

.fancybox__infobar span {
  padding: 0 5px;
}

.fancybox__infobar:not(:first-child):not(:last-child) {
  background: var(--f-button-bg);
}

[data-fancybox-toggle-slideshow] {
  position: relative;
}

[data-fancybox-toggle-slideshow] .f-progress {
  height: 100%;
  opacity: 0.3;
}

[data-fancybox-toggle-slideshow] svg g:first-child {
  display: flex;
}

[data-fancybox-toggle-slideshow] svg g:last-child {
  display: none;
}

.has-slideshow [data-fancybox-toggle-slideshow] svg g:first-child {
  display: none;
}

.has-slideshow [data-fancybox-toggle-slideshow] svg g:last-child {
  display: flex;
}

[data-fancybox-toggle-fullscreen] svg g:first-child {
  display: flex;
}

[data-fancybox-toggle-fullscreen] svg g:last-child {
  display: none;
}

:fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child {
  display: none;
}

:fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child {
  display: flex;
}

.f-progress {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  transform: scaleX(0);
  transform-origin: 0;
  transition-property: transform;
  transition-timing-function: linear;
  background: var(--f-progress-color, var(--f-carousel-theme-color, #0091ff));
  z-index: 30;
  user-select: none;
  pointer-events: none;
}

header {
  position: relative;
  min-height: 126px;
}

.wrap-header {
  width: 100%;
  position: relative;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.wrap-header .container {
  position: relative;
  z-index: 5;
}

.wrap-header-content {
  width: 100%;
  padding: 30px 0 20px;
  display: flex;
  align-items: center;
  gap: 20px;
  min-height: 126px;
}

.header-btn {
  position: relative;
  color: #0A0A0A;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.header-btn:after {
  position: absolute;
  content: "";
  width: 100%;
  bottom: 0;
  left: 0;
  border-bottom: 0.5px solid #0A0A0A;
  opacity: 0.4;
}

.header-btn:hover:after {
  border-bottom: 0.5px solid #23BD87;
}

.prefix .wrap-header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  position: fixed;
  top: -80px;
  left: 0;
  width: 100%;
  height: auto;
  z-index: 1112;
  transition: all 0.3s;
}

.prefix .wrap-header .container {
  position: relative;
  z-index: 5;
}

.prefix.fix .wrap-header {
  top: 0;
  padding: 6px 0;
  background: rgba(255, 255, 255, 0.7882352941);
  transition: all 0.3s;
}

.prefix .wrap-header-content {
  width: 100%;
  padding: 0px 0 0px;
  display: flex;
  align-items: center;
  gap: 20px;
  min-height: 76px;
}

.wrap-popup-content-header {
  position: relative;
  z-index: 99;
  height: 126px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.popup-header {
  background: rgba(0, 0, 0, 0.1);
}

.wrap-popup-content-header .container {
  position: relative;
  z-index: 1;
}

.wrap-popup-content-header .popup-close {
  position: relative;
  top: 0;
  right: 0;
}

.header-t-1 {
  width: 359px;
}

.header-t-2 {
  width: 437px;
}

.header-t-3 {
  width: 437px;
}

.header-t-4 {
  width: 422px;
}

@media screen and (max-width: 1740px) {
  .wrap-header-content {
    width: 100%;
    padding: 15px 0px 9px;
    display: flex;
    align-items: center;
    gap: 20px;
    min-height: 99px;
  }
  .wrap-popup-content-header {
    height: 100px;
  }
  .header-t-1 {
    width: 312px;
  }
  .header-t-2 {
    width: 310px;
  }
  .header-t-3 {
    width: 310px;
  }
  .header-t-4 {
    width: 310px;
  }
}
@media screen and (max-width: 1300px) {
  .wrap-header-content nav {
    display: none;
  }
  .header-btn {
    margin-left: auto;
    margin-right: 55px;
  }
  header {
    position: relative;
    min-height: 80px;
  }
  .wrap-header-content {
    width: 100%;
    padding: 2px 0px 2px;
    gap: 20px;
    min-height: 80px;
  }
  .gamb.open span:before {
    position: absolute;
    content: "";
    width: 20px;
    height: 2px;
    left: 0;
    top: 0px;
    background: #0A0A0A;
    transform: rotate(-45deg);
    transition: all 0.3s;
  }
  .gamb.open span:after {
    position: absolute;
    content: "";
    width: 20px;
    height: 2px;
    left: 0;
    top: 0px;
    background: #0A0A0A;
    transform: rotate(45deg);
    transition: all 0.3s;
  }
}
@media screen and (max-width: 720px) {
  .header-btn {
    display: none;
  }
  header {
    position: relative;
    min-height: 60px;
  }
  .wrap-header-content {
    width: 100%;
    padding: 6px 0px 0px;
    gap: 20px;
    min-height: 60px;
  }
}
footer {
  position: relative;
  background: #fff;
  z-index: 20;
  padding-top: 200px;
}

.footer-top {
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  margin-bottom: 100px;
}

.footer-link {
  width: 80px;
  height: 80px;
  display: none;
  margin-left: auto;
  margin-bottom: 24px;
}

.wrap-footer-block-items {
  display: flex;
  gap: 30px;
  flex-wrap: wrap;
}

.footer-block-item {
  display: flex;
  border-radius: 40px;
  background: #F6F6F6;
  min-height: 410px;
  width: calc(25% - 24px);
  overflow: hidden;
  flex-direction: column;
  padding: 32px;
}

.footer-block-item.fbi-4,
.footer-block-item.fbi-3 {
  min-height: 575px;
}

.footer-block-item.long {
  width: calc(75% - 15px);
}

.footer-block-item.after-fif {
  width: calc(33.33% - 15px);
}

.footer-block-item.before-fif {
  width: calc(66.6666% - 15px);
  padding: 35px 26px;
}

.footer-block-item.medium {
  width: calc(50% - 15px);
  min-height: 435px;
}

.footer-block-item iframe {
  width: 100%;
  height: 100%;
  border-radius: 16px;
  overflow: hidden;
}

.footer-social {
  margin-top: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.footer-social a {
  position: relative;
  display: flex;
  width: 56px;
  height: 56px;
  padding: 0px;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border: 0.5px solid #A2A2A2;
}

.footer-block-item ul.tab_li {
  display: flex;
  gap: 44px;
  margin-bottom: 30px;
}

.footer-block-item ul.tab_li li {
  margin: 0;
}

.footer-block-item ul.tab_li li a {
  display: block;
  padding-bottom: 19px;
  color: #0A0A0A;
  font-size: 56px;
  font-style: normal;
  font-weight: 500;
  line-height: 56px;
  position: relative;
  transition: all 0.3s;
}

.footer-block-item ul.tab_li li a.curent,
.footer-block-item ul.tab_li li a:hover {
  color: #23BD87;
  transition: all 0.3s;
}

.footer-block-item ul.tab_li li a.curent:after {
  position: absolute;
  content: "";
  bottom: 0;
  width: 100%;
  left: 0;
  height: 4px;
  background: #23BD87;
}

.footer-block-item h5 {
  color: rgba(10, 10, 10, 0.5);
  font-size: 56px;
  font-style: normal;
  font-weight: 500;
  line-height: 56px;
}

.footer-block-item h5 span {
  color: #23BD87;
}

.footer-block-item-botton {
  width: 100%;
  margin-top: auto;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

.footer-block-item-botton p {
  color: #0A0A0A;
  font-family: "Open Sans", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  opacity: 0.6;
  margin: 0;
}

.footer-contacts p {
  color: #686868;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 0;
  margin-top: 45px;
  display: flex;
  flex-direction: column;
}

.footer-contacts p a {
  color: #0A0A0A;
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: 32px;
  margin-bottom: 10px;
  transition: all 0.3s;
}

.footer-contacts p a:hover {
  color: #23BD87;
  transition: all 0.3s;
}

.footer-contacts p span {
  text-decoration: underline;
}

.footer-contacts-title {
  color: rgba(10, 10, 10, 0.5);
  font-size: 56px;
  font-style: normal;
  font-weight: 500;
  line-height: 56px;
}

.footer-title-link {
  color: #0A0A0A;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  text-transform: uppercase;
  width: fit-content;
  position: relative;
}

.footer-title-link + .footer-title-link {
  margin-top: 64px;
}

.footer-title-link:after {
  position: absolute;
  content: "";
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 1px;
  background: #999999;
}

.footer-block-item ul li {
  margin-top: 16px;
}

.footer-block-item ul li a {
  color: #797979;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
}

.footer-title-link-bg {
  display: flex;
  align-items: center;
  gap: 8px;
}

.footer-title-link-bg + .footer-title-link-bg {
  margin-top: 64px;
}

.footer-title-link-bg span {
  color: #0A0A0A;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  text-transform: uppercase;
  width: fit-content;
  position: relative;
}

.footer-title-link-bg span:after {
  position: absolute;
  content: "";
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 1px;
  background: #999999;
}

.wrap-footer-img-link {
  margin-top: 0;
  margin-bottom: 65px;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.wrap-footer-img-link .img-footer {
  position: relative;
  overflow: hidden;
  background: white;
  height: 55px;
  padding: 0 25px;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}

.wrap-footer-img-link .img-footer::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  transition: width 0.8s ease, height 0.8s ease;
  z-index: -1;
}

.wrap-footer-img-link .img-footer.workspace:hover::before {
  background: #011F31;
  width: 200%;
  height: 200%;
}

.wrap-footer-img-link .img-footer.runet:hover::before {
  background: #C4151C;
  width: 200%;
  height: 200%;
}

.wrap-footer-img-link .img-footer.b24:hover::before {
  background: #F8B539;
  width: 200%;
  height: 200%;
}

.wrap-footer-img-link .img-footer.yandex:hover::before {
  background: #3287FF;
  width: 200%;
  height: 200%;
}

.wrap-footer-img-link .img-footer:hover img {
  filter: invert(1);
}

.footer-bottom {
  margin-top: 56px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.footer-bottom p {
  color: #0A0A0A;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  opacity: 0.6;
}

.footer-bottom a {
  color: #0A0A0A;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  opacity: 0.6;
}

@media screen and (max-width: 1740px) {
  .footer-top {
    display: none;
  }
  .footer-block-item {
    min-height: 307px;
    padding: 20px;
  }
  .footer-logo {
    width: 100%;
  }
  .footer-logo img {
    width: 100%;
    max-width: 233px;
  }
  .footer-social a {
    width: 42px;
    height: 42px;
    padding: 0px;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    border: 1px solid #A2A2A2;
  }
  .footer-social a img {
    max-width: 70%;
    max-height: 70%;
  }
  .footer-block-item h5 {
    font-size: 40px;
  }
  .footer-block-item-botton p {
    color: #0A0A0A;
    font-family: "Open Sans", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    opacity: 0.6;
    margin: 0;
  }
  .footer-block-item.medium {
    min-height: 324px;
  }
  .footer-contacts-title {
    color: rgba(10, 10, 10, 0.5);
    font-size: 40px;
    font-style: normal;
    font-weight: 500;
    line-height: 40px;
  }
  .footer-contacts p a {
    color: #0A0A0A;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 8px;
  }
  .footer-contacts p {
    color: #686868;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    margin-bottom: 0;
    margin-top: 31px;
    flex-direction: column;
  }
  .footer-title-link {
    font-size: 18px;
    line-height: 18px;
  }
  .footer-block-item ul li a {
    color: #797979;
    font-size: 13.4px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px;
  }
  .footer-block-item ul li {
    margin-top: 11px;
  }
  .footer-title-link-bg span {
    font-size: 18px;
    line-height: 18px;
  }
  .footer-title-link + .footer-title-link {
    margin-top: 48px;
  }
  .footer-title-link-bg + .footer-title-link-bg {
    margin-top: 44px;
  }
  .wrap-footer-img-link {
    gap: 18px;
  }
  .wrap-footer-img-link img {
    max-height: 50px;
  }
}
@media screen and (max-width: 1300px) {
  .footer {
    padding-top: 138px;
  }
  .footer-logo {
    width: fit-content;
    margin: 0 auto;
  }
  .footer-logo img {
    width: 156px;
    height: auto;
  }
  .footer-block-item {
    border-radius: 20px;
    padding: 30px;
    width: calc(50% - 15px);
  }
  .wrap-footer-block-items {
    border-top: 1px solid rgba(0, 0, 0, 0.08);
    padding-top: 15px;
    gap: 30px;
  }
  .footer-block-item.before-fif {
    width: 100%;
    padding: 36px 30px;
  }
  .footer-block-item ul.tab_li {
    display: flex;
    gap: 23px;
    margin-bottom: 24px;
  }
  .footer-block-item.fbi-4 {
    min-height: auto;
  }
  .footer-block-item.fbi-3 {
    min-height: 540px;
  }
  .footer-block-item.after-fif {
    width: calc(50% - 15px);
  }
  .footer-social a {
    width: 56px;
    height: 56px;
  }
  .footer-block-item.long {
    width: calc(50% - 15px);
  }
  .footer-block-item ul.tab_li li a.curent:after {
    height: 2px;
  }
  .footer-block-item h5 {
    font-size: 36px;
    line-height: 120%;
  }
  .footer-block-item-botton {
    width: 100%;
    margin-top: auto;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
  }
  .footer-block-item ul.tab_li li a {
    display: block;
    padding-bottom: 7px;
    color: #0A0A0A;
    font-size: 36px;
    font-style: normal;
    font-weight: 500;
    line-height: 36px;
    position: relative;
    transition: all 0.3s;
  }
  .footer-contacts-title {
    color: rgba(10, 10, 10, 0.5);
    font-size: 36px;
    font-style: normal;
    font-weight: 500;
    line-height: 36px;
    margin-bottom: 33px;
  }
  .footer-contacts p {
    margin-top: 26px;
  }
  .footer-contacts p a {
    margin-bottom: 18px;
  }
  .footer-bottom a {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 720px) {
  footer {
    padding-top: 149px;
  }
  .footer-block-item.long {
    width: 100%;
  }
  .footer-block-item h5 {
    font-size: 30px;
    line-height: 119%;
    margin-bottom: 39px;
  }
  .wrap-footer-block-items {
    border-top: 1px solid rgba(0, 0, 0, 0.08);
    padding-top: 15px;
    gap: 12px;
  }
  .footer-block-item-botton {
    margin-top: 0;
  }
  .footer-block-item.medium {
    min-height: 434px;
    width: 100%;
  }
  .footer-block-item {
    border-radius: 20px;
    padding: 30px 32px;
    width: 100%;
  }
  .footer-bottom {
    flex-direction: column;
  }
  .footer-block-item.after-fif {
    width: 100%;
  }
  .footer-contacts-title {
    color: rgba(10, 10, 10, 0.5);
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
    margin-bottom: 21px;
  }
  .footer-block-item.before-fif {
    width: 100%;
    padding: 32px 32px;
  }
  .footer-block-item ul.tab_li li a {
    display: block;
    padding-bottom: 7px;
    color: #0A0A0A;
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
    position: relative;
    width: fit-content;
    transition: all 0.3s;
  }
  .footer-block-item ul.tab_li {
    display: flex;
    gap: 20px;
    margin-bottom: 24px;
    flex-direction: column;
  }
  .footer-block-item.fbi-3 {
    min-height: 580px;
  }
}
.creation {
  margin: 289px 0;
}

.wrap-creation-side {
  display: flex;
  gap: 30px;
  margin-top: 110px;
}

.creation-left {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.creation-left p {
  color: #0A0A0A;
  font-size: 120px;
  font-style: normal;
  font-weight: 400;
  line-height: 120px;
  letter-spacing: -3.6px;
  margin-bottom: 35px;
}

.creation-left span {
  color: #0A0A0A;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  opacity: 0.6;
}

.creation-right {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 34px;
}

.creation-right p {
  color: rgba(10, 10, 10, 0.6);
  font-family: "Open Sans", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  margin: 0;
}

@media screen and (max-width: 1740px) {
  .creation {
    margin: 250px 0 200px;
  }
  .creation-right p {
    font-size: 18px;
    line-height: 140%;
  }
  .wrap-creation-side {
    margin-top: 78px;
  }
  .creation-right {
    gap: 25px;
  }
  .creation-left p {
    color: #0A0A0A;
    font-size: 100px;
    font-style: normal;
    font-weight: 400;
    line-height: 100px;
    letter-spacing: -3px;
    margin-bottom: 25px;
  }
  .creation-left span {
    font-size: 26px;
    line-height: 26px;
    opacity: 0.6;
  }
}
@media screen and (max-width: 1300px) {
  .creation {
    margin: 119px 0 137px;
  }
  .wrap-creation-side {
    margin-top: 57px;
    gap: 39px;
  }
  .creation-right {
    gap: 21px;
  }
  .creation-right p {
    font-size: 16px;
    line-height: 140%;
  }
  .creation-left p {
    font-size: 81px;
    margin-bottom: 14px;
  }
  .creation-left span {
    font-size: 22px;
    line-height: 22px;
    opacity: 0.6;
  }
  .creation-right {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .creation {
    margin: 143px 0 150px;
  }
  .creation .block-title {
    font-size: 40px;
    line-height: 40px;
    font-weight: 500;
  }
  .wrap-creation-side {
    margin-top: 38px;
    gap: 39px;
    flex-direction: column;
  }
  .creation-left p {
    font-size: 58px;
    margin-bottom: 28px;
    line-height: 80%;
    font-weight: 500;
    letter-spacing: 0;
  }
  .creation-left span {
    font-size: 24px;
    line-height: 24px;
    opacity: 0.6;
  }
  .creation-right p {
    font-size: 14px;
    line-height: 140%;
  }
}
.top-places {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 20px;
  margin-top: 100px;
}

.wrap-top-places-left {
  display: flex;
  flex-direction: column;
  gap: 33px;
}

.wrap-top-places-left p {
  color: #0A0A0A;
  font-size: 120px;
  font-style: normal;
  font-weight: 400;
  line-height: 120px;
  letter-spacing: -3.6px;
  margin: 0;
}

.wrap-top-places-left span {
  color: #0A0A0A;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  opacity: 0.6;
}

.wrap-places-items {
  display: flex;
  gap: 30px;
  flex-wrap: wrap;
  margin-top: 116px;
}

.places-item {
  display: flex;
  flex-direction: column;
  border-radius: 50px;
  background: #F6F6F6;
  width: calc(33.3333% - 20px);
  min-height: 554px;
  padding: 60px 60px 56px;
}

.places-item h3 {
  color: #0A0A0A;
  font-size: 80px;
  font-style: normal;
  font-weight: 500;
  line-height: 80px;
  letter-spacing: -2.4px;
  text-transform: uppercase;
  margin-bottom: 30px;
}

.places-item h3 sup {
  position: relative;
  top: -31px;
  opacity: 0.32;
  color: #0A0A0A;
  font-size: 44px;
  font-style: normal;
  font-weight: 500;
  line-height: 44px;
  letter-spacing: -1.32px;
  text-transform: uppercase;
}

.places-item p {
  color: rgba(10, 10, 10, 0.44);
  font-family: "Open Sans", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 44px;
  letter-spacing: 0.18px;
  margin: 0;
}

.places-item p a {
  color: #0A0A0A;
  font-family: "Open Sans", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 44px;
  letter-spacing: 0.18px;
  margin-bottom: 10px;
  text-decoration: underline;
  text-decoration-color: #909090;
  text-decoration-thickness: 1px;
  text-underline-offset: 8px;
  transition: all 0.3s;
}

.places-item p a:hover {
  text-decoration-color: #23BD87;
  transition: all 0.3s;
}

.places-item img {
  width: fit-content;
  margin-top: auto;
}

@media screen and (max-width: 1740px) {
  .wrap-top-places-left p {
    color: #0A0A0A;
    font-size: 100px;
    font-style: normal;
    font-weight: 400;
    line-height: 100px;
    letter-spacing: -3px;
    margin: 0;
  }
  .top-places {
    margin-top: 85px;
  }
  .wrap-top-places-left span {
    color: #0A0A0A;
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    opacity: 0.6;
  }
  .wrap-top-places-left {
    gap: 28px;
  }
  .wrap-places-items {
    margin-top: 124px;
  }
  .places-item {
    min-height: 410px;
    padding: 39px 29px 56px;
  }
  .places-item h3 {
    color: #0A0A0A;
    font-size: 60px;
    font-style: normal;
    font-weight: 500;
    line-height: 60px;
    letter-spacing: -1.6px;
    text-transform: uppercase;
    margin-bottom: 20px;
  }
  .places-item h3 sup {
    position: relative;
    top: -21px;
    opacity: 0.32;
    color: #0A0A0A;
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px;
    letter-spacing: -1.32px;
    text-transform: uppercase;
  }
  .places-item p {
    color: rgba(10, 10, 10, 0.44);
    font-family: "Open Sans", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 36px;
    letter-spacing: 0.15px;
    margin: 0;
  }
  .places-item p a {
    font-size: 20px;
    line-height: 36px;
    letter-spacing: 0.15px;
  }
  .places-item img {
    display: block;
    margin-right: auto;
  }
  .places-item:nth-child(1) img,
  .places-item:nth-child(2) img,
  .places-item:nth-child(3) img,
  .places-item:nth-child(4) img {
    max-width: 51px;
  }
  .places-item:nth-child(5) img {
    max-width: 122px;
  }
  .places-item:nth-child(6) img {
    max-width: 250px;
  }
}
@media screen and (max-width: 1300px) {
  .wrap-top-places-left p {
    font-size: 81px;
  }
  .top-places {
    margin-top: 36px;
  }
  .wrap-top-places-left span {
    font-size: 22px;
  }
  .wrap-top-places-left {
    gap: 13px;
  }
  .places-item {
    width: calc(50% - 15px);
    min-height: 339px;
    padding: 30px;
    border-radius: 35px;
  }
  .wrap-places-items {
    margin-top: 55px;
  }
  .places-item {
    width: calc(50% - 15px);
    min-height: 339px;
    padding: 38px 30px;
    border-radius: 35px;
  }
  .places-item h3 {
    color: #0A0A0A;
    font-size: 50px;
    font-style: normal;
    font-weight: 500;
    line-height: 52px;
    letter-spacing: -1.5px;
    text-transform: uppercase;
    margin-bottom: 15px;
  }
  .places-item h3 sup {
    top: -17px;
  }
  .places-item p {
    font-size: 18px;
    line-height: 32px;
    letter-spacing: 0.135px;
    margin: 0;
  }
  .places-item p br {
    display: none;
  }
  .places-item p a {
    font-size: 18px;
    line-height: 31px;
    letter-spacing: 0.135px;
    text-underline-offset: 4px;
  }
  .places-item img {
    display: block;
    margin-right: auto;
  }
  .places-item:nth-child(1) img,
  .places-item:nth-child(2) img,
  .places-item:nth-child(3) img,
  .places-item:nth-child(4) img {
    max-width: 42px;
  }
  .places-item:nth-child(5) img {
    max-width: 106px;
  }
  .places-item:nth-child(6) img {
    max-width: 216px;
  }
}
@media screen and (max-width: 720px) {
  .wrap-top-places-left p {
    letter-spacing: 0;
    line-height: 40px;
    font-size: 58px;
    margin-bottom: 24px;
    font-weight: 500;
  }
  .top-places {
    margin-top: 44px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .top-places .block-btn {
    margin-left: auto;
  }
  .wrap-top-places-left span {
    font-size: 24px;
  }
  .places .block-title {
    font-size: 42px;
    line-height: 40px;
    font-weight: 500;
  }
  .wrap-places-items {
    margin-top: 40px;
    gap: 10px;
  }
  .places-item {
    width: 100%;
    min-height: none;
    height: calc(100vw - 20px);
    padding: 27px 18px;
    border-radius: 20px;
  }
  .ios .places-item h3 {
    margin-bottom: 12px;
  }
  .places-item h3 {
    color: #0A0A0A;
    font-size: 44px;
    font-style: normal;
    font-weight: 500;
    line-height: 44px;
    letter-spacing: -0.72px;
    text-transform: uppercase;
    margin-bottom: 6px;
  }
  .places-item h3 sup {
    top: -14px;
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: -0.32px;
  }
  .places-item p a {
    text-underline-offset: 1px;
  }
  .places-item p a,
  .places-item p {
    font-size: 18px;
    line-height: 29px;
    letter-spacing: 0.135px;
    margin: 0;
  }
  .wrap-top-places-left {
    gap: 7px;
  }
  .places-item:nth-child(1) img,
  .places-item:nth-child(2) img,
  .places-item:nth-child(3) img,
  .places-item:nth-child(4) img {
    max-width: 55px;
  }
  .ios .places-item:nth-child(1) img,
  .ios .places-item:nth-child(2) img,
  .ios .places-item:nth-child(3) img,
  .ios .places-item:nth-child(4) img {
    max-width: 75px;
  }
  .places-item:nth-child(5) img {
    max-width: 135px;
  }
  .places-item:nth-child(6) img {
    max-width: 220px;
  }
  .ios .places-item {
    padding-top: 46px;
    padding-bottom: 34px;
    padding-left: 30px;
    padding-right: 30px;
  }
}
.wrap-tarif-items {
  border-radius: 40px;
  background: #F6F6F6;
  padding: 32px;
  display: flex;
  gap: 30px;
  flex-wrap: wrap;
}

.tarif-item {
  position: relative;
  padding: 44px 32px;
  border-radius: 24px;
  background: #FFF;
  display: flex;
  flex-direction: column;
  width: calc(33.3333% - 20px);
  transition: all 0.3s;
}

.tarif-item:hover {
  box-shadow: 0 4px 32px 0 rgba(0, 0, 0, 0.08);
  transition: all 0.3s;
}

.wrap-tarif-tag {
  display: flex;
  gap: 8px;
  position: relative;
  align-items: center;
  min-height: 42px;
}

.wrap-tarif-time {
  font-size: 24px;
  color: #0A0A0A;
  font-weight: 400;
  line-height: 24px;
  margin-top: 30px;
}

.tarif-item h5 {
  color: #0A0A0A;
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  margin-bottom: 9px;
}

.tarif-item p {
  color: #0A0A0A;
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  opacity: 0.6;
  margin-bottom: 28px;
}

.wrap-tarif-price {
  color: #0A0A0A;
  font-size: 64px;
  font-style: normal;
  font-weight: 400;
  line-height: 64px;
  margin-bottom: 30px;
  margin-top: 32px;
}

.tarif-item:nth-child(4) .wrap-tarif-price {
  margin-top: 0;
}

.wrap-tarif-price span {
  color: #0A0A0A;
  font-size: 64px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
}

.tarif-btn {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 32px;
  border: 1px solid #23BD87;
  width: 100%;
  height: 75px;
  max-width: 468px;
  color: #00CF87;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  transition: all 0.3s;
}

.tarif-btn:hover {
  color: #fff;
  background: #23BD87;
  transition: all 0.3s;
}

.tarif-more-btn {
  cursor: pointer;
  color: #0A0A0A;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin-top: 30px;
  width: fit-content;
}

.tarifs {
  margin-top: 289px;
}

.wrap-tarif-items {
  margin-top: 80px;
}

.tarif-more-btn-mobile {
  display: none;
}

@media (min-width: 1741px) {
  .tarif-item:last-child {
    width: 100%;
  }
}
@media screen and (max-width: 1740px) {
  .tarifs {
    margin-top: 198px;
  }
  .wrap-tarif-items {
    margin-top: 60px;
  }
  .tarif-item {
    padding: 44px 32px;
    border-radius: 24px;
    width: calc(50% - 15px);
    transition: all 0.3s;
  }
  .tarif-item h5 {
    font-size: 30px;
  }
  .tarif-item p {
    font-size: 16px;
    margin-bottom: 9px;
  }
  .wrap-tarif-price {
    color: #0A0A0A;
    font-size: 56px;
    font-style: normal;
    font-weight: 400;
    line-height: 56px;
    margin-bottom: 11px;
  }
  .tarif-item:nth-child(4) .wrap-tarif-price {
    margin-top: auto;
  }
  .wrap-tarif-price span {
    font-size: 56px;
  }
  .tarif-btn {
    max-width: 100%;
  }
  .tarif-more-btn {
    margin-top: 22px;
  }
}
@media screen and (max-width: 1300px) {
  .tarifs {
    margin-top: 143px;
  }
  .wrap-tarif-items {
    margin-top: 48px;
  }
  .tarif-item {
    width: 100%;
  }
  .tarif-item h5 {
    font-size: 26px;
  }
  .tarif-item p {
    font-size: 15px;
    margin-bottom: 9px;
  }
  .wrap-tarif-price {
    color: #0A0A0A;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px;
    margin-bottom: 14px;
  }
  .wrap-tarif-price span {
    font-size: 40px;
  }
  .tarif-btn {
    height: 81px;
    font-size: 16px;
  }
  .tarif-item:nth-child(4) {
    height: 445px;
  }
  .tarif-more-btn {
    display: none;
  }
  .tarif-more-btn-mobile {
    display: flex;
    color: #0A0A0A;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    align-items: center;
    margin: 20px 0;
  }
  .tarif-more-btn-mobile span {
    margin-left: 5px;
    transform: rotate(0deg);
    transition: all 0.3s;
  }
  .tarif-more-btn-mobile.active span {
    transform: rotate(-180deg);
    transition: all 0.3s;
  }
  .tarif-mobile-item {
    border-top: 1px solid #BEBEBE;
    padding-top: 16px;
    padding-bottom: 20px;
  }
  .tarif-mobile-item:last-child {
    border-bottom: 1px solid #BEBEBE;
  }
}
@media screen and (max-width: 720px) {
  .tarifs {
    margin-top: 150px;
  }
  .tarifs .block-title {
    font-size: 40px;
  }
  .wrap-tarif-items {
    margin-top: 41px;
    border-radius: 20px;
    padding: 20px;
    gap: 10px;
  }
  .tarif-item {
    padding: 29px 19px;
    border-radius: 10px;
    transition: all 0.3s;
  }
  .tarif-item h5 {
    font-size: 30px;
  }
  .tarif-item p {
    font-size: 18px;
    margin-bottom: 19px;
  }
  .wrap-tarif-price {
    margin-bottom: 16px;
    font-size: 36px;
  }
  .tarif-btn {
    height: 56px;
    font-size: 18px;
    border-radius: 20px;
  }
  .tarif-more-btn {
    margin-top: 32px;
    font-size: 16px;
  }
  .tarif-item:nth-child(1) .wrap-tarif-tag {
    display: none;
  }
  .tarif-item:nth-child(1) .wrap-tarif-price {
    margin-top: 0px;
    margin-bottom: 0;
  }
  .wrap-tarif-tag {
    display: flex;
    gap: 6px;
    align-items: center;
    flex-wrap: wrap;
    min-height: 30px;
  }
  .tarif-item:nth-child(4) {
    height: auto;
  }
  .tarif-item:nth-child(4) .wrap-tarif-price {
    margin-top: 32px;
    margin-bottom: 10px;
  }
  .tarif-more-btn-mobile {
    display: flex;
    color: #0A0A0A;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    align-items: center;
    margin: 20px 0;
  }
  .tarif-more-btn-mobile span {
    margin-left: 5px;
    transform: rotate(0deg);
    transition: all 0.3s;
  }
  .tarif-more-btn-mobile.active span {
    transform: rotate(-180deg);
    transition: all 0.3s;
  }
}
.partners {
  margin-top: 386px;
}

.wrap-partners-items {
  display: flex;
  gap: 30px;
  flex-wrap: wrap;
  margin-top: 88px;
}

.partners-item:nth-child(1) {
  width: 100%;
  padding: 0;
}

.partners-long-item {
  position: relative;
  width: 100%;
  display: flex;
  gap: 30px;
  height: 722px;
  justify-content: space-between;
}

.wrap-partners-item-img {
  width: calc(58% - 15px);
  overflow: hidden;
  z-index: 5;
  transition: all 0.3s;
}

.wrap-partners-item-img.expanded {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.wrap-video-content {
  position: relative;
  width: 100%;
  transition: all 0.3s;
}

.wrap-video-content img,
.wrap-video-content video {
  border-radius: 40px;
}

.partners-long-item {
  gap: 0;
  transition: all 0.3s;
}

.wrap-partners-item-img:hover .steps1 {
  display: none;
}

.partners-long-item .wrap-partners-item-img:hover {
  width: 1720px;
  transition: all 0.3s;
}

.partners-long-item .wrap-partners-item-img:hover + .wrap-partner-pseudo-item {
  width: 0;
  padding: 0;
  transition: all 0.3s;
}

.steps1 {
  position: relative;
  z-index: 1;
  opacity: 1;
  height: 722px;
  width: 100%;
  object-fit: cover;
  object-position: center;
  top: 0;
  left: 0;
}

.steps2 {
  position: absolute;
  opacity: 0;
  height: 722px;
  width: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 40px;
  z-index: 1;
}

.partners-long-item .wrap-partners-item-img:hover .steps2 {
  opacity: 1;
}

.steps3 {
  position: absolute;
  opacity: 0;
  height: 722px;
  width: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 40px;
  z-index: 1;
}

.steps3.see {
  opacity: 1;
  z-index: 5;
}

.partners-item:nth-child(1) .wrap-partners-item-img img {
  width: auto;
  max-width: 100%;
  height: 722px;
  object-fit: cover;
  object-position: left;
  object-fit: scale-down;
}

.wrap-partner-pseudo-item {
  width: calc(41% - 15px);
  padding: 56px 44px;
  border-radius: 40px;
  background: #F6F6F6;
  display: flex;
  overflow: hidden;
  flex-direction: column;
  position: relative;
  z-index: 1;
}

.wrap-partner-pseudo-item h4 {
  color: #0A0A0A;
  font-size: 64px;
  font-style: normal;
  font-weight: 500;
  line-height: 64px;
}

.wrap-acr {
  margin-top: auto;
}

.wrap-partner-pseudo-item img {
  width: fit-content;
}

.wrap-partner-pseudo-item p {
  display: flex;
  flex-direction: column;
  color: rgba(10, 10, 10, 0.6);
  font-family: "Open Sans", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin: 0;
}

.wrap-partner-pseudo-item p span {
  margin-top: 17px;
  font-family: "Open Sans", sans-serif;
}

.wrap-partner-pseudo-item p a {
  color: rgba(10, 10, 10, 0.6);
  font-size: 24px;
  font-style: normal;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 10px;
  text-decoration: underline;
  text-decoration-color: rgba(10, 10, 10, 0.6);
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
  margin-bottom: 17px;
  margin-top: 51px;
}

.partners-item {
  width: calc(33.333% - 20px);
  border-radius: 40px;
  background: #F6F6F6;
  padding: 31px 44px 49px;
  display: flex;
  min-height: 560px;
  flex-direction: column;
}

.partners-item h4 {
  color: #0A0A0A;
  font-size: 64px;
  font-style: normal;
  font-weight: 500;
  line-height: 64px;
}

.partners-item:nth-child(2) img {
  margin-top: auto;
  margin-bottom: 49px;
  width: fit-content;
}

.partners-item h3 {
  color: #0A0A0A;
  font-size: 120px;
  font-style: normal;
  font-weight: 400;
  line-height: 120px;
  letter-spacing: -3.6px;
}

.partners-item p {
  margin: 0;
  color: #0A0A0A;
  font-size: 44px;
  font-style: normal;
  font-weight: 400;
  line-height: 56px;
  margin-top: auto;
}

.partners-item img + p {
  margin-top: 0;
}

.partners-item:nth-child(7),
.partners-item:nth-child(5),
.partners-item:nth-child(6) {
  padding-bottom: 50px;
  padding-top: 47px;
}

.partners-item:nth-child(7) p,
.partners-item:nth-child(5) p,
.partners-item:nth-child(6) p {
  margin-top: auto;
  color: rgba(10, 10, 10, 0.64);
  font-family: "Open Sans", sans-serif;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 56px;
}

.partners-item strong {
  color: #0A0A0A;
  font-family: "Open Sans", sans-serif;
}

.partners-item:nth-child(7) img,
.partners-item:nth-child(6) img {
  width: fit-content;
}

.partners .wrap-case-bottom {
  margin-top: 117px;
}

.wrap-steps-items {
  display: flex;
  flex-direction: column;
  margin-top: 80px;
}

.steps-item {
  width: 100%;
  border-radius: 40px 40px 0 0;
  margin-top: -36px;
  padding: 34px 42px 34px 64px;
}

.steps-item:nth-child(1) {
  margin-top: 0;
}

.steps-item:nth-child(odd) {
  background: #F6F6F6;
}

.steps-item:nth-child(even) {
  background: #fff;
}

.steps-item-top {
  display: flex;
  align-items: flex-start;
  position: relative;
}

.steps-item-number {
  color: #23BD87;
  font-size: 64px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin: 0 40px 0 0;
}

.steps-item-title {
  cursor: pointer;
  position: relative;
  color: #2D2D2D;
  font-size: 56px;
  font-style: normal;
  font-weight: 400;
  line-height: 56px;
  border-bottom: 1px solid transparent;
  margin: 0;
  flex: 1;
  margin-right: 8%;
  padding-bottom: 44px;
  padding-top: 16px;
  margin-bottom: 0;
  transition: all 0.3s;
}

.steps-item-title:hover {
  border-bottom: 1px solid #A2A2A2;
  margin-bottom: 45px;
  transition: all 0.3s;
}

.steps-item.active .steps-item-title:hover {
  margin-bottom: 0px;
  transition: all 0.3s;
}

.steps-item-arr {
  position: absolute;
  top: 8px;
  right: -2px;
  width: 50px;
  height: 50px;
  background-image: url("../imgs/arr.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transform: rotate(180deg);
  opacity: 0.16;
  transition: all 0.3s;
}

.steps-item-content {
  display: none;
  padding-left: 120px;
}

.steps-item.active .steps-item-arr {
  opacity: 1;
  transform: rotate(0deg);
  transition: all 0.3s;
}

.steps-item.active .steps-item-title {
  border-color: #A2A2A2;
}

.steps-item.active .steps-item-content {
  display: block;
  padding-top: 44px;
  padding-bottom: 44px;
}

.steps-item-content h6 {
  color: #2D2D2D;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 15px;
}

.steps-item-content p {
  margin: 15px 0;
  color: #2D2D2D;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.steps-item-content ul {
  padding-left: 32px;
}

.steps-item-content ul li {
  position: relative;
  color: #2D2D2D;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.steps-item-content ul li:after {
  position: absolute;
  content: "";
  left: -32px;
  top: 7px;
  width: 14px;
  height: 11px;
  background-image: url("../imgs/i-check.svg");
  background-repeat: no-repeat;
  background-position: center;
}

.steps-item-content a {
  color: #2D2D2D;
  position: relative;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
  transition: all 0.3s;
}

.steps-item-content a:after {
  position: absolute;
  content: "";
  width: 100%;
  bottom: 0;
  left: 0;
  border-bottom: 0.5px solid #0A0A0A;
  opacity: 0.4;
  transition: all 0.3s;
}

.steps-item-content a:hover:after {
  border-bottom: 0.5px solid #23BD87;
  transition: all 0.3s;
}

@media screen and (max-width: 1740px) {
  .partners-long-item .wrap-partners-item-img:hover {
    width: calc(100vw - 72px);
    transition: all 0.3s;
  }
  .partners {
    margin-top: 172px;
  }
  .wrap-partners-items {
    margin-top: 59px;
  }
  .wrap-partner-pseudo-item h4 {
    color: #0A0A0A;
    font-size: 40px;
    font-style: normal;
    font-weight: 500;
    line-height: 48px;
  }
  .wrap-partner-pseudo-item {
    padding: 49px 24px;
  }
  .wrap-partner-pseudo-item img {
    margin-top: auto;
    width: fit-content;
    max-width: 64%;
  }
  .wrap-partner-pseudo-item p {
    font-size: 20px;
    line-height: 20px;
  }
  .wrap-partner-pseudo-item p a {
    margin-top: 29px;
    font-size: 20px;
    line-height: 20px;
  }
  .partners-item {
    padding: 25px 32px 40px;
    min-height: 414px;
  }
  .partners-item h3 {
    font-size: 80px;
    line-height: 80px;
  }
  .partners-item:nth-child(2) img {
    margin-top: auto;
    margin-bottom: 49px;
    width: fit-content;
    max-width: 76%;
  }
  .partners-item p {
    font-size: 32px;
    line-height: 129%;
  }
  .partners-item:nth-child(7) p, .partners-item:nth-child(5) p, .partners-item:nth-child(6) p {
    margin-top: auto;
    color: rgba(10, 10, 10, 0.64);
    font-family: "Open Sans", sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px;
  }
  .partners-item:nth-child(7) img {
    max-width: 50%;
  }
  .partners-item:nth-child(6) img {
    max-width: 80%;
  }
  .partners .wrap-case-bottom {
    margin-top: 87px;
  }
  .steps-item {
    padding: 27px 42px 34px 57px;
  }
  .steps-item-number {
    margin-right: 45px;
  }
  .steps-item-title {
    font-size: 40px;
    line-height: 36px;
    padding-top: 25px;
    padding-bottom: 10px;
  }
}
@media screen and (max-width: 1300px) {
  .partners-long-item .wrap-partners-item-img:hover {
    width: 100%;
    transition: all 0.3s;
  }
  .partners-long-item .wrap-partners-item-img:hover + .wrap-partner-pseudo-item {
    width: 100%;
    padding: 20px;
    transition: all 0.3s;
  }
  .partners {
    margin-top: 144px;
  }
  .wrap-partners-items {
    margin-top: 47px;
    gap: 20px;
  }
  .partners-long-item {
    height: auto;
    flex-direction: column;
    gap: 20px;
  }
  .steps1 {
    height: auto;
    border-radius: 20px;
  }
  .steps2 {
    display: none;
  }
  .steps3 {
    display: none;
  }
  .wrap-partner-pseudo-item {
    width: 100%;
    border-radius: 20px;
    padding: 21px 18px;
    min-height: 263px;
  }
  .wrap-partner-pseudo-item h4 {
    color: #0A0A0A;
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
  }
  .wrap-acr {
    display: flex;
    gap: 28px;
    align-items: center;
    margin-top: auto;
  }
  .wrap-partner-pseudo-item p {
    font-size: 12px;
    line-height: 12px;
  }
  .wrap-partner-pseudo-item p span {
    margin-top: 5px;
  }
  .wrap-acr img {
    width: 207px;
    height: auto;
  }
  .wrap-partner-pseudo-item p a {
    margin-top: 0;
    font-size: 12px;
    line-height: 12px;
    margin-bottom: 10px;
  }
  .partners-item {
    border-radius: 20px;
    padding: 20px 19px 20px;
    min-height: 330px;
    width: calc(50% - 10px);
  }
  .partners-item h3 {
    font-size: 70px;
    line-height: normal;
    letter-spacing: -2.1px;
  }
  .partners-item:nth-child(2) img {
    margin-top: auto;
    margin-bottom: 30px;
    width: fit-content;
    max-width: 95%;
  }
  .partners-item p {
    font-size: 24px;
    line-height: 140%;
  }
  .partners-item:nth-child(7), .partners-item:nth-child(5), .partners-item:nth-child(6) {
    padding-bottom: 17px;
    padding-top: 20px;
  }
  .partners-item:nth-child(7) p, .partners-item:nth-child(5) p, .partners-item:nth-child(6) p {
    margin-top: auto;
    color: rgba(10, 10, 10, 0.64);
    font-family: "Open Sans", sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 35px;
  }
  .partners-item:nth-child(6) img {
    max-width: 81%;
  }
  .partners-item:nth-child(7) img {
    max-width: 51%;
  }
  .partners .wrap-case-bottom {
    margin-top: 58px;
    padding: 0;
  }
  .wrap-partners-item-img {
    width: 100%;
  }
}
@media screen and (max-width: 720px) {
  .partners {
    margin-top: 212px;
  }
  .partners .block-title {
    font-size: 40px;
    line-height: 40px;
  }
  .wrap-partners-items {
    margin-top: 39px;
    gap: 20px;
  }
  .wrap-partner-pseudo-item {
    width: 100%;
    border-radius: 20px;
    padding: 18px 20px;
    min-height: 263px;
  }
  .wrap-partner-pseudo-item h4 {
    font-size: 32px;
  }
  .wrap-acr img {
    width: 255px;
    height: auto;
    max-width: 85%;
  }
  .wrap-acr {
    gap: 28px;
    align-items: flex-start;
    margin-top: auto;
    flex-direction: column;
    margin-top: 38px;
  }
  .wrap-partner-pseudo-item p a {
    font-size: 16px;
  }
  .wrap-partner-pseudo-item p {
    font-size: 16px;
    line-height: 20px;
  }
  .partners-item {
    width: 100%;
  }
  .partners-item h3 {
    font-size: 60px;
    letter-spacing: -1.8px;
  }
  .partners-item p {
    font-size: 32px;
  }
  .partners-item:nth-child(6) img {
    max-width: 100%;
  }
  .partners-item:nth-child(7) img {
    max-width: 63%;
  }
  .partners-item:nth-child(7) p, .partners-item:nth-child(5) p, .partners-item:nth-child(6) p {
    margin-top: auto;
    color: rgba(10, 10, 10, 0.64);
    font-family: "Open Sans", sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 31px;
  }
  .partners-item:nth-child(2) img {
    margin-top: 45px;
    margin-bottom: 30px;
    width: fit-content;
    max-width: 90%;
  }
  .ios .wrap-partner-pseudo-item,
  .ios .partners-item {
    width: 100%;
    height: calc(100vw - 20px);
    padding-top: 46px;
    padding-bottom: 34px;
    padding-left: 30px;
    padding-right: 30px;
  }
  .ios .wrap-partner-pseudo-item h4 {
    font-size: 40px;
  }
  .ios .partners-item:nth-child(2) h3,
  .ios .partners-item:nth-child(3) h3,
  .ios .partners-item:nth-child(4) h3 {
    font-size: 72px;
  }
  .ios .partners-item:nth-child(7) p,
  .ios .partners-item:nth-child(5) p,
  .ios .partners-item:nth-child(6) p {
    margin-top: auto;
    color: rgba(10, 10, 10, 0.64);
    font-family: "Open Sans", sans-serif;
    font-size: 1.75rem;
    font-style: normal;
    font-weight: 400;
    line-height: 40px;
  }
  .partners .wrap-case-bottom {
    margin-top: 50px;
    padding: 0;
  }
}
.managers {
  margin: 300px 0;
}

.managers h2 {
  margin-bottom: 80px;
}

.wrap-managers-items {
  display: flex;
  flex-wrap: wrap;
  gap: 58px 262px;
  justify-content: center;
}

.managers-item {
  width: 584px;
}

.managers-item img {
  width: 100%;
  border-radius: 40px;
  height: auto;
  margin-bottom: 41px;
  transition: all 0.3s;
}

.managers-item:hover img {
  transform: scale(1.08);
  transition: all 0.3s;
}

.managers-item p {
  color: #0A0A0A;
  font-size: 45px;
  font-style: normal;
  font-weight: 500;
  line-height: 44px;
  margin: 0;
}

.managers-item:nth-child(even) {
  padding-top: 100px;
}

.managers-item p span {
  display: block;
  color: #0A0A0A;
  font-family: "Open Sans", sans-serif;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  opacity: 0.6;
  margin-top: 24px;
}

@media screen and (max-width: 1740px) {
  .managers {
    margin: 190px 0 212px;
  }
  .managers h2 {
    margin-bottom: 58px;
  }
  .managers-item {
    width: 438px;
  }
  .wrap-managers-items {
    gap: 77px 184px;
    justify-content: center;
  }
  .managers-item img {
    width: 100%;
    border-radius: 30px;
    height: auto;
    margin-bottom: 27px;
  }
  .managers-item p {
    font-size: 40px;
  }
  .managers-item p span {
    display: block;
    color: #0A0A0A;
    font-family: "Open Sans", sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    opacity: 0.6;
    margin-top: 16px;
  }
  .managers-item:nth-child(even) {
    padding-top: 42px;
  }
  .wrap-cert-items {
    margin-top: 60px;
    gap: 28px;
    margin-bottom: 47px;
  }
}
@media screen and (max-width: 1300px) {
  .managers {
    margin: 117px 0 133px;
  }
  .wrap-managers-items {
    display: none;
  }
  .wrap-manager-slider {
    display: block;
    position: relative;
    padding-bottom: 80px;
  }
  .managers h2 {
    margin-bottom: 50px;
  }
  .wrap-manager-slider .swiper-slide img {
    width: 100%;
    border-radius: 23.475px;
    margin-bottom: 44px;
  }
  .wrap-manager-slider .swiper-slide p {
    color: #0A0A0A;
    text-align: left;
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: 25.823px;
  }
  .wrap-manager-slider .swiper-slide p span {
    color: #0A0A0A;
    font-family: "Open Sans", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 18.78px;
    opacity: 0.6;
    display: block;
    margin-top: 14px;
  }
}
@media screen and (max-width: 720px) {
  .managers {
    margin: 100px 0 148px;
  }
  .managers h2 {
    margin-bottom: 39px;
    font-weight: 500;
    font-size: 38px;
  }
  .wrap-manager-slider {
    padding-bottom: 65px;
  }
  .wrap-manager-slider .swiper-slide img {
    width: 100%;
    border-radius: 23.475px;
    margin-bottom: 31px;
  }
  .wrap-manager-slider .swiper-slide p {
    font-size: 32px;
  }
}
.wrap-cert-items {
  display: flex;
  margin-top: 80px;
  gap: 28px;
  margin-bottom: 53px;
}

.cert-item {
  width: calc(25% - 21px);
  box-shadow: 0 0 23.664px 0 rgba(0, 0, 0, 0.08);
}

.cert-hidden {
  display: none;
}

.cert-item img {
  width: 100%;
  height: auto;
}

.cert-btn {
  width: 236px;
  height: 76px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 32px;
  border: 1px solid #23BD87;
  color: #23BD87;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
  transition: all 0.3s;
  margin: auto;
}

.cert-btn:hover {
  background: #23BD87;
  color: #fff;
  transition: all 0.3s;
}

@media screen and (max-width: 1740px) {
  .cert-btn {
    width: 199px;
    height: 61px;
    align-items: center;
    justify-content: center;
    border-radius: 32px;
    border: 1px solid #23BD87;
    color: #23BD87;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    transition: all 0.3s;
    margin: auto;
  }
}
@media screen and (max-width: 1300px) {
  .wrap-cert-items {
    margin-top: 49px;
    gap: 20px;
    margin-bottom: 47px;
    flex-wrap: wrap;
  }
  .cert-item {
    width: calc(50% - 10px);
  }
  .cert-btn {
    width: 168px;
    height: 58px;
    font-size: 14px;
    line-height: 14px;
  }
}
@media screen and (max-width: 720px) {
  .certificates .block-title {
    font-size: 40px;
    line-height: 40px;
  }
  .wrap-cert-items {
    margin-top: 39px;
  }
  .cert-btn {
    width: 168px;
    height: 49px;
    font-size: 16px;
    line-height: 14px;
  }
}
.instruments {
  margin: 300px 0;
}

.wrap-instruments-items {
  display: flex;
  gap: 30px;
  flex-wrap: wrap;
  margin-top: 81px;
}

.instruments-item {
  width: calc(25% - 23px);
  display: flex;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  border-radius: 40px;
  background: #F8F9FA;
  height: 248px;
}

.instruments-item img {
  max-width: 95%;
  height: auto;
  width: auto;
  opacity: 0.5;
  max-height: 95%;
  transition: all 0.3s;
}

.instruments-item:hover img {
  opacity: 1;
  transition: all 0.3s;
}

@media screen and (max-width: 1740px) {
  .instruments {
    margin: 202px 0;
  }
  .instruments-item {
    height: 182px;
  }
  .instruments-item img {
    max-width: 64%;
    height: auto;
    width: auto;
    max-height: 48%;
  }
}
@media screen and (max-width: 1300px) {
  .instruments {
    display: none;
  }
}
.insane {
  margin: 200px 0 300px;
}

.wrap-insane-items {
  display: flex;
  gap: 30px;
  flex-wrap: wrap;
  margin-top: 80px;
}

.insane-item {
  display: block;
  position: relative;
  border-radius: 40px;
  height: 450px;
  width: calc(25% - 23px);
  overflow: hidden;
}

.wrap-insane-data {
  position: absolute;
  left: 32px;
  z-index: 3;
  border-radius: 12px;
  bottom: 32px;
  overflow: hidden;
}

.insane-data {
  position: relative;
  z-index: 10;
  display: flex;
  padding: 0px 10px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  color: #FFF;
  overflow: hidden;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  height: 32px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.24);
}

.insane-item img {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  transition: all 0.3s;
}

.insane-item:hover img {
  transform: scale(1.25);
  transition: all 0.3s;
}

.insane-item p {
  font-family: Jost;
  position: absolute;
  left: 32px;
  top: 32px;
  z-index: 3;
  color: #FFF;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
}

.insane-item.long {
  width: calc(50% - 20px);
}

.insane-item.long p {
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: 36px;
}

.insane-item.txt {
  background: #F6F6F6;
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  padding: 32px;
}

.insane-item.txt span {
  position: relative;
  color: #0A0A0A;
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: 32px;
}

.insane-item.txt span img {
  width: fit-content;
  position: absolute;
  right: -10px;
  width: 72px;
  height: 72px;
  top: -72px;
}

@media screen and (max-width: 1740px) {
  .wrap-insane-items {
    margin-top: 57px;
  }
  .insane-item {
    border-radius: 30px;
    height: 328px;
  }
  .insane-item.long p {
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
  }
  .insane-item p {
    top: 22px;
    left: 24px;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 19px;
  }
  .insane-item.txt {
    padding: 24px;
  }
  .insane-item.txt span {
    font-size: 24px;
    line-height: 24px;
  }
  .insane {
    margin: 200px 0 203px;
  }
}
@media screen and (max-width: 1300px) {
  .insane {
    margin: 141px 0 100px;
  }
  .wrap-insane-items {
    margin-top: 51px;
    gap: 28px;
  }
  .insane-item,
  .insane-item.long {
    width: calc(50% - 14px);
    height: 383px;
  }
  .insane-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    position: relative;
    z-index: 1;
  }
  .insane-item.long p {
    font-size: 30px;
    line-height: 36px;
  }
  .insane-item p {
    top: 25px;
    left: 23px;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    max-width: 87%;
  }
  .insane-item.txt {
    padding: 24px;
    width: 100%;
    height: 118px;
  }
  .insane-item.txt span {
    font-size: 20px;
    line-height: 20px;
    width: fit-content;
    margin-left: auto;
    padding-right: 42px;
  }
  .insane-item.txt span img {
    width: fit-content;
    position: absolute;
    right: -10px;
    width: 42px;
    height: 42px;
    top: -20px;
  }
}
@media screen and (max-width: 720px) {
  .insane .block-title {
    font-size: 40px;
    line-height: 40px;
  }
  .insane {
    margin: 121px 0 118px;
    overflow: hidden;
  }
  .wrap-insane-items {
    margin-top: 39px;
    gap: 10px;
    flex-wrap: nowrap;
    overflow: auto;
    padding-bottom: 30px;
  }
  .wrap-insane-items::-webkit-scrollbar {
    opacity: 1;
    padding: 2px 0 !important;
  }
  .wrap-insane-items::-webkit-scrollbar-thumb {
    border-radius: 32px;
    background: #ECECEC;
    opacity: 1;
    display: block;
    width: fit-content;
    transform: scale(2);
    height: 10px !important;
    margin: 2px 0 !important;
  }
  .insane-item.txt,
  .insane-item,
  .insane-item.long {
    width: 340px;
    min-width: 340px;
    height: 383px;
  }
}
.faq {
  margin: 300px 0;
}

.faq-side {
  display: flex;
  gap: 80px;
}

.faq-left {
  width: 650px;
}

.wrap-faq-title {
  position: sticky;
  top: 0;
  left: 0;
}

.faq-right {
  width: calc(100% - 730px);
}

.faq-item {
  border-radius: 50px;
  background: #F6F6F6;
  padding: 48px 40px;
}

.faq-item + .faq-item {
  margin-top: 30px;
}

.faq-item-top {
  display: flex;
  gap: 40px;
  justify-content: space-between;
}

.faq-item-top p {
  color: #0A0A0A;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 125%;
  margin: 0;
}

.faq-arr {
  position: relative;
  display: flex;
  width: 56px;
  min-width: 56px;
  max-width: 56px;
  height: 56px;
  border: 0.5px solid transparent;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  transition: all 0.3s;
}

.faq-arr:after {
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 40px;
  height: 4px;
  border-radius: 4px;
  background: #939393;
  transition: all 0.3s;
}

.faq-arr:before {
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  border-radius: 4px;
  transform: translate(-50%, -50%);
  width: 4px;
  height: 40px;
  background: #939393;
  transition: all 0.3s;
}

.faq-arr:hover {
  border-color: #0A0A0A;
  transition: all 0.3s;
}

.faq-arr:hover:after,
.faq-arr:hover:before {
  background: #0A0A0A;
  transition: all 0.3s;
}

.open .faq-arr {
  background: #0A0A0A;
  transform: rotate(45deg);
  transition: all 0.3s;
}

.open .faq-arr:hover:after,
.open .faq-arr:hover:before,
.open .faq-arr:after,
.open .faq-arr:before {
  background: #fff;
  transition: all 0.3s;
}

.faq-item-content {
  overflow: hidden;
  height: 0;
  opacity: 0;
  padding-top: 0;
  transition: height 0.3s ease, opacity 0.3s ease, padding 0.3s ease;
}

.open .faq-item-content {
  height: auto;
  opacity: 1;
  padding-top: 30px;
}

.faq-item-content ul {
  margin: 20px 0;
}

.faq-item-content ul li,
.faq-item-content p {
  color: #6C6C6C;
  font-family: "Open Sans", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
}

.faq-item-content ul li {
  margin-bottom: 10px;
}

.faq-item-content p a {
  color: #0A0A0A;
  font-family: "Open Sans", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
}

.wrap-faq-title .block-title {
  margin-bottom: 350px;
}

@media screen and (max-width: 1740px) {
  .faq-left {
    width: 525px;
  }
  .faq-right {
    width: calc(100% - 605px);
  }
}
@media screen and (max-width: 1300px) {
  .faq-side {
    flex-direction: column;
    gap: 41px;
  }
  .faq-left {
    width: 100%;
  }
  .faq {
    margin: 140px 0;
  }
  .wrap-faq-title {
    position: relative;
    top: 0;
    left: 0;
  }
  .wrap-faq-title .block-title {
    margin-bottom: 80px;
    max-width: 500px;
  }
  .wrap-faq-title .block-btn {
    margin-left: auto;
    width: fit-content;
    display: block;
  }
  .faq-right {
    width: 100%;
  }
  .faq-item {
    border-radius: 50px;
    background: #F6F6F6;
    padding: 34px 23px;
  }
  .faq-item-top p {
    font-size: 26px;
  }
  .faq-arr {
    width: 44px;
    min-width: 44px;
    max-width: 44px;
    height: 44px;
  }
  .faq-item-content ul li, .faq-item-content p {
    color: #6C6C6C;
    font-family: "Open Sans", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    margin-bottom: 25px;
  }
  .faq-item-content {
    padding-top: 26px;
  }
  .faq-right {
    width: 100%;
  }
}
@media screen and (max-width: 720px) {
  .faq {
    margin: 187px 0;
  }
  .faq-item-content p a {
    font-size: 14px;
  }
  .wrap-faq-title .block-title {
    margin-bottom: 50px;
    max-width: 500px;
    font-size: 40px;
    line-height: 40px;
  }
  .wrap-faq-title .block-btn {
    font-size: 24px;
    line-height: 100%;
  }
  .faq-item {
    border-radius: 32px;
    background: #F6F6F6;
    padding: 20px;
  }
  .faq-item-top p {
    font-size: 18px;
  }
  .faq-arr {
    width: 32px;
    min-width: 32px;
    max-width: 32px;
    height: 32px;
  }
  .faq-arr:after {
    width: 24px;
  }
  .faq-arr:before {
    height: 24px;
  }
  .faq-item-top {
    gap: 28px;
  }
  .faq-item-content {
    padding-top: 13px;
  }
  .faq-item-content ul li,
  .faq-item-content p {
    font-size: 14px;
  }
}
.citys {
  margin-top: 100px;
}

.pulse-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 44px;
  height: 44px;
  border: 11px solid #2ecc71;
  background: #fff;
  border-radius: 50%;
  z-index: 2;
}

.pulse-ring {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60px;
  height: 60px;
  background: rgba(46, 204, 113, 0.3);
  border-radius: 50%;
  animation: pulse 2s infinite ease-out;
  z-index: 1;
}

.city-item {
  position: relative;
}

.wrap-city-content-side {
  display: flex;
  gap: 30px;
  justify-content: space-between;
}

.city-content-left {
  width: 425px;
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.city-content-map {
  width: calc(100% - 450px);
}

.city-item {
  padding-top: 56px;
  padding-bottom: 64px;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.city-item-top {
  display: flex;
  align-items: center;
  cursor: pointer;
}

.city-item-name {
  color: #0A0A0A;
  text-align: left;
  font-size: 80px;
  font-style: normal;
  font-weight: 400;
  line-height: 80px;
}

.city-item.open .steps-item-title:hover {
  margin-bottom: 0px;
  transition: all 0.3s;
}

.city-item-arr {
  position: absolute;
  top: 72px;
  right: -2px;
  width: 50px;
  height: 50px;
  background-image: url("../imgs/arr1.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transform: rotate(0deg);
  opacity: 0.16;
  transition: all 0.3s;
}

.city-item-content {
  display: none;
}

.city-item.open .city-item-arr {
  opacity: 1;
  transform: rotate(180deg);
  transition: all 0.3s;
}

.city-item.open .city-item-content {
  display: block;
  padding-top: 80px;
}

.city-content-item + .block-btn {
  margin-top: auto;
}

.city-content-item p,
.city-content-item p a {
  color: #0A0A0A;
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: 125%;
  transition: all 0.3s;
}

.city-content-item p a:hover {
  color: #23BD87;
  transition: all 0.3s;
}

.city-content-item span {
  display: block;
  margin-top: 15px;
  color: #939393;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}

@media screen and (max-width: 1740px) {
  .citys {
    margin-top: 79px;
  }
  .city-item-name {
    font-size: 60px;
    line-height: 60px;
  }
  .city-item-arr {
    position: absolute;
    top: 65px;
    right: 4px;
    width: 36px;
    height: 40px;
  }
  .city-content-item p, .city-content-item p a {
    font-size: 24px;
  }
  .city-content-item span {
    font-size: 17px;
  }
  .city-content-left {
    gap: 31px;
  }
  .city-content-map {
    width: calc(100% - 420px);
  }
}
@media screen and (max-width: 1300px) {
  .citys {
    margin-top: 64px;
  }
  .city-item {
    padding: 40px 0 49px;
  }
  .city-item-name {
    font-size: 48px;
    line-height: 48px;
  }
  .city-item-arr {
    position: absolute;
    top: 48px;
    right: 4px;
    width: 30px;
    height: 30px;
  }
  .wrap-city-content-side {
    display: flex;
    gap: 30px;
    justify-content: space-between;
    flex-direction: column;
  }
  .city-content-left {
    gap: 30px 15px;
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .city-content-item p, .city-content-item p a {
    font-size: 20px;
  }
  .city-item.open .city-item-content {
    display: block;
    padding-top: 49px;
  }
  .city-content-item {
    width: calc(50% - 8px);
  }
  .city-content-item + .block-btn {
    margin-top: 53px;
  }
  .city-content-map {
    width: 100%;
    margin-top: 15px;
  }
}
@media screen and (max-width: 720px) {
  .city-item {
    padding: 30px 0 40px;
  }
  .city-item-name {
    font-size: 36px;
    line-height: 36px;
  }
  .city-item-arr {
    top: 34px;
  }
  .city-content-left {
    gap: 30px 15px;
    width: 100%;
    flex-direction: column;
    flex-wrap: wrap;
  }
  .city-content-item {
    width: 100%;
  }
  .city-content-item p, .city-content-item p a {
    font-size: 24px;
  }
  .city-content-item span {
    font-size: 18px;
  }
  .city-item.open .city-item-content {
    display: block;
    padding-top: 53px;
  }
  .city-content-item + .block-btn {
    margin-top: 39px;
    font-size: 26px;
    margin-left: auto;
  }
}
.wrap-cards-price {
  display: flex;
  gap: 30px;
  padding: 32px;
  border-radius: 40px;
  background: #F6F6F6;
}

.geo-card {
  width: calc(33.333% - 20px);
  padding: 44px 32px;
  border-radius: 32px;
  background: #FFF;
}

.top-geo {
  position: relative;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  padding-bottom: 30px;
}

.top-geo p {
  display: flex;
  flex-direction: column;
  color: #0A0A0A;
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  margin-bottom: 0;
}

.top-geo p span {
  font-family: "Open Sans", sans-serif;
  opacity: 0.6;
  color: #0A0A0A;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  margin-top: 10px;
}

.content-geo {
  padding: 30px 0 40px;
  min-height: 320px;
}

.content-geo ul {
  padding-left: 23px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.content-geo ul li {
  position: relative;
  color: #0A0A0A;
  font-family: "Open Sans", sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.content-geo ul li span {
  display: block;
  color: #808080;
  font-family: "Open Sans", sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin-top: 3px;
}

.content-geo ul li:after {
  position: absolute;
  content: "";
  left: -14px;
  top: 11px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #0A0A0A;
}

.wrap-tags-geo {
  min-height: 108px;
}

.tags-geo {
  display: flex;
  gap: 2px;
  flex-wrap: wrap;
}

.wrap-top-ii-items {
  display: flex;
  align-items: center;
  gap: 96px;
  margin-top: 67px;
}

.ii-item {
  display: flex;
  align-items: center;
  gap: 24px;
}

.ii-item img {
  width: 64px;
  height: 64px;
}

.ii-item p {
  color: #6C6C6C;
  font-family: "Open Sans", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin: 0;
}

.about-geo {
  margin-top: 170px;
}

.wrap-abuot-geo-side {
  width: 100%;
  display: flex;
  gap: 10px;
}

.geo-right,
.geo-left {
  width: 50%;
}

.geo-left {
  padding-right: 137px;
}

.geo-right video {
  width: 100%;
  height: auto;
}

.geo-left h2 {
  margin-bottom: 90px;
}

.geo-left p {
  color: #6C6C6C;
  font-family: "Open Sans", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  margin-bottom: 0;
}

.geo-left p span {
  color: #0A0A0A;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.geo-left p + p {
  margin-top: 32px;
}

.geo-now {
  margin-top: 250px;
}

.wrap-geo-now-items {
  margin-top: 96px;
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}

.geo-now-item {
  width: calc(50% - 15px);
  border-radius: 40px;
  background: #F6F6F6;
  display: flex;
  min-height: 560px;
  flex-direction: column;
  padding: 50px 44px 30px;
}

.geo-now-item-title {
  color: #0A0A0A;
  font-size: 56px;
  font-style: normal;
  font-weight: 400;
  line-height: 64px;
}

.geo-now-item-number {
  margin-top: auto;
  color: #0A0A0A;
  font-size: 80px;
  font-style: normal;
  font-weight: 400;
  line-height: 80px;
  margin-bottom: 40px;
}

.wrap-geo-now-item-number {
  margin-top: auto;
}

.wrap-geo-now-item-number p,
.geo-now-item p {
  margin-top: auto;
  color: rgba(10, 10, 10, 0.64);
  font-family: "Open Sans", sans-serif;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 56px;
}

.geo-now-item p span {
  color: #0A0A0A;
  font-family: "Open Sans", sans-serif;
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: 56px;
}

.geo-optimization {
  margin-top: 300px;
  margin-bottom: 300px;
}

.wrap-geo-opt-side {
  display: flex;
  gap: 10px;
  position: relative;
}

.geo-opt-left {
  position: relative;
  width: 33.3337%;
}

.wrap-geo-title {
  position: sticky;
  top: 90px;
  left: 0;
}

.geo-opt-right {
  width: 66.6667%;
}

.wrap-geo-opt-items {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}

.geo-opt-item {
  width: calc(50% - 15px);
  border-radius: 40px;
  height: 600px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding: 64px 56px;
}

.geo-opt-item:not(.color) {
  background: #F6F6F6;
  padding-bottom: 52px;
}

.color.color-1 {
  background: radial-gradient(59.83% 75.41% at 50% 45.58%, #F9646A 0%, #FD4249 100%);
}

.color.color-2, .color.color-6 {
  background: radial-gradient(59.83% 75.41% at 50% 45.58%, #78A8EC 0%, #3287FF 100%);
}

.color.color-3 {
  background: linear-gradient(217deg, #A995EB -14.38%, #A18AED 101.76%), radial-gradient(59.83% 75.41% at 50% 45.58%, #F3CC71 0%, #FCBB23 100%);
}

.color.color-4 {
  background: radial-gradient(59.83% 75.41% at 50% 45.58%, #F3CC71 0%, #FCBB23 100%);
}

.color.color-5 {
  background: radial-gradient(59.83% 75.41% at 50% 45.58%, #23BD87 0%, #36B186 100%);
}

.geo-opt-item.color {
  text-align: left;
}

.geo-opt-item img {
  width: 100%;
  max-width: 100%;
  height: auto;
  margin: auto;
  max-height: 80%;
  object-fit: contain;
  object-position: center;
}

.geo-opt-item h6 {
  color: #FFF;
  font-size: 48px;
  font-style: normal;
  font-weight: 400;
  line-height: 40px;
  margin-top: auto;
}

.geo-opt-item p {
  color: rgba(10, 10, 10, 0.64);
  font-family: "Open Sans", sans-serif;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 56px;
  margin-top: auto;
  margin-bottom: 0;
}

.geo-opt-item p span {
  color: #0A0A0A;
  font-family: "Open Sans", sans-serif;
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: 56px;
}

.wrap-geo-title h2 {
  line-height: 109%;
  margin-bottom: 150px;
}

.traditional {
  margin-bottom: 300px;
}

.wrap-trad-block {
  position: relative;
  width: 100%;
  margin-top: 96px;
}

.wrap-trad-top-items {
  position: sticky;
  top: 90px;
  left: 0;
  display: flex;
  gap: 30px;
  z-index: 3;
}

.trad-top-item {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 127px;
  width: calc(33.333% - 20px);
  border-radius: 40px;
  background: linear-gradient(0deg, #F6F6F6 0%, #F6F6F6 100%), #DCF4EC;
}

.trad-top-item p {
  color: #0A0A0A;
  font-size: 56px;
  font-style: normal;
  font-weight: 400;
  line-height: 64px;
  margin: 0;
}

.trad-top-item:nth-child(3) {
  background: #FFF;
  box-shadow: 0 4px 64px 0 rgba(0, 0, 0, 0.08);
}

.wrap-trad-body-items {
  margin-top: 30px;
  width: 100%;
  display: flex;
  gap: 60px;
  flex-direction: column;
}

.trad-body-item-row {
  width: 100%;
  display: flex;
  gap: 30px;
}

.trad-body-item-row.op {
  opacity: 0.5;
}

.trad-body-item {
  display: flex;
  justify-content: center;
  height: auto;
  width: calc(33.333% - 20px);
  border-radius: 40px;
  padding: 64px 44px;
}

.trad-body-item:nth-child(1) p {
  color: #0A0A0A;
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: 36px;
  margin: 0;
}

.trad-body-item:nth-child(2) {
  background: #F6F6F6;
}

.trad-body-item:nth-child(3) {
  background: #FFF;
  box-shadow: 0 4px 64px 0 rgba(0, 0, 0, 0.08);
}

.trad-body-item:nth-child(1) p {
  color: #0A0A0A;
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: 36px;
  margin: 0;
}

.trad-body-item:nth-child(2) p,
.trad-body-item:nth-child(3) p {
  color: rgba(10, 10, 10, 0.64);
  font-family: "Open Sans", sans-serif;
  font-size: 26px;
  font-style: normal;
  font-weight: 400;
  line-height: 44px;
  margin: 0;
}

.trad-body-item:nth-child(2) p span,
.trad-body-item:nth-child(3) p span {
  font-family: "Open Sans", sans-serif;
  color: #0A0A0A;
}

.geo-promotion .wrap-cards-price {
  margin-top: 96px;
}

.geo-steps.steps {
  margin-top: 300px;
}

.contact-call-form {
  margin-top: 120px;
  margin-bottom: 0px;
}

.contact-call-form .call-form {
  margin-bottom: 0px;
}

@media screen and (max-width: 1740px) {
  .wrap-cards-price {
    display: flex;
    gap: 30px;
    padding: 24px;
    border-radius: 30px;
    background: #F6F6F6;
  }
  .geo-card {
    padding: 34px 24px;
    border-radius: 24px;
    background: #FFF;
  }
  .top-geo p {
    font-size: 26px;
  }
  .top-geo p span {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    margin-top: 7px;
  }
  .top-geo {
    padding-bottom: 18px;
  }
  .content-geo ul {
    padding-left: 25px;
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  .content-geo {
    padding: 15px 0 32px;
    min-height: 192px;
  }
  .wrap-top-ii-items {
    display: flex;
    align-items: center;
    gap: 55px;
    margin-top: 63px;
  }
  .ii-item p {
    font-size: 20px;
    line-height: 20px;
  }
  .about-geo {
    margin-top: 101px;
  }
  .geo-left p span {
    font-size: 22px;
    line-height: 22px;
  }
  .geo-left h2 {
    margin-bottom: 59px;
  }
  .geo-left {
    padding-right: 0;
  }
  .geo-left p {
    font-size: 18px;
    line-height: 140%;
    margin-bottom: 0;
  }
  .geo-left p + p {
    margin-top: 24px;
  }
  .geo-left a {
    border-radius: 26px;
    border: 1px solid #23BD87;
    background: #23BD87;
    width: 370px;
    height: 64px;
    justify-content: center;
    padding: 0px 24px;
    align-items: center;
    margin-top: 42px;
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    transition: all 0.3s;
  }
  .geo-now {
    margin-top: 167px;
  }
  .wrap-geo-now-items {
    margin-top: 58px;
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
  }
  .geo-now-item-title {
    color: #0A0A0A;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px;
  }
  .geo-now-item {
    min-height: 430px;
    padding: 54px 33px 30px;
  }
  .wrap-geo-now-item-number p, .geo-now-item p {
    margin-top: auto;
    font-size: 24px;
    line-height: 40px;
  }
  .geo-now-item p span {
    font-size: 24px;
    line-height: 40px;
  }
  .geo-now-item-number {
    margin-top: auto;
    color: #0A0A0A;
    font-size: 58px;
    font-style: normal;
    font-weight: 400;
    line-height: 58px;
    margin-bottom: 35px;
  }
  .geo-optimization {
    margin-top: 200px;
    margin-bottom: 200px;
  }
  .geo-opt-item {
    border-radius: 30px;
    height: 470px;
    padding: 48px 32px;
  }
  .geo-opt-item h6 {
    color: #FFF;
    font-size: 36px;
    font-style: normal;
    font-weight: 400;
    line-height: 36px;
    margin-top: auto;
  }
  .geo-opt-item p span,
  .geo-opt-item p {
    font-size: 24px;
    line-height: 40px;
  }
  .geo-opt-item:not(.color) {
    padding-bottom: 47px;
  }
  .wrap-trad-block {
    margin-top: 64px;
  }
  .trad-top-item p {
    font-size: 40px;
    line-height: 40px;
  }
  .trad-top-item {
    height: 100px;
  }
  .wrap-trad-body-items {
    margin-top: 20px;
    gap: 40px;
  }
  .trad-body-item {
    height: auto;
    min-height: 280px;
    padding: 41px 28px;
  }
  .trad-body-item:nth-child(2) p,
  .trad-body-item:nth-child(3) p {
    font-size: 20px;
    line-height: 32px;
    margin: 0;
  }
  .trad-body-item:nth-child(1) p {
    color: #0A0A0A;
    font-size: 30px;
    line-height: 30px;
    margin: 0;
  }
  .traditional {
    margin-bottom: 220px;
  }
  .geo-promotion .wrap-cards-price {
    margin-top: 59px;
  }
  .geo-steps.steps {
    margin-top: 194px;
  }
}
@media screen and (max-width: 1240px) {
  .wrap-top-ii-items {
    gap: 24px 44px;
    margin-top: 63px;
    flex-wrap: wrap;
  }
  .ii-item p {
    font-size: 18px;
    line-height: 18px;
  }
  .wrap-abuot-geo-side {
    width: 100%;
    gap: 10px;
    flex-direction: column;
  }
  .about-geo {
    margin-top: 106px;
  }
  .geo-right, .geo-left {
    width: 100%;
  }
  .geo-left p span {
    font-size: 20px;
    line-height: 20px;
  }
  .geo-left h2 {
    margin-bottom: 48px;
  }
  .geo-left p {
    font-size: 16px;
    line-height: 140%;
    margin-bottom: 0;
  }
  .geo-left a {
    border-radius: 26px;
    border: 1px solid #23BD87;
    background: #23BD87;
    width: 295px;
    height: 60px;
    justify-content: center;
    padding: 0px 24px;
    align-items: center;
    margin-top: 38px;
    color: #FFF;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    transition: all 0.3s;
  }
  .geo-now {
    margin-top: 60px;
  }
  .wrap-geo-now-items {
    margin-top: 48px;
    gap: 20px;
  }
  .geo-now-item {
    width: 100%;
    min-height: 400px;
    padding: 49px 29px 50px;
  }
  .wrap-geo-now-item-number p, .geo-now-item p {
    margin-top: auto;
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 0;
  }
  .wrap-geo-opt-side {
    display: flex;
    gap: 48px;
    position: relative;
    flex-direction: column;
  }
  .geo-optimization {
    margin-top: 137px;
    margin-bottom: 139px;
  }
  .geo-opt-left {
    position: relative;
    width: 100%;
  }
  .wrap-geo-title {
    position: relative;
    top: 0;
    left: 0;
    display: flex;
    justify-content: space-between;
    align-items: self-end;
  }
  .wrap-geo-title h2 {
    line-height: 109%;
    margin-bottom: 0;
  }
  .wrap-geo-title .block-btn img {
    position: absolute;
    right: -2px;
    top: -41px;
    width: 72px;
    height: 72px;
  }
  .wrap-geo-title .block-btn {
    font-size: 24px;
    padding-right: 71px;
  }
  .geo-opt-item {
    border-radius: 20px;
    height: 390px;
    padding: 48px 32px;
  }
  .geo-opt-item h6 {
    color: #FFF;
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    margin-top: auto;
  }
  .geo-opt-right {
    width: 100%;
  }
  .geo-opt-item p span, .geo-opt-item p {
    font-size: 24px;
    line-height: 33px;
  }
  .wrap-trad-block {
    margin-top: 60px;
    display: flex;
    gap: 30px;
  }
  .wrap-trad-top-items {
    position: relative;
    top: 0px;
    left: 0;
    display: flex;
    gap: 30px;
    z-index: 3;
    width: 185px;
    min-width: 185px;
    flex-direction: column;
    max-width: 185px;
  }
  .trad-body-item-row {
    width: 100%;
    gap: 30px;
    flex-direction: column;
  }
  .wrap-trad-body-items {
    margin-top: 20px;
    gap: 40px;
  }
  .wrap-trad-body-items {
    margin-top: 0px;
    gap: 30px;
    width: calc(100% - 215px);
    overflow: auto;
    flex-direction: row;
    padding-right: 30px;
  }
  .trad-body-item-row.op {
    opacity: 1;
  }
  .trad-top-item {
    border-radius: 30px;
    width: 100%;
  }
  .trad-top-item p {
    font-size: 32px;
    line-height: 26px;
  }
  .trad-top-item:nth-child(1) {
    height: 146px;
  }
  .trad-top-item:nth-child(2) {
    height: 218px;
  }
  .trad-top-item:nth-child(3) {
    height: 218px;
  }
  .trad-body-item-row {
    margin-right: 30px;
  }
  .trad-body-item {
    height: auto;
    min-height: auto;
    display: flex;
    align-items: center;
    padding: 30px;
    border-radius: 30px;
    width: 493px;
  }
  .trad-body-item:nth-child(1) {
    height: 146px;
    border: 1px solid #D9D9D9;
  }
  .trad-body-item:nth-child(3),
  .trad-body-item:nth-child(2) {
    height: 218px;
  }
  .trad-body-item:nth-child(1) p {
    color: #0A0A0A;
    font-size: 26px;
    line-height: 28px;
    margin: 0;
  }
}
@media (max-width: 1200px) {
  .wrap-cards-price {
    gap: 30px;
    padding: 24px;
    border-radius: 16px;
    background: #F6F6F6;
    flex-direction: column;
  }
  .geo-card {
    padding: 32px 24px;
    border-radius: 16px;
    width: 100%;
    background: #FFF;
  }
  .content-geo ul {
    padding-left: 22px;
  }
  .content-geo {
    padding: 15px 0 30px;
    min-height: auto;
  }
}
@media (max-width: 1279px) {
  .wrap-steps-items {
    margin-top: 48px;
  }
  .steps-item {
    padding: 17px 42px 63px 32px;
  }
  .steps-item-number {
    font-size: 46px;
    margin-right: 34px;
  }
  .steps-item-title {
    font-size: 40px;
    line-height: 36px;
    padding-top: 14px;
    padding-bottom: 10px;
  }
  .steps-item.active .steps-item-content {
    display: block;
    padding-top: 59px;
    padding-left: 0;
    padding-bottom: 44px;
  }
  .steps-item-content h6 {
    color: #2D2D2D;
    font-size: 20px;
    font-family: "Open Sans", sans-serif;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 15px;
  }
  .steps-item-content ul li:after {
    position: absolute;
    content: "";
    left: -57px;
    top: 7px;
    width: 25px;
    height: 30px;
    background-image: url(../imgs/i-check.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
  .steps-item-content ul {
    padding-left: 56px;
  }
  .steps-item-content ul li {
    color: #2D2D2D;
    font-family: "Open Sans", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    margin-bottom: 10px;
  }
}
@media (max-width: 740px) {
  .ii-item img {
    width: 56px;
    height: 56px;
  }
  .ii-item {
    display: flex;
    align-items: center;
    gap: 16px;
  }
  .ii-item p {
    font-size: 15px;
    line-height: 19px;
  }
  .wrap-top-ii-items {
    gap: 20px 20px;
    margin-top: 37px;
    flex-wrap: wrap;
  }
  .geo-now .block-title,
  .about-geo .block-title {
    font-size: 40px;
    line-height: 40px;
  }
  .about-geo {
    margin-top: 87px;
  }
  .geo-left p span {
    font-size: 18px;
    line-height: 18px;
  }
  .geo-left h2 {
    margin-bottom: 39px;
  }
  .geo-left p {
    font-size: 14px;
  }
  .geo-left a {
    border-radius: 20px;
    border: 1px solid #23BD87;
    background: #23BD87;
    width: 300px;
    height: 56px;
    justify-content: center;
    padding: 0px 24px;
    align-items: center;
    margin-top: 42px;
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    transition: all 0.3s;
  }
  .geo-now {
    margin-top: 190px;
  }
  .wrap-geo-now-items {
    margin-top: 38px;
    gap: 20px;
  }
  .geo-now-item-title {
    color: #0A0A0A;
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 44px;
  }
  .geo-now-item {
    border-radius: 20px;
    width: 100%;
    min-height: 340px;
    padding: 30px 20px;
  }
  .wrap-geo-now-item-number {
    margin-top: 40px;
  }
  .geo-now-item-number {
    margin-top: auto;
    color: #0A0A0A;
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: 50px;
    margin-bottom: 19px;
  }
  .wrap-geo-now-item-number p, .geo-now-item p {
    margin-top: auto;
    font-size: 24px;
    line-height: 36px;
    margin-bottom: 0;
  }
  .wrap-geo-title h2 {
    font-size: 40px;
  }
  .geo-optimization {
    margin-top: 150px;
    margin-bottom: 139px;
  }
  .wrap-geo-title {
    position: relative;
    top: 0;
    left: 0;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: column;
  }
  .wrap-geo-title .block-btn {
    font-size: 24px;
    padding-right: 43px;
    margin-left: auto;
    margin-top: 50px;
  }
  .wrap-geo-title .block-btn img {
    position: absolute;
    right: -2px;
    top: -22px;
    width: 46px;
    height: 46px;
  }
  .wrap-geo-opt-items {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    flex-direction: column;
  }
  .wrap-geo-opt-side {
    gap: 30px;
  }
  .geo-opt-item {
    border-radius: 20px;
    height: 108vw;
    width: 100%;
    padding: 30px 20px;
  }
  .geo-opt-item:not(.color) {
    padding-bottom: 33px;
  }
  .traditional {
    display: none;
  }
  .det-blog-bg {
    WIDTH: 100%;
    padding: 35px 30px;
    border-radius: 30px;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .det-blog-bg p, .det-blog-colored {
    font-size: 18px !important;
  }
  .det-blog-bg p a {
    overflow-wrap: break-word;
  }
  .blog-date-top {
    flex-wrap: wrap;
  }
  .table_block {
    width: 100%;
    overflow: auto;
  }
}
@media screen and (max-width: 720px) {
  .wrap-cards-price {
    gap: 10px;
    padding: 16px;
    border-radius: 32px;
    background: #F6F6F6;
    flex-direction: column;
  }
  .geo-card {
    padding: 24px 20px 32px;
    border-radius: 24px;
    width: 100%;
    background: #FFF;
  }
  .top-geo p {
    font-size: 30px;
  }
  .top-geo {
    padding-bottom: 21px;
  }
  .content-geo {
    padding: 19px 0 30px;
    min-height: auto;
  }
  .steps .block-title {
    font-size: 40px;
    line-height: 40px;
  }
  .wrap-steps-items {
    margin-top: 40px;
  }
  .steps-item-number {
    font-size: 38px;
    margin-right: 0;
  }
  .steps-item {
    border-radius: 30px 30px 0 0;
    padding: 13px 11px 53px 21px;
  }
  .steps-item-top {
    display: flex;
    align-items: flex-start;
    position: relative;
    flex-direction: column;
  }
  .steps-item-title {
    font-size: 30px;
    line-height: 36px;
    padding-top: 6px;
    padding-bottom: 10px;
    width: 100%;
  }
  .steps-item.active .steps-item-content {
    display: block;
    padding-top: 82px;
    padding-left: 0;
    padding-bottom: 44px;
  }
  .steps-item-content ul {
    padding-left: 44px;
  }
  .steps-item-content ul li:after {
    left: -45px;
  }
}
.geo-page .main-top {
  padding-bottom: 150px;
}
.geo-page .geo__title {
  font-size: 130px;
  font-weight: 450;
  line-height: 124px;
  margin-bottom: 20px;
}
.geo-page .geo__subtitle {
  font-size: 60px;
  font-weight: 450;
  line-height: 80px;
}
.geo-page .about-geo {
  padding: 150px 0;
  margin-top: 0;
  overflow: hidden;
}
.geo-page .geo-left {
  padding: 0;
  position: relative;
}
.geo-page .geo-left h2 {
  margin-bottom: 40px;
}
.geo-page .geo-right, .geo-page .geo-left {
  width: 100%;
}
.geo-page .about-geo__subtitle {
  color: #6C6C6C;
  font-family: Jost;
  font-size: 40px;
  font-weight: 400;
  line-height: 52px;
}
.geo-page .about-geo__cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  margin-top: 127px;
}
.geo-page .about-geo__card {
  padding: 64px 44px 48px 44px;
  border-radius: 40px;
  background: linear-gradient(0deg, #FFF 0%, #FFF 100%), #F6F6F6;
  box-shadow: 0 0 80px 0 rgba(0, 0, 0, 0.06);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 462px;
}
.geo-page .about-geo__card-title-wrapper h3 {
  color: #0A0A0A;
  font-family: Jost;
  font-size: 56px;
  font-style: normal;
  font-weight: 400;
  line-height: 64px; /* 114.286% */
  margin-bottom: 30px;
}
.geo-page .about-geo__card-subtitle {
  color: #B0B0B0;
  font-family: Jost;
  font-size: 32px;
  font-style: normal;
  font-weight: 450;
  line-height: 100%; /* 32px */
}
.geo-page .about-geo__card p {
  color: rgba(10, 10, 10, 0.64);
  font-family: "Open Sans";
  font-size: 26px;
  font-style: normal;
  font-weight: 400;
  line-height: 44px; /* 169.231% */
}
.geo-page .about-geo__card p span {
  color: var(--black-100, #0A0A0A);
  font-family: "Open Sans";
  font-size: 26px;
  font-style: normal;
  font-weight: 400;
  line-height: 44px;
}
.geo-page #blob {
  object-fit: cover;
  overflow: visible;
}
.geo-page .sun__center {
  position: absolute;
  top: 145px;
  right: -140px;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.geo-page .sun__img {
  display: flex;
  justify-content: flex-end;
}
.geo-page .main-cases {
  margin: 0;
  padding: 150px 0;
}
.geo-page .wrap-case-slider {
  display: block !important;
  position: relative;
}
.geo-page .wrap-case-slider .swiper-slide {
  display: flex;
  justify-content: space-between;
}
.geo-page .wrap-case-slider .result-case__card-logo {
  z-index: 9;
  position: absolute;
  top: 20px;
  left: 35px;
}
.geo-page .wrap-case-slider .mobile-logo-company {
  display: none;
}
.geo-page .case-main-img .img-case-main {
  position: relative;
  height: 100%;
}
.geo-page .swiper-pagination {
  position: unset;
}
.geo-page .swiper-pagination-fraction {
  color: #B0B0B0;
  font-family: Jost;
  font-size: 70px;
  font-style: normal;
  font-weight: 400;
  line-height: 70px;
  width: auto;
}
.geo-page .swiper-pagination-current {
  color: #0A0A0A;
  font-family: Jost;
  font-size: 56px;
  font-style: normal;
  font-weight: 500;
  line-height: 56px; /* 100% */
}
.geo-page .swiper-pagination-total {
  color: #6C6C6C;
  font-family: Jost;
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px; /* 100% */
}
.geo-page .swiper-button-prev.arrow {
  position: unset;
  width: auto;
  height: auto;
  margin-top: 0;
}
.geo-page .swiper-button-next.arrow {
  position: unset;
  width: auto;
  height: auto;
  margin-top: 0;
}
.geo-page .arrow:after {
  display: none;
}
.geo-page .main-cases__nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 156px;
  margin-top: 45px;
}
.geo-page .case-slider {
  display: flex;
}
.geo-page .case-slider .swiper-wrapper {
  height: auto;
}
.geo-page .geo-now {
  padding: 150px 0;
  margin: 0;
}
.geo-page .geo-now-item {
  padding: 64px 44px 48px 44px;
}
.geo-page .geo-now-item-title.geo-now__title-number {
  color: #0A0A0A;
  font-family: Jost;
  font-size: 120px;
  font-style: normal;
  font-weight: 400;
  line-height: 120px; /* 100% */
  letter-spacing: -3.6px;
}
.geo-page .geo-now-item p {
  margin-bottom: 0;
}
.geo-page .result-estimation {
  padding: 150px 0;
}
.geo-page .result-estimation__cards {
  margin-top: 90px;
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.geo-page .result-estimation__card {
  padding: 40px 0 70px 0;
  border-bottom: 1px solid #B0B0B0;
  display: flex;
  justify-content: space-between;
}
.geo-page .result-estimation__card-number {
  color: #0A0A0A;
  font-family: Jost;
  font-size: 120px;
  font-style: normal;
  font-weight: 400;
  line-height: 120px;
  letter-spacing: -3.6px;
  width: 116px;
  display: flex;
  align-items: flex-end;
}
.geo-page .result-estimation__card-content {
  display: flex;
  flex-direction: column;
  gap: 80px;
  padding-right: 145px;
  max-width: 991px;
}
.geo-page .result-estimation__card-content h3 {
  color: #0A0A0A;
  font-family: Jost;
  font-size: 56px;
  font-style: normal;
  font-weight: 400;
  line-height: 64px; /* 114.286% */
}
.geo-page .result-estimation__card-content p {
  color: rgba(10, 10, 10, 0.64);
  font-family: "Open Sans";
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 56px; /* 175% */
  margin-bottom: 0;
}
.geo-page .geo-promotion {
  padding: 150px 0;
}
.geo-page .geo-card {
  display: flex;
  flex-direction: column;
}
.geo-page .price-card-btn {
  margin-top: auto;
}
.geo-page .traditional {
  margin: 0;
  padding: 150px 0;
}
.geo-page .traditional__subtitle {
  color: #6C6C6C;
  font-family: Jost;
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: 52px;
  width: 1120px;
  margin: 40px 0 96px;
}
.geo-page .geo-optimization {
  margin: 0;
  padding: 150px 0;
}
.geo-page .geo-optimization__subtitle {
  color: #6C6C6C;
  font-family: Jost;
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: 52px;
  max-width: 1120px;
  margin: 40px 0 96px;
}
.geo-page .geo-optimization__cards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
}
.geo-page .geo-optimization__card {
  display: flex;
  padding: 44px 56px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  border-radius: 40px;
  height: 680px;
  background: #F6F6F6;
}
.geo-page .geo-optimization__title-wrapper {
  display: flex;
  align-items: center;
  gap: 44px;
  margin-bottom: 32px;
}
.geo-page .geo-optimization__title-wrapper img {
  width: 200px;
  height: 200px;
}
.geo-page .geo-optimization__title-wrapper h3 {
  color: #0A0A0A;
  font-family: Jost;
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: 52px; /* 130% */
}
.geo-page .geo-optimization__card p {
  color: #2F2F2F;
  font-family: "Open Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%; /* 32px */
  margin-bottom: 0;
}
.geo-page .geo-optimization__example-prompt-title {
  color: #B0B0B0;
  font-family: "Open Sans";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px; /* 100% */
  margin-bottom: 30px;
}
.geo-page .content-geo {
  flex-grow: 1;
}
.geo-page .geo-optimization__example-prompt-card {
  height: 146px;
  padding: 30px 30px 40px 30px;
  border-radius: 20px;
  background: #FFF;
  box-shadow: 0 0 80px 0 rgba(0, 0, 0, 0.06);
  color: #6C6C6C;
  font-family: "Open Sans";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px; /* 144.444% */
}
.geo-page .geo-optimization .block-btn {
  margin-top: 96px;
  display: flex;
}
.geo-page .wrap-trad-top-items {
  border-bottom: 1px solid #D8D8D8;
  background: #FFF;
}
.geo-page .trad-top-item {
  height: auto;
  padding: 44px 32px;
  background: transparent;
}
.geo-page .trad-top-item:nth-child(3) {
  box-shadow: none;
}
.geo-page .trad-body-item {
  justify-content: flex-start;
}
.geo-page .technical-analysis {
  padding: 150px 0;
}
.geo-page .technical-analysis__subtitle {
  color: #6C6C6C;
  font-family: Jost;
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: 52px; /* 130% */
  max-width: 1120px;
  margin: 40px 0 96px;
}
.geo-page .technical-analysis__cards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
}
.geo-page .technical-analysis__card {
  display: flex;
  height: 560px;
  padding: 64px 44px 48px 44px;
  flex-direction: column;
  justify-content: space-between;
  flex-shrink: 0;
  border-radius: 40px;
  background: #F6F6F6;
}
.geo-page .technical-analysis__card-title h3 {
  color: #0A0A0A;
  font-family: Jost;
  font-size: 56px;
  font-weight: 400;
  line-height: 64px; /* 114.286% */
  letter-spacing: -1.68px;
  margin-bottom: 40px;
}
.geo-page .technical-analysis__card-subtitle {
  color: #B0B0B0;
  font-family: Jost;
  font-size: 32px;
  font-weight: 450;
  line-height: 100%; /* 32px */
}
.geo-page .technical-analysis__card p {
  color: rgba(10, 10, 10, 0.64);
  font-family: "Open Sans";
  font-size: 32px;
  font-weight: 400;
  line-height: 56px; /* 175% */
  margin-bottom: 0;
}
.geo-page .expert-team {
  padding: 150px 0;
}
.geo-page .expert-team h2 {
  margin-bottom: 96px;
}
.geo-page .expert-team__cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}
.geo-page .expert-team__card {
  display: flex;
  padding: 50px 30px;
  flex-direction: column;
  gap: 40px;
  flex-shrink: 0;
  border-radius: 40px;
  background: #F6F6F6;
  align-items: center;
}
.geo-page .expert-team__card img {
  border-radius: 36000px;
  background: #D9DDDE;
  width: 240px;
  height: 240px;
  object-fit: cover;
}
.geo-page .expert-team__post-wrapper h3 {
  color: #0A0A0A;
  text-align: center;
  font-family: Jost;
  font-size: 48px;
  font-style: normal;
  font-weight: 400;
  line-height: 40px;
  margin-bottom: 30px;
}
.geo-page .expert-team__post {
  color: #939393;
  text-align: center;
  font-family: Jost;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%; /* 32px */
}
.geo-page .expert-team__card p {
  color: #2F2F2F;
  font-family: "Open Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%; /* 32px */
  margin-bottom: 0;
}
.geo-page .geo-steps {
  padding: 150px 0;
  margin: 0;
}
.geo-page .steps-item {
  padding: 60px 64px;
}
.geo-page .steps-item-number {
  font-size: 52px;
  margin-right: 54px;
}
.geo-page .steps-item-title {
  font-size: 44px;
  line-height: 56px;
  padding-top: 10px;
  border-bottom: none;
  padding-bottom: 20px;
}
.geo-page .steps-item:nth-child(even) {
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05);
}
.geo-page .steps-item-content h6 {
  font-weight: 400;
}
.geo-page .steps-item-content ul li:after {
  content: none;
}
.geo-page .steps-item-content ul {
  padding-left: 0;
}
.geo-page .steps-item-content ul li {
  color: #2D2D2D;
  font-family: "Open Sans";
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
}
.geo-page .faq {
  margin: 0;
  padding-top: 150px;
}
@media (max-width: 1919px) {
  .geo-page .block-title {
    font-size: 60px;
    line-height: 60px;
    margin-bottom: 60px;
  }
  .geo-page .main-top {
    padding-bottom: 50px;
  }
  .geo-page .geo__title {
    font-size: 100px;
    line-height: 96px;
    margin-bottom: 24px;
  }
  .geo-page .geo__subtitle {
    font-size: 48px;
    line-height: 56px;
  }
  .geo-page .about-geo {
    padding: 50px 0 100px;
  }
  .geo-page .geo-left h2 {
    margin-bottom: 24px;
  }
  .geo-page .about-geo__subtitle {
    font-size: 30px;
    line-height: 100%; /* 30px */
  }
  .geo-page .about-geo__cards {
    margin-top: 60px;
  }
  .geo-page .about-geo__card {
    padding: 36px 26px 44px 26px;
    min-height: 378px;
    height: auto;
    justify-content: normal;
    gap: 50px;
  }
  .geo-page .about-geo__card-title-wrapper h3 {
    font-size: 40px;
    line-height: 48px;
    margin-bottom: 8px;
  }
  .geo-page .about-geo__card-subtitle {
    font-size: 24px;
    line-height: 32px; /* 133.333% */
  }
  .geo-page .about-geo__card p,
  .geo-page .about-geo__card p span {
    font-size: 24px;
    line-height: 32px; /* 133.333% */
  }
  .geo-page .sun__center {
    top: 0;
    right: -95px;
  }
  .geo-page .about-geo .wrap-case-bottom {
    margin-top: 142px;
  }
  .geo-page .geo-left a {
    margin-top: 0;
    border-radius: 0;
    border: none;
    background: transparent;
    width: max-content;
    height: auto;
    padding: 0;
    color: #0A0A0A;
  }
  .geo-page .about-geo .block-btn img {
    right: -68px;
  }
  .geo-page .main-cases {
    padding: 100px 0;
  }
  .geo-page .main-cases .block-title {
    margin-bottom: 60px;
  }
  .geo-page .main-cases__nav {
    margin-top: 30px;
    gap: 120px;
  }
  .geo-page .swiper-pagination-current {
    font-size: 40px;
    line-height: 40px;
  }
  .geo-page .swiper-pagination-fraction {
    font-size: 50px;
    line-height: 50px;
  }
  .geo-page .swiper-pagination-total {
    font-size: 22px;
    line-height: 22px;
  }
  .geo-page .main-cases .wrap-case-bottom {
    margin-top: 80px;
  }
  .geo-page .geo-now {
    padding: 100px 0;
  }
  .geo-page .geo-now-item {
    padding: 48px 32px;
    min-height: 430px;
    max-height: 430px;
  }
  .geo-page .geo-now-item-title.geo-now__title-number {
    font-size: 60px;
    line-height: 60px; /* 100% */
    letter-spacing: -1.8px;
  }
  .geo-page .geo-now-item-title {
    font-size: 40px;
    line-height: 48px;
  }
  .geo-page .geo-now-item p, .geo-page .geo-now-item p span {
    font-size: 24px;
    line-height: 40px; /* 166.667% */
  }
  .geo-page .result-estimation {
    padding: 100px 0;
  }
  .geo-page .result-estimation__cards {
    margin-top: 0;
  }
  .geo-page .result-estimation__card {
    padding: 30px 0 40px;
  }
  .geo-page .result-estimation__card-number {
    width: 80px;
    font-size: 56px;
    line-height: 56px;
  }
  .geo-page .result-estimation__card-content h3 {
    font-size: 40px;
    line-height: 44px;
  }
  .geo-page .result-estimation__card-content {
    gap: 50px;
    padding-right: 108px;
    max-width: 800px;
  }
  .geo-page .result-estimation__card-content p {
    font-size: 20px;
    line-height: 32px; /* 160% */
  }
  .geo-page .geo-promotion {
    padding: 100px 0;
  }
  .geo-page .geo-optimization {
    padding: 100px 0;
  }
  .geo-page .geo-optimization__subtitle {
    font-size: 30px;
    line-height: 100%;
    max-width: 800px;
    margin: 0 0 60px;
  }
  .geo-page .geo-optimization__card {
    padding: 48px 32px;
    min-height: 560px;
    max-height: 560px;
  }
  .geo-page .geo-optimization__title-wrapper img {
    width: 130px;
    height: 130px;
  }
  .geo-page .geo-optimization__title-wrapper h3 {
    font-size: 36px;
    line-height: 36px;
  }
  .geo-page .geo-optimization__title-wrapper {
    gap: 32px;
    /*margin-bottom: 24px;*/
  }
  .geo-page .geo-optimization__card p {
    font-size: 18px;
    line-height: 160%;
  }
  .geo-page .geo-optimization__example-prompt-card {
    padding: 26px 24px 32px 24px;
    font-size: 16px;
    line-height: 24px;
    height: auto;
  }
  .geo-page .geo-optimization__example-prompt-title {
    font-size: 16px;
    line-height: 16px;
    margin-bottom: 24px;
  }
  .geo-page .traditional {
    padding: 100px 0;
  }
  .geo-page .traditional .block-title {
    margin-bottom: 0;
  }
  .geo-page .traditional__subtitle {
    font-size: 30px;
    line-height: 35px;
    width: 743px;
    margin: 24px 0 60px;
  }
  .geo-page .technical-analysis {
    padding: 100px 0;
  }
  .geo-page .technical-analysis .block-title {
    margin-bottom: 0;
  }
  .geo-page .technical-analysis__subtitle {
    font-size: 30px;
    line-height: 35px;
    max-width: 745px;
    margin: 24px 0 60px;
  }
  .geo-page .technical-analysis__card {
    height: 430px;
    min-height: 430px;
    max-height: 430px;
    padding: 48px 32px;
    border-radius: 30px;
  }
  .geo-page .technical-analysis__card-title h3 {
    font-size: 40px;
    line-height: 36px;
    margin-bottom: 24px;
  }
  .geo-page .technical-analysis__card-subtitle {
    font-size: 30px;
    line-height: 100%;
  }
  .geo-page .technical-analysis__card p {
    color: #5F5F5F;
    font-size: 24px;
    line-height: 40px;
  }
  .geo-page .expert-team {
    padding: 100px 0;
  }
  .geo-page .expert-team h2 {
    margin-bottom: 60px;
  }
  .geo-page .expert-team__card {
    padding: 32px 32px 36px 32px;
    gap: 24px;
    border-radius: 30px;
  }
  .geo-page .expert-team__card img {
    border-radius: 24000px;
    width: 160px;
    height: 160px;
  }
  .geo-page .expert-team__post-wrapper h3 {
    font-size: 36px;
    line-height: 30px;
    margin-bottom: 16px;
  }
  .geo-page .expert-team__post {
    font-size: 18px;
    line-height: 140%;
  }
  .geo-page .expert-team__card p {
    font-size: 18px;
    line-height: 140%;
  }
  .geo-page .geo-steps {
    padding: 100px 0;
  }
  .geo-page .steps-item-number {
    font-size: 44px;
    margin-right: 49px;
  }
  .geo-page .steps-item-title {
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 44px;
    /*padding-top: 10px;*/
    /*border-bottom: none;*/
    /*padding-bottom: 20px;*/
  }
  .geo-page .faq {
    padding-top: 100px;
  }
}
@media (max-width: 1365px) {
  .geo-page .block-title {
    font-size: 48px;
    line-height: 48px;
    margin-bottom: 50px;
  }
  .geo-page .main-top {
    padding-bottom: 64px;
  }
  .geo-page .geo__title {
    font-size: 60px;
    line-height: 60px;
  }
  .geo-page .geo__subtitle {
    font-size: 32px;
    line-height: 100%;
    margin-bottom: 64px;
  }
  .geo-page .about-geo {
    padding: 40px 0 70px;
  }
  .geo-page .sun__center {
    display: none;
  }
  .geo-page .about-geo__subtitle {
    font-size: 26px;
    line-height: 100%;
  }
  .geo-page .about-geo__cards {
    margin-top: 50px;
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  .geo-page .about-geo__card {
    height: 350px;
    min-height: 350px;
    max-height: 350px;
    padding: 45px 30px;
    justify-content: space-between;
    gap: 0;
    border-radius: 20px;
    box-shadow: 0 0 80px 0 rgba(0, 0, 0, 0.06);
  }
  .geo-page .about-geo__card p, .geo-page .about-geo__card p span {
    line-height: 140%;
  }
  .geo-page .about-geo .wrap-case-bottom {
    margin-top: 60px;
  }
  .geo-page .main-cases {
    padding: 70px 0;
  }
  .geo-page .main-cases .block-title {
    margin-bottom: 50px;
  }
  .geo-page .wrap-case-slider .swiper-slide {
    flex-direction: column;
    justify-content: normal;
    max-height: 1000px;
  }
  .geo-page .main-cases__nav {
    margin-top: 60px;
    gap: 0;
    justify-content: space-between;
  }
  .geo-page .swiper-pagination-current {
    font-size: 36px;
    line-height: 120%;
  }
  .geo-page .swiper-pagination-fraction {
    font-size: 40px;
    line-height: 27px;
  }
  .geo-page .swiper-pagination-fraction {
    font-size: 16px;
    line-height: 24px;
  }
  .geo-page .wrap-case-slider {
    padding-bottom: 50px;
  }
  .geo-page .main-cases .wrap-case-bottom {
    margin-top: 0px;
    padding: 0;
  }
  .geo-page .geo-now {
    padding: 70px 0;
  }
  .geo-page .geo-now-item {
    height: 400px;
    min-height: 400px;
    max-height: 400px;
    padding: 45px 30px;
    border-radius: 20px;
  }
  .geo-page .geo-now-item p {
    max-width: 553px;
  }
  .geo-page .geo-now-item p, .geo-page .geo-now-item p span {
    line-height: 140%;
  }
  .geo-page .result-estimation {
    padding: 70px 0;
  }
  .geo-page .result-estimation .block-title {
    margin-bottom: 24px;
  }
  .geo-page .result-estimation__card {
    padding: 24px 0 32px 0;
    gap: 30px;
    justify-content: normal;
  }
  .geo-page .result-estimation__card-number {
    width: 155px;
    font-size: 40px;
    line-height: 40px;
    min-width: 155px;
  }
  .geo-page .result-estimation__card-content {
    gap: 40px;
    padding-right: 0;
    max-width: 100%;
  }
  .geo-page .result-estimation__card-content h3 {
    font-size: 32px;
    line-height: 36px;
  }
  .geo-page .geo-promotion {
    padding: 70px 0;
  }
  .geo-page .price-geo p {
    margin-bottom: 0;
  }
  .geo-page .geo-optimization {
    padding: 70px 0;
  }
  .geo-page .geo-optimization .block-title {
    margin-bottom: 0px;
  }
  .geo-page .geo-optimization__subtitle {
    font-size: 26px;
    line-height: 28px;
    max-width: 553px;
    margin: 20px 0 50px;
  }
  .geo-page .geo-optimization__cards {
    flex-direction: column;
    display: flex;
  }
  .geo-page .geo-optimization__card {
    padding: 24px 24px 32px 24px;
    min-height: 100%;
    max-height: 100%;
    height: auto;
    gap: 32px;
    border-radius: 20px;
  }
  .geo-page .geo-optimization__title-wrapper img {
    width: 100px;
    height: 100px;
  }
  .geo-page .geo-optimization__title-wrapper {
    gap: 20px;
    margin-bottom: 0;
  }
  .geo-page .geo-optimization__title-wrapper h3 {
    font-size: 24px;
    line-height: 100%;
    max-width: 221px;
  }
  .geo-page .geo-optimization__card p {
    font-size: 16px;
    max-width: 544px;
    line-height: 24px;
  }
  .geo-page .geo-optimization__example-prompt-card {
    border-radius: 16px;
  }
  .geo-page .traditional {
    padding: 70px 0;
  }
  .geo-page .traditional__subtitle {
    font-size: 24px;
    line-height: 140%;
    width: 522px;
    margin: 24px 0 50px;
  }
  .geo-page .wrap-trad-top-items {
    border-bottom: none;
    border-right: 1px solid #D8D8D8;
    padding-right: 16px;
  }
  .geo-page .wrap-trad-block {
    gap: 0px;
  }
  .geo-page .wrap-trad-body-items {
    padding-left: 20px;
    padding-top: 20px;
    padding-bottom: 50px;
    width: 100%;
  }
  .geo-page .technical-analysis {
    padding: 70px 0;
  }
  .geo-page .technical-analysis__subtitle {
    font-size: 24px;
    line-height: 140%;
    width: 522px;
    margin: 24px 0 50px;
  }
  .geo-page .technical-analysis__cards {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  .geo-page .technical-analysis__card {
    height: 400px;
    min-height: 400px;
    max-height: 400px;
    padding: 45px 30px;
    border-radius: 20px;
  }
  .geo-page .technical-analysis__card-title h3 {
    line-height: 48px;
    margin-bottom: 16px;
  }
  .geo-page .technical-analysis__card-subtitle {
    font-size: 26px;
    line-height: 100%;
  }
  .geo-page .technical-analysis__card p {
    line-height: 140%;
    max-width: 553px;
  }
  .geo-page .expert-team {
    padding: 70px 0;
    overflow: hidden;
  }
  .geo-page .expert-team h2 {
    margin-bottom: 50px;
  }
  .geo-page .expert-team__card {
    padding: 32px 20px 36px 20px;
    gap: 16px;
    width: 300px;
  }
  .geo-page .expert-team__card img {
    width: 130px;
    height: 130px;
    border-radius: 19500px;
  }
  .geo-page .expert-team__post-wrapper h3 {
    font-size: 26px;
    line-height: 100%;
    margin-bottom: 8px;
  }
  .geo-page .expert-team__post {
    font-size: 16px;
    line-height: 140%;
  }
  .geo-page .expert-team__card p {
    font-size: 16px;
    line-height: 140%;
  }
  .geo-page .expert-team__cards {
    display: flex;
    width: 100vw;
    overflow-x: scroll;
    padding-right: 60px;
  }
  .geo-page .expert-team__cards::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none;
  }
  .geo-page .geo-steps {
    padding: 70px 0;
  }
  .geo-page .steps-item {
    padding: 26px 32px 55px;
  }
  .geo-page .steps-item-number {
    font-size: 32px;
    line-height: 32px;
    margin-right: 32px;
  }
  .geo-page .steps-item-title {
    font-size: 26px;
    line-height: 29px;
    padding-bottom: 27px;
    padding-top: 3px;
  }
  .geo-page .steps-item.active .steps-item-content {
    padding-top: 44px;
    padding-bottom: 45px;
    padding-left: 70px;
  }
  .geo-page .steps-item-content h6 {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 18px;
  }
  .geo-page .steps-item-content ul li {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
  }
  .geo-page .steps-item-arr {
    top: -10px;
  }
  .geo-page .faq {
    padding-top: 70px;
  }
}
@media (max-width: 767px) {
  .geo-page .block-title {
    font-size: 40px;
    line-height: 40px;
    margin-bottom: 40px;
  }
  .geo-page .main-top {
    padding-bottom: 45px;
  }
  .geo-page .geo__title {
    font-size: 45px;
    line-height: 45px;
  }
  .geo-page .geo__subtitle {
    font-size: 28px;
    line-height: 100%;
    margin-bottom: 40px;
  }
  .geo-page .about-geo {
    padding: 40px 0 75px;
  }
  .geo-page .about-geo__subtitle {
    font-size: 20px;
    line-height: 22px;
  }
  .geo-page .about-geo__cards {
    margin-top: 40px;
  }
  .geo-page .about-geo__card {
    padding: 30px 20px;
    height: auto;
    min-height: 100%;
    max-height: 100%;
    justify-content: normal;
    gap: 40px;
  }
  .geo-page .about-geo__card-title-wrapper h3 {
    font-size: 32px;
    line-height: 44px;
  }
  .geo-page .about-geo__card-subtitle {
    line-height: 26px;
  }
  .geo-page .about-geo__card p, .geo-page .about-geo__card p span {
    line-height: 36px;
  }
  .geo-page .about-geo .block-btn img {
    right: 0;
  }
  .geo-page .geo-left a {
    width: 230px;
  }
  .geo-page .main-cases {
    padding: 75px 0;
  }
  .geo-page .wrap-case-slider .swiper-slide {
    max-height: 732px;
  }
  .geo-page .wrap-case-slider .result-case__card-logo {
    z-index: 9;
    position: absolute;
    top: 15px;
    left: 25px;
  }
  .geo-page .wrap-case-slider .result-case__card-logo img {
    display: none;
  }
  .geo-page .wrap-case-slider .result-case__card-logo img.mobile-logo-company {
    display: block;
  }
  .geo-page .case-main-img .img-case-main {
    position: relative;
  }
  .geo-page .main-cases__nav {
    margin-top: 20px;
    padding: 0 20px;
  }
  .geo-page .swiper-pagination-current {
    font-size: 30px;
    line-height: 120%;
  }
  .geo-page .swiper-pagination-fraction {
    font-size: 40px;
    line-height: 27px;
  }
  .geo-page .swiper-pagination-total {
    font-size: 16px;
    line-height: 24px;
  }
  .geo-page .geo-now {
    padding: 75px 0;
  }
  .geo-page .geo-now-item {
    height: auto;
    min-height: 100%;
    max-height: 100%;
    padding: 30px 20px;
    gap: 40px;
  }
  .geo-page .geo-now-item-title.geo-now__title-number {
    font-size: 50px;
    line-height: 50px; /* 100% */
    letter-spacing: -1.5px;
  }
  .geo-page .geo-now-item-title {
    font-size: 32px;
    line-height: 44px;
  }
  .geo-page .result-estimation {
    padding: 75px 0;
  }
  .geo-page .result-estimation .block-title {
    margin-bottom: 40px;
  }
  .geo-page .result-estimation__cards {
    gap: 40px;
  }
  .geo-page .result-estimation__card {
    padding: 0 0 40px;
    gap: 20px;
    flex-direction: column;
  }
  .geo-page .result-estimation__card-number {
    width: 100%;
    font-size: 36px;
    line-height: 40px;
    min-width: 100%;
  }
  .geo-page .result-estimation__card-content {
    gap: 20px;
  }
  .geo-page .result-estimation__card-content h3 {
    line-height: 44px;
  }
  .geo-page .result-estimation__card-content p {
    font-size: 24px;
    line-height: 36px;
  }
  .geo-page .geo-promotion {
    padding: 75px 0;
  }
  .geo-page .geo-optimization {
    padding: 75px 0;
  }
  .geo-page .geo-optimization__subtitle {
    font-size: 16px;
    line-height: 24px;
    max-width: 100%;
    margin: 16px 0 40px;
  }
  .geo-page .geo-optimization__card {
    padding: 24px 20px;
    gap: 16px;
  }
  .geo-page .geo-optimization__title-wrapper {
    flex-direction: column;
    gap: 16px;
    align-items: flex-start;
  }
  .geo-page .geo-optimization__title-wrapper img {
    width: 80px;
    height: 80px;
    flex-shrink: 0;
  }
  .geo-page .geo-optimization__card p {
    font-size: 14px;
    line-height: 140%;
    max-width: 100%;
  }
  .geo-page .geo-optimization__example-prompt-title {
    font-size: 15px;
    line-height: 24px;
    margin-bottom: 16px;
  }
  .geo-page .geo-optimization__example-prompt-card {
    padding: 16px 16px 24px 16px;
    font-size: 15px;
    line-height: 23px;
  }
  .geo-page .technical-analysis {
    padding: 75px 0;
  }
  .geo-page .technical-analysis__subtitle {
    font-size: 16px;
    line-height: 24px;
    width: 100%;
    margin: 16px 0 40px;
  }
  .geo-page .technical-analysis__card {
    height: auto;
    min-height: 100%;
    max-height: 100%;
    padding: 30px 20px;
    gap: 40px;
  }
  .geo-page .technical-analysis__card-title h3 {
    font-size: 32px;
    line-height: 44px;
    margin-bottom: 8px;
  }
  .geo-page .technical-analysis__card-subtitle {
    font-size: 24px;
    line-height: 32px;
  }
  .geo-page .technical-analysis__card p {
    line-height: 36px;
    max-width: 100%;
  }
  .geo-page .expert-team {
    padding: 75px 0;
  }
  .geo-page .expert-team__cards {
    gap: 20px;
    padding-right: 24px;
  }
  .geo-page .expert-team__card {
    padding: 24px 20px 30px 20px;
    gap: 24px;
    width: 300px;
  }
  .geo-page .expert-team__card img {
    width: 100px;
    height: 100px;
    border-radius: 15000px;
  }
  .geo-page .expert-team__post-wrapper h3 {
    font-size: 24px;
    margin-bottom: 12px;
  }
  .geo-page .expert-team__post {
    font-size: 18px;
    line-height: 19.027px;
  }
  .geo-page .expert-team__card p {
    font-size: 14px;
    line-height: 140%;
  }
  .geo-page .geo-steps {
    padding: 75px 0;
  }
  .geo-page .steps-item {
    padding: 30px 20px 40px;
  }
  .geo-page .steps-item-number {
    font-size: 30px;
    line-height: 30px;
    margin-right: 0;
    margin-bottom: 24px;
  }
  .geo-page .steps-item-title {
    font-size: 24px;
    line-height: 26px;
    padding-bottom: 27px;
    padding-top: 0;
  }
  .geo-page .steps-item.active .steps-item-content {
    padding-top: 30px;
    padding-bottom: 48px;
    padding-left: 0;
  }
  .geo-page .steps-item-content h6 {
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 32px;
  }
  .geo-page .steps-item-content ul li {
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
  }
}

.dev-card {
  width: calc(33.333% - 20px);
  padding: 44px 32px;
  border-radius: 32px;
  background: #FFF;
}

.top-dev {
  position: relative;
  padding-bottom: 30px;
}

.top-dev p {
  display: flex;
  flex-direction: column;
  color: #0A0A0A;
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  margin-bottom: 0;
}

.top-dev p span {
  font-family: "Open Sans", sans-serif;
  opacity: 0.6;
  color: #0A0A0A;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  margin-top: 10px;
}

.dev-content {
  margin-top: 30px;
}

.dev-content p {
  color: #0A0A0A;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.dev-price {
  margin-top: 30px;
  margin-bottom: 35px;
}

.dev-price p {
  display: flex;
  align-items: center;
  gap: 16px;
  color: #23BD87;
  font-size: 64px;
  font-style: normal;
  font-weight: 400;
  line-height: 64px;
  margin-bottom: 0;
}

.dev-price span {
  color: #23BD87;
  font-size: 64px;
  font-style: normal;
  font-weight: 300;
  line-height: 64px;
}

.dir-card {
  width: calc(25% - 13px);
  padding: 44px 32px;
  border-radius: 32px;
  background: #FFF;
  height: fit-content;
}

.dir-content-btn {
  display: flex;
  width: 100%;
  height: 44px;
  align-items: center;
  justify-content: space-between;
  border-radius: 32px;
  border: 1px solid #B0B0B0;
  padding: 0 24px;
  color: #808080;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  transition: all 0.3s;
}

.dir-content-btn span {
  color: #808080;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  transform: rotate(0deg);
  transition: all 0.3s;
}

.dir-content-btn:hover {
  color: #0A0A0A;
  border: 1px solid #0A0A0A;
  transition: all 0.3s;
}

.dir-content-btn.active span {
  transform: rotate(-180deg);
  transition: all 0.3s;
}

.dir-content {
  display: none;
}

.dir-content-card {
  margin: 38px 0;
  padding: 30px 0;
  border-top: 1px solid #ECECEC;
  border-bottom: 1px solid #ECECEC;
}

.dir-content-card p {
  margin-bottom: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #0A0A0A;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
}

.dir-content-card p + p {
  margin-top: 20px;
}

.dir-content-card p span {
  color: #23BD87;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}

.dir-text {
  color: #0A0A0A;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  min-height: 50px;
}

.dir-card .dev-price p {
  gap: 16px;
  font-size: 56px;
  line-height: 56px;
  margin-bottom: 0;
}

.dir-card .dev-price p span {
  font-size: 56px;
  line-height: 56px;
}

.dir-card .dev-price {
  margin-top: 30px;
  margin-bottom: 29px;
}

.dir-content-title {
  margin-top: 30px;
  color: #0A0A0A;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.dir-content p {
  color: #0A0A0A;
  font-family: "Open Sans", sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 0;
  margin-top: 10px;
}

.dir-content p.text-d {
  color: #B0B0B0;
  text-decoration-line: line-through;
}

.targ-card {
  width: calc(33.333% - 20px);
  padding: 44px 32px;
  border-radius: 32px;
  background: #FFF;
}

.top-targ {
  margin-bottom: 30px;
}

.top-targ p {
  color: #0A0A0A;
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  margin-bottom: 0;
}

.targ-content {
  padding: 32px 0;
  min-height: 185px;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.targ-content ul {
  padding-left: 23px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.targ-content ul li {
  position: relative;
  color: #0A0A0A;
  font-family: "Open Sans", sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.targ-content ul li span {
  display: block;
  color: #808080;
  font-family: "Open Sans", sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin-top: 3px;
}

.targ-content ul li:after {
  position: absolute;
  content: "";
  left: -14px;
  top: 11px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #0A0A0A;
}

.targ-price {
  margin-top: 40px;
  margin-bottom: 36px;
  display: flex;
  gap: 16px;
}

.targ-price p {
  display: flex;
  align-items: center;
  gap: 16px;
  color: #23BD87;
  font-size: 44px;
  font-style: normal;
  font-weight: 400;
  line-height: 44px;
  margin-bottom: 0;
}

.targ-price p span {
  color: #23BD87;
  font-size: 44px;
  font-style: normal;
  font-weight: 300;
  line-height: 44px;
}

.targ-price .slash {
  color: #B0B0B0;
  font-size: 44px;
  font-style: normal;
  font-weight: 300;
  line-height: 44px;
}

.targ-price .month {
  color: #0A0A0A;
  font-size: 44px;
  font-style: normal;
  font-weight: 300;
  line-height: 44px;
}

.anal-tabs-type-1 .targ-content {
  min-height: 280px;
}

.anal-tabs-type-1 .top-dev {
  min-height: 102px;
}

.anal-tabs-type-1 .price-geo p span,
.anal-tabs-type-1 .price-geo p {
  font-size: 56px;
  line-height: 56px;
}

.anal-tabs-type-2 .targ-content p {
  color: #0A0A0A;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 10px;
}

.price-text {
  color: #23BD87;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
}

.anal-tabs-type-1.anal-tabs-type-2 .targ-content {
  min-height: 320px;
}

.anal-tabs-type-1 .price-geo {
  min-height: 66px;
}

.wrap-cards-price .wrap-popup-table-block {
  margin-top: 0;
  overflow: visible;
  position: relative;
  z-index: 2;
  height: auto;
  padding-bottom: 0;
}

.wrap-cards-price .table-col.table-col-4 {
  width: 422px;
}

.wrap-cards-price .table-col.table-col-2,
.wrap-cards-price .table-col.table-col-3 {
  width: 437px;
}

.wrap-cards-price .table-col.table-col-1 {
  width: 359px;
}

.wrap-cards-price .wrap-popup-table table tr th p {
  margin-bottom: 9px;
}

.wrap-cards-price .wrap-popup-table table tr th {
  padding: 31px 47px 21px;
}

.wrap-cards-price .wrap-popup-table table tr td {
  padding: 10px 47px 10px;
  font-size: 15px;
}

.wrap-cards-price .wrap-popup-table table tr td:first-child {
  padding-left: 0;
  padding-right: 20px;
}

.wrap-cards-price .popup-table-price span,
.wrap-cards-price .popup-table-price {
  color: #23BD87;
}

.wrap-cards-price .tarif-btn {
  color: #0A0A0A;
  border: 1px solid #0A0A0A;
}

.wrap-cards-price .tarif-btn:hover {
  color: #fff;
  border: 1px solid #23BD87;
}

.wrap-cards-price .wrap-tarif-popup-item {
  margin-top: 30px;
  padding-left: 364px;
}

.wrap-table-btn {
  position: absolute;
  bottom: 40px;
  left: 23px;
}

.wrap-table-btn a {
  position: relative;
  color: #B0B0B0;
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: 32px;
  margin: 0;
}

.wrap-cards-price .wrap-tarif-price span,
.wrap-cards-price .wrap-tarif-price {
  color: #23BD87;
}

.geo-card,
.dev-card,
.dir-card,
.targ-card {
  transition: all 0.3s;
}

.geo-card:hover,
.dev-card:hover,
.dir-card:hover,
.targ-card:hover {
  box-shadow: 0 4px 64px 0 rgba(0, 0, 0, 0.08);
  transition: all 0.3s;
}

@media screen and (max-width: 1740px) {
  .dev-card {
    padding: 34px 23px;
    border-radius: 24px;
    background: #FFF;
  }
  .top-dev p {
    font-size: 26px;
  }
  .top-dev p span {
    font-family: "Open Sans", sans-serif;
    opacity: 0.6;
    color: #0A0A0A;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    margin-top: 10px;
  }
  .dev-content p {
    color: #0A0A0A;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
  }
  .dev-content {
    margin-top: 21px;
  }
  .dev-price p {
    gap: 16px;
    font-size: 56px;
    line-height: 56px;
  }
  .dev-price span {
    font-size: 56px;
    line-height: 56px;
  }
  .dev-price {
    margin-top: 21px;
    margin-bottom: 19px;
  }
  .dir-content-title {
    margin-top: 30px;
    font-size: 22px;
    line-height: 22px;
  }
  .dir-content p {
    font-size: 15px;
    line-height: 24px;
    margin-top: 10px;
  }
  .price_li-tab {
    display: flex;
    gap: 44px;
    margin-bottom: 46px;
  }
  .price-tab-second_box .wrap-cards-price {
    gap: 8px;
  }
  .dir-card {
    width: calc(25% - 7px);
    padding: 33px 25px;
    border-radius: 32px;
    background: #FFF;
  }
  .price-tab-second_box .top-dev {
    position: relative;
    padding-bottom: 10px;
    min-height: 123px;
  }
  .dir-content-btn {
    height: 38px;
    padding: 0 24px;
    font-size: 18px;
    transition: all 0.3s;
  }
  .dir-content-card {
    margin: 27px 0;
    padding: 23px 0;
  }
  .dir-content-card p {
    margin-bottom: 0;
    color: #0A0A0A;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 15px;
  }
  .dir-content-card p span {
    color: #23BD87;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
  }
  .dir-text {
    font-size: 16px;
    line-height: 16px;
  }
  .dir-card .dev-price p {
    gap: 16px;
    font-size: 44px;
    line-height: 44px;
    margin-bottom: 0;
  }
  .dir-card .dev-price p span {
    font-size: 44px;
    line-height: 44px;
  }
  .dir-card .dev-price {
    margin-top: 20px;
    margin-bottom: 19px;
  }
  .targ-card {
    padding: 34px 24px;
    border-radius: 24px;
    background: #FFF;
  }
  .top-targ p {
    font-size: 26px;
  }
  .top-targ {
    margin-bottom: 24px;
  }
  .targ-content {
    padding: 22px 0;
    min-height: 168px;
  }
  .targ-price p {
    gap: 11px;
  }
  .targ-price {
    gap: 7px;
  }
  .anal-tabs-type-1 .dir-card {
    padding: 26px 18px;
  }
  .price-tab-second_box.anal-tabs-type-1 .top-dev {
    position: relative;
    padding-bottom: 10px;
    min-height: 80px;
  }
  .anal-tabs-type-1 .price-geo p span,
  .anal-tabs-type-1 .price-geo p {
    font-size: 44px;
    line-height: 44px;
  }
  .anal-tabs-type-1 .targ-content {
    min-height: 288px;
    margin-bottom: 28px;
  }
  .anal-tabs-type-1.anal-tabs-type-2 .targ-content {
    min-height: 320px;
  }
  .anal-tabs-type-1.anal-tabs-type-2 .dir-card:nth-child(4) .targ-content {
    min-height: 300px;
  }
  .price-tab-second_box.anal-tabs-type-1.anal-tabs-type-2 .top-dev {
    position: relative;
    padding-bottom: 10px;
    min-height: 106px;
  }
  .anal-tabs-type-2 .targ-content p {
    color: #0A0A0A;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 10px;
  }
  .wrap-false-table {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    gap: 10px;
    z-index: 1;
  }
  .wrap-cards-price .wrap-popup-table table tr th {
    padding: 26px 27px 13px;
  }
  .wrap-cards-price .table-col.table-col-4 {
    width: 312px;
  }
  .wrap-cards-price .table-col.table-col-2,
  .wrap-cards-price .table-col.table-col-3 {
    width: 310px;
  }
  .wrap-cards-price .table-col.table-col-1 {
    width: 310px;
  }
  .wrap-cards-price .wrap-popup-table table tr td {
    padding: 3px 28px 4px;
    font-size: 14px;
  }
  .wrap-cards-price .wrap-tarif-popup-item {
    margin-top: 10px;
    padding-left: 312px;
  }
  .wrap-cards-price .wrap-tarif-popup-item .tarif-item {
    padding-top: 22px;
    width: 100%;
  }
  .wrap-cards-price .tarif-item h5 {
    font-size: 26px;
  }
  .wrap-cards-price .wrap-tarif-price span {
    font-size: 44px;
  }
  .wrap-cards-price .popup-table-price {
    margin-top: 24px;
  }
}
@media (max-width: 1279px) {
  .wrap-cards-price .desctop-price {
    display: none;
  }
  .mobile-price {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
  }
  .seo-card {
    border-radius: 16px;
    background: #FFF;
    width: 100%;
    padding: 36px 32px 32px;
  }
  .top-seo {
    position: relative;
    width: 100%;
    margin-bottom: 32px;
  }
  .top-seo p {
    color: #0A0A0A;
    font-size: 26px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    margin-bottom: 0;
  }
  .top-seo p span {
    display: block;
    color: #0A0A0A;
    font-family: "Open Sans", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-top: 9px;
  }
  .seo-card .tarif-more-btn-mobile {
    margin: 20px 0 23px;
  }
  .seo-card .mt-title {
    margin-bottom: 7px;
  }
  .seo-price {
    margin-top: 30px;
    margin-bottom: 25px;
  }
  .seo-price p {
    display: flex;
    align-items: center;
    gap: 16px;
    color: #23BD87;
    font-size: 44px;
    font-style: normal;
    font-weight: 400;
    line-height: 44px;
  }
  .seo-price p span {
    color: #23BD87;
    font-size: 44px;
    font-style: normal;
    font-weight: 300;
    line-height: 44px;
  }
  .top-seo .tag-img {
    width: 56px;
    height: 56px;
  }
  .top-seo .tag-img {
    position: absolute;
    right: -25px;
    top: -27px;
  }
}
@media (max-width: 1200px) {
  .dev-card {
    padding: 32px 24px;
    border-radius: 16px;
    width: 100%;
    background: #FFF;
  }
  .dev-content {
    margin-top: 2px;
  }
  .wrap-cards-price.dev-cards {
    gap: 11px;
  }
  .price-tab-second_box .wrap-cards-price {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .dir-card {
    width: calc(50% - 12px);
    padding: 33px 25px;
    border-radius: 32px;
    background: #FFF;
  }
  .price-tab-second_box .wrap-cards-price {
    gap: 24px;
  }
  .dir-text {
    font-size: 18px;
    line-height: 18px;
    min-height: auto;
  }
  .dir-content-card {
    margin: 27px 0 23px;
    padding: 23px 0;
  }
  .dir-card .dev-price p {
    gap: 16px;
    font-size: 48px;
    line-height: 48px;
    margin-bottom: 0;
  }
  .dir-card .dev-price p span {
    font-size: 48px;
    line-height: 48px;
  }
  .dir-content-title {
    margin-top: 24px;
    font-size: 22px;
    line-height: 22px;
  }
  .dir-content p {
    font-size: 15px;
    line-height: 24px;
    margin-top: 10px;
  }
  .targ-card {
    width: 100%;
    padding: 34px 24px;
    border-radius: 24px;
    background: #FFF;
  }
  .targ-content {
    padding: 22px 0;
    min-height: auto;
  }
  .targ-price p {
    gap: 7px;
    color: #23BD87;
    font-size: 56px;
    font-style: normal;
    font-weight: 400;
    line-height: 56px;
    margin-bottom: 0;
  }
  .targ-price p span {
    font-size: 56px;
    line-height: 56px;
  }
  .targ-price .slash {
    color: #B0B0B0;
    font-size: 56px;
    font-style: normal;
    font-weight: 300;
    line-height: 56px;
  }
  .targ-price .month {
    color: #0A0A0A;
    font-size: 56px;
    font-style: normal;
    font-weight: 300;
    line-height: 56px;
  }
  .targ-price {
    margin-top: 45px;
  }
  .anal-tabs-type-1 .dir-card {
    padding: 32px 23px;
    width: 100%;
  }
  .anal-tabs-type-1 .targ-content {
    min-height: auto;
    margin-bottom: 28px;
    padding: 24px 0;
  }
  .anal-tabs-type-1 .price-geo p span, .anal-tabs-type-1 .price-geo p {
    font-size: 56px;
    line-height: 56px;
  }
  .price-tab-second_box.anal-tabs-type-1 .wrap-cards-price {
    gap: 12px;
  }
  .top-dev p br {
    display: none;
  }
  .price-tab-second_box.anal-tabs-type-1.anal-tabs-type-2 .top-dev {
    position: relative;
    padding-bottom: 10px;
    min-height: 79px;
  }
  .anal-tabs-type-1.anal-tabs-type-2 .targ-content {
    min-height: auto;
  }
  .price-text {
    color: #23BD87;
    font-size: 44px;
    font-style: normal;
    font-weight: 400;
    line-height: 44px;
  }
}
@media screen and (max-width: 720px) {
  .dev-card {
    padding: 24px 20px 32px 19px;
    border-radius: 24px;
    width: 100%;
    background: #FFF;
  }
  .dev-price p {
    gap: 16px;
    font-size: 36px;
    line-height: 36px;
  }
  .dev-price span {
    font-size: 36px;
    line-height: 36px;
  }
  .top-dev p {
    font-size: 30px;
  }
  .top-dev p span {
    font-family: "Open Sans", sans-serif;
    opacity: 0.6;
    color: #0A0A0A;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    margin-top: 13px;
  }
  .dev-content p {
    color: #0A0A0A;
    font-size: 17.2px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
  }
  .dev-content {
    margin-top: 0px;
  }
  .dev-price {
    margin-top: 24px;
    margin-bottom: 23px;
  }
  .dir-content-title {
    margin-top: 26px;
    font-size: 22px;
    line-height: 22px;
  }
  .dir-content p {
    font-size: 15px;
    line-height: 24px;
    margin-top: 10px;
  }
  .price-tab-second_box .wrap-cards-price {
    gap: 10px;
  }
  .price_li-tab li a {
    font-size: 20px;
  }
  .dir-card {
    width: 100%;
    padding: 22px 19px 35px;
    border-radius: 24px;
    background: #FFF;
  }
  .price-tab-second_box .top-dev {
    position: relative;
    padding-bottom: 10px;
    min-height: auto;
  }
  .wrap-dir-content {
    margin-top: 15px;
  }
  .dir-text {
    font-size: 21px;
    line-height: 21px;
  }
  .dir-card .dev-price p {
    gap: 16px;
    font-size: 36px;
    line-height: 36px;
    margin-bottom: 0;
  }
  .dir-card .dev-price p span {
    font-size: 36px;
    line-height: 36px;
  }
  .top-targ p {
    font-size: 30px;
  }
  .targ-card {
    width: 100%;
    padding: 24px 19px 32px;
    border-radius: 24px;
    background: #FFF;
  }
  .top-targ {
    margin-bottom: 20px;
  }
  .targ-content {
    padding: 19px 0;
    min-height: auto;
  }
  .targ-price .month,
  .targ-price .slash,
  .targ-price p span,
  .targ-price p {
    font-size: 36px;
    line-height: 36px;
  }
  .targ-price {
    margin-top: 32px;
    margin-bottom: 23px;
    gap: 9px;
  }
  .price_li-tab {
    gap: 39px;
    margin-bottom: 46px;
    flex-wrap: wrap;
  }
  .anal-tabs-type-1 .dir-card {
    padding: 23px 19px 32px;
    width: 100%;
  }
  .anal-tabs-type-1 .top-dev p span {
    margin-top: 8px;
  }
  .anal-tabs-type-1 .price-geo p span, .anal-tabs-type-1 .price-geo p {
    font-size: 36px;
    line-height: 36px;
  }
  .anal-tabs-type-1 .targ-content {
    min-height: auto;
    margin-bottom: 23px;
    padding: 24px 0;
  }
  .anal-tabs-type-1 .price-geo p {
    gap: 9px;
  }
  .price-tab-second_box.anal-tabs-type-1.anal-tabs-type-2 .top-dev {
    position: relative;
    padding-bottom: 10px;
    min-height: 110px;
  }
  .price-text {
    color: #23BD87;
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
  }
  .top-seo p {
    font-size: 30px;
  }
  .seo-card {
    border-radius: 16px;
    background: #FFF;
    width: 100%;
    padding: 23px 20px 32px;
  }
  .top-seo p span {
    display: block;
    color: #0A0A0A;
    font-family: "Open Sans", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    margin-top: 9px;
  }
  .seo-price p span,
  .seo-price p {
    gap: 16px;
    font-size: 36px;
    line-height: 36px;
  }
  .top-seo .tag-img {
    width: 44px;
    height: 44px;
  }
  .top-seo .tag-img {
    position: absolute;
    right: -14px;
    top: -18px;
  }
}
.blog-title {
  color: #0A0A0A;
  font-family: Jost;
  font-size: 140px;
  font-style: normal;
  font-weight: 450;
  line-height: 128px;
  margin-bottom: 60px;
}

.blog-desc {
  color: #6C6C6C;
  font-family: Jost;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  margin-bottom: 100px;
}

.blog-btn-line {
  display: flex;
  padding: 17px 32px 19px 32px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 32px;
  background: #F6F6F6;
  color: rgba(10, 10, 10, 0.64);
  font-family: "Open Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 28px */
  text-decoration: none;
}

.blog-btn-box {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
  margin-bottom: 100px;
}

.blog-btn-box-bottom {
  padding: 32px;
  border-radius: 40px;
  position: relative;
  bottom: 35px;
  background: #F6F6F6;
}

.blog-cart {
  flex-basis: calc(33% - 15px);
}

.blog-btn-box-bottom:hover {
  background: #fff;
  box-shadow: 0 4px 32px 0 rgba(0, 0, 0, 0.08);
  cursor: pointer;
}

.blog-btn-line:hover {
  background: rgba(35, 189, 135, 0.16);
}

.blog-cart-box {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0px 30px;
  margin-bottom: 100px;
}

.blog-cart img {
  max-width: 100%;
  border-radius: 40px 40px 0px 0px;
}

.blog-btn-box-bottom:hover .title-cart {
  color: #23BD87;
}

.btn-blog-all {
  gap: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 200px;
}

.btn-blog-arrow {
  cursor: pointer;
}

.date-cart {
  color: #808080;
  font-family: Jost;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 100% */
}

.stiker {
  border-radius: 32px;
  border: 1px solid #D9D9D9;
  display: flex;
  padding: 6px 20px 10px 20px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  color: #6C6C6C;
  font-family: "Open Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 28px */
  margin-bottom: 24px;
  width: 100px;
}

.title-cart {
  color: #0A0A0A;
  font-family: Jost;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px; /* 133.333% */
  margin-bottom: 30px;
}

/*стили блога детальной страницы*/
body {
  background: #fff;
}

.bg-body {
  background: #F6F6F6;
  padding-bottom: 150px;
  display: flex;
  flex-wrap: wrap;
  margin-top: -25px;
}

.img-detail-news {
  margin-bottom: 60px;
  max-width: 100%;
}

.blog-date-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0px 0 40px;
  gap: 20px;
  color: #6C6C6C;
  font-family: "Open Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 28px */
}

.blog-date-top__dates {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
}

.stiker {
  display: flex;
  padding: 6px 20px 10px 20px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  color: #6C6C6C;
  font-family: "Open Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  border-radius: 32px;
  background: #FFF;
  margin: 0px;
}

.sticker-block {
  display: flex;
  gap: 10px;
}

.info-block {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
}

.h1blog {
  color: #0A0A0A;
  font-family: Jost;
  font-size: 44px;
  font-style: normal;
  font-weight: 400;
  line-height: 56px; /* 127.273% */
  margin-bottom: 20px;
}

.det-blog-text {
  color: #2F2F2F;
  font-family: Jost;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 36px; /* 150% */
  margin-bottom: 80px;
}

.det-blog-bg {
  padding: 56px 44px;
  border-radius: 40px;
  background: #fff;
}

.det-blog-bg h1, .det-blog-bg h2, .det-blog-bg h3, .det-blog-bg h4, .det-blog-bg > img {
  margin-bottom: 20px;
}

.det-blog-bg ul {
  margin-bottom: 40px;
  color: #2F2F2F;
  font-family: "Open Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  padding-left: 25px;
  list-style-type: disc;
}

.det-blog-bg ol {
  margin-bottom: 40px;
  color: #2F2F2F;
  font-family: "Open Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  padding-left: 25px;
  list-style-type: decimal;
}

p {
  margin-bottom: 40px;
  color: #2F2F2F;
  leading-trim: both;
  text-edge: cap;
  font-family: "Open Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%; /* 32px */
}

.det-blog-colored {
  padding: 32px 0 36px 40px;
  border-left: 4px solid #23BD87;
  color: #2F2F2F;
  leading-trim: both;
  text-edge: cap;
  font-family: "Open Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%; /* 32px */
  margin-bottom: 30px;
}

.personal-flex {
  display: flex;
  align-items: center;
  margin-bottom: 80px;
}

.personal-flex-title {
  color: #2F2F2F;
  font-family: Jost;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 10px;
}

.personal-flex-desc {
  color: #808080;
  font-family: Jost;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px; /* 100% */
}

.personal-flex img {
  margin-right: 20px;
}

.h2blog {
  color: #0A0A0A;
  font-family: Jost;
  font-size: 32px;
  font-style: normal;
  font-weight: 450;
  line-height: 100%;
  margin-bottom: 40px;
}

.h2blog-1 {
  color: #0A0A0A;
  /* desktop/H/H2 */
  font-family: Jost;
  font-size: 80px;
  font-style: normal;
  font-weight: 400;
  line-height: 80px; /* 100% */
  margin: 0.83em 0;
}

.det-blog-colored2 {
  padding: 32px 44px 36px 44px;
  border-radius: 40px;
  background: #EEFAF6;
  color: #2F2F2F;
  leading-trim: both;
  text-edge: cap;
  font-family: "Open Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%; /* 32px */
  margin-bottom: 40px;
}

.table-blog {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 40px;
}

.table-blog tr th {
  padding: 25px 24px;
  border: 1px solid #EBEBEB;
  background: #F9F9F9;
  color: #0A0A0A;
  leading-trim: both;
  text-edge: cap;
  font-family: "Open Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 160%; /* 32px */
}

.table-blog tr td {
  border: 1px solid #EBEBEB;
  color: #2F2F2F;
  font-family: "Open Sans";
  padding: 25px 22px;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px; /* 144.444% */
}

.list-blog-2 {
  color: #2F2F2F;
  leading-trim: both;
  text-edge: cap;
  font-family: "Open Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%; /* 32px */
}

.list-blog-3 {
  color: #2F2F2F;
  leading-trim: both;
  text-edge: cap;
  font-family: "Open Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%; /* 32px */
}

.list-blog-3 li {
  margin-bottom: 40px;
}

.blog-bottom-social {
  margin-top: 10px;
  display: flex;
  padding: 16px 16px 16px 36px;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  border-radius: 40px;
  background: var(--White, #FFF);
  color: #0A0A0A;
  font-family: "Open Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 28px */
}

.blog-desc {
  color: #6C6C6C;
  font-family: Jost;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  margin-bottom: 100px;
}

.blog-btn-line {
  display: flex;
  padding: 17px 32px 19px 32px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 32px;
  background: #F6F6F6;
  color: rgba(10, 10, 10, 0.64);
  font-family: "Open Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 28px */
  text-decoration: none;
}

.blog-btn-box {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
  margin-bottom: 100px;
}

.blog-btn-box-bottom {
  padding: 32px;
  border-radius: 40px;
  position: relative;
  bottom: 35px;
  background: #F6F6F6;
  height: 225px;
}

.blog-cart {
  flex-basis: calc(33% - 15px);
}

.blog-btn-box-bottom:hover {
  background: #fff;
  box-shadow: 0 4px 32px 0 rgba(0, 0, 0, 0.08);
  cursor: pointer;
}

.blog-btn-line:hover, .blog-btn-line.active {
  background: rgba(35, 189, 135, 0.16);
}

.blog-cart-box {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0px 30px;
  margin-bottom: 100px;
}

.blog-cart img {
  border-radius: 40px 40px 0px 0px;
}

.stiker {
  border-radius: 32px;
  border: 1px solid #D9D9D9;
  display: flex;
  padding: 5px 20px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  color: #6C6C6C;
  font-family: "Open Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  width: auto;
}

.title-cart {
  color: #0A0A0A;
  font-family: Jost;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px; /* 133.333% */
  margin-bottom: 30px;
}

.blog-btn-box-bottom:hover .title-cart {
  color: #23BD87;
}

.date-cart {
  color: #808080;
  font-family: Jost;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 100% */
}

.box-interes {
  margin-top: 0px;
}

.all-st {
  color: #0A0A0A;
  text-align: right;
  leading-trim: both;
  text-edge: cap;
  /* desktop/buttons/button medium */
  font-family: Jost;
  font-size: 32px;
  font-style: normal;
  font-weight: 450;
  line-height: 32px; /* 100% */
}

.box-all-st {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media (max-width: 1199px) {
  .blog-btn-box-bottom {
    height: auto;
  }
}
@media (max-width: 720px) {
  .blog-cart {
    flex-basis: 100%;
  }
  .all-st {
    font-size: 26px;
    text-align: right;
    width: 100%;
    margin-bottom: 44px;
  }
  .h2blog-1 {
    font-size: 36px;
    line-height: 38px;
  }
  .box-all-st {
    flex-wrap: wrap;
  }
  .blog-btn-box-bottom {
    padding: 20px;
    border-radius: 20px;
  }
  .stiker {
    font-size: 14px;
  }
  .date-cart {
    font-size: 14px;
  }
  .det-blog-bg h1 {
    font-size: 38px;
    line-height: 40px;
  }
}
.hockey-gallery {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 10px;
}

.hockey-gallery a img {
  width: 100%;
  height: auto;
  border-radius: 6px;
  display: block;
  object-fit: cover;
}

.hockey-gallery a.long img {
  grid-column: span 2;
}

/*Модальное окно TG*/
.modal-tg {
  position: fixed;
  width: 407px;
  height: 228px;
  opacity: 1;
  gap: 10px;
  border-radius: 40px;
  padding: 36px 32px;
  background: rgba(10, 10, 10, 0.8980392157);
  bottom: 65px;
  left: 100px;
  z-index: 999;
}

.modal-tg .close {
  position: absolute;
  right: 30px;
  top: 30px;
}

.modal-tg .name-modal {
  font-family: Jost;
  font-weight: 450;
  font-size: 24px;
  line-height: 26px;
  color: white;
}

.modal-tg p {
  font-family: Jost;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: white;
}

.modal-tg .btn-tg {
  width: 342px;
  height: 56px;
  opacity: 1;
  gap: 10px;
  border-radius: 16px;
  padding: 15px 24px 18px;
  background: #23BD87;
  display: flex;
}

.modal-tg .btn-tg a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: white;
  text-decoration: none;
  font-family: Jost;
  font-weight: 400;
  font-size: 18px;
  line-height: 18px;
}

.modal-tg .btn-tg a img {
  width: 23px;
  height: 23px;
  margin-left: 10px;
}

@media (max-width: 720px) {
  .modal-tg {
    width: 100%;
    left: 0;
    bottom: 0;
    border-radius: 0;
  }
}
.text-content {
  display: flex;
  position: relative;
}

.table_of_contents {
  position: absolute;
  top: 0px;
  left: -21vw;
  border-width: 1px 1px 2px 1px;
  border-style: solid;
  border-color: white;
  width: 19vw;
  max-width: 400px;
  height: auto;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 2px;
  border-left-width: 1px;
  opacity: 1;
  gap: 16px;
  padding: 40px 30px;
  border-radius: 40px;
}

.table_of_contents ul {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}

.table_of_contents ul li {
  width: 100%;
}

.table_of_contents ul li.active {
  list-style: disc;
}

.table_of_contents ul li a {
  font-family: Jost;
  font-weight: 400;
  color: #6C6C6C;
  font-size: 18px;
  line-height: 22px;
  vertical-align: middle;
}

.table_of_contents ul li.active a {
  color: #2F2F2F;
}

@media (max-width: 1280px) {
  .table_of_contents {
    display: none;
  }
}
/*стили от сель для плашек*/
.card-form {
  border-radius: 40px;
  background: #FFF;
  box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.08);
  padding: 44px 44px 56px 44px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-bottom: 20px;
  position: relative;
  overflow: hidden;
}

.card-form__title {
  color: #0A0A0A;
  font-family: Jost;
  font-size: 36px;
  font-weight: 450;
  line-height: 100%;
  margin: 0;
}

.card-form__description {
  margin: 0;
  color: #6C6C6C;
  font-family: Jost;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  margin-bottom: 4px;
}

.card-form__link {
  color: #0A0A0A;
  font-family: Jost;
  font-size: 24px;
  font-weight: 400;
  line-height: 24px;
  text-decoration-color: rgba(0, 0, 0, 0.4);
}

.card-form__image {
  position: absolute;
  right: -7px;
  top: 44px;
  object-fit: contain;
}

@media (max-width: 1919px) {
  .card-form {
    padding: 30px 30px 36px 30px;
    gap: 15px;
  }
  .card-form__title {
    font-size: 32px;
  }
  .card-form__description {
    font-size: 20px;
    line-height: 26px;
  }
  .card-form__image {
    width: 133px;
    height: 140px;
    top: 35px;
  }
}
@media (max-width: 1365px) {
  .card-form {
    padding: 24px 24px 26px 24px;
    border-radius: 20px;
  }
  .card-form__title {
    font-size: 28px;
  }
  .card-form__description {
    font-size: 18px;
    line-height: 24px;
  }
  .card-form__link {
    font-size: 20px;
    line-height: 20px;
    font-weight: 450;
  }
  .card-form__image {
    width: 124px;
    height: 130px;
    top: 20px;
  }
}
@media (max-width: 767px) {
  .card-form__title {
    position: relative;
    z-index: 4;
    font-size: 26px;
  }
  .card-form__description {
    font-size: 16px;
    line-height: 22px;
    width: 75%;
    position: relative;
    z-index: 4;
  }
  .card-form__image {
    width: 105px;
    height: 110px;
    top: 55px;
  }
}
@media screen and (max-width: 720px) {
  .blog-cart img {
    max-width: 100%;
    height: auto;
  }
  .blog-title {
    font-size: 45px;
    line-height: 40px;
  }
  .blog-cart {
    flex-basis: 100%;
  }
}
.integration-1c-page .hero {
  padding-bottom: 84px;
}
.integration-1c-page .hero h1 {
  color: #0A0A0A;
  font-size: 140px;
  font-weight: 450;
  line-height: 132px; /* 94.286% */
}
.integration-1c-page .offer-cards {
  padding-bottom: 150px;
}
.integration-1c-page .offer-cards__title,
.integration-1c-page .offer-work__title {
  margin-bottom: 96px;
}
.integration-1c-page .offer-cards__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
}
.integration-1c-page .offer-cards__card {
  height: 560px;
  padding: 64px 44px 48px 44px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-radius: 40px;
  background: #F6F6F6;
}
.integration-1c-page .offer-cards__card img {
  width: 230px;
  height: 230px;
}
.integration-1c-page .offer-cards__card h3 {
  color: #0A0A0A;
  font-size: 44px;
  font-style: normal;
  font-weight: 400;
  line-height: 56px; /* 127.273% */
}
.integration-1c-page .offer-cards__card-content p {
  margin-bottom: 0;
  margin-top: 24px;
  color: rgba(10, 10, 10, 0.64);
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 56px; /* 175% */
}
.integration-1c-page .wrap-case-bottom {
  align-items: flex-end;
  margin-top: 96px;
}
.integration-1c-page .wrap-case-bottom p {
  font-family: Jost;
  font-weight: 450;
}
.integration-1c-page .offer-work {
  padding: 150px 0;
}
.integration-1c-page .offer-work__content a {
  padding: 60px 32px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid #E8E8E8;
  color: #0A0A0A;
  font-family: Jost;
  font-size: 60px;
  font-style: normal;
  font-weight: 450;
  line-height: 48px; /* 80% */
  transition: all 0.4s;
}
.integration-1c-page .offer-work__content a:last-child {
  border-bottom: 1px solid #E8E8E8;
}
.integration-1c-page .offer-work__content a:hover {
  padding-right: 0;
}
.integration-1c-page .offer-price {
  padding: 150px 0;
}
.integration-1c-page .offer-price__wrapper {
  position: relative;
}
.integration-1c-page .offer-price__title {
  margin-bottom: 120px;
}
.integration-1c-page .offer-price__content p {
  color: #6C6C6C;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%; /* 32px */
  margin-bottom: 0;
  max-width: 844px;
}
.integration-1c-page .offer-price__wrapper img {
  position: absolute;
  right: 0;
  top: 0;
  width: 412px;
  height: 450px;
}
.integration-1c-page .interesting {
  padding: 150px 0;
}
.integration-1c-page .interesting__card-link {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.integration-1c-page .interesting__title {
  margin-bottom: 96px;
}
.integration-1c-page .interesting__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}
.integration-1c-page .interesting__card {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
}
.integration-1c-page .interesting__card-link {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.integration-1c-page .interesting__card-image-wrapper {
  height: 553px;
  border-radius: 40px;
  overflow: hidden;
  padding: 30px;
  margin-bottom: 24px;
  position: relative;
}
.integration-1c-page .interesting__card-image {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.integration-1c-page .interesting__card-image img {
  /*width: 468px;*/
  /*height: 360px;*/
  width: 100%;
  height: 100%;
  /*object-fit: contain;*/
  object-fit: cover;
}
.integration-1c-page .interesting__card-content {
  position: relative;
  z-index: 10;
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 0 20px;
}
.integration-1c-page .interesting__card-content-title {
  overflow: hidden;
  color: #0A0A0A;
  text-overflow: ellipsis;
  font-family: Jost;
  font-size: 32px;
  font-weight: 450;
  line-height: 110%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  align-self: stretch;
  margin-bottom: 24px;
}
.integration-1c-page .interesting__card-content-subtitle {
  font-family: "Open Sans";
  color: #6C6C6C;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 30px;
}
.integration-1c-page .interesting__card-tags {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: auto;
}
.integration-1c-page .interesting__card-tag {
  padding: 6px 20px 10px 20px;
  border-radius: 32px;
  background: #F6F6F6;
  font-family: "Open Sans";
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  color: #6C6C6C;
}
.integration-1c-page .interesting__card-logo {
  width: auto;
  /*width: 200px;*/
  height: auto;
  position: absolute;
  z-index: 10;
}
.integration-1c-page .interesting__card-logo img {
  width: 100%;
  height: 100%;
}
.integration-1c-page .partners {
  padding: 150px 0;
  margin: 0;
}
.integration-1c-page .certificates {
  padding: 150px 0;
}
.integration-1c-page .faq {
  padding-top: 150px;
  margin: 0;
}
@media (max-width: 1919px) {
  .integration-1c-page .hero {
    padding-bottom: 50px;
  }
  .integration-1c-page .hero h1 {
    color: #0A0A0A;
    font-size: 100px;
    line-height: 96px;
  }
  .integration-1c-page .offer-cards {
    padding: 50px 0 100px;
  }
  .integration-1c-page .block-title {
    font-size: 60px;
    line-height: 60px;
    margin-bottom: 60px;
  }
  .integration-1c-page .offer-cards__card {
    height: 430px;
    min-height: 430px;
    max-height: 430px;
    padding: 48px 32px;
    border-radius: 30px;
  }
  .integration-1c-page .offer-cards__card img {
    width: 150px;
    height: 150px;
  }
  .integration-1c-page .offer-cards__card h3 {
    font-size: 40px;
    line-height: 48px;
  }
  .integration-1c-page .offer-cards__card-content p {
    margin-top: 16px;
    color: #5F5F5F;
    font-size: 24px;
    line-height: 40px;
  }
  .integration-1c-page .offer-work {
    padding: 100px 0;
  }
  .integration-1c-page .offer-work__content a {
    padding: 45px 32px;
    font-size: 48px;
    line-height: 40px;
  }
  .integration-1c-page .offer-work__content svg {
    width: 56px;
    height: 56px;
  }
  .integration-1c-page .offer-price {
    padding: 100px 0;
  }
  .integration-1c-page .offer-price__title {
    margin-bottom: 80px;
  }
  .integration-1c-page .offer-price__content p {
    font-size: 18px;
    line-height: 140%;
    max-width: 770px;
  }
  .integration-1c-page .offer-price__wrapper img {
    width: 301px;
    height: 330px;
  }
  .integration-1c-page .wrap-case-bottom {
    margin-top: 60px;
  }
  .integration-1c-page .interesting {
    padding: 100px 0;
  }
  .integration-1c-page .interesting__card-image-wrapper {
    border-radius: 30px;
    height: 470px;
    margin-bottom: 16px;
    padding: 20px;
  }
  .integration-1c-page .interesting__card-logo {
    width: auto;
  }
  .integration-1c-page .interesting__card-content-title {
    font-size: 30px;
    line-height: 32px;
    margin-bottom: 24px;
  }
  .integration-1c-page .interesting__card-content-subtitle {
    font-size: 15px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    align-self: stretch;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 16px;
  }
  .integration-1c-page .interesting__card-tag {
    font-size: 15px;
  }
  .integration-1c-page .partners {
    padding: 100px 0;
  }
  .integration-1c-page .certificates {
    padding: 100px 0;
  }
  .integration-1c-page .faq {
    padding-top: 100px;
  }
}
@media (max-width: 1365px) {
  .integration-1c-page .hero h1 {
    font-size: 56px;
    line-height: 56px;
  }
  .integration-1c-page .block-title {
    font-size: 48px;
    line-height: 48px;
    margin-bottom: 40px;
  }
  .integration-1c-page .offer-cards__grid {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  .integration-1c-page .offer-cards__card {
    height: 400px;
    min-height: 400px;
    max-height: 400px;
    padding: 45px 30px;
    border-radius: 20px;
  }
  .integration-1c-page .wrap-case-bottom {
    margin-top: 50px;
  }
  .integration-1c-page .wrap-case-bottom p {
    font-size: 20px;
    line-height: normal;
  }
  .integration-1c-page .wrap-case-bottom .block-btn {
    font-size: 24px;
  }
  .integration-1c-page .offer-cards {
    padding: 50px 0 70px;
  }
  .integration-1c-page .offer-work {
    padding: 70px 0;
  }
  .integration-1c-page .offer-work__content a {
    padding: 40px 30px;
    font-size: 40px;
    line-height: 36px;
  }
  .integration-1c-page .offer-price {
    padding: 70px 0;
  }
  .integration-1c-page .offer-price__title {
    margin-bottom: 50px;
  }
  .integration-1c-page .offer-price__content p {
    font-size: 16px;
    line-height: 140%;
    max-width: 100%;
  }
  .integration-1c-page .offer-price__wrapper img {
    display: none;
  }
  .integration-1c-page .interesting {
    padding: 70px 0;
  }
  .integration-1c-page .interesting__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 36px;
  }
  .integration-1c-page .interesting__card:last-child {
    display: none;
  }
  .integration-1c-page .interesting__card-content {
    padding-right: 20px;
  }
  .integration-1c-page .interesting__card-image-wrapper {
    height: auto;
    margin-bottom: 30px;
    aspect-ratio: 1/1;
  }
  .integration-1c-page .interesting__card-content-title {
    font-size: 24px;
    margin-bottom: 24px;
  }
  .integration-1c-page .partners {
    padding: 70px 0;
  }
  .integration-1c-page .certificates {
    padding: 70px 0;
  }
  .integration-1c-page .faq {
    padding-top: 70px;
  }
}
@media (max-width: 767px) {
  .integration-1c-page {
    overflow: hidden;
  }
  .integration-1c-page .hero {
    padding-bottom: 32px;
  }
  .integration-1c-page .hero h1 {
    font-size: 44px;
    line-height: 45px;
  }
  .integration-1c-page .offer-cards {
    padding: 32px 0 75px;
  }
  .integration-1c-page .block-title {
    font-size: 40px;
    line-height: 100%;
  }
  .integration-1c-page .offer-cards__card {
    height: auto;
    min-height: 100%;
    max-height: 100%;
    padding: 30px 20px;
    flex-direction: column;
    justify-content: normal;
    gap: 40px;
  }
  .integration-1c-page .offer-cards__card img {
    width: 100px;
    height: 100px;
  }
  .integration-1c-page .offer-cards__card h3 {
    font-size: 32px;
    line-height: 44px;
  }
  .integration-1c-page .offer-cards__card-content p {
    margin-top: 8px;
    line-height: 36px;
  }
  .integration-1c-page .wrap-case-bottom {
    align-items: flex-start;
  }
  .integration-1c-page .wrap-case-bottom p {
    font-size: 26px;
    line-height: 26px;
  }
  .integration-1c-page .wrap-case-bottom .block-btn {
    font-size: 26px;
  }
  .integration-1c-page .offer-work {
    padding: 75px 0;
  }
  .integration-1c-page .offer-work__content a {
    padding: 20px;
    font-size: 30px;
    line-height: 24px;
  }
  .integration-1c-page .offer-work__content svg {
    width: 32px;
    height: 32px;
  }
  .integration-1c-page .offer-price {
    padding: 75px 0;
  }
  .integration-1c-page .offer-price__content p {
    font-size: 14px;
    line-height: 140%;
  }
  .integration-1c-page .interesting {
    padding: 75px 0;
  }
  .integration-1c-page .interesting__grid {
    display: flex;
    flex-direction: column;
    gap: 40px;
  }
  .integration-1c-page .interesting__card:last-child {
    display: flex;
  }
  .integration-1c-page .partners {
    padding: 75px 0;
  }
  .integration-1c-page .certificates {
    padding: 75px 0;
  }
  .integration-1c-page .faq {
    padding-top: 75px;
  }
}

.error-404 {
  padding: 120px 0 200px;
  min-height: 60vh;
  display: flex;
  align-items: center;
}

.error-404__inner {
  max-width: 820px;
}

.error-404__code {
  color: #0A0A0A;
  font-size: 180px;
  font-weight: 450;
  line-height: 0.9;
  letter-spacing: -0.04em;
  margin-bottom: 32px;
}

.error-404__code-accent {
  color: #D8D8D8;
}

.error-404__title {
  color: #0A0A0A;
  font-size: 64px;
  font-weight: 450;
  line-height: 72px;
  margin-bottom: 24px;
}

.error-404__text {
  color: #0A0A0A;
  font-size: 24px;
  font-weight: 400;
  line-height: 36px;
  opacity: 0.7;
  max-width: 560px;
  margin-bottom: 48px;
}

.error-404__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  border-radius: 32px;
  border: 1px solid #23BD87;
  padding: 24px 40px;
  color: #00CF87;
  font-size: 24px;
  font-weight: 500;
  line-height: 1;
  transition: all 0.3s;
}

.error-404__btn img {
  width: 24px;
  height: 24px;
  transition: transform 0.3s;
}

.error-404__btn:hover {
  color: #fff;
  background: #23BD87;
}

.error-404__btn:hover img {
  transform: translateX(4px);
  filter: brightness(0) invert(1);
}

@media (max-width: 1024px) {
  .error-404 {
    padding: 80px 0 120px;
  }
  .error-404__code {
    font-size: 120px;
  }
  .error-404__title {
    font-size: 48px;
    line-height: 56px;
  }
  .error-404__text {
    font-size: 20px;
    line-height: 30px;
  }
  .error-404__btn {
    font-size: 20px;
    padding: 20px 32px;
  }
}
@media (max-width: 640px) {
  .error-404 {
    padding: 60px 0 80px;
  }
  .error-404__code {
    font-size: 88px;
    margin-bottom: 24px;
  }
  .error-404__title {
    font-size: 36px;
    line-height: 42px;
  }
  .error-404__text {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 36px;
  }
  .error-404__btn {
    width: 100%;
    font-size: 18px;
  }
}
.page-error .error {
  padding-top: 100px;
  overflow: hidden;
}
.page-error .error__wrapper {
  position: relative;
}
.page-error .error__anim-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 80px;
}
.page-error .error__anim {
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
.page-error .error__title {
  color: #0A0A0A;
  font-family: Jost;
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: 36px;
}
.page-error .wrap-case-bottom {
  margin-top: 150px;
  align-items: flex-end;
}
.page-error .wrap-case-bottom p {
  width: 1125px;
  font-weight: 400;
  font-family: Jost;
}
.page-error .wrap-case-bottom p a {
  color: #0A0A0A;
  border-bottom: 1px solid #939393;
  line-height: 147%;
}
.page-error .wrap-case-bottom p a:hover {
  border-color: #23BD87;
}
@media (max-width: 1919px) {
  .page-error .error {
    padding-top: 80px;
  }
  .page-error .error__anim-wrapper {
    gap: 60px;
  }
  .page-error .error__title {
    font-size: 30px;
    line-height: 100%;
  }
  .page-error .wrap-case-bottom {
    margin-top: 100px;
  }
  .page-error .wrap-case-bottom p {
    font-size: 44px;
    line-height: 44px;
    width: 880px;
  }
}
@media (max-width: 1365px) {
  .page-error .error {
    padding-top: 64px;
  }
  .page-error .error__anim-wrapper {
    gap: 50px;
  }
  .page-error .error__title {
    font-size: 24px;
  }
  .page-error .wrap-case-bottom {
    margin-top: 72px;
    flex-direction: column;
    gap: 50px;
  }
  .page-error .wrap-case-bottom p {
    width: 100%;
    font-size: 32px;
    line-height: 32px;
  }
}
@media (max-width: 767px) {
  .page-error .error {
    padding-top: 40px;
  }
  .page-error .error__title {
    font-size: 20px;
    width: 242px;
    margin: 0 auto;
    text-align: center;
  }
  .page-error .wrap-case-bottom p {
    font-size: 16px;
    line-height: 24px;
  }
  .page-error .wrap-case-bottom {
    gap: 0;
  }
  .page-error .wrap-case-bottom .block-btn {
    font-size: 20px;
    line-height: 19.027px;
  }
}

.about-page .star-block .golo {
  align-items: center;
}
.about-page .main-top {
  padding-top: 0;
}
.about-page .accordion-advantages {
  padding: 150px 0;
}
.about-page .accordion-advantages__title {
  margin-bottom: 96px;
}
.about-page .part-team {
  padding: 150px 0;
}
.about-page .part-team__title {
  color: #0A0A0A;
  font-family: Jost;
  font-size: 80px;
  font-weight: 400;
  line-height: 100px;
  margin-bottom: 80px;
}
.about-page .part-team__content-wrapper {
  display: flex;
  align-items: stretch;
  gap: 30px;
}
.about-page .part-team__content {
  display: flex;
  width: 41%;
  height: auto;
  padding: 56px 44px;
  flex-direction: column;
  justify-content: space-between;
  flex-shrink: 0;
  border-radius: 40px;
  background: #F6F6F6;
  overflow: hidden;
}
.about-page .part-team__content-title {
  color: #0A0A0A;
  font-family: Jost;
  font-size: 64px;
  font-weight: 450;
  line-height: 64px;
}
.about-page .part-team__content-description,
.about-page .part-team__content-description span {
  font-family: Jost;
  font-size: 40px;
  font-weight: 400;
  line-height: 56px;
  color: #6C6C6C;
}
.about-page .part-team__content-description span {
  color: #0A0A0A;
}
.about-page .part-team__image-wrapper,
.about-page .part-team__image {
  width: 100%;
  height: 100%;
}
.about-page .part-team__image-wrapper {
  border-radius: 40px;
  overflow: hidden;
  height: auto;
}
.about-page .part-team .wrap-case-bottom {
  margin-top: 80px;
}
.about-page .history {
  padding: 150px 0;
}
.about-page .history__title {
  margin-bottom: 96px;
}
.about-page .history__content-wrapper {
  display: flex;
  flex-direction: column;
  gap: 60px;
}
.about-page .history__content {
  display: flex;
  flex-direction: column;
  gap: 90px;
}
.about-page .history__content:last-child .history__info {
  justify-content: center;
}
.about-page .history__content.reverse .history__content-title-wrapper,
.about-page .history__content.reverse .history__info {
  flex-direction: row-reverse;
}
.about-page .history__content.reverse .history__info {
  justify-content: flex-end;
}
.about-page .history__content-title-wrapper {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.about-page .history__content-title-actual {
  color: #0A0A0A;
  leading-trim: both;
  text-edge: cap;
  font-family: Jost;
  font-size: 120px;
  font-weight: 400;
  line-height: 120px;
  letter-spacing: -3.6px;
  padding-top: 44px;
}
.about-page .history__content-title-prev {
  display: flex;
  align-items: flex-end;
  gap: 50px;
}
.about-page .history__content-title-prev span {
  color: #B0B0B0;
  font-family: Jost;
  font-size: 60px;
  font-weight: 450;
  line-height: 48px;
}
.about-page .history__info {
  display: flex;
  align-items: center;
  gap: 177px;
}
.about-page .history__info-image-wrapper {
  width: 699px;
  height: 435px;
  border-radius: 50px;
  overflow: hidden;
}
.about-page .history__info-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.about-page .history__list {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 644px;
  max-height: 341px;
  overflow-y: scroll;
  padding-right: 50px;
}
.about-page .history__list::-webkit-scrollbar {
  width: 8px;
}
.about-page .history__list::-webkit-scrollbar-track {
  background: transparent;
}
.about-page .history__list::-webkit-scrollbar-thumb {
  border-radius: 26px;
  background: #D9D9D9;
  border: 2px solid transparent;
  background-clip: content-box;
}
.about-page .history__item {
  padding-bottom: 24px;
  border-bottom: 0.828px solid #EBEBEB;
  font-family: "Open Sans";
  font-size: 24px;
  font-weight: 400;
  line-height: 36px;
  color: #0A0A0A;
}
.about-page .history__item span {
  font-family: "Open Sans";
  font-size: 24px;
  font-weight: 400;
  line-height: 36px;
  color: #23BD87;
}
.about-page .creation,
.about-page .partners,
.about-page .places,
.about-page .managers {
  margin: 0;
  padding: 150px 0;
}
.about-page .certificates {
  padding-top: 150px;
}
.about-page .wrap-case-bottom p {
  font-weight: 450;
  font-family: Jost;
}
@media (max-width: 1919px) {
  .about-page .star-block .golo {
    margin: 0;
  }
  .about-page .wrap-bottom-top {
    margin-top: 62px;
  }
  .about-page .creation, .about-page .partners, .about-page .places, .about-page .managers, .about-page .accordion-advantages, .about-page .history {
    padding: 100px 0;
  }
  .about-page .accordion-advantages__title {
    margin-bottom: 60px;
  }
  .about-page .history__title {
    margin-bottom: 60px;
  }
  .about-page .history__content {
    gap: 60px;
  }
  .about-page .history__content-title-actual {
    font-size: 100px;
    line-height: 100px;
    letter-spacing: -3px;
    padding-top: 32px;
  }
  .about-page .history__content-title-prev {
    gap: 30px;
  }
  .about-page .history__content-title-prev span {
    font-size: 48px;
    line-height: 40px;
  }
  .about-page .history__info-image-wrapper {
    width: 630px;
    height: 392px;
    flex-shrink: 0;
    border-radius: 33px;
  }
  .about-page .history__info {
    gap: 30px;
  }
  .about-page .history__list {
    width: 100%;
    padding-right: 20px;
    height: 300px;
    min-height: 300px;
    max-height: 300px;
  }
  .about-page .history__item {
    font-size: 20px;
    line-height: 26px;
  }
  .about-page .history__item span {
    font-size: 20px;
    line-height: 26px;
  }
  .about-page .certificates {
    padding: 100px 0 0;
  }
}
@media (max-width: 1365px) {
  .about-page .creation {
    padding: 104px 0 70px;
  }
  .about-page .creation-right {
    display: flex;
  }
  .about-page .accordion-advantages__title {
    margin-bottom: 50px;
  }
  .about-page .history .container {
    padding: 0;
  }
  .about-page .history__title {
    padding: 0 15px;
  }
  .about-page .history__title {
    margin-bottom: 50px;
  }
  .about-page .history__content-wrapper {
    flex-direction: row;
    gap: 50px;
    overflow: scroll;
    padding: 0 15px;
  }
  .about-page .history__content-wrapper::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none;
  }
  .about-page .history__content:last-child .history__content-title-prev {
    text-align: right;
  }
  .about-page .history__content {
    gap: 40px;
  }
  .about-page .history__content.reverse .history__content-title-wrapper {
    flex-direction: row;
  }
  .about-page .history__content.reverse .history__info {
    flex-direction: column;
    justify-content: normal;
  }
  .about-page .history__content-title-actual {
    font-size: 80px;
    line-height: 100px;
    letter-spacing: -2.4px;
    padding-top: 0;
  }
  .about-page .history__content-title-prev span {
    font-size: 40px;
    line-height: 36px;
  }
  .about-page .history__content-title-prev {
    gap: 20px;
    align-items: center;
  }
  .about-page .history__content-title-prev svg {
    width: 60px;
    transform: rotate(270deg);
  }
  .about-page .history__info {
    flex-direction: column;
  }
  .about-page .history__list {
    padding-right: 30px;
    gap: 12px;
  }
  .about-page .history__item {
    font-size: 18px;
    line-height: 20px;
  }
  .about-page .history__item span {
    font-size: 18px;
    line-height: 20px;
  }
  .about-page .partners, .about-page .places, .about-page .managers, .about-page .accordion-advantages, .about-page .history {
    padding: 70px 0;
  }
  .about-page .certificates {
    padding: 70px 0 0;
  }
}
@media (max-width: 767px) {
  .about-page .creation {
    padding: 60px 0 75px;
  }
  .about-page .accordion-advantages__title {
    margin-bottom: 40px;
  }
  .about-page .history__title {
    margin-bottom: 40px;
  }
  .about-page .history__content-wrapper {
    gap: 30px;
  }
  .about-page .history__content {
    gap: 32px;
  }
  .about-page .history__content-title-actual {
    font-size: 60px;
    line-height: 60px;
    letter-spacing: -1.8px;
  }
  .about-page .history__content-title-prev span {
    font-size: 30px;
    line-height: 24px;
  }
  .about-page .history__content-title-prev svg {
    width: 35px;
    transform: rotate(270deg) scale(0.6);
  }
  .about-page .history__info-image-wrapper {
    width: 300px;
    height: 186px;
    border-radius: 20px;
  }
  .about-page .history__content-title-prev {
    gap: 10px;
  }
  .about-page .history__item {
    font-size: 15px;
    padding-bottom: 8px;
    border-bottom: none;
  }
  .about-page .history__item span {
    font-size: 15px;
  }
  .about-page .partners, .about-page .places, .about-page .managers, .about-page .accordion-advantages, .about-page .history {
    padding: 75px 0;
  }
  .about-page .certificates {
    padding: 75px 0 0;
  }
}

.-page .star-block .golo {
  align-items: center;
}
.-page .main-top {
  padding-top: 0;
}
.-page .cases {
  padding: 150px 0;
}
.-page .cases__title {
  margin-bottom: 96px;
}
.-page .main-case-item-info h3 {
  font-size: 48px;
  font-weight: 400;
  line-height: 40px;
  margin-bottom: 32px;
}
.-page .wrap-case-achievements {
  flex-direction: column;
  margin-top: 20px;
  gap: 44px;
}
.-page .case-achievements-item {
  gap: 20px;
}
.-page .cases__achievements-item-wrapper {
  display: flex;
  align-items: center;
  gap: 32px;
}
.-page .cases__achievements-item-wrapper span {
  color: #0A0A0A;
  font-family: Jost;
  font-size: 56px;
  font-weight: 450;
  line-height: 56px;
  opacity: 1;
}
.-page .cases__achievements-item-wrapper span:last-child {
  color: #23BD87;
}
.-page .cases__achievements-item-label {
  color: #0A0A0A;
  font-family: "Open Sans";
  font-size: 20px;
  opacity: 0.8;
  font-weight: 400;
  line-height: 140%;
}
.-page .advertisement {
  padding: 150px 0;
}
.-page .advertisement__title {
  margin-bottom: 50px;
}
.-page .advertisement__tabs {
  margin-bottom: 50px;
}
.-page .advertisement__content {
  width: 40%;
  height: auto;
  padding: 80px 64px 96px 64px;
  border-radius: 40px;
  background: #F6F6F6;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
}
.-page .advertisement__content-title {
  color: #0A0A0A;
  font-size: 40px;
  font-weight: 400;
  line-height: 40px;
  margin-bottom: 50px;
}
.-page .advertisement__content-wrapper {
  display: flex;
  align-self: stretch;
  gap: 30px;
  min-height: 644px;
  max-height: 644px;
}
.-page .advertisement__content-description {
  color: #6C6C6C;
  margin-bottom: 30px;
}
.-page .advertisement__content-description span {
  color: #0A0A0A;
  font-family: Jost;
  font-size: 24px;
  font-weight: 400;
  line-height: 24px;
}
.-page .advertisement__content-description:last-child {
  margin-bottom: 50px;
}
.-page .advertisement__content-link {
  width: max-content;
  cursor: pointer;
  border-radius: 32px;
  border: 1px solid #23BD87;
  background: #23BD87;
  display: flex;
  height: 76px;
  justify-content: center;
  padding: 27px 56px 31px 56px;
  align-items: center;
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
  transition: all 0.3s;
  margin-top: auto;
}
.-page .advertisement__content-link:hover {
  color: #23BD87;
  background: #fff;
}
.-page .advertisement__content-video {
  width: 60%;
  border-radius: 40px;
  overflow: hidden;
  height: auto;
  display: flex;
}
.-page .advertisement__content-video video {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.-page .tarifs {
  padding: 150px 0;
  margin: 0;
}
.-page .tarifs__title {
  margin-bottom: 80px;
}
.-page .tarifs__tabs {
  display: flex;
  align-items: center;
  gap: 44px;
  margin-bottom: 60px;
}
.-page .tarifs__tab {
  font-family: "Open Sans";
  font-size: 18px;
  color: #0A0A0A;
  font-weight: 400;
  line-height: 24px;
  transition: all 0.3s;
  height: max-content;
  background: transparent;
  padding: 0 0 8px 0;
  border-radius: unset;
  border: none;
  border-bottom: 2px solid #FFF;
}
.-page .tarifs__tab {
  font-family: "Open Sans";
  font-size: 18px;
  color: #0A0A0A;
  font-weight: 400;
  line-height: 24px;
  transition: all 0.3s;
  height: max-content;
  background: transparent;
  padding: 0 0 8px 0;
  border-radius: unset;
  border: none;
  border-bottom: 2px solid #FFF;
}
.-page .tarifs__tab.tab:hover {
  background: transparent;
  border: none;
  color: #23BD87;
  border-bottom: 2px solid #23BD87;
}
.-page .tarifs__tab.curent {
  color: #23BD87;
  border: none;
  border-bottom: 2px solid #23BD87;
  background: transparent;
}
.-page .swiper-pagination-current {
  font-size: 56px;
  color: #0A0A0A;
  font-weight: 500;
  line-height: 56px;
  font-family: Jost;
}
.-page .dir-text {
  min-height: auto;
}
.-page .dev-price p,
.-page .dev-price span {
  color: #0A0A0A;
}
.-page .swiper-pagination {
  font-size: 70px;
  color: #B0B0B0;
  font-weight: 400;
  line-height: 70px;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  font-family: Jost;
}
.-page .swiper-pagination-total {
  font-size: 30px;
  color: #6C6C6C;
  font-weight: 400;
  line-height: 30px;
  font-family: Jost;
}
.-page .swiper-pagination {
  position: static;
  text-align: start;
}
.-page .wrap-case-bottom {
  align-items: flex-end;
}
.-page .wrap-case-bottom p {
  font-family: "Jost";
  line-height: 46px;
}
.-page .result__title {
  width: 915px;
}
.-page .result__card-title {
  min-height: 6rem;
}
.-page .steps {
  padding: 150px 0;
}
.-page .steps-item-content h6 {
  font-weight: 400;
}
.-page .steps-item-content ul li {
  font-family: "Open Sans";
}
.-page .steps-item:nth-child(even) {
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05);
}
.-page .places {
  padding: 150px 0;
}
.-page .partners {
  padding: 150px 0;
  margin: 0;
}
.-page .managers {
  margin: 0;
  padding: 150px 0;
}
.-page .certificates {
  padding-top: 150px;
}

.awards-page .awards__title {
  font-size: 140px;
  color: #0A0A0A;
  color: #0A0A0A;
  line-height: 128px;
  margin-bottom: 100px;
}
.awards-page .awards__tabs {
  gap: 20px;
  margin-bottom: 50px;
}
.awards-page .awards__filters {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 80px;
}
.awards-page .awards__filter-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 699px;
  column-gap: 44px;
  row-gap: 24px;
}
.awards-page .awards__filter-list > * {
  font-family: "Open Sans";
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  color: #23BD87;
  transition: all 0.4s;
}
.awards-page .awards__filter-name {
  color: #6C6C6C;
}
.awards-page .awards__filter-item {
  cursor: pointer;
}
.awards-page .awards__filter-item.active {
  color: #0A0A0A;
}
.awards-page .awards__filter-item:hover {
  color: #0A0A0A;
}
.awards-page .awards__list-item {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  max-width: 1137px;
  width: 100%;
  padding: 56px 0 64px 0;
  border-top: 1px solid #EBEBEB;
  cursor: pointer;
  position: relative;
}
.awards-page .awards__list-item:last-child {
  border-bottom: 1px solid #EBEBEB;
}
.awards-page .awards__item-title {
  font-family: Jost;
  font-size: 40px;
  font-weight: 400;
  line-height: 44px;
  color: #0A0A0A;
  width: 407px;
}
.awards-page .awards__item-title span {
  color: #B3953C;
}
.awards-page .awards__item-description {
  margin-bottom: 0;
  width: 407px;
  color: #6C6C6C;
}
.awards-page .awards__item-date {
  font-family: Jost;
  font-size: 32px;
  font-weight: 450;
  line-height: 100%;
  color: #0A0A0A;
}
.awards-page .awards__group {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  gap: 311px;
}
.awards-page .awards__group-list {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.awards-page .awards__group-logo img {
  width: 180px;
  height: auto;
}
.awards-page .awards__group-logo {
  display: flex;
  width: 272px;
  height: 148px;
  justify-content: center;
  align-items: center;
  border-radius: 40px;
  background: #F6F6F6;
  flex-shrink: 0;
  position: sticky;
  top: 100px;
}
.awards-page .awards__list {
  display: flex;
  flex-direction: column;
  gap: 100px;
}
.awards-page .awards__group-logo.yandex img {
  width: 76px;
}
.awards-page .hover-cursor-img {
  position: fixed;
  top: 0;
  left: 0;
  width: 262px;
  height: auto;
  pointer-events: none;
  transform: translate(-50%, -50%) scale(0);
  transition: transform 0.2s ease, opacity 0.2s ease;
  opacity: 0;
  z-index: 9999;
}
.awards-page .hover-cursor-img.active {
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
}
@media (max-width: 1919px) {
  .awards-page .awards__title {
    font-size: 100px;
    line-height: 96px;
    margin-bottom: 80px;
  }
  .awards-page .awards__tabs {
    margin-bottom: 40px;
  }
  .awards-page .price_li li a {
    height: max-content;
    padding: 10px 24px 12px 24px;
    font-size: 18px;
    line-height: 120%;
  }
  .awards-page .awards__list {
    gap: 80px;
  }
  .awards-page .awards__list-item {
    padding: 26px 0 32px 0;
  }
  .awards-page .awards__item-title {
    font-size: 30px;
    line-height: 100%;
    width: 299px;
  }
  .awards-page .awards__group {
    gap: 20px;
  }
  .awards-page .awards__item-description {
    font-size: 16px;
    line-height: 140%;
  }
  .awards-page .awards__item-date {
    font-size: 24px;
    line-height: 100%;
    width: 116px;
    text-align: right;
  }
  .awards-page .awards__group-logo {
    width: 190px;
    height: 103px;
    border-radius: 30px;
  }
  .awards-page .awards__group-logo img {
    width: 148px;
  }
  .awards-page .awards__group-logo.yandex img {
    width: 65px;
  }
}
@media (max-width: 1365px) {
  .awards-page .awards__title {
    font-size: 60px;
    line-height: 60px;
    margin-bottom: 64px;
  }
  .awards-page .awards__tabs {
    gap: 16px;
  }
  .awards-page .price_li li a,
  .awards-page .price_li li {
    width: max-content;
  }
  .awards-page .awards__filter-list {
    column-gap: 32px;
    row-gap: 16px;
    width: 461px;
  }
  .awards-page .awards__list {
    gap: 60px;
  }
  .awards-page .awards__list-item {
    flex-direction: column;
    padding: 16px 0;
    align-items: flex-start;
    max-width: 461px;
    gap: 12px;
  }
  .awards-page .awards__item-title {
    font-size: 26px;
    width: max-content;
  }
  .awards-page .awards__item-description {
    width: max-content;
  }
  .awards-page .awards__item-date {
    font-size: 22px;
    line-height: normal;
    width: max-content;
    text-align: left;
  }
  .awards-page .awards__group-logo {
    width: 215px;
    height: 117px;
  }
  .awards-page .hover-cursor-img {
    display: none;
  }
}
@media (max-width: 767px) {
  .awards-page .awards__title {
    font-size: 45px;
    line-height: 45px;
    margin-bottom: 60px;
  }
  .awards-page .awards__tabs {
    gap: 12px;
  }
  .awards-page .price_li li a {
    padding: 7px 16px 9px 16px;
    font-size: 14px;
    line-height: 120%;
  }
  .awards-page .awards__filters {
    flex-direction: column;
    gap: 40px;
    align-items: flex-start;
    margin-bottom: 50px;
  }
  .awards-page .awards__filter-list {
    width: 100%;
    gap: 16px;
  }
  .awards-page .awards__filter-list > * {
    font-size: 14px;
    line-height: 120%;
  }
  .awards-page .custom-select {
    justify-content: space-between;
    width: 100%;
  }
  .awards-page .custom-select__name {
    font-size: 14px;
    line-height: 120%;
  }
  .awards-page .custom-select__selected {
    width: max-content;
  }
  .awards-page .custom-select__selected span,
  .awards-page .custom-select__item {
    font-size: 14px;
    line-height: 120%;
  }
  .awards-page .custom-select__dropdown {
    width: max-content;
    left: auto;
  }
  .awards-page .awards__list {
    gap: 50px;
  }
  .awards-page .awards__group {
    flex-direction: column;
    gap: 32px;
  }
  .awards-page .awards__list-item {
    padding: 24px 0;
    max-width: 100%;
  }
  .awards-page .awards__item-title {
    font-size: 24px;
    line-height: 100%;
    width: 100%;
  }
  .awards-page .awards__item-description {
    font-size: 14px;
  }
  .awards-page .awards__item-date {
    font-size: 20px;
  }
  .awards-page .awards__group-logo {
    position: static;
  }
}

#certificate .popup-content {
  background: transparent;
}

#certificate .popup-content img {
  width: 100%;
  height: 75vh;
  object-fit: contain;
}

.branding-page .main-top {
  padding-top: 0;
}
.branding-page .main-top h1 {
  font-weight: 450;
}
.branding-page .corporate-identity {
  padding: 200px 0 50px;
}
.branding-page .corporate-identity__title {
  margin-bottom: 96px;
}
.branding-page .corporate-identity__wrapper {
  display: flex;
}
.branding-page .corporate-identity__content {
  width: 845px;
}
.branding-page .corporate-identity__description {
  width: 723px;
  color: #6C6C6C;
}
.branding-page .corporate-identity__description span {
  font-size: 24px;
  line-height: 100%;
  color: #0A0A0A;
}
.branding-page .corporate-identity__image-wrapper {
  aspect-ratio: 4/3;
}
.branding-page .corporate-identity__image {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.branding-page .corporate-identity__wrapper video {
  aspect-ratio: 3/2;
  width: 100%;
  object-fit: contain;
  height: 700px;
}
.branding-page .geo-now {
  margin: 0;
  padding: 150px 0;
}
.branding-page .result {
  padding: 150px 0;
}
.branding-page .result__title {
  margin-bottom: 96px;
}
.branding-page .result__content-item-row {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
  transition: all 0.4s;
  margin-bottom: 30px;
}
.branding-page .result__content-item-row.non-active .result__content-item-img {
  opacity: 0;
  visibility: hidden;
}
.branding-page .result__content-item-row.non-active .result__content-item.item--content {
  opacity: 0.5;
  background: #F6F6F6;
}
.branding-page .result__content-item {
  position: relative;
}
.branding-page .result__content-item.item--content {
  display: flex;
  width: 846px;
  height: 500px;
  padding: 64px 44px 48px 44px;
  flex-direction: column;
  justify-content: space-between;
  border-radius: 40px;
  background: #FFF;
  box-shadow: 0 4px 64px 0 rgba(0, 0, 0, 0.08);
}
.branding-page .result__content-item-img {
  position: absolute;
  right: 72px;
  top: -50px;
  transition: all 0.4s;
  width: 500px;
  height: 500px;
  object-fit: contain;
}
.branding-page .result__content-item-title {
  color: #0A0A0A;
  font-size: 56px;
  font-weight: 400;
  line-height: 64px;
}
.branding-page .result__content-item-description {
  color: rgba(10, 10, 10, 0.64);
  font-size: 32px;
  font-weight: 400;
  line-height: 56px;
  margin-bottom: 0;
}
.branding-page .accordion-includes {
  padding: 150px 0;
}
.branding-page .accordion-includes__title {
  margin-bottom: 96px;
}
.branding-page .wrap-case-bottom p {
  font-family: Jost;
}
.branding-page .orders {
  padding: 150px 0;
}
.branding-page .orders__title {
  margin-bottom: 120px;
}
.branding-page .orders__description {
  width: 844px;
  color: #6C6C6C;
  margin-bottom: 0;
}
.branding-page .orders__wrapper {
  position: relative;
}
.branding-page .wrap-stickers-items {
  position: unset;
}
.branding-page .orders .wrap-stickers-items .wrap-stickers-item {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
}
.branding-page .orders .wrap-stickers-items .sticker .sticker-img {
  background-image: url(../imgs/branding/stick.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
.branding-page .orders .wrap-stickers-items .wrap-stickers-item {
  width: 400px;
  height: 400px;
}
.branding-page .orders .wrap-stickers-items .wrap-stickers-item .sticker {
  width: 400px;
  height: 400px;
}
.branding-page .brief {
  padding: 150px 0;
}
.branding-page .brief .wrap-case-bottom {
  margin-top: 0;
}
.branding-page .wrap-case-bottom {
  align-items: flex-end;
}
.branding-page .wrap-case-bottom p,
.branding-page .wrap-case-bottom a {
  font-weight: 450;
}
.branding-page .partners,
.branding-page .faq {
  padding: 150px 0;
  margin: 0;
}
.branding-page .swiper-pagination {
  position: static;
  text-align: center;
}
@media (max-width: 1919px) {
  .branding-page .corporate-identity {
    padding: 100px 0;
  }
  .branding-page .corporate-identity__wrapper {
    gap: 80px;
  }
  .branding-page .corporate-identity__title {
    margin-bottom: 60px;
  }
  .branding-page .corporate-identity__content {
    width: max-content;
  }
  .branding-page .corporate-identity__description {
    width: 659px;
    font-size: 18px;
    line-height: 140%;
    margin-bottom: 44px;
  }
  .branding-page .corporate-identity__wrapper video {
    height: 440px;
  }
  .branding-page .geo-now {
    padding: 100px 0;
  }
  .branding-page .result {
    padding: 100px 0;
  }
  .branding-page .result__title {
    margin-bottom: 60px;
  }
  .branding-page .result__content-item-row {
    margin-bottom: 60px;
  }
  .branding-page .result__content-item.item--content {
    width: 630px;
    height: 350px;
    padding: 44px 32px 32px 32px;
  }
  .branding-page .result__content-item-title {
    font-size: 40px;
    line-height: 44px;
  }
  .branding-page .result__content-item-description {
    font-size: 24px;
    line-height: 40px;
  }
  .branding-page .result__content-item-img {
    top: -84px;
    width: 518px;
    height: 518px;
  }
  .branding-page .accordion-includes {
    padding: 100px 0;
  }
  .branding-page .orders {
    padding: 100px 0;
  }
  .branding-page .orders__title {
    margin-bottom: 80px;
  }
  .branding-page .orders__description {
    font-size: 18px;
    line-height: 140%;
    width: 770px;
  }
  .branding-page .orders .wrap-stickers-items .wrap-stickers-item {
    width: 300px;
    height: 300px;
  }
  .branding-page .orders .wrap-stickers-items .wrap-stickers-item .sticker {
    width: 300px;
    height: 300px;
  }
  .branding-page .brief {
    padding: 100px 0;
  }
  .branding-page .partners, .branding-page .faq {
    padding: 100px 0;
  }
}
@media (max-width: 1365px) {
  .branding-page .corporate-identity {
    padding: 104px 0 70px;
  }
  .branding-page .corporate-identity__wrapper {
    flex-direction: column;
    gap: 60px;
  }
  .branding-page .corporate-identity__content {
    width: 100%;
  }
  .branding-page .corporate-identity__description {
    width: 100%;
    margin-bottom: 40px;
    font-size: 16px;
  }
  .branding-page .corporate-identity__video {
    display: flex;
    justify-content: flex-end;
  }
  .branding-page .corporate-identity__wrapper video {
    width: 551px;
  }
  .branding-page .corporate-identity__description span {
    font-size: 19px;
    font-weight: 400;
    line-height: 19px;
  }
  .branding-page .corporate-identity__title {
    margin-bottom: 50px;
  }
  .branding-page .wrap-case-bottom {
    padding-left: 0;
  }
  .branding-page .corporate-identity__image-wrapper {
    aspect-ratio: unset;
    display: flex;
    justify-content: flex-end;
  }
  .branding-page .corporate-identity__image {
    width: 552px;
    height: 440px;
  }
  .branding-page .swiper-pagination-current {
    font-size: 36px;
    line-height: 120%;
  }
  .branding-page .swiper-pagination {
    font-size: 40px;
    line-height: 27px;
  }
  .branding-page .swiper-pagination-total {
    font-size: 16px;
    line-height: 24px;
  }
  .branding-page .wrap-case-bottom {
    margin-top: 50px;
  }
  .branding-page .wrap-case-bottom p {
    line-height: normal;
  }
  .branding-page .geo-now {
    padding: 70px 0;
  }
  .branding-page .accordion-includes {
    padding: 70px 0;
  }
  .branding-page .accordion-includes__title {
    margin-bottom: 40px;
  }
  .branding-page .result {
    display: block;
    padding: 70px 0;
  }
  .branding-page .result__title {
    margin-bottom: 40px;
  }
  .branding-page .result__content-item-row {
    display: flex;
    flex-direction: column;
    gap: 40px;
    align-items: center;
  }
  .branding-page .result__content-item-row.non-active .result__content-item.item--content {
    opacity: 1;
    background: #FFF;
    box-shadow: 0 4px 64px 0 rgba(0, 0, 0, 0.08);
  }
  .branding-page .result__content-item-row.non-active .result__content-item-img {
    opacity: 1;
    visibility: visible;
  }
  .branding-page .result__content-item.item--content {
    width: 100%;
    height: auto;
    padding: 45px 30px;
    justify-content: normal;
    gap: 50px;
    border-radius: 30px;
  }
  .branding-page .result__content-item-img {
    position: static;
    width: 339px;
    height: 339px;
  }
  .branding-page .orders {
    padding: 70px 0;
  }
  .branding-page .orders__title {
    margin-bottom: 50px;
  }
  .branding-page .orders__description {
    font-size: 16px;
    width: 100%;
  }
  .branding-page .wrap-stickers-items {
    display: none;
  }
  .branding-page .brief {
    padding: 70px 0;
  }
  .branding-page .partners, .branding-page .faq {
    padding: 70px 0;
  }
}
@media (max-width: 767px) {
  .branding-page {
    overflow: hidden;
  }
  .branding-page .corporate-identity {
    padding: 80px 0 75px;
  }
  .branding-page .corporate-identity__title {
    margin-bottom: 40px;
  }
  .branding-page .corporate-identity__description {
    margin-bottom: 40px;
    font-size: 14px;
  }
  .branding-page .corporate-identity__description {
    font-size: 18px;
  }
  .branding-page .corporate-identity .wrap-case-bottom .block-btn {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    width: 100%;
  }
  .branding-page .corporate-identity .wrap-case-bottom .block-btn img {
    position: static;
  }
  .branding-page .corporate-identity__wrapper {
    gap: 50px;
  }
  .branding-page .corporate-identity__image {
    width: 100%;
    height: 273px;
  }
  .branding-page .corporate-identity__image-wrapper {
    justify-content: center;
  }
  .branding-page .corporate-identity__video {
    display: flex;
    justify-content: center;
  }
  .branding-page .corporate-identity__wrapper video {
    width: 100%;
    height: 273px;
  }
  .branding-page .wrap-case-bottom {
    align-items: flex-start;
  }
  .branding-page .geo-now {
    padding: 75px 0;
  }
  .branding-page .result {
    padding: 75px 0;
  }
  .branding-page .result__content-item-row {
    gap: 30px;
  }
  .branding-page .result__content-item.item--content {
    padding: 30px 20px;
    gap: 40px;
  }
  .branding-page .result__content-item-title {
    font-size: 32px;
  }
  .branding-page .result__content-item-img {
    width: 200px;
    height: 200px;
  }
  .branding-page .accordion-includes {
    padding: 75px 0;
  }
  .branding-page .orders {
    padding: 75px 0;
  }
  .branding-page .orders__title {
    margin-bottom: 40px;
  }
  .branding-page .orders__description {
    font-size: 14px;
  }
  .branding-page .brief {
    padding: 75px 0;
  }
  .branding-page .partners, .branding-page .faq {
    padding: 75px 0;
  }
  .branding-page .geo-now-item {
    gap: 40px;
  }
}

.case-template-page header {
  background: #F6F6F6;
}

.case-template {
  overflow: hidden;
}
.case-template .bread-crumbs,
.case-template .hero,
.case-template .about,
.case-template .result,
.case-template .platform,
.case-template .case-info {
  background: #F6F6F6;
}
.case-template .hero {
  padding-bottom: 75px;
}
.case-template .hero__wrapper {
  position: relative;
}
.case-template .hero__image {
  position: absolute;
  width: 945px;
  height: 694px;
  right: -200px;
  top: -210px;
  object-fit: cover;
}
.case-template .hero__title {
  width: 1100px;
  font-size: 80px;
  color: #0A0A0A;
  font-weight: 400;
  line-height: 80px;
  margin-bottom: 60px;
}
.case-template .hero__tags {
  display: flex;
  align-items: center;
  gap: 20px;
}
.case-template .hero__tag {
  padding: 6px 20px 10px 20px;
  border-radius: 32px;
  background: #ECECEC;
  font-family: "Open Sans";
  font-size: 20px;
  font-weight: 400;
  line-height: 140%;
  color: #6C6C6C;
}
.case-template .hero__hashtags {
  margin-top: 60px;
  display: flex;
  align-items: center;
  gap: 20px;
}
.case-template .hero__hashtag {
  font-size: 20px;
  line-height: 160%;
  color: #6C6C6C;
}
.case-template .about {
  padding: 75px 0;
}
.case-template .about__title {
  font-size: 40px;
  font-weight: 400;
  line-height: 36px;
  margin-bottom: 60px;
}
.case-template .about__info {
  width: 553px;
  margin-top: 23px;
}
.case-template .wrap-case-bottom {
  margin-top: 0;
  flex-shrink: 0;
}
.case-template .about__title-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 20px;
}
.case-template .about__image-wrapper {
  border-radius: 40px;
  background: #FFF;
  display: flex;
  width: 408px;
  height: 210px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}
.case-template .about__description {
  color: #6C6C6C;
  margin-bottom: 0;
  font-size: 24px;
  line-height: 160%;
}
.case-template .about__description span {
  font-family: Jost;
  font-size: 24px;
  line-height: 24px;
  color: #0A0A0A;
}
.case-template .about__wrapper {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.case-template .about__content-wrapper {
  display: flex;
  gap: 175px;
}
.case-template .result {
  padding: 75px 0;
}
.case-template .result__title-case {
  font-size: 40px;
  font-weight: 400;
  line-height: 36px;
  margin-bottom: 60px;
}
.case-template .result__wrapper {
  display: flex;
  justify-content: space-between;
}
.case-template .result__content {
  display: flex;
  flex-direction: column;
  gap: 80px;
  padding-top: 20px;
  width: 1137px;
}
.case-template .result__description {
  margin-bottom: 0;
  width: 553px;
  color: #6C6C6C;
  font-size: 24px;
  line-height: 160%;
}
.case-template .result__count-wrapper {
  display: flex;
  align-items: center;
  gap: 120px;
}
.case-template .result__count {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.case-template .result__count-number {
  font-size: 80px;
  color: #0A0A0A;
  font-weight: 450;
  line-height: 80px;
}
.case-template .result__count-describe {
  color: #0A0A0A;
  opacity: 0.8;
  font-family: "Open Sans";
  font-size: 20px;
  font-weight: 400;
  line-height: 140%;
}
.case-template .platform {
  padding: 75px 0;
}
.case-template .platform__wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.case-template .platform__title {
  font-size: 40px;
  font-weight: 400;
  line-height: 36px;
  margin-bottom: 60px;
}
.case-template .platform__content {
  width: 1137px;
  display: flex;
  align-items: center;
  gap: 96px;
}
.case-template .platform__content.non--title {
  width: 1210px;
  margin: 0 auto;
  align-items: flex-start;
}
.case-template .platform__content.non--title .platform__img {
  width: 151px;
  height: 151px;
}
.case-template .platform__describe {
  color: #6C6C6C;
  font-size: 24px;
  line-height: 160%;
}
.case-template .case-info {
  padding: 75px 0 300px;
}
.case-template .case-info__wrapper {
  display: flex;
  flex-direction: column;
  gap: 150px;
}
.case-template .case-info__content {
  display: flex;
  align-items: center;
  gap: 30px;
  /*&.image--big-left{*/
  /*    .case-info__img{*/
  /*        &:first-child{*/
  /*            width: 991px;*/
  /*        }*/
  /*    }*/
  /*}*/
}
.case-template .case-info__content.img--signature .case-info__img {
  width: 1280px;
  height: auto;
  margin: 0 auto;
}
.case-template .case-info__content.big--img .case-info__img {
  height: auto;
}
.case-template .case-info__content .case-info__title-case {
  margin-bottom: 50px;
}
.case-template .case-info__content.content--title {
  flex-direction: column;
  align-items: flex-start;
}
.case-template .case-info__mob-link {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
}
.case-template .case-info__link {
  display: none;
}
.case-template .case-info__description-wrapper {
  display: flex;
}
.case-template .case-info__description-wrapper.no--title {
  width: 996px;
  margin: 0 auto;
}
.case-template .case-info__description-wrapper .case-info__title-case {
  width: 492px;
  flex-shrink: 0;
}
.case-template .case-info__description-wrapper .case-info__description {
  width: 100%;
  margin: unset;
  margin-bottom: 40px;
  font-size: 24px;
}
.case-template .case-info__description-wrapper .case-info__description:last-child {
  margin-bottom: 0;
}
.case-template .case-info__title-case {
  font-size: 40px;
  font-weight: 400;
  line-height: 36px;
}
.case-template .case-info__img {
  border-radius: 40px;
  overflow: hidden;
  height: 846px;
  /*width: auto;*/
  width: 100%;
  object-fit: cover;
}
.case-template .case-info__description {
  margin-bottom: 0;
  color: #6C6C6C;
  width: 1136px;
  margin: 0 auto;
  font-size: 24px;
}
.case-template .case-info__description span {
  font-family: "Open Sans";
  font-size: 24px;
  font-weight: 700;
  line-height: 160%;
}
.case-template .case-info__card {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
}
.case-template .interesting__card-link {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.case-template .interesting {
  padding: 300px 0 150px;
}
.case-template .interesting__title-wrapper {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 96px;
}
.case-template .interesting__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}
.case-template .interesting__card {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
}
.case-template .interesting__card-link {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.case-template .interesting__card-image-wrapper {
  height: 553px;
  border-radius: 40px;
  overflow: hidden;
  padding: 30px;
  margin-bottom: 24px;
  position: relative;
}
.case-template .interesting__card-image {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.case-template .interesting__card-image img {
  /*width: 468px;*/
  /*height: 360px;*/
  width: 100%;
  height: 100%;
  /*object-fit: contain;*/
  object-fit: cover;
}
.case-template .interesting__card-content {
  position: relative;
  z-index: 10;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.case-template .interesting__card-content-title {
  overflow: hidden;
  color: #0A0A0A;
  text-overflow: ellipsis;
  font-family: Jost;
  font-size: 32px;
  font-weight: 450;
  line-height: 110%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  align-self: stretch;
  margin-bottom: 24px;
}
.case-template .interesting__card-content-subtitle {
  font-family: "Open Sans";
  color: #6C6C6C;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 30px;
}
.case-template .interesting__card-tags {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: auto;
}
.case-template .interesting__card-tag {
  padding: 6px 20px 10px 20px;
  border-radius: 32px;
  background: #F6F6F6;
  font-family: "Open Sans";
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  color: #6C6C6C;
}
.case-template .interesting__card-logo {
  width: auto;
  /*width: 200px;*/
  height: auto;
  position: absolute;
  z-index: 10;
}
.case-template .interesting__card-logo img {
  width: 100%;
  height: 100%;
}
.case-template .contact-form {
  padding: 150px 0 100px;
}
.case-template .contact-form__title {
  color: #0A0A0A;
  font-family: Jost;
  font-size: 140px;
  font-weight: 450;
  line-height: 128px;
}
.case-template .wrap-input textarea:focus, .case-template .wrap-input textarea:active, .case-template .wrap-input input:focus, .case-template .wrap-input input:active {
  border-bottom: 2px solid #23BD87;
}
.case-template .call-form {
  margin: 0;
}
.case-template .wrap-input textarea {
  resize: block;
}
@media (max-width: 1919px) {
  .case-template .hero {
    padding-bottom: 60px;
  }
  .case-template .hero__image {
    width: 648px;
    height: 467px;
    top: -140px;
    right: 60px;
  }
  .case-template .hero__title {
    width: 825px;
    font-size: 60px;
    line-height: 60.04px;
    letter-spacing: 0;
    margin-bottom: 45px;
  }
  .case-template .hero__tags {
    gap: 15px;
  }
  .case-template .hero__tag {
    padding: 6px 16px;
    border-radius: 24px;
    font-size: 16px;
  }
  .case-template .hero__hashtags {
    margin-top: 45px;
    gap: 16px;
  }
  .case-template .hero__hashtag {
    font-size: 16px;
  }
  .case-template .about {
    padding: 60px 0;
  }
  .case-template .about__title {
    font-size: 30px;
    line-height: 100%;
  }
  .case-template .about__image-wrapper {
    width: 305px;
    height: 157px;
    border-radius: 30px;
  }
  .case-template .about__content-wrapper {
    gap: 132px;
  }
  .case-template .about__image {
    height: auto;
    width: 226px;
  }
  .case-template .about__info {
    width: 415px;
    margin-top: 15px;
  }
  .case-template .about__description span {
    font-size: 18px;
    line-height: 18px;
  }
  .case-template .about__description {
    font-size: 18px;
  }
  .case-template .result {
    padding: 60px 0;
  }
  .case-template .result__title-case {
    font-size: 30px;
    line-height: 100%;
    margin-bottom: 0;
    flex-shrink: 0;
  }
  .case-template .result__content {
    display: flex;
    flex-direction: column;
    gap: 60px;
    padding-top: 15px;
    width: 100%;
  }
  .case-template .result__wrapper {
    gap: 210px;
  }
  .case-template .result__description {
    width: 410px;
    font-size: 18px;
  }
  .case-template .result__count-wrapper {
    gap: 90px;
  }
  .case-template .result__count {
    gap: 30px;
  }
  .case-template .result__count-number {
    font-size: 60px;
    line-height: 60px;
  }
  .case-template .result__count-describe {
    font-size: 16px;
  }
  .case-template .platform {
    padding: 60px 0;
  }
  .case-template .platform__content {
    gap: 72px;
  }
  .case-template .platform__content.non--title {
    width: 970px;
  }
  .case-template .platform__content.non--title .platform__img {
    width: 132px;
    height: 132px;
  }
  .case-template .platform__describe {
    font-size: 18px;
  }
  .case-template .case-info {
    padding: 60px 0 75px;
  }
  .case-template {
    /*.case-info__img {*/
    /*    height: 634px;*/
    /*    !*height: auto;*!*/
    /*}*/
  }
  .case-template .case-info__wrapper {
    gap: 120px;
  }
  .case-template .case-info__content.content--title .case-info__img {
    width: 100%;
  }
  .case-template .case-info__description {
    font-size: 18px;
    width: 960px;
  }
  .case-template .case-info__description-wrapper .case-info__description {
    font-size: 18px;
  }
  .case-template .case-info__description-wrapper .case-info__title-case {
    width: 370px;
  }
  .case-template .case-info__title-case {
    font-size: 30px;
    line-height: 27px;
  }
  .case-template .case-info__description span {
    font-size: 18px;
  }
  .case-template .interesting {
    padding: 75px 0;
    background: #F6F6F6;
  }
  .case-template .interesting__title-wrapper {
    margin-bottom: 70px;
  }
  .case-template .interesting__card-image-wrapper {
    border-radius: 30px;
    height: 409px;
    margin-bottom: 16px;
    padding: 20px;
  }
  .case-template .interesting__card-logo {
    /*width: 135px;*/
    width: auto;
  }
  .case-template .interesting__card-image img {
    /*width: 445px;*/
    /*height: 305px;*/
  }
  .case-template .interesting__card-content-title {
    font-size: 30px;
    line-height: 32px;
    margin-bottom: 24px;
  }
  .case-template .interesting__card-content-subtitle {
    font-size: 15px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    align-self: stretch;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 16px;
  }
  .case-template .interesting__card-tag {
    font-size: 15px;
  }
  .case-template .contact-form {
    padding: 150px 0;
    background: #F6F6F6;
  }
}
@media (max-width: 1365px) {
  .case-template .hero {
    padding-bottom: 70px;
  }
  .case-template .hero__title {
    width: 390px;
    font-size: 48px;
    line-height: 60px;
  }
  .case-template .hero__image {
    width: 366px;
    height: 317px;
    top: -100px;
    right: -30px;
  }
  .case-template .hero__tag {
    font-size: 14px;
  }
  .case-template .hero__hashtags {
    gap: 14px;
  }
  .case-template .about {
    padding: 70px 0;
  }
  .case-template .about__wrapper {
    flex-direction: column;
    align-items: flex-start;
    gap: 44px;
  }
  .case-template .about__content-wrapper {
    flex-direction: column;
    gap: 60px;
  }
  .case-template .about__title-wrapper {
    gap: 0;
  }
  .case-template .about__title {
    font-size: 24px;
    margin-bottom: 45px;
  }
  .case-template .about__info {
    width: 100%;
    margin-top: 0;
  }
  .case-template .about__description,
  .case-template .about__description span {
    font-size: 16px;
  }
  .case-template .wrap-case-bottom {
    padding: 0;
  }
  .case-template .result {
    display: block;
    padding: 70px 0;
  }
  .case-template .result__wrapper {
    flex-direction: column;
    gap: 45px;
  }
  .case-template .result__title-case {
    font-size: 24px;
  }
  .case-template .result__description {
    width: 100%;
  }
  .case-template .result__count-wrapper {
    gap: 16px;
  }
  .case-template .result__count-number {
    font-size: 50px;
    line-height: 50px;
  }
  .case-template .result__count-describe {
    font-size: 14px;
  }
  .case-template .platform {
    padding: 70px 0;
  }
  .case-template .platform__content {
    gap: 53px;
  }
  .case-template .platform__content.non--title {
    width: 100%;
  }
  .case-template .platform__describe {
    font-size: 16px;
    margin-bottom: 30px;
  }
  .case-template .case-info {
    padding: 70px 0;
  }
  .case-template .case-info__wrapper {
    gap: 140px;
  }
  .case-template .case-info__content {
    flex-direction: column;
    gap: 30px;
  }
  .case-template .case-info__description {
    font-size: 16px;
    width: 100%;
  }
  .case-template .case-info__description-wrapper {
    flex-direction: column;
    gap: 45px;
  }
  .case-template .case-info__description-wrapper .case-info__title-case {
    width: 100%;
    font-size: 24px;
  }
  .case-template .case-info__description-wrapper .case-info__description {
    font-size: 16px;
  }
  .case-template .case-info__description-wrapper.no--title {
    width: 100%;
  }
  .case-template .case-info__content.img--signature .case-info__img {
    width: 100%;
  }
  .case-template .case-info__img {
    height: auto;
  }
  .case-template .interesting {
    padding: 80px 0 50px;
  }
  .case-template .interesting__title-wrapper {
    margin-bottom: 50px;
  }
  .case-template .interesting__title {
    font-size: 40px;
    line-height: 59px;
  }
  .case-template .interesting__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 36px;
  }
  .case-template .interesting__card:last-child {
    display: none;
  }
  .case-template .interesting__card-content {
    padding-right: 20px;
  }
  .case-template .interesting__card-image-wrapper {
    height: auto;
    margin-bottom: 30px;
    aspect-ratio: 1/1;
  }
  .case-template .interesting__card-content-title {
    font-size: 24px;
    margin-bottom: 24px;
  }
  .case-template .contact-form {
    padding: 50px 0 100px;
  }
  .case-template .contact-form__title {
    font-size: 60px;
    line-height: 56px;
  }
}
@media (max-width: 767px) {
  .case-template .hero {
    padding-bottom: 22px;
  }
  .case-template .hero__wrapper {
    display: flex;
    flex-direction: column;
  }
  .case-template .hero__image {
    position: unset;
    width: 100%;
    height: 250px;
    object-fit: contain;
  }
  .case-template .hero__title {
    width: 100%;
    font-size: 40px;
    line-height: 38px;
  }
  .case-template .hero__tags {
    flex-direction: column;
    gap: 20px;
    align-items: flex-start;
  }
  .case-template .hero__hashtags {
    flex-direction: column;
    margin-bottom: 45px;
    align-items: flex-start;
    gap: 16px;
  }
  .case-template .about {
    padding: 22px 0;
  }
  .case-template .about__title {
    margin-bottom: 20px;
  }
  .case-template .about__image-wrapper {
    width: 100%;
    height: auto;
    aspect-ratio: 4/2;
  }
  .case-template .about__wrapper {
    align-items: flex-end;
    gap: 2px;
  }
  .case-template .about__content-wrapper {
    gap: 40px;
  }
  .case-template .about__description, .case-template .about__description span {
    font-size: 14px;
  }
  .case-template .wrap-case-bottom .block-btn {
    font-size: 20px;
  }
  .case-template .result {
    padding: 22px 0;
  }
  .case-template .result__wrapper {
    gap: 20px;
  }
  .case-template .result__content {
    gap: 40px;
  }
  .case-template .result__count-wrapper {
    flex-direction: column;
    align-items: flex-start;
    gap: 50px;
  }
  .case-template .result__count-describe {
    width: 225px;
  }
  .case-template .platform {
    padding: 22px 0;
  }
  .case-template .platform__wrapper {
    padding: 0 10px;
  }
  .case-template .platform__content {
    flex-direction: column;
  }
  .case-template .platform__describe {
    font-size: 14px;
  }
  .case-template .platform__describe:last-child {
    margin-bottom: 0;
  }
  .case-template .case-info {
    padding: 22px 0 44px;
  }
  .case-template .case-info__wrapper {
    gap: 44px;
  }
  .case-template .case-info__description {
    font-size: 14px;
  }
  .case-template .case-info__content {
    gap: 10px;
  }
  .case-template .case-info__link {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 12px;
    line-height: 160%;
    color: #6C6C6C;
  }
  .case-template .case-info__description-wrapper .case-info__description {
    font-size: 14px;
  }
  .case-template .case-info__img {
    border-radius: 20px;
    width: 100%;
  }
  .case-template .case-info__content.img--signature .case-info__img {
    width: 100%;
  }
  .case-template .interesting {
    padding: 50px 0 25px;
  }
  .case-template .interesting__title-wrapper {
    flex-direction: column;
  }
  .case-template .interesting__title {
    line-height: 34px;
  }
  .case-template .interesting__grid {
    grid-template-columns: repeat(1, 1fr);
  }
  .case-template .interesting__card:nth-child(2) {
    display: none;
  }
  .case-template .contact-form {
    padding: 25px 0 50px;
  }
  .case-template .contact-form__title {
    font-size: 40px;
    line-height: 38px;
  }
}

.bg-radial-pink {
  background: radial-gradient(50% 50% at 50% 50%, #FFA2A2 0%, #F78484 100%), radial-gradient(50% 50% at 50% 50%, #2F4056 0%, #202D3D 100%);
}

.cases-page {
  overflow: hidden;
}
.cases-page .result-case__card-logo .mobile-logo-company {
  display: none;
}
.cases-page .result-case__card.case-main-img .result-case__card-content-wrapper .wrap-case-sticker-img {
  display: none;
}
.cases-page .result-case__card .wrap-case-sticker-img {
  z-index: 29;
}
.cases-page .result-case__title {
  font-size: 140px;
  color: #0A0A0A;
  line-height: 128px;
  margin-bottom: 100px;
}
.cases-page .result-case__filters {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 20px;
  margin-bottom: 100px;
}
.cases-page .result-case__filter {
  padding: 17px 32px 19px 32px;
  border-radius: 32px;
  background: #F6F6F6;
  font-family: "Open Sans";
  font-size: 20px;
  color: rgba(10, 10, 10, 0.64);
  font-weight: 400;
  line-height: 140%;
  cursor: pointer;
  transition: all 0.3s;
  border: 0.5px solid #F6F6F6;
}
.cases-page .result-case__filter.active {
  background: rgba(35, 189, 135, 0.16);
}
.cases-page .result-case__filter:hover {
  border: 0.5px solid #23BD87;
  background: transparent;
}
.cases-page .result-case__filter-more {
  font-family: "Open Sans";
  font-size: 20px;
  cursor: pointer;
  font-weight: 400;
  line-height: 160%;
  display: flex;
  align-items: center;
  gap: 8px;
  border-bottom: 1px solid transparent;
}
.cases-page .result-case__filter-more svg {
  transition: all 0.3s;
}
.cases-page .result-case__filter-more:hover {
  border-bottom: 1px solid rgba(10, 10, 10, 0.4);
}
.cases-page .result-case__filter-more:active svg {
  transform: rotate(-180deg);
}
.cases-page .result-case__link-title-wrapper {
  position: relative;
}
.cases-page .result-case__card-link-title {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.cases-page .result-case__card {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
}
.cases-page {
  /*.result-case__card:hover .blur-layer,*/
  /*.result-case__card:hover .result-case__card-content-wrapper .result-case__card-content*/
  /*{*/
  /*    opacity: 0;*/
  /*}*/
}
.cases-page .result-case__card-content-wrapper .result-case__card-content,
.cases-page .result-case__card-content-wrapper .result-case__card-review {
  transition: all 0.4s ease;
}
.cases-page .result-case__card-link {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 28;
}
.cases-page .result-case__card-image-wrapper {
  height: 553px;
  border-radius: 40px;
  overflow: hidden;
  padding: 30px;
  margin-bottom: 24px;
  position: relative;
}
.cases-page .result-case__card-image {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cases-page .result-case__card-lg-wrapper .result-case__card-image {
  left: 50%;
  top: 50%;
}
.cases-page .result-case__card video {
  position: absolute;
  left: 0;
  top: -10%;
}
.cases-page .result-case__card-image img {
  /*width: 468px;*/
  /*height: 360px;*/
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.cases-page .result-case__card-content-wrapper {
  position: absolute;
  bottom: 0;
  padding: 34px 24px 36px 30px;
  width: 100%;
  left: 0;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.cases-page .result-case__card-content {
  position: relative;
  z-index: 10;
  padding: 0 20px;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.cases-page .blur-layer {
  opacity: 1;
  transition: opacity 0.4s ease;
  position: absolute;
  background: rgba(255, 255, 255, 0.01);
  -webkit-mask-image: linear-gradient(to bottom, transparent 0%, black 10%, black 100%);
  mask-image: linear-gradient(to bottom, transparent 0%, black 10%, black 100%);
  backdrop-filter: blur(17px);
  -webkit-backdrop-filter: blur(17px);
  pointer-events: none;
  width: 100%;
  height: 100%;
  left: 0;
  bottom: 0;
}
.cases-page .result-case__card-content-title {
  overflow: hidden;
  color: #0A0A0A;
  text-overflow: ellipsis;
  font-family: Jost;
  font-size: 32px;
  font-weight: 450;
  line-height: 110%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  align-self: stretch;
  margin-bottom: 24px;
}
.cases-page .result-case__card-review {
  bottom: 30px;
  right: 30px;
  position: absolute;
  padding: 12px 13px 12px 11px;
  border-radius: 400px;
  background: #FFF;
  width: 80px;
  height: 80px;
  /*z-index: 5;*/
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 1111;
}
.cases-page .result-case__card-review svg path {
  transition: all 0.3s;
}
.cases-page .result-case__card-review.mob {
  display: none;
}
.cases-page .result-case__card-review:hover {
  background: black;
}
.cases-page .result-case__card-review:hover svg path {
  fill: #FFF;
  /*fill: #23BD87;*/
}
.cases-page .result-case__more-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}
.cases-page .result-case__more {
  padding: 27px 50px 31px 50px;
  border-radius: 32px;
  border: 1px solid #23BD87;
  font-size: 18px;
  font-weight: 500;
  line-height: 18px;
  color: #23BD87;
  transition: all 0.4s;
  cursor: pointer;
}
.cases-page .result-case__more:hover {
  background: #23BD87;
  color: #FFF;
}
.cases-page .result-case__card-content-subtitle {
  font-family: "Open Sans";
  color: #6C6C6C;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 30px;
}
.cases-page .result-case__card-tags {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: auto;
}
.cases-page .result-case__card-tag {
  padding: 6px 20px 10px 20px;
  border-radius: 32px;
  background: #F6F6F6;
  font-family: "Open Sans";
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  color: #6C6C6C;
}
.cases-page .result-case__card-logo {
  width: auto;
  /*width: 160px;*/
  height: auto;
  z-index: 10;
  position: absolute;
}
.cases-page .result-case__card-logo img {
  width: 100%;
  height: 100%;
}
.cases-page .result-case__cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 30px;
  grid-row-gap: 120px;
  margin-bottom: 100px;
}
.cases-page .result-case__card:nth-child(10n+1),
.cases-page .result-case__card:nth-child(10n+7) {
  padding: 20px;
  border-radius: 40px;
  overflow: hidden;
}
.cases-page .result-case__card:nth-child(10n+1) .result-case__card-link-title,
.cases-page .result-case__card:nth-child(10n+7) .result-case__card-link-title {
  display: none;
}
.cases-page .result-case__card:nth-child(10n+1) .result-case__card-image img,
.cases-page .result-case__card:nth-child(10n+7) .result-case__card-image img {
  /*width: 600px;*/
  /*height: 600px;*/
  width: 100%;
  height: 100%;
}
.cases-page .result-case__card:nth-child(10n+1) .result-case__card-content-title,
.cases-page .result-case__card:nth-child(10n+7) .result-case__card-content-title {
  color: #FFF;
  font-size: 40px;
  width: 810px;
}
.cases-page .result-case__card:nth-child(10n+1) .result-case__card-content-subtitle,
.cases-page .result-case__card:nth-child(10n+7) .result-case__card-content-subtitle {
  color: #FFF;
}
.cases-page .result-case__card:nth-child(10n+1) .result-case__card-content,
.cases-page .result-case__card:nth-child(10n+7) .result-case__card-content {
  padding: 0;
}
.cases-page .result-case__card:nth-child(10n+1) .result-case__card-review,
.cases-page .result-case__card:nth-child(10n+7) .result-case__card-review {
  position: static;
}
.cases-page .result-case__card:nth-child(10n+1) {
  grid-column: 1/3;
  grid-row: span 1;
}
.cases-page .result-case__card:nth-child(10n+2) {
  grid-column: 3/4;
  grid-row: span 1;
}
.cases-page .result-case__card:nth-child(10n+3) {
  grid-column: 1/2;
  grid-row: span 1;
}
.cases-page .result-case__card:nth-child(10n+4) {
  grid-column: 2/3;
  grid-row: span 1;
}
.cases-page .result-case__card:nth-child(10n+5) {
  grid-column: 3/4;
  grid-row: span 1;
}
.cases-page .result-case__card:nth-child(10n+6) {
  grid-column: 1/2;
  grid-row: span 1;
}
.cases-page .result-case__card:nth-child(10n+7) {
  grid-column: 2/4;
  grid-row: span 1;
}
.cases-page .result-case__card:nth-child(10n+8) {
  grid-column: 1/2;
  grid-row: span 1;
}
.cases-page .result-case__card:nth-child(10n+9) {
  grid-column: 2/3;
  grid-row: span 1;
}
.cases-page .result-case__card:nth-child(10n+10) {
  grid-column: 3/4;
  grid-row: span 1;
}
.cases-page .result-case__card-lg-wrapper {
  min-height: 804px;
}
@media (max-width: 1919px) {
  .cases-page .result-case__card-lg-wrapper {
    min-height: 600px;
  }
  .cases-page .result-case__title {
    font-size: 100px;
    line-height: 96px;
    margin-bottom: 80px;
  }
  .cases-page .result-case__filters {
    margin-bottom: 80px;
  }
  .cases-page .result-case__filter {
    padding: 10px 24px 12px 24px;
    font-size: 18px;
    line-height: 120%;
  }
  .cases-page .result-case__filter-more {
    font-size: 18px;
    line-height: 120%;
  }
  .cases-page .result-case__card:nth-child(10n+1),
  .cases-page .result-case__card:nth-child(10n+7) {
    border-radius: 30px;
  }
  .cases-page .result-case__card-image-wrapper {
    border-radius: 30px;
    height: 409px;
    margin-bottom: 16px;
  }
  .cases-page .result-case__cards {
    grid-row-gap: 80px;
    margin-bottom: 80px;
  }
  .cases-page .result-case__card:nth-child(10n+1) .result-case__card-content-title,
  .cases-page .result-case__card:nth-child(10n+7) .result-case__card-content-title {
    font-size: 30px;
    width: 615px;
    margin-bottom: 16px;
  }
  .cases-page .result-case__card:nth-child(10n+1),
  .cases-page .result-case__card:nth-child(10n+7) {
    padding: 20px;
  }
  .cases-page .result-case__card-content-subtitle {
    font-size: 14px;
    line-height: 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    align-self: stretch;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 16px;
  }
  .cases-page .result-case__card-tags {
    gap: 8px;
  }
  .cases-page .result-case__card-tag {
    padding: 5px 16px 7px 16px;
    font-size: 14px;
    line-height: 20px;
  }
  .cases-page .result-case__card-review {
    padding: 10px 11px 10px 9px;
    border-radius: 300px;
    width: 60px;
    height: 60px;
    border-radius: 300px;
  }
  .cases-page .result-case__card-content {
    padding: 0 16px;
  }
  .cases-page .result-case__card-content-title {
    font-size: 22px;
    line-height: 26px;
    margin-bottom: 16px;
  }
  .cases-page .result-case__more {
    padding: 19px 44px 22px 44px;
    border-radius: 32px;
    font-size: 16px;
    font-weight: 450;
    line-height: normal;
  }
}
@media (max-width: 1365px) {
  .cases-page .result-case__card-lg-wrapper {
    min-height: auto;
  }
  .cases-page .result-case__card:nth-child(10n+1) .result-case__card-link-title,
  .cases-page .result-case__card:nth-child(10n+7) .result-case__card-link-title {
    display: block;
  }
  .cases-page .result-case__title {
    font-size: 60px;
    line-height: 60px;
    margin-bottom: 60px;
  }
  .cases-page .result-case__filters {
    gap: 16px;
    margin-bottom: 60px;
  }
  .cases-page .result-case__cards {
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 30px;
    grid-row-gap: 60px;
    margin-bottom: 60px;
  }
  .cases-page .result-case__cards .result-case__card {
    grid-column: auto;
    grid-row: auto;
    margin-top: 0;
  }
  .cases-page .result-case__card:nth-child(10n+1),
  .cases-page .result-case__card:nth-child(10n+7) {
    background: none;
  }
  .cases-page .blur-layer {
    display: none;
  }
  .cases-page .result-case__card-image {
    position: static;
    transform: none;
  }
  .cases-page {
    /*.result-case__card:nth-child(10n + 1) .result-case__card-image img,*/
    /*.result-case__card:nth-child(10n + 7) .result-case__card-image img {*/
    /*    width: 408px;*/
    /*    height: 300px;*/
    /*}*/
  }
  .cases-page .result-case__card:nth-child(10n+1),
  .cases-page .result-case__card:nth-child(10n+7) {
    padding: 0;
  }
  .cases-page .result-case__card-image-wrapper,
  .cases-page .result-case__card-lg-wrapper {
    border-radius: 20px;
    height: auto;
    /*height: 338px;*/
    margin-bottom: 18px;
    padding: 0;
    /*padding: 20px;*/
    position: relative;
    overflow: hidden;
    aspect-ratio: 1/1;
  }
  .cases-page {
    /*.result-case__card:nth-child(10n + 1) .result-case__card-lg-wrapper{*/
    /*    background: radial-gradient(57.58% 56.19% at 57.26% 44.28%, #5AB6F8 0%, #0081D4 100%);*/
    /*}*/
    /*.result-case__card:nth-child(10n + 7) .result-case__card-lg-wrapper{*/
    /*    background: radial-gradient(50% 50% at 50% 50%, #8AD362 0%, #4CAF10 100%), radial-gradient(57.58% 56.19% at 57.26% 44.28%, #5AB6F8 0%, #0081D4 100%);*/
    /*}*/
  }
  .cases-page .result-case__card-content-wrapper {
    padding: 0 8px;
    position: static;
  }
  .cases-page .result-case__card-content {
    padding: 0 8px;
  }
  .cases-page .result-case__card-content-title,
  .cases-page .result-case__card:nth-child(10n+1) .result-case__card-content-title,
  .cases-page .result-case__card:nth-child(10n+7) .result-case__card-content-title {
    width: 100%;
    font-size: 20px;
    color: #0A0A0A;
    line-height: 24px;
  }
  .cases-page .result-case__card:nth-child(10n+1) .result-case__card-content-subtitle,
  .cases-page .result-case__card:nth-child(10n+7) .result-case__card-content-subtitle {
    color: #6C6C6C;
  }
  .cases-page {
    /*.result-case__card-image img,*/
    /*.result-case__card:nth-child(10n + 1) .result-case__card-image img,*/
    /*.result-case__card:nth-child(10n + 7) .result-case__card-image img{*/
    /*    width: auto;*/
    /*    height: 325px;*/
    /*}*/
  }
  .cases-page .result-case__card-logo {
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 10;
  }
  .cases-page .result-case__card-content-wrapper .result-case__card-review {
    display: none;
  }
  .cases-page .result-case__card-review.mob {
    display: flex;
  }
  .cases-page .result-case__card:nth-child(10n+1) .result-case__card-review,
  .cases-page .result-case__card:nth-child(10n+7) .result-case__card-review {
    position: absolute;
  }
  .cases-page .result-case__more {
    padding: 16px 32px 18px 32px;
    border-radius: 32px;
    font-size: 15px;
    line-height: normal;
  }
  .cases-page .result-case__card-review {
    width: 50px;
    height: 50px;
    border-radius: 250px;
  }
  .cases-page .case-main-img:hover .img-case-main {
    transform: none;
  }
  .cases-page .result-case__card:hover .result-case__card-content-wrapper .result-case__card-content, .cases-page .result-case__card:hover .result-case__card-content-wrapper .result-case__card-review {
    opacity: 1;
  }
}
@media (max-width: 767px) {
  .cases-page {
    /*.result-case__card-logo img{*/
    /*    max-height: 70px;*/
    /*}*/
  }
  .cases-page .result-case__card-logo img:first-child {
    display: none;
  }
  .cases-page .result-case__card-logo .mobile-logo-company {
    display: block !important;
  }
  .cases-page .wrap-case-sticker-img {
    width: 110px;
    height: 110px;
    padding: 0;
    padding-top: 10px;
    padding-right: 10px;
  }
  .cases-page .result-case__title {
    font-size: 45px;
    line-height: 45px;
    margin-bottom: 60px;
  }
  .cases-page .result-case__filters {
    gap: 12px;
  }
  .cases-page .result-case__filter {
    padding: 7px 16px 9px 16px;
    font-size: 14px;
    line-height: 120%;
  }
  .cases-page .result-case__filter-more {
    font-size: 14px;
    line-height: 120%;
  }
  .cases-page .result-case__cards {
    display: flex;
    flex-direction: column;
    gap: 60px;
  }
  .cases-page .result-case__card-image-wrapper,
  .cases-page .result-case__card-lg-wrapper {
    height: auto;
    aspect-ratio: 1/1;
  }
  .cases-page .result-case__card-image img,
  .cases-page .result-case__card:nth-child(10n+1) .result-case__card-image img,
  .cases-page .result-case__card:nth-child(10n+7) .result-case__card-image img {
    height: 100%;
    /*height: 330px;*/
  }
  .cases-page .result-case__card-image {
    position: absolute;
  }
  .cases-page .result-case__card-content-title,
  .cases-page .result-case__card:nth-child(10n+1) .result-case__card-content-title,
  .cases-page .result-case__card:nth-child(10n+7) .result-case__card-content-title {
    font-size: 22px;
    line-height: 26px;
  }
  .cases-page .result-case__card-content-subtitle {
    margin-bottom: 22px;
  }
  .cases-page .result-case__card-lg-wrapper .result-case__card-image {
    left: 0;
    top: 0;
  }
}

.bg-radial-1 {
  background: radial-gradient(57.58% 56.19% at 57.26% 44.28%, #5AB6F8 0%, #0081D4 100%);
}

.bg-radial-2 {
  background: radial-gradient(43.52% 43.52% at 40.6% 57.5%, #1B3962 0%, #112137 100%);
}

.bg-radial-3 {
  background: radial-gradient(52.61% 42.24% at 34.36% 60.76%, #3D9ADD 0%, #066DB8 100%), radial-gradient(43.52% 43.52% at 40.6% 57.5%, #1B3962 0%, #112137 100%);
}

.bg-radial-4 {
  background: radial-gradient(52.92% 50.1% at 43.76% 59.04%, #3675AD 0%, #1F4E78 100%), radial-gradient(43.52% 43.52% at 40.6% 57.5%, #1B3962 0%, #112137 100%);
}

.bg-radial-5 {
  background: radial-gradient(39.15% 35.71% at 39.06% 66%, #EC4443 0%, #BA1D1C 100%), radial-gradient(43.52% 43.52% at 40.6% 57.5%, #1B3962 0%, #112137 100%);
}

.bg-radial-6 {
  background: radial-gradient(52.65% 52.65% at 55.61% 47.65%, #39D6D8 0%, #02B2B4 100%), radial-gradient(43.52% 43.52% at 40.6% 57.5%, #1B3962 0%, #112137 100%);
}

.bg-radial-7 {
  background: radial-gradient(50% 50% at 50% 50%, #8AD362 0%, #4CAF10 100%), radial-gradient(57.58% 56.19% at 57.26% 44.28%, #5AB6F8 0%, #0081D4 100%);
}

.bg-radial-8 {
  background: radial-gradient(51.21% 51.21% at 61.48% 50.09%, #FF666B 0%, #E2343A 100%), radial-gradient(52.61% 42.24% at 34.36% 60.76%, #3D9ADD 0%, #066DB8 100%), radial-gradient(43.52% 43.52% at 40.6% 57.5%, #1B3962 0%, #112137 100%);
}

.bg-radial-9 {
  background: radial-gradient(65.46% 61.98% at 54.96% 53%, #199FDD 0%, #0075BB 100%), radial-gradient(52.92% 50.1% at 43.76% 59.04%, #3675AD 0%, #1F4E78 100%), radial-gradient(43.52% 43.52% at 40.6% 57.5%, #1B3962 0%, #112137 100%);
}

.bg-radial-10 {
  background: radial-gradient(49.91% 49.91% at 50.09% 50.09%, #595959 1.48%, #3C3C3B 100%), radial-gradient(39.15% 35.71% at 39.06% 66%, #EC4443 0%, #BA1D1C 100%), radial-gradient(43.52% 43.52% at 40.6% 57.5%, #1B3962 0%, #112137 100%);
}

.individual-page .star-block .golo {
  align-items: center;
}
.individual-page .main-top {
  padding-top: 0;
}
.individual-page .swiper-pagination-current {
  font-size: 56px;
  color: #0A0A0A;
  font-weight: 500;
  line-height: 56px;
  font-family: Jost;
}
.individual-page .swiper-pagination {
  font-size: 70px;
  color: #B0B0B0;
  font-weight: 400;
  line-height: 70px;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  font-family: Jost;
}
.individual-page .swiper-pagination-total {
  font-size: 30px;
  color: #6C6C6C;
  font-weight: 400;
  line-height: 30px;
  font-family: Jost;
}
.individual-page .swiper-pagination {
  position: static;
  text-align: start;
}
.individual-page .cases {
  padding: 150px 0;
}
.individual-page .wrap-case-bottom {
  margin-top: 100px;
}
.individual-page .cases__title {
  margin-bottom: 96px;
}
.individual-page .pagination-vertical {
  transform: rotate(-90deg);
}
.individual-page .pagination-vertical > * {
  font-size: 30px;
  font-weight: 400;
  line-height: 30px;
  color: #D8D8D8;
}
.individual-page .pagination-vertical .current {
  color: #0A0A0A;
}
.individual-page .cases__pagination-vertical {
  width: 90px;
}
.individual-page .cases__scroll-wrapper {
  display: flex;
  align-items: center;
  gap: 16px;
}
.individual-page .cases__scroll {
  border-radius: 64px;
  border: 1.5px solid #2F2F2F;
  width: 48px;
  height: 64px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.individual-page .cases__scroll-wrapper span {
  color: #6C6C6C;
  font-family: "Open Sans";
  font-size: 24px;
  font-weight: 400;
  line-height: 24px;
}
.individual-page .cases__scroll svg {
  animation: scrollMove 1.2s linear infinite;
  transform-origin: center;
}
.individual-page .cases__slider-individual-wrapper {
  display: flex;
  align-items: center;
  /*width: 1137px;*/
  margin: 0 auto;
  position: relative;
  /*height: 800px;*/
  overflow: hidden;
  /*aspect-ratio: 4 / 3;*/
}
.individual-page .cases__slider-individual {
  width: 1137px;
  /*height: 800px;*/
  /*height: 100%;*/
  border-radius: 40px;
  aspect-ratio: 4/3;
}
.individual-page .cases__slide {
  position: absolute;
  width: 100%;
  /*height: 800px;*/
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 40px;
  overflow: hidden;
  padding: 30px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  transform-origin: center center;
  will-change: transform;
}
.individual-page .cases__slide:hover .cases__slide-content {
  opacity: 0;
  visibility: hidden;
}
.individual-page .cases__slide video {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  object-fit: cover;
}
.individual-page .cases__slide-logo {
  position: relative;
  z-index: 10;
  width: auto;
  height: 80px;
}
.individual-page .cases__slide-img-main {
  /*position: absolute;*/
  /*top: 0;*/
  /*left: 0;*/
  /*width: 100%;*/
  height: 100%;
  object-fit: cover;
}
.individual-page .cases__slide-content {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 0 60px 60px 60px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  z-index: 10;
  transition: all 0.4s;
}
.individual-page .cases__slide-title {
  font-size: 60px;
  font-weight: 450;
  line-height: 48px;
}
.individual-page .cases__slide-description {
  font-size: 20px;
  font-weight: 400;
  line-height: 140%;
  margin-bottom: 0;
}
.individual-page .cases__individual-nav {
  display: none;
}
.individual-page .cases__slide-content > * {
  color: #FFF;
}
.individual-page .accordion-steps {
  padding: 150px 0;
}
.individual-page .accordion-steps__title {
  margin-bottom: 96px;
}
.individual-page .tarifs {
  margin: 0;
  padding: 150px 0;
}
.individual-page .tarif-item p {
  font-size: 20px;
  font-weight: 400;
  line-height: 140%;
}
.individual-page .tarif-item:last-child {
  width: calc(33.3333% - 20px);
}
.individual-page .wrap-tarif-price {
  margin: 15px 0 20px;
}
.individual-page .wrap-tarif-price span {
  padding-left: 16px;
}
.individual-page .tarif-btn {
  border: 1px solid #0A0A0A;
  color: #0A0A0A;
}
.individual-page .tarif-btn:hover {
  border-color: #23BD87;
  color: #FFF;
}
.individual-page .wrap-tarif-items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.individual-page .tarif-item {
  width: 100%;
  height: 100%;
  justify-content: space-between;
}
.individual-page .tarif-item:last-child {
  width: 100%;
}
.individual-page .places {
  padding: 150px 0;
}
.individual-page .partners {
  padding: 150px 0;
  margin: 0;
}
.individual-page .instruments {
  padding: 150px 0;
  margin: 0;
}
.individual-page .wrap-instruments-items {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
}
.individual-page .instruments-item {
  width: 100%;
  flex-direction: column;
  gap: 16px;
  transition: all 0.3s;
  position: relative;
  height: 261px;
}
.individual-page .instruments-item-subtitle {
  font-size: 24px;
  font-weight: 400;
  line-height: 24px;
  color: #0A0A0A;
  transition: all 0.3s;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  bottom: 30px;
}
.individual-page .instruments-item:hover .instruments-item-subtitle {
  opacity: 1;
  visibility: visible;
}
.individual-page .certificates {
  padding: 150px 0 15px;
}
@media (max-width: 1919px) {
  .individual-page .star-block .golo {
    margin: 0;
  }
  .individual-page .wrap-bottom-top {
    margin-top: 62px;
  }
  .individual-page .swiper-pagination-current {
    font-size: 40px;
    line-height: 40px;
  }
  .individual-page .swiper-pagination-total {
    font-size: 22px;
    line-height: 22px;
  }
  .individual-page .swiper-pagination {
    font-size: 50px;
    line-height: 50px;
  }
  .individual-page .cases {
    padding: 100px 0;
  }
  .individual-page .wrap-case-bottom {
    margin-top: 65px;
  }
  .individual-page .cases__title {
    margin-bottom: 60px;
  }
  .individual-page .cases__slider-individual-wrapper {
    /*width: 830px;*/
    /*aspect-ratio: 3 / 2;*/
    /*width: 1070px;*/
    /*height: 600px;*/
  }
  .individual-page .cases__slider-individual {
    border-radius: 38px;
    width: 930px;
    /*height: 600px;*/
  }
  .individual-page .cases__slide {
    /*height: 600px;*/
    border-radius: 38px;
  }
  .individual-page .cases__slide-title {
    font-size: 48px;
    line-height: 40px;
  }
  .individual-page .cases__slide-description {
    font-size: 18px;
    line-height: 120%;
  }
  .individual-page .cases__slide-content {
    padding: 0 40px 40px 40px;
    gap: 24px;
  }
  .individual-page .accordion-steps {
    padding: 100px 0;
  }
  .individual-page .accordion-steps__title {
    margin-bottom: 60px;
  }
  .individual-page .tarifs {
    padding: 100px 0;
  }
  .individual-page .tarif-item {
    padding: 32px 24px;
  }
  .individual-page .tarif-item h5 {
    font-size: 25px;
    font-weight: 500;
    line-height: 100%;
  }
  .individual-page .tarif-item p {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
  }
  .individual-page .wrap-tarif-time {
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
    margin-top: 43px;
  }
  .individual-page .wrap-tarif-items {
    border-radius: 30px;
    padding: 24px;
  }
  .individual-page .wrap-tarif-price {
    margin: 8px 0 5px;
  }
  .individual-page .tarifs .tarif-btn {
    height: 67px;
  }
  .individual-page .wrap-tarif-price span {
    padding-left: 5px;
  }
  .individual-page .wrap-case-bottom {
    margin-top: 95px;
  }
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .individual-page .cases__slider-individual {
    width: 850px;
  }
}
@media (max-width: 1365px) {
  .individual-page .container {
    padding: 0 30px;
  }
  .individual-page .cases {
    padding: 104px 0 70px;
  }
  .individual-page .wrap-case-bottom {
    margin-top: 50px;
    padding: 0;
  }
  .individual-page .cases__title {
    margin-bottom: 50px;
  }
  .individual-page .cases__scroll-wrapper,
  .individual-page .cases__pagination-vertical {
    display: none;
  }
  .individual-page .cases__slider-individual-wrapper {
    width: 100%;
    /*height: 498px;*/
  }
  .individual-page .cases__slider-individual {
    border-radius: 25px;
    width: 100%;
    /*height: 498px;*/
  }
  .individual-page .cases__slide-logo {
    height: 60px;
  }
  .individual-page .cases__slide {
    /*height: 498px;*/
    padding: 20px;
    border-radius: 25px;
    position: static;
    margin-top: 0;
  }
  .individual-page .cases__slide video {
    display: none;
  }
  .individual-page .cases__slide-img-main {
    left: 0 !important;
    top: 0 !important;
    transform: none !important;
  }
  .individual-page .cases__slide-title {
    font-size: 40px;
    line-height: 36px;
  }
  .individual-page .cases__slide-description {
    font-size: 18px;
    line-height: 120%;
  }
  .individual-page .cases__slide-content {
    padding: 0 30px 30px 30px;
    gap: 16px;
  }
  .individual-page .cases__slide:hover .cases__slide-content {
    opacity: 1;
    visibility: visible;
  }
  .individual-page .cases__individual-nav {
    margin-top: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .individual-page .cases__individual-nav .arrow {
    position: static;
    margin-top: 0;
  }
  .individual-page .accordion-steps {
    padding: 70px 0;
  }
  .individual-page .accordion-steps__title {
    margin-bottom: 50px;
  }
  .individual-page .swiper-pagination-current {
    font-size: 36px;
    line-height: 120%;
  }
  .individual-page .swiper-pagination {
    font-size: 40px;
    line-height: 27px;
  }
  .individual-page .swiper-pagination-total {
    font-size: 16px;
    line-height: 24px;
  }
  .individual-page .tarifs {
    padding: 70px 0;
  }
  .individual-page .wrap-tarif-items {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  .individual-page .tarif-item {
    border-radius: 16px;
  }
  .individual-page .tarif-item h5 {
    font-size: 26px;
  }
  .individual-page .wrap-tarif-price,
  .individual-page .wrap-tarif-price span {
    font-size: 56px;
    line-height: 56px;
  }
  .individual-page .wrap-tarif-price span {
    padding-left: 16px;
  }
  .individual-page .wrap-tarif-time {
    margin-top: 23px;
  }
  .individual-page .wrap-tarif-price {
    margin: 18px 0 19px;
  }
}
@media (max-width: 767px) {
  .individual-page {
    overflow: hidden;
  }
  .individual-page .container {
    padding: 0 10px;
  }
  .individual-page .main-top {
    padding-bottom: 5px;
  }
  .individual-page .main-top h1 {
    font-size: 40px;
    line-height: 45px;
  }
  .individual-page .star-block {
    gap: 24px;
  }
  .individual-page .wrap-bottom-top {
    margin-top: 37px;
    gap: 37px;
  }
  .individual-page .wrap-case-bottom {
    margin-top: 40px;
  }
  .individual-page .cases {
    padding: 85px 0 75px;
  }
  .individual-page .cases__title {
    margin-bottom: 40px;
  }
  .individual-page .cases__slider-individual-wrapper {
    /*height: 239px;*/
  }
  .individual-page .cases__slide-logo {
    height: 30px;
  }
  .individual-page .cases__slider-individual {
    border-radius: 12px;
    /*height: 239px;*/
  }
  .individual-page .cases__slide {
    /*height: 239px;*/
    padding: 15px;
    border-radius: 12px;
  }
  .individual-page .cases__slide-title {
    font-size: 24px;
    line-height: 100%;
  }
  .individual-page .cases__slide-description {
    font-size: 14px;
    line-height: 140%;
  }
  .individual-page .cases__slide-content {
    padding: 0 20px 20px 20px;
    gap: 8px;
  }
  .individual-page .accordion-steps {
    padding: 75px 0;
  }
  .individual-page .accordion-steps__title {
    margin-bottom: 40px;
  }
  .individual-page .swiper-pagination-current {
    font-size: 30px;
    line-height: 120%;
  }
  .individual-page .tarifs {
    padding: 75px 0;
  }
  .individual-page .wrap-tarif-items {
    margin-top: 37px;
    padding: 16px;
  }
  .individual-page .tarif-item {
    padding: 24px 20px 32px 20px;
    border-radius: 24px;
  }
  .individual-page .tarif-item h5 {
    font-size: 30px;
    margin-bottom: 12px;
  }
  .individual-page .tarif-item p {
    margin-bottom: 32px;
    line-height: normal;
  }
  .individual-page .wrap-tarif-time {
    margin-top: 0;
  }
  .individual-page .wrap-tarif-price, .individual-page .wrap-tarif-price span {
    font-size: 36px;
    line-height: 36px;
  }
  .individual-page .wrap-tarif-price span {
    font-weight: 300;
  }
  .individual-page .wrap-tarif-price {
    margin: 24px 0;
  }
  .individual-page .tarif-item:nth-child(1) .wrap-tarif-price {
    margin: 24px 0;
  }
  .individual-page .tarifs .tarif-btn {
    height: 55px;
    border-radius: 26px;
  }
}

.integration-page .star-block .golo {
  align-items: center;
}
.integration-page .main-top {
  padding-top: 0;
}
.integration-page .golo .sticker-img {
  background-image: url(../imgs/sticker-bitrix.png);
}
.integration-page .about-crm {
  padding: 150px 0;
}
.integration-page .about-crm__wrapper {
  display: flex;
  align-items: center;
  gap: 30px;
}
.integration-page .about-crm__content {
  display: flex;
  width: 845px;
  flex-direction: column;
}
.integration-page .about-crm__title {
  margin-bottom: 96px;
}
.integration-page .about-crm__description {
  color: #6C6C6C;
  width: 723px;
  margin-bottom: 64px;
}
.integration-page .about-crm__description span {
  font-size: 24px;
  color: #0A0A0A;
  line-height: 24px;
}
.integration-page .about-crm__content a {
  cursor: pointer;
  border-radius: 32px;
  border: 1px solid #23BD87;
  background: #23BD87;
  display: flex;
  width: 468px;
  height: 76px;
  justify-content: center;
  padding: 27px 24px 31px 24px;
  align-items: center;
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
  transition: all 0.3s;
}
.integration-page .about-crm__content a:hover {
  color: #23BD87;
  background: #fff;
  transition: all 0.3s;
}
.integration-page .about-crm__image-wrapper {
  width: 844px;
  height: auto;
  flex-shrink: 0;
}
.integration-page .about-crm__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.integration-page .trust {
  padding: 150px 0;
}
.integration-page .trust__title {
  margin-bottom: 96px;
}
.integration-page .trust__cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}
.integration-page .trust__card {
  min-height: 560px;
  padding: 64px 44px 48px 44px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-radius: 40px;
  background: #F6F6F6;
}
.integration-page .trust__card-description {
  margin-bottom: 0;
  font-size: 32px;
  color: #6C6C6C;
  font-weight: 400;
  line-height: 56px;
}
.integration-page .trust__card-title {
  font-size: 56px;
  color: #0A0A0A;
  font-weight: 400;
  line-height: 64px;
}
.integration-page .trust .wrap-case-bottom {
  margin-top: 96px;
  align-items: flex-end;
}
.integration-page .real-tasks {
  padding: 150px 0;
}
.integration-page .real-tasks__wrapper {
  display: flex;
  gap: 30px;
  position: relative;
}
.integration-page .real-tasks__info {
  position: relative;
  width: 33.3337%;
}
.integration-page .real-tasks__title-wrapper {
  position: sticky;
  top: 90px;
  left: 0;
}
.integration-page .real-tasks__title {
  margin-bottom: 150px;
  width: 439px;
}
.integration-page .real-tasks__list {
  width: 66.6667%;
}
.integration-page .real-tasks__items {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
  align-items: stretch;
}
.integration-page .real-tasks__item {
  display: flex;
  width: 100%;
  padding: 40px 40px 50px 40px;
  flex-direction: column;
  align-items: flex-start;
  gap: 30px;
  border-radius: 50px;
  background: #F6F6F6;
}
.integration-page .real-tasks__item-title-wrapper {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  width: 100%;
}
.integration-page .real-tasks__item-title {
  font-size: 32px;
  font-weight: 400;
  line-height: 125%;
  width: 70%;
}
.integration-page .real-tasks__item-title svg {
  flex-shrink: 0;
}
.integration-page .real-tasks__item-description {
  margin-bottom: 0;
  color: #6C6C6C;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.integration-page .audience {
  padding: 150px 0;
}
.integration-page .audience__wrapper {
  display: flex;
  gap: 10px;
  position: relative;
}
.integration-page .audience__info {
  position: relative;
  width: 33.3337%;
}
.integration-page .audience__title-wrapper {
  position: sticky;
  top: 90px;
  left: 0;
}
.integration-page .audience__title {
  margin-bottom: 150px;
}
.integration-page .audience__list {
  width: 66.6667%;
}
.integration-page .audience__items {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
  align-items: stretch;
}
.integration-page .audience__item {
  display: flex;
  height: 600px;
  padding: 64px 56px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 52px;
  border-radius: 40px;
  overflow: hidden;
  position: relative;
}
.integration-page .audience__item-image-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
}
.integration-page .audience__item-image {
  width: 100%;
  max-width: 100%;
  height: auto;
  max-height: 90%;
  object-fit: contain;
  object-position: center;
  transition: transform 0.3s;
  will-change: transform;
  position: absolute;
  top: 10%;
}
.integration-page .audience__item-title {
  color: #FFF;
  font-size: 48px;
  font-weight: 400;
  line-height: 40px;
}
.integration-page .audience__item:not(.color) {
  background: #F6F6F6;
  gap: 44px;
}
.integration-page .audience__item:not(.color) .audience__item-title {
  font-size: 32px;
  color: #0A0A0A;
  font-weight: 400;
  line-height: 125%;
}
.integration-page .audience__item:not(.color) .audience__item-description {
  color: #6C6C6C;
  margin-bottom: 0;
}
.integration-page .price-crm {
  padding: 150px 0;
}
.integration-page .price-crm__title {
  margin-bottom: 80px;
}
.integration-page .price-crm__tag {
  font-family: "Open Sans";
  font-size: 20px;
  color: rgba(10, 10, 10, 0.64);
  font-weight: 400;
  line-height: 140%;
  padding: 17px 32px 19px 32px;
  border-radius: 32px;
  background: #DCF4EC;
  width: max-content;
  margin-bottom: 50px;
}
.integration-page .price-crm__tabs {
  display: flex;
  align-items: center;
  gap: 44px;
  margin-bottom: 60px;
}
.integration-page .price-crm__tab {
  font-family: "Open Sans";
  font-size: 18px;
  color: #0A0A0A;
  font-weight: 400;
  line-height: 24px;
  transition: all 0.3s;
  height: max-content;
  background: transparent;
  padding: 0 0 8px 0;
  border-radius: unset;
  border: none;
  border-bottom: 2px solid #FFF;
}
.integration-page .price-crm__tab.tab:hover {
  background: transparent;
  border: none;
  color: #23BD87;
  border-bottom: 2px solid #23BD87;
}
.integration-page .price-crm__tab.curent {
  color: #23BD87;
  border: none;
  border-bottom: 2px solid #23BD87;
  background: transparent;
}
.integration-page .price-crm__tab-content {
  padding: 32px;
  border-radius: 40px;
  background: #F6F6F6;
}
.integration-page .price-crm__tarifs {
  display: flex;
  align-items: center;
  gap: 30px;
}
.integration-page .price-crm__tarif {
  padding: 36px 32px;
  border-radius: 40px;
  font-size: 40px;
  font-weight: 400;
  line-height: 36px;
  color: #FFF;
  text-align: center;
  margin-bottom: 30px;
}
.integration-page .price-crm__tarif:first-child {
  width: 392px;
  background: linear-gradient(0deg, #36B186 0%, #36B186 100%), #FFF;
}
.integration-page .price-crm__tarif:last-child {
  background: linear-gradient(0deg, #3287FF 0%, #3287FF 100%), #FFF;
  flex: auto;
}
.integration-page .price-crm__cards {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
}
.integration-page .price-crm__card {
  padding: 44px 32px;
  border-radius: 24px;
  background: #FFF;
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.integration-page .price-crm__card-title {
  font-size: 32px;
  color: #0A0A0A;
  font-weight: 450;
  line-height: 100%;
  margin-bottom: 8px;
}
.integration-page .price-crm__card-description {
  margin-bottom: 0;
  color: #6C6C6C;
  min-height: 95px;
}
.integration-page .price-crm__card-price {
  padding: 30px 0;
  border-top: 1px solid #ECECEC;
  color: #0A0A0A;
  font-size: 40px;
  font-weight: 400;
  line-height: 40px;
  position: relative;
}
.integration-page .price-crm__price-wrapper {
  display: flex;
  align-items: center;
  gap: 8px;
}
.integration-page .price-crm__price span {
  padding-left: 16px;
}
.integration-page .price-crm__price-wrapper span {
  font-weight: 300;
}
.integration-page .price-crm__price-separator {
  color: #B0B0B0;
}
.integration-page .price-crm__price-discount-wrapper {
  display: flex;
  align-items: center;
  gap: 10px;
  position: absolute;
  bottom: -9px;
}
.integration-page .price-crm__price-discount-content {
  display: flex;
  align-items: center;
  gap: 2px;
  position: relative;
}
.integration-page .price-crm__price-discount-content::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background: #939393;
}
.integration-page .price-crm__price-discount-content > * {
  font-size: 16px;
  color: #939393;
  font-weight: 400;
  line-height: 16px;
}
.integration-page .price-crm__price-discount {
  margin-right: 2px;
}
.integration-page .price-crm__price-discount span {
  padding-left: 4px;
}
.integration-page .price-crm__price-discount-percent {
  border-radius: 32px;
  background: #FD4249;
  padding: 7px 8px 8px 8px;
  font-family: "Open Sans";
  font-size: 16px;
  color: #FFF;
  font-weight: 400;
  line-height: 16px;
}
.integration-page .price-crm__card-parameters-wrapper {
  display: flex;
  padding: 30px 0;
  flex-direction: column;
  gap: 20px;
  border-top: 1px solid #ECECEC;
  border-bottom: 1px solid #ECECEC;
}
.integration-page .price-crm__card-parameters {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.integration-page .price-crm__card-parameter {
  font-size: 18px;
  color: #0A0A0A;
  font-weight: 400;
  line-height: 18px;
}
.integration-page .price-crm__card-parameter-size {
  color: #23BD87;
  font-size: 20px;
  font-weight: 500;
  line-height: 20px;
}
.integration-page .price-crm__btn {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 32px;
  border: 1px solid #0A0A0A;
  width: 100%;
  height: 75px;
  max-width: 468px;
  color: #0A0A0A;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  transition: all 0.3s;
}
.integration-page .price-crm__btn:hover {
  color: #fff;
  border: 1px solid #23BD87;
  background: #23BD87;
}
.integration-page .order-crm {
  padding: 150px 0;
}
.integration-page .order-crm__wrapper {
  position: relative;
}
.integration-page .order-crm__title {
  margin-bottom: 150px;
}
.integration-page .order-crm__image-wrapper {
  width: 919px;
  height: 650px;
  position: absolute;
  right: -99px;
  top: -107px;
}
.integration-page .order-crm__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.integration-page .our-work {
  padding: 150px 0;
}
.integration-page .our-work__title {
  margin-bottom: 80px;
}
.integration-page .steps-item-content h6 {
  font-weight: 400;
  margin-bottom: 20px;
}
.integration-page .steps-item-content__description {
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  color: #2D2D2D;
  margin: 0;
  width: 699px;
}
.integration-page .partners {
  padding: 150px 0;
  margin: 0;
}
.integration-page .places {
  padding: 150px 0;
}
.integration-page .managers {
  margin: 0;
  padding: 150px 0;
}
.integration-page .certificates {
  padding: 150px 0;
}
.integration-page .faq {
  padding-top: 150px;
  margin: 0;
}
.integration-page .wrap-faq-title .block-title {
  margin: 0;
}
.integration-page .wrap-case-bottom p {
  font-family: Jost;
}

.partners-page .star-block .golo {
  align-items: center;
}
.partners-page .main-top {
  padding-top: 0;
}
.partners-page .main-top h1 {
  font-size: 137px;
  font-weight: 450;
}
.partners-page .title-swiper {
  height: auto;
  max-height: 270px;
}
.partners-page .title-swiper__slide-name {
  font-family: Jost;
  font-size: 137px;
  color: #0A0A0A;
  line-height: 128px;
  font-weight: 450;
  white-space: nowrap;
  width: max-content;
}
.partners-page .title-swiper__slide-name span {
  text-decoration: underline #23BD87;
  text-decoration-thickness: 6px;
  text-underline-position: from-font;
}
.partners-page .cooperate {
  padding: 150px 0;
}
.partners-page .cooperate__title {
  margin-bottom: 80px;
}
.partners-page .cooperate__cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}
.partners-page .cooperate__card {
  min-height: 554px;
  padding: 70px 60px 56px 60px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-radius: 50px;
  background: #F6F6F6;
}
.partners-page .cooperate__card-title {
  font-size: 44px;
  font-weight: 400;
  line-height: 56px;
  color: #0A0A0A;
}
.partners-page .cooperate__card-description,
.partners-page .cooperate__card-description span {
  font-family: "Open Sans";
  font-size: 24px;
  line-height: 44px;
  letter-spacing: 0.18px;
  color: #939393;
  margin-bottom: 0;
}
.partners-page .cooperate__card-description span {
  color: #0A0A0A;
  border-bottom: 0.5px solid rgba(10, 10, 10, 0.4);
}
.partners-page .type-work {
  padding: 150px 0;
}
.partners-page .type-work__title {
  margin-bottom: 96px;
}
.partners-page .type-work__content {
  position: relative;
  width: 100%;
}
.partners-page .type-work__sticky-items {
  position: sticky;
  top: 90px;
  left: 0;
  display: flex;
  gap: 30px;
  z-index: 3;
}
.partners-page .type-work__sticky-item {
  display: flex;
  padding: 30px 32px;
  justify-content: center;
  align-items: center;
  border-radius: 40px;
  background: #F6F6F6;
  box-shadow: none;
  flex: 1;
}
.partners-page .type-work__sticky-item:nth-child(2) {
  background: #F6F6F6;
  box-shadow: 0 4px 64px 0 rgba(0, 0, 0, 0.08);
}
.partners-page .type-work__sticky-item-title {
  font-size: 56px;
  color: #0A0A0A;
  font-weight: 400;
  line-height: 64px;
  margin-bottom: 0;
  font-family: Jost;
}
.partners-page .type-work__sticky-item-title span {
  color: #23BD87;
}
.partners-page .type-work__content-items.mob {
  display: none;
}
.partners-page .type-work__content-item-row {
  padding: 30px 0;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
  transition: all 0.3s;
}
.partners-page .type-work__content-item {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: center;
  min-height: 292px;
  padding: 64px 50px;
  flex: 1;
  border-radius: 40px;
  box-shadow: none;
  background: #F6F6F6;
}
.partners-page .type-work__content-item:nth-child(2) {
  box-shadow: 0 4px 64px 0 rgba(0, 0, 0, 0.08);
  background: #FFF;
}
.partners-page .type-work__content-item-title {
  font-size: 44px;
  font-weight: 400;
  line-height: 56px;
  color: #0A0A0A;
}
.partners-page .type-work__content-item-description {
  font-size: 26px;
  font-weight: 400;
  line-height: 44px;
  color: rgba(10, 10, 10, 0.64);
  margin-bottom: 0;
  text-align: center;
}
.partners-page .type-work__content-item-row.non-active {
  opacity: 0.6;
}
.partners-page .partners {
  padding: 150px 0;
  margin: 0;
}
.partners-page .places {
  padding: 150px 0;
}
.partners-page .managers {
  margin: 0;
  padding-top: 150px;
}
.partners-page .wrap-case-bottom {
  margin-top: 80px;
}
@media (max-width: 1919px) {
  .partners-page .main-top h1 {
    font-size: 100px;
    line-height: 96px;
  }
  .partners-page .title-swiper {
    max-height: 200px;
  }
  .partners-page .title-swiper__slide-name {
    font-size: 100px;
    line-height: 96px;
  }
  .partners-page .cooperate,
  .partners-page .type-work {
    padding: 100px 0;
  }
  .partners-page .cooperate__title {
    margin-bottom: 60px;
  }
  .partners-page .cooperate__card {
    height: 409px;
    min-height: 409px;
    max-height: 409px;
    padding: 44px 32px 48px 32px;
    border-radius: 30px;
  }
  .partners-page .cooperate__card-title {
    font-size: 40px;
    line-height: 48px;
  }
  .partners-page .cooperate__card-description,
  .partners-page .cooperate__card-description span {
    font-size: 20px;
    line-height: 26px;
    letter-spacing: 0.15px;
  }
  .partners-page .type-work__title {
    margin-bottom: 60px;
  }
  .partners-page .type-work__sticky-item {
    padding: 32px 24px;
  }
  .partners-page .type-work__sticky-item-title {
    font-size: 40px;
    line-height: 36px;
  }
  .partners-page .type-work__content-item-row {
    padding: 20px 0;
  }
  .partners-page .type-work__content-item {
    padding: 44px 26px;
    min-height: 208px;
  }
  .partners-page .type-work__content-item-title {
    font-size: 32px;
    line-height: 36px;
  }
  .partners-page .type-work__content-item-description {
    font-size: 20px;
    line-height: 32px;
  }
  .partners-page .partners,
  .partners-page .places {
    padding: 100px 0;
  }
  .partners-page .managers {
    padding-top: 100px;
  }
}
@media (max-width: 1365px) {
  .partners-page .main-top h1,
  .partners-page .title-swiper__slide-name {
    font-size: 60px;
    line-height: 60px;
  }
  .partners-page .title-swiper {
    max-height: 126px;
  }
  .partners-page .cooperate {
    padding: 104px 0 70px;
  }
  .partners-page .cooperate__title {
    margin-bottom: 50px;
  }
  .partners-page .cooperate__cards {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  .partners-page .cooperate__card {
    height: 400px;
    min-height: 400px;
    max-height: 400px;
    padding: 44px 30px;
    border-radius: 20px;
  }
  .partners-page .cooperate__card-description,
  .partners-page .cooperate__card-description span {
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 0.18px;
  }
  .partners-page .wrap-case-bottom {
    margin-top: 50px;
    padding: 0;
  }
  .partners-page .cooperate, .partners-page .type-work {
    padding: 70px 0;
  }
  .partners-page .type-work .container {
    padding: 0;
  }
  .partners-page .type-work__title {
    margin-bottom: 50px;
    padding: 0 15px;
  }
  .partners-page .type-work__content {
    display: flex;
    padding: 0 0 0 15px;
  }
  .partners-page .type-work__sticky-items {
    flex-direction: column;
    gap: 30px;
    padding: 20px 30px 20px 0;
  }
  .partners-page .type-work__sticky-item,
  .partners-page .type-work__sticky-item:nth-child(2) {
    padding: 45px 0;
    background: none;
    box-shadow: none;
  }
  .partners-page .type-work__sticky-item-title {
    font-size: 32px;
    line-height: 32px;
  }
  .partners-page .type-work__content-items {
    display: flex;
    overflow-x: scroll;
    width: 100vw;
    padding-right: 20px;
  }
  .partners-page .type-work__content-items::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none;
  }
  .partners-page .type-work__content-item-row {
    display: flex;
    flex-direction: column;
    gap: 30px;
    padding: 50px 0 57px 20px;
  }
  .partners-page .type-work__content-item {
    padding: 45px 30px;
    min-height: 196px;
    gap: 10px;
    width: 473px;
  }
  .partners-page .type-work__content-item-title {
    font-size: 26px;
    line-height: 32px;
  }
  .partners-page .type-work__content-item-row:last-child div:first-child {
    display: none;
  }
  .partners-page .type-work__sticky-items {
    position: relative;
    top: 0;
  }
  .partners-page .type-work__sticky-items::after {
    content: "";
    position: absolute;
    top: 0;
    right: -30px;
    width: 40%;
    height: 100%;
    pointer-events: none;
    background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #FFF 27.91%);
    z-index: 10;
  }
  .partners-page .partners, .partners-page .places {
    padding: 70px 0;
  }
  .partners-page .managers {
    padding-top: 70px;
  }
}
@media (max-width: 767px) {
  .partners-page .main-top h1,
  .partners-page .title-swiper__slide-name {
    font-size: 45px;
    line-height: 45px;
  }
  .partners-page .title-swiper {
    max-height: 98px;
  }
  .partners-page .cooperate {
    padding: 155px 0 75px;
  }
  .partners-page .type-work {
    padding: 75px 0;
  }
  .partners-page .type-work__content-items.desc {
    display: none;
  }
  .partners-page .type-work__sticky-items.desc {
    display: none;
  }
  .partners-page .type-work__content-items.mob {
    display: flex;
    flex-direction: column;
    gap: 30px;
    overflow: hidden;
    width: 100%;
    padding: 0;
  }
  .partners-page .type-work__sticky-item, .partners-page .type-work__sticky-item:nth-child(2) {
    padding: 0;
    justify-content: flex-start;
  }
  .partners-page .type-work__sticky-item-title {
    font-size: 24px;
    line-height: 100%;
  }
  .partners-page .type-work__content-items-wrap:first-child .type-work__content-item {
    box-shadow: none;
    background: #F6F6F6;
  }
  .partners-page .type-work__content-items-wrap:last-child .type-work__content-item {
    box-shadow: 0 4px 64px 0 rgba(0, 0, 0, 0.08);
    background: #FFF;
  }
  .partners-page .type-work__content-item-row {
    flex-direction: row;
    gap: 20px;
    width: 100vw;
    overflow-x: scroll;
    overflow-y: hidden;
    padding: 45px 33px;
  }
  .partners-page .type-work__content-item-row::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none;
  }
  .partners-page .type-work__content-item-row:last-child div:first-child {
    display: flex;
  }
  .partners-page .type-work__content-item {
    width: 300px;
    min-width: 300px;
    flex-shrink: 0;
    padding: 32px 16px;
    border-radius: 30px;
    min-height: 165px;
    max-height: 165px;
  }
  .partners-page .type-work__content-item-title {
    font-size: 22px;
    line-height: 24px;
  }
  .partners-page .type-work__content-item-description {
    font-size: 14px;
    line-height: 140%;
  }
  .partners-page .cooperate__title {
    margin-bottom: 40px;
  }
  .partners-page .cooperate__card {
    height: 340px;
    min-height: 340px;
    max-height: 340px;
    padding: 30px 20px;
  }
  .partners-page .cooperate__card-title {
    font-size: 32px;
    line-height: 44px;
  }
  .partners-page .cooperate__card-description,
  .partners-page .cooperate__card-description span {
    font-size: 18px;
    line-height: 26px;
    letter-spacing: normal;
  }
  .partners-page .partners, .partners-page .places {
    padding: 75px 0;
  }
  .partners-page .managers {
    padding-top: 75px;
  }
}

.website-page .star-block .golo {
  align-items: center;
}
.website-page .main-top {
  padding-top: 0;
}
.website-page .accordion-advantages {
  padding: 120px 0 150px;
}
.website-page .wrap-case-bottom {
  margin-top: 138px;
  align-items: flex-end;
}
.website-page .wrap-case-bottom p {
  font-family: "Jost";
  line-height: 46px;
}
.website-page .tarifs {
  margin: 0;
  padding: 150px 0;
}
.website-page .tarif-item p {
  font-size: 20px;
  font-weight: 400;
  line-height: 140%;
}
.website-page .tarif-item:last-child {
  width: calc(33.3333% - 20px);
}
.website-page .wrap-tarif-price {
  margin: 15px 0 20px;
}
.website-page .wrap-tarif-price span {
  padding-left: 16px;
}
.website-page .tarif-btn {
  border: 1px solid #0A0A0A;
  color: #0A0A0A;
}
.website-page .tarif-btn:hover {
  border-color: #23BD87;
  color: #FFF;
}
.website-page .ready-solution {
  padding-top: 100px;
  padding-bottom: 85px;
}
.website-page .ready-solution__wrapper {
  display: flex;
  align-items: center;
  gap: 91px;
  justify-content: space-between;
}
.website-page .ready-solution__content {
  display: flex;
  flex-direction: column;
}
.website-page .ready-solution__title {
  margin-bottom: 107px;
  line-height: 72px;
}
.website-page .ready-solution__description {
  color: #B0B0B0;
  margin-bottom: 44px;
  font-size: 20px;
  font-weight: 400;
  line-height: 160%;
  width: 733px;
  font-family: "Open Sans";
}
.website-page .ready-solution__description span {
  color: #0A0A0A;
  font-family: "Jost";
  font-size: 24px;
  font-weight: 400;
  line-height: 27px;
}
.website-page .ready-solution__btn {
  cursor: pointer;
  border-radius: 32px;
  border: 1px solid #23BD87;
  background: #23BD87;
  display: flex;
  width: 468px;
  height: 76px;
  justify-content: center;
  padding: 0px 24px;
  align-items: center;
  margin-top: 30px;
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
  transition: all 0.3s;
}
.website-page .ready-solution__btn:hover {
  color: #23BD87;
  background: #fff;
  transition: all 0.3s;
}
.website-page .ready-solution__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.website-page .uniqueness {
  padding: 150px 0;
}
.website-page .uniqueness__wrapper {
  display: flex;
  flex-direction: column;
  gap: 120px;
}
.website-page .uniqueness__hero {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.website-page .uniqueness__image-wrapper {
  width: max-content;
}
.website-page .uniqueness__content {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.website-page .uniqueness__experience {
  display: flex;
  flex-direction: column;
  gap: 34px;
  width: 100%;
}
.website-page .uniqueness__number {
  color: #0A0A0A;
  font-size: 120px;
  font-weight: 400;
  line-height: 120px;
  letter-spacing: -3.6px;
}
.website-page .uniqueness__number-text {
  color: #6C6C6C;
  font-size: 32px;
  font-weight: 400;
  line-height: 32px;
}
.website-page .uniqueness__description {
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 400;
  line-height: 160%;
  color: #6C6C6C;
  width: 100%;
  padding-left: 20px;
}
.website-page .uniqueness .wrap-case-bottom {
  margin-top: 0;
}
.website-page .wrap-stickers-items .wrap-stickers-item .sticker,
.website-page .wrap-stickers-items .wrap-stickers-item {
  width: 320px;
  height: 320px;
}
.website-page .wrap-stickers-items .stickers-item-2 {
  top: -50px;
  right: 0;
}
.website-page .places {
  padding: 150px 0;
}
.website-page .partners {
  padding: 150px 0;
  margin: 0;
}
.website-page .instruments {
  padding: 150px 0;
  margin: 0;
}
.website-page .wrap-instruments-items {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
}
.website-page .instruments-item {
  width: 100%;
  flex-direction: column;
  gap: 16px;
  transition: all 0.3s;
  position: relative;
  height: auto;
  aspect-ratio: 1/1;
}
.website-page .instruments-item-subtitle {
  font-size: 24px;
  font-weight: 400;
  line-height: 24px;
  color: #0A0A0A;
  transition: all 0.3s;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  bottom: 30px;
}
.website-page .instruments-item:hover .instruments-item-subtitle {
  opacity: 1;
  visibility: visible;
}
.website-page .certificates {
  padding: 150px 0 15px;
}
.website-page .more-site {
  padding: 150px 0;
}
.website-page .more-site__wrapper {
  display: flex;
  gap: 10px;
  position: relative;
}
.website-page .more-site__info {
  position: relative;
  width: 33.3337%;
}
.website-page .more-site__title-wrapper {
  position: sticky;
  top: 90px;
  left: 0;
}
.website-page .more-site__title {
  margin-bottom: 150px;
}
.website-page .more-site__list {
  width: 66.6667%;
}
.website-page .more-site__items {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
  align-items: stretch;
}
.website-page .more-site__item {
  display: flex;
  width: 100%;
  padding: 46px 40px 41px 40px;
  flex-direction: column;
  align-items: flex-start;
  gap: 30px;
  border-radius: 50px;
  background: #F6F6F6;
}
.website-page .more-site__item:last-child {
  width: 100%;
  grid-column: 1/-1;
}
.website-page .more-site__item:last-child .more-site__item-title {
  width: 100%;
}
.website-page .more-site__item-title-wrapper {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  width: 100%;
}
.website-page .more-site__item-title {
  font-size: 32px;
  font-weight: 400;
  line-height: 125%;
  width: 60%;
}
.website-page .more-site__item-title svg {
  flex-shrink: 0;
}
.website-page .more-site__item:nth-child(6) .more-site__item-title {
  width: 65%;
}
.website-page .more-site__item-description {
  margin-bottom: 0;
  color: #6C6C6C;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.website-page .question-solution {
  padding: 150px 0;
}
.website-page .question-solution__title {
  margin-bottom: 96px;
  width: 900px;
}
.website-page .question-solution__content {
  position: relative;
  width: 100%;
}
.website-page .question-solution__content.mob {
  display: none;
}
.website-page .question-solution__sticky-items {
  position: sticky;
  top: 90px;
  left: 0;
  display: flex;
  gap: 30px;
  z-index: 3;
}
.website-page .question-solution__sticky-item {
  display: flex;
  padding: 30px 32px;
  justify-content: center;
  align-items: center;
  border-radius: 40px;
  background: #FFF;
  box-shadow: 0 4px 64px 0 rgba(0, 0, 0, 0.08);
  flex: 1;
}
.website-page .question-solution__sticky-item:nth-child(2) {
  background: #F6F6F6;
  box-shadow: none;
}
.website-page .question-solution__sticky-item-title {
  font-size: 56px;
  color: #0A0A0A;
  font-weight: 400;
  line-height: 64px;
  margin-bottom: 0;
  font-family: Jost;
}
.website-page .question-solution__content-item-row {
  padding: 30px 0;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
  transition: all 0.3s;
}
.website-page .question-solution__content-item-row:last-child {
  padding: 54px 0;
}
.website-page .question-solution__content-item {
  display: flex;
  min-height: 216px;
  padding: 64px 44px;
  align-items: center;
  flex: 1;
  border-radius: 40px;
  background: #FFF;
  box-shadow: 0 4px 64px 0 rgba(0, 0, 0, 0.08);
}
.website-page .question-solution__content-item:nth-child(2) {
  background: #F6F6F6;
  box-shadow: none;
}
.website-page .question-solution__content-item-description {
  font-size: 26px;
  font-weight: 400;
  line-height: 44px;
  color: rgba(10, 10, 10, 0.64);
  margin-bottom: 0;
}
.website-page .question-solution__content-item-row.non-active {
  opacity: 0.6;
}
.website-page .choice {
  padding: 150px 0;
}
.website-page .choice__title {
  margin-bottom: 50px;
}
.website-page .choice__list {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-bottom: 50px;
  flex-wrap: wrap;
}
.website-page .choice__list-link {
  display: flex;
  padding: 17px 32px 19px 32px;
  justify-content: center;
  align-items: center;
  border-radius: 32px;
  background: #F6F6F6;
  font-size: 20px;
  font-weight: 400;
  line-height: 140%;
  color: rgba(10, 10, 10, 0.64);
  font-family: "Open Sans";
  transition: all 0.3s;
}
.website-page .choice__list-link.tab.curent {
  background: linear-gradient(0deg, #DCF4EC 0%, #DCF4EC 100%), #F6F6F6;
}
.website-page .cards-solution {
  display: flex;
  align-items: stretch;
  gap: 30px;
}
.website-page .cards-solution__content {
  padding: 80px 64px 96px 64px;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  height: 659px;
  border-radius: 40px;
  background: #F6F6F6;
  width: 57.7%;
  flex-shrink: 0;
  height: auto;
}
.website-page .cards-solution__title-wrapper {
  display: flex;
  align-items: center;
  gap: 30px;
  margin-bottom: 43px;
}
.website-page .cards-solution__title {
  font-size: 40px;
  color: #0A0A0A;
  font-weight: 400;
  line-height: 40px;
}
.website-page .cards-solution__description {
  color: #6C6C6C;
  width: 765px;
  margin-bottom: 12px;
}
.website-page .cards-solution__actions {
  padding-top: 32px;
  display: flex;
  align-items: center;
  gap: 16px;
}
.website-page .cards-solution__btn-demo {
  padding: 27px 56px 31px 56px;
  border-radius: 32px;
  border: 1px solid #23BD87;
  background: #23BD87;
  font-size: 18px;
  color: #FFF;
  font-weight: 450;
  line-height: 18px;
  transition: all 0.3s;
}
.website-page .cards-solution__btn-demo:hover {
  background: transparent;
  color: #23BD87;
}
.website-page .cards-solution__btn-popup {
  padding: 27px 56px 31px 56px;
  border-radius: 32px;
  border: 1px solid #23BD87;
  font-size: 18px;
  color: #23BD87;
  font-weight: 450;
  line-height: 18px;
  transition: all 0.3s;
}
.website-page .cards-solution__btn-popup:hover {
  background: #23BD87;
  color: #FFF;
}
.website-page .cards-solution__btn-case {
  padding-left: 24px;
  font-size: 18px;
  color: #23BD87;
  font-weight: 450;
  line-height: 18px;
}
.website-page .cards-solution__tags-edition {
  display: flex;
  align-items: center;
  gap: 8px;
}
.website-page .cards-solution__tags-edition span {
  font-size: 20px;
  color: #0A0A0A;
  opacity: 0.6;
  font-weight: 400;
  line-height: 20px;
  flex-shrink: 0;
}
.website-page .cards-solution__tags-wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
.website-page .cards-solution__tag {
  padding: 5px 12px 7px 12px;
  border-radius: 32px;
  border: 0.5px solid #0A0A0A;
  opacity: 0.8;
  font-size: 20px;
  color: rgba(10, 10, 10, 0.6);
  font-weight: 400;
  line-height: 20px;
}
.website-page .cards-solution__image-wrapper {
  border-radius: 40px;
  /*height: 656px;*/
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 96px 30px 128px 30px;
  height: auto;
}
.website-page .cards-solution__image {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.website-page .swiper-pagination-current {
  font-size: 56px;
  color: #0A0A0A;
  font-weight: 500;
  line-height: 56px;
  font-family: Jost;
}
.website-page .swiper-pagination {
  font-size: 70px;
  color: #B0B0B0;
  font-weight: 400;
  line-height: 70px;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  font-family: Jost;
}
.website-page .swiper-pagination-total {
  font-size: 30px;
  color: #6C6C6C;
  font-weight: 400;
  line-height: 30px;
  font-family: Jost;
}
.website-page .wrap-tarif-items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.website-page .tarif-item {
  width: 100%;
  height: 100%;
  justify-content: space-between;
}
.website-page .tarif-item:last-child {
  width: 100%;
}
.website-page .swiper-pagination {
  position: static;
  text-align: start;
}
.website-page .case-main-img .img-case-main {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 1919px) {
  .website-page .container {
    padding: 0 38px;
  }
  .website-page .star-block .golo {
    margin: 0;
  }
  .website-page .wrap-bottom-top {
    margin-top: 62px;
  }
  .website-page .accordion-advantages {
    padding: 100px 0;
  }
  .website-page .wrap-case-bottom {
    margin-top: 63px;
  }
  .website-page .tarifs {
    padding: 100px 0;
  }
  .website-page .tarif-item {
    padding: 32px 24px;
  }
  .website-page .tarif-item h5 {
    font-size: 25px;
    font-weight: 500;
    line-height: 100%;
  }
  .website-page .tarif-item p {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
  }
  .website-page .wrap-tarif-time {
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
    margin-top: 43px;
  }
  .website-page .wrap-tarif-items {
    border-radius: 30px;
    padding: 24px;
  }
  .website-page .wrap-tarif-price {
    margin: 8px 0 5px;
  }
  .website-page .tarifs .tarif-btn {
    height: 67px;
  }
  .website-page .wrap-tarif-price span {
    padding-left: 5px;
  }
  .website-page .wrap-case-bottom {
    margin-top: 95px;
  }
  .website-page .ready-solution {
    padding: 100px 0;
  }
  .website-page .ready-solution__title {
    margin-bottom: 56px;
    line-height: 64px;
  }
  .website-page .ready-solution__description {
    font-size: 18px;
    line-height: 140%;
    width: 100%;
    margin-bottom: 32px;
  }
  .website-page .ready-solution__description span {
    font-size: 22px;
    line-height: 24px;
  }
  .website-page .ready-solution__btn {
    height: 60px;
    margin-top: 15px;
    width: max-content;
  }
  .website-page .ready-solution__image-wrapper {
    width: 606px;
    height: 550px;
    flex-shrink: 0;
  }
  .website-page .wrap-stickers-items .stickers-item-2,
  .website-page .wrap-stickers-items .wrap-stickers-item .sticker {
    width: 250px;
    height: 250px;
  }
  .website-page .uniqueness {
    padding: 100px 0;
  }
  .website-page .uniqueness__number {
    font-size: 100px;
    line-height: 100px;
    letter-spacing: -3px;
  }
  .website-page .uniqueness__number-text {
    font-size: 26px;
    line-height: 26px;
  }
  .website-page .uniqueness__description {
    font-size: 18px;
    line-height: 140%;
  }
  .website-page .swiper-pagination-current {
    font-size: 40px;
    line-height: 40px;
  }
  .website-page .swiper-pagination-total {
    font-size: 22px;
    line-height: 22px;
  }
  .website-page .swiper-pagination {
    font-size: 50px;
    line-height: 50px;
  }
  .website-page .choice {
    padding: 100px 0;
  }
  .website-page .choice__list {
    row-gap: 16px;
  }
  .website-page .cards-solution__title-wrapper {
    margin-bottom: 30px;
  }
  .website-page .choice__list-link {
    padding: 10px 24px 12px 24px;
    font-size: 18px;
    line-height: 120%;
  }
  .website-page .cards-solution__content {
    padding: 50px 40px 64px 40px;
    justify-content: normal;
    gap: 50px;
  }
  .website-page .cards-solution__title {
    font-size: 30px;
    line-height: 36px;
  }
  .website-page .cards-solution__description {
    width: 100%;
    font-size: 18px;
    line-height: 140%;
  }
  .website-page .cards-solution__btn-case {
    display: none;
  }
  .website-page .cards-solution__actions {
    gap: 30px;
  }
  .website-page .cards-solution__btn-demo,
  .website-page .cards-solution__btn-popup {
    padding: 19px 24px 22px 24px;
    border-radius: 24px;
    font-size: 16px;
    font-weight: 450;
    flex: 1;
    text-align: center;
  }
  .website-page .cards-solution__tags-edition span {
    font-size: 18px;
    width: 100px;
    line-height: 20px;
  }
  .website-page .cards-solution__tag {
    font-size: 18px;
    line-height: 20px;
  }
  .website-page {
    /*.cards-solution__image-wrapper{*/
    /*    height: stretch;*/
    /*}*/
  }
  .website-page .cards-solution__tags-wrapper {
    flex-wrap: wrap;
  }
  .website-page .cards-solution__title-image {
    width: 70px;
    height: 70px;
  }
  .website-page .question-solution {
    padding: 100px 0;
  }
  .website-page .question-solution__title {
    margin-bottom: 60px;
  }
  .website-page .question-solution__sticky-item {
    padding: 32px 24px;
  }
  .website-page .question-solution__sticky-item-title {
    font-size: 40px;
    line-height: 36px;
  }
  .website-page .question-solution__content-item-row {
    padding: 20px 0;
  }
  .website-page .question-solution__content-item {
    padding: 44px 26px;
    min-height: 152px;
  }
  .website-page .question-solution__content-item-description {
    font-size: 20px;
    line-height: 32px;
  }
  .website-page .question-solution__content-item-row:last-child {
    padding: 20px 0;
  }
  .website-page .more-site {
    padding: 100px 0;
  }
  .website-page .more-site__item {
    padding: 39px 28px 44px 33px;
    gap: 19px;
    border-radius: 30px;
  }
  .website-page .more-site__item-title {
    font-size: 26px;
    line-height: 32px;
    width: 100%;
  }
  .website-page .more-site__item:nth-child(6) .more-site__item-title {
    width: 100%;
  }
  .website-page .more-site__item-description {
    font-size: 18px;
    line-height: 140%;
  }
  .website-page .places {
    padding: 100px 0;
  }
  .website-page .partners {
    padding: 100px 0;
  }
  .website-page .instruments {
    padding: 100px 0;
  }
  .website-page {
    /*.instruments-item{*/
    /*    height: 161px;*/
    /*}*/
  }
  .website-page .instruments-item img {
    max-width: 70%;
    max-height: 50%;
  }
  .website-page .instruments-item-subtitle {
    font-size: 20px;
    line-height: 20px;
    bottom: 20px;
  }
  .website-page .certificates {
    padding: 100px 0;
  }
}
@media (max-width: 1365px) {
  .website-page .container {
    padding: 0 30px;
  }
  .website-page .accordion-advantages {
    padding: 107px 0;
  }
  .website-page .swiper-pagination-current {
    font-size: 36px;
    line-height: 120%;
  }
  .website-page .swiper-pagination {
    font-size: 40px;
    line-height: 27px;
  }
  .website-page .swiper-pagination-total {
    font-size: 16px;
    line-height: 24px;
  }
  .website-page .wrap-case-bottom {
    padding: 0;
    margin-top: 50px;
  }
  .website-page .tarifs {
    padding: 70px 0;
  }
  .website-page .wrap-tarif-items {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  .website-page .tarif-item {
    border-radius: 16px;
  }
  .website-page .tarif-item h5 {
    font-size: 26px;
  }
  .website-page .wrap-tarif-price,
  .website-page .wrap-tarif-price span {
    font-size: 56px;
    line-height: 56px;
  }
  .website-page .wrap-tarif-price span {
    padding-left: 16px;
  }
  .website-page .wrap-tarif-time {
    margin-top: 23px;
  }
  .website-page .wrap-tarif-price {
    margin: 18px 0 19px;
  }
  .website-page .ready-solution {
    padding: 70px 0;
  }
  .website-page .ready-solution__wrapper {
    flex-direction: column;
    gap: 60px;
  }
  .website-page .ready-solution__title {
    line-height: 48px;
    margin-bottom: 50px;
  }
  .website-page .ready-solution__description {
    font-size: 16px;
    font-weight: 400;
    line-height: 140%;
    margin-bottom: 30px;
  }
  .website-page .ready-solution__description span {
    font-size: 20px;
    line-height: 19px;
  }
  .website-page .ready-solution__btn {
    margin-top: 10px;
  }
  .website-page .ready-solution__image-wrapper {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: flex-end;
  }
  .website-page .ready-solution__image {
    width: 551px;
    height: 500px;
  }
  .website-page .uniqueness {
    padding: 70px 0;
  }
  .website-page .wrap-stickers-items .stickers-item-2, .website-page .wrap-stickers-items .wrap-stickers-item .sticker {
    width: 150px;
    height: 150px;
  }
  .website-page .wrap-stickers-items .stickers-item-2 {
    top: 109px;
  }
  .website-page .choice {
    padding: 70px 0;
  }
  .website-page .choice__list-item {
    width: max-content;
  }
  .website-page .cards-solution {
    flex-direction: column;
  }
  .website-page .cards-solution__content {
    width: 100%;
  }
  .website-page .cards-solution__title-wrapper {
    gap: 24px;
  }
  .website-page .cards-solution__title {
    font-size: 26px;
    line-height: 32px;
  }
  .website-page .cards-solution__description {
    font-size: 16px;
    margin-bottom: 20px;
    line-height: 140%;
  }
  .website-page .cards-solution__actions {
    margin-top: 0;
    padding-top: 20px;
  }
  .website-page .cards-solution__content {
    gap: 40px;
  }
  .website-page .question-solution {
    padding: 70px 0;
  }
  .website-page .question-solution__title {
    width: 100%;
    margin-bottom: 40px;
  }
  .website-page .question-solution__sticky-item {
    padding: 45px 30px;
    border-radius: 30px;
  }
  .website-page .question-solution__sticky-items {
    padding: 20px 0;
  }
  .website-page .question-solution__sticky-item-title {
    font-size: 32px;
    line-height: 26px;
  }
  .website-page .question-solution__content-item {
    padding: 45px 30px;
    min-height: 218px;
  }
  .website-page .cards-solution__image-wrapper {
    padding: 96px 88px;
  }
  .website-page .more-site {
    padding: 70px 0;
  }
  .website-page .more-site__wrapper {
    flex-direction: column;
    gap: 50px;
  }
  .website-page .more-site__info {
    width: 100%;
  }
  .website-page .more-site__title-wrapper {
    position: relative;
    top: 0;
    left: 0;
    display: flex;
    justify-content: space-between;
    align-items: self-end;
    margin-bottom: 0px;
  }
  .website-page .more-site__title {
    width: 404px;
    margin-bottom: 102px;
  }
  .website-page .more-site__list {
    width: 100%;
  }
  .website-page .more-site__item {
    padding: 30px 25px 36px 25px;
    gap: 10px;
  }
  .website-page .more-site__item-title-wrapper {
    flex-direction: column-reverse;
    gap: 8px;
    align-items: flex-end;
  }
  .website-page .more-site__item-title {
    padding: 8px 0;
    width: 238px;
    margin-right: auto;
    min-height: 5rem;
  }
  .website-page .places {
    padding: 70px 0;
  }
  .website-page .partners {
    padding: 70px 0;
  }
  .website-page .instruments {
    padding: 70px 0;
  }
  .website-page .certificates {
    padding: 70px 0;
  }
  .website-page .uniqueness__number {
    font-size: 81px;
  }
  .website-page .uniqueness__number-text {
    font-size: 22px;
  }
  .website-page .uniqueness__experience {
    gap: 13px;
  }
  .website-page .uniqueness__description {
    font-size: 16px;
    padding-left: 0;
  }
  .website-page .uniqueness__wrapper {
    gap: 100px;
  }
  .website-page .uniqueness .wrap-case-bottom p {
    line-height: normal;
  }
}
@media (max-width: 767px) {
  .website-page {
    overflow: hidden;
  }
  .website-page .container {
    padding: 0 10px;
  }
  .website-page .main-top {
    padding-bottom: 5px;
  }
  .website-page .main-top h1 {
    font-size: 40px;
    line-height: 45px;
  }
  .website-page .star-block {
    gap: 24px;
  }
  .website-page .wrap-bottom-top {
    margin-top: 37px;
    gap: 37px;
  }
  .website-page .accordion-advantages {
    padding: 80px 0 75px;
    overflow: hidden;
  }
  .website-page .swiper-pagination-current {
    font-size: 30px;
    line-height: 120%;
  }
  .website-page .wrap-case-bottom {
    margin-top: 32px;
    align-items: flex-start;
  }
  .website-page .wrap-case-bottom .block-btn {
    margin-top: 19px;
  }
  .website-page .tarifs {
    padding: 75px 0;
  }
  .website-page .wrap-tarif-items {
    margin-top: 37px;
    padding: 16px;
  }
  .website-page .tarif-item {
    padding: 24px 20px 32px 20px;
    border-radius: 24px;
  }
  .website-page .tarif-item h5 {
    font-size: 30px;
    margin-bottom: 12px;
  }
  .website-page .tarif-item p {
    margin-bottom: 32px;
    line-height: normal;
  }
  .website-page .wrap-tarif-time {
    margin-top: 0;
  }
  .website-page .wrap-tarif-price, .website-page .wrap-tarif-price span {
    font-size: 36px;
    line-height: 36px;
  }
  .website-page .wrap-tarif-price span {
    font-weight: 300;
  }
  .website-page .wrap-tarif-price {
    margin: 24px 0;
  }
  .website-page .tarif-item:nth-child(1) .wrap-tarif-price {
    margin: 24px 0;
  }
  .website-page .tarifs .tarif-btn {
    height: 55px;
    border-radius: 26px;
  }
  .website-page .ready-solution {
    padding: 75px 0;
  }
  .website-page .ready-solution__wrapper {
    gap: 50px;
  }
  .website-page .ready-solution__title {
    margin-bottom: 40px;
  }
  .website-page .ready-solution__description {
    font-size: 14px;
    line-height: 140%;
    margin-bottom: 20px;
  }
  .website-page .ready-solution__description span {
    font-size: 18px;
    line-height: 19px;
  }
  .website-page .ready-solution__btn {
    padding: 17px 16px 21px 16px;
    border-radius: 20px;
    font-size: 16px;
    margin-top: 20px;
  }
  .website-page .ready-solution__image {
    width: 100%;
    height: 100%;
  }
  .website-page .uniqueness {
    padding: 75px 0;
  }
  .website-page .uniqueness__wrapper {
    gap: 40px;
  }
  .website-page .wrap-stickers-item {
    display: none;
  }
  .website-page .uniqueness__content {
    flex-direction: column;
    gap: 20px;
  }
  .website-page .uniqueness__number {
    line-height: 40px;
    font-size: 58px;
    font-weight: 500;
  }
  .website-page .uniqueness__number-text {
    font-size: 24px;
  }
  .website-page .choice {
    padding: 75px 0;
  }
  .website-page .choice__title {
    margin-bottom: 40px;
    font-size: 36px;
    line-height: 30px;
  }
  .website-page .choice__list-link {
    padding: 7px 16px 9px 16px;
    font-size: 14px;
    line-height: 120%;
  }
  .website-page .choice__list {
    row-gap: 12px;
    margin-bottom: 40px;
  }
  .website-page .cards-solution__content {
    padding: 30px 20px 40px 20px;
    border-radius: 20px;
  }
  .website-page .cards-solution__title-wrapper {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 24px;
  }
  .website-page .cards-solution__title-image {
    width: 56px;
    height: 56px;
  }
  .website-page .cards-solution__title {
    font-size: 24px;
    line-height: 100%;
  }
  .website-page .cards-solution__description {
    font-size: 14px;
    margin-bottom: 16px;
    line-height: 140%;
  }
  .website-page .cards-solution__actions {
    padding-top: 16px;
    flex-direction: column;
    gap: 16px;
  }
  .website-page .cards-solution__btn-demo,
  .website-page .cards-solution__btn-popup {
    width: 100%;
    padding: 17px 32px 21px 32px;
    border-radius: 20px;
    font-size: 18px;
    line-height: 18px;
  }
  .website-page .cards-solution__content {
    gap: 30px;
  }
  .website-page .cards-solution__tags-edition {
    flex-direction: column;
    gap: 12px;
    align-items: flex-start;
  }
  .website-page .cards-solution__tags-edition span {
    font-size: 14px;
    line-height: 20px;
    width: max-content;
  }
  .website-page .cards-solution__tag {
    font-size: 14px;
    line-height: 20px;
  }
  .website-page .cards-solution__image-wrapper {
    padding: 90px 20px 86px 20px;
    height: auto;
  }
  .website-page .question-solution {
    padding: 75px 0;
  }
  .website-page .question-solution {
    padding: 75px 0;
  }
  .website-page .question-solution__content.desc {
    display: none;
  }
  .website-page .question-solution__content.mob {
    display: flex;
    flex-direction: column;
    gap: 30px;
  }
  .website-page .question-solution__info {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  .website-page .question-solution__sticky-item {
    margin-bottom: 10px;
    padding: 30px 20px;
    border-radius: 20px;
  }
  .website-page .question-solution__sticky-item-title {
    font-size: 24px;
    line-height: 32px;
  }
  .website-page .question-solution__content-item {
    padding: 30px 20px;
    border-radius: 20px;
    min-height: auto;
  }
  .website-page .item-gray,
  .website-page .question-solution__content-item.item-gray:nth-child(2) {
    box-shadow: none;
    background: #F6F6F6;
  }
  .website-page .question-solution__content-item-description {
    font-size: 18px;
    line-height: 140%;
  }
  .website-page .question-solution__content-item:nth-child(2) {
    background: #FFF;
    box-shadow: 0 4px 64px 0 rgba(0, 0, 0, 0.08);
  }
  .website-page .more-site {
    padding: 75px 0;
  }
  .website-page .more-site__title {
    width: 100%;
    margin-bottom: 0;
  }
  .website-page .more-site__title-wrapper {
    flex-direction: column;
    gap: 52px;
    align-items: flex-end;
  }
  .website-page .more-site__wrapper {
    gap: 40px;
  }
  .website-page .more-site__wrapper .block-btn {
    padding-right: 41px;
    font-size: 24px;
    line-height: 26px;
  }
  .website-page .more-site__items {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  .website-page .more-site__item {
    padding: 26px 20px 32px 20px;
    gap: 10px;
  }
  .website-page .more-site__item svg {
    width: 28px;
    height: 18px;
  }
  .website-page .more-site__item-title-wrapper {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
  .website-page .more-site__item-title {
    min-height: auto;
    font-size: 18px;
    line-height: 22px;
    padding: 4px 0;
    width: 159px;
  }
  .website-page .more-site__item:nth-child(6) .more-site__item-title,
  .website-page .more-site__item:last-child .more-site__item-title {
    width: 180px;
  }
  .website-page .more-site__item-description {
    font-size: 14px;
    line-height: 140%;
  }
  .website-page .places {
    padding: 75px 0;
  }
  .website-page .partners {
    padding: 75px 0;
  }
  .website-page .instruments {
    padding: 75px 0;
  }
  .website-page .certificates {
    padding: 75px 0;
    padding-bottom: 0;
  }
}

.bg-blue-1 {
  background: linear-gradient(127deg, #77AFF1 0.91%, #303FBD 100%), #F6F6F6;
}

.bg-blue-2 {
  background: linear-gradient(127deg, #338ADA 0.91%, #1466C8 100%), #F6F6F6;
}

.bg-blue-3 {
  background: linear-gradient(127deg, #9ACDFB 0.91%, #4051C5 100%), #F6F6F6;
}

.bg-blue-4 {
  background: linear-gradient(233deg, #43B1E6 -11.78%, #4C80E1 25.08%, #5555DC 61.93%), #F6F6F6;
}

.bg-blue-5 {
  background: linear-gradient(234deg, #00A4D5 0%, #174A91 98.62%), #F6F6F6;
}

.item-gray {
  box-shadow: none;
  background: #F6F6F6;
}

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