.elementor-462 .elementor-element.elementor-element-b7a77ec > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-462 .elementor-element.elementor-element-75da07b > .elementor-widget-container{margin:-20px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-462 .elementor-element.elementor-element-47138ba > .elementor-widget-container{margin:-20px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-462 .elementor-element.elementor-element-c7ac250 > .elementor-widget-container{margin:-20px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-462 .elementor-element.elementor-element-505cccf > .elementor-widget-container{margin:-20px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-462 .elementor-element.elementor-element-5be245c > .elementor-widget-container{margin:-20px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-462 .elementor-element.elementor-element-aa4d56c > .elementor-widget-container{margin:-20px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-462 .elementor-element.elementor-element-1378ed1 > .elementor-widget-container{margin:-20px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-462 .elementor-element.elementor-element-b153740 > .elementor-widget-container{margin:-20px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-462 .elementor-element.elementor-element-21d239c > .elementor-widget-container{margin:-20px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-462 .elementor-element.elementor-element-6aa5921 > .elementor-widget-container{margin:-20px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-462 .elementor-element.elementor-element-b421cba > .elementor-widget-container{margin:-20px 0px 0px 0px;padding:0px 0px 0px 0px;}/* Start custom CSS for html, class: .elementor-element-75da07b */#faq-categories {
    position: sticky;
    top: 0;
    z-index: 9999;
    background-color: #0A192F !important;
    padding: 10px 0;
    width: 100%;
    /* If your section is boxed, this forces the background to the edges */
    box-shadow: 0 0 0 100vmax #0A192F;
    clip-path: inset(0 -100vmax);
}

/* 2. Mobile Swipe Area */
@media (max-width: 768px) {
    #faq-categories div {
        display: flex !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        padding: 10px 20px !important;
        gap: 10px !important;
        justify-content: flex-start !important;
        -webkit-overflow-scrolling: touch;
        
        /* Hide scrollbars */
        scrollbar-width: none;
    }

    #faq-categories div::-webkit-scrollbar {
        display: none;
    }

    /* 3. Refined Fade - Now only at the very right edge (last 10%) */
    #faq-categories::after {
        content: "";
        position: absolute;
        right: 0;
        top: 0;
        width: 40px; /* Smaller width so it doesn't "cut" the buttons early */
        height: 100%;
        background: linear-gradient(to right, rgba(10, 25, 47, 0), #0A192F 90%);
        pointer-events: none;
    }
}

/* 4. Button Cleanup */
#faq-categories a {
    flex-shrink: 0;
    background: rgba(168, 216, 234, 0.1) !important;
    border: 1px solid rgba(168, 216, 234, 0.2) !important;
    color: #A8D8EA !important;
    font-size: 13px;
}

/* 5. Smooth Anchor Jump */
:target {
    scroll-margin-top: 100px;
}
<style>
/* 1. The Main Container - Keep it Slim */
#faq-categories {
    position: sticky;
    top: 0;
    z-index: 9999;
    background-color: #0A192F !important;
    padding: 6px 0 !important; /* Reduced vertical padding */
    border-bottom: 1px solid rgba(168, 216, 234, 0.1);
    width: 100%;
}

/* 2. The Internal Row - Forced Single Line */
#faq-categories div {
    display: flex !important;
    flex-wrap: nowrap !important; /* Forces 1 row always */
    overflow-x: auto !important;
    justify-content: center !important; /* Centered on Desktop */
    padding: 4px 15px !important;
    gap: 8px !important; /* Tighter gap to fit more items */
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none; 
}

#faq-categories div::-webkit-scrollbar {
    display: none;
}

/* 3. Small & Responsive Buttons */
#faq-categories a {
    flex-shrink: 0;
    white-space: nowrap !important;
    font-family: Arial, sans-serif;
    font-size: 11px !important; /* Smaller text to prevent cutting */
    font-weight: 600;
    color: #A8D8EA !important;
    text-decoration: none;
    padding: 5px 10px !important; /* Slimmer padding */
    border: 1px solid rgba(168, 216, 234, 0.2) !important;
    border-radius: 20px;
    background: rgba(168, 216, 234, 0.05) !important;
    transition: all 0.2s ease;
}

#faq-categories a:hover {
    background: #A8D8EA !important;
    color: #0A192F !important;
}

/* 4. Switch to Left-Align on smaller screens */
@media (max-width: 1024px) {
    #faq-categories div {
        justify-content: flex-start !important;
    }
}

/* 5. Target Offset (Prevents header from covering titles) */
:target {
    scroll-margin-top: 80px;
}
</style>/* End custom CSS */