:root {
--ms-dark: #1A2234;
--ms-gray: #757575;
--ms-bg-lt: #EAEFF5;
}
.swiper-pagination-bullet {
margin-left: 8px !important;
margin-right: 8px !important;
}
.swiper-pagination-bullet-active {
background: #dfbd93;
width: var(--dot-active-width, 30px) !important;
border-radius: 8px;
} .ms-team-card .team-image,
.ms-team-card .team-name a,
.ms-team-card .team-name span.fw-instrument {
color: inherit;
text-decoration: none;
display: block;
}
.ms-team-card .team-name span.fw-instrument {
display: inline;
}
.ms-team-card .team-image {
aspect-ratio: 3/4;
background: var(--ms-bg-lt);
}
.ms-team-card .team-image img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: 0.25s ease-in-out;
}
.ms-team-card:hover .team-image img {
transform: scale(1.04);
}
.ms-team-image-placeholder {
width: 100%;
height: 100%;
background: var(--ms-bg-lt);
} .ms-team-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: clamp(20px, 3vw, 48px);
}
.ms-team-carousel {
display: none;
}
@media screen and (max-width: 767px) {
.ms-team-grid {
display: none;
}
.ms-team-carousel {
display: block;
max-width: 100%;
}
.ms-team-pagination {
position: static;
margin-top: 16px;
}
} .ms-team-contatti {
display: flex;
flex-direction: column;
gap: 10px;
}
.ms-team-contatti-text {
color: var(--ms-dark);
text-decoration: none;
}
.ms-team-contatti-text:hover {
text-decoration: underline;
}
.ms-team-contatti-icons {
display: flex;
gap: 10px;
margin-top: 6px;
}
.ms-team-icon {
display: flex;
align-items: center;
justify-content: center;
width: 38px;
height: 38px;
border-radius: 50%;
background: var(--ms-bg-lt);
color: var(--ms-dark);
transition: 0.25s ease-in-out;
}
.ms-team-icon svg {
width: 16px;
height: 16px;
}
.ms-team-icon:hover {
background: var(--ms-dark);
color: #FFFFFF;
}