/* Custom Styles for leadership page */
 
      html {
        scroll-behavior: smooth;
      }

      .navbar-nav .nav-link.active {
        color: #e81c2e !important;
      }

      /* Animations */
      @keyframes fadeInUp {
        from {
          opacity: 0;
          transform: translateY(40px);
        }
        to {
          opacity: 1;
          transform: translateY(0);
        }
      }

      @keyframes pulseGlow {
        0%,
        100% {
          box-shadow: 0 10px 30px rgba(232, 28, 46, 0.25);
        }
        50% {
          box-shadow: 0 20px 50px rgba(232, 28, 46, 0.45);
        }
      }

      /* Leadership Section */
      .product-specification {
        background: #000;
        padding: 80px 0 60px;
      }

      .section-header {
        animation: fadeInUp 1s ease-out;
      }

      .leader-image-box {
        width: 260px; /* same width for both */
        height: 340px; /* same height for both */
        margin: 0 auto;
        border-radius: 18px;
        overflow: hidden; /* crops excess image */
        box-shadow: 0 15px 40px rgba(232, 28, 46, 0.35);
        
      }

      .leader-image-box img {
        width: 100%;
        height: 100%;
        object-fit: cover; /* 🔑 forces same visual size */
        object-position: center;
        transition: transform 0.4s ease;
      }

      .leader-image-box img:hover {
        transform: scale(1.05);
      }

      .leader-card {
        margin: 0 30px 30px;
        text-align: center;
      }

      .leader-name {
        color: #ffffff;
        font-weight: 700;
        margin-top: 18px;
      }

      .leader-role {
        color: #cccccc;
        font-size: 14px;
        margin-bottom: 0;
      }

      /* Button */
      .btn-custom {
        padding: 14px 34px;
        border-radius: 50px;
        background: linear-gradient(45deg, #e81c2e, #ff3d56);
        color: #fff;
        font-weight: 600;
        border: none;
        text-transform: uppercase;
        transition: 0.3s ease;
      }

      .btn-custom:hover {
        transform: translateY(-3px);
        box-shadow: 0 12px 30px rgba(232, 28, 46, 0.45);
      }

      @media (max-width: 768px) {
        .leader-image-box {
          width: 220px;
          height: 300px;
        }
      }