@media (min-width: 992px) {
                        .main-navigation .product-with-voicebot {
                        left: -324px !important;
                        width: 1250px !important;
                        display: grid !important;
                        grid-template-columns: repeat(3, 1fr) 310px;
                        gap: 14px 28px;
                        padding: 28px !important;
                        align-items: start;
                        }
                        .main-navigation .product-with-voicebot > li:not(.voicebot-side-card) { width: auto !important; max-width: unset !important; flex: unset !important; }
                        .voicebot-side-card {
                        grid-column: 4;
                        grid-row: 1 / span 10;
                        width: 290px!important;
                        list-style: none;
                        margin-left: 8px;
                        max-width: 100% !important;
                        }
                        .voicebot-highlight-item {
                        background: #e8e1ff;
                        }
                        .voicebot-highlight-item:hover{background: linear-gradient(90deg, rgba(117, 84, 247, 1) 0%, rgba(117, 84, 247, 1) 0%, rgba(117, 84, 247, 1) 62%, rgba(147, 94, 223, 1) 95%)!important;}
                        .voicebot-highlight-item:hover span, .voicebot-highlight-item:hover span svg{color: #fff;}
                        }
                        @media (min-width: 1001px) and (max-width: 1024px) {
                        .main-navigation .product-with-voicebot{
                        left: -289px !important;
                        width: 1000px !important;
                        padding: 8px !important;
                        overflow: scroll;
                        height: 400px;
                        }
                        }
                        @media (min-width: 1024px) and (max-width: 1201px) {
                        .main-navigation .product-with-voicebot {
                        grid-template-columns: none !important;
                        width: 1012px !important;
                        overflow: scroll!important;
                        height: 400px;
                        }
                        }
                        @media (min-width: 1200px) and (max-width: 1440px) {
                        .main-navigation .product-with-voicebot {
                        grid-template-columns: none !important;
                        width: 1058px !important;
                        overflow: scroll!important;
                        height: 400px;
                        left: -215px !important;
                        }
                        }
                        /* Voicebot Box */
                        .voicebot-menu-box {
                        background: #f5f1ff;
                        border-radius: 10px;
                        padding: 20px 20px 0;
                        overflow: hidden;
                        }
                        /* Titles */
                        .voicebot-menu-title {
                        font-size: 14px;
                        font-weight: 700;
                        color: #222;
                        margin-bottom: 10px;
                        }
                        .voicebot-section-title {
                        font-size: 14px;
                        font-weight: 600;
                        color: #222;
                        margin: 12px 0 8px;
                        }
                        /* Links */
                        .voicebot-highlight-item,
                        .voicebot-menu-link {
                        display: flex;
                        align-items: center;
                        gap: 12px;
                        text-decoration: none;
                        color: #5f5f6f;
                        font-size: 14px;
                        font-weight: 500;
                        padding: 8px 10px;
                        border-radius: 8px;
                        transition: 0.25s ease;
                        }
                        .voicebot-highlight-item:hover,
                        .voicebot-menu-link:hover {
                        background: #e8e1ff;
                        color: #2b214c;
                        }
                        /* Icons */
                        .voicebot-icon svg {
                        height: 18px;
                        width: 18px;
                        color: rgb(129, 132, 152);
                        stroke-width: 2 !important;
                        }
                        .voicebot-highlight-item:hover svg, .voicebot-menu-link:hover svg{color: #000;}
                        /* Partner Logos */
                        .voicebot-partner-logos {
                        margin: 20px -20px 0;
                        padding: 14px 16px;
                        border-top: 1px solid #e1ddeb;
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                        gap: 0px;
                        }
                        .voicebot-partner-logos span {
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        width: 60px;
                        height: 40px;
                        }
                        .voicebot-partner-logos img {
                        max-width: 100%;
                        max-height: 100%;
                        object-fit: contain;
                        opacity: 0.8;
                        transition: 0.3s ease;
                        }
                        .voicebot-partner-logos img:hover {
                        opacity: 1;
                        transform: scale(1.05);
                        }
                        /* Mobile */
                        @media (max-width: 991px) {
                        .main-navigation .product-with-voicebot {
                        grid-template-columns: repeat(2, 1fr) !important;
                        display: grid!important;
                        width: max-content!important;
                        left: -225px!important;
                        overflow: scroll!important;
                        height: 400px;
                        }
                        .voicebot-side-card {
                        width: 100%;
                        }
                        }


                         .voicebot-menu-title-text{
                                                    display: flex;
                                                    align-items: center;
                                                }
                                                .new-label {
                                                   background: #7554f7;
                                                   padding: 2px 8px;
                                                   border-radius: 3px;
                                                   margin-left: 10px;
                                                   text-transform: uppercase;
                                                   position: relative;
                                                   overflow: hidden;
                                                   font-size: 10px;
                                                   display: inline-block;
                                                   color: #f3f3f3;
                                                   font-weight: 600;
                                                }
                                                
                                                .new-label::after {
                                                    content: "";
                                                    position: absolute;
                                                    top: 0;
                                                    left: -100%;
                                                    width: 100%;
                                                    height: 100%;
                                                    background: linear-gradient(
                                                        120deg,
                                                        transparent 30%,
                                                        rgba(255, 255, 255, 0.6) 50%,
                                                        transparent 70%
                                                    );
                                                    transform: skewX(-20deg);
                                                    animation: shine 2s infinite linear;
                                                }
                                                .voicebot-highlight-item:hover .new-label{color: #fff;background: #39a26c;}
                                                
                                                @keyframes shine {
                                                    0% {
                                                        left: -100%;
                                                    }
                                                
                                                    100% {
                                                        left: 100%;
                                                    }
                                                }
 
 .desktop-menu a {color:#5d5a61;text-decoration:none;font-weight:500;}
         .mobile-bottom-nav, .mobile-menu, .mobile-popup,  .user-home{display:none;}
         /* Mobile-only: hide popup by default on desktop */
         @media (max-width:768px) {
            .main-navigation .navbar > li:last-child {
    margin-bottom: 50px;
}
         .get-btn .login-btn, .get-btn .started-btn {
         display: none;
         }
         .main-navigation .dropdown-item img, .main-navigation .dropdown-item svg{    margin-top: 4px;}
         .main-navigation .has-submenu ul.dropdown-menu-item{        background: #f8f5ff;
         border-radius: 0;}
         .main-navigation .dropdown-item{padding: 12px!important;}
         .mobile-button.get-btn a{         width: 313px;
         margin-bottom: 16px;
         margin-right: 10px;padding:12px 16px;
         text-transform: uppercase;
         font-size: 14px;display: block;}
         header.fixed{top: -5px;}
         .user-home {
         position: fixed;
         right: 2px;
         top: 6px;
         z-index: 9999;
         color: #ac7df7; /* This now controls the SVG color */
         border-radius: 20px;
         display: flex;
         justify-content: center;
         align-items: center;
         }
         .user-home svg {
         width: 45px;
         height: 45px;
         background: transparent;margin: 0 2px;
         }
         /* Overlay hidden by default */
         .popup-overlay {
         display: none;
         position: fixed;
         inset: 0;
         background: rgba(0,0,0,0.4); /* semi-transparent black */
         z-index: 19999;
         opacity: 0;
         transition: opacity 0.35s ease;
         backdrop-filter: blur(2px);
         }
         .popup-overlay.active {
         display: block;
         opacity: 1;
         }
         .mobile-popup {
         display: flex;
         position: fixed;
         bottom: 0;
         left: 50%;
         transform: translate(-50%, 100%); /* start off-screen */
         width: 100%;
         max-width: 400px;
         background: #fff;
         box-shadow: 0 5px 25px rgba(0,0,0,0.2);
         flex-direction: column;
         align-items: center;
         padding: 20px;
         z-index: 9999999999 ;
         transition: transform 0.4s ease, opacity 0.4s ease;
         opacity: 0;
         height: 38vh;
         text-align: center;
         }
         ul.mobile-button.get-btn{width: 100%;display: block;position: relative;top: 0;right: 0;max-width: 100%;}
         .mobile-popup .popup-content{margin-top: 2%;}
         .mobile-popup .close-popup{ position: absolute;
         top: -15%;
         right: 50%;
         transform: translate(50%);
         z-index: 1000;
         background-color: rgba(0, 0, 0, 0.5);
         color: #fff;
         border: 0;
         border-radius: 50%;
         width: 30px;
         height: 30px;
         font-size: 24px;
         text-align: center;
         cursor: pointer;
         display: flex
         ;
         justify-content: center;
         align-items: center;}
         /* Active popup */
         .mobile-popup.active {
         transform: translate(-50%, 20px); /* slide up with top gap */
         opacity: 1;
         }
         /* Close button */
         .close-popup {
         align-self: center;
         margin-bottom: 10px;
         background: #eee;
         border: none;
         border-radius: 50%;
         width: 35px;
         height: 35px;
         font-size: 18px;
         cursor: pointer;
         }
         .main-navigation .dropdown-item{border-radius: 0px;}
         .mobile-img-container{
         background-repeat: no-repeat;
         background-size: cover;
         height: 24%;
         flex-shrink: 0;
         width: 100%;}
         .desktop-menu {display:none;}
         /* Bottom nav */
         .mobile-bottom-nav {
         box-shadow: 0 0 10px 1px rgb(233 223 250);
         display:flex;
         justify-content:space-around;
         align-items:center;
         position:fixed;
         bottom:0;left:0;right:0;
         background:#401e76;
         border-top:1px solid #ddd;
         z-index:1000;
         padding:10px 0;
         }
         .mobile-bottom-nav a,
         .mobile-bottom-nav button {
         background:none;border:none;
         font-size:13px;text-align:center;
         }
         .mobile-bottom-nav a{
         display: flex;
         flex-direction: column;
         justify-content: center;
         align-items: center;
         color: #fff!important;
         font-weight: 600;
         }
         .mobile-bottom-nav img {
         width:22px;height:22px;
         display:block;margin:0 auto 3px;
         }
         /* Full-screen overlay */
         .mobile-menu {
         position:fixed;inset:0;
         background:#fff;
         display:none;
         z-index:1100;
         animation:slideUp .35s ease;
         flex-direction: column;
         transition: transform .3s ease-in-out;
         transform: translateY(100%);
         height: 100%;
         overflow-y: auto;
         -webkit-overflow-scrolling: touch;
         max-height: initial;
         top: -3px;
         }
         .mobile-menu.show {
         display: flex;
         transform: translateY(52px);
         height: calc(100% - 52px);
         width: 100%;
         z-index: 9999999999;
         }
         /* ✅ Safari safe height fix */
         @supports (-webkit-touch-callout: none) {
         .mobile-menu,
         .mobile-menu.show {
         height: -webkit-fill-available;
         }
         }
         .main-navigation .navbar>li>a{width: auto;font-size: 16px;}
         .main-navigation .navbar>li>:nth-child(5) a{ margin-bottom: 50px; }
    
         .mobile-menu ul {
         list-style: none;
         padding: 0;
         margin: 0;
         text-align: left;
         display: block;
         width: 100%;
         overflow-y: auto;
         border: 0;
         box-shadow: none;
         }
         .main-navigation .dropdown-text .title{font-size: 14px;}
         .voicebot-menu-box{    padding: 10px 10px!important;}
         .mobile-menu .voicebot-menu-box{        padding: 10px 10px !important;
         margin: 14px 10px;background: #e9e1ff;}
         .mobile-menu .voicebot-menu-title{margin-bottom: 0;padding: 8px 10px 0;}
         .mobile-menu .voicebot-section-title{margin: 8px 0 0px;padding: 8px 10px 0;}
         .mobile-menu .voicebot-partner-logos{ display: none;}
         .mobile-menu .voicebot-side-card a{border-bottom:none;}
         .mobile-menu .voicebot-highlight-item, .mobile-menu  .voicebot-menu-link{padding:10px 10px!important;}
         .mobile-menu a {
         color:#000;text-decoration:none;
         font-size:14px;display:flex;
         padding:14px 10px!important;
         border-radius: 0px!important;
         border-bottom: 1px solid #dfd0ff;
         }
         .voicebot-partner-logos{margin: 0px -20px 0!important;}
         .mobile-menu a.voicebot-menu-link:nth-child(10){border-bottom: none!important;}
         .mobile-menu .close {
         width: 72px;
         height: 52px;
         background:#000;
         color: #fff;
         position: fixed;
         bottom: 0;
         right: 0;
         display: flex;
         flex-direction: column;
         justify-content: center;
         align-items: center;
         z-index: 9999;
         border-radius: 3px 0 0;
         text-shadow: initial;
         opacity:initial;
         }
         .mobile-menu .close .close-name{font-size: 11px;
         font-weight: 100;}
         .toggle-icon {
         cursor: pointer;
         }
         .main-navigation .dropdown-column ul{overflow-y: inherit;}
         .main-navigation .dropdown-column h3{margin-bottom: 0;}
         .toggle-icon .vertical {
         transform-origin: center;
         transition: transform 0.25s cubic-bezier(0.68, -0.55, 0.265, 1.55), opacity 0.25s ease;
         display: block;
         }
         .toggle-icon.active .vertical {
         transform: scaleY(0); /* vertical line shrinks for minus */
         opacity: 0;
         }
         /* Optional: smooth horizontal line bounce (tiny scale) */
         .toggle-icon .horizontal {
         transition: transform 0.25s ease;
         }
         .toggle-icon.active .horizontal {
         transform: scaleX(1.1); /* slight bounce */
         }
         @keyframes slideUp {
         from {transform:translateY(100%);opacity:0;}
         to {transform:translateY(0);opacity:1;}
         }
         }