/*------------------------------------------------------------------
[8.12 - Tools page]
*/
.tools-card {
    @include transition(all .5s ease);

    &:hover {
        transform: scale(1.025);
    }

    &-icon {
        width: 2.75rem;
        height: 2.75rem;
        color: white;
        background: var(--color-1);
        border-radius: .5rem;
    }

    &-title {
        color: var(--color-3);
        font-size: 1.25rem;
        font-weight: 700;
    }

    &-subtitle {
        color: rgba(var(--color-3-rgb),.75);
        font-size: .875rem;
    }

    &-text {
        color: var(--color-3);
    }

    &-info {
        color: var(--color-3);

        span:nth-of-type(1) {
            font-weight: 600;
        }

        i {
            color: var(--color-5);
        }
    }
}
