.social { background-color: var(--social-background-color); margin-top: -68.2667vw; padding-top: 68.2667vw; display: block; position: relative; overflow: hidden; }
@media screen and (width >= 750px) {
  .social { margin-top: -13vw; padding-top: 20vw; }
}
.social:focus-within .swiper-actions, .social:hover .swiper-actions { visibility: visible; opacity: 1; }
.social .container { --container-padding: 0; z-index: 1; position: relative; }
.social .col { position: relative; }
@media screen and (width >= 1400px) {
  .social .swiper { top: -4vw; }
}
.social .swiper-actions { visibility: hidden; z-index: 1; opacity: 0; justify-content: space-between; width: calc(100% - 20px); position: absolute; top: 50%; bottom: auto; transform: translateY(-50%); }
.social .swiper-actions button { justify-content: center; align-items: center; width: 48px; height: 48px; padding: 0px; display: flex; }
.social .swiper-actions .swiper-button-prev { left: 24px; }
.social .swiper-actions .swiper-button-next { right: 24px; }
.social .swiper-slide { align-items: center; width: 59.734vw; height: auto; display: flex; }
@media screen and (width >= 750px) {
  .social .swiper-slide { width: 30vw; }
}
@media screen and (width >= 1025px) {
  .social .swiper-slide { width: 21.667vw; }
}
.social__background { align-items: flex-end; width: 100%; height: calc(100% + 2px); display: flex; position: absolute; top: 0px; left: 0px; }
.social__background svg { width: 100%; height: auto; display: block; }
.social__content { margin-bottom: 24px; font-family: Recoleta, helvetica, arial, sans-serif; position: relative; }
.social__content a { z-index: 2; justify-content: center; align-items: center; width: 100%; margin-bottom: 0px; display: flex; position: relative; }
@media screen and (width >= 750px) {
  .social__content a { justify-content: flex-start; width: auto; position: absolute; top: -8vw; right: 24px; }
}
@media screen and (width >= 1400px) {
  .social__content a { right: 118px; }
}
.social__content .btn { border-radius: 50%; flex-shrink: 0; width: 48px; height: 48px; margin-left: 16px; padding: 0px; }
.social__item { width: 100%; }
.social__item-image { border: 2px solid rgb(0, 0, 0); border-radius: 48px; width: 100%; padding-top: calc(100% - 4px); display: block; position: relative; overflow: hidden; box-shadow: rgb(0, 0, 0) 0px 0px 0px 2px inset; }
.social__item-image img { object-fit: cover; width: 100%; height: 100%; display: block; position: absolute; top: 0px; left: 0px; }