.contact-icons {
    display: flex; justify-content: space-around; align-items: center; background: #f4f7f8; padding: 30px 20px; text-align: center;
}
.contact-icons div img {
    width: 40px; margin-bottom: 10px;
}
.contact-icons div p {
    margin: 0; font-weight: 500;
}

.contact-main {
    display: flex; flex-wrap: wrap; padding: 40px 5%; gap: 40px;
}
.contact-left {
    flex: 1 1 300px;
}
.contact-left h5 {
    font-size: 1rem; color: #777; margin-bottom: 10px;
}
.contact-left h2 {
    font-size: 2rem; margin-bottom: 20px; line-height: 1.3;
}
.contact-left p {
    margin-bottom: 20px; max-width: 400px;
}
.social-icons a img {
    width: 24px; margin-right: 10px;
}

/* Form styling */
.contact-form {
    flex: 1 1 400px;
}
.form-row {
    margin-bottom: 20px;
}
label {
    font-weight: 600; display: block; margin-bottom: 8px;
}
label span {
    color: red;
}
.name-group {
    display: flex; gap: 10px;
}
.name-group input {
    flex: 1;
}
.contact__main-container input[type="text"], .contact__main-container input[type="email"], .contact__main-container textarea {
    width: 100%; padding: 12px; border: 1px solid #ccc; border-radius: 6px; box-sizing: border-box; font-size: 1rem;
}
.contact__main-container {
    display: flex; padding: 40px 5%; gap: 40px;
}
.contact__main-container form {
    width: 50%;
}
textarea {
    min-height: 100px; resize: vertical;
}
button {
    background-color: #0069d9; color: white; padding: 12px 20px; border: none; border-radius: 6px; cursor: pointer; font-size: 1rem;
}
.map-section {
    margin-top: 40px;
}
.contact {
    background: linear-gradient( rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2) ), url("/static/img/contact-mojiire-support-her-image.jpg"); min-height: 450px; padding: 10px 5%; position: relative; top: 0; left: 0; text-align: center; color: #ffffff; background-size: cover; display: flex; justify-content: center; align-items: center; text-align: center;
}