.card-feature {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 24rem;
    line-height: 1.3;
    border-radius: 16rem;
}

.card-feature--gray {
    background-color: var(--color-gray-100);
}

.card-feature--white {
    background-color: var(--color-white);
}

.card-feature--blue-100 {
    padding: 33rem 24rem;
    background-color: var(--color-blue-100);
}

.card-feature--blue-100 .card-feature__title {
    margin-top: 24rem;
}

.card-feature--blue-100 .card-feature__text {
    margin-top: unset;
}

.card-feature:has(.card-feature__pros) .card-feature__title {
    font-size: 18rem;
}

.card-feature:has(.card-feature__pros) .card-feature__icon {
    width: 28rem;
    height: 28rem;
}

.card-feature__icon {
    width: 32rem;
    height: 32rem;
}

.card-feature__icon img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
}

.card-feature__title {
    margin-top: 16rem;
    color: var(--color-dark);
    font-size: 24rem;
    font-weight: 700;
}

.card-feature__title:has(+ .card-feature__text) {
    margin-bottom: 16rem;
}

.card-feature__pros {
    margin-block: 4rem 16rem;
    color: var(--color-gray-400);
    font-size: 14rem;
    font-weight: 500;
}

.card-feature__text {
    margin-top: auto;
    color: var(--color-gray-900);
    font-size: 16rem;
    font-weight: 300;
}

.jaw-tracking-slider .card-feature__text {
    margin-top: unset;
}

@media screen and (min-width: 1024px) and (orientation: landscape) {
    .card-feature:has(.card-feature__pros) .card-feature__icon {
        width: 32rem;
        height: 32rem;
    }
}