/* Final large-screen overrides loaded last on every page. */
@media(min-width:1200px){
    body .navbar.glass-nav .navbar-brand{
        min-width:clamp(268px,18vw,318px) !important;
        margin-right:clamp(86px,7.2vw,150px) !important;
    }

    body .navbar.glass-nav .navbar-brand img{
        height:52px !important;
        max-height:56px !important;
        max-width:238px !important;
        transform:none !important;
    }

    body .navbar.glass-nav .navbar-nav{
        gap:clamp(16px,1.4vw,24px) !important;
        align-items:center !important;
    }

    body .navbar.glass-nav .nav-link{
        font-size:12.5px !important;
        line-height:1.18 !important;
        white-space:nowrap !important;
    }

    body .navbar.glass-nav .nav-link.nav-cta-link{
        min-height:38px !important;
        padding:0 24px !important;
        min-width:154px !important;
        display:inline-flex !important;
        align-items:center !important;
        justify-content:center !important;
    }

    body .navbar.glass-nav.fixed-top,
    body nav.navbar.glass-nav{
        z-index:3000 !important;
    }

    body .navbar.glass-nav .navbar-nav > .nav-item:has(.nav-cta-link){
        padding-left:clamp(20px,2vw,34px) !important;
    }

    body .navbar-nav > .nav-item.dropdown > .dropdown-menu.mega-menu{
        top:calc(100% + 9px) !important;
        z-index:3100 !important;
        width:min(940px, calc(100vw - 180px)) !important;
        min-width:min(940px, calc(100vw - 180px)) !important;
        max-width:min(940px, calc(100vw - 180px)) !important;
        padding:6px !important;
        border-radius:8px !important;
        overflow:hidden !important;
        opacity:1 !important;
        visibility:visible !important;
        background:#fff !important;
        -webkit-backdrop-filter:none !important;
        backdrop-filter:none !important;
        box-shadow:0 18px 46px rgba(32,10,76,.16) !important;
        isolation:isolate !important;
    }

    body .navbar-nav > .nav-item.dropdown > .dropdown-menu.mega-menu[data-bs-popper]{
        top:calc(100% + 9px) !important;
    }

    body .navbar-nav > .nav-item.dropdown > .dropdown-menu.mega-menu::before{
        display:none !important;
    }

    body .dropdown-menu.mega-menu .container{
        width:100% !important;
        max-width:none !important;
        padding:0 !important;
    }

    body .mega-simple-menu{
        grid-template-columns:repeat(5,minmax(0,1fr)) !important;
        gap:0 !important;
    }

    body .mega-simple-link{
        grid-template-columns:24px minmax(0,1fr) !important;
        gap:6px !important;
        min-height:38px !important;
        padding:5px 8px !important;
        border-bottom:0 !important;
        border-right:1px solid rgba(217,168,255,.30) !important;
        opacity:1 !important;
        transform:none !important;
    }

    body .mega-simple-link:last-child{
        border-right:0 !important;
    }

    body .mega-simple-link:hover{
        transform:none !important;
    }

    body .mega-simple-link i{
        width:24px !important;
        height:24px !important;
        min-width:24px !important;
        border-radius:7px !important;
        font-size:11px !important;
        opacity:1 !important;
    }

    body .mega-simple-link b,
    body .mega-simple-link.is-active b,
    body .mega-simple-link.is-active:hover b,
    body .mega-simple-link.is-active:focus b,
    body .mega-simple-link.is-active:focus-visible b{
        font-size:11px !important;
        line-height:1.08 !important;
        white-space:nowrap !important;
    }

    body .mega-simple-link small{
        display:none !important;
    }

    body .mega-simple-link::after{
        display:none !important;
        content:none !important;
    }

    body .mega-simple-link.is-active,
    body .mega-simple-link.is-active:hover,
    body .mega-simple-link.is-active:focus,
    body .mega-simple-link.is-active:focus-visible{
        grid-template-columns:24px minmax(0,1fr) !important;
        min-height:38px !important;
        margin:0 !important;
        padding:5px 8px !important;
        border-left:0 !important;
        border-radius:8px !important;
        box-shadow:0 10px 22px rgba(123,44,255,.14) !important;
    }

    body .mega-simple-link.is-active::after,
    body .mega-simple-link.is-active:hover::after,
    body .mega-simple-link.is-active:focus::after,
    body .mega-simple-link.is-active:focus-visible::after{
        display:none !important;
        content:none !important;
        width:0 !important;
        height:0 !important;
        font-size:0 !important;
        box-shadow:none !important;
    }
}

@media(min-width:1200px) and (max-width:1599.98px){
    body .navbar.glass-nav.fixed-top,
    body nav.navbar.glass-nav{
        min-height:70px !important;
    }

    body .navbar.glass-nav .container{
        min-height:70px !important;
        padding-left:clamp(86px,6.7vw,112px) !important;
        padding-right:clamp(86px,6.7vw,112px) !important;
    }

    body .navbar.glass-nav .navbar-brand{
        min-width:258px !important;
        margin-right:clamp(72px,5.6vw,104px) !important;
    }

    body .navbar.glass-nav .navbar-brand img{
        height:48px !important;
        max-width:214px !important;
    }

    body .navbar.glass-nav .navbar-nav{
        gap:16px !important;
    }
}

@media(min-width:1600px){
    body .container,
    body .container-sm,
    body .container-md,
    body .container-lg,
    body .container-xl,
    body .container-xxl,
    body main[class] .container,
    body section[class] .container,
    body footer[class] .container,
    body .hero .container,
    body .page-hero .container,
    body .service-detail-hero .container,
    body .sw-page .container,
    body .svc-page .container{
        max-width:1680px !important;
        width:min(1680px, calc(100% - 120px)) !important;
    }

    body .navbar.glass-nav .container,
    body .svc-nav .container{
        width:100% !important;
        max-width:none !important;
        padding-left:clamp(60px,6vw,120px) !important;
        padding-right:clamp(60px,6vw,120px) !important;
    }

    body .hero,
    body .page-hero,
    body .service-detail-hero,
    body .sw-hero,
    body .svc-hero{
        padding-top:132px !important;
        padding-bottom:70px !important;
    }

    body .sw-hero,
    body .svc-hero{
        padding-top:60px !important;
        padding-bottom:34px !important;
    }

    body .sw-hero-grid,
    body .svc-hero-grid{
        grid-template-columns:minmax(540px,.72fr) minmax(980px,1.28fr) !important;
        gap:42px !important;
    }

    body .hero h1,
    body .page-hero h1,
    body .service-detail-panel h1,
    body .sw-hero h1,
    body .svc-hero h1,
    body .v27-portfolio-hero h1,
    body .portfolio-v34-hero h1,
    body .portfolio-showcase-hero h1{
        max-width:790px !important;
        font-size:clamp(50px,3vw,72px) !important;
        line-height:1.08 !important;
    }

    body .hero p,
    body .page-hero p,
    body .service-detail-panel p,
    body .sw-hero p,
    body .svc-hero p,
    body .v27-portfolio-hero p{
        max-width:860px !important;
        font-size:18px !important;
        line-height:1.7 !important;
    }

    body .sw-btn,
    body .svc-btn,
    body .btn-dx,
    body .btn-outline-dx{
        min-height:60px !important;
        padding-left:28px !important;
        padding-right:28px !important;
        font-size:15px !important;
    }

    body .sw-kicker,
    body .svc-kicker,
    body .hero-badge{
        padding:10px 16px !important;
        font-size:13px !important;
    }

    body .section,
    body .sw-section,
    body .svc-section{
        padding-top:84px !important;
        padding-bottom:84px !important;
    }

    body .section-title,
    body .sw-title,
    body .svc-section-title{
        margin-bottom:44px !important;
    }

    body .section-title h2,
    body .sw-title h2,
    body .svc-section-title h2{
        font-size:clamp(34px,2.1vw,48px) !important;
        line-height:1.14 !important;
    }

    body section.about-premium-v17 h2.gradient-heading.mb-3,
    body .about-premium-v17 .gradient-heading{
        font-size:28px !important;
        line-height:1.12 !important;
    }

    body .section-title p,
    body .sw-title p,
    body .svc-section-title p{
        font-size:16px !important;
        line-height:1.7 !important;
    }

    body .sw-metrics,
    body .svc-metrics,
    body .sw-analytics,
    body .svc-analytics-grid,
    body .sw-service-grid,
    body .svc-service-grid,
    body .sw-proof-grid,
    body .svc-insight-grid,
    body .sw-bottom,
    body .svc-bottom-grid{
        gap:20px !important;
    }

    body .sw-metric,
    body .svc-metric{
        min-height:118px !important;
        padding:18px !important;
        grid-template-columns:48px 1fr !important;
    }

    body .sw-icon,
    body .svc-icon{
        width:48px !important;
        height:48px !important;
        font-size:24px !important;
    }

    body .sw-metric span,
    body .svc-metric span{font-size:12px !important;}
    body .sw-metric strong,
    body .svc-metric strong{font-size:28px !important;}
    body .sw-metric small,
    body .svc-metric small{font-size:11px !important;}

    body .info-card,
    body .service-card,
    body .solution-card,
    body .smart-module,
    body .tech-category,
    body .case-card,
    body .about-feature-card,
    body .consult-service-card,
    body .latest-tech-card,
    body .portfolio-card,
    body .sw-panel,
    body .svc-panel,
    body .sw-card,
    body .svc-card,
    body .sw-feature-panel,
    body .sw-model-panel,
    body .sw-cta-panel,
    body .svc-feature-panel,
    body .svc-model-panel,
    body .svc-cta-panel{
        padding:30px !important;
    }

    body .sw-panel h3,
    body .svc-panel h3{font-size:16px !important;}

    body .sw-chart,
    body .svc-chart{min-height:198px !important;}

    body .sw-donut-wrap,
    body .svc-donut-wrap{
        grid-template-columns:178px 1fr !important;
        gap:20px !important;
    }

    body .sw-donut,
    body .svc-donut{width:172px !important;}

    body .sw-donut::after,
    body .sw-donut-center,
    body .svc-donut::after,
    body .svc-donut-center{inset:40px !important;}

    body .sw-donut-center strong,
    body .svc-donut-center strong{font-size:32px !important;}
    body .sw-donut-center span,
    body .svc-donut-center span{font-size:10px !important;}
    body .sw-legend li,
    body .svc-legend li{font-size:12px !important;}

    body .sw-strip-item,
    body .svc-strip-item{
        min-height:96px !important;
        padding:20px 26px !important;
    }

    body .sw-strip-item strong,
    body .svc-strip-item strong{font-size:26px !important;}
    body .sw-strip-item span,
    body .svc-strip-item span{font-size:12px !important;}

    body .sw-card,
    body .svc-card{
        min-height:470px !important;
    }

    body .sw-card h3,
    body .svc-card h3{font-size:23px !important;}
    body .sw-card p,
    body .svc-card p,
    body .sw-card li,
    body .svc-card li{font-size:14px !important;}

    body .service-detail-panel{
        padding:48px !important;
    }

    body .service-flow{
        gap:22px !important;
    }

    body .service-flow div{
        padding:28px !important;
    }
}

@media(min-width:2400px){
    body .container,
    body .container-sm,
    body .container-md,
    body .container-lg,
    body .container-xl,
    body .container-xxl,
    body main[class] .container,
    body section[class] .container,
    body footer[class] .container,
    body .hero .container,
    body .page-hero .container,
    body .service-detail-hero .container,
    body .sw-page .container,
    body .svc-page .container{
        max-width:2240px !important;
        width:min(2240px, calc(100% - 160px)) !important;
    }

    body .navbar.glass-nav .container,
    body .svc-nav .container{
        width:100% !important;
        max-width:none !important;
        padding-left:clamp(80px,5vw,160px) !important;
        padding-right:clamp(80px,5vw,160px) !important;
    }

    body .hero,
    body .page-hero,
    body .service-detail-hero{
        padding-top:152px !important;
        padding-bottom:88px !important;
    }

    body .sw-hero,
    body .svc-hero{
        padding-top:76px !important;
        padding-bottom:44px !important;
    }

    body .sw-hero-grid,
    body .svc-hero-grid{
        grid-template-columns:minmax(680px,.72fr) minmax(1400px,1.28fr) !important;
        gap:64px !important;
    }

    body .hero h1,
    body .page-hero h1,
    body .service-detail-panel h1,
    body .sw-hero h1,
    body .svc-hero h1,
    body .v27-portfolio-hero h1,
    body .portfolio-v34-hero h1,
    body .portfolio-showcase-hero h1{
        max-width:900px !important;
        font-size:clamp(64px,2.6vw,92px) !important;
    }

    body .hero p,
    body .page-hero p,
    body .service-detail-panel p,
    body .sw-hero p,
    body .svc-hero p,
    body .v27-portfolio-hero p{
        max-width:980px !important;
        font-size:21px !important;
    }

    body .sw-btn,
    body .svc-btn,
    body .btn-dx,
    body .btn-outline-dx{
        min-height:66px !important;
        padding-left:34px !important;
        padding-right:34px !important;
        font-size:16px !important;
    }

    body .section,
    body .sw-section,
    body .svc-section{
        padding-top:104px !important;
        padding-bottom:104px !important;
    }

    body .section-title h2,
    body .sw-title h2,
    body .svc-section-title h2{
        font-size:clamp(44px,1.9vw,62px) !important;
    }

    body section.about-premium-v17 h2.gradient-heading.mb-3,
    body .about-premium-v17 .gradient-heading{
        font-size:28px !important;
        line-height:1.12 !important;
    }

    body .section-title p,
    body .sw-title p,
    body .svc-section-title p{
        font-size:18px !important;
    }

    body .sw-metrics,
    body .svc-metrics,
    body .sw-analytics,
    body .svc-analytics-grid,
    body .sw-service-grid,
    body .svc-service-grid,
    body .sw-proof-grid,
    body .svc-insight-grid,
    body .sw-bottom,
    body .svc-bottom-grid{
        gap:28px !important;
    }

    body .sw-metric,
    body .svc-metric{
        min-height:132px !important;
        padding:22px !important;
        grid-template-columns:56px 1fr !important;
    }

    body .sw-icon,
    body .svc-icon{
        width:56px !important;
        height:56px !important;
        font-size:28px !important;
    }

    body .sw-metric span,
    body .svc-metric span{font-size:13px !important;}
    body .sw-metric strong,
    body .svc-metric strong{font-size:32px !important;}
    body .sw-metric small,
    body .svc-metric small{font-size:12px !important;}

    body .info-card,
    body .service-card,
    body .solution-card,
    body .smart-module,
    body .tech-category,
    body .case-card,
    body .about-feature-card,
    body .consult-service-card,
    body .latest-tech-card,
    body .portfolio-card,
    body .sw-panel,
    body .svc-panel,
    body .sw-card,
    body .svc-card,
    body .sw-feature-panel,
    body .sw-model-panel,
    body .sw-cta-panel,
    body .svc-feature-panel,
    body .svc-model-panel,
    body .svc-cta-panel{
        padding:38px !important;
    }

    body .sw-panel h3,
    body .svc-panel h3{font-size:18px !important;}

    body .sw-chart,
    body .svc-chart{min-height:230px !important;}

    body .sw-donut-wrap,
    body .svc-donut-wrap{
        grid-template-columns:218px 1fr !important;
        gap:28px !important;
    }

    body .sw-donut,
    body .svc-donut{width:210px !important;}

    body .sw-donut::after,
    body .sw-donut-center,
    body .svc-donut::after,
    body .svc-donut-center{inset:50px !important;}

    body .sw-donut-center strong,
    body .svc-donut-center strong{font-size:38px !important;}
    body .sw-donut-center span,
    body .svc-donut-center span{font-size:11px !important;}
    body .sw-legend li,
    body .svc-legend li{font-size:13px !important;}

    body .sw-strip-item,
    body .svc-strip-item{
        min-height:112px !important;
        padding:24px 34px !important;
    }

    body .sw-strip-item strong,
    body .svc-strip-item strong{font-size:31px !important;}
    body .sw-strip-item span,
    body .svc-strip-item span{font-size:13px !important;}

    body .sw-card,
    body .svc-card{
        min-height:520px !important;
    }

    body .sw-card h3,
    body .svc-card h3{font-size:27px !important;}
    body .sw-card p,
    body .svc-card p,
    body .sw-card li,
    body .svc-card li{font-size:16px !important;}

    body .service-detail-panel{
        padding:64px !important;
    }

    body .service-flow{
        gap:30px !important;
    }

    body .service-flow div{
        padding:36px !important;
    }
}

@media(min-width:1200px){
    body .navbar.glass-nav .navbar-collapse{
        justify-content:flex-end !important;
    }

    body .navbar.glass-nav .navbar-collapse > .navbar-nav.ms-auto{
        width:clamp(790px,38vw,960px) !important;
        margin-left:auto !important;
        margin-right:0 !important;
    }

    body .navbar.glass-nav .navbar-nav > .nav-item:has(.nav-cta-link){
        margin-left:auto !important;
        padding-left:clamp(24px,2.1vw,36px) !important;
    }

    body .navbar.glass-nav .dropdown-menu.mega-menu > .container,
    body .navbar.svc-nav .dropdown-menu.mega-menu > .container{
        width:100% !important;
        max-width:none !important;
        min-height:0 !important;
        height:auto !important;
        padding:0 !important;
        margin:0 !important;
    }

    body .navbar.glass-nav .dropdown-menu.mega-menu .mega-simple-menu,
    body .navbar.svc-nav .dropdown-menu.mega-menu .mega-simple-menu{
        width:100% !important;
        max-width:none !important;
    }

    body .sw-page .sw-hero,
    body .sw-hero{
        padding-top:112px !important;
    }

    body .consult-page .consult-hero{
        padding-top:40px !important;
    }

    body .navbar.glass-nav .navbar-nav > .nav-item.dropdown > .dropdown-menu.mega-menu,
    body .navbar.svc-nav .navbar-nav > .nav-item.dropdown > .dropdown-menu.mega-menu{
        position:absolute !important;
        top:calc(100% + 8px) !important;
        left:50% !important;
        right:auto !important;
        transform:translateX(-50%) !important;
        width:360px !important;
        min-width:360px !important;
        max-width:360px !important;
        margin:0 !important;
        padding:16px !important;
        border:1px solid rgba(217,168,255,.30) !important;
        border-radius:10px !important;
        background:rgba(255,255,255,.94) !important;
        -webkit-backdrop-filter:blur(18px) !important;
        backdrop-filter:blur(18px) !important;
        box-shadow:0 26px 70px rgba(75,0,181,.12) !important;
        overflow:visible !important;
    }

    body .navbar.glass-nav .navbar-nav > .nav-item.dropdown > .dropdown-menu.mega-menu[data-bs-popper],
    body .navbar.svc-nav .navbar-nav > .nav-item.dropdown > .dropdown-menu.mega-menu[data-bs-popper]{
        top:calc(100% + 8px) !important;
        left:50% !important;
        transform:translateX(-50%) !important;
    }

    body .navbar.glass-nav .dropdown-menu.mega-menu .mega-simple-menu,
    body .navbar.svc-nav .dropdown-menu.mega-menu .mega-simple-menu{
        display:grid !important;
        grid-template-columns:1fr !important;
        gap:0 !important;
    }

    body .navbar.glass-nav .mega-simple-link,
    body .navbar.svc-nav .mega-simple-link{
        position:relative !important;
        display:grid !important;
        grid-template-columns:42px minmax(0,1fr) 14px !important;
        align-items:center !important;
        gap:13px !important;
        min-height:58px !important;
        padding:8px 0 !important;
        border:0 !important;
        border-bottom:1px solid rgba(217,168,255,.34) !important;
        border-radius:0 !important;
        background:transparent !important;
        color:#151b36 !important;
        text-decoration:none !important;
        box-shadow:none !important;
        transform:none !important;
    }

    body .navbar.glass-nav .mega-simple-link:last-child,
    body .navbar.svc-nav .mega-simple-link:last-child{
        border-bottom:0 !important;
    }

    body .navbar.glass-nav .mega-simple-link i,
    body .navbar.svc-nav .mega-simple-link i{
        width:38px !important;
        height:38px !important;
        min-width:38px !important;
        border-radius:10px !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        background:#f1e9ff !important;
        color:#7B2CFF !important;
        font-size:16px !important;
        box-shadow:0 8px 18px rgba(123,44,255,.08) !important;
        opacity:1 !important;
    }

    body .navbar.glass-nav .mega-simple-link span,
    body .navbar.svc-nav .mega-simple-link span{
        min-width:0 !important;
        display:block !important;
    }

    body .navbar.glass-nav .mega-simple-link b,
    body .navbar.svc-nav .mega-simple-link b{
        display:block !important;
        margin:0 0 3px !important;
        color:#151b36 !important;
        font-size:13px !important;
        line-height:1.1 !important;
        font-weight:950 !important;
        letter-spacing:0 !important;
        white-space:nowrap !important;
    }

    body .navbar.glass-nav .mega-simple-link small,
    body .navbar.svc-nav .mega-simple-link small{
        display:block !important;
        max-width:100% !important;
        color:#5f6b86 !important;
        font-size:8.8px !important;
        line-height:1.2 !important;
        font-weight:700 !important;
        letter-spacing:0 !important;
        white-space:nowrap !important;
        overflow:hidden !important;
        text-overflow:ellipsis !important;
    }

    body .navbar.glass-nav .mega-simple-link::after,
    body .navbar.svc-nav .mega-simple-link::after{
        content:"\f105" !important;
        position:static !important;
        display:block !important;
        width:auto !important;
        height:auto !important;
        margin:0 !important;
        border:0 !important;
        background:transparent !important;
        color:#7B2CFF !important;
        font-family:"Font Awesome 6 Free" !important;
        font-size:12px !important;
        font-weight:900 !important;
        line-height:1 !important;
        transform:none !important;
    }

    body .navbar.glass-nav .mega-simple-link:hover,
    body .navbar.svc-nav .mega-simple-link:hover{
        transform:translateX(4px) !important;
        background:transparent !important;
        box-shadow:none !important;
    }

    body .navbar.glass-nav .mega-simple-link.is-active,
    body .navbar.svc-nav .mega-simple-link.is-active,
    body .navbar.glass-nav .mega-simple-link.is-active:hover,
    body .navbar.svc-nav .mega-simple-link.is-active:hover,
    body .navbar.glass-nav .mega-simple-link.is-active:focus,
    body .navbar.svc-nav .mega-simple-link.is-active:focus,
    body .navbar.glass-nav .mega-simple-link.is-active:focus-visible,
    body .navbar.svc-nav .mega-simple-link.is-active:focus-visible{
        grid-template-columns:42px minmax(0,1fr) 22px !important;
        min-height:62px !important;
        margin:4px 0 !important;
        padding:10px 12px 10px 10px !important;
        border:1px solid rgba(123,44,255,.34) !important;
        border-left:6px solid #7B2CFF !important;
        border-radius:8px !important;
        background:linear-gradient(90deg,rgba(123,44,255,.22),rgba(217,168,255,.18) 55%,rgba(242,179,255,.18)) !important;
        box-shadow:0 14px 32px rgba(123,44,255,.20) !important;
        color:#5C1EFF !important;
        transform:none !important;
    }

    body .navbar.glass-nav .mega-simple-link.is-active b,
    body .navbar.svc-nav .mega-simple-link.is-active b,
    body .navbar.glass-nav .mega-simple-link.is-active:hover b,
    body .navbar.svc-nav .mega-simple-link.is-active:hover b,
    body .navbar.glass-nav .mega-simple-link.is-active:focus b,
    body .navbar.svc-nav .mega-simple-link.is-active:focus b,
    body .navbar.glass-nav .mega-simple-link.is-active:focus-visible b,
    body .navbar.svc-nav .mega-simple-link.is-active:focus-visible b{
        display:inline-block !important;
        color:transparent !important;
        font-family:"Poppins","Segoe UI",Arial,sans-serif !important;
        font-size:15px !important;
        line-height:1.08 !important;
        font-weight:900 !important;
        letter-spacing:0 !important;
        background:linear-gradient(90deg,#2B08C8 0%,#5C1EFF 36%,#B66DFF 70%,#F24BFF 100%) !important;
        -webkit-background-clip:text !important;
        background-clip:text !important;
        -webkit-text-fill-color:transparent !important;
    }

    body .navbar.glass-nav .mega-simple-link.is-active::after,
    body .navbar.svc-nav .mega-simple-link.is-active::after,
    body .navbar.glass-nav .mega-simple-link.is-active:hover::after,
    body .navbar.svc-nav .mega-simple-link.is-active:hover::after,
    body .navbar.glass-nav .mega-simple-link.is-active:focus::after,
    body .navbar.svc-nav .mega-simple-link.is-active:focus::after,
    body .navbar.glass-nav .mega-simple-link.is-active:focus-visible::after,
    body .navbar.svc-nav .mega-simple-link.is-active:focus-visible::after{
        content:"\f00c" !important;
        width:22px !important;
        height:22px !important;
        border-radius:50% !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        background:#7B2CFF !important;
        color:#fff !important;
        font-size:10px !important;
        box-shadow:0 8px 18px rgba(123,44,255,.24) !important;
    }
}