/**
 * The base file that should be imported by every file.
 * There should be no CSS generation in this or from imported scss files at all!
 */
/**
 * Library
 */
/**
 * Variables and functions
 */
.section-call-to-action .container-wrapper {
  background: linear-gradient(180deg, #2C435E 0%, rgba(44, 67, 94, 0.5) 100%);
  padding: 45px 0; }
  @media (min-width: 981px) {
    .section-call-to-action .container-wrapper {
      max-width: 1200px;
      width: 90%;
      margin: 0 auto; } }
  .section-call-to-action .container-wrapper .container {
    display: flex;
    flex-direction: column;
    gap: 45px;
    align-items: center; }
    @media (min-width: 981px) {
      .section-call-to-action .container-wrapper .container {
        flex-direction: row;
        justify-content: space-between; } }
    .section-call-to-action .container-wrapper .container .left {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 45px;
      flex: 1; }
      @media (min-width: 981px) {
        .section-call-to-action .container-wrapper .container .left {
          gap: 90px;
          flex-direction: row; } }
      .section-call-to-action .container-wrapper .container .left .icon {
        height: 95px;
        width: 95px;
        flex-basis: 95px; }
        .section-call-to-action .container-wrapper .container .left .icon img {
          height: 100%;
          width: 100%; }
        .section-call-to-action .container-wrapper .container .left .icon svg path {
          fill: var(--green); }
      .section-call-to-action .container-wrapper .container .left .content {
        flex: 1; }
        .section-call-to-action .container-wrapper .container .left .content .title {
          text-align: center; }
          @media (min-width: 981px) {
            .section-call-to-action .container-wrapper .container .left .content .title {
              max-width: 300px;
              text-align: left; } }
          .section-call-to-action .container-wrapper .container .left .content .title h1, .section-call-to-action .container-wrapper .container .left .content .title h2, .section-call-to-action .container-wrapper .container .left .content .title h3 {
            color: var(--white);
            margin: 0;
            padding: 0; }
        .section-call-to-action .container-wrapper .container .left .content .text {
          color: var(--white); }

/*# sourceMappingURL=call-to-action.css.map */