#hero-section {
    background-color: #0f172a;
    background-image: radial-gradient(circle at 2px 2px, rgba(188, 38, 108, 0.15) 1px, transparent 0);
    background-size: 40px 40px;
    min-height: 80vh;
    display: flex;
    align-items: center;
    position: relative;
}

@media (max-width: 800px) {

    .contact-layout {
        flex-direction: column;
        gap: 50px;
    }

    .section-title {
        font-size: 34px;
    }

    .form-card {
        padding: 28px;
    }

    .map-iframe {
        height: 320px;
    }
}