.nav-bar{background-color:var(--opacity-white-color);z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-flow:row;justify-content:space-between;align-items:center;width:100%;height:80px;margin-bottom:10px;padding:10px 80px;display:flex;position:-webkit-sticky;position:sticky;top:0;left:0;overflow:hidden}.nav-bar .tabs{flex-flow:row;justify-content:center;align-items:center;gap:4px;display:flex}.nav-bar .tabs .tab{color:var(--dark-color);cursor:pointer;background-color:transparent;border:0;padding:10px;font-size:16px;font-weight:500;transition:all .3s;display:flex;position:relative}.nav-bar .tabs .tab:hover{color:var(--brand-color)}.nav-bar .tabs .tab.active{color:var(--brand-color)}.nav-bar .tabs .tab.active:before{content:"";background-color:var(--brand-color);width:90%;height:2.5px;position:absolute;bottom:-2px;left:50%;transform:translate(-50%)}.nav-bar .actions{flex-flow:row;justify-content:center;align-items:center;gap:8px;display:flex}.nav-bar .actions .language{width:100px;height:38px;color:var(--black-color);border:1px solid var(--grey-color);cursor:pointer;background-color:#fff;border-radius:10px;flex-flow:row;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .25s;display:flex}.nav-bar .actions .language:hover{background-color:var(--grey-color)}.nav-bar .actions .language:active{transform:scale(.98)}.nav-bar .actions .contact-us{width:115px;height:38px;color:var(--white-color);background-color:var(--dark-color);border:1px solid var(--dark-color);cursor:pointer;border-radius:10px;flex-flow:row;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .25s;display:flex}.nav-bar .actions .contact-us:hover{color:var(--dark-color);background-color:#fff}.nav-bar .menu-icon{cursor:pointer;display:none}.nav-bar .menu-icon svg{color:var(--primary-color);font-size:31px}.nav-bar .menu-icon path{color:var(--primary-color);font-size:31px}.drawer{flex-flow:column;justify-content:space-between;align-items:center;width:100%;height:100%;padding:60px;display:flex}.drawer .tabs{flex-flow:column;justify-content:center;align-items:center;gap:4px;display:flex}.drawer .tabs .tab{color:var(--dark-color);cursor:pointer;background-color:transparent;border:0;padding:10px;font-size:16px;font-weight:500;transition:all .3s;display:flex;position:relative}.drawer .tabs .tab:hover{color:var(--brand-color)}.drawer .tabs .tab.active{color:var(--brand-color)}.drawer .tabs .tab.active:before{content:"";background-color:var(--brand-color);width:90%;height:2.5px;position:absolute;bottom:-2px;left:50%;transform:translate(-50%)}.drawer .actions{flex-flow:column;justify-content:center;align-items:center;gap:8px;width:100%;display:flex}.drawer .actions .language{width:100%;height:40px;color:var(--black-color);border:1px solid var(--grey-color);cursor:pointer;background-color:#fff;border-radius:10px;flex-flow:row;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .25s;display:flex}.drawer .actions .language:hover{background-color:var(--grey-color)}.drawer .actions .language:active{transform:scale(.98)}.drawer .actions .contact-us{width:100%;height:40px;color:var(--white-color);background-color:var(--dark-color);border:1px solid var(--dark-color);border-radius:10px;flex-flow:row;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .25s;display:flex}.drawer .actions .contact-us:hover{color:var(--dark-color);background-color:#fff}@media only screen and (max-width:1100px){.nav-bar{padding:14px 34px 10px}.nav-bar .tabs{display:none}.nav-bar .actions{display:none}.nav-bar .menu-icon{display:flex}}@media only screen and (max-width:650px){.nav-bar{padding:14px 24px 10px}.nav-bar .logo img{width:140px}}
