Notice

/* — Main Wrapper — */ .wp-xavier-container { position: relative; width: 100%; min-height: 400px; background-color: #f4f7f9; display: flex; justify-content: center; align-items: center; overflow: hidden; padding: 40px 20px; font-family: ‘Lato’, sans-serif; } /* — Animated Dot Background — */ .wp-xavier-dots { position: absolute; top: 0; left: 0; width: 200%; height: 200%; z-index: 1; background-image: radial-gradient(#003366 1.5px, transparent 1.5px); background-size: 40px 40px; opacity: 0.12; animation: xavierMove 100s linear infinite; } @keyframes xavierMove { from { transform: translate(0, 0); } to { transform: translate(-50%, -50%); } } /* — Header Card — */ .wp-xavier-card { position: relative; z-index: 2; background: #ffffff; width: 100%; max-width: 1100px; display: flex; align-items: center; gap: 40px; padding: 40px; border-radius: 15px; box-shadow: 0 15px 35px rgba(0, 33, 71, 0.1); border: 1px solid #e2e8f0; } /* Top Accent Line */ .wp-xavier-card::before { content: ”; position: absolute; top: 0; left: 0; width: 100%; height: 6px; background: linear-gradient(90deg, #d32f2f, #003366); border-radius: 15px 15px 0 0; } /* — Logo & Text — */ .wp-xavier-logo { flex: 0 0 150px; } .wp-xavier-logo img { width: 100%; height: auto; display: block; } .wp-xavier-text { flex: 1; text-align: center; } .wp-xavier-badge { display: inline-block; background: #003366; color: #fff; padding: 5px 15px; border-radius: 50px; font-size: 12px; font-weight: 700; text-transform: uppercase; margin-bottom: 10px; } .wp-xavier-title { font-family: ‘Cinzel’, serif; font-size: clamp(22px, 4vw, 38px); color: #003366; margin: 10px 0; font-weight: 700; line-height: 1.2; } .wp-xavier-addr { color: #d32f2f; font-weight: 700; font-size: clamp(14px, 2vw, 20px); } /* Mobile View */ @media (max-width: 768px) { .wp-xavier-card { flex-direction: column; text-align: center; padding: 30px 20px; } .wp-xavier-logo { flex: 0 0 100px; } }

hdehhehe