/*!**********************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./src/modules/regular/Banner CTA.module/module.css ***!
  \**********************************************************************************************************************************************/
.banner-cta__wrapper {
    border-radius: 24px;
    -webkit-box-shadow: 0px 23px 51px 0px rgba(0,0,0,0.10196), 0px 368px 147px 0px rgba(0,0,0,0.01176), 0px 575px 161px 0px rgba(0,0,0,0);
            box-shadow: 0px 23px 51px 0px rgba(0,0,0,0.10196), 0px 368px 147px 0px rgba(0,0,0,0.01176), 0px 575px 161px 0px rgba(0,0,0,0);
    padding: 64px;
    position: relative;
    overflow: hidden;
    background-color: #051c4f;

    @-webkit-keyframes rotateBackground1 {
      0% {
        top: -30%;
        left: 0px;
        -webkit-filter: blur(80px);
                filter: blur(80px);
      }
      50% {
        top: -15%;
        left: 10%;
        -webkit-filter: blur(130px);
                filter: blur(130px);
      }
      100% {
        top: -30%;
        left: 0px;
        -webkit-filter: blur(80px);
                filter: blur(80px);
      }
    }

    @-webkit-keyframes rotateBackground2 {
      0% {
        bottom: -30%;
        right: 10%;
      }
      50% {
        bottom: 0%;
        right: 0%;
      }
      100% {
        bottom: -30%;
        right: 10%;
      }
    }
  }

    @media (max-width: 992px) {.banner-cta__wrapper {
      padding: 24px
  }
    }

    .banner-cta__wrapper .object {
      position: absolute;
      left: 0px;
      top: 0px;
      width: 100%;
      height: 100%;
      //animation: rotateBackground 20s infinite ease-in-out;
    }

    .banner-cta__wrapper .dot {
      width: 270px;
      height: 270px;
      -webkit-filter: blur(80px);
              filter: blur(80px);
      opacity: 0.25;
    }

    @media (max-width: 992px) {

    .banner-cta__wrapper .dot {
        width: 100px;
        height: 100px;
        opacity: 0.5;
        -webkit-filter: blur(50px);
                filter: blur(50px)
    }
      }

    @supports (-webkit-backdrop-filter: blur(1px)) {

    .banner-cta__wrapper .dot {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
        -webkit-backface-visibility: hidden;
                backface-visibility: hidden
    }
      }

    .banner-cta__wrapper .dot.first {
        position: absolute;
        background-color: #9fdfc6;
        left: 0px;
        top: -30%;
        -webkit-animation: rotateBackground1 10s infinite ease-in-out;
                animation: rotateBackground1 10s infinite ease-in-out;
      }

    .banner-cta__wrapper .dot.second {
        position: absolute;
        background-color: #9fdfc6;
        right: 10%;
        bottom: -30%;
        -webkit-animation: rotateBackground2 10s infinite ease-in-out;
                animation: rotateBackground2 10s infinite ease-in-out;
      }

    @keyframes rotateBackground1 {
      0% {
        top: -30%;
        left: 0px;
        -webkit-filter: blur(80px);
                filter: blur(80px);
      }
      50% {
        top: -15%;
        left: 10%;
        -webkit-filter: blur(130px);
                filter: blur(130px);
      }
      100% {
        top: -30%;
        left: 0px;
        -webkit-filter: blur(80px);
                filter: blur(80px);
      }
    }

    @keyframes rotateBackground2 {
      0% {
        bottom: -30%;
        right: 10%;
      }
      50% {
        bottom: 0%;
        right: 0%;
      }
      100% {
        bottom: -30%;
        right: 10%;
      }
    }

    .banner-cta__wrapper--text {
      width: 100%;
      grid-gap: 16px;
      gap: 16px;
      position: relative;
      z-index: 1;
    }

    .banner-cta__wrapper--text .text * {
          color: #ffffff;
        }

    .banner-cta__wrapper--text .cta a.button--type-solid {
          background: #0d44c2 !important;
        }

    .banner-cta__wrapper--text .cta a.button--type-solid:hover {
            background: #0e47cd !important;
          }
  .banner-cta.light .banner-cta__wrapper {
      background-color: #fff;
      z-index: 5;
    }
  .banner-cta.light .banner-cta__wrapper--text .text * {
          color: #051c4f;
        }
  .banner-cta.light .banner-cta__wrapper--text .text p,
        .banner-cta.light .banner-cta__wrapper--text .text span,
        .banner-cta.light .banner-cta__wrapper--text .text li {
          color: #051c4f;
          font-weight: 300;
          line-height: normal;
          letter-spacing: -0.4px;
          letter-spacing: var(--Typography-Letter-Spacing-Compact, -0.4px);
        }
  @media (min-width: 768px) {
  .banner-cta.light .banner-cta__wrapper--text .text p,
        .banner-cta.light .banner-cta__wrapper--text .text span,
        .banner-cta.light .banner-cta__wrapper--text .text li {
            font-size: var(--TypographyFontSizeParagraphxlarge)
        }
          }
  @media (min-width: 993px) {
  .banner-cta.light .dot {
        width: 466px;
        height: 466px;
        -webkit-filter: blur(310px);
                filter: blur(310px);
        opacity: 0.5
    }
      }
  .banner-cta.light .dot.first {
        background-color: #b8ebe8;
      }
  .banner-cta.light .dot.second {
        background-color: #c0b9e8;
      }