:root {
    --brand-cyan: #00aeef;
    --brand-cyan-light: #e0f6ff;
}

.bg-info-light { background-color: var(--brand-cyan-light); }
.text-info { color: var(--brand-cyan) !important; }
.btn-info { background-color: var(--brand-cyan); border-color: var(--brand-cyan); }

.nav-wrapper {
    max-width: 900px;
    margin: 0 auto;
    background-color: #E0F7FF;
}

.nav-pills .nav-link {
    color: #333;
    white-space: nowrap;
    font-weight: 500;
    transition: all 0.3s ease;
}

.nav-pills .nav-link.active {
    background-color: var(--brand-cyan) !important;
    color: white !important;
}

.icon-check {
    width: 38px;
    height: 38px;
    color: #8ed834;
    font-size: 21px;
}

/* Hide scrollbar for the nav */
#featuresTab::-webkit-scrollbar { display: none; }

#featuresTabContent .badge-shape {
    width: 24px;
    height: 24px;
    color: #82D616;
    flex-shrink: 0;
    margin-right: 15px;
    fill: currentColor;
}