// ==============================================
// 💪 DIRECT LINE SCSS
// ==============================================

.sec-our-team{
  padding: 100px 0 150px;
  @media screen and (max-width: 991px) and (min-width: 768px) {
    padding: 80px 0 100px;
  }
  @media screen and (max-width: $screen-xs) {
    padding: 48px 0 60px;
  }
  .primary-tab-3{
    .filter-header{
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 20px;
      @media screen and (max-width: $screen-xs) {
        justify-content: center;
        gap: 0;
      }
    }
  }
  .team-grid{
    display: grid;
    align-items: self-start;
    &.grid-3{
      grid-template-columns: repeat(3, calc(33% - 12px));
      column-gap: 24px;
      row-gap: 48px;
      @media screen and (max-width: 991px) and (min-width: 768px) {
        grid-template-columns: repeat(2, calc(50% - 12px));
      }
      @media screen and (max-width: $screen-xs) {
        grid-template-columns: 1fr;
        column-gap: 0;
        row-gap: 20px;
      }
    }
  }
}


.sec-breadcrumb{
  .container{
    padding: 0;
  }
}