@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap');
html, body { overflow-x: hidden; overflow-y: auto; scroll-behavior: smooth; margin: 0; padding: 0; }
body { font-family: 'Inter', sans-serif; color: #333; background-color: #ffffff; overflow-x: hidden; }
.navbar { position: sticky; top: 0; z-index: 1000; }
h1, h2, h3, h4, h5, h6, .logo { font-family: 'Outfit', sans-serif !important; }
p, span, li, a, .nav-link, button { font-family: 'Inter', sans-serif; }
.navcolor, .sectioncolor { background-color: #064e3b; }
.sectioncolor1 { background-color: #f8f9fa; }
.logo { color: #34d399; text-decoration: none; font-weight: 800; }
.bgbadge { background-color: white; border: 0.5px solid #064e3b; border-radius: 20px; color: rgb(5, 0, 0); width: 100%; max-width: 312px; min-height: 380px; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; padding: 1.5rem; margin: 0 auto; }
.ing { border-radius: 12px; }
.btn-custom-pill { background-color: #34d399; color: black; font-weight: 700; border-radius: 9999px; border: 1px solid rgba(0,0,0,0.05); padding: 0.75rem 2.5rem; transition: all 0.3s ease; display: inline-flex; align-items: center; justify-content: center; gap: 0.75rem; text-decoration: none; white-space: normal; text-align: center; min-width: max-content; text-transform: uppercase; letter-spacing: 0.05em; font-size: 0.85rem; }
@media (max-width: 576px) { section .btn-custom-pill { min-width: 100%; } }
.btn-custom-pill:hover { opacity: 0.9; transform: translateY(-2px); color: black; }
.about-description { text-align: justify; }
.text-muted, .text-muted * { color: #444 !important; }
@media (max-width: 992px) { 
    .title-scale { font-size: 1.6rem !important; } 
    .about-description { text-align: center !important; }
}
@media (max-width: 768px) { .bgbadge { max-width: 100%; } .py-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } }
/* Rich Text Editor Support */
p { margin-bottom: 0; }
ul, ol { padding-left: 1.5rem; margin-bottom: 1rem; }
[style*="text-align: center"] { text-align: center !important; }
[style*="text-align: right"] { text-align: right !important; }
[style*="text-align: justify"] { text-align: justify !important; }