@font-face {
          font-family: 'Helvetica Neue';
          src: url('assets/fonts/helvetica/HelveticaNeue.otf') format('opentype');
        }

        .services-container {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 90px;
        }

        .service-card {
            width: 300px;
            height: 350px;
            perspective: 1000px;
        }

        .card-inner {
            width: 100%;
            height: 100%;
            position: relative;
            transform-style: preserve-3d;
            transition: transform 0.6s;
        }

        .service-card:hover .card-inner {
            transform: rotateY(180deg);
        }

        .card-front, .card-back {
            width: 100%;
            height: 100%;
            position: absolute;
            backface-visibility: hidden;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            text-align: center;
            padding: 20px;
            border-radius: 10px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        }

        .card-front {
            background: white;
            border: 2px solid #28a745;
        }

        .card-front img {
            width: 80px;
            height: 80px;
        }

        .card-front h5 {
            margin-top: 15px;
            font-size: 19.2px;
            color: #333;
            font-family: 'Helvetica Neue', sans-serif;
        }

        .card-back {
            background: #28a745;
            color: white;
            transform: rotateY(180deg);
            border-radius: 10px;
            border-color: white;
        }

        .card-back p {
            font-size: 19.2px;
            text-align: justify;
            max-width: 90%;
            color: white;
            font-family: 'Helvetica Neue', sans-serif;
        }