@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: #0f172a; }
.sectioncolor1 { background-color: #f8f9fa; }
.logo { color: #47bdf0; text-decoration: none; font-weight: 800; }
.bgbadge { background-color: white; border: 0.5px solid #0f172a; 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: #47bdf0; color: black; font-weight: 700; border-radius: 9999px; border: 1px solid rgba(0,0,0,0.05); padding: 0.75rem 2rem; transition: all 0.3s ease; display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem; text-decoration: none; }
.btn-custom-pill:hover { opacity: 0.9; transform: translateY(-2px); color: black; }
.about-description { text-align: justify; }
@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; } }