/*!*******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/fast-css-loader/lib/index.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./blocks/header/grid-slider/style.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************/
/* Bootstrap */
/* Vendors */
.swiper-fade.swiper-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out; }

.swiper-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  transition-property: opacity; }
  .swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none; }

.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto; }

/*! purgecss start ignore */
.h--slider-grid {
  background-color: #5AA7DC;
  color: #ffffff; }
  .h--slider-grid .l__label, .h--slider-grid .l__small {
    font-weight: 600;
    text-transform: uppercase; }
  .h--slider-grid .l__small {
    opacity: .9; }
  .h--slider-grid .l__row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
            flex-flow: column wrap;
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2; }
  .h--slider-grid .l__grid {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(2, 1fr);
    height: 100%; }
  .h--slider-grid .l__item {
    border-radius: var(--border-radius-xs);
    overflow: hidden;
    position: relative;
    background-color: #F6F2F2;
    color: #292524;
    padding: var(--spacers-md) 0 var(--spacers-md) var(--spacers-md);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    @media (max-width: 767.98px) {
      .h--slider-grid .l__item {
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between; } }
    .h--slider-grid .l__item > div {
      position: relative;
      z-index: 10; }
    .h--slider-grid .l__item:first-child::after {
      content: '';
      width: 100%;
      height: 100%;
      background-image: url(../assets/images/shapes/shape_2.svg);
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background-size: cover;
      background-position: 50% 50%; }
    .h--slider-grid .l__item + .l__item {
      background-color: #ee4444;
      color: #ffffff; }
  .h--slider-grid .l__swiper {
    background-color: #5AA7DC;
    position: relative;
    height: 100%; }
    .h--slider-grid .l__swiper::after {
      content: '';
      width: 100%;
      height: 100%;
      background-image: url(../assets/images/shapes/shape_2.svg);
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background-size: cover; }
  .h--slider-grid .l__slide-inner {
    width: 100%;
    padding-right: var(--gutter-base);
    padding-left: var(--gutter-base);
    margin-right: auto;
    margin-left: auto;
    padding-top: var(--spacers-md);
    padding-bottom: var(--spacers-md);
    margin: 0;
    z-index: 2; }
    @media (min-width: 1400px) {
      .h--slider-grid .l__slide-inner {
        padding-left: var(--spacers-lg-vw);
        padding-right: var(--spacers-lg-vw); } }
    @media (max-width: 767.98px) {
      .h--slider-grid .l__slide-inner {
        text-align: center;
        padding-bottom: var(--spacers-lg-vw);
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2; } }
    @media (min-width: 992px) {
      .h--slider-grid .l__slide-inner {
        max-width: 55%;
        padding-right: var(--spacers-md); } }
  .h--slider-grid .l__slide {
    position: relative; }
    @media (min-width: 768px) {
      .h--slider-grid .l__slide {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        height: 100%; }
        .h--slider-grid .l__slide::after {
          content: "";
          padding-top: calc(9 / 19 * 100%); } }
    @media (max-width: 767.98px) {
      .h--slider-grid .l__slide {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; } }
  .h--slider-grid .l__title {
    text-transform: uppercase; }
    @media (max-width: 991.98px) {
      .h--slider-grid .l__title {
        font-size: var(--title-xl);
        line-height: var(--title-xl-line-height);
        letter-spacing: var(--title-xl-letter-spacing); } }
    @media (max-width: 767.98px) {
      .h--slider-grid .l__title {
        font-size: var(--title-xxl);
        line-height: var(--title-xxl-line-height);
        letter-spacing: var(--title-xxl-letter-spacing); } }
    .h--slider-grid .l__title span {
      font-weight: 300; }
  .h--slider-grid .l__slide-bg {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0; }
    @media (max-width: 767.98px) {
      .h--slider-grid .l__slide-bg {
        display: none; } }
  @media (max-width: 767.98px) {
    .h--slider-grid .l__mobile_img {
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1;
      display: block !important;
      width: 100%;
      margin: 0; } }
  .h--slider-grid .l__mobile_img_no_text {
    margin-bottom: calc(var(--spacers-md) * -1); }
    .h--slider-grid .l__mobile_img_no_text img {
      position: relative; }
  @media (max-width: 767.98px) {
    .h--slider-grid .l__img {
      display: none !important; } }
  @media (min-width: 768px) and (max-width: 991.98px) {
    .h--slider-grid .l__img {
      display: none; } }
  @media (min-width: 992px) {
    .h--slider-grid .l__img {
      width: 50%;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0; } }
  .h--slider-grid .l__img-right {
    width: 40%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0; }
  .h--slider-grid .swiper {
    --swiper-filter-color: var(--filter-light);
    --swiper-filter-color-hover: var(--filter-dark);
    --swiper-nav-color: #F6F2F2;
    --swiper-nav-border-color: #F6F2F2;
    --swiper-nav-bg-color: transparent;
    --swiper-nav-bg-color-hover: #F6F2F2;
    width: 100%; }
  .h--slider-grid .swiper-wrapper {
    position: relative;
    width: 100%; }
  .h--slider-grid .swiper-pagination {
    width: 100%;
    padding-right: var(--gutter-base);
    padding-left: var(--gutter-base);
    margin-right: auto;
    margin-left: auto;
    position: absolute;
    bottom: var(--spacers-md) !important; }
    @media (min-width: 1400px) {
      .h--slider-grid .swiper-pagination {
        padding-left: var(--spacers-lg-vw);
        padding-right: var(--spacers-lg-vw); } }
    @media (max-width: 767.98px) {
      .h--slider-grid .swiper-pagination {
        bottom: var(--spacers-sm) !important; } }
    @media (min-width: 768px) {
      .h--slider-grid .swiper-pagination {
        right: auto;
        width: auto !important; } }
    @media (max-width: 767.98px) {
      .h--slider-grid .swiper-pagination {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; } }
  .h--slider-grid .swiper-slide {
    height: auto;
    pointer-events: none;
    display: block; }
    @media (max-width: 767.98px) {
      .h--slider-grid .swiper-slide {
        padding-bottom: var(--spacers-xs-vw); } }
    .h--slider-grid .swiper-slide-active {
      pointer-events: auto; }
    .h--slider-grid .swiper-slide.slide-bg-blue {
      background-color: #5AA7DC; }
    .h--slider-grid .swiper-slide.slide-bg-green {
      background-color: #10B880; }
    .h--slider-grid .swiper-slide.slide-bg-yellow {
      background-color: #FFE053;
      color: #292524; }

/*! purgecss end ignore */