body{margin:0;font-family:Poppins,sans-serif}:root{--color-primary-header: #00692C;--color-secondary: #000000;--color-white: #ffffff;--color-accent-hover: #00A676;--color-silver-text: #EDEDEE}.hero-header{position:relative;width:100%;height:70vh;overflow:hidden;transition:opacity .6s ease,visibility .6s ease}.hero-header.hidden{opacity:0;visibility:hidden}@keyframes preloader-scale{0%{transform:scale(.9);opacity:.85}50%{transform:scale(1);opacity:1}to{transform:scale(.9);opacity:.85}}.animate-preloader-scale{animation:preloader-scale 1.5s ease-in-out infinite}.hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;z-index:0;opacity:0;animation:fadeBg 24s infinite ease-in-out,zoom 24s infinite ease-in-out}.bg1{background-image:url(/images/main-bg.png);animation-delay:0s}.bg0{background-image:url(/images/main-bg-0.png);animation-delay:6s}.bg3{background-image:url(/images/main-bg-3.png);animation-delay:12s}.bg2{background-image:url(/images/main-bg-2.png);animation-delay:18s}@keyframes fadeBg{0%{opacity:.5}3%{opacity:1}33%{opacity:1}36%{opacity:0}to{opacity:0}}@keyframes zoom{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.hero-overlay{position:absolute;inset:0;background:#0009;color:var(--color-white);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px 60px;transition:background .5s ease}.hero-menu{position:absolute;top:30px;left:50%;transform:translate(-50%);display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1100px;z-index:10}.hero-menu-left,.hero-menu-right{flex:1;display:flex;align-items:center}.hero-menu-left{justify-content:flex-end;padding-right:20px}.hero-menu-center{flex:0 0 auto;margin:0}.hero-menu-right{justify-content:flex-start;padding-left:20px}.hero-menu .ant-menu{background:transparent;border-bottom:none;white-space:nowrap}.hero-menu .ant-menu-item{color:var(--color-white)!important;font-weight:700;padding:0 15px!important;text-shadow:0px 0px 4px rgba(0,0,0,.8);transition:color .3s}.hero-menu .ant-menu-item:hover{color:var(--color-accent-hover)!important}.header-logo{width:140px;max-width:100%;height:auto;display:block;filter:drop-shadow(0 0 8px rgba(0,0,0,.9))}.hero-slogan{text-align:center;max-width:600px;margin-top:100px;padding-bottom:50px}.hero-slogan h1{color:var(--color-white);font-size:47px;font-weight:700;margin:0;text-shadow:0px 0px 10px rgba(0,0,0,.9)}.hero-slogan-description{color:var(--color-silver-text);font-size:18px;font-weight:400;margin-top:15px;text-shadow:0px 0px 6px rgba(0,0,0,.7)}.hero-cta-button{background:var(--color-primary-header);color:var(--color-white);border:none;padding:15px 35px;font-size:18px;font-weight:600;letter-spacing:1px;text-transform:uppercase;border-radius:4px;cursor:pointer;transition:background .3s ease,box-shadow .3s ease}.hero-cta-button:hover{background:var(--color-accent-hover);box-shadow:0 4px 15px #00692c66}.hero-socials{position:absolute;top:50%;left:40px;transform:translateY(-50%);display:flex;flex-direction:column;gap:20px;z-index:10}.hero-socials a{display:flex;align-items:center;justify-content:center;width:35px;height:35px;background:var(--color-white);color:var(--color-secondary);font-size:18px;border-radius:50%;transition:all .3s ease;text-decoration:none}.hero-socials a:hover{background:var(--color-primary-header);color:var(--color-white)}.sticky-header{position:fixed;top:-100px;left:0;right:0;height:70px;background:var(--color-secondary);display:flex;justify-content:space-between;align-items:center;padding:0 60px;transition:top .4s ease;z-index:1001}.sticky-header.visible{top:0}.sticky-header .header-logo{width:120px;filter:none;transition:width .4s ease}.sticky-menu-left,.sticky-menu-right{flex:1;display:flex;align-items:center}.sticky-menu-left{justify-content:flex-end;padding-right:20px}.sticky-menu-center{flex:0 0 auto}.sticky-menu-right{justify-content:flex-start;padding-left:20px}.sticky-header .ant-menu{background:transparent;border:none}.sticky-header .ant-menu-item{color:var(--color-white)!important;font-weight:700;transition:color .3s}.sticky-header .ant-menu-item:hover{color:var(--color-accent-hover)!important}.mobile-menu-toggle,.menu-mobile{display:none}.language-select .ant-select-arrow{color:#fff}@media (max-width: 767px){.hero-slogan h1{font-size:22px}.hero-socials-main{display:none}.hero-slogan-description{font-size:14px}.hero-cta-button{font-size:13px;padding:10px 20px}.header-logo{width:110px}.menu-top,.hero-menu-left{display:none}.menu-mobile{display:flex;flex:1;margin-left:5px}.menu-mobile .menu-icon{display:flex;align-items:center;justify-content:center;border-radius:50%;width:35px;height:35px;border:1px solid white;text-align:center;box-shadow:0 0 4px #000c}.hero-menu-right{justify-content:end;padding-left:0}.hero-menu{width:90%}.drawer-socials .hero-socials{flex-direction:row;position:relative;justify-content:start;left:0}.hero-socials a{background:var(--color-secondary);color:var(--color-light);font-size:18px}.hero-header{height:40vh}.sticky-header{justify-content:center}}.topbar{background:var(--color-dark-green);color:var(--color-white);display:flex;justify-content:space-between;align-items:center;padding:0 60px;height:38px;line-height:38px;font-size:15px}.topbar-left{font-weight:500}.topbar-right{display:flex;gap:14px}.topbar-right a{color:var(--color-white);font-size:18px;transition:color 0s ease}.topbar-right a:hover{color:var(--color-accent-hover)}.main-header{position:fixed;top:38px;left:0;right:0;background:var(--color-white);display:flex;justify-content:space-between;align-items:center;height:80px;padding:0 60px;box-shadow:0 2px 8px #0000000d;transition:all 0s ease;z-index:999}.main-header.sticky{top:0;background:#fff;box-shadow:0 4px 10px #00000026}.header-logo{height:55px;transition:transform .4s ease,height .4s ease}.header-logo.shrink{transform:scale(.85);height:45px}.main-header-left,.main-header-center,.main-header-right{display:flex;align-items:center}.main-header-center .ant-menu{border:none}.main-header-center .ant-menu-item{font-weight:600;padding:0 18px!important}.main-header-center .ant-menu-item:hover{color:var(--color-accent-hover)!important}.two-layer-header .ant-select-selection-item .ant-flex,.footer-lang .ant-select-selection-item .ant-flex{color:#000!important;font-weight:700}@media (max-width: 768px){.topbar{flex-direction:column;height:auto;line-height:normal;gap:4px;padding:8px 20px;font-size:14px}.main-header{padding:0 20px;height:70px}.header-logo{height:45px}.main-header-center,.main-header-right{display:none}.topbar{flex-direction:row}.main-header{justify-content:space-between}}
