.case-study__container {
  margin-bottom: 30px; }

.case-study--desktop, .case-study--mobile {
  display: none; }

@media (min-width: 992px) {
  .case-study--desktop {
    display: flex; } }

@media (max-width: 991px) {
  .case-study--mobile {
    display: block;
    width: 100%; } }

.case-study__wrapper {
  display: block;
  height: 100%;
  border-radius: 6px;
  background-color: #fff;
  transition: all .2s; }
  .case-study__wrapper:hover {
    box-shadow: 0 4px 32px rgba(53, 89, 135, 0.15);
    transform: scale(1.06, 1.06); }
  .case-study__wrapper .image-wrapper {
    width: 100%;
    overflow: hidden;
    height: 200px;
    border-radius: 2px;
    position: relative; }
    .case-study__wrapper .image-wrapper .img {
      width: 100%;
      height: 100%;
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover;
      transition: all .2s; }
  .case-study__wrapper .details {
    padding: 18px 25px; }
    .case-study__wrapper .details__company {
      text-transform: uppercase;
      font-size: 18px;
      margin-bottom: 10px; }
    .case-study__wrapper .details__introduction {
      font-size: 16px; }
      @media (min-width: 992px) {
        .case-study__wrapper .details__introduction {
          margin-bottom: 0; } }