.home-page{width:100%}.home-page .bg-drop{z-index:100;background:#00000070;width:100vw;height:100vh;display:none;position:fixed;top:0;left:0}
.hero-section{z-index:1;background:#101010;flex-direction:column;width:100%;height:100vh;display:flex;position:relative;overflow:hidden}.hero-section .hero-main-content{flex:1;justify-content:space-between;align-items:flex-start;width:100%;display:flex;position:relative;overflow:hidden}.hero-section .hero-main-content .menu-icon{display:none}.hero-section .left-hero-content{z-index:1;align-items:flex-start;gap:45px;width:490px;padding:45px;display:flex;position:relative}.hero-section .left-hero-content .logo{width:45px;height:45px}.hero-section .left-hero-content .logo img{width:100%;height:100%;transform:scale(2.8)translateY(5px)}.hero-section .left-hero-content p{color:#fff;text-shadow:0 3px 10px #0000001f;flex:1;font-size:18px;font-weight:400}.hero-section .right-hero-content{flex-direction:column;align-items:flex-end;gap:30px;display:flex}.hero-section .right-hero-content .hero-nav-links{z-index:1;flex-direction:column;justify-content:center;align-items:flex-start;gap:6px;padding:45px 90px 0 45px;list-style-type:disc;display:inline-flex;position:relative}.hero-section .right-hero-content .hero-nav-links li{color:#fff;cursor:pointer;opacity:.3;font-size:15px;font-weight:400}.hero-section .right-hero-content .hero-nav-links li:hover,.hero-section .right-hero-content .hero-nav-links li.active{opacity:1}.hero-section .right-hero-content .extra-content{flex-direction:column;gap:30px;padding-right:90px;display:flex}.hero-section .right-hero-content .extra-content p{color:#fff;text-shadow:0 3px 10px #0000001f;max-width:246px;font-size:18px;font-weight:400;line-height:normal}.hero-section .right-hero-content .extra-content h1{color:#fff;text-shadow:0 3px 10px #0000001f;font-family:Climate Crisis,sans-serif;font-size:30px;font-weight:400;line-height:normal}.hero-section img.bg-img{width:100%;height:auto;position:absolute;bottom:-100px;left:0}.hero-section .stroke-line{border:1px dashed #ffffff1a;width:1px;height:100%;position:absolute;top:0}.hero-section .stroke-line.left{left:45px}.hero-section .stroke-line.right{right:45px}@media (max-width:575px){.hero-section{z-index:1;background:#101010;flex-direction:column;width:100%;height:100vh;display:flex;position:relative;overflow:hidden}.hero-section .hero-main-content{flex:1;justify-content:space-between;align-items:flex-start;width:100%;display:flex;position:relative;overflow:hidden}.hero-section .hero-main-content .menu-icon{display:block;position:absolute;top:30.5px;right:27.5px}.hero-section .left-hero-content{z-index:1;flex-direction:column;align-items:flex-start;gap:22px;width:100%;padding:15px;display:flex;position:relative}.hero-section .left-hero-content .logo{width:45px;height:45px}.hero-section .left-hero-content .logo img{width:100%;height:100%;transform:scale(2.2)translateY(5px)}.hero-section .left-hero-content p{color:#fff;text-shadow:0 3px 10px #0000001f;max-width:300px;padding-left:10px;font-size:12px;font-weight:400;line-height:normal}.hero-section .right-hero-content{flex-direction:column;align-items:flex-end;gap:30px;display:none}.hero-section .right-hero-content .hero-nav-links{z-index:1;flex-direction:column;justify-content:center;align-items:flex-start;gap:6px;padding:45px 90px 0 45px;list-style-type:disc;display:inline-flex;position:relative}.hero-section .right-hero-content .hero-nav-links li{color:#fff;cursor:pointer;opacity:.3;font-size:15px;font-weight:400}.hero-section .right-hero-content .hero-nav-links li:hover,.hero-section .right-hero-content .hero-nav-links li.active{opacity:1}.hero-section .right-hero-content .extra-content{flex-direction:column;gap:30px;padding-right:90px;display:flex}.hero-section .right-hero-content .extra-content p{color:#fff;text-shadow:0 3px 10px #0000001f;max-width:246px;font-size:18px;font-weight:400;line-height:normal}.hero-section .right-hero-content .extra-content h1{color:#fff;text-shadow:0 3px 10px #0000001f;font-family:Climate Crisis,sans-serif;font-size:30px;font-weight:400;line-height:normal}.hero-section img.bg-img{width:100%;height:auto;position:absolute;bottom:-100px;left:0}.hero-section .stroke-line{display:none}}@media (min-width:576px) and (max-width:769px){.hero-section .hero-main-content .menu-icon{display:block;position:absolute;top:30.5px;right:27.5px}.hero-section .left-hero-content{flex-direction:column;gap:28px;width:100%;padding:25px}.hero-section .left-hero-content .logo img{transform:scale(2.4)translateY(5px)}.hero-section .left-hero-content p{max-width:400px;padding-left:10px;font-size:13px}.hero-section .right-hero-content,.hero-section .stroke-line{display:none}}@media (min-width:769px) and (max-width:991px){.hero-section .hero-main-content .menu-icon{display:block;position:absolute;top:30.5px;right:30px}.hero-section .left-hero-content{gap:35px;width:360px;padding:35px}.hero-section .left-hero-content .logo img{transform:scale(2.6)translateY(5px)}.hero-section .left-hero-content p{font-size:15px}.hero-section .right-hero-content{display:none}.hero-section .stroke-line.left{left:35px}.hero-section .stroke-line.right{display:none}}@media (min-width:992px) and (max-width:1102px){.hero-section .left-hero-content{gap:40px;width:420px;padding:40px}.hero-section .left-hero-content .logo img{transform:scale(2.7)translateY(5px)}.hero-section .left-hero-content p{font-size:16px}.hero-section .right-hero-content{display:flex}.hero-section .right-hero-content .hero-nav-links{padding:40px 60px 0 40px}.hero-section .right-hero-content .extra-content{padding-right:60px}.hero-section .right-hero-content .extra-content p{font-size:16px}.hero-section .right-hero-content .extra-content h1{font-size:26px}.hero-section .stroke-line.left{left:40px}.hero-section .stroke-line.right{right:40px}}