.services-dropdown-container{background:var(--Primarywhite);z-index:1000;flex-direction:column;gap:12px;width:440px;height:130px;padding:20px;display:flex;position:absolute;top:calc(100% + 36px);left:140%;transform:translate(-25%);box-shadow:0 8px 20px #0000000f}.services-dropdown-item{cursor:pointer;align-items:center;gap:10px;padding:10px;display:flex;position:relative}.services-dropdown-item:before{content:"→";color:var(--primaryColor);opacity:0;font-size:16px;transition:opacity .2s,transform .2s;transform:translate(-6px)}.services-dropdown-text{color:var(----text1Color);font-size:16px;font-weight:500;line-height:1.4;transition:color .18s ease-out,transform .32s cubic-bezier(.22,1,.36,1);transform:translate(0)}.services-dropdown-item:hover:before{opacity:1;transform:translate(0)}.services-dropdown-item:hover .services-dropdown-text{color:var(--primaryColor);transform:translate(6px)}@media (max-width:900px){.services-dropdown-container{width:100%;height:auto;box-shadow:none;background-color:var(--bg);border-top:none;flex-direction:column;gap:8px;margin-top:6px;padding:16px 0;display:flex;position:relative;top:0;left:0;transform:none}.services-dropdown-item{border-bottom:1px solid var(--Black);padding:12px 20px}.services-dropdown-item:before{display:none}.services-dropdown-text{font-size:16px;font-weight:500;transform:none}.services-dropdown-item:hover .services-dropdown-text{color:var(--primaryColor);transform:none}}
:root{--bg:#fff;--Primarywhite:#fff;--gray1:#e5e5e5;--text1Color:#333;--primaryColor:#0057ff;--primaryPastel:#e7f0ff;--Black:#000}@media (max-width:600px){.journal-dropdown-inner{flex-direction:column!important;padding:0!important;display:flex!important}}.navBar-Container{background:var(--Primarywhite);border-bottom:1px solid var(--gray1);z-index:999;width:100%;position:sticky;top:0}.navbar{justify-content:space-between;align-items:center;max-width:1280px;height:100px;margin:0 auto;display:flex;position:relative}.logo{width:auto;height:50px}.navbar-left{align-items:center;display:flex}.navbar-right{align-items:center;gap:16px;display:flex}.navbar-center{color:var(--text1Color);align-items:center;gap:20px;font-size:14px;list-style:none;display:flex}.navbar-center li{cursor:pointer;color:var(--text1Color);border-radius:8px;padding:6px;font-size:18px;font-weight:400;position:relative}.navbar-center li:hover{background-color:var(--primaryPastel)}.dropdown-arrow{margin-left:4px;transition:transform .25s;display:inline-block}.dropdown-arrow.open{transform:rotate(180deg)}.journal-dropdown{background-color:var(--Primarywhite);border-top:1px solid var(--gray1);z-index:100;justify-content:center;width:99vw;display:flex;position:absolute;top:100%;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #0000001a}.journal-dropdown-inner{grid-template-columns:repeat(3,1fr);gap:20px;width:100%;max-width:1280px;padding:40px 0;display:grid}.journal-column{flex-direction:column;gap:20px;display:flex}.dropdown-item{color:var(--text1Color);cursor:pointer;align-items:center;gap:5px;font-size:16px;font-weight:400;transition:color .3s;display:flex;position:relative}.dropdown-item:before{content:"→";color:var(--primaryColor);opacity:0;font-size:16px;transition:opacity .2s,transform .2s;transform:translate(-8px)}.dropdown-item:hover:before{opacity:1;transform:translate(0)}.dropdown-item:hover{color:var(--primaryColor);transform:translate(4px)}.desktop-navbar{display:block}.mobile-navbar{display:none}@media (max-width:900px){.desktop-navbar{display:none!important}.mobile-navbar{display:block!important}.navbar{background-color:var(--bg);flex-direction:column;align-items:flex-start;height:auto;padding:10px 20px}.navbar-top{justify-content:space-between;align-items:center;width:100%;display:flex}.hamburger{cursor:pointer;z-index:1001;background:0 0;border:none;flex-direction:column;display:flex}.mobile-menu{background-color:#f9f9f9;border-top:1px solid #eee;width:100%;height:100vh;padding:10px 0;overflow-y:auto}.mobile-nav-items{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.mobile-nav-item{cursor:pointer;background-color:var(--bg);color:var(--Black);padding:12px 20px}.mobile-nav-item .nav-link{justify-content:space-between;align-items:center;font-size:16px;font-weight:500;display:flex}.journal-dropdown{background-color:var(--bg);width:100%;box-shadow:none;border-top:none;grid-template-columns:1fr;margin-top:5px;padding:20px 0;display:grid;position:relative}.navbar-right{justify-content:flex-start;padding:10px 20px}.dropdown-item{border-bottom:1px solid gray;padding:12px 0}}