.karta-z-ikona-kolorowe-tla{
  .module-title{
    padding-top:0;
    .container{
      .module-supertitle-text{
        text-align: left;
        font-weight: 700;
        color: rgb(95, 156, 130);
        letter-spacing: 0.08em;
        text-transform: uppercase;
        margin: 0px 0px 8px;
        line-height: 1.6;
      }
      .module-title-text{
        text-align: left;
        font-family: "Baloo 2", sans-serif;
        font-weight: 700;
        margin: 0px 0px 40px;
        line-height: 1.6;

      }
    }
    padding-bottom: 0;
  }
}
.support-section__container {
    max-width: 1160px;
    margin: 0 auto;
}

.support-section__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

.support-card-wrapper {
    display: block;
    text-decoration: none;
    color: inherit;
    height: 100%;
}

.support-card {
    display: flex;
    flex-direction: column;
    gap: 12px;

    height: 100%;

    padding: 28px;

    border-radius: 20px;

    color: #2b2b33;

    border: 2px solid transparent;

    transition:
        transform .25s ease,
        border-color .25s ease;
}

.support-card__icon {
    width: 54px;
    height: 54px;

    display: flex;
    align-items: center;
    justify-content: center;


    border-radius: 16px;
}

.support-card__icon figure {
    margin: 0;
    display: flex;
    justify-content: center;
}

.support-card__icon img {
    width: 28px;
    height: 28px;
    object-fit: contain;
}

.support-card h3 {
    margin: 0;

    font-family: "Baloo 2", sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.6;
}

.support-card__content {
    line-height: 1.6;
}
.support-card__content p{
    font-size: 16px;
    line-height: 1.6;
}


.support-card__content p:last-child {
    margin-bottom: 0;
}

.support-card__link {
    margin-top: auto;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-weight: 700;
    line-height: 1.6;
    font-size: 16px;
}

/*.support-card__link:after {
    content: "→";
    transition: transform .2s ease;
}*/

.support-card:hover .support-card__link:after {
}
/* KARTA 1 */

.support-card-item:nth-child(1) .support-card {
    background: rgb(253, 244, 247);
}

.support-card-item:nth-child(1) .support-card__icon {
    background: rgb(249, 219, 228);
}

.support-card-item:nth-child(1) .support-card__link {
    color: rgb(199, 106, 134);
}

.support-card-item:nth-child(1) .support-card:hover {
    border-color: rgb(242, 201, 214);
}


/* KARTA 2 */

.support-card-item:nth-child(2) .support-card {
    background: rgb(242, 249, 245);
}

.support-card-item:nth-child(2) .support-card__icon {
    background: rgb(220, 239, 230);
}

.support-card-item:nth-child(2) .support-card__link {
    color: rgb(95, 156, 130);
}

.support-card-item:nth-child(2) .support-card:hover {
    border-color: rgb(191, 224, 208);
}


/* KARTA 3 */

.support-card-item:nth-child(3) .support-card {
    background: rgb(246, 243, 251);
}

.support-card-item:nth-child(3) .support-card__icon {
    background: rgb(230, 222, 244);
}

.support-card-item:nth-child(3) .support-card__link {
    color: rgb(124, 110, 180);
}

.support-card-item:nth-child(3) .support-card:hover {
    border-color: rgb(214, 204, 238);
}


/* KARTA 4 */

.support-card-item:nth-child(4) .support-card {
    background: rgb(242, 247, 251);
}

.support-card-item:nth-child(4) .support-card__icon {
    background: rgb(219, 231, 244);
}

.support-card-item:nth-child(4) .support-card__link {
    color: rgb(91, 131, 173);
}

.support-card-item:nth-child(4) .support-card:hover {
    border-color: rgb(196, 217, 236);
}


/* KARTA 5 */

.support-card-item:nth-child(5) .support-card {
    background: rgb(253, 248, 240);
}

.support-card-item:nth-child(5) .support-card__icon {
    background: rgb(246, 234, 210);
}

.support-card-item:nth-child(5) .support-card__link {
    color: rgb(185, 138, 62);
}

.support-card-item:nth-child(5) .support-card:hover {
    border-color: rgb(236, 220, 190);
}

.support-card-item:nth-child(6) .support-card {
    background: linear-gradient(
        135deg,
        rgb(249, 219, 228),
        rgb(230, 222, 244)
    );

    justify-content: center;
}

.support-card-item:nth-child(6) .support-card h3 {
    font-size: 22px;
}

.support-card-item:nth-child(6) .support-card__link {
    align-self: flex-start;

    display: inline-flex;
    align-items: center;
    gap: 8px;

    margin-top: 0px;

    padding: 12px 22px;
    font-size: 16px;

    background: rgb(43, 43, 51);
    color: rgb(255, 255, 255);

    border-radius: 999px;

    font-weight: 700;

    line-height: 1.4;

    transition:
        transform .2s ease,
        box-shadow .2s ease;
}
.support-card-item:nth-child(6) .support-card__link::before{
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    background-image: url(/img/telephone-white.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.support-card-item:nth-child(6) .support-card .support-card__link:hover {
background: rgb(199, 106, 134);
}

.support-card-item:nth-child(6) .support-card__link:after {
    display: none;
}

@media (max-width: 900px) {

    .support-section__grid {
        grid-template-columns: repeat(2, 1fr);
    }

}

@media (max-width: 600px) {

    .support-section__grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .support-card {
        padding: 24px;
    }

}

@media (max-width: 575.5px) {
    .module-title{
        .container{
            padding-left: 20px;
            padding-left: 20px;
        }
    }
    .support-section{
        padding: 0 20px;
    }
}
@media (min-width: 576px) and (max-width: 767.5px) {
    .module-title{
        .container{
            padding-left: 20px;
            padding-left: 20px;
        }
    }
    .support-section{
        padding: 0 20px;
    }
}
@media (min-width: 768px) and (max-width: 991.5px) {
    .module-title{
        .container{
            padding-left: 20px;
            padding-left: 20px;
        }
    }
    .support-section{
        padding: 0 20px;
    }
}
@media (min-width: 992px) and (max-width: 1199.5px) {
    .module-title{
        .container{
            max-width: 992px;
            width: 100%;
            padding-left: 24px;
            padding-left: 24px;
        }
    }
    .support-section{
        padding: 0 24px;
    }
}
@media (min-width: 1200px) and (max-width: 1579.5px) {

}