@-webkit-keyframes scale-display {
  0% {
    opacity: 0;
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
  }
  100% {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}

@keyframes scale-display {
  0% {
    opacity: 0;
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
  }
  100% {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/* breakpoints */
@keyframes scale-display {
  0% {
    opacity: 0;
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
  }
  100% {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@media (max-width: 767px) {
  .cmp-content {
    text-align: center;
  }
  .cmp-content ul,
  .cmp-content ol {
    text-align: left;
  }
}

.cmp-content .row > div:first-child[class*='col-'] {
  padding-right: 46px;
}

@media (max-width: 767px) {
  .cmp-content .row > div:first-child[class*='col-'] {
    padding-right: 15px;
  }
}

.cmp-content .row > div:last-child[class*='col-'] {
  padding-left: 46px;
}

@media (max-width: 767px) {
  .cmp-content .row > div:last-child[class*='col-'] {
    padding-left: 15px;
  }
}

.cmp-content img {
  height: 360px;
  width: 100%;
  object-fit: cover;
}

@media (max-width: 991px) {
  .cmp-content img {
    height: 300px;
  }
}

@media (max-width: 767px) {
  .cmp-content img {
    height: 360px;
    margin-top: 25px;
  }
}

@media (max-width: 575px) {
  .cmp-content img {
    height: 300px;
  }
}

.cmp-content__title a {
  text-decoration: none;
}

.cmp-content__content {
  font-size: 1.125rem;
  line-height: 1.75rem;
}

@media (max-width: 767px) {
  .cmp-content.cmp-content-with-image-left .component-content > .row {
    flex-direction: column-reverse;
  }
}

@keyframes scale-display {
  0% {
    opacity: 0;
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
  }
  100% {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes scale-display {
  0% {
    opacity: 0;
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
  }
  100% {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/* breakpoints */
.cmp-full-image img {
  height: auto;
}