.breadcrumb-custom {
      background-color: #fef9e6;
      border-radius: 4px;
      padding: 0.75rem 1rem;
    }

    .breadcrumb a {
      color: var(--primary-green);
      text-decoration: none;
    }

    .page-title {
      font-size: 2.2rem;
      font-weight: bold;
      margin-bottom: 1.5rem;
    }

    .gallery-card {
      border: none;
      overflow: hidden;
      transition: transform 0.2s ease;
      background-color: var(--light-gray);
      border-radius: 10px;
    }

    .gallery-card:hover {
      transform: scale(1.015);
      box-shadow: 0 6px 20px rgba(0,0,0,0.08);
    }

    .gallery-img {
      object-fit: cover;
      height: 220px;
      width: 100%;
    }

    .card-body p {
      font-size: 0.95rem;
      color: #555;
    }
    .page-title {
      font-size: 2.2rem;
      font-weight: bold;
      margin-bottom: 1.5rem;
    }

    .video-card {
      border: none;
      overflow: hidden;
      transition: transform 0.2s ease;
      background-color: var(--light-gray);
      border-radius: 10px;
    }

    .video-card:hover {
      transform: scale(1.015);
      box-shadow: 0 6px 20px rgba(0,0,0,0.08);
    }

    .video-container {
      width: 100%;
      aspect-ratio: 16/9;
      overflow: hidden;
      background-color: #000;
    }

    .video-container iframe {
      width: 100%;
      height: 100%;
      border: none;
    }
.video-container {
            position: relative;
            padding-bottom: 56.25%; /* Ratio 16:9 */
            height: 0;
            overflow: hidden;
        }
        
        .video-container iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }
        
        .video-container video {
            width: 100%;
            height: auto;
            max-height: 250px;
        }
        
        .video-placeholder {
            height: 200px;
            background-color: #f8f9fa;
            border: 2px dashed #dee2e6;
            border-radius: 0.375rem;
        }
        
        .video-card {
            transition: transform 0.2s;
        }
        
        .video-card:hover {
            transform: translateY(-5px);
        }