Contact information

.ac-contact-section { max-width: 820px; margin: 28px auto; padding: 32px 24px; border: 1px solid #e7dccb; border-radius: 22px; background: radial-gradient(circle at top right, rgba(201, 164, 106, 0.12), transparent 34%), linear-gradient(135deg, #faf7f2 0%, #fffdf9 100%); box-shadow: 0 12px 34px rgba(27, 24, 22, 0.06); font-family: Arial, Helvetica, sans-serif; color: #211d1a; line-height: 1.65; } .ac-contact-header { max-width: 650px; margin: 0 auto 24px; text-align: center; } .ac-contact-mark { display: inline-flex; align-items: center; justify-content: center; width: 46px; height: 46px; margin-bottom: 12px; border: 1px solid #c9a46a; border-radius: 50%; background: #fffdf9; color: #b88a4a; font-size: 22px; box-shadow: 0 6px 18px rgba(184, 138, 74, 0.12); } .ac-contact-header h2 { margin: 0 0 10px; color: #1b1816; font-family: Georgia, "Times New Roman", serif; font-size: 30px; font-weight: 600; letter-spacing: 0.3px; } .ac-contact-header p { margin: 0; color: #625a53; font-size: 15px; } .ac-contact-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; } .ac-contact-card { position: relative; min-height: 126px; padding: 20px 18px; overflow: hidden; border: 1px solid #e9e0d4; border-radius: 16px; background: rgba(255, 255, 255, 0.88); text-align: center; transition: transform 0.2s ease, box-shadow 0.2s ease; } .ac-contact-card::before { content: ""; position: absolute; top: 0; left: 22%; width: 56%; height: 2px; background: linear-gradient(90deg, transparent, #c9a46a, transparent); } .ac-contact-card:hover { transform: translateY(-2px); box-shadow: 0 10px 24px rgba(27, 24, 22, 0.07); } .ac-contact-label { display: block; margin-bottom: 8px; color: #b18446; font-size: 11px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; } .ac-contact-value, .ac-contact-value a { color: #1b1816; font-size: 15px; font-weight: 600; text-decoration: none; word-break: break-word; } .ac-contact-value a:hover { color: #a4783e; text-decoration: underline; } .ac-contact-note { margin: 20px 0 0; padding-top: 18px; border-top: 1px solid #e7dccb; color: #746b63; text-align: center; font-size: 13px; } @media screen and (max-width: 749px) { .ac-contact-section { margin: 18px 12px; padding: 26px 16px; border-radius: 18px; } .ac-contact-header h2 { font-size: 26px; } .ac-contact-grid { grid-template-columns: 1fr; } .ac-contact-card { min-height: auto; padding: 18px 16px; } }