.citations {
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #f6f6f6;
}

.citations .card-wrapper .card .year {
  margin-bottom: 60.5px;
}
.citations .card-wrapper .card .btn-black-lined {
  color: #2A61BB;
  text-transform: initial;
  padding: 2px 0;
}
.citations .card-wrapper .card .btn-black-lined::after {
  background-color: #2A61BB;
}
.citations .title {
  margin-bottom: 20px;
}
.citations .card-wrapper {
  -webkit-column-gap: 63px;
     -moz-column-gap: 63px;
          column-gap: 63px;
  row-gap: 20px;
}

.citations .card-wrapper .card {
  min-height: 311px;
}
.citations .card-wrapper .card .readmore {
  display: none;
}
.citations .card-wrapper .card .readmore-btn {
  color: #2A61BB;
  position: relative;
}
.citations .card-modal .card {
  max-width: 100%;
  padding: 20px 30px 30px 30px;
}
.citations .card-modal .card .card_modal{
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .citations {
    padding-top: 125px;
    padding-bottom: 125px;
  }
}

@media (min-width: 768px) {
  .citations .title {
    margin-bottom: 55px;
  }
}

@media (min-width: 768px) {
  .citations .card-wrapper {
    row-gap: 55px;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .citations .card-wrapper {
    -webkit-column-gap: 27px;
       -moz-column-gap: 27px;
            column-gap: 27px;
  }
}

@media (max-width: 767.98px) {
  .citations .card-wrapper .card {
    padding: 30px 20px;
    max-width: 100%;
    min-height: 250px;
  }
  .citations .card-wrapper .card .year {
    margin-bottom: 40px;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .citations .card-wrapper .card {
    max-width: 48%;
  }
}
.citations .card-wrapper .card .readmore-btn:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 2px;
  bottom: 0px;
  left: 0;
  right: 0;
  margin: auto;
  background-color: #2A61BB;
  transition: all 0.3s ease-in-out;
}
@media (min-width:1200px){
  .citations .card-wrapper .card .readmore-btn:hover:after {
    width: 0%;
  }
}