/* Main Box */ .saas-contact-box { background: linear-gradient(145deg, #ffffff, #f5f7fa); border-radius: 14px; padding: 28px; /* increased ~35% */ font-family: 'Inter', sans-serif; box-shadow: 0 8px 25px rgba(0,0,0,0.08); border: 1px solid #e6eaf0; transition: all 0.3s ease; } /* Hover effect */ .saas-contact-box:hover { transform: translateY(-4px); box-shadow: 0 12px 35px rgba(0,0,0,0.12); } /* Heading */ .saas-contact-box h3 { font-size: 26px; /* bigger */ margin-bottom: 20px; color: #111827; font-weight: 600; } /* Contact Item */ .contact-item { display: flex; align-items: flex-start; gap: 14px; padding: 12px; border-radius: 10px; transition: background 0.25s ease; } /* Item hover */ .contact-item:hover { background: #eef2ff; } /* Icon */ .contact-item .icon { font-size: 22px; /* bigger */ min-width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; background: #e0e7ff; border-radius: 8px; } /* Title */ .contact-item strong { font-size: 16px; color: #1f2937; font-weight: 600; } /* Text */ .contact-item p { margin-top: 4px; font-size: 15px; color: #4b5563; line-height: 1.6; } /* Responsive */ @media (max-width: 768px) { .saas-contact-box { padding: 20px; } .saas-contact-box h3 { font-size: 22px; } }