@charset "UTF-8";
@font-face {
  font-family: "pp-neue-montreal";
  src: url("/static/assets/fonts/pp_neue_montreal/ppneuemontreal-book.3b3eda249d3b.otf");
  font-weight: 400;
}
@font-face {
  font-family: "pp-neue-montreal";
  src: url("/static/assets/fonts/pp_neue_montreal/ppneuemontreal-medium.f366d0cc7385.otf");
  font-weight: 500;
}
.mg-6 {
  margin-top: 6rem;
}

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  font-family: "pp-neue-montreal";
}

html {
  font-size: 16px;
}
@media (max-width: 1920px) {
  html {
    font-size: 0.8333vw;
  }
}
@media (max-width: 768px) {
  html {
    font-size: 12px;
  }
}

body {
  color: rgb(38, 38, 38);
}
body.dark {
  background-color: rgb(38, 38, 38);
}
body.background-white {
  background-color: rgb(255, 255, 255);
}
body.oh {
  overflow: hidden !important;
}

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

a {
  text-decoration: none;
  padding: 0;
  margin: 0;
}

p {
  margin: 0;
}

button {
  border: none;
  outline: none;
}

.mobile {
  display: none !important;
}
@media (max-width: 768px) {
  .mobile {
    display: block !important;
  }
}

.desktop {
  display: block;
}
@media (max-width: 768px) {
  .desktop {
    display: none !important;
  }
}

.opacity_text {
  opacity: 0;
  animation: fadeInOpacity 0.3s forwards;
  animation-delay: 0.5s;
  color: rgba(28, 25, 23, 0.4);
}
.opacity_text.color-develop > .word.color {
  color: rgb(81, 64, 234);
}
.opacity_text.color-design > .word.color {
  color: rgb(245, 154, 68);
}
.opacity_text.color-other > .word.color {
  color: rgb(190, 196, 205);
}
.opacity_text.color-marketing > .word.color {
  color: rgb(108, 201, 152);
}
.opacity_text > .word {
  opacity: 0;
  color: rgb(38, 38, 38);
}

@keyframes fadeInOpacity {
  to {
    opacity: 1;
  }
}
.benefits__number {
  opacity: 0;
}

.empty-text {
  color: rgb(255, 255, 255);
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: inherit;
}
@media (max-width: 768px) {
  .empty-text {
    font-size: 1.25rem;
    letter-spacing: -0.02em;
  }
}

i {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
i:before {
  content: "";
  width: 100%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
i.size_xs {
  width: 1.375rem;
  height: 1.375rem;
}
i.size_s {
  width: 1.5rem;
  height: 1.5rem;
}
i.size_l {
  width: 3rem;
  height: 3rem;
}
i.arrow-upright-graphite::before {
  background-image: url("/static/assets/img/icons/graphite/arrow_upright_graphite.d2ab60351bc2.svg");
}
i.arrow-upright:before {
  background-image: url("/static/assets/img/icons/arrow_upright.a19689c0c7d5.svg");
}
i.burger:before {
  background-image: url("/static/assets/img/icons/burger.331ce5d8ae2c.svg");
}
i.develop:before {
  background-image: url("/static/assets/img/icons/develop.f673f6a13175.svg");
}
i.marketing:before {
  background-image: url("/static/assets/img/icons/marketing.01b2a4a77030.svg");
}
i.design:before {
  background-image: url("/static/assets/img/icons/design.89b65062621f.svg");
}
i.other:before {
  background-image: url("/static/assets/img/icons/other.a078f7723c04.svg");
}
i.yandex:before {
  background-image: url("/static/assets/img/icons/yandex.6c725466a170.svg");
}
i.double-gis:before {
  background-image: url("/static/assets/img/icons/2gis.fa1103fba2be.svg");
}
i.outline-star-swirl:before {
  background-image: url("/static/assets/img/icons/outline_star_swirl.0f46d7282775.svg");
}
i.outline-star-swirl.active:before {
  background-image: url("/static/assets/img/icons/star-filled-swirl.0ad21cbf5d7b.png");
}
i.outline-star-deYork:before {
  background-image: url("/static/assets/img/icons/outline_star_deYork.74ad856da576.svg");
}
i.outline-star:before {
  background-image: url("/static/assets/img/icons/outline_star.88c7b1f4cc50.svg");
}
i.outline-star.active:before {
  background-image: url("/static/assets/img/icons/star-filled2.494e89499a94.png");
}
i.close_light:before {
  background-image: url("/static/assets/img/icons/close_light.ef7f8db7e169.svg");
}
i.close_dark:before {
  background-image: url("/static/assets/img/icons/close_dark.423ba5cc2a99.svg");
}

.container {
  display: grid;
  grid-template-columns: 35.375rem repeat(2, minmax(0, 1fr)) 35.375rem;
  margin: 0 auto;
  width: calc(100vw - 8rem);
  max-width: calc(1920px - 8rem);
}
@media (max-width: 768px) {
  .container {
    width: calc(100vw - 2.5rem);
    max-width: calc(1920px - 2.5rem);
  }
}
.container_col-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.container_v2 {
  padding: 0 4rem;
}
@media (max-width: 768px) {
  .container_v2 {
    padding: 0 0.938rem;
  }
}

section .container {
  padding: 8rem 0;
}
@media (max-width: 768px) {
  section .container {
    padding: 4rem 0;
  }
}

footer .container {
  padding: 4rem 0;
}

header {
  padding: 2rem 0;
  background: linear-gradient(#262626 0, rgba(38, 38, 38, 0.987) 8.1%, rgba(38, 38, 38, 0.951) 15.5%, rgba(38, 38, 38, 0.896) 22.5%, rgba(38, 38, 38, 0.825) 29%, rgba(38, 38, 38, 0.741) 35.3%, rgba(38, 38, 38, 0.648) 41.2%, rgba(38, 38, 38, 0.55) 47.1%, rgba(38, 38, 38, 0.45) 52.9%, rgba(38, 38, 38, 0.352) 58.8%, rgba(38, 38, 38, 0.259) 64.7%, rgba(38, 38, 38, 0.175) 71%, rgba(38, 38, 38, 0.104) 77.5%, rgba(38, 38, 38, 0.049) 84.5%, rgba(38, 38, 38, 0.013) 91.9%, rgba(38, 38, 38, 0) 100%);
  position: sticky;
  top: 0;
  z-index: 16;
  width: 100%;
}
@media (max-width: 768px) {
  header {
    padding: 1.25rem;
  }
}
header.light {
  background: linear-gradient(white 0, rgba(255, 255, 255, 0.987) 8.1%, rgba(255, 255, 255, 0.951) 15.5%, rgba(255, 255, 255, 0.896) 22.5%, rgba(255, 255, 255, 0.825) 29%, rgba(255, 255, 255, 0.741) 35.3%, rgba(255, 255, 255, 0.648) 41.2%, rgba(255, 255, 255, 0.55) 47.1%, rgba(255, 255, 255, 0.45) 52.9%, rgba(255, 255, 255, 0.352) 58.8%, rgba(255, 255, 255, 0.259) 64.7%, rgba(255, 255, 255, 0.175) 71%, rgba(255, 255, 255, 0.104) 77.5%, rgba(255, 255, 255, 0.049) 84.5%, rgba(255, 255, 255, 0.013) 91.9%, rgba(255, 255, 255, 0) 100%);
}
header.light .header__navigation__item.active.color-develop .button__name {
  color: rgb(81, 64, 234) !important;
}
header.light .header__navigation__item.active.color-marketing .button__name {
  color: rgb(108, 201, 152) !important;
}
header.light .header__navigation__item.active.color-design .button__name {
  color: rgb(245, 154, 68) !important;
}
header.light .header__navigation__item.active.color-other .button__name {
  color: rgb(190, 196, 205) !important;
}
header.light .header__navigation__item .button__name {
  color: rgb(38, 38, 38) !important;
}
header.dark {
  background: linear-gradient(#262626 0, rgba(38, 38, 38, 0.987) 8.1%, rgba(38, 38, 38, 0.951) 15.5%, rgba(38, 38, 38, 0.896) 22.5%, rgba(38, 38, 38, 0.825) 29%, rgba(38, 38, 38, 0.741) 35.3%, rgba(38, 38, 38, 0.648) 41.2%, rgba(38, 38, 38, 0.55) 47.1%, rgba(38, 38, 38, 0.45) 52.9%, rgba(38, 38, 38, 0.352) 58.8%, rgba(38, 38, 38, 0.259) 64.7%, rgba(38, 38, 38, 0.175) 71%, rgba(38, 38, 38, 0.104) 77.5%, rgba(38, 38, 38, 0.049) 84.5%, rgba(38, 38, 38, 0.013) 91.9%, rgba(38, 38, 38, 0) 100%);
}
header.dark .logo svg path {
  fill: rgb(255, 255, 255);
}
header.dark .header__menu-logo__menu {
  background-color: rgb(38, 38, 38);
  border-color: rgb(255, 255, 255);
}
header.dark .header__menu-logo__menu .button__icon {
  filter: invert(0);
}
header.dark .header__navigation {
  background-color: rgb(38, 38, 38);
  border-color: color-mix(in srgb, rgb(255, 255, 255) 100%, rgb(38, 38, 38) 90%);
}
header.dark .header__navigation__item {
  color: rgb(255, 255, 255);
}
header .container {
  align-items: center;
}
@media (max-width: 768px) {
  header .container.header-nav-desk {
    display: none;
  }
}
header .container.header-nav-mob {
  display: none;
}
@media (max-width: 768px) {
  header .container.header-nav-mob {
    display: flex;
    justify-content: space-between;
  }
}
header .header__menu-logo {
  display: flex;
  align-items: center;
  gap: 1rem;
}
header .header__menu-logo__menu {
  background-color: rgb(255, 255, 255);
  border-color: rgb(38, 38, 38);
}
header .header__menu-logo__menu .button__name {
  color: rgb(38, 38, 38);
}
header .header__menu-logo__menu .button__icon {
  filter: invert(1);
}
header .header__menu-logo__menu.light {
  background-color: rgb(38, 38, 38);
  border-color: rgb(255, 255, 255);
}
header .header__menu-logo__menu.light .button__name {
  color: rgb(255, 255, 255);
}
header .header__menu-logo__menu.light .button__icon {
  filter: invert(0);
}
header .header__navigation {
  grid-column: span 2;
  display: flex;
  align-items: center;
  justify-content: center;
  justify-self: center;
  border-radius: 1000px;
  border: 2px solid color-mix(in srgb, rgb(255, 255, 255) 100%, rgb(38, 38, 38) 10%);
  background-color: rgb(255, 255, 255);
}
@media (max-width: 768px) {
  header .header__navigation {
    display: none;
  }
}
header .header__navigation__item {
  margin: 0.125rem;
}
header .header__navigation__item.active {
  border-radius: 1000px;
}
header .header__navigation__item.color-develop {
  background-color: transparent !important;
  color: rgb(38, 38, 38) !important;
}
header .header__navigation__item.color-develop.active {
  color: rgb(81, 64, 234) !important;
  border: 2px solid rgb(81, 64, 234);
}
header .header__navigation__item.color-design {
  background-color: transparent !important;
  color: rgb(38, 38, 38) !important;
}
header .header__navigation__item.color-design.active {
  color: rgb(245, 154, 68) !important;
  border: 2px solid rgb(245, 154, 68);
}
header .header__navigation__item.color-other {
  background-color: transparent !important;
  color: rgb(38, 38, 38) !important;
}
header .header__navigation__item.color-other.active {
  color: rgb(190, 196, 205) !important;
  border: 2px solid rgb(190, 196, 205);
}
header .header__navigation__item.color-marketing {
  background-color: transparent !important;
  color: rgb(38, 38, 38) !important;
}
header .header__navigation__item.color-marketing.active {
  color: rgb(108, 201, 152) !important;
  border: 2px solid rgb(108, 201, 152);
}
header .header__call-block {
  justify-self: end;
}
@media (max-width: 768px) {
  header .header__call-block {
    grid-column: 2;
    justify-self: auto;
    width: 2.833rem;
  }
}
@media (max-width: 768px) {
  header .header__call-block .button {
    display: flex;
    width: 2.833rem;
    height: 2.833rem;
    padding: 0.75rem;
  }
}
@media (max-width: 768px) {
  header .header__call-block .button .button__name {
    display: none;
  }
}
header .header__call-block .button .button__icon {
  display: none;
  pointer-events: none;
}
@media (max-width: 768px) {
  header .header__call-block .button .button__icon {
    display: block;
    width: 1.333rem;
    height: 1.333rem;
  }
}

.button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.625rem;
  cursor: pointer;
  border-radius: 1000px;
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: inherit;
}
@media (max-width: 768px) {
  .button {
    font-size: 1.25rem;
    letter-spacing: -0.02em;
  }
}
.button.color-develop {
  background-color: rgb(81, 64, 234) !important;
  color: rgb(255, 255, 255) !important;
}
.button.color-develop .button__name {
  color: rgb(255, 255, 255) !important;
}
.button.color-design {
  background-color: rgb(245, 154, 68) !important;
  color: rgb(255, 255, 255) !important;
}
.button.color-design .button__name {
  color: rgb(255, 255, 255) !important;
}
.button.color-other {
  background-color: rgb(190, 196, 205) !important;
  color: rgb(255, 255, 255) !important;
}
.button.color-other .button__name {
  color: rgb(255, 255, 255) !important;
}
.button.color-marketing {
  background-color: rgb(108, 201, 152) !important;
  color: rgb(255, 255, 255) !important;
}
.button.color-marketing .button__name {
  color: rgb(255, 255, 255) !important;
}
.button__name {
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: inherit;
  pointer-events: none;
}
@media (max-width: 768px) {
  .button__name {
    font-size: 1.25rem;
    letter-spacing: -0.02em;
  }
}
.button__name_color_white {
  color: rgb(255, 255, 255) !important;
}
.button__name_color_deYork {
  color: rgb(108, 201, 152);
}
.button__name_color_black {
  color: rgb(38, 38, 38);
}
.button__name_color_text-inverse-subdued-40 {
  color: color-mix(in srgb, rgb(38, 38, 38) 100%, rgb(255, 255, 255) 40%);
}
.button__icon {
  width: 1.375rem;
  height: 1.375rem;
}
.button_animation {
  overflow: hidden;
}
.button_animation__container {
  overflow: hidden;
}
.button_animation__container:hover .button_animation__item {
  transform: translateY(100%);
}
.button_animation:hover .button_animation__item {
  transform: translateY(100%);
}
.button_animation__item {
  position: relative;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  display: block;
}
.button_animation__item:before {
  content: attr(data-char);
  position: absolute;
  left: 0;
  width: 100%;
  transform: translateY(-100%);
  text-align: center;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.button_bordered {
  border-width: 2px;
  border-style: solid;
  border-color: transparent;
}
.button_bordered_deYork {
  border-color: rgb(108, 201, 152);
}
.button_bordered_white {
  border-color: rgb(255, 255, 255);
}
.button_bordered_grey {
  border-color: color-mix(in srgb, rgb(255, 255, 255) 100%, rgb(38, 38, 38) 10%);
}
.button_bordered_primary {
  border-color: #E9E9E9;
}
.button_fill_inverse {
  background-color: transparent;
}
.button_fill_swirl {
  background-color: rgb(217, 208, 199);
}
.button_fill_swirl .button__name {
  color: rgb(38, 38, 38);
}
.button_fill_swirl.dark .button__icon {
  filter: invert(1);
}
.button_fill_graphite {
  background-color: rgb(38, 38, 38);
}
.button_fill_graphite .button__name {
  color: rgb(217, 208, 199);
}
.button_fill_deYork {
  background-color: rgb(108, 201, 152);
}
.button_fill_deYork .button__name {
  color: rgb(255, 255, 255);
}
.button_fill_primary {
  background-color: rgb(38, 38, 38);
}
.button_fill_primary .button__name {
  color: rgb(255, 255, 255);
}
.button_size_xs {
  padding: 0.75rem 1rem;
}
.button_size_s {
  padding: 0.75rem 1.5rem;
}
.button_size_xm {
  padding: 0.938rem 1.875rem;
}
@media (max-width: 768px) {
  .button_size_xm {
    padding: 0.833rem 1.25rem;
  }
}
.button_size_m {
  padding: 1rem 2rem;
}
@media (max-width: 768px) {
  .button_size_m {
    padding: 0.563rem 0.938rem;
  }
}
.button_size_l {
  padding: 1.5rem 3rem;
}
@media (max-width: 768px) {
  .button_size_l {
    padding: 1rem 2rem;
  }
}
.button_size_xxs {
  padding: 0.625rem 1.25rem;
}

.logo {
  width: 2.875rem;
  height: 2.875rem;
}
.logo svg {
  width: 100%;
  height: 100%;
}
.logo svg path {
  fill: rgb(38, 38, 38);
}

footer .container {
  gap: 8rem 0;
}
@media (max-width: 768px) {
  footer .footer-section {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
footer .footer-section .socials__item {
  grid-column: span 2;
}
footer .footer-section .socials__item.light .social__link {
  color: rgb(38, 38, 38);
}
footer .footer-section .socials__item.light .social__icon {
  filter: invert(1);
}
footer .footer__contacts-info {
  grid-column: span 2;
}
@media (max-width: 768px) {
  footer .footer__contacts-info {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    display: grid;
  }
}
footer .footer__contact-block {
  grid-column: 1;
}
@media (max-width: 768px) {
  footer .footer__contact-block {
    display: flex;
    flex-direction: column-reverse;
    grid-column: span 2;
  }
}
footer .footer__socials {
  grid-column: 4;
  align-self: flex-start;
  justify-self: end;
}
@media (max-width: 768px) {
  footer .footer__socials {
    grid-column: span 2;
    flex-wrap: wrap;
  }
}
footer .footer__bottom {
  grid-column: span 4;
  display: flex;
  gap: 13.5rem;
  align-items: flex-end;
}
@media (max-width: 768px) {
  footer .footer__bottom {
    grid-column: span 2;
  }
}
footer .footer__services {
  flex: 1;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.15rem;
}
@media (max-width: 768px) {
  footer .footer__services {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.667rem;
  }
}
footer .footer__services__item {
  display: flex;
  flex-direction: column;
  gap: 3rem;
}
@media (max-width: 768px) {
  footer .footer__services__item {
    gap: 2.5rem;
  }
}
footer .footer__services__item .hover-parallax {
  transition: transform 0.3s ease-out, opacity 0.3s ease-out;
  opacity: 1;
}
@keyframes blinking {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
footer .footer__services__item .hover-parallax:hover {
  animation: blinking 1.5s infinite;
}
footer .footer__services__item .item__name {
  color: rgb(255, 255, 255);
  text-transform: uppercase;
  font-size: 2.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 100%;
}
footer .footer__services__item .item__name.light {
  color: rgb(38, 38, 38);
}
@media (max-width: 768px) {
  footer .footer__services__item .item__name {
    font-size: 1.5rem;
    letter-spacing: -0.02em;
  }
}
footer .footer__services__item .item__list {
  list-style: none;
  display: flex;
  gap: 1rem;
  flex-direction: column;
}
footer .footer__services__item .item__list .list__item {
  color: color-mix(in srgb, rgb(38, 38, 38) 100%, rgb(255, 255, 255) 40%);
}
footer .footer__services__item .item__list .list__item > a {
  color: color-mix(in srgb, rgb(38, 38, 38) 100%, rgb(255, 255, 255) 40%);
}

.socials {
  display: flex;
  align-items: center;
  gap: 2rem;
}
.socials__item {
  display: flex;
  align-items: center;
  gap: 0.3125rem;
  color: rgb(255, 255, 255);
}
.socials .social__link {
  text-transform: uppercase;
  color: rgb(255, 255, 255);
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: inherit;
}
@media (max-width: 768px) {
  .socials .social__link {
    font-size: 1.25rem;
    letter-spacing: -0.02em;
  }
}
.socials .social__link.light {
  color: rgb(38, 38, 38);
}
.socials .social__icon.light {
  filter: invert(1);
}

.menu {
  background-color: rgb(38, 38, 38);
  width: 100vw;
  min-height: 100dvh;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  padding: 8rem 0 4rem;
  overflow: auto;
  visibility: inherit;
  transform: translateY(0%);
  transition: all 0.3s;
  z-index: 15;
}
.menu:not(.open) {
  transform: translateY(-100%);
  visibility: hidden;
}
.menu.light {
  background-color: rgb(255, 255, 255);
}
@media (max-width: 768px) {
  .menu {
    padding-bottom: 1rem;
  }
}
.menu .contacts-block {
  padding-right: 4rem;
}
@media (max-width: 768px) {
  .menu .contacts-block {
    width: 100%;
    padding: 0;
    padding-bottom: 1rem;
  }
}
.menu .contacts-block .calculate__link__nav {
  width: fit-content;
  margin: 0 auto;
}
@media (max-width: 520px) {
  .menu .contacts-block .calculate__link__nav__link {
    font-size: 1rem;
  }
}
.menu .socials__item {
  grid-column: span 2;
}
@media (max-width: 768px) {
  .menu .socials__item {
    justify-content: flex-start;
  }
}
.menu .socials__item.light .social__link {
  color: rgb(38, 38, 38);
}
.menu .socials__item.light .social__icon {
  filter: invert(1);
}
.menu .container {
  height: 100%;
  width: 100%;
  margin: 0;
}
@media (max-width: 768px) {
  .menu .container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: calc(100vw - 2.5rem);
    margin: 0 auto;
    gap: 2rem;
  }
}
.menu__navigation {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  padding-left: 4rem;
}
@media (max-width: 768px) {
  .menu__navigation {
    grid-column: span 2;
    padding: 0;
  }
}
.menu__navigation-item {
  transition: all 0.3s;
  color: rgb(255, 255, 255);
  display: flex;
  gap: 30px;
}
@media (max-width: 768px) {
  .menu__navigation-item {
    gap: 0.75rem;
  }
}
.menu__navigation-item.light {
  color: rgb(38, 38, 38);
}
.menu__navigation-item.light span {
  color: rgb(38, 38, 38);
}
.menu__navigation-item.blur {
  filter: blur(4px);
  transition: all 0.3s;
  color: rgb(255, 255, 255);
}
.menu__navigation-item.blur.light {
  color: rgb(38, 38, 38);
}
.menu__navigation-item span {
  color: rgb(255, 255, 255);
}
.menu__navigation-name {
  text-transform: uppercase;
  font-size: 6rem;
  font-weight: 500;
  letter-spacing: -0.02em;
  line-height: 100%;
}
@media (max-width: 768px) {
  .menu__navigation-name {
    font-size: 3rem;
  }
}
.menu__navigation-counter {
  font-size: 2.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 100%;
}
@media (max-width: 768px) {
  .menu__navigation-counter {
    font-size: 1.5rem;
    letter-spacing: -0.02em;
  }
}
@media (max-width: 768px) {
  .menu__navigation-counter {
    transform: translateY(-0.5rem);
  }
}
.menu__socials {
  align-self: end;
  flex-wrap: wrap;
  padding-left: 4rem;
}
@media (max-width: 768px) {
  .menu__socials {
    width: 100%;
    padding: 0;
  }
  .menu__socials.mobile {
    display: flex !important;
  }
}
.menu__portfolio {
  max-height: 25rem;
}
@media (max-width: 768px) {
  .menu__portfolio {
    display: none;
  }
}
.menu__portfolio__swiper-portfolio {
  height: 100%;
}
.menu__portfolio__slide-portfolio {
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  padding: 2rem;
  border-radius: 0.75rem;
  display: flex !important;
  flex-direction: column;
  gap: 1rem;
  justify-content: space-between;
  overflow: hidden;
}
.menu__portfolio__slide-portfolio:hover .menu__portfolio__img {
  transform: scale(1);
}
.menu__portfolio__slide-portfolio:hover .menu__portfolio__title {
  transform: scale(1.05) translateX(1rem);
}
.menu__portfolio__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.05);
  transition: all 0.3s;
}
.menu__portfolio__title {
  text-transform: uppercase;
  color: rgb(255, 255, 255);
  font-size: 2.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 100%;
  z-index: 1;
  transition: all 0.3s;
}
@media (max-width: 768px) {
  .menu__portfolio__title {
    font-size: 1.5rem;
    letter-spacing: -0.02em;
  }
}
.menu__portfolio__footer-block {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  z-index: 1;
}
.menu__portfolio__description {
  color: rgb(255, 255, 255);
  max-width: 16.25rem;
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: inherit;
}
@media (max-width: 768px) {
  .menu__portfolio__description {
    font-size: 1.25rem;
    letter-spacing: -0.02em;
  }
}

.contacts-block {
  display: flex;
  flex-wrap: wrap;
  gap: 4rem 2rem;
  align-items: flex-end;
  align-self: end;
}
@media (max-width: 768px) {
  .contacts-block {
    gap: 3rem;
  }
}
.contacts-block__main {
  width: 100%;
}
.contacts-block__contacts-item_large {
  grid-column: span 2;
  font-size: 4rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 100%;
  color: rgb(255, 255, 255);
  text-transform: uppercase;
  line-height: 100%;
}
.contacts-block__contacts-item_large.light {
  color: rgb(38, 38, 38);
}
.contacts-block__contacts-item_large span {
  font-size: 4rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 100%;
  text-transform: uppercase;
  line-height: 100%;
}
@media (max-width: 768px) {
  .contacts-block__contacts-item_large span {
    font-size: 2rem;
    letter-spacing: -2%;
  }
}
.contacts-block__contacts-item_large span.color-develop {
  color: rgb(81, 64, 234);
}
.contacts-block__contacts-item_large span.color-design {
  color: rgb(245, 154, 68);
}
.contacts-block__contacts-item_large span.color-other {
  color: rgb(190, 196, 205);
}
.contacts-block__contacts-item_large span.color-marketing {
  color: rgb(108, 201, 152);
}
@media (max-width: 768px) {
  .contacts-block__contacts-item_large {
    font-size: 2rem;
    letter-spacing: -2%;
  }
}
.contacts-block__contacts-item_large_graphite {
  color: rgb(38, 38, 38);
}
.contacts-block__contacts-item_large_accent {
  color: rgb(217, 208, 199);
  font-size: inherit;
}
.contacts-block__contacts-item_large_deYork {
  color: rgb(108, 201, 152);
  font-size: inherit;
}
.contacts-block__contacts-item_small {
  font-size: 2.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 100%;
  color: color-mix(in srgb, rgb(38, 38, 38) 100%, rgb(255, 255, 255) 40%);
  padding-right: 2rem;
}
@media (max-width: 768px) {
  .contacts-block__contacts-item_small {
    font-size: 1.5rem;
    letter-spacing: -0.02em;
  }
}
.contacts-block__contacts-item_small:last-of-type {
  padding-left: 2rem;
  border-left: 1px solid color-mix(in srgb, rgb(38, 38, 38) 100%, rgb(255, 255, 255) 40%);
  justify-self: end;
}
@media (max-width: 768px) {
  .contacts-block__contacts-item_small:last-of-type {
    padding-left: 0;
    border: 0;
  }
}

.blur-list .container {
  gap: 6rem;
}
@media (max-width: 768px) {
  .blur-list .container {
    grid-template-columns: 0;
  }
}
.blur-list__title {
  grid-column: 2/span 2;
  text-align: center;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 1.2rem;
  text-transform: uppercase;
  color: color-mix(in srgb, rgb(38, 38, 38) 100%, rgb(255, 255, 255) 40%);
}
@media (max-width: 768px) {
  .blur-list__title {
    font-size: 1rem;
    line-height: 0.9rem;
    letter-spacing: -0.02em;
  }
}
@media (max-width: 768px) {
  .blur-list__title {
    grid-column: span 4;
  }
}
.blur-list__list {
  position: relative;
  grid-column: span 4;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
}
.blur-list__item {
  display: flex;
  gap: 1rem;
  align-items: flex-start;
}
.blur-list__item_blur {
  filter: blur(4px);
}
.blur-list__counter {
  color: rgb(255, 255, 255);
  font-size: 2.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 100%;
}
@media (max-width: 768px) {
  .blur-list__counter {
    font-size: 1.5rem;
    letter-spacing: -0.02em;
  }
}
.blur-list__item-name {
  color: rgb(255, 255, 255);
  font-size: 6rem;
  font-weight: 500;
  letter-spacing: -0.02em;
  line-height: 100%;
  text-transform: uppercase;
}
@media (max-width: 768px) {
  .blur-list__item-name {
    font-size: 3rem;
  }
}

.blur-list__item {
  cursor: pointer;
}
.blur-list__item:hover .image-container {
  opacity: 1;
}

.image-container {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.3s;
  pointer-events: none;
  width: 100%;
  height: 100%;
}
@media (max-width: 768px) {
  .image-container {
    display: none;
  }
}
.image-container img {
  position: absolute;
  max-height: 18.125rem;
  max-width: 20rem;
  width: 100%;
  height: 24rem;
  object-fit: cover;
  overflow: visible;
  z-index: 10;
}

.imgDevelopment:first-child {
  top: -28%;
  left: 0%;
}
.imgDevelopment:last-child {
  top: 95%;
  right: 33%;
}

.imgMarketing:first-child {
  top: 94%;
  left: 34%;
}
.imgMarketing:last-child {
  top: 40%;
  right: 0%;
}

.imgDesign:first-child {
  top: -53%;
  left: 27%;
}
.imgDesign:last-child {
  top: -6%;
  right: 0%;
}

.imgOther:first-child {
  top: 7%;
  left: 0%;
}
.imgOther:last-child {
  top: -23%;
  right: 40%;
}

@media (max-width: 768px) {
  .split-block .container {
    display: flex;
    flex-direction: column;
    gap: 6rem;
  }
}
.split-block .container > .button {
  width: fit-content;
  margin: 0 auto;
}
.split-block.light .split-block__title {
  color: rgb(38, 38, 38);
}
.split-block.light .split-block__user__name {
  color: rgb(38, 38, 38);
}
.split-block.light .split-block__review-content__text__content {
  color: rgb(38, 38, 38);
}
.split-block__header {
  display: flex;
  gap: 4rem;
}
.split-block__info {
  grid-column: span 2;
  display: flex;
  flex-direction: column;
  gap: 4rem;
  align-items: flex-start;
}
.split-block__title {
  font-size: 6rem;
  font-weight: 500;
  letter-spacing: -0.02em;
  line-height: 100%;
  color: rgb(255, 255, 255);
  text-transform: uppercase;
  line-height: 100%;
}
@media (max-width: 768px) {
  .split-block__title {
    font-size: 3rem;
  }
}
.split-block__content {
  grid-column: span 2;
  display: flex;
  flex-direction: column;
}
.split-block__content_faq {
  gap: 4rem;
}
.split-block__content_reviews {
  gap: 8rem;
}
.split-block__reviews {
  display: flex;
  flex-direction: column;
  gap: 6rem;
}
@media (max-width: 768px) {
  .split-block__reviews {
    gap: 0;
  }
}
.split-block__review {
  display: grid;
  grid-template-columns: 1fr 35.375rem;
  align-items: start;
}
@media (max-width: 768px) {
  .split-block__review {
    display: flex;
    flex-direction: column;
    gap: 4.5rem;
  }
  .split-block__review:first-child {
    padding-bottom: 4.5rem;
  }
  .split-block__review:not(:first-child) {
    border-top: 0.125rem solid #E9E9E9;
    padding-top: 4.5rem;
  }
}
.split-block__user {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}
.split-block__user__photo {
  border-radius: 50%;
  aspect-ratio: 1/1;
  width: 4rem;
  overflow: hidden;
}
.split-block__user__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.split-block__user__info {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.split-block__user__name {
  color: rgb(255, 255, 255);
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: inherit;
}
@media (max-width: 768px) {
  .split-block__user__name {
    font-size: 1.25rem;
    letter-spacing: -0.02em;
  }
}
.split-block__user__description {
  color: rgba(38, 38, 38, 0.4);
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 1.2rem;
}
@media (max-width: 768px) {
  .split-block__user__description {
    font-size: 1rem;
    line-height: 0.9rem;
    letter-spacing: -0.02em;
  }
}
.split-block__review-content {
  display: flex;
  flex-direction: column;
  gap: 3rem;
}
@media (max-width: 768px) {
  .split-block__review-content {
    gap: 4.5rem;
  }
}
.split-block__review-content__text {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.split-block__review-content__text__content {
  line-clamp: 4;
  color: rgb(255, 255, 255);
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: inherit;
}
@media (max-width: 768px) {
  .split-block__review-content__text__content {
    font-size: 1.25rem;
    letter-spacing: -0.02em;
  }
}
.split-block__review-content__text__map-link {
  color: rgb(215, 206, 197);
}
.split-block__review-content__grade-block {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.split-block__review-content__grade-block__grade {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.split-block__review-content__grade-block__grade span {
  color: rgb(108, 201, 152);
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: inherit;
}
@media (max-width: 768px) {
  .split-block__review-content__grade-block__grade span {
    font-size: 1.25rem;
    letter-spacing: -0.02em;
  }
}
.split-block__review-content__grade-block__date {
  color: rgba(38, 38, 38, 0.4);
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 1.2rem;
}
@media (max-width: 768px) {
  .split-block__review-content__grade-block__date {
    font-size: 1rem;
    line-height: 0.9rem;
    letter-spacing: -0.02em;
  }
}

.tags {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  gap: 1rem;
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: inherit;
}
@media (max-width: 768px) {
  .tags {
    font-size: 1.25rem;
    letter-spacing: -0.02em;
  }
}
.tags__tag {
  border-radius: 1000px;
  border: 2px solid rgb(255, 255, 255);
  color: rgb(255, 255, 255);
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.tags__tag:not(.active) {
  border: 1px solid hsla(0, 0%, 100%, 0.1);
  color: color-mix(in srgb, rgb(255, 255, 255) 100%, rgb(38, 38, 38) 60%);
}
.tags__tag_size_xs {
  padding: 0.75rem 1rem;
}
.tags__tag_size_s {
  padding: 0.75rem 1.5rem;
}
.tags__tag_size_m {
  padding: 1rem 2rem;
}
@media (max-width: 768px) {
  .tags__tag_size_m {
    padding: 0.563rem 0.938rem;
  }
}
.tags__tag_size_l {
  padding: 1.5rem 3rem;
}
@media (max-width: 768px) {
  .tags__tag_size_l {
    padding: 1rem 2rem;
  }
}
.tags__tag_disabled {
  border-color: color-mix(in srgb, rgb(255, 255, 255) 100%, rgb(38, 38, 38) 10%);
  color: color-mix(in srgb, rgb(255, 255, 255) 100%, rgb(38, 38, 38) 60%);
}

.tags__tag.active {
  border: 2px solid rgb(255, 255, 255);
  color: rgb(255, 255, 255);
}

.tags_bg.active {
  color: #262626;
  background: white;
}

.expansion-block {
  display: flex;
  flex-direction: column;
}
.expansion-block__main {
  display: flex;
  flex-direction: column;
}
.expansion-block__main:not(.active) {
  display: none;
}
.expansion-block.page .expansion-block__item {
  display: flex;
  border-bottom: 1px solid color-mix(in srgb, rgb(255, 255, 255) 100%, rgb(38, 38, 38) 10%);
}
.expansion-block.page .expansion-block__item:not(:first-of-type):not(:nth-child(1)) {
  border-top: 0;
}
.expansion-block.filter {
  display: none;
}
.expansion-block.filter .expansion-block__item {
  display: flex;
  border-bottom: 1px solid color-mix(in srgb, rgb(255, 255, 255) 100%, rgb(38, 38, 38) 10%);
}
.expansion-block.filter .expansion-block__item:not(:first-of-type):not(:nth-child(1)) {
  border-top: 0;
}
.expansion-block__item {
  flex-direction: column;
  width: 100%;
  cursor: pointer;
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.4);
}
@media (max-width: 768px) {
  .expansion-block__item:nth-child(1) {
    border-top: 1px solid color-mix(in srgb, rgb(255, 255, 255) 100%, rgb(38, 38, 38) 10%);
  }
  .expansion-block__item:last-of-type {
    border-bottom: 1px solid color-mix(in srgb, rgb(255, 255, 255) 100%, rgb(38, 38, 38) 10%);
  }
}
.expansion-block__item_collapse {
  border-bottom: 1px solid white;
}
.expansion-block__item_collapse .expansion-block__icon {
  rotate: 0deg;
  opacity: 1;
}
.expansion-block__item_collapse .expansion-block__body {
  max-height: 200px;
}
.expansion-block__item_collapse .expansion-block__title {
  opacity: 1;
}
.expansion-block .expansion-block__item.active {
  display: flex;
}
.expansion-block__header {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: flex-start;
  padding: 2rem 0;
}
.expansion-block__title {
  text-transform: uppercase;
  color: rgb(255, 255, 255);
  opacity: 0.4;
  font-size: 2.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 100%;
  line-height: 120%;
  pointer-events: none;
}
@media (max-width: 768px) {
  .expansion-block__title {
    font-size: 1.5rem;
    letter-spacing: -0.02em;
  }
}
.expansion-block__icon {
  rotate: -135deg;
  opacity: 0.4;
  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1) !important;
  pointer-events: none;
}
.expansion-block__body {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  max-height: 0;
  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
.expansion-block__content {
  padding-bottom: 2rem;
}
.expansion-block__text {
  color: color-mix(in srgb, rgb(38, 38, 38) 100%, rgb(255, 255, 255) 40%);
}

.map-block {
  display: flex;
  gap: 1.125rem;
  align-items: flex-end;
}
.map-block .map-block__info-container {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.map-block .map-block__info-container__top {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.map-block .map-block__info-container__top i.light {
  filter: invert(1);
}
.map-block .map-block__info-container__title {
  color: rgb(255, 255, 255);
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: inherit;
}
@media (max-width: 768px) {
  .map-block .map-block__info-container__title {
    font-size: 1.25rem;
    letter-spacing: -0.02em;
  }
}
.map-block .map-block__info-container__title.light {
  color: rgb(38, 38, 38) !important;
}
.map-block .map-block__info-container__description {
  color: color-mix(in srgb, rgb(255, 255, 255) 100%, rgb(38, 38, 38) 60%);
}

form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 2rem 4rem;
  align-items: start;
}

.form__description {
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 1.2rem;
  color: color-mix(in srgb, rgb(38, 38, 38) 100%, rgb(255, 255, 255) 60%);
}
@media (max-width: 768px) {
  .form__description {
    font-size: 1rem;
    line-height: 0.9rem;
    letter-spacing: -0.02em;
  }
}
.form__footer {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  grid-column: 2;
}

.form-block__container {
  display: grid;
  grid-template-columns: 1fr calc(50% + 4rem);
  margin: 0 auto;
  width: calc(100vw - 8rem);
  max-width: calc(1920px - 8rem);
}
.form-block__left {
  border-radius: 1000px 0 0 1000px;
  overflow: hidden;
}
.form-block__left img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.form-block__right {
  border-radius: 0 1000px 1000px 0;
  background-color: rgb(255, 255, 255);
  padding: 4rem 10rem 4rem 4rem;
  display: flex;
  flex-direction: column;
  gap: 6rem;
}
.form-block__right__title {
  font-size: 6rem;
  font-weight: 500;
  letter-spacing: -0.02em;
  line-height: 100%;
  line-height: 1;
  text-transform: uppercase;
}
@media (max-width: 768px) {
  .form-block__right__title {
    font-size: 3rem;
  }
}
.form-block__right .button {
  width: fit-content;
}

.field {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  border-bottom: 2px solid color-mix(in srgb, rgb(255, 255, 255) 100%, rgb(38, 38, 38) 10%);
  padding-bottom: 1.5rem;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.field__title {
  color: color-mix(in srgb, rgb(38, 38, 38) 100%, rgb(255, 255, 255) 60%);
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 1.2rem;
}
@media (max-width: 768px) {
  .field__title {
    font-size: 1rem;
    line-height: 0.9rem;
    letter-spacing: -0.02em;
  }
}
.field__input {
  border: none;
  outline: none;
  outline-offset: 0;
  background-color: rgb(255, 255, 255);
}
.field_error {
  border-color: rgb(238, 76, 62);
  position: relative;
}
.field_error .field__title {
  color: rgb(238, 76, 62);
}
.field_error:after {
  content: "*";
  position: absolute;
  right: 0;
  top: 0;
  color: rgb(238, 76, 62);
}

#soluzioni {
  height: 100vh;
  position: relative;
}
@media (max-width: 768px) {
  #soluzioni {
    height: fit-content;
  }
}
#soluzioni .soluzione-testa {
  height: 3.75rem;
  position: relative;
}
#soluzioni .soluzione-testa .title-block {
  display: flex;
  gap: 1.5rem;
  text-transform: uppercase;
}

#soluzioni .soluzione {
  position: relative;
  background-color: #FFFFFF;
}
#soluzioni .soluzione::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgb(255, 255, 255);
}

#soluzioni .soluzione-corpo {
  height: 0;
  position: relative;
}
@media (max-width: 768px) {
  #soluzioni .soluzione-corpo {
    height: fit-content !important;
    padding-bottom: 4rem;
  }
}

#soluzioni .soluzione-1 .soluzione-corpo {
  height: calc(100vh - 15rem);
  opacity: 1;
}
@media (max-width: 768px) {
  #soluzioni .soluzione-1 .soluzione-corpo {
    height: fit-content !important;
  }
}

.calculate__link {
  position: fixed;
  margin: 0 auto;
  left: 50%;
  transform: translateX(-50%);
  z-index: 12;
  bottom: 0;
}
@media (max-width: 768px) {
  .calculate__link {
    bottom: 2.5rem;
  }
}
.calculate__link a {
  position: relative;
  display: flex;
  margin: 0 auto;
  max-width: 20rem;
}
.calculate__link a span {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  color: white;
  transform: translate(-50%, -50%);
  width: 80%;
  text-align: center;
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: inherit;
}
@media (max-width: 768px) {
  .calculate__link a span {
    font-size: 1.25rem;
    letter-spacing: -0.02em;
  }
}
.calculate__link__nav {
  display: none;
  border: 0.063rem solid rgba(38, 38, 38, 0.1019607843);
  border-radius: 1000px;
  width: 100%;
  background-color: rgb(255, 255, 255);
}
.calculate__link__nav.dark {
  background-color: rgb(38, 38, 38);
  border-color: rgba(255, 255, 255, 0.1019607843);
}
@media (max-width: 768px) {
  .calculate__link__nav {
    border-width: 0.125rem;
  }
}
.calculate__link__nav__link {
  color: rgb(255, 255, 255);
  border-radius: 1000px;
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: inherit;
  padding: 1rem 2rem;
}
@media (max-width: 768px) {
  .calculate__link__nav__link {
    font-size: 1.25rem;
    letter-spacing: -0.02em;
  }
}
@media (max-width: 768px) {
  .calculate__link__nav__link {
    padding: 0.563rem 0.938rem;
  }
}
.calculate__link__nav__link.color-develop {
  color: rgb(38, 38, 38);
}
.calculate__link__nav__link.color-develop.active {
  color: rgb(81, 64, 234) !important;
  border: 0.063rem solid rgb(81, 64, 234);
}
.calculate__link__nav__link.color-develop:hover {
  border: 0.063rem solid rgb(81, 64, 234);
}
.calculate__link__nav__link.color-design {
  color: rgb(38, 38, 38);
}
.calculate__link__nav__link.color-design.active {
  color: rgb(245, 154, 68) !important;
  border: 0.063rem solid rgb(245, 154, 68);
}
.calculate__link__nav__link.color-design:hover {
  border: 0.063rem solid rgb(245, 154, 68);
}
.calculate__link__nav__link.color-other {
  color: rgb(38, 38, 38);
}
.calculate__link__nav__link.color-other.active {
  color: rgb(190, 196, 205) !important;
  border: 0.063rem solid rgb(190, 196, 205);
}
.calculate__link__nav__link.color-other:hover {
  border: 0.063rem solid rgb(190, 196, 205);
}
.calculate__link__nav__link.color-marketing {
  color: rgb(38, 38, 38);
}
.calculate__link__nav__link.color-marketing.active {
  color: rgb(108, 201, 152) !important;
  border: 0.063rem solid rgb(108, 201, 152);
}
.calculate__link__nav__link.color-marketing:hover {
  border: 0.063rem solid rgb(108, 201, 152);
}
@media (max-width: 520px) {
  .calculate__link__nav__link {
    font-size: 1rem;
  }
}
@media (max-width: 768px) {
  .calculate__link__nav {
    display: flex;
  }
}

.calculate__link-dark {
  position: fixed;
  margin: 0 auto;
  left: 50%;
  transform: translateX(-50%);
  z-index: 12;
  bottom: -5px;
}
@media (max-width: 768px) {
  .calculate__link-dark {
    bottom: 2.5rem;
  }
}
.calculate__link-dark a {
  position: relative;
  display: flex;
  margin: 0 auto;
  max-width: 20rem;
  color: white;
}
.calculate__link-dark a span {
  position: absolute;
  left: 3.75rem;
  top: 1.75rem;
  z-index: 2;
  color: white;
}
.calculate__link-dark__nav {
  display: none;
  border: 1px solid rgba(255, 255, 255, 0.1019607843);
  border-radius: 1000px;
  width: 100%;
  background: #262626;
}
.calculate__link-dark__nav__link {
  color: rgb(255, 255, 255);
  border-radius: 1000px;
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: inherit;
  padding: 1rem 2rem;
}
@media (max-width: 768px) {
  .calculate__link-dark__nav__link {
    font-size: 1.25rem;
    letter-spacing: -0.02em;
  }
}
@media (max-width: 768px) {
  .calculate__link-dark__nav__link {
    padding: 0.563rem 0.938rem;
  }
}
@media (max-width: 768px) {
  .calculate__link-dark__nav {
    display: flex;
  }
}

.input {
  background: transparent;
  border: none;
  outline: none;
  width: 100%;
  transition: all 0.3s;
}
.input.error {
  border-color: red;
}
.input.error::placeholder {
  color: red !important;
}
.input_size_form {
  padding: 1.25rem 0;
  border-bottom: 2px solid rgba(255, 255, 255, 0.1019607843);
  color: white;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 1.2rem;
}
@media (max-width: 768px) {
  .input_size_form {
    font-size: 1rem;
    line-height: 0.9rem;
    letter-spacing: -0.02em;
  }
}
.input_size_modals {
  padding: 1.25rem 0;
  border-bottom: 2px solid rgba(38, 38, 38, 0.1019607843);
  color: rgb(38, 38, 38);
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 1.2rem;
}
@media (max-width: 768px) {
  .input_size_modals {
    font-size: 1rem;
    line-height: 0.9rem;
    letter-spacing: -0.02em;
  }
}
.input_size_modals::placeholder {
  color: rgb(38, 38, 38) !important;
}
.input_size_brief {
  padding: 1.25rem 0;
  border-bottom: 2px solid rgba(38, 38, 38, 0.4);
  color: rgb(38, 38, 38);
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 1.2rem;
}
@media (max-width: 768px) {
  .input_size_brief {
    font-size: 1rem;
    line-height: 0.9rem;
    letter-spacing: -0.02em;
  }
}
.input_size_brief::placeholder {
  color: rgb(38, 38, 38) !important;
}
.input::placeholder {
  color: white;
  opacity: 0.4;
}

.label_size_form {
  width: 100%;
}

.textarea {
  resize: none;
  background: transparent;
  border: none;
  outline: none;
}
.textarea_form-brief {
  padding-bottom: 2.5rem;
  border-bottom: 2px solid rgba(38, 38, 38, 0.4);
  color: black;
  resize: vertical;
  width: 100%;
  height: 100%;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 1.2rem;
}
@media (max-width: 768px) {
  .textarea_form-brief {
    font-size: 1rem;
    line-height: 0.9rem;
    letter-spacing: -0.02em;
  }
}

.breadcrumbs {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.875rem;
  color: rgb(38, 38, 38);
  opacity: 0.4;
}
.breadcrumbs a {
  color: rgb(38, 38, 38);
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: inherit;
  text-transform: uppercase;
}
@media (max-width: 768px) {
  .breadcrumbs a {
    font-size: 1.25rem;
    letter-spacing: -0.02em;
  }
}

.breadcrumbs_v2 {
  display: flex;
  flex-direction: column;
  row-gap: 4rem;
}
@media (max-width: 768px) {
  .breadcrumbs_v2 {
    row-gap: 3rem;
  }
}
.breadcrumbs_v2 .nav-link {
  display: flex;
  gap: 1.875rem;
}
.breadcrumbs_v2 .nav-link__text {
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: inherit;
  color: white;
  opacity: 0.4;
  text-transform: uppercase;
}
@media (max-width: 768px) {
  .breadcrumbs_v2 .nav-link__text {
    font-size: 1.25rem;
    letter-spacing: -0.02em;
  }
}
.breadcrumbs_v2 .title {
  font-size: 7.5rem;
  letter-spacing: -0.024em;
  font-weight: 500;
  line-height: 100%;
  color: white;
  text-transform: uppercase;
}
@media (max-width: 768px) {
  .breadcrumbs_v2 .title {
    font-size: 3.5rem;
    letter-spacing: -0.02rem;
  }
}
@media (max-width: 768px) {
  .breadcrumbs_v2 .title {
    word-break: break-all;
    -webkit-hyphens: auto;
    hyphens: auto;
  }
}
.breadcrumbs_v2 .title-other {
  font-size: 6rem;
  font-weight: 500;
  letter-spacing: -0.02em;
  line-height: 100%;
  color: white;
  text-transform: uppercase;
}
@media (max-width: 768px) {
  .breadcrumbs_v2 .title-other {
    font-size: 3rem;
  }
}
@media (max-width: 768px) {
  .breadcrumbs_v2 .title-other {
    word-break: break-all;
    -webkit-hyphens: auto;
    hyphens: auto;
  }
}

.accordion-item .accordion-header {
  cursor: pointer;
}
.accordion-item .accordion-body {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-out;
  cursor: default;
}
.big-title-section .container {
  padding-bottom: 4.5rem;
}
.big-title-section__big-title-block {
  padding: 0 18.75rem;
  grid-column: span 2;
  display: flex;
  flex-direction: column;
  gap: 3.75rem;
}
@media (max-width: 768px) {
  .big-title-section__big-title-block {
    padding: 0;
  }
}
.big-title-section__big-title-block .back-btn {
  display: none;
  gap: 0.417rem;
}
@media (max-width: 768px) {
  .big-title-section__big-title-block .back-btn {
    display: flex;
    align-items: center;
  }
}
.big-title-section__big-title-block .back-btn .icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
.big-title-section__big-title-block .back-btn .icon svg path {
  fill: rgb(255, 255, 255);
  opacity: 0.4;
}
.big-title-section__big-title-block .back-btn .title {
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: inherit;
  color: rgb(255, 255, 255);
  opacity: 0.4;
}
@media (max-width: 768px) {
  .big-title-section__big-title-block .back-btn .title {
    font-size: 1.25rem;
    letter-spacing: -0.02em;
  }
}
.big-title-section__big-title-block .breadcrumbs {
  justify-content: flex-start;
}
.big-title-section__big-title-block .breadcrumbs a {
  color: rgb(255, 255, 255);
}
.big-title-section__big-title-block .breadcrumbs span {
  color: rgb(255, 255, 255);
}
@media (max-width: 520px) {
  .big-title-section__big-title-block .breadcrumbs {
    display: none;
  }
}
.big-title-section__big-title-block .title {
  font-size: 7.5rem;
  letter-spacing: -0.024em;
  font-weight: 500;
  line-height: 100%;
  color: rgb(255, 255, 255);
  text-transform: uppercase;
}
@media (max-width: 768px) {
  .big-title-section__big-title-block .title {
    font-size: 3.5rem;
    letter-spacing: -0.02rem;
  }
}
@media (max-width: 520px) {
  .big-title-section__big-title-block .title {
    padding: 0;
  }
}

.blog-section__blog-block {
  gap: 2.5rem;
}
.blog-section__blog-block.container {
  padding: 0 18.75rem;
}
@media (max-width: 768px) {
  .blog-section__blog-block.container {
    padding: 0;
  }
}

.filter-section .container {
  padding: 0 18.75rem;
}
@media (max-width: 768px) {
  .filter-section .container {
    padding: 0;
  }
}
.filter-section__filter-block {
  grid-column: span 2;
}
.filter-section__filter-block .tags {
  gap: 1.25rem;
}
.filter-section__filter-block .tags__tag {
  display: flex;
  align-items: center;
  justify-content: center;
  max-height: 2.75rem;
}

.blog-card {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}
@media (max-width: 520px) {
  .blog-card {
    grid-column: span 2;
    gap: 1.667rem;
  }
}
.blog-card:first-of-type {
  flex-direction: row;
  grid-column: span 2;
}
@media (max-width: 520px) {
  .blog-card:first-of-type {
    flex-direction: column;
  }
}
.blog-card:first-of-type .blog-card__img {
  max-width: 36.25rem;
  max-height: 31.875rem;
  flex: 1;
}
@media (max-width: 520px) {
  .blog-card:first-of-type .blog-card__img {
    max-width: none;
  }
}
.blog-card:first-of-type .blog-card__info-block {
  justify-content: space-between;
  gap: 0;
  flex: 1;
}
.blog-card__img {
  max-width: 36.25rem;
  max-height: 21.25rem;
}
@media (max-width: 520px) {
  .blog-card__img {
    max-width: none;
  }
}
.blog-card__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0.375rem;
}
.blog-card__info-block {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}
@media (max-width: 520px) {
  .blog-card__info-block {
    gap: 3.333rem !important;
  }
}
.blog-card__desc {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}
@media (max-width: 520px) {
  .blog-card__desc {
    gap: 1.667rem;
  }
}
.blog-card__desc__date {
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: inherit;
  color: rgb(255, 255, 255);
}
@media (max-width: 768px) {
  .blog-card__desc__date {
    font-size: 1.25rem;
    letter-spacing: -0.02em;
  }
}
.blog-card__desc__title {
  font-size: 2.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 100%;
  color: rgb(255, 255, 255);
  text-transform: uppercase;
}
@media (max-width: 768px) {
  .blog-card__desc__title {
    font-size: 1.5rem;
    letter-spacing: -0.02em;
  }
}
@media (max-width: 768px) {
  .blog-card__desc__title {
    line-height: 120%;
  }
}
.blog-card__desc__rating {
  display: flex;
  align-items: center;
  gap: 0.313rem;
}
.blog-card__desc__rating__grade {
  color: white;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 1.2rem;
}
@media (max-width: 768px) {
  .blog-card__desc__rating__grade {
    font-size: 1rem;
    line-height: 0.9rem;
    letter-spacing: -0.02em;
  }
}
.blog-card__desc__rating .rating-block {
  display: flex;
}
.blog-card__other {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 0.0625rem solid rgba(255, 255, 255, 0.1);
  padding-bottom: 2.5rem;
}
.blog-card__other__hashtag {
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: inherit;
  color: rgb(255, 255, 255);
}
@media (max-width: 768px) {
  .blog-card__other__hashtag {
    font-size: 1.25rem;
    letter-spacing: -0.02em;
  }
}
.blog-card__other__time {
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: inherit;
  color: rgb(255, 255, 255);
  opacity: 0.4;
}
@media (max-width: 768px) {
  .blog-card__other__time {
    font-size: 1.25rem;
    letter-spacing: -0.02em;
  }
}

@media (max-width: 768px) {
  .big-title-section .container {
    padding: 3.333rem 0;
  }
}
.big-title-section__big-title-block {
  grid-column: span 2;
}
@media (max-width: 768px) {
  .big-title-section__big-title-block {
    gap: 3.333rem;
  }
}
.big-title-section__big-title-block .title.blog-title {
  font-size: 6rem;
  font-weight: 500;
  letter-spacing: -0.02em;
  line-height: 100%;
  line-height: 100%;
  padding-left: 0;
}
@media (max-width: 768px) {
  .big-title-section__big-title-block .title.blog-title {
    font-size: 3rem;
  }
}
@media (max-width: 768px) {
  .big-title-section__big-title-block .breadcrumbs {
    display: none;
  }
}

.article-section .container {
  padding: 3.75rem 18.75rem 6.25rem 18.75rem;
}
@media (max-width: 768px) {
  .article-section .container {
    padding: 3.333rem 0 5rem 0;
  }
}
.article-section__article-block {
  grid-column: span 2;
}
.article-section__article-block__article-image {
  max-width: 75rem;
  max-height: 37.5rem;
  width: 100%;
  height: 100%;
}
.article-section__article-block__article-image img {
  border-radius: 0.375rem;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.article-section__article-block__info-block {
  display: flex;
  gap: 5rem;
  padding-top: 3.75rem;
}
@media (max-width: 768px) {
  .article-section__article-block__info-block {
    flex-direction: column-reverse;
  }
}
.article-section__article-block__article-content {
  max-width: 43.75rem;
  width: 100%;
  color: rgb(255, 255, 255);
}
@media (max-width: 768px) {
  .article-section__article-block__article-content {
    max-width: none;
    gap: 5rem;
  }
}
.article-section__article-block__article-content__paragraph {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}
.article-section__article-block__article-content__paragraph .title {
  font-size: 2.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 100%;
  color: rgb(255, 255, 255);
  text-transform: uppercase;
}
@media (max-width: 768px) {
  .article-section__article-block__article-content__paragraph .title {
    font-size: 1.5rem;
    letter-spacing: -0.02em;
  }
}
@media (max-width: 768px) {
  .article-section__article-block__article-content__paragraph .title {
    line-height: 75%;
    font-size: 1.5rem;
  }
}
.article-section__article-block__article-content__paragraph .sub-title {
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: inherit;
  color: rgb(255, 255, 255);
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
@media (max-width: 768px) {
  .article-section__article-block__article-content__paragraph .sub-title {
    font-size: 1.25rem;
    letter-spacing: -0.02em;
  }
}
@media (max-width: 768px) {
  .article-section__article-block__article-content__paragraph .sub-title {
    font-size: 1.25rem;
  }
}
.article-section__article-block__article-content__paragraph .sub-title ul {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  padding-top: 1.25rem;
  list-style-type: decimal;
}
.article-section__article-block__article-content__paragraph .sub-title ul li {
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: inherit;
  color: rgb(255, 255, 255);
  margin-left: 1.25rem;
}
@media (max-width: 768px) {
  .article-section__article-block__article-content__paragraph .sub-title ul li {
    font-size: 1.25rem;
    letter-spacing: -0.02em;
  }
}
.article-section__article-block__article-content__paragraph .sub-title p {
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: inherit;
  color: rgb(255, 255, 255);
}
@media (max-width: 768px) {
  .article-section__article-block__article-content__paragraph .sub-title p {
    font-size: 1.25rem;
    letter-spacing: -0.02em;
  }
}
.article-section__article-block__article-content__other {
  margin-top: 3rem;
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}
@media (max-width: 768px) {
  .article-section__article-block__article-content__other {
    gap: 1.667rem;
  }
}
.article-section__article-block__article-content__other__rating {
  padding: 1.875rem;
  border-radius: 0.5rem;
  background-color: rgb(217, 208, 199);
  display: flex;
  justify-content: space-between;
  color: rgb(38, 38, 38);
}
@media (max-width: 520px) {
  .article-section__article-block__article-content__other__rating {
    gap: 3.333rem;
    padding: 1.667rem;
    flex-direction: column;
  }
}
.article-section__article-block__article-content__other__rating .title-star-block {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 2.5rem;
}
@media (max-width: 520px) {
  .article-section__article-block__article-content__other__rating .title-star-block {
    gap: 1.667rem;
  }
}
.article-section__article-block__article-content__other__rating .title-star-block .title {
  font-size: 2.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 100%;
  text-transform: uppercase;
}
@media (max-width: 768px) {
  .article-section__article-block__article-content__other__rating .title-star-block .title {
    font-size: 1.5rem;
    letter-spacing: -0.02em;
  }
}
@media (max-width: 768px) {
  .article-section__article-block__article-content__other__rating .title-star-block .title {
    font-size: 1.5rem;
    line-height: 75%;
  }
}
.article-section__article-block__article-content__other__rating .title-star-block .star {
  display: flex;
  align-items: center;
}
.article-section__article-block__article-content__other__rating .title-star-block .star .outline-star-swirl {
  width: 2.25rem;
  height: 2.25rem;
  cursor: pointer;
}
.article-section__article-block__article-content__other__rating .quantity-block {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
.article-section__article-block__article-content__other__rating .quantity-block .quantity {
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: inherit;
}
@media (max-width: 768px) {
  .article-section__article-block__article-content__other__rating .quantity-block .quantity {
    font-size: 1.25rem;
    letter-spacing: -0.02em;
  }
}
.article-section__article-block__article-content__other__rating .quantity-block .average {
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: inherit;
  opacity: 0.4;
}
@media (max-width: 768px) {
  .article-section__article-block__article-content__other__rating .quantity-block .average {
    font-size: 1.25rem;
    letter-spacing: -0.02em;
  }
}
.article-section__article-block__article-content__other__next-article {
  display: flex;
  flex-direction: column;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  gap: 9.063rem;
  padding: 1.875rem;
  border-radius: 0.4rem;
  z-index: 0;
  position: relative;
}
@media (max-width: 768px) {
  .article-section__article-block__article-content__other__next-article {
    gap: 2.917rem;
  }
}
.article-section__article-block__article-content__other__next-article::before {
  border-radius: 0.4rem;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: -1;
}
.article-section__article-block__article-content__other__next-article__title-block {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}
.article-section__article-block__article-content__other__next-article__title-block .sub-title {
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: inherit;
  color: rgb(255, 255, 255);
  opacity: 0.4;
  text-transform: uppercase;
}
@media (max-width: 768px) {
  .article-section__article-block__article-content__other__next-article__title-block .sub-title {
    font-size: 1.25rem;
    letter-spacing: -0.02em;
  }
}
.article-section__article-block__article-content__other__next-article__title-block .title {
  font-size: 2.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 100%;
  color: rgb(255, 255, 255);
  text-transform: uppercase;
}
@media (max-width: 768px) {
  .article-section__article-block__article-content__other__next-article__title-block .title {
    font-size: 1.5rem;
    letter-spacing: -0.02em;
  }
}
.article-section__article-block__article-content__other__next-article .next-btn {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.313rem;
}
.article-section__article-block__article-content__other__next-article .next-btn .title {
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: inherit;
  color: rgb(255, 255, 255);
  opacity: 0.4;
  text-transform: uppercase;
}
@media (max-width: 768px) {
  .article-section__article-block__article-content__other__next-article .next-btn .title {
    font-size: 1.25rem;
    letter-spacing: -0.02em;
  }
}
.article-section__article-block__article-content__other__next-article .next-btn .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  transform: scaleX(-1);
  max-width: 1.5rem;
  max-height: 1.5rem;
  width: 100%;
  height: 100%;
}
.article-section__article-block__article-content__other__next-article .next-btn .icon svg {
  width: 100%;
  height: 100%;
}
.article-section__article-block__article-content__other__next-article .next-btn .icon svg path {
  fill: white;
  opacity: 0.4;
}
.article-section__article-block__article-structure {
  height: fit-content;
  padding-left: 3.75rem;
  border-left: 0.0625rem solid rgba(255, 255, 255, 0.1);
  display: flex;
  flex-direction: column;
  gap: 3.75rem;
}
@media (max-width: 768px) {
  .article-section__article-block__article-structure {
    gap: 2.5rem;
    border: 0;
    padding: 0;
  }
}
.article-section__article-block__article-structure .title-block {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}
@media (max-width: 768px) {
  .article-section__article-block__article-structure .title-block {
    gap: 2.083rem;
  }
}
.article-section__article-block__article-structure .title-block .title {
  font-size: 2.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 100%;
  color: rgb(255, 255, 255);
  text-transform: uppercase;
}
@media (max-width: 768px) {
  .article-section__article-block__article-structure .title-block .title {
    font-size: 1.5rem;
    letter-spacing: -0.02em;
  }
}
@media (max-width: 768px) {
  .article-section__article-block__article-structure .title-block .title {
    font-size: 1.5rem;
    line-height: 75%;
  }
}
.article-section__article-block__article-structure .title-block ul {
  display: flex;
  flex-direction: column;
  gap: 1.875rem;
}
@media (max-width: 768px) {
  .article-section__article-block__article-structure .title-block ul {
    gap: 1.667rem;
  }
}
.article-section__article-block__article-structure .title-block ul li a {
  color: rgb(255, 255, 255);
  opacity: 0.4;
}
.article-section__article-block__article-structure .image-block {
  max-width: 22.5rem;
  max-height: 26.938rem;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.article-section__article-block__article-structure .image-block img {
  border-radius: 0.5rem;
  pointer-events: none;
}

.hero-section {
  position: relative;
  overflow: hidden;
}
.hero-section .back-btn {
  display: none;
}
@media (max-width: 768px) {
  .hero-section .back-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.417rem;
  }
}
.hero-section .back-btn .icon {
  max-width: 1.333rem;
  max-height: 1.333rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hero-section .back-btn .icon svg {
  width: 100%;
  height: 100%;
  opacity: 0.4;
}
.hero-section .back-btn .title {
  font-size: 2.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 100%;
  opacity: 0.4;
  font-size: 1.5rem;
  text-transform: uppercase;
  color: rgb(38, 38, 38);
}
@media (max-width: 768px) {
  .hero-section .back-btn .title {
    font-size: 1.5rem;
    letter-spacing: -0.02em;
  }
}
@media (max-width: 768px) {
  .hero-section .back-btn .title {
    font-size: 1.25rem;
  }
}
@media (max-width: 768px) {
  .hero-section .breadcrumbs {
    display: none;
  }
}
.hero-section .first-icon {
  max-width: 24.103rem;
  max-height: 24.778rem;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -2;
  left: -5rem;
  top: 18rem;
}
@media (max-width: 768px) {
  .hero-section .first-icon {
    max-width: 15.407rem;
    max-height: 15.407rem;
    left: 15rem;
    top: 35rem;
  }
}
@media (max-width: 520px) {
  .hero-section .first-icon {
    left: -4rem;
    top: 31rem;
    rotate: -200deg;
  }
}
.hero-section .second-icon {
  max-width: 50rem;
  max-height: 50rem;
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  z-index: -2;
  top: -8rem;
  right: -18rem;
  rotate: -10deg;
  transform: scaleX(-1);
}
@media (max-width: 768px) {
  .hero-section .second-icon {
    max-width: 25.083rem;
    max-height: 25.083rem;
    left: 35rem;
    top: 25rem;
  }
}
@media (max-width: 520px) {
  .hero-section .second-icon {
    left: 17rem;
    top: 33rem;
  }
}
.hero-section .container {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 6rem 0 8rem 0;
  gap: 4rem;
}
@media (max-width: 768px) {
  .hero-section .container {
    padding-bottom: 13.667rem;
  }
}
.hero-section__title-block {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-transform: uppercase;
  gap: 6rem;
}
@media (max-width: 768px) {
  .hero-section__title-block {
    gap: 4rem;
  }
}
.hero-section__title-block__title {
  font-size: 7.5rem;
  letter-spacing: -0.024em;
  font-weight: 500;
  line-height: 100%;
  text-align: center;
  line-height: 100%;
}
@media (max-width: 768px) {
  .hero-section__title-block__title {
    font-size: 3.5rem;
    letter-spacing: -0.02rem;
  }
}
.hero-section__title-block__sub-title {
  font-size: 2.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 100%;
  text-align: center;
  line-height: 120%;
  max-width: 41.25rem;
}
@media (max-width: 768px) {
  .hero-section__title-block__sub-title {
    font-size: 1.5rem;
    letter-spacing: -0.02em;
  }
}
@media (max-width: 768px) {
  .hero-section__title-block__sub-title {
    font-size: 1.5rem;
  }
}
.hero-section button {
  width: fit-content;
  color: rgb(255, 255, 255);
}

.audit-section .container {
  gap: 4rem;
  justify-items: center;
}
.audit-section .container .audit-block {
  grid-column: span 2;
  display: flex;
  flex-direction: column;
  gap: 6rem;
  width: 100%;
}
.audit-section .container button {
  grid-column: 2;
  color: rgb(108, 201, 152);
  width: fit-content;
  margin-right: auto;
}
@media (max-width: 768px) {
  .audit-section .container button {
    grid-column: span 2;
    font-size: 1.25rem;
    letter-spacing: -0.02rem;
  }
}
.audit-section__title {
  font-size: 4rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 100%;
  text-align: center;
  text-transform: uppercase;
  line-height: 100%;
}
@media (max-width: 768px) {
  .audit-section__title {
    font-size: 2rem;
    letter-spacing: -2%;
  }
}
.audit-section__title span {
  font-size: 4rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 100%;
}
@media (max-width: 768px) {
  .audit-section__title span {
    font-size: 2rem;
    letter-spacing: -2%;
  }
}
@media (max-width: 768px) {
  .audit-section__title span {
    color: rgb(108, 201, 152);
    line-height: 0;
  }
}
@media (max-width: 768px) {
  .audit-section__title {
    letter-spacing: -0.02rem;
  }
}
.audit-section__info-block {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 4rem;
}
@media (max-width: 768px) {
  .audit-section__info-block {
    flex-direction: column;
  }
}
.audit-section__info-block__img {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: scale 0.3s ease-in;
}
.audit-section__info-block__image-block {
  max-width: 25.313rem;
  max-height: 30rem;
  transition: scale 0.3s ease-in;
}
.audit-section__info-block__image-block:nth-of-type(2) {
  display: none;
}
.audit-section__info-block__image-block:nth-of-type(3) {
  display: none;
}
.audit-section__info-block__image-block img {
  width: 100%;
  height: 100%;
  transition: all 0.3s ease-in;
}
.audit-section__info-block__audit-info {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  width: 100%;
}
.audit-section__info-block__item {
  display: flex;
  align-items: flex-start;
  gap: 3rem;
}
.audit-section__info-block__item__number {
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: inherit;
}
@media (max-width: 768px) {
  .audit-section__info-block__item__number {
    font-size: 1.25rem;
    letter-spacing: -0.02em;
  }
}
.audit-section__info-block__item__title-block {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.audit-section__info-block__item__title-block__title {
  font-size: 2.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 100%;
  text-transform: uppercase;
}
@media (max-width: 768px) {
  .audit-section__info-block__item__title-block__title {
    font-size: 1.5rem;
    letter-spacing: -0.02em;
  }
}
@media (max-width: 768px) {
  .audit-section__info-block__item__title-block__title {
    font-size: 1.5rem;
  }
}
.audit-section__info-block__item__title-block__sub-title {
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: inherit;
  opacity: 0.4;
  max-width: 31.25rem;
  line-height: 87%;
}
@media (max-width: 768px) {
  .audit-section__info-block__item__title-block__sub-title {
    font-size: 1.25rem;
    letter-spacing: -0.02em;
  }
}
@media (max-width: 768px) {
  .audit-section__info-block__item__title-block__sub-title {
    font-size: 1.25rem;
    letter-spacing: -0.02rem;
    line-height: 100%;
  }
}

.portfolio-section .portfolio-slider-big__mobile {
  display: none;
}
@media (max-width: 768px) {
  .portfolio-section .portfolio-slider-big__mobile {
    display: block;
  }
}
.portfolio-section__portfolio-block {
  grid-column: span 2;
  display: flex;
  justify-content: center;
  gap: 0.75rem;
}
@media (max-width: 768px) {
  .portfolio-section__portfolio-block {
    flex-direction: column;
    align-items: center;
  }
}
.portfolio-section__portfolio-block__slider-block {
  position: relative;
  display: flex;
  justify-content: center;
}
.portfolio-section__portfolio-block__slider-block .portfolio-slider-big {
  position: relative;
  width: 46.25rem !important;
  z-index: 1;
}
@media (max-width: 768px) {
  .portfolio-section__portfolio-block__slider-block .portfolio-slider-big {
    display: none;
  }
}
.portfolio-section__portfolio-block__slider-block .portfolio-slider-big .title {
  font-size: 2.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 100%;
  color: rgb(255, 255, 255);
  text-transform: uppercase;
  position: absolute;
  z-index: 2;
  top: 2rem;
  left: 2rem;
}
@media (max-width: 768px) {
  .portfolio-section__portfolio-block__slider-block .portfolio-slider-big .title {
    font-size: 1.5rem;
    letter-spacing: -0.02em;
  }
}
.portfolio-section__portfolio-block__slider-block .portfolio-slider-big .swiper-wrapper .swiper-slide {
  width: 46.25rem !important;
  height: 28.563rem;
  border-radius: 0.75rem;
}
@media (max-width: 768px) {
  .portfolio-section__portfolio-block__slider-block .portfolio-slider-big .swiper-wrapper .swiper-slide {
    width: 43rem !important;
  }
}
.portfolio-section__portfolio-block__slider-block .portfolio-slider-small {
  position: absolute;
  bottom: 2rem;
  z-index: 2;
}
@media (max-width: 768px) {
  .portfolio-section__portfolio-block__slider-block .portfolio-slider-small {
    display: none;
  }
}
.portfolio-section__portfolio-block__slider-block .portfolio-slider-small .swiper-wrapper {
  max-width: 42.125rem;
}
.portfolio-section__portfolio-block__slider-block .portfolio-slider-small .swiper-wrapper .swiper-slide {
  width: 6.188rem !important;
  height: 4.5rem;
  border-radius: 0.75rem;
}
.portfolio-section__portfolio-block__slider-block .portfolio-slider-small .swiper-wrapper .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 0.75rem;
}
.portfolio-section__portfolio-block__info-block {
  grid-column: 2;
  border-radius: 0.75rem;
  border: 0.125rem solid rgba(0, 0, 0, 0.1);
  max-width: 46.625rem;
  width: 100%;
}
.portfolio-section__portfolio-block__info-block__main-info {
  display: flex;
  flex-direction: column;
}
.portfolio-section__portfolio-block__info-block__main-info .item {
  padding: 2rem;
  border: 0.125rem solid rgba(0, 0, 0, 0.1);
  max-width: 23.313rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.portfolio-section__portfolio-block__info-block__main-info .item .icon {
  max-width: 3rem;
  max-height: 3rem;
}
.portfolio-section__portfolio-block__info-block__main-info .item .icon svg {
  width: 100%;
  height: 100%;
}
.portfolio-section__portfolio-block__info-block__main-info .item:nth-of-type(1) {
  border-radius: 0.75rem 0 0 0;
}
.portfolio-section__portfolio-block__info-block__main-info .item:nth-of-type(2) {
  border-radius: 0 0.75rem 0 0;
}
.portfolio-section__portfolio-block__info-block__main-info .item .title {
  font-size: 4rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 100%;
}
@media (max-width: 768px) {
  .portfolio-section__portfolio-block__info-block__main-info .item .title {
    font-size: 2rem;
    letter-spacing: -2%;
  }
}
.portfolio-section__portfolio-block__info-block__main-info .item .sub-title {
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: inherit;
}
@media (max-width: 768px) {
  .portfolio-section__portfolio-block__info-block__main-info .item .sub-title {
    font-size: 1.25rem;
    letter-spacing: -0.02em;
  }
}
@media (max-width: 768px) {
  .portfolio-section__portfolio-block__info-block__main-info .item .sub-title {
    font-size: 1.25rem;
  }
}
.portfolio-section__portfolio-block__info-block__main-info .item.item-ic {
  border-radius: 0;
}
.portfolio-section__portfolio-block__info-block__main-info .item-ic {
  display: flex;
  align-items: center;
  flex-direction: row;
  gap: 1.5rem;
  max-height: 7.313rem;
}
@media (max-width: 768px) {
  .portfolio-section__portfolio-block__info-block__main-info .item-ic {
    flex-direction: column;
    gap: 1rem;
    max-height: none;
    align-items: flex-start;
  }
}
.portfolio-section__portfolio-block__info-block__main-info .item-ic .title-block {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.portfolio-section__portfolio-block__info-block__main-info .item-ic .title-block .title {
  font-size: 2.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 100%;
}
@media (max-width: 768px) {
  .portfolio-section__portfolio-block__info-block__main-info .item-ic .title-block .title {
    font-size: 1.5rem;
    letter-spacing: -0.02em;
  }
}
@media (max-width: 768px) {
  .portfolio-section__portfolio-block__info-block__main-info .item-ic .title-block .title {
    font-size: 1.5rem;
  }
}
.portfolio-section__portfolio-block__info-block__main-info .item-ic .title-block .sub-title {
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 1.2rem;
}
@media (max-width: 768px) {
  .portfolio-section__portfolio-block__info-block__main-info .item-ic .title-block .sub-title {
    font-size: 1rem;
    line-height: 0.9rem;
    letter-spacing: -0.02em;
  }
}
@media (max-width: 768px) {
  .portfolio-section__portfolio-block__info-block__main-info .item-ic .title-block .sub-title {
    font-size: 1rem;
    line-height: 100%;
  }
}
.portfolio-section__portfolio-block__info-block__main-info .items {
  display: flex;
}
.portfolio-section__portfolio-block__info-block__main-info .items-ic {
  display: flex;
}
.portfolio-section__portfolio-block__info-block__other-info {
  padding: 2rem;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
@media (max-width: 768px) {
  .portfolio-section__portfolio-block__info-block__other-info {
    align-items: center;
    gap: 8rem;
  }
}
.portfolio-section__portfolio-block__info-block__other-info__rating-block {
  display: flex;
  align-items: center;
  gap: 4rem;
  max-height: 2rem;
}
@media (max-width: 768px) {
  .portfolio-section__portfolio-block__info-block__other-info__rating-block {
    display: grid;
    justify-content: center;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    row-gap: 1.25rem;
    padding-right: 3rem;
  }
}
.portfolio-section__portfolio-block__info-block__other-info__rating-block .item {
  display: flex;
  align-items: center;
  position: relative;
}
@media (max-width: 768px) {
  .portfolio-section__portfolio-block__info-block__other-info__rating-block .item:nth-of-type(3) {
    grid-column: span 2;
    justify-content: center;
  }
  .portfolio-section__portfolio-block__info-block__other-info__rating-block .item:nth-of-type(3) .quantity {
    left: calc(100% - 6rem);
  }
}
.portfolio-section__portfolio-block__info-block__other-info__rating-block .item .top,
.portfolio-section__portfolio-block__info-block__other-info__rating-block .item .quantity {
  padding: 0.625rem 1.25rem;
  border: 0.0625rem solid rgb(38, 38, 38);
  border-radius: 100rem;
}
.portfolio-section__portfolio-block__info-block__other-info__rating-block .item .top.deYork,
.portfolio-section__portfolio-block__info-block__other-info__rating-block .item .quantity.deYork {
  border: 0.0625rem solid rgb(108, 201, 152);
}
.portfolio-section__portfolio-block__info-block__other-info__rating-block .item .top.jaffa,
.portfolio-section__portfolio-block__info-block__other-info__rating-block .item .quantity.jaffa {
  border: 0.0625rem solid rgb(245, 154, 68);
}
.portfolio-section__portfolio-block__info-block__other-info__rating-block .item .top.flamingo,
.portfolio-section__portfolio-block__info-block__other-info__rating-block .item .quantity.flamingo {
  border: 0.0625rem solid rgb(238, 76, 62);
}
.portfolio-section__portfolio-block__info-block__other-info__rating-block .item .top {
  position: relative;
  z-index: 1;
}
.portfolio-section__portfolio-block__info-block__other-info__rating-block .item .quantity {
  position: absolute;
  z-index: 2;
  left: calc(100% - 1rem);
  background-color: rgb(255, 255, 255);
}
.portfolio-section__portfolio-block__info-block__other-info button {
  width: fit-content;
  color: rgb(255, 255, 255);
  max-height: 3.875rem;
}

.seo-benefits-section__benefits-block {
  grid-column: span 2;
}
.seo-benefits-section__benefits-block__title {
  font-size: 6rem;
  font-weight: 500;
  letter-spacing: -0.02em;
  line-height: 100%;
  text-transform: uppercase;
  text-align: center;
  padding: 0 10.375rem;
  line-height: 100%;
}
@media (max-width: 768px) {
  .seo-benefits-section__benefits-block__title {
    font-size: 3rem;
  }
}
@media (max-width: 768px) {
  .seo-benefits-section__benefits-block__title {
    padding: 0;
    letter-spacing: -0.02rem;
  }
}
.seo-benefits-section__benefits-block__card-block {
  display: flex;
  padding-top: 6rem;
  gap: 4rem;
}
@media (max-width: 768px) {
  .seo-benefits-section__benefits-block__card-block {
    padding-top: 5rem;
    overflow-x: auto;
    flex-wrap: nowrap;
    gap: 3rem;
    cursor: grab;
  }
}
.seo-benefits-section__benefits-block__card-block__card {
  max-width: 25rem;
  display: flex;
  flex-direction: column;
  gap: 3rem;
}
@media (max-width: 768px) {
  .seo-benefits-section__benefits-block__card-block__card {
    flex-shrink: 0;
    max-width: 20rem;
  }
}
.seo-benefits-section__benefits-block__card-block__card .icon {
  max-width: 10rem;
  max-height: 10rem;
}
@media (max-width: 768px) {
  .seo-benefits-section__benefits-block__card-block__card .icon {
    max-width: 5rem;
    max-height: 5rem;
  }
}
.seo-benefits-section__benefits-block__card-block__card .icon img {
  width: 100%;
  height: 100%;
}
.seo-benefits-section__benefits-block__card-block__card .title {
  font-size: 2.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 100%;
  letter-spacing: -0.01em;
  line-height: 100%;
  text-transform: uppercase;
}
@media (max-width: 768px) {
  .seo-benefits-section__benefits-block__card-block__card .title {
    font-size: 1.5rem;
    letter-spacing: -0.02em;
  }
}
@media (max-width: 768px) {
  .seo-benefits-section__benefits-block__card-block__card .title {
    font-size: 1.5rem;
  }
}
.seo-benefits-section__benefits-block__card-block__card .desc ul {
  list-style: square;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.seo-benefits-section__benefits-block__card-block__card .desc ul li {
  margin-left: 1.25rem;
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: inherit;
  opacity: 0.4;
}
@media (max-width: 768px) {
  .seo-benefits-section__benefits-block__card-block__card .desc ul li {
    font-size: 1.25rem;
    letter-spacing: -0.02em;
  }
}
@media (max-width: 768px) {
  .seo-benefits-section__benefits-block__card-block__card .desc ul li {
    font-size: 1rem;
    letter-spacing: -0.02rem;
  }
}

.advantages-section {
  position: relative;
  overflow: hidden;
}
.advantages-section .first-icon {
  max-width: 30.5rem;
  max-height: 33.25rem;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -2;
  left: -4rem;
  top: 22rem;
  scale: -1;
  rotate: 10deg;
}
@media (max-width: 768px) {
  .advantages-section .first-icon {
    max-width: 16.328rem;
    max-height: 16.328rem;
    left: -6rem;
    top: 32rem;
  }
}
@media (max-width: 520px) {
  .advantages-section .first-icon {
    top: 32rem;
  }
}
.advantages-section .second-icon {
  max-width: 50rem;
  max-height: 50rem;
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  z-index: -2;
  top: 2rem;
  right: -19rem;
  rotate: -10deg;
  transform: scaleX(-1);
}
@media (max-width: 768px) {
  .advantages-section .second-icon {
    max-width: 13.208rem;
    max-height: 13.208rem;
    top: 17rem;
    right: -4rem;
    transform: scaleX(-1) !important;
  }
}
.advantages-section__info-block {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6rem;
  grid-column: span 2;
}
@media (max-width: 768px) {
  .advantages-section__info-block {
    gap: 5rem;
  }
}
.advantages-section__small-title {
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: inherit;
  opacity: 0.4;
  text-transform: uppercase;
}
@media (max-width: 768px) {
  .advantages-section__small-title {
    font-size: 1.25rem;
    letter-spacing: -0.02em;
  }
}
@media (max-width: 768px) {
  .advantages-section__small-title {
    font-size: 1.25rem;
  }
}
.advantages-section__advantages-block {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4rem;
}
.advantages-section__advantages-block__title-block {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 3rem;
}
.advantages-section__advantages-block__title-block__title {
  font-size: 7.5rem;
  letter-spacing: -0.024em;
  font-weight: 500;
  line-height: 100%;
}
@media (max-width: 768px) {
  .advantages-section__advantages-block__title-block__title {
    font-size: 3.5rem;
    letter-spacing: -0.02rem;
  }
}
.advantages-section__advantages-block__title-block__sub-title {
  font-size: 2.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 100%;
  text-transform: uppercase;
  text-align: center;
  line-height: 100%;
  max-width: 29.688rem;
}
@media (max-width: 768px) {
  .advantages-section__advantages-block__title-block__sub-title {
    font-size: 1.5rem;
    letter-spacing: -0.02em;
  }
}
@media (max-width: 768px) {
  .advantages-section__advantages-block__title-block__sub-title {
    font-size: 1.5rem;
    max-width: 15rem;
    line-height: 100%;
  }
}
.advantages-section__advantages-block button {
  color: rgb(255, 255, 255);
}
@media (max-width: 768px) {
  .advantages-section__advantages-block button {
    font-size: 1.25rem;
  }
}

.rating-section {
  position: relative;
  overflow: hidden;
}
.rating-section .first-icon {
  max-width: 50rem;
  max-height: 50rem;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -2;
  left: -12rem;
  top: 18rem;
  rotate: -250deg;
}
@media (max-width: 768px) {
  .rating-section .first-icon {
    max-width: 25rem;
    max-height: 25rem;
    left: 12rem;
    top: 25rem;
  }
}
@media (max-width: 520px) {
  .rating-section .first-icon {
    left: 24rem;
    top: 25rem;
  }
}
.rating-section .second-icon {
  max-width: 38.938rem;
  max-height: 38.938rem;
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  z-index: -2;
  top: 6rem;
  right: 0rem;
  rotate: -100deg;
  transform: scaleX(-1);
}
@media (max-width: 768px) {
  .rating-section .second-icon {
    max-width: 17.167rem;
    max-height: 17.167rem;
    top: 20rem;
    right: 10rem;
  }
}
@media (max-width: 520px) {
  .rating-section .second-icon {
    top: 23rem;
    right: 29rem;
  }
}
.rating-section .container {
  padding-bottom: 16rem;
}
.rating-section__rating-block {
  grid-column: span 2;
  display: flex;
  flex-direction: column;
  gap: 6rem;
}
.rating-section__rating-block__title {
  text-transform: uppercase;
  font-size: 6rem;
  font-weight: 500;
  letter-spacing: -0.02em;
  line-height: 100%;
  text-align: center;
  line-height: 100%;
  padding: 0 14.375rem;
}
@media (max-width: 768px) {
  .rating-section__rating-block__title {
    font-size: 3rem;
  }
}
@media (max-width: 768px) {
  .rating-section__rating-block__title {
    padding: 0;
  }
}
.rating-section__rating-block__map-btn-block {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3rem;
}
.rating-section__rating-block__map-btn-block__btn {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.rating-section__rating-block__map-btn-block__btn .icon {
  max-width: 3rem;
  max-height: 3rem;
}
.rating-section__rating-block__map-btn-block__btn .icon img {
  width: 100%;
  height: 100%;
}
.rating-section__rating-block__map-btn-block__btn .info-block {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.rating-section__rating-block__map-btn-block__btn .info-block .rating-val {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.rating-section__rating-block__map-btn-block__btn .info-block .rating-val .number {
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: inherit;
  color: rgb(38, 38, 38);
}
@media (max-width: 768px) {
  .rating-section__rating-block__map-btn-block__btn .info-block .rating-val .number {
    font-size: 1.25rem;
    letter-spacing: -0.02em;
  }
}
.rating-section__rating-block__map-btn-block__btn .info-block .rating-val .icon {
  max-width: 1.5rem;
  max-height: 1.5rem;
}
.rating-section__rating-block__map-btn-block__btn .info-block .rating-val .icon img {
  width: 100%;
  height: 100%;
}
.rating-section__rating-block__map-btn-block__btn .info-block .quantity {
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 1.2rem;
  color: color-mix(in srgb, rgb(38, 38, 38) 100%, rgb(255, 255, 255) 60%);
}
@media (max-width: 768px) {
  .rating-section__rating-block__map-btn-block__btn .info-block .quantity {
    font-size: 1rem;
    line-height: 0.9rem;
    letter-spacing: -0.02em;
  }
}

.calculate__link {
  position: fixed;
  margin: 0 auto;
  left: 50%;
  transform: translateX(-50%);
  z-index: 12;
  bottom: 0;
}
@media (max-width: 768px) {
  .calculate__link {
    bottom: 2.5rem;
  }
}
.calculate__link a {
  position: relative;
  display: flex;
  margin: 0 auto;
  max-width: 20rem;
}
.calculate__link a span {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  color: white;
  transform: translate(-50%, -50%);
  width: 80%;
  text-align: center;
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: inherit;
}
@media (max-width: 768px) {
  .calculate__link a span {
    font-size: 1.25rem;
    letter-spacing: -0.02em;
  }
}
.calculate__link__nav {
  display: none;
  border: 0.063rem solid rgba(38, 38, 38, 0.1019607843);
  border-radius: 1000px;
  width: 100%;
  background-color: rgb(255, 255, 255);
}
.calculate__link__nav.dark {
  background-color: rgb(38, 38, 38);
  border-color: rgba(255, 255, 255, 0.1019607843);
}
@media (max-width: 768px) {
  .calculate__link__nav {
    border-width: 0.125rem;
  }
}
.calculate__link__nav__link {
  color: rgb(255, 255, 255);
  border-radius: 1000px;
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: inherit;
  padding: 1rem 2rem;
}
@media (max-width: 768px) {
  .calculate__link__nav__link {
    font-size: 1.25rem;
    letter-spacing: -0.02em;
  }
}
@media (max-width: 768px) {
  .calculate__link__nav__link {
    padding: 0.563rem 0.938rem;
  }
}
.calculate__link__nav__link.color-develop {
  color: rgb(38, 38, 38);
}
.calculate__link__nav__link.color-develop.active {
  color: rgb(81, 64, 234) !important;
  border: 0.063rem solid rgb(81, 64, 234);
}
.calculate__link__nav__link.color-develop:hover {
  border: 0.063rem solid rgb(81, 64, 234);
}
.calculate__link__nav__link.color-design {
  color: rgb(38, 38, 38);
}
.calculate__link__nav__link.color-design.active {
  color: rgb(245, 154, 68) !important;
  border: 0.063rem solid rgb(245, 154, 68);
}
.calculate__link__nav__link.color-design:hover {
  border: 0.063rem solid rgb(245, 154, 68);
}
.calculate__link__nav__link.color-other {
  color: rgb(38, 38, 38);
}
.calculate__link__nav__link.color-other.active {
  color: rgb(190, 196, 205) !important;
  border: 0.063rem solid rgb(190, 196, 205);
}
.calculate__link__nav__link.color-other:hover {
  border: 0.063rem solid rgb(190, 196, 205);
}
.calculate__link__nav__link.color-marketing {
  color: rgb(38, 38, 38);
}
.calculate__link__nav__link.color-marketing.active {
  color: rgb(108, 201, 152) !important;
  border: 0.063rem solid rgb(108, 201, 152);
}
.calculate__link__nav__link.color-marketing:hover {
  border: 0.063rem solid rgb(108, 201, 152);
}
@media (max-width: 520px) {
  .calculate__link__nav__link {
    font-size: 1rem;
  }
}
@media (max-width: 768px) {
  .calculate__link__nav {
    display: flex;
  }
}

.calculate__link-dark {
  position: fixed;
  margin: 0 auto;
  left: 50%;
  transform: translateX(-50%);
  z-index: 12;
  bottom: -5px;
}
@media (max-width: 768px) {
  .calculate__link-dark {
    bottom: 2.5rem;
  }
}
.calculate__link-dark a {
  position: relative;
  display: flex;
  margin: 0 auto;
  max-width: 20rem;
  color: white;
}
.calculate__link-dark a span {
  position: absolute;
  left: 3.75rem;
  top: 1.75rem;
  z-index: 2;
  color: white;
}
.calculate__link-dark__nav {
  display: none;
  border: 1px solid rgba(255, 255, 255, 0.1019607843);
  border-radius: 1000px;
  width: 100%;
  background: #262626;
}
.calculate__link-dark__nav__link {
  color: rgb(255, 255, 255);
  border-radius: 1000px;
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: inherit;
  padding: 1rem 2rem;
}
@media (max-width: 768px) {
  .calculate__link-dark__nav__link {
    font-size: 1.25rem;
    letter-spacing: -0.02em;
  }
}
@media (max-width: 768px) {
  .calculate__link-dark__nav__link {
    padding: 0.563rem 0.938rem;
  }
}
@media (max-width: 768px) {
  .calculate__link-dark__nav {
    display: flex;
  }
}

.input {
  background: transparent;
  border: none;
  outline: none;
  width: 100%;
  transition: all 0.3s;
}
.input.error {
  border-color: red;
}
.input.error::placeholder {
  color: red !important;
}
.input_size_form {
  padding: 1.25rem 0;
  border-bottom: 2px solid rgba(255, 255, 255, 0.1019607843);
  color: white;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 1.2rem;
}
@media (max-width: 768px) {
  .input_size_form {
    font-size: 1rem;
    line-height: 0.9rem;
    letter-spacing: -0.02em;
  }
}
.input_size_modals {
  padding: 1.25rem 0;
  border-bottom: 2px solid rgba(38, 38, 38, 0.1019607843);
  color: rgb(38, 38, 38);
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 1.2rem;
}
@media (max-width: 768px) {
  .input_size_modals {
    font-size: 1rem;
    line-height: 0.9rem;
    letter-spacing: -0.02em;
  }
}
.input_size_modals::placeholder {
  color: rgb(38, 38, 38) !important;
}
.input_size_brief {
  padding: 1.25rem 0;
  border-bottom: 2px solid rgba(38, 38, 38, 0.4);
  color: rgb(38, 38, 38);
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 1.2rem;
}
@media (max-width: 768px) {
  .input_size_brief {
    font-size: 1rem;
    line-height: 0.9rem;
    letter-spacing: -0.02em;
  }
}
.input_size_brief::placeholder {
  color: rgb(38, 38, 38) !important;
}
.input::placeholder {
  color: white;
  opacity: 0.4;
}

.label_size_form {
  width: 100%;
}

.textarea {
  resize: none;
  background: transparent;
  border: none;
  outline: none;
}
.textarea_form-brief {
  padding-bottom: 2.5rem;
  border-bottom: 2px solid rgba(38, 38, 38, 0.4);
  color: black;
  resize: vertical;
  width: 100%;
  height: 100%;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 1.2rem;
}
@media (max-width: 768px) {
  .textarea_form-brief {
    font-size: 1rem;
    line-height: 0.9rem;
    letter-spacing: -0.02em;
  }
}

.pagination {
  height: fit-content;
  margin-top: 4rem;
  display: flex;
  justify-content: end;
  align-items: center;
  list-style-type: none;
  gap: 0.25rem;
  grid-column: span 2;
  width: 100%;
}
@media (max-width: 768px) {
  .pagination {
    grid-column: span 2;
  }
}
.pagination__btn span {
  color: white;
  opacity: 0.4;
}
.pagination .prev {
  margin-right: 1rem;
}
.pagination .next {
  margin-left: 1rem;
}
.pagination .prev, .pagination .next {
  padding: 0.2rem 0;
  border-radius: 1000px;
  border: 2px solid rgb(255, 255, 255);
  color: rgb(255, 255, 255);
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 1;
}
.pagination .prev span, .pagination .next span {
  opacity: 1;
}
.pagination li {
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: inherit;
  color: rgb(255, 255, 255);
  opacity: 0.4;
  cursor: pointer;
}
@media (max-width: 768px) {
  .pagination li {
    font-size: 1.25rem;
    letter-spacing: -0.02em;
  }
}
.pagination li:hover, .pagination li :focus {
  opacity: 1;
}
.pagination li > a {
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: inherit;
  color: rgb(255, 255, 255);
  padding: 0.75rem 1rem;
}
@media (max-width: 768px) {
  .pagination li > a {
    font-size: 1.25rem;
    letter-spacing: -0.02em;
  }
}
.pagination li.more {
  cursor: default;
  padding: 0.75rem 1rem;
}
.pagination li.active {
  opacity: 1;
  cursor: default;
}

.step-back {
  display: flex;
  align-items: center;
  column-gap: 0.25rem;
}
.step-back a {
  color: white;
  opacity: 0.4;
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: inherit;
  padding: 0.25rem;
  text-transform: uppercase;
}
@media (max-width: 768px) {
  .step-back a {
    font-size: 1.25rem;
    letter-spacing: -0.02em;
  }
}

.sk-logo-block {
  position: fixed;
  z-index: 10;
  right: 3rem;
  bottom: 2rem;
  background-color: rgb(255, 255, 255);
  padding: 1rem;
  border-radius: 1rem;
}
@media (max-width: 768px) {
  .sk-logo-block {
    right: 1rem;
    bottom: 6rem;
  }
}
.sk-logo-block svg {
  max-height: 3rem;
  max-width: 10.3rem;
  aspect-ratio: 10.3/3;
}
@media (max-width: 768px) {
  .sk-logo-block svg {
    max-height: 2.7rem;
    max-width: 9.2rem;
  }
}

.marketing-title {
  margin-top: 6rem;
}
.marketing-title__container {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 4rem;
}
.marketing-title__container .nav-link {
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.875rem;
}
.marketing-title__container .nav-link__text {
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: inherit;
  color: #A8A8A8;
}
@media (max-width: 768px) {
  .marketing-title__container .nav-link__text {
    font-size: 1.25rem;
    letter-spacing: -0.02em;
  }
}
.marketing-title__container__title {
  font-size: 7.5rem;
  letter-spacing: -0.024em;
  font-weight: 500;
  line-height: 100%;
  text-align: center;
  text-transform: uppercase;
  line-height: 100%;
}
@media (max-width: 768px) {
  .marketing-title__container__title {
    font-size: 3.5rem;
    letter-spacing: -0.02rem;
  }
}
.marketing-title__container__text {
  text-transform: uppercase;
  margin-top: 2rem;
  font-size: 2.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 100%;
  max-width: 39.25rem;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 768px) {
  .marketing-title__container__text {
    font-size: 1.5rem;
    letter-spacing: -0.02em;
  }
}

.marketing-pattern {
  margin-top: 8rem;
}

.target-section {
  margin-top: 8rem;
  margin-bottom: 8rem;
}
@media (max-width: 768px) {
  .target-section {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
}
.target-section__container .title {
  margin: 0 auto;
  font-size: 4rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 100%;
  max-width: 100rem;
  text-transform: uppercase;
}
@media (max-width: 768px) {
  .target-section__container .title {
    font-size: 2rem;
    letter-spacing: -2%;
  }
}
.target-section__container .title > .word {
  font-size: 4rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 100%;
}
@media (max-width: 768px) {
  .target-section__container .title > .word {
    font-size: 2rem;
    letter-spacing: -2%;
  }
}
.target-section__container .info-block {
  display: flex;
  justify-content: space-between;
}
.target-section__container .info-block__img-block {
  height: 100%;
  max-width: 35.375rem;
  width: 100%;
  border-radius: 0.75rem;
  overflow: hidden;
  position: relative;
}
.target-section__container .info-block__img-block::after {
  content: "";
  display: block;
  width: 100%;
  padding-bottom: 80%;
}
@media (max-width: 768px) {
  .target-section__container .info-block__img-block {
    display: none;
  }
}
.target-section__container .info-block__img-block__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
}
.target-section__container .info-block__accordion {
  max-width: 56rem;
  width: 100%;
}
@media (max-width: 768px) {
  .target-section__container .info-block__accordion {
    max-width: none;
  }
}
.target-section__container .info-block__accordion .accordion-card {
  cursor: pointer;
  border-top: 1px solid rgba(38, 38, 38, 0.4);
  padding-top: 2rem;
  padding-bottom: 1rem;
}
.target-section__container .info-block__accordion .accordion-card:last-child {
  border-bottom: 1px solid rgba(38, 38, 38, 0.4);
}
.target-section__container .info-block__accordion .accordion-card__header {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
}
.target-section__container .info-block__accordion .accordion-card__header .block-title {
  display: flex;
  align-items: center;
  column-gap: 3rem;
  pointer-events: none;
}
.target-section__container .info-block__accordion .accordion-card__header .block-title-btn {
  display: flex;
  align-items: center;
  column-gap: 1.5rem;
}
.target-section__container .info-block__accordion .accordion-card__header .numbering {
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: inherit;
}
@media (max-width: 768px) {
  .target-section__container .info-block__accordion .accordion-card__header .numbering {
    font-size: 1.25rem;
    letter-spacing: -0.02em;
  }
}
.target-section__container .info-block__accordion .accordion-card__header .title {
  font-size: 2.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 100%;
}
@media (max-width: 768px) {
  .target-section__container .info-block__accordion .accordion-card__header .title {
    font-size: 1.5rem;
    letter-spacing: -0.02em;
  }
}
.target-section__container .info-block__accordion .accordion-card .accordion-btn {
  pointer-events: all;
  background-color: rgb(108, 201, 152);
}
.target-section__container .info-block__accordion .accordion-card .accordion-btn.color-develop {
  background-color: rgb(81, 64, 234);
}
.target-section__container .info-block__accordion .accordion-card .accordion-btn.color-design {
  background-color: rgb(245, 154, 68);
}
.target-section__container .info-block__accordion .accordion-card .accordion-btn.color-other {
  background-color: rgb(190, 196, 205);
}
.target-section__container .info-block__accordion .accordion-card .accordion-btn.color-marketing {
  background-color: rgb(108, 201, 152);
}
@media (max-width: 768px) {
  .target-section__container .info-block__accordion .accordion-card .accordion-btn {
    max-width: 9rem;
    margin-top: 2rem;
  }
}
.target-section__container .info-block__accordion .accordion-card .link {
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: inherit;
  color: white;
}
@media (max-width: 768px) {
  .target-section__container .info-block__accordion .accordion-card .link {
    font-size: 1.25rem;
    letter-spacing: -0.02em;
  }
}
@media (max-width: 768px) {
  .target-section__container .info-block__accordion .accordion-card .link {
    display: flex;
    justify-content: center;
  }
}
.target-section__container .info-block__accordion .accordion-card .accordion-desc {
  padding-top: 2rem;
  padding-left: 4.125rem;
  cursor: default;
}
.target-section__container .info-block__accordion .accordion-card .accordion-desc__info-block {
  display: flex;
  flex-direction: column;
}
.target-section__container .info-block__accordion .accordion-card .accordion-desc__info-block__text {
  color: rgba(38, 38, 38, 0.4);
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: inherit;
  max-width: 31.25rem;
  width: 100%;
}
@media (max-width: 768px) {
  .target-section__container .info-block__accordion .accordion-card .accordion-desc__info-block__text {
    font-size: 1.25rem;
    letter-spacing: -0.02em;
  }
}
.target-section__container .info-block__accordion .accordion-card .accordion-desc__info-block__big-text {
  color: rgba(38, 38, 38, 0.4);
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: inherit;
  width: 100%;
  text-align: justify;
}
@media (max-width: 768px) {
  .target-section__container .info-block__accordion .accordion-card .accordion-desc__info-block__big-text {
    font-size: 1.25rem;
    letter-spacing: -0.02em;
  }
}
.target-section__container .info-block__accordion .accordion-card .accordion-desc__info-block__services {
  display: flex;
  flex-direction: column;
}
@media (max-width: 768px) {
  .target-section__container .info-block__accordion .accordion-card .accordion-desc__info-block__services {
    padding-top: 0;
  }
}
.target-section__container .info-block__accordion .accordion-card .accordion-desc__info-block__services:first-of-type {
  padding-top: 3rem;
}
.target-section__container .info-block__accordion .accordion-card .accordion-desc__info-block__services__info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid rgba(38, 38, 38, 0.4);
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
@media (max-width: 768px) {
  .target-section__container .info-block__accordion .accordion-card .accordion-desc__info-block__services__info {
    flex-direction: column;
    align-items: start;
    row-gap: 1rem;
  }
}
.target-section__container .info-block__accordion .accordion-card .accordion-desc__info-block__services__info.page {
  border-top: none;
}
.target-section__container .info-block__accordion .accordion-card .accordion-desc__info-block__services__info .link-services {
  cursor: pointer;
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: inherit;
  color: rgb(108, 201, 152);
  scale: 0;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 768px) {
  .target-section__container .info-block__accordion .accordion-card .accordion-desc__info-block__services__info .link-services {
    font-size: 1.25rem;
    letter-spacing: -0.02em;
  }
}
.target-section__container .info-block__accordion .accordion-card .accordion-desc__info-block__services__info .link-services.mobile {
  opacity: 1;
  scale: 1;
}
.target-section__container .info-block__accordion .accordion-card .accordion-desc__info-block__services__info .link-services.color-develop {
  color: rgb(81, 64, 234);
}
.target-section__container .info-block__accordion .accordion-card .accordion-desc__info-block__services__info .link-services.color-design {
  color: rgb(245, 154, 68);
}
.target-section__container .info-block__accordion .accordion-card .accordion-desc__info-block__services__info .link-services.color-other {
  color: rgb(190, 196, 205);
}
.target-section__container .info-block__accordion .accordion-card .accordion-desc__info-block__services__info .link-services.color-marketing {
  color: rgb(108, 201, 152);
}
.target-section__container .info-block__accordion .accordion-card .accordion-desc__info-block__services__info .link-services__right {
  text-align: right;
  margin-left: auto;
  opacity: 1 !important;
  scale: 1 !important;
}
.target-section__container .info-block__accordion .accordion-card .accordion-desc__info-block__services__info:hover .link-services {
  scale: 1;
  opacity: 1;
  transition: all 0.3s ease-in-out;
}
.target-section__container .info-block__accordion .accordion-card .accordion-desc__info-block__services__info:hover {
  border-top: 1px solid #262626 !important;
}
.target-section__container .info-block__accordion .accordion-card .accordion-desc__info-block__services__info:hover.page {
  border-top: none !important;
}
.target-section__container .info-block__accordion .accordion-card .accordion-desc__info-block__services__info .term-link-services {
  display: flex;
  gap: 2rem;
}
.target-section__container .info-block__accordion .accordion-card .accordion-desc__info-block__services__info .name-services {
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: inherit;
  color: rgb(38, 38, 38);
}
@media (max-width: 768px) {
  .target-section__container .info-block__accordion .accordion-card .accordion-desc__info-block__services__info .name-services {
    font-size: 1.25rem;
    letter-spacing: -0.02em;
  }
}
@media (max-width: 768px) {
  .target-section__container .info-block__accordion .accordion-card .accordion-desc__info-block__services__info .name-services {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
}
.target-section__container .info-block__accordion .accordion-card .accordion-desc__info-block__services__info .name-services__name {
  color: rgb(38, 38, 38);
}
.target-section__container .info-block__accordion .accordion-card .accordion-desc__info-block__services__info .term-block {
  display: flex;
  column-gap: 4.688rem;
}
@media (max-width: 768px) {
  .target-section__container .info-block__accordion .accordion-card .accordion-desc__info-block__services__info .term-block {
    column-gap: 1rem;
  }
}
.target-section__container .info-block__accordion .accordion-card .accordion-desc__info-block__services__info .term-block .term {
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: inherit;
  color: rgba(38, 38, 38, 0.4);
}
@media (max-width: 768px) {
  .target-section__container .info-block__accordion .accordion-card .accordion-desc__info-block__services__info .term-block .term {
    font-size: 1.25rem;
    letter-spacing: -0.02em;
  }
}

.plus {
  transition: transform 0.3s ease; /* Добавляем переход для плавности анимации */
}

.rotate-45 {
  transform: rotate(45deg); /* Добавляем стиль для поворота иконки на 45 градусов */
}

.process-section {
  padding-top: 8rem;
  padding-bottom: 8rem;
  overflow: hidden;
}
@media (max-width: 768px) {
  .process-section {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
}
.process-section__container__percent-work {
  display: flex;
}
.process-section__container__percent-work__info-block {
  display: flex;
  flex-direction: column;
  row-gap: 3.75rem;
  width: 100%;
}
.process-section__container__percent-work .block-ellipse {
  display: flex;
}
.process-section__container__percent-work .line {
  border-top: 1px solid #6CC998;
  width: 100%;
  margin-top: 3.5rem;
}
@media (max-width: 768px) {
  .process-section__container__percent-work .line {
    margin-top: 2rem;
  }
}
.process-section__container__percent-work .line.color-develop {
  border-color: rgb(81, 64, 234);
}
.process-section__container__percent-work .line.color-marketing {
  border-color: rgb(108, 201, 152);
}
.process-section__container__percent-work .line.color-design {
  border-color: rgb(245, 154, 68);
}
.process-section__container__percent-work .line.color-other {
  border-color: rgb(190, 196, 205);
}
.process-section__container__percent-work .line-grey {
  border-top: 2px solid rgba(38, 38, 38, 0.2);
  width: 100%;
  margin-top: 3.5rem;
}
@media (max-width: 768px) {
  .process-section__container__percent-work .line-grey {
    margin-top: 2rem;
  }
}
.process-section__container__percent-work .ellipse {
  position: relative;
  border: 0.29rem dotted rgba(38, 38, 38, 0.2);
  border-radius: 50%;
  max-width: 6.875rem;
  height: 6.875rem;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 768px) {
  .process-section__container__percent-work .ellipse {
    max-width: 4rem;
    height: 4rem;
    border: 0.167rem dotted rgba(38, 38, 38, 0.2);
  }
}
.process-section__container__percent-work .ellipse .text {
  font-size: 2.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 100%;
}
@media (max-width: 768px) {
  .process-section__container__percent-work .ellipse .text {
    font-size: 1.5rem;
    letter-spacing: -0.02em;
  }
}
.process-section__container__percent-work .ellipse svg {
  position: absolute;
  bottom: -0.25rem;
  left: -0.25rem;
}
@media (max-width: 768px) {
  .process-section__container__percent-work .ellipse svg {
    max-width: 4.03rem;
    height: 4rem;
    bottom: -0.25rem;
    left: -0.25rem;
  }
}
.process-section__container__percent-work .ellipse svg.color-develop path {
  stroke: rgb(81, 64, 234);
}
.process-section__container__percent-work .ellipse svg.color-marketing path {
  stroke: rgb(108, 201, 152);
}
.process-section__container__percent-work .ellipse svg.color-design path {
  stroke: rgb(245, 154, 68);
}
.process-section__container__percent-work .ellipse svg.color-other path {
  stroke: rgb(190, 196, 205);
}
@media (max-width: 768px) {
  .process-section__container__percent-work .ellipse .svg-ellipse {
    height: 3.7rem;
    left: -0.8rem;
  }
}
.process-section__container .info-block {
  padding-top: 3.75rem;
  display: flex;
  justify-content: space-between;
}
.process-section__container .info-block__description {
  max-width: 32.375rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  row-gap: 2rem;
  padding-right: 1rem;
}
.process-section__container .info-block__description__content {
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: inherit;
  color: rgb(38, 38, 38);
}
@media (max-width: 768px) {
  .process-section__container .info-block__description__content {
    font-size: 1.25rem;
    letter-spacing: -0.02em;
  }
}
.process-section__container .info-block__description__content ul {
  padding-left: 1.4rem;
  max-width: 31.875rem;
  width: 100%;
  list-style-type: square;
}
.process-section__container .info-block__description__title {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
@media (max-width: 768px) {
  .process-section__container .info-block__description__title {
    justify-content: flex-start;
  }
}
.process-section__container .info-block__description__title .title-text {
  font-size: 2.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 100%;
  text-transform: uppercase;
  white-space: nowrap;
}
@media (max-width: 768px) {
  .process-section__container .info-block__description__title .title-text {
    font-size: 1.5rem;
    letter-spacing: -0.02em;
  }
}
.process-section__container .info-block__description__title .process-btn {
  white-space: nowrap;
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: inherit;
  color: rgba(38, 38, 38, 0.4);
  background-color: rgb(255, 255, 255);
  border: 0.125rem solid #E9E9E9;
  padding: 0.625rem 1.25rem;
}
@media (max-width: 768px) {
  .process-section__container .info-block__description__title .process-btn {
    font-size: 1.25rem;
    letter-spacing: -0.02em;
  }
}

.reviews-section .btn-review {
  max-width: 12.833rem;
  width: 100%;
  padding: 1rem 2rem;
  margin: 0 auto;
}
.reviews-section .split-block__title {
  font-size: 6rem;
  font-weight: 500;
  letter-spacing: -0.02em;
  line-height: 100%;
  max-width: 21.563rem;
  color: #262626;
}
@media (max-width: 768px) {
  .reviews-section .split-block__title {
    font-size: 3rem;
  }
}
.reviews-section .split-block .map-block__info-container__title {
  color: #262626;
}
.reviews-section .split-block .map-block .outline-star {
  background-image: url("/static/assets/img/icons/star.f95976ad325c.svg");
  background-repeat: no-repeat;
  width: 100%;
}
.reviews-section .split-block__content_reviews {
  padding-top: 4rem;
  gap: 5.333rem;
}
.reviews-section .split-block__review {
  display: flex;
  flex-direction: column;
  row-gap: 3rem;
}
.reviews-section .split-block__user {
  gap: 1.333rem;
}
.reviews-section .split-block__user__name {
  color: #262626;
}
.reviews-section .split-block__review-content__text__content {
  color: #262626;
}
.reviews-section .split-block__review-content__text__map-link {
  color: #6CC998;
}

.form-section {
  padding-top: 8rem;
  padding-bottom: 8rem;
}
@media (max-width: 768px) {
  .form-section {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
}
.form-section.color-develop .icon-path, .form-section.color-design .icon-path, .form-section.color-other .icon-path, .form-section.color-marketing .icon-path {
  fill: rgb(255, 255, 255) !important;
}
.form-section.color-develop .inp-color, .form-section.color-design .inp-color, .form-section.color-other .inp-color, .form-section.color-marketing .inp-color {
  color: rgb(255, 255, 255) !important;
  border-color: rgba(255, 255, 255, 0.4) !important;
}
.form-section.color-develop .inp-color::placeholder, .form-section.color-design .inp-color::placeholder, .form-section.color-other .inp-color::placeholder, .form-section.color-marketing .inp-color::placeholder {
  color: rgb(255, 255, 255) !important;
  opacity: 0.4;
}
.form-section.color-develop .info-block .form-content .info, .form-section.color-design .info-block .form-content .info, .form-section.color-other .info-block .form-content .info, .form-section.color-marketing .info-block .form-content .info {
  color: color-mix(in srgb, rgb(255, 255, 255) 100%, rgb(38, 38, 38) 60%);
}
.form-section.color-develop .form-block {
  background-color: rgb(81, 64, 234) !important;
}
.form-section.color-develop .form-block .title {
  color: rgb(255, 255, 255) !important;
}
.form-section.color-develop .btn-submit {
  color: rgb(81, 64, 234) !important;
  background-color: rgb(255, 255, 255) !important;
}
.form-section.color-design .form-block {
  background-color: rgb(245, 154, 68) !important;
}
.form-section.color-design .form-block .title {
  color: rgb(255, 255, 255) !important;
}
.form-section.color-design .btn-submit {
  color: rgb(245, 154, 68) !important;
  background-color: rgb(255, 255, 255) !important;
}
.form-section.color-other .form-block {
  background-color: rgb(190, 196, 205) !important;
}
.form-section.color-other .form-block .title {
  color: rgb(255, 255, 255) !important;
}
.form-section.color-other .btn-submit {
  color: rgb(190, 196, 205) !important;
  background-color: rgb(255, 255, 255) !important;
}
.form-section.color-marketing .form-block {
  background-color: rgb(108, 201, 152) !important;
}
.form-section.color-marketing .form-block .title {
  color: rgb(255, 255, 255) !important;
}
.form-section.color-marketing .btn-submit {
  color: rgb(108, 201, 152) !important;
  background-color: rgb(255, 255, 255) !important;
}
.form-section__container .info-block {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 0;
}
@media (max-width: 768px) {
  .form-section__container .info-block {
    display: flex;
    flex-direction: column;
  }
}
.form-section__container .info-block picture {
  height: 100%;
  grid-column: span 3;
  border-top-left-radius: 9999rem;
  border-bottom-left-radius: 9999rem;
  overflow: hidden;
}
@media (max-width: 768px) {
  .form-section__container .info-block picture {
    border-radius: 0;
    border-top-left-radius: 9999rem;
    border-top-right-radius: 9999rem;
  }
}
.form-section__container .info-block picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: left;
}
.form-section__container .info-block .form-block {
  background: white;
  padding: 4rem;
  grid-column: span 4;
  border-top-right-radius: 9999rem;
  border-bottom-right-radius: 9999rem;
}
@media (max-width: 768px) {
  .form-section__container .info-block .form-block {
    border: none;
    padding: 2rem;
    border-radius: 0;
    border-bottom-left-radius: 9999rem;
    border-bottom-right-radius: 9999rem;
    padding-bottom: 7rem;
  }
}
.form-section__container .info-block .form-block .title {
  font-size: 6rem;
  font-weight: 500;
  letter-spacing: -0.02em;
  line-height: 100%;
  max-width: 46.188rem;
  color: #262626;
  text-transform: uppercase;
}
@media (max-width: 768px) {
  .form-section__container .info-block .form-block .title {
    font-size: 3rem;
  }
}
.form-section__container .info-block .form-block .icon-path {
  fill: rgba(38, 38, 38, 0.4);
}
.form-section__container .info-block .form-block .inp-color {
  color: black;
  border-color: rgba(38, 38, 38, 0.4);
}
.form-section__container .info-block .form-block .inp-color::placeholder {
  color: #262626;
  opacity: 0.4;
}
.form-section__container .info-block .form-content {
  margin-top: 6rem;
}
@media (max-width: 768px) {
  .form-section__container .info-block .form-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 3rem;
  }
}
.form-section__container .info-block .form-content .info {
  color: rgba(38, 38, 38, 0.6);
  max-width: 20.625rem;
  width: 100%;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 1.2rem;
  font-size: 0.938rem;
}
@media (max-width: 768px) {
  .form-section__container .info-block .form-content .info {
    font-size: 1rem;
    line-height: 0.9rem;
    letter-spacing: -0.02em;
  }
}
@media (max-width: 768px) {
  .form-section__container .info-block .form-content .info {
    max-width: 24.625rem;
  }
}
.form-section__container .info-block .form-content .btn-submit {
  grid-column: 2;
  max-width: 12.125rem;
  color: white;
  background-color: #262626;
}
.form-section__container .info-block .form-content .label-select {
  position: relative;
}
.form-section__container .info-block .form-content .label-select.open svg {
  transform: rotate(180deg);
}
.form-section__container .info-block .form-content .label-select.open .ul-list {
  display: block;
}
.form-section__container .info-block .form-content .label-select svg {
  position: absolute;
  right: 0;
  top: 50%;
}
.form-section__container .info-block .form-content .select-inp {
  cursor: pointer;
}

.ul-list {
  display: none;
  position: absolute;
  list-style-type: none;
  padding: 0;
  margin: 0;
  z-index: 1000;
  left: 0;
  width: 100%;
  top: calc(100% + 0px);
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  max-height: 11rem;
  flex-direction: column;
  gap: 0.63rem;
  background-color: rgb(255, 255, 255);
  overflow-y: auto;
  border: 2px solid rgba(38, 38, 38, 0.1019607843);
  border-top: 0;
}
.ul-list .custom-select-options {
  overflow-y: auto;
}
.ul-list .custom-select-options::-webkit-scrollbar {
  border-radius: 0.625rem;
  width: 0.5rem;
}
.ul-list .custom-select-options::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  transition: all 0.3s ease-in;
}
.ul-list .custom-select-options::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.4);
}
.ul-list .custom-select-options li {
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: inherit;
  cursor: pointer;
}
@media (max-width: 768px) {
  .ul-list .custom-select-options li {
    font-size: 1.25rem;
    letter-spacing: -0.02em;
  }
}
.ul-list .custom-select-options li.active span {
  color: rgb(38, 38, 38);
}
.ul-list .custom-select-options li span {
  display: block;
  width: 100%;
  padding: 0.5rem 1.25rem;
  color: rgba(0, 0, 0, 0.5);
}
.ul-list .custom-select-options li span:hover {
  background-color: rgba(0, 0, 0, 0.1019607843);
}

.modal-icon {
  transition: transform 0.3s ease;
}

.cases-section__container .title {
  font-size: 7.5rem;
  letter-spacing: -0.024em;
  font-weight: 500;
  line-height: 100%;
  color: white;
}
@media (max-width: 768px) {
  .cases-section__container .title {
    font-size: 3.5rem;
    letter-spacing: -0.02rem;
  }
}
.cases-section__container .menu__navigation {
  position: sticky;
  top: 0;
  left: 0;
  z-index: 11;
  transition: all 0.3s ease-in;
  padding-top: 8rem;
  gap: 1.25rem;
  flex-wrap: nowrap;
  overflow: auto;
  scrollbar-width: none;
  padding-left: 0;
}
@media (max-width: 768px) {
  .cases-section__container .menu__navigation {
    flex-direction: row;
  }
}
.cases-section__container .menu__navigation a {
  font-size: 2.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 100%;
  text-transform: uppercase;
  color: white;
  opacity: 0.4;
  white-space: nowrap;
}
@media (max-width: 768px) {
  .cases-section__container .menu__navigation a {
    font-size: 1.5rem;
    letter-spacing: -0.02em;
  }
}
.cases-section__container .menu__navigation a:hover, .cases-section__container .menu__navigation a.active {
  opacity: 1;
}
.cases-section__container__grid {
  display: grid;
  grid-template-columns: 31.625rem 1fr;
}
@media (max-width: 768px) {
  .cases-section__container__grid {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    row-gap: 5.333rem;
  }
}
.cases-section__container__grid__two {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.25rem;
}
@media (max-width: 768px) {
  .cases-section__container__grid__two {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
.cases-section__container__grid__two .link-cases {
  position: relative;
  overflow: hidden;
  border-radius: 0.75rem;
  max-height: 25rem;
}
.cases-section__container__grid__two .link-cases:hover .show-text {
  opacity: 1;
}
.cases-section__container__grid__two .link-cases img {
  border-radius: 0.75rem;
  height: 100%;
  transition: transform 0.5s ease;
  object-fit: cover;
}
.cases-section__container__grid__two .link-cases img:hover {
  transform: scale(1.2);
}
.cases-section__container__grid__two .link-cases .info-case {
  position: absolute;
  left: 2rem;
  top: 2rem;
  font-size: 2.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 100%;
  color: white;
  pointer-events: none;
}
@media (max-width: 768px) {
  .cases-section__container__grid__two .link-cases .info-case {
    font-size: 1.5rem;
    letter-spacing: -0.02em;
  }
}
.cases-section__container__grid__two .link-cases .show-text {
  display: flex;
  justify-content: space-between;
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: inherit;
  position: absolute;
  bottom: 2rem;
  overflow: hidden;
  left: 2rem;
  width: 90%;
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
}
@media (max-width: 768px) {
  .cases-section__container__grid__two .link-cases .show-text {
    font-size: 1.25rem;
    letter-spacing: -0.02em;
  }
}
.cases-section__container__grid__two .link-cases .show-text p {
  max-width: 14.25rem;
  width: 100%;
  color: white;
}
.cases-section__container__grid__two .link-cases .show-text span {
  color: white;
}

.step-section {
  margin-top: 1.875rem;
  margin-bottom: 8rem;
  position: relative;
  z-index: 18;
}
@media (max-width: 768px) {
  .step-section {
    margin-bottom: 0 !important;
    padding-bottom: 4rem;
  }
}
.step-section.zIndex {
  z-index: 10;
}
.step-section .pin-spacer {
  margin: 0 !important;
  width: 100% !important;
}
.step-section .container {
  padding: 0;
}
.step-section__step-block {
  margin: 0;
  max-width: none;
  width: 100%;
}
.step-section__step-block__header__container {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.813rem;
  align-items: center;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 1.2rem;
  color: rgba(38, 38, 38, 0.4);
  height: 100%;
}
@media (max-width: 768px) {
  .step-section__step-block__header__container {
    font-size: 1rem;
    line-height: 0.9rem;
    letter-spacing: -0.02em;
  }
}
.step-section__step-block__body__container {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.813rem;
}
@media (max-width: 768px) {
  .step-section__step-block__body__container {
    gap: 3rem;
  }
}
.step-section__step-block:first-child {
  border-top-left-radius: 3rem;
  border-top-right-radius: 3rem;
  overflow: hidden;
}
.step-section__step-block:last-child {
  border-bottom-left-radius: 3rem;
  border-bottom-right-radius: 3rem;
  overflow: hidden;
}
.step-section__step-block:last-of-type .soluzione .soluzione-corpo {
  border-radius: 0 0 3rem 3rem;
}
.step-section__step-block:first-of-type .soluzione .soluzione-testa {
  border-radius: 3rem 3rem 0 0;
}
.step-section__step-block__item {
  grid-column: span 2;
  background-color: rgb(234, 247, 239);
}
.step-section__step-block__number {
  max-width: none;
  width: 100%;
}
.step-section__step-block__number.container {
  padding: 2rem 4rem 2rem 4rem;
}
@media (max-width: 768px) {
  .step-section__step-block__number.container {
    padding: 1.25rem 1.25rem 2rem 1.25rem;
  }
}
.step-section__step-block__number .title-block {
  display: flex;
  align-items: center;
  gap: 2rem;
}
.step-section__step-block__number .title-block .title {
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 1.2rem;
  color: rgba(0, 0, 0, 0.4);
  text-transform: uppercase;
}
@media (max-width: 768px) {
  .step-section__step-block__number .title-block .title {
    font-size: 1rem;
    line-height: 0.9rem;
    letter-spacing: -0.02em;
  }
}
.step-section__step-block__number .title-block .term {
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 1.2rem;
  color: rgba(0, 0, 0, 0.4);
}
@media (max-width: 768px) {
  .step-section__step-block__number .title-block .term {
    font-size: 1rem;
    line-height: 0.9rem;
    letter-spacing: -0.02em;
  }
}
.step-section__step-block__number .name {
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 1.2rem;
  color: rgba(0, 0, 0, 0.4);
}
@media (max-width: 768px) {
  .step-section__step-block__number .name {
    font-size: 1rem;
    line-height: 0.9rem;
    letter-spacing: -0.02em;
  }
}
.step-section__step-block__step-image {
  margin-top: 2rem;
  max-width: 35.375rem;
  max-height: 41.25rem;
}
@media (max-width: 768px) {
  .step-section__step-block__step-image {
    grid-column: span 2;
    max-height: 16.583rem;
  }
}
.step-section__step-block__step-image img {
  width: 100%;
  height: 100%;
  border-radius: 0.75rem;
  object-fit: cover;
}
.step-section__step-block__info-block {
  margin-top: 2rem;
  display: flex;
  flex-direction: column;
  gap: 4rem;
}
@media (max-width: 768px) {
  .step-section__step-block__info-block {
    grid-column: span 2;
    gap: 2.667rem;
    margin-top: 0;
  }
}
.step-section__step-block__info-block__step-title {
  font-size: 4rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 100%;
  text-transform: uppercase;
}
@media (max-width: 768px) {
  .step-section__step-block__info-block__step-title {
    font-size: 2rem;
    letter-spacing: -2%;
  }
}
@media (max-width: 768px) {
  .step-section__step-block__info-block__step-title {
    line-height: 100%;
    padding-top: 0;
  }
}
.step-section__step-block__info-block__step-desc {
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: inherit;
}
@media (max-width: 768px) {
  .step-section__step-block__info-block__step-desc {
    font-size: 1.25rem;
    letter-spacing: -0.02em;
  }
}
.step-section__step-block__info-block__step-desc p {
  margin-bottom: 2rem;
}
.step-section__step-block__info-block__step-desc ul, .step-section__step-block__info-block__step-desc ol {
  padding-left: 2.2rem;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
@media (max-width: 768px) {
  .step-section__step-block__info-block__step-desc ul, .step-section__step-block__info-block__step-desc ol {
    gap: 1.5rem;
  }
}
.step-section__step-block__info-block__step-desc ul li, .step-section__step-block__info-block__step-desc ol li {
  list-style: decimal-leading-zero;
}
.step-section__step-block__info-block__step-desc ul li::marker, .step-section__step-block__info-block__step-desc ol li::marker {
  color: rgba(38, 38, 38, 0.4);
}

.main-info.container {
  padding: 4rem 0 0 0;
}
@media (max-width: 768px) {
  .main-info.container {
    padding: 2rem 0 0 0;
  }
}

.tag-section .container {
  padding: 0 18.75rem;
}
@media (max-width: 768px) {
  .tag-section .container {
    padding: 0;
  }
}
.tag-section__tag-block {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 75rem;
  grid-column: span 2;
  padding-bottom: 2.5rem;
  border-bottom: 0.0625rem solid rgba(255, 255, 255, 0.1);
}
@media (max-width: 768px) {
  .tag-section__tag-block {
    flex-direction: column-reverse;
    gap: 3.333rem;
    align-items: flex-start;
  }
}
.tag-section__tag-block .terms {
  display: flex;
  align-items: center;
  column-gap: 2rem;
  row-gap: 1rem;
}
@media (max-width: 768px) {
  .tag-section__tag-block .terms {
    flex-wrap: wrap;
  }
}
.tag-section__tag-block .terms__date {
  color: rgb(255, 255, 255);
  opacity: 0.4;
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: inherit;
}
@media (max-width: 768px) {
  .tag-section__tag-block .terms__date {
    font-size: 1.25rem;
    letter-spacing: -0.02em;
  }
}
.tag-section__tag-block .terms__time {
  opacity: 0.4;
  color: rgb(255, 255, 255);
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: inherit;
}
@media (max-width: 768px) {
  .tag-section__tag-block .terms__time {
    font-size: 1.25rem;
    letter-spacing: -0.02em;
  }
}
.tag-section__tag-block .terms__rating {
  display: flex;
  align-items: center;
  gap: 0.313rem;
}
.tag-section__tag-block .terms__rating .title {
  opacity: 0.4;
  color: rgb(255, 255, 255);
  max-width: 2rem;
  width: 100%;
}
.tag-section__tag-block .terms .item {
  width: max-content;
}

.case-section {
  background: #262626;
}
.case-section__container__grid {
  display: grid;
  grid-template-columns: 46.25rem 1fr;
  min-height: 100vh;
}
@media (max-width: 768px) {
  .case-section__container__grid {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
.case-section__container__left-block {
  padding: 3rem 4rem;
  display: flex;
  flex-direction: column;
  row-gap: 2rem;
}
@media (max-width: 768px) {
  .case-section__container__left-block {
    padding: 1.25rem;
  }
}
.case-section__container__left-block .nav-info {
  display: flex;
  justify-content: space-between;
}
.case-section__container__left-block .nav-info__back {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 0.25rem;
}
.case-section__container__left-block .nav-info__back span {
  color: #D7CEC5;
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: inherit;
  padding: 0.25rem;
}
@media (max-width: 768px) {
  .case-section__container__left-block .nav-info__back span {
    font-size: 1.25rem;
    letter-spacing: -0.02em;
  }
}
.case-section__container__left-block .nav-info__info {
  color: white;
  opacity: 0.4;
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: inherit;
}
@media (max-width: 768px) {
  .case-section__container__left-block .nav-info__info {
    font-size: 1.25rem;
    letter-spacing: -0.02em;
  }
}
.case-section__container__left-block .title {
  padding-top: 2rem;
  font-size: 4rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 100%;
  max-width: 38.25rem;
  width: 100%;
  color: white;
}
@media (max-width: 768px) {
  .case-section__container__left-block .title {
    font-size: 2rem;
    letter-spacing: -2%;
  }
}
@media (max-width: 768px) {
  .case-section__container__left-block .title {
    padding-top: 1.25rem;
  }
}
.case-section__container__left-block .btn-case-link {
  width: fit-content;
}
.case-section__container__left-block .btn-case-link .link-text {
  color: white;
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: inherit;
}
@media (max-width: 768px) {
  .case-section__container__left-block .btn-case-link .link-text {
    font-size: 1.25rem;
    letter-spacing: -0.02em;
  }
}
.case-section__container__left-block .btn-case-link svg {
  flex: none;
}
.case-section__container__left-block .border {
  border-top: 1px solid #FFFFFF;
}
.case-section__container__left-block__info-block {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .case-section__container__left-block__info-block {
    row-gap: 2.833rem;
  }
}
.case-section__container__left-block__info-block .content-one {
  display: flex;
  flex-direction: column;
  row-gap: 1.5rem;
}
@media (max-width: 768px) {
  .case-section__container__left-block__info-block .content-one {
    row-gap: 1.5rem;
  }
}
.case-section__container__left-block__info-block .content-one__title {
  color: white;
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: inherit;
  max-width: 27.563rem;
  width: 100%;
}
@media (max-width: 768px) {
  .case-section__container__left-block__info-block .content-one__title {
    font-size: 1.25rem;
    letter-spacing: -0.02em;
  }
}
.case-section__container__left-block__info-block .content-one__text {
  opacity: 0.4;
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: inherit;
  max-width: 27.5rem;
  width: 100%;
  color: white;
}
@media (max-width: 768px) {
  .case-section__container__left-block__info-block .content-one__text {
    font-size: 1.25rem;
    letter-spacing: -0.02em;
  }
}
.case-section__container__left-block__info-block .content-two {
  display: flex;
  align-items: baseline;
  column-gap: 3rem;
}
.case-section__container__left-block__info-block .content-two__application-info {
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
}
@media (max-width: 768px) {
  .case-section__container__left-block__info-block .content-two__application-info {
    row-gap: 0.833rem;
  }
}
.case-section__container__left-block__info-block .content-two__application-info__title {
  color: white;
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: inherit;
}
@media (max-width: 768px) {
  .case-section__container__left-block__info-block .content-two__application-info__title {
    font-size: 1.25rem;
    letter-spacing: -0.02em;
  }
}
.case-section__container__left-block__info-block .content-two__application-info__text {
  color: white;
  font-size: 2.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 100%;
}
@media (max-width: 768px) {
  .case-section__container__left-block__info-block .content-two__application-info__text {
    font-size: 1.5rem;
    letter-spacing: -0.02em;
  }
}
.case-section__container__right-block {
  min-height: 80vh;
  position: relative;
  padding: 0 1.25rem;
}
.case-section__container__right-block .iframe {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
  transition-duration: 1s;
  opacity: 1;
  width: 100%;
  height: 100%;
}
.case-section__container__right-block img {
  border-radius: 0.5rem;
  object-fit: cover;
}

.faq-section__container {
  position: relative;
}
.faq-section__container__info-block {
  padding-top: 1rem;
}
@media (max-width: 768px) {
  .faq-section__container__info-block {
    padding-top: 1.25rem;
  }
}
.faq-section__container__info-block .pagination {
  margin-top: 4rem;
  display: flex;
  justify-content: end;
  list-style-type: none;
  gap: 0.25rem;
  grid-column: span 2;
  width: 100%;
}
.faq-section__container__info-block .expansion-block {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 4rem;
  row-gap: 0;
}
@media (max-width: 768px) {
  .faq-section__container__info-block .expansion-block {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 2.5rem;
  }
}
.faq-section__container__info-block .split-block__content_faq {
  gap: 2.5rem;
}
@media (max-width: 768px) {
  .faq-section__container__info-block .split-block__content_faq .tags {
    display: none;
  }
}
.faq-section__container__info-block .split-block__content_faq__filter {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 4rem;
}
@media (max-width: 768px) {
  .faq-section__container__info-block .split-block__content_faq__filter {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 1.5rem;
  }
}
.faq-section__container__info-block .split-block__content_faq__filter input {
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: inherit;
  border-bottom-color: hsla(0, 0%, 100%, 0.4);
  border-bottom-width: 1px;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.5s;
}
@media (max-width: 768px) {
  .faq-section__container__info-block .split-block__content_faq__filter input {
    font-size: 1.25rem;
    letter-spacing: -0.02em;
  }
}
.faq-section__container__info-block .split-block__content_faq__filter .choise-filter-block {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .faq-section__container__info-block .split-block__content_faq__filter .choise-filter-block {
    flex-direction: column;
    gap: 1.25rem;
  }
}
.faq-section__container__info-block .split-block__content_faq__filter .choise-filter-block_one {
  max-width: 20rem;
}
@media (max-width: 768px) {
  .faq-section__container__info-block .split-block__content_faq__filter .choise-filter-block_one {
    width: 100%;
    max-width: 100%;
  }
}
.faq-section__container__info-block .split-block__content_faq__filter .choise-filter-block_one .question-filter {
  opacity: 1;
  position: relative;
}
.faq-section__container__info-block .split-block__content_faq__filter .choise-filter-block_one .question-filter ul {
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  background-color: #262626;
  padding: 1.25rem;
  width: 100%;
  list-style: none;
  position: absolute;
  z-index: 5;
}
.faq-section__container__info-block .split-block__content_faq__filter .choise-filter-block_one .question-filter ul li {
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: inherit;
  color: hsla(0, 0%, 100%, 0.4);
}
@media (max-width: 768px) {
  .faq-section__container__info-block .split-block__content_faq__filter .choise-filter-block_one .question-filter ul li {
    font-size: 1.25rem;
    letter-spacing: -0.02em;
  }
}
.faq-section__container__info-block .split-block__content_faq__filter .choise-filter-block_one .question-filter ul li > a {
  display: block;
  cursor: pointer;
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: inherit;
  color: hsla(0, 0%, 100%, 0.4);
}
@media (max-width: 768px) {
  .faq-section__container__info-block .split-block__content_faq__filter .choise-filter-block_one .question-filter ul li > a {
    font-size: 1.25rem;
    letter-spacing: -0.02em;
  }
}
.faq-section__container__info-block .split-block__content_faq__filter .choise-filter-block_one button {
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.4);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.5s;
  padding-top: 1.5rem;
  padding-bottom: 0.75rem;
  color: white;
  gap: 1.25rem;
  background: transparent;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.faq-section__container__info-block .split-block__content_faq__filter .choise-filter-block_one button div > .category {
  color: white;
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: inherit;
  opacity: 0.4;
}
@media (max-width: 768px) {
  .faq-section__container__info-block .split-block__content_faq__filter .choise-filter-block_one button div > .category {
    font-size: 1.25rem;
    letter-spacing: -0.02em;
  }
}
.faq-section__container__info-block .split-block__content_faq__filter .choise-filter-block_one button div > .question {
  color: white;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 1.2rem;
}
@media (max-width: 768px) {
  .faq-section__container__info-block .split-block__content_faq__filter .choise-filter-block_one button div > .question {
    font-size: 1rem;
    line-height: 0.9rem;
    letter-spacing: -0.02em;
  }
}
.faq-section__container__info-block .split-block__content_faq__filter .choise-filter-block .clear {
  background: transparent;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 1.2rem;
}
@media (max-width: 768px) {
  .faq-section__container__info-block .split-block__content_faq__filter .choise-filter-block .clear {
    font-size: 1rem;
    line-height: 0.9rem;
    letter-spacing: -0.02em;
  }
}

.question-filter {
  display: none;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.question-filter.show {
  display: block;
  opacity: 1;
}

.svg-filter {
  transition: transform 0.3s ease;
}

.svg-filter.rotate {
  transform: rotate(180deg);
}

.contacts-section {
  margin-top: 6rem;
  margin-bottom: 6rem;
}
@media (max-width: 768px) {
  .contacts-section {
    margin-top: 3.3rem;
    margin-bottom: 3.3rem;
  }
}
.contacts-section__container__address {
  position: relative;
}
.contacts-section__container__address .contacts-block {
  flex-direction: column;
  align-items: baseline;
  position: absolute;
  top: 0;
}
.contacts-section__container__address .contacts-block__contacts-item {
  text-indent: 24rem;
  max-width: 85.438rem;
}
@media (max-width: 768px) {
  .contacts-section__container__address .contacts-block__contacts-item {
    text-indent: 8rem;
  }
}
.contacts-section__container__info-block {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0;
  margin-top: 25rem;
}
@media (max-width: 768px) {
  .contacts-section__container__info-block {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 5rem;
    margin-top: 20rem;
  }
}
.contacts-section__container__info-block .socials {
  flex-wrap: wrap;
  align-items: baseline;
}
.contacts-section__container__info-block .info-company-block {
  display: grid;
  grid-template-columns: 1.2fr 2fr;
  padding: 1.75rem 0;
  gap: 0.5rem;
  border-top: 1px solid hsla(0, 0%, 100%, 0.4);
}
.contacts-section__container__info-block .info-company-block__name {
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: inherit;
  color: white;
  opacity: 0.4;
}
@media (max-width: 768px) {
  .contacts-section__container__info-block .info-company-block__name {
    font-size: 1.25rem;
    letter-spacing: -0.02em;
  }
}
.contacts-section__container__info-block .info-company-block__description {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.contacts-section__container__info-block .info-company-block__description__name {
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: inherit;
  color: white;
  max-width: 28rem;
}
@media (max-width: 768px) {
  .contacts-section__container__info-block .info-company-block__description__name {
    font-size: 1.25rem;
    letter-spacing: -0.02em;
  }
}
@media (max-width: 768px) {
  .contacts-section__container__info-block .info-company-block__description .copy-btn {
    display: none;
  }
}
.contacts-section__container__info-block .info-company-block__description button {
  color: rgb(217, 208, 199);
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: inherit;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
  opacity: 0;
  display: flex;
  justify-content: center;
  cursor: pointer;
  background: transparent;
}
@media (max-width: 768px) {
  .contacts-section__container__info-block .info-company-block__description button {
    font-size: 1.25rem;
    letter-spacing: -0.02em;
  }
}
.contacts-section__container__info-block .info-company-block:hover button {
  opacity: 1;
}

.policy-section {
  margin-top: 6rem;
  margin-bottom: 6rem;
}
@media (max-width: 768px) {
  .policy-section {
    margin-top: 3.3rem;
    margin-bottom: 3.3rem;
  }
}
.policy-section__container {
  position: relative;
  width: 75%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: column;
  row-gap: 6.563rem;
}
@media (max-width: 768px) {
  .policy-section__container {
    width: 100%;
    row-gap: 5.167rem;
  }
}
.policy-section__container__info-block {
  display: flex;
  flex-direction: column;
  row-gap: 2.625rem;
}
.policy-section__container__info-block .title {
  font-size: 2.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 100%;
  color: rgb(255, 255, 255);
  text-transform: uppercase;
}
@media (max-width: 768px) {
  .policy-section__container__info-block .title {
    font-size: 1.5rem;
    letter-spacing: -0.02em;
  }
}
.policy-section__container__info-block .content-block {
  display: flex;
  flex-direction: column;
  row-gap: 0.625rem;
}
.policy-section__container__info-block .content-block__text {
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: inherit;
  color: white;
  width: 100%;
}
@media (max-width: 768px) {
  .policy-section__container__info-block .content-block__text {
    font-size: 1.25rem;
    letter-spacing: -0.02em;
  }
}

.brif-one-section {
  margin-top: 2.125rem;
}
.brif-one-section__container__services-block {
  position: relative;
  background-color: white;
  border-radius: 1.5rem;
  min-height: 70vh;
  padding-top: 6rem;
}
.brif-one-section__container__services-block a {
  position: absolute;
  right: 2.5rem;
  top: 2.5rem;
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: inherit;
  color: rgb(38, 38, 38);
  opacity: 0.4;
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 6.813rem;
  width: 100%;
}
@media (max-width: 768px) {
  .brif-one-section__container__services-block a {
    font-size: 1.25rem;
    letter-spacing: -0.02em;
  }
}
.brif-one-section__container__services-block .design-service {
  cursor: pointer;
  animation: briefPulse 2s infinite;
  max-width: 25rem;
  max-height: 25rem;
  width: 100%;
  height: 100%;
  aspect-ratio: 1/1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  border: 2px solid black;
  row-gap: 1rem;
  margin-left: auto;
  margin-right: auto;
  margin: 1rem 0;
  transition-duration: 0.7s;
  margin-right: auto;
  margin-left: auto;
}
.brif-one-section__container__services-block .design-service:hover {
  background-color: black;
}
.brif-one-section__container__services-block .design-service:hover .title {
  color: white;
}
.brif-one-section__container__services-block .design-service:hover .text {
  color: white;
  opacity: 0.4;
}
.brif-one-section__container__services-block .design-service .title {
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: inherit;
  color: #262626;
  pointer-events: none;
}
@media (max-width: 768px) {
  .brif-one-section__container__services-block .design-service .title {
    font-size: 1.25rem;
    letter-spacing: -0.02em;
  }
}
.brif-one-section__container__services-block .design-service .text {
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 1.2rem;
  color: #262626;
  opacity: 0.4;
  max-width: 11.625rem;
  width: 100%;
  text-align: center;
  pointer-events: none;
}
@media (max-width: 768px) {
  .brif-one-section__container__services-block .design-service .text {
    font-size: 1rem;
    line-height: 0.9rem;
    letter-spacing: -0.02em;
  }
}
.brif-one-section__container__services-block .services {
  display: flex;
  flex-direction: column;
  row-gap: 3.75rem;
}
@media (max-width: 768px) {
  .brif-one-section__container__services-block .services {
    row-gap: 1.75rem;
  }
}
.brif-one-section__container__services-block .services__question {
  display: flex;
  flex-direction: column;
  row-gap: 1.75rem;
  text-align: center;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}
@media (max-width: 768px) {
  .brif-one-section__container__services-block .services__question {
    flex-direction: column-reverse;
  }
}
.brif-one-section__container__services-block .services__question .title {
  font-size: 4rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 100%;
  color: rgb(38, 38, 38);
  text-align: center;
}
@media (max-width: 768px) {
  .brif-one-section__container__services-block .services__question .title {
    font-size: 2rem;
    letter-spacing: -2%;
  }
}
.brif-one-section__container__services-block .services__question .block-hidden {
  position: relative;
}
.brif-one-section__container__services-block .services__question .block-hidden .what-this {
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: inherit;
  color: rgb(38, 38, 38);
  opacity: 0.4;
  text-align: center;
  cursor: pointer;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}
@media (max-width: 768px) {
  .brif-one-section__container__services-block .services__question .block-hidden .what-this {
    font-size: 1.25rem;
    letter-spacing: -0.02em;
  }
}
.brif-one-section__container__services-block .services__question .block-hidden .what-this:hover {
  opacity: 1;
}
.brif-one-section__container__services-block .services__question .block-hidden .what-this:hover ~ .text-hidden {
  opacity: 1;
  z-index: 1;
}
.brif-one-section__container__services-block .services__question .block-hidden .text-hidden {
  position: absolute;
  top: 1.5rem;
  left: 25%;
  text-align: left;
  border: 1px solid rgba(27, 23, 23, 0.1);
  background-color: rgb(255, 255, 255);
  border-radius: 0.75rem;
  max-width: 20rem;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 1.2rem;
  color: rgb(38, 38, 38);
  padding: 1.5rem;
  opacity: 0;
  transition: opacity 0.3s ease-in-out; /* Плавный переход */
  transform: translate(52%, 1%);
  z-index: -1;
}
@media (max-width: 768px) {
  .brif-one-section__container__services-block .services__question .block-hidden .text-hidden {
    font-size: 1rem;
    line-height: 0.9rem;
    letter-spacing: -0.02em;
  }
}
@media (max-width: 768px) {
  .brif-one-section__container__services-block .services__question .block-hidden .text-hidden {
    left: 0;
    transform: translate(0%, 0%);
  }
}
.brif-one-section__container__services-block .services .btn-info-block {
  max-width: 30.375rem;
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.brif-one-section__container__services-block .services .btn-info-block__content {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
}
.brif-one-section__container__services-block .services .btn-info-block__content button {
  pointer-events: all;
  max-width: 14.438rem;
  width: 100%;
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: inherit;
}
@media (max-width: 768px) {
  .brif-one-section__container__services-block .services .btn-info-block__content button {
    font-size: 1.25rem;
    letter-spacing: -0.02em;
  }
}
.brif-one-section__container__services-block .block-summ {
  position: absolute;
  left: 50%;
  bottom: -2px;
  transform: translateX(-50%);
  z-index: 12;
  max-width: 28.125rem;
  width: 100%;
  padding: 1.25rem 7rem 0rem 7rem;
  background: rgb(38, 38, 38);
  border-top-left-radius: 1.5rem;
  border-top-right-radius: 1.5rem;
  text-align: center;
  display: flex;
  flex-direction: column;
  row-gap: 0.75rem;
}
@media (max-width: 768px) {
  .brif-one-section__container__services-block .block-summ {
    max-width: 10.917rem;
    padding: 1rem;
    display: block;
  }
}
.brif-one-section__container__services-block .block-summ__summa {
  font-size: 2.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 100%;
  color: white;
}
@media (max-width: 768px) {
  .brif-one-section__container__services-block .block-summ__summa {
    font-size: 1.5rem;
    letter-spacing: -0.02em;
  }
}
.brif-one-section__container__services-block .block-summ__text {
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: inherit;
  color: white;
  opacity: 0.4;
  white-space: nowrap;
}
@media (max-width: 768px) {
  .brif-one-section__container__services-block .block-summ__text {
    font-size: 1.25rem;
    letter-spacing: -0.02em;
  }
}
.brif-one-section__container__services-block .block-summ .left-radius::before {
  content: "";
  position: absolute;
  left: -1rem;
  bottom: 0;
  height: 1.25rem;
  width: 1.25rem;
  background-color: #262626;
}
.brif-one-section__container__services-block .block-summ .left-radius::after {
  content: "";
  position: absolute;
  left: -1rem;
  bottom: 2px;
  height: 100%;
  width: 1.25rem;
  border-bottom-right-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
}
.brif-one-section__container__services-block .block-summ .right-radius::before {
  content: "";
  position: absolute;
  right: -1rem;
  bottom: 0;
  height: 1.25rem;
  width: 1.25rem;
  background-color: #262626;
}
.brif-one-section__container__services-block .block-summ .right-radius::after {
  content: "";
  position: absolute;
  right: -1rem;
  bottom: 2px;
  height: 100%;
  width: 1.25rem;
  border-bottom-left-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
}
@media (max-width: 768px) {
  .brif-one-section__container__services-block .slider-brif {
    max-height: 29.167rem;
  }
}

@keyframes briefPulse {
  0% {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  }
  50% {
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.8);
  }
  100% {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  }
}
.opacity-brif {
  opacity: 0.6;
  filter: blur(4px);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
  transition-duration: 0.8s;
}

.slider-pagination {
  margin-top: 2rem;
}
.slider-pagination .swiper-slide {
  max-width: 21.875rem;
}
.slider-pagination .block-pagination {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
  max-width: 21.875rem;
  padding-bottom: 1.875rem;
  border-bottom: 1px solid rgba(255, 251, 251, 0.4);
}
.slider-pagination .block-pagination .pagination-item {
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: inherit;
  color: white;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
}
@media (max-width: 768px) {
  .slider-pagination .block-pagination .pagination-item {
    font-size: 1.25rem;
    letter-spacing: -0.02em;
  }
}
.slider-pagination .block-pagination .pagination-item:nth-child(2) {
  opacity: 0.4;
}

.mobile-section {
  padding-top: 8rem;
  padding-bottom: 8rem;
}
@media (max-width: 768px) {
  .mobile-section {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}
.mobile-section__info-block {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 2rem;
}
@media (max-width: 768px) {
  .mobile-section__info-block {
    display: flex;
    flex-direction: column;
  }
}
.mobile-section__info-block__app {
  height: 100%;
  position: relative;
  border-radius: 0.75rem;
  overflow: hidden;
}
.mobile-section__info-block__app::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(38, 38, 38, 0.4);
  z-index: 0;
}
.mobile-section__info-block__app__info {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  color: rgb(255, 255, 255);
  padding: 3rem;
}
@media (max-width: 768px) {
  .mobile-section__info-block__app__info {
    padding: 2rem;
  }
}
.mobile-section__info-block__app__info__name {
  font-size: 2.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 100%;
  text-transform: uppercase;
}
@media (max-width: 768px) {
  .mobile-section__info-block__app__info__name {
    font-size: 1.5rem;
    letter-spacing: -0.02em;
  }
}
.mobile-section__info-block__app__info__details {
  display: flex;
  justify-content: space-between;
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: inherit;
}
@media (max-width: 768px) {
  .mobile-section__info-block__app__info__details {
    font-size: 1.25rem;
    letter-spacing: -0.02em;
  }
}
.mobile-section__info-block__app__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.mobile-section__info-block__info {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0;
  border: 1px solid #E9E9E9;
  border-radius: 0.75rem;
  overflow: hidden;
}
.mobile-section__info-block__info__item {
  padding: 3rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media (max-width: 768px) {
  .mobile-section__info-block__info__item {
    padding: 2rem;
  }
}
@media (max-width: 520px) {
  .mobile-section__info-block__info__item {
    padding: 1rem;
  }
}
.mobile-section__info-block__info__item:not(:last-child) {
  border-bottom: 1px solid #E9E9E9;
}
.mobile-section__info-block__info__item:nth-child(2n+1) {
  border-right: 1px solid #E9E9E9;
}
.mobile-section__info-block__info__item_app {
  display: flex;
  flex-direction: row;
  gap: 1.5rem;
}
@media (max-width: 768px) {
  .mobile-section__info-block__info__item_app {
    gap: 1rem;
    align-items: center;
  }
}
.mobile-section__info-block__info__item_app__img-block {
  width: 5rem;
  height: 5rem;
  flex: none;
}
@media (max-width: 768px) {
  .mobile-section__info-block__info__item_app__img-block {
    width: 4rem;
    height: 4rem;
  }
}
@media (max-width: 520px) {
  .mobile-section__info-block__info__item_app__img-block {
    width: 3rem;
    height: 3rem;
  }
}
.mobile-section__info-block__info__item_app__info {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
.mobile-section__info-block__info__item_app__info__rating {
  display: flex;
  gap: 0.75rem;
  align-items: center;
  font-size: 2.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 100%;
  color: rgb(245, 154, 68);
}
@media (max-width: 768px) {
  .mobile-section__info-block__info__item_app__info__rating {
    font-size: 1.5rem;
    letter-spacing: -0.02em;
  }
}
@media (max-width: 768px) {
  .mobile-section__info-block__info__item_app__info__rating {
    font-size: 4rem;
    font-weight: 500;
    letter-spacing: -0.01em;
    line-height: 100%;
  }
}
@media (max-width: 768px) and (max-width: 768px) {
  .mobile-section__info-block__info__item_app__info__rating {
    font-size: 2rem;
    letter-spacing: -2%;
  }
}
@media (max-width: 520px) {
  .mobile-section__info-block__info__item_app__info__rating {
    gap: 0.5rem;
  }
}
.mobile-section__info-block__info__item_app__info__rating svg {
  width: 2rem;
  height: 2rem;
  object-fit: contain;
}
.mobile-section__info-block__info__item_app__info__description {
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: inherit;
}
@media (max-width: 768px) {
  .mobile-section__info-block__info__item_app__info__description {
    font-size: 1.25rem;
    letter-spacing: -0.02em;
  }
}
@media (max-width: 768px) {
  .mobile-section__info-block__info__item_app__info__description.desktop {
    display: none;
  }
}
.mobile-section__info-block__info__item_app__info__description.mobile {
  display: none;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 1.2rem;
}
@media (max-width: 768px) {
  .mobile-section__info-block__info__item_app__info__description.mobile {
    font-size: 1rem;
    line-height: 0.9rem;
    letter-spacing: -0.02em;
  }
}
@media (max-width: 768px) {
  .mobile-section__info-block__info__item_app__info__description.mobile {
    display: block;
  }
}
.mobile-section__info-block__info__item_button button {
  width: fit-content;
}
.mobile-section__info-block__info__item__count {
  font-size: 6rem;
  font-weight: 500;
  letter-spacing: -0.02em;
  line-height: 100%;
}
@media (max-width: 768px) {
  .mobile-section__info-block__info__item__count {
    font-size: 3rem;
  }
}
.mobile-section__info-block__info__item__description {
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: inherit;
}
@media (max-width: 768px) {
  .mobile-section__info-block__info__item__description {
    font-size: 1.25rem;
    letter-spacing: -0.02em;
  }
}
.mobile-section__info-block__info__item_button {
  grid-column: span 2;
}
@media (max-width: 768px) {
  .mobile-section__info-block__info__item_button {
    align-items: center;
  }
}

.seo-section {
  padding-top: 8rem;
  padding-bottom: 8rem;
  overflow: hidden;
}
@media (max-width: 768px) {
  .seo-section {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}
.seo-section__info-block {
  display: flex;
  flex-direction: column;
  gap: 8rem;
}
@media (max-width: 768px) {
  .seo-section__info-block {
    gap: 4rem;
  }
}
.seo-section__info-block__heading {
  font-size: 7.5rem;
  letter-spacing: -0.024em;
  font-weight: 500;
  line-height: 100%;
  text-align: center;
}
@media (max-width: 768px) {
  .seo-section__info-block__heading {
    font-size: 3.5rem;
    letter-spacing: -0.02rem;
  }
}
.seo-section__info-block__content-block {
  position: relative;
}
.seo-section__info-block__content-block__add-img {
  position: absolute;
  width: 31.25rem;
  height: 31.25rem;
  z-index: -1;
}
.seo-section__info-block__content-block__add-img:nth-child(1) {
  top: 0;
  left: -3.125rem;
}
.seo-section__info-block__content-block__add-img:nth-child(1) .seo-section__info-block__content-block__add-img__img {
  object-position: left;
}
.seo-section__info-block__content-block__add-img:nth-child(2) {
  bottom: 0;
  right: -3.125rem;
}
.seo-section__info-block__content-block__add-img:nth-child(2) .seo-section__info-block__content-block__add-img__img {
  object-position: right;
}
.seo-section__info-block__content-block__add-img__img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.seo-section__info-block__content {
  max-width: 56rem;
  margin: 0 auto;
  position: relative;
}
.seo-section__info-block__content.color-develop strong {
  color: rgb(81, 64, 234);
}
.seo-section__info-block__content.color-design strong {
  color: rgb(245, 154, 68);
}
.seo-section__info-block__content.color-other strong {
  color: rgb(190, 196, 205);
}
.seo-section__info-block__content.color-marketing strong {
  color: rgb(108, 201, 152);
}
.seo-section__info-block__content h1, .seo-section__info-block__content h2, .seo-section__info-block__content h3, .seo-section__info-block__content h4, .seo-section__info-block__content h5, .seo-section__info-block__content h6 {
  margin-bottom: 1rem;
  font-size: 2.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 100%;
  text-transform: uppercase;
}
@media (max-width: 768px) {
  .seo-section__info-block__content h1, .seo-section__info-block__content h2, .seo-section__info-block__content h3, .seo-section__info-block__content h4, .seo-section__info-block__content h5, .seo-section__info-block__content h6 {
    font-size: 1.5rem;
    letter-spacing: -0.02em;
  }
}
@media (max-width: 768px) {
  .seo-section__info-block__content h1, .seo-section__info-block__content h2, .seo-section__info-block__content h3, .seo-section__info-block__content h4, .seo-section__info-block__content h5, .seo-section__info-block__content h6 {
    margin-bottom: 2rem;
  }
}
.seo-section__info-block__content p {
  margin-bottom: 1rem;
}
.seo-section__info-block__content ul, .seo-section__info-block__content ol {
  margin: 1rem 0;
  padding-left: 3rem;
}

.modal[data-modal-state=close] {
  visibility: hidden;
  opacity: 0;
}

.modal[data-modal-state=open] {
  visibility: visible;
  opacity: 1;
}

.modal {
  position: fixed;
  inset: 0;
  z-index: 50;
  transition: all 0.3s;
}
.modal .modal-inset {
  position: absolute;
  inset: 0;
  background-color: rgba(13, 13, 13, 0);
  transition: all 0.3s;
}
.modal[data-modal-state=open] .modal-inset {
  position: absolute;
  inset: 0;
  background-color: rgba(13, 13, 13, 0.4);
}
.modal[data-modal-state=open] .modal-content {
  scale: 1;
  opacity: 1;
}
.modal[data-modal-state=close] .modal-content {
  scale: 0;
  opacity: 0;
}

.modal-brief {
  margin: 0 1.5rem;
  margin-top: 6rem;
}

.modal-brief .modal-inset {
  background-color: white !important;
  border-radius: 2rem;
}

.modal-dialog {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  overflow: auto;
}

.modal-dialog-brief {
  padding: 3rem;
  height: 100%;
  overflow: auto;
}

.modal-content {
  transition: all 0.3s cubic-bezier(0.34, 1.02, 0.38, 1);
  position: relative;
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
}
.modal-content .form-section {
  padding: 0;
}
.modal-content__brief {
  display: flex;
  gap: 8rem;
  height: 100%;
  align-items: baseline;
}
@media (max-width: 768px) {
  .modal-content__brief {
    flex-direction: column;
    gap: 3rem;
  }
}
.modal-content .modal-header .modal-title__brief {
  font-size: 4rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 100%;
  color: rgb(38, 38, 38);
  max-width: 55.5rem;
  text-transform: uppercase;
}
@media (max-width: 768px) {
  .modal-content .modal-header .modal-title__brief {
    font-size: 2rem;
    letter-spacing: -2%;
  }
}
.modal-content .modal-header .modal-title__brief span {
  font-size: 4rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 100%;
  color: rgb(38, 38, 38);
  opacity: 0.4;
}
@media (max-width: 768px) {
  .modal-content .modal-header .modal-title__brief span {
    font-size: 2rem;
    letter-spacing: -2%;
  }
}
.modal-content .modal-header .content-modal-block {
  min-height: 40%;
  position: relative;
}
@media (max-width: 768px) {
  .modal-content .modal-header .content-modal-block {
    height: 100%;
  }
}
.modal-content .modal-header .content-modal-block .modal-service {
  background: #262626;
  padding: 2rem 2rem 1rem 2rem;
  border-radius: 2rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  width: 100%;
  position: absolute;
  bottom: 0rem;
  left: 0;
}
@media (max-width: 768px) {
  .modal-content .modal-header .content-modal-block .modal-service {
    position: static;
    row-gap: 3rem;
    padding: 1.25rem;
  }
}
.modal-content .modal-header .content-modal-block .modal-service__info-block {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 3.5rem;
}
@media (max-width: 768px) {
  .modal-content .modal-header .content-modal-block .modal-service__info-block {
    gap: 2rem;
  }
}
@media (max-width: 768px) {
  .modal-content .modal-header .content-modal-block .modal-service__info-block .toggle-button {
    position: absolute;
    right: 0;
    top: 0;
  }
}
@media (max-width: 768px) {
  .modal-content .modal-header .content-modal-block .modal-service__info-block .question-filter ul {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
    margin-bottom: 1.25rem;
  }
}
.modal-content .modal-header .content-modal-block .modal-service__info-block .block-summ {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
.modal-content .modal-header .content-modal-block .modal-service__info-block .block-summ .price {
  font-size: 2.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 100%;
  color: white;
}
@media (max-width: 768px) {
  .modal-content .modal-header .content-modal-block .modal-service__info-block .block-summ .price {
    font-size: 1.5rem;
    letter-spacing: -0.02em;
  }
}
.modal-content .modal-header .content-modal-block .modal-service__info-block .block-summ .text {
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: inherit;
  color: white;
  opacity: 0.4;
}
@media (max-width: 768px) {
  .modal-content .modal-header .content-modal-block .modal-service__info-block .block-summ .text {
    font-size: 1.25rem;
    letter-spacing: -0.02em;
  }
}
.modal-content .modal-header .content-modal-block .modal-service__info-block .block-service {
  display: flex;
  flex-wrap: wrap;
  max-height: 7rem;
  gap: 0.75rem;
}
.modal-content .modal-header .content-modal-block .modal-service__info-block .block-service button {
  pointer-events: fill;
}
.modal-content .modal-header .content-modal-block .modal-service__info-block .block-service .service-icon path {
  pointer-events: none;
}
.modal-content .modal-header .content-modal-block .modal-service .nav-info {
  display: flex;
  justify-content: space-between;
}
.modal-content .modal-header .content-modal-block .modal-service .nav-info__back {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 0.25rem;
  cursor: pointer;
}
.modal-content .modal-header .content-modal-block .modal-service .nav-info__back span {
  color: white;
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: inherit;
  padding: 0.25rem;
}
@media (max-width: 768px) {
  .modal-content .modal-header .content-modal-block .modal-service .nav-info__back span {
    font-size: 1.25rem;
    letter-spacing: -0.02em;
  }
}
.modal-content .modal-header__brief {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
@media (max-width: 768px) {
  .modal-content .modal-header__brief {
    height: auto;
    gap: 2.5rem;
  }
}
@media (max-width: 768px) {
  .modal-content .modal-body form {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 2rem;
  }
}
.modal-content .modal-body form .choise-filter-block_one__social {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 20rem;
}
@media (max-width: 768px) {
  .modal-content .modal-body form .choise-filter-block_one__social {
    width: 100%;
    max-width: 100%;
  }
}
.modal-content .modal-body form .choise-filter-block_one__social .toggle-button {
  display: flex;
  align-items: center;
  background: transparent;
  gap: 0.5rem;
}
.modal-content .modal-body form .choise-filter-block_one__social .toggle-button .logo-social {
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  padding: 0.4rem;
}
@media (max-width: 768px) {
  .modal-content .modal-body form .choise-filter-block_one__social .toggle-button .logo-social {
    width: 2.6rem;
    height: 2.6rem;
  }
}
.modal-content .modal-body form .choise-filter-block_one__social .question-filter {
  opacity: 1;
  position: absolute;
  left: 0;
  top: 3.75rem;
}
@media (max-width: 768px) {
  .modal-content .modal-body form .choise-filter-block_one__social .question-filter {
    max-width: 12.833rem;
    width: 100%;
  }
}
.modal-content .modal-body form .choise-filter-block_one__social .question-filter .social-list {
  border-radius: 0.5rem;
  background-color: white;
  padding: 1.5rem;
  list-style: none;
  position: absolute;
  border: 1px solid #D4D4D4;
  z-index: 5;
  display: flex;
  flex-direction: column;
  gap: 0.333rem;
}
@media (max-width: 768px) {
  .modal-content .modal-body form .choise-filter-block_one__social .question-filter .social-list {
    border-radius: 0.5rem;
  }
}
.modal-content .modal-body form .choise-filter-block_one__social .question-filter .social-list__li {
  cursor: pointer;
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: inherit;
  color: #262626;
  width: 100%;
}
@media (max-width: 768px) {
  .modal-content .modal-body form .choise-filter-block_one__social .question-filter .social-list__li {
    font-size: 1.25rem;
    letter-spacing: -0.02em;
  }
}
@media (max-width: 768px) {
  .modal-content .modal-body form .choise-filter-block_one__social .question-filter .social-list__li {
    display: flex;
    gap: 0.5rem;
    color: #262626;
  }
}
.modal-content .modal-body form .choise-filter-block_one__social .question-filter .social-list__li__label {
  display: flex;
  justify-content: baseline;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
  cursor: pointer;
}
.modal-content .modal-body form .choise-filter-block_one__social .question-filter .social-list__li__label__logo {
  width: 1rem;
  height: 1rem;
  flex: none;
}
.modal-content .modal-body form .choise-filter-block_one__social .question-filter .social-list__li__label__name {
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: inherit;
}
@media (max-width: 768px) {
  .modal-content .modal-body form .choise-filter-block_one__social .question-filter .social-list__li__label__name {
    font-size: 1.25rem;
    letter-spacing: -0.02em;
  }
}
.modal-content .modal-body form .choise-filter-block_one__social .question-filter .social-list__li__label input {
  display: none !important;
}
.modal-content .modal-body form .choise-filter-block_one__social input {
  padding-left: 1rem;
}
.modal-content .modal-body form .choise-filter-block_one__social input:not(.active) {
  display: none !important;
}
.modal-content .modal-body form .block {
  grid-column: span 2/span 2;
}
@media (max-width: 768px) {
  .modal-content .modal-body form .block {
    grid-column: span 1/span 1;
  }
}
.modal-content .modal-body form .block label {
  cursor: pointer;
}
.modal-content .modal-body form .block .inp-file {
  display: none;
}
.modal-content .modal-body form .block .name-file__list {
  padding-left: 1.5rem;
  display: flex;
  flex-direction: column;
}
.modal-content .modal-body form .block .name-file {
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: inherit;
  color: #0D0D0D;
  opacity: 0.4;
}
@media (max-width: 768px) {
  .modal-content .modal-body form .block .name-file {
    font-size: 1.25rem;
    letter-spacing: -0.02em;
  }
}
.modal-content .modal-body form .block .name-file:first-child {
  position: relative;
}
.modal-content .modal-body form .block .name-file:first-child::before {
  content: "";
  position: absolute;
  top: 0;
  left: -1.5rem;
  width: 0.063rem;
  height: 100%;
  background-color: rgb(38, 38, 38);
}
.modal-content .modal-body form .block .info-send {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 1rem;
}
.modal-content .modal-body form .block .info {
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 1.2rem;
  color: rgba(38, 38, 38, 0.6);
  max-width: 20.625rem;
}
@media (max-width: 768px) {
  .modal-content .modal-body form .block .info {
    font-size: 1rem;
    line-height: 0.9rem;
    letter-spacing: -0.02em;
  }
}
.modal-content .modal-body form .file__block {
  display: flex;
  align-items: flex-start;
  gap: 1.5rem;
}
.modal-content .modal-body form .file__block label {
  flex: none;
  width: auto;
  display: flex;
  align-items: center;
  gap: 0.625rem;
}
.modal-content .modal-body form .clue {
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 1.2rem;
  color: black;
  opacity: 0.4;
  grid-column: span 2;
  padding-bottom: 1rem;
}
@media (max-width: 768px) {
  .modal-content .modal-body form .clue {
    font-size: 1rem;
    line-height: 0.9rem;
    letter-spacing: -0.02em;
  }
}

@media (max-width: 768px) {
  .modal-body .form-section__container .info-block {
    background-color: white;
    border-radius: 9999rem;
  }
}
.modal-body .form-section img {
  object-fit: fill;
}
.modal-body .form-section .form-block {
  background-color: white;
  position: relative;
  padding-top: 8.5rem;
}
@media (max-width: 768px) {
  .modal-body .form-section .form-block {
    padding: 2rem;
    background-color: transparent;
    padding-bottom: 4.917rem;
  }
}
.modal-body .form-section .form-block .title {
  color: rgb(38, 38, 38);
  max-width: 16.563rem;
  width: 100%;
}
@media (max-width: 768px) {
  .modal-body .form-section .form-block .form-content {
    margin-top: 3rem;
  }
}
.modal-body .form-section .form-block .form-content .info {
  color: rgb(38, 38, 38);
  opacity: 0.4;
}
.modal-body .form-section .form-block .form-content .btn-submit {
  color: white;
  background-color: rgb(38, 38, 38);
}
.modal-body .form-section .form-block .btn-modal-form {
  background-color: transparent;
  position: absolute;
  left: 4rem;
  top: 4rem;
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: inherit;
  color: rgb(38, 38, 38);
  opacity: 0.4;
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 6.813rem;
  width: 100%;
  cursor: pointer;
}
@media (max-width: 768px) {
  .modal-body .form-section .form-block .btn-modal-form {
    right: -3rem;
    top: 2rem;
    left: inherit;
  }
}
.modal-body .form-section .form-block .btn-modal-form svg {
  width: 1rem;
  height: 1rem;
  object-fit: contain;
}
.modal-body .form-section .form-block .btn-modal-form span {
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: inherit;
  color: rgb(38, 38, 38);
}
@media (max-width: 768px) {
  .modal-body .form-section .form-block .btn-modal-form span {
    font-size: 1.25rem;
    letter-spacing: -0.02em;
  }
}
@media (max-width: 768px) {
  .modal-body .form-section .form-block .btn-modal-form span {
    display: none;
  }
}

.modal-content-form {
  width: auto;
}

.dialog-del {
  padding: 1rem;
}

.modal-del {
  width: auto;
  background-color: white;
  padding: 2rem;
  position: relative;
  border-radius: 1rem;
  min-height: 30.688rem;
  max-width: 43.25rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: baseline;
}
.modal-del .modal-header {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  padding-bottom: 2rem;
  border-bottom: 1px solid rgba(38, 38, 38, 0.3);
  width: 100%;
}
.modal-del .modal-header .modal-title {
  font-size: 2.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 100%;
  color: #262626;
  max-width: 27.563rem;
  width: 100%;
}
@media (max-width: 768px) {
  .modal-del .modal-header .modal-title {
    font-size: 1.5rem;
    letter-spacing: -0.02em;
  }
}
.modal-del .modal-header span {
  color: rgba(38, 38, 38, 0.4);
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: inherit;
}
@media (max-width: 768px) {
  .modal-del .modal-header span {
    font-size: 1.25rem;
    letter-spacing: -0.02em;
  }
}
.modal-del .modal-header .btn-modal-close {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
.modal-del .modal-body {
  padding-top: 2rem;
}
.modal-del .modal-body__info-block {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.modal-del .modal-body__info-block__service {
  display: flex;
  flex-wrap: wrap;
  gap: 0.625rem;
}
.modal-del .modal-body__info-block .title {
  color: rgba(38, 38, 38, 0.4);
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: inherit;
}
@media (max-width: 768px) {
  .modal-del .modal-body__info-block .title {
    font-size: 1.25rem;
    letter-spacing: -0.02em;
  }
}
.modal-del .nav-info {
  position: absolute;
  bottom: 2rem;
  left: 0;
  padding: 0 2rem;
  display: flex;
  gap: 2.5rem;
  width: 100%;
}
.modal-del .nav-info button {
  width: 100%;
  pointer-events: all;
}
@media (max-width: 768px) {
  .modal-del .nav-info {
    gap: 1.25rem;
    flex-direction: column;
  }
}

.deleted-items {
  pointer-events: all;
  opacity: 0.4;
}

.deleted-items__active {
  opacity: 1;
  border: 1px solid #262626; /* Установка цвета границы */
}
.deleted-items__active svg {
  transform: rotate(45deg); /* Поворот элемента svg */
}

:root {
  --max-scale: 1.3;
  --base-width: 1000; /* Базовая ширина для расчета */
}

.returnService {
  max-width: 1.25rem;
  max-height: 1.25rem;
  width: 100%;
  height: 100%;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
  pointer-events: none;
}
.returnService path {
  transform: scale(calc(1 + (var(--max-scale) - 1) * 100vw / var(--base-width)));
}

.error-section {
  height: 100dvh;
}
.error-section__container {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
}
.error-section__number {
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 1.2rem;
  color: rgb(255, 255, 255);
  text-align: center;
}
@media (max-width: 768px) {
  .error-section__number {
    font-size: 1rem;
    line-height: 0.9rem;
    letter-spacing: -0.02em;
  }
}
.error-section__text {
  font-size: 2.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 100%;
  color: rgb(255, 255, 255);
  text-align: center;
  text-transform: uppercase;
}
@media (max-width: 768px) {
  .error-section__text {
    font-size: 1.5rem;
    letter-spacing: -0.02em;
  }
}
.error-section__description {
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: inherit;
  color: rgb(255, 255, 255);
  opacity: 0.4;
  text-align: center;
  max-width: 26.25rem;
}
@media (max-width: 768px) {
  .error-section__description {
    font-size: 1.25rem;
    letter-spacing: -0.02em;
  }
}

.example-design-section {
  margin-top: 8rem;
  margin-bottom: 8rem;
}
@media (max-width: 768px) {
  .example-design-section {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
}
.example-design-section .swiper .swiper-wrapper .swiper-slide {
  padding: 4rem 6.625rem;
  background-color: rgb(255, 255, 255);
  border: 0.125rem solid rgba(28, 25, 23, 0.1019607843);
  border-radius: 1.125rem;
  height: auto;
}
@media (max-width: 768px) {
  .example-design-section .swiper .swiper-wrapper .swiper-slide {
    padding: 4.167rem 2.5rem;
    border-radius: 1rem;
  }
}
.example-design-section .swiper .swiper-wrapper .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  max-height: 18.75rem;
}
@media (max-width: 768px) {
  .example-design-section .swiper .swiper-wrapper .swiper-slide img {
    max-height: 10rem;
  }
}

.philosophy-section {
  margin-top: 8rem;
  margin-bottom: 8rem;
}
@media (max-width: 768px) {
  .philosophy-section {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
}
.philosophy-section__title {
  font-size: 6rem;
  font-weight: 500;
  letter-spacing: -0.02em;
  line-height: 100%;
  text-align: center;
  text-transform: uppercase;
}
@media (max-width: 768px) {
  .philosophy-section__title {
    font-size: 3rem;
  }
}
.philosophy-section__info-block {
  margin-top: 8rem;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8rem;
  gap: 8rem;
}
@media (max-width: 768px) {
  .philosophy-section__info-block {
    gap: 4rem;
    margin-top: 4rem;
    display: flex;
    flex-direction: column;
  }
}
.philosophy-section__info-block__img-block {
  border-radius: 0.75rem;
  height: fit-content;
  overflow: hidden;
}
.philosophy-section__info-block__img-block__img {
  width: 100%;
  max-height: 22.25rem;
  object-fit: cover;
}
.philosophy-section__info-block__information {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8rem;
  gap: 4rem;
}
@media (max-width: 768px) {
  .philosophy-section__info-block__information {
    display: flex;
    flex-direction: column;
    gap: 2.667rem;
  }
}
.philosophy-section__info-block__information__text {
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: inherit;
}
@media (max-width: 768px) {
  .philosophy-section__info-block__information__text {
    font-size: 1.25rem;
    letter-spacing: -0.02em;
  }
}
.philosophy-section__info-block__information__text:nth-child(1) {
  grid-column: span 2;
}

.plus {
  transition: transform 0.3s ease; /* Добавляем переход для плавности анимации */
}

.rotate-45 {
  transform: rotate(45deg); /* Добавляем стиль для поворота иконки на 45 градусов */
}

.about-section__container__description-block {
  margin-top: 5rem;
}
.about-section__container__description-block .block-text {
  position: relative;
  text-indent: 15rem;
  text-transform: uppercase;
  margin-top: 6rem;
  padding-bottom: 5rem;
  display: flex;
  flex-direction: column;
  row-gap: 6rem;
}
@media (max-width: 768px) {
  .about-section__container__description-block .block-text {
    text-indent: 13rem;
  }
}
.about-section__container__description-block .block-text .why-us-text {
  text-transform: uppercase;
  color: white;
  opacity: 0.4;
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: inherit;
  position: absolute;
  left: 0;
  text-indent: 0;
}
@media (max-width: 768px) {
  .about-section__container__description-block .block-text .why-us-text {
    font-size: 1.25rem;
    letter-spacing: -0.02em;
  }
}
.about-section__container__description-block .block-text .opacity_text {
  letter-spacing: 1rem;
}
.about-section__container__description-block .block-text .opacity_text .word {
  font-size: 4rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 100%;
  color: white;
}
@media (max-width: 768px) {
  .about-section__container__description-block .block-text .opacity_text .word {
    font-size: 2rem;
    letter-spacing: -2%;
  }
}
@media (max-width: 768px) {
  .about-section__container__description-block .block-text .opacity_text .word {
    font-size: 1.667rem;
  }
}
.about-section__container__description-block .block-text__design-text {
  max-width: 80%;
  font-size: 2.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 100%;
  color: rgba(255, 255, 255, 0.4);
  text-transform: uppercase;
  margin-left: auto;
  text-indent: 0;
}
@media (max-width: 768px) {
  .about-section__container__description-block .block-text__design-text {
    font-size: 1.5rem;
    letter-spacing: -0.02em;
  }
}
@media (max-width: 768px) {
  .about-section__container__description-block .block-text__design-text {
    width: 100%;
  }
}

.works-section {
  margin-top: 5rem;
  margin-bottom: 12rem;
}
.works-section__container .swiper {
  overflow: visible;
}
.works-section__container__swiper {
  overflow-x: clip !important;
}
.works-section__container__slide {
  width: 25vw;
  transform: translate(0, -10rem) rotate(0) skewX(0) skewY(0) scaleX(0.8) scaleY(0.8) !important;
  opacity: 0.3;
  filter: blur(4px) brightness(1) contrast(1) grayscale(0) hue-rotate(0deg) invert(0) saturate(1) sepia(0) drop-shadow(0 0 0 transparent);
  transition-property: all !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-duration: 1.25s !important;
}
.works-section__container__slide .info-block {
  transition-timing-function: cubic-bezier(0.34, 1.02, 0.38, 1) !important;
  transition-duration: 1.25s !important;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
  background-color: #262626;
  border-radius: 0.375rem;
  cursor: pointer;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}
.works-section__container__slide .info-block__work {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
  width: 100%;
  height: 100%;
}
.works-section__container__slide .info-block__work .img-work {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
  object-fit: cover;
  border-radius: 0.375rem;
  height: 28.125rem !important;
}
.works-section__container__slide .info-block__work .block-opacity {
  opacity: 0;
}
.works-section__container__slide .info-block__work__block-service {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
  margin-top: 1.25rem;
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.works-section__container__slide .info-block__work__block-service .block-one {
  display: flex;
  gap: 1.25rem;
}
.works-section__container__slide .info-block__work__block-service .block-one .number-work {
  text-transform: uppercase;
  font-size: 1.5rem;
  line-height: 2rem;
  color: white;
  font-weight: 500;
}
.works-section__container__slide .info-block__work__block-service .block-one div {
  display: flex;
  flex-direction: column;
}
.works-section__container__slide .info-block__work__block-service .block-one div .name-work {
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 1.2rem;
  color: white;
}
@media (max-width: 768px) {
  .works-section__container__slide .info-block__work__block-service .block-one div .name-work {
    font-size: 1rem;
    line-height: 0.9rem;
    letter-spacing: -0.02em;
  }
}
.works-section__container__slide .info-block__work__block-service .block-one div .info-development {
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 1.2rem;
  color: white;
  opacity: 0.4;
}
@media (max-width: 768px) {
  .works-section__container__slide .info-block__work__block-service .block-one div .info-development {
    font-size: 1rem;
    line-height: 0.9rem;
    letter-spacing: -0.02em;
  }
}
.works-section__container__slide .info-block__work__block-service .text-year {
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 1.2rem;
  color: white;
}
@media (max-width: 768px) {
  .works-section__container__slide .info-block__work__block-service .text-year {
    font-size: 1rem;
    line-height: 0.9rem;
    letter-spacing: -0.02em;
  }
}

.about-swiper-active {
  z-index: 10;
  --translate: 5.625rem !important;
  --scale: 1.35 !important;
  transform: translate(0, var(--translate)) rotate(0) skewX(0) skewY(0) scaleX(var(--scale)) scaleY(var(--scale)) !important;
  padding-left: 4rem;
  padding-right: 4rem;
  position: relative;
  opacity: 1;
  filter: blur(0) brightness(1) contrast(1) grayscale(0) hue-rotate(0deg) invert(0) saturate(1) sepia(0) drop-shadow(0 0 0 transparent);
}
.about-swiper-active .block-opacity {
  opacity: 1 !important;
}
.about-swiper-active .link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media (max-width: 768px) {
  .about-swiper-active {
    padding-left: 1rem;
    padding-right: 1rem;
    --scale: 1.25 !important;
    --translate: 2.5rem !important;
  }
}

.about-swiper-prev, .about-swiper-next {
  transform: translate(0, -3.5rem) rotate(0) skewX(0) skewY(0) scaleX(1) scaleY(1) !important;
  opacity: 0.5;
  filter: blur(2px) brightness(1) contrast(1) grayscale(0) hue-rotate(0deg) invert(0) saturate(1) sepia(0) drop-shadow(0 0 0 transparent);
}

.about-swiper-prev {
  padding-right: 2.5rem;
}
@media (max-width: 768px) {
  .about-swiper-prev {
    padding-right: 0rem;
  }
}

.about-swiper-next {
  padding-left: 2.5rem;
}
@media (max-width: 768px) {
  .about-swiper-next {
    padding-left: 0rem;
  }
}

.about-title-text {
  text-transform: uppercase;
  color: white;
  opacity: 0.4;
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: inherit;
}
@media (max-width: 768px) {
  .about-title-text {
    font-size: 1.25rem;
    letter-spacing: -0.02em;
  }
}

.weNumbers-section {
  margin-top: 5rem;
  padding-top: 5rem;
}
.weNumbers-section__container {
  display: grid;
  grid-template-columns: 22rem 1fr;
  gap: 2.5rem;
}
@media (max-width: 768px) {
  .weNumbers-section__container {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
.weNumbers-section__container__main-block {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0;
  gap: 10rem;
}
@media (max-width: 768px) {
  .weNumbers-section__container__main-block {
    gap: 5rem;
  }
}
.weNumbers-section__container__main-block .content__info-block__text {
  font-size: 6rem;
  font-weight: 500;
  letter-spacing: -0.02em;
  line-height: 100%;
  text-transform: uppercase;
  color: white;
}
@media (max-width: 768px) {
  .weNumbers-section__container__main-block .content__info-block__text {
    font-size: 3rem;
  }
}
.weNumbers-section__container__main-block .content__info-block .text {
  color: white;
  opacity: 0.4;
  padding-top: 2.5rem;
  font-size: 2.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 100%;
  text-transform: uppercase;
}
@media (max-width: 768px) {
  .weNumbers-section__container__main-block .content__info-block .text {
    font-size: 1.5rem;
    letter-spacing: -0.02em;
  }
}
.weNumbers-section .clients-container {
  margin-top: 10rem;
  margin-bottom: 10rem;
  display: grid;
  grid-template-columns: 22rem 1fr;
  gap: 2.5rem;
}
@media (max-width: 768px) {
  .weNumbers-section .clients-container {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    margin-top: 5rem;
    margin-bottom: 5rem;
  }
}
.weNumbers-section .clients-container .opacity_text .word {
  font-size: 4rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 100%;
  color: white;
}
@media (max-width: 768px) {
  .weNumbers-section .clients-container .opacity_text .word {
    font-size: 2rem;
    letter-spacing: -2%;
  }
}

.team-section__container {
  padding-top: 6rem;
  padding-bottom: 6rem;
  color: #262626;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  border-radius: 1rem;
  overflow: hidden;
  gap: 10rem;
  display: flex;
  flex-direction: column;
  width: 100%;
}
@media (max-width: 768px) {
  .team-section__container {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
    gap: 4rem;
  }
}
.team-section__container__title-block {
  width: 80%;
  text-transform: uppercase;
  text-indent: 15rem;
  position: relative;
  font-size: 2.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 100%;
}
@media (max-width: 768px) {
  .team-section__container__title-block {
    font-size: 1.5rem;
    letter-spacing: -0.02em;
  }
}
.team-section__container__title-block .about-title-text {
  position: absolute;
  left: 0;
  text-indent: 0;
  color: #262626;
}
@media (max-width: 768px) {
  .team-section__container__title-block {
    text-indent: 12rem;
    width: 100%;
  }
}
.team-section__container__title-block .opacity_text {
  width: 80%;
  overflow-wrap: break-word;
  letter-spacing: 0.1rem;
  line-height: 1;
}
@media (max-width: 768px) {
  .team-section__container__title-block .opacity_text {
    width: 100%;
  }
}
.team-section__container__title-block .opacity_text .word {
  font-size: 4rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 100%;
  color: #262626;
}
@media (max-width: 768px) {
  .team-section__container__title-block .opacity_text .word {
    font-size: 2rem;
    letter-spacing: -2%;
  }
}
@media (max-width: 768px) {
  .team-section__container__title-block .opacity_text .word {
    font-size: 1.667rem;
  }
}
.team-section__container__gallery .swiper-gallery {
  overflow: visible !important;
}
.team-section__container__gallery .img-gallery {
  max-height: 31.25rem;
  border-radius: 0.5rem;
  height: 31.25rem;
  object-fit: cover;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.5s;
  filter: grayscale(100%);
}
@media (max-width: 768px) {
  .team-section__container__gallery .img-gallery {
    height: 33.333rem;
  }
}
.team-section__container__gallery .img-gallery:hover {
  filter: grayscale(0%);
}
.team-section__container__gallery .info-block {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.team-section__container__gallery .info-block .text-name {
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: inherit;
  color: #262626;
}
@media (max-width: 768px) {
  .team-section__container__gallery .info-block .text-name {
    font-size: 1.25rem;
    letter-spacing: -0.02em;
  }
}
.team-section__container__gallery .info-block .text-job {
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: inherit;
  color: #262626;
  opacity: 0.4;
}
@media (max-width: 768px) {
  .team-section__container__gallery .info-block .text-job {
    font-size: 1.25rem;
    letter-spacing: -0.02em;
  }
}

.about-link-block {
  display: none;
  justify-content: center;
}
.about-link-block .about-link {
  margin-top: 4rem;
  border: 1px solid black;
}

.main-title-section {
  padding-top: 6rem;
  padding-bottom: 6rem;
}
.main-title-section__container {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 2.5rem;
  text-align: center;
  color: white;
}
.main-title-section__container__name-company {
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: inherit;
}
@media (max-width: 768px) {
  .main-title-section__container__name-company {
    font-size: 1.25rem;
    letter-spacing: -0.02em;
  }
}
.main-title-section__container__info {
  font-size: 7.5rem;
  letter-spacing: -0.024em;
  font-weight: 500;
  line-height: 100%;
}
@media (max-width: 768px) {
  .main-title-section__container__info {
    font-size: 3.5rem;
    letter-spacing: -0.02rem;
  }
}
@media (max-width: 768px) {
  .main-title-section__container__info {
    line-height: 4rem;
  }
}
.main-title-section__container__work {
  font-size: 2.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 100%;
  opacity: 0.4;
  text-align: center;
  max-width: 42rem;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 768px) {
  .main-title-section__container__work {
    font-size: 1.5rem;
    letter-spacing: -0.02em;
  }
}

article h1 {
  font-size: 2.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 100%;
}
@media (max-width: 768px) {
  article h1 {
    font-size: 1.5rem;
    letter-spacing: -0.02em;
  }
}
article h2 {
  font-size: 2.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 100%;
}
@media (max-width: 768px) {
  article h2 {
    font-size: 1.5rem;
    letter-spacing: -0.02em;
  }
}
article h3 {
  font-size: 2.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 100%;
}
@media (max-width: 768px) {
  article h3 {
    font-size: 1.5rem;
    letter-spacing: -0.02em;
  }
}
article h1, article h2, article h3 {
  margin-bottom: 1.25rem;
  text-transform: uppercase;
}
@media (max-width: 768px) {
  article h1, article h2, article h3 {
    margin-bottom: 1.5rem;
  }
}
article p {
  margin-bottom: 2rem;
}
@media (max-width: 768px) {
  article p {
    margin-bottom: 3rem;
  }
}
article ul, article ol {
  padding-left: 2rem;
  list-style: disc;
  margin-bottom: 2rem;
}
@media (max-width: 768px) {
  article ul, article ol {
    padding-left: 3rem;
    margin-bottom: 3rem;
  }
}

.success-section {
  position: fixed;
  inset: 0;
  color: rgb(255, 255, 255);
}
.success-section__container {
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 2rem;
  justify-content: space-between;
  padding-top: 11rem;
  padding-bottom: 4rem;
}
@media (max-width: 768px) {
  .success-section__container {
    padding-top: 12rem;
    padding-bottom: 7rem;
  }
}
.success-section__title {
  font-size: 4rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 100%;
  color: rgb(255, 255, 255);
  text-transform: uppercase;
  text-align: center;
  max-width: 71rem;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .success-section__title {
    font-size: 2rem;
    letter-spacing: -2%;
  }
}
.success-section__title > span {
  color: rgb(245, 154, 68);
}
.success-section__title svg {
  width: 3rem;
  height: 3rem;
}
@media (max-width: 768px) {
  .success-section__title svg {
    width: 2rem;
    height: 2rem;
  }
}
.success-section__other {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4rem;
}
@media (max-width: 768px) {
  .success-section__other {
    gap: 3rem;
  }
}
.success-section__other__description {
  max-width: 22.5rem;
  text-align: center;
  color: color-mix(in srgb, rgb(255, 255, 255) 100%, rgb(38, 38, 38) 60%);
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: inherit;
}
@media (max-width: 768px) {
  .success-section__other__description {
    font-size: 1.25rem;
    letter-spacing: -0.02em;
  }
}

.survey-section__container {
  padding-bottom: 15.875rem;
}
@media (max-width: 768px) {
  .survey-section__container {
    padding-bottom: 14.083rem;
  }
}
.survey-section__container__header-block {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 2rem 0;
}
.survey-section__container__header-block .return-main span {
  color: rgba(28, 25, 23, 0.4);
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: inherit;
}
@media (max-width: 768px) {
  .survey-section__container__header-block .return-main span {
    font-size: 1.25rem;
    letter-spacing: -0.02em;
  }
}
.survey-section__container__header-block .return-main__back {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
}
@media (max-width: 768px) {
  .survey-section__container__header-block .return-main__back svg {
    width: 1.333rem;
    height: 1.333rem;
  }
}
.survey-section__container__header-block__name-comapny {
  gap: 0.89rem;
  display: flex;
  align-items: center;
}
.survey-section__container__header-block__name-comapny .img-company {
  max-width: 19.813rem;
  width: 100%;
}
@media (max-width: 768px) {
  .survey-section__container__header-block__name-comapny .img-company {
    max-width: 17.8rem;
  }
}
.survey-section__container__header-block .number-company {
  color: rgba(28, 25, 23, 0.4);
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: inherit;
}
@media (max-width: 768px) {
  .survey-section__container__header-block .number-company {
    font-size: 1.25rem;
    letter-spacing: -0.02em;
  }
}
.survey-section__container__title {
  font-size: 6rem;
  font-weight: 500;
  letter-spacing: -0.02em;
  line-height: 100%;
  color: rgb(38, 38, 38);
  padding-top: 6rem;
  margin: 0 auto;
  text-align: center;
  text-transform: uppercase;
  padding-bottom: 8rem;
}
@media (max-width: 768px) {
  .survey-section__container__title {
    font-size: 3rem;
  }
}
.survey-section__container__content {
  position: relative;
  display: flex;
  flex-direction: column;
  row-gap: 6rem;
}
@media (max-width: 768px) {
  .survey-section__container__content {
    row-gap: 5.333rem;
  }
}
.survey-section__container__content__info-block {
  padding-top: 6rem;
  border-top: 1px solid rgba(38, 38, 38, 0.05);
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0;
  width: 100%;
}
@media (max-width: 768px) {
  .survey-section__container__content__info-block {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 5.333rem;
    padding-top: 5.333rem;
  }
}
.survey-section__container__content__info-block .field-name {
  font-size: 2.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 100%;
  color: rgb(38, 38, 38);
  opacity: 0.4;
  text-transform: uppercase;
}
@media (max-width: 768px) {
  .survey-section__container__content__info-block .field-name {
    font-size: 1.5rem;
    letter-spacing: -0.02em;
  }
}
.survey-section__container__content__info-block .information {
  display: flex;
  flex-direction: column;
  row-gap: 4rem;
}
.survey-section__container__content__info-block .information .information-block {
  display: flex;
  flex-direction: column;
  row-gap: 3rem;
}
.survey-section__container__content__info-block .information .information-block__title {
  grid-column: span 2;
  font-size: 2rem;
  font-weight: 500;
  line-height: 2.4rem;
  color: rgb(38, 38, 38);
}
.survey-section__container__content__info-block .information .information-block__fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.25rem;
  row-gap: 2rem;
}
@media (max-width: 768px) {
  .survey-section__container__content__info-block .information .information-block__fields {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 2rem;
  }
}
.survey-section__container__content__info-block .information .information-block__fields textarea {
  resize: none; /* отключает возможность изменения размеров textarea пользователем */
  overflow: hidden; /* скрывает возможные внутренние скроллы */
  height: auto;
}
.survey-section__container__content__info-block .information .information-block__fields .label_size_form {
  display: flex;
  gap: 0.625rem;
}
.survey-section__container__content__info-block .information .information-block__fields .label_size_form .input-checkbox[type=checkbox]:checked {
  accent-color: black;
}
.survey-section__container__content__info-block .information .information-block__fields .label_size_form .name-file__list {
  padding-left: 1.5rem;
  display: flex;
  flex-direction: column;
}
.survey-section__container__content__info-block .information .information-block__fields .label_size_form .input_size_modals::-webkit-calendar-picker-indicator {
  opacity: 1;
  background: url("/static/assets/img/logos/date.893c2a3fa776.svg") no-repeat center;
  background-size: contain;
  cursor: pointer;
  color: #262626;
  opacity: 0.4;
}
.survey-section__container__content__info-block .information .information-block__fields .label_size_form .input_size_modals[type=date] {
  color: rgba(0, 0, 0, 0.4);
}
.survey-section__container__content__info-block .information .information-block__fields .check-form {
  cursor: pointer;
}
.survey-section__container__content__info-block .information .information-block__fields .check-form .input-checkbox, .survey-section__container__content__info-block .information .information-block__fields .check-form svg {
  pointer-events: none;
}
.survey-section__container__content__info-block .information .information-block__fields .addLabel {
  display: flex;
  align-items: center;
}
.survey-section__container__content__info-block .information .information-block__fields__year {
  grid-column: span 2;
}
@media (max-width: 768px) {
  .survey-section__container__content__info-block .information .information-block__fields__year {
    grid-column: span 2;
  }
}
.survey-section__container__content__info-block .information .information-block__fields .financial-indicators {
  display: flex;
  flex-direction: column;
  row-gap: 2rem;
}
.survey-section__container__content__info-block .information .information-block__fields span {
  color: rgb(38, 38, 38);
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: inherit;
}
@media (max-width: 768px) {
  .survey-section__container__content__info-block .information .information-block__fields span {
    font-size: 1.25rem;
    letter-spacing: -0.02em;
  }
}
.survey-section__container__content__info-block .information .information-block__fields .info {
  opacity: 0.4;
  grid-column: span 2;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 1.2rem;
}
@media (max-width: 768px) {
  .survey-section__container__content__info-block .information .information-block__fields .info {
    font-size: 1rem;
    line-height: 0.9rem;
    letter-spacing: -0.02em;
  }
}
.survey-section__container__content__info-block .information .information-block .fields-checkbox {
  row-gap: 1rem;
}
@media (max-width: 768px) {
  .survey-section__container__content__info-block .information .information-block .fields-checkbox {
    display: flex;
    flex-direction: column;
  }
}
.survey-section__container__content__info-block .information .information-block #competitorsContainer {
  position: relative;
  padding-bottom: 2rem;
}
.survey-section__container__content__info-block .information .information-block #competitorsContainer #addCompetitor {
  position: absolute;
  left: 0;
  bottom: -2rem;
}

input.error {
  border-bottom: 2px solid red; /* Цвет красной границы */
}

.grid-c-2 {
  grid-column: 2;
}

.grid-c-1 {
  grid-column: 1;
}

.grid-c-sp2 {
  grid-column: span 2;
}

.btn-position {
  position: fixed;
  left: 50%;
  bottom: 3rem;
  transform: translateX(-50%);
  pointer-events: all;
}

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