.heading-section {
  position: relative;
  padding-right: 100px;
}

.heading-section h3 {
  margin: 0;
}

.heading-section .swiper-button-prev,
.heading-section .swiper-button-next {
  background-color: #f7f7fb;
  margin-top: 0;
  transform: translateY(-50%);
}

.heading-section__swiper-button-next,
.heading-section__swiper-button-prev {
  transition: border-color 0.3s ease;
  border: 1px solid transparent;
}

.heading-section__swiper-button-next.swiper-button-next {
  right: 0;
  border-radius: 50%;
}

.heading-section__swiper-button-prev.swiper-button-prev {
  left: unset;
  right: 48px;
  border-radius: 50%;
}

.heading-section__swiper-button-next svg,
.heading-section__swiper-button-next use,
.heading-section__swiper-button-prev svg,
.heading-section__swiper-button-prev use {
  width: 40px;
  height: 40px;
  stroke: var(--title-color);
  transition: stroke 0.1s ease;
}

@media (any-hover: hover) {
  .heading-section__swiper-button-next:hover,
  .heading-section__swiper-button-prev:hover {
    background-color: var(--color-base);
  }

  .heading-section__swiper-button-next:hover svg,
  .heading-section__swiper-button-next:hover use,
  .heading-section__swiper-button-prev:hover svg,
  .heading-section__swiper-button-prev:hover use {
    stroke: var(--white);
  }
}
.staff-img {
  width: clamp(170px, 50%, 392px);
  aspect-ratio: 1 / 1;
  height: auto;
}
.staff-img img {
  width: 100%;
  aspect-ratio: 1 / 1;
  height: auto;
  object-fit: cover;
}

.staff-description > p:first-child {
  margin-top: 0;
}
.staff-description > p:last-child {
  margin-bottom: 0;
}
.svg-services-arrow,
.svg-services-arrow svg {
  width: 7px;
  height: 12px;
}
.svg-services-arrow use {
  stroke: #cacdd0;
}
.services-list__arrow-link {
  padding: 10px;
  margin: -10px;
}
@media (max-width: 968px) {
  .staff-img {
    width: 170px;
    max-width: 170px;
    aspect-ratio: 1 / 1;
    height: auto;
  }
  .staff-info,
  .staff-info-data {
    flex-direction: column;
  }
  .staff-header .staff-info {
    gap: 12px;
  }
  .staff-header .staff-info-data {
    gap: 20px;
  }
}
@media (max-width: 770px) {
  .staff-img {
    width: 100%;
    max-width: 100%;
  }
  .staff-header.d-flex.flex-no-wrap {
    flex-direction: column-reverse;
    gap: 32px;
  }
  hr {
    display: none;
  }
  .staff-header .staff-header-cont {
    gap: 32px;
  }
}
section.page-top {
  padding-bottom: 8px;
}
.staff-header-cont hr {
  margin: 0;
}
.staff-description p {
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #48494D;
}