.contact-container { width: 100%; max-width: 1200px; margin: 40px auto; padding: 0 15px; font-family: Arial, sans-serif; color: #333; box-sizing: border-box; } .contact-grid { display: flex; flex-wrap: nowrap; justify-content: space-between; gap: 14px; } .contact-item { flex: 1; min-width: 0; display: flex; align-items: center; background-color: #ffffff; padding: 18px 16px; border-radius: 10px; box-shadow: 0 3px 14px rgba(0,0,0,0.07); gap:12px; } .contact-icon { width:48px; height:48px; flex-shrink:0; background-color: #ffc107; color:#fff; border-radius:50%; font-size:20px; display:flex; align-items:center; justify-content:center; line-height:1; padding:0; margin:0; } .contact-text h4{ margin:0 0 5px 0; font-size:15px; font-weight:600; } .contact-text p{ margin:0; font-size:13px; line-height:1.5; color:#555; } .contact-text a{ color:#222; text-decoration:none; } .contact-text a:hover{ color:#ffc107; } @media (max-width:920px){ .contact-grid{ flex-wrap: wrap; } .contact-item{ flex:1 1 240px; } }