.navbar_main_container{z-index:15;background:#fff;width:100%;height:auto;position:fixed;top:0;box-shadow:0 2px 5px #00000030}.navbar_desktop{justify-content:space-between;align-items:center;gap:20px;width:100%;max-width:1920px;height:auto;margin:auto;padding:8px 35px;display:flex}.navbar_logo{width:100%;min-width:100px;max-width:150px;height:40px}.navbar_logo a img{object-fit:contain;width:100%;height:100%}.navbar_searchbar{z-index:2;background:#fff;border-radius:40px;justify-content:space-between;align-items:center;gap:5px;width:100%;max-width:700px;display:flex}.navbar-post-requirement-popup{z-index:101;scrollbar-width:none;cursor:default;border-radius:12px;width:500px;padding:20px;position:fixed;top:50%;left:50%;overflow-y:scroll;transform:translate(-50%,-50%)}.navbar_action{justify-content:flex-end;align-items:center;gap:18px;display:flex}.post-rfq-btn{border:1px solid var(--primary-color);background:#fff;border-radius:20px;outline:none;justify-content:center;align-items:center;gap:3px;min-width:190px;height:36px;padding:0 10px;display:flex}.post-rfq-btn:hover{box-shadow:0 0 5px #0e219d70}.post-rfq-btn p{color:var(--primary-color);margin:0;font-size:15px}@media only screen and (max-width:1030px) and (min-width:100px){.post-rfq-text{display:none}.post-rfq-btn{border-radius:50%;min-width:38px;height:38px}}@media only screen and (max-width:600px) and (min-width:100px){.navbar-post-requirement-popup{width:100%}}.navbar-mobile{justify-content:space-between;align-items:center;width:100%;height:auto;display:flex}.nav-mobile-logo{width:100%;min-width:auto;max-width:120px;height:46px}.nav-mobile-logo a img{object-fit:contain;width:100%;height:100%}.nav-actions-mobile{align-items:center;gap:15px;display:flex}.nav-actions-mobile button{cursor:pointer;background:0 0;border:none;outline:none;display:flex}.nav-mobile-search-sidebar-close{z-index:50;background:#fff;width:100%;height:350px;transition:all .5s;position:fixed;top:-105%;left:0}.nav-mobile-search-sidebar-open{z-index:50;background:#fff;width:100%;height:350px;padding:10px;transition:all .5s;position:fixed;top:0;left:0;box-shadow:0 5px 10px #00000050}.mobile-search-topbar{justify-content:space-between;align-items:center;display:flex}.close-search-sidebar-btn{background:0 0;border:none;outline:none;justify-content:center;align-items:center;display:flex}.nav-mobile-sidebar-close{z-index:100;background:#fff;width:100%;height:100%;transition:all .8s;position:fixed;top:0;left:-105%}.nav-mobile-sidebar-open{z-index:50;background:#fff;width:100%;height:100%;padding:10px 15px;transition:all .5s;position:fixed;top:0;left:0}.mobile-sidemenu-topbar{justify-content:space-between;align-items:flex-start;margin-top:10px;display:flex}.nav-mobile-sidebar-open hr{margin:10px 0}.nav-mobile-links{justify-content:space-between;align-items:center;display:flex}.nav-mobile-links p,.price-conversion-container p{color:#222;font-size:16px}.price-conversion-container{justify-content:space-between;align-items:center;display:flex}.sidebar-logout-btn{color:#ee2a32;background:0 0;border:none;outline:none;justify-content:space-between;align-items:center;gap:5px;font-size:16px;display:flex}.sidebar-logout-btn svg{color:#2c2c2c;transform:rotate(180deg)}.mobile-post-rfq-btn{background:var(--primary-color);border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;min-width:45px;height:45px;padding:2px;display:flex;position:fixed;bottom:17px;left:25px;box-shadow:0 0 10px #002453}.mobile-post-rfq-btn:hover{transition:all .4s;box-shadow:0 0 5px #0e219d70}.flicker{content:"";background:var(--primary-color);z-index:-2;border-radius:50%;width:60px;height:60px;animation:1s ease-in-out infinite forwards wave;position:fixed;bottom:10px;left:18px}.login_signup_links{flex-direction:row;gap:5px;display:flex}.login_signup_links a{background:var(--primary-color);color:#fff;border-radius:4px;padding:5px 10px;font-size:14px}.user_info h3{color:var(--primary-color)}.user_info p{color:#222;margin:0}.sidebar-pipex-logo{text-align:center;position:absolute;bottom:80px;left:50%;transform:translate(-50%)}@keyframes wave{0%{background:#013579;transform:scale(1)}to{background:#01357900;transform:scale(1.4)}}.categorySidebarContainerOpen{z-index:50;background:#fff;width:100%;height:100%;padding:10px 15px;transition:all .5s;position:fixed;top:0;left:0}.categorySidebarContainerClose{background:#fff;width:100%;height:100%;transition:all .8s;position:fixed;top:0;left:-105%}.close-category-sidebar-btn{background:0 0;border:none;outline:none;justify-content:flex-end;align-items:center;width:100%;display:flex}.categorySidebarList a{color:#4d4d4d;padding-top:5px;padding-left:15px;font-size:16px;display:block}.categorySidebarTitle{color:var(--primary-color);border-left:3px solid var(--primary-color);padding-left:5px;font-size:18px}.categorySidebarList{flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;gap:25px;display:flex;overflow:auto}.product_content{height:calc(100vh - 130px);overflow:auto}.product_content::-webkit-scrollbar{width:4px;height:4px}.product_content::-webkit-scrollbar-track{background:#e4efff}.product_content::-webkit-scrollbar-thumb{background:#0e219d;border:1px solid #e4efff;border-radius:5px}.categories_content{flex-direction:column;gap:0;display:flex}.product_name{-webkit-line-clamp:1!important;text-overflow:ellipsis!important;overflow-wrap:anywhere!important;color:#0e219d!important;-webkit-box-orient:vertical!important;width:100%!important;margin-bottom:5px!important;padding:4px!important;font-size:16px!important;display:-webkit-box!important;overflow:hidden!important}.subproduct_name{color:#4d4d4d!important;padding:2px 4px!important;font-size:14px!important}.product_name:hover,.subproduct_name:hover{font-weight:600}.categories_content ul{flex-direction:column;gap:0;list-style:none;display:flex}.navbar-mobile-inner{justify-content:space-between;align-items:center;gap:50px;width:100%;max-width:1920px;margin:auto;padding:9px 20px;display:flex}@media screen and (max-width:580px){.categorySidebarList{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}}@media screen and (max-width:540px){.nav_left_section_m,.nav_left_section_m *{width:100%}}
