/*!*********************************************************************************************************************************************************************************************************************************!*\
  !*** 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-color-cards/block-color-cards.scss ***!
  \*********************************************************************************************************************************************************************************************************************************/
.color-cards {
  padding: 60px 0; }
  @media screen and (max-width: 600px) {
    .color-cards {
      padding: 30px 0; } }
  .color-cards_inner {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 24px; }
    @media screen and (max-width: 730px) {
      .color-cards_inner {
        grid-template-columns: 1fr; } }
  .color-cards_item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    padding: 65px;
    border-radius: 16px;
    color: #fff; }
    @media screen and (max-width: 1050px) {
      .color-cards_item {
        padding: 30px; } }
    .color-cards_item-img {
      width: 100%;
      height: auto;
      object-fit: cover;
      min-height: 150px;
      border-radius: 16px;
      margin: 40px 0; }
      @media screen and (max-width: 600px) {
        .color-cards_item-img {
          margin: 20px 0; } }
    .color-cards_item-text {
      margin: 35px 0;
      opacity: 0.8; }
      @media screen and (max-width: 600px) {
        .color-cards_item-text {
          margin: 10px 0 20px; } }
    .color-cards_item-btn {
      border: none !important;
      outline: none !important;
      color: #171717 !important; }
      .color-cards_item-btn svg rect {
        fill: #171717 !important;
        will-change: fill;
        transition: 0.3s fill; }
      .color-cards_item-btn.color-053937 {
        color: #053937 !important; }
        .color-cards_item-btn.color-053937 svg rect {
          fill: #053937 !important; }
      .color-cards_item-btn.color-b88731 {
        color: #b88731 !important; }
        .color-cards_item-btn.color-b88731 svg rect {
          fill: #b88731 !important; }
      @media (hover: hover) and (pointer: fine) {
        .color-cards_item-btn:hover {
          background: #171717 !important;
          color: #fff !important;
          border: none !important; }
          .color-cards_item-btn:hover svg rect {
            fill: #171717 !important; } }