/*!*******************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/views/col-title-text/col-title-text.scss ***!
  \*******************************************************************************************************************************************************************/
@media (max-width: 767px) {
  .col-title-text__wrap {
    display: flex;
    flex-direction: column;
  }
}
@media (min-width: 768px) {
  .col-title-text__wrap {
    display: grid;
    grid-auto-columns: 1fr;
    grid-auto-rows: 1fr;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: min-content;
    column-gap: clamp(24px, 8px + 5vw, 80px);
    grid-template-areas: "block-1 block-2" "block-3 block-2";
  }
}
@media (max-width: 767px) {
  .col-title-text__first-col {
    margin-bottom: clamp(1rem, 0.75rem + 1.25vw, 1.875rem);
  }
}
@media (min-width: 768px) {
  .col-title-text__first-col {
    grid-area: block-1;
  }
}
@media (min-width: 768px) {
  .col-title-text__second-col {
    grid-area: block-2;
  }
}
.col-title-text__cta-wrap {
  margin-top: clamp(1.5rem, 0.857rem + 3.214vw, 3.75rem);
}
@media (min-width: 768px) {
  .col-title-text__cta-wrap {
    grid-area: block-3;
  }
}