.ai-apexidx-hide {
        display: inline-block;
    }
    
    .ai-apexidx-mpoint {
        padding: 15px 10px 10px 10px;
    }
    .ai-apexidx-mvalue {
        width: 100%;
        float: left;
    }
    .ai-apexidx-anspace {
        margin-left: 2.6%;
    }
    .ai-apexidx-rsbsearchbox {
        font-family: helvetica;
        margin: 0 auto;
        max-width: 800px;
        min-width: 360px;
        width: 100%;
    }
    .ai-apexidx-mtextcode {
        width: 89%;
        float: left;
        position: relative;
    }
    
    .ai-apexidx-rsbsearchbox form .ai-apexidx-mtextcode input[type="text"] {
        width: 0px;
        text-transform: none;
        box-shadow: none;
        margin: 0 0 0 0;
        padding: 0;
        border-radius: 0px;
        background: white;
        line-height: 17px;
        font-family: helvetica;
        min-height: 36px !important;
        max-height: 38px !important;
        outline-offset: 0px;
        font-size: 14px;
        box-sizing: content-box;
        border: 1px solid rgba(171, 170, 170, 0.52);
        -moz-box-sizing: content-box;
        text-indent: 10px;
    }
    .ai-apexidx-aibsearch-rt-form {
        background: rgba(255, 255, 255, 0.6);
        border: 1px solid #ccc;
        box-shadow: 0 0 14px #ccc;
        float: left;
        width: 100%;
        min-width: 0;
    }
    .ui-autocomplete {
        position: absolute;
        top: 0;
        left: 0;
        cursor: default;
    }
    .ai-ui-menu {
        list-style: none;
        padding: 0;
        margin: 0;
        display: block;
        outline: 0;
    }
    .ai-ui-menu .ai-ui-menu-item {
        position: relative;
        margin: 0;
        padding: 3px 1em 3px 0.4em;
        cursor: pointer;
        min-height: 0;
        list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
    }
    .ui-widget-content {
        border: 1px solid #aaa;
        background: url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x #fff;
        color: #222;
    }
    .ui-widget-content .ui-state-focus,
    .ui-widget-header .ui-state-focus {
        border: 1px solid #999;
        background: url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x #dadada;
        font-weight: 400;
        color: #212121;
    }
    #ai-auto-search.ui-autocomplete-loading {
        background-color: white !important;
        background-image: url(https://apexidx.com/images/auto_search.gif) !important;
        background-size: 20px 20px !important;
        background-position: right 10px center !important;
        background-repeat: no-repeat !important;
    }

    .ai-apexidx-aibsearch-rt-form {
        padding: 34px 34px;
        border-radius: 10px;
    }

    .ai-search-head-top1 {
        font-size: 16px;
        font-weight: 600;
        font-family: 'Open Sans', helvetica, sans-serif;
        margin: 0px;
        line-height: 22px;
    }

    .ai-powered-tag {
        background: #ede9fe !important;
        color: #5b21b6;
        font-size: 12px;
        font-weight: 700;
        padding: 4px 10px !important;
        border-radius: 30px !important;
        width: max-content !important;
    }

    .ai-heading-plusbag {
        display: flex;
        flex-direction: row;
        gap: 10px;
    }

    /* ==================== MAIN SEARCH BOX FIX ==================== */

    .ai-apexidx-rsbSearchTextbox {
        position: relative;
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
    }

    .ai-apexidx-mtextcode {
        position: relative;
        width: 100%;
    }

    #ai-auto-search {
    max-width: 100% !important;
    box-sizing: border-box;
    padding: 12px 120px 16px 45px;
    min-height: 49px !important;
    font-size: 17px;
    border: 1px solid blue;
    border-radius: 12px;
    background: white;
    font-family: 'Open Sans';
    outline: none;
    line-height: 1.4;
    margin-top: 9px;
    }

    /* Search Icon */
    .ai-apexidx-mtextcode span[style*="position: absolute"] {
        position: absolute !important;
        left: 11px !important;
        top: 60% !important;
        transform: translateY(-50%) !important;
        font-size: 20px;
        color: #666;
        pointer-events: none;
        z-index: 2;
    }

    /* Button Position */
    .aiapexidx-AaSBtnPoistion {
        position: absolute;
        right: 8px;
        /* top: 50%; */
        transform: translateY(80%);
        z-index: 3;
    }

   .ai-apexidxmsearcspanai {
        background: #ede9fe !important;
        color: #5b21b6 !important;
        font-size: 13px;
        font-weight: 600;
        padding: 4px 11px !important;
        border-radius: 8px !important;
        border: none;
        white-space: nowrap;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    /* ==================== RESPONSIVE MEDIA QUERIES ==================== */

    /* Tablet & Mobile - Button aur Input ko better adjust karne ke liye */
    @media (max-width: 768px) {
        #ai-auto-search {
            padding-right: 115px;           /* Button ke liye right space */
            font-size: 14px;
            min-height: 50px;
            height: 50px;
        }
        .aiapexidx-AaSBtnPoistion {
            position: absolute;
            right: 8px;
            top: 50%;
            transform: translateY(69%);
            z-index: 3;
        }

        .ai-apexidxmsearcspanai {
            padding: 4px 11px !important;
            font-size: 13px;
            height: 29px !important;
        }

        .aiapexidx-AaSBtnPoistion {
            right: 6px;
        }

        .ai-apexidx-aibsearch-rt-form {
            padding: 25px 20px;
        }
    }

    @media (max-width: 480px) {
        #ai-auto-search {
            padding-right: 105px;
            font-size: 15.5px;
            min-height: 48px;
            height: 48px;
        }
        .aiapexidx-AaSBtnPoistion {
            position: absolute;
            right: 8px;
            top: 50%;
            transform: translateY(69%);
            z-index: 3;
        }

        .ai-apexidxmsearcspanai {
            padding: 4px 11px !important;
            font-size: 12.5px;
        }
    }

    /* Old conflicting styles ko override */
    #ai-auto-search {
        width: 100% !important;
    }

    .aiapexidx-AaSBtnPoistion {
        float: none !important;
        margin-left: 0 !important;
        /* top: 0 !important;           Media query mein absolute se control ho raha hai */
    }