/* Component */




.compCont {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.compCont img {
    margin-top: 6px;
    width: 12px;
}

.compText {
    display: flex;
    flex-direction: column;
    gap: 6px;
}


/* Main */

/* .compCards {
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 56px;
    /* margin-top: clamp(32px, 5vw, 112px) */
/* } */
.compCards {
    width: 100%;
    /* max-width: 600px; */
    /* display: flex;
    flex-direction: column;
    align-items: flex-start; */

    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px;
    /* box-shadow: var(--shdw); */
    /* padding: 32px clamp(16px, 3vw, 64px);
    border-radius: var(--radius); */


}

.compCard {
    width: 100%;
    height: 100%;
    /* min-height: 180px; */
    display: flex;
    align-items: flex-start;
    gap: 8px;
    box-shadow: var(--shdw);
    padding: clamp(24px, 3vw, 32px) clamp(24px, 3vw, 64px);
    border-radius: var(--radius);

}

/* .compLineHead {
    display: flex;
    align-items: center;
    gap: 8px;

} */

/* .compCardHead img {
    width: 18px;

} */

.compCardTxt {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.compCard img {
    width: 18px;
}



/* .compLine h4 {
    border-bottom: var(--border);
} */

.compCard p {
    font-size: 14px;
    color: var(--font-lg);
}

@media(max-width: 1260px) {
    .compCards {
        grid-template-columns: repeat(2, 1fr);
    }

}

@media(max-width: 1020px) {
    .comparisons {
        flex-direction: column-reverse;
        align-items: center;

    }

    /* .compCards {
        flex-direction: column;
    } */
}

@media(max-width: 680px) {
    .compCards {
        grid-template-columns: repeat(1, 1fr);
    }
}