.volunteer-section {
            padding: 60px 0;
            background-color: #fff;
        }

        .section-title {
            font-weight: 600;
            color: #e65100;
            margin-bottom: 10px;
        }

        .section-subtitle {
            color: #555;
            margin-bottom: 50px;
        }

        .volunteer-card {
            border: none;
            border-radius: 20px;
            /*overflow: hidden;*/
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08);
            transition: all 0.3s ease-in-out;
            background-color: #ffffff;
        }

        .volunteer-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 20px 30px rgba(0, 0, 0, 0.12);
        }

        .volunteer-img {
            width: 100%;
            height: 280px;
            object-fit: cover;
        }

        .volunteer-card-body {
            padding: 25px;
        }

        .volunteer-name {
            font-size: 1.25rem;
            font-weight: 600;
            color: #333;
        }

        .volunteer-role {
            color: #e65100;
            font-size: 1rem;
            margin-top: 5px;
            margin-bottom: 10px;
        }

        .volunteer-meta {
            font-size: 0.9rem;
            color: #888;
            margin-bottom: 10px;
        }

        .volunteer-desc {
            font-size: 0.95rem;
            color: #555;
        }