.badge-primary {
            color: #2643e9;
            background-color: #eaecfb;
        }

        .client-logo-container {
          overflow: hidden;
        }
        .client-logo-container .slider {
          animation: slidein 30s linear infinite;
          white-space: nowrap;
        }
        .client-logo-container .slider .logos {
          width: 100%;
          display: inline-block;
          margin: 0px 0;
        }
        .client-logo-container .slider .logos img {
          width: calc(100% / 7) !important;
          padding: 35px;
          animation: fade-in 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) forwards;
        }

        @keyframes slidein {
          from {
            transform: translate3d(0, 0, 0);
          }
          to {
            transform: translate3d(-100%, 0, 0);
          }
        }
        @keyframes fade-in {
          0% {
            opacity: 0;
          }
          100% {
            opacity: 1;
          }
        }

        .bg-featured-blog {
            height: 100%;
            width: 100%;
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            min-height: 15rem;
        }

        .video-popup {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.9);
            display: flex;
            justify-content: center;
            align-items: center;
            z-index: 1000;
            opacity: 0;
            visibility: hidden;
            transition: opacity 0.3s ease, visibility 0.3s ease;
        }

        .video-popup.active {
            opacity: 1;
            visibility: visible;
        }

        .video-container {
            width: 90%;
            max-width: 1200px;
            position: relative;
        }

        .close-button {
            position: absolute;
            top: -50px;
            right: -50px;
            width: 50px;
            height: 50px;
            background-color: white;
            border-radius: 50%;
            display: flex;
            justify-content: center;
            align-items: center;
            cursor: pointer;
            font-size: 24px;
            color: #333;
            transition: background-color 0.3s ease, color 0.3s ease;
        }

        .close-button:hover {
            background-color: #333;
            color: white;
        }

        #videoPlayer {
            width: 100%;
            height: auto;
            max-height: 80vh; /* Ensures video doesn't exceed 80% of viewport height */
            display: block;
            border-radius: 10px;
        }

        /* =====================================
   Announcement Bar
===================================== */

.announcement-bar{
    background:linear-gradient(90deg,#1b1f3a,#232a52,#1b1f3a);
    color:#fff;
    font-size:15px;
    position:relative;
    overflow:hidden;
}

.announcement-bar::before{
    content:"";
    position:absolute;
    inset:0;
    background:
        linear-gradient(
            120deg,
            transparent 20%,
            rgba(255,255,255,.05) 45%,
            transparent 70%
        );
    animation:shine 8s linear infinite;
}

.announcement-content{
    max-width:1280px;
    margin:auto;
    padding:15px 30px;

    display:flex;
    align-items:center;
    justify-content:center;
    gap:40px;

    position:relative;
    z-index:2;
}

.announcement-left{
    display:flex;
    align-items:center;
    gap:18px;
    flex-wrap:wrap;
}

.announcement-badge{
    background: #5e72e4;
    color: #fff;
    padding:6px 14px;
    border-radius:50px;
    font-size:12px;
    font-weight:600;
    letter-spacing:1px;
    display:flex;
    align-items:center;
    box-shadow:0 4px 15px rgba(255,173,30,.35);
}

.announcement-text{
    font-size:15px;
    color:#fff;
    font-weight: 400;
}

.announcement-text strong{
    color:#FFAD1E;
    font-weight:400;
}

.announcement-btn{
    display:flex;
    align-items:center;
    gap:10px;

    padding:10px 22px;

    background:#FFAD1E;
    color:#1b1f3a;
    text-decoration:none;
    font-weight:600;
    border-radius:50px;

    transition:.3s;
}

.announcement-btn:hover{
    background:#ffc14d;
    transform:translateY(-2px);
    box-shadow:0 10px 25px rgba(255,173,30,.35);
}

@keyframes shine{
    from{
        transform:translateX(-100%);
    }
    to{
        transform:translateX(150%);
    }
}

/* Mobile */

@media(max-width:768px){

    .announcement-content{
        flex-direction:column;
        text-align:center;
        padding:14px 20px;
        gap:12px;
    }

    .announcement-left{
        justify-content:center;
    }

    .announcement-text{
        font-size:14px;
    }
}

/* TABS */
        .feature-tabs{
        margin-top:30px;
        }
        .feature-tabs .btn{
        border-radius:30px;
        padding:10px 20px;
        }
        /* CARDS */
        .card{
        background:white;
        border-radius:16px;
        padding:24px;
        box-shadow:0 10px 30px rgba(0,0,0,0.05);
        transition:all .3s;
        }
        .card:hover{
        transform:translateY(-8px);
        box-shadow:0 20px 50px rgba(0,0,0,0.08);
        }
        .card h5{
        font-weight:600;
        margin-top:10px;
        }
        /* CASE STUDIES */
        .case-card{
        background:white;
        border-radius:18px;
        padding:40px;
        margin-top:30px;
        box-shadow:0 10px 30px rgba(0,0,0,0.05);
        text-align:left;
        }
        .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
            color: #fff;
            background-color: #ffad1e;
        }
        .nav-pills .nav-link {
            color: #000;
            border-radius: 50px;
        }
        .card p {
            font-size: 0.875rem;
            color: #6b7a8d;
            line-height: 1.6;
            margin: 0;
        }

        .card li {
            font-size: 0.875rem;
            color: #6b7a8d;
            line-height: 1.6;
            margin: 0;
        }

        .card h4 {
            font-size: 0.95rem;
            font-weight: 600;
            margin-bottom: 0.5rem;
        }
        .nav-pills .nav-link {
            box-shadow: none; 
            border: 1px solid #e2e6ed;
        }
        .icon-box-accent {
            background: rgb(255 173 30 / 12%);
            color: #ffad1e;
        }
        .icon-box {
            width: 48px;
            height: 48px;
            border-radius: .75rem;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 1rem;
            font-size: 1.5rem;
        }
        .feature-slider{
            width:100%;
            overflow:hidden;
            position:relative;
            margin:18px 0;
        }

        .feature-track{
            display:flex;
            width:max-content;
            animation:featureScroll 25s linear infinite;
        }

        .feature-slider:hover .feature-track{
            animation-play-state:paused;
        }

        .feature-card{
            flex:0 0 auto;
            width: 350px;
            margin-right: 30px;
            margin-bottom: 30px;

            background:#fff;
            border-radius:18px;

            overflow:hidden;

            box-shadow:
                0 8px 25px rgba(0,0,0,.08);

            transition:.3s;
        }

        .feature-card:hover{
            transform:translateY(-5px);
        }

        .feature-card img{
            width:100%;
            height:200px;
            object-fit:cover;
            display:block;
        }

        .feature-card span{
            display:block;
            padding:14px;
            font-weight:500;
            color:#222;
            font-size:14px;
            text-align: center;
        }

        @keyframes featureScroll{

            from{
                transform:translateX(0);
            }

            to{
                transform:translateX(-50%);
            }

        }

        @media(max-width:768px){

        .feature-card{
            width:170px;
        }

        .feature-card img{
            height:110px;
        }

        }

        .hero-orb-2 {
            position: absolute;
            top: 80px;
            right: 25%;
            width: 400px;
            height: 400px;
            border-radius: 50%;
            background: rgba(232, 98, 60, 0.05);
            filter: blur(80px);
            pointer-events: none;
        }
        .hero-badge {
            display: inline-flex;
            align-items: center;
            gap: 0.5rem;
            padding: .5rem 1rem .5rem .5rem;
            border-radius: 9999px;
            border: 1px solid #e2e6ed;
            background: #ffffff;
            font-size: 0.875rem;
        }
        .bg-hero-gradient {
            background: linear-gradient(135deg, #ffad1e 0%, #6d48cb 50%, #e8623c 100%);
        }
        .cta-box {
            border-radius: 1.5rem;
            padding: 3rem 2rem;
            position: relative;
            overflow: hidden;
        }
        .btn-card {
            background: #fff;
            color: #000;
            border: none;
            border-radius: .75rem;
            font-weight: 600;
            padding: 0.75rem 2rem;
            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
            transition: background 0.2s;
        }
        .btn-icon-only {
            width: 2.375rem;
            height: 2.375rem;
            padding: 10px;
        }
        /* BUTTONS */
        .btn-primary-custom{
        background:#ffad1e;
        color:#fff;
        font-weight: 400;
        padding:14px 28px;
        border-radius:12px;
        border:none;
        font-size: 1rem;
        }
        .btn-outline-custom{
        border:1px solid #cbd5e1;
        padding:14px 28px;
        border-radius:12px;
        background:white;
        font-weight:400;
        font-size: 1rem;
        }
        .btn-primary-custom:hover{
        transform:translateY(-2px);
        }