.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 0 2px 0;
            background: #52accc;
            padding: 3px;
        }

        .ast-desktop .new-search-bar-wrapper img{
            width: 50px;
        }

        .ast-header-break-point .custom-logo-link img{
            width: 35px !important;
        }

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

        .asb-search-container form.search-form {
            position: relative;
            display: flex;
            flex: 1 0 0;
            margin: 0 15px;
            max-width: 70%;
        }
      
        .asb-search-container-mobile form.search-form {
            position: relative;
            width: 80%;
            display: flex;
        }

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

        .asb-search-container input[type="search"]::placeholder, .asb-search-container-mobile input[type="search"]::placeholder {
            color:#888;
            transition: color 350ms ease-in-out;
        }

        .asb-search-container input[type="search"]:focus::placeholder, .asb-search-container-mobile input[type="search"]:focus::placeholder {
            color:transparent;
        }

        .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;
            border-radius: 50%;
            color: white;
            outline: 2px solid #0075DE;
        }

        .a-tag-my-account:hover{
            display: flex;
            position: relative;
            width: 40px;
            height: 40px;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            color: white;
            outline: 2px solid #0075DE;
        }

        .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: #52accc;
            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;
        }

        .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 .new-search-bar-wrapper .custom-logo-link{
            display: none;
        }

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

        /* styling result search div*/

        .new-search-bar-wrapper .live-search-elements-wrapper{
            position: absolute;
            z-index: 999;
            overflow-y: auto;
            top: 100%;
            max-height: 700%;
            width: 100%;
            left: 0;
            display: flex;
            flex-direction: column;
            background-color: #fff;
            box-shadow: 0px 4px 8px #52accc;
        }

        .new-search-bar-wrapper .search-item{
            display: flex;
            align-items: center;
            margin: 5px;
            gap: 5px;
            border-bottom: 1px solid gray;
        }

        .new-search-bar-wrapper .search-item img{
            width: 30px;
            height: 30px;
        }
        /*************style scroll bar******* */

        /* Chrome, Safari, Edge */
        .new-search-bar-wrapper .live-search-elements-wrapper::-webkit-scrollbar {
            width: 3px; /* 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: #52accc; /* your blue accent */
            border-radius: 3px;
        }

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

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

        .new-search-bar-wrapper .live-search-elements-wrapper .see-more-btn{
            background: transparent;
            color: #52accc;
        }



        /*********arrange ovelapping header*******/
@media (max-width: 921px) {
    .ast-theme-transparent-header #masthead {
        position: relative !important;
        left: 0;
        right: 0;
    }

    .new-search-bar-wrapper .search-item img{
        height: 70%;
        width: 70%;
    }
}