.about-hero {
            background: linear-gradient(135deg, rgba(23,18,31,.96), rgba(123,44,191,.88)), url('../img/about-1.jpg') center/cover;
            min-height: 430px;
            display: flex;
            align-items: center;
        }
        .about-hero h1 { color:#fff; }
        .about-hero p { color:rgba(255,255,255,.86); max-width:650px; }
        .about-badge {
            display:inline-block; padding:8px 18px; border-radius:30px;
            background:#F9C80E; color:#17121F; font-weight:700; letter-spacing:1px;
        }
        .about-card { height:100%; padding:10px; background:#fff; box-shadow:0 15px 45px rgba(23,18,31,.08); border-radius:10px; display: flex; flex-direction: column; justify-content: center; align-items: center;}
        .about-card .icon { width:65px; height:65px; display:flex; align-items:center; justify-content:center; border-radius:50%; background:#7B2CBF; color:#fff; font-size:26px; margin-top: 50px; }
        .about-story { background:#17121F; color:#fff; }
        .about-story h2 { color:#fff; }
        .about-story p { color:rgba(255,255,255,.78); }
        .about-image { min-height:520px; background:url('../img/about-1.jpg') center/cover; border-radius:12px; }
        .why-image { min-height:460px; background:url('../img/about-2.jpg') center/cover; border-radius:12px; }
        .color-line { height:6px; background:linear-gradient(90deg,#E63946 0 16%,#F97316 16% 32%,#F9C80E 32% 48%,#55B83E 48% 64%,#00A9D6 64% 80%,#7B2CBF 80%); }
        .stat-box { padding:28px 20px; background:#fff; border-radius:10px; box-shadow:0 10px 35px rgba(23,18,31,.07); text-align:center; height:100%; }
        .stat-box h3 { font-size:38px; color:#7B2CBF; margin-bottom:5px; }
        .cta-about { background:linear-gradient(120deg,#7B2CBF,#17121F); color:#fff; }
        .cta-about h2 { color:#fff; }
        .cta-about p { color:rgba(255,255,255,.8); }

        .topbar {
            background: linear-gradient(90deg, #5B2EFF 0%,#008CFF 20%,#00C853 40%,#F9C80E 60%,#FF8A00 78%,#F04444 100%);
            height: 7vh;
        }

        .navbar .nav-link.active::after{
           background: linear-gradient(90deg, #5B2EFF 0%,#008CFF 20%,#00C853 40%,#F9C80E 60%,#FF8A00 78%,#F04444 100%); 
        }

        @media (max-width:575px){
            #titleee{
                display: none !important;
            }
        }