.submenu__heading a {
  color: inherit;
}
.favorite-case-container {
  background-color: var(--main-bg-color);

  .favorite-case {
    display: flex;
    padding: 48px;
    justify-content: space-between;
    gap: 48px;
    margin-bottom: 96px;
    max-width: 1308px;
    margin: 0 auto;
    background-color: #ffffff;
    border-radius: 20px;
    .cases-image {
      position: relative;
      width: 100%;
      border-radius: 12px;
      overflow: hidden;
    }
    @media (min-width: 1025px) {
      .cases-image {
        width: 594px;
        height: 334px;
      }
    }
    @media (max-width: 1024px) and (min-width: 768px) {
      .cases-image {
        width: 60%;
        height: auto;
        max-height: 300px;
      }
    }
    /* Мобильные устройства */

    .cases-info {
      max-width: 570px;
      .cases-info__title {
        text-align: start;
      }

      p {
        text-align: start;
        margin-bottom: 24px;
      }
      .favorite-tags {
        display: flex;
        justify-content: left;
        flex-wrap: wrap;
        width: 100%;
        gap: 10px;
        .favorite-tag:not(.favorite-tag--current) {
          cursor: pointer;
        }
        .favorite-tag {
          border-radius: 48px;
          opacity: 1;
          padding: 5px 12px;
          text-decoration: none;
          color: rgba(51, 51, 56, 1);
          font-family: Inter;
          font-weight: 400;
          font-size: 13px;
          line-height: 20px;
          a {
            text-decoration: none;
            color: rgba(51, 51, 56, 1);
            font-family: Inter;
            font-weight: 400;
            font-size: 13px;
            line-height: 20px;
          }
        }
        .favorite-tag-bisnes {
          background: var(--Grey, rgba(237, 240, 247, 1));
        }
        .favorite-tag-tasks {
          border: 1px solid rgba(150, 154, 165, 0.24);
        }
        .favorite-tag-bisnes:hover {
          background: var(--Stroke, rgba(230, 233, 242, 1));
        }
        .favorite-tag-tasks:hover {
          background: var(--Light_grey_hover, rgba(240, 242, 248, 1));
        }
      }
      .info-bottom {
        margin-top: auto;
        display: flex;
        justify-content: space-between;
        width: 100%;
      }
    }
  }
}
@media (max-width: 767px) {
  .favorite-case-container {
    padding-left: 16px;
    padding-right: 16px;
    .favorite-case {
      flex-direction: column;
      padding: 32px;
      gap: 20px;

      .cases-image {
        width: 100%;

        height: 166.44px;
      }
      .cases-info {
        width: 100%;
        p {
          margin-bottom: 20px;
        }
        .cases-info__title {
          font-size: 20px;
        }
        .cases-info__text {
          font-size: 14px;
        }
        .favorite-tags {
          margin-bottom: 16px;
          .favorite-tag {
            a {
              font-size: 12px;
            }
          }
        }
      }
      .info-bottom {
        margin-top: 20px;
        flex-direction: row-reverse;
        .cases-info__link {
          margin: auto 0;
        }
      }
    }
  }
  .materials-header {
    h3 {
      font-size: 24px;
    }
  }
}
.materials-header {
  display: flex;
  justify-content: space-between;
  max-height: 38px;
  margin-bottom: 32px;
  .tags-filters-block {
    display: flex;
    justify-content: end;
    gap: 12px;
    .materials-tags-filter {
      border-radius: 6px;
      .dropdown-select {
        position: relative;
        border-radius: 6px;
        .dropdown-select__title {
          height: 38px;
          padding: 8px 12px 8px 16px;
          display: flex;
          align-items: center;
          color: var(--white_text_black);
          cursor: pointer;
          .dropdown-select__icon-down {
            margin: 0 0 0 6px;
          }
          span {
            font-size: 14px;
            line-height: 22px;
            color: var(--Description-text, rgba(118, 118, 130, 1));
          }
          .filter-arrow-svg {
            margin-left: 12px;
            margin-top: 11px;
            margin-bottom: 11px;
            width: 16px;
            height: 16px;
            svg {
              opacity: 1;
              margin-top: 6px;
              margin-left: 4px;
              display: block;
              border: 2px;
            }
          }
          
        }
        .dropdown-select__title:hover{
            border: 1px solid var(--Stroke_Hover, rgba(216, 220, 230, 1));
          }
        .dropdown-select__title.dropdown-select__title--current:hover {
          background: var(--Base_hover, rgba(28, 74, 222, 1));
          border: none;
        }
        .dropdown-select__title--current {
          background: var(--Base, #3761e9);
          cursor: pointer;
          border: none;
          span {
            color: var(--White_unchangable, #ffffff);
          }
          .filter-arrow-svg {
            svg {
              margin-top: 3px;
              cursor: pointer;
            }
          }
        }
        .dropdown-menu-wrapper {
          position: absolute;
          top: calc(100% + 4px);
          left: 0;
          display: none;
          z-index: 107;
          cursor: default;

          .dropdown-menu-inner {
            background: var(--White, rgba(255, 255, 255, 1));
            border-radius: 12px;
            text-align: left;
            box-shadow: 0 5px 30px rgba(34, 34, 40, 0.08);
            overflow: hidden;
            max-width: 450px;
            min-width: 248px;
            font-size: 13px;
            padding: 6px;
            .dropdown-menu-item {
              display: block;
              padding: 9px 16px 10px 16px;
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
              color: var(--white_text_black);
              border-radius: 8px;

              a {
                color: rgba(51, 51, 56, 1);
                text-decoration: none;
                width: 100%;
                display: block;
                height: 100%;
              }
            }
            .dropdown-menu-item:not(.dropdown-menu-item--current) {
              cursor: pointer;
            }
            .dropdown-menu-item--current {
              background: rgba(240, 242, 248, 1);
              border-radius: 8px;
            }
            .dropdown-menu-item:hover {
              background: #f5f7fc;
            }
          }
        }
      }
      
    }
  }
}
@media (max-width: 556px) {
  .materials-header {
    flex-direction: column;
    max-height: none;
    gap: 32px;
    .tags-filters-block {
      flex-direction: column;
      gap: 12px;
      .dropdown-select__title {
        width: 100%;
        justify-content: space-between;
      }
      .materials-tags-filter {
        .dropdown-select {
          .dropdown-select__list {
            width: 100%;
            .dropdown-menu-inner {
              max-width: 100%;
              width: 100%;
            }
          }
        }
      }
    }
  }
  .block.cases .block__container .block-bottom {
    margin-bottom: 56px;
  }
  .block-bottom .block__jumbotron .jumbotron__text-size {
    font-size: 14px;
  }
  .block-bottom .block__jumbotron .jumbotron__btn {
    width: 126px;
  }
  .page .mainscreen.mainscreen--no-submenu .mainscreen__body {
    padding-bottom: 56px;
  }
  .pagination__wrapper .pagination.mt-12 {
    margin-top: 40px;
  }
  .block-bottom .pt-14 {
    padding-top: 0;
  }
}
@media (max-width: 1374px) {
  .mainscreen__clients {
    .clients-set {
      width: 100%;
      display: flex;
      overflow-x: auto;
      overflow-y: hidden;
      scrollbar-width: none; /* Для Firefox */
      -ms-overflow-style: none; /* Для IE и Edge */
      gap: 1rem;
      padding-bottom: 10px; /* Чтобы компенсировать скрытый скролл */
      .clients-set__item {
        flex: 0 0 auto;
        min-width: 200px; /* Или любой другой минимальный размер */
      }
    }
    .clients-set::-webkit-scrollbar {
      display: none; /* Для Chrome, Safari и Opera */
    }
  }
}
@media (max-width: 1160px) {
  .mainscreen__solution .solution--new__wrap .solution__info {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: left;
    max-width: 750px;
  }
}
.block__container {
  width: 100%;
  .block__body {
    margin-bottom: 56px;
  }
  .block-bottom {
    margin-bottom: 96px;
  }
}
.solution__wrap.solution--new__wrap {
  margin-top: 56px;
}
.block.cases.block--no-overflow {
  padding-bottom: 0;
}
.clients-set {
  .clients-set__item {
    min-height: 80px;
    .clients-set__image {
      width: 100%;
    }
  }
  .clients-set__item:hover {
    border-radius: 8px;
    background-color: #ffffff;
  }
}
.pagination.mt-12 {
  margin-top: 56px;
}
.block.block--no-overflow{
  margin-top: clamp(calc(var(--g16-mobile) * -1), 2vw, calc(var(--g9-desktop) * -1));
}