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

.container {
  color: $black;
  padding: $hl-2 0 $hl-3;
  background: linear-gradient($white, $grey-light);
  .imageContainer,
  .imageContainer img {
    border-radius: $radius;
  }
  .title {
    text-align: center;
    text-align: center;
    margin: 0 auto $hl-4;
  }
  .h4 {
    margin: 1.5rem 0 1rem;
    line-height: 1.75;
    @include text-overflow;
    @include h4;
  }
  .p1 {
    color: $font-color-6;
    line-height: 1.75;
    @include p1;
    @include multi-line-ellipsis;
  }
  .more {
    text-align: center;
    a {
      @include link-arrow();
    }
  }
  .education {
    margin-bottom: 3.75rem;
    cursor: pointer;
  }
}