.header-bg {
          background: linear-gradient(rgba(0, 0, 0, .7), rgba(0, 0, 0, .7)), url(/img/pakhal-img/7.jpg) center center no-repeat;
          background-size: cover;
      }
    .image-card {
            position: relative;
            width: 100%;
            height: 100%;
            min-height: 420px;
            display: flex;
            align-items: center;
            justify-content: center;
            perspective: 1000px;
        }

        .image-frame {
            position: relative;
            border-radius: 20px;
            overflow: hidden;
            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
            transform: rotateY(-15deg) rotateX(3deg);
            transition: all 0.6s ease;
            border: 5px solid var(--primary);
        }

        .image-frame img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            border-radius: 15px;
            transform: scale(1.03);
            transition: transform 0.5s ease;
        }

        .image-card:hover .image-frame {
            transform: rotateY(0deg) rotateX(0deg) scale(1.03);
            box-shadow: 0 12px 35px rgba(0, 0, 0, 0.25);
        }

        .image-card:hover img {
            transform: scale(1.1);
        }

        /* Responsive */
        @media (max-width: 991px) {
            .image-frame {
                transform: none;
                border-radius: 15px;
            }
        }

        /* === Hero Background with Soft Overlay === */
        .hero-bg {
            position: relative;
            background: url("/img/pakhal-img/1\ \(31\).jpg") center center/cover no-repeat;
            background-attachment: fixed;
            z-index: 1;
            color: var(--dark);
            overflow: hidden;
        }

        .hero-bg .overlay {
            position: absolute;
            inset: 0;
            background: rgba(255, 255, 255, 0.8);
            background-image: url("img/pakhal-img/texture.png");
            background-size: cover;
            background-repeat: no-repeat;
            opacity: 0.6;
            z-index: 1;
        }

        .hero-bg .container {
            position: relative;
            z-index: 2;
        }

        /* Team Card Styles */
        .team-card {
            background: linear-gradient(145deg, #ffffff, #f8f9fa);
            border-radius: 20px;
            padding: 2rem;
            transition: all 0.4s ease;
            border: 2px solid transparent;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.9);
            height: 100%;
        }

        .team-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);
            border-color: var(--primary);
        }

        .team-icon {
            width: 80px;
            height: 80px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 1.5rem;
            font-size: 2rem;
            color: white;
            transition: all 0.4s ease;
            position: relative;
            overflow: hidden;
        }

        .team-icon::before {
            content: '';
            position: absolute;
            inset: 0;
            border-radius: 50%;
            background: linear-gradient(135deg, var(--primary), #0d6efd);
            z-index: -1;
            transition: transform 0.4s ease;
        }

        .team-card:hover .team-icon::before {
            transform: scale(1.2);
        }

        .team-card h5 {
            color: var(--dark);
            font-weight: 600;
            margin-bottom: 1rem;
        }

        .team-card p {
            color: #6c757d;
            font-size: 0.95rem;
            line-height: 1.6;
        }

        .team-section {
            background: linear-gradient(to bottom, #f8f9fa 0%, #ffffff 100%);
        }

        /* Icon colors */
        .icon-ecologist { background: linear-gradient(135deg, #28a745, #20c997); }
        .icon-forest { background: linear-gradient(135deg, #198754, #28a745); }
        .icon-tourism { background: linear-gradient(135deg, #0dcaf0, #0d6efd); }
        .icon-community { background: linear-gradient(135deg, #fd7e14, #ffc107); }
        .icon-research { background: linear-gradient(135deg, #6f42c1, #d63384); }