/*!***********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[0].use[3]!./template-parts/block-card-image-blue-bg/block-card-image-blue-bg.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************/
.cardImageBg__wrapper {
  padding: 130px 0;
  position: relative; }
  @media screen and (max-width: 1400px) {
    .cardImageBg__wrapper {
      padding: 80px 0; } }
  @media screen and (max-width: 640px) {
    .cardImageBg__wrapper {
      padding-bottom: 40px; } }
  .cardImageBg__wrapper.reversed .cardImageBg__container {
    flex-direction: row-reverse; }
  .cardImageBg__wrapper.reversed .cardImageBg__overlay {
    left: unset;
    right: 0; }
    .cardImageBg__wrapper.reversed .cardImageBg__overlay::before {
      transform: rotate(-3.2deg);
      left: unset;
      right: -15px;
      border-radius: 0 42px; }
  @media screen and (max-width: 991px) {
    .cardImageBg__wrapper.typeTwo {
      padding: 80px 0;
      margin: 50px 0; } }
  @media screen and (max-width: 640px) {
    .cardImageBg__wrapper.typeTwo {
      padding: 80px 0;
      margin: 0;
      padding-bottom: 0; } }
  .cardImageBg__wrapper.typeTwo.reversed .cardImageBg__container {
    flex-direction: row-reverse; }
    .cardImageBg__wrapper.typeTwo.reversed .cardImageBg__container .cardImageBg__image img {
      transform: translateX(-100%); }
      @media screen and (max-width: 1400px) {
        .cardImageBg__wrapper.typeTwo.reversed .cardImageBg__container .cardImageBg__image img {
          transform: translateX(-50%); } }
      @media screen and (max-width: 1100px) {
        .cardImageBg__wrapper.typeTwo.reversed .cardImageBg__container .cardImageBg__image img {
          transform: translateX(-25%); } }
      @media screen and (max-width: 991px) {
        .cardImageBg__wrapper.typeTwo.reversed .cardImageBg__container .cardImageBg__image img {
          transform: none; } }
  .cardImageBg__wrapper.typeTwo.reversed .cardImageBg__overlay {
    left: unset;
    right: 0; }
    .cardImageBg__wrapper.typeTwo.reversed .cardImageBg__overlay::before {
      transform: translateY(-50%) rotate(-1.2deg);
      left: unset;
      right: -15px;
      border-radius: 42px 0 0 42px; }
  .cardImageBg__wrapper.typeTwo .cardImageBg__container {
    align-items: center;
    justify-content: space-between; }
    .cardImageBg__wrapper.typeTwo .cardImageBg__container .cardImageBg__content {
      margin-right: 158px; }
      @media screen and (max-width: 1600px) {
        .cardImageBg__wrapper.typeTwo .cardImageBg__container .cardImageBg__content {
          margin-right: 80px; } }
      @media screen and (max-width: 1440px) {
        .cardImageBg__wrapper.typeTwo .cardImageBg__container .cardImageBg__content {
          margin-right: 45px; } }
      @media screen and (max-width: 1200px) {
        .cardImageBg__wrapper.typeTwo .cardImageBg__container .cardImageBg__content {
          margin-right: 0; } }
      @media screen and (max-width: 991px) {
        .cardImageBg__wrapper.typeTwo .cardImageBg__container .cardImageBg__content {
          margin: 90px 0 0;
          margin-right: auto; } }
      @media screen and (max-width: 450px) {
        .cardImageBg__wrapper.typeTwo .cardImageBg__container .cardImageBg__content {
          margin: 140px 0 0; } }
    .cardImageBg__wrapper.typeTwo .cardImageBg__container .cardImageBg__image {
      position: relative;
      width: 100%;
      max-width: 300px;
      max-height: 519px; }
      @media screen and (max-width: 991px) {
        .cardImageBg__wrapper.typeTwo .cardImageBg__container .cardImageBg__image {
          max-width: 228px;
          margin-bottom: 40px;
          display: contents; } }
      @media screen and (max-width: 450px) {
        .cardImageBg__wrapper.typeTwo .cardImageBg__container .cardImageBg__image {
          max-width: 250px;
          margin-bottom: 0; } }
      .cardImageBg__wrapper.typeTwo .cardImageBg__container .cardImageBg__image img {
        transform: translateX(100%);
        width: 100%;
        height: auto;
        filter: drop-shadow(0 4px 40px rgba(0, 0, 0, 0.3)); }
        @media screen and (max-width: 1400px) {
          .cardImageBg__wrapper.typeTwo .cardImageBg__container .cardImageBg__image img {
            transform: translateX(50%); } }
        @media screen and (max-width: 1100px) {
          .cardImageBg__wrapper.typeTwo .cardImageBg__container .cardImageBg__image img {
            transform: translateX(25%); } }
        @media screen and (max-width: 991px) {
          .cardImageBg__wrapper.typeTwo .cardImageBg__container .cardImageBg__image img {
            transform: translateY(20%);
            width: 228px;
            margin-top: -116px;
            margin-bottom: 65px; } }
        @media screen and (max-width: 450px) {
          .cardImageBg__wrapper.typeTwo .cardImageBg__container .cardImageBg__image img {
            transform: translateY(20%);
            width: 228px;
            margin-top: -120px;
            margin-bottom: 0; } }
  @media screen and (max-width: 991px) {
    .cardImageBg__wrapper.typeTwo .cardImageBg__overlay {
      top: -29%; } }
  @media screen and (max-width: 450px) {
    .cardImageBg__wrapper.typeTwo .cardImageBg__overlay {
      top: -30%; } }
  .cardImageBg__wrapper.typeTwo .cardImageBg__overlay::before {
    content: "";
    background: #0079c1;
    position: absolute;
    width: 100%;
    height: 400px;
    display: block;
    border-radius: 0 42px 42px 0;
    left: -15px;
    top: 50%;
    transform: translateY(-50%) rotate(1.2deg); }
    @media screen and (max-width: 450px) {
      .cardImageBg__wrapper.typeTwo .cardImageBg__overlay::before {
        height: 300px; } }
  .cardImageBg__wrapper .cardImageBg__overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 43.5%;
    height: 100%; }
    @media screen and (max-width: 991px) {
      .cardImageBg__wrapper .cardImageBg__overlay {
        width: 90%; } }
    @media screen and (max-width: 450px) {
      .cardImageBg__wrapper .cardImageBg__overlay {
        width: 100%; } }
    .cardImageBg__wrapper .cardImageBg__overlay.short::before {
      height: 400px; }
      @media screen and (max-width: 400px) {
        .cardImageBg__wrapper .cardImageBg__overlay.short::before {
          height: 300px; } }
    .cardImageBg__wrapper .cardImageBg__overlay::before {
      content: "";
      position: absolute;
      width: 100%;
      height: 555px;
      display: block;
      top: -30px;
      left: -15px;
      transform: rotate(3.2deg);
      background: #0079c1;
      border-radius: 0 0 42px; }
      @media screen and (max-width: 991px) {
        .cardImageBg__wrapper .cardImageBg__overlay::before {
          height: 380px; } }
  .cardImageBg__wrapper .cardImageBg__container {
    display: flex;
    justify-content: space-around; }
    @media screen and (max-width: 991px) {
      .cardImageBg__wrapper .cardImageBg__container {
        flex-direction: column; } }
    .cardImageBg__wrapper .cardImageBg__container.short .cardImageBg__image {
      max-width: 613px;
      max-height: 391px; }
      @media screen and (max-width: 991px) {
        .cardImageBg__wrapper .cardImageBg__container.short .cardImageBg__image {
          max-width: 496px; } }
      @media screen and (max-width: 650px) {
        .cardImageBg__wrapper .cardImageBg__container.short .cardImageBg__image {
          max-width: 480px; } }
      @media screen and (max-width: 350px) {
        .cardImageBg__wrapper .cardImageBg__container.short .cardImageBg__image {
          max-width: 256px; } }
    .cardImageBg__wrapper .cardImageBg__container .cardImageBg__image {
      position: relative;
      width: 100%;
      max-width: 514px;
      max-height: 400px; }
      @media screen and (max-width: 1400px) {
        .cardImageBg__wrapper .cardImageBg__container .cardImageBg__image {
          max-height: 500px; } }
      @media screen and (max-width: 991px) {
        .cardImageBg__wrapper .cardImageBg__container .cardImageBg__image {
          margin: 0 auto;
          max-width: 218px; } }
      .cardImageBg__wrapper .cardImageBg__container .cardImageBg__image img {
        transform: translateY(-29%);
        width: 100%;
        max-width: 600px;
        height: auto;
        filter: drop-shadow(0 4px 40px rgba(0, 0, 0, 0.3)); }
    .cardImageBg__wrapper .cardImageBg__container .cardImageBg__content {
      max-width: 627px;
      margin-left: 98px;
      padding: 0 20px 0 0;
      display: flex;
      flex-direction: column; }
      @media screen and (max-width: 1400px) {
        .cardImageBg__wrapper .cardImageBg__container .cardImageBg__content {
          margin: 0 0 0 40px;
          max-width: 550px; } }
      @media screen and (max-width: 991px) {
        .cardImageBg__wrapper .cardImageBg__container .cardImageBg__content {
          margin: 60px 0 0 40px; } }
      @media screen and (max-width: 650px) {
        .cardImageBg__wrapper .cardImageBg__container .cardImageBg__content {
          max-width: unset;
          width: 100%;
          margin: 60px 0 0; } }
      @media screen and (max-width: 398px) {
        .cardImageBg__wrapper .cardImageBg__container .cardImageBg__content {
          margin: 40px 0 0; } }
      .cardImageBg__wrapper .cardImageBg__container .cardImageBg__content .cardImageBg__heading {
        display: flex;
        align-items: center; }
        @media screen and (max-width: 991px) {
          .cardImageBg__wrapper .cardImageBg__container .cardImageBg__content .cardImageBg__heading {
            flex-direction: column-reverse;
            align-items: flex-start;
            padding: 0 0 0 20px; }
            .cardImageBg__wrapper .cardImageBg__container .cardImageBg__content .cardImageBg__heading .cardHeading-line {
              margin: 12px 0 0; } }
        .cardImageBg__wrapper .cardImageBg__container .cardImageBg__content .cardImageBg__heading .cardHeading-line {
          width: 40px;
          height: 4px;
          background: #009cde;
          border-radius: 6px;
          margin-right: 32px; }
      .cardImageBg__wrapper .cardImageBg__container .cardImageBg__content .cardImageBg__content-text {
        margin: 28px 0 0 72px; }
        @media screen and (max-width: 991px) {
          .cardImageBg__wrapper .cardImageBg__container .cardImageBg__content .cardImageBg__content-text {
            margin: 28px 0 0;
            padding: 0 0 0 20px; } }
      .cardImageBg__wrapper .cardImageBg__container .cardImageBg__content .btn {
        margin: 28px 0 0 72px; }
        @media screen and (max-width: 991px) {
          .cardImageBg__wrapper .cardImageBg__container .cardImageBg__content .btn {
            margin: 28px 0 0 20px;
            width: unset; } }

@media screen and (min-width: 1921px) {
  .cardImageBg__wrapper {
    padding: 6.77083vw 0; }
    .cardImageBg__wrapper.reversed .cardImageBg__overlay::before {
      right: -0.78125vw;
      border-radius: 0 2.1875vw; }
    .cardImageBg__wrapper.typeTwo.reversed .cardImageBg__overlay::before {
      right: -0.78125vw;
      border-radius: 2.1875vw 0 0 2.1875vw; }
    .cardImageBg__wrapper.typeTwo .cardImageBg__container .cardImageBg__image {
      max-width: 16.45833vw;
      max-height: 27.03125vw; }
    .cardImageBg__wrapper.typeTwo .cardImageBg__overlay::before {
      height: 20.83333vw;
      border-radius: 0 2.1875vw 2.1875vw 0;
      left: -0.78125vw; }
    .cardImageBg__wrapper .cardImageBg__overlay.short::before {
      height: 20.83333vw; }
    .cardImageBg__wrapper .cardImageBg__overlay::before {
      height: 28.90625vw;
      top: -1.5625vw;
      left: -0.78125vw;
      border-radius: 0 0 2.1875vw; }
    .cardImageBg__wrapper .cardImageBg__container.short .cardImageBg__image {
      max-width: 31.92708vw;
      max-height: 20.36458vw; }
    .cardImageBg__wrapper .cardImageBg__container .cardImageBg__image {
      max-width: 26.77083vw;
      max-height: 39.94792vw; }
    .cardImageBg__wrapper .cardImageBg__container .cardImageBg__content {
      max-width: 32.65625vw;
      margin-left: 5.10417vw; }
      .cardImageBg__wrapper .cardImageBg__container .cardImageBg__content .cardImageBg__heading .cardHeading-line {
        width: 2.08333vw;
        height: 0.20833vw;
        border-radius: 0.3125vw;
        margin-right: 1.66667vw; }
      .cardImageBg__wrapper .cardImageBg__container .cardImageBg__content .cardImageBg__content-text {
        margin: 1.45833vw 0 0 3.75vw; }
      .cardImageBg__wrapper .cardImageBg__container .cardImageBg__content .btn {
        margin: 1.45833vw 0 0 3.75vw; } }