#site-header-wrapper {
    background-color: var(--white);
    position: fixed;
    top: 0;
    #site-header {
        box-shadow: none;
        z-index: 1000;
        .site-title {
            .site-logo {
                .logo {
                    .tgp-exclude.small {
                        display: none !important;
                    }
                }
            }
        }
        .header-background {
            &::before {
                background: linear-gradient(90deg, #00BCD4BF 0%, #354093BF 100%);
            }
            .container {
                width: fit-content;
                margin: 0 auto;
            }
            .header-main {
                display: flex;
                align-items: center;
                justify-content: space-between;
                gap: 50px;
            }
            nav#primary-navigation {
                text-align: center;
                #primary-menu.no-responsive > li > a {
                    color: var(--white);
                    text-transform: none;
                }
                #primary-menu.no-responsive  {
                    display: flex;
                    align-items: center;
                    gap: 20px;
                }
                #primary-menu > li > a > span.minicart-item-count {
                    color: var(--black);
                }
                #primary-menu > li.nav-button {
                    background-color: var(--white);
                    border-radius: var(--lg-border-radius);
                    color: var(--black);
                    padding: var(--spacing-sm) var(--spacing-md);
                    a {
                        color: var(--black);
                        text-decoration: none;
                    }
                }
                #primary-menu > li.menu-item-search {
                    font-size: 0;
                    background-color: var(--white);
                    border-radius: 50%;
                    width: 45px;
                    height: 45px;
                    position: relative;
                    padding: 0;
                    a {
                        font-size: 0;
                        width: 100%;
                        height: 100%;
                        &::before {
                            display: none;
                        }
                    }
                    &::before {
                        content: '';
                        position: absolute;
                        top: 50%;
                        left: 50%;
                        transform: translate(-50%, -50%);
                        background-image: url('./../../../img/search-icon.svg');
                        background-repeat: no-repeat;
                        background-position: center;
                        background-size: cover;
                        width: 20px;
                        height: 20px;
                    }
                }
                #primary-menu.no-responsive > li:not(.megamenu-template-enable) ul {
                    border: none;
                }
                #primary-menu > li.menu-item-active a {
                    border: none !important;
                    border-bottom: 1px solid var(--white) !important;
                }
                #primary-menu.no-responsive > li > ul > li > a, #primary-menu.no-responsive > li:not(.megamenu-template-enable):not(.menu-item-type-template) li li > a {
                    background-color: var(--dark-grey);
                    color: var(--white);
                    font-size: 14px;
                }
                
                #primary-menu.no-responsive > li:not(.megamenu-template-enable) ul > li {
                    border: none;
                }
            }
            .header-style-3 #primary-menu.no-responsive > li:not(.megamenu-template-enable):not(.menu-item-type-template) li:hover > a {
                border: none !important;
                color: var(--highlight-blue) !important;
            }
            .header-style-3 #primary-menu.no-responsive > li.menu-item-current > a {
                border: none !important;
                border-bottom: 1px solid var(--white) !important;
            }
        }
    }       
}
.search-form-wrapper {
    position: absolute;
}

.menu-item-search .minisearch {
    top: 150%;
    left: unset;
    right: 0;
    width: 500px;
    border-radius: var(--border-radius);
}
.bs-newpages {
    #site-header-wrapper {
        background-color: transparent;
        #site-header {
            .header-background {
                &::before {
                   background: transparent !important;
                }
            }
        }
    }
}