  <style>
        body {
            font-family: 'Barlow', sans-serif;
            background-color: #f8f9fa; /* Komplyzen light background */
            color: #42494B; /* Komplyzen dark text */
        }
        .filter-btn {
            transition: all 0.3s ease;
            box-shadow: none !important; /* No shadows */
        }
        .filter-btn.active {
            background-color: #17d0c3; /* Komplyzen main color */
            color: white;
            transform: translateY(-2px);
        }
        .service-card-container {
            border: 1px solid #dee2e6;
            border-radius: 12px;
            box-shadow: none !important; /* No shadows */
            overflow: hidden;
        }
        .service-card {
            transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
            transform-style: preserve-3d;
        }
        .service-card .card-back {
            transform: rotateY(180deg);
        }
        .service-card.is-flipped {
            transform: rotateY(180deg);
        }
        .card-face {
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }
        /* Custom colors for tags */
        .tag-blue { background-color: #e6f2ff; color: #1e40af; }
        .tag-green { background-color: #dcfce7; color: #166534; }
        .tag-purple { background-color: #ede9fe; color: #5b21b6; }
        .tag-yellow { background-color: #fffbeb; color: #92400e; }
        /* Adjusted hover colors */
        .hover-blue:hover { color: #2563eb; }
        .hover-green:hover { color: #15803d; }
        .hover-purple:hover { color: #7c3aed; }
        .hover-yellow:hover { color: #b45309; }
    </style>