@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter-Black.eot");
  src: local("Inter Black"), local("Inter-Black"),
    url("../fonts/Inter-Black.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Inter-Black.woff2") format("woff2"),
    url("../fonts/Inter-Black.woff") format("woff"),
    url("../fonts/Inter-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter-LightBETA.eot");
  src: local("Inter Light BETA"), local("Inter-LightBETA"),
    url("../fonts/Inter-LightBETA.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Inter-LightBETA.woff2") format("woff2"),
    url("../fonts/Inter-LightBETA.woff") format("woff"),
    url("../fonts/Inter-LightBETA.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter-SemiBold.eot");
  src: local("Inter Semi Bold"), local("Inter-SemiBold"),
    url("../fonts/Inter-SemiBold.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Inter-SemiBold.woff2") format("woff2"),
    url("../fonts/Inter-SemiBold.woff") format("woff"),
    url("../fonts/Inter-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter-Bold.eot");
  src: local("Inter Bold"), local("Inter-Bold"),
    url("../fonts/Inter-Bold.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Inter-Bold.woff2") format("woff2"),
    url("../fonts/Inter-Bold.woff") format("woff"),
    url("../fonts/Inter-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter-ExtraLightBETA.eot");
  src: local("Inter Extra Light BETA"), local("Inter-ExtraLightBETA"),
    url("../fonts/Inter-ExtraLightBETA.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Inter-ExtraLightBETA.woff2") format("woff2"),
    url("../fonts/Inter-ExtraLightBETA.woff") format("woff"),
    url("../fonts/Inter-ExtraLightBETA.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter-ExtraBold.eot");
  src: local("Inter Extra Bold"), local("Inter-ExtraBold"),
    url("../fonts/Inter-ExtraBold.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Inter-ExtraBold.woff2") format("woff2"),
    url("../fonts/Inter-ExtraBold.woff") format("woff"),
    url("../fonts/Inter-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter-ThinBETA.eot");
  src: local("Inter Thin BETA"), local("Inter-ThinBETA"),
    url("../fonts/Inter-ThinBETA.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Inter-ThinBETA.woff2") format("woff2"),
    url("../fonts/Inter-ThinBETA.woff") format("woff"),
    url("../fonts/Inter-ThinBETA.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter-Medium.eot");
  src: local("Inter Medium"), local("Inter-Medium"),
    url("../fonts/Inter-Medium.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Inter-Medium.woff2") format("woff2"),
    url("../fonts/Inter-Medium.woff") format("woff"),
    url("../fonts/Inter-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}

/* фон на мобильном меню */
#tm-dialog-mobile .uk-modal-body {
position: relative;
}
#tm-dialog-mobile .uk-grid > div:nth-child(3){
z-index: 1;
margin-top: 45px;
}
#tm-dialog-mobile .uk-modal-body:after{
content: "";
position: absolute;
top: 54%;
left: -40px;
    bottom: 0;
width: 112%;
height: 100%;
background: #EDF4FB;
z-index: 0;
}

#module-menu-dialog-mobile > ul{
  font-weight: 700;
}


.uk-modal-dialog {
    overflow: hidden;
}

.uk-modal-dialog .uk-modal-footer {
    text-align: center !important;
}

.uk-button-secondary {
  border: 3px solid #ffffff;
}

.uk-button-small-custom {
  .el-link {
    padding: 0px 16px;
    line-height: 31px;
    font-size: 16px;
    border-radius: 100px;
  }
}

.uk-checkbox:checked {
  background-size: contain;
}

.uk-select.uk-form-danger {
  border-color: #e44e56 !important;
}

.uk-border-radius {
  border-radius: 16px;
}

.uk-border-radius-large {
  border-radius: 24px;
}

.uk-border-radius-large-img img {
  border-radius: 24px;
}

.megamenu_grid {
  .uk-grid {
    &>div:nth-child(n + 2) {
      padding-left: 33px;
    }
  }

  .el-image {
    border-radius: 12px;
    aspect-ratio: 171/163;
    width: 100%;
    height: auto;
    object-fit: cover;
  }

  .el-item {
    max-width: 171px;
  }
}

.links {
  a {
    transition: 0.3s;
    cursor: pointer;

    &:hover {
      opacity: 0.7;
    }
  }
}

.grid_hover,
.megamenu_grid {
  .el-title {
    transition: 0.3s;
  }

  .el-item:hover .el-title {
    color: #ff5f2d;
  }
}

.category_grid {
  .el-item {
    position: relative;

    .el-title {
      background: white;
    }

    .el-content {
      position: absolute;
      top: 18px;
      left: 24px;
      z-index: 2;
      width: calc(100% - 48px);

      ul {
        opacity: 0;
        visibility: hidden;
        transition: 0.3s;
        pointer-events: none;
      }

      li {
        font-size: 16px;
        font-weight: bold;

        &:nth-child(n + 2) {
          margin-top: 11px;
        }
      }
    }

    &::after {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      z-index: 1;
      width: 100%;
      height: auto;
      aspect-ratio: 315 / 261;
      border-radius: 24px;
      background: linear-gradient(0deg,
          rgba(4, 7, 31, 0.43) 0%,
          rgba(4, 7, 31, 0.43) 100%);
      transition: 0.3s;
      opacity: 0;
      visibility: hidden;
      pointer-events: none;
    }

    &:hover {

      &::after,
      .el-content ul {
        opacity: 1;
        visibility: visible;
      }
    }
  }

  & .uk-grid>div:first-child .el-item::after {
    /* aspect-ratio: 650/261.4; */
  }
}

.uk-select {
  padding: 10px 16px;
  border-radius: 100px;
  border: 1px solid var(--stroke, #e4e9f2) !important;
  background: var(--white, #fff);
  background-image: url(/images/main/gray_down.svg) !important;
  background-position: calc(100% - 16px) 50% !important;
  height: 45px !important;
}

.custom_modal {
  .rf-button-send {
    width: 100%;
  }

  input {
    border-radius: 100px;
    background: var(--grey-bg, #f3f6f9);
  }
}

.uk-input-custom {
  border-radius: 100px;
  background: var(--grey-bg, #f3f6f9);
}

.term {
  font-weight: 700;
  font-size: 20px;
}

.color_grid {
  .el-item {
    transition: 0.3s;
    cursor: pointer;

    &:hover {
      img {
        border: 2px solid var(--orange, #ff5f2d);
      }
    }

    img {
      transition: 0.3s;
      border-radius: 6px;
      border: 2px solid transparent;
      width: 100%;
      height: auto;
      object-fit: cover;
      aspect-ratio: 132/40;
      border-radius: 6px;
      max-width: 132px;
    }
  }
}

.active_color .el-title {
  color: #ff5f2d !important;
}

.uk-form-label {
  margin-bottom: 6px;
  display: block;
}

.uk-link-text {
  color: #346ad2 !important;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
  /* 20.8px */
  letter-spacing: -0.176px;
  padding-right: 24px;
  position: relative;

  &::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background-size: contain;
    background-image: url(/images/main/arrow.svg);
    background-repeat: no-repeat;
  }
}

.uk-slidenav {
  width: 48px;
  height: 48px;
  background-repeat: no-repeat;
  opacity: 0.7;
  transition: 0.3s;
  padding: 0;
  background-size: auto;
  background-position: center;

  &:hover {
    opacity: 1;
  }

  svg {
    display: none;
  }
}

.uk-breadcrumb,
.tm-top nav {
  margin-bottom: 0px !important;
}

.uk-grid-medium-medium-custom {
  .uk-grid>div:nth-child(n + 2) {
    margin-top: 20px;
  }
}

.uk-grid-left-small {
  .uk-grid>* {
    padding-left: 14px;
  }
}

.uk-grid-medium-custom {
  .uk-grid>div:nth-child(n + 2) {
    margin-top: 16px;
  }
}

.custom_table {
  table {
    border: 1px solid var(--stroke, #e4e9f2);

    thead {
      border: 1px solid var(--stroke, #e4e9f2);
      background: var(--blue-bg, #edf4fb);

      th:nth-child(n + 2) {
        text-align: center;
        border-left: 1px solid var(--stroke, #e4e9f2);
      }
    }

    td:nth-child(n + 2) {
      font-weight: 700;
      border-left: 1px solid var(--stroke, #e4e9f2);
      width: 30%;
      text-align: center;
    }
  }
}

.uk-grid-medium-custom-four {
  .uk-grid>div:nth-child(n + 4) {
    margin-top: 16px;
  }
}

.uk-grid-medium-custom-five {
  .uk-grid>div:nth-child(n + 5) {
    margin-top: 16px;
  }
}

.uk-grid-small-custom {
  .uk-grid>div:nth-child(n + 2) {
    margin-top: 8px;
  }
}

.uk-margin-small-small {
  .uk-margin-xlarge-top {
    margin-top: 4px !important;
  }
}

.blue_underline {
  .el-title {
    font-weight: 500;
    text-decoration: underline;
    color: #346ad2 !important;
  }
}

.hepl_gate {
  input {}
}

.tm-top {
  padding: 25px 0 42px;
}

.uk-slidenav-next {
  background-image: url("/images/main/back.svg");
  transform: scale(-1, 1);
}

.uk-slidenav-previous {
  background-image: url("/images/main/back.svg");
}

.uk-text-dark {
  color: #3d4058 !important;
}

.uk-text-darkblue {
  color: #346ad2 !important;
}

.grid_img_big_news {
  .el-image {
    width: 100%;
    height: auto;
    aspect-ratio: 426 / 220;
    object-fit: cover;
    border-radius: var(--roundings, 24px);
  }
}

.main_section {
  .uk-position-top-left {
    width: 100%;
  }

  .review_img {
    position: absolute;
    bottom: 20px;
    left: 60px;
    transition: 0.3s;

    &:hover {
      opacity: 0.7;
    }
  }

  .uk-slider-container {
    position: relative;
  }

  .uk-panel>.el-content {
    position: absolute;
    right: 48px;
    top: 48px;
  }

  .el-item {
    border-radius: 24px;
    width: 100%;

    .el-image.uk-transition-opaque {
      width: 100%;
      height: auto;
      aspect-ratio: 1321/475;
      object-fit: cover;
    }

    &::after {
      display: none;
    }
  }

  .form_block {
    border-radius: 24px;
    background: var(--white, #fff);
    padding: 32px;
    max-width: 307px;

    input.rf-input {
      border-radius: 100px;
      background: var(--grey-bg, #f3f6f9);
    }

    button {
      width: 100%;
    }
  }
}

.uk-search-navbar:has(.uk-search-icon:not(.uk-search-icon-flip)) .uk-search-input {
  padding-left: 24px;
}

.uk-search {
  .uk-search-icon {
    position: absolute;
    right: 0;
    justify-content: flex-end;
  }
}

.cases_slider {
  position: relative;

  &::after {
    display: none;
    content: "";
    position: absolute;
    bottom: 0;
    right: 320px;
    width: 300px;
    height: 46px;
    background-size: contain;
    background-image: url(/images/main/cases/rating.svg);
    background-repeat: no-repeat;
    border-radius: 10px;
    backdrop-filter: blur(5px);
  }

  .uk-slider-items>div:nth-child(1) .el-item::before {
    content: "1";
  }

  .uk-slider-items>div:nth-child(2) .el-item::before {
    content: "2";
  }

  .uk-slider-items>div:nth-child(3) .el-item::before {
    content: "3";
  }

  .uk-slider-items>div:nth-child(4) .el-item::before {
    content: "4";
  }

  .uk-slider-items>div:nth-child(5) .el-item::before {
    content: "5";
  }

  .uk-slider-items>div:nth-child(6) .el-item::before {
    content: "6";
  }

  .uk-slider-items>div:nth-child(7) .el-item::before {
    content: "7";
  }

  .uk-slider-items>div:nth-child(7) .el-item::before {
    content: "8";
  }

  .uk-slider-items>div:nth-child(7) .el-item::before {
    content: "9";
  }

  .uk-slider-items>div:nth-child(7) .el-item::before {
    content: "10";
  }

  .el-item::after {
    display: none;
  }

  .el-item::before {
    right: 180px !important;
    display: none;
  }

  .current_counter_all {
    position: absolute;
    bottom: 0;
    right: 180px;
    color: #ff5f2d;
  }

  .counter_all {
    position: absolute;
    bottom: 0;
    right: 143px;
  }

  .el-item {
    img {
      width: 100%;
      height: 470px !important;
      object-fit: cover;
    }
  }

  .el-image {
    border-radius: 24px;
  }
}

.uk-margin-top-large-medium {
  margin-top: 50px !important;
}

.solutions_slider {}

.sales_slider {
  .uk-slider-items>div:nth-child(1) .uk-overlay-default::before {
    content: "1";
  }

  .uk-slider-items>div:nth-child(2) .uk-overlay-default::before {
    content: "2";
  }

  .uk-slider-items>div:nth-child(3) .uk-overlay-default::before {
    content: "3";
  }

  .uk-slider-items>div:nth-child(4) .uk-overlay-default::before {
    content: "4";
  }

  .uk-slider-items>div:nth-child(5) .uk-overlay-default::before {
    content: "5";
  }

  .uk-slider-items>div:nth-child(6) .uk-overlay-default::before {
    content: "6";
  }

  .uk-slider-items>div:nth-child(7) .uk-overlay-default::before {
    content: "7";
  }
}

.counter {
  .uk-slider-items>div:nth-child(1) .el-item::before {
    content: "1";
  }

  .uk-slider-items>div:nth-child(2) .el-item::before {
    content: "2";
  }

  .uk-slider-items>div:nth-child(3) .el-item::before {
    content: "3";
  }

  .uk-slider-items>div:nth-child(4) .el-item::before {
    content: "4";
  }

  .uk-slider-items>div:nth-child(5) .el-item::before {
    content: "5";
  }

  .uk-slider-items>div:nth-child(6) .el-item::before {
    content: "6";
  }

  .uk-slider-items>div:nth-child(7) .el-item::before {
    content: "7";
  }
}

.preim_grid {
  .el-item {
    border-radius: var(--roundings, 24px);
    border: 1px solid var(--stroke, #e4e9f2);
    padding: 68px 32px 24px 32px;
    min-height: 248px;
  }

  .el-title {
    color: var(--orange, #ff5f2d);
    font-family: Inter;
    font-size: 48px;
    font-style: normal;
    font-weight: 500;
    line-height: 110%;
    /* 52.8px */
    letter-spacing: -0.528px;
  }

  .el-meta {
    color: var(--dark-tex-secondary, #3d4058);
    /* desktop/Body teх large semi bold */
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    /* 23.4px */
    letter-spacing: -0.198px;
    margin-top: 12px !important;
    text-transform: unset;
  }
}

.tm-header {
  .uk-navbar-container {
    .uk-navbar {
      border-top: 1px solid var(--stroke, #e4e9f2);
      padding: 17px 0px 17px 0px;
    }
  }

  .uk-logo {
    svg {
      background-image: url(/images/polygon.svg);
    }

    path {
      /* fill: unset !important; */
    }
  }
}

.tm-header-mobile {
  .uk-navbar-container {
    .uk-navbar {
      padding-top: 10px;
      padding-bottom: 10px;
    }
  }
}

footer {
  margin-top: 65px;

  a {
    color: #fff;
    transition: 0.3s;

    &:hover {
      opacity: 0.7;
      color: #fff;
    }
  }
}

.uk-slidenav-container {
  display: flex;
  gap: 10px;
}

.big_slider_swicther {
  overflow-x: clip;
  overflow-y: visible;

  .uk-slidenav-container {
    top: -80px;
  }
}

#tm-main:has(.finder) {
  padding-top: 0px;
}

.finder {
  .word {
    border: unset;
    padding: 0;
  }

  .awesomplete {
    width: 50%;
  }
}

.custom_list {
  li:nth-child(n + 2) {
    margin-top: 20px;
  }
}

.advantages_block {
  .el-title {
    margin-top: 32px !important;
  }
}

.advantages_block_big {
  .uk-grid>div:nth-child(n + 5) {
    margin-top: 20px;
  }

  .el-title {
    margin-top: 20px !important;
  }
}

.basic_complect_grid {
  img {
    width: 100%;
    height: auto;
    object-fit: cover;
    aspect-ratio: 16/9;
    border-radius: 24px;
  }
}

@media screen and (min-width: 960px) {
  .custom_slider {
    .el-nav {
      display: none;
    }
  }

  .uk-grid-row-medium:has(.first_grid_block) {
    margin-top: 20px !important;
  }

  .slider_no_wrap {
    .uk-grid {
      row-gap: 20px;
      transform: unset !important;
      flex-wrap: wrap;
    }

    .uk-slidenav {
      display: none;
    }
  }

  .grid_h_full,
  .grid_h_full>.uk-grid {
    height: 100%;
  }

  .category_grid {
    .el-item {
      .el-content {
        height: auto;
        aspect-ratio: 315 / 261;
        overflow-y: auto;

        &::-webkit-scrollbar {
          width: 0px;
          background-color: #f9f9fd;
          transition: 0.3s;
          opacity: 0;
        }

        &::-webkit-scrollbar-thumb {
          border-radius: 10px;
          background-color: #18aaaa;
        }

        &::-webkit-scrollbar-track {
          -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
          border-radius: 10px;
          background-color: #f9f9fd;
        }
      }

      &:hover {
        & .el-content {
          &::-webkit-scrollbar {
            width: 5px;
          }
        }
      }
    }
  }

  .tm-header {
    position: sticky;
    top: -15px;
    z-index: 9999;

    .uk-sticky {
      position: sticky !important;
      top: 96px !important;
    }
  }
}

/* @media (min-width: 960px) { */
  .gray_sale_block {
    .uk-grid-column-medium {
      flex-direction: column;

      &>div:nth-child(2) {
        margin-top: 0;
      }
    }
  }
/* } */

@media (max-width: 1376px) and (min-width: 1052px) {
  .uk-button {
    padding: 0 20px;
    font-size: clamp(10px, 1.15vw, 16px);
  }
}

@media (max-width: 1052px) and (min-width: 960px) {
  .uk-button {
    padding: 0 10px;
    font-size: clamp(10px, 1.3vw, 16px);
  }
}

@media (max-width: 960px) {

  h3,
  .uk-h3 {
    font-size: 24px;
  }

  .uk-h4,
  h4 {
    font-size: 20px;
  }

  .tm-top {
    padding: 24px 0;
  }

  .advantages_block {
    & .uk-grid>div:nth-child(n + 2) {
      margin-top: 20px;
    }
  }

  .uk-grid-row-20 {
    & .uk-grid>div:nth-child(n + 2) {
      margin-top: 20px;
    }
  }

  .elements_block {
    & .uk-grid>div:nth-child(n + 2) {
      margin-top: 20px;
    }

    img {
      width: 100%;
      height: auto;
      aspect-ratio: 361/220;
      border-radius: 24px;
      object-fit: cover;
    }
  }

  .category_grid {

    .el-content,
    .el-item::after {
      display: none;
    }
  }

  .img_mb_vertical img {
    width: 100%;
    height: auto;
    aspect-ratio: 361 / 597;
    border-radius: 24px;
    object-fit: cover;
  }

  .uk-margin-top-mb-16 {
    margin-top: 16px !important;
  }

  .uk-margin-top-mb-20 {
    margin-top: 20px !important;
  }

  .uk-margin-top-mb-24 {
    margin-top: 24px !important;
  }

  .uk-margin-bottom-mb-24 {
    margin-bottom: 24px !important;
  }

  .margin-top-mt-32 {
    margin-top: 32px !important;
  }

  .margin-top-mb-42 {
    margin-top: 42px !important;
  }

  .basic_complect_grid {
    img {
      width: 100%;
    }
  }

  .color_grid {
    & .uk-grid>div {
      width: 25%;

      img {
        border-radius: 6px;
        aspect-ratio: 72/40;
        width: 100%;
        height: auto;
        object-fit: cover;
      }
    }
  }

  .img_mb {
    img {
      width: 100%;
      height: auto;
      object-fit: cover;
      border-radius: 24px;
    }
  }

  .btn_mb_form_top {
    margin-top: 24px;
  }

  .img_mb_ar img {
    aspect-ratio: 361/220;
  }

  .btn_mb_w-100 {
    .uk-button {
      width: 100%;
    }
  }

  .small_elements {
    margin-top: 24px !important;

    .el-image {
      width: 100%;
    }

    & .uk-grid>div:nth-child(n + 2) {
      margin-top: 20px;
    }
  }

  .hepl_gate,
  .help_gate {
    padding: 32px !important;

    .uk-margin-large {
      margin-top: 20px !important;
      margin-bottom: 20px !important;
    }

    .rf-button-send {
      width: 100%;
      /* margin-top: -34px; */
      margin-bottom: 20px;
    }

    .uk-margin-small-left {
      font-size: 14px;
    }

    .el-image {
      margin-top: -20px;
    }

    .uk-width-2-3\@m {
      /* flex-direction: column-reverse;
      display: flex; */
    }
  }

  .uk-grid+.uk-grid,
  .uk-grid>.uk-grid-margin,
  *+.uk-grid-margin {
    /* margin-top: 0px; */
    margin-top: 24px;
  }

  .download_price {
    .uk-width-3-5\@m {
      padding: 32px 32px 0 52px !important;
    }

    .uk-margin-large {
      margin-top: 24px !important;
      margin-bottom: 20px !important;
    }

    .rf-button-send {
      width: 100%;
      /* margin-top: -34px; */
      margin-bottom: 20px;
    }

    .uk-margin-small-left {
      font-size: 14px;
    }
  }

  .trusted_block {
    .uk-grid>div:nth-child(n + 3) {
      margin-top: 20px;
    }
  }

  .sales_slider {
    .el-image {
      width: 100%;
      height: auto;
      aspect-ratio: 360 / 700;
      border-radius: 24px;
      object-fit: cover;
    }

    .el-item {
      .uk-overlay-default {
        margin: 32px 32px 46px 32px !important;
        padding-bottom: 104px !important;

        &::before,
        &::after {
          top: unset !important;
          right: unset !important;
          bottom: 40px;
          left: 32px !important;
          width: max-content;
          height: max-content;
        }

        &::after {
          left: 42px !important;
        }
      }
    }

    .uk-button-primary {
      width: 100%;
    }

    .uk-slidenav-container {
      display: unset !important;
      right: 64px !important;
      bottom: 78px !important;
    }
  }

  .uk-tab {
    flex-direction: row;
    flex-wrap: nowrap;
    overflow: scroll;
    margin-bottom: 20px;

    &>li:nth-child(n + 2) {
      padding-left: 20px;
    }

    &::-webkit-scrollbar {
      width: 0;
      height: 0;
    }

    a {
      font-size: 16px;
    }
  }

  footer {
    .uk-list {
      margin-top: 20px !important;

      &> :nth-child(n + 2) {
        margin-top: 12px;
      }
    }
  }

  .cases_slider {
    padding-bottom: 138px;

    &::after {
      right: unset;
      left: 0;
    }

    .review_img {
      transform: translateY(100px);
    }

    .uk-slidenav-container {
      bottom: -70px;
    }

    .el-item::before,
    .current_counter_all {
      bottom: -70px !important;
      right: unset !important;
      left: 0;
    }

    .counter_all {
      bottom: -70px;
      right: unset;
      left: 12px;
      left: 20px;
    }
  }

  .solutions_slider {
    .uk-grid {
      flex-direction: column;
      flex-wrap: nowrap;
      row-gap: 20px;
      transform: unset !important;
    }

    .el-nav {
      display: none;
    }
  }

  .tm-toolbar {
    display: block !important;
    padding: 7px 16px;

    .uk-container {
      padding-right: 0;
    }
  }

  .tm-header-mobile {
    margin: 12px 0;

    .uk-logo {
      max-width: 65px;
    }
  }

  html:has(#tm-dialog-mobile.uk-open) .tm-header-mobile,
  html:has(#tm-dialog-mobile.uk-open) .tm-toolbar {
    z-index: 9999;
  }

  .main_section {
    .uk-slider-container {

      .uk-position-top-left,
      .uk-panel.uk-padding {
        height: 100%;
      }

      .el-item {
        overflow: hidden;
        border-radius: 24px;

        &::after {
          bottom: 32px !important;
          left: 32px !important;
          display: none;
        }
      }

      .review_img {
        bottom: 10px;
        left: 40px;
        transition: 0.3s;
        max-height: 60px;
        width: calc(100% - 80px);

        img {
          min-height: unset;
        }
      }

      .el-image {
        min-height: 900px;
        object-fit: cover;
        width: 100%;
        height: auto;
      }

      .el-meta {
        margin-top: 20px !important;
        font-size: 16px;
      }

      .el-content {
        position: relative;
        top: unset;
        right: unset;
        order: 1;
      }

      .uk-panel.uk-padding {
        display: flex;
        flex-direction: column;
        padding: 32px;
      }

      .form_block {
        max-width: unset;
        margin-top: 60px;
      }

      .uk-margin-medium-top {
        margin-top: 20px !important;

        .uk-button-primary {
          width: 100%;
        }
      }
    }

    .first_grid_block {
      margin-top: -4px;

      .el-title {
        margin-top: 24px;
      }

      .uk-grid>div:nth-child(n + 2) {
        margin-top: 20px;
      }
    }

    .gray_sale_block {
      margin-top: -4px;
    }
  }

  .gray_sale_block {
    .uk-grid-column-medium {
      .el-title {
        margin-top: 0 !important;
      }
    }
  }
}

@media (max-width: 380px) {
  .main_section {
    .uk-slider-container {
      .el-image {
        width: 100%;
        /* margin-top: 80px; */
        height: auto;
        /* aspect-ratio: 360/960; */
      }
    }
  }
}

/* anim */
@-webkit-keyframes animate-svg-fill {
  0% {
    fill: transparent !important;
  }

  100% {
    fill: rgb(4, 7, 31) !important;
  }
}

@keyframes animate-svg-fill {
  0% {
    fill: transparent !important;
  }

  100% {
    fill: rgb(4, 7, 31) !important;
  }
}

.svg-elem-1,
.svg-elem-2,
.svg-elem-3,
.svg-elem-4,
.svg-elem-5,
.svg-elem-6 {
  fill: rgb(4, 7, 31) !important;
}

.logo_anim {
  .svg-elem-1 {
    -webkit-animation: animate-svg-fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s both;
    animation: animate-svg-fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s both;
  }

  .svg-elem-2 {
    -webkit-animation: animate-svg-fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s both;
    animation: animate-svg-fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s both;
  }

  .svg-elem-3 {
    -webkit-animation: animate-svg-fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s both;
    animation: animate-svg-fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s both;
  }

  .svg-elem-4 {
    -webkit-animation: animate-svg-fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s both;
    animation: animate-svg-fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s both;
  }

  .svg-elem-5 {
    -webkit-animation: animate-svg-fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s both;
    animation: animate-svg-fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s both;
  }

  .svg-elem-6 {
    -webkit-animation: animate-svg-fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s both;
    animation: animate-svg-fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s both;
  }
}

.game_block__play {
  transition: 0.2s all;
  overflow: hidden;
  position: relative;
}

.game_block__play svg {}

.game_block__play text {}

.game_block__play:before {
  position: absolute;
  top: 0;
  left: -75%;
  z-index: 2;
  display: block;
  content: "";
  width: 50%;
  height: 100%;
  background: linear-gradient(to right,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0.3) 100%);
  transform: skewX(-25deg);
}

.game_block__play:hover:before {
  animation: blick 0.3s forwards;
}

.game_block__play:before {
  animation: blick 3.25s infinite 5s forwards;
}

@keyframes blick {
  100% {
    left: 125%;
  }
}

.uk-checkbox:checked {
    background-repeat: no-repeat;
}

/* anim */