.contact-map-wrapper { position: relative; width: 100%; height: 520px; border-radius: 14px; overflow: hidden; }/* Map wrapper */ .map-holder { width: 100%; height: 100%; }.map-holder iframe { width: 100%; height: 100%; border: 0; }/* Left Panel */ .contact-info-box { position: absolute; top: 0; left: 0; width: 34%; height: 100%; background: #9C27B070; padding: 30px; display: flex; flex-direction: column; justify-content: center; gap: 22px; box-sizing: border-box; z-index: 2; }/* Cards */ .info-card { background: #fff; padding: 22px; border-radius: 12px; box-shadow: 0 6px 18px rgba(0,0,0,0); }.info-card h4 { margin: 0 0 10px; font-size: 16px; color: #222; }.info-card p { margin: 0; font-size: 14px; color: #555; line-height: 1.8; }/* Mobile */ @media (max-width: 768px) { .contact-info-box { width: 100%; height: auto; bottom: 0; top: auto; } }