:root {
        --orange-main: #D89835;
        --gray-dark: #5F5F5F;
        --text-main: #212121;
    }

    .service-card {
        border: 1px solid #eee;
        transition: all 0.3s ease;
        position: relative;
    }

    .service-card::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 4px;
        background-color: var(--orange-main);
        border-top-left-radius: 0.5rem;
        border-top-right-radius: 0.5rem;
    }

    .service-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 15px 25px rgba(0, 0, 0, 0.07);
        border-color: var(--orange-main);
    }

    .section-title {
        font-size: 2.2rem;
        font-weight: bold;
        color: var(--text-main);
    }

    .section-subtitle {
        font-size: 1rem;
        color: var(--gray-dark);
    }

    .service-card h6 {
        color: var(--orange-main);
    }

    .service-card p {
        color: var(--gray-dark);
    }
    @media (hover: hover) {
        .service-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 15px 25px rgba(0, 0, 0, 0.07);
            border-color: var(--orange-main);
        }
    }
    @media (max-width: 767px) {
        .service-card {
            box-shadow: 0 6px 12px rgba(0,0,0,0.05);
        }
    }