.ctaGrid {
  margin: calc(1.525rem + 2.75vw) 0;
}
@media (min-width: 1440px) {
  .ctaGrid {
    margin: 4rem 0;
  }
}
.ctaGrid__text {
  margin-bottom: 20px;
}
.ctaGrid__text h1, .ctaGrid__text h2, .ctaGrid__text h3 {
  margin-bottom: 0;
}
@media screen and (min-width: 992px) {
  .ctaGrid {
    margin-bottom: calc(1.3375rem + 0.875vw);
  }
}
@media screen and (min-width: 992px) and (min-width: 1440px) {
  .ctaGrid {
    margin-bottom: 2.125rem;
  }
}
@media screen and (min-width: 992px) {
  .ctaGrid__text {
    margin-bottom: calc(1.4375rem + 1.875vw);
  }
}
@media screen and (min-width: 992px) and (min-width: 1440px) {
  .ctaGrid__text {
    margin-bottom: 3.125rem;
  }
}

.singleCTA {
  display: block;
  text-decoration: none;
  margin-bottom: 30px;
}
.singleCTA__media {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  margin-bottom: 20px;
  pointer-events: none;
}
.singleCTA__media:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 67.3076923077%;
}
.singleCTA__media > img, .singleCTA__media > div, .singleCTA__media iframe, .singleCTA__media > video {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.singleCTA__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease;
}
.singleCTA__media iframe {
  max-width: 620px;
  top: 50% !important;
  left: 50% !important;
  right: unset !important;
  bottom: unset !important;
  transform: translate(-50%, -50%);
  min-width: 100%;
  min-height: 100%;
}
.singleCTA__title {
  font-weight: 500;
  line-height: 1.33;
  color: #000;
  transition: color 0.3s ease;
  margin-bottom: 20px;
}
.singleCTA__title {
  font-size: 20px;
}
@media screen and (min-width: 320px) {
  .singleCTA__title {
    font-size: calc(20px + 4 * ((100vw - 320px) / 880));
  }
}
@media screen and (min-width: 1200px) {
  .singleCTA__title {
    font-size: 24px;
  }
}
.singleCTA:hover .singleCTA__title {
  color: var(--main-color);
}
.singleCTA:hover .singleCTA__media img {
  transform: scale(1.05);
}
@media screen and (min-width: 992px) {
  .singleCTA .mobileButton {
    display: none;
  }
  .singleCTA__media {
    border-radius: 18px;
    margin-bottom: 30px;
  }
  .singleCTA__title {
    margin-bottom: 0;
  }
}

@media screen and (max-width: 991.5px) {
  .mobileButton {
    display: flex;
    justify-content: center;
    margin-top: 20px;
    margin-bottom: 30px;
    text-transform: uppercase;
  }
}
@media screen and (min-width: 992px) {
  .mobileButton {
    display: none;
  }
}

/*# sourceMappingURL=cta-grid.css.map */