.block-about {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  background-color: #fff;
  background-image: url("../../assets/about-section-bg.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: clamp(48px,8vh,100px) 0 clamp(52px,9vh,104px);
  overflow: hidden
}
.block-about__inner {
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  width: 100%;
  max-width: 920px;
  margin-inline: auto;
  padding-inline: var(--layout-inline);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center
}
.block-about__logo {
  margin: 0 0 clamp(20px,3.5vw,32px);
  flex-shrink: 0
}
.block-about__logo-svg {
  display: block;
  width: clamp(72px,14vw,88px);
  height: clamp(72px,14vw,88px)
}
.block-about__title {
  margin: 0 0 clamp(32px,5vw,48px);
  width: 100%;
  max-width: 835px;
  box-sizing: border-box;
  text-align: center
}
.block-about__cards {
  list-style: none;
  margin: 0 0 clamp(36px,5vw,52px);
  padding: 0;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: clamp(10px,2vw,16px);
  align-items: stretch
}
.block-about__card {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  min-height: clamp(120px,28vw,140px);
  padding: 14px 14px 20px;
  text-align: left;
  background: rgba(122,83,140,.2);
  border: 1px solid #c1c3c4;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px)
}
.block-about__icon {
  position: relative;
  flex: 0 0 68px;
  width: 68px;
  height: 68px;
  min-width: 68px;
  min-height: 68px;
  max-width: 68px;
  max-height: 68px;
  aspect-ratio: 1/1;
  margin: 0;
  color: #513172;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='none' preserveAspectRatio='xMidYMid meet' stroke='%23513172' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 25L7 7L25 7'/%3E%3Cpath d='M75 7L93 7L93 25'/%3E%3Cpath d='M7 75L7 93L25 93'/%3E%3Cpath d='M93 75L93 93L75 93'/%3E%3C/svg%3E") center/contain no-repeat
}
.block-about__icon > svg {
  flex-shrink: 0;
  display: block;
  width: 42px;
  height: 42px;
  max-width: 100%;
  max-height: 100%
}
.block-about__icon > svg[viewBox="0 0 32 32"] {
  width: 52px;
  height: 52px
}
.block-about__icon > svg.block-about__icon-svg--dense {
  width: 42px;
  height: 42px
}
.block-about__icon-num {
  font-family: Roboto,var(--font),system-ui,sans-serif;
  font-weight: 900;
  font-size: 34px;
  line-height: 38px;
  color: #513172
}
.block-about__card-text {
  margin: 0;
  align-self: stretch;
  font-family: Roboto,var(--font),system-ui,sans-serif;
  font-size: 17px;
  line-height: 21px;
  font-weight: 400;
  color: #513172
}
.block-about__actions {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(12px,2vw,20px);
  justify-content: center;
  width: 100%;
  max-width: 840px
}
.block-about__actions .hero-banner-btn {
  flex: 1 1 220px;
  max-width: none;
  min-height: clamp(48px,9vw,60px)
}
@media (max-width:900px) {
  .block-about {
    isolation: isolate;
    background-image: none
  }
  .block-about::before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    width: 200vmax;
    height: 200vmax;
    margin-left: -100vmax;
    margin-top: -100vmax;
    background-image: url("../../assets/about-section-bg.png");
    background-size: cover;
    background-position: 82% 22%;
    background-repeat: no-repeat;
    transform: rotate(270deg);
    transform-origin: center center;
    pointer-events: none
  }
  .block-about__cards {
    grid-template-columns: repeat(2,minmax(0,1fr))
  }
}
@media (max-width:520px) {
  .block-about__cards {
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: clamp(8px,2.8vw,12px);
    width: 100%;
    margin-inline: 0;
    align-items: stretch
  }
  .block-about__card {
    width: 100%;
    min-height: 0;
    height: auto;
    aspect-ratio: 1/1;
    padding: clamp(11px,3.2vw,14px) clamp(11px,3.2vw,14px) clamp(16px,4.5vw,20px);
    gap: clamp(10px,3vw,16px)
  }
  .block-about__icon {
    flex: 0 0 auto;
    width: min(68px,20vw);
    height: min(68px,20vw);
    min-width: min(68px,20vw);
    min-height: min(68px,20vw);
    max-width: min(68px,20vw);
    max-height: min(68px,20vw);
    border: none;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='none' preserveAspectRatio='xMidYMid meet' stroke='%23513172' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 25L7 7L25 7'/%3E%3Cpath d='M75 7L93 7L93 25'/%3E%3Cpath d='M7 75L7 93L25 93'/%3E%3Cpath d='M93 75L93 93L75 93'/%3E%3C/svg%3E") center/contain no-repeat
  }
  .block-about__icon > svg {
    width: min(42px,72%);
    height: min(42px,72%)
  }
  .block-about__icon > svg[viewBox="0 0 32 32"] {
    width: min(52px,82%);
    height: min(52px,82%)
  }
  .block-about__icon-num {
    font-size: clamp(26px, 8.5vw, 34px);
    line-height: 1.1
  }
  .block-about__card-text {
    margin-top: auto;
    overflow-wrap: break-word;
    hyphens: auto;
    font-size: clamp(14px, 4.9vw, 18px);
    line-height: 1.25
  }
  .block-about__actions .hero-banner-btn {
    flex: 1 1 100%
  }
}