.contact-hero-block {
    position: relative;
    padding: 4rem 1rem;
    overflow: hidden;
}

.contact-hero-background {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    opacity: 0.1;
}

.circle {
    position: absolute;
    border: 2px solid white;
    border-radius: 50%;
}

.circle-1 {
    top: 10%;
    left: 10%;
    width: 5rem;
    height: 5rem;
}

.circle-2 {
    top: 32%;
    right: 20%;
    width: 4rem;
    height: 4rem;
}

.circle-3 {
    bottom: 20%;
    left: 25%;
    width: 3rem;
    height: 3rem;
}

.contact-hero-content {
    position: relative;
    z-index: 1;
    max-width: 80rem;
    margin: 0 auto;
    text-align: center;
}

.contact-hero-title {
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 1rem;
}

@media (min-width: 768px) {
    .contact-hero-title {
        font-size: 3rem;
    }
}

.contact-hero-subtitle {
    font-size: 1.25rem;
    max-width: 48rem;
    margin: 0 auto 2rem;
}

.contact-hero-info {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    justify-content: center;
    align-items: center;
    padding-bottom: 1rem;
}

@media (min-width: 640px) {
    .contact-hero-info {
        flex-direction: row;
        gap: 1.5rem;
    }
}

.contact-info-item {
    display: flex;
    align-items: center;
}

.contact-icon {
    display: inline-block;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.5rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.globe-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cline x1='2' y1='12' x2='22' y2='12'/%3E%3Cpath d='M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z'/%3E%3C/svg%3E");
}

.building-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Cpath d='M3 21v-13a2 2 0 0 1 2-2h2v-2h10v2h2a2 2 0 0 1 2 2v13'/%3E%3Cpath d='M9 21V12h6v9'/%3E%3Cpath d='M9 6h6'/%3E%3C/svg%3E");
}


.phone-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.86 19.86 0 0 1-8.63-3.13 19.5 19.5 0 0 1-6-6A19.86 19.86 0 0 1 2.08 4.18 2 2 0 0 1 4 2h3a2 2 0 0 1 2 1.72c.13 1.14.46 2.24.98 3.26a2 2 0 0 1-.45 2.18l-1.27 1.27a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.18-.45c1.02.52 2.12.85 3.26.98a2 2 0 0 1 1.72 2z'/%3E%3C/svg%3E");
}

.email-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Cpath d='M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z'/%3E%3Cpolyline points='22,6 12,13 2,6'/%3E%3C/svg%3E");
}

.hours-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E");
}

.contact-text {
    font-size: 1rem;
}