@property --tone{syntax:"<number>";inherits:false;initial-value:0}.homepage{background:radial-gradient(59.82% 25.28% at -0.59% 99.28%,var(--General-Color-White,#fff)0%,var(--Brand-Color-Light-Green-3,#f7ffeb)100%);width:100%;height:100vh;display:flex;overflow:hidden}.homepage .left-section{flex-direction:column;flex:1;justify-content:space-between;padding:12px 24px 24px;display:flex}.homepage .left-section .header-section{justify-content:space-between;align-items:center;width:100%;height:48px;display:flex}.homepage .left-section .header-section .wrap{align-items:center;gap:12px;display:flex}.homepage .left-section .header-section .wrap h3{letter-spacing:-.26px;font-size:22px;font-weight:600;line-height:normal}.homepage .left-section .header-section a{border:1px solid var(--General-Color-Light-Grey,#eee);border-radius:36px;align-items:center;gap:12px;padding:5px 5px 5px 12px;transition:color .32s cubic-bezier(.22,1,.36,1),text-shadow .32s cubic-bezier(.22,1,.36,1);display:flex;position:relative}.homepage .left-section .header-section a .img{background:#c0ff68;border-radius:36px;width:80px;height:38px;overflow:hidden}.homepage .left-section .header-section a .img img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .7s ease-in-out}.homepage .left-section .header-section a .img:hover img{transform:scale(1.5)}.homepage .left-section .header-section a:hover{background:rgba(228,228,228,.275)}.homepage .left-section main{flex-direction:column;align-items:flex-start;gap:24px;display:flex}.homepage .left-section main .title-ctn h1{gap:2px;font-size:42px;font-weight:600;line-height:40px;display:flex}.homepage .left-section main .title-ctn h1 span .img{background:#c0ff68;border-radius:36px;width:120px;height:42px;overflow:hidden}.homepage .left-section main .title-ctn h1 span .img img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:all .7s ease-in-out}.homepage .left-section main .title-ctn h1 span .img:hover img{transform:scale(1.5)}.homepage .left-section main .content{letter-spacing:-.43px;max-width:529px;font-size:17px;font-weight:600;line-height:22px}.homepage .right-section{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex:1;justify-content:flex-end;align-items:flex-end;padding:6px;display:flex;position:relative}.homepage .right-section img.map{width:65%;height:auto;position:absolute;top:0;right:0}.homepage .right-section .poi{cursor:pointer;background-color:#0f2311;border:.5px solid #f7ffeb;border-radius:16px;width:210px;padding:10px;transition:all .5s ease-in-out;position:absolute;top:65%;left:18%}.homepage .right-section .poi:hover{background:#f7ffeb;border:.5px solid #0f2311}.homepage .right-section .poi:hover .point{background:#f7ffeb;border:1px solid #0f2311}.homepage .right-section .poi:hover .point .circle{background-color:#0f2311}.homepage .right-section .poi:hover .label{color:#6c6c6c}.homepage .right-section .poi:hover p{color:#2c2c2c}.homepage .right-section .poi .point{background-color:#0f2311;border:.5px solid #f7ffeb;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;padding:6px;transition:all .5s ease-in-out;display:flex;position:absolute;top:-15px;right:-15px}.homepage .right-section .poi .point .circle{background-color:#fff;border-radius:50%;width:100%;height:100%}.homepage .right-section .poi img{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;border-radius:6px;width:100%;height:109px;margin-bottom:10px}.homepage .right-section .poi .label{color:var(--General-Color-Light-Ash,#6c6c6c);letter-spacing:.06px;margin-bottom:6px;font-size:11px;font-weight:600;line-height:13px}.homepage .right-section .poi p{color:var(--General-Color-Parmanent-White,#fff);letter-spacing:-.23px;font-size:15px;font-weight:600;line-height:20px}@media (max-width:640px){.homepage{flex-direction:column;height:-moz-fit-content;height:fit-content;overflow-y:auto}.homepage .left-section{flex-direction:column;flex:1;justify-content:space-between;padding:12px 22px 22px;display:flex}.homepage .left-section .header-section{justify-content:space-between;align-items:center;width:100%;height:48px;display:flex}.homepage .left-section .header-section .wrap{align-items:center;gap:12px;display:flex}.homepage .left-section .header-section .wrap h3{letter-spacing:-.26px;font-size:22px;font-weight:600;line-height:normal}.homepage .left-section .header-section a{font-size:11px;font-weight:500}.homepage .left-section .header-section a .img{border-radius:50%;width:40px;height:40px}.homepage .left-section main{flex-direction:column;gap:24px;padding-top:92px;display:flex}.homepage .left-section main .title-ctn h1{letter-spacing:-1.2px;gap:2px;font-size:30px;font-weight:600;line-height:30px;display:flex}.homepage .left-section main .title-ctn h1 span .img{background:#c0ff68;border-radius:36px;width:90px;height:36px;overflow:hidden}.homepage .left-section main .content{letter-spacing:-.23px;max-width:332px;font-size:15px;font-weight:600;line-height:20px}.homepage .right-section{flex:1;justify-content:flex-end;align-items:flex-end;width:100%;height:636px;padding:6px;display:flex;position:relative;overflow:hidden}.homepage .right-section img.map{width:80%;height:auto;position:absolute;top:0;right:-10%}.homepage .right-section .poi{cursor:pointer;background-color:#0f2311;border:.5px solid #f7ffeb;border-radius:16px;width:210px;padding:10px;transition:all .5s ease-in-out;position:absolute;top:47%;left:21%;transform:scale(.8)}.homepage .right-section .poi:hover{background:#f7ffeb;border:.5px solid #0f2311}.homepage .right-section .poi:hover .point{background:#f7ffeb;border:1px solid #0f2311}.homepage .right-section .poi:hover .point .circle{background-color:#0f2311}.homepage .right-section .poi:hover .label{color:#6c6c6c}.homepage .right-section .poi:hover p{color:#2c2c2c}.homepage .right-section .poi .point{background-color:#0f2311;border:.5px solid #f7ffeb;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;padding:6px;transition:all .5s ease-in-out;display:flex;position:absolute;top:-15px;right:-15px}.homepage .right-section .poi .point .circle{background-color:#fff;border-radius:50%;width:100%;height:100%}.homepage .right-section .poi img{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;border-radius:6px;width:100%;height:109px;margin-bottom:10px}.homepage .right-section .poi .label{color:var(--General-Color-Light-Ash,#6c6c6c);letter-spacing:.06px;margin-bottom:6px;font-size:11px;font-weight:600;line-height:13px}.homepage .right-section .poi p{color:var(--General-Color-Parmanent-White,#fff);letter-spacing:-.23px;font-size:15px;font-weight:600;line-height:20px}}