/* Compact team + slider fix */

.team-section{
  padding:52px 0 48px !important;
  margin:8px 0 !important;
}

.team-section::before,
.team-section::after{
  inset:8px 0 !important;
  border-radius:30px !important;
}

.team-section .section-head{
  max-width:760px !important;
  margin-bottom:18px !important;
  padding:20px 22px !important;
  border-radius:24px !important;
}

.team-section .section-title{
  font-size:clamp(30px,3.6vw,48px) !important;
  margin:10px 0 6px !important;
}

.team-section .section-head::after{
  max-width:560px !important;
  margin-top:8px !important;
  font-size:14px !important;
  line-height:1.55 !important;
}

.team-carousel{
  padding:10px 8px 8px !important;
  border-radius:26px !important;
}

.team-carousel .slick-list{
  padding:4px 0 10px !important;
}

.team-carousel .slick-track{
  display:flex !important;
  align-items:stretch !important;
}

.team-carousel .slick-slide{
  height:auto !important;
}

.team-carousel .slick-slide > div{
  height:100%;
}

.team-card{
  height:300px !important;
  margin:0 8px !important;
  border-radius:22px !important;
}

.team-card img{
  height:100% !important;
}

.team-card::before{
  top:12px !important;
  left:12px !important;
  padding:7px 10px !important;
  font-size:10px !important;
}

.team-card h3{
  left:12px !important;
  right:12px !important;
  bottom:12px !important;
  padding:12px 14px !important;
  border-radius:16px !important;
  font-size:18px !important;
}

.team-card h3::after{
  margin-top:5px !important;
  font-size:10px !important;
}

.team-carousel::after{
  min-height:36px !important;
  margin:8px 8px 2px !important;
  padding:8px 14px !important;
  font-size:12px !important;
}

/* arrows smaller and better */
.team-section .slick-arrow{
  top:-46px !important;
  width:40px !important;
  height:40px !important;
}

.team-section .slick-next{
  right:8px !important;
}

.team-section .slick-prev{
  right:56px !important;
}

.team-section .slick-arrow::before{
  font-size:18px !important;
}

/* mobile */
@media(max-width:980px){
  .team-section{
    padding:44px 0 40px !important;
  }

  .team-card{
    height:280px !important;
  }

  .team-section .slick-arrow{
    top:-42px !important;
  }
}

@media(max-width:640px){
  .team-section{
    padding:36px 0 34px !important;
  }

  .team-section::before,
  .team-section::after{
    border-radius:22px !important;
  }

  .team-section .section-head{
    padding:18px 14px !important;
    border-radius:20px !important;
    margin-bottom:14px !important;
  }

  .team-section .section-title{
    font-size:30px !important;
  }

  .team-carousel{
    border-radius:22px !important;
    padding:8px 5px !important;
  }

  .team-card{
    height:255px !important;
    margin:0 4px !important;
    border-radius:18px !important;
  }

  .team-card h3{
    font-size:17px !important;
  }

  .team-section .slick-arrow{
    position:absolute !important;
    top:auto !important;
    bottom:-48px !important;
    width:38px !important;
    height:38px !important;
  }

  .team-section .slick-prev{
    left:calc(50% - 44px) !important;
    right:auto !important;
  }

  .team-section .slick-next{
    right:calc(50% - 44px) !important;
  }

  .team-carousel::after{
    margin-bottom:46px !important;
    border-radius:16px !important;
    font-size:11px !important;
  }
}
