.employees-list {
  padding-top: 50px;
  padding-bottom: 50px;
  box-sizing: border-box;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 20px; }
  .employees-list h1 {
    text-transform: uppercase; }
  .employees-list .employee-item {
    min-height: 270px;
    max-width: 100%;
    min-width: 250px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    flex: 1; }
    .employees-list .employee-item .employee-portrait {
      flex-shrink: 0;
      width: 100%;
      background: #012340;
      overflow: hidden;
      display: flex;
      justify-content: center;
      align-items: center;
      transition: box-shadow 0.3s ease; }
      .employees-list .employee-item .employee-portrait img {
        width: 100%;
        height: auto; }
    .employees-list .employee-item .employee-info h2 {
      margin: 0; }
      .employees-list .employee-item .employee-info p {
        font-size: 18px;
        margin: 0; }
    .employees-list .employee-item.border-radius-top-left .employee-portrait {
      border-top-left-radius: 10px; }
    .employees-list .employee-item.border-radius-top-right .employee-portrait {
      border-top-right-radius: 10px; }
    .employees-list .employee-item.border-radius-bottom-left .employee-portrait {
      border-bottom-left-radius: 10px; }
    .employees-list .employee-item.border-radius-bottom-right .employee-portrait {
      border-bottom-right-radius: 10px; }
    .employees-list .employee-item .employee-portrait:hover {
      box-shadow: 0 0 30px 10px rgba(1, 35, 64, 0.8); }
