@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700;800&display=swap');
.sovereign-gradient { background: linear-gradient(135deg, #013d00 0%, #015700 100%); }
.text-display-lg { font-size: 3.5rem; line-height: 4rem; }
.text-display-sm { font-size: 2.25rem; line-height: 2.75rem; }
.text-headline-lg { font-size: 2rem; line-height: 2.5rem; }
.text-body-lg { font-size: 1.125rem; line-height: 1.75rem; }
.font-headline { font-family: 'Manrope', sans-serif !important; }
.material-symbols-outlined { font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24; }

/* Custom Arbitrary mappings to bypass NukeViet HTML Purifier parsing "[" and "]" to entities */
.h-custom-hero { height: 500px; }
.aspect-custom-portrait { aspect-ratio: 4 / 5; }
.auto-rows-custom { grid-auto-rows: 260px; }
.right-custom { right: -10%; }
.top-custom { top: -10%; }
.right-custom-5 { right: -5%; }
.bottom-custom-10 { bottom: -10%; }
.text-custom-200 { font-size: 200px; }

.text-custom-150 { font-size: 150px; }
.w-timeline-item { width: calc(100% - 4rem); }
@media (min-width: 768px) {
    .md-w-timeline-item-half { width: calc(50% - 3rem); }
}
.skew-x-custom { transform: skewX(-25deg); }
.hover-bg-custom:hover { background-color: #ffeabe; }