.pricing {
    &__item {
        @extend %of-hidden;
        @include add-prefix(transition, $transition);
        border-radius: .3rem;

        &:hover {
            @include add-prefix(transform, scale(1.02));
            box-shadow: 0 5px 10px 5px rgba($title-color, $alpha: .05);
        }
    }

    &__inner {
        @extend %text-center;
        background-color: $white-color;
        border-radius: 4px;

    }

    &__head {
        background-color: $secondary-color;
        border-radius: 0 0 30px 0;
        max-inline-size: 40%;

        h4 {
            padding-block: 1.25rem;
            text-transform: uppercase;
            @extend %mb-0;
        }
    }




    &__body {
        h4 {
            color: $theme-color;
            @extend %mb-0;
            padding-block: 20px;
            border-bottom: 1px solid rgba($title-color, $alpha: .1);
        }

        ul {
            @extend %text-left,
            %pl-30;

            li {
                span {
                    @extend %mr-5;

                    .fa-circle-check {
                        color: $green;
                    }

                    .fa-circle-xmark {
                        color: $red;
                    }
                }

                padding-block: 1rem;

                &:not(:last-child) {
                    border-bottom: 1px solid rgba($title-color, $alpha: .05);
                }
            }
        }
    }

    &__title {
        @extend %mb-5;
    }

    &__value {
        @extend %mb-0;
        @include font-size(18px);
        color: $white-color;
        font-weight: 600;
    }

    &__footer {
        padding-bottom: 40px;
        padding-top: 15px;
    }

}