/* Make "Get in TOuch" section title match other sections with glowing O */
#contact .section-title {
    transition: all 0.8s cubic-bezier(0.34, 1.56, 0.64, 1);
    transform-origin: center;
}

/* Make the yellow O glow like in other section titles */
#contact .section-title .highlight {
    color: #fecf6a; /* beOnd signature yellow/gold color */
    display: inline-block;
    transition: all 0.8s cubic-bezier(0.34, 1.56, 0.64, 1);
}

#contact:hover .section-title .highlight {
    color: #fecf6a; /* beOnd signature yellow/gold color */
    transform: scale(1.2);
    text-shadow: 0 0 20px rgba(254, 207, 106, 0.5);
    display: inline-block;
}

/* Custom styling for the contact icons SVG */
.email-icon,
.phone-icon,
.location-icon {
    width: 36px;
    height: 36px;
    stroke: #fecf6a; /* beOnd signature yellow/gold color */
    stroke-width: 1.5;
    transition: all 0.5s ease;
}

.contact-card:hover .email-icon,
.contact-card:hover .phone-icon,
.contact-card:hover .location-icon {
    filter: drop-shadow(0 0 5px rgba(254, 207, 106, 0.7));
    transform: scale(1.1);
}

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

/* Specific adjustments for individual icons if needed */
.phone-icon {
    stroke-linecap: round;
    stroke-linejoin: round;
}

.location-icon {
    stroke-linecap: round;
    stroke-linejoin: round;
}