/* line 3, app/assets/stylesheets/marketing_pages/cta_banner.scss */
.rm-cta-banner {
  padding: 44px 20px;
  background-color: #196faf;
  background-position: bottom left;
  background-repeat: no-repeat;
  background-size: cover;
}

@media (min-width: 950px) {
  /* line 3, app/assets/stylesheets/marketing_pages/cta_banner.scss */
  .rm-cta-banner {
    padding: 100px 80px;
    background-image: url(/assets/marketing_pages/pro_report/cta-banner-background-e225f17e87e45198e4927fe0723e7f3c18c5c5d67271004300ab6743525ed655.svg);
  }
}

@media (min-width: 950px) {
  /* line 21, app/assets/stylesheets/marketing_pages/cta_banner.scss */
  .rm-cta-banner--plain {
    background-image: none;
  }
}

/* line 27, app/assets/stylesheets/marketing_pages/cta_banner.scss */
.rm-cta-banner__inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
}

/* line 36, app/assets/stylesheets/marketing_pages/cta_banner.scss */
.rm-cta-banner .rm-cta-banner__title {
  margin: 0 0 16px;
  font-family: "Roboto";
  font-size: 28px;
  line-height: 120%;
  font-weight: 700;
  color: #e6f1fa;
  text-align: center;
}

@media (min-width: 768px) {
  /* line 36, app/assets/stylesheets/marketing_pages/cta_banner.scss */
  .rm-cta-banner .rm-cta-banner__title {
    font-size: 38px;
    margin-bottom: 20px;
  }
}

/* line 52, app/assets/stylesheets/marketing_pages/cta_banner.scss */
.rm-cta-banner .rm-cta-banner__text {
  margin: 0 0 32px;
  max-width: 626px;
  font-family: "Roboto";
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #e6f1fa;
  text-align: center;
}

@media (min-width: 768px) {
  /* line 52, app/assets/stylesheets/marketing_pages/cta_banner.scss */
  .rm-cta-banner .rm-cta-banner__text {
    font-size: 18px;
    line-height: 27px;
    margin-bottom: 80px;
  }
}

/* line 70, app/assets/stylesheets/marketing_pages/cta_banner.scss */
.rm-cta-banner--wide-text .rm-cta-banner__text {
  max-width: 846px;
}

/* line 74, app/assets/stylesheets/marketing_pages/cta_banner.scss */
.rm-cta-banner__actions {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  width: 100%;
}

@media (min-width: 768px) {
  /* line 74, app/assets/stylesheets/marketing_pages/cta_banner.scss */
  .rm-cta-banner__actions {
    flex-direction: row;
    justify-content: center;
    gap: 24px;
  }
}

/* line 89, app/assets/stylesheets/marketing_pages/cta_banner.scss */
.rm-cta-banner__button {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 52px;
  width: 100%;
  padding: 0 16px;
  border: none;
  outline: none;
  border-radius: 4px;
  font-family: "Roboto";
  font-size: 16px;
  line-height: 21px;
  font-weight: 600;
  color: white;
  text-decoration: none;
}

@media (min-width: 768px) {
  /* line 89, app/assets/stylesheets/marketing_pages/cta_banner.scss */
  .rm-cta-banner__button {
    width: 300px;
  }
}

/* line 113, app/assets/stylesheets/marketing_pages/cta_banner.scss */
.rm-cta-banner__button:hover, .rm-cta-banner__button:focus {
  color: white;
  text-decoration: none;
}

/* line 119, app/assets/stylesheets/marketing_pages/cta_banner.scss */
.rm-cta-banner__button--primary {
  background-color: #ef6f22;
}

/* line 122, app/assets/stylesheets/marketing_pages/cta_banner.scss */
.rm-cta-banner__button--primary:hover, .rm-cta-banner__button--primary:focus {
  background-color: #d6601a;
}

/* line 128, app/assets/stylesheets/marketing_pages/cta_banner.scss */
.rm-cta-banner__button--secondary {
  background-color: transparent;
  border: 1px solid white;
}

/* line 132, app/assets/stylesheets/marketing_pages/cta_banner.scss */
.rm-cta-banner__button--secondary:hover, .rm-cta-banner__button--secondary:focus {
  background-color: rgba(255, 255, 255, 0.12);
}