#header{background:var(--primary-color);color:#fff;left:0;padding:35px 0 20px;position:fixed;top:0;width:100%;z-index:10000}.header-row{display:flex;flex-wrap:wrap;justify-content:space-between}.logo{display:block;margin:auto auto 10px;max-width:100%;text-decoration:none;width:518px}.logo img{width:100%}.header-social{display:flex;flex-wrap:wrap;gap:0 20px;height:25px;list-style:none;margin:20px 0 0;max-width:100%;overflow:hidden;padding:0;width:252px;width:262px}.header-social li{position:relative}.header-social li a{color:#fff;display:block;height:20px;position:relative;text-decoration:none;width:15px}.white,.yellow{bottom:0;left:0;position:absolute;right:0;top:0;transition:transform .2s ease,opacity .2s ease}.yellow{color:var(--color-yellow);opacity:0;transform:translateY(100%)}a:hover .white{opacity:0;transform:translateY(-100%)}a:hover .yellow{opacity:1;transform:translateY(0)}.main-nav ul{align-items:center;display:flex;flex-wrap:wrap;gap:0 20px;justify-content:center;list-style:none;margin:0;padding:0;text-align:center}.main-nav li a{color:#fff;font-family:var(--secondary-font);font-size:20px;font-style:italic;font-weight:400;letter-spacing:0;line-height:22px;position:relative;text-decoration:none;text-transform:capitalize}.main-nav li a:after{background:var(--color-yellow);bottom:-4px;content:"";height:2px;left:0;position:absolute;transition:all .3s;width:100%;width:0}.about .main-nav li:nth-child(6) a:after,.about .off-canvas-menu li:nth-child(6) a:after,.home .main-nav li:first-child a:after,.home .off-canvas-menu li:first-child a:after,.industries .main-nav li:nth-child(4) a:after,.industries .off-canvas-menu li:nth-child(4) a:after,.main-nav li a:hover:after,.main-nav li.active a:hover:after,.news .main-nav li:nth-child(3) a:after,.news .off-canvas-menu li:nth-child(3) a:after,.product .main-nav li:nth-child(2) a:after,.product .off-canvas-menu li:nth-child(2) a:after,.products .main-nav li:nth-child(2) a:after,.products .off-canvas-menu li:nth-child(2) a:after,.resources .main-nav li:nth-child(5) a:after,.resources .off-canvas-menu li:nth-child(5) a:after{width:100%}.main-nav li:last-child a{background:var(--color-yellow);border:2px solid var(--color-yellow);border-radius:4px;color:var(--primary-color);display:inline-block;font-family:var(--secondary-font);font-size:20px;font-style:normal;font-weight:600;padding:10px 20px;text-decoration:none;text-transform:uppercase}.main-nav li:last-child a:after{display:none}.main-nav li:last-child a:hover{background:transparent;color:var(--color-yellow)}.header-cart{width:20%}.header-row-mobile{display:none;justify-content:space-between}.header-row-mobile .logo{margin-left:0;margin-right:0;width:195px}.header-row-mobile .logo img{position:relative;top:2px}.header-cta{color:#fff;display:inline-block;font-family:Kanit;font-size:13px;font-size:20px;font-style:italic;font-weight:400;margin-right:15px;position:relative;text-decoration:none;text-transform:uppercase;top:-2px}.header-cta:after{background:var(--color-yellow);bottom:-4px;content:"";height:2px;left:0;position:absolute;transition:all .3s;width:100%;width:0}.header-cta:hover:after{width:100%}.nav-toggle{color:#fff;cursor:pointer;font-size:24px}.off-canvas-menu{background-color:var(--primary-color);color:#fff;height:100%;max-width:50%;min-width:360px;padding:100px 80px;position:fixed;right:-100%;top:0;transition:right .3s ease-in-out;width:250px;width:500px;z-index:1000}.off-canvas-menu ul{list-style:none;padding-left:0}.off-canvas-menu ul li{padding:10px 20px}.off-canvas-menu ul li a{color:#fff;text-decoration:none}.off-canvas-menu .hs-menu-wrapper li a{color:#fff;display:inline-block;font-family:var(--secondary-font);font-size:20px;font-weight:600;letter-spacing:0;line-height:22px;padding-top:10px;position:relative;text-decoration:none;text-transform:capitalize}.off-canvas-menu .hs-menu-wrapper li a:after{background:var(--color-yellow);bottom:-4px;content:"";height:2px;left:0;position:absolute;transition:all .3s;width:100%;width:0}.off-canvas-menu .hs-menu-wrapper li a:hover:after{width:100%}.off-canvas-menu .close-btn{background:none;border:none;color:#fff;cursor:pointer;font-size:40px;position:absolute;right:20px;top:20px}.off-canvas-menu ul li:last-child{display:none}.off-canvas-menu ul ul li:last-child{display:block}.off-canvas-menu .header-social{flex-wrap:wrap;height:auto;width:232px}.off-canvas-menu .header-social li{padding:10px 8px}.off-canvas-menu.open{right:0}.close-btn{background-color:rgba(0,0,0,.06);border-radius:50%;padding:15px;text-align:center}.main-nav ul li{position:relative}.main-nav ul li ul{background:var(--primary-color);display:block;left:0;opacity:0;padding-bottom:10px;padding-top:20px;position:absolute;transition:all .35s;visibility:hidden;width:420px;z-index:100}.main-nav ul li:hover ul{opacity:1;visibility:visible}.main-nav ul li ul li a{background:transparent!important;border:0!important;color:#fff!important;display:block!important;font-size:18px!important;font-style:normal;font-weight:400!important;padding:8px 15px!important;text-align:left!important;text-transform:capitalize!important}.main-nav ul li ul li a:hover{color:var(--color-yellow)!important}.main-nav ul li ul li a:after{display:none}.ocm-dropdown-arrow{align-items:center;cursor:pointer;display:inline-flex;justify-content:flex-end;padding-left:85%;position:relative;text-align:right}.off-canvas-menu li:nth-child(5) .ocm-dropdown-arrow{padding-left:80%}.off-canvas-menu .hs-item-has-children>a[role=menuitem]{align-items:center;display:flex;justify-content:space-between}.off-canvas-menu .hs-menu-wrapper li:nth-child(2) a:hover:after{width:85px}.off-canvas-menu .hs-menu-wrapper li:nth-child(5) a:hover:after{width:95px}.off-canvas-menu .hs-menu-children-wrapper{display:block;height:0;overflow:hidden;transition:height .3s ease-in-out}.off-canvas-menu .hs-menu-children-wrapper.visible{height:auto}.off-canvas-menu ul li a:hover{color:var(--color-yellow)}.off-canvas-menu ul ul li a:after{display:none}.off-canvas-menu ul ul li{padding:0 0 0 15px}.off-canvas-menu ul ul li a{font-size:18px!important;font-weight:500!important;padding-top:20px!important}@media (max-width:1320px){.header-cart{width:15%}.header-row-desktop{flex-wrap:nowrap}}@media (max-width:1240px){.header-cart{width:0}}@media (max-width:1060px){#header{padding:15px 0}.header-row{display:none}.header-row-mobile{display:flex}}@media (max-width:768px){.logo{width:100%}.off-canvas-menu{padding:80px 40px;width:360px}.ocm-dropdown-arrow{padding-left:69%}.off-canvas-menu li:nth-child(5) .ocm-dropdown-arrow{padding-left:65%}}@media (max-width:430px){.header-cta{font-size:18px}.header-row-mobile .logo{width:150px}.header-row-mobile .logo img{top:7px}}@media (max-width:400px){.off-canvas-menu{min-width:320px;width:320px}}@media (max-width:360px){.header-row-mobile .logo{width:110px}}