/* Start:/local/templates/colba/scss/main.css?177489372052249*/
@charset "UTF-8";
/* Reset and base styles  */
* {
  padding: 0px;
  margin: 0px;
  border: none; }

*,
*::before,
*::after {
  box-sizing: border-box; }

/* Links */
a, a:link, a:visited {
  text-decoration: none; }

a:hover {
  text-decoration: none; }

/* Common */
aside, nav, footer, header, section, main {
  display: block; }

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

ul, ul li {
  list-style: none; }

img {
  vertical-align: top; }

img, svg {
  max-width: 100%;
  height: auto; }

address {
  font-style: normal; }

/* Form */
input, textarea, button, select {
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  background-color: transparent; }

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

textarea {
  resize: vertical; }

button, input[type="submit"] {
  display: inline-block;
  box-shadow: none;
  background-color: transparent;
  background: none;
  cursor: pointer; }

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

label {
  cursor: pointer; }

legend {
  display: block; }

input[type='file'] {
  max-width: 100%; }

html {
  font-size: 10px;
  scroll-behavior: smooth; }

body {
  font-family: Inter, sans-serif;
  color: #2E3B4E;
  margin: 0;
  padding-top: 100px; }

.container {
  max-width: 1540px;
  margin: auto;
  padding: 0 2rem; }

img {
  width: 100%; }

.orange-button {
  font-size: clamp(1.4rem, calc(0.30vw + 1.29rem), 1.6rem);
  font-weight: 500;
  line-height: normal;
  color: #2E3B4E;
  background-color: #F59E0B;
  height: 49px;
  border-radius: 5rem;
  padding: 0 3rem;
  border: 1px solid #F59E0B;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color .3s ease, color .3s ease; }
  @media (max-width: 900px) {
    .orange-button {
      width: 100%; } }
  .orange-button:hover {
    background-color: transparent;
    color: #F59E0B; }

.orange-button-border {
  font-size: clamp(1.4rem, calc(0.30vw + 1.29rem), 1.6rem);
  font-weight: 500;
  line-height: normal;
  color: #F59E0B;
  background-color: transparent;
  height: 49px;
  border-radius: 5rem;
  padding: 0 3rem;
  border: 2px solid #F59E0B;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color .3s ease, color .3s ease; }
  @media (max-width: 900px) {
    .orange-button-border {
      width: 100%; } }
  .orange-button-border:hover {
    background-color: #F59E0B;
    color: #FFFFFF; }

.shadow {
  padding: 10rem 5rem;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3), 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
  border-radius: 5rem; }
  @media (max-width: 900px) {
    .shadow {
      all: unset; } }
  .shadow--blue {
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3), 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
    padding: 4rem;
    border-radius: 4rem;
    background: linear-gradient(180deg, #F0F7FF 0%, #E6F0FE 100%); }
    @media (max-width: 900px) {
      .shadow--blue {
        padding: 0;
        box-shadow: unset;
        border-radius: 0;
        background: transparent; } }
  .shadow--black {
    padding: 4rem;
    border-radius: 4rem;
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3), 0px 1px 2px 0px rgba(0, 0, 0, 0.15); }
    @media (max-width: 900px) {
      .shadow--black {
        padding: 0;
        box-shadow: unset;
        border-radius: 0;
        background: transparent; } }

.indentation {
  margin-top: 10rem; }
  @media (max-width: 900px) {
    .indentation {
      margin-top: 7rem; } }

.indentation-left {
  margin-left: 7rem; }

.indentation-min {
  margin-top: 7rem; }
  @media (max-width: 900px) {
    .indentation-min {
      margin-top: 5rem; } }

.indentation-min-5 {
  margin-top: 5rem; }
  @media (max-width: 900px) {
    .indentation-min-5 {
      margin-top: 3rem; } }

.indentation-min-4 {
  margin-top: 4rem; }

.indentation-min-4-center {
  margin: 4rem auto 0; }

.indentation-min-5-center {
  margin: 5rem auto 0; }

.indentation-min-center {
  margin: 7rem auto 0; }

.title {
  display: flex;
  flex-direction: column;
  gap: 3rem;
  width: 50%; }
  @media (max-width: 900px) {
    .title {
      width: 100%; } }
  .title--feedback {
    width: 100%; }
  .title__text {
    font-size: clamp(2.8rem, calc(2.389rem + 1.371vw), 3.6rem);
    font-weight: 700;
    line-height: normal;
    color: #2E3B4E; }
    @media (max-width: 900px) {
      .title__text {
        text-align: center; } }
    .title__text-colored {
      color: #F59E0B; }
  .title__info {
    font-size: clamp(1.8rem, calc(1.8rem + 0.259vw), 2.2rem);
    font-weight: 400;
    line-height: normal;
    color: #2E6590; }
    @media (max-width: 900px) {
      .title__info {
        text-align: center; } }

@media (max-width: 900px) {
  .background--mobile {
    background-color: #F8FCFF;
    padding: 5rem 0; }
    .background--mobile .items__card {
      background-color: #FFFFFF; } }

@media (max-width: 900px) {
  .indentation--mobile {
    padding: 5rem 0; } }

.header {
  padding: 1.5rem 0;
  background: #F8FCFF;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3), 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
  /* Плавные переходы */
  transition: transform 0.4s ease, background 0.4s ease, box-shadow 0.4s ease, padding 0.4s ease;
  /* Изначально виден */
  transform: translateY(0);
  /* Состояние с другим фоном (при скролле) */
  /* Скрыт при скролле вниз */ }
  .header.scrolled {
    padding: 1.5rem 0;
    /* Можно уменьшить отступы */
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3), 0px 1px 2px 0px rgba(0, 0, 0, 0.15); }
    @media (max-width: 900px) {
      .header.scrolled {
        background-color: transparent;
        box-shadow: unset; }
        .header.scrolled .header__section {
          display: flex;
          justify-content: start;
          gap: 20px; }
        .header.scrolled .header__burger {
          background-color: #1E6FDF;
          border-radius: 10px;
          display: flex;
          align-items: center;
          justify-content: center;
          flex-direction: column;
          gap: 8px;
          width: 60px;
          height: 60px; }
          .header.scrolled .header__burger span {
            background: #FFFFFF; }
        .header.scrolled .header__logo {
          display: none; }
        .header.scrolled .header__phone-mobile {
          display: flex;
          background-color: #1E6FDF;
          border-radius: 10px;
          align-items: center;
          justify-content: center;
          width: 60px;
          height: 60px;
          color: #FFFFFF; } }
  .header.hidden {
    transform: translateY(-100%); }
  .header__phone-mobile {
    display: none;
    background-color: #F59E0B; }
  .header__section {
    display: grid;
    grid-template-columns: 13rem auto;
    align-items: center;
    justify-content: space-between; }
  @media (max-width: 600px) {
    .header__logo {
      width: 130px; } }
  .header__menu {
    display: flex;
    align-items: center;
    gap: 3rem; }
    .header__menu-link {
      font-size: 1.6rem;
      font-weight: 500;
      line-height: normal;
      color: #054185;
      position: relative; }
      .header__menu-link:hover:before {
        width: 100%; }
      .header__menu-link:before {
        position: absolute;
        content: '';
        width: 0;
        height: 1px;
        background: #054185;
        bottom: -2px;
        left: 0;
        transition: width .3s ease-in-out; }
    .header__menu-phone {
      background-color: #054185;
      color: #FFFFFF;
      font-size: clamp(1.4rem, calc(1.4rem + 0.1294498382vw), 1.6rem);
      padding: 10px 20px;
      border-radius: 10px;
      height: 40px;
      border: 1px solid #054185;
      display: flex;
      align-items: center;
      gap: 10px;
      transition: background-color .4s ease-in-out, color .4s ease-in-out; }
      .header__menu-phone:hover {
        background: transparent;
        color: #054185; }
  .header__burger {
    display: none;
    flex-direction: column;
    justify-content: space-between;
    width: 3rem;
    height: 22px;
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 0;
    z-index: 10; }
    .header__burger span {
      width: 35px;
      height: 2px;
      background: #054185;
      transition: all 0.3s ease; }
    .header__burger.active span:first-child {
      transform: translateY(1rem) rotate(45deg); }
    .header__burger.active span:nth-child(2) {
      opacity: 0; }
    .header__burger.active span:last-child {
      transform: translateY(-1rem) rotate(-45deg); }
  .header__close {
    display: none;
    position: absolute;
    top: 1.5rem;
    left: 1.5rem;
    font-size: 4rem;
    line-height: 1;
    color: #FFFFFF;
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 0;
    z-index: 20; }
    @media (max-width: 900px) {
      .header__close {
        display: block; } }
  @media (max-width: 900px) {
    .header__burger {
      display: flex; }
    .header__burger.active {
      z-index: 100; }
    .header__menu {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100vh;
      background: #F8FCFF;
      flex-direction: column;
      justify-content: center;
      gap: 2rem;
      transform: translateY(-100%);
      transition: transform 0.4s ease-in-out;
      z-index: 100; }
      .header__menu.active {
        transform: translateY(0); }
      .header__menu-link {
        font-size: 2rem;
        opacity: 0;
        transform: translateY(-20px);
        transition: all 0.3s ease;
        transition-delay: 0.2s; }
        .active .header__menu-link {
          opacity: 1;
          transform: translateY(0); } }
  .header .calls, .header .header__logo-menu {
    display: none; }
  .header .calls.active {
    display: flex; }
  .header .header__logo-menu.active {
    display: flex;
    width: 30%;
    margin-bottom: 30px; }

body.menu-open {
  overflow: hidden; }

.banner {
  margin-top: 15rem; }
  @media (max-width: 800px) {
    .banner {
      margin-top: 10rem; } }
  .banner__section {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4rem;
    width: 70%;
    margin: auto; }
    @media (max-width: 900px) {
      .banner__section {
        width: 100%; } }
  .banner__title {
    font-size: clamp(3.4rem, calc(3.4rem + 0.6472491909vw), 4.4rem);
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    text-align: center; }
    .banner__title span {
      color: #F59E0B; }
  .banner__info {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: normal;
    color: #2E3B4E;
    width: 50%;
    text-align: center; }
    @media (max-width: 900px) {
      .banner__info {
        width: 100%; } }
  .banner__animation {
    width: 80%;
    margin: auto;
    display: flex;
    justify-content: center;
    perspective: 1000px; }
    .banner__animation-icon {
      transition: transform 0.1s ease-out;
      /* Плавность при ручном вращении */
      cursor: grab;
      user-select: none; }
      .banner__animation-icon:active {
        cursor: grabbing; }
      .banner__animation-icon.rotating {
        animation: spin var(--rotate-speed, 5s) linear infinite; }

@keyframes spin {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }
.preview {
  display: flex;
  justify-content: center;
  gap: 4rem; }
  @media (max-width: 900px) {
    .preview {
      display: flex;
      justify-content: center;
      gap: 2rem;
      flex-wrap: wrap; } }
  .preview--m2 {
    margin-top: 2rem; }
  .preview__item {
    display: grid;
    grid-template-columns: 2rem 1fr;
    align-items: center;
    gap: 1.5rem;
    color: #2E6590; }
    .preview__item--min {
      grid-template-columns: 1.5rem 1fr;
      gap: 1rem; }
      .preview__item--min .preview__item-value {
        font-size: 1.2rem; }
    .preview__item-value {
      font-size: 1.6rem;
      font-weight: 500;
      color: #2E6590; }

.footer {
  background-color: #F8FCFF;
  padding: 7rem 0 2rem; }
  .footer__logo {
    width: 20rem; }
  .footer__section {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    justify-content: space-between;
    gap: 5rem; }
    @media (max-width: 900px) {
      .footer__section {
        grid-template-columns: 1fr; } }
  .footer__policy {
    margin-top: 8rem;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    @media (max-width: 900px) {
      .footer__policy {
        flex-direction: column;
        gap: 1rem; } }
    .footer__policy-text {
      font-size: 1.4rem;
      font-weight: 400;
      line-height: normal;
      color: #2E6590;
      transition: color .3s ease; }
      @media (max-width: 900px) {
        .footer__policy-text {
          text-align: center; } }
      .footer__policy-text--hover:hover {
        color: #F59E0B; }
  .footer__info {
    margin-top: 3rem;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: normal;
    color: #2E6590; }
    @media (max-width: 900px) {
      .footer__info {
        text-align: center; } }
  .footer__title {
    font-size: 1.6rem;
    font-weight: 700;
    line-height: normal;
    color: #2E6590;
    text-transform: uppercase; }
    @media (max-width: 900px) {
      .footer__title {
        text-align: center;
        margin-bottom: 1rem; } }
  .footer__nav {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-top: 2rem; }
    @media (max-width: 900px) {
      .footer__nav {
        margin: 0; } }
    .footer__nav-icon {
      flex-shrink: 0; }
    .footer__nav-link {
      font-size: 1.6rem;
      font-weight: 400;
      line-height: normal;
      color: #2E6590;
      display: flex;
      align-items: center;
      gap: 1rem;
      transition: color .3s ease, margin-left .3s ease; }
      @media (max-width: 900px) {
        .footer__nav-link {
          justify-content: center; } }
      .footer__nav-link--hover:hover {
        margin-left: 10px;
        color: #F59E0B; }
  @media (max-width: 900px) {
    .footer__column {
      display: flex;
      gap: 1rem;
      align-items: center;
      flex-direction: column; } }
  .footer__designed {
    margin-top: 3rem;
    padding-top: 3rem;
    border-top: 1px solid rgba(205, 223, 245, 0.5); }
    .footer__designed-link {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 2rem;
      font-size: 1.2rem;
      font-weight: 400;
      line-height: normal;
      color: #2E6590;
      background-color: rgba(210, 230, 255, 0.4);
      padding: 7px 12px;
      border-radius: 10px;
      width: max-content;
      margin: auto;
      transition: color .4s ease, background-color .4s ease-in-out; }
      .footer__designed-link:hover {
        color: #FFFFFF;
        background-color: #1E6FDF; }
        .footer__designed-link:hover .footer__designed-icon path {
          fill: #FFFFFF; }
          .footer__designed-link:hover .footer__designed-icon path:nth-child(4) {
            fill: #FFFFFF; }
    .footer__designed-icon {
      /*background-color: rgba(210, 230, 255, 0.4);
      max-width: 10rem;
      padding: 7px 12px;
      border-radius: 10px;
      transition: background-color .5s ease-in-out;*/
      max-width: 10rem; }
      .footer__designed-icon path {
        transition: fill .4s ease-in-out; }

.feedback__section {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 5rem; }
  @media (max-width: 1200px) {
    .feedback__section {
      grid-template-columns: 1fr;
      gap: 5rem; } }
  @media (max-width: 900px) {
    .feedback__section {
      grid-template-columns: 1fr; } }
.feedback .items__card {
  background-color: transparent; }
.feedback__column--back {
  background: linear-gradient(180deg, #F0F7FF 0%, #E6F0FE 100%);
  border-radius: 3.2rem;
  padding: 4rem; }
  @media (max-width: 900px) {
    .feedback__column--back {
      padding: 4rem 2rem; } }
.feedback__info {
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3), 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
  border-radius: 3.2rem;
  background: linear-gradient(180deg, #F0F7FF 0%, #E6F0FE 100%);
  padding: 2rem 4.5rem;
  text-align: center;
  font-size: clamp(1.6rem, calc(1.6rem + 0.2588996764vw), 2rem);
  font-weight: 400;
  line-height: normal;
  color: #054A91; }
  .feedback__info-accent {
    font-weight: 700;
    color: #F59E0B; }
.feedback__title-block {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2rem; }
  @media (max-width: 900px) {
    .feedback__title-block {
      gap: 1rem; } }
.feedback__title {
  font-size: clamp(2rem, calc(2rem + 0.5177993528vw), 2.8rem);
  font-weight: 700;
  line-height: normal;
  color: #F59E0B; }
.feedback__icon {
  color: #F59E0B;
  flex-shrink: 0; }
  @media (max-width: 900px) {
    .feedback__icon {
      width: 3rem; } }

.calls {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
  margin-top: 4rem; }
  .calls--footer {
    justify-content: start; }
  .calls-item {
    width: 6rem;
    height: 6rem;
    border-radius: 2rem;
    background-color: #1E6FDF;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    flex-shrink: 0;
    transition: background-color .4s ease-in-out, color .4s ease-in-out; }
    .calls-item:hover {
      background-color: rgba(30, 111, 223, 0.15);
      color: #1E6FDF; }

.items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  row-gap: 4rem;
  column-gap: 4rem; }
  .items--center {
    justify-content: center; }
  @media (max-width: 1200px) {
    .items {
      grid-template-columns: 1fr 1fr;
      row-gap: 2rem; } }
  @media (max-width: 900px) {
    .items {
      grid-template-columns: 1fr;
      row-gap: 2rem; } }
  .items__checkbox {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    margin-bottom: 2.5rem; }
  .items__check {
    display: flex;
    align-items: center;
    gap: 1rem; }
    .items__check-svg {
      color: #054A91;
      flex-shrink: 0; }
    .items__check-text {
      font-size: 1.4rem;
      font-weight: 400;
      line-height: normal;
      color: #054A91; }
  .items--column {
    grid-template-columns: 1fr;
    gap: 2rem; }
  .items .tag {
    margin-top: auto; }
  .items--four {
    grid-template-columns: repeat(4, 1fr);
    column-gap: 4rem; }
    @media (max-width: 1200px) {
      .items--four {
        grid-template-columns: 1fr 1fr;
        row-gap: 2rem; } }
    @media (max-width: 900px) {
      .items--four {
        grid-template-columns: 1fr;
        row-gap: 2rem; } }
  .items__number {
    font-size: 3.8rem;
    font-weight: 700;
    line-height: normal;
    color: #1E6FDF;
    margin-bottom: 1rem;
    text-align: center;
    transition: all 0.3s ease; }
  .items__name {
    font-size: 1.6rem;
    font-weight: 700;
    line-height: normal;
    color: #2E3B4E;
    margin-bottom: 1.5rem;
    text-align: center; }
  .items__line {
    height: .8rem;
    border-radius: 2rem;
    width: 100%;
    position: relative;
    background-color: #E1ECFE;
    margin-bottom: 2rem;
    overflow: hidden; }
    .items__line-fill {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      background-color: #F59E0B;
      border-radius: 2rem;
      width: 0;
      /* Начальное состояние - 0 */
      transition: width 1.5s ease-in-out; }
    .items__line--animated.active .items__line-fill {
      width: var(--target-width); }
    .items__line--100 .items__line-fill {
      --target-width: 100%; }
    .items__line--70 .items__line-fill {
      --target-width: 80%; }
    .items__line--72 .items__line-fill {
      --target-width: 70%; }
    .items__line--64 .items__line-fill {
      --target-width: 60%; }
  .items__card {
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3), 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
    padding: 2.5rem;
    border-radius: 3.2rem;
    display: flex;
    flex-direction: column;
    height: 100%;
    background-color: #F8FCFF; }
    .items__card--mobile {
      display: flex;
      flex-wrap: wrap;
      flex-direction: unset;
      align-items: center;
      column-gap: 2rem; }
    .items__card--noback {
      background-color: #FFFFFF; }
    .items__card--department {
      display: flex;
      flex-direction: column;
      gap: 2rem; }
    .items__card--column {
      box-shadow: unset;
      padding: 0;
      flex-direction: row;
      align-items: center;
      gap: 2rem;
      background-color: transparent; }
      .items__card--column .items__icon {
        margin: 0; }
  .items__icon {
    width: 6rem;
    height: 6rem;
    border-radius: 2rem;
    background-color: rgba(30, 111, 223, 0.15);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #1E6FDF;
    margin-bottom: 1.5rem;
    flex-shrink: 0; }
    .items__icon--mobile {
      width: 6rem;
      flex-shrink: 0;
      margin-bottom: 0; }
    @media (max-width: 900px) {
      .items__icon {
        width: 5rem;
        height: 5rem;
        border-radius: 1.5rem; }
        .items__icon-svg {
          width: 3rem; } }
    .items__icon--black {
      background-color: transparent;
      box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3), 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
      color: #26262b; }
  .items__title {
    font-size: clamp(1.6rem, calc(1.6rem + 0.2588996764vw), 2rem);
    font-weight: 700;
    line-height: normal;
    color: #2E3B4E;
    margin-bottom: 1.5rem; }
    .items__title--mobile {
      width: 75%;
      margin-bottom: 0; }
    .items__title--havesubtitle {
      margin-bottom: .7rem; }
    .items__title--red {
      color: #EF4444; }
    .items__title--green {
      display: flex;
      align-items: center;
      gap: 1rem;
      color: #10B981; }
  .items__subtitle {
    font-size: clamp(1.4rem, calc(1.4rem + 0.1294498382vw), 1.6rem);
    font-weight: 700;
    line-height: normal;
    color: #1E6FDF;
    margin-bottom: 1.5rem; }
  .items__info {
    font-size: clamp(1.2rem, calc(1.2rem + 0.1941747573vw), 1.5rem);
    font-weight: 400;
    line-height: normal;
    color: #2E6590;
    margin-bottom: 1.5rem; }
    .items__info--black {
      color: #26262b; }
    .items__info--noicon {
      margin: 0; }
    .items__info--mobile {
      margin-top: 1.5rem; }
  .items__value {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    font-size: clamp(1.6rem, calc(1.6rem + 0.2588996764vw), 2rem);
    font-weight: 500;
    line-height: normal;
    color: #2E6590;
    margin-bottom: 2rem; }
    .items__value-svg {
      flex-shrink: 0; }
    .items__value--yellow {
      color: #F59E0B;
      font-size: 2.2rem;
      font-weight: 700;
      line-height: normal;
      margin-bottom: 0; }
  .items__folder {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: normal;
    color: #2E6590; }
  .items__file {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: normal;
    color: #2E6590;
    margin-left: 3rem; }
    @media (max-width: 900px) {
      .items__file {
        word-break: break-all; } }
  .items__sum {
    font-size: clamp(3rem, calc(3rem + 0.3883495146vw), 3.6rem);
    font-weight: 700;
    line-height: normal;
    color: #1E6FDF;
    text-align: center;
    margin-bottom: 2rem; }
  .items__height {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    font-size: clamp(1.4rem, calc(1.4rem + 0.1294498382vw), 1.6rem);
    font-weight: 400;
    line-height: normal;
    color: #10B981; }

.tag {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem; }
  .tag--horizontal {
    justify-content: end;
    margin: 0; }
    @media (max-width: 900px) {
      .tag--horizontal {
        justify-content: center; } }
  .tag--m4 {
    margin-top: 4rem; }
  .tag--center {
    justify-content: center; }
  .tag__item {
    font-size: clamp(1.2rem, calc(1.2rem + 0.1941747573vw), 1.5rem);
    font-weight: 400;
    line-height: normal;
    color: #2E3B4E;
    padding: .6rem 1.2rem;
    border-radius: 4rem;
    background-color: #F59E0B;
    display: flex;
    align-items: center;
    gap: .5rem; }
    .tag__item--blue {
      background-color: #B6D4FF;
      color: #054A91;
      font-weight: 500; }
    .tag__item--black {
      background-color: #26262b;
      border: 1px solid #26262b;
      color: #FFFFFF;
      font-weight: 500; }
    .tag__item--darkblue {
      background-color: #1E6FDF;
      color: #FFFFFF;
      font-weight: 500; }
    .tag__item--green {
      background-color: #10B981;
      color: #FFFFFF;
      font-weight: 500; }
    .tag__item--orange {
      background-color: #F59E0B;
      color: #2E3B4E;
      font-weight: 500; }

.information {
  width: 55%;
  margin: 7rem auto 0;
  background: linear-gradient(180deg, #F0F7FF 0%, #E6F0FE 100%);
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3), 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
  border-radius: 4rem;
  padding: 4rem;
  align-items: center;
  gap: 5rem; }
  @media (max-width: 900px) {
    .information {
      width: 100%;
      grid-template-columns: 1fr; } }
  .information--white {
    background: #FFFFFF;
    grid-template-columns: 3rem 1fr;
    width: 74%;
    gap: 3rem; }
    @media (max-width: 900px) {
      .information--white {
        width: 100%;
        grid-template-columns: 1fr; } }
  .information__text {
    font-size: clamp(1.6rem, calc(1.6rem + 0.2588996764vw), 2rem);
    font-weight: 700;
    line-height: normal;
    color: #054A91;
    text-align: center; }
    @media (max-width: 900px) {
      .information__text {
        text-align: center; } }
  .information__icon {
    font-size: 4rem;
    font-weight: 700;
    line-height: normal;
    color: #054A91;
    flex-shrink: 0; }
    @media (max-width: 900px) {
      .information__icon {
        display: none; } }

.advantages {
  display: flex;
  justify-content: center;
  gap: 4rem; }
  @media (max-width: 900px) {
    .advantages {
      align-items: center;
      flex-direction: column; } }
  .advantages__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.5rem;
    max-width: 40rem; }
  .advantages__number {
    font-size: 4rem;
    font-weight: 700;
    line-height: normal;
    color: #1E6FDF;
    transition: all 0.3s ease; }
  .advantages__info {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: normal;
    color: #2E6590;
    text-align: center; }

.funnel__title-block {
  display: flex;
  align-items: center;
  gap: 5rem; }
  @media (max-width: 900px) {
    .funnel__title-block {
      flex-direction: column;
      gap: 2rem; } }
.funnel__title {
  display: flex;
  align-items: center;
  gap: 2rem; }
  .funnel__title-icon {
    color: #054A91;
    flex-shrink: 0; }
    @media (max-width: 900px) {
      .funnel__title-icon {
        display: none; } }
  .funnel__title-text {
    font-size: clamp(2rem, calc(2rem + 0.5177993528vw), 2.8rem);
    font-weight: 700;
    line-height: normal;
    color: #054A91; }
    @media (max-width: 900px) {
      .funnel__title-text {
        text-align: center; } }

.horizontal {
  display: flex;
  flex-direction: column;
  gap: 2rem; }
  .horizontal__item {
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3), 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
    padding: 3rem 5rem;
    border-radius: 8rem;
    background-color: #FFFFFF;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 4rem; }
    @media (max-width: 900px) {
      .horizontal__item {
        padding: 2.5rem;
        grid-template-columns: 1fr;
        border-radius: 3.2rem;
        gap: 3rem;
        background-color: #F8FCFF; } }
    .horizontal__item--big {
      grid-template-columns: 1fr 2fr 1fr; }
      @media (max-width: 900px) {
        .horizontal__item--big {
          grid-template-columns: 1fr; } }
  .horizontal__column {
    display: flex;
    align-items: center;
    gap: 2rem; }
    @media (max-width: 900px) {
      .horizontal__column {
        justify-content: center; } }
  .horizontal__icon {
    width: 4rem;
    height: 4rem;
    border-radius: 2rem;
    background-color: rgba(30, 111, 223, 0.15);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #1E6FDF;
    flex-shrink: 0; }
  .horizontal__name {
    font-size: clamp(1.6rem, calc(1.6rem + 0.2588996764vw), 2rem);
    font-weight: 700;
    line-height: normal;
    color: #2E3B4E; }
  .horizontal__info {
    font-size: clamp(1.4rem, calc(1.4rem + 0.2588996764vw), 1.8rem);
    font-weight: 700;
    line-height: normal;
    color: #1E6FDF; }
    @media (max-width: 900px) {
      .horizontal__info {
        text-align: center; } }
  .horizontal__back {
    width: 100%; }
    @media (max-width: 900px) {
      .horizontal__back {
        background: rgba(30, 111, 223, 0.15);
        padding: .5rem;
        border-radius: 2rem;
        width: 100%; } }
  .horizontal__percent {
    background-color: #EAF2FD;
    border-radius: 4rem;
    padding: .5rem 1rem;
    display: flex;
    align-items: center;
    gap: 1rem; }
    @media (max-width: 900px) {
      .horizontal__percent {
        flex-direction: column;
        align-items: start;
        border-radius: 0;
        padding: 0;
        background: transparent; } }
    @media (max-width: 900px) {
      .horizontal__percent-item {
        position: relative; } }
    .horizontal__percent-item--blue {
      background-color: #4D9EFF;
      border-radius: 4rem;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #FFFFFF;
      font-size: 1.2rem;
      font-weight: 500;
      line-height: normal;
      padding: .7rem; }
    .horizontal__percent-item--light {
      background-color: #B6D4FF;
      border-radius: 4rem;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #2E6590;
      font-size: 1.2rem;
      font-weight: 500;
      line-height: normal;
      padding: .7rem; }
    .horizontal__percent-item--orange {
      background-color: #F59E0B;
      border-radius: 4rem;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #2E3B4E;
      font-size: 1.2rem;
      font-weight: 500;
      line-height: normal;
      padding: .7rem; }
    .horizontal__percent-item--40 {
      width: 40%; }
      @media (max-width: 900px) {
        .horizontal__percent-item--40 {
          width: 100%; } }
      @media (max-width: 900px) {
        .horizontal__percent-item--40-mobile {
          width: 40%; } }
      @media (max-width: 500px) {
        .horizontal__percent-item--40-mobile {
          width: 60%; } }
    .horizontal__percent-item--20 {
      width: 20%; }
      @media (max-width: 900px) {
        .horizontal__percent-item--20 {
          width: 100%; } }
      @media (max-width: 900px) {
        .horizontal__percent-item--20-mobile {
          width: 30%; } }
      @media (max-width: 500px) {
        .horizontal__percent-item--20-mobile {
          width: 40%; } }
    .horizontal__percent-item--30 {
      width: 30%; }
      @media (max-width: 900px) {
        .horizontal__percent-item--30 {
          width: 100%; } }
      @media (max-width: 900px) {
        .horizontal__percent-item--30-mobile {
          width: 40%; } }
      @media (max-width: 500px) {
        .horizontal__percent-item--30-mobile {
          width: 50%; } }
    .horizontal__percent-item--70 {
      width: 70%; }
      @media (max-width: 900px) {
        .horizontal__percent-item--70 {
          width: 100%; } }
      @media (max-width: 900px) {
        .horizontal__percent-item--70-mobile {
          width: 70%; } }
  .horizontal__result {
    font-size: clamp(1.6rem, calc(1.6rem + 0.2588996764vw), 2rem);
    font-weight: 500;
    line-height: normal;
    color: #F59E0B;
    display: flex;
    align-items: center;
    justify-content: end; }
    .horizontal__result--green {
      color: #10B981; }
    @media (max-width: 900px) {
      .horizontal__result {
        justify-content: center;
        font-weight: 700; } }

.legend {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3rem; }
  @media (max-width: 900px) {
    .legend {
      flex-direction: column;
      gap: 1rem; } }
  .legend__item {
    display: flex;
    align-items: center;
    gap: 1.5rem; }
  .legend__color {
    width: 4rem;
    height: 4rem;
    border-radius: 100%; }
    @media (max-width: 900px) {
      .legend__color {
        width: 2rem;
        height: 2rem; } }
    .legend__color--orange {
      background-color: #F59E0B; }
    .legend__color--blue {
      background-color: #4D9EFF; }
    .legend__color--light {
      background-color: #B6D4FF; }
  .legend__name {
    font-size: clamp(1.4rem, calc(1.4rem + 0.3883495146vw), 2rem);
    font-weight: 400;
    line-height: normal;
    color: #2E3B4E; }

.versions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: start;
  gap: 10rem; }
  @media (max-width: 1200px) {
    .versions {
      grid-template-columns: 1fr;
      gap: 5rem; } }
  @media (max-width: 900px) {
    .versions {
      display: flex;
      flex-direction: column;
      gap: 5rem;
      width: 100%; } }
  .versions__column {
    background-color: #FFFFFF;
    border-radius: 3.6rem;
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3), 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
    padding: 4rem;
    width: 100%; }
    @media (max-width: 900px) {
      .versions__column {
        padding: 2.5rem;
        border-radius: 3.2rem; } }
  .versions__title {
    display: flex;
    align-items: center;
    gap: 2rem;
    font-size: clamp(2rem, calc(2rem + 0.2588996764vw), 2.4rem);
    font-weight: 700;
    line-height: normal; }
    @media (max-width: 900px) {
      .versions__title {
        justify-content: center;
        gap: 1rem; } }
    @media (max-width: 900px) {
      .versions__title svg {
        width: 3rem; } }
    .versions__title--red {
      color: #EF4444; }
    .versions__title--green {
      color: #10B981; }
  .versions__cards {
    margin-top: 4rem;
    display: flex;
    flex-direction: column;
    gap: 1.5rem; }
  .versions__card {
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3), 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
    padding: 2rem 4rem;
    border-radius: 2.8rem;
    display: flex;
    align-items: center;
    gap: 2rem; }
    @media (max-width: 900px) {
      .versions__card {
        border-radius: 2rem;
        padding: 2rem 3rem;
        background-color: #F8FCFF; } }
    .versions__card-icon {
      color: #2E6590;
      flex-shrink: 0; }
    .versions__card--subtitle {
      margin-left: 5rem; }
      @media (max-width: 600px) {
        .versions__card--subtitle {
          margin-left: 2.5rem; } }
  .versions__block {
    display: flex;
    flex-direction: column;
    gap: .7rem; }
  .versions__name {
    font-size: clamp(1.4rem, calc(1.4rem + 0.1294498382vw), 1.6rem);
    font-weight: 700;
    line-height: normal;
    color: #2E6590;
    word-break: break-all; }
  .versions__date {
    font-size: clamp(1.2rem, calc(1.2rem + 0.1294498382vw), 1.4rem);
    font-weight: 400;
    line-height: normal;
    color: #2E6590; }

.analytic {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: start;
  gap: 10rem; }
  @media (max-width: 1200px) {
    .analytic {
      grid-template-columns: 1fr;
      gap: 5rem; } }
  @media (max-width: 900px) {
    .analytic {
      grid-template-columns: 1fr; } }
  .analytic__column {
    background-color: #FFFFFF;
    border-radius: 3.6rem;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3), 0 1px 2px 0 rgba(0, 0, 0, 0.15);
    padding: 4rem; }
  .analytic__title {
    font-size: 2.4rem;
    font-weight: 700;
    line-height: normal;
    color: #054A91; }
    @media (max-width: 900px) {
      .analytic__title {
        text-align: center; } }
  .analytic__items {
    margin-top: 3rem;
    display: flex;
    flex-direction: column;
    gap: 2rem; }
  .analytic__item {
    display: grid;
    grid-template-columns: 1fr 2fr auto;
    align-items: center;
    gap: 3rem; }
    @media (max-width: 900px) {
      .analytic__item {
        display: flex;
        flex-direction: column;
        gap: 1rem; }
        .analytic__item:not(:last-child) {
          border-bottom: 1px solid #E2EFFF;
          padding-bottom: 2rem; } }
  .analytic__name {
    font-size: 1.6rem;
    font-weight: 500;
    line-height: normal;
    color: #054A91; }
  .analytic__number {
    font-size: 1.6rem;
    font-weight: 700;
    line-height: normal;
    color: #054A91;
    text-align: right; }
    @media (max-width: 900px) {
      .analytic__number {
        display: none; } }
  .analytic__line {
    background-color: #E1ECFE;
    height: 3rem;
    border-radius: 2rem;
    width: 100%;
    position: relative; }
    .analytic__line--animated.active:before {
      width: var(--target-width); }
    .analytic__line:before {
      content: attr(data-content);
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 0;
      background-color: #1E6FDF;
      border-radius: 2rem;
      font-size: 1.6rem;
      font-weight: 500;
      line-height: normal;
      color: #FFFFFF;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: width 1.5s ease-in-out; }
    .analytic__line--1.active {
      --target-width: 80%; }
    .analytic__line--2.active {
      --target-width: 60%; }
    .analytic__line--3.active {
      --target-width: 40%; }
    .analytic__line--4.active {
      --target-width: 30%; }

.profitability {
  margin-top: 3rem;
  display: flex;
  flex-direction: column;
  gap: 3rem; }
  @media (max-width: 900px) {
    .profitability {
      gap: 2rem; } }
  .profitability__item {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    row-gap: 2rem;
    column-gap: 5rem; }
    @media (max-width: 900px) {
      .profitability__item {
        display: flex;
        flex-direction: column;
        gap: 1rem; }
        .profitability__item:not(:last-child) {
          padding-bottom: 2rem;
          border-bottom: 1px solid #E2EFFF; } }
  .profitability__name {
    font-size: 2rem;
    font-weight: 700;
    line-height: normal;
    color: #2E3B4E; }
  .profitability__cost {
    font-size: clamp(1.6rem, calc(1.6rem + 0.2588996764vw), 2rem);
    font-weight: 400;
    line-height: normal;
    color: #2E6590;
    text-align: right; }
    @media (max-width: 900px) {
      .profitability__cost {
        font-weight: 700; } }
  .profitability__line {
    height: .8rem;
    border-radius: 2rem;
    background-color: #E1ECFE;
    position: relative;
    width: 100%;
        /*&--82:before {
            display: block;
            position: absolute;
            content: '';
            width: 82%;
            height: .8rem;
            border-radius: 2rem;
            background-color: $green;
        }

        &--71:before {
            display: block;
            position: absolute;
            content: '';
            width: 71%;
            height: .8rem;
            border-radius: 2rem;
            background-color: $green;
        }

        &--54:before {
            display: block;
            position: absolute;
            content: '';
            width: 54%;
            height: .8rem;
            border-radius: 2rem;
            background-color: $red;
        }

        &--43:before {
            display: block;
            position: absolute;
            content: '';
            width: 43%;
            height: .8rem;
            border-radius: 2rem;
            background-color: $red;
        }*/ }
    @media (max-width: 900px) {
      .profitability__line {
        margin: 2rem 0; } }
    .profitability__line:before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 0;
      background-color: #F59E0B;
      border-radius: 2rem;
      transition: width 1.5s ease-in-out; }
    .profitability__line--animated.active:before {
      width: var(--target-width); }
    .profitability__line--82.active:before {
      --target-width: 82%;
      background-color: #10B981; }
    .profitability__line--71.active:before {
      --target-width: 71%;
      background-color: #10B981; }
    .profitability__line--54.active:before {
      --target-width: 54%;
      background-color: #EF4444; }
    .profitability__line--43.active:before {
      --target-width: 43%;
      background-color: #EF4444; }
  .profitability__profit {
    display: flex;
    flex-direction: column;
    align-items: end;
    justify-content: end;
    gap: .7rem; }
    @media (max-width: 900px) {
      .profitability__profit {
        align-items: center; } }
    .profitability__profit-name {
      font-size: 1.4rem;
      font-weight: 700;
      line-height: normal;
      text-transform: uppercase; }
      .profitability__profit-name--green {
        color: #10B981; }
      .profitability__profit-name--red {
        color: #EF4444; }
    .profitability__profit-info {
      font-size: 2rem;
      font-weight: 400;
      line-height: normal; }
      .profitability__profit-info--green {
        color: #10B981; }
      .profitability__profit-info--red {
        color: #EF4444; }

.case__section {
  display: grid;
  grid-template-columns: 15rem 1fr;
  align-items: center;
  gap: 2rem; }
  @media (max-width: 900px) {
    .case__section {
      grid-template-columns: 1fr; } }
.case__icon {
  color: #1E6FDF; }
  @media (max-width: 900px) {
    .case__icon {
      display: none; } }
.case__block {
  display: flex;
  flex-direction: column;
  gap: 1.5rem; }
.case__title {
  font-size: clamp(2rem, calc(2rem + 0.5177993528vw), 2.8rem);
  font-weight: 700;
  line-height: normal;
  color: #054A91;
  transition: color .3s ease-in-out; }
  .case__title--black {
    color: #26262b; }
  .case__title--link:hover {
    color: #F59E0B; }
.case__info {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: normal;
  color: #2E6590; }
  .case__info--black {
    color: #26262b; }

.stages__title {
  font-size: clamp(1.8rem, calc(1.8rem + 0.3883495146vw), 2.4rem);
  font-weight: 700;
  line-height: normal;
  color: #054A91; }
  .stages__title--black {
    color: #26262b; }
  .stages__title-block {
    display: flex;
    align-items: center;
    gap: 2rem; }
.stages__number {
  width: 5rem;
  height: 5rem;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: clamp(1.6rem, calc(1.6rem + 0.3883495146vw), 2.2rem);
  font-weight: 700;
  line-height: normal;
  color: #1E6FDF;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3), 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
  background-color: #FFFFFF;
  flex-shrink: 0; }
  .stages__number--black {
    color: #26262b;
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3), 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
    background-color: #FFFFFF; }
  @media (max-width: 600px) {
    .stages__number {
      width: 40px;
      height: 40px; } }
.stages__indent {
  display: flex;
  flex-direction: column;
  gap: 2rem; }

.form {
  display: flex;
  flex-direction: column;
  gap: 2rem; }
  .form__item {
    display: flex;
    flex-direction: column;
    gap: 1rem; }
  .form__label {
    font-size: 1.6rem;
    font-weight: 700;
    line-height: normal;
    color: #054A91;
    padding: 0 1rem; }
    @media (max-width: 900px) {
      .form__label {
        font-size: 1.4rem; } }
  .form__input {
    background-color: #FFFFFF;
    border-radius: 3.2rem;
    height: 6rem;
    border: 1px solid #E2EFFF;
    padding: 0 2rem;
    font-size: 1.6rem;
    font-weight: 400;
    color: #2E3B4E;
    caret-color: #1E6FDF; }
    @media (max-width: 900px) {
      .form__input {
        height: 4rem; } }
    .form__input:focus-visible {
      outline-color: #1E6FDF; }
  .form__checkbox {
    display: flex;
    align-items: center;
    gap: 1rem; }
    .form__checkbox label {
      font-size: 1.4rem;
      font-weight: 400;
      line-height: normal;
      color: #054A91; }
  .form__checkbox-check {
    appearance: none;
    -webkit-appearance: none;
    /* для поддержки в Safari */
    width: 2rem;
    height: 2rem;
    border: 1px solid #054A91;
    border-radius: 0.25rem;
    background-color: transparent;
    cursor: pointer;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    margin: 0; }
  .form__checkbox-check:checked {
    background-color: #054A91;
    border-color: #054A91;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e"); }

.tariffs__coordinator {
  font-size: clamp(1.2rem, calc(1.2rem + 0.2588996764vw), 1.6rem);
  color: #1E6FDF; }
.tariffs .orange-button-border, .tariffs .orange-button {
  margin-top: auto; }
.tariffs__title-block {
  display: flex;
  align-items: center;
  justify-content: space-between; }
.tariffs__items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 4rem; }
  @media (max-width: 1200px) {
    .tariffs__items {
      grid-template-columns: 1fr 1fr; } }
  @media (max-width: 900px) {
    .tariffs__items {
      grid-template-columns: 1fr; } }
.tariffs__card {
  background-color: #F8FCFF;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3), 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
  padding: 2.5rem;
  border-radius: 3.2rem;
  display: flex;
  flex-direction: column;
  gap: 4rem;
  position: relative; }
  .tariffs__card-item {
    display: flex;
    flex-direction: column;
    gap: 1rem; }
    .tariffs__card-item--auto {
      margin-bottom: auto; }
.tariffs__title {
  font-size: clamp(2rem, calc(2rem + 0.5177993528vw), 2.8rem);
  font-weight: 700;
  line-height: normal;
  color: #054A91; }
  @media (max-width: 900px) {
    .tariffs__title {
      text-align: center; } }
@media (max-width: 900px) {
  .tariffs .tag {
    justify-content: center; } }
.tariffs__price {
  font-size: 4.2rem;
  font-weight: 700;
  line-height: normal;
  color: #054A91; }
  @media (max-width: 900px) {
    .tariffs__price {
      text-align: center; } }
  .tariffs__price-info {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: normal;
    color: #F59E0B; }
.tariffs__info {
  font-size: 1.5rem;
  font-weight: 400;
  line-height: normal;
  color: #2E6590; }
  @media (max-width: 900px) {
    .tariffs__info {
      text-align: center; } }
.tariffs__check {
  display: flex;
  align-items: center;
  gap: 1rem; }
  .tariffs__check--coordinator {
    margin-top: 1.5rem;
    padding-top: 1.5rem;
    border-top: 1px solid #E2EFFF; }
  .tariffs__check-icon {
    flex-shrink: 0;
    width: 2rem;
    height: 2rem;
    border-radius: .3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    background-color: #10B981; }
    .tariffs__check-icon--noicon {
      background-color: #C7DDF5; }
    .tariffs__check-icon-svg {
      position: absolute;
      color: #FFFFFF;
      left: 0;
      right: 0;
      margin: auto; }
      .tariffs__check-icon-svg--noicon {
        display: none; }
  .tariffs__check-text {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: normal;
    color: #2E6590; }
    .tariffs__check-text--coordinator {
      background-color: #B6D4FF;
      color: #054A91;
      font-weight: 500;
      padding: .5rem 1rem;
      border-radius: 40px; }
    .tariffs__check-text--nocoordinator {
      background-color: #C7DDF5;
      color: rgba(5, 74, 145, 0.5);
      font-weight: 500;
      padding: .5rem 1rem;
      border-radius: 40px; }

.sales {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4rem;
  margin: 7rem auto 0; }
  @media (max-width: 900px) {
    .sales {
      margin: 7rem 0 0;
      grid-template-columns: 1fr; } }
  .sales__item {
    border-radius: 50px;
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3), 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
    padding: 2rem 3rem;
    background-color: #FFFFFF;
    position: relative; }
    .sales__item-title {
      position: absolute;
      top: -10px;
      padding: .5rem 1rem;
      border-radius: 10px;
      color: #FFFFFF;
      right: 20px;
      font-size: 1.4rem; }
      .sales__item-title--blue {
        background-color: #1E6FDF; }
      .sales__item-title--green {
        background-color: #10B981; }
  .sales__element {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    justify-content: center;
    height: 100%; }
    @media (max-width: 500px) {
      .sales__element {
        gap: 2rem; } }
    .sales__element-title {
      display: flex;
      grid-template-columns: 5rem 1fr;
      align-items: center;
      gap: 2rem; }
      @media (max-width: 600px) {
        .sales__element-title {
          display: grid;
          grid-template-columns: 4rem 1fr; } }
    .sales__element-name {
      font-size: clamp(1.8rem, calc(1.8rem + 0.3883495146vw), 2.4rem);
      font-weight: 700;
      line-height: normal;
      color: #054A91; }
    .sales__element-number {
      box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3), 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
      background-color: #FFFFFF;
      flex-shrink: 0;
      width: 5rem;
      height: 5rem;
      border-radius: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: clamp(1.6rem, calc(1.6rem + 0.3883495146vw), 2.2rem);
      font-weight: 700;
      color: #054A91; }
      @media (max-width: 600px) {
        .sales__element-number {
          width: 4rem;
          height: 4rem; } }
    .sales__element-description {
      display: flex;
      grid-template-columns: 4rem 1fr;
      align-items: center;
      gap: 1rem; }
      @media (max-width: 900px) {
        .sales__element-description {
          width: 100%; } }
      @media (max-width: 600px) {
        .sales__element-description {
          display: grid;
          grid-template-columns: 3rem 1fr; } }
    .sales__element-icon {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 4rem;
      height: 4rem;
      border-radius: 100%;
      color: #FFFFFF;
      flex-shrink: 0; }
      @media (max-width: 600px) {
        .sales__element-icon {
          width: 3rem;
          height: 3rem; } }
      @media (max-width: 600px) {
        .sales__element-icon-svg {
          width: 1.5rem;
          height: 1.5rem; } }
      .sales__element-icon--blue {
        background-color: #1E6FDF; }
      .sales__element-icon--green {
        background-color: #10B981; }
    .sales__element-text {
      font-size: clamp(1.2rem, calc(1.2rem + 0.1941747573vw), 1.5rem);
      font-weight: 400;
      line-height: normal;
      word-break: break-all;
      color: #2E6590; }
      .sales__element-text span {
        font-weight: 700; }

.content-page .title-section__title {
  font-size: clamp(1.6rem, calc(1.6rem + 0.5177993528vw), 2.4rem);
  font-weight: 700;
  line-height: normal;
  color: #2E3B4E;
  margin-bottom: 3rem; }
.content-page h2 {
  font-size: clamp(1.6rem, calc(1.6rem + 0.2588996764vw), 2rem);
  font-weight: 700;
  line-height: normal;
  color: #2E3B4E;
  margin-bottom: 2rem;
  margin-top: 4rem; }
.content-page p, .content-page li {
  font-size: clamp(1.4rem, calc(1.4rem + 0.1294498382vw), 1.6rem);
  font-weight: 400;
  line-height: normal;
  color: #2E3B4E;
  margin-bottom: 1rem; }
.content-page li {
  position: relative;
  padding-left: 20px; }
  .content-page li:before {
    position: absolute;
    content: '';
    width: 6px;
    height: 6px;
    background: #2E3B4E;
    border-radius: 100%;
    left: 0;
    top: 50%;
    transform: translateY(-50%); }
.content-page a {
  font-size: clamp(1.4rem, calc(1.4rem + 0.1294498382vw), 1.6rem);
  font-weight: 400;
  line-height: normal;
  color: #F59E0B;
  text-decoration: underline; }

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

/* End */
/* /local/templates/colba/scss/main.css?177489372052249 */