/*!************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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]!./sources/css/components/col-cards--v6.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************/
/* Bootstrap */
/* Vendors */
.v6 {
  --card-body-y: var(--spacers-xs);
  overflow: hidden;
}
.v6 .col-card {
  position: relative;
}
.v6 .col-card .l__title,
.v6 .col-card .l__link {
  -webkit-transition: 0.3s ease-in opacity;
  transition: 0.3s ease-in opacity;
}
@media (hover: hover) {
  .v6 .col-card:hover .l__title,
.v6 .col-card:hover .l__link {
    color: #ee4444;
  }
}
.v6 .col-card__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  height: 100%;
  width: 100%;
  padding: var(--spacers-md);
  background-color: #F6F2F2;
}
@media (hover: hover) {
  .v6 .col-card__item:hover .col-card__image {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}
.v6 .col-card__header {
  position: relative;
  background-color: var(--background-lazyload);
  overflow: hidden;
  margin-bottom: var(--spacers-sm);
}
.v6 .col-card__header::after {
  position: absolute;
  opacity: 0;
  -webkit-transition: 0.3s ease-in opacity;
  transition: 0.3s ease-in opacity;
  background-color: rgba(0, 0, 0, 0.2);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  content: "";
  z-index: 5;
  overflow: hidden;
}
.v6 .col-card__header .stretch-img {
  z-index: 2;
}
.v6 .col-card__image {
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: -webkit-transform 0.7s cubic-bezier(0, 0, 0.58, 1);
  transition: -webkit-transform 0.7s cubic-bezier(0, 0, 0.58, 1);
  transition: transform 0.7s cubic-bezier(0, 0, 0.58, 1);
  transition: transform 0.7s cubic-bezier(0, 0, 0.58, 1), -webkit-transform 0.7s cubic-bezier(0, 0, 0.58, 1);
  will-change: auto;
}
.v6 .col-card__cnt {
  font-size: var(--text-ms);
  line-height: var(--text-ms-line-height);
  letter-spacing: var(--text-ms-letter-spacing);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.v6 .col-card__body {
  padding: var(--card-body-y) 0 0;
}
.v6 .col-card__footer {
  padding-top: var(--spacers-xs);
  margin-top: auto;
}
.v6 .col-card__footer .btn-link {
  margin-top: -0.625rem;
}
.v6 .col-card__title {
  position: relative;
  padding-left: calc(clamp(19px * var(--min-font-size-controler), 1.098265896vw, 19px * var(--max-font-size-controler)) + var(--spacers-xxs));
  min-height: clamp(21px * var(--min-font-size-controler), 1.2138728324vw, 21px * var(--max-font-size-controler));
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: var(--spacers-sm);
}
.v6 .col-card__title::before {
  content: "";
  width: clamp(19px * var(--min-font-size-controler), 1.098265896vw, 19px * var(--max-font-size-controler));
  height: clamp(21px * var(--min-font-size-controler), 1.2138728324vw, 21px * var(--max-font-size-controler));
  background-size: contain;
  display: block;
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='34' height='38' viewBox='0 0 34 38' fill='none'><path d='M18.3891 37.8931H0L15.4039 19L0 0.106934H18.3891L33.793 19L18.3891 37.8931Z' fill='%23E62E29'/></svg>");
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
}
.v6 .col-card__button {
  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;
  margin-top: var(--spacers-md);
}
.v6 .col-card__button .btn-arrow-right {
  padding-right: 0;
}
.v6 .col-card__button .btn-arrow-right svg {
  right: 0;
}

@media (min-width: 992px) {
  .l__sticky .ratio::before {
    padding-top: calc(37.5% - 24px);
  }
}
@media (min-width: 992px) {
  .l__sticky .col-card__cnt {
    width: 50%;
  }
}