@import url(style.css);
.our-team-page {
    min-height: 100vh;
    background: url("../assets/image/img_our-team_background.jpg") no-repeat center center;
    background-size: cover;
}
.our-team-page .container {
    background: var(--white-color);
}
.our-team-text h2 {
    border-left: 4px solid var(--secondary-color);
    padding-left: 10px;
}
.our-team-members h3 {
    position: relative;
    display: inline-block;
    font-size: 2rem;
    padding-bottom: 1px; /* Beri ruang antara teks dan garis */
}
.our-team-members h3::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 30px; /* Panjang garis */
    height: 4px; /* Ketebalan garis */
    background-color: var(--primary-color); /* Warna hijau */
}
.our-team-page .our-team-logo .container{
    background: var(--white-color);
}

.our-team-members .card{
    margin: 10px;
    overflow: hidden;
    transition: transform 0.3s ease-in-out;
    max-width: 100%;
}
.our-team-members .card{
    width: 100%;
    border-radius: none;
    border: none;
}
.our-team-members .card img{
    width: 100%;
    aspect-ratio:3/4;
    object-fit: cover;
    /* border: none; */
}

.our-team-members .card:hover {
    transform: scale(1.05);
    
}

@media (min-width: 768px) {
    .our-team-members .card{
        width: 100%;
        align-items: center;
        max-height: 400px;
        /* border: none; */
    }
    .our-team-members .card img{
        max-height: 280px;
        max-width: 210px;
        aspect-ratio: 3/4;
        object-fit: cover;
        /* border: none; */
    }
    
    .our-team-members .card:hover {
        transform: scale(1.05);
    }
}