.home-section {
    @extend .min-vh-100;
    background-color: $tertiary;
    @extend .flex-center;
    @extend .flex-column;
    padding-top: 6rem;
}

.card-service {
    @extend .h-100;
    @extend .p-md-3;
    border-width: 0.5px;
    transition: $transition-base;

    .card-icon {
        @extend .mb-4;
        width: 56px;
        height: 56px;
        background-color: var(--bs-primary-bg-subtle);
        @extend .rounded;
        @extend .flex-center;
        transition: $transition-base;

        svg {
            color: $primary;
        }
    }

    &:hover {
        border-color: $primary;
        @extend .shadow;

        .card-icon {
            transform: scale(1.1);
            background-color: $primary;

            svg {
                color: $white;
            }
        }
    }
}