/*!************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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(calc((19px * var(--min-font-size-controler))), calc(1.09827vw), calc(19px * var(--max-font-size-controler))) + var(--spacers-xxs));
      min-height: clamp(calc((21px * var(--min-font-size-controler))), calc(1.21387vw), calc(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(calc((19px * var(--min-font-size-controler))), calc(1.09827vw), calc(19px * var(--max-font-size-controler)));
        height: clamp(calc((21px * var(--min-font-size-controler))), calc(1.21387vw), calc(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(((3 / 4 * 100%)/2) - 24px); } }

@media (min-width: 992px) {
  .l__sticky .col-card__cnt {
    width: 50%; } }

