body {
    font-family: 'Kanit', sans-serif;
    background-color: #F8F9FA;
    color: #212529;
}
.text-primary { color: #0A2463; }
.bg-primary { background-color: #0A2463; }
.hover\:bg-primary-dark:hover { background-color: #081D4F; }
.border-primary { border-color: #0A2463; }
.text-secondary { color: #3E92CC; }
.bg-secondary { background-color: #3E92CC; }
.hover\:bg-secondary-dark:hover { background-color: #357DAD; }
.border-secondary { border-color: #3E92CC; }
.nav-link {
    position: relative;
    transition: color 0.3s;
}
.nav-link::after {
    content: '';
    position: absolute;
    width: 0;
    height: 2px;
    bottom: -4px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #0A2463;
    transition: width 0.3s ease-in-out;
}
.nav-link:hover::after, .nav-link.active::after {
    width: 100%;
}
.chart-container {
    position: relative;
    width: 100%;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
    height: 320px;
    max-height: 400px;
}
@media (min-width: 768px) {
    .chart-container { height: 380px; }
}
.gradient-text {
    background: linear-gradient(45deg, #0A2463, #3E92CC);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
/* Ensures hidden class works reliably */
.hidden {
    display: none;
}
/* Styles for the new testimonial slider */
.testimonial-slide {
    transition: opacity 0.5s ease-in-out;
}