.asb-search-container, .asb-search-container-mobile {
            z-index: 9999;
            top:60px;
            width: 100%;
            display: flex;
            justify-content: space-around;
            align-items: center;
            margin: 0 0px 2px 0 !important;
            background: #064966;
            padding: 2px;
        }

        .asb-search-container-mobile {
            margin: 0;
        }

        .asb-search-container form.search-form {
            position: relative;
            width: 60%;
        }
        
        .asb-search-container-mobile form.search-form {
            position: relative;
            width: 80%;
        }

        .asb-search-container form.search-form label, .asb-search-container-mobile form.search-form label{
            display: flex;
        }
        .asb-search-container input[type="search"], .asb-search-container-mobile input[type="search"] {
            width: 100%;
            padding: 12px 15px;
            font-size: 16px;
            border-top-left-radius: 5px !important;
            border-bottom-left-radius: 5px !important;
            border: 1px solid #fff;
        }

        .asb-search-container input[type="submit"], .asb-search-container-mobile input[type="submit"] {
            display: none;
        }


        /*---------------------------------*/
        .a-tag-my-account, .my-custom-cart-link{
            display: flex;
            position: relative;
            width: 40px;
            height: 40px;
            align-items: center;
            justify-content: center;
            background-color: #064966;
            border-radius: 50%;
            color: white;
        }

        .dashicons.dashicons-cart, .cart-count{
            color: white;
        }

        .my-custom-cart-link .cart-count{
            position: absolute;
            display: flex;
            align-items: center;
            justify-content: center;
            top: -10px;
            right: 0;
            background: #064966;
            border-radius: 50%;
            width: 20px;
            height: 20px;
            color: white;
        }

        .my-custom-cart-link .my-cart-link{
            display: flex;
        }

        .asb-search-container .search-submit::before{
            content: 'Rechercher';
        }

        .new-search-bar-wrapper .search-submit {
            display: inline-flex;         /* make button a flex container */
            align-items: center;          /* vertically center items */
            justify-content: center;      /* horizontally center items (optional) */
            gap: 5px;                     /* space between icon and text */
            padding: 5px 10px;            /* adjust padding as needed */
            font-size: 14px;              /* adjust text size */
            flex-direction: row-reverse;
            border: none;
            background-color: white;
            border-radius: unset;
            color: #064966;
            border-top-right-radius: 5px !important;
            border-bottom-right-radius: 5px !important;
            border: 1px solid #fff;
        }

        .ast-header-break-point .asb-search-container .search-submit::before{
            content: '';
        }

        .ast-header-break-point .asb-search-container {
            z-index: 9999;
            max-height: 25px;
            top:60px;
            width: 100%;
            display: flex;
            justify-content: space-around;
            align-items: center;
            margin: 5px 0;
        }

        .ast-header-break-point .asb-search-container input[type="search"] {
            max-height: 20px;
        }

        .ast-header-break-point .my-custom-cart-link, .ast-header-break-point .a-tag-my-account{
            display: none;
        }

        .ast-header-break-point .custom-logo-link{
            display: none;
        }

        .ast-header-break-point .asb-search-container, .ast-desktop .asb-search-container-mobile {
            display: none;
        }

        /*-----styling the logo img-------*/
        .new-search-bar-wrapper a img{
            width: 85px;
            height: 85px;
            filter:url(#ast-img-color-filter-2)
        }

        /* styling result search div*/

        .new-search-bar-wrapper .live-search-elements-wrapper{
            position: absolute;
            z-index: 999;
            overflow-y: scroll;
            top: 100%;
            max-height: 700%;
            width: 100%;
            left: 0;
            display: flex;
            flex-direction: column;
            background-color: #fff;
            box-shadow: 0px 4px 8px #064966;
        }
        
        .new-search-bar-wrapper .search-item{
            display: flex;
            align-items: center;
            margin: 5px;
            gap: 5px;
            border-bottom: 1px solid gray;
        }

        .asb-search-container-mobile .search-item a, .asb-search-container-mobile .search-item span{
            text-align: center;
        }

        .new-search-bar-wrapper .live-search-elements-wrapper .search-item a:hover{
            color: inherit;
        }
        
        .new-search-bar-wrapper .search-item img{
            width: 30px;
            height: 30px;
        }

        .new-search-bar-wrapper .live-search-elements-wrapper {
            max-height: 300px; /* limit height so scrollbar shows only if needed */
        }

        /* Chrome, Safari, Edge */
        .new-search-bar-wrapper .live-search-elements-wrapper::-webkit-scrollbar {
            width: 6px; /* thin scrollbar */
        }

        .new-search-bar-wrapper .live-search-elements-wrapper::-webkit-scrollbar-track {
            background: #f1f1f1; /* light track */
            border-radius: 3px;
        }

        .new-search-bar-wrapper .live-search-elements-wrapper::-webkit-scrollbar-thumb {
            background-color: #064966; /* your blue accent */
            border-radius: 3px;
        }

        /* Firefox */
        .new-search-bar-wrapper .live-search-elements-wrapper {
            scrollbar-width: thin;          /* makes it thinner */
            scrollbar-color: #064966 #f1f1f1; /* thumb color + track color */
        }

                /*-------style see more btn----------*/

        .new-search-bar-wrapper .live-search-elements-wrapper .see-more-btn{
            background: transparent;
            border: none;
            color: #064966;
        }



        /*********arrange ovelapping header*******/
        @media (max-width: 921px) {
            .new-search-bar-wrapper .search-item img{
                height: 40%;
                width: 40%;
            }

        }

        @media screen and (max-width: 920px) and (orientation: landscape) {
            .new-search-bar-wrapper {
                margin-right: -30px;
            }
        }

        @media screen and (max-width: 920px) and (min-width: 600px) and (orientation: portrait) {
            .new-search-bar-wrapper {
                margin-right: -30px;
            }
        }