.block-problems {
  background: #fff;
  padding: clamp(40px,7vh,88px) 0 clamp(48px,9vh,96px)
}
.block-problems__inner {
  box-sizing: border-box;
  width: 100%;
  max-width: none;
  margin-inline: 0;
  padding-inline: var(--layout-inline)
}
.block-problems__head {
  margin-bottom: clamp(28px,4vw,44px)
}
.block-problems__head-row {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: clamp(16px,3vw,32px)
}
.block-problems__head-main {
  flex: 1;
  min-width: 0
}
.block-problems__title {
  margin: 0;
  max-width: 42rem
}
.block-problems__grid {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: clamp(12px,1.8vw,20px)
}
.block-problems__card {
  position: relative;
  isolation: isolate;
  width: 100%;
  min-width: 0;
  max-width: none;
  margin-inline: 0;
  aspect-ratio: 332/302;
  overflow: hidden;
  background: #252529
}
.block-problems__card-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  background-color: #252529;
  background-size: cover;
  background-position: center
}
.block-problems__card:first-child .block-problems__card-bg {
  background-image: var(--card-image, url("../../assets/problem-card-01.webp"))
}
.block-problems__card:nth-child(2) .block-problems__card-bg {
  background-image: var(--card-image, url("../../assets/problem-card-02.webp"))
}
.block-problems__card:nth-child(3) .block-problems__card-bg {
  background-image: var(--card-image, url("../../assets/problem-card-03.webp"))
}
.block-problems__card:nth-child(4) .block-problems__card-bg {
  background-image: var(--card-image, url("../../assets/problem-card-04.webp"))
}
.block-problems__card-bg::after {
  content: "";
  position: absolute;
  inset: 0;
  background: 0 0;
  pointer-events: none
}
.block-problems__card-glass {
  box-sizing: border-box;
  position: absolute;
  z-index: 1;
  inset: 8px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 12px 10px;
  background: rgba(19,19,20,.4);
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px)
}
.block-problems__card-corners {
  position: absolute;
  z-index: 2;
  inset: 8px;
  pointer-events: none
}
.block-problems__card-corner {
  position: absolute;
  width: clamp(20px,3vw,28px);
  height: clamp(20px,3vw,28px);
  border-style: solid;
  border-color: #fcfefe
}
.block-problems__card-corner--tl {
  top: 0;
  left: 0;
  border-width: 1px 0 0 1px
}
.block-problems__card-corner--tr {
  top: 0;
  right: 0;
  border-width: 1px 1px 0 0
}
.block-problems__card-corner--bl {
  bottom: 0;
  left: 0;
  border-width: 0 0 1px 1px
}
.block-problems__card-corner--br {
  bottom: 0;
  right: 0;
  border-width: 0 1px 1px 0
}
.block-problems__card-inner {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0;
  gap: 8px;
  width: 100%;
  max-width: 100%;
  text-align: center;
  box-sizing: border-box
}
.block-problems__card-title {
  margin: 0;
  flex: none;
  flex-grow: 0;
  order: 0;
  font-family: Roboto,sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: clamp(21px, 2.75vw, 27px);
  line-height: 1.2;
  color: #fcfefe
}
.block-problems__card-lead {
  margin: 0;
  flex: none;
  flex-grow: 0;
  align-self: center;
  order: 1;
  box-sizing: border-box;
  width: min(280px,100%);
  max-width: 280px;
  font-family: Roboto,var(--font),system-ui,sans-serif;
  font-style: italic;
  font-weight: 300;
  font-synthesis: none;
  font-size: clamp(16px, 1.65vw, 18px);
  line-height: 1.22;
  letter-spacing: 0;
  text-align: center;
  color: #fcfefe;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
@media (max-width:1024px) {
  .block-problems__grid {
    grid-template-columns: repeat(2,minmax(0,1fr))
  }
}
@media (max-width:520px) {
  .block-problems__head-top {
    gap: clamp(8px,2vw,16px)
  }
  .block-problems__grid {
    grid-template-columns: 1fr
  }
}