header.icl-header-new-design {
    position: relative;
    background: white;
    z-index: 99999;
}

/* Add space for WordPress admin bar when logged in */
body.admin-bar header.icl-header-new-design {
    margin-top: 32px;
}

@media screen and (max-width: 782px) {
    body.admin-bar header.icl-header-new-design {
        margin-top: 46px;
    }
}

.icl-header-new-design .header-new-container {
    padding: 0;
}

/* header top container styles */
.header-top-container {
    background-color: #F3F3F3;
    border-bottom: 1px solid #DFE3E6;
    padding: 0;
    margin: 0;
}

body.header-open{
    max-height: 100vh;
    overflow: hidden;
}

.header-top-container .nav-tabs {
    justify-content: end;
    border-bottom: none;
}

.header-top-container nav {
    padding: 0 24px;
}

.header-top-container nav a {
    font-family: Inter;
    font-weight: 400;
    font-size: 14px;
    height: auto;
    padding-bottom: unset;
    color: #002B46;
    padding: 0 20px;
}

.header-top-container nav .line-separator {
    height: 50%;
    border-right: 2px solid #DFE3E6;
}

.header-top-container .hover-underline .nav-link::after {
    content: unset !important;
}

.header-top-container div#nav-tab-menu .nav-link:last-child a {
    padding-right: 0 !important;
}

.header-top-container div#nav-tab-menu .nav-link.active {
    background-color: inherit;
}

.header-top-container div#nav-tab-menu .nav-link.active a {
    color: #00B5D3;
}

/* header new content styles */
.header-new-content {
    padding: 14px 12px 14px 28px;
    margin: 0;
    align-items: center;
    border-bottom: 1px solid #DFE3E6;
}

.header-new-content .menu-search-icon {
    width: 24px;
    height: 24px;
    display: flex;
}

.header-new-content .menu-search-icon img {
    width: 100%;
    height: 100%;
}

.header-new-content .lang-icon {
    width: 24px;
    height: 24px;
    margin: 0 !important;
}

.header-new-content .header-new-search-and-global {
    column-gap: 24px;
}

.header-new-content .header-new-search-and-global li {
    margin: 0;
}

.header-new-content .header-new-search-and-global li #select-language {
    display: flex;
    align-items: center;
    column-gap: 6px;
    padding: 0 !important;
    border: none;
}

.header-new-content .header-new-search-and-global li .search-btn-text,
.header-new-content .header-new-search-and-global li #select-language {
    color: #002B46;
    text-align: center;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    height: unset;
    display: flex;
}

.logo-and-hamburger-menu-container {
    display: flex;
    width: auto;
}

.header-new-content .logo-wrap-container {
    padding-right: 24px;
    border-right: 1px solid #DFE3E6;
}

.header-new-content .logo-wrap {
    align-items: center;
    height: 42px;
}

.header-new-content .logo-wrap .header-logo {
    max-height: 30px;
}

.header-new-content .hamburger-menu-container {
    align-items: center;
    padding-left: 12px;
}

.header-new-content .hamburger-menu-container .navbar-toggler-icon {
    width: 24px;
    height: 24px;
    object-fit: cover;
}

.header-new-content .hamburger-menu-container .menu-open .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'><path d='M15.5563 5.65685L11.3137 9.89949L15.5563 14.1421L14.1421 15.5563L9.89949 11.3137L5.65685 15.5563L4.24264 14.1421L8.48528 9.89949L4.24264 5.65685L5.65685 4.24264L9.89949 8.48528L14.1421 4.24264L15.5563 5.65685Z' fill='%23002B46'/></svg>");
    transition: 0.2s;
}

.header-new-content .hamburger-menu-container .category-name {
    color: var(--dark-blue, #002B46);
    text-align: center;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; 
}

/* menu-offcanvas styles */

.menu-offcanvas {
    position: fixed;
    height: calc(100% - 100px);
    margin-top: auto;
    background-color: white;
}

@media (min-width: 768px) {
    body:not(:has(#nav-tab-menu button)) .menu-offcanvas {
        height: calc(100% - 72px);
    }
}

/* Adjust menu-offcanvas for admin bar when logged in */
body.admin-bar .menu-offcanvas {
    top: 32px;
    height: calc(100% - 132px);
}

@media (min-width: 768px) {
    body.admin-bar:not(:has(#nav-tab-menu button)) .menu-offcanvas {
        height: calc(100% - 104px);
    }
}

.menu-offcanvas .offcanvas-body {
    display: flex;
    padding: 40px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    background: var(--light-gray, #F8F8F8);
    border-top: 1px solid #DFE3E6;
}


.menu-offcanvas .offcanvas-header {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.5rem;
    border-bottom: 1px solid #dee2e6;
}

.side-overlay-panel-menu.side-overlay-panel {
    position: fixed;
    top: 0;
    left: -400px;
    width: 400px;
    height: calc(100vh - 100px);
    background: white;
    box-shadow: 2px 0 10px rgba(0, 0, 0, 0.1);
    z-index: 1060;
    transition: left 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    overflow-y: auto;
}

.side-overlay-panel-menu.side-overlay-panel.show {
    left: 400px;
    top: unset;
    padding: 40px;
    background: var(--light-gray, #F8F8F8);
}

.side-overlay-panel-menu.side-overlay-panel.show::before {
    content: "";
    width: 1px;
    height: calc(100% - 80px);
    background: #DFE3E6;
    display: block;
    position: absolute;
    left: 0;
}

.side-overlay-panel-menu .side-overlay-header {
    display: flex;
    align-items: center;
    padding: 1rem 1.5rem;
    border-bottom: 1px solid #dee2e6;
    background: white;
    position: sticky;
    top: 0;
    z-index: 10;
}

.side-overlay-panel-menu .side-overlay-title {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 600;
    color: #002B46;
}

.side-overlay-panel-menu .side-overlay-body {
    padding: 0;
}

.side-overlay-panel-menu .side-overlay-content {
    padding: 0;
}

#sideOverlayBackdrop.side-overlay-backdrop {
    position: fixed;
    top: 0;
    left: 320px;
    /* Start after the offcanvas */
    width: calc(100vw - 320px);
    height: 100vh;
    background: rgba(0, 0, 0, 0.3);
    z-index: 1055;
    /* Between offcanvas and side panel */
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

#sideOverlayBackdrop.side-overlay-backdrop.show {
    opacity: 1;
    visibility: visible;
}

.side-overlay-panel-menu .menu-back-btn {
    background: none;
    border: none;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: #002B46;
    font-size: 0.9rem;
    padding: 0.5rem;
    border-radius: 0.375rem;
    transition: background-color 0.2s ease;
}

.side-overlay-panel-menu .menu-back-btn:hover {
    background-color: #f8f9fa;
}

.side-overlay-panel-menu .menu-back-btn i {
    font-size: 1rem;
}

 /* segments block */
.segments-selector-wrapper {
    display: flex;
    flex-direction: column;
    /* padding: 8px 20px; */
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #DFE3E6;
    background: #EEE;
}

.segments-selector-wrapper:not(.has-category) {
    padding: 8px 20px;
}

.segments-selector-wrapper .category-list {
    display: flex;
    flex-direction: column;
    row-gap: 14px;
    margin: 0;
    padding: 12px 0;
}

.segments-selector-header {
    column-gap: 8px;
    padding: 8px;
    width: 100%;
}

.segments-selector-wrapper .segments-selector-title {
    font-family: Inter;
    font-weight: 400;
    font-size: 13px;
    margin: 0;
}

.segments-selector-wrapper .down-icon {
    width: 12.444px;
    height: 8px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='15' height='9' viewBox='0 0 15 9' fill='none'><path fill-rule='evenodd' clip-rule='evenodd' d='M1.39879 0L7.33333 5.93455L13.2679 0L14.6667 1.39879L7.33333 8.73212L0 1.39879L1.39879 0Z' fill='%23002B46'/></svg>");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    transition: transform 0.3s ease-in-out;
}

.segments-selector-wrapper .down-icon::before{
    display: none;
}

.segments-selector-wrapper.active .down-icon {
    transform: rotate(180deg);
}

.segments-selector-wrapper .category-selector li {
    width: 100%;
    text-align: center;
    /* padding: 30px 0px; */
    border-radius: 4px;
    border: 1px solid #DFE3E6;
    background: #FFF;
}

.segments-selector-wrapper .category-list .category-item {
    color: var(--dark-blue, #002B46);
    font-family: Demo;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; 
    padding: 30px 0px;
    display: flex;
    justify-content: center;
}

.segments-selector-wrapper .category-list li.active {
    border: 1px solid #00B5D3;
    background: linear-gradient(0deg, #E6F8FB 0%, #E6F8FB 100%), #FFF;
}

.segments-selector-wrapper.active:not(.has-category) .category-selector{ 
    display: block;
    width: 100%;
}

.segments-selector-wrapper.has-category .category-selector {
    /* margin-top: 8px; */
    padding: 0 20px 8px;
    width: 100%;
}

.segments-selector-wrapper .category-selector {
    display: none;
}

/* Main Menu Styles */
.sliding-main-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    row-gap: 16px;
}

.sliding-menu-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #002B46;
    text-decoration: none;
    font-weight: 400;
    font-size: 16px;
    font-family: Inter;
    transition: background-color 0.2s ease, color 0.2s ease;
    position: relative;
}

.sliding-main-menu > .menu-item:has(> .submenu-list) {
    border-bottom: 1px solid #DFE3E6;
    padding-bottom: 16px;
}

.sliding-main-menu > .menu-item:not(:has(> .submenu-list)) > .sliding-menu-link {
    padding-bottom: 8px;
}

.sliding-main-menu > .menu-item:has(> .submenu-list) > .sliding-menu-link {
    font-size: 18px;
    font-weight: 500;
    padding: 8px 0;
    column-gap: 14px;
}

.sliding-main-menu .submenu-list {
    background-color: unset;
    border: unset;
}

.sliding-menu-link:hover {
    color: #002B46;
    text-decoration: none;
}

/* Arrow Styles */
.menu-arrow {
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='15' height='9' viewBox='0 0 15 9' fill='none'><path fill-rule='evenodd' clip-rule='evenodd' d='M1.39879 0L7.33333 5.93455L13.2679 0L14.6667 1.39879L7.33333 8.73212L0 1.39879L1.39879 0Z' fill='%23002B46'/></svg>");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 14.667px;
    min-width: 14.667px;
    height: 8.732px;
    transition: transform 0.3s ease-in-out;
}

.dropdown-open .menu-arrow {
    transform: rotate(180deg);
}

.menu-arrow::before {
    all: unset;
    display: none;
}

.submenu-list .sliding-menu-link .menu-arrow {
    transform: rotate(360deg);
    height: 10.833px;
    width: 6.45px;
    min-width: 6.45px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='7' height='11' viewBox='0 0 7 11' fill='none'><path fill-rule='evenodd' clip-rule='evenodd' d='M1.35487e-07 9.79981L4.38347 5.41634L1.28513e-06 1.03287L1.0332 -0.000325067L6.44986 5.41634L1.03319 10.833L1.35487e-07 9.79981Z' fill='%23002C45' fill-opacity='0.7'/></svg>");
}

.submenu-list .side-overlay-active .sliding-menu-link .menu-arrow,
.submenu-list .menu-item:hover .sliding-menu-link .menu-arrow {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='7' height='11' viewBox='0 0 7 11' fill='none'><path fill-rule='evenodd' clip-rule='evenodd' d='M1.35487e-07 9.79981L4.38347 5.41634L1.28513e-06 1.03287L1.0332 -0.000325067L6.44986 5.41634L1.03319 10.833L1.35487e-07 9.79981Z' fill='%23002C45'/></svg>");
}

.menu-item-has-children.side-overlay-active {
    background: #DFE3E6;
}

.menu-item-has-children.side-overlay-active > .sliding-menu-link {
    font-weight: 500;
}
/* Submenu Styles */
.submenu-content {
    padding: 0;
}

.submenu-list {
    list-style: none;
    padding: 0;
    margin: 0;
    max-height: 0;
    overflow: hidden;
    background: white;
    border-top: 1px solid #f1f3f4;
    transition: max-height 0.3s ease-out;
}

.submenu-list.show {
    max-height: 500px;
    /* Adjust based on your menu needs */
    transition: max-height 0.3s ease-in;
}

.submenu-content .sliding-menu-item {
    border-bottom: 1px solid #f1f3f4;
}

.submenu-content .sliding-menu-link {
    padding-left: 1.5rem;
    font-size: 0.95rem;
}

/* Level 1 dropdown behavior */
.sliding-menu-item.dropdown-open>.submenu-list {
    display: block;
    overflow-y: scroll;
}

/* Level 2 submenu items (for sliding) */
.submenu-list .sliding-menu-link {
    padding: 14px;
    column-gap: 14px;
}

.submenu-list .menu-item:hover {
    background: rgba(0, 44, 69, 0.05);
    transition: background-color 0.3s ease-in-out;
}

.submenu-list .menu-item:hover .sliding-menu-link {
    font-weight: 500;
    transition: font-weight 0.3s ease-in-out;
}

/* Side overlay menu items */
.side-overlay-content .sliding-main-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    row-gap: 0;
}

.side-overlay-content .sliding-menu-link {
    padding: 14px !important;
}

.side-overlay-content .sliding-menu-link:hover {
    background-color: #EBEDEE;
    transition: background-color 0.3s ease-in-out;
}

.category-menu-wrapper {
    display: flex;
    flex-direction: column;
    row-gap: 24px;
    width: 100%;
}

ul.social-links.menu-social {
    column-gap: 24px;
    padding-top: 28px;
    border-top: 1px solid #DFE3E6;
}

ul.social-links.menu-social li {
    margin: 0;
}

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

/* Large Tablets and Small Desktops */
@media (max-width: 1024px) {
    .side-overlay-panel-menu.side-overlay-panel {
        width: 350px;
    }

    .side-overlay-panel-menu.side-overlay-panel.show {
        left: 280px;
    }
    
    #sideOverlayBackdrop.side-overlay-backdrop {
        left: 280px;
        width: calc(100vw - 280px);
    }
}

/* Tablets and Mobile */
@media (max-width: 768px) {
    .header-new-content {
        padding: 14px 20px;
        height: 68px;
        border-bottom: unset;
    }

    .logo-and-hamburger-menu-container {
        padding: 0;
        flex-direction: row-reverse;
        column-gap: 8px;
    }

    .logo-and-hamburger-menu-container * {
        padding: 0;
    }

    .header-new-content .hamburger-menu-container {
        padding: 0;
    }

    .header-new-content .hamburger-menu-container .category-name {
        display: none;
    }

    .search-and-global-container {
        padding: 0;
    }

    .header-new-content .logo-wrap-container {
        padding: 0;
        border: unset;
    }

    .header-new-content .logo-wrap .header-logo {
        max-height: 23px;
    }

    .header-new-content .global-button-text,
    .header-new-content .search-btn-text {
        display: none !important;
    }

    .header-new-content .header-new-search-and-global {
        column-gap: 20px;
    }

    .header-new-content .menu-search-icon {
        width: 28px;
        height: 28px;
    }

    .header-new-content .lang-icon {
        width: 28px;
        height: 28px;
    }

    .side-overlay-panel-menu.side-overlay-panel {
        width: 100vw;
        left: -100vw;
    }

    .side-overlay-panel-menu.side-overlay-panel.show {
        left: 0;
        z-index: 99999999999999 !important;
        padding: 20px;
        box-shadow: unset;
    }

    .side-overlay-panel-menu.side-overlay-panel.show::before {
        display: none;
    }

    .menu-offcanvas {
        height: calc(100% - 68px);
        border: none;
    }

    /* Adjust menu-offcanvas for admin bar on mobile when logged in */
    body.admin-bar .menu-offcanvas {
        top: 46px;
        height: calc(100% - 114px);
    }

    .menu-offcanvas .offcanvas-body {
        padding: 20px;
        border: none;
    }

    .category-menu-wrapper {
        row-gap: 14px;
    }

    .sliding-main-menu {
        row-gap: 14px;
    }

    .sliding-main-menu > .menu-item:not(:has(> .submenu-list)) > .sliding-menu-link {
        padding-bottom: 14px;
    }

    .sliding-main-menu > .menu-item:has(> .submenu-list) {
        padding-bottom: 14px;
    }

    .sliding-main-menu > .menu-item:has(> .submenu-list) > .sliding-menu-link {
        font-size: 16px;
    }

    .side-overlay-panel-menu .side-overlay-header {
        background: unset;
        border-bottom: unset;
        column-gap: 8px;
        padding: 8px 0;
        margin-bottom: 20px;
    }

    .side-overlay-panel-menu .menu-back-btn .menu-back-icon {
        height: 14.667px;
        width: 8.732px;
        background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='9' height='15' viewBox='0 0 9 15' fill='none'><path fill-rule='evenodd' clip-rule='evenodd' d='M8.73242 1.39879L2.79787 7.33333L8.73242 13.2679L7.33364 14.6667L0.000301041 7.33333L7.33364 -6.11429e-08L8.73242 1.39879Z' fill='%23002B46'/></svg>");
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }

    .side-overlay-panel-menu .menu-back-btn .menu-back-icon::before {
        display: none;
    }

    .side-overlay-panel-menu .side-overlay-title {
        color: #002B46;
        font-family: Inter;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 16.1px; 
    }

    ul.social-links.menu-social {
        justify-content: center;
    }

    .social-links:has(#wechat-menu-li) {
        justify-content: flex-start;
    }
    
    #sideOverlayBackdrop.side-overlay-backdrop {
        left: 0;
        width: 100vw;
    }
}

/* Mobile Devices */
@media (max-width: 576px) {
    .menu-offcanvas {
        width: 100% !important;
        max-width: 100% !important;
    }

}

.desktop-inline-search-container {
    position: relative;
}
    
.header-inline-search-wrapper {
    display: flex;
    padding: 16px;
    justify-content: space-between;
    align-items: center;
    flex: 1 0 0;
    align-self: stretch;
    border-radius: 4px;
    border: 1px solid #DFE3E6;
    background: #FFF;
    width: 356px;
    height: 42px;
}

.header-inline-search-wrapper:has(input.hasResults) {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.header-inline-search-wrapper:has(input:focus){
    border: 1px solid rgba(0, 43, 70, 0.30);
}
    
.header-inline-search-icon {
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cg clip-path='url(%23clip0_6956_23805)'%3E%3Cpath d='M15.5004 14.0004H14.7104L14.4304 13.7304C15.527 12.4528 16.0859 10.8 15.9899 9.11908C15.8938 7.43815 15.1502 5.8598 13.9153 4.71541C12.6803 3.57103 11.05 2.94962 9.36661 2.98165C7.68324 3.01368 6.07775 3.69666 4.8872 4.8872C3.69666 6.07775 3.01368 7.68324 2.98165 9.36661C2.94962 11.05 3.57103 12.6803 4.71541 13.9153C5.8598 15.1502 7.43815 15.8938 9.11908 15.9899C10.8 16.0859 12.4528 15.527 13.7304 14.4304L14.0004 14.7104V15.5004L19.0004 20.4904L20.4904 19.0004L15.5004 14.0004ZM9.50041 14.0004C8.61039 14.0004 7.74037 13.7365 7.00034 13.242C6.26032 12.7476 5.68355 12.0448 5.34295 11.2225C5.00236 10.4002 4.91324 9.49542 5.08688 8.6225C5.26051 7.74959 5.68909 6.94777 6.31843 6.31843C6.94777 5.68909 7.74959 5.26051 8.6225 5.08688C9.49542 4.91324 10.4002 5.00236 11.2225 5.34295C12.0448 5.68355 12.7476 6.26032 13.242 7.00034C13.7365 7.74037 14.0004 8.61039 14.0004 9.50041C14.0012 10.0916 13.8853 10.6771 13.6595 11.2234C13.4336 11.7697 13.1022 12.2661 12.6842 12.6842C12.2661 13.1022 11.7697 13.4336 11.2234 13.6595C10.6771 13.8853 10.0916 14.0012 9.50041 14.0004Z' fill='%23002C45'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_6956_23805'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}
     
.header-inline-search-input {
    flex: 1;
    border: none;
    outline: none;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    color: #002B46;
    background: transparent;
    padding: 0;
}
    
.header-inline-search-input::placeholder {
    color: rgba(0, 43, 70, 0.40);
}
    
/* Autocomplete Results */
.header-inline-autocomplete-results {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    border-radius: 0 0 4px 4px;
    border-right: 1px solid #C9C9C9;
    border-bottom: 1px solid #C9C9C9;
    border-left: 1px solid #C9C9C9;
    background: #FFF;
    box-shadow: 0 12px 30px 0 rgba(2, 6, 23, 0.08);
    padding-bottom: 20px;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
}
    
.header-inline-autocomplete-results .resulteType {
    opacity: 0.7;
    background: #F2FBFD;
    width: 100%;
    padding: 0 20px;
    height: 25px;
    color: #002B46;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: flex;
    align-items: center;
}
    
.header-inline-autocomplete-results .result-list-item {
    padding: 0 20px;
    color: #1D293D;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.result-list-item:has(+ .resulteType) {
    padding-bottom: 8px;
}
    
.header-inline-autocomplete-results .no-results-found {
    padding: 20px 20px 0;
}
    
.header-inline-autocomplete-results .view-all-link {
    padding: 0 20px;
    color: #516B7D;
    font-family: Inter;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}
    
@media (min-width: 768px) {
    .search-pop-up-modal {
        top: 100px;
    }
}

#wechat-menu-li {
    display: flex;
    justify-content: center;
}

.wechat-qr-wrapper {
    position: absolute;
    top: 55px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.17);
}
  
.wechat-qr-wrapper .triangle {
    width: 0;
    height: 0;
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    border-bottom: 20px solid white; 
    position: absolute;
    top: -10px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
}
  
.wechat-qr-wrapper .wechat-qr-img {
    border-radius: 4px;
    background: #FFF;
    display: flex;
    padding: 20px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: 183px;
    height: 183px;
}
  
.wechat-qr-wrapper .wechat-qr-img img {
    width: 100%;
    height: 100%;
}