/* Center the entire helpline card */ .amg-helpline-wrap { margin-left: auto !important; margin-right: auto !important; } /* Mobile center fix (because you used width:119% + negative margin) */ @media (max-width: 768px) { .amg-helpline-wrap { margin-left: auto !important; margin-right: auto !important; } } .amg-helpline-wrap{ width:115%; max-width:520px; background: linear-gradient(135deg, #ba8e14, #9c1001); border-radius:18px; box-shadow:0 10px 30px rgba(2,6,23,0.6); padding:12px 16px; /* reduced height */ position:relative; overflow:hidden; color:#fff; border:1px solid rgba(255,255,255,0.06); MARGIN-TOP: 20PX; MARGIN-bottom: 20PX; } .amg-helpline-wrap::after{ content:""; position:absolute; inset:-40% -20% auto -20%; height:120%; background:linear-gradient(120deg, rgba(255,255,255,0.06), rgba(255,255,255,0.02) 30%, transparent 60%); transform:rotate(-12deg); pointer-events:none; } @media (max-width: 768px) { .amg-helpline-wrap { width: 117% !important; max-width: 520px; background: linear-gradient(135deg, #ba8e14, #9c1001); border-radius: 18px; box-shadow: 0 10px 30px rgba(2, 6, 23, 0.6); padding: 12px 16px; position: relative; overflow: hidden; color: #fff; border: 1px solid rgba(255, 255, 255, 0.06); MARGIN-TOP: 21PX !important; MARGIN-BOTTOM: 25PX !important; MARGIN-LEFT: -13px !important; } } .amg-helpline-inner{ display:flex; gap:12px; align-items:center; } .amg-helpline-icon{ flex:0 0 52px; /* reduced */ height:52px; /* reduced */ border-radius:12px; background: rgba(255,255,255,0.12); display:grid; place-items:center; backdrop-filter: blur(6px) saturate(120%); -webkit-backdrop-filter: blur(6px) saturate(120%); border:1px solid rgba(255,255,255,0.06); } .amg-helpline-icon svg{width:28px;height:28px;display:block} .amg-helpline-label{ font-size:13px; letter-spacing:0.6px; color:rgba(255,255,255,0.75); margin-bottom:6px; } .amg-helpline-number{ font-weight:700; font-size:20px; display:flex; gap:10px; align-items:center; white-space:nowrap; } .amg-helpline-badge{ background:rgba(255,255,255,0.12); padding:6px 10px; border-radius:999px; font-size:12px; font-weight:600; border:1px solid rgba(255,255,255,0.06); } .amg-online-dot{ width:8px;height:8px;border-radius:50%;background:#34d399; box-shadow:0 0 0 rgba(52,211,153,0.6); animation:amg-pulse 2s infinite; display:inline-block; } @keyframes amg-pulse{ 0%{box-shadow:0 0 0 0 rgba(52,211,153,0.45)} 70%{box-shadow:0 0 0 10px rgba(52,211,153,0)} 100%{box-shadow:0 0 0 0 rgba(52,211,153,0)} } @media(max-width:480px){ .amg-helpline-wrap{padding:14px;border-radius:14px} .amg-helpline-icon{flex:0 0 56px;height:56px} .amg-helpline-number{font-size:18px} }