.useful-materials__inner {
  overflow: hidden;
  padding: clamp(39px, 5vw, 71px) 0 clamp(28px, 5vw, 71px);
  background: #bfceff;
  border-radius: var(--radius-4xl);
}
.useful-materials .container {
  position: relative;
}
.useful-materials__title {
  color: #292929;
  margin: 0 0 clamp(14px, 3vw, 46px);
}
.useful-materials__slide {
  height: auto !important;
}
.useful-materials__nav {
  display: flex;
  justify-content: center;
  gap: var(--space-2);
}
.useful-materials__nav-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
}
.useful-materials__nav-prev {
  left: -64px;
}
.useful-materials__nav-next {
  right: -64px;
}
@media (width < 1520px) {
  .useful-materials__inner {
    border-radius: var(--radius-3xl);
  }
}
@media (width < 1440px) {
  .useful-materials__inner {
    border-radius: var(--radius-2xl);
  }
}
@media (width < 1280px) {
  .useful-materials__nav {
    margin-top: 18px;
  }
  .useful-materials__nav-btn {
    position: static;
    transform: unset;
  }
}
@media (width < 992px) {
  .useful-materials .swiper {
    overflow: visible;
  }
}
@media (width < 768px) {
  .useful-materials {
    position: relative;
  }
  .useful-materials__inner {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  .useful-materials:before {
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 40px;
    transform: translateY(-100%);
    background: var(--color-bg-section);
  }
}

.postcard {
  padding: clamp(25px, 3vw, 46px) clamp(25px, 2.5vw, 32px);
  background: var(--color-text-white);
  border-radius: var(--radius-md);
  height: 100%;
  display: flex;
  flex-direction: column;
  transition: var(--transition-medium);
}
.postcard:hover {
  background: rgba(255, 255, 255, 0.81);
}
.postcard__icon {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 81.2px;
  line-height: 0.7;
  margin-bottom: -10px;
  color: var(--color-primary);
}
.postcard__title {
  margin-bottom: 11px;
}
.postcard__excerpt {
  color: #6b6b6b;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 11px;
}
.postcard__link {
  margin-top: auto;
  opacity: 0;
  transition: var(--transition-medium);
  color: var(--color-primary);
}
.postcard:hover .postcard__link {
  opacity: 1;
}