/* TEMPORARY HOT FIX */



#site-header.minimal-header.clr {
    background: linear-gradient(100deg, #012F6B 2.43%, #094CA0 87.14%);
}

/*********************/

/* LOGO */
#site-logo {
    padding-left: 30px;
}

/* MENU */

#site-navigation-wrap {
    /* 100 - (logo width) - ( logo left & right padding) - (search bar width) - (search bar padding) */
    width: calc(100% - 52px - 20px - 30px - 300px - 30px);
}

#site-navigation-wrap .dropdown-menu>li>a,
.menu-item a {
    color: #f5f5f5;
    text-decoration: none;
    font-family: 'Inter';
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
}

.menu-item {
    list-style: none;
}

.menu-item a:hover {
    color: #FFD800;
}

#site-navigation-wrap .dropdown-menu>li.menu-item.menu-logout,
#site-navigation-wrap .dropdown-menu>li.menu-item.menu-login {
    float: right;
}

#site-search-wrap {
    height: 104px;
    width: 300px;
    position: relative;
    float: right;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-right: 30px;
}

#site-search-wrap form {
    display: flex;
    justify-content: center;
    flex-direction: column;
}

#site-search-wrap input {
    border: 2px solid #f5f5f5;
    border-radius: 30px;
}

#site-search-wrap input::placeholder {
    color: #f5f5f5;
    opacity: 0.75;
}


#site-search-wrap div.asl_w .probox .promagnifier {
    background-color: transparent;
    background-image: transparent;
    background-image: linear-gradient(180deg, #ffffff00, #ffffff00);
}

/* Search bar */
div.asl_m .probox .proclose svg {
    background: transparent !important;
    box-shadow: 0 0 0 2px #f5f5f5 !important;
    fill: #f5f5f5 !important;
}

div.asl_m .probox .proclose svg:hover {
    background: transparent !important;
    box-shadow: 0 0 0 2px #FFD800 !important;
    fill: #FFD800 !important;
}


#ajaxsearchliteres1 .results::-webkit-scrollbar-thumb {
    background-color: #f5f5f5;
}

#ajaxsearchliteres1 .results::-webkit-scrollbar-track {
    background-color: transparent;
}

#ajaxsearchliteres1:hover .results::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 12px 12px rgb(41, 129, 227);
}

div.asl_r .results .item {
    border-left: 0px solid !important;
    border-right: 0px solid !important;

}

#ajaxsearchliteres1 .asl_image {
    display: none;
}

.asl_res_url {
    font-size: 16px !important;
    color: #f5f5f5 !important;
    font-weight: bold !important;
    font-family: 'Inter' !important;
}

.asl_res_url:hover {
    font-size: 16px !important;
    color: #FFD800 !important;
}

.asl_desc {
    font-size: 16px !important;
    color: #f5f5f5 !important;
    font-family: 'Inter' !important;
}

#mobile-dropdown {
    /* background: linear-gradient(50.68739390112704deg, rgba(1, 47, 107, 1) 0%, rgba(9, 76, 160, 1) 100%); */
    background: linear-gradient(170deg, rgb(1, 47, 107) 0%, rgb(9, 76, 160) 50%, rgba(1, 47, 107) 100%);
    max-height: unset !important;
    top: 0 !important;
        min-height: 100vh;
    border-radius: 0px 0px 10px 10px;
}

.oceanwp-mobile-menu-icon.clr.mobile-right {
    z-index: 1;
}

/******************************************/

.dropdown-menu ul li a.menu-link,
#site-header.full_screen-header .fs-dropdown-menu ul.sub-menu li a {
    font-size: 16px !important;
    border-radius: 5px!important;
}

#site-navigation .dropdown-menu .sub-menu {
    min-width: 280px!important;
    max-width: 300px !important;
    border-radius: 0 0 8px 8px;
    border-top: 1px solid #ffffff!important ;
    padding: 8px 10px;
}

.dropdown-menu ul li a.menu-link {
    padding: 8px 5px !important;
}

.sub-menu-item-support:after{
    content: ' ';
    
    border-bottom: 1px solid #ffffff4d!important;
}

#site-navigation span.text-wrap {
    display: block !important;
    /* width: max-content !important; */
}

#site-navigation .sub-menu-item-solution span.text-wrap {
    display: grid !important;
    grid-column-gap: 5px;
    grid-template-columns: 20px auto;
}

.dropdown-menu ul li a.menu-link:hover {
    color: #FFD800 !important;
    background: #ffffff26!important;
}
.dropdown-menu ul li a.menu-link:hover span::before{
    background: #FFD800 !important;
}

.sub-menu .menu-item:last-child {
    margin-bottom: 8px;
}

/******************************************/





.sub-menu-item-solution span:before {
    content: ' ';
    display: block;
    width: 20px;
    height: 20px;
    background-position: center center;
    background-size: contain;
    margin: auto;
}

.sub-menu-item-solution.sub-menu-item-planning-and-optimization span::before {
    -webkit-mask-box-image: url('https://www.qbcs.com/wp-content/uploads/2025/04/puzzle.webp');
    mask-image: url('https://www.qbcs.com/wp-content/uploads/2025/04/puzzle.webp');
    background-position: center center;
    background-size: contain;

    mask-position: center;
    mask-size: contain;

    background: #FFFFFF;
}

.sub-menu-item-solution.sub-menu-item-retail-merchandising span::before {
    -webkit-mask-box-image: url('https://www.qbcs.com/wp-content/uploads/2025/04/shirt.webp');
    mask-image: url('https://www.qbcs.com/wp-content/uploads/2025/04/shirt.webp');
    background-position: center center;
    background-size: contain;

    mask-position: center;
    mask-size: contain;

    background: #FFFFFF;
}

.sub-menu-item-solution.sub-menu-item-stores-and-omnichannel span::before {
    -webkit-mask-box-image: url('https://www.qbcs.com/wp-content/uploads/2025/04/store.webp');
    mask-image: url('https://www.qbcs.com/wp-content/uploads/2025/04/store.webp');
    background-position: center center;
    background-size: contain;

    mask-position: center;
    mask-size: contain;

    background: #FFFFFF;
}

.sub-menu-item-solution.sub-menu-item-supply-chain-management span::before {
    -webkit-mask-box-image: url('https://www.qbcs.com/wp-content/uploads/2025/04/truck.webp');
    mask-image: url('https://www.qbcs.com/wp-content/uploads/2025/04/truck.webp');
    background-position: center center;
    background-size: contain;

    mask-position: center;
    mask-size: contain;

    background: #FFFFFF;
}

.sub-menu-item-solution.sub-menu-item-retail-artifical-intelligence-and-analytics span::before {
    -webkit-mask-box-image: url('https://www.qbcs.com/wp-content/uploads/2025/04/chart.webp');
    mask-image: url('https://www.qbcs.com/wp-content/uploads/2025/04/chart.webp');
    background-position: center center;
    background-size: contain;

    mask-position: center;
    mask-size: contain;

    background: #FFFFFF;
}

.sub-menu-item-solution.sub-menu-item-fusion-cloud-financials span::before {
    -webkit-mask-box-image: url('https://www.qbcs.com/wp-content/uploads/2025/04/cloud.webp');
    mask-image: url('https://www.qbcs.com/wp-content/uploads/2025/04/cloud.webp');
    background-position: center center;
    background-size: contain;

    mask-position: center;
    mask-size: contain;

    background: #FFFFFF;
}



/******************************************/

@media only screen and (max-width: 1420px) {
    #site-navigation-wrap .dropdown-menu>li>a {
        font-size: 16px !important;
        padding: 0 8px !important;
    }
}


@media only screen and (max-width: 1205px) {

    #mobile-menu-search {
        margin-top: 100px !important;
        border-top: 1px solid #ffffff33;
        border-bottom: 1px solid #ffffff33;
        padding: 0 !important;
    }

    #mobile-menu-search form {
        width: 340px !important;
        width: 100%;
        padding: 16px 0;
        margin: auto;
    }

    #mobile-menu-search input {
        border: 1px solid #ffffff66 !important;
        background-color: #ffffff33;
    }

    #mobile-menu-search input::-webkit-input-placeholder {
        color: #ffffffb3;
    }

    #site-navigation-wrap,
    #site-search-wrap {
        display: none;
    }

    body.default-breakpoint .oceanwp-mobile-menu-icon {
        display: inline-flex;
    }

    .oceanwp-mobile-menu-icon.clr.mobile-right {
        padding-right: 30px;
    }

    #mobile-dropdown {
        box-shadow: none !important;
    }

    #mobile-dropdown ul li ul {
        background-color: transparent !important;
    }

    #menu-main-menu-1 {
        width: 340px;
        margin: auto !important;
        margin-bottom: 90px !important;
    }

    .menu-item a {
        border-radius: 8px;
    }

    .menu-item a:hover {
        background: #ffffff26;
    }

    .sub-menu-item-support::after {
        left: 0;
        width: 100%;
        height: 1px;
    }

    /**/

    .menu-item-icon>a,
    .menu-login.menu-item>a,
    .menu-logout.menu-item>a {
        position: relative !important;
        display: flex !important;
        column-gap: 12px;
        /*18px*/
    }

    .menu-item-icon>a::before,
    .menu-login.menu-item>a::before,
    .menu-logout.menu-item>a::before {
        content: ' ';
        display: block;
        position: relative;
        left: 0;
        top: 0;
        width: 16px;
        height: 16px;
        mask-position: center;
        mask-size: contain;
        background: #fff;
        -webkit-mask-box-image: url(https://www.qbcs.com/wp-content/uploads/2025/04/puzzle.webp);
        mask-image: url(https://www.qbcs.com/wp-content/uploads/2025/04/puzzle.webp);
        mask-position: center center;
        mask-size: contain;
        mask-repeat: no-repeat;
        margin-top: 4.5px;
    }

    .menu-login.menu-item>a::before {
        -webkit-mask-box-image: url(https://www.qbcs.com/wp-content/uploads/2025/06/svgviewer-png-output.webp);
        mask-image: url(https://www.qbcs.com/wp-content/uploads/2025/06/svgviewer-png-output.webp);
    }

    .menu-logout.menu-item>a::before {
        -webkit-mask-box-image: url(https://www.qbcs.com/wp-content/uploads/2025/06/svgviewer-png-output-1.webp);
        mask-image: url(https://www.qbcs.com/wp-content/uploads/2025/06/svgviewer-png-output-1.webp);
    }



    .menu-item-who-we-are>a::before {
        -webkit-mask-box-image: url(https://www.qbcs.com/wp-content/uploads/2025/06/sd00x93b2dmc35pyrv.webp);
        mask-image: url(https://www.qbcs.com/wp-content/uploads/2025/06/sd00x93b2dmc35pyrv.webp);
    }

    .menu-item-what-we-do>a::before {
        -webkit-mask-box-image: url(https://www.qbcs.com/wp-content/uploads/2025/06/mekzx7cnceemc35q77n.webp);
        mask-image: url(https://www.qbcs.com/wp-content/uploads/2025/06/mekzx7cnceemc35q77n.webp);
    }

    .menu-item-extensions>a::before {
        -webkit-mask-box-image: url(https://www.qbcs.com/wp-content/uploads/2025/06/mekzx7cnceemc35q77n-1.webp);
        mask-image: url(https://www.qbcs.com/wp-content/uploads/2025/06/mekzx7cnceemc35q77n-1.webp);
    }

    .menu-item-blog>a::before {
        -webkit-mask-box-image: url(https://www.qbcs.com/wp-content/uploads/2025/06/mekzx7cnceemc35q77n-2.webp);
        mask-image: url(https://www.qbcs.com/wp-content/uploads/2025/06/mekzx7cnceemc35q77n-2.webp);
    }

    .menu-item-careers>a::before {
        -webkit-mask-box-image: url(https://www.qbcs.com/wp-content/uploads/2025/06/mekzx7cnceemc35q77n-3.webp);
        mask-image: url(https://www.qbcs.com/wp-content/uploads/2025/06/mekzx7cnceemc35q77n-3.webp);
    }

    .menu-item-contact-us>a::before {
        -webkit-mask-box-image: url(https://www.qbcs.com/wp-content/uploads/2025/06/mekzx7cnceemc35q77n-4.webp);
        mask-image: url(https://www.qbcs.com/wp-content/uploads/2025/06/mekzx7cnceemc35q77n-4.webp);
    }


    .sub-menu-item-planning-and-optimization>a::before {
        -webkit-mask-box-image: url(https://www.qbcs.com/wp-content/uploads/2025/04/puzzle.webp);
        mask-image: url(https://www.qbcs.com/wp-content/uploads/2025/04/puzzle.webp);
    }

    .sub-menu-item-retail-merchandising>a::before {
        -webkit-mask-box-image: url(https://www.qbcs.com/wp-content/uploads/2025/03/shirt.webp);
        mask-image: url(https://www.qbcs.com/wp-content/uploads/2025/04/shirt.webp);
    }

    .sub-menu-item-stores-and-omnichannel>a::before {
        -webkit-mask-box-image: url(https://www.qbcs.com/wp-content/uploads/2025/03/store.webp);
        mask-image: url(https://www.qbcs.com/wp-content/uploads/2025/04/store.webp);
    }

    .sub-menu-item-supply-chain-management>a::before {
        -webkit-mask-box-image: url(https://www.qbcs.com/wp-content/uploads/2025/04/truck.webp);
        mask-image: url(https://www.qbcs.com/wp-content/uploads/2025/04/truck.webp);
    }

    .sub-menu-item-retail-artifical-intelligence-and-analytics>a::before {
        -webkit-mask-box-image: url(https://www.qbcs.com/wp-content/uploads/2025/04/chart.webp);
        mask-image: url(https://www.qbcs.com/wp-content/uploads/2025/04/chart.webp);
    }

    .sub-menu-item-fusion-cloud-financials>a::before {
        -webkit-mask-box-image: url(https://www.qbcs.com/wp-content/uploads/2025/04/cloud.webp);
        mask-image: url(https://www.qbcs.com/wp-content/uploads/2025/04/cloud.webp);
    }

    /* .sub-menu-item-solution.sub-menu-item-planning-and-optimization span:before {
        background-position: center center;
        background-size: contain;
     
        background: #fff;
    } */


    /**/

    .menu-item a {
        padding: 12px !important;
        font-size: 14px !important;
    }

    .sub-menu .menu-item a {
        padding: 8px !important;
    }

    #mobile-dropdown ul li a .dropdown-toggle:before {
        font-weight: 200;
    }

    .sub-menu {
        margin-top: 8px !important;
        margin-left: 16px !important;
        padding-left: 16px;
        border-left: solid 2px #ffffff4d !important;
    }

    #mobile-menu-search {}



    .sub-menu-item-support::after {
        background-color: #ffffff4d;
    }
}


@media only screen and (max-width: 420px) {
    #mobile-dropdown #mobile-menu-search form {
        padding: 20px 0px !important;
    }

    #mobile-menu-search form {
        width: 80%;
    }

    #menu-main-menu-1 {
        /* width: 80%; */
    }
}

/*********************************/
/*********************************/
/*********************************/
/*********************************/
/*********************************/
/*********************************/

.page-id-10466 #site-header.minimal-header.clr,
.page-id-331 #site-header.minimal-header.clr,
.page-id-2718 #site-header.minimal-header.clr,
.page-id-16383 #site-header.minimal-header.clr,
.page-id-9550 #site-header.minimal-header.clr,
.page-id-2652 #site-header.minimal-header.clr {
    background: transparent;
    transition: 0.4s;
}

#site-header.minimal-header.clr:hover {
    background: #012F6B;
}