.bppintro {
  background: var(--g2);
}
.bppintro .container {
  display: grid;
  grid: auto/3fr 1fr;
  gap: 80px;
}
.bppintro .l {
  display: grid;
  grid: auto/2fr 3fr;
  gap: 32px 56px;
  padding: 56px;
  background: var(--w);
}
.bppintro .l :where(.pos, .com, .btn-ico) {
  color: var(--g);
}
.bppintro .l .img {
  overflow: hidden;
  padding: 100% 0 0;
  position: relative;
  margin: -112px 0 0;
}
.bppintro .l .img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}
.bppintro .l .dsc {
  grid-column-end: span 2;
  color: var(--g);
}
.bppintro .l .inf {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}
.bppintro .l .com {
  margin: -8px 0 0;
}
.bppintro .l hr {
  margin: 8px 0;
  border: 1px solid var(--g3);
  width: 100%;
}
.bppintro .l .btn-ico .t__ {
  display: flex;
  align-items: center;
  gap: 8px;
}
.bppintro .l .btn-ico svg {
  order: -1;
}
.bppintro .l .soc {
  display: flex;
  gap: 16px;
}
.bppintro .l .soc div {
  color: var(--d);
}
.bppintro .l .soc div:not(:first-of-type) {
  display: flex;
  gap: 16px;
}
.bppintro .l .soc div:not(:first-of-type)::before {
  content: "/";
}
.bppintro .l .soc a {
  color: var(--g);
  text-transform: uppercase;
}
.bppintro .r {
  align-self: start;
  padding: 16px;
  background: url(/wp-content/themes/s/img/blue-bg.svg) center/cover no-repeat, var(--b);
  color: var(--w);
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.bppintro .r .p {
  color: var(--g);
  padding: 0 0 8px;
}
.bppintro .r .btn {
  width: 100%;
}
@media (pointer: fine) {
  .bppintro .l .btn-ico:hover, .bppintro .l .soc a:hover {
    color: var(--p);
  }
}
@media (max-width: 1440px) {
  .bppintro .container {
    gap: 32px;
  }
  .bppintro .l {
    gap: 32px;
    padding: 32px;
  }
  .bppintro .l .img {
    margin: -82px 0 0;
  }
}
@media (max-width: 1199px) {
  .bppintro .container {
    grid: auto/1fr;
  }
  .bppintro .l {
    grid: auto/5fr 6fr;
  }
}
@media (max-width: 767px) {
  .bppintro .l {
    margin: 0 -16px;
    padding: 32px 16px;
    grid: auto/1fr;
  }
  .bppintro .l .dsc {
    grid-column-end: span 1;
  }
  .bppintro .l .soc {
    gap: 8px;
  }
  .bppintro .l .soc div:not(:first-of-type) {
    gap: 8px;
  }
}

.lastnews, .videos {
  background: var(--g2);
}
.lastnews .swiper, .videos .swiper {
  margin: 56px -8px 0;
}
.lastnews .swiper-slide, .videos .swiper-slide {
  width: 33.3333333333%;
  height: auto;
  padding: 0 8px;
}
.lastnews .b__, .videos .b__ {
  width: calc(33.3333333333% - 16px);
  border-top: 3px solid var(--p);
  margin: 56px 8px 0 auto;
  padding: 24px 0 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}
.lastnews .navs, .videos .navs {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}
.lastnews .navs button, .videos .navs button {
  width: 28px;
  height: 28px;
  color: var(--g3);
}
.lastnews .navs button.swiper-button-disabled, .videos .navs button.swiper-button-disabled {
  opacity: 0.5;
}
.lastnews .navs button:active, .videos .navs button:active {
  color: var(--p);
}
@media (pointer: fine) {
  .lastnews .navs button:hover, .videos .navs button:hover {
    color: var(--p);
  }
}
.lastnews .svcard, .videos .svcard {
  display: flex;
  flex-direction: column;
  gap: 16px;
  height: 100%;
}
.lastnews .svcard .img, .videos .svcard .img {
  height: 300px;
  position: relative;
}
.lastnews .svcard .img::before, .videos .svcard .img::before {
  background: url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_b_3082_14156)'%3E%3Ccircle cx='25' cy='25' r='25' fill='%23F5F9FD' fill-opacity='0.8'/%3E%3C/g%3E%3Cpath d='M35 25L20 33.6603L20 16.3397L35 25Z' fill='%230000FF'/%3E%3Cdefs%3E%3Cfilter id='filter0_b_3082_14156' x='-4' y='-4' width='58' height='58' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeGaussianBlur in='BackgroundImageFix' stdDeviation='2'/%3E%3CfeComposite in2='SourceAlpha' operator='in' result='effect1_backgroundBlur_3082_14156'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_backgroundBlur_3082_14156' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A") center no-repeat, rgba(0, 0, 255, 0.2);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  transition: 0.4s;
}
.lastnews .svcard .hdr, .videos .svcard .hdr {
  color: var(--b);
}
.lastnews .svcard .inf, .videos .svcard .inf {
  margin-top: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.lastnews .svcard .dt, .videos .svcard .dt {
  color: var(--g);
  display: flex;
  align-items: center;
  gap: 8px;
}
.lastnews .svcard .mre, .videos .svcard .mre {
  margin: auto auto 0 0;
  color: var(--p);
  fill: var(--p);
  font: var(--f18);
  font-weight: 700;
  text-decoration: underline;
  display: flex;
  align-items: center;
  gap: 8px;
}
.lastnews .svcard .mre svg, .videos .svcard .mre svg {
  transition: var(--tr);
  margin-bottom: -2px;
}
@media (pointer: fine) {
  .lastnews .svcard:hover .img::before, .videos .svcard:hover .img::before {
    opacity: 0;
  }
  .lastnews .svcard:hover .mre, .videos .svcard:hover .mre {
    text-decoration: underline;
  }
  .lastnews .svcard:hover .mre svg, .videos .svcard:hover .mre svg {
    transform: rotate(45deg);
  }
}
@media (max-width: 1199px) {
  .lastnews .swiper-slide, .videos .swiper-slide {
    width: 50%;
  }
  .lastnews .svcard .img, .videos .svcard .img {
    height: 200px;
  }
}
@media (max-width: 767px) {
  .lastnews .swiper-slide, .videos .swiper-slide {
    width: 100%;
  }
}

/*# sourceMappingURL=block-page-people.css.map */