*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif}:root{--primary: black;--gray: #474747}body{overflow-x:hidden}.nav-bar{display:flex;justify-content:center;position:sticky;top:0;left:0;right:0;background-color:#fff;width:100vw}.nav-bar .container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:100vw;max-width:1500px;padding:2rem 0}.nav-bar .container .header-lg{display:none}.nav-bar .container .header-pc{display:block;font-size:1.2rem;font-weight:600;text-align:center;text-decoration:none;padding:1rem 0rem;color:var(--gray);position:relative;display:flex;align-items:center;gap:.5rem}.nav-bar .container .header-pc img{width:100%;height:2.5rem;object-fit:cover}.nav-bar .container .header-pc.active{color:#3782e3}.nav-bar .container .header-pc:hover{color:var(--primary)}.nav-bar .container .menu{display:none}.nav-bar .container .logo{font-size:2rem;color:var(--gray);font-weight:600;cursor:pointer;text-align:center}.nav-bar .container ul{display:flex;align-items:center;width:100%;list-style-type:none;gap:.2rem}.nav-bar .container ul .close{display:none}.nav-bar .container ul li{flex:1;display:flex;justify-content:center}.nav-bar .container ul a{font-size:1.2rem;font-weight:600;text-align:center;text-decoration:none;padding:1rem 1.5rem;color:var(--gray);position:relative}.nav-bar .container ul a.active{color:#3782e3}.nav-bar .container ul a:hover{color:var(--primary)}.main{display:flex;flex-direction:column;align-items:center;padding-bottom:200px}.main:has(.container.homepage){overflow:hidden;height:100vh;padding:0!important}.main>.container{width:100%;max-width:1000px;display:flex;flex-direction:column;align-items:center}.main>.container.homepage{background-image:url(/hero.jpg);background-size:cover;background-position:center;max-width:none;height:100vh;position:relative}.main>.container.homepage:before{content:"";position:absolute;background-color:#000;opacity:.2;inset:0;z-index:-1}.main>.container .wrapper{padding-top:2rem;display:flex;flex-direction:column;align-items:center}.main>.container .title{font-weight:600;font-size:1.2rem;text-align:center;margin-bottom:1rem}.main>.container .subtitle{font-size:1rem;font-weight:600;text-align:center}.main>.container .banner{aspect-ratio:16/9;width:min(25rem,90vw);margin:1rem 0;border-radius:1rem;box-shadow:4px 4px 8px #bcbcbc}.main>.container .banner.mobile{width:min(23rem,70vw)}.main>.container .banner.clickable:hover{box-shadow:4px 4px 16px #bcbcbc;transition:.3s ease-in-out}.main>.container .line{line-height:2;font-size:1rem;font-weight:600;text-align:center}.main>.container .line.heading{margin-block:1rem .5rem;font-weight:800;font-size:1.3rem}@media(max-width:768px){.nav-bar{position:static;background-color:transparent;position:fixed;z-index:10}.nav-bar:not(.homepage){background-color:#fff}.nav-bar.homepage{color:#fff}.nav-bar.homepage .header-lg,.nav-bar.homepage .btn{color:inherit!important;border-color:#fff!important}.nav-bar .container{padding:0}.nav-bar .container .logo{opacity:0;display:none}.nav-bar .container .header-lg{display:block;font-size:1.2rem;font-weight:600;text-align:center;text-decoration:none;padding:1rem 0rem;color:var(--gray);position:relative;display:flex;align-items:center;gap:.5rem}.nav-bar .container .header-lg img{width:100%;height:3rem;object-fit:cover}.nav-bar .container .header-lg.active{color:#3782e3}.nav-bar .container .header-lg:hover{color:var(--primary)}.nav-bar .container .menu{display:block;display:flex;align-items:center;justify-content:space-between;padding:0 1rem;width:100%}.nav-bar .container .menu .btn{border:3px solid rgb(35,35,35);padding:0rem 1.5rem;font-weight:600;height:3rem;line-height:1;border-radius:.5rem;font-size:1/2rem;display:flex;justify-content:center;align-items:center}.nav-bar .container .logo{font-size:1.3rem!important;font-weight:800;text-wrap:nowrap}.nav-bar .container ul{flex-direction:column;position:fixed;background-color:#fff;inset:0 0 0 100%;justify-content:start;gap:1rem;transition:.3s ease-in-out}.nav-bar .container ul .close{display:block;position:relative;font-size:2.5rem;align-self:flex-end;padding:1.5rem;color:#000}.nav-bar .container ul.open{left:0}.nav-bar .container ul li{flex:0}.nav-bar .container ul li .header{display:none}.nav-bar .container ul a.active:before{content:"";width:1.5rem;aspect-ratio:1;background-image:url(/icon.png);background-size:cover;position:absolute;right:100%}.main{padding-bottom:0}.main>.container>.wrapper{padding-top:10rem}.main>.container .homepage{background-image:url(/banner0.jpg);background-size:cover;width:100%;display:flex;align-items:center;justify-content:center;height:100vh;padding-top:6rem;color:#fff;position:relative;z-index:3}.main>.container .homepage .wrapper{display:flex;flex-direction:column;align-items:center;gap:7rem}.main>.container .homepage .wrapper .hero{display:flex;flex-direction:column;align-items:center}.main>.container .homepage .wrapper .banner{box-shadow:0 0 16px 8px #fff}.main>.container .homepage .wrapper:before{content:"";position:absolute;background-color:#000;opacity:.2;inset:0;z-index:-1}.main>.container .homepage .wrapper h2{font-size:1.6rem;text-align:center;font-weight:600}.main>.container .homepage .wrapper .subtitle{font-size:1.1rem;line-height:3}.main>.container .line{text-align:center}}.cta-buttons{display:flex;flex-direction:column;justify-content:center;gap:2rem 5rem;padding:0 2rem;border-top:1px solid rgb(184,184,184);max-width:var(--max-width);margin:0 auto}.cta-buttons .cta-btn{border-radius:1rem;transition:.3s}.cta-buttons .cta-btn:hover{box-shadow:2px 2px 4px #cecece;scale:1.01}.cta-buttons .cta-btn a img{height:100%;width:100%;object-fit:contain}@media(min-width:768px){.cta-buttons{flex-direction:row;padding:1rem 5rem;gap:5rem}.cta-buttons .cta-btn{max-height:15rem}}