.people-main-section {
    width: 100%;
    min-height: 39vh;
    background-color: #c0b9b2;
    padding: clamp(3rem, 6vw, 4rem) clamp(1rem, 3vw, 2rem);
    box-sizing: border-box;
}

.people-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: clamp(1rem, 3vw, 2rem);
}

.people-images {
    width: clamp(280px, 55vw, 380px);
    height: clamp(200px, 35vw, 280px);
    object-fit: cover;
    border: clamp(6px, 1.5vw, 12px) solid #f9f2e8;
    border-radius: 15px;
    margin-bottom: clamp(0.8rem, 2vw, 1.2rem);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.people-images:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);
}

.swiper-pagination-bullet {
    width: clamp(12px, 2vw, 16px);
    height: clamp(12px, 2vw, 16px);
    opacity: 1;
    background-color: rgba(139, 69, 19, 0.3);
    transition: all 0.3s ease;
}

.swiper-pagination-bullet-active {
    background-color: #8B4513;
    transform: scale(1.2);
}

.swiper-button-next,
.swiper-button-prev {
    color: #8B4513;
    background: rgba(255, 255, 255, 0.9);
    width: clamp(35px, 6vw, 50px);
    height: clamp(35px, 6vw, 50px);
    border-radius: 50%;
    margin-top: calc(0px - (clamp(35px, 6vw, 50px) / 2));
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-size: clamp(14px, 3vw, 20px);
    font-weight: bold;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
    background: #8B4513;
    color: white;
    transform: scale(1.1);
}



@media (max-width: 768px) {
    

    .people-images {
        width: clamp(220px, 65vw, 300px);
        height: clamp(160px, 45vw, 220px);
    }

  
}

@media (max-width: 480px) {
    
    
    .people-images {
        width: clamp(200px, 75vw, 280px);
        height: clamp(140px, 55vw, 200px);
    }
}
   

@media (max-width: 360px) {
    

    .people-images {
        width: clamp(180px, 85vw, 250px);
        height: clamp(130px, 65vw, 180px);
    }

    
}