.section-teams {
    padding: 80px 0 88px;
    background: var(--color1);
    position: relative;
    z-index: 0;
    overflow: hidden;
}
.section-teams:before {
    content: '';
    background: #2F558599;
    filter: blur(144px);
    width: 1000px;
    height: 500px;
    position: absolute;
    border-radius: 40%;
    left: -15%;
    transform: rotate(45deg);
    pointer-events: none;
    z-index: -1;
  }
  .section-teams:after {
    content: '';
    background: #2F558599;
    filter: blur(144px);
    width: 1000px;
    height: 500px;
    position: absolute;
    border-radius: 40%;
    right: -30%;
    transform: rotate(-20deg);
    bottom: 8%;
    pointer-events: none;
    z-index: -1;
}


.section-teams .team-img img {
    width: 100%;
}

.section-teams .team-img {
    position: relative;
}

.section-teams .team-info {
    display: flex;
    flex-direction: column;
    position: absolute;
    bottom: 16px;
    align-items: center;
    justify-content: center;
    padding: 10px 16px 16px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.2) 0%, rgba(179, 162, 141, 0.2) 100%);
    backdrop-filter: blur(30px);
    right: 16px;
    left: 16px;
}

.section-teams .teams-socials {
    display: flex;
    gap: 8px;
    margin-top: 8px;
}

.section-teams .teams-socials a {
    font-size: 20px;
    width: 40px;
    height: 40px;
    border-radius: 10px;
    color: #fff;
    background: var(--color1);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s;
}

.section-teams .teams-socials a:hover {
    color: #fff;
    background: var(--color3);
}

.section-teams .team-name {
    color: var(--color1);
    font-size: 16px;
    line-height: 25px;
}

.section-teams .team-post {
    color: var(--color1);
    font-size: 14px;
    line-height: 24px;
}
.swiper-teams .swiper-slide {
    width: 300px;
}
.swiper-teams:not(.swiper-initialized) .swiper-slide {
    flex-shrink: unset;
    margin-left: 15px;
    width: 300px;
    flex: 0 0 300px;
}
@media screen and (max-width:768.99px) {
    .section-teams {
        padding: 42px 0;
    }
    .section-teams:before {
        content: none;
    }
    .section-teams:after {
        width: 500px;
        height: 360px;
        right: -30%;
        bottom: 5%;
    }
    
}