@import "@/styles/variables";
@import "@/styles/mixins";

.ourTeam {
  color: $black;
  margin-top: $hl-6;

  .description {
    opacity: 0.8;
    margin-top: $hl-8;
  }

  .listShow {
    margin-top: $hl-8;
  }

  .inner {
    background: $white;
    height: 100%;
    
    .header {
      position: relative;

      .listBg {
        border-radius: $radius $radius 0 0;
      }

      .listTitle {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        background: rgba($blue-dark, 60%);
        border-radius: $radius $radius 0 0;
        color: #FFF;
        padding: $hl-9;
      }
    }

    p {
      border: 1px solid rgba($black, 15%);
      border-top: none;
      border-radius: 0 0 $radius $radius;
      opacity: 0.6;
      padding: $hl-8;
    }
  }
}