:root {
  --basic-black: #1F1F1F;
  --brand-blue: #0988fa;
  --light-blue: #EDF5FF;
  --grays-gray_02: #F7F8FC;
}

.body-no-scroll {
  overflow: hidden;
  touch-action: none;
  height: 100vh;
}

.shadow {
  position: relative;
}

.shadow::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.3;
  background: #617082;
  z-index: 51;
}

.container-new {
  margin: 0 auto;
  max-width: 1470px;
  width: 100%;
}

.container-footer {
  padding: 50px 175px 30px;
  margin: 0 auto;
  width: 100%;
  max-width: 1820px;
  background-color: var(--grays-gray_02);
  border-radius: 50px;
}

.header {
  width: 100%;
  background: #fff;
  opacity: 1;
  transition: 0.3s ease;
}

.header.hide {
  transition: 0.6s ease-in-out;
  opacity: 0;
}

.header__inner {
  display: grid;
  grid-template-columns: repeat(3, auto);
  justify-content: space-between;
  align-items: center;
  padding: 15px 0;
}

.header__logo {
  width: 271px;
  display: flex;
}

.header__logo .header__logo-btn {
  position: relative;
}

.header__logo .header__logo-btn .svg-front {
  position: absolute;
  clip-path: ellipse(50% 60% at 50% 160%);
  transition: 0.3s ease;
}

.header__logo .header__logo-btn:hover .svg-front {
  clip-path: ellipse(60% 100% at 50% 50%);
  transition: 0.3s ease;
}

.header__logo svg {
  width: 100%;
}

.header__container {
  position: fixed;
  top: 0;
  z-index: 50;
  width: 100%;
  padding: 0 225px;
  background-color: #fff;
  opacity: 1;
  transition: opacity 0.6s ease;
}

.header__burger {
  display: none;
}

.header__nav {
  display: flex;
}

.header__nav-item {
  position: relative;
  border-radius: 12px;
  font-weight: 600;
  font-size: 18px;
  line-height: 28px;
  color: #343434;
  transition: 0.3s ease;
  cursor: url(../img/cursor-pointer.svg) -15 -15, pointer;
}

.header__nav-item:hover {
  background-color: var(--light-blue);
}

.header__btn {
  padding: 13px 20px;
  display: flex;
  gap: 5px;
  width: 100%;
  height: 100%;
  transition: 0.3s ease;
}

.header__nav-item:hover .header__btn {
  color: var(--brand-blue);
}

.header__nav-item.active::after {
  position: absolute;
  content: "";
  left: 50%;
  bottom: -3px;
  transform: translate(-50%, -50%);
  width: 6px;
  height: 6px;
  background: var(--brand-blue);
  border-radius: 50%;
  transition: .3s linear;
}

.header__btn-count {
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  color: #aeb8cb;
}

.header__nav-item:hover .header__btn-count {
  color: var(--brand-blue);
}

.header__nav-item.active:hover::after {
  opacity: 0;
  pointer-events: none;
}

.header__drop {
  position: absolute;
  display: flex;
  opacity: 0;
  pointer-events: none;
  transform: translateY(-10px);
  transition: 0.3s ease;
  font-size: 18px;
  line-height: 28px;
  font-weight: 600;

  box-shadow: 2px 5px 30px 0px #DFEAF57D;
}

.header__nav-item.drop:hover .header__drop {
  opacity: 1;
  transform: translateY(0px);
  pointer-events: all;
  transition: 0.3s ease;
}

.header__drop-second-wrapper {
  position: relative;
  padding: 10px;
  background-color: #fff;
  border-radius: 15px;
  width: 420px;
  z-index: 5;
}

.open .header__drop-second-wrapper {
  border-radius: 15px 0 0 15px;
}

.open .header__drop-second-wrapper::after {
  content: "";
  position: absolute;
  height: 100%;
  width: 10px;
  background-color: #fff;
  right: -5px;
  top: 0;
  pointer-events: none;
}

.header__box {
  grid-column: 2/3;
  grid-row: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.header__lang-btn {
  position: relative;
}

.header__lang-count {
  position: absolute;
  top: 0;
  right: 0;
}

.header__content {
  grid-column: 3/4;
  grid-row: 1;
  display: flex;
  align-items: center;
  gap: 10px;
}

.header__chat {
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 16px 30px;
  background-color: #f7f8fc;
  border-radius: 60px;
  font-weight: 600;
  font-size: 18px;
  line-height: 28px;
  color: #343434;
  will-change: background-color;
  cursor: url(../img/cursor-pointer.svg) -15 -15, pointer;
  transition: 0.3s ease;
}

.header__chat.cost__btn-chat:hover {
  background-color: #f7f8fc;
}

.header__chat.cost__btn-chat svg {
  transition: 0.3s ease;
}

.header__chat.cost__btn-chat:hover svg {
  transform: translateX(5px);
}

.white .header__container.transparent .header__chat {
  background-color: #fff;
}

.white .header__container.transparent .header__chat:hover {
  background-color: #fff;
}

.white .header__container .header__chat {
  background-color: #f7f8fc;
}

.header__chat:hover {
  color: #388af3;
}

.header .header__chat {
  background-color: #f7f8fc;
}

.header__chat-circle {
  position: relative;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  pointer-events: none;
}

.header__chat-circle .circle-bg {
  position: absolute;
  top: 50%;
  right: 50%;
  transform: translate(50%, -50%) scale(0.1);
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background-color: #388af3;
  opacity: 0;
  animation: header-point-pulse 2.3s 0.6s infinite;
}

@keyframes header-point-pulse {
  0% {
    opacity: 0;
    transform: translate(50%, -50%) scale(0.1);
  }

  60% {
    opacity: 0.08;
  }

  100% {
    opacity: 0;
    transform: translate(50%, -50%) scale(1.5);
  }
}

.header__chat-circle .circle-lt {
  position: absolute;
  top: 50%;
  right: 50%;
  transform: translate(50%, -50%);
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #388af3;
  transition: 0.3s ease;
}

.header__chat-circle .circle-md,
.header__chat-circle .circle-th {
  position: absolute;
  top: 50%;
  right: 50%;
  transform: translate(50%, -50%);
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #388af3;
  transition: 0.3s ease;
}

.header__chat:hover .header__chat-circle .circle-bg {
  animation: none;
}

.header__chat:hover .header__chat-circle .circle-th {
  right: 15%;
  animation: typing 1s linear 0.1s infinite;
  transition: 0.3s ease;
}

.header__chat:hover .header__chat-circle .circle-lt {
  right: 85%;
  animation: typing 1s linear 0.3s infinite;
  transition: 0.3s ease;
}

.header__chat:hover .header__chat-circle .circle-md {
  animation: typing 1s linear 0.5s infinite;
}

@keyframes typing {
  0% {
    transform: translate(50%, -50%);
  }

  50% {
    transform: translate(50%, -25%);
  }

  100% {
    transform: translate(50%, -50%);
  }
}

.drop-box__list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.drop-box__link {
  transition: background-color 0.3s ease;
}

.drop-box__link:hover {
  background-color: var(--light-blue);
  border-radius: 15px;
  transition: background-color 0.3s ease;
}

.drop-box__link.active .drop-box__link-btn::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #388af3;
  transition: 0.3s ease;
}


.drop-box__link:hover .drop-box__link-btn::before {
  transform: translateY(-50%) scale(1);
}

.drop-box__link .drop-box__link-btn span {
  display: block;
  transition: transform 0.3s ease;
}

.drop-box__link:hover .drop-box__link-btn span {
  color: var(--brand-blue);
  transform: translateX(17px);
  transition: transform 0.3s ease;
}

.drop-box__link.active .drop-box__link-btn span {
  transform: translateX(17px);
}

.drop-box__link:hover .arrow path {
  stroke: var(--brand-blue);
  transition: transform 0.3s ease;
}

.drop-box__link.drop {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.drop-box__link-btn {
  position: relative;
  display: block;
  padding: 15px 20px;
  display: flex;
  align-items: center;
}

.drop-box__link .arrow {
  margin-right: 20px;
  display: flex;
  align-items: center;
}

.drop-box__link-btn::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%) scale(0);
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #388af3;
  transition: 0.3s ease;
}

.drop-box__link-btn .count {
  font-size: 14px;
  line-height: 14px;
  color: #aeb8cb;
}

.drop-box__link.drop .drop-box__link-btn {
  display: flex !important;
  gap: 5px;
  align-items: flex-start;
}

.header__drop-third-level {
  position: relative;
  opacity: 0;
  pointer-events: none;
  padding: 10px;
  background-color: #fff;
  border-radius: 0 15px 15px 0;
  width: 320px;
  border-left: 1px #f7f8fc solid;
  transition: opacity 0.2s ease, transform 0.4s ease;
  transform: translateX(-100px);
  z-index: 4;
}

.header__drop-third-level:hover {
  opacity: 1;
  pointer-events: all;
  transform: translateX(0);
  transition: 0.3s ease;
}

.header__drop-third-level.active {
  opacity: 1;
  pointer-events: all;
  transform: translateX(0);
  transition: 0.3s ease;
}

.header__drop-third-level .drop-box__inner {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.third-level__link {
  display: flex;
  gap: 10px;
  align-items: center;
  border-radius: 15px;
  transition: background-color 0.3s ease;
}

.third-level__link:hover {
  background-color: #f7f8fc;
  transition: background-color 0.3s ease;
}

.third-level__link-arrow {
  height: 16px;
}

.third-level__link-btn {
  display: block;
  padding: 15px 20px;
}

.header__lang .header__drop-second-wrapper {
  width: 200px;
}

.header__burger {
  position: relative;
  width: 36px;
  height: 36px;
}

.header__burger-items {
  position: absolute;
  top: 50%;
  right: 50%;
  transform: translate(50%, -50%) rotate(0deg);
  opacity: 1;
  transition: 0.3s ease;
  display: flex;
}

.active .header__burger-items {
  transform: translate(50%, -50%) rotate(300deg);
  opacity: 0;
  transition: 0.3s ease;
}

.header__burger-close {
  position: absolute;
  opacity: 0;
  top: 50%;
  right: 50%;
  transform: translate(50%, -50%) rotate(-300deg);
  transition: 0.3s ease;
  display: flex;
}

.active .header__burger-close {
  transform: translate(50%, -50%) rotate(0);
  opacity: 1;
  transition: 0.3s ease;
}

.header__mobile-container {
  display: none;
  z-index: 40;
  padding: 125px 40px 40px 40px;
  background-color: #fff;
  width: 100%;
  height: 100vh;
}

.drop-arrow {
  display: none;
}

.mobile-header__lang {
  grid-row: 3/4;
  display: flex;
  align-items: end;
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  gap: 40px;
  margin-bottom: 40px;
}

.mobile-header__lang-item {
  height: 46px;
  display: flex;
  flex-direction: column;
}

.mobile-header__lang-item::after {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  margin: 10px auto 0;
  background-color: #388af3;
  align-items: center;
  justify-content: center;
  opacity: 0;
}

.mobile-header__lang-item.active {
  color: #388af3;
}

.mobile-header__lang-item.active::after {
  opacity: 1;
}

.mobile-header__social {
  display: none;
}

.mobile-header__mail {
  display: none;
  grid-row: 5/6;
  font-weight: 400;
  font-size: 22px;
  line-height: 34px;
}

@media (max-width: 1920px) {
  .header__nav-item {
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(24px + (28 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .header__btn {
    padding: 13px calc(15px + (20 - 15) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .header__drop {
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(24px + (28 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .header__drop-second-wrapper {
    width: calc(320px + (420 - 320) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .drop-box__link-btn {
    padding: 15px calc(15px + (20 - 15) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .drop-box__link:hover .drop-box__link-btn span,
  .drop-box__link.active .drop-box__link-btn span {
    transform: translateX(calc(16px + (17 - 16) * ((100vw - 1536px) / (1920 - 1536))));
  }

  .header__chat {
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(24px + (28 - 24) * ((100vw - 1536px) / (1920 - 1536)));
    padding: calc(15.5px + (16 - 15.5) * ((100vw - 1536px) / (1920 - 1536))) calc(25px + (30 - 25) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .header__logo {
    width: calc(145px + (271 - 145) * ((100vw - 922px) / (1920 - 922)));
  }
}

@media (max-width: 1536px) {
  .header__nav-item.active::after {
    bottom: -2px;
  }

  .header__nav-item {
    font-size: 16px;
    line-height: 24px;
  }

  .header__btn {
    padding: 13px 15px;
  }

  .header__drop {
    font-size: 16px;
    line-height: 24px;
  }

  .header__drop-second-wrapper {
    width: 320px;
  }

  .drop-box__link-btn {
    padding: 15px 15px;
  }

  .drop-box__link:hover .drop-box__link-btn span,
  .drop-box__link.active .drop-box__link-btn span {
    transform: translateX(16px);
  }

  .header__chat {
    font-size: 16px;
    line-height: 24px;
    padding: 15.5px 25px;
  }
}

@media (max-width: 1024px) {
  .header__nav-item.active::after {
    display: none;
  }

  .open .header__drop-second-wrapper::after {
    content: none;
  }

  .header__inner {
    padding: calc(10px + (15 - 10) * ((100vw - 414px) / (922 - 414))) 0;
  }

  .header__box {
    grid-column: 1/3;
    align-items: baseline;
    margin-bottom: 40px;
  }

  .header__burger {
    display: block;
  }

  .header__lang {
    display: none;
  }

  .header__mobile-container {
    position: fixed;
    opacity: 0;
    top: -100vh;
    left: 0;
    display: grid;
    grid-template-rows: repeat(5, 1fr);
    pointer-events: none;
    overflow-y: scroll;
    overflow-x: hidden;
    transition: 0.3s ease;
  }

  .header__mobile-container.active {
    top: 0;
    pointer-events: all;
    opacity: 1;
    transition: 0.3s ease;
  }

  .header__mobile-container.no-scroll {
    overflow-y: hidden;
  }

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

  .header__btn {
    padding: 15px 0;
  }

  .header__nav-item {
    display: flex;
    align-items: center;
    font-size: calc(20px + (30 - 20) * ((100vw - 414px) / (922 - 414)));
    line-height: calc(30px + (40 - 30) * ((100vw - 414px) / (922 - 414)));
  }

  .footer .header__nav-item {
    font-size: 16px;
    line-height: 24px;
  }

  .header__nav-item:hover {
    background: none;
  }

  .header__drop--second-level {
    position: absolute;
    top: 0;
    left: 100vw;
    opacity: 1;
    width: 100%;
    height: 100%;
    transition: 0.3s ease;
  }

  .header__drop--second-level.active {
    left: 0;
    pointer-events: all;
    transition: 0.3s ease;
  }

  .header__drop--second-level.active .header__drop-second-wrapper {
    overflow-y: scroll;
  }

  .header__drop-second-wrapper {
    width: 100%;
    padding: calc(85px + (125 - 85) * ((100vw - 414px) / (922 - 414))) calc(20px + (40 - 20) * ((100vw - 414px) / (922 - 414))) calc(20px + (40 - 20) * ((100vw - 414px) / (922 - 414))) calc(20px + (40 - 20) * ((100vw - 414px) / (922 - 414)));
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: min-content;
  }

  .footer .header__drop-second-wrapper {
    padding: calc(20px + (40 - 20) * ((100vw - 414px) / (922 - 414))) calc(20px + (40 - 20) * ((100vw - 414px) / (922 - 414))) calc(20px + (40 - 20) * ((100vw - 414px) / (922 - 414))) calc(20px + (40 - 20) * ((100vw - 414px) / (922 - 414)));
  }

  .header__drop-second-wrapper.show-banner {
    padding: calc(140px + (200 - 140) * ((100vw - 414px) / (922 - 414))) calc(20px + (40 - 20) * ((100vw - 414px) / (922 - 414))) calc(20px + (40 - 20) * ((100vw - 414px) / (922 - 414))) calc(20px + (40 - 20) * ((100vw - 414px) / (922 - 414)));
  }

  .second-level__back {
    grid-row: 1/2;
    font-size: calc(16px + (20 - 16) * ((100vw - 414px) / (922 - 414)));
    line-height: calc(24px + (30 - 24) * ((100vw - 414px) / (922 - 414)));
    color: #aeb8cb;
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: url(../img/cursor-pointer.svg) -15 -15, pointer;
    margin-bottom: 10px;
  }

  .second-level__back::before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    background-image: url(/wp-content/themes/toimi/assets/img/arrowMenuBack.svg);
  }

  .header__drop-third-level {
    border-radius: 0;
    width: 100%;
    padding: 0;
    pointer-events: none;
    overflow: hidden;
    max-height: 0;
    height: 100%;
    transform: translateX(0);
  }

  .header__drop-third-level .drop-box__inner {
    transform: translateY(-150px);
    transition: 0.3s ease;
    justify-content: flex-start;
  }

  .header__drop-third-level.active {
    max-height: calc(290px + (320 - 290) * ((100vw - 414px) / (922 - 414)));
    height: fit-content;
    pointer-events: all;
    border-left: none;
  }

  .header__drop-third-level.active .drop-box__inner {
    transform: translateY(0);
    transition: 0.3s ease;
    display: grid;
    height: fit-content;
  }

  .drop-box__link:hover {
    background: none;
  }

  .drop-box__link-btn {
    padding: calc(13px + (15 - 13) * ((100vw - 414px) / (922 - 414))) 0;
  }

  .drop-box__link:not(:last-child) {
    margin-bottom: 10px;
  }

  .drop-box__link.drop {
    display: grid;
    grid-template-columns: auto auto;
  }

  .drop-box__link .arrow svg {
    transform: rotate(90deg);
    transition: 0.3s ease;
  }

  .drop-box__link.hover .arrow svg {
    transform: rotate(270deg);
    transition: 0.3s ease;
  }

  .drop-box__link:hover .drop-box__link-btn::before {
    transform: scale(0);
  }

  .drop-box__link:hover .drop-box__link-btn span {
    transform: translateX(0);
    color: initial;
  }

  .drop-box__link.hover .drop-box__link-btn::before {
    transform: translateY(-50%) scale(1);
  }

  .drop-box__link.hover .drop-box__link-btn span {
    transform: translateX(16px);
  }

  .header__drop-third-level .drop-box__link .drop-box__link-btn::before {
    transform: translateY(-50%) scale(0);
  }

  .header__drop-third-level .drop-box__link .drop-box__link-btn span {
    color: #343434;
  }

  .third-level__link {
    grid-row: 1/3;
    height: fit-content;
  }

  .third-level__link-btn {
    padding: calc(13px + (15 - 13) * ((100vw - 414px) / (922 - 414))) calc(16px + (20 - 16) * ((100vw - 414px) / (922 - 414)));
  }

  .drop-arrow {
    display: block;
    width: 7px;
    height: 14px;
    background-image: url(/wp-content/themes/toimi/assets/img/arrowRight.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  }

  .mobile-header__social {
    gap: calc(10px + (20 - 10) * ((100vw - 414px) / (922 - 414)));
    grid-row: 4/5;
    align-items: end;
    margin-bottom: 40px;
  }

  .mobile-header__social-link {
    width: calc(50px + (55 - 50) * ((100vw - 414px) / (922 - 414)));
    height: calc(50px + (55 - 50) * ((100vw - 414px) / (922 - 414)));
    border-radius: 50%;
    background-color: #edf5ff;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .mobile-header__mail {
    display: flex;
    align-items: end;
  }

  .drop-box__link.drop .drop-box__link-btn {
    padding: calc(13px + (15 - 13) * ((100vw - 414px) / (922 - 414))) 0;
  }

  .header__chat {
    font-size: calc(14px + (16 - 14) * ((100vw - 414px) / (922 - 414)));
    line-height: calc(20px + (24 - 20) * ((100vw - 414px) / (922 - 414)));
    padding: calc(12.5px + (15.5 - 12.5) * ((100vw - 414px) / (922 - 414))) calc(20px + (25 - 20) * ((100vw - 414px) / (922 - 414)));
  }

  .header__container {
    padding: 0 calc(20px + (50 - 20) * ((100vw - 414px) / (922 - 414)));
    opacity: 0;
  }
}

@media (max-width: 922px) {
  .header__logo {
    width: calc(57px + (81 - 57) * ((100vw - 414px) / (922 - 414)));
  }
}

@media (max-width: 580px) {
  .header__logo svg {
    width: 98%;
  }
}

.no-scroll {
  overflow: hidden;
}

.popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(222, 224, 240, 0.5);
  justify-content: center;
  align-items: center;
  z-index: 999999999;
}

.popup__bg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.popup-content {
  background: #fff;
  border-radius: 30px;
  width: 60%;
  max-width: 820px;
  height: max-content;
  display: flex;
  flex-direction: column;
  position: relative;
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 90dvh;
}

.popup-content::-webkit-scrollbar {
  width: 0px;
  background: none;
}

.popup-content::-webkit-scrollbar-track {
  background: transparent;
}

.popup-content::-webkit-scrollbar-thumb {
  background-color: #388af3;
  border-radius: 20px;
}

.close {
  position: absolute;
  top: -45px;
  right: -45px;
  font-size: 24px;
  cursor: url(../img/cursor-pointer.svg) -15 -15, pointer;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}

.popup-feedback .close,
#popupCareer .close,
.popup-header .close {
  top: 30px;
  right: 30px;
}

.popup-feedback .close:hover svg path {
  stroke: var(--brand-blue);
}

@media (max-width: 768px) {
  .close {
    top: 15px;
    right: 15px;
  }

  .popup-feedback .close,
  #popupCareer .close,
  .popup-header .close {
    top: 20px;
    right: 20px;
  }
}

.chat {
  display: flex;
  padding: 40px 10px 40px 40px;
  flex-direction: column;
  height: 100%;
}

.messages {
  height: 100%;
  flex: 1;
  align-content: end;
}

.messages::-webkit-scrollbar {
  width: 5px;
  background-color: #f7f8fc;
}

.messages::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #ccd6e9;
}

.message {
  position: relative;
  display: flex;
  align-items: flex-start;
  margin-bottom: 10px;
}

.popup .message {
  display: grid;
  grid-template-columns: 80px 1fr;
}

.message.bot {
  flex-direction: row;
}

.message.user {
  flex-direction: row-reverse;
  margin: 40px 0;
}

.message.user .avatar {
  display: none;
}

.message .avatar {
  position: relative;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #ccc;
  margin: 0 10px;
  opacity: 0;
}

.dialog-block .message .avatar {
  flex-shrink: 0;
  width: 65px;
  height: 65px;
}

.dialog-block .message .avatar::after {
  right: 0;
  bottom: 0;
}

.message .avatar::after {
  content: "";
  position: absolute;
  border: 1px white solid;
  right: -1px;
  bottom: -4px;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background-color: #388af3;
}

.message .avatar.visible {
  opacity: 1;
}

.message .text {
  font-weight: 400;
  font-size: 18px;
  line-height: 140%;
  text-align: start;
  opacity: 0;
  animation: textOpacity 0.25s ease 0.1s forwards;
}

.dialog-block .message .text {
  font-size: 22px;
  line-height: 34px;
}

.popup .footer__form .message .text {
  font-size: 16px;
}

.popup.career .footer__form .message .text--origin {
  display: none;
}

.popup .footer__form .message .text--career {
  display: none;
}

.popup.career .footer__form .message .text--career {
  display: block;
}

.message-text-wrap {
  position: relative;
  max-width: 432px;
  padding: 20px 30px;
  background-image: linear-gradient(180deg,
      rgba(235, 246, 255, 1) 0%,
      rgba(235, 246, 255, 1) 100%);
  background-repeat: no-repeat;
  background-position-y: top;
  border-radius: 20px;
  animation: bgHeight 0.2s ease forwards;
}

.message:nth-child(2) .message-text-wrap {
  border-radius: 0 20px 20px 20px;
}

.popup-feedback .message-text-wrap {
  padding: 20px 30px;
}

.dialog-block .message-text-wrap {
  max-width: 83%;
  width: fit-content;
}

@keyframes bgHeight {
  0% {
    background-size: 0 0;
  }

  50% {
    background-size: 80% 20%;
  }

  100% {
    background-size: 100% 100%;
  }
}

@keyframes textOpacity {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes textHeight {
  from {
    max-height: 0;
  }

  to {
    max-height: 1000px;
  }
}

.message.first .text {
  border-radius: 0 20px 20px 20px;
}

.message.user .message-text-wrap {
  border-radius: 20px 20px 0 20px;
  background-image: linear-gradient(180deg,
      rgba(0, 143, 255, 1) 0%,
      rgba(0, 143, 255, 1) 100%);
  color: #fff;
}

.message .read-check {
  position: absolute;
  bottom: 4px;
  right: -30px;
  width: 24px;
  height: 24px;
}

@keyframes checkOpacity {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.message .read-check svg {
  width: 100%;
  height: 100%;
}

.message .read-check svg path {
  opacity: 0;
  animation: checkOpacity 0.1s ease forwards;
}

.message .read-check svg path:nth-child(1) {
  animation-delay: 0.5s;
}

.message.user .read-check {
  right: auto;
  left: -30px;
}

.options-wrapper {
  max-width: 548px;
}

.options-wrapper .read-check {
  display: none;
}

.options-container {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 10px;
  animation: textHeight 2s forwards;
}

.option {
  border: none;
  background-color: #f7f8fc;
  padding: 16px 30px;
  border-radius: 60px;
  font-weight: 600;
  font-size: 18px;
  line-height: 28px;
  color: #1f1f1f;
  transition: 0.3s ease;
}

.option:hover {
  background-color: #008fff;
  color: #fff;
  transition: 0.3s ease;
}

.option.active {
  background-color: #008fff;
  color: #fff;
  transition: 0.3s ease;
}

.input-container {
  display: flex;
  flex-direction: column;
  padding-top: 10px;
  padding-right: 30px;
}

.input-wrapper {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: end;
  gap: 10px;
}

.input-wrapper.hidden {
  display: none;
}

.chat-textarea__wrapper {
  position: relative;
  grid-column: 2/3;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  border-radius: 88px;
  padding: 20px 10px 20px 25px;
  transition: border-color 0.3s;
  background-color: #f7f8fc;
  font-weight: 500;
  font-size: 18px;
  line-height: 28px;
  color: #343434;
}

.message-input::-webkit-scrollbar {
  width: 5px;
  background-color: #f7f8fc;
}

.message-input::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #ccd6e9;
}

.chat-textarea__wrapper.two-rows {
  border-radius: 40px;
}

.chat-textarea__wrapper.four-rows {
  border-radius: 20px;
}

.message-input {
  width: 100%;
  background-color: #f7f8fc;
  display: flex;
  justify-content: center;
  border: none;
  outline: none;
  resize: none;
  caret-color: #008fff;
}

.message-input::placeholder {
  color: #aeb8cb;
  align-content: center;
}

.chat-textarea__wrapper.dropping {
  background: #f4f0ff;
  border: 1px #008fff dashed;
}

.dropping .message-input {
  background: #f4f0ff;
  opacity: 0;
}

.dropping-item {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-weight: 600;
  font-size: 18px;
  line-height: 28px;
  color: #9c6ce8;
  pointer-events: none;
  opacity: 0;
}

.dropping .dropping-item {
  opacity: 1;
}

.dropping-item .dropping-item__img {
  width: 24px;
  height: 24px;
  background-image: url(/wp-content/themes/toimi/assets/img/Cloud_Upload.svg);
}

.send-message {
  position: relative;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #008fff;
  color: #fff;
  border: none;
  cursor: url(../img/cursor-pointer.svg) -15 -15, pointer;
  grid-column: 3/4;
  grid-row: 1;
  overflow: hidden;
}

.send-message span {
  display: none;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #fff;
}

.send-message .send-message__img {
  position: absolute;
}

.send-message .send-message__img--1 {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.send-message .send-message__img--2 {
  top: 50%;
  left: 50%;
  transform: translate(-200%, 30%);
}

.send-message:hover .send-message__img--1 {
  transform: translate(120%, -165%);
  transition: 0.3s ease;
}

.send-message:hover .send-message__img--2 {
  transform: translate(-50%, -50%);
  transition: 0.5s ease-in-out;
}

.file-button {
  width: 62px;
  height: 62px;
  border-radius: 50%;
  background-color: #f7f8fc;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  grid-column: 1/2;
  grid-row: 1;
}

.file-button span {
  display: none;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #aeb8cb;
}

.file-button svg path {
  transition: 0.3s ease;
}

.file-button:hover svg path {
  stroke: #9faabd;
  transition: 0.3s ease;
}

.file-button.disabled {
  pointer-events: none;
}

.file-button.disabled svg path {
  stroke: #aeb8cb;
}

.file-list {
  width: 100%;
  margin-top: 10px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.file-list--dn {
  display: none;
}

.dropping .file-list {
  opacity: 0;
}

.file-list .file-item {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 10px;
}

.file-list .file-item.remove {
  display: none;
}

.file-list .file-item .file-image {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-image: url(/wp-content/themes/toimi/assets/img/File_Blank.svg);
  background-repeat: no-repeat;
  background-size: 24px;
  background-position: center;
  background-color: #fff;
}

.popup .file-list .file-item .file-image {
  width: 25px;
  height: 25px;
  background-size: 20px 20px;
}

.file-details {
  display: flex;
  flex-direction: column;
  text-align: start;
}

.file-details .file-name {
  font-weight: 600;
  font-size: 18px;
  line-height: 28px;
}

.file-details .file-size {
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  color: #aeb8cb;
}

.popup .file-details .file-name {
  font-size: 12px;
  line-height: 140%;
}

.popup .file-details .file-size {
  font-size: 10px;
  line-height: 140%;
}

.file-item .remove-file,
.file-item .remove-file1 {
  width: 24px;
  height: 24px;
  display: block;
  background: none;
  border: none;
  background-image: url(/wp-content/themes/toimi/assets/img/Close_MD.svg);
  cursor: url(../img/cursor-pointer.svg) -15 -15, pointer;
  background-size: contain;
  background-repeat: no-repeat;
  opacity: 0.3;
  transition: opacity 0.3s ease;
}

.file-item:hover .remove-file,
.file-item:hover .remove-file1 {
  opacity: 1;
  transition: opacity 0.3s ease;
}

.drop-zone {
  border: 2px dashed #007bff;
  border-radius: 5px;
  padding: 20px;
  text-align: center;
  color: #007bff;
  font-weight: bold;
  margin-top: 10px;
  cursor: url(../img/cursor-pointer.svg) -15 -15, pointer;
}

.drop-zone.hidden {
  display: none;
}

.hidden {
  display: none;
}

.confirm-message.hidden {
  display: none;
}

.confirm-message {
  width: 100%;
  height: 88px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  font-size: 18px;
  line-height: 28px;
}

.message .file-send {
  display: flex;
  align-items: center;
  gap: 10px;
}

.message .file-send:first-child {
  margin-top: 10px;
}

.message .file-send .file-send__img {
  width: 20px;
  height: 20px;
  background-image: url(/wp-content/themes/toimi/assets/img/File_Blank-white.svg);
  background-position: center;
  background-repeat: no-repeat;
}

.stars {
  padding-bottom: 10px;
  display: flex;
  align-items: center;
  gap: 4px;
}

.star {
  display: block;
  object-fit: contain;
}

@media (max-width: 1920px) {
  .star {
    width: calc(40px + (48 - 40) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(40px + (48 - 40) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .popup-content {
    max-width: calc(675px + (820 - 675) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media (max-width: 1536px) {
  .star {
    width: calc(35px + (40 - 35) * ((100vw - 1280px) / (1536 - 1280)));
    height: calc(35px + (40 - 35) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .popup-content {
    max-width: calc(630px + (675 - 630) * ((100vw - 1280px) / (1536 - 1280)));
    border-radius: calc(20px + (30 - 20) * ((100vw - 1280px) / (1536 - 1280)));
  }
}

@media (max-width: 1280px) {
  .star {
    width: 35px;
    height: 35px;
  }

  .popup-content {
    max-width: 630px;
    border-radius: 20px;
  }
}

@media (max-width: 1200px) {
  .chat {
    padding: calc(30px + (40 - 30) * ((100vw - 768px) / (1200 - 768)));
  }

  .chat-textarea__wrapper {
    padding: calc(15px + (20 - 15) * ((100vw - 768px) / (1200 - 768))) 10px calc(15px + (20 - 15) * ((100vw - 768px) / (1200 - 768))) 25px;
  }

  .file-button {
    width: calc(56px + (62 - 56) * ((100vw - 768px) / (1200 - 768)));
    height: calc(56px + (62 - 56) * ((100vw - 768px) / (1200 - 768)));
  }

  .send-message {
    width: calc(56px + (62 - 56) * ((100vw - 768px) / (1200 - 768)));
    height: calc(56px + (62 - 56) * ((100vw - 768px) / (1200 - 768)));
  }

  .message .avatar {
    width: calc(36px + (40 - 36) * ((100vw - 768px) / (1200 - 768)));
    height: calc(36px + (40 - 36) * ((100vw - 768px) / (1200 - 768)));
  }

  .message .avatar::after {
    width: calc(7px + (11 - 7) * ((100vw - 768px) / (1200 - 768)));
    height: calc(7px + (11 - 7) * ((100vw - 768px) / (1200 - 768)));
  }

  .message .read-check {
    width: calc(20px + (24 - 20) * ((100vw - 768px) / (1200 - 768)));
    height: calc(20px + (24 - 20) * ((100vw - 768px) / (1200 - 768)));
  }
}

@media (max-width: 922px) {
  .star {
    width: calc(30px + (35 - 30) * ((100vw - 414px) / (922 - 414)));
    height: calc(30px + (35 - 30) * ((100vw - 414px) / (922 - 414)));
  }
}

@media (max-width: 768px) {
  .popup {
    z-index: 55;
  }

  .message .read-check {
    right: calc(-23px + (-30 + 23) * ((100vw - 414px) / (768 - 414)));
  }

  .message-text-wrap {
    max-width: calc(295px + (432 - 295) * ((100vw - 414px) / (768 - 414)));
  }

  .popup-content {
    width: 100%;
    max-width: 90%;
    max-height: 80dvh;
    border-radius: calc(15px + (20 - 15) * ((100vw - 414px) / (768 - 414)));
    overflow-y: auto;
    overflow-x: hidden;
  }

  .chat {
    padding: calc(20px + (30 - 20) * ((100vw - 414px) / (768 - 414)));
  }

  .message {
    margin-bottom: calc(5px + (10 - 5) * ((100vw - 414px) / (768 - 414)));
  }

  .message .avatar {
    width: calc(35px + (36 - 35) * ((100vw - 414px) / (768 - 414)));
    height: calc(35px + (36 - 35) * ((100vw - 414px) / (768 - 414)));
  }

  .message .avatar::after {
    width: calc(6px + (7 - 6) * ((100vw - 414px) / (768 - 414)));
    height: calc(6px + (7 - 6) * ((100vw - 414px) / (768 - 414)));
  }

  .message .text {
    font-size: calc(16px + (18 - 16) * ((100vw - 414px) / (768 - 414)));
  }

  .popup .footer__form .message .text {
    font-size: calc(14px + (16 - 14) * ((100vw - 414px) / (768 - 414)));
  }

  .option {
    padding: calc(12px + (16 - 12) * ((100vw - 414px) / (768 - 414))) calc(20px + (30 - 20) * ((100vw - 414px) / (768 - 414)));
    font-size: calc(16px + (18 - 16) * ((100vw - 414px) / (768 - 414)));
    line-height: calc(24px + (28 - 24) * ((100vw - 414px) / (768 - 414)));
  }

  .message.user {
    margin: calc(20px + (40 - 20) * ((100vw - 414px) / (768 - 414))) 0;
  }

  .input-wrapper {
    grid-template-columns: auto auto;
    justify-content: space-between;
  }

  .chat-textarea__wrapper {
    grid-column: 1/3;
    grid-row: 1/2;
    padding: calc(13px + (15 - 13) * ((100vw - 414px) / (768 - 414))) 10px calc(13px + (15 - 13) * ((100vw - 414px) / (768 - 414))) calc(20px + (25 - 20) * ((100vw - 414px) / (768 - 414)));
  }

  .file-button {
    grid-column: 1/2;
    grid-row: 2/3;
    width: 143px;
    height: 45px;
    border-radius: 60px;
    gap: 10px;
  }

  .ru .file-button,
  .es .file-button,
  .pt .file-button {
    width: 190px;
  }

  .file-button span {
    display: block;
  }

  .ru .file-button span,
  .es .file-button span,
  .pt .file-button span {
    font-size: 14px;
  }

  .send-message {
    width: 114px;
    height: 45px;
    border-radius: 60px;
    grid-column: 2/3;
    grid-row: 2/3;
    gap: 10px;
  }

  .ru .send-message {
    width: 150px;
  }

  .send-message .send-message__img {
    position: relative;
    transform: translate(0, 0);
    top: auto;
    left: auto;
  }

  .send-message .send-message__img--1 {
    display: none;
  }

  .send-message span {
    display: block;
  }

  .ru .send-message span {
    font-size: 14px;
  }

  .send-message:hover .send-message__img--2 {
    transform: translate(0, 0);
  }
}

@media (max-width: 414px) {
  .star {
    width: 30px;
    height: 30px;
  }
}

.margin-bottom-250 {
  margin-bottom: 250px;
}

.breadcrumb.center {
  padding-top: 185px;
  justify-content: center;
}

.big-title {
  text-align: center;
  padding-top: 70px;
  font-weight: 700;
  font-size: 85px;
  line-height: 105px;
}

.contact-page__img {
  margin: 0 auto;
  max-width: 373px;
  aspect-ratio: 373 / 215;
}

.contact-page__img img {
  max-width: 100%;
  object-fit: contain;
}

.contact-page {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.contact-page__social {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  gap: 10px;
  margin-bottom: 50px;
}

.contact-page__social-link {
  border-radius: 50%;
  transition: 0.3s ease;
}

.contact-page__social-link:hover {
  background-color: #edf5ff;
  transition: 0.3s ease;
}

.contact-page__social-link a {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 15px;
}

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

.contact-page__adress-item {
  width: 300px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  font-weight: 600;
  font-size: 24px;
  line-height: 36px;
}

.contact-page__adress-item p {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #9faabd;
}

.h2-title {
  margin: 0;
  font-weight: 600;
  font-size: 45px;
  line-height: 140%;
}

.desctop-chat {
  width: 100%;
  overflow: hidden;
}

.desctop-chat__wrappper {
  display: flex;
  justify-content: center;
  width: 100%;
}

.popup .desctop-chat__wrappper {
  padding: 60px 50px;
}

.service-form .block__form-title {
  display: none;
}

.block__form-title {
  text-align: center;
  margin-bottom: 70px;
}

.section-cases__ball {
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 9px;
  font-weight: 500;
  font-size: 16px;
  line-height: 140%;
  text-align: center;
  color: #1f1f1f;
  aspect-ratio: 1 / 1;
  border-radius: 50%;
  opacity: 0;
  z-index: 10;
  pointer-events: none;
}

@media (max-width: 1920px) {

  .block__form-title {
    margin-bottom: calc(60px + (70 - 60) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .popup .desctop-chat__wrappper {
    padding: calc(50px + (60 - 50) * ((100vw - 1536px) / (1920 - 1536))) calc(40px + (50 - 40) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .contact-page__img {
    max-width: calc(330px + (373 - 330) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media (max-width: 1536px) {

  .block__form-title {
    margin-bottom: calc(50px + (60 - 50) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .popup .desctop-chat__wrappper {
    padding: 50px 40px;
  }

  .contact-page__img {
    max-width: calc(260px + (330 - 260) * ((100vw - 1280px) / (1536 - 1280)));
  }
}

@media (max-width: 1280px) {

  .block__form-title {
    margin-bottom: 50px;
  }

  .contact-page__img {
    max-width: 260px;
  }
}

@media (max-width: 922px) {

  .popup .desctop-chat__wrappper {
    margin-top: 0;
    padding: calc(40px + (50 - 40) * ((100vw - 414px) / (922 - 414))) calc(20px + (40 - 20) * ((100vw - 414px) / (922 - 414)));
  }

  .block__form-title {
    margin-bottom: calc(30px + (50 - 30) * ((100vw - 414px) / (922 - 414)));
  }

  .contact-page__img {
    max-width: calc(217px + (260 - 217) * ((100vw - 414px) / (922 - 414)));
  }
}

@media (max-width: 414px) {

  .block__form-title {
    margin-bottom: 30px;
  }

  .popup .desctop-chat__wrappper {
    padding: 40px 20px;
  }

  .contact-page__img {
    margin-left: 0;
    max-width: 217px;
  }

  .contact .big-title {
    margin-left: 0;
    text-align: left;
  }

  .contact-page,
  .contact-page__adress-item {
    align-items: flex-start;
  }
}

.desctop-chat__wrappper .message {
  display: grid;
  max-width: 792px;
  grid-template-columns: auto 1fr;
  gap: 10px;
}

.vacancy .desctop-chat__wrappper .footer__form,
.main-page .desctop-chat__wrappper .footer__form {
  padding: 0;
}

.desctop-chat__wrappper .footer__form {
  width: 100%;
}

.desctop-chat__wrappper .footer__form {
  display: grid;
  align-items: start;
  grid-template-columns: 1fr 720px;
  gap: 100px;
  width: 100%;
  max-width: none;
}

.messages-avatar__wrap {
  width: 80px;
  height: 80px;
  border-radius: 50%;
}

.messages-info {
  display: flex;
  align-items: center;
  gap: 30px;
}

.messages-info__name {
  margin: 0 0 10px;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 36px;
}

.messages-info__status {
  margin: 0;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
}

.messages__email {
  padding: 13px 20px 13px 30px;
  display: flex;
  align-items: center;
  width: fit-content;
  gap: 20px;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
  border-radius: 60px;
  background: var(--grays-gray_02);
  transition: .3s linear;
}

.messages__email:hover {
  color: var(--brand-blue);
  background-color: #edf5ff;
}

.footer__form-policy {
  justify-content: flex-start;
}

.messages-avatar__wrap .avatar {
  max-width: 100%;
  object-fit: contain;
  height: auto;
}

.messages {
  display: flex;
  flex-direction: column;
  gap: 40px;
  overflow: initial;
}

.messages-avatar__wrap {
  position: relative;
}

.messages-avatar-circle {
  position: absolute;
  bottom: -3px;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  pointer-events: none;
}

.messages-avatar-circle::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #e9f5ff;
  transition: 0.4s linear;
  animation: circle-wafe 2s 0.4s infinite;
}

@keyframes circle-wafe {
  0% {
    opacity: 0;
    transform: scale(0.1);
  }

  60% {
    opacity: 0.8;
  }

  100% {
    opacity: 0;
    transform: scale(1.5);
  }

}

.messages-avatar-circle__blue {
  position: relative;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--brand-blue);
  z-index: 2;
}

.service-form .desctop-chat__wrappper .footer__form-send {
  width: fit-content;

}

.chat-form {
  width: 800px;
  height: 528px;
}

.chat-form .messages {
  height: 400px;
}

@media (max-width: 1920px) {
  .breadcrumb.center {
    padding-top: calc(175px + (185 - 175) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .big-title {
    padding-top: calc(60px + (70 - 60) * ((100vw - 1536px) / (1920 - 1536)));
    font-size: calc(65px + (85 - 65) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(80px + (105 - 80) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .margin-bottom-250 {
    margin-bottom: calc(200px + (250 - 200) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .contact-page__social {
    margin-bottom: calc(40px + (50 - 40) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .contact-page__adress-item {
    width: calc(250px + (300 - 250) * ((100vw - 1536px) / (1920 - 1536)));
    font-size: calc(22px + (24 - 22) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(34px + (36 - 34) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .h2-title {
    font-size: calc(40px + (45 - 40) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .desctop-chat__wrappper .message {
    gap: calc(5px + (10 - 5) * ((100vw - 375px) / (1920 - 375)));
  }

  .service-form .messages-info__name {
    font-size: calc(22px + (24 - 22) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(34px + (36 - 34) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .messages-info__status {
    font-size: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(28px + (30 - 28) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .desctop-chat__wrappper .footer__form {
    grid-template-columns: 1fr calc(595px + (720 - 595) * ((100vw - 1536px) / (1920 - 1536)));
    gap: calc(95px + (100 - 95) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .messages {
    gap: calc(30px + (40 - 30) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .messages-avatar__wrap {
    width: calc(70px + (80 - 70) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(70px + (80 - 70) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .messages-info {
    gap: calc(25px + (30 - 25) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .messages__email {
    padding: 12px calc(15px + (20 - 15) * ((100vw - 1536px) / (1920 - 1536))) 12px calc(20px + (30 - 20) * ((100vw - 1536px) / (1920 - 1536)));
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(24px + (28 - 24) * ((100vw - 1536px) / (1920 - 1536)));
    gap: calc(10px + (20 - 10) * ((100vw - 1536px) / (1920 - 1536)));
  }

}

@media (max-width: 1536px) {
  .desctop-chat__wrappper .message {
    max-width: calc(636px + (792 - 636) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .breadcrumb.center {
    padding-top: calc(165px + (175 - 165) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .big-title {
    padding-top: calc(50px + (60 - 50) * ((100vw - 1280px) / (1536 - 1280)));
    font-size: calc(50px + (65 - 50) * ((100vw - 1280px) / (1536 - 1280)));
    line-height: calc(60px + (80 - 60) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .margin-bottom-250 {
    margin-bottom: calc(140px + (200 - 140) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .contact-page__social {
    margin-bottom: calc(30px + (40 - 30) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .contact-page__adress-item {
    width: 250px;
    font-size: calc(20px + (22 - 20) * ((100vw - 1280px) / (1536 - 1280)));
    line-height: calc(30px + (34 - 30) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .h2-title {
    font-size: calc(35px + (40 - 35) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .messages-info__name {
    font-size: calc(20px + (22 - 20) * ((100vw - 1280px) / (1536 - 1280)));
    line-height: calc(30px + (34 - 30) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .messages-info__status {
    font-size: calc(16px + (18 - 16) * ((100vw - 1280px) / (1536 - 1280)));
    line-height: calc(24px + (28 - 24) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .desctop-chat__wrappper .footer__form {
    grid-template-columns: 1fr calc(550px + (595 - 550) * ((100vw - 1280px) / (1536 - 1280)));
    gap: calc(70px + (95 - 70) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .messages {
    gap: calc(20px + (30 - 20) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .messages-avatar__wrap {
    width: calc(60px + (70 - 60) * ((100vw - 1280px) / (1536 - 1280)));
    height: calc(60px + (70 - 60) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .messages-info {
    gap: calc(20px + (25 - 20) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .messages__email {
    padding: 12px 15px 12px 20px;
    font-size: 16px;
    line-height: 24px;
    gap: 10px;
  }

  .messages__email svg {
    width: 20px;
    height: 20px;
  }

  .contact-page__adress-item p {
    font-size: calc(14px + (16 - 14) * ((100vw - 1280px) / (1536 - 1280)));
    line-height: calc(22px + (24 - 22) * ((100vw - 1280px) / (1536 - 1280)));
  }
}

@media (max-width: 1280px) {

  .desctop-chat__wrappper .message {
    max-width: 636px;
  }

  .breadcrumb.center {
    padding-top: 165px;
  }

  .big-title {
    padding-top: 50px;
    font-size: 50px;
    line-height: 60px;
  }

  .margin-bottom-250 {
    margin-bottom: 140px;
  }

  .contact-page__social {
    margin-bottom: 30px;
  }

  .contact-page__adress-item {
    width: calc(220px + (250 - 220) * ((100vw - 922px) / (1280 - 922)));
    font-size: 20px;
    line-height: 30px;
  }

  .contact-page__adress-item p {
    font-size: 14px;
    line-height: 22px;
  }

  .h2-title {
    font-size: 35px;
  }

  .messages-info__name {
    font-size: 20px;
    line-height: 30px;
  }

  .messages-info__status {
    font-size: 16px;
    line-height: 24px;
  }

  .desctop-chat__wrappper .footer__form {
    grid-template-columns: 1fr 550px;
    gap: 70px;
  }

  .messages {
    gap: 20px;
  }

  .messages-avatar__wrap {
    width: 60px;
    height: 60px;
  }

  .messages-info {
    gap: 20px;
  }

}

@media (max-width: 922px) {
  .breadcrumb.center {
    padding-top: calc(160px + (165 - 160) * ((100vw - 414px) / (922 - 414)));
  }

  .big-title {
    padding-top: calc(35px + (50 - 35) * ((100vw - 414px) / (922 - 414)));
    font-size: calc(35px + (50 - 35) * ((100vw - 414px) / (922 - 414)));
    line-height: calc(45px + (60 - 45) * ((100vw - 414px) / (922 - 414)));
  }

  .margin-bottom-250 {
    margin-bottom: calc(80px + (140 - 80) * ((100vw - 414px) / (922 - 414)));
  }

  .contact-page__adress-item {
    font-size: calc(18px + (20 - 18) * ((100vw - 414px) / (922 - 414)));
    line-height: calc(28px + (30 - 28) * ((100vw - 414px) / (922 - 414)));
  }

  .contact-page__adress-item p {
    font-size: 14px;
    line-height: 22px;
  }

  .h2-title {
    font-size: calc(30px + (35 - 30) * ((100vw - 414px) / (922 - 414)));
    line-height: calc(40px + (45 - 40) * ((100vw - 414px) / (922 - 414)));
  }

  .messages-info__name {
    font-size: calc(18px + (20 - 18) * ((100vw - 414px) / (922 - 414)));
    line-height: calc(28px + (30 - 28) * ((100vw - 414px) / (922 - 414)));
  }

  .messages-info__status {
    font-size: calc(14px + (16 - 14) * ((100vw - 414px) / (922 - 414)));
    line-height: calc(22px + (24 - 22) * ((100vw - 414px) / (922 - 414)));
  }

  .desctop-chat__wrappper .footer__form {
    grid-template-columns: 100%;
    gap: 40px;
  }

  .messages {
    gap: calc(15px + (20 - 15) * ((100vw - 414px) / (922 - 414)));
  }

  .messages-avatar__wrap {
    width: calc(50px + (60 - 50) * ((100vw - 414px) / (922 - 414)));
    height: calc(50px + (60 - 50) * ((100vw - 414px) / (922 - 414)));
  }

  .messages-avatar-circle {
    width: 15px;
    height: 15px;
    bottom: -1px;
  }

  .messages-avatar-circle__blue {
    width: 6px;
    height: 6px;
  }

  .messages-info {
    gap: calc(15px + (20 - 15) * ((100vw - 414px) / (922 - 414)));
  }
}

@media (max-width: 768px) {
  .container.contact {
    padding: 0 10px;
  }

  .contact-page__addresses {
    flex-direction: column;
    gap: 25px;
  }

  .contact-page__adress-item {
    width: 100%;
    gap: 5px;
  }

  .chat-form {
    width: 95%;
  }

  .contact-page__social-link a svg {
    width: 20px;
    height: 20px;
  }
}

@media (max-width: 414px) {
  .messages {
    gap: 15px;
  }

  .messages-info {
    gap: 15px;
  }
}

.about-page {
  position: relative;
  overflow: hidden;
}

.blue-screen {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: #388af3;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  z-index: 5;
}

.blue-screen.active::before {
  animation: blueScreenFirstCircle 0.7s linear 2s forwards;
}

.blue-screen::before {
  content: "";
  position: absolute;
  border-radius: 50%;
  background-color: #f4f5fa;
  top: 100%;
}

.blue-screen.active::after {
  animation: blueScreenFirstCircle 0.7s linear 2.1s forwards;
}

.blue-screen::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  background-color: #fff;
  top: 100%;
}

@keyframes blueScreenFirstCircle {
  0% {
    top: 120%;
    width: 40vw;
    height: 40vw;
  }

  100% {
    top: -30%;
    width: 180vw;
    height: 180vw;
  }
}

@keyframes blueScreenFirstCircleMob {
  0% {
    top: 120%;
    width: 40vh;
    height: 40vh;
  }

  100% {
    top: -30%;
    width: 180vh;
    height: 180vh;
  }
}

@media (max-width: 1024px) {
  .blue-screen.active::before {
    animation: blueScreenFirstCircleMob 0.7s linear 2s forwards;
  }

  .blue-screen.active::after {
    animation: blueScreenFirstCircleMob 0.7s linear 2.1s forwards;
  }
}

.blue-screen__logo-wrapper {
  position: relative;
  width: 200px;
  height: 70px;
}

.blue-screen__logo {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  mask-image: url(/wp-content/themes/toimi/assets/img/toimi.svg);
  background-repeat: no-repeat;
  mask-size: contain;
  mask-repeat: no-repeat;
}

.blue-screen__logo--grey {
  background-image: linear-gradient(90deg,
      rgba(52, 52, 52, 0.2) 0,
      rgba(52, 52, 52, 0.2) 100%);
  animation: greyLogo 0.5s 0.5s linear forwards;
}

.blue-screen__logo--white {
  background-image: linear-gradient(90deg,
      rgba(255, 255, 255, 1) 0,
      rgba(255, 255, 255, 1) 100%);
  background-position-x: -260px;
  animation: whiteLogo 0.5s 0.5s linear forwards;
}

@keyframes whiteLogo {
  from {
    background-position-x: -260px;
  }

  to {
    background-position-x: 0;
  }
}

@keyframes greyLogo {
  from {
    background-position-x: 0;
  }

  to {
    background-position-x: 260px;
  }
}

.blue-screen__logo img {
  width: 100%;
}

.opacity {
  opacity: 0;
}

.main-scene {
  position: relative;
  width: 100vw;
  height: 100vh;
  background-color: #fff;
}

.main-scene.visible {
  background-color: #f3f5f9;
  background-image: url(/wp-content/themes/toimi/assets/img/lights.png);
  background-size: cover;
  background-repeat: no-repeat;
  transition: background-color 0.5s ease, background-image 0.5s ease 0.9s;
}

.main-scene__content {
  max-width: 1116px;
  width: 100%;
  margin: 0 auto;
}

.main-scene__text {
  padding-top: 23vh;
  text-align: center;
  transform: translateY(50px);
  opacity: 0;
}

.main-scene__text.show-banner {
  padding-top: 24vh;
}

.visible .main-scene__text {
  transform: translateY(0);
  opacity: 1;
  transition: 1s ease 0.3s;
}

.main-scene__text h1 {
  font-weight: 600;
  font-size: 88px;
  line-height: 106px;
  margin-bottom: 50px;
}

.main-scene__text h1 span {
  color: #388af3;
}

.main-scene__text p {
  max-width: 681px;
  width: 100%;
  margin: auto;
  font-weight: 400;
  font-size: 28px;
  line-height: 44px;
}

.main-scene__svg {
  position: absolute;
  bottom: 10vh;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  opacity: 0;
  height: 225px;
}

.main-scene__svg .bubble {
  position: absolute;
  top: -50%;
  left: 50%;
  width: 453px;
}

.main-scene__svg img {
  width: 1313px;
}

.visible .main-scene__svg {
  opacity: 1;
  transition: opacity 0.9s ease 0.5s;
}

.main-scene__svg.opacity-1 {}

.scene-circle {
  position: absolute;
  top: 65vh;
  left: 50%;
  transform: translate(-50%, 15%);
  width: 158vw;
  height: 158vw;
  border-radius: 50%;
  background-color: #fff;
  scale: 1;
  transition: 0.9s ease;
}

.scene-circle.visible {
  transform: translate(-50%, 0%) scale(1);
  transition: transform 0.5s ease;
}

.scene-circle.scaling-1 {
  transform: translate(-50%, 0%) scale(1.2);
  transition: 0.3s ease;
}

.scene-circle.scaling-1.scaling-2 {
  transform: translate(-50%, 0%) scale(1.4);
  transition: 0.3s ease;
}

.about-second-block {
  position: relative;
  z-index: 1;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #fff;
  overflow: hidden;
}

.about-second-block .services-slider-list-swiper {
  overflow: visible;
}

.about-second-block .services-slider-list-swiper .swiper-wrapper {
  align-items: stretch;
}

.about-second-block .services-slider-list-swiper .swiper-slide {
  height: auto;
}

.padding-top-250 {
  padding-top: 250px;
}

.padding-bottom-250 {
  padding-bottom: 250px;
}

.padding-bottom-200 {
  padding-bottom: 200px;
}

.padding-bottom-130 {
  padding-bottom: 130px;
}

.about-second-block__title {
  width: 95%;
  display: flex;
  flex-direction: column;
  text-align: center;
  background-clip: text;
  color: transparent;
  background-color: #eceff7;
  margin-bottom: 100px;
}

.about-second-block__title h2 {
  margin: 0;
  background-clip: text;
  background-repeat: no-repeat;
  background-image: linear-gradient(90deg,
      rgba(52, 52, 52, 1) 0,
      rgba(52, 52, 52, 1) 100%);
  background-size: 0;
  font-weight: 600;
  font-size: 50px;
  line-height: 140%;
}

.about-second-block__title.visible h2:nth-child(1) {
  background-size: 100%;
  transition: 0.6s ease 0.2s;
}

.about-second-block__title.visible h2:nth-child(2) {
  background-size: 100%;
  transition: 0.6s ease 0.9s;
}

.about-second-block__title span {
  color: transparent;
}

.about-second-block__title.visible span {
  color: #388af3;
  transition: color 0.3s ease 1s;
}

.about-second-block__links {
  font-weight: 500;
  font-size: 30px;
  line-height: 40px;
  text-align: center;
  max-width: 100% !important;
  width: auto;
  overflow: hidden;
  padding: 0 358px 0;

}

.about-second-block__links .swiper-wrapper {
  align-items: stretch;
}

.about-second-block__links .swiper-slide {
  max-width: 587px;
  width: 100%;
  height: auto;
}

.about-second-block__link {
  padding: 40px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 45px;
  background-color: #f7f8fc;
  border-radius: 20px;
  cursor: url(../img/cursor-pointer.svg) -15 -15, pointer;
}

.about-second-block__link .link-top {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 15px;
  align-items: flex-start;
  justify-content: space-between;
}

.about-second-block__link:hover h4 {
  color: #008fff;
}

.about-second-block__link h4,
.about-second-block__link .h4 {
  text-align: left;
  font-size: 30px;
  line-height: 140%;
  font-weight: 600;
  transition: 0.3s ease;
}

.about-second-block__link p {
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  color: #617082;
  text-align: left;
}

.about-second-block__arroy {
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  border-radius: 50%;
  transition: 0.3s ease;
}

.about-second-block__link .about-second-block__arroy svg path {
  transition: 0.3s ease;
}

.about-second-block__link:hover .about-second-block__arroy svg path {
  stroke: #008fff;
}

.about-second-block__nav {
  margin-top: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
}

.about-second-block__nav-btn {
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f7f8fc;
  border-radius: 50%;
  cursor: url(../img/cursor-pointer.svg) -15 -15, pointer;
}

.about-second-block__nav-btn svg path {
  stroke: #a9bacf;
  transition: 0.3s ease;
}

.about-second-block__nav-btn:hover svg path {
  stroke: #008fff;
}

.about-page-values {
  position: relative;
  z-index: 1;
}

.about-page-values__text {
  max-width: 800px;
  width: 100%;
  margin: 0 auto 100px;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 45px;
}

.stand-paragraph {
  font-weight: 400;
  font-size: 20px;
  line-height: 30px;
}

.stand-paragraph a {
  font-weight: bold;
  border-bottom: 1px solid var(--basic-black);
  transition: .3s linear;
}

.stand-paragraph a:hover {
  border-bottom: 1px solid transparent;
}

.about-page-values__blocks {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
}

.about-page-values__blocks-row {
  display: flex;
  gap: 15px;
}

.about-page-values__block {
  border-radius: 15px;
  background: #f7f8fc;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 215px;
  min-width: 619px;
  will-change: transform, opacity;
  transition: background 0.9s ease 0.3s;
}

/* .unvisible .about-page-values__block--1 {
  transform: translate(calc(-17vw + 50%), calc(-12vh + 50%));
}

.unvisible .about-page-values__block--2 {
  transform: translate(calc(-43vw + 50%), calc(-17vh + 50%));
}

.unvisible .about-page-values__block--3 {
  transform: translate(calc(21vw + 50%), calc(-34vh + 50%));
}

.unvisible .about-page-values__block--4 {
  transform: translate(calc(-30vw + 50%), calc(-30vh + 50%));
}

.unvisible .about-page-values__block--5 {
  transform: translate(calc(-11vw + 50%), calc(-45vh + 50%));
}

.unvisible .about-page-values__block--6 {
  width: 200px;
  transform: translate(calc(-50vw + 83%), calc(-50vh + 50%));
}

.unvisible .about-page-values__block {
  background: none;
} */

.about-page-values__block:nth-child(1) .values-block__content {
  max-width: 500px;
  width: 100%;
}

.about-page-values__block:nth-child(2) .values-block__content {
  max-width: 562px;
  width: 100%;
}

.values-block__content {
  display: grid;
  grid-template-columns: repeat(2, auto);
  gap: 30px;
  align-items: center;
  margin: 50px;
  transition: 1.2s ease;
}

.about-page-values__block--1 .values-block__content {
  margin: 50px 39px 50px 80px;
}

.main-page-value .about-page-values__block--1 .values-block__content {
  margin: 50px 3% 50px 3%;
}

.about-page-values__block--2 .values-block__content {
  margin: 50px 58px 50px 85px;
}

.about-page-values__block--3 .values-block__content {
  margin: 50px 88px 50px 212px;
}

.about-page-values__block--4 .values-block__content {
  margin: 50px 233px 50px 35px;
}

.about-page-values__block--5 .values-block__content {
  margin: 50px 37px 50px 358px;
}

.about-page-values__block--6 .values-block__content {
  margin: 50px 363px 50px 85px;
}

/* .unvisible .about-page-values__block--1 .values-block__content {
  animation: sway 1s ease-in-out 0.5s infinite,
    float 2s ease-in-out 0.5s infinite;
}

.unvisible .about-page-values__block--2 .values-block__content {
  animation: sway 1s ease-in-out 0.2s infinite,
    float 2s ease-in-out 0.8s infinite;
}

.unvisible .about-page-values__block--3 .values-block__content {
  animation: sway 1s ease-in-out 0.7s infinite, float 2s ease-in-out 1s infinite;
}

.unvisible .about-page-values__block--4 .values-block__content {
  animation: sway 1s ease-in-out 0.6s infinite,
    float 2s ease-in-out 1.2s infinite;
}

.unvisible .about-page-values__block--5 .values-block__content {
  animation: sway 1s ease-in-out 1s infinite, float 2s ease-in-out 0.5s infinite;
}

.unvisible .about-page-values__block--6 .values-block__content {
  animation: sway 1s ease-in-out 1.5s infinite,
    float 2s ease-in-out 0.7s infinite;
}

.unvisible .about-page-values__block .values-block__content {
  margin: 0;
  max-width: 800px;
} */

/* @keyframes sway {
  0% {
    transform: translateX(0) rotate(0deg);
  }

  25% {
    transform: translateX(-5px) rotate(-2deg);
  }

  50% {
    transform: translateX(15px) rotate(2deg);
  }

  75% {
    transform: translateX(-10px) rotate(-2deg);
  }

  100% {
    transform: translateX(0) rotate(0deg);
  }
} */

/* @keyframes float {
  0% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-15px);
  }

  100% {
    transform: translateY(0);
  }
} */

.values-block__image {
  width: 100px;
  height: 100px;
  opacity: 1;
  transition: 1.2s ease 0.5s;
}

/* .unvisible .values-block__image {
  opacity: 0;
} */

.values-block__image img {
  width: 100%;
}

.values-block__text {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.values-block__text h4 {
  margin: 0;
  font-weight: 600;
  font-size: 28px;
  line-height: 44px;
  transition: 1.5s ease;
  opacity: 1;
}

/* .unvisible .about-page-values__block .values-block__text h4 {
  opacity: 0;
} */

.about-page-values__block--6 .values-block__text h4 {
  opacity: 1;
  text-align: center;
}

.values-block__text p {
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  opacity: 1;
  transition: opacity 1.2s ease;
}

/* .unvisible .values-block__text p {
  opacity: 0;
} */

.about-page-numbers {
  position: relative;
  display: flex;
  justify-content: center;
}

.about-page-numbers__block {
  display: grid;
  grid-template-columns: repeat(2, 587px);
  gap: 30px;
}

.about-page-numbers__wrap--left {
  display: flex;
  flex-direction: column;
  gap: 50px;
}

.about-page-numbers__wrap h3 {
  margin: 0;
  font-weight: 700;
  font-size: 55px;
  line-height: 70px;
}

.about-page-numbers__wrap h3 span {
  color: #007bff;
}

.about-page-numbers__wrap--right {
  display: grid;
  grid-template-columns: repeat(2, auto);
  grid-column-gap: 30px;
}

.about-page-numbers__card {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.about-page-numbers__card p:first-child {
  margin: 0;
  font-weight: 600;
  font-size: 80px;
  line-height: 80px;
}

.about-page-numbers__card p {
  font-weight: 400;
  font-size: 22px;
  line-height: 34px;
}

/* блок с технологиями */
.about-page-gravity {
  position: relative;
  z-index: 1;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 70px;
  background-color: #ffffff;
}

.about-page__icon {
  position: relative;
  width: 95px;
  height: 95px;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f7f8fc;
  cursor: url(../img/cursor-pointer.svg) -15 -15, pointer;
}

.about-page__icon svg,
.about-page__icon img {
  position: absolute;
  top: 50%;
  right: 50%;
  transform: translate(50%, -50%);
  width: 50%;
  transition: opacity 0.3s ease;
}

.about-page__icon svg:nth-child(1) {
  opacity: 0;
}

.about-page__icon:hover svg:nth-child(1) {
  opacity: 1;
}

.about-page__icon:hover svg:nth-child(2) {
  opacity: 0;
}

.about-tech__scroll-element {
  display: flex;
  flex-direction: column;
  gap: 50px;
  max-height: 110px;
  overflow: hidden;
  font-size: 30px;
  line-height: 140%;
  font-weight: 600;
}

.about-tech__wrapper {
  margin: 0 auto;
  max-width: 970px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 55px;
}

.about-tech {
  display: grid;
  grid-template-columns: 25% 1fr;
  gap: 50px;
}

.about-tech__scroll-element div {
  padding: 28px 0;
}

.about-page__icons-container {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 95px));
  gap: 15px;
}

.about-approach {
  position: relative;
  background-color: #f7f8fc;
}

.about-approach__text {
  max-width: 803px;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 45px;
}

.about-page-20 {
  font-size: 20px;
  line-height: 140%;
  font-weight: 400;
}

.about-page-20 span {
  font-weight: 600;
}

.about-approach {
  overflow: hidden;
}

.about-approach .swiper {
  overflow: initial;
}

.about-approach .swiper-wrapper {
  align-items: stretch;
}

.about-approach__content-wrap {
  margin: 70px auto 0;
}

.about-approach__item {
  padding: 30px 40px;
  width: 720px;
  height: auto;
  border-radius: 20px;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  gap: 45px;
}

.about-approach__item-text {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.about-approach__item-text h3 {
  font-size: 30px;
  line-height: 140%;
  font-weight: 600;
}

.about-approach__item-text p {
  font-size: 20px;
  line-height: 140%;
  font-weight: 400;
  color: #617082;
}

.about-approach__pic {
  display: block;
  aspect-ratio: 507 / 370;
  max-width: 507px;
  margin: 0 auto;
  width: 100%;
}

@media (max-width: 1920px) {
  .about-page-gravity {
    gap: calc(60px + (70 - 60) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .about-tech {
    gap: calc(40px + (50 - 40) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .about-page__icon {
    width: calc(80px + (95 - 80) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(80px + (95 - 80) * ((100vw - 1536px) / (1920 - 1536)));
    border-radius: calc(15px + (20 - 15) * ((100vw - 414px) / (1920 - 414)));
  }

  .about-page__icons-container {
    gap: calc(10px + (15 - 10) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .about-tech__wrapper {
    max-width: calc(802px + (970 - 802) * ((100vw - 1536px) / (1920 - 1536)));
    gap: calc(45px + (55 - 45) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .about-tech__scroll-element {
    font-size: calc(28px + (30 - 28) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .about-approach__text {
    max-width: calc(686px + (803 - 686) * ((100vw - 1536px) / (1920 - 1536)));
    gap: calc(40px + (45 - 40) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .about-page-20 {
    font-size: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .about-approach__content-wrap {
    margin: calc(50px + (70 - 50) * ((100vw - 1536px) / (1920 - 1536))) auto 0;
  }

  .about-approach__item {
    padding: calc(30px + (40 - 30) * ((100vw - 1536px) / (1920 - 1536)));
    gap: calc(30px + (45 - 30) * ((100vw - 1536px) / (1920 - 1536)));
    width: calc(595px + (720 - 595) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .about-approach__item-text {
    gap: calc(15px + (20 - 15) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .about-approach__item-text h3 {
    font-size: calc(28px + (30 - 28) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .about-approach__item-text p {
    font-size: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .about-second-block__link {
    padding: calc(30px + (40 - 30) * ((100vw - 1536px) / (1920 - 1536)));
    gap: calc(35px + (45 - 35) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .about-second-block__link h4,
  .about-second-block__link .h4 {
    font-size: calc(25px + (30 - 25) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .about-second-block__link p {
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(24px + (28 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .about-second-block__arroy {
    width: calc(55px + (60 - 55) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(55px + (60 - 55) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .about-second-block__nav {
    margin-top: calc(60px + (70 - 60) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .about-second-block__nav-btn {
    width: calc(55px + (60 - 55) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(55px + (60 - 55) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .about-second-block__links .swiper-slide {
    max-width: calc(553px + (587 - 553) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .about-tech__scroll-element div {
    padding: calc(20px + (28 - 20) * ((100vw - 1536px) / (1920 - 1536))) 0;
  }
}

@media (max-width: 1536px) {
  .about-tech__scroll-element {
    font-size: calc(24px + (28 - 24) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .about-page-gravity {
    gap: calc(50px + (60 - 50) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .about-page__icon {
    width: calc(70px + (80 - 70) * ((100vw - 1280px) / (1536 - 1280)));
    height: calc(70px + (80 - 70) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .about-page__icons-container {
    gap: 10px;
    grid-template-columns: repeat(6, minmax(0, 80px));
  }

  .about-tech__wrapper {
    max-width: calc(740px + (802 - 740) * ((100vw - 1280px) / (1536 - 1280)));
    gap: 45px;
  }

  .about-approach__text {
    max-width: calc(636px + (686 - 636) * ((100vw - 1280px) / (1536 - 1280)));
    gap: calc(40px + (45 - 40) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .about-page-20 {
    font-size: calc(16px + (18 - 16) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .about-approach__content-wrap {
    margin: calc(40px + (50 - 40) * ((100vw - 1280px) / (1536 - 1280))) auto 0;
  }

  .about-approach__item {
    border-radius: calc(15px + (20 - 15) * ((100vw - 1280px) / (1536 - 1280)));
    padding: calc(20px + (30 - 20) * ((100vw - 1280px) / (1536 - 1280)));
    gap: calc(20px + (30 - 20) * ((100vw - 1280px) / (1536 - 1280)));
    width: calc(550px + (595 - 550) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .about-approach__item-text {
    gap: 15px;
  }

  .about-approach__item-text h3 {
    font-size: calc(24px + (28 - 24) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .about-approach__item-text p {
    font-size: calc(16px + (18 - 16) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .about-second-block__link {
    padding: calc(25px + (30 - 25) * ((100vw - 1280px) / (1536 - 1280)));
    gap: calc(30px + (35 - 30) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .about-second-block__link h4,
  .about-second-block__link .h4 {
    font-size: calc(22px + (25 - 22) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .about-second-block__link p {
    font-size: 16px;
    line-height: 24px;
  }

  .about-second-block__arroy,
  .about-second-block__nav-btn {
    width: 55px;
    height: 55px;
  }

  .about-second-block__nav {
    margin-top: calc(50px + (60 - 50) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .about-second-block__links .swiper-slide {
    max-width: calc(472px + (553 - 472) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .about-tech__scroll-element div {
    padding: calc(17px + (20 - 17) * ((100vw - 1280px) / (1536 - 1280))) 0;
  }
}

@media (max-width: 1280px) {
  .about-tech__scroll-element div {
    padding: 17px 0;
  }

  .about-page-gravity {
    gap: 50px;
  }

  .about-tech {
    gap: calc(30px + (40 - 30) * ((100vw - 922px) / (1280 - 922)));
  }

  .about-page__icons-container {
    grid-template-columns: repeat(6, minmax(0, 70px));
  }

  .about-page__icon {
    width: 70px;
    height: 70px;
  }

  .about-tech__wrapper {
    max-width: calc(670px + (740 - 670) * ((100vw - 922px) / (1280 - 922)));
  }

  .about-tech__scroll-element {
    font-size: 24px;
  }

  .about-approach__text {
    max-width: 636px;
    gap: calc(35px + (40 - 35) * ((100vw - 922px) / (1280 - 922)));
  }

  .about-page-20 {
    font-size: 16px;
  }

  .about-approach__content-wrap {
    margin-top: 40px;
  }

  .about-approach__item {
    padding: 20px;
    border-radius: 15px;
    gap: 20px;
    width: calc(480px + (550 - 480) * ((100vw - 922px) / (1280 - 922)));
  }

  .about-approach__item-text h3 {
    font-size: 24px;
  }

  .about-approach__item-text p {
    font-size: 16px;
  }

  .about-second-block__link {
    padding: 25px;
    gap: 30px;
    border-radius: calc(15px + (20 - 15) * ((100vw - 922px) / (1280 - 922)));
  }

  .about-second-block__link h4,
  .about-second-block__link .h4 {
    font-size: 22px;
  }

  .about-second-block__nav {
    margin-top: 50px;
  }

  .about-second-block__links .swiper-slide {
    max-width: calc(411px + (472 - 411) * ((100vw - 922px) / (1280 - 922)));
  }
}

@media (max-width: 922px) {
  .about-tech__scroll-element div {
    padding: calc(10px + (17 - 10) * ((100vw - 414px) / (922 - 414))) 0;
  }

  .about-page__icon {
    width: calc(60px + (70 - 60) * ((100vw - 414px) / (922 - 414)));
    height: calc(60px + (70 - 60) * ((100vw - 414px) / (922 - 414)));
  }

  .about-page-gravity {
    gap: calc(30px + (50 - 30) * ((100vw - 414px) / (922 - 414)));
  }

  .about-tech {
    gap: 30px;
  }

  .about-tech__wrapper {
    gap: calc(30px + (45 - 30) * ((100vw - 414px) / (922 - 414)));
    max-width: calc(374px + (670 - 374) * ((100vw - 414px) / (922 - 414)));
  }

  .about-tech__scroll-element {
    font-size: calc(20px + (24 - 20) * ((100vw - 414px) / (922 - 414)));
  }

  .about-approach__text {
    gap: calc(20px + (35 - 20) * ((100vw - 414px) / (922 - 414)));
    max-width: calc(374px + (636 - 374) * ((100vw - 414px) / (922 - 414)));
  }

  .about-approach__item {
    border-radius: calc(10px + (15 - 10) * ((100vw - 414px) / (922 - 414)));
    gap: calc(15px + (20 - 15) * ((100vw - 414px) / (922 - 414)));
    width: calc(374px + (480 - 374) * ((100vw - 414px) / (922 - 414)));
  }

  .about-approach__item-text h3 {
    font-size: calc(20px + (24 - 20) * ((100vw - 414px) / (922 - 414)));
  }

  .about-second-block__link {
    border-radius: calc(10px + (15 - 10) * ((100vw - 414px) / (922 - 414)));
    justify-content: flex-start;
    gap: 25px;
  }

  .about-second-block__link h4,
  .about-second-block__link .h4 {
    font-size: calc(20px + (22 - 20) * ((100vw - 414px) / (922 - 414)));
  }

  .about-second-block__arroy,
  .about-second-block__nav-btn {
    width: calc(45px + (55 - 45) * ((100vw - 414px) / (922 - 414)));
    height: calc(45px + (55 - 45) * ((100vw - 414px) / (922 - 414)));
  }

  .about-second-block__links .swiper-slide {
    max-width: 411px;
  }
}

@media (max-width: 768px) {
  .about-page__icon {
    width: 60px;
    height: 60px;
  }

  .about-tech {
    gap: 20px;
    display: flex;
    flex-direction: column;
  }

  .about-page__icons-container {
    grid-template-columns: repeat(5, auto);
  }
}

@media (max-width: 580px) {
  .about-page__icons-container {
    display: flex;
    flex-wrap: wrap;
  }

  .about-second-block__links .swiper-slide {
    max-width: 90vw;
    display: flex;
    flex-direction: column;
    gap: 15px;
  }
}

@media (max-width: 414px) {
  .about-second-block__link h4,
  .about-second-block__link .h4 {
    font-size: 20px;
  }

  .about-tech__wrapper {
    gap: 30px;
    max-width: 100%;
  }

  .about-tech__scroll-element div {
    padding: 10px 0;
  }

  .about-tech__scroll-element {
    gap: 15px;
    max-height: 50px;
  }
}

/* конец блок с технологиями */
.width-765 .about-page-50__title {
  max-width: 765px;
}

.about-page-50__title {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  font-weight: 600;
  font-size: 50px;
  line-height: 60px;
  pointer-events: none;
}

.about-page-50__title span {
  color: var(--brand-blue);
}

.ball-text {
  position: absolute;
  max-width: 70%;
  text-align: center;
  color: white;
  font-size: 18px;
  line-height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.blue-ball-1 {
  background-color: #388af3;
  width: 266px;
}

.blue-ball-2 {
  background-color: #388af3;
  width: 196px;
}

.blue-ball-3 {
  background-color: #388af3;
  width: 271px;
}

.white-ball-1 {
  background-color: #fff;
  width: 205px;
}

.white-ball-2 {
  background-color: #fff;
  width: 293px;
}

.white-ball-3 {
  background-color: #fff;
  width: 175px;
}

.white-ball-4 {
  background-color: #fff;
  width: 176px;
}

.white-ball-5 {
  background-color: #fff;
  width: 281px;
}

.white-ball-6 {
  background-color: #fff;
  width: 130px;
}

.white-ball-7 {
  background-color: #fff;
  width: 140px;
}

.white-ball-8 {
  background-color: #fff;
  width: 192px;
}

.white-ball-9 {
  background-color: #fff;
  width: 315px;
}

.white-ball-10 {
  background-color: #fff;
  width: 140px;
}

.white-ball-11 {
  background-color: #fff;
  width: 186px;
}

.white-ball-12 {
  background-color: #fff;
  width: 148px;
}

.white-ball-13 {
  background-color: #fff;
  width: 205px;
}

.white-ball-14 {
  background-color: #fff;
  width: 239px;
}

.white-ball-15 {
  background-color: #fff;
  width: 200px;
}

.white-ball-16 {
  background-color: #fff;
  width: 281px;
}

.white-ball-17 {
  background-color: #fff;
  width: 189px;
}

.about-page-books {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 100px;
}

.about-page-books__title {
  margin: 0;
  max-width: 895px;
  font-weight: 400;
  font-size: 28px;
  line-height: 44px;
  text-align: center;
}

.about-page-books__title span {
  color: #388af3;
}

.about-page-books__svg {
  max-width: 1188px;
  width: 100%;
}

.about-page-books__svg object {
  width: 100%;
}

.about-page-books__svg img {
  width: 100%;
}

.about-page-faq__container {
  display: grid;
  grid-template-columns: 1fr 720px;
  grid-template-rows: auto minmax(0, 1fr);
  gap: 30px;
}

.about-page-faq__title {
  height: fit-content;
  padding-right: 100px;
  display: flex;
  flex-direction: column;
  gap: 45px;
}

.about-page-faq__title .title-50 {
  margin-left: 0;
  margin-right: 0;
}

.about-page-faq__feedback {
  height: fit-content;
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 2;
  grid-row-end: 3;
}

.about-page-faq-text {
  margin: 20px 0 30px;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 30px;
}

.about-page-faq-text span {
  display: block;
  color: #7C8A9D;
}

.about-page-faq__list {
  display: flex;
  flex-direction: column;
  gap: 15px;
  grid-column: 2;
  grid-row: 1 / span 2;
}

.question-item {
  padding: 30px;
  background: var(--grays-gray_02);
  border-radius: 20px;
}

.question-item__box {
  display: grid;
  grid-template-columns: 1fr 60px;
  align-items: center;
  justify-content: space-between;
  cursor: url(../img/cursor-pointer.svg) -15 -15, pointer;
}

.question-item__box h3 {
  margin: 0;
  font-weight: 600;
  font-size: 24px;
  line-height: 36px;
}

.question-item__btn {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: #f7f8fc;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.3s ease;
}

.question-item__btn svg path {
  transition: 0.3s ease;
}

.active .question-item__btn svg path {
  stroke: #388af3;
  transition: 0.3s ease;
}

.question-item__btn svg {
  transition: 0.3s ease;
}

.active .question-item__btn svg {
  transform: rotate(180deg);
  transition: 0.3s ease;
}

.question-item__content {
  padding-top: 20px;
  display: none;
  max-width: 845px;
  width: 100%;
  font-weight: 400;
  font-size: 20px;
  line-height: 30px;
}

.question-item__content p {
  width: 98%;
}

.about-page-numbers__svg object {
  width: 100%;
}

@media (max-width: 1920px) {
  .main-scene__svg {
    height: calc(211px + (225 - 211) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .main-scene__svg img {
    width: calc(1062px + (1313 - 1062) * ((100vw - 1256px) / (1920 - 1256)));
  }

  .unvisible .about-page-values__block--6 {
    transform: translate(calc(-50vw + calc(83% + (65 - 83) * ((100vw - 922px) / (1920 - 922)))),
        calc(-50vh + 50%));
  }

  .main-scene__content {
    max-width: calc(942px + (1116 - 942) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .main-scene__text h1 {
    font-size: calc(65px + (88 - 65) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(80px + (106 - 80) * ((100vw - 1536px) / (1920 - 1536)));
    margin-bottom: calc(35px + (50 - 35) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .main-scene__text p {
    font-size: calc(22px + (28 - 22) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(34px + (44 - 34) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .padding-top-250 {
    padding-top: calc(200px + (250 - 200) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .padding-bottom-250 {
    padding-bottom: calc(200px + (250 - 200) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .padding-bottom-200 {
    padding-bottom: calc(150px + (200 - 150) * ((100vw - 1536px) / (1920 - 1536)));
  }



  .about-second-block__title {
    margin-bottom: calc(70px + (100 - 70) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .about-second-block__title h2 {
    font-size: calc(40px + (50 - 40) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .about-second-block__links {
    font-size: calc(24px + (30 - 24) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(36px + (40 - 36) * ((100vw - 1536px) / (1920 - 1536)));
    padding: 0 calc(200px + (358 - 200) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .about-page-values__text {
    margin: 0 auto calc(70px + (100 - 70) * ((100vw - 1536px) / (1920 - 1536)));
    gap: calc(40px + (45 - 40) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .about-page-values__block {
    min-width: calc(534px + (619 - 534) * ((100vw - 1536px) / (1920 - 1536)));
    min-height: calc(184px + (215 - 184) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .values-block__content {
    gap: calc(25px + (30 - 25) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .values-block__image {
    width: calc(90px + (100 - 90) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(90px + (100 - 90) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .values-block__text h4 {
    font-size: calc(24px + (28 - 24) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(36px + (44 - 36) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .values-block__text p {
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(24px + (28 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .about-page-values__block:nth-child(1) .values-block__content {
    max-width: calc(407px + (500 - 407) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .main-page-value .about-page-values__block:nth-child(1) .values-block__content {
    max-width: calc(437px + (540 - 437) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .about-page-values__block:nth-child(2) .values-block__content {
    max-width: calc(519px + (562 - 519) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .about-page-values__block--1 .values-block__content {
    margin: calc(45px + (50 - 45) * ((100vw - 1536px) / (1920 - 1536))) calc(77px + (39 - 77) * ((100vw - 1536px) / (1920 - 1536))) calc(45px + (50 - 45) * ((100vw - 1536px) / (1920 - 1536))) calc(50px + (80 - 50) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .main-page-value .about-page-values__block--1 .values-block__content {
    margin: calc(45px + (50 - 45) * ((100vw - 1536px) / (1920 - 1536))) 3% calc(45px + (50 - 45) * ((100vw - 1536px) / (1920 - 1536))) 2%;
  }

  .about-page-values__block--2 .values-block__content {
    margin: calc(45px + (50 - 45) * ((100vw - 1536px) / (1920 - 1536))) calc(34px + (58 - 34) * ((100vw - 1536px) / (1920 - 1536))) calc(45px + (50 - 45) * ((100vw - 1536px) / (1920 - 1536))) calc(118px + (58 - 118) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .about-page-values__block--3 .values-block__content {
    margin: calc(45px + (50 - 45) * ((100vw - 1536px) / (1920 - 1536))) calc(114px + (88 - 114) * ((100vw - 1536px) / (1920 - 1536))) calc(45px + (50 - 45) * ((100vw - 1536px) / (1920 - 1536))) calc(136px + (212 - 136) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .about-page-values__block--4 .values-block__content {
    margin: calc(45px + (50 - 45) * ((100vw - 1536px) / (1920 - 1536))) calc(138px + (233 - 138) * ((100vw - 1536px) / (1920 - 1536))) calc(45px + (50 - 45) * ((100vw - 1536px) / (1920 - 1536))) calc(81px + (35 - 81) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .about-page-values__block--5 .values-block__content {
    margin: calc(45px + (50 - 45) * ((100vw - 1536px) / (1920 - 1536))) calc(77px + (37 - 77) * ((100vw - 1536px) / (1920 - 1536))) calc(45px + (50 - 45) * ((100vw - 1536px) / (1920 - 1536))) calc(200px + (358 - 200) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .about-page-values__block--6 .values-block__content {
    margin: calc(45px + (50 - 45) * ((100vw - 1536px) / (1920 - 1536))) calc(200px + (363 - 200) * ((100vw - 1536px) / (1920 - 1536))) calc(45px + (50 - 45) * ((100vw - 1536px) / (1920 - 1536))) calc(118px + (85 - 118) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .about-page-numbers__block {
    grid-template-columns: repeat(2,
        calc(553px + (587 - 553) * ((100vw - 1536px) / (1920 - 1536))));
  }

  .about-page-numbers__wrap--left {
    gap: calc(35px + (50 - 35) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .about-page-numbers__wrap h3 {
    font-size: calc(45px + (55 - 45) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(55px + (70 - 55) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .about-page-numbers__wrap--right {
    grid-column-gap: calc(25px + (30 - 25) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .about-page-numbers__card {
    gap: calc(15px + (20 - 15) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .about-page-numbers__card p:first-child {
    font-size: calc(65px + (80 - 65) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .about-page-numbers__card p {
    font-size: calc(20px + (22 - 20) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(30px + (34 - 30) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .about-page-50__title {
    font-size: calc(40px + (50 - 40) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(50px + (60 - 50) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .about-page-faq-text {
    margin: calc(15px + (20 - 15) * ((100vw - 1536px) / (1920 - 1536))) 0 calc(25px + (30 - 25) * ((100vw - 1536px) / (1920 - 1536)));
    font-size: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(28px + (30 - 28) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .ball-text {
    font-size: calc(8px + (18 - 8) * ((100vw - 414px) / (1920 - 414)));
    line-height: calc(15px + (28 - 15) * ((100vw - 414px) / (1920 - 414)));
  }

  .blue-ball-1 {
    width: calc(141px + (266 - 141) * ((100vw - 414px) / (1920 - 414)));
  }

  .blue-ball-2 {
    width: calc(103px + (196 - 103) * ((100vw - 414px) / (1920 - 414)));
  }

  .blue-ball-3 {
    width: calc(142px + (271 - 142) * ((100vw - 414px) / (1920 - 414)));
  }

  .white-ball-1 {
    width: calc(84px + (205 - 84) * ((100vw - 414px) / (1920 - 414)));
  }

  .white-ball-2 {
    width: calc(82px + (293 - 82) * ((100vw - 414px) / (1920 - 414)));
  }

  .white-ball-3 {
    width: calc(62px + (175 - 62) * ((100vw - 414px) / (1920 - 414)));
  }

  .white-ball-4 {
    width: calc(73px + (176 - 73) * ((100vw - 414px) / (1920 - 414)));
  }

  .white-ball-5 {
    width: calc(77px + (281 - 77) * ((100vw - 414px) / (1920 - 414)));
  }

  .white-ball-6 {
    width: calc(68px + (130 - 68) * ((100vw - 414px) / (1920 - 414)));
  }

  .white-ball-7 {
    width: calc(58px + (140 - 58) * ((100vw - 414px) / (1920 - 414)));
  }

  .white-ball-8 {
    width: calc(71px + (192 - 71) * ((100vw - 414px) / (1920 - 414)));
  }

  .white-ball-9 {
    width: calc(108px + (315 - 108) * ((100vw - 414px) / (1920 - 414)));
  }

  .white-ball-10 {
    width: calc(58px + (140 - 58) * ((100vw - 414px) / (1920 - 414)));
  }

  .white-ball-11 {
    width: calc(81px + (186 - 81) * ((100vw - 414px) / (1920 - 414)));
  }

  .white-ball-12 {
    width: calc(78px + (148 - 78) * ((100vw - 414px) / (1920 - 414)));
  }

  .white-ball-13 {
    width: calc(57px + (205 - 57) * ((100vw - 414px) / (1920 - 414)));
  }

  .white-ball-14 {
    width: calc(77px + (239 - 77) * ((100vw - 414px) / (1920 - 414)));
  }

  .white-ball-15 {
    width: calc(93px + (200 - 93) * ((100vw - 414px) / (1920 - 414)));
  }

  .white-ball-16 {
    width: calc(69px + (281 - 69) * ((100vw - 414px) / (1920 - 414)));
  }

  .white-ball-17 {
    width: calc(100px + (189 - 100) * ((100vw - 414px) / (1920 - 414)));
  }

  .about-page-books__title {
    font-size: calc(24px + (28 - 24) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(36px + (44 - 36) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .about-page-books__svg {
    max-width: calc(1118px + (1188 - 1118) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .stand-paragraph {
    font-size: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(28px + (30 - 28) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .about-page-faq__title {
    padding-right: calc(70px + (100 - 70) * ((100vw - 1536px) / (1920 - 1536)));
    gap: calc(40px + (45 - 40) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .about-page-faq__list {
    gap: calc(10px + (15 - 10) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .question-item__box h3 {
    font-size: calc(22px + (24 - 22) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(34px + (36 - 34) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .question-item__box {
    grid-template-columns: 1fr calc(55px + (60 - 55) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .question-item {
    padding: calc(25px + (30 - 25) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .question-item__btn {
    width: calc(55px + (60 - 55) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(55px + (60 - 55) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .question-item__content {
    font-size: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(28px + (30 - 28) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .about-page-faq__container {
    gap: calc(25px + (30 - 25) * ((100vw - 1536px) / (1920 - 1536)));
    grid-template-columns: 1fr calc(595px + (720 - 595) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media (max-width: 1536px) {
  .main-scene__svg {
    height: calc(181px + (211 - 181) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .main-scene__content {
    max-width: calc(636px + (942 - 636) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .main-scene__text h1 {
    font-size: calc(50px + (65 - 50) * ((100vw - 1280px) / (1536 - 1280)));
    line-height: calc(60px + (80 - 60) * ((100vw - 1280px) / (1536 - 1280)));
    margin-bottom: calc(20px + (35 - 20) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .main-scene__text p {
    font-size: calc(18px + (22 - 18) * ((100vw - 1280px) / (1536 - 1280)));
    line-height: calc(28px + (34 - 28) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .padding-top-250 {
    padding-top: calc(140px + (200 - 140) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .padding-bottom-250 {
    padding-bottom: calc(140px + (200 - 140) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .padding-bottom-200 {
    padding-bottom: calc(120px + (150 - 120) * ((100vw - 1280px) / (1536 - 1280)));
  }

    .padding-bottom-130 {
      padding-bottom: calc(125px + (130 - 125) * ((100vw - 1280px) / (1536 - 1280)));
    }

  .about-second-block__title {
    margin-bottom: calc(50px + (70 - 50) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .about-second-block__title h2 {
    font-size: calc(32px + (40 - 32) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .about-second-block__links {
    font-size: calc(20px + (24 - 20) * ((100vw - 1280px) / (1536 - 1280)));
    line-height: calc(30px + (36 - 30) * ((100vw - 1280px) / (1536 - 1280)));
    padding: 0 calc(158px + (200 - 158) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .about-page-values__text {
    margin: 0 auto calc(45px + (70 - 45) * ((100vw - 1280px) / (1536 - 1280)));
    gap: calc(35px + (40 - 35) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .about-page-values__blocks {
    gap: calc(10px + (15 - 10) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .about-page-values__blocks-row {
    gap: calc(10px + (15 - 10) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .about-page-values__block {
    min-width: calc(472px + (534 - 472) * ((100vw - 1280px) / (1536 - 1280)));
    min-height: calc(158px + (184 - 158) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .about-page-values__block:nth-child(1) .values-block__content {
    max-width: calc(362px + (407 - 362) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .about-page-faq-text {
    margin: 15px 0 25px;
    font-size: 18px;
    line-height: 28px;
  }

  .main-page-value .about-page-values__block:nth-child(1) .values-block__content {
    max-width: calc(362px + (437 - 362) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .about-page-values__block:nth-child(2) .values-block__content {
    max-width: calc(460px + (519 - 460) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .about-page-values__block--1 .values-block__content {
    margin: calc(35px + (45 - 35) * ((100vw - 1280px) / (1536 - 1280))) calc(68px + (77 - 68) * ((100vw - 1280px) / (1536 - 1280))) calc(35px + (45 - 35) * ((100vw - 1280px) / (1536 - 1280))) calc(42px + (50 - 42) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .about-page-values__block--2 .values-block__content {
    margin: calc(35px + (45 - 35) * ((100vw - 1280px) / (1536 - 1280))) 34px calc(35px + (45 - 35) * ((100vw - 1280px) / (1536 - 1280))) calc(66px + (118 - 66) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .about-page-values__block--3 .values-block__content {
    margin: calc(35px + (45 - 35) * ((100vw - 1280px) / (1536 - 1280))) calc(42px + (114 - 42) * ((100vw - 1280px) / (1536 - 1280))) calc(35px + (45 - 35) * ((100vw - 1280px) / (1536 - 1280))) calc(106px + (136 - 106) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .about-page-values__block--4 .values-block__content {
    margin: calc(35px + (45 - 35) * ((100vw - 1280px) / (1536 - 1280))) calc(105px + (138 - 105) * ((100vw - 1280px) / (1536 - 1280))) calc(35px + (45 - 35) * ((100vw - 1280px) / (1536 - 1280))) calc(76px + (81 - 76) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .about-page-values__block--5 .values-block__content {
    margin: calc(35px + (45 - 35) * ((100vw - 1280px) / (1536 - 1280))) calc(86px + (77 - 86) * ((100vw - 1280px) / (1536 - 1280))) calc(35px + (45 - 35) * ((100vw - 1280px) / (1536 - 1280))) calc(158px + (200 - 158) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .about-page-values__block--6 .values-block__content {
    margin: calc(35px + (45 - 35) * ((100vw - 1280px) / (1536 - 1280))) calc(158px + (200 - 158) * ((100vw - 1280px) / (1536 - 1280))) calc(35px + (45 - 35) * ((100vw - 1280px) / (1536 - 1280))) calc(46px + (118 - 46) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .values-block__image {
    width: calc(70px + (90 - 70) * ((100vw - 1280px) / (1536 - 1280)));
    height: calc(70px + (90 - 70) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .values-block__content {
    gap: calc(18px + (25 - 18) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .values-block__text h4 {
    font-size: calc(20px + (24 - 20) * ((100vw - 1280px) / (1536 - 1280)));
    line-height: calc(30px + (36 - 30) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .values-block__text p {
    font-size: 16px;
    line-height: 24px;
  }

  .about-page-numbers__block {
    grid-template-columns: repeat(2,
        calc(410px + (553 - 410) * ((100vw - 1280px) / (1536 - 1280))));
  }

  .about-page-numbers__wrap--left {
    gap: calc(25px + (35 - 25) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .about-page-numbers__wrap h3 {
    font-size: calc(35px + (45 - 35) * ((100vw - 1280px) / (1536 - 1280)));
    line-height: calc(45px + (55 - 45) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .about-page-numbers__wrap--right {
    grid-column-gap: calc(20px + (25 - 20) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .about-page-numbers__card {
    gap: calc(10px + (15 - 10) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .about-page-numbers__card p:first-child {
    font-size: calc(50px + (65 - 50) * ((100vw - 1280px) / (1536 - 1280)));
    line-height: 60px;
  }

  .about-page-numbers__card p {
    font-size: calc(16px + (20 - 16) * ((100vw - 1280px) / (1536 - 1280)));
    line-height: calc(24px + (30 - 24) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .about-page-gravity__content {
    top: calc(120px + (160 - 120) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .about-page-50__title {
    font-size: calc(30px + (40 - 30) * ((100vw - 1280px) / (1536 - 1280)));
    line-height: calc(40px + (50 - 40) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .about-page-books__title {
    font-size: 24px;
    line-height: 36px;
  }

  .about-page-faq__title {
    padding-right: calc(50px + (70 - 50) * ((100vw - 1280px) / (1536 - 1280)));
    gap: calc(35px + (40 - 35) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .stand-paragraph {
    font-size: 18px;
    line-height: 28px;
  }

  .about-page-faq__list {
    gap: 10px;
  }

  .question-item__box h3 {
    font-size: calc(20px + (22 - 20) * ((100vw - 1280px) / (1536 - 1280)));
    line-height: calc(30px + (34 - 30) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .question-item__content {
    font-size: calc(16px + (18 - 16) * ((100vw - 1280px) / (1536 - 1280)));
    line-height: calc(24px + (28 - 24) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .question-item__box {
    grid-template-columns: 1fr 55px;
  }

  .question-item {
    padding: calc(20px + (25 - 20) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .question-item__btn {
    width: 55px;
    height: 55px;
  }

  .about-page-faq__container {
    gap: 25px;
    grid-template-columns: 1fr calc(540px + (595 - 540) * ((100vw - 1280px) / (1536 - 1280)));
  }

}

@media (max-width: 1280px) {
  .main-scene__svg {
    height: auto;
    width: 95%;
  }

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

  .main-scene__content {
    max-width: calc(670px + (636 - 670) * ((100vw - 922px) / (1280 - 922)));
  }

  .main-scene__text h1 {
    font-size: 50px;
    line-height: 60px;
    margin-bottom: 20px;
  }

  .main-scene__text p {
    font-size: 18px;
    line-height: 28px;
  }

  .padding-top-250 {
    padding-top: 140px;
  }

  .padding-bottom-250 {
    padding-bottom: 140px;
  }

  .padding-bottom-200 {
    padding-bottom: 120px;
  }

  .padding-bottom-130 {
    padding-bottom: (105px + (125 - 105) * ((100vw - 922px) / (1280 - 922)))
  }

  .about-second-block__title {
    margin-bottom: 50px;
  }

  .about-second-block__title h2 {
    font-size: 32px;
  }

  .about-second-block__links {
    font-size: 20px;
    line-height: 30px;
    padding: 0 calc(40px + (158 - 40) * ((100vw - 922px) / (1280 - 922)));
  }

  .about-second-block__link a {
    padding: 15px 20px;
  }

  .about-page-values__text {
    margin: 0 auto calc(50px + (45 - 50) * ((100vw - 922px) / (1280 - 922)));
    gap: 35px;
  }

  .about-page-values__blocks {
    gap: 10px;
  }

  .about-page-values__blocks-row {
    gap: 10px;
  }

  .about-page-values__block {
    min-width: calc(361px + (472 - 361) * ((100vw - 922px) / (1280 - 922)));
    min-height: calc(192px + (158 - 192) * ((100vw - 922px) / (1280 - 922)));
  }

  .about-page-values__block:nth-child(1) .values-block__content {
    max-width: calc(303px + (362 - 303) * ((100vw - 922px) / (1280 - 922)));
  }

  .main-page-value .about-page-values__block:nth-child(1) .values-block__content {
    max-width: calc(303px + (362 - 303) * ((100vw - 922px) / (1280 - 922)));
  }

  .about-page-values__block:nth-child(2) .values-block__content {
    max-width: calc(409px + (460 - 409) * ((100vw - 922px) / (1280 - 922)));
  }

  .about-page-values__block--1 .values-block__content {
    margin: calc(40px + (35 - 40) * ((100vw - 922px) / (1280 - 922))) calc(48px + (86 - 48) * ((100vw - 922px) / (1280 - 922))) calc(40px + (35 - 40) * ((100vw - 922px) / (1280 - 922))) calc(20px + (158 - 20) * ((100vw - 922px) / (1280 - 922)));
  }

  .about-page-values__block--2 .values-block__content {
    margin: calc(40px + (35 - 40) * ((100vw - 922px) / (1280 - 922))) calc(25px + (34 - 25) * ((100vw - 922px) / (1280 - 922))) calc(40px + (35 - 40) * ((100vw - 922px) / (1280 - 922))) calc(30px + (66 - 30) * ((100vw - 922px) / (1280 - 922)));
  }

  .about-page-values__block--3 .values-block__content {
    margin: calc(40px + (35 - 40) * ((100vw - 922px) / (1280 - 922))) calc(31px + (42 - 31) * ((100vw - 922px) / (1280 - 922))) calc(40px + (35 - 40) * ((100vw - 922px) / (1280 - 922))) calc(27px + (106 - 27) * ((100vw - 922px) / (1280 - 922)));
  }

  .about-page-values__block--4 .values-block__content {
    margin: calc(40px + (35 - 40) * ((100vw - 922px) / (1280 - 922))) calc(28px + (105 - 28) * ((100vw - 922px) / (1280 - 922))) calc(40px + (35 - 40) * ((100vw - 922px) / (1280 - 922))) calc(89px + (76 - 89) * ((100vw - 922px) / (1280 - 922)));
  }

  .about-page-values__block--5 .values-block__content {
    margin: calc(40px + (35 - 40) * ((100vw - 922px) / (1280 - 922))) calc(30px + (86 - 30) * ((100vw - 922px) / (1280 - 922))) calc(40px + (35 - 40) * ((100vw - 922px) / (1280 - 922))) calc(42px + (158 - 42) * ((100vw - 922px) / (1280 - 922)));
  }

  .about-page-values__block--6 .values-block__content {
    margin: calc(40px + (35 - 40) * ((100vw - 922px) / (1280 - 922))) calc(40px + (35 - 40) * ((100vw - 922px) / (1280 - 922))) calc(40px + (35 - 40) * ((100vw - 922px) / (1280 - 922))) calc(40px + (46 - 40) * ((100vw - 922px) / (1280 - 922)));
  }

  .values-block__image {
    width: 70px;
    height: 70px;
  }

  .values-block__content {
    gap: calc(15px + (18 - 15) * ((100vw - 922px) / (1280 - 922)));
  }

  .values-block__text h4 {
    font-size: 20px;
    line-height: 30px;
  }

  .about-page-numbers__block {
    grid-template-columns: repeat(2, 410px);
    gap: calc(20px + (30 - 20) * ((100vw - 922px) / (1280 - 922)));
  }

  .about-page-numbers__wrap--left {
    gap: 25px;
  }

  .about-page-numbers__wrap h3 {
    font-size: 35px;
    line-height: 45px;
  }

  .about-page-numbers__wrap--right {
    grid-column-gap: 20px;
  }

  .about-page-numbers__card {
    gap: 10px;
  }

  .about-page-numbers__card p:first-child {
    font-size: 50px;
  }

  .about-page-numbers__card p {
    font-size: 16px;
    line-height: 24px;
  }

  .about-page-50__title {
    font-size: 30px;
    line-height: 40px;
  }

  .about-page-books__title {
    font-size: calc(20px + (24 - 20) * ((100vw - 922px) / (1280 - 922)));
    line-height: calc(30px + (36 - 30) * ((100vw - 922px) / (1280 - 922)));
  }

  .about-page-faq__title {
    padding-right: 50px;
    gap: 35px;
  }

  .question-item__box h3 {
    font-size: 20px;
    line-height: 30px;
  }

  .question-item {
    padding: 20px;
    border-radius: 15px;
  }

  .question-item__content {
    font-size: 16px;
    line-height: 24px;
  }

  .main-scene__svg .bubble {
    width: calc(251px + (453 - 251) * ((100vw - 414px) / (922 - 414)));
    top: calc(-100% + (-50 + 100) * ((100vw - 414px) / (922 - 414)));
    left: calc(45% + (50 - 45) * ((100vw - 414px) / (922 - 414)));
  }
}

@media (max-width: 1024px) {
  .about-second-block__link a {
    border-radius: 15px;
  }

  .about-second-block__link:hover a {
    gap: 0px;
  }

  .about-second-block__link:hover a svg {
    width: 0px;
  }

}

@media (max-width: 922px) {
  .about-second-block__links {
    font-size: calc(18px + (20 - 18) * ((100vw - 414px) / (922 - 414)));
    line-height: calc(28px + (30 - 28) * ((100vw - 414px) / (922 - 414)));
    padding: 0 calc(20px + (40 - 20) * ((100vw - 414px) / (922 - 414)));
  }

  .main-scene__text h1 {
    font-size: calc(35px + (50 - 35) * ((100vw - 414px) / (922 - 414)));
    line-height: calc(45px + (60 - 45) * ((100vw - 414px) / (922 - 414)));
    margin-bottom: calc(25px + (20 - 25) * ((100vw - 414px) / (922 - 414)));
  }

  .main-scene__text p {
    font-size: calc(16px + (18 - 16) * ((100vw - 414px) / (922 - 414)));
    line-height: calc(24px + (28 - 24) * ((100vw - 414px) / (922 - 414)));
  }

  .padding-top-250 {
    padding-top: calc(60px + (140 - 60) * ((100vw - 414px) / (922 - 414)));
  }

  .padding-bottom-250 {
    padding-bottom: calc(60px + (140 - 60) * ((100vw - 414px) / (922 - 414)));
  }

  .padding-bottom-200 {
    padding-bottom: calc(100px + (100 - 100) * ((100vw - 414px) / (922 - 414)));
  }

  .padding-bottom-130 {
    padding-bottom: 105px;
  }

  .about-second-block__title {
    margin-bottom: calc(40px + (50 - 40) * ((100vw - 414px) / (922 - 414)));
  }

  .about-second-block__title h2 {
    display: inline;
    font-size: calc(25px + (32 - 25) * ((100vw - 414px) / (922 - 414)));
  }

  .about-second-block__title h2 br {
    display: none;
  }

  .stand-paragraph {
    font-size: calc(16px + (18 - 16) * ((100vw - 414px) / (922 - 414)));
    line-height: calc(24px + (28 - 24) * ((100vw - 414px) / (922 - 414)));
  }

  .about-page-values__text {
    margin: 0 auto calc(40px + (50 - 40) * ((100vw - 414px) / (922 - 414)));
    gap: calc(30px + (35 - 30) * ((100vw - 414px) / (922 - 414)));
  }

  .about-page-values__blocks {
    gap: calc(5px + (10 - 5) * ((100vw - 414px) / (922 - 414)));
  }

  .about-page-values__blocks-row {
    gap: calc(5px + (10 - 5) * ((100vw - 414px) / (922 - 414)));
  }

  .about-page-values__block {
    min-height: calc(118px + (192 - 118) * ((100vw - 414px) / (922 - 414)));
  }

  .values-block__text h4 {
    font-size: calc(16px + (20 - 16) * ((100vw - 414px) / (922 - 414)));
    line-height: calc(24px + (30 - 24) * ((100vw - 414px) / (922 - 414)));
  }

  .values-block__text p {
    font-size: calc(14px + (16 - 14) * ((100vw - 414px) / (922 - 414)));
    line-height: calc(22px + (24 - 22) * ((100vw - 414px) / (922 - 414)));
  }

  .about-page-numbers__card p:first-child {
    font-size: calc(45px + (50 - 45) * ((100vw - 414px) / (922 - 414)));
    line-height: calc(55px + (60 - 55) * ((100vw - 414px) / (922 - 414)));
  }

  .about-page-gravity__content {
    top: calc(80px + (100 - 80) * ((100vw - 414px) / (922 - 414)));
  }

  .about-page-50__title {
    font-size: calc(25px + (30 - 25) * ((100vw - 414px) / (922 - 414)));
    line-height: calc(35px + (40 - 35) * ((100vw - 414px) / (922 - 414)));
  }

  .about-page-books__title {
    font-size: calc(18px + (20 - 18) * ((100vw - 414px) / (922 - 414)));
    line-height: calc(28px + (30 - 28) * ((100vw - 414px) / (922 - 414)));
  }

  .question-item__box h3 {
    font-size: calc(18px + (20 - 18) * ((100vw - 414px) / (922 - 414)));
    line-height: calc(28px + (30 - 28) * ((100vw - 414px) / (922 - 414)));
  }

  .question-item__box {
    gap: 5px;
    grid-template-columns: 1fr calc(50px + (55 - 50) * ((100vw - 414px) / (922 - 414)));
  }

  .question-item__btn {
    width: calc(50px + (55 - 50) * ((100vw - 414px) / (922 - 414)));
    height: calc(50px + (55 - 50) * ((100vw - 414px) / (922 - 414)));
  }

  .question-item__content {
    max-width: calc(100% - 55px);
  }

  .about-page-faq__container {
    display: flex;
    flex-direction: column;
    gap: 35px;
  }

  .about-page-faq__title {
    padding-right: 0;
    text-align: center;
    gap: calc(20px + (35 - 20) * ((100vw - 414px) / (922 - 414)));
    order: -1;
  }

  .about-page-faq__list {
    order: 0;
  }

  .about-page-faq__feedback {
    order: 1;
  }

  .about-page-faq-text {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }

  .about-page-faq__feedback .preview-cases__feedback-btn {
    justify-content: center;
  }
}

@media (max-width: 580px) {
  .about-second-block__title {
    display: block;
    padding: 0 20px;
  }
}

@media (max-width: 768px) {
  .main-scene__content {
    max-width: 90%;
  }

  .about-page-values__blocks-row {
    flex-direction: column;
  }

  .about-page-values__block {
    min-width: 95%;
  }

  .about-page-values__block:nth-child(1) .values-block__content {
    max-width: 100%;
    grid-template-columns: auto calc(244px + (586 - 244) * ((100vw - 414px) / (768 - 414)));
  }

  .main-page-value .about-page-values__block:nth-child(1) .values-block__content {
    max-width: 100%;
  }

  .about-page-values__block:nth-child(2) .values-block__content {
    max-width: 100%;
    grid-template-columns: auto calc(264px + (614 - 264) * ((100vw - 414px) / (768 - 414)));
  }

  .about-page-values__block--1 .values-block__content {
    margin: 20px;
  }

  .about-page-values__block--2 .values-block__content {
    margin: 20px;
  }

  .about-page-values__block--3 .values-block__content {
    margin: 20px;
  }

  .about-page-values__block--4 .values-block__content {
    margin: 20px;
  }

  .about-page-values__block--5 .values-block__content {
    margin: 20px;
  }

  .about-page-values__block--6 .values-block__content {
    margin: 20px;
  }

  .about-page-numbers__block {
    padding: 0 4vw;
    grid-template-columns: auto;
    gap: 40px;
  }

  .about-page-numbers__wrap--right {
    grid-template-columns: auto;
    gap: 40px;
  }

  .about-page-numbers__card p {
    margin-top: 0;
  }

  .about-page-books__title {
    padding: 0 25px;
  }

  .main-scene__text {
    padding-top: 17vh;
  }

  .main-scene__text.show-banner {
    padding-top: 24vh;
  }
}

@media (max-width: 414px) {
  .about-page-numbers__card p:first-child {
    font-size: calc(35px + (45 - 35) * ((100vw - 370px) / (414 - 370)));
  }

  .question-item__content {
    max-width: calc(100% - 50px);
  }

  .question-item__box h3 {
    font-size: 18px;
    line-height: 28px;
  }

  .about-page-faq__title {
    gap: 20px;
    text-align: left;
  }

  .padding-bottom-200 {
    padding-bottom: 100px;
  }

  .stand-paragraph {
    font-size: 16px;
    line-height: 24px;
  }

  .about-page-faq-text {
    margin-left: 0;
    margin-right: 0;
    text-align: left;
  }

  .about-page-faq__feedback .preview-cases__feedback-btn {
    justify-content: flex-start;
  }
}

.footer {
  background: none;
  padding-bottom: 50px;
}

.footer__animation-container {
  max-width: 1204px;
  display: flex;
  align-items: flex-end;
  gap: 50px;
}

.footer__animation-wrapper {
  max-width: 380px;
  height: 198px;
  width: auto;
}

.footer__title {
  margin: 0;
  text-align: left;
  font-weight: 600;
  font-size: 40px;
  line-height: 50px;
}

.footer__title span {
  color: #388af3;
}

.footer__top {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

.footer__links {
  max-width: 586px;
  width: 100%;
  margin: 0 auto 50px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.footer__link {
  font-weight: 600;
  font-size: 18px;
  line-height: 28px;
  padding: 13.5px 20px 13.5px 30px;

  transition: color 0.3s ease;
}

.footer__presentation:hover .footer__link {
  color: var(--brand-blue);
}

.footer__presentation:hover .footer__presentation-img {
  transform: scale(1.2);
}

.footer__link--menu:hover {
  border-radius: 12px;
  background-color: var(--light-blue);
}

.footer__link svg path {
  stroke: #388af3;
  transition: stroke 0.3s ease;
}

.footer__link:hover svg path {
  stroke: #388af3;
  transition: stroke 0.3s ease;
}

.footer__link.download {
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 600;
  background: #fff;
  border-radius: 60px;
}

.footer__presentation-img {
  transition: .3s linear;
  flex-shrink: 0;
  width: 60px;
  height: 60px;
}

.footer__presentation-img img {
  display: block;
  object-fit: contain;
  max-width: 100%;
  height: auto;
}

.footer__presentation {
  display: flex;
  align-items: center;
  gap: 15px;
}

.footer__adress {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.footer__adress--main {
  margin-top: auto;
  margin-left: auto;
  padding: 6px 0;
}

.footer__bottom {
  padding-top: 10px;
  width: 100%;
  color: #617082;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 2px solid #F0F2F8;
}

.footer__bottom-info {
  display: flex;
  align-items: center;
  gap: 100px;
}

.footer__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  gap: 10px;
}

.footer__list-item a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 55px;
  height: 55px;
  border-radius: 50%;
  transition: background-color 0.3s ease;
}

.footer__list-item a:hover {
  background-color: #edf5ff;
  transition: background-color 0.3s ease;
}

.footer__list-item a svg {
  width: 100%;
}

.footer__list-item a svg path {
  fill: #343434;
  transition: fill 0.3s ease;
}

.footer__list-item a:hover svg path {
  fill: #388af3;
  transition: fill 0.3s ease;
}

.footer__privacy {
  display: block;
  width: fit-content;
  padding: 5px 0;
  cursor: url(../img/cursor-pointer.svg) -15 -15, pointer;
  transition: color 0.3s ease;
}



.footer__about a:hover {
   border-bottom: 1px solid transparent;
}

.footer__date {
  padding: 5px 0;
}

.footer__privacy:hover {
  color: var(--basic-black);
}

.footer__date br:nth-child(2) {
  display: none;
}

.footer__nav {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
}

.footer__column-name {
  padding: 6px 0;
}

.footer__column-name,
.footer__btn--services {
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
  color: #AEB8CB;
}

.footer__btn--services:hover {
  color: #AEB8CB !important;
}

.footer__btn-count {
  display: none;
}

.footer-box__list,
.footer__nav-list {
  margin: 0;
  padding: 25px 0 0;
  list-style: none;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px 20px;
  height: 100%;
}

.footer-box__link .footer__btn {
  color: var(--basic-black);
}

.footer__btn {
  display: block;
  padding: 6px 0;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
  transition: .3s linear;
}

.footer__btn:hover {
  color: var(--brand-blue);
}

.footer__wrapper {
  display: flex;
  flex-direction: column;
  gap: 60px;
}

.footer__location {
  margin-top: auto;
  width: fit-content;
  border-radius: 15px;
  background-color: #fff;
}

.footer__nav-wr {
  margin-top: auto;
  grid-column-start: 1;
  grid-column-end: 3;
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: 10px 20px;
}

.footer__column {
  position: relative;
  display: flex;
  flex-direction: column;
}

.header__btn.footer {
  padding: 13px 20px;
}


@media (max-width: 1920px) {
  .footer__animation-container {
    max-width: calc(1136px + (1204 - 1136) * ((100vw - 1536px) / (1920 - 1536)));
    gap: calc(40px + (50 - 40) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .footer__title {
    font-size: calc(35px + (40 - 35) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(45px + (50 - 45) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .footer__links {
    margin: 0 auto calc(40px + (50 - 40) * ((100vw - 1536px) / (1920 - 1536)));
    max-width: calc(553px + (586 - 553) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .footer__adress {
    font-size: calc(14px + (16 - 14) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(22px + (24 - 22) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .footer__link {
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(24px + (28 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .footer__bottom {
    font-size: calc(14px + (16 - 14) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(22px + (24 - 22) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .footer__animation-wrapper {
    height: calc(172px + (198 - 172) * ((100vw - 1536px) / (1920 - 1536)));
    max-width: calc(300px + (380 - 300) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .footer__bottom-info {
    gap: calc(60px + (100 - 60) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .footer__list {
    gap: calc(5px + (10 - 5) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .footer__btn,
  .footer__column-name {
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(24px + (28 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .footer-box__list,
  .footer__nav-list {
    padding-top: calc(8px + (25 - 8) * ((100vw - 1536px) / (1920 - 1536)));
    gap: 8px 20px;
  }

  .header__btn.footer {
    padding: calc(10px + (13 - 10) * ((100vw - 1536px) / (1920 - 1536))) calc(15px + (20 - 15) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .footer__nav {
    gap: calc(25px + (30 - 25) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .footer__wrapper {
    gap: calc(45px + (60 - 45) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .footer {
    padding-bottom: calc(40px + (50 - 40) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .footer__presentation-img {
    width: calc(50px + (60 - 50) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(50px + (60 - 50) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media (max-width: 1536px) {
  .footer__animation-wrapper {
    height: calc(150px + (172 - 150) * ((100vw - 1280px) / (1536 - 1280)));
    max-width: 300px;
  }

  .footer__animation-container {
    max-width: calc(964px + (1136 - 964) * ((100vw - 1280px) / (1536 - 1280)));
    gap: calc(30px + (40 - 30) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .footer__title {
    font-size: calc(30px + (35 - 30) * ((100vw - 1280px) / (1536 - 1280)));
    line-height: calc(40px + (45 - 40) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .footer__links {
    margin: 0 auto 40px;
    max-width: calc(472px + (553 - 472) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .footer__adress {
    font-size: 14px;
    line-height: 22px;
  }

  .footer__bottom {
    font-size: 14px;
    line-height: 22px;
  }

  .footer__bottom-info {
    gap: 60px;
  }

  .footer__list-item a {
    width: calc(50px + (55 - 50) * ((100vw - 1280px) / (1536 - 1280)));
    height: calc(50px + (55 - 50) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .footer__btn,
  .footer__column-name {
    font-size: 16px;
    line-height: 24px;
  }

  .header__btn.footer {
    padding: 10px 15px;
  }

  .footer-box__list,
  .footer__nav-list {
    padding-top: 8px;
  }

  .footer-box__list,
  .footer__nav-list,
  .footer__nav-wr {
    gap: 8px 20px;
  }

  .footer__wrapper {
    gap: calc(40px + (45 - 40) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .footer {
    padding-bottom: calc(30px + (40 - 30) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .footer__presentation-img {
    width: 50px;
    height: 50px;
  }
}

@media (max-width: 1280px) {
  .footer__btn {
    padding: 4px 0;
  }

  .footer-box__list,
  .footer__nav-list {
    padding-top: 8px;
  }

  .footer__animation-wrapper {
    height: calc(140px + (150 - 140) * ((100vw - 922px) / (1280 - 922)));
  }

  .footer {
    padding-bottom: 30px;
  }

  .footer__animation-container {
    max-width: calc(842px + (964 - 842) * ((100vw - 922px) / (1280 - 922)));
    gap: calc(20px + (30 - 20) * ((100vw - 922px) / (1280 - 922)));
  }

  .footer__title {
    font-size: 30px;
    line-height: 40px;
  }

  .footer__links {
    max-width: calc(498px + (472 - 498) * ((100vw - 922px) / (1280 - 922)));
    margin: 0 auto calc(30px + (40 - 30) * ((100vw - 922px) / (1280 - 922)));
  }

  .footer__link {
    font-size: 16px;
    line-height: 24px;
  }

  .footer__wrapper {
    gap: 40px;
  }

}

@media (max-width: 1024px) {
  .footer__services .header__drop {
    display: block !important;
  }

  .footer__services .drop-arrow {
    display: none;
  }

  .footer__column:first-child {
    grid-column-start: 1;
    grid-column-end: 3;
  }
}

@media (max-width: 922px) {
  .footer__adress--main {
    margin-top: 5px;
    margin-left: 0;
    padding: 8px 0;
  }

  .footer__privacy,
  .footer__date  {
    padding: 0;
  }

  .footer__btn {
    padding: 8px 0;
  }

  .footer__animation-wrapper {
    height: 140px;
  }

  .footer {
    padding-bottom: 10px;
  }

  .footer__bottom {
    flex-direction: column-reverse;
    gap: 15px;
    align-items: flex-start;
  }

  .footer__bottom-info {
    width: 100%;
    justify-content: space-between;
  }

  .footer__nav {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .footer__btn,
  .footer__column-name,
  .footer__services .footer__btn {
    line-height: 28px;
  }

  .footer__location {
    margin-top: 30px;
    border-radius: 12px;
  }

  .footer-box__list,
  .footer__nav-list {
    gap: 5px 20px;
  }

  .footer__list-item a {
    width: 50px;
    height: 50px;
  }
}

@media (max-width: 920px) {
  .footer__animation-container {
    max-width: 100%;
    padding: 0 22px;
  }

  .footer__title {
    font-size: calc(25px + (30 - 25) * ((100vw - 414px) / (922 - 414)));
    line-height: calc(35px + (40 - 35) * ((100vw - 414px) / (922 - 414)));
  }

  .footer__links {
    max-width: 100%;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    margin: 0 auto 30px;
  }

  .footer__bottom-info {
    gap: 16px;
  }

}

@media (max-width: 768px) {

  .footer {
    padding-bottom: 0;
  }

  .footer__bottom-info {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    align-items: flex-start;
  }

  .footer__nav-item .drop-arrow,
  .footer__btn-count {
    display: block;
  }

  .footer__nav-item .drop-arrow {
    transform: rotate(90deg);
  }

  .footer__btn-count {
    position: absolute;
    top: 0;
    right: -9px;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
  }

  .footer-box__list,
  .footer__nav-list {
    padding-top: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
  }

  .footer__services .footer__drop {
    position: absolute;
    top: 105%;
    left: 0;
    padding: 15px;
    opacity: 0;
    background-color: #fff;
    width: 100%;
    max-height: none;
    overflow: auto;
    pointer-events: none;
    border-radius: 12px;
    transition: .3s linear;
    z-index: 4;
  }

  .footer__services .footer__drop.active {
    opacity: 1;
    pointer-events: initial;
  }

  .footer__btn--services,
  .footer__btn-count {
    color: var(--basic-black)
  }

  .footer__services .footer__btn {
    position: relative;
    width: fit-content;
  }

  .footer__services {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .footer__column-name {
    display: none;
  }

  .footer__nav {
    grid-template-columns: 100%;
    gap: 4px;
  }

  .footer__column:first-child {
    grid-column-end: 2;
  }

  .footer__location {
    margin-top: 0;
  }

  .footer__animation-container {
    padding: 0;
    flex-direction: column;
    gap: 20px;
    align-items: flex-start;
  }

  .footer__top {
    flex-direction: column;
    gap: 20px;
    align-items: flex-start;
  }

  .footer__wrapper {
    gap: calc(20px + (40 - 20) * ((100vw - 414px) / (768 - 414)));
  }

  .footer__drop::-webkit-scrollbar {
    width: 5px;
  }

  .footer__drop::-webkit-scrollbar-track {
    background: var(--grays-gray_02);
  }

  .footer__drop::-webkit-scrollbar-thumb {
    background: #CCD6E9;
    border-radius: 5px;
  }
}

@media (max-width: 414px) {

  .footer__title {
    font-size: 25px;
    line-height: 35px;
  }

  .footer__nav-wr {
    margin-top: 30px;
    grid-template-columns: auto 1fr;
    gap: 16px;
  }
}

.main-page {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.main-page__animation {
  position: absolute;
  height: 100vh;
  width: 100%;
  top: 0;
  left: 0;
  background-image: url(/wp-content/themes/toimi/assets/img/bg-main-page.png);
  background-repeat: no-repeat;
  background-size: cover;
}

#canvasOne {
  width: 100%;
  height: 100%;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -25%);
  width: auto;
}

.main-page--new #canvasOne {
  transform: translate(-23%, -32%);
}

.header__container.transparent {
  background-color: transparent;
}

.transparent .header__chat span {
  pointer-events: none;
}

.main-page__hero {
  padding-top: 215px;
  padding-bottom: 273px;
}

.main-page__hero.show-banner {
  padding-top: 279px;
}

.maun-page__hero-content {
  max-width: 1115px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  z-index: 2;
}

.main-page__rating {
  width: fit-content;
  background: #fff;
  padding: 17px;
  border-radius: 67px;
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 30px;
  opacity: 0;
}

.main-page__rating.visible {
  opacity: 1;
  transition: opacity 0.5s ease;
}

.main-page__rating-pages {
  display: flex;
}

.main-page__rating-pages img {
  width: 24px;
  height: 24px;
  border-radius: 50%;
}

.main-page__rating-pages img:not(:first-child) {
  margin-left: -10px;
}

.main-page__rating-text {
  display: flex;
  align-items: center;
  gap: 5px;
  font-weight: 600;
  font-size: 18px;
  line-height: 28px;
}

.main-page__hero-title {
  text-align: center;
  font-weight: 600;
  font-size: 70px;
  line-height: 115%;
  margin-bottom: 50px;
  opacity: 0;
}

.main-page__hero-title.visible {
  opacity: 1;
  transition: opacity 0.6s ease;
}

.main-page__hero-title span {
  background-image: url(/wp-content/themes/toimi/assets/img/blurTitle.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-clip: text;
  color: transparent;
  background-color: #343434;
}

.main-page__hero-title .blur-anim-1 {
  background-position: -180px center;
}

.main-page__hero-title.visible .blur-anim-1 {
  background-position: 220px center;
  transition: 1.5s ease 0.2s;
}

.main-page__hero-title .blur-anim-2 {
  background-position: -520px center;
}

.main-page__hero-title.visible .blur-anim-2 {
  background-position: 520px center;
  transition: 1.8s ease 0.8s;
}

.main-page__hero-descr {
  max-width: 537px;
  font-weight: 400;
  font-size: 22px;
  line-height: 34px;
  text-align: center;
  opacity: 0;
}

.main-page__hero-descr.visible {
  opacity: 1;
  transition: opacity 0.6s ease;
}

.main-page__hero-btn {
  margin-top: 80px;
  opacity: 0;
}

.main-page__hero-btn .grey-btn {
  background: #FFF;
}

.main-page__hero-btn.visible {
  opacity: 1;
  transition: opacity 0.6s ease;
}

.project-wrap.opacity {
  opacity: 0;
  transform: translateY(100px);
}

.project-wrap {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.6s ease, transform 0.7s ease;
  margin-bottom: 100px;
}

.project-icon-grap {
  opacity: 0;
}

.bg-none {
  background: none;
}

.padding-bottom-220 {
  padding-bottom: 220px;
}

.padding-top-220 {
  padding-top: 220px;
}

.padding-top-200 {
  padding-top: 220px;
}

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

.padding-top-150 {
  padding-bottom: 100px;
}

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

.padding-bottom-100 {
  padding-bottom: 100px;
}

.padding-top-50 {
  padding-top: 50px;
}

.padding-bottom-50 {
  padding-bottom: 50px;
}

.margin-bottom-70 {
  margin-bottom: 70px;
}

.margin-top-70 {
  margin-top: 70px;
}

.margin-bottom-45 {
  margin-bottom: 45px;
}

.def-button {
  width: fit-content;
  padding: 16px 30px;
  margin: 0 auto;
  font-weight: 600;
  font-size: 18px;
  line-height: 28px;
  display: flex;
  align-items: center;
  gap: 20px;
  background-color: #f7f8fc;
  border-radius: 60px;
  transition: all 0.3s ease;
}

.def-button:hover {
  color: #008fff;
  transition: all 0.3s ease;
}

.main-page__about-wrapper {
  max-width: 664px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 45px;
  text-align: center;
}

.margin-bottom-100 {
  margin-bottom: 100px;
}

.we-are-in-the-media {
  margin-top: 0;
}

@media (max-width: 1920px) {
  .padding-bottom-220 {
    padding-bottom: calc(180px + (220 - 180) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .padding-top-100 {
    padding-top: calc(60px + (100 - 60) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .padding-bottom-100 {
    padding-bottom: calc(75px + (100 - 75) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .padding-top-150 {
    padding-top: calc(100px + (150 - 100) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .padding-bottom-150 {
    padding-bottom: calc(100px + (150 - 100) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .padding-top-50 {
    padding-top: calc(40px + (50 - 40) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .padding-bottom-50 {
    padding-bottom: calc(40px + (50 - 40) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .padding-top-220 {
    padding-top: calc(180px + (220 - 180) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .padding-top-200 {
    padding-top: calc(150px + (200 - 150) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .margin-bottom-70 {
    margin-bottom: calc(50px + (70 - 50) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .margin-top-70 {
    margin-top: calc(50px + (70 - 50) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .margin-bottom-45 {
    margin-bottom: calc(40px + (45 - 40) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .main-page__hero {
    padding-top: calc(185px + (215 - 185) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .main-page__hero.show-banner {
    padding-top: calc(245px + (279 - 245) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .maun-page__hero-content {
    max-width: calc(942px + (1115 - 942) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .main-page__rating {
    margin-bottom: calc(25px + (30 - 25) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .main-page__hero-title {
    font-size: calc(60px + (70 - 60) * ((100vw - 1536px) / (1920 - 1536)));
    margin-bottom: calc(35px + (50 - 35) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .main-page__hero-descr {
    font-size: calc(20px + (22 - 20) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(30px + (34 - 30) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .def-button {
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(24px + (28 - 24) * ((100vw - 1536px) / (1920 - 1536)));
    padding: calc(15px + (16 - 15) * ((100vw - 1536px) / (1920 - 1536))) calc(25px + (30 - 25) * ((100vw - 1536px) / (1920 - 1536)));
    gap: calc(15px + (20 - 15) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .def-button svg {
    width: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media (max-width: 1536px) {
  .padding-top-220 {
    padding-top: calc(140px + (180 - 140) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .padding-top-200 {
    padding-top: calc(120px + (150 - 120) * ((100vw - 1280px) / (1536 - 1280)));
  }

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

  .padding-bottom-100 {
    padding-bottom: calc(60px + (75 - 60) * ((100vw - 1280px) / (1536 - 1280)));
  }

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

  .padding-bottom-150 {
    padding-bottom: 100px;
  }

  .padding-top-50 {
    padding-top: 40px;
  }

  .padding-bottom-50 {
    padding-bottom: 40px;
  }

  .padding-bottom-220 {
    padding-bottom: calc(140px + (180 - 140) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .margin-bottom-70 {
    margin-bottom: calc(40px + (50 - 40) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .margin-top-70 {
    margin-top: calc(40px + (50 - 40) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .margin-bottom-45 {
    margin-bottom: calc(35px + (40 - 35) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .main-page__hero {
    padding-top: calc(165px + (185 - 165) * ((100vw - 1280px) / (1536 - 1280)));
    padding-bottom: calc(223px + (273 - 223) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .main-page__hero.show-banner {
    padding-top: calc(213px + (245 - 213) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .maun-page__hero-content {
    max-width: calc(800px + (942 - 800) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .main-page__rating {
    margin-bottom: calc(20px + (25 - 20) * ((100vw - 1280px) / (1536 - 1280)));
    padding: calc(11px + (17 - 11) * ((100vw - 1280px) / (1536 - 1280)));
    gap: calc(7px + (10 - 7) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .main-page__rating-pages img {
    width: calc(20px + (24 - 20) * ((100vw - 1280px) / (1536 - 1280)));
    height: calc(20px + (24 - 20) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .main-page__rating-text {
    font-size: calc(14px + (18 - 14) * ((100vw - 1280px) / (1536 - 1280)));
    line-height: calc(22px + (28 - 22) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .main-page__hero-title {
    font-size: calc(50px + (60 - 50) * ((100vw - 1280px) / (1536 - 1280)));
    margin-bottom: calc(30px + (35 - 30) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .main-page__hero-descr {
    font-size: calc(16px + (20 - 16) * ((100vw - 1280px) / (1536 - 1280)));
    line-height: calc(24px + (30 - 24) * ((100vw - 1280px) / (1536 - 1280)));
    max-width: calc(495px + (537 - 495) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .def-button {
    font-size: 16px;
    line-height: 24px;
    padding: 15px 25px;
    gap: 15px;
  }

  .def-button svg {
    width: 20px;
  }
}

@media (max-width: 1280px) {
  .padding-bottom-220 {
    padding-bottom: calc(70px + (140 - 70) * ((100vw - 922px) / (1280 - 922)));
  }

  .padding-top-220 {
    padding-top: calc(70px + (140 - 70) * ((100vw - 922px) / (1280 - 922)));
  }

  .padding-top-200 {
    padding-top: 120px;
  }

  .padding-bottom-100 {
    padding-bottom: 60px;
  }

  .margin-bottom-70 {
    margin-bottom: 40px;
  }

  .margin-top-70 {
    margin-top: 40px;
  }

  .margin-bottom-45 {
    margin-bottom: 35px;
  }

  .main-page__hero {
    padding-top: 165px;
    padding-bottom: calc(301px + (223 - 301) * ((100vw - 922px) / (1280 - 922)));
  }

  .main-page__hero.show-banner {
    padding-top: 213px;
  }

  .maun-page__hero-content {
    max-width: calc(789px + (800 - 789) * ((100vw - 922px) / (1280 - 922)));
  }

  .main-page__rating {
    margin-bottom: 0px;
    padding: 11px;
    gap: 7px;
  }

  .main-page__rating-pages img {
    width: 20px;
    height: 20px;
  }

  .main-page__rating-text {
    font-size: 14px;
    line-height: 22px;
  }

  .main-page__hero-title {
    font-size: 50px;
    line-height: 60px;
    margin-bottom: calc(35px + (30 - 35) * ((100vw - 922px) / (1280 - 922)));
  }

  .main-page__hero-descr {
    font-size: 18px;
    line-height: 28px;
    max-width: 495px;
  }
}

@media (max-width: 922px) {
  .padding-bottom-220 {
    padding-bottom: calc(60px + (70 - 60) * ((100vw - 414px) / (922 - 414)));
  }

  .padding-top-220 {
    padding-top: calc(60px + (70 - 60) * ((100vw - 414px) / (922 - 414)));
  }

  .padding-top-200 {
    padding-top: calc(100px + (120 - 100) * ((100vw - 414px) / (922 - 414)));
  }

  .padding-top-100 {
    padding-top: calc(50px + (60 - 50) * ((100vw - 414px) / (922 - 414)));
  }

  .padding-bottom-100 {
    padding-bottom: calc(50px + (60 - 50) * ((100vw - 414px) / (922 - 414)));
  }

  .padding-top-150 {
    padding-top: calc(70px + (100 - 70) * ((100vw - 414px) / (922 - 414)));
  }

  .padding-bottom-150 {
    padding-bottom: calc(70px + (100 - 70) * ((100vw - 414px) / (922 - 414)));
  }

  .margin-bottom-70 {
    margin-bottom: calc(30px + (40 - 30) * ((100vw - 414px) / (922 - 414)))
  }

  .margin-top-70 {
    margin-top: calc(30px + (40 - 30) * ((100vw - 414px) / (922 - 414)))
  }

  .margin-bottom-45 {
    margin-bottom: calc(20px + (35 - 20) * ((100vw - 414px) / (922 - 414)))
  }

  .main-page__hero {
    padding-top: calc(135px + (165 - 135) * ((100vw - 414px) / (922 - 414)));
    padding-bottom: calc(163px + (301 - 163) * ((100vw - 414px) / (922 - 414)));
  }

  .main-page__hero.show-banner {
    padding-top: calc(209px + (213 - 209) * ((100vw - 414px) / (922 - 414)));
    ;
  }

  .maun-page__hero-content {
    max-width: calc(374px + (789 - 374) * ((100vw - 414px) / (922 - 414)));
  }

  .main-page__hero-title {
    font-size: calc(35px + (50 - 35) * ((100vw - 414px) / (922 - 414)));
    line-height: calc(45px + (60 - 45) * ((100vw - 414px) / (922 - 414)));
    margin-bottom: calc(25px + (35 - 25) * ((100vw - 414px) / (922 - 414)));
  }

  .main-page__hero-descr {
    font-size: calc(16px + (18 - 16) * ((100vw - 414px) / (922 - 414)));
    line-height: calc(24px + (28 - 24) * ((100vw - 414px) / (922 - 414)));
    max-width: calc(374px + (495 - 374) * ((100vw - 414px) / (922 - 414)));
  }

  .def-button {
    font-size: calc(14px + (16 - 14) * ((100vw - 414px) / (922 - 414)));
    line-height: calc(22px + (24 - 22) * ((100vw - 414px) / (922 - 414)));
    gap: calc(5px + (15 - 5) * ((100vw - 414px) / (922 - 414)));
    padding: calc(11px + (15 - 11) * ((100vw - 414px) / (922 - 414))) calc(20px + (25 - 20) * ((100vw - 414px) / (922 - 414)));
  }
}

/* корневая страница блога */

.blog-title {
  margin-top: 80px;
  margin-right: auto;
  margin-left: auto;
  max-width: 723px;
  width: 100%;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.blog-title h1 {
  font-size: 65px;
  line-height: 80px;
  font-weight: 700;
}

.blog-title h1 span {
  color: #388af3;
}

.blog-title p {
  font-size: 26px;
  line-height: 42px;
  font-weight: 400;
}

.blog-title p i,
.blog-title p strong {
  font-family: Caveat-Bold;
  font-style: normal;
  font-weight: 900;
  font-size: 37px;
}

.blog-form {
  margin: 0 auto;
  max-width: 946px;
}

.blog-slider,
.relize-slider {
  overflow: hidden;
}

.blog-slider__wrapper {
  align-items: stretch;
  overflow: initial;
}

.blog-slider__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 40px;
}

.blog-h2-title,
.services__title-wr h2 {
  font-size: 35px;
  line-height: 45px;
  font-weight: 700;
}

.blog-slider__arrows {
  display: flex;
  gap: 15px;
  justify-content: flex-end;
}

.blog-slider__arrow,
.services-slider-list__arrow {
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f7f8fc;
  border-radius: 50%;
  cursor: url(../img/cursor-pointer.svg) -15 -15, pointer;
  transition: background-color 0.3s ease;
}

.blog-slider__arrow:hover {
  background-color: #edf5ff;
}

.blog-slider__arrow:hover svg path {
  stroke: #388af3;
  transition: stroke 0.3s ease;
}

.blog-slider__arrow svg path {
  stroke: #343434;
  transition: stroke 0.3s ease;
}

.blog-slider__arrow.swiper-button-disabled:hover {
  background-color: #f7f8fc;
}

.blog-slider__arrow.swiper-button-disabled svg path {
  stroke: #aeb8cb;
  transition: stroke 0.3s ease;
}

.blog-slider__grid {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto auto;
  gap: 40px 0;
}

.blog-slider__wrap {
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row-start: 2;
  grid-row-end: 3;
}

.blog-slider__slide {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  height: auto;
  max-width: 720px;
  width: 100%;
  padding: 35px 40px;
  background-color: #F6F8FC;
  border-radius: 20px;
}

.top-slider .blog-slider__slide {
  background-color: #faf5ff;
}

.blog-slider--marker .blog-slider__slide {
  background-color: #f8f5ff;
}

.blog-slider__tag {
  padding: 6px 15px;
  margin-bottom: 40px;
  background-color: #fff;
  display: inline-block;
  border-radius: 10px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
}

.blog-slider__tag.empty {
  background-color: transparent;
}

.blog-slider__slide-name {
  margin-bottom: 20px;
  font-size: 30px;
  line-height: 40px;
  font-weight: 600;
  transition: color 0.3s ease;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.blog-slider__slide:hover .blog-slider__slide-name {
  color: #388af3;
  transition: color 0.3s ease;
}

.top-slider .blog-slider__slide:hover .blog-slider__slide-name {
  color: #ae66f8;
}

.blog-slider--marker .blog-slider__slide:hover .blog-slider__slide-name {
  color: #9c6ce8;
  transition: color 0.3s ease;
}

.blog-slider__views {
  display: none !important;
}

.blog-slider__slide-descr {
  margin-bottom: 40px;
  font-size: 18px;
  line-height: 28px;
  font-weight: 500;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.blog-slider__slide-descr span {
  position: relative;
}

.blog-slider__slide-descr span::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0.15;
  width: 100%;
  height: 80%;
  background-color: #388af3;
}

.blog-slider__slide-bottom {
  margin-top: auto;
  display: grid;
  justify-content: space-between;
  grid-template-columns: 1fr auto auto;
  gap: 30px;
}

.blog-slider__date {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  color: #9faabd;
}

.blog-slider__author {
  font-weight: 600;
}

.blog-slider__author img {
  width: 35px;
  height: 35px;
  border-radius: 50%;
}

.blog-slider__info {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
}

.blog-category {
  margin: 0 auto;
  text-align: center;
}

.blog-category__filter ul {
  margin-top: 40px;
  display: flex;
  flex-wrap: wrap;
  row-gap: 15px;
  column-gap: 20px;
  justify-content: center;
  list-style: none;
  padding: 0;
}

.glob-button {
  background-color: #f7f8fc;
  font-size: 18px;
  line-height: 28px;
  font-weight: 500;
  border: none;
  border-radius: 15px;
  cursor: url(../img/cursor-pointer.svg) -15 -15, pointer;
  transition: 0.3s ease;
}

.glob-button a {
  padding: 15px 30px;
  display: block;
}

.glob-button.active {
  background-color: #388af3;
  color: white;
}

.glob-button:hover {
  color: #388af3;
  background-color: #edf5ff;
  transition: 0.3s ease;
}

.blog-list__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 40px;
}

.blog-list__top .def-button {
  margin: 0;
}

.blog-list__wrapper {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
}

.blog-list__item--big {
  grid-column: 1/3;
}

.search .blog-list__item-wrapper {
  text-align: start;
}

.blog-list__item-wrapper {
  display: block;
  padding: 36px 40px;
  background-color: #f7f8fc;
  border-radius: 20px;
  height: 100%;
}

.new-item .blog-list__item-wrapper {
  position: relative;
}

.new-item .blog-list__item-wrapper::before {
  content: "";
  display: block;
  width: 120px;
  height: 67px;
  background-image: url(/wp-content/themes/toimi/assets/img/new-article.svg);
  background-size: cover;
  position: absolute;
  right: 40px;
}

.blog-list__item-tag {
  padding: 6px 15px;
  margin-bottom: 40px;
  background-color: #fff;
  display: inline-block;
  border-radius: 10px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
}

.blog-list__item--big .blog-list__item-tag {
  margin-bottom: 30px;
}

.blog-list__item-name {
  margin-bottom: 20px;
  font-size: 30px;
  line-height: 40px;
  font-weight: 600;
  transition: color 0.3s ease;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.blog-list__item:hover .blog-list__item-name {
  color: #388af3;
  transition: color 0.3s ease;
}

.blog-list__item--big .blog-list__item-name {
  font-size: 50px;
  line-height: 60px;
}

.blog-list__item-descr {
  font-size: 18px;
  line-height: 28px;
  font-weight: 500;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.blog-list__item--big .blog-list__item-descr {
  font-size: 22px;
  line-height: 34px;
  -webkit-line-clamp: 2;
}

.blog-list__item-descr span {
  position: relative;
}

.blog-list__item-descr span::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0.15;
  width: 100%;
  height: 80%;
  background-color: #388af3;
}

.blog-list__item-bottom {
  margin-top: 20px;
  display: grid;
  grid-template-columns: 1fr auto;
}

.blog-list__item--big .blog-list__item-bottom {
  margin-top: 50px;
}

.blog-list__item-date {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  color: #9faabd;
}

.blog-list__item-time {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 16px;
  line-height: 24px;
}

.subscribe-form {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 25px;
  transition: opacity 0.3s ease;
}

.success .subscribe-form {
  opacity: 0;
  pointer-events: none;
}

.subscribe-form__title {
  font-size: 30px;
  line-height: 40px;
  font-weight: 700;
}

.subscribe-form__text {
  font-size: 20px;
  line-height: 30px;
}

.subscribe-form__inputs {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr auto;
  border-radius: 15px;
  overflow: hidden;
}

.subscribe-form__inputs input {
  border: none;
  padding: 16px 55px 16px 25px;
}

.subscribe-form__inputs .error input {
  color: tomato;
}

.subscribe-form__inputs .error input::placeholder {
  color: tomato;
}

.subscribe-form__inputs input::placeholder,
.subscribe-form__inputs input::-webkit-input-placeholder,
.subscribe-form__inputs input::-moz-placeholder {
  font-size: 18px;
  line-height: 28px;
  font-weight: 400;
  color: #aeb8cb;
}

.subscribe-form__inputs input {
  font-size: 18px;
  line-height: 28px;
  font-weight: 400;
}

.subscribe-form__inputs input[type="submit"] {
  background-color: #9c6ce8;
  color: #fff;
  cursor: url(../img/cursor-pointer.svg) -15 -15, pointer;
}

.subscribe-form__info {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #818a99;
}

.subscribe-form__info a {
  color: #388af3;
  text-decoration: underline;
  text-underline-offset: 4px;
}

.subscribe-wrapper {
  position: relative;
  padding: 40px 60px;
  background-color: #f7f8fc;
  border-radius: 20px;
}

.subscribe-wrapper .checkbox-container {
  margin-top: 0;
}

.subscribe-wrapper .checkbox-container a {
  color: #388AF3;
  text-decoration: underline;
  text-underline-offset: 4px;
}

.subscribe-success {
  position: absolute;
  top: 40px;
  left: 60px;
  right: 60px;
  display: flex;
  flex-direction: column;
  gap: 25px;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.success .subscribe-success {
  opacity: 1;
}

.margin-bottom-130 {
  margin-bottom: 130px;
}

.margin-top-130 {
  margin-top: 130px;
}

.margin-bottom-40 {
  margin-bottom: 40px;
}

.df-jc-sb {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.select-block:hover .select-block__drop-box {
  opacity: 1;
  pointer-events: all;
  transform: translateY(0);
}

.select-block svg {
  transform: rotate(180deg);
  transition: 0.3s ease;
}

.select-block:hover svg {
  transform: rotate(0deg);
}

.select-block__date {
  position: relative;
}

.select-block__name {
  display: flex;
  align-items: center;
  padding: 16px 25px;
  gap: 10px;
  font-size: 18px;
  line-height: 140%;
  font-weight: 500;
  background-color: #f6f8fc;
  border-radius: 40px;
  position: relative;
  z-index: 2;
}

#sort-form {
  display: none;
}

.select-block__drop-box {
  position: absolute;
  padding: 10px;
  border-radius: 15px;
  box-shadow: 2px 5px 30px 0px #dfeaf57d;
  background-color: #fff;
  width: max-content;
  pointer-events: none;
  opacity: 0;
  transform: translateY(-50px);
  transition: 0.3s ease;
  z-index: 5;
}

.select-block__list {
  margin: 0;
  list-style: none;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.select-block__list li {
  padding: 15px;
  font-size: 18px;
  line-height: 140%;
  font-weight: 600;
  border-radius: 15px;
  cursor: url(../img/cursor-pointer.svg) -15 -15, pointer;
  transition: background-color 0.3s ease;
}

.select-block__list li:hover,
.select-block__list li.active {
  background-color: #f7f8fc;
}

@media (max-width: 1920px) {
  .margin-bottom-130 {
    margin-bottom: calc(110px + (130 - 110) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .margin-bottom-40 {
    margin-bottom: calc(30px + (40 - 30) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .margin-top-130 {
    margin-top: calc(110px + (130 - 110) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .blog-title {
    margin-top: calc(60px + (80 - 60) * ((100vw - 1536px) / (1920 - 1536)));
    max-width: calc(638px + (723 - 638) * ((100vw - 1536px) / (1920 - 1536)));
    gap: calc(25px + (40 - 25) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .blog-title h1 {
    font-size: calc(55px + (65 - 55) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(70px + (80 - 70) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .blog-title p {
    font-size: calc(24px + (26 - 24) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(36px + (42 - 36) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .blog-title p i {
    font-size: calc(27px + (37 - 27) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .blog-slider__top {
    margin-bottom: calc(30px + (40 - 30) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .blog-h2-title,
  .services__title-wr h2 {
    font-size: calc(30px + (35 - 30) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(40px + (45 - 40) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .blog-slider__arrow,
  .services-slider-list__arrow {
    width: calc(55px + (60 - 55) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(55px + (60 - 55) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .blog-slider__slide {
    padding: calc(25px + (35 - 25) * ((100vw - 1536px) / (1920 - 1536))) calc(30px + (40 - 30) * ((100vw - 1536px) / (1920 - 1536)));
    max-width: calc(595px + (720 - 595) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .blog-slider__tag {
    margin-bottom: calc(30px + (40 - 30) * ((100vw - 1536px) / (1920 - 1536)));
    font-size: calc(14px + (16 - 14) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(22px + (24 - 22) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .blog-slider__slide-name {
    margin-bottom: calc(15px + (20 - 15) * ((100vw - 1536px) / (1920 - 1536)));
    font-size: calc(28px + (30 - 28) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .blog-slider__slide-descr {
    margin-bottom: calc(25px + (40 - 25) * ((100vw - 1536px) / (1920 - 1536)));
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(24px + (28 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .blog-slider__slide-bottom {
    gap: calc(25px + (30 - 25) * ((100vw - 1536px) / (1920 - 1536)));
    grid-template-columns: 1fr auto auto;
  }

  .blog-slider__date {
    font-size: calc(14px + (16 - 14) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(22px + (24 - 22) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .blog-slider__info {
    font-size: calc(14px + (16 - 14) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(22px + (24 - 22) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .blog-category__filter ul {
    margin-top: calc(30px + (40 - 30) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .blog-list__top {
    margin-bottom: calc(30px + (40 - 30) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .blog-list__item-wrapper {
    padding: calc(25px + (36 - 25) * ((100vw - 1536px) / (1920 - 1536))) calc(30px + (40 - 30) * ((100vw - 1536px) / (1920 - 1536)));
    border-radius: calc(15px + (20 - 15) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .blog-list__item--big .blog-list__item-tag {
    margin-bottom: calc(25px + (30 - 25) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .blog-list__item--big .blog-list__item-name {
    font-size: calc(35px + (50 - 35) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(45px + (60 - 45) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .blog-list__item-name {
    margin-bottom: calc(15px + (20 - 15) * ((100vw - 1536px) / (1920 - 1536)));
    font-size: calc(28px + (30 - 28) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .blog-list__item--big .blog-list__item-descr {
    font-size: calc(18px + (22 - 18) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .blog-list__item-descr {
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(24px + (28 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .blog-list__item-bottom {
    grid-template-columns: 1fr auto;
  }

  .blog-list__item-date {
    font-size: calc(14px + (16 - 14) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(22px + (24 - 22) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .blog-list__item-time {
    font-size: calc(14px + (16 - 14) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(22px + (24 - 22) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .blog-list__item--big .blog-list__item-bottom {
    margin-top: calc(35px + (50 - 35) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .blog-slider__grid {
    gap: calc(30px + (40 - 30) * ((100vw - 1536px) / (1920 - 1536))) 0;
  }

  .blog-form {
    max-width: calc(816px + (946 - 816) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .subscribe-form {
    gap: calc(20px + (25 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .subscribe-wrapper {
    padding: calc(35px + (40 - 35) * ((100vw - 1536px) / (1920 - 1536))) calc(50px + (60 - 50) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .subscribe-success {
    top: calc(35px + (40 - 35) * ((100vw - 1536px) / (1920 - 1536)));
    left: calc(50px + (60 - 50) * ((100vw - 1536px) / (1920 - 1536)));
    right: calc(50px + (60 - 50) * ((100vw - 1536px) / (1920 - 1536)));
    gap: calc(20px + (25 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .subscribe-form__title {
    font-size: calc(28px + (30 - 28) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .subscribe-form__text {
    font-size: calc(16px + (20 - 16) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(24px + (30 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .subscribe-form__inputs input {
    padding: calc(15px + (16 - 15) * ((100vw - 1536px) / (1920 - 1536))) calc(35px + (55 - 35) * ((100vw - 1536px) / (1920 - 1536))) calc(15px + (16 - 15) * ((100vw - 1536px) / (1920 - 1536))) calc(15px + (20 - 15) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .subscribe-form__inputs input {
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(24px + (28 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .subscribe-form__inputs input::placeholder,
  .subscribe-form__inputs input::-webkit-input-placeholder,
  .subscribe-form__inputs input::-moz-placeholder {
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(24px + (28 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .subscribe-form__info {
    font-size: calc(14px + (16 - 14) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(22px + (24 - 22) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media (max-width: 1536px) {
  .margin-bottom-130 {
    margin-bottom: calc(90px + (110 - 90) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .margin-bottom-40 {
    margin-bottom: calc(25px + (30 - 25) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .margin-top-130 {
    margin-top: calc(90px + (110 - 90) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .blog-form {
    max-width: 816px;
  }

  .blog-slider__grid {
    gap: calc(25px + (30 - 25) * ((100vw - 1280px) / (1536 - 1280))) 0;
  }

  .blog-title {
    margin-top: calc(40px + (60 - 40) * ((100vw - 1280px) / (1536 - 1280)));
    max-width: calc(586px + (638 - 586) * ((100vw - 1280px) / (1536 - 1280)));
    gap: calc(20px + (25 - 20) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .blog-title h1 {
    font-size: calc(45px + (55 - 45) * ((100vw - 1280px) / (1536 - 1280)));
    line-height: calc(55px + (70 - 55) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .blog-title p {
    font-size: calc(22px + (24 - 22) * ((100vw - 1280px) / (1536 - 1280)));
    line-height: calc(34px + (36 - 34) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .blog-title p i {
    font-size: calc(25px + (27 - 25) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .blog-slider__top {
    margin-bottom: 30px;
  }

  .blog-h2-title,
  .services__title-wr h2 {
    font-size: calc(28px + (30 - 28) * ((100vw - 1280px) / (1536 - 1280)));
    line-height: 44px;
  }

  .blog-slider__arrow,
  .services-slider-list__arrow {
    width: 55px;
    height: 55px;
  }

  .blog-slider__slide {
    padding: calc(20px + (25 - 20) * ((100vw - 1280px) / (1536 - 1280))) calc(25px + (30 - 25) * ((100vw - 1280px) / (1536 - 1280)));
    max-width: calc(550px + (595 - 550) * ((100vw - 1280px) / (1536 - 1280)));
    border-radius: calc(15px + (20 - 15) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .blog-slider__tag {
    margin-bottom: calc(20px + (30 - 20) * ((100vw - 1280px) / (1536 - 1280)));
    font-size: calc(12px + (14 - 12) * ((100vw - 1280px) / (1536 - 1280)));
    line-height: calc(18px + (22 - 18) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .blog-slider__slide-name {
    font-size: calc(24px + (28 - 24) * ((100vw - 1280px) / (1536 - 1280)));
    line-height: calc(36px + (40 - 36) * ((100vw - 1280px) / (1536 - 1280)));
    margin-bottom: 15px;
  }

  .blog-slider__slide-descr {
    margin-bottom: 25px;
    font-size: 16px;
    line-height: 24px;
  }

  .blog-slider__slide-bottom {
    gap: calc(20px + (25 - 20) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .blog-slider__date {
    font-size: calc(12px + (14 - 12) * ((100vw - 1280px) / (1536 - 1280)));
    line-height: calc(18px + (22 - 18) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .blog-slider__info {
    gap: calc(5px + (15 - 5) * ((100vw - 1280px) / (1536 - 1280)));
    font-size: calc(12px + (14 - 12) * ((100vw - 1280px) / (1536 - 1280)));
    line-height: calc(18px + (22 - 18) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .blog-category__filter ul {
    margin-top: calc(25px + (30 - 25) * ((100vw - 1280px) / (1536 - 1280)));
    column-gap: calc(15px + (20 - 15) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .glob-button {
    font-size: calc(16px + (18 - 16) * ((100vw - 1280px) / (1536 - 1280)));
    line-height: calc(24px + (28 - 24) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .blog-list__item-wrapper {
    padding: calc(20px + (25 - 20) * ((100vw - 1280px) / (1536 - 1280))) calc(25px + (30 - 25) * ((100vw - 1280px) / (1536 - 1280)));
    border-radius: calc(15px + (20 - 15) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .blog-list__item--big .blog-list__item-tag {
    margin-bottom: calc(20px + (25 - 20) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .blog-list__item-tag {
    margin-bottom: calc(20px + (40 - 20) * ((100vw - 1280px) / (1920 - 1280)));
    font-size: calc(12px + (16 - 12) * ((100vw - 1280px) / (1920 - 1280)));
  }

  .blog-list__item--big .blog-list__item-name {
    font-size: calc(30px + (35 - 30) * ((100vw - 1280px) / (1536 - 1280)));
    line-height: calc(40px + (45 - 40) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .blog-list__item-name {
    font-size: calc(24px + (28 - 24) * ((100vw - 1280px) / (1536 - 1280)));
    line-height: calc(36px + (40 - 36) * ((100vw - 1280px) / (1536 - 1280)));
    margin-bottom: 15px;
  }

  .blog-list__item--big .blog-list__item-descr {
    font-size: 18px;
    line-height: 28px;
  }

  .blog-list__item-descr {
    font-size: 16px;
    line-height: 24px;
  }

  .blog-list__item-date {
    font-size: calc(12px + (14 - 12) * ((100vw - 1280px) / (1536 - 1280)));
    line-height: calc(18px + (22 - 18) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .blog-list__item-time {
    font-size: calc(12px + (14 - 12) * ((100vw - 1280px) / (1536 - 1280)));
    line-height: calc(18px + (22 - 18) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .subscribe-form {
    gap: 20px;
  }

  .subscribe-wrapper {
    padding: calc(30px + (35 - 30) * ((100vw - 1280px) / (1536 - 1280))) calc(40px + (50 - 40) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .subscribe-success {
    top: calc(30px + (35 - 30) * ((100vw - 1280px) / (1536 - 1280)));
    left: calc(40px + (50 - 40) * ((100vw - 1280px) / (1536 - 1280)));
    right: calc(40px + (50 - 40) * ((100vw - 1280px) / (1536 - 1280)));
    gap: calc(16px + (20 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .subscribe-form__title {
    font-size: calc(22px + (28 - 22) * ((100vw - 1280px) / (1536 - 1280)));
    line-height: calc(34px + (40 - 34) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .subscribe-form__text {
    font-size: 16px;
    line-height: 24px;
  }

  .subscribe-form__inputs input {
    font-size: 16px;
    line-height: 24px;
    padding: 15px 36px 15px 20px;
  }

  .subscribe-form__inputs input::placeholder,
  .subscribe-form__inputs input::-webkit-input-placeholder,
  .subscribe-form__inputs input::-moz-placeholder {
    font-size: 16px;
    line-height: 24px;
  }

  .subscribe-form__info {
    font-size: 14px;
    line-height: 22px;
  }
}

@media (max-width: 1280px) {
  .margin-bottom-130 {
    margin-bottom: 90px;
  }

  .margin-bottom-40 {
    margin-bottom: 25px;
  }

  .margin-top-130 {
    margin-top: 90px;
  }

  .blog-slider__grid {
    gap: 25px 0;
  }

  .blog-title {
    margin-top: 40px;
    gap: 25px;
  }

  .blog-title h1 {
    font-size: 45px;
    line-height: 55px;
  }

  .blog-title p {
    font-size: 22px;
    line-height: 34px;
  }

  .blog-title p i {
    font-size: 25px;
  }

  .blog-slider__top {
    margin-bottom: calc(25px + (30 - 25) * ((100vw - 922px) / (1280 - 922)));
  }

  .blog-h2-title,
  .services__title-wr h2 {
    font-size: 28px;
    line-height: 44px;
  }

  .blog-slider__slide {
    padding: 20px 25px;
    max-width: calc(411px + (550 - 411) * ((100vw - 922px) / (1280 - 922)));
    border-radius: 15px;
  }

  .blog-slider__tag {
    margin-bottom: 20px;
    font-size: 12px;
    line-height: 18px;
  }

  .blog-slider__slide-name {
    font-size: 24px;
    line-height: 36px;
    margin-bottom: 15px;
  }

  .blog-slider__slide-bottom {
    gap: 20px;
  }

  .blog-slider__date {
    font-size: 12px;
    line-height: 18px;
  }

  .blog-slider__info {
    gap: 5px;
    font-size: 12px;
    line-height: 18px;
  }

  .blog-category__filter ul {
    margin-top: 25px;
    column-gap: 15px;
  }

  .glob-button {
    font-size: 16px;
    line-height: 24px;
  }

  .blog-list__wrapper {
    gap: calc(20px + (30 - 20) * ((100vw - 922px) / (1280 - 922)));
  }

  .blog-list__item-wrapper {
    padding: 20px 25px;
    border-radius: 15px;
  }

  .blog-list__item--big .blog-list__item-tag {
    margin-bottom: 20px;
  }

  .blog-list__item-tag {
    margin-bottom: 20px;
  }

  .blog-list__item--big .blog-list__item-name {
    font-size: 30px;
    line-height: 40px;
  }

  .blog-list__item-name {
    font-size: 24px;
    line-height: 36px;
  }

  .blog-list__item--big .blog-list__item-bottom {
    margin-top: calc(30px + (35 - 30) * ((100vw - 922px) / (1280 - 922)));
  }

  .blog-list__item-date {
    font-size: 12px;
    line-height: 18px;
  }

  .blog-list__item-time {
    font-size: 12px;
    line-height: 18px;
  }

  .subscribe-wrapper {
    padding: 30px 40px;
  }

  .subscribe-success {
    top: 30px;
    left: 40px;
    right: 40px;
    gap: 16px;
  }

  .subscribe-form__title {
    font-size: 22px;
    line-height: 34px;
  }
}

@media (max-width: 922px) {
  .margin-top-130 {
    margin-top: calc(50px + (90 - 50) * ((100vw - 414px) / (922 - 414)));
  }

  .margin-bottom-130 {
    margin-bottom: calc(50px + (90 - 50) * ((100vw - 414px) / (922 - 414)));
  }

  .margin-bottom-40 {
    margin-bottom: calc(15px + (25 - 15) * ((100vw - 414px) / (922 - 414)));
  }

  .blog-form {
    max-width: 100%;
  }

  .blog-slider__grid {
    gap: calc(20px + (25 - 20) * ((100vw - 414px) / (922 - 414))) 0;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto;
  }

  .blog-slider__arrows {
    justify-content: center;
    grid-row-start: 3;
    grid-row-end: 4;
  }

  .blog-h2-title {
    grid-row-start: 1;
    grid-row-end: 2;
    grid-column-start: 1;
    grid-column-end: 3;
    text-align: center;
  }

  .blog-slider__slide {
    max-width: calc(382px + (411 - 382) * ((100vw - 414px) / (922 - 414)));
  }

  .blog-title {
    margin-top: calc(30px + (40 - 30) * ((100vw - 414px) / (922 - 414)));
    gap: calc(20px + (25 - 20) * ((100vw - 414px) / (922 - 414)));
  }

  .blog-title h1 {
    font-size: calc(30px + (45 - 30) * ((100vw - 414px) / (922 - 414)));
    line-height: calc(40px + (55 - 40) * ((100vw - 414px) / (922 - 414)));
  }

  .blog-title p {
    font-size: calc(18px + (22 - 18) * ((100vw - 414px) / (922 - 414)));
    line-height: calc(28px + (34 - 28) * ((100vw - 414px) / (922 - 414)));
  }

  .blog-title p i {
    font-size: calc(22px + (25 - 22) * ((100vw - 414px) / (922 - 414)));
  }

  .blog-h2-title,
  .services__title-wr h2 {
    font-size: calc(22px + (28 - 22) * ((100vw - 414px) / (922 - 414)));
    line-height: calc(34px + (44 - 34) * ((100vw - 414px) / (922 - 414)));
  }

  .blog-slider__arrow,
  .services-slider-list__arrow {
    width: calc(45px + (55 - 45) * ((100vw - 414px) / (922 - 414)));
    height: calc(45px + (55 - 45) * ((100vw - 414px) / (922 - 414)));
  }

  .blog-slider__arrow svg,
  .services-slider-list__arrow svg {
    width: 25%;
    height: 25%;
  }

  .blog-slider__top {
    margin-bottom: calc(20px + (25 - 20) * ((100vw - 414px) / (922 - 414)));
  }

  .blog-slider__slide-name {
    font-size: calc(20px + (24 - 20) * ((100vw - 414px) / (922 - 414)));
    line-height: calc(30px + (36 - 30) * ((100vw - 414px) / (922 - 414)));
  }

  .blog-category__filter ul {
    margin-top: calc(15px + (25 - 15) * ((100vw - 414px) / (922 - 414)));
    column-gap: calc(10px + (15 - 10) * ((100vw - 414px) / (922 - 414)));
    row-gap: calc(10px + (15 - 10) * ((100vw - 414px) / (922 - 414)));
  }

  .blog-list__top {
    margin-bottom: 15px;
  }

  .blog-list__wrapper {
    gap: 20px;
  }

  .blog-list__item-tag {
    font-size: 12px;
  }

  .blog-list__item--big .blog-list__item-name {
    font-size: calc(26px + (30 - 26) * ((100vw - 414px) / (922 - 414)));
    line-height: calc(38px + (40 - 38) * ((100vw - 414px) / (922 - 414)));
  }

  .subscribe-wrapper {
    padding: 30px calc(23px + (40 - 23) * ((100vw - 414px) / (922 - 414)));
  }

  .subscribe-success {
    top: 30px;
    left: calc(25px + (40 - 25) * ((100vw - 414px) / (922 - 414)));
  }

  .subscribe-form__title {
    font-size: calc(20px + (22 - 20) * ((100vw - 414px) / (922 - 414)));
    line-height: calc(30px + (34 - 30) * ((100vw - 414px) / (922 - 414)));
  }

  .subscribe-form__inputs input {
    padding: calc(11px + (15 - 11) * ((100vw - 414px) / (922 - 414))) calc(20px + (36 - 20) * ((100vw - 414px) / (922 - 414))) calc(11px + (15 - 11) * ((100vw - 414px) / (922 - 414))) 20px;
    font-size: calc(14px + (16 - 14) * ((100vw - 414px) / (922 - 414)));
    line-height: calc(22px + (24 - 22) * ((100vw - 414px) / (922 - 414)));
  }

  .subscribe-form__inputs input::placeholder,
  .subscribe-form__inputs input::-webkit-input-placeholder,
  .subscribe-form__inputs input::-moz-placeholder {
    font-size: calc(14px + (16 - 14) * ((100vw - 414px) / (922 - 414)));
    line-height: calc(22px + (24 - 22) * ((100vw - 414px) / (922 - 414)));
  }

  .subscribe-form__info {
    font-size: calc(12px + (14 - 12) * ((100vw - 414px) / (922 - 414)));
    line-height: calc(18px + (22 - 18) * ((100vw - 414px) / (922 - 414)));
  }

  .df-jc-sb {
    gap: 20px;
    align-items: flex-start;
  }
}

@media (max-width: 768px) {
  .blog-list__wrapper {
    grid-template-columns: 1fr;
  }

  .blog-list__item {
    grid-column: 1/3;
  }

  .subscribe-form__inputs {
    grid-template-columns: 1fr;
    gap: 15px;
    border-radius: 0;
  }

  .subscribe-form__inputs input {
    border-radius: 10px;
  }

  .subscribe-form__inputs .form__btn {
    border-radius: 60px;
  }

}

@media (max-width: 414px) {
  .blog-slider__slide {
    max-width: 100%;
  }

  .blog-slider__grid {
    gap: 20px 0;
  }

  .blog-h2-title,
  .services__title-wr h2 {
    text-align: left;
  }

  .blog-title {
    text-align: left;
    justify-content: flex-start;
  }

  .blog-category__filter ul {
    justify-content: flex-start;
  }
}

/* конец корневой страницы блога */

/*start popup-project*/
.popup-project {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-x: hidden;
  overflow-y: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
  opacity: 0;
  pointer-events: none;
  transition: 0.3s;
}

.popup-project.active {
  opacity: 1;
  pointer-events: initial;
}

.popup-project__bg {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: rgba(35, 40, 67, 0.16);
  z-index: 0;
}

.popup-project__slide {
  flex: 0 0 auto;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 60px 4px 20px;
  overflow: auto;
}

.popup-project__slide::before,
.popup-project__slide::after {
  content: "";
  flex: 0 0 0;
  margin: auto;
}

.popup-project__content {
  position: relative;
}

.popup-project__inner {
  width: 1480px;
  border-radius: 16px;
  overflow: hidden;
  background: #f9fafd;
  height: 830px;
  box-shadow: 0px 5.375px 44.792px 0px rgba(218, 225, 247, 0.26);
}

.popup-project__exit {
  position: absolute;
  top: -48px;
  right: -56px;
  width: 48px;
  height: 48px;
  background-color: #fff;
  border-radius: 50%;
  cursor: url(../img/cursor-pointer.svg) -15 -15, pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}

.features-items__popup-inner {
  display: flex;
  align-items: center;
  height: 100%;
  padding: 80px;
  justify-content: center;
}

.features-items__popup-img {
  width: 100%;
  border-radius: 22px;
  height: 100%;
  overflow: hidden;
  display: flex;
}

.features-items__popup-img img {
  width: 100%;
  margin: 0 auto;
  height: 100%;
  object-fit: contain;
}

@media (max-width: 1920px) {
  .popup-project__inner {
    width: calc(1030px + (1480 - 1030) * ((100vw - 1366px) / (1920 - 1366)));
    height: calc(580px + (830 - 580) * ((100vw - 1366px) / (1920 - 1366)));
  }

  .features-items__popup-inner {
    padding: calc(64px + (80 - 64) * ((100vw - 1366px) / (1920 - 1366)));
  }

  .popup-project__exit {
    width: calc(40px + (48 - 40) * ((100vw - 1366px) / (1920 - 1366)));
    height: calc(40px + (48 - 40) * ((100vw - 1366px) / (1920 - 1366)));
    top: calc(-40px + (-48 - (-40)) * ((100vw - 1366px) / (1920 - 1366)));
    right: calc(-48px + (-56 - (-48)) * ((100vw - 1366px) / (1920 - 1366)));
  }

  .features-items__popup-img {
    border-radius: calc(15px + (22 - 15) * ((100vw - 1366px) / (1920 - 1366)));
  }
}

@media (max-width: 1366px) {
  .popup-project__exit {
    width: 40px;
    height: 40px;
  }

  .features-items__popup-inner {
    padding: calc(48px + (64 - 48) * ((100vw - 768px) / (1366 - 768)));
  }

  .popup-project__inner {
    width: calc(690px + (1030 - 690) * ((100vw - 768px) / (1366 - 768)));
    height: calc(390px + (580 - 390) * ((100vw - 768px) / (1366 - 768)));
    border-radius: calc(12px + (16 - 12) * ((100vw - 768px) / (1366 - 768)));
  }

  .features-items__popup-img {
    border-radius: calc(10px + (15 - 15) * ((100vw - 768px) / (1366 - 768)));
  }
}

@media (max-width: 1000px) {
  .popup-project__exit {
    right: 0;
    top: -52px;
  }
}

@media (max-width: 768px) {
  .features-items__popup-img {
    border-radius: calc(5px + (10 - 5) * ((100vw - 375px) / (768 - 375)));
  }

  .features-items__popup-inner {
    padding: calc(24px + (48 - 24) * ((100vw - 375px) / (768 - 375)));
  }

  .popup-project__inner {
    width: calc(345px + (690 - 345) * ((100vw - 375px) / (768 - 375)));
    border-radius: 12px;
    height: calc(200px + (390 - 200) * ((100vw - 375px) / (768 - 375)));
  }
}

@media (max-width: 375px) {
  .features-items__popup-img {
    border-radius: 5px;
  }

  .popup-project__inner {
    height: 200px;
  }
}

/*end popup-project*/

/* стили для новых страниц блока */
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}

.container-mini {
  max-width: 998px;
  margin: 0 auto;
}

@media (max-width: 1920px) {
  .container-mini {
    max-width: calc(800px + (998 - 800) * ((100vw - 1280px) / (1920 - 1280)));
  }
}

@media (max-width: 1280px) {
  .container-mini {
    max-width: 800px;
  }
}

@media (max-width: 922px) {
  .container-mini {
    max-width: 100%;
  }
}

.margin-bottom-50 {
  margin-bottom: 50px;
}

.blog-breadcrumb,
.breadcrumb {
  padding-top: 150px;
  display: flex;
  justify-content: center;
}

.blog-breadcrumb.show-banner,
.breadcrumb.show-banner {
  padding-top: 214px;
}

.blog-breadcrumb__list,
.breadcrumb__list {
  display: flex;
  justify-content: center;
  list-style: none;
  padding: 0;
  margin: 0;
  padding: 6px 15px;
  border-radius: 10px;
}

.blog-breadcrumb__item,
.breadcrumb__item {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  display: flex;
  gap: 15px;
  align-items: center;
  padding-left: 15px;
}

.blog-breadcrumb__item:first-child,
.breadcrumb__item:first-child {
  padding-left: 0;
}

.blog-breadcrumb__item:not(:last-child)::after,
.breadcrumb__item:not(:last-child)::after {
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  background-color: #aeb8cb;
  border-radius: 50%;
}

.blog-breadcrumb__item:last-child,
.breadcrumb__item:last-child {
  color: #7c8a9d;
  pointer-events: none;
}

.blog-breadcrumb__item:last-child br {
  display: none;
}

.blog-breadcrumb__item:last-child,
.breadcrumb__item:last-child a {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

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

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

.detail-new__title {
  font-size: 65px;
  line-height: 80px;
  font-weight: 700;
  text-align: center;
}

.detail-new__title span {
  color: #388af3;
}

.detail-new__data {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 70px;
}

.detail-new__data-date {
  font-size: 20px;
  line-height: 30px;
  font-weight: 500;
  color: #818a99;
}

.detail-new__data-item {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 20px;
  line-height: 30px;
  font-weight: 500;
}

.detail-new__data-author img {
  display: block;
  width: 40px;
  height: 40px;
  object-fit: contain;
}

@media (max-width: 1536px) {
  .detail-new__data-author img {
    width: calc(30px + (40 - 30) * ((100vw - 1280px) / (1536 - 1280)));
    height: calc(30px + (40 - 30) * ((100vw - 1280px) / (1536 - 1280)));
  }
}

@media (max-width: 1280px) {
  .detail-new__data-author img {
    width: calc(25px + (30 - 25) * ((100vw - 922px) / (1280 - 922)));
    height: calc(25px + (30 - 25) * ((100vw - 922px) / (1280 - 922)));
  }
}

@media (max-width: 922px) {
  .detail-new__data-author img {
    /* width: calc(20px + (25 - 20) * ((100vw - 414px) / (922 - 414))); */
    width: 25px;
    height: 25px;
  }
}

/* @media (max-width: 414px) {
  .detail-new__data-author img {
    width: 20px;
  }
} */

.detail-new__data-author a {
  cursor: pointer;
  transition: .3s linear;
}

.detail-new__data-author a:hover {
  color: #818a99;
}

.detail-new__data-item.views {
  display: none !important;
}

.detail-new__content .text-big,
.detail-new__content .text-big p {
  text-align: center;
  font-size: 26px;
  line-height: 42px;
  font-weight: 400;
  margin-top: 50px !important;
}

@media (max-width: 1920px) {

  .detail-new__content .text-big,
  .detail-new__content .text-big p {
    font-size: 0 auto calc(24px + (26 - 24) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: 0 auto calc(36px + (42 - 36) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media (max-width: 1536px) {

  .detail-new__content .text-big,
  .detail-new__content .text-big p {
    font-size: calc(22px + (24 - 22) * ((100vw - 1280px) / (1536 - 1280)));
    line-height: calc(34px + (36 - 34) * ((100vw - 1280px) / (1536 - 1280)));
  }
}

@media (max-width: 1280px) {

  .detail-new__content .text-big,
  .detail-new__content .text-big p {
    line-height: 34px;
    font-size: 22px;
  }
}

@media (max-width: 922px) {

  .detail-new__content .text-big,
  .detail-new__content .text-big p {
    font-size: calc(18px + (22 - 18) * ((100vw - 414px) / (922 - 414)));
    line-height: calc(28px + (34 - 28) * ((100vw - 414px) / (922 - 414))) 15px;
  }
}

@media (max-width: 414px) {

  .detail-new__content .text-big,
  .detail-new__content .text-big p {
    line-height: 28px;
    font-size: 18px;
  }
}

.detail-new__content .text-big span {
  font-weight: 600;
}

.detail-new__content video {
  width: 100% !important;
  border-radius: 20px;
}

.detail-new__category {
  text-align: center;
  width: fit-content;
  font-weight: 500;
  font-size: 18px;
  line-height: 140%;
  color: #1f1f1f;
  padding: 10px 15px;
  background-color: #f7f8fc;
  border-radius: 10px;
  margin: 0 auto 50px;
}

@media (max-width: 1920px) {
  .detail-new__category {
    margin: 0 auto calc(40px + (50 - 40) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media (max-width: 1536px) {
  .detail-new__category {
    margin: 0 auto calc(35px + (40 - 35) * ((100vw - 1280px) / (1536 - 1280)));
    font-size: calc(16px + (18 - 16) * ((100vw - 1280px) / (1536 - 1280)));
    padding: calc(8px + (10 - 8) * ((100vw - 1280px) / (1536 - 1280))) 15px;
  }
}

@media (max-width: 1280px) {
  .detail-new__category {
    margin: 0 auto 35px;
    font-size: 16px;
    padding: 8px 15px;
  }
}

@media (max-width: 922px) {
  .detail-new__category {
    font-size: calc(14px + (16 - 14) * ((100vw - 414px) / (922 - 414)));
    padding: calc(6px + (8 - 6) * ((100vw - 414px) / (922 - 414))) 15px;
    margin: 0 auto calc(30px + (35 - 30) * ((100vw - 414px) / (922 - 414)));
  }
}

.author-comment {
  display: flex;
  justify-content: center;
  gap: 30px;
}

.author-comment__avatar {
  position: relative;
  width: 80px;
  height: 80px;
  border-radius: 50%;
}

.author-comment__avatar::after {
  content: "";
  position: absolute;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background-color: #388af3;
  bottom: 2px;
  right: 2px;
}

.author-comment__avatar::before {
  content: "";
  position: absolute;
  width: 13px;
  height: 13px;
  scale: 2.1;
  border-radius: 50%;
  background-color: #edf5ffe5;
  bottom: 2px;
  right: 2px;
}

.author-comment__avatar img {
  width: 100%;
  margin: 0 !important;
  height: inherit;
  border-radius: 50% !important;
  aspect-ratio: 1/1;
}

.author-comment__text {
  max-width: 612px;
  width: 100%;
  padding: 20px 30px;
  background-color: #f4f0ff;
  border-radius: 0px 20px 20px 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.author-comment__text h5 {
  font-size: 20px !important;
  line-height: 30px !important;
  font-weight: 600 !important;
  margin: 0px !important;
}

.author-comment__text p {
  font-size: 22px !important;
  line-height: 34px !important;
  font-weight: 400;
  margin-top: 10px !important;
}

.detail-new__content .title-img,
.detail-new__content .title-img>h4,
.detail-new__content .title-img,
.detail-new__content .title-img>h2 {
  text-align: center;
  font-family: Caveat-Bold;
  font-weight: bold;
  font-size: 46px;
  line-height: 56px;
  display: flex;
  justify-content: center;
  gap: 15px;
}

.three-div {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top: 30px;
}

.margin-top-90 {
  margin-top: 90px;
}

.margin-bottom-90 {
  margin-bottom: 90px;
}

.three-div p {
  padding: 35px;
  background-color: #f7f8fc;
  border-radius: 20px;
  margin-top: 0 !important;
}

.detail-new__content p {
  font-size: 20px;
  line-height: 30px;
  font-weight: 400;
  margin-top: 30px;
  word-wrap: break-word;
}

.detail-new__content p span {
  font-weight: 600;
  display: inline;
}

.detail-new__content ol li,
.detail-new__content ul li {
  font-size: 20px;
  line-height: 30px;
  font-weight: 400;
}

.detail-new__nav {
  margin-top: 90px;
  height: fit-content;
}

.detail-new__nav.active-bg {
  position: fixed;
  z-index: 5;
  background-color: #fff;
  left: 0;
  right: 0;
  top: 86px;
  padding-top: 20px;
  padding-bottom: 20px;
  margin-top: 0;
  transition: 0.4s ease;
}

.detail-new__nav.active-bg.hide {
  top: 0px;
  transition: 0.2s ease;
}

.detail-new__nav.active-bg .swiper.detail-new__swiper {
  max-width: 998px;
}

.swiper.detail-new__swiper .swiper-slide {
  width: auto;
}

.swiper.detail-new__swiper .detail-new__nav-item {
  font-size: 20px;
  line-height: 30px;
  font-weight: 600;
  color: #343434;
  cursor: url(../img/cursor-pointer.svg) -15 -15, pointer;
  transition: 0.3s ease;
}

.swiper.detail-new__swiper .detail-new__nav-item:hover {
  color: #388af3;
}

.swiper.detail-new__swiper .detail-new__nav-item.active {
  color: #388af3;
  border-bottom: 2px solid #388af3;
}

.detail-new__content h2 {
  font-size: 35px;
  line-height: 45px;
  font-weight: 700;
  margin-top: 90px;
}

.detail-new__content h3 {
  font-size: 30px;
  line-height: 40px;
  font-weight: 700;
  margin-top: 80px;
}

.detail-new__content h5,
.author-comment__text span,
.detail-new__content .related__title,
.detail-new__content .recomended__title,
.graphcis-percent__title {
  font-size: 20px;
  line-height: 30px;
  font-weight: 600;
  margin-top: 45px;
}

.author-comment__text span {
  margin-top: 0 !important;
}

.detail-new__content h4 {
  font-size: 24px;
  line-height: 36px;
  font-weight: 700;
  margin-top: 50px;
}

.detail-new__content a {
  color: #388af3;
  text-decoration: underline;
  text-underline-offset: 4px;
  font-weight: 600;
}

.column-image {
  display: grid;
  grid-template-columns: 450px 485px;
  justify-content: space-between;
  gap: 20px;
  margin-top: 90px;
}

.column-image h2,
.column-image h3,
.column-image h4,
.column-image h5,
.column-image h6 {
  margin-top: 0 !important;
}

.column-image img {
  margin: 0 !important;
}

.column-image p {
  margin-bottom: 30px;
  margin-top: 0 !important;
}

.detail-new__content span[data-hover-text] {
  border-bottom: 1px dashed #8da1fd;
  color: inherit;
  cursor: url(../img/cursor-pointer.svg) -15 -15, pointer;
  position: relative;
}

.detail-new-hover-text {
  position: fixed;
  opacity: 0;
  pointer-events: none;
  border-radius: 10px;
  background: #fff;
  padding: 10px 15px;
  transform: translateX(-50%);
  background-color: #f7f8fc;
  max-width: 358px;
  box-shadow: 0px 2px 6px 0px rgba(139, 150, 183, 0.1);
  font-size: 16px;
  line-height: 140%;
  transition: opacity 0.3s;
  z-index: 2;
}

.detail-new-hover-text.active {
  opacity: 1;
  pointer-events: initial;
}

.detail-new__content ol {
  counter-reset: counter;
  list-style: none;
  margin-left: 0;
  padding-left: 0;
  margin: 30px 0 0 0;
}

.detail-new__content ul {
  margin: 30px 0 0 0;
}

.detail-new__content ol li {
  position: relative;
  padding-left: 35px;
}

.detail-new__content ol li::before {
  content: counter(counter) ".";
  counter-increment: counter;
  position: absolute;
  left: 0;
  top: 0px;
  color: #388af3;
  font-family: "Gilroy";
  font-size: 20px;
  font-weight: 700;
  line-height: 140%;
}

.detail-new__content ol li+li {
  margin-top: 30px;
}

.detail-new__content ol li+li p {
  margin-bottom: 10px;
}

.small-image {
  display: grid;
  grid-template-columns: 176px 1fr;
  gap: 40px;
  align-items: center;
  margin-top: 90px;
}

.small-image img {
  border-radius: 10px !important;
  width: 100%;
  margin: 0 !important;
}

.small-image i,
.small-image em {
  font-family: Caveat-Bold;
  font-size: 45px;
  line-height: 42px;
  font-style: normal;
}

.small-image p {
  font-size: 24px;
  line-height: 36px;
  margin-top: 12px;
}

.gif-image {
  display: grid;
  grid-template-columns: 90px 1fr;
  gap: 30px;
  align-items: center;
  margin-top: 45px;
  margin-bottom: 30px;
}

.gif-image p {
  margin-top: 0 !important;
}

.gif-image img {
  width: 100%;
  margin: 0 !important;
  border-radius: 10px !important;
  aspect-ratio: 1 / 1;
}

.detail-new__content .table {
  overflow: hidden;
  overflow-x: auto;
  margin-top: 90px;
}

.detail-new__content .table::-webkit-scrollbar-thumb {
  background-color: #008fff;
}

.detail-new__content .table::-webkit-scrollbar {
  height: 4px;
}

.detail-new__content table {
  margin-top: 25px;
  width: 100%;
  border-spacing: 0;
  table-layout: fixed;
}

.detail-new__content table td:nth-child(1) {
  padding-left: 30px;
}

.detail-new__content table td {
  height: 88px;
}

.detail-new__content table td {
  background-color: rgb(255, 255, 255);
  width: 174px;
  color: rgb(47, 47, 56);
  font-family: Circe;
  font-size: 16px;
  line-height: 140%;
  border-bottom: 1px solid rgb(238, 242, 255);
  padding: 5px;
  font-family: "Gilroy", sans-serif !important;
}

.detail-new__content table td span {
  color: #aeb8cb;
}

.detail-new__content table td:first-child {
  width: 240px;
}

.detail-new__content table tr:nth-child(2n-1):not(:first-child) td {
  background-color: #f7f8fc;
}

.detail-new__content table tr:first-child td {
  height: 52px;
  font-size: 16px;
  line-height: 22px;
  font-weight: 600;
  color: #aeb8cb;
}

.quote {
  position: relative;
  width: 100%;
  padding: 0 103px 40px 135px;
  margin: 90px 0;
}

.quote::before {
  content: "";
  display: block;
  position: absolute;
  width: 94px;
  height: 94px;
  background-image: url(../img/quote.svg);
  background-size: contain;
  top: -6px;
  left: 0;
}

.quote p {
  display: inline;
}

.quote p span {
  color: #818a99;
  font-weight: 400;
}

blockquote {
  margin: 0 0 30px 0;
  font-size: 24px;
  line-height: 36px;
  font-weight: 400;
  font-style: italic;
}

.detail-new__content ul {
  list-style: none;
  padding: 0;
}

.detail-new__content ul li {
  position: relative;
  padding-left: 30px;
}

.detail-new__content ul li::before {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  background-color: #388af3;
  display: block;
  border-radius: 50%;
  top: 10px;
  left: 0;
}

.detail-new__content ul li:not(:first-child) {
  margin-top: 15px;
}

.graphcis-percent {
  border-radius: 20px;
  background: #f7f8fc;
  padding: 45px 40px;
  overflow-x: auto;
  margin-top: 90px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  justify-content: space-between;
}

.graphcis-percent__setting {
  display: flex;
  justify-content: end;
  gap: 30px;
}

.graphcis-percent__setting-link {
  display: flex;
  gap: 10px;
  align-items: center;
  font-size: 12px;
  line-height: 18px;
}

.graphcis-percent__setting-link span {
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
}

.graphcis-percent::-webkit-scrollbar-thumb {
  background-color: #8da1fd;
  border-radius: 6px;
}

.graphcis-percent::-webkit-scrollbar {
  background-color: #eef2ff;
  height: 4px;
}

.graphcis-percent__top {
  display: flex;
}

.graphcis-percent__title {
  margin-bottom: 45px;
}

.graphcis-percent__inner {
  width: min-content;
  min-width: 99%;
  display: flex;
}

.graphcis-percent__wrapper {
  grid-column: 1/3;
}

.graphcis-percent__nums {
  width: 25px;
  height: 295px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  text-align: right;
}

.graphcis-percent__num {
  color: #5c5c66;
  font-family: "Gilroy";
  font-size: 11px;
  font-weight: 500;
  line-height: 140%;
}

.graphcis-percent__box {
  height: 280px;
  width: 100%;
  position: relative;
  margin-left: 15px;
  border-bottom: 1px solid #d2d8fc;
  border-left: 1px solid #d2d8fc;
}

.graphcis-percent__columns {
  display: flex;
  justify-content: space-between;
  grid-gap: 50px;
}

.graphcis-percent__column {
  min-width: 28px;
  position: relative;
  width: 100%;
}

.graphcis-percent__column-box {
  height: 280px;
  display: flex;
  align-items: flex-end;
}

.graphcis-percent__column-box .graphcis-percent__column-link:first-child {
  background-color: #adcdfe;
}

.graphcis-percent__column-box .graphcis-percent__column-link:first-child:hover {
  background-color: #d2cbff;
}

.graphcis-percent__column-link {
  border-radius: 8px 8px 0px 0px;
  background: #388af3;
  width: 100%;
  height: 40%;
  position: relative;
  cursor: url(../img/cursor-pointer.svg) -15 -15, pointer;
  transition: 0.3s;
}

.graphcis-percent__column-link:hover {
  background-color: #9f89ff;
}

.graphcis-percent__comment {
  grid-column: 1/3;
  grid-row: 3/4;
}

.graphcis-percent__comment {
  margin-top: 50px;
  font-size: 18px;
  line-height: 28px;
  color: #818a99;
  font-weight: 400;
}

.graphcis-percent__lines {
  width: 100%;
  height: 100%;
  pointer-events: none;
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.graphcis-percent__line {
  width: 100%;
  height: 2px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODIzIiBoZWlnaHQ9IjIiIHZpZXdCb3g9IjAgMCA4MjMgMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAgMUw4MjMgMC45OTk5MjgiIHN0cm9rZT0iI0QyRDhGQyIgc3Ryb2tlLWRhc2hhcnJheT0iMSA4Ii8+Cjwvc3ZnPgo=);
  background-position: center;
  background-repeat: repeat-x;
  background-size: contain;
}

.graphcis-percent__line:last-child {
  opacity: 0;
}

.graphcis-percent__column-name {
  color: #5c5c66;
  text-align: center;
  font-family: "Gilroy";
  font-size: 11px;
  font-weight: 500;
  line-height: 120%;
  margin-top: 12px;
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
}

.graphcis-percent__column-link:hover .graphcis-percent__column-hover {
  opacity: 1;
  pointer-events: initial;
}

.graphcis-percent__column-hover {
  position: absolute;
  bottom: 35px;
  transition: 0.3s;
  z-index: 2;
  opacity: 0;
  pointer-events: none;
  left: 50%;
  white-space: nowrap;
  transform: translateX(-50%);
  border-radius: 6px;
  background: #fff;
  box-shadow: 0px 2px 6px 0px rgba(139, 150, 183, 0.1);
  padding: 8px 12px;
  color: #2f2f38;
  font-size: 16px;
  font-weight: 300;
  line-height: 140%;
}

.graphcis-percent__column-hover span {
  position: relative;
  padding-left: 10px;
}

.graphcis-percent__column-hover b {
  color: #5c5c66;
  font-weight: 700;
}

.graphcis-percent__column-hover span::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #8da1fd;
}

.graphcis-percent__line-active {
  position: absolute;
  left: 0;
  opacity: 0;
  right: 0;
  transform: translateY(50%);
  bottom: 50%;
  height: 2px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODIzIiBoZWlnaHQ9IjIiIHZpZXdCb3g9IjAgMCA4MjMgMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAgMUw4MjMgMC45OTk5MjgiIHN0cm9rZT0iIzhEQTFGRCIgc3Ryb2tlLWRhc2hhcnJheT0iMSA4Ii8+Cjwvc3ZnPgo=);
  background-position: center;
  background-repeat: repeat-x;
  background-size: contain;
  transition: opacity 0.3s;
}

.graphcis-percent.graphic-variation .graphcis-percent__top {
  margin-bottom: 72px;
  justify-content: space-between;
  grid-gap: 30px;
}

.graphcis-percent.graphic-variation .graphcis-percent__title {
  margin-bottom: 0;
  max-width: 575px;
}

.graphcis-percent.graphic-variation .graphcis-percent__setting-link {
  color: #5c5c66;
  font-family: "Gilroy";
  font-size: 11px;
  font-weight: 500;
  line-height: 130%;
  display: flex;
  align-items: center;
  grid-gap: 10px;
  width: 170px;
}

.graphcis-percent.graphic-variation .graphcis-percent__setting-link+.graphcis-percent__setting-link {
  margin-top: 12px;
}

.graphcis-percent.graphic-variation .graphcis-percent__setting-link span {
  width: 14px;
  height: 14px;
  border-radius: 50%;
}

.graphcis-percent.graphic-variation .graphcis-percent__column-box {
  height: 250px;
}

.graphcis-percent.graphic-variation .graphcis-percent__box {
  height: 250px;
}

.graphcis-percent.graphic-variation .graphcis-percent__nums {
  height: 265px;
}

.graphic-variation__columns-names {
  display: grid;
  justify-content: space-between;
  color: #5c5c66;
  text-align: center;
  font-family: "Gilroy";
  font-size: 11px;
  font-weight: 500;
  line-height: 140%;
  position: absolute;
  bottom: -40px;
  left: -40px;
  right: -40px;
}

.graphcis-percent.graphic-variation .graphcis-percent__columns {
  margin-left: 50px;
  margin-right: 50px;
  position: relative;
  height: 100%;
}

.graphic-variation__items {
  display: grid;
  justify-content: space-between;

  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}

.graphic-variation__item {
  width: 10px;
  cursor: url(../img/cursor-pointer.svg) -15 -15, pointer;
  height: 10px;
  border-radius: 50%;
  z-index: 2;
}

.graphic-variation__lines {
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  right: 0;
  bottom: 0;
}

.graphic-variation__line div {
  position: relative;
  width: 100%;
  height: 100%;
}

.graphic-variation__items svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  right: 0;
  bottom: 0;
}

.graphcis-percent__vertical-lines {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 60px 0 50px;
  bottom: 0;
  display: grid;
  justify-content: space-between;
}

.graphcis-percent__vertical-line {
  height: 100%;
  width: 2px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMiIgaGVpZ2h0PSIyNTAiIHZpZXdCb3g9IjAgMCAyIDI1MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMjUwTDAuOTk5OTg5IC0xLjA4Nzc4ZS0wNSIgc3Ryb2tlPSIjRDJEOEZDIiBzdHJva2UtZGFzaGFycmF5PSIxIDgiLz4KPC9zdmc+Cg==);
  background-position: center;
  background-repeat: repeat-y;
  background-size: contain;
}

.graphcis-percent-hover-text {
  position: fixed;
  z-index: 1000;
  border-radius: 6px;
  background: #fff;
  box-shadow: 0px 2px 6px 0px rgba(139, 150, 183, 0.1);
  padding: 8px 12px;
  display: flex;
  align-items: center;
  grid-gap: 6px;
  white-space: nowrap;
  opacity: 0;
  transform: translateX(-50%);
  transition: opacity 0.3s;
  color: #2f2f38;
  font-size: 16px;
  font-weight: 350;
  line-height: 140%;
  font-family: "Circe";
}

.graphcis-percent-hover-text span {
  color: #5c5c66;
  font-size: 16px;
  font-weight: 700;
  line-height: 140%;
  position: relative;
  padding-left: 10px;
}

.graphcis-percent-hover-text span::before {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  transform: translateY(-50%);
  left: 0;
  top: 50%;
  background-color: #7b90f3;
}

.graphcis-percent-hover-text.active {
  opacity: 1;
}

.graphcis-percent.graphic-variation .graphcis-percent__wrapper {
  width: 1400px;
}

.detail-new__content .reading__item a:not(.btn-global) {
  font-size: 16px;
}

.detail-new__subscribe .subscribe-updates__title img {
  width: 32px;
}

.graphic-circle {
  width: 100%;
  border-radius: 20px;
  background: #f7f8fc;
  padding: 30px;
}

.graphic-circle p b {
  color: #2f2f38;
}

.graphic-circle p {
  margin-bottom: 40px;
}

.graphic-circle__inner {
  width: 210px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 60px;
  position: relative;
}

.graphic-circle__items {
  display: flex;
  flex-wrap: wrap;
  grid-gap: 12px;
}

.graphic-circle__item {
  color: #474753;
  font-family: "Gilroy";
  font-size: 12px;
  font-weight: 500;
  display: flex;
  grid-gap: 6px;
  align-items: center;
  line-height: 120%;
}

.graphic-circle__item span {
  width: 14px;
  height: 14px;
  border-radius: 3px;
}

.canvas-circle__tooltip {
  border-radius: 6px;
  background: #fff;
  padding: 8px 12px;
  box-shadow: 0px 2px 6px 0px rgba(139, 150, 183, 0.1);
  color: #2f2f38;
  font-family: "Circe";
  font-size: 16px;
  font-weight: 300;
  line-height: 140%;
  display: flex;
  align-items: center;
  transform: translateX(-50%);
}

.canvas-circle__tooltip-num {
  color: #5c5c66;
  font-weight: 700;
  margin-right: 6px;
}

.canvas-circle__tooltip-color {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  margin-right: 4px;
}

.graphic-circle__title {
  text-align: center;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #5c5c66;
  font-size: 16px;
  font-weight: 300;
  line-height: 120%;
}

.graphic-circle__title span {
  display: block;
  color: #2f2f38;
  font-size: 28px;
  font-weight: 600;
  line-height: 130%;
}

.block-graphic {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
  margin-top: 90px;
}

.detail-new__content .fact {
  padding: 0 45px 0 50px;
  margin-top: 90px;
  position: relative;
}

.detail-new__content .fact::before {
  content: "";
  width: 5px;
  height: 100%;
  background-color: #9c6ce8;
  border-radius: 6px;
  position: absolute;
  left: 0;
}

.detail-new__content .fact h4,
.detail-new__content .fact h3 {
  font-family: Caveat-Bold;
  font-size: 35px;
  line-height: 45px;
  margin-bottom: 25px;
}

.detail-new__content .fact p {
  margin-top: 0 !important;
}

.detail-new__content img {
  width: 100%;
  border-radius: 20px;
  margin-block: 35px 15px;
}

.detail-new__content video {
   margin-block: 35px 15px;
}

.detail-new__content img.portrait {
  width: auto;
  max-height: 600px;
  margin: 0 auto;
}

.detail-new__content img.portrait.no-portrait {
  margin-left: 0 !important;
}

.detail-new__content p.grey {
  color: rgb(173, 173, 178);
  font-size: 18px;
  line-height: 140%;
}

.detail-file {
  border-radius: 10px;
  display: grid;
  grid-template-columns: 1fr 60px;
  grid-gap: 15px;
  align-items: center;
  text-decoration: none;
  text-decoration-line: initial !important;
}

.detail-file+.detail-file {
  margin-top: 12px;
}

.detail-file:last-child {
  margin-bottom: 90px;
}

.detail-file:hover .detail-file__box {
  color: #388af3;
}

.detail-file__item {
  display: grid;
  align-items: center;
  grid-gap: 15px;
  grid-template-columns: 60px 1fr;
}

.detail-file__icon {
  grid-row: 1/3;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: #f7f8fc;
}

.detail-file__icon img {
  width: 25px;
  height: 25px;
  border-radius: 0 !important;
  margin: 0;
}

.detail-file__box {
  grid-row: 1 / 2;
  grid-column: 2 / 3;
  display: flex;
  color: #2c303d;
  font-size: 18px;
  line-height: 140%;
  overflow: hidden;
}

.detail-file__box-name {
  transition: 0.3s;
  overflow: hidden;
}

.detail-file__box-format {
  transition: 0.3s;
}

.detail-file__size {
  grid-column: 2 / 3;
  display: block;
  color: #aeb8cb;
  font-size: 14px;
  white-space: nowrap;
  line-height: 140%;
}

.detail-file__btn {
  display: flex;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: #f7f8fc;
  align-items: center;
  justify-content: center;
  transition: 0.3s ease;
}

.detail-file:hover .detail-file__btn {
  background-color: #388af3;
  transition: 0.3s ease;
}

.detail-file .detail-file__btn svg path {
  stroke: #1f1f1f;
  transition: 0.3s ease;
}

.detail-file:hover .detail-file__btn svg path {
  stroke: white;
  transition: 0.3s ease;
}

.detail-new__content.video-div {}

.detail-new__content .video-div__box {
  width: 100%;
  height: 508px;
  cursor: url(../img/cursor-pointer.svg) -15 -15, pointer;
  border-radius: 20px;
  overflow: hidden;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
}

.video-div__btn {
  background-color: #8da1fd;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: url(../img/cursor-pointer.svg) -15 -15, pointer;
}

.detail-new__content .reading {
  position: relative;
  padding-left: 40px;
  margin: 90px 0 0;
}

.detail-new__content .reading::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 5px;
  background-color: #388af3;
  border-radius: 2px;
}

.detail-new__content .reading h5,
.detail-new__content .reading .reading__title {
  font-size: 35px;
  line-height: 45px;
  font-family: Caveat-Bold;
  margin-bottom: 30px;
}

.detail-new__content .reading__item {
  display: flex;
  grid-gap: 40px;
  align-items: flex-start;
}

.detail-new__content .reading__item p {
  margin-top: 0 !important;
}

.detail-new__content .reading img {
  width: 78px;
  min-width: 78px;
  border-radius: 2px;
  margin: 0;
}

.detail-new__content .reading .reading__title img {
  min-width: auto;
}

.detail-new__content .reading p.title {
  margin-top: 0 !important;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 700;
  line-height: 140%;
  color: #1f1f1f;
}

.detail-new__content .reading p {
  color: #818a99;
  font-size: 14px;
  line-height: 140%;
}

.detail-new__content .reading__item a {
  font-size: 16px;
  margin-top: 10px;
}

.detail-new__content .reading__item+.reading__item {
  margin-top: 30px;
}

.detail-new__content .recomended,
.detail-new__content .related {
  margin-top: 90px;
  font-size: 20px !important;
  line-height: 140% !important;
}

.detail-new__content .recomended h5,
.detail-new__content .related h5,
.detail-new__content .related__title,
.detail-new__content .recomended__title {
  margin: 0 0 10px 0 !important;
  font-weight: 700;
}

.detail-new__content .recomended .recomended__item,
.detail-new__content .related .related__item {
  margin-top: 10px;
}

.detail-new__content .recomended .recomended__item div {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.detail-new__content .recomended .recomended__item div p {
  margin: 0 !important;
}

.survey {
  margin: 90px 0;
  padding: 40px 60px;
  background-color: #f7f8fc;
  border-radius: 20px;
}

.survey h5 {
  font-weight: 700;
}

.survey form {
  margin-top: 25px;
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.survey form label {
  position: relative;
  padding-left: 35px;
  font-size: 20px;
  line-height: 30px;
  font-weight: 400;
  cursor: url(../img/cursor-pointer.svg) -15 -15, pointer;
}

.survey form label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 20px;
  height: 20px;
  border: 2px solid #ccd6e9;
  border-radius: 50%;
  transition: border 0.3s ease;
}

.survey form label::after {
  content: "";
  position: absolute;
  left: 8.5px;
  top: 8.5px;
  display: block;
  width: 6px;
  height: 6px;
  background-color: #388af3;
  border-radius: 50%;
  scale: 0;
  transition: scale 0.3s ease;
}

.survey form input[type="radio"]:checked+label::after {
  scale: 1;
  transition: scale 0.3s ease;
}

.survey form input[type="radio"]:checked+label::before {
  border: 2px solid #388af3;
  transition: border 0.3s ease;
}

.comment-input label {
  display: none;
}

.comment-input textarea {
  padding: 20px 25px;
  width: 100%;
  border: none;
  border-radius: 20px;
  font-size: 20px;
  line-height: 30px;
  font-weight: 400;
  resize: none;
}

.def-button.blue {
  background-color: #388af3;
  color: #fff;
  border: none;
  cursor: url(../img/cursor-pointer.svg) -15 -15, pointer;
  margin: 0;
}

.detail-new__content .tags {
  display: flex;
  flex-wrap: wrap;
  gap: 25px;
  row-gap: 8px;
  padding-top: 30px;
}

.detail-new__content .tags a {
  font-weight: 500;
  font-size: 18px;
  line-height: 28px;
  color: #388af3;
  text-decoration: none;
}

.blog-likes {
  margin-bottom: 90px;
}

.blog-likes h5 {
  font-size: 20px;
  line-height: 30px;
  font-weight: 700;
  margin-bottom: 20px;
}

.blog-likes__buttons {
  display: flex;
  gap: 25px;
}

.blog-likes_button {
  display: flex;
  gap: 10px;
  align-items: center;
  padding: 10px 20px;
  font-size: 20px;
  line-height: 30px;
  font-weight: 500;
  background-color: #f7f8fc;
  border-radius: 30px;
  cursor: url(../img/cursor-pointer.svg) -15 -15, pointer;
  transition: 0.3s ease;
}

.blog-likes_button:hover svg path {
  stroke: #388af3;
  background-color: #edf5ff;
  transition: 0.3s ease;
}

.blog-comments__tree-title {
  width: 100%;
  font-size: 20px;
  line-height: 30px;
  font-weight: 700;
  border-bottom: 2px solid #ccd6e999;
  margin-bottom: 30px;
}

.blog-comments__tree-wrapper {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.blog-comments__item {
  display: grid;
  grid-template-columns: 50px 1fr;
  gap: 15px;
}

.blog-comment__item-avatar {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #edf5ff;
  border-radius: 50%;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  color: #388af3;
}

.blog-comments__item-content {
  display: flex;
  flex-direction: column;
}

.blog-comments__item-name {
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  margin-bottom: 5px;
}

.blog-comments__item-date {
  margin-bottom: 15px;
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  color: #9faabd;
}

.blog-comments__item-text {
  margin-bottom: 20px;
  font-weight: 400;
  font-size: 20px;
  line-height: 30px;
}

.blog-comments__item-reply {
  margin-bottom: 30px;
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  color: #aeb8cb;
  cursor: url(../img/cursor-pointer.svg) -15 -15, pointer;
  transition: color 0.3s ease;
}

.blog-comments__item-reply:hover {
  color: #388af3;
  transition: color 0.3s ease;
}

.blog-comments__form__title {
  font-weight: 700;
  font-size: 28px;
  line-height: 44px;
  margin-bottom: 15px;
}

.blog-comments__form__descr {
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  color: #818a99;
}

.blog-comment__form-wrapper {
  margin-top: 30px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 20px;
  row-gap: 25px;
  margin-bottom: 30px;
}

.blog-comment__form-wrapper textarea,
.blog-comment__form-wrapper input {
  padding: 15px 25px;
  font-size: 18px;
  line-height: 28px;
  background-color: #f7f8fc;
  border: none;
  border-radius: 20px;
  resize: none;
}

.blog-comment__form-wrapper textarea {
  grid-column: 1/3;
}

.blog-comment__form-wrapper input {
  border-radius: 60px;
}

.blog-comment__form-wrapper textarea::-webkit-input-placeholder,
.blog-comment__form-wrapper input::-webkit-input-placeholder,
.blog-comment__form-wrapper textarea::-moz-placeholder,
.blog-comment__form-wrapper input::-moz-placeholder,
.blog-comment__form-wrapper textarea:-moz-placeholder,
.blog-comment__form-wrapper input:-moz-placeholder,
.blog-comment__form-wrapper textarea:-ms-input-placeholder,
.blog-comment__form-wrapper input:-ms-input-placeholder {
  color: #f7f8fc;
}

.blog-comments__form button {
  padding: 16px 30px;
  background-color: #008fff;
  border-radius: 60px;
  border: none;
  display: flex;
  align-items: center;
  gap: 15px;
  font-size: 18px;
  line-height: 28px;
  font-weight: 600;
  color: #fff;
}

.detail-new__socials {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.detail-new__social {
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f7f8fc;
  border-radius: 50%;
  transition: background-color 0.3s ease;
}

.detail-new__social:hover {
  background-color: #edf5ff;
  transition: background-color 0.3s ease;
}

.detail-new__social svg path {
  stroke: #9faabd;
  transition: stroke 0.3s ease;
}

.detail-new__social:hover svg path {
  stroke: #388af3;
  transition: stroke 0.3s ease;
}

.detail-new__social.copy {
  position: relative;
}

.detail-new__social.copy .copy-item {
  position: absolute;
  top: -10px;
  opacity: 0;
}

.detail-new__social.copy svg {
  position: absolute;
}

.detail-new__social.copy .copy-svg-two {
  opacity: 0;
}

#detail-new-copy {
  display: none;
}

.animation-fixed-block {
  display: none;
  position: fixed;
  right: 50px;
  top: 50%;
  transform: translateY(-50%);
}

.pagination-wrapper {
  margin: 70px auto 0;
  max-width: fit-content;
  display: flex;
  justify-content: center;
  align-items: center;
}

.pagination {
  max-width: 100%;
  flex: 1;
  justify-content: center;
  display: flex;
}

.pagination-wrapper .page-numbers {
  width: 60px;
  height: 60px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  line-height: 20px;
  border-radius: 50%;
  cursor: url(../img/cursor-pointer.svg) -15 -15, pointer;
  transition: 0.3s ease;
}

.pagination-wrapper .page-numbers.current {
  background-color: #008fff;
  color: white;
  pointer-events: none;
}

.pagination-wrapper .page-numbers.unactive {
  pointer-events: none;
}

.pagination-wrapper .prev.page-numbers {
  margin-right: 20px;
  background-color: #e9f5ff;
}

.pagination-wrapper .next.page-numbers {
  margin-left: 20px;
  background-color: #e9f5ff;
}

.pagination-wrapper .page-numbers:hover {
  background-color: #e9f5ff;
  color: #008fff;
}

.pagination-wrapper .page-numbers.unactive svg path {
  stroke: #a9bacf;
}


.blog-search-form {
  display: flex;
  position: relative;
  width: min-content;
  padding: 16px 65px;
  border-radius: 60px;
  background-color: #f7f8fc;
  transition: background 0.3s ease;
}

.blog-search-input {
  border: none;
  font-size: 18px;
  line-height: 28px;
  background-color: #f7f8fc;
  transition: background 0.3s ease;
}

.blog-search-button {
  position: absolute;
  border: none;
  background: none;
  width: 25px;
  height: 25px;
  padding: 0;
  left: 25px;
  top: 50%;
  transform: translateY(-50%);
}

.blog-search-button svg path {
  transition: 0.3s ease;
  stroke: #AEB8CB;
}

.blog-search-form:hover {
  background-color: #F0F2F8;
}

.blog-search-form:hover .blog-search-input {
  background-color: #F0F2F8;
}

.blog-search-clear {
  position: absolute;
  background: none;
  border: none;
  right: 25px;
  top: 50%;
  transform: translateY(-50%);
  cursor: url(../img/cursor-pointer.svg) -15 -15, pointer;
}

.blog-search-button svg {
  width: 100%;
}

.blog-search-form .blog-search-clear {
  transition: opacity 0.3s ease;
  opacity: 0;
}

.blog-search-form.active .blog-search-clear {
  opacity: 1;
}

.blog-search-form.active .blog-search-button svg path {
  stroke: #0988FA;
}

@media (max-width: 1920px) {
  .detail-new__nav.active-bg .swiper.detail-new__swiper {
    max-width: calc(800px + (998 - 800) * ((100vw - 1280px) / (1920 - 1280)));
  }

  .detail-new__content .recomended,
  .detail-new__content .related {
    margin-top: calc(50px + (90 - 50) * ((100vw - 414px) / (1920 - 414)));
    font-size: calc(14px + (20 - 14) * ((100vw - 414px) / (1920 - 414))) !important;
  }

  .pagination-wrapper .page-numbers {
    width: calc(55px + (60 - 55) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(55px + (60 - 55) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .margin-top-80 {
    margin-top: calc(60px + (80 - 60) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .margin-bottom-80 {
    margin-bottom: calc(60px + (80 - 60) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .margin-bottom-50 {
    margin-bottom: calc(40px + (50 - 40) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .blog-breadcrumb,
  .breadcrumb {
    padding-top: calc(125px + (150 - 125) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .blog-breadcrumb.show-banner,
  .breadcrumb.show-banner {
    padding-top: calc(185px + (214 - 185) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .blog-breadcrumb__item,
  .breadcrumb__item {
    font-size: calc(14px + (16 - 14) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(22px + (24 - 22) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .detail-new__title {
    font-size: calc(55px + (65 - 55) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(70px + (80 - 70) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .detail-new__data {
    gap: calc(50px + (70 - 50) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .detail-new__data-date {
    font-size: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(28px + (30 - 28) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .detail-new__data-item {
    font-size: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(28px + (30 - 28) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .detail-new__content .table {
    margin-top: calc(70px + (90 - 70) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .detail-new__content .text-big {
    font-size: calc(24px + (26 - 24) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(36px + (42 - 36) * ((100vw - 1536px) / (1920 - 1536)));
    margin-top: calc(40px + (50 - 40) * ((100vw - 1536px) / (1920 - 1536))) !important;
  }

  .author-comment__avatar {
    width: calc(65px + (80 - 65) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(65px + (80 - 65) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .block-graphic {
    margin-top: calc(70px + (90 - 70) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .author-comment__avatar::after {
    width: calc(10px + (13 - 10) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(10px + (13 - 10) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .author-comment__avatar::before {
    width: calc(10px + (13 - 10) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(10px + (13 - 10) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .author-comment__text {
    padding: calc(15px + (20 - 15) * ((100vw - 1536px) / (1920 - 1536))) calc(25px + (30 - 25) * ((100vw - 1536px) / (1920 - 1536)));
    gap: calc(5px + (10 - 5) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .detail-new__content h5,
  .author-comment__text span,
  .detail-new__content .related__title,
  .detail-new__content .recomended__title,
  .graphcis-percent__title {
    font-size: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(28px + (30 - 28) * ((100vw - 1536px) / (1920 - 1536)));
    margin-top: calc(35px + (45 - 35) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .detail-new__content .title-img {
    font-size: calc(42px + (46 - 42) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(52px + (56 - 52) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .three-div {
    gap: calc(15px + (20 - 15) * ((100vw - 1536px) / (1920 - 1536)));
    margin-top: calc(20px + (30 - 20) * ((100vw - 414px) / (1920 - 414)));
  }

  .margin-top-90 {
    margin-top: calc(70px + (90 - 70) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .margin-bottom-90 {
    margin-bottom: calc(70px + (90 - 70) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .swiper.detail-new__swiper .detail-new__nav-item {
    font-size: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(28px + (30 - 28) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .detail-new__nav {
    margin-top: calc(70px + (90 - 70) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .detail-new__content h2 {
    font-size: calc(30px + (35 - 30) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(40px + (45 - 40) * ((100vw - 1536px) / (1920 - 1536)));
    margin-top: calc(70px + (90 - 70) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .detail-new__content h3 {
    font-size: calc(25px + (30 - 25) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(35px + (40 - 35) * ((100vw - 1536px) / (1920 - 1536)));
    margin-top: calc(65px + (80 - 65) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .detail-new__content p {
    font-size: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(28px + (30 - 28) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .detail-new__content ol li,
  .detail-new__content ul li {
    font-size: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(28px + (30 - 28) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .column-image {
    grid-template-columns:
      calc(430px + (450 - 430) * ((100vw - 1536px) / (1920 - 1536))) calc(455px + (485 - 455) * ((100vw - 1536px) / (1920 - 1536)));
    margin-top: calc(70px + (90 - 70) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .column-image p {
    margin-bottom: calc(15px + (30 - 15) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .detail-new__content h4 {
    font-size: calc(22px + (24 - 22) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(34px + (36 - 34) * ((100vw - 1536px) / (1920 - 1536)));
    margin-top: calc(40px + (50 - 40) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .detail-new__content ol,
  .detail-new__content ul {
    margin: calc(25px + (30 - 25) * ((100vw - 1536px) / (1920 - 1536))) 0 0 0;
  }

  .detail-new__content ol li {
    padding-left: calc(30px + (35 - 30) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .detail-new__content ol li+li {
    margin-top: calc(25px + (30 - 25) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .detail-new__content ol li+li p {
    margin-bottom: calc(5px + (10 - 5) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .detail-new__content ol li::before {
    font-size: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .small-image {
    grid-template-columns:
      calc(165px + (176 - 165) * ((100vw - 1536px) / (1920 - 1536))) 1fr;
    gap: calc(30px + (40 - 30) * ((100vw - 1536px) / (1920 - 1536)));
    margin-top: calc(70px + (90 - 70) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .small-image i,
  .small-image em {
    font-size: calc(40px + (45 - 40) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .gif-image {
    grid-template-columns:
      calc(85px + (90 - 85) * ((100vw - 1536px) / (1920 - 1536))) 1fr;
    margin-top: calc(35px + (45 - 35) * ((100vw - 1536px) / (1920 - 1536)));
    gap: calc(25px + (30 - 25) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .detail-new__content table td:first-child {
    width: calc(208px + (240 - 208) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .detail-new__content table td {
    width: calc(165px + (174 - 165) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .quote {
    margin: calc(70px + (90 - 70) * ((100vw - 1536px) / (1920 - 1536))) 0;
    padding: 0 calc(88px + (103 - 88) * ((100vw - 1536px) / (1920 - 1536))) calc(30px + (40 - 30) * ((100vw - 1536px) / (1920 - 1536))) calc(118px + (135 - 118) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .quote::before {
    width: calc(88px + (94 - 88) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(88px + (94 - 88) * ((100vw - 1536px) / (1920 - 1536)));
  }

  blockquote {
    margin: 0 0 calc(25px + (30 - 25) * ((100vw - 1536px) / (1920 - 1536))) 0;
  }

  .detail-new__content ul li::before {
    width: calc(7px + (10 - 7) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(7px + (10 - 7) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .graphcis-percent {
    padding: calc(30px + (45 - 30) * ((100vw - 1536px) / (1920 - 1536))) calc(30px + (40 - 30) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .graphcis-percent__nums {
    height: calc(288px + (295 - 288) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .graphcis-percent__box {
    height: calc(288px + (295 - 288) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .graphcis-percent__column {
    min-width: calc(27px + (28 - 27) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .graphcis-percent__column-box {
    height: calc(288px + (295 - 288) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .detail-new__content .fact {
    padding: 0 calc(30px + (45 - 30) * ((100vw - 1536px) / (1920 - 1536))) 0 calc(35px + (50 - 35) * ((100vw - 1536px) / (1920 - 1536)));
    margin-top: calc(70px + (90 - 70) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .detail-new__content .fact h4,
  .detail-new__content .fact h3 {
    font-size: calc(30px + (35 - 30) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(40px + (45 - 40) * ((100vw - 1536px) / (1920 - 1536)));
    margin-bottom: calc(20px + (25 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .detail-new__content p.grey {
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .detail-file {
    grid-template-columns: 1fr calc(55px + (60 - 55) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .detail-file__item {
    grid-template-columns:
      calc(55px + (60 - 55) * ((100vw - 1536px) / (1920 - 1536))) 1fr;
  }

  .detail-file__icon {
    width: calc(55px + (60 - 55) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(55px + (60 - 55) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .detail-file__btn {
    width: calc(55px + (60 - 55) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(55px + (60 - 55) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .detail-new__content .reading {
    margin: calc(70px + (90 - 70) * ((100vw - 1536px) / (1920 - 1536))) 0 0;
    padding-left: calc(30px + (40 - 30) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .detail-new__content .reading h5,
  .detail-new__content .reading .reading__title {
    font-size: calc(30px + (35 - 30) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(40px + (45 - 40) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .detail-new__content .reading__item {
    grid-gap: calc(30px + (40 - 30) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .detail-new__content .reading__item+.reading__item {
    margin-top: calc(25px + (30 - 25) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .detail-new__content .reading p.title {
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .survey {
    margin: calc(70px + (90 - 70) * ((100vw - 1536px) / (1920 - 1536))) 0;
    padding: calc(35px + (40 - 35) * ((100vw - 1536px) / (1920 - 1536))) calc(50px + (60 - 50) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .survey form label {
    font-size: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(28px + (30 - 28) * ((100vw - 1536px) / (1920 - 1536)));
    padding-left: calc(30px + (35 - 30) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .comment-input textarea {
    font-size: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(28px + (30 - 28) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .detail-new__content .tags a {
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(24px + (28 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .blog-likes {
    margin-bottom: calc(70px + (90 - 70) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .blog-likes__buttons {
    gap: calc(20px + (25 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .blog-likes_button {
    font-size: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(28px + (30 - 28) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .blog-comments__tree-title {
    font-size: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(28px + (30 - 28) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .blog-comments__tree-wrapper {
    gap: calc(25px + (30 - 25) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .blog-comments__item {
    grid-template-columns:
      calc(45px + (50 - 45) * ((100vw - 1536px) / (1920 - 1536))) 1fr;
  }

  .author-comment__text p {
    font-size: calc(20px + (22 - 20) * ((100vw - 1536px) / (1920 - 1536))) !important;
    line-height: calc(32px + (34 - 32) * ((100vw - 1536px) / (1920 - 1536))) !important;
  }

  .blog-comment__item-avatar {
    width: calc(45px + (50 - 45) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(45px + (50 - 45) * ((100vw - 1536px) / (1920 - 1536)));
    font-size: calc(14px + (16 - 14) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(22px + (24 - 22) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .blog-comments__item-name {
    font-size: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(28px + (30 - 28) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .blog-comments__item-date {
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(24px + (28 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .blog-comments__item-text {
    font-size: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(28px + (30 - 28) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .blog-comments__item-reply {
    font-size: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(28px + (30 - 28) * ((100vw - 1536px) / (1920 - 1536)));
    margin-bottom: calc(25px + (30 - 25) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .blog-comments__form__title {
    font-size: calc(24px + (28 - 24) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(36px + (44 - 36) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .blog-comments__form__descr {
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(24px + (28 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .blog-comment__form-wrapper textarea,
  .blog-comment__form-wrapper input {
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(24px + (28 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media (max-width: 1536px) {
  .pagination-wrapper .page-numbers {
    width: 55px;
    height: 55px;
  }

  .blog-breadcrumb,
  .breadcrumb {
    padding-top: calc(115px + (125 - 115) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .blog-breadcrumb.show-banner,
  .breadcrumb.show-banner {
    padding-top: calc(163px + (185 - 163) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .detail-new__content ol li+li p {
    margin-bottom: 5px;
  }

  .blog-breadcrumb__item,
  .breadcrumb__item {
    font-size: 14px;
    line-height: 22px;
  }

  .margin-top-80 {
    margin-top: calc(50px + (60 - 50) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .margin-bottom-80 {
    margin-bottom: calc(50px + (60 - 50) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .margin-bottom-50 {
    margin-bottom: calc(35px + (40 - 35) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .detail-new__title {
    font-size: calc(45px + (55 - 45) * ((100vw - 1280px) / (1536 - 1280)));
    line-height: calc(55px + (70 - 55) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .detail-new__data {
    gap: calc(45px + (50 - 45) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .detail-new__data-date {
    font-size: calc(16px + (18 - 16) * ((100vw - 1280px) / (1536 - 1280)));
    line-height: calc(24px + (28 - 24) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .detail-new__data-item {
    font-size: calc(16px + (18 - 16) * ((100vw - 1280px) / (1536 - 1280)));
    line-height: calc(24px + (28 - 24) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .detail-new__data-item svg {
    width: calc(20px + (25 - 20) * ((100vw - 1280px) / (1536 - 1280)));
    height: calc(20px + (25 - 20) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .block-graphic {
    margin-top: calc(60px + (70 - 60) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .detail-new__content .text-big {
    font-size: calc(22px + (24 - 22) * ((100vw - 1280px) / (1536 - 1280)));
    line-height: calc(34px + (36 - 34) * ((100vw - 1280px) / (1536 - 1280)));
    margin-top: calc(35px + (50 - 35) * ((100vw - 1280px) / (1536 - 1280))) !important;
  }

  .author-comment__avatar {
    width: calc(55px + (65 - 55) * ((100vw - 1280px) / (1536 - 1280)));
    height: calc(55px + (65 - 55) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .author-comment__avatar::after,
  .author-comment__avatar::before {
    width: 10px;
    height: 10px;
  }

  .author-comment__text {
    padding: 15px calc(20px + (25 - 20) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .author-comment__text p {
    font-size: calc(18px + (20 - 18) * ((100vw - 1280px) / (1536 - 1280))) !important;
    line-height: calc(28px + (32 - 28) * ((100vw - 1280px) / (1536 - 1280))) !important;
  }

  .detail-new__content h5,
  .author-comment__text span,
  .detail-new__content .related__title,
  .detail-new__content .recomended__title,
  .graphcis-percent__title {
    font-size: calc(16px + (18 - 16) * ((100vw - 1280px) / (1536 - 1280)));
    line-height: calc(24px + (28 - 24) * ((100vw - 1280px) / (1536 - 1280)));
    margin-top: calc(30px + (35 - 30) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .detail-new__content p {
    font-size: calc(16px + (18 - 16) * ((100vw - 1280px) / (1536 - 1280)));
    line-height: calc(24px + (28 - 24) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .detail-new__content ol li,
  .detail-new__content ul li {
    font-size: calc(16px + (18 - 16) * ((100vw - 1280px) / (1536 - 1280)));
    line-height: calc(24px + (28 - 24) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .detail-new__content .title-img {
    font-size: calc(34px + (42 - 34) * ((100vw - 1280px) / (1536 - 1280)));
    line-height: calc(44px + (52 - 44) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .three-div {
    gap: calc(10px + (15 - 10) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .three-div p {
    padding: calc(25px + (35 - 25) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .margin-top-90 {
    margin-top: calc(60px + (70 - 60) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .margin-bottom-90 {
    margin-bottom: calc(60px + (70 - 60) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .swiper.detail-new__swiper .detail-new__nav-item {
    font-size: calc(16px + (18 - 16) * ((100vw - 1280px) / (1536 - 1280)));
    line-height: calc(24px + (28 - 24) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .detail-new__nav {
    margin-top: calc(60px + (70 - 60) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .detail-new__content h2 {
    font-size: calc(24px + (30 - 24) * ((100vw - 1280px) / (1536 - 1280)));
    line-height: calc(36px + (40 - 36) * ((100vw - 1280px) / (1536 - 1280)));
    margin-top: calc(60px + (70 - 60) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .detail-new__content h3 {
    font-size: calc(21px + (25 - 21) * ((100vw - 1280px) / (1536 - 1280)));
    line-height: calc(30px + (35 - 30) * ((100vw - 1280px) / (1536 - 1280)));
    margin-top: calc(50px + (65 - 50) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .column-image {
    grid-template-columns:
      calc(360px + (430 - 360) * ((100vw - 1280px) / (1536 - 1280))) 1fr;
    gap: 50px;
    margin-top: calc(60px + (70 - 60) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .column-image p {
    margin-bottom: 15px;
  }

  .detail-new__content h4 {
    font-size: calc(20px + (22 - 20) * ((100vw - 1280px) / (1536 - 1280)));
    line-height: calc(30px + (34 - 30) * ((100vw - 1280px) / (1536 - 1280)));
    margin-top: calc(30px + (40 - 30) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .detail-new__content ol,
  .detail-new__content ul {
    margin: calc(20px + (25 - 20) * ((100vw - 1280px) / (1536 - 1280))) 0 0 0;
  }

  .detail-new__content ol li {
    padding-left: calc(25px + (30 - 25) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .detail-new__content ol li::before {
    font-size: calc(16px + (18 - 16) * ((100vw - 1280px) / (1536 - 1280)));
    line-height: calc(24px + (28 - 24) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .small-image {
    grid-template-columns:
      calc(144px + (165 - 144) * ((100vw - 1280px) / (1536 - 1280))) 1fr;
    margin-top: calc(60px + (70 - 60) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .small-image i,
  .small-image em {
    font-size: calc(32px + (40 - 32) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .gif-image {
    grid-template-columns:
      calc(75px + (85 - 75) * ((100vw - 1280px) / (1536 - 1280))) 1fr;
    gap: calc(20px + (25 - 20) * ((100vw - 1280px) / (1536 - 1280)));
    margin-top: calc(30px + (35 - 30) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .detail-new__content table tr:first-child td {
    height: calc(42px + (52 - 42) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .detail-new__content table tr:first-child td {
    width: calc(180px + (208 - 180) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .detail-new__content table tr:first-child td {
    font-size: calc(14px + (16 - 14) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .detail-new__content table td:nth-child(1) {
    padding-left: calc(18px + (30 - 18) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .detail-new__content table td:first-child {
    width: calc(180px + (208 - 180) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .detail-new__content table td {
    width: calc(120px + (165 - 120) * ((100vw - 1280px) / (1536 - 1280)));
    font-size: calc(14px + (16 - 14) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .detail-new__content table tr:first-child td {
    width: calc(120px + (165 - 120) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .quote {
    margin: calc(60px + (70 - 60) * ((100vw - 1280px) / (1536 - 1280))) 0;
    padding: 0 calc(25px + (30 - 25) * ((100vw - 1280px) / (1536 - 1280))) calc(25px + (30 - 25) * ((100vw - 1280px) / (1536 - 1280))) calc(95px + (118 - 95) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .quote::before {
    width: calc(70px + (88 - 70) * ((100vw - 1280px) / (1536 - 1280)));
    height: calc(70px + (88 - 70) * ((100vw - 1280px) / (1536 - 1280)));
  }

  blockquote {
    margin: 0 0 calc(20px + (25 - 20) * ((100vw - 1280px) / (1536 - 1280))) 0;
    font-size: calc(20px + (24 - 20) * ((100vw - 1280px) / (1536 - 1280)));
    line-height: calc(30px + (36 - 30) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .detail-new__content ul li {
    padding-left: calc(25px + (30 - 25) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .detail-new__content ul li::before {
    width: 7px;
    height: 7px;
  }

  .graphcis-percent {
    margin-top: calc(60px + (90 - 60) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .graphcis-percent__nums {
    height: calc(276px + (288 - 276) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .graphcis-percent__box {
    height: calc(276px + (288 - 276) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .graphcis-percent__columns {
    grid-gap: calc(40px + (50 - 40) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .graphcis-percent__column {
    min-width: calc(25px + (27 - 25) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .graphcis-percent__column-box {
    height: calc(276px + (288 - 276) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .graphcis-percent__comment p {
    font-size: calc(14px + (18 - 14) * ((100vw - 1280px) / (1536 - 1280)));
    line-height: calc(22px + (28 - 22) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .detail-new__content .fact {
    padding: 0 calc(25px + (30 - 25) * ((100vw - 1280px) / (1536 - 1280))) 0 calc(30px + (35 - 30) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .detail-new__content .fact h4,
  .detail-new__content .fact h3 {
    font-size: calc(28px + (30 - 28) * ((100vw - 1280px) / (1536 - 1280)));
    line-height: calc(38px + (40 - 38) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .detail-new__content p.grey {
    font-size: calc(14px + (16 - 14) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .detail-file {
    grid-template-columns: 1fr 55px;
  }

  .detail-file__item {
    grid-template-columns: 55px 1fr;
  }

  .detail-file__icon {
    width: 55px;
    height: 55px;
  }

  .detail-file__box {
    font-size: calc(16px + (18 - 16) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .detail-new__content .reading {
    margin: calc(60px + (70 - 60) * ((100vw - 1280px) / (1536 - 1280))) 0 0;
    padding-left: calc(25px + (30 - 25) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .detail-new__content .reading h5,
  .detail-new__content .reading .reading__title {
    font-size: calc(28px + (30 - 28) * ((100vw - 1280px) / (1536 - 1280)));
    line-height: calc(38px + (40 - 38) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .detail-new__content .reading__item {
    grid-gap: calc(25px + (30 - 25) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .detail-new__content .reading img {
    width: calc(72px + (78 - 72) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .detail-new__content .reading p.title {
    font-size: 16px;
  }

  .detail-new__content .reading__item+.reading__item {
    margin-top: calc(20px + (25 - 20) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .survey {
    margin: calc(60px + (70 - 60) * ((100vw - 1280px) / (1536 - 1280))) 0;
    padding: calc(25px + (35 - 25) * ((100vw - 1280px) / (1536 - 1280))) calc(40px + (50 - 40) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .survey form {
    margin-top: calc(20px + (25 - 20) * ((100vw - 1280px) / (1536 - 1280)));
    gap: calc(10px + (15 - 10) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .survey form label {
    font-size: calc(16px + (18 - 16) * ((100vw - 1280px) / (1536 - 1280)));
    line-height: calc(24px + (28 - 24) * ((100vw - 1280px) / (1536 - 1280)));
    padding-left: 30px;
  }

  .survey form label {
    font-size: 16px;
    line-height: 24px;
    padding-left: 30px;
  }

  .comment-input textarea {
    font-size: calc(16px + (18 - 16) * ((100vw - 1280px) / (1536 - 1280)));
    line-height: calc(24px + (28 - 24) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .detail-new__content .tags a {
    font-size: calc(14px + (16 - 14) * ((100vw - 1280px) / (1536 - 1280)));
    line-height: calc(22px + (24 - 22) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .blog-likes {
    margin-bottom: calc(60px + (70 - 60) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .blog-likes h5 {
    font-size: calc(16px + (20 - 16) * ((100vw - 1280px) / (1536 - 1280)));
    line-height: calc(24px + (30 - 24) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .blog-likes__buttons {
    gap: calc(15px + (20 - 15) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .blog-likes_button {
    font-size: calc(16px + (18 - 16) * ((100vw - 1280px) / (1536 - 1280)));
    line-height: calc(24px + (28 - 24) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .blog-likes_button svg {
    width: calc(20px + (23 - 20) * ((100vw - 1280px) / (1536 - 1280)));
    height: calc(20px + (23 - 20) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .blog-comments__tree-title {
    font-size: calc(16px + (18 - 16) * ((100vw - 1280px) / (1536 - 1280)));
    line-height: calc(24px + (28 - 24) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .blog-comments__tree-wrapper {
    gap: 25px;
  }

  .blog-comments__item {
    grid-template-columns:
      calc(35px + (45 - 35) * ((100vw - 1280px) / (1536 - 1280))) 1fr;
    gap: calc(10px + (15 - 10) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .blog-comment__item-avatar {
    width: calc(35px + (45 - 35) * ((100vw - 1280px) / (1536 - 1280)));
    height: calc(35px + (45 - 35) * ((100vw - 1280px) / (1536 - 1280)));
    font-size: 14px;
    line-height: 22px;
  }

  .blog-comments__item-name {
    font-size: calc(16px + (18 - 16) * ((100vw - 1280px) / (1536 - 1280)));
    line-height: calc(24px + (28 - 24) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .blog-comments__item-date {
    font-size: calc(14px + (16 - 14) * ((100vw - 1280px) / (1536 - 1280)));
    line-height: calc(22px + (24 - 22) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .blog-comments__item-text {
    font-size: calc(16px + (18 - 16) * ((100vw - 1280px) / (1536 - 1280)));
    line-height: calc(24px + (28 - 24) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .blog-comments__item-reply {
    font-size: calc(16px + (18 - 16) * ((100vw - 1280px) / (1536 - 1280)));
    line-height: calc(24px + (28 - 24) * ((100vw - 1280px) / (1536 - 1280)));
    margin-bottom: 25px;
  }

  .blog-comments__form__title {
    font-size: calc(22px + (24 - 22) * ((100vw - 1280px) / (1536 - 1280)));
    line-height: calc(34px + (36 - 34) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .blog-comments__form__descr {
    font-size: calc(14px + (16 - 14) * ((100vw - 1280px) / (1536 - 1280)));
    line-height: calc(22px + (24 - 22) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .blog-comment__form-wrapper {
    margin-top: calc(25px + (30 - 25) * ((100vw - 1280px) / (1536 - 1280)));
    margin-bottom: calc(25px + (30 - 25) * ((100vw - 1280px) / (1536 - 1280)));
    row-gap: 20px;
  }

  .blog-comment__form-wrapper textarea,
  .blog-comment__form-wrapper input {
    font-size: 16px;
    line-height: 24px;
  }

  .detail-new__content .table {
    margin-top: calc(60px + (70 - 60) * ((100vw - 1280px) / (1536 - 1280)));
  }
}

@media (max-width: 1280px) {
  .detail-new__nav.active-bg .swiper.detail-new__swiper {
    max-width: 800px;
  }

  .blog-breadcrumb,
  .breadcrumb {
    padding-top: 115px;
  }

  .blog-breadcrumb.show-banner,
  .breadcrumb.show-banner {
    padding-top: 163px;
  }

  .margin-top-80 {
    margin-top: 50px;
  }

  .margin-bottom-80 {
    margin-bottom: 50px;
  }

  .margin-bottom-50 {
    margin-bottom: 35px;
  }

  .detail-new__title {
    max-width: 670px;
    margin-right: auto;
    margin-left: auto;
    font-size: 45px;
    line-height: 55px;
  }

  .detail-new__data {
    gap: 45px;
  }

  .detail-new__content .table {
    margin-top: 60px;
  }

  .detail-new__data-date {
    font-size: 16px;
    line-height: 24px;
  }

  .detail-new__data-item {
    font-size: 16px;
    line-height: 24px;
  }

  .detail-new__data-item svg {
    width: 20px;
    height: 20px;
  }

  .detail-new__content .text-big {
    font-size: 22px;
    line-height: 34px;
    margin-top: 35px !important;
  }

  .author-comment {
    gap: calc(20px + (30 - 20) * ((100vw - 922px) / (1280 - 922)));
  }

  .author-comment__text p {
    font-size: 18px !important;
    line-height: 28px !important;
  }

  .author-comment__avatar {
    width: 55px;
    height: 55px;
  }

  .author-comment__text {
    padding: 15px 20px;
    gap: 5px;
  }

  .detail-new__content p {
    font-size: 18px;
    line-height: 24px;
  }

  .detail-new__content ol li,
  .detail-new__content ul li {
    font-size: 18px;
    line-height: 24px;
  }

  .detail-new__content .title-img {
    font-size: 34px;
    line-height: 44px;
  }

  .three-div {
    gap: 10px;
    margin-bottom: 60px;
  }

  .three-div p {
    padding: 25px;
  }

  .margin-top-90 {
    margin-top: 60px;
  }

  .margin-bottom-90 {
    margin-bottom: 60px;
  }

  .detail-new__content p {
    font-size: calc(16px + (18 - 16) * ((100vw - 922px) / (1280 - 922)));
  }

  .detail-new__content ol li,
  .detail-new__content ul li {
    font-size: calc(16px + (18 - 16) * ((100vw - 922px) / (1280 - 922)));
  }

  .swiper.detail-new__swiper .detail-new__nav-item {
    font-size: 16px;
    line-height: 24px;
  }

  .detail-new__nav {
    margin-top: 60px;
  }

  .detail-new__content h2 {
    font-size: 24px;
    line-height: 36px;
    margin-top: 60px;
  }

  .detail-new__content h3 {
    font-size: 21px;
    line-height: 30px;
    margin-top: 50px;
  }

  .column-image {
    grid-template-columns: 360px 1fr;
    margin-top: 60px;
  }

  .detail-new__content h4 {
    font-size: 20px;
    line-height: 30px;
    margin-top: 30px;
  }

  .detail-new__content ol,
  .detail-new__content ul {
    margin: 20px 0 0 0;
  }

  .detail-new__content ol li {
    padding-left: 25px;
  }

  .detail-new__content ol li::before {
    font-size: 16px;
    line-height: 24px;
  }

  .detail-new__content ol li+li {
    margin-top: calc(20px + (25 - 20) * ((100vw - 922px) / (1280 - 922)));
  }

  .small-image {
    grid-template-columns: 144px 1fr;
    gap: calc(20px + (30 - 20) * ((100vw - 922px) / (1280 - 922)));
    margin-top: 60px;
  }

  .small-image i,
  .small-image em {
    font-size: 32px;
    line-height: 36px;
  }

  .gif-image {
    grid-template-columns: 75px 1fr;
    gap: 20px;
    margin-top: 30px;
  }

  .detail-new__content table tr:first-child td {
    font-size: 14px;
  }

  .detail-new__content table tr:first-child td {
    height: calc(52px + (42 - 52) * ((100vw - 922px) / (1280 - 922)));
  }

  .detail-new__content table tr:first-child td {
    width: 120px;
  }

  .detail-new__content table td:nth-child(1) {
    padding-left: 20px;
  }

  .detail-new__content table td {
    width: 120px;
    font-size: 14px;
  }

  .quote {
    margin: 60px 0;
    padding: 0 25px 25px 95px;
  }

  .quote::before {
    width: 70px;
    height: 70px;
  }

  blockquote {
    margin: 0 0 20px 0;
    font-size: 20px;
    line-height: 30px;
  }

  .detail-new__content ul li {
    padding-left: 25px;
  }

  .graphcis-percent {
    margin-top: 60px;
    padding: 30px;
  }

  .graphcis-percent__title {
    margin-bottom: calc(35px + (45 - 35) * ((100vw - 922px) / (1280 - 922)));
  }

  .detail-new__content h5,
  .author-comment__text span,
  .detail-new__content .related__title,
  .detail-new__content .recomended__title,
  .graphcis-percent__title {
    font-size: 16px;
    line-height: 24px;
    margin-top: 30px;
  }

  .graphcis-percent__nums {
    height: calc(242px + (276 - 242) * ((100vw - 922px) / (1280 - 922)));
  }

  .graphcis-percent__box {
    height: calc(242px + (276 - 242) * ((100vw - 922px) / (1280 - 922)));
  }

  .graphcis-percent__columns {
    grid-gap: 40px;
  }

  .graphcis-percent__column {
    min-width: 45px;
  }

  .graphcis-percent__column-box {
    height: calc(242px + (276 - 242) * ((100vw - 922px) / (1280 - 922)));
  }

  .block-graphic {
    gap: calc(20px + (30 - 20) * ((100vw - 922px) / (1280 - 922)));
    margin-top: 60px;
  }

  .graphic-circle p {
    margin-bottom: calc(20px + (40 - 20) * ((100vw - 922px) / (1280 - 922)));
  }

  .graphic-circle__inner {
    margin-bottom: calc(25px + (60 - 25) * ((100vw - 922px) / (1280 - 922)));
  }

  .graphic-circle__title {
    font-size: calc(14px + (16 - 14) * ((100vw - 922px) / (1280 - 922)));
  }

  .detail-new__content .fact {
    padding: 0 25px 0 30px;
    margin-top: 60px;
  }

  .detail-new__content .fact h4,
  .detail-new__content .fact h3 {
    font-size: 28px;
    line-height: 38px;
  }

  .detail-file__box {
    font-size: 16px;
  }

  .detail-new__content .reading {
    margin: 60px 0 0;
    padding-left: 25px;
  }

  .detail-new__content .reading h5,
  .detail-new__content .reading .reading__title {
    font-size: 28px;
    line-height: 38px;
  }

  .detail-new__content .reading__item {
    grid-gap: 25px;
  }

  .detail-new__content .reading img {
    width: 72px;
  }

  .detail-new__content .reading__item+.reading__item {
    margin-top: 20px;
  }

  .survey {
    margin: 60px 0;
    padding: 25px 40px;
  }

  .survey form {
    margin-top: calc(18px + (20 - 18) * ((100vw - 922px) / (1280 - 922)));
    gap: calc(20px + (10 - 20) * ((100vw - 922px) / (1280 - 922)));
  }

  .detail-new__content .tags a {
    font-size: 14px;
    line-height: 22px;
  }

  .blog-likes {
    margin-bottom: 60px;
  }

  .blog-likes h5 {
    font-size: 16px;
    line-height: 24px;
  }

  .blog-likes__buttons {
    gap: 15px;
  }

  .blog-likes_button {
    font-size: 16px;
    line-height: 24px;
  }

  .blog-likes_button svg {
    width: 20px;
    height: 20px;
  }

  .blog-comments__tree-title {
    font-size: 16px;
    line-height: 24px;
  }

  .blog-comments__item {
    grid-template-columns: 35px 1fr;
    gap: 10px;
  }

  .blog-comment__item-avatar {
    width: 35px;
    height: 35px;
  }

  .blog-comments__item-name {
    font-size: 16px;
    line-height: 24px;
  }

  .blog-comments__item-date {
    font-size: 14px;
    line-height: 22px;
  }

  .blog-comments__item-text {
    font-size: 16px;
    line-height: 24px;
  }

  .blog-comments__item-reply {
    font-size: 16px;
    line-height: 24px;
  }

  .blog-comments__form__title {
    font-size: 22px;
    line-height: 34px;
  }

  .blog-comments__form__descr {
    font-size: 14px;
    line-height: 22px;
  }

  .blog-comment__form-wrapper {
    margin-top: 25px;
    margin-bottom: 25px;
  }
}

@media (max-width: 922px) {
  .detail-new__nav.active-bg .swiper.detail-new__swiper {
    max-width: 100%;
    padding: 0 40px;
  }

  .detail-new__content table td {
    height: calc(65px + (88 - 65) * ((100vw - 414px) / (922 - 414)));
    font-size: calc(12px + (14 - 12) * ((100vw - 414px) / (922 - 414)));
  }

  .detail-new__content table td:first-child {
    width: calc(200px + (350 - 200) * ((100vw - 550px) / (922 - 550))) !important;
  }

  .pagination-wrapper .page-numbers {
    width: calc(45px + (55 - 45) * ((100vw - 414px) / (922 - 414)));
    height: calc(45px + (55 - 45) * ((100vw - 414px) / (922 - 414)));
  }

  .pagination-wrapper {
    max-width: 540px;
  }

  .blog-breadcrumb,
  .breadcrumb {
    padding-top: calc(95px + (115 - 95) * ((100vw - 414px) / (922 - 414)));
  }

  .blog-breadcrumb.show-banner,
  .breadcrumb.show-banner {
    padding-top: calc(169px + (163 - 169) * ((100vw - 414px) / (922 - 414)));
  }

  .blog-breadcrumb__list,
  .breadcrumb__list {
    padding: 6px calc(10px + (15 - 10) * ((100vw - 414px) / (922 - 414)));
  }

  .detail-new__title {
    font-size: calc(30px + (45 - 30) * ((100vw - 414px) / (922 - 414)));
    line-height: calc(40px + (55 - 40) * ((100vw - 414px) / (922 - 414)));
  }

  .margin-bottom-50 {
    margin-bottom: calc(30px + (35 - 30) * ((100vw - 414px) / (922 - 414)));
  }

  .detail-new__content .text-big {
    font-size: calc(18px + (22 - 18) * ((100vw - 414px) / (922 - 414)));
    line-height: calc(28px + (34 - 28) * ((100vw - 414px) / (922 - 414)));
    margin-top: calc(30px + (35 - 30) * ((100vw - 414px) / (922 - 414))) !important;
  }

  .author-comment {
    gap: calc(10px + (20 - 10) * ((100vw - 414px) / (922 - 414)));
  }

  .author-comment__avatar {
    width: calc(44px + (55 - 44) * ((100vw - 414px) / (922 - 414)));
    height: calc(44px + (55 - 44) * ((100vw - 414px) / (922 - 414)));
  }

  .author-comment__text {
    padding: calc(10px + (15 - 10) * ((100vw - 414px) / (922 - 414))) calc(15px + (20 - 15) * ((100vw - 414px) / (922 - 414)));
  }

  .detail-new__content h5,
  .author-comment__text span,
  .detail-new__content .related__title,
  .detail-new__content .recomended__title,
  .graphcis-percent__title {
    font-size: calc(14px + (16 - 14) * ((100vw - 414px) / (922 - 414)));
    line-height: calc(22px + (24 - 22) * ((100vw - 414px) / (922 - 414)));
  }

  .detail-new__content p {
    font-size: 16px;
  }

  .detail-new__content ol li,
  .detail-new__content ul li {
    font-size: 16px;
  }

  .detail-new__content h2 {
    margin-top: calc(50px + (60 - 50) * ((100vw - 414px) / (922 - 414)));
  }

  .detail-new__content h3 {
    margin-top: calc(45px + (50 - 45) * ((100vw - 414px) / (922 - 414)));
  }

  .detail-new__content .title-img {
    font-size: calc(30px + (34 - 30) * ((100vw - 414px) / (922 - 414)));
    line-height: calc(40px + (44 - 40) * ((100vw - 414px) / (922 - 414)));
  }

  .small-image {
    grid-template-columns:
      calc(95px + (144 - 95) * ((100vw - 414px) / (922 - 414))) 1fr;
    gap: 20px;
    margin-top: calc(50px + (60 - 50) * ((100vw - 414px) / (922 - 414)));
  }

  .small-image i,
  .small-image em {
    font-size: calc(26px + (32 - 26) * ((100vw - 414px) / (922 - 414)));
    line-height: calc(32px + (36 - 32) * ((100vw - 414px) / (922 - 414)));
  }

  .gif-image {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  .author-comment__text p {
    font-size: calc(16px + (18 - 16) * ((100vw - 414px) / (922 - 414))) !important;
    line-height: calc(24px + (28 - 24) * ((100vw - 414px) / (922 - 414))) !important;
  }

  .gif-image img {
    width: 75px;
  }

  .detail-new__content .table {
    margin-top: calc(50px + (60 - 50) * ((100vw - 414px) / (922 - 414)));
  }

  .detail-new__content .table::-webkit-scrollbar-thumb {
    background-color: #008fff;
    height: 5px;
  }

  .detail-new__content .table::-webkit-scrollbar {
    height: 5px;
  }

  .quote {
    margin: calc(50px + (60 - 50) * ((100vw - 414px) / (922 - 414))) 0;
  }

  blockquote {
    margin: 0 0 calc(15px + (20 - 15) * ((100vw - 414px) / (922 - 414))) 0;
    font-size: calc(18px + (20 - 18) * ((100vw - 414px) / (922 - 414)));
    line-height: calc(28px + (30 - 28) * ((100vw - 414px) / (922 - 414)));
  }

  .detail-new__content ul li:not(:first-child) {
    margin-top: calc(5px + (15 - 5) * ((100vw - 414px) / (922 - 414)));
  }

  .detail-new__nav.active-bg {
    top: calc(70px + (86 - 70) * ((100vw - 414px) / (922 - 414)));
  }

  .detail-new__nav {
    margin-top: calc(50px + (60 - 50) * ((100vw - 414px) / (922 - 414)));
  }

  .graphic-circle__inner {
    margin-bottom: 25px;
  }

  .detail-new__content .fact {
    padding: 0 calc(20px + (25 - 20) * ((100vw - 414px) / (922 - 414))) 0 calc(25px + (30 - 25) * ((100vw - 414px) / (922 - 414)));
  }

  .detail-new__content .fact h4,
  .detail-new__content .fact h3 {
    font-size: calc(24px + (28 - 24) * ((100vw - 414px) / (922 - 414)));
    line-height: calc(34px + (38 - 34) * ((100vw - 414px) / (922 - 414)));
  }

  .detail-new__content p.grey {
    font-size: 14px;
  }

  .detail-new__content .reading h5,
  .detail-new__content .reading .reading__title {
    font-size: calc(24px + (28 - 24) * ((100vw - 414px) / (922 - 414)));
    line-height: calc(34px + (38 - 34) * ((100vw - 414px) / (922 - 414)));
  }

  .new-item .blog-list__item-wrapper::before {
    width: 74px;
    height: 42px;
    top: 35px;
  }

  .graphcis-percent__title {
    grid-column: 1/3;
  }
}

@media (max-width: 768px) {
  .detail-new__data {
    row-gap: 15px;
    /* column-gap: 30px; */
    display: flex;
    flex-direction: column;
    /* grid-template-columns: repeat(3, auto); */
  }

  .detail-new__data-date {
    /* grid-column: 1/4;
    grid-row: 1/2; */
    justify-content: center;
    text-align: center;
  }

  .author-comment__avatar::after,
  .author-comment__avatar::before {
    width: 7px;
    height: 7px;
  }

  .three-div {
    display: flex;
    flex-direction: column;
    margin-bottom: calc(50px + (60 - 50) * ((100vw - 414px) / (922 - 414)));
  }

  .three-div p {
    padding: 25px 20px;
  }

  .margin-top-90 {
    margin-top: calc(50px + (60 - 50) * ((100vw - 414px) / (922 - 414)));
  }

  .margin-bottom-90 {
    margin-bottom: calc(50px + (60 - 50) * ((100vw - 414px) / (922 - 414)));
  }

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

  .quote {
    padding: 70px 0 0 0;
  }

  .quote::before {
    width: 50px;
    height: 50px;
    top: 0;
  }

  .graphcis-percent__setting-link {
    display: grid;
    grid-template-columns: 10px 1fr;
  }

  .block-graphic {
    gap: 30px;
    display: flex;
    flex-direction: column;
    margin-top: calc(50px + (60 - 50) * ((100vw - 414px) / (922 - 414)));
  }

  .detail-new__content .fact {
    margin-top: 50px;
  }

  .detail-file {
    grid-template-columns: 1fr 45px;
  }

  .detail-file__item {
    grid-template-columns: 45px 1fr;
    gap: 10px;
  }

  .detail-file__btn {
    width: 45px;
    height: 45px;
  }

  .detail-file__btn svg {
    width: 20px;
    height: 20px;
  }

  .detail-file__icon {
    width: 45px;
    height: 45px;
  }

  .detail-file__icon img {
    width: 20px;
    height: 20px;
  }

  .detail-file__size {
    font-size: 12px;
  }

  .detail-new__content .reading {
    margin: 50px 0 0;
  }

  .detail-new__content .reading__item {
    grid-gap: 20px;
  }

  .detail-new__content img {
    border-radius: 5px;
  }

  .blog-comment__form-wrapper {
    display: flex;
    flex-direction: column;
  }

  .graphcis-percent__column-name {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .blog-search-form {
    width: 45px;
    padding: 10px 10px;
    transition: 0.35s ease;
  }

  .blog-search-form.active {
    width: 230px;
    padding: 10px 30px;
  }

  .blog-search-form.active .blog-search-clear,
  .blog-search-form.active .blog-search-input {
    opacity: 1;
  }

  .blog-search-clear {
    opacity: 0;
    transition: opacity 0.15s ease;
    right: 13px;
  }

  .blog-search-clear svg {
    width: 12px;
  }

  .select-block__name {
    font-size: 14px;
    padding: 10px 20px;
  }

  .select-block__drop-box {
    transform: translateY(-10px);
  }

  .select-block__list li {
    padding: 10px;
    font-size: 14px;
  }

  .blog-search-input {
    font-size: 14px;
    line-height: 140%;
    width: 100%;
    opacity: 0;
    transition: opacity 0.15s ease;
  }

  .blog-search-button {
    pointer-events: none;
    width: 20px;
    height: 20px;
    left: 12px;
    top: 44%;
  }

  .detail-new__content img.portrait.no-portrait {
    max-width: 100% !important;
  }
}

@media (max-width: 620px) {

  .detail-new__content table td:first-child,
  .detail-new__content table td {
    width: auto !important;
    overflow-wrap: break-word;
  }

  .detail-new__content table td:nth-child(1) {
    padding-left: 7px;
  }

  .detail-new__content table td {
    font-size: 12px;
  }
}

@media (max-width: 580px) {

  .pagination .next,
  .pagination .prev {
    display: none;
  }
}

@media (max-width: 414px) {
  .detail-new__nav.active-bg .swiper.detail-new__swiper {
    padding: 0 20px;
  }

  .pagination {
    max-width: 100%;
  }

  .pagination-wrapper {
    max-width: 100%;
    width: fit-content;
  }

  .pagination .swiper-slide {
    width: 45px !important;
    flex: 0 0 auto;
    aspect-ratio: 1;
  }
}

/* конец стилей для новых страниц блога */

.footer__animation-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/*start detail-comments*/
.detail-comments {}

.detail-comments #respond {
  margin-top: 32px;
}

.detail-comments .comment-top {
  font-size: 20px;
  font-weight: 700;
  line-height: 140%;
  border-bottom: 1px solid #c7d6ed;
  padding-bottom: 4px;
  margin-bottom: 30px;
}

.hidden-divs {
  display: none;
}

.detail-comments #respond #reply-title {
  color: #2f2f38;
  font-family: "Gilroy";
  font-size: 28px;
  font-weight: 700;
  line-height: 140%;
  margin-bottom: 12px;
}

.detail-comments #respond .comment-notes {
  color: #7c8a9d;
  font-size: 18px;
  line-height: 140%;
  margin-bottom: 30px;
  display: inline-block;
  grid-column: span 2;
}

.detail-comments #respond .comment-form-comment textarea {
  display: block;
  width: 100%;
  border-radius: 20px;
  background: #fff;
  border: none;
  height: 120px;
  font-size: 18px;
  line-height: 140%;
  outline: none;
  padding: 15px 25px;
  resize: none;
  background-color: #f7f8fc;
}

.detail-comments #respond .comment-form-comment {
  position: relative;
  grid-column: span 2;
}

.detail-comments #respond .comment-form-comment label {
  position: absolute;
  top: 14px;
  left: 20px;
  z-index: 2;
  color: #bac1e8;
  font-family: "Gilroy";
  font-size: 16px;
  font-weight: 500;
  pointer-events: none;
  line-height: 140%;
}

.detail-comments #respond .comment-form-comment label span {
  display: none;
}

.detail-comments #respond .required-field-message span {
  color: transparent;
  width: 0;
  position: relative;
}

.detail-comments #respond .required-field-message span::before {
  content: "";
  position: absolute;
  width: 5px;
  height: 5px;
  top: -2px;
  right: -6px;
  border-radius: 50%;
  background-color: #bac1e8;
}

.detail-comments #respond #commentform {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 0 16px;
}

.detail-comments #respond #commentform .comment-form-url {
  display: none;
}

.detail-comments #respond #commentform .comment-form-cookies-consent {
  display: none;
}

.detail-comments #respond #commentform .form-submit {
  grid-column: span 2;
  order: 2;
  position: relative;
}

.detail-comments #respond #commentform .gglcptch {
  order: 1;
  grid-column: span 2;
}

.detail-comments #respond #commentform .form-submit #submit {
  border-radius: 60px;
  opacity: 0.7;
  background: #008fff;
  padding: 14px 70px 14px 28px;
  color: #fff;
  font-family: "Gilroy", sans-serif;
  font-size: 14px;
  transition: 0.3s;
  line-height: 140%;
  cursor: url(../img/cursor-pointer.svg) -15 -15, pointer;
  border: none;
  outline: none;
}

.detail-comments #respond #commentform .form-submit::before {
  content: "";
  position: absolute;
  display: block;
  z-index: 1;
  top: 10px;
  left: 140px;
  width: 25px;
  height: 25px;
  background-image: url(../img/paper.svg);
  pointer-events: none;
}

.detail-comments.es #respond #commentform .form-submit::before {
  left: 185px;
}

.detail-comments.pt #respond #commentform .form-submit::before {
  left: 170px;
}

.detail-comments.ru #respond #commentform .form-submit::before {
  left: 195px;
}

.detail-comments #respond #commentform .form-submit #submit:hover {
  opacity: 1;
}

.detail-comments #respond #commentform .comment-form-author input,
.detail-comments #respond #commentform .comment-form-email input {
  border-radius: 60px;
  background: #f7f8fc;
  border: none;
  outline: none;
  width: 100%;
  font-size: 18px;
  line-height: 140%;
  display: block;
  padding: 16px 25px;
}

.detail-comments #respond #commentform .comment-form-author,
.detail-comments #respond #commentform .comment-form-email {
  position: relative;
  margin-top: 16px;
}

.detail-comments #respond #commentform .comment-form-author label,
.detail-comments #respond #commentform .comment-form-email label {
  position: absolute;
  top: 18px;
  left: 20px;
  z-index: 2;
  color: #bac1e8;
  font-family: "Gilroy";
  font-size: 16px;
  pointer-events: none;
  line-height: 140%;
}

.detail-comments #respond #commentform .comment-form-author label span,
.detail-comments #respond #commentform .comment-form-email label span {
  position: relative;
  font-size: 0;
}

.detail-comments #respond #commentform .comment-form-author label span::before,
.detail-comments #respond #commentform .comment-form-email label span::before {
  content: "";
  position: absolute;
  top: -14px;
  left: 1px;
  width: 4px;
  background-color: #008fff;
  height: 4px;
  border-radius: 50%;
}

.detail-comments #respond #commentform .form-submit {
  margin-top: 24px;
}

.detail-comments #comments .comment-author img {
  width: 50px;
  height: 50px;
  object-fit: cover;
  border-radius: 50%;
}

.detail-comments #comments .comment-author {
  position: relative;
  display: grid;
  grid-template-columns: 50px 1fr;
  grid-gap: 15px;
  padding-top: 20px;
  color: #2f2f38;
  font-size: 20px;
  line-height: 140%;
  font-style: normal !important;
}

.detail-comments #comments .comment-author .avatar-name {
  position: absolute;
  top: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #e9f5ff;
  color: #008fff;
  font-size: 16px;
  line-height: 140%;
}

.detail-comments #comments .comment-author cite {
  font-style: normal !important;
}

.detail-comments #comments .says {
  display: none;
}

.detail-comments #comments .comment-meta {
  padding-left: 65px;
  color: #a9bacf;
  font-size: 18px;
  line-height: 140%;
  margin-top: -18px;
  margin-bottom: 15px;
}

.detail-comments #comments .comment p {
  padding-bottom: 20px;
  padding-left: 65px;
  font-size: 20px;
  font-weight: 400;
  line-height: 140%;
}

.detail-comments #comments .comment .reply {
  padding-left: 65px;
  padding-bottom: 16px;
}

.detail-comments .styled-separator {
  display: none;
}

.detail-comments #comments .comment .reply a {
  color: #98a4e7;
  font-size: 20px;
  line-height: 140%;
}

.detail-comments #comments .comment-meta .comment-edit-link {
  display: none;
}

.detail-comments #comments .comment .comment {
  padding-left: 60px;
}

.detail-comments .logged-in-as {
  grid-column: span 2;
  margin-bottom: 15px;
  font-size: 14px;
  line-height: 140%;
  color: #7c8a9d;
}

@media (max-width: 1920px) {
  .detail-comments .comment-top {
    font-size: calc(18px + (20 - 18) * ((100vw - 1366px) / (1920 - 1366)));
    margin-bottom: calc(28px + (32 - 28) * ((100vw - 1366px) / (1920 - 1366)));
  }

  .detail-comments #comments .comment-author {
    padding-top: calc(12px + (16 - 12) * ((100vw - 1366px) / (1920 - 1366)));
    grid-gap: calc(12px + (16 - 12) * ((100vw - 1366px) / (1920 - 1366)));
    font-size: calc(16px + (20 - 16) * ((100vw - 1366px) / (1920 - 1366)));
    grid-template-columns:
      calc(34px + (44 - 34) * ((100vw - 1366px) / (1920 - 1366))) 1fr;
  }

  .detail-comments #comments .comment .reply {
    padding-bottom: calc(12px + (16 - 12) * ((100vw - 1366px) / (1920 - 1366)));
    padding-left: calc(46px + (60 - 46) * ((100vw - 1366px) / (1920 - 1366)));
  }

  .detail-comments #comments .comment-author img {
    width: calc(34px + (50 - 34) * ((100vw - 1366px) / (1920 - 1366)));
    height: calc(34px + (50 - 34) * ((100vw - 1366px) / (1920 - 1366)));
  }

  .detail-comments #comments .comment-author .avatar-name {
    width: calc(34px + (50 - 34) * ((100vw - 1366px) / (1920 - 1366)));
    height: calc(34px + (50 - 34) * ((100vw - 1366px) / (1920 - 1366)));
    top: calc(12px + (20 - 12) * ((100vw - 1366px) / (1920 - 1366)));
  }

  .detail-comments #comments .comment-meta {
    font-size: calc(12px + (14 - 12) * ((100vw - 1366px) / (1920 - 1366)));
    margin-bottom: calc(8px + (12 - 8) * ((100vw - 1366px) / (1920 - 1366)));
    padding-left: calc(46px + (60 - 46) * ((100vw - 1366px) / (1920 - 1366)));
  }

  .detail-comments #comments .comment p {
    padding-left: calc(46px + (60 - 46) * ((100vw - 1366px) / (1920 - 1366)));
    font-size: calc(16px + (20 - 16) * ((100vw - 1366px) / (1920 - 1366)));
    padding-bottom: calc(12px + (16 - 12) * ((100vw - 1366px) / (1920 - 1366)));
  }

  .detail-comments #respond {
    margin-top: calc(28px + (32 - 28) * ((100vw - 1366px) / (1920 - 1366)));
  }

  .detail-comments #respond #reply-title {
    font-size: calc(24px + (28 - 24) * ((100vw - 1366px) / (1920 - 1366)));
  }

  .detail-comments #comments .comment .reply a {
    font-size: calc(16px + (20 - 16) * ((100vw - 1366px) / (1920 - 1366)));
  }

  .detail-comments #comments .comment .comment {
    padding-left: calc(48px + (60 - 48) * ((100vw - 1366px) / (1920 - 1366)));
  }
}

@media (max-width: 1366px) {
  .detail-comments #comments .comment .comment {
    padding-left: 48px;
  }

  .detail-comments #comments .comment .reply a {
    font-size: 16px;
  }

  .detail-comments #respond #reply-title {
    font-size: 24px;
  }

  .detail-comments #respond {
    margin-bottom: 28px;
  }

  .detail-comments #comments .comment p {
    font-size: 16px;
    padding-bottom: 12px;
    padding-left: 46px;
  }

  .detail-comments #comments .comment-author img {
    width: 34px;
    height: 34px;
  }

  .detail-comments #comments .comment-author .avatar-name {
    width: 34px;
    height: 34px;
    top: 12px;
  }

  .detail-comments .comment-top {
    font-size: calc(14px + (18 - 14) * ((100vw - 922px) / (1366 - 922)));
    margin-bottom: 28px;
  }

  .detail-comments #comments .comment-meta {
    margin-bottom: 8px;
    padding-left: 46px;
    font-size: 12px;
  }

  .detail-comments #comments .comment-author {
    padding-top: 12px;
    margin-bottom: 8px;
    font-size: 16px;
    grid-gap: 12px;
    grid-template-columns: 34px 1fr;
  }

  .detail-comments #comments .comment .reply {
    padding-bottom: 12px;
    padding-left: 46px;
  }

  .detail-comments #respond .comment-notes {
    font-size: calc(14px + (16 - 14) * ((100vw - 768px) / (1366 - 768)));
  }

  .detail-comments #respond #commentform .form-submit #submit {
    font-size: calc(12px + (14 - 12) * ((100vw - 768px) / (1366 - 768)));
  }

  .detail-comments #respond #commentform .comment-form-author input,
  .detail-comments #respond #commentform .comment-form-email input {
    font-size: calc(14px + (16 - 14) * ((100vw - 768px) / (1366 - 768)));
    border-radius: calc(10px + (12 - 10) * ((100vw - 768px) / (1366 - 768)));
  }

  .detail-comments #respond #commentform .comment-form-author label,
  .detail-comments #respond #commentform .comment-form-email label {
    font-size: calc(14px + (16 - 14) * ((100vw - 768px) / (1366 - 768)));
  }

  .detail-comments #respond .comment-form-comment textarea {
    border-radius: calc(10px + (12 - 10) * ((100vw - 768px) / (1366 - 768)));
    font-size: calc(14px + (16 - 14) * ((100vw - 768px) / (1366 - 768)));
  }

  .detail-comments #respond .comment-form-comment label {
    font-size: calc(14px + (16 - 14) * ((100vw - 768px) / (1366 - 768)));
  }
}

@media (max-width: 768px) {
  .detail-comments .comment-top {
    font-size: 14px;
  }

  .detail-comments #respond #commentform .comment-form-author input,
  .detail-comments #respond #commentform .comment-form-email input {
    font-size: 14px;
    border-radius: 10px;
  }

  .detail-comments #respond .comment-form-comment label {
    font-size: 14px;
  }

  .detail-comments #respond .comment-form-comment textarea {
    font-size: 14px;
    border-radius: 10px;
  }

  .detail-comments #respond #commentform .comment-form-author label,
  .detail-comments #respond #commentform .comment-form-email label {
    font-size: 14px;
  }

  .detail-comments #respond #reply-title {
    margin-bottom: calc(8px + (12 - 8) * ((100vw - 375px) / (768 - 375)));
    font-size: calc(16px + (24 - 16) * ((100vw - 375px) / (768 - 375)));
  }

  .detail-comments #comments .comment-author {
    grid-gap: calc(8px + (12 - 8) * ((100vw - 375px) / (768 - 375)));
  }

  .detail-comments #respond .comment-notes {
    font-size: 14px;
  }

  .detail-comments #respond #commentform .form-submit #submit {
    font-size: 12px;
  }

  .detail-comments #comments .comment-meta {
    padding-left: calc(42px + (46 - 42) * ((100vw - 375px) / (768 - 375)));
  }

  .detail-comments #comments .comment p {
    padding-left: calc(42px + (46 - 42) * ((100vw - 375px) / (768 - 375)));
  }

  .detail-comments #comments .comment .reply {
    padding-left: calc(42px + (46 - 42) * ((100vw - 375px) / (768 - 375)));
  }

  .detail-comments #comments .comment .comment {
    padding-left: calc(42px + (48 - 42) * ((100vw - 375px) / (768 - 375)));
  }
}

@media (max-width: 700px) {
  .detail-comments #respond #commentform {
    grid-template-columns: 1fr;
  }

  .detail-comments #respond .comment-notes {
    grid-column: span 1;
  }

  .detail-comments #respond .comment-form-comment {
    grid-column: span 1;
  }

  .detail-comments #respond #commentform .form-submit {
    grid-column: span 1;
  }

  .detail-comments #respond .comment-form-comment textarea {
    padding: 14px 16px;
  }

  .detail-comments #respond #commentform .comment-form-author input,
  .detail-comments #respond #commentform .comment-form-email input {
    padding: 14px 16px;
  }

  .detail-comments #respond .comment-form-comment label {
    left: 16px;
  }

  .detail-comments #respond #commentform .gglcptch {
    grid-column: span 1;
  }

  .detail-comments #respond #commentform .comment-form-author label,
  .detail-comments #respond #commentform .comment-form-email label {
    left: 16px;
  }

  .detail-comments .logged-in-as {
    grid-column: span 1;
  }
}

@media (max-width: 375px) {
  .detail-comments #comments .comment .comment {
    padding-left: 42px;
  }

  .detail-comments #comments .comment-meta {
    padding-left: 42px;
  }

  .detail-comments #comments .comment p {
    padding-left: 42px;
  }

  .detail-comments #comments .comment .reply {
    padding-left: 42px;
  }

  .detail-comments #comments .comment-author {
    grid-gap: 8px;
  }

  .detail-comments #respond #reply-title {
    font-size: 16px;
  }
}

/*для кастомного кода вставки*/
.custom-code-project {
  margin: 45px 0 0;
  border: 1px solid #f0f2fa;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
}

.custom-code-project pre code.hljs {
  padding: 0;
  background-color: transparent;
}

.custom-code-project__top {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  position: relative;
  height: 65px;
  background-color: #f0f2fa;
}

.custom-code-project__wrapper {
  overflow-x: auto;
}

.custom-code-project__wrapper::-webkit-scrollbar {
  background-color: #eef2ff;
  height: 4px;
}

.custom-code-project__wrapper::-webkit-scrollbar-thumb {
  background-color: #388af3;
  border-radius: 6x;
}

.custom-code-project__inner {
  overflow-x: initial;
  min-width: min-content;
  padding: 28px 32px 32px;
}

.custom-code-project__inner pre code {
  overflow-x: initial;
  font-size: 18px;
  min-width: min-content;
}

.custom-code-project__inner .hljs-selector-class {
  color: #6da42e;
}

.custom-code-project__inner .hljs-attribute {
  color: #9b1a54;
}

.custom-code-project__inner .hljs-comment {
  color: #9aabc1;
}

/* dsasdsfds */
.custom-code-project__inner pre {
  margin: 0;
  min-width: min-content;
}

.custom-code-project__title {
  display: none;
}

.custom-code-project__button {
  position: absolute;
  width: 45px;
  height: 45px;
  top: 10px;
  right: 30px;
  cursor: url(../img/cursor-pointer.svg) -15 -15, pointer;
  transition: 0.3s;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background-color: #fff;
}

.custom-code-project__button svg path {
  transition: 0.3s;
  stroke: #343434;
}

.custom-code-project__button:hover {
  background: #eef2ff;
}

.custom-code-project__button:hover svg path {
  stroke: #8da1fd;
}

@media (max-width: 1920px) {
  .custom-code-project__button {
    right: calc(20px + (30 - 20) * ((100vw - 414px) / (1920 - 414)));
  }

  .custom-code-project__top {
    border-radius: calc(14px + (20 - 14) * ((100vw - 1366px) / (1920 - 1366))) calc(14px + (20 - 14) * ((100vw - 1366px) / (1920 - 1366))) 0 0;
  }

  .custom-code-project__inner {
    padding: calc(20px + (28 - 20) * ((100vw - 1366px) / (1920 - 1366))) calc(24px + (32 - 24) * ((100vw - 1366px) / (1920 - 1366))) calc(24px + (32 - 24) * ((100vw - 1366px) / (1920 - 1366)));
  }

  .custom-code-project__wrapper {
    border-radius: 0 0 calc(14px + (20 - 14) * ((100vw - 1366px) / (1920 - 1366))) calc(14px + (20 - 14) * ((100vw - 1366px) / (1920 - 1366)));
  }

  .custom-code-project {
    margin: calc(35px + (45 - 35) * ((100vw - 1366px) / (1920 - 1366))) 0 0;
  }
}

@media (max-width: 1366px) {
  .custom-code-project__inner pre code {
    font-size: calc(16px + (18 - 16) * ((100vw - 922px) / (1366 - 922)));
  }

  .custom-code-project__top {
    border-radius: 14px 14px 0 0;
    justify-content: start;
  }

  .custom-code-project__inner {
    padding: 20px 24px 24px;
  }

  .custom-code-project__wrapper {
    border-radius: 0 0 14px 14px;
  }

  .custom-code-project {
    margin: calc(30px + (35 - 30) * ((100vw - 768px) / (1366 - 768))) 0 0;
  }
}

@media (max-width: 768px) {
  .custom-code-project__top {
    border-radius: 12px 12px 0 0;
    padding: 6px 14px 6px 24px;
  }

  .custom-code-project__wrapper {
    border-radius: 0 0 12px 12px;
  }

  .custom-code-project {
    margin: 30px 0 0;
  }
}

/**/

/* новая форма футера */
.option-wrapper__title {
  text-align: start;
  font-weight: 700;
  font-size: 20px;
  line-height: 30px;
}

.popup-content .footer__form {
  padding-bottom: 0;
  display: block;
}

.footer__form {
  padding-bottom: 150px;
}

.footer__form .messages {
  height: auto;
}

.footer__form .options-wrapper {
  margin-top: 50px;
}

.footer__form .options-wrapper:first-child {
  margin-top: 0;
}

.footer__form .option,
.footer__form .options-container label {
  border: none;
  background-color: #f7f8fc;
  padding: 16px 30px;
  border-radius: 60px;
  font-weight: 500;
  font-size: 18px;
  line-height: 28px;
  color: #1f1f1f;
  transition: 0.3s ease;
  cursor: url(../img/cursor-pointer.svg) -15 -15, pointer;
}

.footer__form .option:hover,
.footer__form .options-container label:hover {
  background-color: #edf5ff;
  color: #388af3;
}

.footer__form .options-container label:has(input:checked) {
  background-color: #388af3;
  color: white;
}

.footer__form .message .avatar {
  width: 80px;
  height: 80px;
}

.popup .footer__form .message .avatar {
  width: 80px;
  height: 80px;
}

.footer__form .message .avatar::after {
  width: 17px;
  height: 17px;
  border: 4px solid white;
}

.footer__form .message-text-wrap {
  max-width: max-content;
  padding: 20px 30px;
  border-radius: 0px 20px 20px 20px;
}

.footer__form .options-container {
  margin-top: 15px;
}

.footer__form .message .text {
  font-size: 20px;
  line-height: 30px;
}

.footer__form .message .text-bold {
  margin-bottom: 25px;
  font-size: 28px;
  font-weight: 600;
  line-height: 40px;
}

.footer__form .options-wrapper {
  max-width: 792px;
}

.footer__form-inputs {
  margin-top: 60px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 15px;
  font-weight: 400;
  font-size: 18px;
  line-height: 140%;
  color: #9faabd;
}

.popup .footer__form-inputs {
  margin-top: 40px;
  font-size: 16px;
}

.footer__form-inputs textarea {
  grid-column: 1/3;
  resize: none;
  padding: 16px 25px;
  background-color: #f7f8fc;
  border-radius: 15px;
  border: none;
  line-height: 140%;
}

.footer__form-file {
  display: none;
}

.footer__form-attach {
  margin-top: 20px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
  text-align: left;
  color: var(--basic-black);
  transition: .3s linear;
  background: none;
  border: none;
}

.footer__form-attach:hover {
  color: var(--brand-blue);
}

.footer__form-attach svg {
  display: block;
  flex-shrink: 0;
}

.footer__form-attach svg path {
  transition: .3s linear;
}

.footer__form-attach:hover svg path {
  stroke: var(--brand-blue);
}

.main-top__form .footer__form-inputs .textarea {
  grid-column: 1/3;
  padding: 0;
  background: none;
  height: auto;
}

.main-top__form .footer__form-inputs .textarea textarea {
  background: none;
  width: 100%;
  padding: 16px 25px;
  line-height: 140%;
  border-radius: 60px;
  background: #FFF;
}

.main-top__form .footer__form-inputs .textarea.error textarea::placeholder {
  color: #fd0000;
}

.footer__form-inputs textarea::-webkit-scrollbar-thumb {
  background: none;
}

.footer__form-inputs label {
  position: relative;
  height: 28px;
  background: #f7f8fc;
  border-radius: 15px;
  padding: 30px 25px;
  border: 1px solid #f7f8fc;
  transition: 0.2s ease;
}

.main-top__form .footer__form-inputs label {
  background: #FFF;
}

.footer__form-inputs label.error,
.footer__form-inputs label.novalid {
  color: #fd0000;
}

.footer__form-inputs label.error::after,
.footer__form-inputs label.novalid::after {
  content: "!";
  color: #fd0000;
  position: absolute;
  right: 25px;
  top: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 19px;
  height: 19px;
  border: 1px solid #fd0000;
  border-radius: 50%;
  font-size: 12px;
  transform: translateY(-50%);
}

.footer__form-inputs label::before {
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  position: absolute;
  top: -40px;
  right: 25px;
  transform: translateX(50%);
  padding: 10px 15px;
  background: #fff;
  color: #1f1f1f;
  box-shadow: 2px 5px 20px 0px #dfeaf57d;
  border-radius: 10px;
  z-index: 1;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}

.popup .footer__form-inputs label::before {
  right: 93px;
}

@media (max-width: 922px) {
  .footer__form-inputs label::before {
    right: 100px;
    font-size: 11px;
  }
}

.footer__form-inputs label.error::before {
  opacity: 1;
}

.footer__form-inputs label.novalid::before {
  /* content: 'Неверный формат почты'; */
  opacity: 1;
}

.footer__form-inputs label input {
  position: absolute;
  width: 90%;
  left: 25px;
  border: none;
  background: none;
  top: 50%;
  transform: translateY(-50%);
}

.footer__form-inputs label input:-webkit-autofill {
  background-color: transparent !important;
  transition: background-color 5000s ease-in-out 0s;
}

.footer__form-inputs label input:focus+span {
  opacity: 0;
  transition: opacity 0.3s;
}

.footer__form-inputs label span {
  position: absolute;
  top: 50%;
  left: 25px;
  transform: translateY(-50%);
}

.footer__form-inputs textarea::placeholder {
  color: #9faabd;
}

.footer__form-inputs label span>span {
  position: absolute;
  right: -5px;
  left: auto;
  top: -5px;
  display: block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #388af3;
}

.footer__form-inputs label.error span>span,
.footer__form-inputs label.novalid span>span {
  background-color: tomato;
}

.footer__form-btns {
  margin-top: 40px;
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.header__form-attach {
  width: max-content;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 15px 25px;
  font-weight: 500;
  font-size: 18px;
  line-height: 28px;
  border-radius: 100px;
  border: none;
  transition: 0.3s ease;
  background: #f7f8fc;
  display: none;
}

.career .header__form-attach {
  display: flex;
}

.footer__form-attach.hidden,
.header__form-attach.hidden {
  pointer-events: none;
  opacity: 0.43;
}

.footer__form-send {
  width: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 16px 30px;
  font-weight: 600;
  font-size: 18px;
  line-height: 28px;
  color: white;
  background-color: #388af3;
  border-radius: 60px;
  border: none;
  transition: .3s linear;
}

.footer__form-send:hover {
  background-color: var(--light-blue);
  color: var(--brand-blue)
}

.header__form-send,
.feedback__form-send {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: fit-content;
  padding: 15px 25px;
  font-weight: 600;
  font-size: 18px;
  line-height: 28px;
  color: white;
  background-color: #388af3;
  border-radius: 60px;
  border: none;
}

.feedback__form-send svg,
.header__form-send svg {
  transition: .3s linear;
}

.feedback__form-send:hover svg,
.header__form-send:hover svg {
  transform: translateX(5px);
}

.footer__form-send.loading,
.header__form-send.loading,
.feedback__form-send.loading {
  pointer-events: none;
}

.footer__form-send.loading svg,
.header__form-send.loading svg,
.feedback__form-send.loading svg {
  display: none;
}

.footer__form-send.loading::after,
.header__form-send.loading::after,
.feedback__form-send.loading::after {
  content: "";
  width: 20px;
  height: 20px;
  border: 3px solid #fff;
  border-bottom-color: transparent;
  border-radius: 50%;
  display: inline-block;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
}

@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.footer__form-send svg path {
  transition: 0.3s ease;
}

.footer__form-send:hover path {
  stroke: var(--brand-blue);
}

.footer__form-send--plane:hover path {
  stroke: initial;
}

.footer__form-policy {
  margin-top: 30px;
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  color: #7c8a9d;
  text-align: center;
  display: flex;
}

.footer__form-policy a {
  color: #9aabc1;
  text-decoration: underline;
  text-underline-offset: 4px;
}

#footerFile {
  display: none;
}

.footer-form-success,
.header-form-success,
.feedback-form-success,
.main-top-form-success,
.career-form-success,
.vacancy-form-success {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
  z-index: 50;
}

.footer-form-success.active,
.header-form-success.active,
.feedback-form-success.active,
.main-top-form-success.active,
.career-form-success.active,
.vacancy-form-success.active {
  pointer-events: all;
  opacity: 1;
}

.footer-form-success__bg,
.header-form-success__bg {
  width: 100%;
  height: 100%;
  background-color: #617082;
  opacity: 0.3;
}

.footer-form-success__wrapper,
.header-form-success__wrapper,
.main-top-form-success__wrapper {
  position: absolute;
  top: 50%;
  right: 50%;
  transform: translate(50%, -50%);
  width: 700px;
  border-radius: 30px;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  /* gap: 50px; */
  padding: 80px 92px;
}

.footer-form-success__close,
.header-form-success__close,
.main-top-form-success__close {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: -70px;
  right: -70px;
  padding: 22px;
  background-color: #fff;
  border-radius: 50%;
  cursor: url(../img/cursor-pointer.svg) -15 -15, pointer;
}

/* .footer-form-success__anim,
.header-form-success__anim,
.main-top-form-success__anim {
  width: 178px;
  height: 102px;
  width: 200px;
} */

.footer-form-success__hover,
.header-form-success__hover,
.main-top-form-success__hover {
  opacity: 0;
}

.footer-form-success__img {
  position: relative;
  margin: 0 auto;
  width: 200px;
  aspect-ratio: 670 / 850;
}

.footer-form-success__img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  max-width: 100%;
  transition: .3s linear;
}

.footer-form-success__img:hover .footer-form-success__hover {
  opacity: 1;
}

.footer-form-success__img:hover .footer-form-success__anim{
  opacity: 0;
}

.footer-form-success__text,
.header-form-success__text,
.main-top-form-success__text {
  margin-bottom: 50px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px;
}

.footer-form-success__title,
.header-form-success__title,
.main-top-form-success__title {
  font-weight: 600;
  font-size: 55px;
  line-height: 140%;
  text-align: center;
}

.footer-form-success__subtitle,
.header-form-success__subtitle,
.main-top-form-success__subtitle {
  font-weight: 400;
  font-size: 24px;
  line-height: 140%;
  text-align: center;
}

.footer-form-success__btn,
.header-form-success__btn,
.main-top-form-success__btn {
  display: flex;
  gap: 20px;
  align-items: center;
  width: max-content;
  border-radius: 60px;
  background-color: #f7f8fc;
  font-weight: 600;
  font-size: 18px;
  line-height: 140%;
  padding: 16px 30px;
  cursor: url(../img/cursor-pointer.svg) -15 -15, pointer;
  transition: .3s linear;
}

.footer-form-success__btn svg,
.header-form-success__btn svg,
.main-top-form-success__btn svg {
  transition: .3s linear;
}

.footer-form-success__btn:hover,
.header-form-success__btn:hover,
.main-top-form-success__btn:hover {
  color: #0988FA;
}

.footer-form-success__btn:hover svg,
.header-form-success__btn:hover svg,
.main-top-form-success__btn:hover svg {
    transform: translateX(5px);
}

@media (max-width: 1920px) {
  .footer__form {
    padding-bottom: calc(50px + (150 - 50) * ((100vw - 414px) / (1920 - 414)));
  }

  .footer__form .message .avatar {
    width: calc(65px + (80 - 65) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(65px + (80 - 65) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .popup .footer__form .message .avatar {
    width: calc(65px + (80 - 65) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(65px + (80 - 65) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .footer__form .message-text-wrap {
    padding: calc(15px + (20 - 15) * ((100vw - 1536px) / (1920 - 1536))) calc(25px + (30 - 25) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .popup-feedback .message-text-wrap {
    padding: calc(15px + (20 - 15) * ((100vw - 1536px) / (1920 - 1536))) calc(25px + (30 - 25) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .footer__form .message .text {
    font-size: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(28px + (30 - 28) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .footer__form .message .text-bold {
    margin-bottom: calc(20px + (25 - 20) * ((100vw - 1536px) / (1920 - 1536)));
    font-size: calc(24px + (28 - 24) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(36px + (40 - 36) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .footer-form-success__anim,
  .header-form-success__anim,
  .main-top-form-success__anim {
    /* width: calc(152px + (178 - 152) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(87px + (102 - 87) * ((100vw - 1536px) / (1920 - 1536))); */
  }

  .footer-form-success__wrapper,
  .header-form-success__wrapper,
  .main-top-form-success__wrapper {
    /* gap: calc(40px + (50 - 40) * ((100vw - 1536px) / (1920 - 1536))); */
    padding: calc(70px + (80 - 70) * ((100vw - 1536px) / (1920 - 1536))) 92px;
  }

  .footer-form-success__text, .header-form-success__text, .main-top-form-success__text {
    margin-bottom: calc(40px + (50 - 40) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .footer-form-success__title,
  .header-form-success__title,
  .main-top-form-success__title {
    font-size: calc(45px + (55 - 45) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .footer-form-success__subtitle,
  .header-form-success__subtitle {
    font-size: calc(22px + (24 - 22) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .footer-form-success__btn,
  .header-form-success__btn,
  .main-top-form-success__btn {
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
    gap: calc(15px + (20 - 15) * ((100vw - 1536px) / (1920 - 1536)));
    padding: calc(15px + (16 - 15) * ((100vw - 1536px) / (1920 - 1536))) calc(20px + (30 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .footer__form-btns {
    margin-top: calc(25px + (40 - 25) * ((100vw - 414px) / (1920 - 414)));
  }

  .header__form-send,
  .feedback__form-send {
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(24px + (28 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .footer__form-send {
    padding: 16px calc(25px + (30 - 25) * ((100vw - 1536px) / (1920 - 1536)));
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(24px + (28 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media (max-width: 1536px) {
  .footer__form .message .avatar {
    width: calc(55px + (65 - 55) * ((100vw - 1280px) / (1536 - 1280)));
    height: calc(55px + (65 - 55) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .popup .footer__form .message .avatar {
    width: calc(55px + (65 - 55) * ((100vw - 1280px) / (1536 - 1280)));
    height: calc(55px + (65 - 55) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .footer__form .message-text-wrap {
    padding: 15px calc(20px + (25 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .popup-feedback .message-text-wrap {
    padding: 15px calc(20px + (25 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .footer__form .message .text {
    font-size: calc(16px + (18 - 16) * ((100vw - 1280px) / (1536 - 1280)));
    line-height: calc(24px + (28 - 24) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .footer__form .message .text-bold {
    margin-bottom: 20px;
    font-size: calc(22px + (24 - 22) * ((100vw - 1280px) / (1536 - 1280)));
    line-height: calc(34px + (36 - 34) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .footer__form .message .avatar::after {
    width: calc(11px + (17 - 11) * ((100vw - 1280px) / (1536 - 1280)));
    height: calc(11px + (17 - 11) * ((100vw - 1280px) / (1536 - 1280)));
    border: calc(1px + (4 - 1) * ((100vw - 1280px) / (1536 - 1280))) solid white;
  }

  .footer__form .options-wrapper {
    margin-top: calc(40px + (50 - 40) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .footer__form .message {
    margin-bottom: calc(5px + (10 - 5) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .option-wrapper__title {
    font-size: calc(18px + (20 - 18) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .footer__form .options-container {
    gap: calc(10px + (15 - 10) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .footer__form .option,
  .footer__form .options-container label {
    padding: calc(15px + (16 - 15) * ((100vw - 1280px) / (1536 - 1280))) calc(20px + (30 - 20) * ((100vw - 1280px) / (1536 - 1280)));
    font-size: calc(16px + (18 - 16) * ((100vw - 1280px) / (1536 - 1280)));
    line-height: calc(24px + (28 - 24) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .footer__form .options-wrapper {
    max-width: calc(636px + (792 - 636) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .footer__form-inputs {
    margin-top: calc(45px + (60 - 45) * ((100vw - 1280px) / (1536 - 1280)));
    font-size: calc(16px + (18 - 16) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .footer__form-attach {
    margin-top: 15px;
    font-size: calc(16px + (18 - 16) * ((100vw - 1280px) / (1536 - 1280)));
    line-height: calc(24px + (28 - 24) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .footer__form-attach svg {
    width: calc(25px + (30 - 25) * ((100vw - 1280px) / (1536 - 1280)));
    height: calc(25px + (30 - 25) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .popup .footer__form-inputs {
    margin-top: calc(40px + (45 - 40) * ((100vw - 1280px) / (1536 - 1280)));
    font-size: calc(14px + (16 - 14) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .footer__form-inputs label {
    padding: calc(26px + (30 - 26) * ((100vw - 1280px) / (1536 - 1280))) calc(20px + (25 - 20) * ((100vw - 1280px) / (1536 - 1280)));
    height: calc(24px + (28 - 24) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .header__form-attach {
    font-size: calc(16px + (18 - 16) * ((100vw - 1280px) / (1536 - 1280)));
    line-height: calc(24px + (28 - 24) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .header__form-attach svg {
    width: calc(25px + (30 - 25) * ((100vw - 1280px) / (1536 - 1280)));
    height: calc(25px + (30 - 25) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .footer__form-btns {
    gap: calc(30px + (40 - 30) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .footer__form-policy {
    font-size: calc(16px + (18 - 16) * ((100vw - 1280px) / (1536 - 1280)));
    line-height: 140%;
  }

  .footer-form-success__anim,
  .header-form-success__anim,
  .main-top-form-success__anim {
    /* width: calc(136px + (152 - 136) * ((100vw - 1280px) / (1536 - 1280)));
    height: calc(77px + (102 - 77) * ((100vw - 1280px) / (1536 - 1280))); */
  }

  .footer-form-success__img {
    width: calc(170px + (200 - 170) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .footer-form-success__wrapper,
  .header-form-success__wrapper,
  .main-top-form-success__wrapper {
    padding: calc(60px + (70 - 60) * ((100vw - 1280px) / (1536 - 1280))) 92px;
    /* gap: calc(30px + (40 - 30) * ((100vw - 1280px) / (1536 - 1280))); */
  }

  .footer-form-success__text,
  .header-form-success__text,
  .main-top-form-success__text {
    margin-bottom: calc(30px + (40 - 30) * ((100vw - 1280px) / (1536 - 1280)));
    gap: calc(15px + (20 - 15) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .footer-form-success__title,
  .header-form-success__title,
  .main-top-form-success__title {
    font-size: calc(35px + (45 - 35) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .footer-form-success__subtitle,
  .header-form-success__subtitle,
  .main-top-form-success__subtitle {
    font-size: calc(20px + (22 - 20) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .footer-form-success__btn,
  .header-form-success__btn,
  .main-top-form-success__btn {
    font-size: 16px;
    gap: 15px;
    padding: 15px 20px;
  }

  .footer-form-success__close,
  .header-form-success__close,
  .main-top-form-success__close {
    padding: calc(18px + (22 - 18) * ((100vw - 1280px) / (1536 - 1280)));
    top: calc(-60px + (-70 + 60) * ((100vw - 1280px) / (1536 - 1280)));
    right: calc(-60px + (-70 + 60) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .header__form-send,
  .feedback__form-send {
    font-size: calc(14px + (16 - 14) * ((100vw - 1280px) / (1536 - 1280)));
    line-height: calc(22px + (24 - 22) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .footer__form-send {
    padding: calc(12px + (16 - 12) * ((100vw - 1280px) / (1536 - 1280))) calc(20px + (25 - 20) * ((100vw - 1280px) / (1536 - 1280)));
    font-size: calc(14px + (16 - 14) * ((100vw - 1280px) / (1536 - 1280)));
    line-height: calc(22px + (24 - 22) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .footer__form-inputs label span {
    left: calc(20px + (25 - 20) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .footer__form-inputs textarea {
    padding: 16px calc(20px + (25 - 20) * ((100vw - 1280px) / (1536 - 1280)));
  }
}

@media (max-width: 1280px) {
  .footer__form-inputs label span {
    left: 20px;
  }

  .footer__form-inputs textarea {
    padding: 16px 20px;
  }

  .footer__form .message .avatar {
    width: 55px;
    height: 55px;
  }

  .popup .footer__form .message .avatar {
    width: 55px;
    height: 55px;
  }

  .footer__form .message .text {
    font-size: 16px;
    line-height: 24px;
  }

  .footer__form .message .text-bold {
    font-size: 22px;
    line-height: 34px;
  }

  .footer__form .message .avatar::after {
    width: 11px;
    height: 11px;
    border: 1px solid white;
  }

  .footer__form .options-wrapper {
    margin-top: 40px;
    max-width: 636px;
  }

  .footer__form .message {
    margin-bottom: 5px;
  }

  .option-wrapper__title {
    font-size: 18px;
  }

  .footer__form .options-container {
    gap: 10px;
  }

  .footer__form .option,
  .footer__form .options-container label {
    padding: 15px 20px;
    font-size: 16px;
    line-height: 24px;
  }

  .footer__form-inputs {
    margin-top: 45px;
    font-size: 16px;
  }

  .popup .footer__form-inputs {
    margin-top: calc(30px + (40 - 30) * ((100vw - 922px) / (1280 - 922)));
    font-size: 14px;
  }

  .footer__form-inputs label {
    padding: 26px 20px;
    height: 24px;
  }

  .footer__form-attach {
    font-size: 16px;
    line-height: 24px;
  }

  .footer__form-attach svg {
    width: 25px;
    height: 25px;
  }

  .header__form-attach {
    font-size: 16px;
    line-height: 24px;
  }

  .header__form-attach svg {
    width: 25px;
    height: 25px;
  }

  .footer__form-btns {
    gap: 30px;
  }

  .footer__form-send {
    padding: 12px 20px;
    font-size: 14px;
    line-height: 22px;
  }

  .footer__form-policy {
    font-size: 16px;
    line-height: 140%;
  }

  .footer-form-success__anim,
  .header-form-success__anim,
  .main-top-form-success__anim {
    /* width: 136px;
    height: 77px; */
  }

  .footer-form-success__img {
    width: calc(140px + (170 - 140) * ((100vw - 922px) / (1280 - 922)));
  }

  .footer-form-success__wrapper,
  .header-form-success__wrapper,
  .main-top-form-success__wrapper {
    padding: 60px 92px;
    /* gap: 30px; */
    width: calc(636px + (700 - 636) * ((100vw - 922px) / (1280 - 922)));
  }

  .footer-form-success__text,
  .header-form-success__text,
  .main-top-form-success__text {
    margin-bottom: 30px;
    gap: 15px;
  }

  .footer-form-success__title,
  .header-form-success__title,
  .main-top-form-success__title {
    font-size: 35px;
  }

  .footer-form-success__subtitle,
  .header-form-success__subtitle,
  .main-top-form-success__subtitle {
    font-size: 20px;
  }

  .popup-feedback .message-text-wrap {
    padding: 15px 20px;
  }

  .header__form-send,
  .feedback__form-send {
    padding: 12px 20px;
    font-size: 14px;
    line-height: 22px;
  }
}

@media (max-width: 922px) {
  .popup .footer__form-inputs {
    margin-top: calc(25px + (30 - 25) * ((100vw - 414px) / (922 - 414)));
  }

  .footer__form .message {
    display: grid;
    grid-template-columns: auto 1fr;
  }

  .footer__form .messages {
    padding: 0;
  }

  .footer__form .message .avatar {
    width: calc(45px + (55 - 45) * ((100vw - 414px) / (922 - 414)));
    height: calc(45px + (55 - 45) * ((100vw - 414px) / (922 - 414)));
  }

  .popup .footer__form .message .avatar {
    width: calc(45px + (55 - 45) * ((100vw - 414px) / (922 - 414)));
    height: calc(45px + (55 - 45) * ((100vw - 414px) / (922 - 414)));
  }

  .footer__form .message-text-wrap {
    padding: calc(10px + (15 - 10) * ((100vw - 414px) / (922 - 414))) calc(15px + (20 - 15) * ((100vw - 414px) / (922 - 414)));
  }

  .popup-feedback .message-text-wrap {
    padding: calc(10px + (15 - 10) * ((100vw - 414px) / (922 - 414))) calc(15px + (20 - 15) * ((100vw - 414px) / (922 - 414)));
  }

  .footer__form .message .text-bold {
    margin-bottom: calc(10px + (20 - 10) * ((100vw - 414px) / (922 - 414)));
    font-size: calc(20px + (22 - 20) * ((100vw - 414px) / (922 - 414)));
    line-height: calc(30px + (34 - 30) * ((100vw - 414px) / (922 - 414)));
  }

  .footer__form .options-wrapper {
    margin-top: calc(30px + (40 - 30) * ((100vw - 414px) / (922 - 414)));
  }

  .option-wrapper__title {
    font-size: calc(16px + (18 - 16) * ((100vw - 414px) / (922 - 414)));
  }

  .footer__form .options-container {
    margin-top: calc(10px + (15 - 10) * ((100vw - 414px) / (922 - 414)));
  }

  .footer__form .option,
  .footer__form .options-container label {
    padding: calc(12px + (15 - 12) * ((100vw - 414px) / (922 - 414))) 20px;
    font-size: calc(14px + (16 - 14) * ((100vw - 414px) / (922 - 414)));
    line-height: calc(22px + (24 - 22) * ((100vw - 414px) / (922 - 414)));
  }

  .footer-form-success__img {
    width: calc(120px + (140 - 120) * ((100vw - 414px) / (922 - 414)));
  }

  .footer__form-inputs {
    margin-top: calc(35px + (45 - 35) * ((100vw - 414px) / (922 - 414)));
    font-size: calc(14px + (16 - 14) * ((100vw - 414px) / (922 - 414)));
    line-height: calc(22px + (24 - 22) * ((100vw - 414px) / (922 - 414)));
  }

  .footer__form-attach {
    font-size: calc(14px + (16 - 14) * ((100vw - 414px) / (922 - 414)));
    line-height: calc(22px + (24 - 22) * ((100vw - 414px) / (922 - 414)));
  }

  .footer__form-attach svg {
    width: calc(20px + (25 - 20) * ((100vw - 414px) / (922 - 414)));
    height: calc(20px + (25 - 20) * ((100vw - 414px) / (922 - 414)));
  }

  .footer__form-btns {
    margin-top: 25px;
    gap: calc(35px + (30 - 35) * ((100vw - 414px) / (922 - 414)));
  }

  .header__form-attach {
    padding: calc(10px + (15 - 10) * ((100vw - 414px) / (922 - 414))) calc(20px + (25 - 20) * ((100vw - 414px) / (922 - 414)));
    font-size: calc(14px + (16 - 14) * ((100vw - 414px) / (922 - 414)));
    line-height: calc(22px + (24 - 22) * ((100vw - 414px) / (922 - 414)));
  }

  .footer__form-send {
    padding: calc(11px + (16 - 11) * ((100vw - 414px) / (922 - 414))) 20px;
    font-size: calc(16px + (18 - 16) * ((100vw - 414px) / (922 - 414)));
  }

  .footer__form-policy {
    font-size: calc(14px + (16 - 14) * ((100vw - 414px) / (922 - 414)));
    line-height: calc(22px + (24 - 22) * ((100vw - 414px) / (922 - 414)));
  }

  .footer__form-inputs label span>span {
    top: calc(0px + (-5 - 0) * ((100vw - 414px) / (922 - 414)));
  }
}

@media (max-width: 768px) {
  .footer__form-inputs {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .footer__form-inputs label {
    grid-column: 1 / 3;
    padding: 26px 20px;
  }

  .footer-form-success__wrapper,
  .header-form-success__wrapper,
  .main-top-form-success__wrapper {
    width: 90%;
    /* gap: 25px; */
    padding: 50px 30px;
  }

  .footer-form-success__close,
  .header-form-success__close,
  .main-top-form-success__close {
    padding: 17px;
    right: 0;
    top: -60px;
  }

  .footer-form-success__close svg,
  .header-form-success__close svg,
  .main-top-form-success__close svg {
    width: 15px;
    height: 15px;
  }

  .footer-form-success__anim,
  .header-form-success__anim,
  .main-top-form-success__anim {
    /* width: 116px;
    height: 66px; */
  }

  .footer-form-success__title,
  .header-form-success__title,
  .main-top-form-success__title {
    font-size: 30px;
  }

  .footer-form-success__subtitle,
  .header-form-success__subtitle,
  .main-top-form-success__subtitle {
    font-size: 16px;
  }

  .footer-form-success__btn,
  .header-form-success__btn,
  .main-top-form-success__btn {
    font-size: 14px;
    gap: 10px;
    padding: 11px 20px;
  }

  .footer__form-attach {
    font-size: 14px;
    line-height: 22px;
  }

  .footer__form-attach svg {
    width: 20px;
    height: 20px;
  }

  .footer__form .options-wrapper {
    max-width: 100%;
  }

  .desctop-chat__wrappper .footer__form {
    max-width: 100%;
  }

  .footer__form .options-container,
  .options-container {
    padding: 0 16px;
    margin: 0 -16px;
    margin-top: 10px;
    flex-wrap: nowrap;
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  .footer__form .options-container::-webkit-scrollbar,
  .options-container::-webkit-scrollbar {
    display: none;
    /* Chrome, Safari */
  }

  .footer__form .options-container label {
    display: flex;
    width: max-content;
    flex-shrink: 0;
  }
}

@media (max-width: 414px) {
  .popup .footer__form-inputs {
    margin-top: 25px;
  }

  .footer__form .message .text-bold {
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 30px;
  }

  .footer__form .message-text-wrap {
    padding: 10px 15px;
  }

  .footer-form-success__img {
    width: 120px;
  }
}

.checkbox-container {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 18px;
  cursor: pointer;
  text-align: left;
}

.checkbox-container__span {
  display: flex;
  position: relative;
  flex-shrink: 0;
}


.checkbox-container__span-check {
  position: absolute;
  cursor: pointer;
  left: 50%;
  top: 50%;
  pointer-events: none;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
}


.checkbox-container__span-check::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  background-color: var(--brand-blue);
  height: 100%;
  border-radius: 10px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUgMTAuMDAwNEw4LjUzNTUzIDEzLjUzNTlMMTUuNjA2NiA2LjQ2NDg0IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=);
  opacity: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.checkbox-container input[type="checkbox"] {
  flex-shrink: 0;
  appearance: none;
  width: 25px;
  height: 25px;
  background-color: transparent;
  border-radius: 8px;
  border: 2px solid #AEB8CB;
  position: relative;
  cursor: pointer;
  transition: .3s linear;
}

.checkbox-container input[type="checkbox"]:hover {
  border-color: var(--brand-blue);
}

.checkbox-container input[type="checkbox"]:checked+.checkbox-container__span-check::after {
  opacity: 0;
}

.checkbox-container .checkbox-container__span.error input[type="checkbox"] {
  background-color: #FE6B6D;
  border: none;
}

.checkbox-container input[type="checkbox"]:checked+.checkbox-container__span-check::before {
  opacity: 1;
}

@media (max-width: 1920px) {}

@media (max-width: 1536px) {
  .checkbox-container {
    font-size: calc(16px + (18 - 16) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .checkbox-container input[type="checkbox"] {
    width: calc(20px + (25 - 20) * ((100vw - 1280px) / (1536 - 1280)));
    height: calc(20px + (25 - 20) * ((100vw - 1280px) / (1536 - 1280)));
  }

}

@media (max-width: 1280px) {
  .checkbox-container {
    font-size: 16px;
  }

  .checkbox-container input[type="checkbox"] {
    width: 20px;
    height: 20px;
    border-radius: 6px;
    border-width: 2px;
  }

}

@media (max-width: 922px) {}

.error-message {
  color: red;
  margin-top: 8px;
  font-size: 13px;
}

/* конец новой формы футера */

.margin-bottom-32 {
  margin-bottom: 32px !important;
}

@media (max-width: 1920px) {
  .margin-bottom-32 {
    margin-bottom: calc(25px + (32 - 25) * ((100vw - 1536px) / (1920 - 1536))) !important;
  }
}

@media (max-width: 1536px) {
  .margin-bottom-32 {
    margin-bottom: 25px !important;
  }
}

/* новые страницы услуг */
.service {
  overflow: hidden;
}

.service-title {
  padding-top: 80px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 80px;
  align-items: center;
}

.service-title__inner {
  display: flex;
  flex-direction: column;
  gap: 40px;
  align-items: center;
  text-align: center;
}

.service-title__title {
  max-width: 850px;
  font-weight: 600;
  font-size: 70px;
  line-height: 85px;
  transition: 0.9s ease;
}

.service-title__title.unvisible {
  transform: translateY(150px);
  opacity: 0;
}

.service-title__text-wrap {
  display: flex;
  align-items: center;
  gap: 20px;
}

.service-title__text-wrap img {
  width: 120px;
  height: 120px;
  object-fit: contain;
}

.service-title__text {
  padding: 20px 30px;
  max-width: 680px;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 36px;
  text-align: left;
  background-color: var(--light-blue);
  border-radius: 0 20px 20px 20px;
  transition: 0.9s ease;
}

.awards-page .service-title__text {
  max-width: 642px;
  font-size: 22px;
  line-height: 34px;
  background-color: transparent;
  text-align: center;
}

.investors-page .service-title__text {
  max-width: 673px;
}

.service-title__text.unvisible {
  transform: translateY(150px);
  opacity: 0;
}

.service-title__text span {
  font-weight: 600;
}

.service-title__points {
  margin-top: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.7s ease;
}

.service-title__points.unvisible {
  transform: translateY(100px) scale(5deg);
  opacity: 0;
}

.service-title__points--grey {
  color: #617082;
}

.service-title__point {
  padding: 15px 25px;
  width: auto;
  border: 1px solid #c7d6edcc;
  border-radius: 20px;
  font-weight: 400;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
}

.awards-page .service-title__point {
  background: #FFF;
}

.service-title__point span {
  font-weight: 600;
}

.service-title__point-line {
  position: relative;
  flex-shrink: 0;
  height: 1px;
  width: 30px;
  background-color: #ccd6e9;
}

.service-title__point-line::before {
  content: "";
  position: absolute;
  display: block;
  border: 1px solid #ccd6e9;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  top: 50%;
  transform: translateY(-50%);
  left: -8px;
  background-color: #fff;
  z-index: 1;
}

.service-title__point-line::after {
  content: "";
  position: absolute;
  display: block;
  border: 1px solid #ccd6e9;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  top: 50%;
  transform: translateY(-50%);
  right: -8px;
  background-color: #fff;
  z-index: 1;
}

.padding-bottom-125 {
  padding-bottom: 125px;
}

.padding-top-125 {
  padding-top: 125px;
}

.service-section {
  width: 100%;
  display: flex;
  justify-content: center;
}

.service-section__container .about-page-50__title {
  margin: 0 auto;
  max-width: max-content;
}

.service-section__grey-cards {
  margin-top: 70px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
}

.service-section__grey-card {
  padding: 40px 50px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  background-color: var(--grays-gray_02);
  border-radius: 20px;
  min-height: 326px;
}

.service-section__grey-card-title {
  font-weight: 600;
  font-size: 30px;
  line-height: 140%;
}

.service-section__grey-card-text {
  font-weight: 400;
  font-size: 20px;
  line-height: 30px;
  color: #617082;
  margin-bottom: 10px;
}

.service-section__grey-card-baloons {
  margin-top: auto;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.service-section__grey-card-baloons div,
.service-section__grey-card-baloons a {
  padding: 15px 25px;
  font-weight: 500;
  font-size: 18px;
  line-height: 28px;
  background-color: #fff;
  border-radius: 53px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.service-section__grey-card-baloons a {
  transition: .3s linear;
  cursor: pointer;
}

.service-section__grey-card-baloons a:hover {
  color: var(--brand-blue);
}

.service-section__grey-card-baloons div svg {
  width: 29px;
  height: 30px;
}

.service-section__text-content {
  margin-top: 90px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.title-35 {
  font-weight: 600;
  font-size: 35px;
  line-height: 140%;
  margin-bottom: 40px;
}

.text-20 {
  margin: 0;
  font-weight: 400;
  font-size: 20px;
  line-height: 140%;
  text-align: center;
}

.text-20 a {
  font-weight: 600;
  color: var(--brand-blue);
  border-bottom: 1px solid var(--brand-blue);
  transition: .3s linear;
  cursor: url(../img/cursor-pointer.svg) -15 -15, pointer;
}

.text-20 a:hover {
  border-bottom: 1px solid transparent;
}

.services-slider-list .about-second-block__links {
  padding-left: 0 !important;
  padding-right: 0;
  overflow: hidden;
}

.services-slider-list .about-second-block__links,
.services-slider-list .swiper,
.main-page__services .swiper {
  overflow: initial;
}

.services-slider-list .swiper-wrapper,
.main-page__services .swiper-wrapper {
  align-items: stretch;
}

.services-slider-list .swiper-slide,
.main-page__services .swiper-slide {
  height: auto;
  display: flex;
}

.services-slider-list .swiper-slide > div {
  width: 100%;
}

.services-slider-list .swiper-slide,
.main-page__services .swiper-slide>* {
  min-height: 289px;
  height: 100%;
}

.services-slider-list-swiper {
  width: 100%;
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row-start: 2;
  grid-row-end: 3;
}

.services-slider-list__inner {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto auto;
  gap: 40px 0;
}

.services-slider-list__arrows {
  display: flex;
  gap: 15px;
  justify-content: flex-end;
}

.services-slider-list__arrow:hover {
  background-color: #edf5ff;
}

.services-slider-list__arrow.swiper-button-disabled svg path {
  stroke: #aeb8cb;
  transition: stroke 0.3s ease;
}

.services-slider-list__arrow:hover svg path {
  stroke: #388af3;
  transition: stroke 0.3s ease;
}

.text-20--grey {
  color: #617082;
}

.service-section__text-content .header__chat {
  width: max-content;
}

.service-section__message {
  max-width: 722px;
  margin: 45px auto 70px;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 30px;
}

.service-section__message-img {
  position: relative;
  width: 65px;
  height: 65px;
  border-radius: 50%;
}

.service-section__message-img:after {
  content: "";
  position: absolute;
  bottom: 0px;
  right: 0px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background-color: #388af3;
  border: 1px solid #fff;
}

.service-section__message-img img {
  width: 100%;
}

.service-section__message-text {
  padding: 20px 30px;
  background-color: #ebf6ff;
  border-radius: 0px 20px 20px 20px;
  font-weight: 400;
  font-size: 22px;
  line-height: 140%;
  max-width: 553px;
}

.service-section__column-cards {
  display: flex;
  flex-direction: column;
  max-width: 970px;
  margin: auto;
  align-items: center;
}

.service-section__column-card {
  width: 100%;
  padding: 40px 50px;
  background-color: #f7f8fc;
  border-radius: 20px;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 30px;
}

.service-section__column-card .service-section__grey-card-text {
  margin-bottom: 0;
  grid-column: 1/3;
}

.service-section__column-card .service-section__grey-card-baloons {
  grid-column: 1/3;
}

.service-section__cards-avatars {
  display: flex;
  gap: 5px;
}

.service-section__cards-avatars div {
  display: flex;
}

.service-section__cards-avatars img {
  width: 35px;
  height: 35px;
  border-radius: 50%;
}

.service-section__cards-avatars img:not(:first-child) {
  margin-left: -10px;
}

.service-section__line {
  width: 1px;
  height: 40px;
  background-color: #ccd6e9;
  position: relative;
  z-index: 1;
}

.service-section__line.active {
  animation: serviceLineAnim 1s 0.1s ease forwards;
}

.service-section__line span {
  position: absolute;
  right: 50%;
  transform: translateX(50%);
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: #ffffff;
  border: 1px solid #ccd6e9;
}

.service-section__line span:first-child {
  top: -8px;
}

.service-section__line.active span:first-child {
  animation: serviceLineSpanAnim 1s ease forwards;
}

.service-section__line span:last-child {
  bottom: -8px;
}

.service-section__line.active span:last-child {
  animation: serviceLineSpanAnim 1s 0.2s ease forwards;
}

@keyframes serviceLineAnim {
  0% {
    background-color: #ccd6e9;
  }

  50% {
    background-color: #388af3;
  }

  100% {
    background-color: #ccd6e9;
  }
}

@keyframes serviceLineSpanAnim {
  0% {
    background-color: #fff;
  }

  50% {
    background-color: #388af3;
  }

  100% {
    background-color: #fff;
  }
}

.df-col-center {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.margin-top-125 {
  margin-top: 125px;
}

.service-section__container-inner {
  max-width: 820px;
}

.gap-45 {
  gap: 45px;
}

.about-reviews__container {
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 70px;
}

.about-reviews__container .title-50 {
  text-align: center;
}

.about-reviews__wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: flex-start;
  gap: 30px;
}

.about-reviews__column {
  grid-template-columns: 1fr;
  display: grid;
  grid-gap: 30px;
}

.about-reviews__item {
  padding: 33px 35px;
  display: flex;
  flex-direction: column;
  gap: 40px;
  width: 100%;
  background-color: #f7f8fc;
  border-radius: 20px;
}

.about-reviews__item-descr {
  display: grid;
  grid-template-columns: 55px 1fr auto;
  column-gap: 15px;
  row-gap: 5px;
  align-items: center;
}

.about-reviews__item-descr img {
  border-radius: 50%;
  width: 100%;
  grid-column: 1/2;
  grid-row: 1/3;
}

.about-reviews__item-descr .name {
  grid-column: 2/3;
  grid-row: 1/2;
  font-weight: 600;
  font-size: 18px;
  line-height: 140%;
}

.about-reviews__item-descr .position {
  grid-column: 2/3;
  grid-row: 2/3;
  color: #617082;
  font-weight: 400;
  font-size: 18px;
  line-height: 140%;
}

.about-reviews__item .reviews {
  font-weight: 500;
  font-size: 20px;
  line-height: 150%;
}

.about-reviews__raiting {
  display: flex;
  align-items: center;
  gap: 5px;
  height: fit-content;
  grid-row: 1/3;
  padding: 10px 15px;
  font-size: 18px;
  line-height: 110%;
  font-weight: 500;
  background-color: #FFF;
  border-radius: 12px;
}

.about-reviews__raiting img {
  width: 20px;
  height: 28px;
}

.section-cases {
  overflow: hidden;
}

.section-cases__container {
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 70px;
}

.section-cases__wrapper-swiper {
  margin-top: 70px;
  margin-bottom: 70px;
  overflow: initial;
}

.section-cases__container .grey-btn:hover {
  color: #0988FA;
  background-color: var(--grays-gray_02);
}

.section-cases__item {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.section-cases__item img {
  width: 100%;
  margin-bottom: 10px;
  border-radius: 20px;
}

.section-cases__item .name {
  font-weight: 600;
  font-size: 30px;
  line-height: 140%;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.section-cases__item .tags {
  display: flex;
  gap: 10px;
}

.section-cases__item .tags .tag {
  padding: 10px 25px;
  border-radius: 77px;
  background-color: #f7f8fc;
  font-weight: 500;
  font-size: 18px;
  line-height: 140%;
}

.coopiration__container {
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 70px;
}

.coopiration__wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
}

.coopiration__item {
  padding: 60px 50px;
  border: 1px solid #c7d6ed99;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

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

.coopiration__item-top .name {
  font-weight: 600;
  font-size: 35px;
  line-height: 140%;
}

.coopiration__item-top .tag {
  font-size: 18px;
  line-height: 140%;
  padding: 15px 20px;
  border-radius: 18px;
  background-color: #f7f8fc;
}

.coopiration__item .descr {
  font-size: 20px;
  line-height: 140%;
  color: #617082;
  margin-bottom: 20px;
}

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

.coopiration__item .table .row {
  padding: 20px 0;
  border-bottom: 1px solid #f0f2f8;
  font-size: 20px;
  line-height: 140%;
  display: flex;
  justify-content: space-between;
}

.blog-breadcrumb.animation {
  transform: translateY(50px);
  opacity: 0;
}

.blog-breadcrumb {
  transition: 0.4s ease;
}

.service-section__ol-cards {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
  gap: 30px;
}

.service-section__ol-card {
  display: grid;
  grid-template-columns: 50px 1fr;
  column-gap: 40px;
  row-gap: 20px;
  padding: 50px 40px;
  border: 1px solid #c7d6ed99;
  border-radius: 20px;
}

.service-section__ol-card .num {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #f7f8fc;
  font-family: Gilroy;
  font-weight: 500;
  font-size: 20px;
  line-height: 140%;
  color: #617082;
}

.service-section__ol-card .name {
  grid-column: 2/3;
  font-weight: 600;
  font-size: 30px;
  line-height: 140%;
}

.service-section__ol-card .text {
  grid-column: 2/3;
  font-weight: 400;
  font-size: 20px;
  line-height: 140%;
  color: #617082;
}

.service-section.price-slider {
  flex-direction: column;
  align-items: center;
}

.price-slider .service-section__container {
  display: flex;
  flex-direction: column;
  gap: 45px;
  margin-bottom: 70px;
}

.price-slider__inner {
  padding-left: 358px;
}

.price-slider__inner .swiper-slide {
  width: auto;
  height: unset;
  padding: 60px 50px;
  border: 1px solid #c7d6ed99;
  border-radius: 20px;
}

.price-slider__tag {
  border-radius: 18px;
  width: fit-content;
  padding: 15px 20px;
  font-weight: 600;
  font-size: 18px;
  line-height: 140%;
  background-color: #f7f8fc;
  margin-bottom: 30px;
}

.price-slider__text {
  font-weight: 400;
  font-size: 20px;
  line-height: 140%;
  color: #617082;
  margin-bottom: 40px;
}

.price-slider__price {
  font-weight: 600;
  font-size: 35px;
  line-height: 140%;
  margin-bottom: 40px;
}

.price-slider__price span {
  color: #617082;
}

.price-slider__sheet {
  display: flex;
  flex-direction: column;
}

.price-slider__sheet .row {
  display: flex;
  justify-content: space-between;
  padding: 20px 0;
  font-weight: 400;
  font-size: 20px;
  line-height: 140%;
}

.price-slider__sheet .row:not(:last-child) {
  border-bottom: 1px solid #f0f2f8;
}

.price-slider__sheet .row div:last-child {
  font-weight: 600;
}

.equation {
  display: flex;
  align-items: center;
  gap: 10px;
}

.equation div {
  padding: 15px 25px;
  font-weight: 500;
  font-size: 20px;
  line-height: 140%;
  color: #617082;
  border: 1px solid #c7d6edcc;
  border-radius: 20px;
}

.equation .gray {
  background-color: #f7f8fc;
}

.tandm .about-page-50__title {
  margin-bottom: 45px;
}

.tandm__wrapper {
  margin-top: 70px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 30px;
  max-width: 970px;
  width: 100%;
}

.tandm__sheet {
  width: 100%;
  padding: 60px 50px;
  border-radius: 20px;
  border: 1px solid #c7d6ed99;
}

.tandm__sheet .row {
  padding: 20px 0;
  display: flex;
  justify-content: space-between;
  font-weight: 400;
  font-size: 20px;
  line-height: 140%;
}

.tandm__sheet .row div:last-child {
  font-weight: 600;
}

.tandm__sheet .row span {
  color: #617082;
}

.tandm__sheet .row:not(:last-child) {
  border-bottom: 1px solid #f0f2f8;
}

.tandm__text {
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  color: #7c8a9d;
  text-align: center;
}

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

.switch-sheet__buttons {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}

.switch-sheet__buttons button {
  font-weight: 500;
  font-size: 20px;
  line-height: 140%;
  padding: 18px 35px;
  border-radius: 15px;
  background-color: #f7f8fc;
  border: none;
  transition: 0.2s ease;
}

.switch-sheet__buttons button:hover,
.switch-sheet__buttons .active {
  background-color: #388af3;
  color: #ffffff;
}

.switch-sheet__wrapper {
  margin-top: 45px;
}

.switch-sheet__table.active {
  display: flex;
  flex-direction: column;
}

.switch-sheet__table {
  display: none;
}

.switch-sheet__table .row {
  display: grid;
  grid-template-columns: 1fr 227px 227px;
  font-weight: 400;
  font-size: 20px;
  line-height: 140%;
  padding: 30px;
}

.switch-sheet__table .row:first-child {
  font-weight: 600;
  font-size: 20px;
  line-height: 140%;
  color: #aeb8cb;
  border-bottom: 1px solid #c7d6ed;
}

.switch-sheet__table .row:nth-of-type(2n + 3) {
  background-color: #f7f8fc;
  border-radius: 10px;
}

.coop-form {
  flex-direction: column;
  align-items: center;
  gap: 70px;
}

.coop-form__container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
  justify-content: center;
}

.coop-form__container.one-col {
  grid-template-columns: 1fr;
  max-width: 587px;
}

.coop-form__container.three-col {
  grid-template-columns: repeat(3, 1fr);
}

.coop-form__item {
  padding: 50px 35px;
  border-radius: 20px;
  border: 1px solid #c7d6ed99;
  display: flex;
  flex-direction: column;
}

.coop-form__item .header__chat {
  margin-top: auto;
  width: fit-content;
}

.coop-form__item .title {
  font-weight: 600;
  font-size: 30px;
  line-height: 140%;
  margin-bottom: 20px;
}

.coop-form__item .descr {
  font-weight: 400;
  font-size: 20px;
  line-height: 30px;
  color: #617082;
  margin-bottom: 40px;
}

.coop-form__item ul {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 0;
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  margin: 0;
}

.with-btn.coop-form__item ul {
  margin-bottom: 40px;
}

.coop-form__item ul li {
  gap: 10px;
  position: relative;
  padding-left: 23px;
}

.coop-form__item ul li::before {
  content: "";
  position: absolute;
  left: 0;
  display: block;
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #ccd6e9;
}

.coop-form__item ul li b {
  display: inline;
}

.servAnim .about-page-50__title,
.servAnim .anim {
  transform: translateY(50px);
  opacity: 0;
  transition: 0.4s ease;
}

.servAnim .about-page-50__title.visible,
.servAnim .anim.visible {
  transform: translateY(0);
  opacity: 1;
}

.servAnim .service-section__grey-cards .service-section__grey-card:nth-child(2n) {
  transform: translateY(50px);
  transition: 0.4s ease;
}

.servAnim .service-section__grey-cards .service-section__grey-card {
  transform: translateY(80px);
  opacity: 0;
  transition: 0.4s ease;
}

.servAnim .service-section__grey-cards.visible .service-section__grey-card {
  transform: translateY(0);
  opacity: 1;
}

.service-section__bricks {
  margin-top: 70px;
  display: grid;
  grid-template-columns: 470px auto;
  gap: 30px;
}

.service-section__bricks-main {
  padding: 50px 48px;
  border: 1px solid #c7d6ed99;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.service-section__bricks-main h3 {
  font-weight: 600;
  font-size: 30px;
  line-height: 140%;
}

.service-section__bricks-main h3 span {
  color: #388af3;
}

.service-section__bricks-main p {
  font-weight: 400;
  font-size: 20px;
  line-height: 30px;
  color: #617082;
}

.service-section__bricks-list {
  display: grid;
  gap: 30px;
  grid-template-columns: 1fr 1fr;
}

.service-section__bricks-item {
  font-weight: 400;
  font-size: 20px;
  line-height: 140%;
  padding: 40px;
  background: #f7f8fc;
  border-radius: 20px;
}

.service-section__bricks-item {}

.service-section__bricks-item-bigtext {
  color: #1f1f1f;
  font-size: 24px;
  font-weight: 600;
  line-height: 140%;
}

.service-section__bricks-item-minitext {
  color: #617082;
  font-size: 20px;
  margin-top: 20px;
  font-weight: 400;
  line-height: 30px;
}

.dialog-block {
  max-width: 970px;
  width: 100%;
  margin: 0 auto;
}

.dialog-block {
  overflow: hidden;
}

.padding-top-80 {
  padding-top: 80px;
}

.padding-bottom-80 {
  padding-bottom: 80px;
}

.big-links-block {
  list-style: none;
  margin: 70px 0 0;
  padding: 30px;
  background: #f7f8fc;
  border-radius: 30px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 15px 30px;
}

.big-links-block li {
  font-weight: 600;
  font-size: 28px;
  line-height: 40px;
  padding: 30px 40px;
  background-color: #fff;
  border-radius: 20px;
  transition: 0.3s ease;
}

.big-links-block li a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 40px;
}

.big-links-block li a .arrow {
  flex-shrink: 0;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: #f7f8fc;
  transition: 0.3s ease;
}

.big-links-block li:hover {
  color: #388af3;
}

.big-links-block li:hover a .arrow {
  background-color: #edf5ff;
}

.big-links-block li a svg path {
  transition: 0.3s ease;
}

.big-links-block li:hover a .arrow path {
  stroke: #388af3;
}

.service-tabs__text {
  padding-right: 100px;
  text-align: center;
  display: flex;
  flex-direction: column;
}

.service-tabs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
}

.service-tabs .about-page-50__title {
  margin-left: 0;
  text-align: left;
}

.service-tabs .about-page-20 {
  text-align: left;
}

.service-tabs__content {
  margin: 0 0 65px;
  padding: 0;
  display: flex;
  justify-content: flex-start;
  gap: 20px;
  flex-wrap: wrap;
  list-style: none;
}

.service-tabs__content li {
  font-weight: 500;
  font-size: 24px;
  line-height: 140%;
  padding: 20px 30px;
  border: 1px solid #c7d6edcc;
  border-radius: 20px;
  transition: transform 0.3s ease;
}

.service-tabs__content li.link:hover {
  transform: scale(1.05);
}

.service-tabs .grey-btn {
  margin-left: 0;
}

.grey-btn {
  width: fit-content;
  margin: 0 auto;
  font-weight: 600;
  font-size: 18px;
  line-height: 140%;
  padding: 16px 20px 16px 30px;
  background: #f7f8fc;
  border-radius: 60px;
  border: none;
  display: flex;
  gap: 20px;
  align-items: center;
  transition: 0.3s ease;
}

.grey-btn:hover {
  color: #0988FA;
}

.grey-btn svg {
  transition: 0.3s ease;
}

.grey-btn:hover svg {
  transform: translateX(5px);
}

.service-sublist__tabs {
  display: flex;
  gap: 20px;
  justify-content: center;
  margin-bottom: 45px;
}

.service-sublist__tab {
  cursor: url(../img/cursor-pointer.svg) -15 -15, pointer;
  padding: 18px 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px;
  border-radius: 15px;
  background: var(--grays-gray_02);
  transition: 0.3s;
}

.service-sublist__tab.active {
  background: var(--brand-blue);
  color: #fff;
}

.service-sublist__tab:hover {
  background-color: var(--light-blue);
  color: var(--brand-blue);
}

.service-sublist__tab-content {
  display: none;
}

.service-sublist__tab-content.active {
  display: block;
}

.service-sublist__list-nishe {
  padding: 30px;
  margin: 0;
  list-style: none;
  display: flex;
  gap: 10px 20px;
  flex-wrap: wrap;
  justify-content: center;
  background: #f7f8fc;
  border-radius: 30px;
}

.service-sublist__item-nishe {
  display: flex;
  padding: 20px 30px;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 36px;
  border-radius: 20px;
  border: 1px solid rgba(199, 214, 237, 0.80);
  background: var(--Basic-White, #FFF);
}

@media (max-width: 1920px) {
  .container-new {
    max-width: calc(1216px + (1470 - 1216) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .container-footer {
    padding: calc(40px + (50 - 40) * ((100vw - 1536px) / (1920 - 1536))) calc(120px + (175 - 120) * ((100vw - 1536px) / (1920 - 1536))) calc(20px + (30 - 20) * ((100vw - 1536px) / (1920 - 1536)));
    max-width: calc(1456px + (1820 - 1456) * ((100vw - 1536px) / (1920 - 1536)));
    border-radius: calc(40px + (50 - 40) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .header__container {
    padding: 0 calc(160px + (225 - 160) * ((100vw - 1536px) / (1920 - 1536)));

  }

  .service-title {
    gap: calc(60px + (80 - 60) * ((100vw - 1536px) / (1920 - 1536)));
    padding-top: calc(60px + (80 - 60) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .service-title__inner {
    gap: calc(35px + (40 - 35) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .service-title__title {
    font-size: calc(60px + (70 - 60) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(80px + (85 - 80) * ((100vw - 1536px) / (1920 - 1536)));
    max-width: calc(750px + (850 - 750) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .service-title__text-wrap {
    gap: calc(15px + (20 - 15) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .service-title__text {
    padding: calc(15px + (20 - 15) * ((100vw - 1536px) / (1920 - 1536))) calc(25px + (30 - 25) * ((100vw - 1536px) / (1920 - 1536)));
    font-size: calc(22px + (24 - 22) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(34px + (36 - 34) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .service-title__text-wrap img {
    width: calc(105px + (120 - 105) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(105px + (120 - 105) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .awards-page .service-title__text {
    max-width: calc(500px + (642 - 500) * ((100vw - 1536px) / (1920 - 1536)));
    font-size: calc(20px + (22 - 20) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(30px + (34 - 30) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .investors-page .service-title__text {
    max-width: calc(500px + (673 - 500) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .service-title__point {
    padding: 15px calc(20px + (25 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .service-section__grey-cards {
    margin-top: calc(50px + (70 - 50) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .service-section__grey-card {
    padding: calc(30px + (40 - 30) * ((100vw - 1536px) / (1920 - 1536))) calc(40px + (50 - 40) * ((100vw - 1536px) / (1920 - 1536)));
    min-height: calc(222px + (326 - 222) * ((100vw - 1536px) / (1920 - 1536)));
    gap: calc(15px + (20 - 15) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .service-section__grey-card-title {
    font-size: calc(28px + (30 - 28) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .service-section__grey-card-text {
    font-size: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(28px + (30 - 28) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .service-section__grey-card-baloons div {
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(24px + (28 - 24) * ((100vw - 1536px) / (1920 - 1536)));
    padding: 15px calc(20px + (25 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .service-section__text-content {
    margin-top: calc(70px + (90 - 70) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .title-35 {
    margin-bottom: calc(30px + (40 - 30) * ((100vw - 1536px) / (1920 - 1536)));
    font-size: calc(30px + (35 - 30) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .text-20 {
    font-size: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .padding-bottom-125 {
    padding-bottom: calc(100px + (125 - 100) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .padding-top-125 {
    padding-top: calc(100px + (125 - 100) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .service-section__message {
    max-width: calc(630px + (722 - 630) * ((100vw - 1536px) / (1920 - 1536)));
    margin: calc(40px + (45 - 40) * ((100vw - 1536px) / (1920 - 1536))) auto calc(50px + (70 - 50) * ((100vw - 1536px) / (1920 - 1536)));
    gap: calc(25px + (30 - 25) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .service-section__message-img {
    width: calc(55px + (65 - 55) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(55px + (65 - 55) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .service-section__message-img:after {
    width: calc(12px + (13 - 12) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(12px + (13 - 12) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .service-section__message-text {
    padding: calc(15px + (20 - 15) * ((100vw - 1536px) / (1920 - 1536))) calc(25px + (30 - 25) * ((100vw - 1536px) / (1920 - 1536)));
    font-size: calc(20px + (22 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .service-section__column-cards {
    max-width: calc(802px + (970 - 802) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .service-section__column-card {
    padding: calc(30px + (40 - 30) * ((100vw - 1536px) / (1920 - 1536))) calc(40px + (50 - 40) * ((100vw - 1536px) / (1920 - 1536)));
    gap: calc(25px + (30 - 25) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .service-section__cards-avatars img {
    width: calc(30px + (35 - 30) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(30px + (35 - 30) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .gap-45 {
    gap: calc(40px + (45 - 40) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .service-section__container-inner {
    max-width: calc(748px + (820 - 748) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .service-title__point-line {
    width: calc(25px + (30 - 25) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .service-title__point-line::before {
    width: calc(7px + (10 - 7) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(7px + (10 - 7) * ((100vw - 1536px) / (1920 - 1536)));
    left: calc(-6px + (-8 + 6) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .service-title__point-line::after {
    width: calc(7px + (10 - 7) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(7px + (10 - 7) * ((100vw - 1536px) / (1920 - 1536)));
    right: calc(-6px + (-8 + 6) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .about-reviews__container {
    gap: calc(60px + (70 - 60) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .about-reviews__item {
    padding: calc(30px + (33 - 30) * ((100vw - 1536px) / (1920 - 1536))) calc(30px + (35 - 30) * ((100vw - 1536px) / (1920 - 1536)));
    gap: calc(35px + (40 - 35) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .about-reviews__item-descr {
    grid-template-columns:
      calc(50px + (55 - 50) * ((100vw - 1536px) / (1920 - 1536))) 1fr auto;
  }

  .about-reviews__raiting {
    padding: calc(7px + (10 - 7) * ((100vw - 1536px) / (1920 - 1536))) calc(12px + (15 - 12) * ((100vw - 1536px) / (1920 - 1536)));
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
    border-radius: calc(10px + (12 - 10) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .about-reviews__raiting img {
    width: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(24px + (28 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .about-reviews__item-descr .name {
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .about-reviews__item-descr .position {
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .about-reviews__item .reviews {
    font-size: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .section-cases__container {
    gap: calc(60px + (70 - 60) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .section-cases__wrapper-swiper {
    margin-top: calc(50px + (70 - 50) * ((100vw - 1536px) / (1920 - 1536)));
    margin-bottom: calc(50px + (70 - 50) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .section-cases__item .name {
    font-size: calc(28px + (30 - 28) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .section-cases__item .tags .tag {
    padding: 10px calc(20px + (25 - 20) * ((100vw - 1536px) / (1920 - 1536)));
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .coopiration__item {
    padding: calc(50px + (60 - 50) * ((100vw - 1536px) / (1920 - 1536))) calc(40px + (50 - 40) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .coopiration__item-top .name {
    font-size: calc(30px + (35 - 30) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .coopiration__item-top .tag {
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .coopiration__item .descr {
    font-size: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .coopiration__item .table .row {
    padding: calc(15px + (20 - 15) * ((100vw - 1536px) / (1920 - 1536))) 0;
    font-size: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .service-section__ol-card {
    column-gap: calc(30px + (40 - 30) * ((100vw - 1536px) / (1920 - 1536)));
    row-gap: calc(15px + (20 - 15) * ((100vw - 1536px) / (1920 - 1536)));
    padding: calc(40px + (50 - 40) * ((100vw - 1536px) / (1920 - 1536))) calc(30px + (40 - 30) * ((100vw - 1536px) / (1920 - 1536)));
    grid-template-columns:
      calc(45px + (50 - 45) * ((100vw - 1536px) / (1920 - 1536))) 1fr;
  }

  .service-section__ol-card .num {
    width: calc(45px + (50 - 45) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(45px + (50 - 45) * ((100vw - 1536px) / (1920 - 1536)));
    font-size: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .service-section__ol-card .name {
    font-size: calc(28px + (30 - 28) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .service-section__ol-card .text {
    font-size: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .price-slider .service-section__container {
    gap: calc(40px + (45 - 40) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .price-slider__inner {
    padding-left: calc(200px + (358 - 200) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .price-slider__inner .swiper-slide {
    padding: calc(50px + (60 - 50) * ((100vw - 1536px) / (1920 - 1536))) calc(40px + (50 - 40) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .price-slider__tag {
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
    margin-bottom: calc(25px + (30 - 25) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .price-slider__text {
    font-size: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
    margin-bottom: calc(35px + (40 - 35) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .price-slider__price {
    font-size: calc(30px + (35 - 30) * ((100vw - 1536px) / (1920 - 1536)));
    margin-bottom: calc(35px + (40 - 35) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .price-slider__sheet .row {
    font-size: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .tandm .about-page-50__title {
    margin-bottom: calc(40px + (45 - 40) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .equation div {
    font-size: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
    padding: 15px calc(20px + (25 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .tandm__wrapper {
    margin-top: calc(50px + (70 - 50) * ((100vw - 1536px) / (1920 - 1536)));
    max-width: calc(802px + (970 - 802) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .tandm__sheet {
    padding: calc(50px + (60 - 50) * ((100vw - 1536px) / (1920 - 1536))) calc(40px + (50 - 40) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .tandm__sheet .row {
    font-size: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .tandm__text {
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(24px + (28 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .switch-sheet__buttons button {
    font-size: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
    padding: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536))) calc(30px + (35 - 30) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .switch-sheet__wrapper {
    margin-top: calc(40px + (45 - 40) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .switch-sheet__table .row:first-child {
    font-size: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .switch-sheet__table .row {
    font-size: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
    padding: calc(25px + (30 - 25) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .with-btn.coop-form__item ul {
    margin-bottom: calc(30px + (40 - 30) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .coop-form {
    gap: calc(50px + (70 - 50) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .coop-form__item {
    padding: calc(40px + (50 - 40) * ((100vw - 1536px) / (1920 - 1536))) calc(30px + (35 - 30) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .coop-form__item .title {
    font-size: calc(28px + (30 - 28) * ((100vw - 1536px) / (1920 - 1536)));
    margin-bottom: calc(15px + (20 - 15) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .coop-form__item .descr {
    font-size: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(28px + (30 - 28) * ((100vw - 1536px) / (1920 - 1536)));
    margin-bottom: calc(30px + (40 - 30) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .coop-form__item ul {
    line-height: calc(24px + (28 - 24) * ((100vw - 1536px) / (1920 - 1536)));
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
    gap: calc(15px + (20 - 15) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .service-section__bricks {
    margin-top: calc(50px + (70 - 50) * ((100vw - 1536px) / (1920 - 1536)));
    grid-template-columns:
      calc(388px + (470 - 388) * ((100vw - 1536px) / (1920 - 1536))) 1fr;
  }

  .service-section__bricks-main {
    padding: calc(30px + (40 - 30) * ((100vw - 1536px) / (1920 - 1536))) calc(40px + (50 - 40) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .service-section__bricks-main h3 {
    font-size: calc(28px + (30 - 28) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .service-section__bricks-main p {
    font-size: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(28px + (30 - 28) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .service-section__bricks-item {
    padding: calc(30px + (40 - 30) * ((100vw - 1536px) / (1920 - 1536)));
    font-size: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .big-links-block {
    margin-top: calc(60px + (70 - 60) * ((100vw - 1536px) / (1920 - 1536)));
    padding: calc(25px + (30 - 25) * ((100vw - 1536px) / (1920 - 1536)));
    gap: calc(10px + (15 - 10) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .big-links-block li {
    font-size: calc(26px + (28 - 26) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(38px + (40 - 38) * ((100vw - 1536px) / (1920 - 1536)));
    padding: calc(25px + (30 - 25) * ((100vw - 1536px) / (1920 - 1536))) calc(30px + (40 - 30) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .big-links-block li a {
    gap: calc(30px + (40 - 30) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .big-links-block li a .arrow {
    width: calc(55px + (60 - 55) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(55px + (60 - 55) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .service-tabs__text {
    padding-right: calc(70px + (100 - 70) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .service-tabs__content {
    margin-bottom: calc(50px + (65 - 50) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .service-tabs__content li {
    font-size: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
    padding: calc(16px + (20 - 16) * ((100vw - 1536px) / (1920 - 1536))) calc(35px + (30 - 35) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .grey-btn {
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(24px + (28 - 24) * ((100vw - 1536px) / (1920 - 1536)));
    gap: calc(15px + (20 - 15) * ((100vw - 1536px) / (1920 - 1536)));
    padding: calc(15px + (16 - 15) * ((100vw - 1536px) / (1920 - 1536))) calc(15px + (20 - 15) * ((100vw - 1536px) / (1920 - 1536))) calc(15px + (16 - 15) * ((100vw - 1536px) / (1920 - 1536))) calc(25px + (30 - 25) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .message-text-wrap {
    padding: calc(15px + (20 - 15) * ((100vw - 1536px) / (1920 - 1536))) calc(25px + (30 - 25) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .dialog-block .message .text {
    font-size: calc(20px + (22 - 20) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(30px + (34 - 30) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .service-section__bricks-item-bigtext {
    font-size: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .service-section__bricks-item-minitext {
    font-size: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(28px + (30 - 28) * ((100vw - 1536px) / (1920 - 1536)));
    margin-top: calc(15px + (20 - 15) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .coop-form__item ul li {
    padding-left: calc(18px + (23 - 18) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .service-title__points {
    margin-top: calc(60px + (80 - 60) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .services-slider-list__inner {
    gap: calc(30px + (40 - 30) * ((100vw - 1536px) / (1920 - 1536))) 0;
  }

  .service-sublist__tabs {
    margin-bottom: calc(40px + (45 - 40) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .service-sublist__tab {
    padding: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536))) calc(30px + (35 - 30) * ((100vw - 1536px) / (1920 - 1536)));
    ;
    font-size: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(28px + (30 - 28) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .service-sublist__item-nishe {
    padding: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536))) 30px;
    font-size: calc(20px + (24 - 20) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(30px + (36 - 30) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .service-sublist__list-nishe {
    padding: calc(25px + (30 - 25) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .services-slider-list .swiper-slide,
  .main-page__services .swiper-slide>* {
    min-height: 237px;
  }
}

@media (max-width: 1536px) {
  .services-slider-list .swiper-slide,
  .main-page__services .swiper-slide>* {
    min-height: 207px;
  }

  .container-new {
    max-width: calc(1120px + (1216 - 1120) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .container-footer {
    padding: calc(30px + (40 - 30) * ((100vw - 1280px) / (1536 - 1280))) calc(50px + (120 - 50) * ((100vw - 1280px) / (1536 - 1280))) 20px;
    max-width: calc(1220px + (1456 - 1220) * ((100vw - 1280px) / (1536 - 1280)));
    border-radius: calc(30px + (40 - 30) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .header__container {
    padding: 0 calc(80px + (160 - 80) * ((100vw - 1280px) / (1536 - 1280)));

  }

  .service-title__points {
    margin-top: calc(50px + (60 - 50) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .service-title {
    gap: calc(40px + (60 - 40) * ((100vw - 1280px) / (1536 - 1280)));
    padding-top: calc(50px + (60 - 50) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .service-title__inner {
    gap: calc(20px + (35 - 20) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .service-title__title {
    max-width: 750px;
    font-size: calc(50px + (60 - 50) * ((100vw - 1280px) / (1536 - 1280)));
    line-height: calc(60px + (80 - 60) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .service-title__text-wrap {
    gap: 15px;
  }

  .service-title__text {
    padding: 15px 25px;
    line-height: calc(30px + (34 - 30) * ((100vw - 1280px) / (1536 - 1280)));
    max-width: calc(550px + (680 - 550) * ((100vw - 1280px) / (1536 - 1280)));
    font-size: calc(20px + (22 - 20) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .service-title__text-wrap img {
    width: calc(90px + (105 - 90) * ((100vw - 1280px) / (1536 - 1280)));
    height: calc(90px + (105 - 90) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .awards-page .service-title__text {
    max-width: calc(470px + (500 - 470) * ((100vw - 1280px) / (1536 - 1280)));
    line-height: calc(28px + (30 - 28) * ((100vw - 1280px) / (1536 - 1280)));
    font-size: calc(18px + (20 - 18) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .investors-page .service-title__text {
    max-width: calc(470px + (500 - 470) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .service-title__point {
    padding: 15px 20px;
    font-size: calc(18px + (20 - 18) * ((100vw - 1280px) / (1536 - 1280)));
    line-height: calc(28px + (30 - 28) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .service-title__point-line {
    width: 25px;
  }

  .service-title__point-line::before {
    width: 7px;
    height: 7px;
    left: -6px;
  }

  .service-title__point-line::after {
    width: 7px;
    height: 7px;
    right: -6px;
  }

  .padding-bottom-125 {
    padding-bottom: calc(70px + (100 - 70) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .padding-top-125 {
    padding-top: calc(70px + (100 - 70) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .service-section__grey-cards {
    margin-top: calc(40px + (50 - 40) * ((100vw - 1280px) / (1536 - 1280)));
    gap: calc(20px + (30 - 20) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .service-section__grey-card {
    padding: 30px calc(30px + (40 - 30) * ((100vw - 1280px) / (1536 - 1280)));
    border-radius: calc(15px + (20 - 15) * ((100vw - 1280px) / (1536 - 1280)));
    min-height: calc(254px + (222 - 254) * ((100vw - 1280px) / (1536 - 1280)));
    gap: 15px;
  }

  .service-section__grey-card-title {
    font-size: calc(24px + (28 - 24) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .service-section__grey-card-text {
    font-size: calc(16px + (18 - 16) * ((100vw - 1280px) / (1536 - 1280)));
    line-height: calc(24px + (28 - 24) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .service-section__grey-card-baloons div {
    font-size: calc(14px + (16 - 14) * ((100vw - 1280px) / (1536 - 1280)));
    line-height: calc(22px + (24 - 22) * ((100vw - 1280px) / (1536 - 1280)));
    padding: calc(10px + (15 - 10) * ((100vw - 1280px) / (1536 - 1280))) 20px;
  }

  .service-section__text-content {
    margin-top: calc(50px + (70 - 50) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .title-35 {
    font-size: calc(28px + (30 - 28) * ((100vw - 1280px) / (1536 - 1280)));
    margin-bottom: calc(25px + (30 - 25) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .text-20 {
    font-size: calc(16px + (18 - 16) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .service-section__message {
    max-width: calc(556px + (630 - 556) * ((100vw - 1280px) / (1536 - 1280)));
    margin: calc(35px + (40 - 35) * ((100vw - 1280px) / (1536 - 1280))) auto calc(40px + (50 - 40) * ((100vw - 1280px) / (1536 - 1280)));
    gap: calc(20px + (25 - 20) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .service-section__message-img {
    width: calc(45px + (55 - 45) * ((100vw - 1280px) / (1536 - 1280)));
    height: calc(45px + (55 - 45) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .service-section__message-img:after {
    width: calc(10px + (12 - 10) * ((100vw - 1280px) / (1536 - 1280)));
    height: calc(10px + (12 - 10) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .service-section__message-text {
    padding: 15px calc(20px + (25 - 20) * ((100vw - 1280px) / (1536 - 1280)));
    font-size: calc(18px + (20 - 18) * ((100vw - 1280px) / (1536 - 1280)));
    border-radius: 0 calc(15px + (20 - 15) * ((100vw - 1280px) / (1536 - 1280))) calc(15px + (20 - 15) * ((100vw - 1280px) / (1536 - 1280))) calc(15px + (20 - 15) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .service-section__column-cards {
    max-width: calc(740px + (802 - 740) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .service-section__column-card {
    padding: calc(25px + (30 - 25) * ((100vw - 1280px) / (1536 - 1280))) calc(30px + (40 - 30) * ((100vw - 1280px) / (1536 - 1280)));
    border-radius: calc(15px + (20 - 15) * ((100vw - 1280px) / (1536 - 1280)));
    gap: calc(20px + (25 - 20) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .service-section__cards-avatars img {
    width: 30px;
    height: 30px;
  }

  .service-section__line {
    height: calc(30px + (40 - 30) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .service-section__line span {
    width: calc(10px + (15 - 10) * ((100vw - 1280px) / (1536 - 1280)));
    height: calc(10px + (15 - 10) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .service-section__line span:first-child {
    top: calc(-4px + (-8 + 4) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .service-section__line span:last-child {
    bottom: calc(-4px + (-8 + 4) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .service-section__container-inner {
    max-width: calc(636px + (748 - 636) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .gap-45 {
    gap: calc(35px + (40 - 35) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .about-reviews__container {
    gap: calc(50px + (60 - 50) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .about-reviews__wrapper {
    gap: calc(20px + (30 - 20) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .about-reviews__column {
    grid-gap: calc(20px + (30 - 20) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .about-reviews__item {
    padding: calc(20px + (25 - 20) * ((100vw - 1280px) / (1536 - 1280))) calc(25px + (30 - 25) * ((100vw - 1280px) / (1536 - 1280)));
    gap: 35px;
  }

  .about-reviews__item-descr {
    grid-template-columns:
      calc(45px + (50 - 45) * ((100vw - 1280px) / (1536 - 1280))) 1fr auto;
    column-gap: calc(10px + (15 - 10) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .about-reviews__raiting {
    padding: 7px 12px;
    border-radius: 10px;
    font-size: 16px;
  }

  .about-reviews__raiting img {
    width: 18px;
    height: 24px;
  }

  .about-reviews__item .reviews {
    font-size: calc(16px + (18 - 16) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .section-cases__container {
    gap: calc(50px + (60 - 50) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .section-cases__wrapper-swiper {
    margin-top: calc(40px + (50 - 40) * ((100vw - 1280px) / (1536 - 1280)));
    margin-bottom: calc(40px + (50 - 40) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .section-cases__item {
    gap: calc(20px + (30 - 20) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .section-cases__item img {
    border-radius: calc(15px + (20 - 15) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .section-cases__item .name {
    font-size: calc(24px + (28 - 24) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .section-cases__item .tags .tag {
    padding: 10px 20px;
    font-size: calc(14px + (16 - 14) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .coopiration__container {
    gap: calc(50px + (60 - 50) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .coopiration__wrapper {
    gap: calc(20px + (30 - 20) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .coopiration__item {
    padding: calc(40px + (50 - 40) * ((100vw - 1280px) / (1536 - 1280))) calc(30px + (40 - 30) * ((100vw - 1280px) / (1536 - 1280)));
    border-radius: calc(15px + (20 - 15) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .coopiration__item-top {
    margin-bottom: calc(20px + (40 - 20) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .coopiration__item-top .name {
    font-size: calc(28px + (30 - 28) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .coopiration__item-top .tag {
    font-size: calc(14px + (16 - 14) * ((100vw - 1280px) / (1536 - 1280)));
    padding: calc(10px + (15 - 10) * ((100vw - 1280px) / (1536 - 1280))) calc(15px + (20 - 15) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .coopiration__item .descr {
    font-size: calc(16px + (18 - 16) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .coopiration__item .table .row {
    padding: 15px 0;
    font-size: calc(16px + (18 - 16) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .service-section__ol-cards {
    gap: calc(20px + (30 - 20) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .service-section__ol-card {
    column-gap: calc(25px + (30 - 25) * ((100vw - 1280px) / (1536 - 1280)));
    row-gap: 15px;
    padding: calc(30px + (40 - 30) * ((100vw - 1280px) / (1536 - 1280))) calc(25px + (30 - 25) * ((100vw - 1280px) / (1536 - 1280)));
    grid-template-columns:
      calc(40px + (45 - 40) * ((100vw - 1280px) / (1536 - 1280))) 1fr;
    border-radius: calc(15px + (20 - 15) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .service-section__ol-card .num {
    width: calc(40px + (45 - 40) * ((100vw - 1280px) / (1536 - 1280)));
    height: calc(40px + (45 - 40) * ((100vw - 1280px) / (1536 - 1280)));
    font-size: calc(16px + (18 - 16) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .service-section__ol-card .name {
    font-size: calc(24px + (28 - 24) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .service-section__ol-card .text {
    font-size: calc(16px + (18 - 16) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .price-slider .service-section__container {
    gap: calc(35px + (40 - 35) * ((100vw - 1280px) / (1536 - 1280)));
    margin-bottom: calc(60px + (70 - 60) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .price-slider__inner {
    padding-left: calc(158px + (200 - 158) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .price-slider__inner .swiper-slide {
    padding: calc(40px + (50 - 40) * ((100vw - 1280px) / (1536 - 1280))) calc(30px + (40 - 30) * ((100vw - 1280px) / (1536 - 1280)));
    border-radius: calc(15px + (20 - 15) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .price-slider__tag {
    font-size: calc(14px + (16 - 14) * ((100vw - 1280px) / (1536 - 1280)));
    margin-bottom: calc(20px + (25 - 20) * ((100vw - 1280px) / (1536 - 1280)));
    padding: calc(10px + (15 - 10) * ((100vw - 1280px) / (1536 - 1280))) calc(15px + (20 - 15) * ((100vw - 1280px) / (1536 - 1280)));
    border-radius: calc(15px + (18 - 15) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .price-slider__text {
    font-size: calc(16px + (18 - 16) * ((100vw - 1280px) / (1536 - 1280)));
    margin-bottom: calc(30px + (35 - 30) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .price-slider__price {
    font-size: calc(28px + (30 - 28) * ((100vw - 1280px) / (1536 - 1280)));
    margin-bottom: calc(30px + (35 - 30) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .price-slider__sheet .row {
    font-size: calc(16px + (18 - 16) * ((100vw - 1280px) / (1536 - 1280)));
    padding: calc(15px + (20 - 15) * ((100vw - 1280px) / (1536 - 1280))) 0;
  }

  .tandm .about-page-50__title {
    margin-bottom: calc(35px + (40 - 35) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .equation div {
    font-size: calc(16px + (18 - 16) * ((100vw - 1280px) / (1536 - 1280)));
    padding: 15px 20px;
  }

  .tandm__wrapper {
    max-width: calc(740px + (802 - 740) * ((100vw - 1280px) / (1536 - 1280)));
    margin-top: calc(40px + (50 - 40) * ((100vw - 1280px) / (1536 - 1280)));
    gap: calc(20px + (30 - 20) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .tandm__sheet {
    padding: calc(40px + (50 - 40) * ((100vw - 1280px) / (1536 - 1280))) calc(30px + (40 - 30) * ((100vw - 1280px) / (1536 - 1280)));
    border-radius: calc(15px + (20 - 15) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .tandm__sheet .row {
    font-size: calc(16px + (18 - 16) * ((100vw - 1280px) / (1536 - 1280)));
    padding: calc(13px + (20 - 13) * ((100vw - 1280px) / (1536 - 1280))) 0;
  }

  .tandm__text {
    font-size: 16px;
    line-height: 24px;
  }

  .switch-sheet__buttons {
    gap: calc(15px + (20 - 15) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .switch-sheet__buttons button {
    font-size: calc(16px + (18 - 16) * ((100vw - 1280px) / (1536 - 1280)));
    padding: 16px 30px;
  }

  .switch-sheet__wrapper {
    margin-top: calc(35px + (40 - 35) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .switch-sheet__table .row:first-child {
    font-size: calc(16px + (18 - 16) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .switch-sheet__table .row {
    font-size: calc(16px + (18 - 16) * ((100vw - 1280px) / (1536 - 1280)));
    padding: calc(20px + (25 - 20) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .with-btn.coop-form__item ul {
    margin-bottom: calc(25px + (30 - 25) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .coop-form {
    gap: calc(40px + (50 - 40) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .coop-form__container {
    gap: calc(20px + (30 - 20) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .coop-form__item {
    padding: 40px 30px;
    border-radius: calc(15px + (20 - 15) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .coop-form__item .title {
    font-size: calc(24px + (28 - 24) * ((100vw - 1280px) / (1536 - 1280)));
    margin-bottom: 15px;
  }

  .coop-form__item .descr {
    font-size: calc(16px + (18 - 16) * ((100vw - 1280px) / (1536 - 1280)));
    line-height: calc(24px + (28 - 24) * ((100vw - 1280px) / (1536 - 1280)));
    margin-bottom: calc(25px + (30 - 25) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .coop-form__item ul {
    line-height: calc(22px + (24 - 22) * ((100vw - 1280px) / (1536 - 1280)));
    font-size: calc(14px + (16 - 14) * ((100vw - 1280px) / (1536 - 1280)));
    gap: 15px;
  }

  .coop-form__item ul li {
    padding-left: calc(15px + (18 - 15) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .coop-form__item ul li::before {
    width: calc(5px + (8 - 5) * ((100vw - 1280px) / (1536 - 1280)));
    height: calc(5px + (8 - 5) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .service-section__bricks {
    margin-top: calc(40px + (50 - 40) * ((100vw - 1280px) / (1536 - 1280)));
    grid-template-columns:
      calc(360px + (388 - 360) * ((100vw - 1280px) / (1536 - 1280))) 1fr;
    gap: calc(20px + (30 - 20) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .service-section__bricks-main {
    padding: 30px 40px;
    border-radius: calc(15px + (20 - 15) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .service-section__bricks-main h3 {
    font-size: calc(24px + (28 - 24) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .service-section__bricks-main p {
    font-size: calc(16px + (18 - 16) * ((100vw - 1280px) / (1536 - 1280)));
    line-height: calc(24px + (28 - 24) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .service-section__bricks-list {
    gap: calc(20px + (30 - 20) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .service-section__bricks-item {
    padding: 30px;
    font-size: calc(16px + (18 - 16) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .service-section__bricks-item-bigtext {
    font-size: calc(18px + (20 - 18) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .service-section__bricks-item-minitext {
    font-size: calc(16px + (18 - 16) * ((100vw - 1280px) / (1536 - 1280)));
    line-height: calc(24px + (28 - 24) * ((100vw - 1280px) / (1536 - 1280)));
    margin-top: calc(10px + (15 - 10) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .big-links-block {
    margin-top: calc(50px + (60 - 50) * ((100vw - 1280px) / (1536 - 1280)));
    padding: calc(20px + (25 - 20) * ((100vw - 1280px) / (1536 - 1280)));
    gap: 10px;
  }

  .big-links-block li {
    font-size: calc(22px + (26 - 22) * ((100vw - 1280px) / (1536 - 1280)));
    line-height: calc(34px + (38 - 34) * ((100vw - 1280px) / (1536 - 1280)));
    padding: calc(20px + (25 - 20) * ((100vw - 1280px) / (1536 - 1280))) calc(25px + (30 - 25) * ((100vw - 1280px) / (1536 - 1280)));
    border-radius: calc(15px + (20 - 15) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .big-links-block li a {
    gap: calc(20px + (30 - 20) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .big-links-block li a .arrow {
    width: 55px;
    height: 55px;
  }

  .service-section__text-content {
    margin-top: calc(50px + (70 - 50) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .service-tabs__text {
    padding-right: calc(50px + (70 - 50) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .service-tabs__content {
    margin-bottom: calc(40px + (50 - 40) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .service-tabs__content li {
    font-size: calc(18px + (20 - 18) * ((100vw - 1280px) / (1536 - 1280)));
    padding: 20px calc(30px + (35 - 30) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .grey-btn {
    gap: calc(10px + (15 - 10) * ((100vw - 1280px) / (1536 - 1280)));
    font-size: 16px;
    line-height: 24px;
    padding: 15px 15px 15px 25px;
  }

  .grey-btn svg {
    width: 20px;
    height: 20px;
  }

  .dialog-block .message .avatar {
    width: calc(55px + (65 - 55) * ((100vw - 1280px) / (1536 - 1280)));
    height: calc(55px + (65 - 55) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .message-text-wrap {
    padding: 15px calc(20px + (25 - 20) * ((100vw - 1280px) / (1536 - 1280)));
    border-radius: calc(15px + (20 - 15) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .message:nth-child(2) .message-text-wrap {
    border-radius: 0 calc(15px + (20 - 15) * ((100vw - 1280px) / (1536 - 1280))) calc(15px + (20 - 15) * ((100vw - 1280px) / (1536 - 1280))) calc(15px + (20 - 15) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .message.user .message-text-wrap {
    border-radius: calc(15px + (20 - 15) * ((100vw - 1280px) / (1536 - 1280))) calc(15px + (20 - 15) * ((100vw - 1280px) / (1536 - 1280))) 0 calc(15px + (20 - 15) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .dialog-block .message .text {
    font-size: calc(18px + (20 - 18) * ((100vw - 1280px) / (1536 - 1280)));
    line-height: calc(28px + (30 - 28) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .services-slider-list__inner {
    gap: calc(25px + (30 - 25) * ((100vw - 1280px) / (1536 - 1280))) 0;
  }

  .service-sublist__tabs {
    margin-bottom: calc(35px + (40 - 35) * ((100vw - 1280px) / (1536 - 1280)));
    gap: calc(15px + (20 - 15) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .service-sublist__tab {
    padding: 16px 30px;
    font-size: calc(16px + (18 - 16) * ((100vw - 1280px) / (1536 - 1280)));
    line-height: calc(24px + (28 - 24) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .service-sublist__item-nishe {
    padding: 16px 30px;
    font-size: calc(18px + (20 - 18) * ((100vw - 1280px) / (1536 - 1280)));
    line-height: calc(28px + (30 - 28) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .service-sublist__list-nishe {
    padding: calc(20px + (25 - 20) * ((100vw - 1280px) / (1536 - 1280)));
    border-radius: calc(20px + (30 - 20) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .grey-btn {
    gap: 10px;
    font-size: calc(14px + (16 - 14) * ((100vw - 1280px) / (1536 - 1280)));
    line-height: calc(22px + (24 - 22) * ((100vw - 1280px) / (1536 - 1280)));
    padding: calc(11px + (15 - 11) * ((100vw - 1280px) / (1536 - 1280))) calc(10px + (15 - 10) * ((100vw - 1280px) / (1536 - 1280))) calc(11px + (15 - 11) * ((100vw - 1280px) / (1536 - 1280))) calc(20px + (25 - 20) * ((100vw - 1280px) / (1536 - 1280)));
  }
}

@media (max-width: 1280px) {

  .grey-btn {
    font-size: 14px;
    line-height: 22px;
    padding: 11px 10px 11px 20px;
  }

  .container-new {
    max-width: calc(842px + (1120 - 842) * ((100vw - 922px) / (1280 - 922)));
  }

  .container-footer {
    padding: 30px calc(30px + (50 - 30) * ((100vw - 922px) / (1280 - 922))) 20px;
    max-width: calc(902px + (1220 - 902) * ((100vw - 922px) / (1280 - 922)));
    border-radius: 30px;
  }

  .header__container {
    padding: 0 calc(40px + (80 - 40) * ((100vw - 922px) / (1280 - 922)));

  }

  .service-title__points {
    margin-top: 50px;
  }

  .service-section__bricks-item-bigtext {
    font-size: 18px;
  }

  .service-section__bricks-item-minitext {
    font-size: 16px;
    line-height: 24px;
    margin-top: 10px;
  }

  .service-title {
    gap: 40px;
    padding-top: 50px;
  }

  .service-title__inner {
    gap: 20px;
  }

  .service-title__title {
    font-size: 50px;
    line-height: 60px;
  }

  .service-title__text {
    line-height: 30px;
    font-size: 20px;
    max-width: 550px;
  }

  .awards-page .service-title__title svg {
    width: 45px;
    height: 45px;
  }

  .service-title__text-wrap img {
    width: 90px;
    height: 90px;
  }

  .investors-page .service-title__text {
    max-width: 470px;
  }

  .awards-page .service-title__text {
    max-width: 470px;
    font-size: 18px;
    line-height: 28px;
  }

  .service-section__grey-cards {
    margin-top: 40px;
    gap: 20px;
  }

  .service-section__grey-card {
    padding: 30px;
    border-radius: 15px;
    min-height: 254px;
  }

  .service-section__grey-card-title {
    font-size: 24px;
  }

  .service-section__grey-card-text {
    font-size: 16px;
    line-height: 24px;
  }

  .service-section__grey-card-baloons div {
    font-size: 14px;
    line-height: 22px;
    padding: 10px 20px;
  }

  .service-section__text-content {
    margin-top: 50px;
  }

  .title-35 {
    font-size: 28px;
    margin-bottom: 25px;
  }

  .text-20 {
    font-size: 16px;
  }

  .padding-top-125 {
    padding-top: 70px;
  }

  .padding-bottom-125 {
    padding-bottom: 70px;
  }

  .service-section__message {
    max-width: 556px;
    margin: 35px auto 40px;
    gap: 20px;
  }

  .service-section__message-img {
    width: 45px;
    height: 45px;
  }

  .service-section__message-img:after {
    width: 10px;
    height: 10px;
  }

  .service-section__message-text {
    padding: 15px 20px;
    font-size: 18px;
    border-radius: 0 15px 15px 15px;
  }

  .service-section__column-cards {
    max-width: calc(636px + (740 - 636) * ((100vw - 922px) / (1280 - 922)));
  }

  .service-section__column-card {
    padding: 25px 30px;
    border-radius: 15px;
    gap: 20px;
  }

  .gap-45 {
    gap: 35px;
  }

  .service-section__container-inner {
    max-width: 636px;
  }

  .about-reviews__container {
    gap: 50px;
  }

  .about-reviews__column {
    gap: 20px;
  }

  .about-reviews__wrapper {
    gap: 20px;
  }

  .about-reviews__item {
    padding: 20px 25px;
  }

  .about-reviews__item-descr {
    grid-template-columns: 45px 1fr auto;
    column-gap: 10px;
  }

  .about-reviews__item-descr .name {
    font-size: calc(14px + (16 - 14) * ((100vw - 922px) / (1280 - 922)));
  }

  .about-reviews__item-descr .position {
    font-size: calc(14px + (16 - 14) * ((100vw - 922px) / (1280 - 922)));
  }

  .about-reviews__item .reviews {
    font-size: 16px;
  }

  .section-cases__wrapper-swiper {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .section-cases__item {
    gap: 20px;
  }

  .section-cases__item img {
    border-radius: 15px;
  }

  .section-cases__item .name {
    font-size: 24px;
  }

  .section-cases__item .tags .tag {
    font-size: 14px;
  }

  .coopiration__container {
    gap: 50px;
  }

  .coopiration__wrapper {
    gap: 20px;
  }

  .coopiration__item {
    padding: 40px 30px;
    border-radius: 15px;
  }

  .coopiration__item-top {
    margin-bottom: 20px;
  }

  .coopiration__item-top .name {
    font-size: 28px;
  }

  .coopiration__item-top .tag {
    font-size: 14px;
    padding: 10px 15px;
  }

  .coopiration__item .descr {
    font-size: 16px;
  }

  .coopiration__item .table .row {
    padding: calc(10px + (15 - 10) * ((100vw - 922px) / (1280 - 922))) 0;
    font-size: 16px;
  }

  .service-section__line {
    height: 30px;
  }

  .service-section__line span {
    width: 10px;
    height: 10px;
  }

  .service-section__line span:last-child {
    bottom: -4px;
  }

  .service-section__line span:first-child {
    top: -4px;
  }

  .service-section__ol-cards {
    gap: 20px;
  }

  .service-section__ol-card {
    column-gap: 25px;
    row-gap: 15px;
    padding: 30px 25px;
    grid-template-columns: 40px 1fr;
    border-radius: 15px;
  }

  .service-section__ol-card .num {
    width: 40px;
    height: 40px;
    font-size: 16px;
  }

  .service-section__ol-card .name {
    font-size: 24px;
  }

  .service-section__ol-card .text {
    font-size: 16px;
  }

  .price-slider .service-section__container {
    gap: 35px;
    margin-bottom: 60px;
  }

  .price-slider__inner {
    padding-left: calc(40px + (158 - 40) * ((100vw - 922px) / (1280 - 922)));
    padding-right: 40px;
  }

  .price-slider__inner .swiper-slide {
    padding: 40px 30px;
    border-radius: 15px;
  }

  .price-slider__tag {
    font-size: 14px;
    margin-bottom: 20px;
    padding: 10px 15px;
    border-radius: 15px;
  }

  .price-slider__text {
    font-size: 16px;
    margin-bottom: 30px;
  }

  .price-slider__price {
    font-size: 28px;
    margin-bottom: 30px;
  }

  .price-slider__sheet .row {
    font-size: 16px;
    padding: 15px 0;
  }

  .tandm .about-page-50__title {
    margin-bottom: 35px;
  }

  .equation div {
    font-size: 16px;
    border-radius: calc(15px + (20 - 15) * ((100vw - 922px) / (1280 - 922)));
  }

  .tandm__wrapper {
    max-width: calc(670px + (740 - 670) * ((100vw - 922px) / (1280 - 922)));
    margin-top: 40px;
    gap: 20px;
  }

  .tandm__sheet {
    padding: 40px 30px;
    border-radius: 15px;
  }

  .tandm__sheet .row {
    font-size: 16px;
    padding: 13px 0;
  }

  .switch-sheet__buttons {
    gap: 15px;
  }

  .switch-sheet__buttons button {
    font-size: 16px;
    padding: 16px 30px;
  }

  .switch-sheet__wrapper {
    margin-top: 35px;
  }

  .switch-sheet__table .row:first-child {
    font-size: 16px;
  }

  .switch-sheet__table .row {
    font-size: 16px;
    padding: 20px;
  }

  .with-btn.coop-form__item ul {
    margin-bottom: 25px;
  }

  .coop-form {
    gap: 40px;
  }

  .coop-form__container {
    gap: 20px;
  }

  .coop-form__item {
    border-radius: 15px;
  }

  .coop-form__item .title {
    font-size: 24px;
  }

  .coop-form__item .descr {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 25px;
  }

  .coop-form__item ul {
    font-size: 14px;
    line-height: 22px;
  }

  .coop-form__item ul li {
    padding-left: 15px;
  }

  .coop-form__item ul li::before {
    width: 5px;
    height: 5px;
  }

  .service-section__bricks {
    margin-top: 40px;
    grid-template-columns:
      calc(269px + (360 - 269) * ((100vw - 922px) / (1280 - 922))) 1fr;
    gap: 20px;
  }

  .service-section__bricks-main {
    border-radius: 15px;
  }

  .service-section__bricks-main h3 {
    font-size: 24px;
  }

  .service-section__bricks-main p {
    font-size: 16px;
    line-height: 24px;
  }

  .service-section__bricks-list {
    gap: 20px;
  }

  .service-section__bricks-item {
    font-size: 16px;
    min-height: 140px;
  }

  .big-links-block {
    margin-top: 50px;
    padding: calc(15px + (20 - 15) * ((100vw - 922px) / (1280 - 922)));
    border-radius: calc(20px + (30 - 20) * ((100vw - 922px) / (1280 - 922)));
  }

  .big-links-block li {
    font-size: 22px;
    line-height: 34px;
    font-size: 24px;
    padding: 20px 25px;
    border-radius: 15px;
  }

  .big-links-block li a {
    gap: 20px;
  }

  .service-section__text-content {
    margin-top: 50px;
  }

  .service-tabs__text {
    padding-right: 50px;
  }

  .service-tabs__content {
    margin-bottom: 40px;
  }

  .service-tabs__content li {
    font-size: 18px;
    padding: 16px 30px;
    border-radius: calc(15px + (20 - 15) * ((100vw - 922px) / (1280 - 922)));
  }

  .dialog-block .message .avatar {
    width: 55px;
    height: 55px;
  }

  .message-text-wrap {
    padding: 15px 20px;
  }

  .dialog-block .message .text {
    font-size: 18px;
    line-height: 28px;
  }

  .service-title__point {
    font-size: 18px;
    line-height: 28px;
  }

  .services-slider-list__inner {
    gap: 25px 0;
  }

  .service-sublist__tabs {
    margin-bottom: 35px;
    gap: 15px;
  }

  .service-sublist__tab {
    font-size: 16px;
    line-height: 24px;
  }

  .service-sublist__item-nishe {
    font-size: 18px;
    line-height: 28px;
  }

  .service-sublist__list-nishe {
    padding: calc(15px + (20 - 15) * ((100vw - 922px) / (1280 - 922)));
    border-radius: 20px;
  }
}

@media (max-width: 922px) {
  .container-new {
    max-width: calc(382px + (842 - 382) * ((100vw - 414px) / (922 - 414)));
  }

  .container-footer {
    padding: 30px calc(16px + (20 - 16) * ((100vw - 414px) / (922 - 414))) 20px;
    max-width: calc(414px + (902 - 414) * ((100vw - 414px) / (922 - 414)));
  }

  .header__container {
    padding: 0 calc(16px + (40 - 16) * ((100vw - 414px) / (922 - 414)));

  }

  .gap-45 {
    gap: calc(30px + (35 - 30) * ((100vw - 414px) / (922 - 414)));
  }

  .service-title__points {
    margin-top: calc(30px + (40 - 30) * ((100vw - 414px) / (922 - 414)));
  }

  .service-title {
    gap: calc(30px + (40 - 30) * ((100vw - 414px) / (922 - 414)));
    width: 100%;
  }

  .service-title__title {
    font-size: calc(35px + (50 - 35) * ((100vw - 414px) / (922 - 414)));
    line-height: calc(45px + (60 - 45) * ((100vw - 414px) / (922 - 414)));
  }

  .service-title__text-wrap {
    gap: calc(10px + (15 - 10) * ((100vw - 414px) / (922 - 414)));
  }

  .service-title__text {
    padding: calc(10px + (15 - 10) * ((100vw - 414px) / (922 - 414))) calc(15px + (25 - 15) * ((100vw - 414px) / (922 - 414)));
    line-height: calc(24px + (30 - 24) * ((100vw - 414px) / (922 - 414)));
    font-size: calc(16px + (20 - 16) * ((100vw - 414px) / (922 - 414)));
  }

  .awards-page .service-title__text {
    line-height: calc(24px + (28 - 24) * ((100vw - 414px) / (922 - 414)));
    font-size: calc(16px + (18 - 16) * ((100vw - 414px) / (922 - 414)));
  }

  .service-title__text-wrap img {
    width: calc(45px + (90 - 45) * ((100vw - 414px) / (922 - 414)));
    height: calc(45px + (90 - 45) * ((100vw - 414px) / (922 - 414)));
  }

  .service-title__point-line {
    width: calc(20px + (25 - 20) * ((100vw - 768px) / (922 - 768)));
  }

  .service-title__point {
    padding: calc(10px + (15 - 10) * ((100vw - 414px) / (922 - 414))) 20px;
    font-size: calc(16px + (18 - 16) * ((100vw - 414px) / (922 - 414)));
    line-height: calc(24px + (28 - 24) * ((100vw - 414px) / (922 - 414)));
  }

  .service-section__grey-cards {
    margin-top: calc(30px + (40 - 30) * ((100vw - 414px) / (922 - 414)));
  }

  .service-section__grey-card {
    padding: calc(25px + (30 - 25) * ((100vw - 414px) / (922 - 414)));
    border-radius: calc(10px + (15 - 10) * ((100vw - 414px) / (922 - 414)));
    min-height: calc(238px + (254 - 238) * ((100vw - 414px) / (922 - 414)));
  }

  .service-section__grey-card-title {
    font-size: calc(20px + (24 - 20) * ((100vw - 414px) / (922 - 414)));
  }

  .service-section__grey-card-text {
    margin-bottom: calc(25px + (10 - 25) * ((100vw - 414px) / (922 - 414)));
  }

  .service-section__text-content {
    margin-top: calc(40px + (50 - 40) * ((100vw - 414px) / (922 - 414)));
  }

  .title-35 {
    font-size: calc(24px + (28 - 24) * ((100vw - 414px) / (922 - 414)));
  }

  .padding-bottom-125 {
    padding-bottom: calc(60px + (70 - 60) * ((100vw - 414px) / (922 - 414)));
  }

  .padding-top-125 {
    padding-top: calc(60px + (70 - 60) * ((100vw - 414px) / (922 - 414)));
  }

  .service-section__message-text {
    padding: calc(10px + (15 - 10) * ((100vw - 414px) / (922 - 414))) calc(15px + (20 - 15) * ((100vw - 414px) / (922 - 414)));
    font-size: calc(16px + (18 - 16) * ((100vw - 414px) / (922 - 414)));
    border-radius: 0 calc(10px + (15 - 10) * ((100vw - 414px) / (922 - 414))) calc(10px + (15 - 10) * ((100vw - 414px) / (922 - 414))) calc(10px + (15 - 10) * ((100vw - 414px) / (922 - 414)));
  }

  .service-section__column-card {
    padding: 25px calc(25px + (30 - 25) * ((100vw - 414px) / (922 - 414)));
    border-radius: calc(10px + (15 - 10) * ((100vw - 414px) / (922 - 414)));

  }

  .service-section__column-cards {
    max-width: calc(382px + (636 - 382) * ((100vw - 414px) / (922 - 414)));
  }

  .about-reviews__container {
    gap: calc(30px + (50 - 30) * ((100vw - 414px) / (922 - 414)));
  }

  .about-reviews__item {
    gap: calc(30px + (35 - 30) * ((100vw - 414px) / (922 - 414)));
    padding: calc(15px + (20 - 15) * ((100vw - 414px) / (922 - 414))) calc(20px + (25 - 20) * ((100vw - 414px) / (922 - 414)));
  }

  .section-cases__container {
    gap: calc(30px + (50 - 30) * ((100vw - 414px) / (922 - 414)));
  }

  .section-cases__item {
    gap: calc(10px + (20 - 10) * ((100vw - 414px) / (922 - 414)));
  }

  .section-cases__item img {
    border-radius: calc(10px + (15 - 10) * ((100vw - 414px) / (922 - 414)));
  }

  .section-cases__item .name {
    font-size: calc(20px + (24 - 20) * ((100vw - 414px) / (922 - 414)));
  }

  .coopiration__container {
    gap: calc(30px + (50 - 30) * ((100vw - 414px) / (922 - 414)));
  }

  .coopiration__item {
    padding: calc(30px + (40 - 30) * ((100vw - 414px) / (922 - 414))) calc(20px + (30 - 20) * ((100vw - 414px) / (922 - 414)));
  }

  .coopiration__item-top .name {
    font-size: calc(24px + (28 - 24) * ((100vw - 414px) / (922 - 414)));
  }

  .coopiration__item .descr {
    margin-bottom: calc(40px + (20 - 40) * ((100vw - 414px) / (922 - 414)));
  }

  .coopiration__item .table .row {
    padding: 10px 0;
  }

  .service-section__ol-card {
    column-gap: calc(20px + (25 - 20) * ((100vw - 414px) / (922 - 414)));
    padding: calc(20px + (30 - 20) * ((100vw - 414px) / (922 - 414))) calc(20px + (25 - 20) * ((100vw - 414px) / (922 - 414)));
    border-radius: calc(10px + (15 - 10) * ((100vw - 414px) / (922 - 414)));
  }

  .service-section__ol-card .name {
    font-size: calc(20px + (24 - 20) * ((100vw - 414px) / (922 - 414)));
  }

  .price-slider .service-section__container {
    gap: calc(20px + (35 - 20) * ((100vw - 414px) / (922 - 414)));
    margin-bottom: calc(40px + (60 - 40) * ((100vw - 414px) / (922 - 414)));
  }

  .price-slider__inner {
    padding-left: calc(20px + (40 - 20) * ((100vw - 768px) / (922 - 768)));
    padding-right: calc(20px + (40 - 20) * ((100vw - 768px) / (922 - 768)));
  }

  .price-slider__inner .swiper-slide {
    padding: calc(30px + (40 - 30) * ((100vw - 414px) / (922 - 414))) calc(20px + (30 - 20) * ((100vw - 414px) / (922 - 414)));
    border-radius: calc(10px + (15 - 10) * ((100vw - 414px) / (922 - 414)));
  }

  .price-slider__text {
    margin-bottom: calc(25px + (30 - 25) * ((100vw - 414px) / (922 - 414)));
  }

  .price-slider__price {
    font-size: calc(24px + (28 - 24) * ((100vw - 414px) / (922 - 414)));
    margin-bottom: calc(25px + (30 - 25) * ((100vw - 414px) / (922 - 414)));
  }

  .tandm .about-page-50__title {
    margin-bottom: calc(20px + (35 - 20) * ((100vw - 414px) / (922 - 414)));
  }

  .equation div {
    border-radius: 15px;
    padding: calc(10px + (15 - 10) * ((100vw - 414px) / (922 - 414))) 20px;
  }

  .tandm__wrapper {
    max-width: calc(374px + (670 - 374) * ((100vw - 414px) / (922 - 414)));
    margin-top: calc(30px + (40 - 30) * ((100vw - 414px) / (922 - 414)));
  }

  .tandm__sheet {
    padding: calc(30px + (40 - 30) * ((100vw - 414px) / (922 - 414))) calc(20px + (30 - 20) * ((100vw - 414px) / (922 - 414)));
    border-radius: calc(10px + (15 - 10) * ((100vw - 414px) / (922 - 414)));
  }

  .tandm__text {
    font-size: calc(14px + (16 - 14) * ((100vw - 414px) / (922 - 414)));
    line-height: calc(22px + (24 - 22) * ((100vw - 414px) / (922 - 414)));
  }

  .switch-sheet__buttons {
    gap: calc(10px + (15 - 10) * ((100vw - 414px) / (922 - 414)));
  }

  .switch-sheet__buttons button {
    font-size: calc(13px + (16 - 13) * ((100vw - 414px) / (922 - 414)));
    padding: calc(12px + (16 - 12) * ((100vw - 414px) / (922 - 414))) calc(20px + (30 - 20) * ((100vw - 414px) / (922 - 414)));
  }

  .switch-sheet__table .row {
    grid-template-columns:
      1fr calc(130px + (227 - 130) * ((100vw - 414px) / (922 - 414))) calc(130px + (227 - 130) * ((100vw - 414px) / (922 - 414)));
  }

  .with-btn.coop-form__item ul {
    margin-bottom: calc(20px + (25 - 20) * ((100vw - 414px) / (922 - 414)))
  }

  .coop-form {
    gap: calc(30px + (40 - 30) * ((100vw - 414px) / (922 - 414)))
  }

  .coop-form__item {
    padding: calc(20px + (40 - 20) * ((100vw - 414px) / (922 - 414))) 30px;
    border-radius: calc(10px + (15 - 10) * ((100vw - 414px) / (922 - 414)));
  }

  .coop-form__item .title {
    font-size: calc(20px + (24 - 20) * ((100vw - 414px) / (922 - 414)));
  }

  .coop-form__item .descr {
    margin-bottom: calc(20px + (25 - 20) * ((100vw - 414px) / (922 - 414)));
  }

  .coop-form__item ul {
    gap: calc(10px + (15 - 10) * ((100vw - 414px) / (922 - 414)));
  }

  .service-section__bricks {
    margin-top: calc(30px + (40 - 30) * ((100vw - 414px) / (922 - 414)));
  }

  .service-section__bricks-main {
    padding: calc(20px + (30 - 20) * ((100vw - 414px) / (922 - 414))) calc(30px + (40 - 30) * ((100vw - 414px) / (922 - 414)));
  }

  .service-section__bricks-main h3 {
    font-size: calc(20px + (24 - 20) * ((100vw - 414px) / (922 - 414)));
  }

  .service-section__bricks-main h3 br {
    display: none;
  }

  .big-links-block {
    padding: calc(10px + (15 - 10) * ((100vw - 414px) / (922 - 414)));
    grid-template-columns: 1fr;
    margin-top: calc(30px + (50 - 30) * ((100vw - 414px) / (922 - 414)));
    border-radius: calc(15px + (20 - 15) * ((100vw - 414px) / (922 - 414)));
  }

  .big-links-block li {
    font-size: calc(18px + (22 - 18) * ((100vw - 414px) / (922 - 414)));
    line-height: calc(28px + (34 - 28) * ((100vw - 414px) / (922 - 414)));
    border-radius: calc(10px + (15 - 10) * ((100vw - 414px) / (922 - 414)));
    padding: calc(15px + (20 - 15) * ((100vw - 414px) / (922 - 414))) calc(20px + (25 - 20) * ((100vw - 414px) / (922 - 414)));
  }

  .big-links-block li a .arrow {
    width: calc(45px + (55 - 45) * ((100vw - 414px) / (922 - 414)));
    height: calc(45px + (55 - 45) * ((100vw - 414px) / (922 - 414)));
  }

  .service-section__text-content {
    margin-top: calc(40px + (50 - 40) * ((100vw - 414px) / (922 - 414)));
  }

  .service-tabs__text {
    padding-right: 0;
    align-items: center;
    text-align: center;
  }

  .service-tabs .about-page-50__title {
    margin: 0 auto;
    text-align: center;
  }

  .service-tabs__content {
    justify-content: center;
    margin-bottom: calc(30px + (40 - 30) * ((100vw - 414px) / (922 - 414)));
    gap: calc(10px + (20 - 10) * ((100vw - 414px) / (922 - 414)));
  }

  .service-tabs__content li {
    font-size: calc(16px + (18 - 16) * ((100vw - 414px) / (922 - 414)));
    border-radius: 15px;
  }

  .service-tabs .grey-btn {
    margin: 0 auto;
  }

  .service-tabs {
    grid-template-columns: 1fr;
  }

  .message-text-wrap {
    border-radius: calc(10px + (15 - 10) * ((100vw - 414px) / (922 - 414)));
    padding: calc(10px + (15 - 10) * ((100vw - 414px) / (922 - 414))) calc(15px + (20 - 15) * ((100vw - 414px) / (922 - 414)));
    ;
  }

  .message:nth-child(2) .message-text-wrap {
    border-radius: 0 calc(10px + (15 - 10) * ((100vw - 414px) / (922 - 414))) calc(10px + (15 - 10) * ((100vw - 414px) / (922 - 414))) calc(10px + (15 - 10) * ((100vw - 414px) / (922 - 414)));
  }

  .message.user .message-text-wrap {
    border-radius: calc(10px + (15 - 10) * ((100vw - 414px) / (922 - 414))) calc(10px + (15 - 10) * ((100vw - 414px) / (922 - 414))) 0 calc(10px + (15 - 10) * ((100vw - 414px) / (922 - 414)));
  }

  .dialog-block .message .text {
    font-size: calc(16px + (18 - 16) * ((100vw - 414px) / (922 - 414)));
    line-height: calc(24px + (28 - 24) * ((100vw - 414px) / (922 - 414)));
  }

  .service-section__grey-card-baloons div {
    font-size: calc(14px + (16 - 14) * ((100vw - 414px) / (922 - 414)));
    line-height: calc(22px + (24 - 22) * ((100vw - 414px) / (922 - 414)));
    padding: calc(9px + (14 - 9) * ((100vw - 414px) / (922 - 414))) 20px calc(9px + (14 - 9) * ((100vw - 414px) / (922 - 414))) 15px;
    gap: calc(5px + (10 - 5) * ((100vw - 414px) / (922 - 414)));
  }

  .about-reviews__raiting {
    padding: calc(5px + (7 - 5) * ((100vw - 414px) / (922 - 414))) calc(10px + (12 - 10) * ((100vw - 414px) / (922 - 414)));
    font-size: calc(14px + (16 - 14) * ((100vw - 414px) / (922 - 414)));
  }

  .about-reviews__raiting img {
    width: calc(15px + (18 - 15) * ((100vw - 414px) / (922 - 414)));
    height: calc(22px + (24 - 22) * ((100vw - 414px) / (922 - 414)));
  }

  .section-cases__wrapper-swiper {
    margin-top: calc(30px + (40 - 30) * ((100vw - 414px) / (922 - 414)));
    margin-bottom: calc(30px + (40 - 30) * ((100vw - 414px) / (922 - 414)));
  }

  .services-slider-list__inner {
    gap: calc(20px + (25 - 20) * ((100vw - 414px) / (922 - 414))) 0;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto;
  }

  .services-slider-list__arrows {
    justify-content: center;
    grid-row-start: 3;
    grid-row-end: 4;
  }

  .service-sublist__tab {
    padding: calc(12px + (16 - 12) * ((100vw - 414px) / (922 - 414))) calc(20px + (30 - 20) * ((100vw - 414px) / (922 - 414)));
    font-size: calc(14px + (16 - 14) * ((100vw - 414px) / (922 - 414)));
    line-height: calc(22px + (24 - 22) * ((100vw - 414px) / (922 - 414)));
  }

  .service-sublist__item-nishe {
    font-size: calc(16px + (18 - 16) * ((100vw - 414px) / (922 - 414)));
    line-height: calc(24px + (28 - 24) * ((100vw - 414px) / (922 - 414)));
  }

  .service-sublist__list-nishe {
    padding: calc(10px + (15 - 10) * ((100vw - 414px) / (922 - 414)));
    border-radius: calc(15px + (20 - 15) * ((100vw - 414px) / (922 - 414)));
  }
}

@media (max-width: 850px) {
  .service-section__bricks {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .about-reviews__wrapper {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 768px) {

  .service-title {
    overflow: hidden;
  }

  .service-title .swiper {
    overflow: initial;
    max-width: 100%;
    width: 100%;
  }

  .service-title__title {
    font-size: 35px;
    line-height: 45px;
  }

  .awards-page .service-title__title,
  .awards-page .service-title__text,
  .awards-page .p-24,
  .awards-page .about-page-50__title {
    text-align: left;
  }

  .awards-page .service-title__text {
    padding: 0;
  }

  .awards-page .service-title__inner,
  .awards-page .about-approach__text {
    align-items: flex-start;
    text-align: left;
  }

  .awards-page .main-page__featured .title-50,
  .awards-page .achivments .title-50,
  .awards-page .reviews .title-50 {
    margin-left: 0;
    text-align: left;
  }

  .service-title__text-wrap {
    align-items: flex-start;
    gap: 10px;
  }

  .service-title__text {
    padding: 10px 15px;
    line-height: 24px;
    font-size: 16px;
  }

  .service-title__text-wrap img {
    width: 45px;
    height: 45px;
  }

  .service-title__point {
    padding: 10px 20px;
    font-size: 16px;
    line-height: 24px;
    border-radius: 15px;
    flex-shrink: 0;
  }

  .service-title__points {
    padding: 0 16px;
    margin: 50px -16px 0;
    justify-content: flex-start;
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  .awards-page .service-title__title svg {
    width: 30px;
    height: 30px;
  }

  .service-title__points::-webkit-scrollbar {
    display: none;
  }

  .service-section__container-inner {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .service-title__point-line {
    width: 20px;
    flex-shrink: 0;
  }

  .service-title__point-line::before {
    width: 10px;
    height: 10px;
  }

  .service-title__point-line::after {
    width: 10px;
    height: 10px;
  }

  .service-section__grey-cards {
    grid-template-columns: 1fr;
  }

  .service-section__message {
    max-width: 100%;
    margin: calc(20px + (35 - 20) * ((100vw - 414px) / (768 - 414))) auto 40px;
    gap: calc(10px + (20 - 10) * ((100vw - 414px) / (768 - 414)));
  }

  .service-section__column-card .service-section__grey-card-title {
    grid-column: 1/3;
  }

  .service-section__container-inner {
    max-width: 100%;
  }

  .about-reviews__wrapper {
    height: auto;
    gap: 12px;
  }

  .coopiration__wrapper {
    grid-template-columns: 1fr;
  }

  .service-section__ol-cards {
    grid-template-columns: 1fr;
  }

  .price-slider__inner {
    padding: 0 20px;
  }

  .price-slider__inner .swiper-wrapper {
    flex-direction: column;
    gap: 20px;
  }

  .equation {
    flex-direction: column;
  }

  .tandm__sheet .row {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 10px;
  }

  .switch-sheet__table .row {
    grid-template-columns:
      260px calc(130px + (227 - 130) * ((100vw - 414px) / (922 - 414))) calc(130px + (227 - 130) * ((100vw - 414px) / (922 - 414)));
  }

  .service-section__container:has(.switch-sheet__wrapper) {
    max-width: none;
  }

  .switch-sheet__wrapper {
    overflow-x: auto;
    padding: 0 20px;
  }

  .switch-sheet__wrapper::-webkit-scrollbar {
    margin-left: 20px;
    height: 4px;
  }

  .switch-sheet__wrapper::-webkit-scrollbar-thumb {
    background-color: #388af3;
  }

  .switch-sheet__table.active {
    width: fit-content;
  }

  .coop-form__container {
    grid-template-columns: 1fr;
  }

  .service-section__bricks-main {
    gap: 20px;
  }

  .coop-form__container.three-col {
    grid-template-columns: 1fr;
  }

  .big-links-block li a .arrow svg {
    width: 20px;
    height: 20px;
  }

  .dialog-block .message .avatar {
    width: calc(45px + (55 - 45) * ((100vw - 414px) / (922 - 414)));
    height: calc(45px + (55 - 45) * ((100vw - 414px) / (922 - 414)));
  }

  .service-sublist__list-nishe,
  .service-sublist__tabs {
    justify-content: flex-start;
  }

  .service-sublist__list-nishe {
    gap: calc(10px + (20 - 10) * ((100vw - 414px) / (768 - 414)));
  }

  .service-sublist__tabs {
    gap: calc(10px + (15 - 10) * ((100vw - 414px) / (768 - 414)));
  }
}

.recalculation__btn {
  cursor: pointer;
}

@media (max-width: 600px) {
  .service-section__bricks-list {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 480px) {

  .section-cases__wrapper {
    max-width: 100%;
  }

}

@media (max-width: 414px) {
  .container-footer {
    padding: 20px 16px 20px;
    max-width: 100%;
    border-radius: 20px 20px 0 0;
  }

  .header__container {
    padding: 0 16px;

  }

  .service-tabs__content {
    margin-bottom: 30px;
    gap: 10px;
    justify-content: flex-start;
  }

  .section-cases__wrapper-swiper {
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .service-tabs__text {
    align-items: flex-start;
    text-align: left;
  }

  .grey-btn {
    padding: 11px 10px 11px 20px;
  }

  .service-tabs .grey-btn {
    margin-left: 0;
  }

  .services-slider-list__inner {
    gap: 20px 0;
  }

  .services-slider-list .blog-h2-title br {
    display: none;
  }

  .service-sublist__tab {
    padding: 12px 20px;
    font-size: 14px;
    line-height: 22px;
  }

  .service-sublist__item-nishe {
    font-size: 16px;
    line-height: 24px;
  }

  .service-sublist__list-nishe {
    gap: 10px;
  }

  .service-sublist__list-nishe {
    padding: 10px;
    border-radius: 15px;
  }

  .awards-page .service-title__text {
    line-height: 24px;
    font-size: 16px;
  }
}

/* конец новых стрнаиц услуг */

.margin-top-70 {
  margin-top: 70px;
}

@media (max-width: 1536px) {
  .margin-top-70 {
    margin-top: calc(60px + (70 - 60) * ((100vw - 1280px) / (1536 - 1280)));
  }
}

@media (max-width: 1280px) {
  .margin-top-70 {
    margin-top: 60px;
  }
}

@media (max-width: 922px) {
  .margin-top-70 {
    margin-top: calc(40px + (60 - 40) * ((100vw - 414px) / (922 - 414)));
  }
}

.blog__title-and-img img {
  display: inline-block;
  transform: translateY(5px);
}

@media (max-width: 1536px) {
  .blog__title-and-img img {
    width: 35px;
  }
}

@media (max-width: 922px) {
  .blog__title-and-img img {
    width: 28px;
  }
}

@media (max-width: 414px) {
  .container-new {
    padding: 0 16px;
    max-width: 100%;
  }

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

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

  .padding-bottom-100 {
    padding-bottom: 50px;
  }

  .margin-bottom-70 {
    margin-bottom: 30px;
  }

  .margin-top-70 {
    margin-top: 30px;
  }

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

  .service-section__bricks {
    margin-top: 30px;
  }

  .service-section .about-page-50__title {
    text-align: left;
  }

  .about-page-50__title {
    margin-left: 0 !important;

    font-size: 25px;
    line-height: 35px;
  }


  .coop-form__item {
    padding: 20px 30px;
    border-radius: 10px;
  }

  .with-btn.coop-form__item ul {
    margin-bottom: 20px;
  }

  .coop-form {
    gap: 30px
  }

  .coop-form__item ul {
    gap: 10px;
  }

  .dialog-block .message .text {
    font-size: 16px;
    line-height: 24px;
  }

  .dialog-block .message .text br {
    display: none;
  }

  .message-text-wrap {
    padding: 10px 15px;
  }

  .big-links-block li {
    font-size: 18px;
    line-height: 28px;
    border-radius: 10px;
    padding: 15px 20px;
  }

  .big-links-block {
    padding: 10px;
    margin-top: 30px;
    border-radius: 15px;
  }

  .service-section__text-content {
    margin-top: 40px;
  }

  .title-35 {
    font-size: 24px;
  }

  .service-section__grey-cards {
    margin-top: 30px;
  }

  .service-section__grey-card {
    padding: 25px;
  }

  .about-approach__item {
    width: calc(100% - 12px);
  }

  .service-section__column-cards {
    max-width: 100%;
  }


  .tandm__wrapper {
    max-width: 100%;
    margin-top: 30px;
  }

  .tandm__text {
    font-size: 14px;
    line-height: 22px;
  }

  .text-20 {
    text-align: left;
  }

  .text-20 br {
    display: none;
  }

  .about-page-20 {
    text-align: left;
  }
}

/* section */

.section__header {
  text-align: left;
  display: flex;
  flex-direction: column;
  gap: 45px;
  max-width: 793px;
  margin: 0 auto;
  width: 100%;
}

.section__header--align-text_center {
  text-align: center;
}

.section__header--align-text_right {
  text-align: right;
}

.section__header h2 {
  color: #1f1f1f;
  font-family: Gilroy, sans-serif;
  font-size: 50px;
  font-style: normal;
  font-weight: 600;
  line-height: 60px;
}

.section__header p {
  color: #1f1f1f;
  font-family: Gilroy, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  hyphens: none;
}

.section__content {
  margin: 0 auto;
  max-width: 1204px;
  width: 100%;
}

.section__content--size_small {
  max-width: 793px;
}

@media screen and (max-width: 1900px) {

  .section__header {
    gap: calc(40px + (45 - 40) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .section__header h2 {
    font-size: calc(40px + (50 - 40) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(50px + (60 - 50) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .section__header p {
    font-size: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(28px + (30 - 28) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media screen and (max-width: 1536px) {

  .section__header {
    gap: calc(35px + (40 - 35) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .section__header h2 {
    font-size: calc(30px + (40 - 30) * ((100vw - 1280px) / (1536 - 1280)));
    line-height: calc(40px + (50 - 40) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .section__header p {
    font-size: calc(16px + (18 - 16) * ((100vw - 1280px) / (1536 - 1280)));
    line-height: calc(24px + (28 - 24) * ((100vw - 1280px) / (1536 - 1280)));
  }
}

@media screen and (max-width: 1280px) {

  .section__header {
    gap: 35px;
  }

  .section__header h2 {
    font-size: 30px;
    line-height: 40px;
  }

  .section__header p {
    font-size: 16px;
    line-height: 24px;
  }
}

@media screen and (max-width: 920px) {

  .section__header {
    gap: calc(20px + (35 - 20) * ((100vw - 414px) / (920 - 414)));
  }

  .section__header h2 {
    font-size: calc(25px + (30 - 25) * ((100vw - 414px) / (920 - 414)));
    line-height: calc(35px + (40 - 35) * ((100vw - 414px) / (920 - 414)));
  }
}

@media screen and (max-width: 414px) {
  .section__header {
    gap: 20px;
  }

  .section__header h2 {
    font-size: 25px;
    line-height: 35px;
  }

  .section__header p {
    text-align: left;
  }
}

/* end section */

/* complex-support */

.complex-support {
  overflow: hidden;
  max-width: 100vw;
  gap: 70px;
}

.complex-support__slider {
  margin-top: 70px;
  overflow: initial;
}

.complex-support__slider>.swiper-wrapper {
  align-items: stretch;
}

.complex-support__slider-item {
  padding: 50px;
  border-radius: 20px;
  border: 1px solid rgba(199, 214, 237, 0.6);
  background: #fff;
  height: auto;
}

.complex-support__slider-item-hours {
  color: #1f1f1f;
  font-family: Gilroy, sans-serif;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 34px;
  margin-bottom: 15px;
}

.complex-support__slider-item-price {
  color: #1f1f1f;
  font-family: Gilroy, sans-serif;
  font-size: 35px;
  font-style: normal;
  font-weight: 600;
  line-height: 45px;
  margin-bottom: 30px;
}

.complex-support__slider-item-price>span {
  color: #617082;
}

.complex-support__slider-item-description {
  color: #617082;
  font-family: Gilroy, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  margin-bottom: 40px;
}

.complex-support__slider-item-characteristics {
  display: flex;
  flex-direction: column;
}

.complex-support__slider-item-characteristic {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  padding: 10px 0;
  gap: 10px;
  position: relative;
}

.complex-support__slider-item-characteristic:not(:last-child) {
  margin-bottom: 20px;
}

.complex-support__slider-item-characteristic:not(:last-child)::after {
  content: "";
  background-color: #f0f2f8;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -10px;
  height: 1px;
}

.complex-support__slider-item-characteristic-name {
  color: #1f1f1f;
  font-family: Gilroy, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1;
}

.complex-support__slider-item-characteristic-value {
  color: #1f1f1f;
  text-align: right;
  font-family: Gilroy, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 30px;
}

@media screen and (max-width: 1900px) {
  .complex-support__slider-item-hours {
    font-size: calc(20px + (22 - 20) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(32px + (34 - 32) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .complex-support__slider-item-price {
    font-size: calc(30px + (35 - 30) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(40px + (45 - 40) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .complex-support__slider-item-description {
    font-size: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(28px + (30 - 28) * ((100vw - 1536px) / (1920 - 1536)));
    margin-bottom: calc(35px + (40 - 35) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .complex-support__slider-item-characteristic {
    padding: calc(5px + (10 - 5) * ((100vw - 1536px) / (1920 - 1536))) 0;
  }

  .complex-support__slider-item-characteristic-value,
  .complex-support__slider-item-characteristic-name {
    font-size: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(28px + (30 - 28) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .complex-support__slider-item {
    padding: 50px calc(40px + (50 - 40) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .complex-support__slider {
    margin: calc(50px + (70 - 50) * ((100vw - 1536px) / (1920 - 1536))) auto 0;
  }
}

@media screen and (max-width: 1536px) {
  .complex-support__slider {
    margin: calc(40px + (50 - 40) * ((100vw - 1280px) / (1536 - 1280))) auto 0;
  }

  .complex-support__slider-item {
    padding: calc(40px + (50 - 40) * ((100vw - 1280px) / (1536 - 1280))) calc(30px + (40 - 30) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .complex-support__slider-item-hours {
    font-size: calc(18px + (20 - 18) * ((100vw - 1280px) / (1536 - 1280)));
    line-height: calc(28px + (32 - 28) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .complex-support__slider-item-price {
    font-size: calc(28px + (30 - 28) * ((100vw - 1280px) / (1536 - 1280)));
    line-height: 40px;
  }

  .complex-support__slider-item-description {
    font-size: calc(16px + (18 - 16) * ((100vw - 1280px) / (1536 - 1280)));
    line-height: calc(24px + (28 - 24) * ((100vw - 1280px) / (1536 - 1280)));
    margin-bottom: calc(30px + (35 - 30) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .complex-support__slider-item-characteristic {
    padding: 5px 0;
  }

  .complex-support__slider-item-characteristic-value,
  .complex-support__slider-item-characteristic-name {
    font-size: calc(16px + (18 - 16) * ((100vw - 1280px) / (1536 - 1280)));
    line-height: calc(24px + (28 - 24) * ((100vw - 1280px) / (1536 - 1280)));
  }
}

@media screen and (max-width: 1280px) {
  .complex-support__slider {
    margin-top: 40px;
  }

  .complex-support__slider-item {
    padding: 40px 30px;
  }

  .complex-support__slider-item-hours {
    font-size: 18px;
    line-height: 28px;
  }

  .complex-support__slider-item-price {
    font-size: 28px;
  }

  .complex-support__slider-item-description {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 30px;
  }

  .complex-support__slider-item-characteristic-value,
  .complex-support__slider-item-characteristic-name {
    font-size: 16px;
    line-height: 24px;
  }
}

@media screen and (max-width: 920px) {
  .complex-support__slider-item {
    padding: calc(30px + (40 - 30) * ((100vw - 414px) / (920 - 414))) calc(20px + (30 - 20) * ((100vw - 414px) / (920 - 414)));
  }

  .complex-support__slider-item-hours {
    font-size: calc(16px + (18 - 16) * ((100vw - 414px) / (920 - 414)));
    line-height: calc(24px + (28 - 24) * ((100vw - 414px) / (920 - 414)));
  }

  .complex-support__slider-item-description {
    margin-bottom: calc(25px + (30 - 25) * ((100vw - 414px) / (920 - 414)));
  }

  .complex-support__slider-item-price {
    font-size: calc(24px + (28 - 24) * ((100vw - 414px) / (920 - 414)));
    line-height: calc(36px + (40 - 36) * ((100vw - 414px) / (920 - 414)));
    margin-bottom: calc(25px + (30 - 25) * ((100vw - 414px) / (920 - 414)));
  }
}

@media screen and (max-width: 900px) {}

@media screen and (max-width: 414px) {
  .complex-support__slider-item {
    padding: 30px 20px;
  }

  .complex-support__slider-item-hours {
    font-size: 16px;
    line-height: 24px;
  }

  .complex-support__slider-item-description {
    margin-bottom: 25px;
  }

  .complex-support__slider-item-price {
    font-size: 24px;
    line-height: 36px;
    margin-bottom: 25px;
  }
}

/* end complex-support */

/* example-jobs-tech-support */

.example-jobs-tech-support__inner {
  margin-top: 70px;
  display: flex;
  flex-direction: column;
  gap: 45px;
}

.example-jobs-tech-support__navs {
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  gap: 20px;
}

.example-jobs-tech-support__nav {
  border-radius: 15px;
  background: #f7f8fc;
  display: flex;
  padding: 18px 35px;
  align-items: center;
  gap: 10px;
  color: #1f1f1f;
  font-family: Gilroy, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px;
  transition: all 0.3s ease;
  overflow: hidden;
}

.example-jobs-tech-support__nav:not(.active) {
  cursor: pointer;
}

.example-jobs-tech-support__nav:not(.active):hover {
  background: #edf5ff;
  color: #388af3;
}

.example-jobs-tech-support__nav.active {
  background: #388af3;
  color: #fff;
}

.example-jobs-tech-support__tab {
  display: none;
}

.example-jobs-tech-support__tab.active {
  display: block;
}

.example-jobs-tech-support__table-wrapper {
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: thin;
  scrollbar-color: #388af3 #f7f8fc;
}

.example-jobs-tech-support__table-wrapper::-webkit-scrollbar {
  height: 4px;
  width: 4px;
}

.example-jobs-tech-support__table-wrapper::-webkit-scrollbar-track {
  border-radius: 6px;
  background-color: #f7f8fc;
}

.example-jobs-tech-support__table-wrapper::-webkit-scrollbar-track:hover {
  background-color: #f7f8fc;
}

.example-jobs-tech-support__table-wrapper::-webkit-scrollbar-track:active {
  background-color: #f7f8fc;
}

.example-jobs-tech-support__table-wrapper::-webkit-scrollbar-thumb {
  border-radius: 6px;
  background-color: #388af3;
}

.example-jobs-tech-support__table-wrapper::-webkit-scrollbar-thumb:hover {
  background-color: #388af3;
}

.example-jobs-tech-support__table-wrapper::-webkit-scrollbar-thumb:active {
  background-color: #388af3;
}

.example-jobs-tech-support__table {
  width: 100%;
  border-collapse: collapse;
}

.example-jobs-tech-support__table tr {
  display: grid;
  grid-template-columns: 690px 1fr 1fr;
  ;
}

.example-jobs-tech-support__table th {
  color: #aeb8cb;
  font-family: Gilroy, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 30px;
  text-align: left;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-right: 30px;
  border-bottom: 1px solid #c7d6ed;
  white-space: nowrap;
}

.example-jobs-tech-support__table td {
  color: #1f1f1f;
  font-family: Gilroy, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  padding-top: 30px;
  padding-bottom: 30px;
  padding-right: 30px;
}

.example-jobs-tech-support__table th:first-child,
.example-jobs-tech-support__table td:first-child {
  padding-left: 30px;
}

.example-jobs-tech-support__table tbody tr:nth-child(2n) td {
  background-color: #f7f8fc;
}

.example-jobs-tech-support__table tbody tr:nth-child(2n) td:first-child {
  border-radius: 10px 0 0 10px;
}

.example-jobs-tech-support__table tbody tr:nth-child(2n) td:last-child {
  border-radius: 0 10px 10px 0;
}

.example-jobs-tech-support__table tbody td:first-child {
  width: 100%;
}

.example-jobs-tech-support__table tbody td:not(:first-child) {
  white-space: nowrap;
}

.example-jobs-tech-support__table td strong,
.example-jobs-tech-support__table td b {
  font-weight: 600;
}

.example-jobs-tech-support__footer {
  text-align: center;
  padding: 40px 20px;
}

.example-jobs-tech-support__footer-text {
  max-width: 793px;
  margin: 0 auto;
}

.example-jobs-tech-support__footer-title {
  color: #1f1f1f;
  font-family: Gilroy, sans-serif;
  font-size: 35px;
  font-style: normal;
  font-weight: 600;
  line-height: 45px;
  margin: 20px 0;
}

.example-jobs-tech-support__footer p {
  color: #617082;
  font-family: Gilroy, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  margin-top: 0;
  margin-bottom: 40px;
}

.example-jobs-tech-support__footer-button {
  width: max-content;
  margin: 0 auto;
}

@media screen and (max-width: 1900px) {
  .example-jobs-tech-support__table tr {
    grid-template-columns: calc(600px + (690 - 600) * ((100vw - 1536px) / (1920 - 1536))) 1fr 1fr;
    ;
  }

  .example-jobs-tech-support__nav {
    padding: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536))) calc(30px + (35 - 30) * ((100vw - 1536px) / (1920 - 1536)));
    font-size: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(28px + (30 - 28) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .example-jobs-tech-support__table td,
  .example-jobs-tech-support__table th {
    font-size: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(28px + (30 - 28) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .example-jobs-tech-support__inner {
    margin-top: calc(50px + (70 - 50) * ((100vw - 1536px) / (1920 - 1536)));
    gap: calc(40px + (45 - 40) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .example-jobs-tech-support__footer {
    padding: calc(30px + (40 - 30) * ((100vw - 1536px) / (1920 - 1536))) 20px 40px;
  }

  .example-jobs-tech-support__footer-title {
    font-size: calc(30px + (35 - 30) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(40px + (45 - 40) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .example-jobs-tech-support__footer-text p {
    font-size: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(28px + (30 - 28) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .example-jobs-tech-support__table td {
    padding-top: calc(25px + (30 - 25) * ((100vw - 1536px) / (1920 - 1536)));
    padding-bottom: calc(25px + (30 - 25) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .example-jobs-tech-support__table th {
    padding-top: calc(15px + (20 - 15) * ((100vw - 1536px) / (1920 - 1536)));
    padding-bottom: calc(15px + (20 - 15) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media screen and (max-width: 1536px) {
  .example-jobs-tech-support__table tr {
    grid-template-columns: calc(500px + (600 - 500) * ((100vw - 1200px) / (1536 - 1200))) 1fr 1fr;
    ;
  }

  .example-jobs-tech-support__nav {
    padding: 16px 30px;
    font-size: calc(16px + (18 - 16) * ((100vw - 1200px) / (1536 - 1200)));
    line-height: calc(24px + (28 - 24) * ((100vw - 1200px) / (1536 - 1200)));
  }

  .example-jobs-tech-support__table td,
  .example-jobs-tech-support__table th {
    font-size: calc(16px + (18 - 16) * ((100vw - 1200px) / (1536 - 1200)));
    line-height: calc(24px + (28 - 24) * ((100vw - 1200px) / (1536 - 1200)));
  }

  .example-jobs-tech-support__navs {
    gap: calc(15px + (20 - 15) * ((100vw - 1200px) / (1536 - 1200)));
  }

  .example-jobs-tech-support__inner {
    margin-top: calc(40px + (50 - 40) * ((100vw - 1200px) / (1536 - 1200)));
    gap: calc(35px + (40 - 35) * ((100vw - 1200px) / (1536 - 1200)));
  }

  .example-jobs-tech-support__footer {
    padding: calc(15px + (30 - 15) * ((100vw - 1200px) / (1536 - 1200))) 20px calc(30px + (40 - 30) * ((100vw - 1200px) / (1536 - 1200)));
  }

  .example-jobs-tech-support__footer-title {
    font-size: calc(28px + (30 - 30) * ((100vw - 1200px) / (1536 - 1200)));
    line-height: 40px;
  }

  .example-jobs-tech-support__footer-text p {
    font-size: calc(16px + (18 - 16) * ((100vw - 1200px) / (1536 - 1200)));
    line-height: calc(24px + (28 - 24) * ((100vw - 1200px) / (1536 - 1200)));
  }

  .example-jobs-tech-support__table td {
    padding-top: calc(20px + (25 - 20) * ((100vw - 1200px) / (1536 - 1200)));
    padding-bottom: calc(20px + (25 - 20) * ((100vw - 1200px) / (1536 - 1200)));
    padding-right: calc(20px + (30 - 20) * ((100vw - 1200px) / (1536 - 1200)));
  }

  .example-jobs-tech-support__table th {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: calc(20px + (30 - 20) * ((100vw - 1200px) / (1536 - 1200)));
  }

  .example-jobs-tech-support__table th:first-child,
  .example-jobs-tech-support__table td:first-child {
    padding-left: calc(20px + (30 - 20) * ((100vw - 1200px) / (1536 - 1200)));
  }
}

@media screen and (max-width: 1200px) {
  .example-jobs-tech-support__table tr {
    grid-template-columns: 500px 1fr 1fr;
    ;
  }

  .example-jobs-tech-support__table td,
  .example-jobs-tech-support__table th,
  .example-jobs-tech-support__nav {
    font-size: 16px;
    line-height: 24px;
  }

  .example-jobs-tech-support__navs {
    gap: 15px;
  }

  .example-jobs-tech-support__inner {
    margin-top: 40px;
    gap: 35px;
  }

  .example-jobs-tech-support__footer {
    padding: 15px 20px 30px;
  }

  .example-jobs-tech-support__footer-title {
    font-size: calc(24px + (28 - 24) * ((100vw - 414px) / (1200 - 414)));
    line-height: calc(36px + (40 - 36) * ((100vw - 414px) / (1200 - 414)));
  }

  .example-jobs-tech-support__footer-text p {
    font-size: 16px;
    line-height: 24px;
  }

  .example-jobs-tech-support__table td {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 20px;
  }

  .example-jobs-tech-support__table th {
    padding-right: 20px;
  }

  .example-jobs-tech-support__table th:first-child,
  .example-jobs-tech-support__table td:first-child {
    padding-left: 20px;
  }
}

@media screen and (max-width: 920px) {
  .example-jobs-tech-support__table tr {
    grid-template-columns: calc(260px + (500 - 260) * ((100vw - 414px) / (920 - 414))) 1fr 1fr;
    ;
  }

  .example-jobs-tech-support__navs {
    gap: calc(10px + (15 - 10) * ((100vw - 414px) / (920 - 414)));
  }

  .example-jobs-tech-support__nav {
    font-size: calc(14px + (16 - 14) * ((100vw - 414px) / (920 - 414)));
    line-height: calc(22px + (24 - 22) * ((100vw - 414px) / (920 - 414)));
  }

  .example-jobs-tech-support__table {
    min-width: 550px;
  }

  .example-jobs-tech-support__footer {
    padding: 0;
  }

  .example-jobs-tech-support__table td {
    padding-right: calc(15px + (20 - 15) * ((100vw - 414px) / (920 - 414)));
  }

  .example-jobs-tech-support__table th {
    padding-right: calc(15px + (20 - 15) * ((100vw - 414px) / (920 - 414)));
  }

  .example-jobs-tech-support__table th:first-child,
  .example-jobs-tech-support__table td:first-child {
    padding-left: calc(15px + (20 - 15) * ((100vw - 414px) / (920 - 414)));
  }

  .example-jobs-tech-support__inner {
    margin-top: calc(30px + (40 - 30) * ((100vw - 414px) / (920 - 414)));
  }
}

@media screen and (max-width: 414px) {
  .example-jobs-tech-support__table tr {
    grid-template-columns: 260px 1fr 1fr;
    ;
  }

  .example-jobs-tech-support__nav {
    font-size: 14px;
    line-height: 22px;
  }

  .example-jobs-tech-support__navs {
    gap: 14px;
  }

  .example-jobs-tech-support__table td {
    padding-right: 15px;
  }

  .example-jobs-tech-support__table th {
    padding-right: 15px;
  }

  .example-jobs-tech-support__table th:first-child,
  .example-jobs-tech-support__table td:first-child {
    padding-left: 15px;
  }

  .example-jobs-tech-support__inner {
    margin-top: 30px;
  }
}

/* end example-jobs-tech-support */

.drop-box--top {
  bottom: 100%;
  top: initial;
  width: 200px;
}

.drop-box__list--max-height {
  max-height: 300px;
  overflow-x: hidden;
  overflow-y: auto;
}

/*start pricing3-block*/
.pricing3-block .tandm__text {
  text-align: center;
}

.pricing3-block .tandm__text br {
  display: none;
}

.pricing3-block .pricing3-block__title,
.pricing3-block .pricing3-block__text {
  max-width: 795px;
}

.pricing3-block__service {
  color: #617082;
}

.pricing3-block__service b {
  color: #1f1f1f;
  font-weight: 400;
}

.pricing3-block__items {
  margin-top: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  grid-gap: 10px;
}

.pricing3-block__items svg {
  width: 25px;
}

.pricing3-block__item {
  color: #1f1f1f;
  font-size: 20px;
  font-weight: 500;
  line-height: 140%;
  border-radius: 20px;
  padding: 15px 25px;
  border: 1px solid rgba(199, 214, 237, 0.8);
}

@media screen and (max-width: 1920px) {

  .pricing3-block .pricing3-block__title,
  .pricing3-block .pricing3-block__text {
    max-width: calc(750px + (793 - 750) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .pricing3-block__items {
    margin-top: calc(40px + (45 - 40) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .pricing3-block__items svg {
    width: calc(20px + (25 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .pricing3-block__item {
    font-size: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
    padding: 15px calc(20px + (25 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media screen and (max-width: 1536px) {
  .pricing3-block__items svg {
    width: 20px;
  }

  .pricing3-block__items {
    margin-top: calc(35px + (40 - 35) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .pricing3-block__item {

    font-size: 18px;
    padding: 15px 20px;
  }

  .pricing3-block .pricing3-block__title,
  .pricing3-block .pricing3-block__text {
    max-width: calc(635px + (750 - 635) * ((100vw - 1280px) / (1536 - 1280)));
  }
}

@media screen and (max-width: 1280px) {
  .pricing3-block__items {
    margin-top: 35px;
  }

  .pricing3-block__item {

    border-radius: 15px;
  }

  .pricing3-block .pricing3-block__title,
  .pricing3-block .pricing3-block__text {
    max-width: 635px;
  }
}

@media screen and (max-width: 922px) {
  .pricing3-block__item {
    font-size: calc(16px + (18 - 16) * ((100vw - 414px) / (922 - 414)));
    padding: calc(10px + (20 - 10) * ((100vw - 414px) / (922 - 414))) 20px;
  }
}

@media screen and (max-width: 700px) {
  .pricing3-block__items {
    flex-direction: column;
    grid-gap: 5px;
  }
}

/*end pricing3-block*/

/* обновленная главная */
.main-page__top {
  padding-top: 170px;
  position: relative;
}

.main-page__top-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.main__psevdo-link {
  margin-bottom: 20px;
  padding: 13px 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
  width: fit-content;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  border-radius: 60px;
  background: var(--grays-gray_02);
  opacity: 0;
}

.main__psevdo-link.visible {
  opacity: 1;
}

.main__psevdo-link::before {
  display: block;
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--brand-blue);
}

.main-page__top-content {
  display: flex;
  flex-direction: column;
  gap: 40px;
  max-width: 1044px;
}

.main-page__top .service-title__points {
  opacity: 0;
}

.main-page .service-title__points.visible {
  opacity: 1;
}

.main-page__top-title {
  align-items: center;
  font-size: 80px;
  font-style: normal;
  font-weight: 600;
  line-height: 90px;
  text-align: center;
  opacity: 0;
  transition: opacity 0.6s ease;
  isolation: isolate;

}

.main-page__top-title.visible {
  opacity: 1;
}

.main-page__top-title .h1-part {
  display: inline;
  transition: transform 600ms ease;
  will-change: transform;
}

.main-page__top-title-img {
  display: inline-block;
  vertical-align: middle;
  backface-visibility: hidden;
  width: 0px;
  height: 0px;
  opacity: 0;
  transition: all .5s ease;
  pointer-events: none;
  will-change: transform;
  background-color: #F0F2F8;
  border-radius: 50%;
  overflow: hidden;
}

.main-page__top-title.is-splitted .main-page__top-title-img {
  animation: main-page__top-title-img-animation 0.5s linear forwards;
}

@keyframes main-page__top-title-img-animation {
  0% {
    opacity: 0;
    height: 0px;
    width: 0px;
  }

  100% {
    opacity: 1;
    height: 90px;
    width: 90px;
  }
}

@supports (-webkit-hyphens: none) {
  .main-page__top-title-img {
    opacity: 1;
    height: 90px;
    width: 90px;

  }

  .main-page__top-title.is-splitted .main-page__top-title-img {
    animation: none;
  }

  .main-page__top-title-img img {
    transform: scale(1);
    opacity: 1;
    transition: all .5s ease;
  }
}

.main-page__top-title-img>img {
  max-width: 100%;
  width: 100%;
  height: auto;
  object-fit: contain;
}

.main-page__mask {
  position: relative;
  display: inline-block;
  vertical-align: baseline;
  transform: translateZ(0) scale(1);
  backface-visibility: hidden;
  -webkit-font-smoothing: antialiased;
  contain: paint;
}

.main-page__mask::after {
  content: attr(data-text);
  position: absolute;
  inset: 0;
  pointer-events: none;

  background-image: linear-gradient(120deg,
      transparent 0%,
      rgba(9, 136, 250, 0) 38%,
      rgba(9, 136, 250, 1) 50%,
      rgba(9, 136, 250, 0) 62%,
      transparent 100%);
  background-size: 220% 100%;
  background-position: 0% 50%;
  background-repeat: no-repeat;
  color: transparent;
  -webkit-background-clip: text;
  background-clip: text;

  /* только правая половина слова */
  -webkit-mask-image: linear-gradient(to right, transparent 0%, transparent 1%, #000 1%, #000 100%);
  mask-image: linear-gradient(to right, transparent 0%, transparent 1%, #000 1%, #000 100%);

  opacity: 0;
  transform: translateZ(0);
  backface-visibility: hidden;
  will-change: background-position, opacity;
}

.main-page__top-title.shine-on .main-page__mask::after {
  opacity: 1;
  animation: titleShineText 2.2s linear infinite;
}

@keyframes titleShineText {
  0% {
    background-position: 200% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}

.main-page__top-descr {
  font-size: 22px;
  line-height: 34px;
  font-weight: 400;
  text-align: center;
  opacity: 0;
  transition: opacity 0.6s ease;
}

.main-page__top-descr.visible {
  opacity: 1;
}

.main-btn {
  margin: 0 auto;
  padding: 16px 30px;
  width: fit-content;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
  color: #fff;
  border-radius: 60px;
  border: none;
  background: var(--brand-blue);
  transition: .3s linear;
}

.main-btn:hover {
  background: rgba(9, 136, 250, 0.80);
  color: #fff;
}

.main-page-btn-anim {
  opacity: 0;
}

.main-page-btn-anim.visible {
  opacity: 1;
}

.main-page__second {
  width: 100%;
  display: flex;
  justify-content: center;
}

.main-page__second .about-second-block__title {
  display: flex;
  flex-direction: column;
  gap: 45px;
  align-items: center;
  color: #1f1f1f;
}

.main-page__expertise-text {
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 40px;
  max-width: 790px;
}

.main-page__expertise-text .p-24 {
  text-align: center;
}

.main-page__expertise-wrapper {
  display: grid;
  grid-template-columns: 595px 1fr;
  gap: 30px;
  align-items: end;
}

.main-page__expertise-cases-item {
  overflow: hidden;
  border-radius: 20px;
}

.main-page__expertise-cases-item img {
  max-width: 100%;
  transition: .3s linear;
  object-fit: contain;
  height: auto;
}

.main-page__expertise-cases-item:hover img {
  transform: scale(1.1);
}

.main-page__expertise-cases {
  width: 100%;
}

.main-page__expertise-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
}

.main-page__expertise-list-item {
  padding: 35px;
  display: flex;
  flex-direction: column;
  height: 336px;
  border-radius: 25px;
  background: var(--grays-gray_02);
}

.main-page__expertise-list-head {
  margin: 0 0 1rem;
  font-size: 35px;
  font-weight: 600;
  line-height: 45px;
}

.main-page__expertise-list-head span {
  color: var(--brand-blue);
}

.main-page__expertise-list-text {
  margin-top: auto;
  font-size: 24px;
  font-weight: 400;
  line-height: 36px;
}

.main-page__expertise-inner {
  position: relative;
  padding: 35px;
  display: flex;
  flex-direction: column;
  gap: 51px;
}

.main-page__expertise-inner>*:not(.main-page__expertise-border) {
  position: relative;
  z-index: 1;
}

.main-page__expertise-border {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}

.main-page__expertise-rating {
  display: flex;
  gap: 10px;
  align-items: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
}

.main-page__expertise-descr {
  margin-bottom: 30px;
  font-size: 30px;
  font-style: normal;
  font-weight: 600;
  line-height: 40px;
}

.main-page__expertise-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}

.main-page__expertise-tag {
  padding: 10px 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  border-radius: 80px;
  background: var(--grays-gray_02);
}

.main-page__expertise-tag:last-child {
  padding: 10px;
}

.main-page__expertise-btn {
  justify-content: center;
}

.main-page__expertise .preview-cases__feedback-wrap {
  border: none;
  background-color: transparent;
}

.main-page__reviews {
  overflow: hidden;
}

.main-page__reviews-wrapper {
  overflow: visible;
}

.main-page__reviews-wrapper .swiper-wrapper {
  align-items: stretch;
}

.main-page__reviews-item {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  height: auto;
  border-radius: 30px;
  border: 1px solid #DFE5F0;
  background: var(--grays-gray_02);
}

.main-page__reviews-inner {
  padding: 50px;
  display: flex;
  flex-direction: column;
  gap: 50px;
  height: 100%;
}

.main-page__reviews-img {
  padding: 20px;
}

.main-page__reviews-img img {
  max-width: 100%;
  object-fit: contain;
  height: auto;
}

.main-page__reviews-wrap .reviews-head {
  font-size: 30px;
  font-weight: 500;
  line-height: 40px;
}

.main-page__reviews-wrap .reviews-text {
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
}

.main-page__reviews-wrap {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.main-page__reviews-logo {
  width: 75px;
  height: 75px;
}

.main-page__reviews-logo img {
  max-width: 100%;
  border-radius: 20px;
  object-fit: contain;
  height: auto;
}

.main-page__reviews-avatar {
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 1;
  grid-row-end: 3;
  width: 55px;
  height: 55px;
}

.main-page__reviews-avatar img {
  max-width: 100%;
  object-fit: contain;
  height: auto;
}

.main-page__reviews-left {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-rows: 1fr 1fr;
  gap: 5px 15px;
  align-items: center;
}

.main-page__reviews-item-descr {
  margin-top: auto;
  display: flex;
  justify-content: space-between;
  gap: 20px;
}

.main-page__reviews-raiting {
  display: flex;
  padding: 10px 15px;
  justify-content: center;
  align-items: center;
  gap: 5px;
  width: fit-content;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  border-radius: 12px;
  background: #FFF;
}

.main-page__reviews .title-50 {
  text-align: center;
}

.main-page__reviews-down {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}

.main-page__reviews-down .grey-btn {
  margin-left: 0;
  margin-right: 0;
}

.main-page__reviews-wrap svg {
  display: block;
}

.main-page__reviews-name {
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 30px;
}

.main-page__reviews-position {
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
}

.main-page__challenges-list {
  display: flex;
  gap: 30px;
}

.main-page__challenges-item {
  position: relative;
  padding: 40px 35px;
  flex: 1;
  min-height: 500px;
  border-radius: 30px;
  border: 1px solid #F0F2F8;
  background: #FFF;
  overflow: hidden;
}

.main-page__challenges-img {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.main-page__challenges-img img {
  max-width: 100%;
  object-fit: contain;
  height: auto;
}

.main-page__challenges {
  background-color: var(--grays-gray_02);
}

.main-page__challenges-item-head {
  margin-bottom: 20px;
  font-size: 35px;
  font-style: normal;
  font-weight: 600;
  line-height: 45px;
}

.main-page__challenges-item-head span {
  color: var(--brand-blue);
}

.main-page__challenges-item-text {
  margin-bottom: 40px;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
}

.main-page__challenges-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
}

.main-page__challenges .info-career__item:nth-child(odd) {
  background-color: #fff;
}

.main-page__challenges .info-career__item:nth-child(odd):hover {
  background-color: #9C6CE8;
}

.main-page__achivments-wrapper {
  display: flex;
  gap: 100px;
}

.main-page__achivments-titles {
  width: 50%;
  flex: 0 0 50%;
  z-index: 5;
}

.main-page__achivments-titles .title-50 {
  margin-bottom: 45px;
}

.main-page__achivments-list {
  width: calc(50% + ((100vw - 100%) / 2));
  flex: 0 0 calc(50% + ((100vw - 100%) / 2));
  position: relative;
  display: flex;
}

.main-page__achivments-logo {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 345px;
  height: 325px;
  flex-shrink: 0;
  transition: transform .4s ease, box-shadow .4s ease;
}

.main-page__achivments-logo:not(:first-child) {
  margin-left: -170px;
}

.main-page__achivments-logo:nth-child(1) {
  z-index: 1;
}

.main-page__achivments-logo:nth-child(2) {
  z-index: 2;
}

.main-page__achivments-logo:nth-child(3) {
  z-index: 3;
}

.main-page__achivments-logo:nth-child(4) {
  z-index: 4;
}

.main-page__achivments-logo:nth-child(5) {
  z-index: 5;
}

@media (hover: hover) and (pointer: fine) {
  .main-page__achivments-logo:hover {
    transform: translate(-20%, -20%);
  }
}

.main-page__achivments-logo img {
  display: block;
  max-width: 100%;
  z-index: 1;
  height: 184px;
  object-fit: contain;
}

.main-page__achivments-logo svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}

.main-page__achivments-titles .grey-btn {
  margin-left: 0;
  margin-right: 0;
}

.main-page__achivments .grey-btn {
  margin: 0;
}

.main-page-blog-slider .title-50 {
  margin-left: 0;
  margin-right: 0;
}

.main-page__services-nav {
  display: flex;
  gap: 30px;
  align-items: center;
  justify-content: center;
}

.main-page__services-pagination {
  width: fit-content !important;
  display: flex;
  gap: 5px;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 36px;
  color: #AEB8CB;
}

.main-page__services-pagination .current {
  color: #1F1F1F;
}

@media (max-width: 1920px) {

  .main__psevdo-link {
    margin-bottom: calc(15px + (20 - 15) * ((100vw - 1536px) / (1920 - 1536)));
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(24px + (28 - 24) * ((100vw - 1536px) / (1920 - 1536)));
    padding: 13px calc(20px + (25 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .main-page__top {
    padding-top: calc(135px + (170 - 135) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .main-page__top-content {
    max-width: calc(844px + (1044 - 844) * ((100vw - 1536px) / (1920 - 1536)));
    gap: calc(35px + (40 - 35) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .main-btn {
    padding: 16px calc(25px + (30 - 25) * ((100vw - 1536px) / (1920 - 1536)));
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(24px + (28 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .main-page__expertise-text {
    max-width: calc(678px + (790 - 678) * ((100vw - 1536px) / (1920 - 1536)));
    gap: calc(30px + (40 - 30) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .main-page__expertise-wrapper {
    grid-template-columns: calc(492px + (595 - 492) * ((100vw - 1536px) / (1920 - 1536))) 1fr;
    gap: calc(25px + (30 - 25) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .main-page__expertise-descr {
    margin-bottom: calc(25px + (30 - 25) * ((100vw - 1536px) / (1920 - 1536)));
    font-size: calc(25px + (30 - 25) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(35px + (40 - 35) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .main-page__expertise-tag {
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(24px + (28 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .main-page__expertise-inner {
    padding: calc(25px + (35 - 25) * ((100vw - 1536px) / (1920 - 1536)));
    gap: calc(45px + (51 - 45) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .main-page__expertise-list-head {
    font-size: calc(30px + (35 - 30) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(40px + (45 - 40) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .main-page__expertise-list-item {
    padding: calc(30px + (35 - 30) * ((100vw - 1536px) / (1920 - 1536)));
    border-radius: calc(20px + (25 - 20) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(278px + (336 - 278) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .main-page__expertise-list-text {
    font-size: calc(22px + (24 - 22) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(34px + (36 - 34) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .main-page__expertise-list {
    gap: calc(25px + (30 - 25) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .main-page__expertise-rating {
    gap: 9.6px;
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(24px + (28 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .main-page__expertise-tags {
    gap: calc(10px + (15 - 10) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .main-page__reviews-wrap .reviews-head {
    font-size: calc(25px + (30 - 25) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(35px + (40 - 35) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .main-page__reviews-wrap .reviews-text {
    font-size: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(28px + (30 - 28) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .main-page__reviews-inner {
    padding: calc(40px + (50 - 40) * ((100vw - 1536px) / (1920 - 1536)));
    gap: calc(40px + (50 - 40) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .main-page__reviews-img {
    padding: calc(15px + (20 - 15) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .main-page__reviews-logo {
    width: calc(65px + (75 - 65) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(65px + (75 - 65) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .main-page__reviews-logo img {
    border-radius: calc(15px + (20 - 15) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .main-page__reviews-wrap svg {
    width: calc(40px + (50 - 40) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(40px + (50 - 40) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .main-page__reviews-name {
    font-size: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(28px + (30 - 28) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .main-page__reviews-position {
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(24px + (28 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .main-page__reviews-avatar {
    width: calc(50px + (55 - 50) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(50px + (55 - 50) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .main-page__reviews-left {
    gap: 5px calc(10px + (15 - 10) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .main-page__reviews-raiting {
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(24px + (28 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .main-page__challenges-item-head {
    margin-bottom: calc(15px + (20 - 15) * ((100vw - 1536px) / (1920 - 1536)));
    font-size: calc(30px + (35 - 30) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(40px + (45 - 40) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .main-page__challenges-item-text {
    margin-bottom: calc(30px + (40 - 30) * ((100vw - 1536px) / (1920 - 1536)));
    font-size: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(28px + (30 - 28) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .main-page__challenges-list {
    gap: calc(25px + (30 - 25) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .main-page__challenges-wrapper {
    gap: calc(25px + (30 - 25) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .main-page__challenges-item {
    padding: calc(35px + (40 - 35) * ((100vw - 1536px) / (1920 - 1536))) calc(30px + (35 - 30) * ((100vw - 1536px) / (1920 - 1536)));
    min-height: calc(450px + (500 - 450) * ((100vw - 1536px) / (1920 - 1536)))
  }

  .main-page__achivments-titles .title-50 {
    margin-bottom: calc(30px + (45 - 30) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .main-page__achivments-logo {
    width: calc(285px + (345 - 285) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(268px + (325 - 268) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .main-page__achivments-logo img {
    height: calc(152px + (184 - 152) * ((100vw - 1536px) / (1920 - 1536)));
  }

  @keyframes main-page__top-title-img-animation {
    0% {
      opacity: 0;
      height: 0px;
      width: 0px;
    }

    100% {
      opacity: 1;
      height: calc(80px + (90 - 80) * ((100vw - 1536px) / (1920 - 1536)));
      width: calc(80px + (90 - 80) * ((100vw - 1536px) / (1920 - 1536)));
    }
  }

  @supports (-webkit-hyphens: none) {
    .main-page__top-title-img {
      height: calc(80px + (90 - 80) * ((100vw - 1536px) / (1920 - 1536)));
      width: calc(80px + (90 - 80) * ((100vw - 1536px) / (1920 - 1536)));
    }
  }

  .main-page__services-nav {
    gap: calc(25px + (30 - 25) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .main-page__services-pagination {
    font-size: calc(22px + (24 - 22) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(34px + (36 - 34) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media (max-width: 1536px) {
  .main-page__top {
    padding-top: calc(130px + (135 - 130) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .main__psevdo-link {
    margin-bottom: calc(10px + (15 - 10) * ((100vw - 1280px) / (1536 - 1280)));
    font-size: calc(14px + (16 - 14) * ((100vw - 1280px) / (1536 - 1280)));
    line-height: calc(22px + (24 - 22) * ((100vw - 1280px) / (1536 - 1280)));
    padding: calc(10px + (13 - 10) * ((100vw - 1280px) / (1536 - 1280))) 20px;
  }

  .main-page__top-content {
    max-width: 844px;
    gap: calc(30px + (35 - 30) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .main-btn {
    padding: calc(12px + (16 - 12) * ((100vw - 1280px) / (1536 - 1280))) calc(20px + (25 - 20) * ((100vw - 1280px) / (1536 - 1280)));
    font-size: calc(14px + (16 - 14) * ((100vw - 1280px) / (1536 - 1280)));
    line-height: calc(22px + (24 - 22) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .main-page__expertise-text {
    max-width: 678px;
    gap: calc(25px + (30 - 25) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .main-page__expertise-wrapper {
    grid-template-columns: calc(455px + (492 - 455) * ((100vw - 1280px) / (1536 - 1280))) 1fr;
    gap: calc(20px + (25 - 20) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .main-page__expertise-descr {
    margin-bottom: calc(20px + (25 - 20) * ((100vw - 1280px) / (1536 - 1280)));
    font-size: calc(22px + (25 - 22) * ((100vw - 1280px) / (1536 - 1280)));
    line-height: calc(34px + (35 - 34) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .main-page__expertise-tag {
    padding: calc(8px + (10 - 8) * ((100vw - 1280px) / (1536 - 1280))) calc(15px + (20 - 15) * ((100vw - 1280px) / (1536 - 1280)));
    ;
    font-size: calc(14px + (16 - 14) * ((100vw - 1280px) / (1536 - 1280)));
    line-height: calc(22px + (24 - 22) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .main-page__expertise-inner {
    padding: 25px;
    gap: calc(40px + (45 - 40) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .main-page__expertise-list-head {
    font-size: calc(25px + (30 - 25) * ((100vw - 1280px) / (1536 - 1280)));
    line-height: calc(35px + (40 - 35) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .main-page__expertise-list-item {
    padding: calc(25px + (30 - 25) * ((100vw - 1280px) / (1536 - 1280)));
    border-radius: 20px;
    height: calc(258px + (278 - 258) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .main-page__expertise-list-text {
    font-size: calc(18px + (22 - 18) * ((100vw - 1280px) / (1536 - 1280)));
    line-height: calc(28px + (34 - 28) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .main-page__expertise-list {
    gap: calc(20px + (25 - 20) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .main-page__expertise-rating {
    font-size: 16px;
    line-height: 24px;
  }

  .main-page__expertise-rating svg {
    width: calc(20px + (25 - 20) * ((100vw - 1280px) / (1536 - 1280)));
    height: calc(20px + (25 - 20) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .main-page__expertise-tags {
    gap: 10px;
  }

  .main-page__reviews-wrap .reviews-head {
    font-size: calc(22px + (25 - 22) * ((100vw - 1280px) / (1536 - 1280)));
    line-height: calc(34px + (35 - 34) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .main-page__reviews-wrap .reviews-text {
    font-size: calc(16px + (18 - 16) * ((100vw - 1280px) / (1536 - 1280)));
    line-height: calc(24px + (28 - 24) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .main-page__reviews-inner {
    padding: calc(30px + (40 - 30) * ((100vw - 1280px) / (1536 - 1280)));
    gap: 40px;
  }

  .main-page__reviews-img {
    padding: 15px;
  }

  .main-page__reviews-logo {
    width: 65px;
    height: 65px;

  }

  .main-page__reviews-logo img {
    border-radius: 15px;
  }

  .main-page__reviews-wrap svg {
    width: calc(35px + (40 - 35) * ((100vw - 1280px) / (1536 - 1280)));
    height: calc(35px + (40 - 35) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .main-page__reviews-name {
    font-size: calc(16px + (18 - 16) * ((100vw - 1280px) / (1536 - 1280)));
    line-height: calc(24px + (28 - 24) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .main-page__reviews-position {
    font-size: calc(14px + (16 - 14) * ((100vw - 1280px) / (1536 - 1280)));
    line-height: calc(22px + (24 - 22) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .main-page__reviews-avatar {
    width: calc(45px + (50 - 45) * ((100vw - 1280px) / (1536 - 1280)));
    height: calc(45px + (50 - 45) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .main-page__reviews-left {
    gap: 3px 10px;
  }


  .main-page__reviews-raiting {
    font-size: 16px;
    line-height: 24px;
  }

  .main-page__challenges-item-head {
    margin-bottom: calc(10px + (15 - 10) * ((100vw - 1280px) / (1536 - 1280)));
    font-size: calc(25px + (30 - 25) * ((100vw - 1280px) / (1536 - 1280)));
    line-height: calc(35px + (40 - 35) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .main-page__challenges-item-text {
    margin-bottom: 30px;
    font-size: calc(16px + (18 - 16) * ((100vw - 1280px) / (1536 - 1280)));
    line-height: calc(24px + (28 - 24) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .main-page__challenges-list {
    gap: calc(20px + (25 - 20) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .main-page__challenges-wrapper {
    gap: calc(20px + (25 - 20) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .main-page__challenges-item {
    min-height: calc(380px + (450 - 380) * ((100vw - 1280px) / (1536 - 1280)));
    padding: calc(30px + (35 - 30) * ((100vw - 1280px) / (1536 - 1280))) calc(25px + (30 - 25) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .main-page__achivments-titles .title-50 {
    margin-bottom: calc(25px + (30 - 25) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .main-page__achivments-logo {
    width: calc(265px + (285 - 265) * ((100vw - 1280px) / (1536 - 1280)));
    height: calc(250px + (268 - 250) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .main-page__achivments-logo img {
    height: calc(140px + (152 - 140) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .main-page__achivments-wrapper {
    gap: calc(70px + (100 - 70) * ((100vw - 1280px) / (1536 - 1280)));
  }

  @keyframes main-page__top-title-img-animation {
    0% {
      opacity: 0;
      height: 0px;
      width: 0px;
    }

    100% {
      opacity: 1;
      height: calc(70px + (80 - 70) * ((100vw - 1280px) / (1536 - 1280)));
      width: calc(70px + (80 - 70) * ((100vw - 1280px) / (1536 - 1280)));
    }
  }

  @supports (-webkit-hyphens: none) {
    .main-page__top-title-img {
      height: calc(70px + (80 - 70) * ((100vw - 1280px) / (1536 - 1280)));
      width: calc(70px + (80 - 70) * ((100vw - 1280px) / (1536 - 1280)));
    }
  }

  .main-page__services-nav {
    gap: calc(20px + (25 - 20) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .main-page__services-pagination {
    font-size: calc(20px + (22 - 20) * ((100vw - 1280px) / (1536 - 1280)));
    line-height: calc(30px + (34 - 30) * ((100vw - 1280px) / (1536 - 1280)));
  }
}

@media (max-width: 1280px) {
  @keyframes main-page__top-title-img-animation {
    0% {
      opacity: 0;
      height: 0px;
      width: 0px;
    }

    100% {
      opacity: 1;
      height: 70px;
      width: 70px;
    }
  }

  @supports (-webkit-hyphens: none) {
    .main-page__top-title-img {
      height: 70px;
      width: 70px;
    }
  }

  .main-page__top-content {
    max-width: calc(700px + (844 - 700) * ((100vw - 922px) / (1280 - 922)));
    gap: 30px;
  }

  .main-page__top {
    padding-top: 130px;
  }

  .main__psevdo-link {
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 22px;
    padding: 10px 20px;
  }

  .main__psevdo-link::before {
    width: 6px;
    height: 6px;
  }

  .main-btn {
    padding: 12px 20px;
    font-size: 14px;
    line-height: 22px;
  }

  .main-page__expertise-wrapper {
    display: grid;
    grid-template-columns: calc(411px + (455 - 411) * ((100vw - 922px) / (1280 - 922))) 1fr;
    gap: 20px;
  }

  .main-page__expertise-descr {
    margin-bottom: 20px;
    font-size: 22px;
    line-height: 34px;
  }

  .main-page__expertise-tag {
    padding: 8px 15px;
    font-size: 14px;
    line-height: 22px;
  }

  .main-page__expertise-tag:last-child {
    padding: 8px;
  }

  .main-page__expertise-inner {
    gap: 40px;
  }

  .main-page__expertise-list-head {
    font-size: calc(21px + (25 - 21) * ((100vw - 922px) / (1280 - 922)));
    line-height: calc(34px + (35 - 34) * ((100vw - 922px) / (1280 - 922)));
  }

  .main-page__expertise-list-item {
    padding: 25px;
    height: 258px;
  }

  .main-page__expertise-list-text {
    font-size: 18px;
    line-height: 28px;
  }

  .main-page__expertise-list {
    gap: calc(10px + (20 - 10) * ((100vw - 922px) / (1280 - 922)));
  }

  .main-page__expertise-rating svg {
    width: 20px;
    height: 20px;
  }

  .main-page__expertise-tags {
    gap: calc(5px + (10 - 5) * ((100vw - 922px) / (1280 - 922)));
  }

  .main-page__reviews-wrap .reviews-head {
    font-size: calc(20px + (22 - 20) * ((100vw - 922px) / (1280 - 922)));
    line-height: calc(30px + (34 - 30) * ((100vw - 922px) / (1280 - 922)));
  }

  .main-page__reviews-wrap .reviews-text {
    font-size: 16px;
    line-height: 24px;
  }

  .main-page__reviews-inner {
    padding: 30px;
    gap: calc(30px + (40 - 30) * ((100vw - 922px) / (1280 - 922)));
  }

  .main-page__reviews-img {
    padding: calc(10px + (15 - 10) * ((100vw - 922px) / (1280 - 922)));
  }

  .main-page__reviews-logo {
    width: calc(55px + (65 - 55) * ((100vw - 922px) / (1280 - 922)));
    height: calc(55px + (65 - 55) * ((100vw - 922px) / (1280 - 922)));
  }

  .main-page__reviews-wrap svg {
    width: 35px;
    height: 35px;
  }

  .main-page__reviews-name {
    font-size: 16px;
    line-height: 24px;
  }

  .main-page__reviews-position {
    font-size: 14px;
    line-height: 22px;
  }

  .main-page__reviews-avatar {
    width: calc(40px + (45 - 40) * ((100vw - 922px) / (1280 - 922)));
    height: calc(40px + (45 - 40) * ((100vw - 922px) / (1280 - 922)));
  }

  .main-page__challenges-item-head {
    margin-bottom: 10px;
    font-size: calc(22px + (25 - 22) * ((100vw - 922px) / (1280 - 922)));
    line-height: calc(34px + (35 - 34) * ((100vw - 922px) / (1280 - 922)));
  }

  .main-page__challenges-item-text {
    font-size: 16px;
    line-height: 24px;
  }

  .main-page__challenges-list {
    gap: 20px;
  }

  .main-page__challenges-wrapper {
    gap: 20px;
  }

  .main-page__challenges-item {
    padding: 30px 25px;
    min-height: calc(350px + (380 - 350) * ((100vw - 922px) / (1280 - 922)));
  }

  .main-page__achivments-titles .title-50 {
    margin-bottom: 25px;
  }

  .main-page__achivments-logo {
    width: 265px;
    height: 250px;
  }

  .main-page__achivments-logo img {
    height: 140px;
  }

  .main-page__achivments-wrapper {
    gap: 70px;
  }

  .main-page__achivments-logo:not(:first-child) {
    margin-left: calc(-157px + (-170 - -157) * ((100vw - 922px) / (1280 - 922)));
  }

  .main-page__services-nav {
    gap: 20px;
  }

  .main-page__services-pagination {
    font-size: 20px;
    line-height: 30px;
  }
}

@media (max-width: 1199px) {
  .main-page__achivments-wrapper {
    flex-direction: column;
    gap: 30px;
  }

  .main-page__achivments-titles {
    margin: 0 auto;
    width: 70%;
    flex: 0 0 70%;
  }

  .main-page__achivments-titles .title-50 {
    text-align: center;
  }

  .main-page__achivments-titles .p-24 {
    text-align: center;
  }

  .main-page__achivments .grey-btn {
    margin-left: auto;
    margin-right: auto;
  }

  .main-page__achivments-list {
    margin: 10px 0 40px;
    width: 100%;
    flex: 0 0 100%;
    justify-content: center;
  }

  .main-page__achivments-logo:not(:first-child) {
    margin-left: -157px;
  }
}

@media (max-width: 922px) {
  @keyframes main-page__top-title-img-animation {
    0% {
      opacity: 0;
      height: 0px;
      width: 0px;
    }

    100% {
      opacity: 1;
      height: calc(45px + (70 - 45) * ((100vw - 414px) / (922 - 414)));
      width: calc(45px + (70 - 45) * ((100vw - 414px) / (922 - 414)));
    }
  }

  @supports (-webkit-hyphens: none) {
    .main-page__top-title-img {
      height: calc(45px + (70 - 45) * ((100vw - 414px) / (922 - 414)));
      width: calc(45px + (70 - 45) * ((100vw - 414px) / (922 - 414)));
    }
  }

  .main-page__top-content {
    max-width: 700px;
    gap: calc(25px + (30 - 25) * ((100vw - 414px) / (922 - 414)));
  }

  .main-page__top {
    padding-top: calc(100px + (130 - 100) * ((100vw - 414px) / (922 - 414)));
  }

  .main__psevdo-link {
    font-size: calc(12px + (14 - 12) * ((100vw - 414px) / (922 - 414)));
    line-height: calc(18px + (22 - 18) * ((100vw - 414px) / (922 - 414)));
    padding: 10px calc(15px + (20 - 15) * ((100vw - 414px) / (922 - 414)));
  }

  .main-page__expertise-text {
    gap: calc(20px + (25 - 20) * ((100vw - 414px) / (922 - 414)));
  }

  .main-page__expertise-wrapper {
    grid-template-columns: 411px 1fr;
  }

  .main-page__expertise-descr {
    margin-bottom: calc(15px + (20 - 15) * ((100vw - 414px) / (922 - 414)));
    font-size: calc(18px + (22 - 18) * ((100vw - 414px) / (922 - 414)));
    line-height: calc(28px + (34 - 28) * ((100vw - 414px) / (922 - 414)));
  }

  .main-page__expertise-tag {
    font-size: calc(12px + (14 - 12) * ((100vw - 414px) / (922 - 414)));
    line-height: calc(18px + (22 - 18) * ((100vw - 414px) / (922 - 414)));
  }

  .main-page__expertise-inner {
    padding: calc(20px + (25 - 20) * ((100vw - 414px) / (922 - 414)));
  }

  .main-page__expertise-list-head {
    margin-bottom: 20px;
    font-size: calc(20px + (21 - 20) * ((100vw - 414px) / (922 - 414)));
    line-height: calc(30px + (34 - 30) * ((100vw - 414px) / (922 - 414)));
  }


  .main-page__expertise-list-item {
    border-radius: calc(15px + (20 - 15) * ((100vw - 414px) / (922 - 414)));
    height: auto;
  }

  .main-page__expertise-list {
    grid-template-columns: 100%;
    grid-template-rows: repeat(4, auto);
    gap: 10px;
  }

  .main-page__expertise-rating {
    font-size: calc(14px + (16 - 14) * ((100vw - 414px) / (922 - 414)));
    line-height: calc(22px + (24 - 22) * ((100vw - 414px) / (922 - 414)));
  }

  .main-page__expertise-tags {
    gap: 5px;
  }

  .main-page__reviews-wrap .reviews-head {
    font-size: calc(18px + (20 - 18) * ((100vw - 414px) / (922 - 414)));
    line-height: calc(28px + (30 - 28) * ((100vw - 414px) / (922 - 414)));
  }

  .main-page__reviews-inner {
    padding: calc(25px + (30 - 25) * ((100vw - 414px) / (922 - 414)));
    gap: calc(25px + (30 - 25) * ((100vw - 414px) / (922 - 414)));
  }

  .main-page__reviews-img {
    padding: 10px;
  }

  .main-page__reviews-logo {
    width: calc(45px + (55 - 45) * ((100vw - 414px) / (922 - 414)));
    height: calc(45px + (55 - 45) * ((100vw - 414px) / (922 - 414)));
  }

  .main-page__reviews-logo img {
    border-radius: calc(10px + (15 - 10) * ((100vw - 414px) / (922 - 414)));
  }

  .main-page__reviews-wrap svg {
    width: calc(30px + (35 - 30) * ((100vw - 414px) / (922 - 414)));
    height: calc(30px + (35 - 30) * ((100vw - 414px) / (922 - 414)));
  }

  .main-page__reviews-avatar {
    width: calc(35px + (40 - 35) * ((100vw - 414px) / (922 - 414)));
    height: calc(35px + (40 - 35) * ((100vw - 414px) / (922 - 414)));
  }

  .main-page__reviews-left {
    gap: 1px 10px;
  }

  .main-page__challenges-item-head {
    font-size: calc(20px + (22 - 20) * ((100vw - 414px) / (922 - 414)));
    line-height: calc(30px + (34 - 30) * ((100vw - 414px) / (922 - 414)));
  }

  .main-page__challenges-item-text {
    margin-bottom: calc(25px + (30 - 25) * ((100vw - 414px) / (922 - 414)));
  }

  .main-page__challenges-wrapper {
    display: flex;
    flex-direction: column;
    gap: 25px;
  }

  .main-page__challenges-wrapper .p-24 {
    margin: 0 auto;
    max-width: 80%;
    text-align: center;
  }

  .main-page__challenges-item {
    padding: calc(25px + (30 - 25) * ((100vw - 414px) / (922 - 414))) 25px;
    min-height: calc(340px + (350 - 340) * ((100vw - 414px) / (922 - 414)));
  }

  .main-page__achivments-titles .title-50 {
    margin-bottom: calc(20px + (25 - 20) * ((100vw - 414px) / (922 - 414)));
  }


  .main-page__achivments-logo {
    width: calc(156px + (293 - 156) * ((100vw - 414px) / (922 - 414)));
    height: calc(147px + (277 - 147) * ((100vw - 414px) / (922 - 414)));
  }

  .main-page__achivments-logo img {
    height: 156px;
  }

  .main-page__services-pagination {
    font-size: calc(18px + (20 - 18) * ((100vw - 414px) / (922 - 414)));
    line-height: calc(28px + (30 - 28) * ((100vw - 414px) / (922 - 414)));
  }


}


@media (max-width: 768px) {
  .main-page__top-content {
    max-width: 100%;
  }

  .main-page__expertise-wrapper {
    grid-template-columns: 100%;
    grid-template-rows: auto auto;
  }

  .main-page__reviews-item {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }

  .main-page__challenges-list {
    flex-direction: column;
    gap: 10px;
  }

  .main-page__achivments-logo img {
    height: calc(83px + (156 - 83) * ((100vw - 414px) / (768 - 414)));
  }

  .main-page__achivments-logo:not(:first-child) {
    margin-left: calc(-105px + (-157 - -105) * ((100vw - 414px) / (768 - 414)));
  }
}

@media (max-width: 414px) {
  @keyframes main-page__top-title-img-animation {
    0% {
      opacity: 0;
      height: 0px;
      width: 0px;
    }

    100% {
      opacity: 1;
      height: 45px;
      width: 45px;
    }
  }

  @supports (-webkit-hyphens: none) {
    .main-page__top-title-img {
      height: 45px;
      width: 45px;
    }
  }

  .main__psevdo-link {
    font-size: 12px;
    line-height: 18px;
    padding: 10px 15px;
  }

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

  .main-btn {
    margin-left: 0;
  }

  .main-page__top-content {
    gap: 25px;
    align-items: flex-start;
  }

  .main-page__top-wrapper {
    align-items: flex-start;
  }

  .main-page__expertise-text {
    margin-left: 0;
    max-width: 100%;
    gap: 20px;
  }

  .main-page__expertise-text .p-24 {
    text-align: left;
  }

  .main-page__expertise-descr {
    margin-bottom: 15px;
    font-size: 18px;
    line-height: 28px;
  }

  .main-page__expertise-tag {
    font-size: 12px;
    line-height: 18px;
  }

  .main-page__expertise-inner {
    padding: 20px;
  }

  .main-page__expertise-list-head {
    font-size: 20px;
    line-height: 30px;
  }

  .main-page__expertise-list-item {
    border-radius: 15px;
  }

  .main-page__reviews-wrap .reviews-head {
    font-size: 18px;
    line-height: 28px;
  }

  .main-page__reviews-inner {
    padding: 25px;
    gap: 25px;
  }

  .main-page__reviews-logo {
    width: 45px;
    height: 45px;
    ;
  }

  .main-page__reviews-logo img {
    border-radius: 10px;
  }

  .main-page__reviews-avatar {
    width: 35px;
    height: 35px;
  }


  .main-page__challenges-item-head {
    font-size: 20px;
    line-height: 30px;
  }

  .main-page__challenges-item-text {
    margin-bottom: 25px;
  }

  .main-page__challenges-item {
    padding: 25px 25px;
    min-height: 340px;
  }

  .main-page__challenges-wrapper .p-24 {
    max-width: 100%;
    text-align: left;
  }

  .main-page__expertise-btn {
    justify-content: flex-start;
  }

  .main-page__achivments-titles .title-50 {
    margin-bottom: 20px;
  }

  .main-page__achivments-logo {
    width: 156px;
    height: 147px;
  }

  .main-page__achivments-logo img {
    height: 83px;
  }

  .main-page__achivments-titles {
    margin: 0 auto;
    width: 100%;
    flex: 0 0 100%;
  }

  .main-page__achivments-titles .title-50 {
    text-align: left;
  }

  .main-page__achivments-titles .p-24 {
    text-align: left;
  }

  .main-page__services-pagination {
    font-size: 18px;
    line-height: 28px;
  }
}

.main-preview-cases .title-50 {
  text-align: center;
}

.main-page__services .title-50 {
  text-align: center;
}

.main-page__services-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
  margin-bottom: 40px;
}

#mainServicesBtn {
  background-color: #f7f8fc;
  cursor: url(../img/cursor-pointer.svg) -15 -15, pointer;
  transition: 0.3s ease;
}

#mainServicesBtn:hover {
  color: #0988FA;
}

#mainServices>* {
  transition: opacity 0.3s ease;
}

.main-page__numbers .container {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.main-page__numbers .title-50 {
  text-align: center;
  margin-bottom: 45px;
}

.main-page__numbers .p-24 {

  max-width: 633px;
  width: 100%;
  text-align: center;
}

.main-page-value .p-24 {
  margin: 0 auto;
  max-width: 720px;
  width: 100%;
}

.main-page__numbers .about-page-numbers__wrap {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(3, 278px);
  row-gap: 80px;
  justify-content: space-between;
}

.cases-list {
  max-width: 1164px;
  width: 100%;
}

.cases-block .grey-btn {
  background-color: #FFF;
  margin-top: 60px;
}

.cases-block .grey-btn:hover {
  color: #0988FA;
}

@media (max-width: 1920px) {
  .cases-block .grey-btn {
    margin-top: calc(50px + (60 - 50) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media (max-width: 1536px) {
  .cases-block .grey-btn {
    margin-top: 50px;
  }
}

@media (max-width: 922px) {
  .cases-block .grey-btn {
    margin-top: calc(30px + (50 - 30) * ((100vw - 414px) / (922 - 414)));
  }
}

@media (max-width: 414px) {
  .main-preview-cases .title-50 {
    text-align: left;
  }
}

.cases-block {
  background-color: var(--grays-gray_02);
  padding-left: calc(355px + (680 - 355) * ((100vw - 1920px) / (2560 - 1920)));
}

@media (max-width: 1920px) {
  .cases-block {
    padding-left: calc(200px + (355 - 200) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media (max-width: 1536px) {
  .cases-block {
    padding-left: calc(158px + (200 - 158) * ((100vw - 1280px) / (1536 - 1280)));
  }
}

@media (max-width: 1280px) {
  .cases-block {
    padding-left: 158px;
  }

}

@media (max-width: 922px) {
  .cases-block {
    padding: 60px 40px;
  }

  .cases-list {
    max-width: 100% !important;
  }
}

@media (max-width: 414px) {
  .cases-block {
    padding: 55px 20px;
  }

  .cases-list {
    max-width: 100% !important;
  }
}

.cases-list .swiper-slide {
  max-width: 1164px;
  height: 750px;
  width: 100%;
  margin-right: 20px;
}

.cases-list__item {
  background-color: #fff;
  border-radius: 20px;
  padding: 20px;
  display: grid;
  height: 100%;
}

.cases-list__item .cases-list__item-img {
  position: relative;
  overflow: hidden;
  border-radius: 15px;
}

.cases-list__item .cases-list__item-img img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}

.cases-list__item.hover .cases-list__item-img img:hover {
  transform: translate(-50%, -50%) scale(1.05);
}

.cases-list__item.kirillitsa {
  gap: 15px;
  grid-template-columns: 399px 401px 294px;
}

.cases-list__item.kirillitsa .cases-list__item-img:nth-child(1) {
  grid-column: 1/2;
  grid-row: 1/2;
}

.cases-list__item.kirillitsa .cases-list__item-img:nth-child(2) {
  grid-column: 2/4;
  grid-row: 1/2;
}

.cases-list__item.kirillitsa .cases-list__item-img:nth-child(3) {
  grid-column: 1/2;
  grid-row: 2/3;
}

.cases-list__item.kirillitsa .cases-list__item-img:nth-child(4) {
  grid-column: 2/3;
  grid-row: 2/3;
}

.cases-list__item.kirillitsa .cases-list__item-img:nth-child(5) {
  grid-column: 3/4;
  grid-row: 2/3;
}

.cases-list__item.oilresourse {
  gap: 15px;
  grid-template-columns: 399px 458px 237px;
  grid-template-rows: 224px auto 201px;
}

.cases-list__item.oilresourse .cases-list__item-img:nth-child(1) {
  grid-column: 1/2;
  grid-row: 1/2;
}

.cases-list__item.oilresourse .cases-list__item-img:nth-child(2) {
  grid-column: 2/4;
  grid-row: 1/3;
}

.cases-list__item.oilresourse .cases-list__item-img:nth-child(3) {
  grid-column: 1/2;
  grid-row: 2/4;
}

.cases-list__item.oilresourse .cases-list__item-img:nth-child(4) {
  grid-column: 2/3;
  grid-row: 3/4;
}

.cases-list__item.oilresourse .cases-list__item-img:nth-child(5) {
  grid-column: 3/4;
  grid-row: 3/4;
}

.cases-list__item.oilbrandresourse {
  gap: 15px;
  grid-template-columns: 478px 340px 278px;
  grid-template-rows: 477px 218px;
}

.cases-list__item.oilbrandresourse .cases-list__item-img:nth-child(1) {
  grid-column: 1/2;
  grid-row: 1/2;
}

.cases-list__item.oilbrandresourse .cases-list__item-img:nth-child(2) {
  grid-column: 2/3;
  grid-row: 1/2;
}

.cases-list__item.oilbrandresourse .cases-list__item-img:nth-child(3) {
  grid-column: 3/4;
  grid-row: 1/3;
}

.cases-list__item.oilbrandresourse .cases-list__item-img:nth-child(4) {
  grid-column: 1/3;
  grid-row: 2/3;
}

.cases-list__navigation {
  margin: 70px auto 0;
  display: flex;
  gap: 15px;
  max-width: 135px;
  width: 100%;
  display: none;
}

.cases-list__navigation .swiper-navigation {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cases-list__navigation .swiper-navigation svg {
  width: 60%;
}

.cases-list__navigation .swiper-navigation svg path {
  stroke: var(--basic-black);
}

.cases-list__navigation .swiper-navigation.swiper-button-disabled svg path {
  stroke: #AEB8CB;
}

.main-top-chat__wrappper {
  opacity: 0;
  transition: opacity 0.6s ease;
}

.main-top-chat__wrappper.visible {
  opacity: 1;
}

@media (max-width: 1920px) {
  .main-page__top.show-banner {
    padding: calc(195px + (200 - 195) * ((100vw - 1536px) / (1920 - 1536))) 0px calc(60px + (80 - 60) * ((100vw - 1536px) / (1920 - 1536))) calc(40px + (355 - 40) * ((100vw - 922px) / (1920 - 922)));
  }

  .main-page__top-title {
    font-size: calc(70px + (80 - 70) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(80px + (90 - 80) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .main-page__top-descr {
    font-size: calc(20px + (22 - 20) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(30px + (34 - 30) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .main-page__top-compare {
    width: calc(580px + (670 - 580) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(331px + (384 - 331) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .compare-handle::after {
    width: calc(40px + (45 - 40) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(40px + (45 - 40) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .main-page__second .about-second-block__title {
    gap: calc(40px + (45 - 40) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .main-page__numbers .title-50 {
    margin-bottom: calc(40px + (45 - 40) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .main-page__numbers .p-24 {
    max-width: calc(553px + (633 - 553) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .main-page-value .p-24 {
    max-width: calc(590px + (720 - 590) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .main-page__numbers .about-page-numbers__wrap {
    row-gap: calc(60px + (80 - 60) * ((100vw - 1536px) / (1920 - 1536)));
    grid-template-columns: repeat(3, calc(262px + (278 - 262) * ((100vw - 1536px) / (1920 - 1536))));
  }

  .cases-list {
    max-width: calc(1136px + (1164 - 1136) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .cases-list .swiper-slide {
    max-width: calc(1136px + (1164 - 1136) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(732px + (750 - 732) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .cases-list__item.kirillitsa {
    grid-template-columns: calc(418px + (399 - 418) * ((100vw - 1536px) / (1920 - 1536))) calc(365px + (401 - 365) * ((100vw - 1536px) / (1920 - 1536))) calc(283px + (294 - 283) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .cases-list__item.oilresourse {
    grid-template-columns: calc(456px + (399 - 456) * ((100vw - 1536px) / (1920 - 1536))) calc(421px + (458 - 421) * ((100vw - 1536px) / (1920 - 1536))) calc(189px + (201 - 189) * ((100vw - 1536px) / (1920 - 1536)));
    grid-template-rows: calc(175px + (224 - 175) * ((100vw - 1536px) / (1920 - 1536))) auto calc(157px + (237 - 157) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .cases-list__item.oilbrandresourse {
    grid-template-columns: calc(453px + (478 - 453) * ((100vw - 1536px) / (1920 - 1536))) calc(300px + (340 - 300) * ((100vw - 1536px) / (1920 - 1536))) calc(313px + (278 - 313) * ((100vw - 1536px) / (1920 - 1536)));
    grid-template-rows: calc(380px + (477 - 380) * ((100vw - 1536px) / (1920 - 1536))) calc(173px + (218 - 173) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .cases-list__navigation {
    margin: calc(60px + (70 - 60) * ((100vw - 1536px) / (1920 - 1536))) auto 0;
  }

  .cases-list__navigation .swiper-navigation {
    width: calc(55px + (60 - 55) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(55px + (60 - 55) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media (max-width: 1536px) {
  .main-page__top-title {
    font-size: calc(60px + (70 - 60) * ((100vw - 1280px) / (1536 - 1280)));
    line-height: calc(70px + (80 - 70) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .main-page__top-descr {
    font-size: calc(18px + (20 - 18) * ((100vw - 1280px) / (1536 - 1280)));
    line-height: calc(28px + (30 - 28) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .main-page__top-compare {
    width: calc(478px + (580 - 478) * ((100vw - 1280px) / (1536 - 1280)));
    height: calc(273px + (331 - 273) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .main-page__second .about-second-block__title {
    gap: calc(35px + (40 - 35) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .main-page__numbers .title-50 {
    margin-bottom: calc(30px + (40 - 30) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .main-page__numbers .p-24 {
    max-width: calc(472px + (553 - 472) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .main-page-value .p-24 {
    max-width: calc(470px + (590 - 470) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .cases-list {
    max-width: calc(964px + (1136 - 964) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .cases-list .swiper-slide {
    max-width: calc(964px + (1136 - 964) * ((100vw - 1280px) / (1536 - 1280)));
    height: calc(621px + (732 - 621) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .cases-list__item.kirillitsa {
    grid-template-columns: calc(288px + (418 - 288) * ((100vw - 1280px) / (1536 - 1280))) calc(326px + (365 - 326) * ((100vw - 1280px) / (1536 - 1280))) calc(251px + (283 - 251) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .cases-list__item.oilresourse {
    grid-template-columns: calc(362px + (456 - 362) * ((100vw - 1280px) / (1536 - 1280))) calc(351px + (421 - 351) * ((100vw - 1280px) / (1536 - 1280))) calc(181px + (189 - 181) * ((100vw - 1280px) / (1536 - 1280)));
    grid-template-rows: calc(152px + (175 - 152) * ((100vw - 1280px) / (1536 - 1280))) auto calc(132px + (157 - 132) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .cases-list__item.oilbrandresourse {
    grid-template-columns: calc(370px + (453 - 370) * ((100vw - 1280px) / (1536 - 1280))) calc(256px + (300 - 256) * ((100vw - 1280px) / (1536 - 1280))) calc(268px + (313 - 268) * ((100vw - 1280px) / (1536 - 1280)));
    grid-template-rows: 1fr calc(140px + (173 - 140) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .cases-list__navigation {
    margin: calc(50px + (60 - 50) * ((100vw - 1280px) / (1536 - 1280))) auto 0;
  }

  .cases-list__navigation .swiper-navigation {
    width: calc(45px + (55 - 45) * ((100vw - 1280px) / (1536 - 1280)));
    height: calc(45px + (55 - 45) * ((100vw - 1280px) / (1536 - 1280)));
  }
}

@media (max-width: 1280px) {
  .main-page__top.show-banner {
    padding: 173px 0 50px calc(40px + (355 - 40) * ((100vw - 922px) / (1920 - 922)));
  }

  .main-page__top-title {
    font-size: 60px;
    line-height: 70px;
  }

  .main-page__top-descr {
    font-size: 18px;
    line-height: 28px;
  }

  .main-page__second .about-second-block__title {
    gap: 35px;
  }

  .main-page__services-wrapper {
    margin-bottom: calc(30px + (40 - 30) * ((100vw - 922px) / (1280 - 922)));
    gap: calc(20px + (30 - 20) * ((100vw - 922px) / (1280 - 922)));
  }

  .main-page__numbers .title-50 {
    margin-bottom: calc(35px + (30 - 35) * ((100vw - 922px) / (1280 - 922)));
  }

  .main-page__numbers .p-24 {
    max-width: 472px;
  }

  .main-page-value .p-24 {
    max-width: 470px;
  }

  .main-page__numbers .about-page-numbers__wrap {
    row-gap: calc(50px + (60 - 50) * ((100vw - 922px) / (1280 - 922)));
    grid-template-columns: repeat(3, calc(235px + (262 - 235) * ((100vw - 922px) / (1280 - 922))));
  }

  .cases-list {
    max-width: 964px;
  }

  .cases-list .swiper-slide {
    max-width: 964px;
    height: 600px;
  }

  .cases-list__item.kirillitsa {
    grid-template-columns: 288px 326px 251px;
  }

  .cases-list__item.oilresourse {
    grid-template-columns: 362px 351px 181px;
    grid-template-rows: 152px auto 132px;
  }

  .cases-list__item.oilbrandresourse {
    grid-template-columns: 370px 256px 268px;
    grid-template-rows: 1fr 140px;
  }

  .cases-list__navigation {
    margin: 50px auto 0;
  }

  .cases-list__navigation .swiper-navigation {
    width: 45px;
    height: 45px;
  }
}

@media (max-width: 1024px) {
  .main-page__top-compare {
    width: 736px;
    height: 421px;
    margin: 0 auto;
  }

  .cases-list {
    max-width: calc(374px + (842 - 374) * ((100vw - 414px) / (1024 - 414)));
  }

  .cases-list .swiper-slide {
    max-width: calc(360px + (842 - 360) * ((100vw - 414px) / (1024 - 414)));
    height: calc(675px + (809 - 675) * ((100vw - 414px) / (1024 - 414)));
  }

  .cases-list__item.kirillitsa {
    grid-template-columns: calc(147px + (456 - 147) * ((100vw - 414px) / (1024 - 414))) calc(147px + (331 - 147) * ((100vw - 414px) / (1024 - 414)));
    grid-template-rows: calc(199px + (235 - 199) * ((100vw - 414px) / (1024 - 414))) calc(246px + (264 - 246) * ((100vw - 414px) / (1024 - 414))) calc(180px + (240 - 180) * ((100vw - 414px) / (1024 - 414)));
  }

  .cases-list__item.kirillitsa .cases-list__item-img:nth-child(1) {
    grid-column: 1/2;
    grid-row: 1/2;
  }

  .cases-list__item.kirillitsa .cases-list__item-img:nth-child(2) {
    grid-column: 1/3;
    grid-row: 2/3;
  }

  .cases-list__item.kirillitsa .cases-list__item-img:nth-child(3) {
    grid-column: 2/3;
    grid-row: 1/2;
  }

  .cases-list__item.kirillitsa .cases-list__item-img:nth-child(4) {
    grid-column: 1/2;
    grid-row: 3/4;
  }

  .cases-list__item.kirillitsa .cases-list__item-img:nth-child(5) {
    grid-column: 2/3;
    grid-row: 3/4;
  }

  .cases-list__item.oilresourse {
    grid-template-columns: calc(187px + (541 - 187) * ((100vw - 414px) / (1024 - 414))) calc(147px + (246 - 147) * ((100vw - 414px) / (1024 - 414)));
    grid-template-rows: calc(190px + (178 - 190) * ((100vw - 414px) / (1024 - 414))) calc(246px + (383 - 246) * ((100vw - 414px) / (1024 - 414))) calc(189px + (178 - 189) * ((100vw - 414px) / (1024 - 414)));
  }

  .cases-list__item.oilresourse .cases-list__item-img:nth-child(1) {
    grid-column: 1/2;
    grid-row: 1/2;
  }

  .cases-list__item.oilresourse .cases-list__item-img:nth-child(2) {
    grid-column: 1/3;
    grid-row: 2/3;
  }

  .cases-list__item.oilresourse .cases-list__item-img:nth-child(3) {
    grid-column: 2/3;
    grid-row: 1/2;
  }

  .cases-list__item.oilresourse .cases-list__item-img:nth-child(4) {
    grid-column: 1/2;
    grid-row: 3/4;
  }

  .cases-list__item.oilresourse .cases-list__item-img:nth-child(5) {
    grid-column: 2/3;
    grid-row: 3/4;
  }

  .cases-list__item.oilbrandresourse {
    grid-template-columns: calc(187px + (434 - 187) * ((100vw - 414px) / (1024 - 414))) calc(147px + (353 - 147) * ((100vw - 414px) / (1024 - 414)));
    grid-template-rows: calc(196px + (299 - 196) * ((100vw - 414px) / (1024 - 414))) calc(254px + (261 - 254) * ((100vw - 414px) / (1024 - 414))) calc(175px + (179 - 175) * ((100vw - 414px) / (1024 - 414)));
  }

  .cases-list__item.oilbrandresourse .cases-list__item-img:nth-child(1) {
    grid-column: 1/2;
    grid-row: 1/2;
  }

  .cases-list__item.oilbrandresourse .cases-list__item-img:nth-child(2) {
    grid-column: 1/2;
    grid-row: 2/3;
  }

  .cases-list__item.oilbrandresourse .cases-list__item-img:nth-child(3) {
    grid-column: 2/3;
    grid-row: 1/3;
  }

  .cases-list__item.oilbrandresourse .cases-list__item-img:nth-child(4) {
    grid-column: 1/3;
    grid-row: 3/4;
  }
}

@media (max-width: 922px) {
  .main-page__top-descr {
    font-size: calc(16px + (18 - 16) * ((100vw - 414px) / (922 - 414)));
    line-height: calc(24px + (28 - 24) * ((100vw - 414px) / (922 - 414)));
  }

  .main-page__top.show-banner {
    padding: calc(179px + (173 - 179) * ((100vw - 414px) / (922 - 414))) calc(20px + (40 - 20) * ((100vw - 414px) / (922 - 414))) 50px calc(20px + (40 - 20) * ((100vw - 414px) / (922 - 414)));
  }

  .main-page__top-title {
    font-size: calc(35px + (60 - 35) * ((100vw - 414px) / (922 - 414)));
    line-height: calc(45px + (70 - 45) * ((100vw - 414px) / (922 - 414)));
  }

  .main-page__top-compare {
    width: calc(394px + (736 - 394) * ((100vw - 414px) / (922 - 414)));
    height: calc(227px + (421 - 227) * ((100vw - 414px) / (922 - 414)));
    margin: calc(70px + (80 - 70) * ((100vw - 414px) / (922 - 414))) auto 0;
    transform: translateX(-3%);
  }

  .main-page__second .about-second-block__title {
    gap: calc(30px + (35 - 30) * ((100vw - 414px) / (922 - 414)));
    margin-bottom: 0;
    width: 85%;
  }

  .main-page__services .container {
    padding: 0 calc(20px + (40 - 20) * ((100vw - 414px) / (922 - 414)));
  }

  .main-page__services .title-50 br {
    display: none;
  }

  .main-page__services-wrapper {
    margin-bottom: calc(25px + (30 - 25) * ((100vw - 414px) / (922 - 414)));
    gap: 20px;
  }

  .main-page .container {
    padding: 0 calc(20px + (40 - 20) * ((100vw - 414px) / (922 - 414)));
  }

  .main-page__numbers .title-50 {
    margin-bottom: calc(30px + (35 - 30) * ((100vw - 414px) / (922 - 414)));
  }
}

@media (max-width: 768px) {
  .main-page__services-wrapper {
    display: flex;
    flex-direction: column;
  }

  .main-page__numbers .p-24 {
    max-width: 95%;
  }

  .main-page__numbers .about-page-numbers__wrap {
    gap: 40px;
    grid-template-columns: repeat(2, 1fr);

  }

  .main-page__numbers .about-page-numbers__wrap .about-page-numbers__card {
    grid-template-columns: 30% 60%;
  }

  .main-page__second .about-second-block__title {
    width: 100%;
  }
}

@media (max-width: 414px) {
  .main-page__top-descr {
    font-size: 16px;
    line-height: 24px;
    text-align: left;
  }

  .main-page__services .title-50 {
    text-align: left;
  }

  .main-page__top-title {
    font-size: 35px;
    line-height: 45px;
    text-align: left;
  }

  .about-page-values__block {
    justify-content: flex-start;
    width: calc(100vw - 40px);
  }

  .about-page-values__block .values-block__content {
    grid-template-columns: 70px auto !important;
    gap: 20px;
  }
}

/* конец обновленной главной */

/* анимация с орбитами */
@keyframes clockwiseRotate {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

@keyframes counterClockwiseRotate {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(-360deg);
  }
}

@keyframes changeBg {
  0% {
    border-color: #CCD6E9;
  }

  30% {
    border-color: #388AF3;
  }

  60% {
    border-color: #CCD6E9;
  }
}


.orbit {
  position: relative;
  width: 645px;
  height: 645px;
  margin: 0 auto;
}

.orbit-icon {
  position: relative;
  padding: 12px 20px;
  border-radius: 61px;
  font-style: normal;
  font-size: 16px;
  line-height: 140%;
  background: var(--grays-gray_02);
  color: var(--basic-black);
  text-align: center;
  display: block;
  transition: 0.3s ease;
  z-index: 10;
}

.orbit-icon.mark-red {
  background-color: #F8F5FF;
}

.orbit-icon.mark-grey {
  background-color: var(--light-blue);
}

.orbit-icon:hover {
  scale: 1.05;
}

@media (max-width: 922px) {
  .orbit-icon {
    font-size: calc(20px + (16 - 20) * ((100vw - 414px) / (922 - 414)));
    padding: calc(16px + (12 - 16) * ((100vw - 414px) / (922 - 414))) calc(26px + (20 - 26) * ((100vw - 414px) / (922 - 414)));
  }
}

.orbit-wrap {
  position: absolute;
  top: 0;
  bottom: 0;
  transform: translateX(-50%);
  left: 55%;
  list-style: none;
}

.orbit-wrap>li {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

ul[class^=ring] {
  border: dashed 1px #CCD6E9;
  position: relative;
  padding: 0;
  border-radius: 50%;
  list-style: none;
}

.ring.scale {
  scale: 1.04;
}

ul[class^=ring] li {
  display: block;
  position: absolute;
  transition: all 300ms ease-in-out;
}

.ring-0>*:nth-of-type(1) {
  transform: rotate(95deg) translate(46em) rotate(-95deg);
}

.ring-0>*:nth-of-type(2) {
  transform: rotate(190deg) translate(-43em) rotate(-190deg);
}

.ring-0>*:nth-of-type(3) {
  transform: rotate(285deg) translate(-11.5em) rotate(-285deg);
}

.ring-0>*:nth-of-type(4) {
  transform: rotate(380deg) translate(-18.5em) rotate(-380deg);
}

.ring-1>*:nth-of-type(1) {
  transform: rotate(126.6666666667deg) translate(-5em) rotate(-126.6666666667deg);
}

.ring-1>*:nth-of-type(2) {
  transform: rotate(253.3333333333deg) translate(-53em) rotate(-253.3333333333deg);
}

.ring-1>*:nth-of-type(3) {
  transform: rotate(380deg) translate(50em) rotate(-380deg);
}

.ring-2>*:nth-of-type(1) {
  transform: rotate(24.5deg) translate(8.5em) rotate(-24.5deg);
}

.ring-2>*:nth-of-type(2) {
  transform: rotate(95deg) translate(7.5em) rotate(-95deg);
}

.ring-2>*:nth-of-type(3) {
  transform: rotate(142.5deg) translate(7.5em) rotate(-142.5deg);
}

.ring-2>*:nth-of-type(4) {
  transform: rotate(190deg) translate(7.5em) rotate(-190deg);
}

.ring-2>*:nth-of-type(5) {
  transform: rotate(237.5deg) translate(7.5em) rotate(-237.5deg);
}

.ring-2>*:nth-of-type(6) {
  transform: rotate(285deg) translate(7.5em) rotate(-285deg);
}

.ring-2>*:nth-of-type(7) {
  transform: rotate(332.5deg) translate(7.5em) rotate(-332.5deg);
}

.ring-2>*:nth-of-type(8) {
  transform: rotate(380deg) translate(7.5em) rotate(-380deg);
}

.ring-3>*:nth-of-type(1) {
  transform: rotate(126.6666666667deg) translate(17em) rotate(-126.6666666667deg);
}

.ring-3>*:nth-of-type(2) {
  transform: rotate(218.333333deg) translate(-38em) rotate(-218.333333deg);
}

.ring-3>*:nth-of-type(3) {
  transform: rotate(380deg) translate(5em) rotate(-380deg);
}

.ring-4>*:nth-of-type(1) {
  transform: rotate(126.6666666667deg) translate(5em) rotate(-126.6666666667deg);
}

.ring-4>*:nth-of-type(2) {
  transform: rotate(253.3333333333deg) translate(5em) rotate(-253.3333333333deg);
}

.ring-4>*:nth-of-type(3) {
  transform: rotate(380deg) translate(5em) rotate(-380deg);
}

.ring-0 {
  width: 645px;
  height: 645px;
  animation: clockwiseRotate 100s linear infinite, changeBg 5s 1.8s infinite;
  transition: all 300ms ease-in-out, scale 0.3s 0.29s ease;
}

.ring-0 i {
  animation: counterClockwiseRotate 100s linear infinite;
}

.ring-1 {
  width: 542px;
  height: 542px;
  animation: clockwiseRotate 100s linear infinite, changeBg 5s 1.4s infinite;
  transition: all 300ms ease-in-out, scale 0.3s 0.23s ease;
}

.ring-1 i {
  animation: counterClockwiseRotate 100s linear infinite;
}

.ring-2 {
  width: 437px;
  height: 437px;
  animation: clockwiseRotate 100s linear infinite, changeBg 5s 0.8s infinite;
  transition: all 300ms ease-in-out, scale 0.3s 0.17s ease;
}

.ring-2 i {
  animation: counterClockwiseRotate 100s linear infinite;
}

.ring-3 {
  width: 333px;
  height: 333px;
  animation: clockwiseRotate 100s linear infinite, changeBg 5s 0.4s infinite;
  transition: all 300ms ease-in-out, scale 0.3s 0.11s ease;
}

.ring-3 i {
  animation: counterClockwiseRotate 100s linear infinite;
}

.ring-4 {
  width: 230px;
  height: 230px;
  animation: clockwiseRotate 100s linear infinite, changeBg 5s infinite;
  transition: all 300ms ease-in-out, scale 0.3s 0.05s ease;
}

.ring-4 i {
  animation: counterClockwiseRotate 100s linear infinite;
}

.orbit-center {
  z-index: 5;
  font-size: 2em;
  width: 125px;
  height: 125px;
  text-align: center;
  border-radius: 50%;
}

.orbit-center__icon {
  transform: rotateZ(-360deg);
  transition: all 300ms ease-in-out;
}

.orbit-center__icon svg {
  width: 100%;
}

@media (max-width: 1920px) {
  .orbit {
    transition: transform 0.3s ease;
  }

  .orbit-wrap {
    left: calc(51% + (55 - 51) * ((100vw - 1560px) / (1920 - 1560)));
  }
}

@media (max-width: 1560px) {
  .orbit-wrap {
    left: 51%;
  }
}

@media (max-width: 1280px) {
  .orbit-wrap {
    left: calc(34% + (51 - 34) * ((100vw - 922px) / (1280 - 922)));
  }
}

@media (max-width: 900px) {
  .orbit-wrap {
    left: calc(50% + (100 - 50) * ((100vw - 414px) / (922 - 414)));
  }

  .orbit {
    width: calc(374px + (645 - 374) * ((100vw - 414px) / (922 - 414)));
    height: calc(374px + (645 - 374) * ((100vw - 414px) / (922 - 414)));
  }
}

/* конец анимации с орбитами */

.title-50 {
  margin: 0 auto;
  max-width: 998px;
  font-size: 50px;
  line-height: 60px;
  font-weight: 600;
}

.title-50 span {
  color: #388AF3;
}

@media (max-width: 1920px) {
  .title-50 {
    max-width: calc(820px + (998 - 820) * ((100vw - 1536px) / (1920 - 1536)));
    font-size: calc(40px + (50 - 40) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(50px + (60 - 50) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media (max-width: 1536px) {
  .title-50 {
    max-width: calc(630px + (820 - 630) * ((100vw - 1280px) / (1536 - 1280)));
    font-size: calc(30px + (40 - 30) * ((100vw - 1280px) / (1536 - 1280)));
    line-height: calc(40px + (50 - 40) * ((100vw - 1280px) / (1536 - 1280)));
  }
}

@media (max-width: 1280px) {
  .title-50 {
    max-width: 630;
    font-size: 30px;
    line-height: 40px;
  }
}

@media (max-width: 922px) {
  .title-50 {
    max-width: calc(382px + (630 - 382) * ((100vw - 414px) / (922 - 414)));
    font-size: calc(25px + (30 - 25) * ((100vw - 414px) / (922 - 414)));
    line-height: calc(35px + (40 - 35) * ((100vw - 414px) / (922 - 414)));
  }
}

@media (max-width: 414px) {
  .title-50 {
    margin-left: 0;
    max-width: 100%;
    font-size: 25px;
    line-height: 35px;
  }
}

/* .title-35 {
  font-size: 35px;
  line-height: 45px;
  font-weight: 700;
}

@media (max-width: 1920px) {
  .title-35 {
    font-size: calc(30px + (35 - 30) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(40px + (45 - 40) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media (max-width: 1536px) {
  .title-35 {
    font-size: calc(28px + (30 - 28) * ((100vw - 1280px) / (1536 - 1280)));
    line-height: 40px;
  }
}

@media (max-width: 922px) {
  .title-35 {
    font-size: calc(22px + (28 - 22) * ((100vw - 414px) / (922 - 414)));
    line-height: calc(34px + (40 - 34) * ((100vw - 414px) / (922 - 414)));
  }
}

@media (max-width: 414px) {
  .title-35 {
    font-size: 22px;
    line-height: 34px;
  }
} */

.p-20 {
  font-size: 20px;
  line-height: 140%;
  font-weight: 400;
}

@media (max-width: 1536px) {
  .p-20 {
    font-size: calc(16px + (20 - 16) * ((100vw - 1280px) / (1536 - 1280)));
  }
}

@media (max-width: 1280px) {
  .p-20 {
    font-size: 16px;
  }
}

.p-24 {
  font-size: 24px;
  line-height: 140%;
  font-weight: 400;
}

@media (max-width: 1920px) {
  .p-24 {
    font-size: calc(22px + (24 - 22) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media (max-width: 1536px) {
  .p-24 {
    font-size: calc(18px + (22 - 18) * ((100vw - 1280px) / (1536 - 1280)));
  }
}

@media (max-width: 1280px) {
  .p-24 {
    font-size: 18px;
  }
}

@media (max-width: 922px) {
  .p-24 {
    font-size: calc(16px + (18 - 16) * ((100vw - 414px) / (922 - 414)));
  }
}

@media (max-width: 414px) {
  .p-24 {
    font-size: 16px;
  }
}

.margin-top-100 {
  margin-top: 100px;
}

@media (max-width: 1920px) {
  .margin-top-100 {
    margin-top: calc(70px + (100 - 70) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media (max-width: 1536px) {
  .margin-top-100 {
    margin-top: calc(60px + (70 - 60) * ((100vw - 1280px) / (1536 - 1280)));
  }
}

@media (max-width: 1236px) {
  .margin-top-100 {
    margin-top: 60px;
  }
}

@media (max-width: 922px) {
  .margin-top-100 {
    margin-top: calc(40px + (60 - 40) * ((100vw - 414px) / (922 - 414)));
  }
}

.padding-bottom-150 {
  padding-bottom: 150px;
}

@media (max-width: 1920px) {
  .padding-bottom-150 {
    padding-bottom: calc(100px + (150 - 100) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media (max-width: 1536px) {
  .padding-bottom-150 {
    padding-bottom: calc(90px + (100 - 90) * ((100vw - 1280px) / (1536 - 1280)));
  }
}

@media (max-width: 1280px) {
  .padding-bottom-150 {
    padding-bottom: calc(80px + (90 - 80) * ((100vw - 922px) / (1280 - 922)));
  }
}

@media (max-width: 922px) {
  .padding-bottom-150 {
    padding-bottom: calc(75px + (80 - 75) * ((100vw - 414px) / (922 - 414)));
  }
}


/* блок мы в сми */
.smi .container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.smi__slide {
  background-color: var(--grays-gray_02);
  border-radius: 20px;
  max-width: 587px;
  width: 100%;
  padding: 35px 40px;
  display: flex;
  flex-direction: column;
  text-align: start;
}

.smi__slide .smi__slide-pic {
  height: 43px;
  margin-bottom: 40px;
}

.smi__slide .smi__slide-pic img {
  height: 100%;
}

.smi__slide h3 {
  font-weight: 600;
  font-size: 30px;
  line-height: 140%;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  transition: color 0.3s ease;
}

.smi__slide:hover h3 {
  color: #388AF3;
}

.smi__slide p {
  margin-top: 20px;
  font-weight: 400;
  font-size: 18px;
  line-height: 140%;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

@media (max-width: 1920px) {
  .smi__slide {
    max-width: calc(553px + (587 - 553) * ((100vw - 1536px) / (1920 - 1536)));
    padding: calc(25px + (35 - 25) * ((100vw - 1536px) / (1920 - 1536))) calc(30px + (40 - 30) * ((100vw - 1536px) / (1920 - 1536)));
    border-radius: calc(10px + (20 - 10) * ((100vw - 414px) / (1920 - 414)));
  }

  .smi__slide .smi__slide-pic {
    height: calc(35px + (43 - 35) * ((100vw - 1536px) / (1920 - 1536)));
    margin-bottom: calc(30px + (40 - 30) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .smi__slide h3 {
    font-size: calc(28px + (30 - 28) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .smi__slide p {
    margin-top: calc(15px + (20 - 15) * ((100vw - 1536px) / (1920 - 1536)));
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media (max-width: 1536px) {
  .smi__slide {
    max-width: calc(472px + (553 - 472) * ((100vw - 1280px) / (1536 - 1280)));
    padding: calc(20px + (25 - 20) * ((100vw - 1280px) / (1536 - 1280))) calc(25px + (30 - 25) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .smi__slide .smi__slide-pic {
    height: calc(30px + (35 - 30) * ((100vw - 1280px) / (1536 - 1280)));
    margin-bottom: calc(20px + (30 - 20) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .smi__slide h3 {
    font-size: calc(24px + (28 - 24) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .smi__slide p {
    margin-top: 15px;
    font-size: 16px;
  }
}

@media (max-width: 1280px) {
  .smi__slide {
    max-width: calc(411px + (472 - 411) * ((100vw - 922px) / (1280 - 922)));
    padding: 20px 25px;
  }

  .smi__slide .smi__slide-pic {
    height: 30px;
    margin-bottom: 20px;
  }

  .smi__slide h3 {
    font-size: 24px;
  }
}

@media (max-width: 922px) {
  .smi__slide {
    max-width: calc(374px + (411 - 374) * ((100vw - 414px) / (922 - 414)));
  }

  .smi__slide h3 {
    font-size: calc(20px + (24 - 20) * ((100vw - 414px) / (922 - 414)));
  }
}

/* конец блока мы в сми */

/* баннер в шапке */
.header__banner {
  display: none;
  position: relative;
  padding: 15px 0;
  background: var(--light-blue);
  justify-content: center;
}

.header__banner-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1346px;
  width: 100%;
}

.header__banner::before {
  content: '';
  position: absolute;
  height: 100%;
  background: var(--light-blue);
  width: 500px;
  top: 0;
  left: -500px;
}

.header__banner::after {
  content: '';
  position: absolute;
  height: 100%;
  background: var(--light-blue);
  width: 500px;
  top: 0;
  right: -500px;
}

.header__banner-logo {
  height: 34px;
}

.header__banner-logo svg {
  height: 100%;
}

.header__banner-content {
  display: flex;
  align-items: center;
  gap: 30px;
  color: var(--basic-black);
}

.header__banner-content p:first-child {
  font-weight: 600;
  font-size: 22px;
  line-height: 140%;
}

.header__banner-content p span {
  color: #DE0F7B;
}

.header__banner-content p:not(:first-child) {
  font-weight: 400;
  font-size: 18px;
  line-height: 140%;
}

.header__banner-link {
  font-weight: 600;
  font-size: 18px;
  line-height: 140%;
  color: var(--basic-black);
  display: flex;
  align-items: center;
  gap: 15px;
}

.header__banner-link svg {
  transition: transform 0.3s ease;
}

.header__banner-link:hover svg {
  transform: translateX(5px);
}

.header__banner-close {
  position: absolute;
  right: 0px;
  cursor: url(../img/cursor-pointer.svg) -15 -15, pointer;
}

@media (max-width: 1920px) {
  .header__banner-logo {
    height: calc(30px + (34 - 30) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .header__banner-content p:first-child {
    font-size: calc(20px + (22 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .header__banner-content p:not(:first-child) {
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .header__banner-link {
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .header__banner-wrapper {
    max-width: calc(1130px + (1346 - 1130) * ((100vw - 1280px) / (1920 - 1280)));
  }

  .header__banner-close {
    right: calc(-7px + (0 + 7) * ((100vw - 1280px) / (1920 - 1280)));
  }
}

@media (max-width: 1536px) {
  .header__banner-logo {
    height: calc(28px + (30 - 28) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .header__banner-content p:first-child {
    font-size: calc(18px + (20 - 18) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .header__banner-content p:not(:first-child) {
    font-size: calc(15px + (16 - 15) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .header__banner-content {
    gap: calc(20px + (30 - 20) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .header__banner-link {
    font-size: 16px;
  }

  .header__banner {
    padding: calc(10px + (15 - 10) * ((100vw - 1280px) / (1536 - 1280))) 0;
  }

  .header__banner-wrapper {
    justify-content: space-around;
  }
}

@media (max-width: 1280px) {
  .header__banner {
    padding: 10px 0;
  }

  .header__banner-logo {
    height: calc(24px + (28 - 24) * ((100vw - 922px) / (1280 - 922)));
  }

  .header__banner-content p:first-child {
    font-size: calc(16px + (18 - 16) * ((100vw - 922px) / (1280 - 922)));
  }
}

@media (max-width: 1200px) {
  .header__banner-content p:not(:first-child) {
    display: none;
  }

  .header__banner-link {
    display: none;
  }

  .header__banner-wrapper {
    max-width: 627px;
  }

  .header__banner-close {
    right: 0;
  }
}

@media (max-width: 922px) {
  .header__banner-logo {
    height: calc(20px + (24 - 20) * ((100vw - 414px) / (922 - 414)));
  }

  .header__banner-content p:first-child {
    font-size: 16px;
  }

  .header__banner {
    padding: calc(5px + (10 - 5) * ((100vw - 414px) / (922 - 414))) 0;
  }

  .header__banner-wrapper {
    max-width: 574px;
  }
}

@media (max-width: 768px) {
  .header__banner-wrapper {
    max-width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    justify-content: space-between;
    gap: 10px;
  }

  .header__banner-logo {
    grid-row: 1/2;
    grid-column: 1/2;
  }

  .header__banner-logo svg {
    display: block;
    width: 50%;
  }

  .header__banner-close {
    position: relative;
    display: flex;
    grid-row: 1/2;
    grid-column: 2/3;
    justify-content: end;
  }

  .header__banner-content {
    justify-content: start;
    grid-row: 2/3;
    grid-column: 1/3;
    text-align: center;
  }

  .header__banner-content p:first-child {
    font-size: calc(14px + (16 - 14) * ((100vw - 414px) / (768 - 414)));
  }
}

/* конец баннера в шапке */

/* баннер в статье */
.article-banner {
  padding: 35px 40px;
  border-radius: 30px;
  background: #F6F8FC;
  display: flex;
  flex-direction: column;
  margin-top: 20px;
}

.article-banner p {
  margin: 0;
}

.article-banner__logo {
  width: 226px;
  margin-bottom: 30px;
}

.article-banner__logo svg {
  width: 100%;
}

.article-banner__title {
  font-weight: 600;
  font-size: 45px;
  line-height: 140%;
  flex-direction: column;
  gap: 20px;
  margin-bottom: 20px;
}

.article-banner__title span {
  color: #DE0F7B;
}

.article-banner__descr {
  font-size: 22px;
  line-height: 140%;
  margin-bottom: 30px;
}

.article-banner__descr b {
  font-weight: 700;
}

.article-banner__bottom {
  display: flex;
  justify-content: space-between;
  align-items: end;
}

.article-banner__dialog {
  display: flex;
  gap: 20px;
  align-items: flex-start;
}

.article-banner__dialog img {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  margin: 0;
}

.article-banner__dialog div {
  max-width: 533px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 20px 30px;
  border-radius: 0 20px 20px 20px;
  background: #F2EEFF;
  font-weight: 400;
  font-size: 22px;
  line-height: 140%;
}

.article-banner__dialog div b {
  display: block;
  font-weight: 600;
}

.article-banner__bottom a {
  display: flex;
  gap: 15px;
  align-items: center;
  padding: 16px 30px;
  font-weight: 600;
  font-size: 18px;
  line-height: 140%;
  border-radius: 60px;
  text-decoration: none;
  color: white;
  background-color: #388AF3;
}

.article-banner__bottom a svg {
  transition: transform 0.3s ease;
}

.article-banner__bottom a:hover svg {
  transform: translate(5px);
}

@media (max-width: 1920px) {
  .article-banner {
    padding: calc(25px + (35 - 25) * ((100vw - 1536px) / (1920 - 1536))) calc(30px + (40 - 30) * ((100vw - 1536px) / (1920 - 1536)));
    border-radius: calc(20px + (30 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .article-banner__logo {
    width: calc(197px + (226 - 197) * ((100vw - 1536px) / (1920 - 1536)));
    margin-bottom: calc(25px + (30 - 25) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .article-banner__title {
    font-size: calc(35px + (45 - 35) * ((100vw - 1536px) / (1920 - 1536)));
    gap: calc(15px + (20 - 15) * ((100vw - 1536px) / (1920 - 1536)));
    margin-bottom: calc(15px + (20 - 15) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .article-banner__descr {
    font-size: calc(20px + (22 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .article-banner__dialog {
    gap: calc(15px + (20 - 15) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .article-banner__dialog img {
    width: calc(65px + (80 - 65) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(65px + (80 - 65) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .article-banner__dialog div {
    max-width: calc(500px + (533 - 500) * ((100vw - 1536px) / (1920 - 1536)));
    font-size: calc(20px + (22 - 20) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .article-banner__bottom a {
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media (max-width: 1536px) {
  .article-banner {
    padding: calc(20px + (25 - 20) * ((100vw - 1280px) / (1536 - 1280))) calc(25px + (30 - 25) * ((100vw - 1280px) / (1536 - 1280)));
    border-radius: 20px;
  }

  .article-banner__logo {
    width: calc(169px + (197 - 169) * ((100vw - 1280px) / (1536 - 1280)));
    margin-bottom: 25px;
  }

  .article-banner__title {
    font-size: calc(30px + (35 - 30) * ((100vw - 1280px) / (1536 - 1280)));
    gap: calc(10px + (15 - 10) * ((100vw - 1280px) / (1536 - 1280)));
    margin-bottom: calc(10px + (15 - 10) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .article-banner__descr {
    font-size: calc(18px + (20 - 18) * ((100vw - 1280px) / (1536 - 1280)));
    margin-bottom: calc(25px + (30 - 25) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .article-banner__dialog {
    gap: calc(10px + (15 - 10) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .article-banner__dialog img {
    width: calc(55px + (65 - 55) * ((100vw - 1280px) / (1536 - 1280)));
    height: calc(55px + (65 - 55) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .article-banner__dialog div {
    max-width: calc(464px + (500 - 464) * ((100vw - 1280px) / (1536 - 1280)));
    font-size: calc(18px + (20 - 18) * ((100vw - 1280px) / (1536 - 1280)));
    border-radius: 0 calc(10px + (20 - 10) * ((100vw - 1280px) / (1536 - 1280))) calc(10px + (20 - 10) * ((100vw - 1280px) / (1536 - 1280))) calc(10px + (20 - 10) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .article-banner__bottom a {
    font-size: 16px;
    padding: calc(15px + (16 - 15) * ((100vw - 1280px) / (1536 - 1280))) calc(25px + (30 - 25) * ((100vw - 1280px) / (1536 - 1280)));
  }
}

@media (max-width: 1280px) {
  .article-banner {
    padding: 20px 25px;
    border-radius: calc(15px + (20 - 15) * ((100vw - 414px) / (1280 - 414)));
  }

  .article-banner__logo {
    width: calc(141px + (169 - 141) * ((100vw - 414px) / (1280 - 414)));
  }

  .article-banner__title {
    font-size: calc(25px + (30 - 25) * ((100vw - 414px) / (1280 - 414)));
    gap: calc(5px + (10 - 5) * ((100vw - 414px) / (1280 - 414)));
    margin-bottom: calc(5px + (10 - 5) * ((100vw - 414px) / (1280 - 414)));
  }

  .article-banner__descr {
    font-size: calc(16px + (18 - 16) * ((100vw - 414px) / (1280 - 414)));
  }

  .article-banner__dialog {
    gap: 10px;
  }

  .article-banner__dialog img {
    width: calc(45px + (55 - 45) * ((100vw - 414px) / (1280 - 414)));
    height: calc(45px + (55 - 45) * ((100vw - 414px) / (1280 - 414)));
  }

  .article-banner__dialog div {
    font-size: calc(16px + (18 - 16) * ((100vw - 414px) / (1280 - 414)));
    border-radius: 0 10px 10px 10px;
  }

  .article-banner__bottom a {
    font-size: calc(14px + (16 - 14) * ((100vw - 414px) / (1280 - 414)));
    padding: calc(11px + (15 - 11) * ((100vw - 414px) / (1280 - 414))) calc(20px + (25 - 20) * ((100vw - 414px) / (1280 - 414)));
  }
}

@media (max-width: 800px) {
  .article-banner__dialog div {
    max-width: 100%;
  }

  .article-banner__bottom {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
  }
}

/* конец баннера в статье */

/* пресс-релизы */
.press-relise__item {
  display: flex;
  flex-direction: column;
  max-width: 720px;
  width: 100%;
  height: 413px;
  padding: 35px 40px 59px;
  background-color: var(--grays-gray_02);
  border-radius: 20px;
}

.press-relise__logo {
  margin-bottom: 40px;
  height: 43px;
}

.press-relise__logo img {
  width: auto;
  height: 100%;
}

.press-relise__name {
  font-size: 30px;
  line-height: 40px;
  font-weight: 600;
  transition: color 0.3s ease;
  margin-bottom: auto;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.press-relise__item:hover .press-relise__name {
  color: #0988FA;
}

.press-relise__descr {
  font-size: 400;
  font-size: 18px;
  line-height: 28px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.press-relise-arr {
  display: none;
}

@media (max-width: 1920px) {
  .press-relise__item {
    max-width: calc(595px + (720 - 595) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(308px + (413 - 308) * ((100vw - 1536px) / (1920 - 1536)));
    padding: calc(25px + (35 - 25) * ((100vw - 1536px) / (1920 - 1536))) calc(30px + (40 - 30) * ((100vw - 1536px) / (1920 - 1536))) calc(25px + (59 - 25) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .press-relise__logo {
    margin-bottom: calc(30px + (40 - 30) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(35px + (43 - 35) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .press-relise__name {
    font-size: calc(28px + (30 - 28) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .press-relise__descr {
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(24px + (28 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media (max-width: 1536px) {
  .press-relise__item {
    max-width: calc(550px + (595 - 550) * ((100vw - 1280px) / (1536 - 1280)));
    height: calc(245px + (308 - 245) * ((100vw - 1280px) / (1536 - 1280)));
    border-radius: calc(15px + (20 - 15) * ((100vw - 1280px) / (1536 - 1280)));
    padding: calc(20px + (25 - 20) * ((100vw - 1280px) / (1536 - 1280))) calc(25px + (30 - 25) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .press-relise__logo {
    margin-bottom: calc(20px + (30 - 20) * ((100vw - 1280px) / (1536 - 1280)));
    height: calc(30px + (35 - 30) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .press-relise__name {
    font-size: calc(24px + (28 - 24) * ((100vw - 1280px) / (1536 - 1280)));
    line-height: calc(36px + (40 - 36) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .press-relise__descr {
    font-size: 16px;
    line-height: 24px;
  }
}

@media (max-width: 1400px) {
  .press-relise__name {
    -webkit-line-clamp: 2;
    margin-bottom: 15px;
  }
}

@media (max-width: 1280px) {
  .press-relise__item {
    max-width: calc(411px + (550 - 411) * ((100vw - 922x) / (1280 - 922)));
    height: 245px;
    border-radius: 15px;
    padding: 20px 25px;
  }

  .press-relise__logo {
    margin-bottom: 20px;
    height: 30px;
  }

  .press-relise__name {
    font-size: 24px;
    line-height: 36px;
  }
}

@media (max-width: 1024px) {
  .press-relise-arr {
    display: flex;
  }
}

@media (max-width: 922px) {
  .press-relise__item {
    max-width: calc(374px + (411 - 374) * ((100vw - 414px) / (922 - 414)));
    height: calc(231px + (245 - 231) * ((100vw - 414px) / (922 - 414)));
    border-radius: calc(10px + (15 - 10) * ((100vw - 414px) / (922 - 414)));
  }

  .press-relise__name {
    font-size: calc(20px + (24 - 20) * ((100vw - 414px) / (922 - 414)));
    line-height: calc(30px + (36 - 30) * ((100vw - 414px) / (922 - 414)));
  }
}

@media (max-width: 411px) {
  .press-relise__item {
    max-width: 100%;
    height: 231px;
    border-radius: 10px;
  }
}

/* конец пресс-релизов */

/* ачивка */
.achivments {
  display: flex;
  justify-content: center;
  text-align: center;
  flex-direction: column;
  overflow: hidden;
}

.achivments__wrapper {
  overflow: initial;
}

.achivments__wrapper .swiper-wrapper {
  transition-timing-function: linear !important;
}

.achivments__btn {
  max-width: 261px;
  width: 100%;
  max-height: 200px;
  margin: auto;
  grid-column: 2;
  display: flex;
  gap: 30px;
  flex-direction: column;
  align-items: center;
  font-size: 18px;
  line-height: 140%;
  font-weight: 600;
  border: 1px solid #C7D6ED99;
  padding: 43px 44px 30px;
  border-radius: 20px;
  transition: color 0.3s ease;
}

.achivments__btn:hover {
  color: #388af3;
}

.achivments__btn img {
  max-width: 133px;
  width: 100%;
}

.achivments__btn div {
  display: flex;
  gap: 10px;
  align-items: center;
  white-space: nowrap;
}

.achivments__btn svg {
  transition: transform 0.3s ease;
}

.achivments__btn:hover svg {
  transform: translate(5px, -2px);
}

.achivments__item {
  max-width: 381px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 188px;
  transition: transform 0.3s ease;
}

.achivments__item:hover {
  transform: scale(1.05);
}

.achivments__item img {
  height: 100%;
  width: auto;
}

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

@media (max-width: 1920px) {
  .achivments__item {
    width: calc(360px + (381 - 360) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(180px + (188 - 180) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .achivments__wrapper {
    row-gap: calc(60px + (86 - 60) * ((100vw - 1536px) / (1920 - 1536)));
    ;
  }

  .achivments__btn {
    padding: calc(35px + (43 - 35) * ((100vw - 1536px) / (1920 - 1536))) 44px 30px;
    max-width: calc(248px + (261 - 248) * ((100vw - 1536px) / (1920 - 1536)));
    max-height: calc(180px + (200 - 180) * ((100vw - 1536px) / (1920 - 1536)));
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .achivments__btn img {
    max-width: calc(118px + (133 - 118) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media (max-width: 1536px) {
  .achivments__item {
    width: calc(310px + (360 - 310) * ((100vw - 1280px) / (1536 - 1280)));
    height: calc(154px + (180 - 154) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .achivments__wrapper {
    row-gap: calc(50px + (60 - 50) * ((100vw - 1280px) / (1536 - 1280)));
    column-gap: calc(20px + (30 - 20) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .achivments__btn {
    padding: calc(31px + (35 - 31) * ((100vw - 1280px) / (1536 - 1280))) calc(25px + (44 - 25) * ((100vw - 1280px) / (1536 - 1280))) calc(25px + (30 - 25) * ((100vw - 1280px) / (1536 - 1280)));
    max-width: calc(218px + (248 - 218) * ((100vw - 1280px) / (1536 - 1280)));
    max-height: calc(155px + (180 - 155) * ((100vw - 1280px) / (1536 - 1280)));
    font-size: calc(14px + (16 - 14) * ((100vw - 1280px) / (1536 - 1280)));
    gap: calc(25px + (30 - 25) * ((100vw - 1280px) / (1536 - 1280)));
    border-radius: calc(15px + (30 - 15) * ((100vw - 1280px) / (1536 - 1280)));
    ;
  }

  .achivments__btn img {
    max-width: calc(100px + (118 - 100) * ((100vw - 1280px) / (1536 - 1280)));
  }
}

@media (max-width: 1280px) {
  .achivments__item {
    width: 310px;
    height: 154px;
  }

  .achivments__wrapper {
    column-gap: 20px;
    row-gap: 50px;
  }

  .achivments__btn {
    padding: 31px 25px 25px;
    max-width: 218px;
    max-height: 155px;
    font-size: 14px;
    gap: 25px;
    border-radius: 15px;
  }

  .achivments__btn img {
    max-width: 100px;
  }
}

@media (max-width: 922px) {
  .achivments__item {
    width: calc(160px + (310 - 160) * ((100vw - 414px) / (922 - 414)));
    height: calc(80px + (154 - 80) * ((100vw - 414px) / (922 - 414)));
  }

  .achivments__wrapper {
    row-gap: calc(20px + (50 - 20) * ((100vw - 414px) / (922 - 414)));
  }

  .achivments__btn {
    max-width: calc(167px + (218 - 167) * ((100vw - 414px) / (922 - 414)));
    max-height: calc(103px + (155 - 103) * ((100vw - 414px) / (922 - 414)));
    gap: calc(15px + (25 - 15) * ((100vw - 414px) / (922 - 414)));
    padding: calc(15px + (31 - 15) * ((100vw - 414px) / (922 - 414))) calc(15px + (25 - 15) * ((100vw - 414px) / (922 - 414))) calc(15px + (25 - 15) * ((100vw - 414px) / (922 - 414)));
  }

  .achivments__btn img {
    max-width: calc(70px + (100 - 70) * ((100vw - 414px) / (922 - 414)));
  }
}

@media (max-width: 780px) {
  .achivments__wrapper {
    grid-template-columns: repeat(2, 1fr);
  }

  .achivments__btn {
    grid-column: 1;
  }

  .achivments .title-50 {
    white-space: nowrap;
  }
}

@media (max-width: 410px) {
  .achivments .title-50 {
    white-space: wrap;
  }

  .achivments .p-24 {
    white-space: wrap;
  }
}

/* конец ачивок */

/* слайдер с лого */
.main-page__featured .title-50 {
  margin: 0 auto;
  text-align: center;
}

.featured-slider {
  width: 100%;
  margin-top: 70px;
}

/* --- CSS: делаем плавную линейную анимацию и корректное поведение слайдов --- */
.featured-slider .swiper-wrapper {
  transition-timing-function: linear !important;
  /* линейная скорость между слайдами */
}

.featured-slider .swiper-slide {
  width: 358px;
  height: 144px;
  background-repeat: no-repeat;
  background-position: center;
  /* transition: 0.3s ease; */
  background-size: auto 30%;
  position: relative;
}

.featured-slider .swiper-slide img {
  position: absolute;
  width: 100%;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  object-fit: contain;
}

.featured-slider .swiper-slide img:first-child {
  opacity: 0;
  transition: opacity 0.3s ease;
}

.featured-slider .swiper-slide:hover img:first-child {
  opacity: 1;
  transition: opacity 0.3s ease;
}

.featured-slider .swiper-slide img:last-child {
  transition: opacity 0.3s ease;
}

.featured-slider .swiper-slide:hover img:last-child {
  opacity: 0;
}

@media (max-width: 1920px) {
  .featured-slider {
    margin-top: calc(60px + (70 - 60) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .featured-slider .swiper-slide {
    width: calc(320px + (358 - 320) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(120px + (144 - 120) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media (max-width: 1536px) {
  .featured-slider {
    margin-top: calc(50px + (60 - 50) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .featured-slider .swiper-slide {
    width: calc(260px + (320 - 260) * ((100vw - 1280px) / (1536 - 1280)));
    height: calc(98px + (120 - 98) * ((100vw - 1280px) / (1536 - 1280)));
  }
}

@media (max-width: 1280px) {
  .featured-slider {
    margin-top: 50px;
  }

  .featured-slider .swiper-slide {
    width: 260px;
    height: 98px;
  }
}

@media (max-width: 922px) {
  .featured-slider {
    margin-top: calc(30px + (50 - 30) * ((100vw - 414px) / (922 - 414)));
  }

  .featured-slider .swiper-slide {
    width: calc(210px + (260 - 210) * ((100vw - 414px) / (922 - 414)));
    height: calc(80px + (98 - 80) * ((100vw - 414px) / (922 - 414)));
  }
}

/* конец слайдера с лого */



/* страница awards */
.awards-page {
  overflow: hidden;
  padding-bottom: 50px;
}

.awards-page .blog-breadcrumb {
  position: relative;
}

.awards-page__main-scene {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.beam {
  position: absolute;
  bottom: 0;
  width: 30px;
  height: 300vh;
  background: linear-gradient(to top,
      rgba(255, 255, 255, 0.55) 0%,
      /* низ яркий */
      rgba(255, 255, 255, 0.25) 40%,
      /* середина */
      rgba(255, 255, 255, 0.08) 50%,
      /* кверху тусклее */
      rgba(255, 255, 255, 0) 0%
      /* исчезает */
    );
  transform-origin: bottom center;
  mix-blend-mode: screen;
  filter: blur(20px);
  opacity: 0.95;
  pointer-events: none;
}

/* форма луча: конус (шире сверху, уже снизу) */
.beam::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 2500%;
  height: 100%;
  background: inherit;
  /* создаём настоящую трапецию-конус */
  clip-path: polygon(50% 50%, 52% 50%, 10% 50%, 50% 100%);
  filter: blur(20px);
  opacity: 0.9;
}

/* позиции лучей */
.left1 {
  left: 5%;
  animation: left1move 11s ease-in-out infinite alternate;
}

.left2 {
  left: 10%;
  animation: left2move 10s ease-in-out infinite alternate;
}

.left2 {
  left: 7%;
  animation: left3move 9s ease-in-out infinite alternate;
}

.right1 {
  right: 6%;
  animation: right1move 11s ease-in-out infinite alternate;
}

.right2 {
  right: 10%;
  animation: right2move 10s ease-in-out infinite alternate;
}

.right3 {
  right: 8%;
  animation: right3move 9s ease-in-out infinite alternate;
}

/* движение лучей */
@keyframes left1move {
  0% {
    transform: rotate(30deg) scaleX(1.15);
  }

  100% {
    transform: rotate(40deg) scaleX(1.2);
  }
}

@keyframes left2move {
  0% {
    transform: rotate(55deg) scaleX(1.05);
  }

  100% {
    transform: rotate(30deg) scaleX(1.1);
  }
}

@keyframes left3move {
  0% {
    transform: rotate(28deg) scaleX(1.05);
  }

  100% {
    transform: rotate(47deg) scaleX(1.1);
  }
}

@keyframes right1move {
  0% {
    transform: rotate(-55deg) scaleX(1.15);
  }

  100% {
    transform: rotate(-25deg) scaleX(1.2);
  }
}

@keyframes right2move {
  0% {
    transform: rotate(-30deg) scaleX(1.05);
  }

  100% {
    transform: rotate(-40deg) scaleX(1.1);
  }
}

@keyframes right3move {
  0% {
    transform: rotate(-47deg) scaleX(1.05);
  }

  100% {
    transform: rotate(-20deg) scaleX(1.1);
  }
}

/* свечение у основания */
.scene::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 80%;
  height: 250px;
  background: radial-gradient(circle, rgba(255, 255, 200, 0.25) 0%, transparent 80%);
  filter: blur(45px);
  animation: glow 5s ease-in-out infinite alternate;
}

@keyframes glow {
  from {
    opacity: 0.4;
    transform: translateX(-50%) scale(1);
  }

  to {
    opacity: 0.7;
    transform: translateX(-50%) scale(1.05);
  }
}

.awards-page__main-scene .service-title {
  position: relative;
}

.textClip {
  background: linear-gradient(95deg, rgba(31, 31, 31, 1) 1%, rgba(255, 255, 255, 0.5) 10%, rgba(31, 31, 31, 1) 20%);
  background-position-x: -95px;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: blick 2s ease 2s forwards;
}

.textClip span {
  background: linear-gradient(95deg, rgba(9, 136, 250, 1) 45%, rgba(255, 255, 255, 1) 50%, rgba(9, 136, 250, 1) 55%);
  background-position-x: -228px;
  background-size: 400px 400px;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: blick2 2s ease 3s forwards;
}

@keyframes blick {
  0% {
    background-position-x: -95px;
  }

  100% {
    background-position-x: 180px;
  }
}

@keyframes blick2 {
  0% {
    background-position-x: -228px;
  }

  100% {
    background-position-x: 106px;
  }
}

.desctop-chat .title-50 .svg {
  height: 50px;
}

@media (max-width: 1920px) {
  .desctop-chat .title-50 svg {
    height: calc(25px + (50 - 25) * ((100vw - 414px) / (1920 - 414)));
  }
}

.reviews.dn {
  display: none;
}

.reviews .title-50 {
  text-align: center;
}

.reviews__big-slider {
  width: 100%;
}

.reviews__big-slider .swiper-slide {
  display: flex;
  align-items: stretch;
  min-height: 440px;
}

.reviews .big-slide {
  width: 100%;
  height: auto;
  display: grid;
  grid-template-columns: 239px 1fr;
  gap: 70px;
  padding: 60px 70px;
  border-radius: 30px;
  background-color: var(--grays-gray_02);
}

.reviews .big-slide__info {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.reviews .big-slide__pers img {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  margin-bottom: 20px;
}

.reviews .big-slide__pers .name {
  font-size: 22px;
  line-height: 34px;
  font-weight: 600;
  margin-bottom: 5px;
}

.reviews .big-slide__pers .pos {
  font-size: 20px;
  line-height: 30px;
  font-weight: 400;
  color: #617082;
}

.reviews .big-slide__logo {
  width: 60%;
}

.reviews .big-slide__content {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  row-gap: 36px;
}

.reviews .big-slide__quotation {
  width: 90px;
  grid-column: 1/2;
}

.review__inner {
  grid-column: 1/3;
}

.reviews .big-slide__content .review__text {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  transition: max-height 0.35s ease;
  position: relative;
  font-size: 24px;
  line-height: 1.5;
  max-height: calc(1.5em * 4);
  overflow: hidden;
}

.reviews .big-slide__content .review__text.expanded {
  max-height: 1000px;
  -webkit-line-clamp: unset;
}

.review__toggle {
  padding: 16px 30px;
  margin-top: 15px;
  width: max-content;
  border: none;
  border-radius: 60px;
  background: #FFF;
  cursor: pointer;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  transition: .3s linear;
}

.review__toggle:hover {
  color: var(--brand-blue);
}

.review__toggle .toggle-close {
  display: none;
}

.review__toggle.active .toggle-open {
  display: none;
}

.review__toggle.active .toggle-close {
  display: inline;
}

.review__toggle.hidden {
  display: none;
}

.reviews .big-slide__content .about-reviews__raiting {
  grid-row: 1/2;
  grid-column: 2/3;
  width: fit-content;
  margin-left: auto;
}

@media (max-width: 1920px) {
  .reviews__big-slider .swiper-slide {
    width: calc(1136px + (1204 - 1136) * ((100vw - 1536px) / (1920 - 1536)));
    min-height: calc(400px + (440 - 400) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .reviews .big-slide {
    padding: calc(50px + (60 - 50) * ((100vw - 1536px) / (1920 - 1536))) calc(60px + (70 - 60) * ((100vw - 1536px) / (1920 - 1536)));
    grid-template-columns: calc(202px + (239 - 202) * ((100vw - 1536px) / (1920 - 1536))) 1fr;
    gap: calc(55px + (70 - 55) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .reviews .big-slide__pers img {
    width: calc(80px + (100 - 80) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(80px + (100 - 80) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .reviews .big-slide__pers .name {
    font-size: calc(18px + (22 - 18) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(28px + (34 - 28) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .reviews .big-slide__pers .pos {
    font-size: calc(16px + (20 - 16) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(24px + (30 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .reviews .big-slide__content {
    row-gap: calc(30px + (36 - 30) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .reviews .big-slide__quotation {
    width: calc(79px + (90 - 79) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .reviews .big-slide__content .review__text {
    font-size: calc(22px + (24 - 22) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .review__toggle {
    padding: 16px calc(25px + (30 - 25) * ((100vw - 1536px) / (1920 - 1536)));
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media (max-width: 1536px) {

  .reviews__big-slider .swiper-slide {
    width: calc(964px + (1136 - 964) * ((100vw - 1280px) / (1536 - 1280)));
    min-height: calc(350px + (400 - 350) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .reviews .big-slide {
    padding: calc(40px + (50 - 40) * ((100vw - 1280px) / (1536 - 1280))) calc(50px + (60 - 50) * ((100vw - 1280px) / (1536 - 1280)));
    grid-template-columns: calc(180px + (202 - 180) * ((100vw - 1280px) / (1536 - 1280))) 1fr;
    gap: calc(45px + (55 - 45) * ((100vw - 1280px) / (1536 - 1280)));
    border-radius: calc(20px + (30 - 20) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .reviews .big-slide__pers img {
    width: calc(65px + (80 - 65) * ((100vw - 1280px) / (1536 - 1280)));
    height: calc(65px + (80 - 65) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .reviews .big-slide__pers .name {
    font-size: calc(16px + (18 - 16) * ((100vw - 1280px) / (1536 - 1280)));
    line-height: calc(24px + (28 - 24) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .reviews .big-slide__pers .pos {
    font-size: calc(14px + (16 - 14) * ((100vw - 1280px) / (1536 - 1280)));
    line-height: calc(22px + (24 - 22) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .reviews .big-slide__content {
    row-gap: calc(25px + (30 - 25) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .reviews .big-slide__quotation {
    width: calc(73px + (79 - 73) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .reviews .big-slide__content .review__text {
    font-size: calc(20px + (22 - 20) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .review__toggle {
    padding: calc(12px + (16 - 12) * ((100vw - 1280px) / (1536 - 1280))) calc(20px + (25 - 20) * ((100vw - 1280px) / (1536 - 1280)));
    font-size: calc(14px + (16 - 14) * ((100vw - 1280px) / (1536 - 1280)));
  }
}

@media (max-width: 1280px) {

  .reviews__big-slider .swiper-slide {
    width: calc(842px + (964 - 842) * ((100vw - 922px) / (1280 - 922)));
    min-height: 350px;
  }

  .reviews .big-slide {
    padding: 40px 50px;
    grid-template-columns: 180px 1fr;
    gap: 45px;
    border-radius: 20px;
  }

  .reviews .big-slide__pers img {
    width: 65px;
    height: 65px;
  }

  .reviews .big-slide__pers .name {
    font-size: 16px;
    line-height: 24px;
  }

  .reviews .big-slide__pers .pos {
    font-size: 14px;
    line-height: 22px;
  }

  .reviews .big-slide__content {
    row-gap: 25px;
  }

  .reviews .big-slide__quotation {
    width: 73px;
  }

  .reviews .big-slide__content .review__text {
    font-size: 20px;
  }

  .review__toggle {
    padding: 12px 20px;
    font-size: 14px;
  }
}

@media (max-width: 922px) {

  .reviews__big-slider .swiper-slide {
    width: calc(374px + (842 - 374) * ((100vw - 414px) / (922 - 414)));
  }

  .reviews .big-slide {
    padding: calc(20px + (40 - 20) * ((100vw - 414px) / (922 - 414))) calc(30px + (50 - 30) * ((100vw - 414px) / (922 - 414)));
    gap: calc(30px + (45 - 30) * ((100vw - 414px) / (922 - 414)));
    border-radius: calc(15px + (20 - 15) * ((100vw - 414px) / (922 - 414)));
  }

  .reviews .big-slide__pers img {
    width: calc(50px + (65 - 50) * ((100vw - 414px) / (922 - 414)));
    height: calc(50px + (65 - 50) * ((100vw - 414px) / (922 - 414)));
  }

  .reviews .big-slide__content {
    row-gap: calc(20px + (25 - 20) * ((100vw - 414px) / (922 - 414)));
  }

  .reviews .big-slide__quotation {
    width: calc(59px + (73 - 59) * ((100vw - 414px) / (922 - 414)));
  }

  .reviews .big-slide__content .review__text {
    font-size: calc(18px + (20 - 18) * ((100vw - 414px) / (922 - 414)));
  }
}

@media (max-width: 780px) {
  .reviews__big-slider .swiper-slide {
    min-height: 510px;
  }

  .reviews .big-slide {
    grid-template-columns: 1fr;
    position: relative;
    padding: 20px 30px;
    border-radius: 15px
  }

  .reviews .big-slide__content .about-reviews__raiting {
    position: absolute;
    top: 20px;
    right: 30px;
  }

  .reviews .big-slide__logo {
    width: 40%;
    margin-top: 20px;
  }
}

@media (max-width: 414px) {
  .reviews .big-slide__content .review__text {
    font-size: 18px;
  }

  .reviews__big-slider .swiper-slide {
    min-height: 484px;
  }
}

/* конец страницы awards */

/* начало блока страницы Toimi helps businesses гл стр */

.main-page-value__text h4 {
  margin: 0 0 15px;
  font-size: 28px;
  font-style: normal;
  font-weight: 600;
  line-height: 40px;
}

@media (max-width: 1920px) {
  .main-page-value__text h4 {
    margin: 0 0 calc(10px + (15 - 10) * ((100vw - 1536px) / (1920 - 1536)));
    font-size: calc(24px + (28 - 24) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(36px + (40 - 36) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media (max-width: 1536px) {
  .main-page-value__text h4 {
    margin-bottom: 10px;
    font-size: calc(20px + (24 - 20) * ((100vw - 1280px) / (1536 - 1280)));
    line-height: calc(30px + (36 - 30) * ((100vw - 1280px) / (1536 - 1280)));
  }
}

@media (max-width: 1280px) {
  .main-page-value__text h4 {
    font-size: 20px;
    line-height: 30px;
  }
}

@media (max-width: 922px) {
  .main-page-value__text h4 {
    font-size: calc(16px + (20 - 16) * ((100vw - 414px) / (922 - 414)));
    line-height: calc(24px + (30 - 24) * ((100vw - 414px) / (922 - 414)));
  }
}

@media (max-width: 414px) {
  .main-page-value__text h4 {
    font-size: 16px;
    line-height: 24px;
  }
}

.main-page-value__text p {
  margin: 0;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
}

@media (max-width: 1920px) {
  .main-page-value__text p {
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(24px + (28 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media (max-width: 1536px) {
  .main-page-value__text p {
    font-size: 16px;
    line-height: 24px;
  }
}

@media (max-width: 922px) {
  .main-page-value__text p {
    font-size: calc(14px + (16 - 14) * ((100vw - 414px) / (922 - 414)));
    line-height: calc(22px + (24 - 22) * ((100vw - 414px) / (922 - 414)));
  }
}

@media (max-width: 414px) {
  .main-page-value__text p {
    font-size: 14px;
    line-height: 22px;
  }
}

.main-page-value__block {
  padding: 50px 0;
  background-color: var(--grays-gray_02);
  border-radius: 15px;
}

@media (max-width: 1920px) {
  .main-page-value__block {
    padding: calc(45px + (50 - 45) * ((100vw - 1536px) / (1920 - 1536))) 0;
  }
}

@media (max-width: 1536px) {
  .main-page-value__block {
    padding: calc(40px + (45 - 40) * ((100vw - 1280px) / (1536 - 1280))) 0;
  }
}

@media (max-width: 1280px) {
  .main-page-value__block {
    padding: 40px 0;
  }
}

@media (max-width: 922px) {
  .main-page-value__block {
    padding: calc(20px + (40 - 20) * ((100vw - 414px) / (922 - 414))) 0;
  }
}

.main-page-value__block--1 .main-page-value__content {
  padding: 0 62px 0 68px;
}

.main-page-value__block--2 .main-page-value__content {
  padding: 0 58px 0 35px;
}

.main-page-value__block--3 .main-page-value__content {
  padding: 0 37px 0 154px;
}

.main-page-value__block--4 .main-page-value__content {
  padding: 0 138px 0 75px;
}

@media (max-width: 1536px) {
  .main-page-value__block--1 .main-page-value__content {
    padding: 0 60px 0 44px;
  }

  .main-page-value__block--2 .main-page-value__content {
    padding: 0 50px 0 47px;
  }

  .main-page-value__block--3 .main-page-value__content {
    padding: 0 37px 0 95px;
  }

  .main-page-value__block--4 .main-page-value__content {
    padding: 0 105px 0 73px;
  }
}

@media (max-width: 1280px) {
  .main-page-value__block--1 .main-page-value__content {
    padding: 0 21px 0 53px;
  }

  .main-page-value__block--2 .main-page-value__content {
    padding: 0 58px 0 53px;
  }

  .main-page-value__block--3 .main-page-value__content {
    padding: 0 53px 0 115px;
  }

  .main-page-value__block--4 .main-page-value__content {
    padding: 0 87px 0 17px;
  }
}

@media (max-width: 922px) {
  .main-page-value__block--1 .main-page-value__content {
    padding: 0 21px 0 15px;
  }

  .main-page-value__block--2 .main-page-value__content {
    padding: 0 44px 0 48px;
  }

  .main-page-value__block--3 .main-page-value__content {
    padding: 0 42px 0 31px;
  }

  .main-page-value__block--4 .main-page-value__content {
    padding: 0 35px 0 17px;
  }
}

@media (max-width: 768px) {

  .main-page-value__block--1 .main-page-value__content,
  .main-page-value__block--2 .main-page-value__content,
  .main-page-value__block--3 .main-page-value__content,
  .main-page-value__block--4 .main-page-value__content {
    padding: 0 20px 0 20px;
  }


}

.main-page-value__content {
  display: grid;
  grid-template-columns: 100px 1fr;
  gap: 30px;
}

@media (max-width: 1920px) {
  .main-page-value__content {
    grid-template-columns: calc(90px + (100 - 90) * ((100vw - 1536px) / (1920 - 1536))) 1fr;
    gap: calc(25px + (30 - 25) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media (max-width: 1536px) {
  .main-page-value__content {
    grid-template-columns: calc(70px + (90 - 70) * ((100vw - 1280px) / (1536 - 1280))) 1fr;
    gap: calc(15px + (25 - 15) * ((100vw - 1280px) / (1536 - 1280)));
  }
}

@media (max-width: 1280px) {
  .main-page-value__content {
    grid-template-columns: 70px 1fr;
    gap: 15px;
  }
}

@media (max-width: 414px) {
  .main-page-value__content {
    gap: 20px;
  }
}

.main-page-value__block--1,
.main-page-value__block--2 {
  width: 655px;
}

.main-page-value__block--3 {
  width: 705px;
}

.main-page-value__block--4 {
  width: 785px;
}

@media (max-width: 1920px) {
  .main-page-value__block--1 {
    width: calc(602px + (655 - 602) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .main-page-value__block--2 {
    width: calc(578px + (655 - 578) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .main-page-value__block--3 {
    width: calc(617px + (705 - 617) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .main-page-value__block--4 {
    width: calc(671px + (785 - 671) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media (max-width: 1536px) {
  .main-page-value__block--1 {
    width: calc(416px + (602 - 416) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .main-page-value__block--2 {
    width: calc(515px + (578 - 515) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .main-page-value__block--3 {
    width: calc(517px + (617 - 517) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .main-page-value__block--4 {
    width: calc(540px + (671 - 540) * ((100vw - 1280px) / (1536 - 1280)));
  }
}

@media (max-width: 1280px) {
  .main-page-value__block--1 {
    width: calc(385px + (416 - 385) * ((100vw - 922px) / (1280 - 922)));
  }

  .main-page-value__block--2 {
    width: calc(467px + (515 - 467) * ((100vw - 922px) / (1280 - 922)));
  }

  .main-page-value__block--3 {
    width: calc(420px + (517 - 420) * ((100vw - 922px) / (1280 - 922)));
  }

  .main-page-value__block--4 {
    width: calc(467px + (540 - 467) * ((100vw - 922px) / (1280 - 922)));
  }
}

@media (max-width: 922px) {
  .main-page-value__block--1 {
    width: 385px;
  }

  .main-page-value__block--2 {
    width: 467px;
  }

  .main-page-value__block--3 {
    width: 420px;
  }

  .main-page-value__block--4 {
    width: 467px;
  }
}

@media (max-width: 768px) {

  .main-page-value__block--1,
  .main-page-value__block--2,
  .main-page-value__block--3,
  .main-page-value__block--4 {
    width: calc(100vw - 20px);
  }
}



.main-page-value__blocks-row {
  display: flex;
  gap: 15px;
  justify-content: center;
  flex-wrap: wrap;
}

.main-page-value__blocks-row:not(:last-child) {
  margin-bottom: 15px;
}

.main-page-value__image img {
  max-width: 100%;
}


/* конец блока страницы Toimi helps businesses гл стр */


/* начало блока новых хлебных крошек */
.breadcrumbs__button-close {
  position: absolute;
  right: 20px;
  top: 20px;
  display: none;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  background-color: #fff;
  border-radius: 50%;
  border: none;
  z-index: 60;
}

.breadcrumbs__button-close.active {
  display: flex;
}

.breadcrumbs {
  padding-top: 150px;
}

@media (max-width: 1920px) {
  .breadcrumbs {
    padding-top: calc(115px + (150 - 115) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media (max-width: 1536px) {
  .breadcrumbs {
    padding-top: calc(95px + (115 - 95) * ((100vw - 1280px) / (1536 - 1280)));
  }
}

@media (max-width: 1280px) {
  .breadcrumbs {
    padding-top: 95px;
  }
}


.breadcrumbs__list {
  display: flex;
  justify-content: center;
  align-items: stretch;
  gap: 3px;
}



.breadcrumbs__scroll {
  display: flex;
  align-items: stretch;
  gap: 3px;
}

.breadcrumbs__item {
  position: relative;
  display: flex;
  align-items: center;
  gap: 5px;
  border-radius: 10px;
  background-color: var(--grays-gray_02);
  cursor: url(../img/cursor-pointer.svg) -15 -15, pointer;
}

.breadcrumbs__item:hover,
.breadcrumbs__item.active:hover {
  background-color: var(--light-blue);
}

.breadcrumbs__item::after {
  content: "";
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  height: 5px;
  pointer-events: auto;
}

.breadcrumbs__item.active .breadcrumbs__item-link {
  color: #7C8A9D;
}

.breadcrumbs__item-link {
  display: flex;
  padding: 6px 15px;
  justify-content: center;
  align-items: center;
  gap: 5px;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  transition: 0.3s ease;
}

.breadcrumbs__item-link br {
  display: none;
}

.breadcrumbs__item:hover,
.breadcrumbs__item.active:hover .breadcrumbs__item-link {
  color: var(--brand-blue);
}

.breadcrumbs__item--main {
  flex-shrink: 0;
  aspect-ratio: 1 / 1;
}

.breadcrumbs__item--main .breadcrumbs__item-link {
  padding: 8px;
}

@media (max-width: 1920px) {
  .breadcrumbs__item--main .breadcrumbs__item-link {
    padding: calc(7px + (8 - 7) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media (max-width: 1536x) {
  .breadcrumbs__item--main .breadcrumbs__item-link {
    padding: 7px;
  }
}

.breadcrumbs__item--main:hover svg {
  transform: rotate(0) !important;
}

.breadcrumbs__item-link svg path,
.breadcrumbs__item-link svg {
  transition: .3s ease;
}

.breadcrumbs__item:hover svg {
  transform: rotate(180deg);
}

.breadcrumbs__item:hover svg path {
  stroke: var(--brand-blue);
}

@media (max-width: 1920px) {
  .breadcrumbs__item-link {
    font-size: calc(14px + (16 - 14) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(22px + (24 - 22) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media (max-width: 1536px) {
  .breadcrumbs__item-link {
    font-size: 14px;
    line-height: 22px;
  }
}

.breadcrumbs__drop-list {
  margin: 0;
  padding: 10px;
  list-style: none;
  position: absolute;
  left: 0;
  top: calc(100% + 5px);
  width: 420px;
  max-height: 400px;
  overflow: auto;
  opacity: 0;
  pointer-events: none;
  transform: translateY(-10px);
  transition: 0.3s ease;
  font-size: 18px;
  line-height: 28px;
  font-weight: 600;
  border-radius: 15px;
  background: #fff;
  box-shadow: 2px 5px 30px 0 rgba(223, 234, 245, 0.49);
  z-index: 55;
}

/* @media (hover: hover) and (pointer: fine) { */
@media screen and (min-width: 1025px) {
  .breadcrumbs__item:hover .breadcrumbs__drop-list {
    opacity: 1;
    transform: translateY(0px);
    pointer-events: all;
  }
}

.breadcrumbs__drop-item {
  display: flex;
  align-items: center;
  border-radius: 10px;
  transition: 0.3s ease;
}

@media (hover: hover) and (pointer: fine) {
  .breadcrumbs__drop-item:hover {
    background-color: var(--light-blue);
  }
}

.breadcrumbs__drop-item.current-item .breadcrumbs__drop-link::before {
  content: "";
  position: absolute;
  top: 30px;
  transform: translateY(-50%);
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #388af3;
  transition: 0.3s ease;
}

@media (max-width: 1920px) {
  .breadcrumbs__drop-item.current-item .breadcrumbs__drop-link::before {
    top: calc(27px + (30 - 27) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media (max-width: 1536px) {
  .breadcrumbs__drop-item.current-item .breadcrumbs__drop-link::before {
    top: 27px;
  }
}

.breadcrumbs__drop-item.current-item .breadcrumbs__drop-link span {
  transform: translateX(17px);
}

@media (max-width: 1920px) {
  .breadcrumbs__drop-item.current-item .breadcrumbs__drop-link span {
    transform: translateX(calc(16px + (17 - 16) * ((100vw - 1536px) / (1920 - 1536))));
  }
}

@media (max-width: 1536px) {
  .breadcrumbs__drop-item.current-item .breadcrumbs__drop-link span {
    transform: translateX(16px);
  }
}

.breadcrumbs__drop-link {
  position: relative;
  padding: 15px 20px;
  display: flex;
  align-items: center;
  width: 100%;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
  color: var(--basic-black);

}

.breadcrumbs__drop-link::before {
  content: "";
  position: absolute;
  top: 30px;
  transform: translateY(-50%) scale(0);
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #388af3;
  transition: 0.3s ease;
}

@media (max-width: 1920px) {
  .breadcrumbs__drop-link::before {
    top: calc(27px + (30 - 27) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media (max-width: 1536px) {
  .breadcrumbs__drop-link::before {
    top: 27px;
  }
}

@media (hover: hover) and (pointer: fine) {
  .breadcrumbs__drop-item:hover .breadcrumbs__drop-link::before {
    transform: translateY(-50%) scale(1);
  }
}

.breadcrumbs__drop-link span {
  transition: 0.3s ease;
}

@media (hover: hover) and (pointer: fine) {
  .breadcrumbs__drop-item:hover .breadcrumbs__drop-link span {
    transform: translateX(17px);
  }
}

@media (max-width: 1920px) {
  @media (hover: hover) and (pointer: fine) {
    .breadcrumbs__drop-item:hover .breadcrumbs__drop-link span {
      transform: translateX(calc(16px + (17 - 16) * ((100vw - 1536px) / (1920 - 1536))));
    }
  }
}

@media (max-width: 1536px) {
  @media (hover: hover) and (pointer: fine) {
    .breadcrumbs__drop-item:hover .breadcrumbs__drop-link span {
      transform: translateX(16px);
    }
  }
}

@media (hover: hover) and (pointer: fine) {
  .breadcrumbs__drop-item:hover .breadcrumbs__drop-link {
    color: var(--brand-blue);
  }
}

@media (max-width: 1536px) {
  .breadcrumbs__drop-link {
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(24px + (28 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media (max-width: 1280px) {
  .breadcrumbs__drop-link {
    font-size: 16px;
    line-height: 24px;
  }
}

.breadcrumbs__drop-link span {
  display: block;
}

.breadcrumbs__drop-link br {
  display: none;
}

.breadcrumbs__drop-list::-webkit-scrollbar {
  width: 5px;
}

.breadcrumbs__drop-list::-webkit-scrollbar-track {
  background: var(--grays-gray_02);
}

.breadcrumbs__drop-list::-webkit-scrollbar-thumb {
  background: #CCD6E9;
  border-radius: 5px;
}

.my-scroll-block::-webkit-scrollbar-thumb:hover {
  background: #b8c5d8;
}

@media (max-width: 1024px) {
  .breadcrumbs__item.open .breadcrumbs__drop-list {
    opacity: 1;
    pointer-events: all;
    transform: translateY(0);
    z-index: 55;
  }
}

@media (max-width: 768px) {

  .breadcrumbs__item {
    border-radius: 8px;
  }

  .breadcrumbs__list {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
  }

  /* ФИКСИРОВАННЫЙ первый item */
  .breadcrumbs__item--main {
    position: sticky;
    left: 0;
    z-index: 10;
  }

  .breadcrumbs__scroll {
    margin-right: -16px;
    padding-right: 16px;
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    gap: 8px;
    scroll-behavior: smooth;
    scrollbar-width: none;
  }

  .breadcrumbs__scroll::-webkit-scrollbar {
    display: none;
  }

  .breadcrumbs__item-link {
    width: max-content;
  }

  .breadcrumbs__drop-list {
    position: fixed;
    left: 0;
    right: 0;
    top: 25vh;
    bottom: 0;
    width: auto;
    max-height: initial;
    max-width: 100%;
    height: auto;
    border-radius: 10px 10px 0 0;
  }
}

/* страница презентации начало */
.presentation__first-link {
  padding: 16px 20px 16px 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  width: fit-content;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
  background-color: var(--grays-gray_02);
  border-radius: 60px;
  transition: .3s linear;
}

.presentation__first-link:hover {
  color: var(--brand-blue)
}

.presentation__first-link svg {
  animation: btnUpTick 2.8s linear infinite;
}

.presentation__first-title {
  font-size: 35px;
  font-style: normal;
  font-weight: 700;
  line-height: 45px;
  text-align: center;
}

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

.presentation__first-img {
  margin: 0 auto;
  width: 320px;
  aspect-ratio: 1 / 1;
}

.presentation__first-img img {
  display: block;
  max-width: 100%;
}

.presentation__articles-btn {
  margin-top: 70px;
}

@media (max-width: 1920px) {
  .presentation__first-title {
    font-size: calc(30px + (35 - 30) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(40px + (45 - 40) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .presentation__first-inner {
    gap: calc(40px + (50 - 40) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .presentation__first-img {
    width: calc(280px + (320 - 280) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .presentation__first-link {
    padding: 16px calc(15px + (20 - 15) * ((100vw - 1536px) / (1920 - 1536))) 16px calc(25px + (30 - 25) * ((100vw - 1536px) / (1920 - 1536)));
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(24px + (28 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .presentation__articles-btn {
    margin-top: calc(50px + (70 - 50) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media (max-width: 1536px) {
  .presentation__first-title {
    font-size: calc(28px + (30 - 28) * ((100vw - 1280px) / (1536 - 1280)));
    line-height: 40px;
  }

  .presentation__first-inner {
    gap: calc(30px + (40 - 30) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .presentation__first-img {
    width: calc(240px + (280 - 240) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .presentation__first-link {
    padding: 16px 15px 16px 25px;
    font-size: 16px;
    line-height: 24px;
  }

  .presentation__articles-btn {
    margin-top: calc(40px + (50 - 40) * ((100vw - 1280px) / (1536 - 1280)));
  }
}

@media (max-width: 1280px) {
  .presentation__first-title {
    font-size: 28px;
  }

  .presentation__first-inner {
    gap: 30px;
  }

  .presentation__first-img {
    width: 240px;
  }

  .presentation__articles-btn {
    margin-top: 40px;
  }
}

@media (max-width: 922px) {
  .presentation__first-title {
    font-size: calc(22px + (28 - 22) * ((100vw - 414x) / (922 - 414)));
    line-height: calc(34px + (40 - 34) * ((100vw - 414x) / (922 - 414)));
  }

  .presentation__first-img {
    width: calc(220px + (240 - 220) * ((100vw - 414x) / (922 - 414)));
  }

  .presentation__first-link {
    padding: calc(12px + (16 - 12) * ((100vw - 414x) / (922 - 414))) calc(10px + (15 - 10) * ((100vw - 414x) / (922 - 414))) calc(12px + (16 - 12) * ((100vw - 414x) / (922 - 414))) calc(20px + (25 - 20) * ((100vw - 414x) / (922 - 414)));
    font-size: calc(14px + (16 - 14) * ((100vw - 414x) / (922 - 414)));
    line-height: calc(22px + (24 - 22) * ((100vw - 414px) / (922 - 414)));
  }

  .presentation__articles-btn {
    margin-top: calc(30px + (40 - 30) * ((100vw - 414px) / (922 - 414)));
  }
}

@media (max-width: 414px) {
  .presentation__first-title {
    font-size: 22px;
    line-height: 34px;
  }

  .presentation__first-img {
    width: 220px;
  }

  .presentation__first-link {
    padding: 12px 10px 12px 20px;
    font-size: 14px;
    line-height: 22px;
  }

  .presentation__articles-btn {
    margin-top: 30px;
  }
}

/* страница аи начало */
.ai-first__wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
}

.ai-first__title {
  font-size: 65px;
  font-style: normal;
  font-weight: 700;
  line-height: 80px;
}

.ai-first__text {
  margin: 0 0 30px;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
}

.ai-first__text:last-child {
  margin-bottom: 0;
}

.ai-first__inner {
  margin-top: auto;
  display: flex;
  align-items: center;
  gap: 30px;
}

.ai-first__col--left {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

@media (max-width: 1920px) {
  .ai-first__title {
    font-size: calc(55px + (65 - 55) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(70px + (80 - 70) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .ai-first__text {
    margin-bottom: calc(25px + (30 - 25) * ((100vw - 1536px) / (1920 - 1536)));
    font-size: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(28px + (30 - 28) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .ai-first__inner {
    gap: calc(25px + (30 - 25) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .ai-first__wrapper {
    gap: calc(25px + (30 - 25) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media (max-width: 1536px) {
  .ai-first__title {
    font-size: calc(45px + (55 - 45) * ((100vw - 1280px) / (1536 - 1280)));
    line-height: calc(55px + (70 - 55) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .ai-first__text {
    margin-bottom: calc(20px + (25 - 20) * ((100vw - 1280px) / (1536 - 1280)));
    font-size: calc(16px + (18 - 16) * ((100vw - 1280px) / (1536 - 1280)));
    line-height: calc(24px + (28 - 24) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .ai-first__inner {
    gap: calc(20px + (25 - 20) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .ai-first__wrapper {
    gap: calc(20px + (25 - 20) * ((100vw - 1280px) / (1536 - 1280)));
  }
}

@media (max-width: 1280px) {
  .ai-first__title {
    font-size: 45px;
    line-height: 55px;
  }

  .ai-first__text {
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 24px;
  }

  .ai-first__inner {
    gap: 20px;
  }

  .ai-first__wrapper {
    gap: 20px;
  }
}

@media (max-width: 922px) {
  .ai-first__title {
    font-size: calc(30px + (45 - 30) * ((100vw - 414px) / (922 - 414)));
    line-height: calc(40px + (55 - 40) * ((100vw - 414px) / (922 - 414)));
  }
}

@media (max-width: 768px) {
  .ai-first__wrapper {
    grid-template-columns: 100%;
    grid-template-rows: auto auto;
    gap: 30px;
  }

  .ai-first__col--left {
    gap: 30px;
  }
}

@media (max-width: 414px) {
  .ai-first__title {
    font-size: 30px;
    line-height: 40px;
  }
}

/* новые стили для бидера */

.un-list {
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.un-list p {
  padding-left: 28px;
  position: relative;
  margin-top: 0;
}

.un-list p::before {
  content: '';
  position: absolute;
  top: 10px;
  left: 0;
  display: flex;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #008FFF;
}

@media (max-width: 1920px) {
  .un-list {
    margin-top: calc(15px + (20 - 15) * ((100vw - 1536px) / (1920 - 1536)));
    gap: calc(10px + (15 - 10) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .un-list p::before {
    width: calc(7px + (10 - 7) * ((100vw - 1536px) / (1920 - 1536)));
    height: calc(7px + (10 - 7) * ((100vw - 1536px) / (1920 - 1536)));
    top: calc(9px + (10 - 9) * ((100vw - 414px) / (1920 - 414)));
  }

  .un-list p {
    padding-left: calc(19px + (28 - 19) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media (max-width: 1536px) {
  .un-list {
    margin-top: calc(10px + (15 - 10) * ((100vw - 1280px) / (1536 - 1280)));
    gap: calc(5px + (10 - 5) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .un-list p::before {
    width: 7px;
    height: 7px;
  }

  .un-list p {
    padding-left: 19px;
  }
}

@media (max-width: 1280px) {
  .un-list {
    margin-top: 10px;
    gap: 5px;
  }
}

@media (max-width: 922px) {
  .un-list p {
    padding-left: calc(17px + (19 - 17) * ((100vw - 414px) / (922 - 414)));
  }
}

/* конец новые стили для бидера */

/* стили для страницы автора */

.author-first__wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
}

.author-first__inner {
  margin-bottom: 50px;
  display: grid;
  grid-template-columns: 100px auto;
  grid-template-rows: auto auto;
  gap: 15px 30px;
  align-items: center;
}

.author-first__inner img {
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 1;
  grid-row-end: 3;
  max-width: 100%;
  object-fit: contain;
}

.author-first__name {
  font-size: 35px;
  font-style: normal;
  font-weight: 700;
  line-height: 45px;
}

.author-first__job {
  grid-column-start: 2;
  grid-column-end: 3;
  grid-row-start: 2;
  grid-row-end: 3;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
}

.author-first__text-grey {
  margin-bottom: 15px;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  color: #7C8A9D;
}

.author-first__tags {
  display: flex;
  align-items: center;
  gap: 10px;
}

.author-first__tag {
  padding: 15px 25px;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  border-radius: 53px;
  background: var(--grays-gray_02);
}

.author-first__down {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.author-first__site {
  padding: 15px 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 30px;
  color: var(--brand-blue);
  border-radius: 53px;
  background: var(--grays-gray_02);
  transition: .3s linear;
}

.author-first__site:hover {
  background-color: #edf5ff;
}

.author-first__social-list {
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 10px;
}

.author-first__social-item {
  list-style: none;

}

.author-first__social-item a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 55px;
  height: 55px;
  border-radius: 50%;
  background-color: var(--grays-gray_02);
  transition: .3s linear;
}

.author-first__social-item a:hover {
  background-color: #edf5ff;
}

.author-first__text {
  margin-bottom: 30px;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 34px;
}

.author-first__blockquote {
  display: flex;
  gap: 20px;
}

.author-first__blockquote svg {
  display: block;
  flex-shrink: 0;
}

.author-first__blockquote-text {
  margin-bottom: 15px;
  font-size: 20px;
  font-style: italic;
  font-weight: 400;
  line-height: 30px;
}

.author-first__blockquote-cite {
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  color: #7C8A9D;
}

.author-first__blockquote-cite strong {
  font-weight: 700;
  color: var(--basic-black);
}

.author-first__hidden {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s ease;
}

.author-first__col.is-open .author-first__hidden {
  max-height: 2000px;
  /* достаточно большое значение */
}

.author-first__toggle .toggle-close {
  display: none;
}

.author-first__right.is-open .author-first__toggle .toggle-open {
  display: none;
}

.author-first__right.is-open .toggle-close {
  display: inline;
}

.author-first__toggle {
  padding: 16px 30px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  border-radius: 60px;
  border: none;
  background: var(--grays-gray_02);
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
}

.author-page .breadcrumbs__list {
  justify-content: flex-start;
}

.author-blog-slider .press-relise-arr {
  display: flex;
}

@media (max-width: 1920px) {
  .author-first__text.author-first__text--first {
    font-size: calc(20px + (22 - 20) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(30px + (34 - 30) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .author-first__text {
    margin-bottom: calc(25px + (30 - 25) * ((100vw - 1536px) / (1920 - 1536)));
    font-size: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(28px + (30 - 28) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .author-first__blockquote-text {
    font-size: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(28px + (30 - 28) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .author-first__blockquote-cite {
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(24px + (28 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .author-first__toggle {
    padding: 15.5px calc(25px + (30 - 25) * ((100vw - 1536px) / (1920 - 1536)));
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(24px + (28 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .author-first__name {
    font-size: calc(30px + (35 - 30) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(40px + (45 - 40) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .author-first__job,
  .author-first__text-grey {
    font-size: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(28px + (30 - 28) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .author-first__tag {
    padding: 15px calc(20px + (25 - 20) * ((100vw - 1536px) / (1920 - 1536)));
    font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(24px + (28 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .author-first__site {
    font-size: calc(18px + (20 - 18) * ((100vw - 1536px) / (1920 - 1536)));
    line-height: calc(28px + (30 - 28) * ((100vw - 1536px) / (1920 - 1536)));
  }

  .author-first__inner {
    margin-bottom: calc(40px + (50 - 40) * ((100vw - 1536px) / (1920 - 1536)));
    gap: calc(10px + (15 - 10) * ((100vw - 1536px) / (1920 - 1536))) calc(25px + (30 - 25) * ((100vw - 1536px) / (1920 - 1536)));
    grid-template-columns: calc(80px + (100 - 80) * ((100vw - 1536px) / (1920 - 1536))) auto;
  }
}

@media (max-width: 1536px) {
  .author-first__text.author-first__text--first {
    font-size: calc(18px + (20 - 18) * ((100vw - 1280px) / (1536 - 1280)));
    line-height: calc(28px + (30 - 28) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .author-first__text {
    margin-bottom: calc(20px + (25 - 20) * ((100vw - 1280px) / (1536 - 1280)));
    font-size: calc(16px + (18 - 16) * ((100vw - 1280px) / (1536 - 1280)));
    line-height: calc(24px + (28 - 24) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .author-first__blockquote-text {
    font-size: calc(16px + (18 - 16) * ((100vw - 1280px) / (1536 - 1280)));
    line-height: calc(24px + (28 - 24) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .author-first__blockquote-cite {
    font-size: calc(14px + (16 - 14) * ((100vw - 1280px) / (1536 - 1280)));
    line-height: calc(22px + (24 - 22) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .author-first__toggle {
    padding: 15.5px 25px;
    font-size: 16px;
    line-height: 24px;
  }

  .author-first__name {
    font-size: calc(25px + (30 - 25) * ((100vw - 1280px) / (1536 - 1280)));
    line-height: calc(35px + (40 - 35) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .author-first__job,
  .author-first__text-grey {
    font-size: calc(16px + (18 - 16) * ((100vw - 1280px) / (1536 - 1280)));
    line-height: calc(24px + (28 - 24) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .author-first__tag {
    padding: calc(10px + (15 - 10) * ((100vw - 1280px) / (1536 - 1280))) 20px;
    font-size: calc(14px + (16 - 14) * ((100vw - 1280px) / (1536 - 1280)));
    line-height: calc(22px + (24 - 22) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .author-first__site {
    padding: calc(10px + (15 - 10) * ((100vw - 1280px) / (1536 - 1280))) calc(20px + (25 - 20) * ((100vw - 1280px) / (1536 - 1280)));
    font-size: calc(16px + (18 - 16) * ((100vw - 1280px) / (1536 - 1280)));
    line-height: calc(24px + (28 - 24) * ((100vw - 1280px) / (1536 - 1280)));
    gap: calc(5px + (10 - 5) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .author-first__site svg {
    width: calc(20px + (25 - 20) * ((100vw - 1280px) / (1536 - 1280)));
    height: calc(20px + (25 - 20) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .author-first__social-item a {
    width: calc(50px + (55 - 50) * ((100vw - 1280px) / (1536 - 1280)));
    height: calc(50px + (55 - 50) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .author-first__social-item a svg {
    width: calc(20px + (25 - 20) * ((100vw - 1280px) / (1536 - 1280)));
    height: calc(20px + (25 - 20) * ((100vw - 1280px) / (1536 - 1280)));
  }

  .author-first__inner {
    margin-bottom: calc(30px + (40 - 30) * ((100vw - 1280px) / (1536 - 1280)));
    gap: calc(5px + (10 - 5) * ((100vw - 1280px) / (1536 - 1280))) calc(20px + (25 - 20) * ((100vw - 1280px) / (1536 - 1280)));
    grid-template-columns: calc(70px + (80 - 70) * ((100vw - 1280px) / (1536 - 1280))) auto;
  }
}

@media (max-width: 1280px) {
  .author-first__text.author-first__text--first {
    font-size: 18px;
    line-height: 28px;
  }

  .author-first__text {
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 24px;
  }

  .author-first__blockquote-text {
    font-size: 16px;
    line-height: 24px;
  }

  .author-first__blockquote-cite {
    font-size: 14px;
    line-height: 22px;
  }

  .author-first__name {
    font-size: 25px;
    line-height: 35px;
  }

  .author-first__job,
  .author-first__text-grey {
    font-size: 16px;
    line-height: 24px;
  }

  .author-first__tag {
    padding: 10px 20px;
    font-size: 14px;
    line-height: 22px;
  }

  .author-first__site {
    padding: 10px 20px;
    font-size: 16px;
    line-height: 24px;
    gap: 5px;
  }

    .author-first__site svg {
    width: 20px;
    height: 20px;
  }

  .author-first__social-item a {
    width: 50px;
    height: 50px;
  }

  .author-first__social-item a svg {
    width: 20px;
    height: 20px;
  }

  .author-first__inner {
    margin-bottom: 30px;
    gap: 5px 20px;
    grid-template-columns: 70px auto;
  }
}

@media (max-width: 768px) {
  .author-first__wrapper {
    display: flex;
    flex-direction: column;
    gap: 30px;
  }
}

/* конец стилей для страницы автора */

.blog-study-social-sidebar {
  position: absolute;
  top: 0;
  padding-top: 50px;
  right: 50px;
  z-index: 55;
}

@media screen and (max-width: 1279px) {
  .blog-study-social-sidebar {
      position: relative;
      right: initial;
  }
}

.blog-study-social-sidebar__nav {
  display: flex;
  flex-direction: column;
  gap: 15px;
  align-items: center;
}

@media screen and (max-width: 1279px) {
  .blog-study-social-sidebar__nav {
      gap: 20px;
  }
}

.blog-study-social-sidebar__feedback {
  position: relative;
}

.blog-study-social-sidebar__feedback-wrap {
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  background-color: transparent;
  border-radius: initial;
}

@media screen and (max-width: 1279px) {
  .blog-study-social-sidebar__feedback-wrap {
      padding: calc(5px + (10 - 5) * ((100vw - 414px) / (1279 - 414))) calc(5px + (10 - 5) * ((100vw - 414px) / (1279 - 414))) calc(5px + (10 - 5) * ((100vw - 414px) / (1279 - 414))) calc(20px + (25 - 20) * ((100vw - 414px) / (1279 - 414)));
      background-color: var(--grays-grey-02);
      border-radius: 60px;
  }
}

@media screen and (max-width: 414px) {
  .blog-study-social-sidebar__feedback-wrap {
      padding: 5px 5px 5px 20px;
      gap: 20px;
  }
}

.blog-study-social-sidebar__feedback-text {
  padding: 16px 30px;
  position: absolute;
  right: calc(100% + 10px);
  width: max-content;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
  border-radius: 60px;
  background-color: var(--grays-grey-02);
  opacity: 0;
  pointer-events: none;
  transition: 0.4s linear;
}

@media screen and (max-width: 1536px) {
  .blog-study-social-sidebar__feedback-text {
      padding: calc(15.5px + (16 - 15.5) * ((100vw - 1280px) / (1536 - 1280))) calc(25px + (30 - 25) * ((100vw - 1280px) / (1536 - 1280)));
      font-size: calc(16px + (18 - 16) * ((100vw - 1280px) / (1536 - 1280)));
      line-height: calc(24px + (28 - 24) * ((100vw - 1280px) / (1536 - 1280)));
  }
}

@media screen and (max-width: 1280px) {
  .blog-study-social-sidebar__feedback-text {
      padding: 15.5px 25px;
      font-size: 16px;
      line-height: 24px;
  }
}

@media screen and (max-width: 1279px) {
  .blog-study-social-sidebar__feedback-text {
      position: relative;
      right: initial;
      padding: 0;
      background-color: transparent;
      opacity: 1;
      pointer-events: all;
  }
}

.blog-study-social-sidebar__feedback-img {
    position: relative;
    width: 60px;
    height: 60px;
}

@media screen and (max-width: 1279px) {
  .blog-study-social-sidebar__feedback-img {
      position: relative;
      width: 35px;
      height: 35px;
  }
}

.blog-study-social-sidebar__feedback img {
  display: block;
  max-width: 100%;
}

.blog-study-social-sidebar__feedback-circle {
  position: absolute;
  bottom: -3px;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  pointer-events: none;
}

@media screen and (max-width: 1279px) {
  .blog-study-social-sidebar__feedback-circle {
      width: 12px;
      height: 12px;
  }
}

.blog-study-social-sidebar__feedback-circle::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #e9f5ff;
  transition: 0.4s linear;
}

.blog-study-social-sidebar__feedback-circle__blue {
  position: relative;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--brand-blue);
  z-index: 2;
}

@media screen and (max-width: 1279px) {
  .blog-study-social-sidebar__feedback-circle__blue {
      width: 4px;
      height: 4px;
  }
}

@media screen and (max-width: 1279px) {
  .blog-study-social-sidebar__feedback-wrap .study-social-sidebar__feedback-circle::after {
      position: absolute;
      content: "";
      top: 0;
      left: 0;
      transform: scale(0.1);
      width: 100%;
      height: 100%;
      border-radius: 50%;
      background-color: #e9f5ff;
      opacity: 0;
      animation: circle-wafe 2s 0.4s infinite;
  }
}

.blog-study-social-sidebar__list {
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 15px;
  align-items: center;
  list-style: none;
}

@media screen and (max-width: 1279px) {
  .blog-study-social-sidebar__list {
      flex-direction: row;
  }
}

.blog-study-social-sidebar__item.copy {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: var(--grays-gray_02);
  cursor: pointer;
}

@media screen and (max-width: 1280px) {
  .blog-study-social-sidebar__item.copy {
      width: calc(50px + (60 - 50) * ((100vw - 922px) / (1280 - 922)));
      height: calc(50px + (60 - 50) * ((100vw - 922px) / (1280 - 922)));
  }
}

@media screen and (max-width: 922px) {
  .blog-study-social-sidebar__item.copy {
      width: 50px;
      height: 50px;
  }
}

.blog-study-social-sidebar__item.copy .copy-item {
  padding: 6px 12px;
  border-radius: 6px;
  background: #fff;
  box-shadow: 0 3px 10px 5px #eef2ff;
  position: absolute;
  z-index: 2;
  top: 50%;
  right: 110%;
  transform: translate(0, -50%);
  color: #a2a8c5;
  font-family: Gilroy,sans-serif;
  font-size: 12px;
  line-height: 120%;
  opacity: 0;
  transition: .3s;
  pointer-events: none;
}

@media screen and (max-width: 1279px) {
  .blog-study-social-sidebar__item.copy .copy-item {
      right: 50%;
      top: initial;
      bottom: 110%;
      transform: translate(50%, 0);
  }
}

.blog-study-social-sidebar__item.copy .copy-item.active {
  opacity: 1;
  pointer-events: all;
}

.blog-study-social-sidebar__item--website svg {
  display: block;
  width: 25px;
  height: 25px;
}

.blog-study-social-sidebar__item path {
  transition: 0.3s linear;
}

.blog-study-social-sidebar__item.copy .copied-svg {
  display: none;
}

.blog-study-social-sidebar__item svg {
  display: block;
  width: 20px;
  height: 20px;
}

@media screen and (max-width: 1280px) {
  .blog-study-social-sidebar__item--website svg {
      width: calc(20px + (25 - 20) * ((100vw - 922px) / (1280 - 922)));
      height: calc(20px + (25 - 20) * ((100vw - 922px) / (1280 - 922)));
  }
}

@media screen and (max-width: 922px) {
  .blog-study-social-sidebar__item--website svg {
      width: 20px;
      height: 20px;
  }
}

.blog-study-social-sidebar__item a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: var(--grays-gray_02);
  cursor: pointer;
}

@media screen and (max-width: 1280px) {
  .blog-study-social-sidebar__item a {
      width: calc(50px + (60 - 50) * ((100vw - 922px) / (1280 - 922)));
      height: calc(50px + (60 - 50) * ((100vw - 922px) / (1280 - 922)));
  }
}

@media screen and (max-width: 922px) {
  .blog-study-social-sidebar__item a {
      width: 50px;
      height: 50px;
  }
}

.blog-study-social-sidebar__item--website:hover path {
    fill: none;
    stroke: var(--brand-blue);
}

.blog-study-social-sidebar__item a:hover path {
    fill: var(--brand-blue);
}

.detail-new .container {
  position: relative;
}

.detail-form-span {
  padding: 5px 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  width: fit-content;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 36px;
  border-radius: 100px;
  background-color: var(--grays-gray_02);
}

@media screen and (max-width: 1920px) {
  .detail-form-span {
      font-size: calc(22px + (24 - 22) * ((100vw - 1536px) / (1920 - 1536)));
      line-height: calc(34px + (36 - 34) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media screen and (max-width: 1536px) {
  .detail-form-span {
      font-size: calc(18px + (22 - 18) * ((100vw - 1280px) / (1536 - 1280)));
      line-height: calc(28px + (34 - 28) * ((100vw - 1280px) / (1536 - 1280)));
  }
}

@media screen and (max-width: 1280px) {
  .detail-form-span {
      font-size: 18px;
      line-height: 28px;
  }
}

.detail-form-span::before {
  display: block;
  content: "";
  width: 10px;
  height: 10px;
  background-color: var(--brand-blue);
  border-radius: 50%;
}

@media screen and (max-width: 1536px) {
  .detail-form-span::before {
      width: calc(8px + (10 - 8) * ((100vw - 1280px) / (1536 - 1280)));
      height: calc(8px + (10 - 8) * ((100vw - 1280px) / (1536 - 1280)));
  }
}

@media screen and (max-width: 1280px) {
  .detail-form-span::before {
      width: 8px;
      height: 8px;
  }
}

.detail-form-qa p {
  margin: 0;
  font-size: 28px;
  font-style: normal;
  font-weight: 600;
  line-height: 40px;
}

@media screen and (max-width: 1920px) {
  .detail-form-qa p {
      font-size: calc(24px + (28 - 24) * ((100vw - 1536px) / (1920 - 1536)));
      line-height: calc(36px + (40 - 36) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media screen and (max-width: 1536px) {
   .detail-form-qa p {
      font-size: calc(22px + (24 - 22) * ((100vw - 1280px) / (1536 - 1280)));
      line-height: calc(34px + (36 - 34) * ((100vw - 1280px) / (1536 - 1280)));
  }
}

@media screen and (max-width: 1280px) {
   .detail-form-qa p {
      font-size: 22px;
      line-height: 34px;
  }
}

@media screen and (max-width: 922px) {
   .detail-form-qa p {
      font-size: calc(20px + (22 - 20) * ((100vw - 414px) / (922 - 414)));
      line-height: calc(30px + (34 - 30) * ((100vw - 414px) / (922 - 414)));
  }
}

@media screen and (max-width: 414px) {
   .detail-form-qa p {
      font-size: 20px;
      line-height: 30px;
  }
}

.detail-form-text p {
  margin: 0;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
}

@media screen and (max-width: 1920px) {
  .detail-form-text p {
      font-size: calc(16px + (18 - 16) * ((100vw - 1536px) / (1920 - 1536)));
      line-height: calc(24px + (28 - 24) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media screen and (max-width: 1280px) {
  .detail-form-text p {
      font-size: 16px;
      line-height: 24px;
  }
}

.detail-form-left {
  padding: 40px;
  display: flex;
  flex-direction: column;
  gap: 40px;
  background-image: url(../img/detail-vector.svg);
  background-repeat: no-repeat;
  background-size: contain;
  aspect-ratio: 484 / 457;
}

@media screen and (max-width: 1920px) {
  .detail-form-left {
      padding: calc(30px + (40 - 30) * ((100vw - 1536px) / (1920 - 1536)));
      gap: calc(30px + (40 - 30) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media screen and (max-width: 1536px) {
  .detail-form-left {
      padding: calc(25px + (30 - 25) * ((100vw - 1280px) / (1536 - 1280)));
      gap: calc(25px + (30 - 25) * ((100vw - 1280px) / (1536 - 1280)));
  }
}

@media screen and (max-width: 1280px) {
  .detail-form-left {
      padding: 25px;
      GAP: 25PX;
  }
}

@media screen and (max-width: 922px) {
  .detail-form-left {
      border-radius: 20px;
       gap: calc(15px + (25 - 15) * ((100vw - 414px) / (922 - 414)));
  }
}

@media screen and (max-width: 414px) {
    .detail-form-left {
    gap: 15px;
  }
}

.detail-form-inner {
  display: flex;
  gap: 15px;
  align-items: center;
}

.detail-form-inner--top {
  margin: 0 auto;
}

.detail-form-inner .author-comment__avatar {
  width: 60px;
  height: 60px;
}

@media screen and (max-width: 1920px) {
    .detail-form-inner .author-comment__avatar {
        width: calc(55px + (60 - 55) * ((100vw - 1536px) / (1920 - 1536)));
        height: calc(55px + (60 - 55) * ((100vw - 1536px) / (1920 - 1536)));
    }
}

@media screen and (max-width: 1536px) {
    .detail-form-inner .author-comment__avatar {
        width: calc(45px + (55 - 45) * ((100vw - 1280px) / (1536 - 1280)));
        height: calc(45px + (55 - 45) * ((100vw - 1280px) / (1536 - 1280)));
    }
}

@media screen and (max-width: 1280px) {
    .detail-form-inner .author-comment__avatar{
        width: 45px;
        height: 45px;
    }
}

.detail-form-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
}

@media screen and (max-width: 1280px) {
    .detail-form-wrapper {
        gap: calc(20px + (30 - 20) * ((100vw - 922px) / (1280 - 922)));
    }
}

@media screen and (max-width: 922px) {
    .detail-form-wrapper {
        gap: 20px;
    }
}

@media screen and (max-width: 768px) {
    .detail-form-wrapper {
       display: flex;
       flex-direction: column;
    }
}

.detail-form-inner .header__chat {
  margin: 0;
}

.detail-form-slide img {
  margin: 0 auto;
  max-width: 100%;
}

.detail-form-slide {
  display: flex;
  align-items: center;
  justify-content: center;
}

.detail-form-wrapper--slider {
  position: relative;
  padding: 40px;
  background-image: url(../img/detail-vector-wide.svg);
  background-repeat: no-repeat;
  background-size: contain;
  aspect-ratio: 998 / 446;
  display: flex; 
  gap: 30px;
}

@media screen and (max-width: 1920px) {
  .detail-form-wrapper--slider {
      padding: calc(30px + (40 - 30) * ((100vw - 1536px) / (1920 - 1536)));
  }
}

@media screen and (max-width: 1536px) {
  .detail-form-wrapper--slider {
      padding: calc(25px + (30 - 25) * ((100vw - 1280px) / (1536 - 1280)));
  }
}

@media screen and (max-width: 1280px) {
  .detail-form-wrapper--slider {
      padding: 25px;
      gap: calc(20px + (30 - 20) * ((100vw - 922px) / (1280 - 922)));
  }
}

@media screen and (max-width: 922px) {
  .detail-form-wrapper--slider {
      border-radius: 20px;
      gap: 20px;
  }
}

@media screen and (max-width: 768px) {
  .detail-form-wrapper--slider {
     background-image: url(../img/detail-vector-wide-mob.svg);
     aspect-ratio: 374 / 526;
  }
}

.detail-form-wrapper--slider .detail-form-left {
  padding: 0;
  background-image: none;
  aspect-ratio: initial;
  width: calc(50% - 15px); 
  flex-shrink: 0; 
}

@media screen and (max-width: 768px) {
  .detail-form-wrapper--slider .detail-form-left {
    width: 100%; 
  }
  
}

.detail-form-wrapper--slider .detail-form-right {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(50% - 15px); 
  flex-shrink: 0; 
  height: auto;
  align-self: flex-end;
}

@media screen and (max-width: 768px) {
  .detail-form-wrapper--slider .detail-form-right {
    width: 100%; 
  }
  
}

.detail-form-swiper {
  width: 100%;
  max-width: 100%;
  position: relative; 
}

.detail-form-swiper .swiper-wrapper {
  width: 100%; 
}

.detail-form-swiper .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%; 
}

.detail-form-swiper .swiper-slide img {
  max-width: 100%; 
  height: auto; 
  object-fit: cover;
  border-radius: 8px;
  display: block; 
}

.detail-form-inner-btn {
  justify-content: center;
}

.main-page__expertise-btn--city {
    position: relative;
    display: flex;
    align-items: center;
}

.preview-cases__feedback-wrap--cities {
    display: flex;
    align-items: center;
    gap: 15px;
}

.preview-cases__feedback-wrap--cities button {
  margin: 0;
}

.service-section__title-city {
 text-align: center;
}

.footer__about {
  width: 40%;
  color: #617082;
  font-size: 16px;
}

.footer__about a {
  border-bottom: 1px solid #617082;
  transition: .3s linear;
}

@media screen and (max-width: 1536px) {
  .footer__about {
    width: 50%;
    font-size: 14px;
    line-height: 22px;
  }
}

@media screen and (max-width: 922px) {
  .footer__about {
    width: 100%;
  }
}