.card-imageText[data-style="31"].swiper-slide {
  padding: 0 2rem;
  border-left: solid 1px rgba(32, 124, 125, 0.6);
  position: relative; }
  .card-imageText[data-style="31"].swiper-slide:before {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    background-color: #207c7d;
    border-radius: 50%;
    top: 0px;
    left: -7px; }
  .card-imageText[data-style="31"].swiper-slide:first-child {
    margin-left: 10px; }
  @media only screen and (max-width: 580px) {
    .card-imageText[data-style="31"].swiper-slide {
      margin-bottom: 3rem; }
      .card-imageText[data-style="31"].swiper-slide:first-child {
        margin-left: 0; } }
  .card-imageText[data-style="31"].swiper-slide .year {
    font-size: 45px;
    font-weight: 900;
    letter-spacing: 9.67px;
    color: #42898a;
    margin-bottom: 5rem;
    padding-left: .5rem; }
  .card-imageText[data-style="31"].swiper-slide .img-wrapper {
    max-width: 100%;
    -webkit-box-shadow: 1px 1px 7px 0 rgba(0, 0, 0, 0.5);
            box-shadow: 1px 1px 7px 0 rgba(0, 0, 0, 0.5);
    margin-bottom: 2.4rem; }
    .card-imageText[data-style="31"].swiper-slide .img-wrapper .img-box {
      width: 100%;
      padding-bottom: 40.3%;
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat; }
  .card-imageText[data-style="31"].swiper-slide .content-wrapper {
    position: relative; }
    .card-imageText[data-style="31"].swiper-slide .content-wrapper:before {
      content: '';
      position: absolute;
      left: -2rem;
      width: 8px;
      height: 100%;
      -webkit-box-shadow: 1px 1px 7px 0 rgba(175, 175, 175, 0.5);
              box-shadow: 1px 1px 7px 0 rgba(175, 175, 175, 0.5);
      background-color: #207c7d; }
    .card-imageText[data-style="31"].swiper-slide .content-wrapper .title {
      margin-bottom: 1rem;
      overflow: hidden;
      -o-text-overflow: ellipsis;
         text-overflow: ellipsis;
      white-space: nowrap; }
      .card-imageText[data-style="31"].swiper-slide .content-wrapper .title a {
        color: #083c3d;
        text-decoration: none;
        font-size: 16px;
        font-weight: 500;
        line-height: 1.88;
        letter-spacing: 3.22px;
        -webkit-transition: .4s ease-in-out;
        -o-transition: .4s ease-in-out;
        transition: .4s ease-in-out; }
        .card-imageText[data-style="31"].swiper-slide .content-wrapper .title a:hover {
          opacity: .6; }
    .card-imageText[data-style="31"].swiper-slide .content-wrapper .content {
      font-size: 16px;
      font-weight: 500;
      line-height: 1.88;
      letter-spacing: 3.22px;
      color: #42898a; }