/* Contact Section */
.contact {
    position: relative;
    overflow-x: hidden;
    overflow-y: visible;
}

.contact .section-subtitle {
    margin-bottom: 0;
}

.contact-content {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    min-height: 900px; /* Ensure container has height for Calendly */
    position: relative; /* For absolute positioning of loader */
}

/* Calendly Loader */
.calendly-loader {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 0; /* Behind the widget once it loads */
}

/* Calendly Fix: Ensure iframe takes full height */
.contact .global-particle-1 {
    top: 18%;
    left: 4%;
    animation-delay: 3s;
    background: linear-gradient(45deg, #0066ff, #0047ff);
}

.contact .global-particle-2 {
    top: 55%;
    left: 96%;
    animation-delay: 5s;
    background: linear-gradient(45deg, var(--color-primary), #0066ff);
}

.contact .global-particle-3 {
    top: 90%;
    left: 7%;
    animation-delay: 0s;
    background: linear-gradient(45deg, #0047ff, var(--color-primary));
}

.contact .global-particle-4 {
    top: 28%;
    left: 93%;
    animation-delay: 2s;
    background: linear-gradient(45deg, #0066ff, var(--color-primary));
}

.contact .global-particle-5 {
    top: 85%;
    left: 92%;
    animation-delay: 4s;
    background: linear-gradient(45deg, var(--color-primary), #0047ff);
}

.contact .global-particle-6 {
    top: 50%;
    left: 15%;
    animation-delay: 2.5s;
    background: linear-gradient(45deg, #0066ff, var(--color-primary));
}

/* Calendly Fix: Ensure iframe takes full height */
.calendly-inline-widget iframe {
    height: 100% !important;
    min-height: 100% !important;
}

@media (max-width: 768px) {
    .contact-content {
        flex-direction: column;
        align-items: center;
    }
}