/* Custom styling for the service SVG icons */
.service-svg-icon {
    width: 48px;
    height: 48px;
    stroke: #fecf6a; /* beOnd signature yellow/gold color */
    stroke-width: 1.5;
    transition: all 0.8s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.service-card:hover .service-svg-icon {
    filter: drop-shadow(0 0 8px rgba(254, 207, 106, 0.7));
    transform: scale(1.1);
}

/* Ensure the service icon container properly centers the SVG */
.service-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 60px;
}

/* Individual icon adjustments */
.service-card:nth-child(1) .service-svg-icon {
    /* Brand icon */
    stroke-linecap: round;
    stroke-linejoin: round;
}

.service-card:nth-child(2) .service-svg-icon {
    /* Social icon */
    stroke-linecap: round;
    stroke-linejoin: round;
}

.service-card:nth-child(3) .service-svg-icon {
    /* Media icon */
    stroke-linecap: square;
}

.service-card:nth-child(4) .service-svg-icon {
    /* Studio icon */
    stroke-linecap: round;
    stroke-linejoin: round;
}

.service-card:nth-child(5) .service-svg-icon {
    /* Experience icon */
    stroke-linecap: round;
    stroke-linejoin: round;
}

.service-card:nth-child(6) .service-svg-icon {
    /* eCommerce icon */
    stroke-linecap: round;
    stroke-linejoin: round;
}

.service-card:nth-child(7) .service-svg-icon {
    /* Performance icon */
    stroke-linecap: round;
    stroke-linejoin: round;
}

.service-card:nth-child(8) .service-svg-icon {
    /* Data icon */
    stroke-linecap: round;
    stroke-linejoin: round;
}