.contact-section .contact-frame{background-color:var(--glass-bg);border:2px solid var(--text-color);border-radius:var(--sm-radius)}.contact-section h3{color:var(--main-color);font-size:2.5rem;font-weight:600}.contact-section p{color:var(--text-color);margin:18px 0;font-size:1.2rem}.contact-section ul li{color:var(--white-color);align-items:center;gap:12px;display:flex}.contact-section ul li svg{color:var(--main-color);font-size:1.4rem}.contact-section form button{background-color:var(--main-color);color:var(--white-color)}.contact-section .map-image{grid-template-areas:"map-stack";place-items:center;width:100%;height:100%;display:grid}.contact-section .map-image img{-webkit-user-select:none;user-select:none;grid-area:map-stack;width:80%}.contact-section .map-image .map-card{margin-inline-end:10%;background-color:var(--glass-map);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border-radius:var(--sm-radius);border-bottom-start-radius:0px;border:2px solid var(--text-color);flex-direction:column;grid-area:map-stack;place-self:start end;align-items:end;gap:12px;width:max-content;max-width:90%;margin-top:15%;padding:10px 20px;display:flex}.contact-section .map-image .map-card:after{content:"";background-color:var(--main-color);width:20px;height:20px;position:absolute;bottom:-10px;left:-10px}@media (max-width:768px){.contact-section .map-image{flex-direction:column;gap:20px;display:flex}.contact-section .map-image .map-card{border-bottom-start-radius:var(--sm-radius);align-items:center;width:100%;max-width:100%;margin:0}.contact-section .map-image .map-card:after{display:none}.contact-section .map-image img{width:100%}}
