/*!*********************************************************************************************************************************************************************************************************************************!*\
  !*** 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-banner/block-card-banner.scss ***!
  \*********************************************************************************************************************************************************************************************************************************/
.cardBanner__wrapper {
  padding: 120px 0 24px 106px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  max-height: 750px;
  height: 750px;
  position: relative;
  max-width: 1920px;
  width: 100%;
  margin: 0 auto;
  overflow: hidden; }
  @media screen and (max-width: 1840px) {
    .cardBanner__wrapper {
      padding: 100px 0 24px; } }
  @media screen and (max-width: 640px) {
    .cardBanner__wrapper {
      padding: 80px 0 24px;
      max-height: 650px;
      height: 650px; } }
  @media screen and (max-width: 375px) {
    .cardBanner__wrapper {
      height: 530px;
      min-height: 530px;
      max-height: 530px; } }
  .cardBanner__wrapper.banner__short {
    max-height: 450px;
    height: 450px; }
    @media screen and (max-width: 640px) {
      .cardBanner__wrapper.banner__short {
        height: auto;
        max-height: none;
        min-height: 550px;
        padding: 80px 0 24px; } }
  .cardBanner__wrapper .cardBanner__image {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    overflow: hidden;
    z-index: -1; }
    .cardBanner__wrapper .cardBanner__image img {
      min-width: 1000%;
      min-height: 1000%;
      max-width: none;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%) scale(0.1001);
      transition: 350ms ease;
      object-fit: cover; }
  .cardBanner__wrapper .cardBanner__content {
    position: relative;
    padding: 0 24px;
    z-index: 2;
    color: #fff; }
    .cardBanner__wrapper .cardBanner__content .breadcrumbs {
      opacity: 1;
      animation: crumbFade ease-in 1.5s;
      position: relative;
      z-index: 2;
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      padding: 64px 0 24px;
      font-size: 14px;
      font-weight: 300;
      line-height: 2;
      font-family: "Gilroy", Helvetica, sans-serif; }
      @media screen and (max-width: 576px) {
        .cardBanner__wrapper .cardBanner__content .breadcrumbs {
          padding: 44px 0 24px; } }
      .cardBanner__wrapper .cardBanner__content .breadcrumbs svg {
        width: 16px;
        height: 16px;
        display: inline-block;
        margin-right: 8px; }
      .cardBanner__wrapper .cardBanner__content .breadcrumbs span {
        margin: 0 4px; }
      .cardBanner__wrapper .cardBanner__content .breadcrumbs a {
        margin: 0 4px;
        color: #fff; }
    .cardBanner__wrapper .cardBanner__content > h1 {
      margin-bottom: 24px;
      max-width: 1200px; }
    .cardBanner__wrapper .cardBanner__content > p {
      max-width: 610px;
      width: 100%;
      margin-bottom: 0; }
      @media screen and (max-width: 640px) {
        .cardBanner__wrapper .cardBanner__content > p {
          font-size: 16px; } }

@media screen and (min-width: 1921px) {
  .cardBanner__wrapper {
    padding: 6.25vw 0 1.25vw 5.52083vw;
    max-height: 39.0625vw;
    height: 39.0625vw;
    max-width: 100vw; }
    .cardBanner__wrapper.banner__short {
      max-height: 23.4375vw;
      height: 23.4375vw; }
    .cardBanner__wrapper .cardBanner__content {
      padding: 0 1.25vw; }
      .cardBanner__wrapper .cardBanner__content .breadcrumbs {
        padding: 3.33333vw 0 1.25vw;
        font-size: 0.72917vw; }
        .cardBanner__wrapper .cardBanner__content .breadcrumbs svg {
          width: 0.83333vw;
          height: 0.83333vw;
          margin-right: 0.41667vw; }
        .cardBanner__wrapper .cardBanner__content .breadcrumbs span {
          margin: 0 0.20833vw; }
        .cardBanner__wrapper .cardBanner__content .breadcrumbs a {
          margin: 0 0.20833vw; }
      .cardBanner__wrapper .cardBanner__content > h1 {
        margin-bottom: 1.25vw;
        max-width: 56.25vw; }
      .cardBanner__wrapper .cardBanner__content > p {
        max-width: 31.77083vw; } }