.directionTop {
    position: relative;
    max-width: 1800px;
    margin: 0 auto clamp(1.25rem, -1.0178rem + 8.7432vw, 6.25rem);
    padding: 100px 0 clamp(2.875rem, -11.7196rem + 24.3243vw, 8.5rem);
    min-height: clamp(23.4375rem, -27.3193rem + 84.5946vw, 43rem);
    border-radius: 38px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color:#fff;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: end;
  }
  .directionTop .container {
    width: 100%;
  }
  .directionTop:before {
    content: "";
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0)), color-stop(80.16%, rgba(0, 0, 0, 0.5)));
    background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 80.16%);
    z-index: 2;
  }
  .directionTop__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: auto;
    gap: 20px;
    position: relative;
    z-index: 3;
    max-width: 860px;
  }
  .directionTop__title {
    font-family: "RoadRadio";
    font-size: clamp(1.25rem, 0.4563rem + 3.0601vw, 3rem);
    font-weight: 700;
    line-height: 1;
  }
  .directionTop__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
  }


.directionTop__textbox:has(p:empty) {
  display: none;
}
  .directionTop__textbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 10px;
    max-width: 740px;
  }
  .directionTop__textbox p {
    color: rgb(255, 255, 255);
    font-size: clamp(0.875rem, 0.7049rem + 0.6557vw, 1.25rem);
    font-weight: 400;
    line-height: 1.2;
  }
  .directionTop__img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    background-repeat: no-repeat;
  }
  .directionTop__details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: clamp(1.25rem, -1.9932rem + 5.4054vw, 2.5rem);
  }
  .directionTop__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    min-height: clamp(2.625rem, 2.2281rem + 1.5301vw, 3.5rem);
    font-size: clamp(0.875rem, 0.7049rem + 0.6557vw, 1.25rem);
    font-weight: 400;
    line-height: 1.6;
    padding: 4px clamp(0.875rem, 0.5915rem + 1.0929vw, 1.5rem);
    border-radius: 8px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
  }
  .directionTop__link:hover {
    -webkit-transform: translateY(-3px);
            transform: translateY(-3px);
  }
  .directionTop__link--bid {
    background-color: #FF6700;
  }
  .directionTop__link--catalogy {
    background-image: -webkit-gradient(linear, left top, right top, from(rgb(0, 158, 227)), to(rgb(0, 78, 158)));
    background-image: linear-gradient(90deg, rgb(0, 158, 227), rgb(0, 78, 158) 100%);
  }
  @media (max-width: 950px) {
    .directionTop {
      border-radius: 0;
    }
  }
  
  .directionInfo {
    padding-bottom: clamp(1.25rem, -1.0178rem + 8.7432vw, 6.25rem);
  }
  .directionInfo__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: clamp(1.25rem, 1.1083rem + 0.5464vw, 1.5625rem);;
  }
  
  .directionInfo-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 20px;
    overflow: hidden;
    border-radius: 20px;
    background-color: rgb(238, 240, 243);
    padding: clamp(2.375rem, 0.7534rem + 2.7027vw, 3rem) 18px clamp(2.375rem, 0.7534rem + 2.7027vw, 3rem) 0;
  }
  .directionInfo-item:nth-child(even) .directionInfo-item__content {
    text-align: right;
  }
  .directionInfo-item:nth-child(even) .directionInfo-item__list {
    margin-left: auto;
  }
  .directionInfo-item__img {
    border-radius: 0px 25px 25px 0px;
    overflow: hidden;
    max-width: 630px;
    width: 100%;
  }
  .directionInfo-item__img img {
    width: 100%;
  }
  .directionInfo-item__content {
    max-width: 555px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 10px;
  }
  .directionInfo-item__title {
    color: rgb(0, 17, 28);
    font-family: "RoadRadio";
    font-size: clamp(1.25rem, 0.9098rem + 1.3115vw, 2rem);
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
  }
  .directionInfo-item__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 7px;
    color: rgb(0, 17, 28);
    font-size: clamp(0.875rem, 0.7616rem + 0.4372vw, 1.125rem);
    line-height: 1.22;
    max-width: 90%;
  }
  @media (max-width: 950px) {
    .directionInfo-item {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      padding: 0 0 20px;
      gap: 20px;
    }
    .directionInfo-item__list {
        max-width: 100%;
    }
    .directionInfo-item__img {
      max-width: 100%;
      border-radius: 0;
    }
    .directionInfo-item:nth-child(even) .directionInfo-item__list {
        margin: 0;
    }
    .directionInfo-item__content {
      padding: 0 10px;
    }
    .directionInfo-item:nth-child(even) {
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
          -ms-flex-direction: column-reverse;
              flex-direction: column-reverse;
    }
    .directionInfo-item:nth-child(even) .directionInfo-item__content {
      text-align: left;
    }
  }
  
  .servicesHow {
    padding-bottom: clamp(3.125rem, 1.7077rem + 5.4645vw, 6.25rem);
    overflow: hidden;
  }
  .servicesHow__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: clamp(0.4375rem, 0.069rem + 1.4208vw, 1.25rem);
    overflow: hidden;
  }
  .servicesHow__title {
    color: rgb(0, 17, 28);
    font-family: "RoadRadio";
    line-height: 1.125;
    font-size: clamp(1.25rem, 0.6831rem + 2.1858vw, 2.5rem);
    font-weight: 700;
  }
  .servicesHow__swiper-box {
    position: relative;
  }
  .servicesHow__swiper-arrrows {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    left: 0;
    right: 0;
    top: 42%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    z-index: 1;
  }
  .servicesHow__swiper-arrow {
    background: rgba(255, 255, 255, 0.6);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .servicesHow__swiper-arrow.next {
    rotate: -180deg;
  }
  .servicesHow__swiper-arrow svg {
    width: 17px;
    height: 22px;
    -webkit-transform: translateX(9px);
            transform: translateX(9px);
  }
  
  .servicesHow-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 12px;
  }
  .servicesHow-item__img {
    overflow: hidden;
    width: 100%;
    max-height: 210px;
    border-radius: 12px;
    -webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.04);
            box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.04);
  }
  .servicesHow-item__img img {
    width: 100%;
    max-height: 100%;
  }
  .servicesHow-item__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
  }
  .servicesHow-item__title {
    color: rgb(0, 17, 28);
    font-size: clamp(1.125rem, 0.9549rem + 0.6557vw, 1.5rem);
    font-weight: 600;
    line-height: 1.2;
  }
  .servicesHow-item__descr {
    color: rgb(129, 143, 159);
    font-size: clamp(0.875rem, 0.8467rem + 0.1093vw, 0.9375rem);
    font-weight: 400;
    line-height: 1.33;
  }/*# sourceMappingURL=smart.css.map */