.footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #ffffff;
    color: rgb(52, 52, 52);
    padding: 20px 40px;
    font-family: 'Segoe UI', Arial, sans-serif;
    font-size: 14px;
    margin: 0px 200px;
}
h1{
    color:white;
}
.styling{
    display:flex;
    gap: 1rem;
}
button { padding: 10px 20px; background: #f1f0f0; color: rgb(66, 65, 65); border: none; cursor: pointer; }

.requestForm {
    flex-direction: column;
    align-items: center;      /* centers children horizontally in a column layout */
    align-self: center;       /* only matters if .requestForm itself is inside a flex/grid parent */
    width: 50%;
    margin: 0 auto;           /* centers the whole box itself on the page */
}
.requestForm input,
.requestForm textarea {
    width: 100%;
    box-sizing: border-box; /* so padding doesn't push it past 100% */
}.requestForm button {
    align-self: center;
}

.styledForm{
    display:flex;
    justify-content: center;
    background-image: url('../images/footer/placeholder footer.jpeg');
    background-repeat:no-repeat;
    background-size: cover;
    padding-bottom: 50px;
}

.footer-logo {
    height: 40px;
    width: auto;
}
body { font-family: Arial, sans-serif;  }
input, textarea { width: 100%; padding: 8px; margin: 6px 0 16px; box-sizing: border-box; }
.success { color: green; }
.error { color: red; }
gmp-map {height: 100%;}html,
body {
    height: 100%;
    margin: 0;
    padding: 0;
}

.img{height:200px;width:auto;}


@media (max-width: 768px) {
    .img{
    height:fit-content;
    width:auto;
    }
    .footer {
    flex-direction: column;
    text-align: center;
    gap: 1rem;
    margin: 0px 20px;
    }

}