will render here.
We leave this clean to avoid interfering with Fluent Forms' native CSS */
}.ads-form-trust {
display: flex;
justify-content: center;
gap: 20px;
margin-top: 30px;
padding-top: 20px;
border-top: 1px solid var(--ads-border);
}.ads-form-trust-item {
display: flex;
align-items: center;
gap: 6px;
font-size: 0.85rem;
color: var(--ads-text-muted);
font-weight: 500;
}.ads-form-trust-item svg {
width: 16px;
height: 16px;
fill: #10b981; /* Green check/shield */
}/* Google Map Placeholder */
.ads-map-section {
width: 100%;
height: 400px;
background-color: #e2e8f0;
position: relative;
}.ads-map-section iframe {
width: 100%;
height: 100%;
border: none;
}/* Animations */
@keyframes fadeInUp {
from { opacity: 0; transform: translateY(30px); }
to { opacity: 1; transform: translateY(0); }
}
@keyframes fadeInLeft {
from { opacity: 0; transform: translateX(-30px); }
to { opacity: 1; transform: translateX(0); }
}
@keyframes fadeInRight {
from { opacity: 0; transform: translateX(30px); }
to { opacity: 1; transform: translateX(0); }
}/* Responsive Layout */
@media (max-width: 992px) {
.ads-contact-grid {
grid-template-columns: 1fr;
gap: 50px;
}
.ads-contact-info {
text-align: center;
max-width: 700px;
margin: 0 auto;
}
.ads-info-list {
align-items: center;
}
.ads-info-item {
flex-direction: column;
align-items: center;
text-align: center;
}
.ads-trust-box {
text-align: left;
}
}@media (max-width: 768px) {
.ads-contact-hero {
padding: 100px 0 80px;
}
.ads-contact-hero h1 {
font-size: 2.5rem;
}
.ads-contact-main {
padding: 60px 0;
}
.ads-contact-form-card {
padding: 40px 25px;
}
.ads-form-trust {
flex-direction: column;
gap: 10px;
align-items: center;
}
}
