/* uniforms.css */   
    .uniform-card {
      border: none;
      border-radius: 12px;
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
      transition: transform 0.3s ease, box-shadow 0.3s ease;
      height: 100%;
      background-color: #ffffff;
      overflow: hidden;
    }

    .uniform-card:hover {
      transform: translateY(-5px);
      box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    }

    .uniform-img-wrapper {
      height: 250px; /* Fixed height for image area */
      background-color: #ffffff;
      display: flex;
      align-items: center;
      justify-content: center;
      overflow: hidden;
    }

    .uniform-img-wrapper img {
      max-height: 100%;
      width: auto;
      object-fit: contain;
    }

    .section-title {
      position: relative;
      display: inline-block;
      margin-bottom: 2rem;
      color: #1e3265;
      font-weight: 500;
    }
    
    .section-title::after {
      content: '';
      position: absolute;
      width: 50%;
      height: 3px;
      background-color: #f3f2ef;
      bottom: -10px;
      left: 25%;
    }

    .info-box {
      background-color: #f1f4f9;
      border-radius: 12px;
      padding: 2rem;
    }
    
    .uniform-card .card-body h5 {
      color: #1e3265;
      font-weight: 600;
    }

    .card-body {
      padding: 1.5rem;
    }

    .card-body p {
      font-size: 0.9rem;
      line-height: 1.4;
      color: #555555;
    }