.justified-text {
  text-align: justify;
}
 
  .firstb {
     background-color:#FFEADE;
     padding-left:40px;
     padding-bottom: -20px;
   }

  .directors-section {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
      gap: 2rem;
      animation: fadeIn 1.2s ease-in-out;
      margin-top: 50px;
    }
    .director-card {
      background: white;
      border-radius: 1rem;
      box-shadow: 0 10px 15px rgba(0, 0, 0, 0.05);
      overflow: hidden;
      text-align: center;
      transition: transform 0.3s ease;
    }
    .director-card:hover {
      transform: translateY(-10px);
    }

      .director-singlecard {
      background: white;
      border-radius: 1rem;
      box-shadow: 0 10px 15px rgba(0, 0, 0, 0.05);
      overflow: hidden;
      text-align: center;
      width:320px;
      transition: transform 0.3s ease;
    }
    .director-singlecard:hover {
      transform: translateY(-10px);
    }
    .director-image {
      width: 100%;
      height: 350px;
      object-fit: cover;
    }
    .director-info {
      padding: 1rem;
    }
    .director-name {
      font-weight: 600;
      font-size: 1.1rem;
      margin-bottom: 0.3rem;
    }
    .director-role {
      color: #000A64;
      font-size: 0.9rem;
      font-weight: bold;
      padding-bottom:10px;
    }
  .director-description {
      font-size: 0.9rem;
      color: #374151;
      line-height: 1.4;
    }
    @keyframes fadeIn {
      from { opacity: 0; transform: translateY(20px); }
      to { opacity: 1; transform: translateY(0); }
    }