@font-face{font-family:SFPro;src:url(/font/regular.OTF) format("OTF");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:SFPro;src:url(/font/bold.OTF) format("OTF");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Lux;src:url(/font/lux.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}s :root{line-height:1.5;font-family:SFPro,sans-serif;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#303030}p,a{font-family:SFPro,sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{margin:0}svg{display:block}.container{width:100%;gap:120px;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.banner{width:100%;padding-top:168px;padding-bottom:120px;background:linear-gradient(to bottom,#fed6f0,#fff);display:flex;flex-direction:column;gap:2rem;line-height:1;justify-content:center;align-items:center}.banner .content{display:flex;flex-direction:column;line-height:1;justify-content:center;align-items:center}.button{padding:.5rem 1rem;border-radius:100px;text-decoration:none}.banner .buttonWrap{display:flex;gap:1rem}.slowImg{position:absolute;z-index:10}#img1{top:0;left:0;pointer-events:none}#img2{right:0;pointer-events:none}#img3{width:100%;left:0;padding-bottom:5rem;pointer-events:none}.banner .title{font-size:64px;text-align:center}.banner .span{font-size:96px;font-family:Lux}.banner .desc{font-size:1rem;text-align:center;max-width:90%}.productContainer{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:80px}.productWrapper{width:100%;display:flex;flex-direction:column;gap:48px;padding:0 64px}.productWrapper .topSection{display:flex;flex-direction:column;gap:32px}.topSection .titleContainer{display:flex;justify-content:space-between}.titleContainer .title{font-size:48px}.titleContainer .searchContainer{background-color:#f2f5fa;padding:1rem;display:flex;line-height:1;gap:1rem;height:fit-content;border:solid #303030 1px;border-radius:100px;width:100%;max-width:566px}.productNavContainer{display:flex;gap:1rem;overflow-x:auto}.productNavContainer::-webkit-scrollbar{display:none}.productNav{padding:.5rem 1rem;border-radius:100px;background-color:#f2f5fa;cursor:pointer;transition:all .3s ease}.productNav:hover{padding:.5rem 1rem;border-radius:100px;background-color:#5996fd;color:#fff}.productNav.active{background-color:#5996fd;color:#fff}.product{display:grid;gap:1.5rem}.productCard{padding:1rem;display:flex;flex-direction:column;gap:1rem;background-color:#f2f5fa;border-radius:1rem;border:none;cursor:pointer;transition:.3s ease}.productCard:hover{scale:1.02}.productCard:hover{background-color:#e4eaf1}.productImg{border-radius:.5rem;width:100%}.productTop{display:flex;justify-content:space-between}.productTitle{font-size:24px}.productSmall{color:#2aaae1;font-size:12px}.productBottom{display:flex;gap:32px}.aboutContainer{width:100%;display:flex;flex-direction:column;gap:80px;max-width:100rem;margin:0 auto;padding:0 64px}.aboutContainer .title{font-size:48px;text-align:center}.titleWrapper{position:relative;display:inline-block}.bgSvg{position:absolute;top:50%;left:0;bottom:0;width:100%;height:100%;z-index:-1}.blue{color:#5996fd}.aboutContainer .desc{font-size:24px;text-align:center}.aboutWrapper{display:flex;gap:32px;width:100%}.about{width:100%;padding:32px;display:flex;flex-direction:row;align-items:center;gap:32px;border-radius:1rem;position:relative}.aboutTitle{padding:8px;border-radius:8px;width:fit-content;background-color:#303030;color:#fff;margin-bottom:1rem}.aboutDesc{font-size:24px;font-weight:700}.aboutLeft{gap:1rem;width:70%}.aboutImg{position:absolute;display:block;right:0;bottom:0;z-index:10;height:240px}.buttonContainer{background-color:#f2f5fa;padding:.5rem 1rem;border-radius:100px;display:flex;gap:.5rem;justify-content:center;align-items:center;cursor:pointer;transition:ease .3s}.buttonContainer:hover{background-color:#e4eaf1;gap:1rem}input[type=text]{appearance:none;-webkit-appearance:none;-moz-appearance:none;border:none;outline:none;background:transparent;box-shadow:none;font-size:1rem;color:#303030}input::placeholder{font-size:1rem;color:#303030}.footer{font-family:SFPro,sans-serif;width:100%}.footer .top{background-color:#5996fd;color:#fff;display:flex;padding:64px;gap:64px;justify-content:space-between}.top .logo{display:flex;flex-direction:column;gap:2rem;font-size:2rem}.top .linkContainer{display:flex;flex-direction:column;gap:1rem;font-size:2rem}.linkContainer .linkWrapper{display:flex;flex-direction:column;gap:.5rem}.linkWrapper a{font-size:24px;text-decoration:none;color:#fff;display:block;white-space:nowrap}.addressContainer{display:flex;flex-direction:column;gap:1rem}.addressWrapper{display:flex;flex-direction:column;gap:8px}.footer .bottom{height:2rem;width:100%;background-color:#fed6f0}#img5{bottom:0;left:0}@media(min-width:768px)and (max-width:1023px){.footer .top{flex-direction:column;gap:40px;padding:48px 32px}.top .logo,.top .linkContainer{font-size:1.5rem}.linkWrapper a{font-size:18px}.addressContainer{gap:24px}}@media(max-width:767px){.footer .top{flex-direction:column;gap:32px;padding:32px 16px}.top .logo{font-size:1.25rem;gap:1rem}.top .linkContainer{font-size:1.25rem;gap:.75rem}.linkWrapper{gap:.5rem}.linkWrapper a{font-size:16px}.addressContainer{gap:20px}.addressWrapper p:first-child{font-size:1.25rem!important}.footer .bottom{height:1.5rem}}@media(min-width:1024px){.product{grid-template-columns:repeat(4,1fr)}.banner{padding-top:168px;padding-bottom:120px}.banner .title{font-size:64px}.banner .span{font-size:96px}.titleContainer .searchContainer{width:566px}.productWrapper{padding:0 64px}}@media(min-width:768px)and (max-width:1023px){.product{grid-template-columns:repeat(3,1fr)}.banner{padding-top:120px;padding-bottom:80px}.banner .desc{font-size:14px;width:70%}.banner .title{font-size:48px}.banner .span{font-size:64px}.titleContainer{flex-direction:column;gap:1rem}.titleContainer .title{font-size:36px}.titleContainer .searchContainer{width:100%}.productWrapper{padding:0 32px;gap:32px}.aboutContainer{width:100%}.aboutContainer .title{font-size:36px}.aboutContainer .desc{font-size:18px}.aboutWrapper{flex-direction:column}.about{padding:24px;gap:24px}.aboutLeft{width:100%;gap:2rem}.aboutImg{height:180px}.center .navItem{font-size:18px}}@media(max-width:767px){.product{grid-template-columns:repeat(2,1fr)}.banner{padding-top:160px;padding-bottom:60px}.banner .title{font-size:32px}.banner .span{font-size:48px}.banner .desc{font-size:14px;width:90%}.productContainer{gap:40px}.titleContainer{flex-direction:column;gap:1rem}.titleContainer .title{font-size:28px}.titleContainer .searchContainer{width:100%;padding:.75rem}.productWrapper{padding:0 16px;gap:24px}.productNav{padding:.4rem .8rem;font-size:14px}.product{gap:1rem}.productCard{padding:.75rem;gap:.75rem;min-width:50%}.productTitle{font-size:14px}.productSmall{font-size:10px}.aboutContainer{width:100%;gap:40px;padding:0 16px}.aboutContainer .title{font-size:28px}.aboutContainer .desc{font-size:16px}.aboutWrapper{flex-direction:column;gap:24px}.about{padding:20px;gap:20px}.aboutLeft{width:100%;gap:1rem}.aboutTitle{font-size:16px}.aboutDesc{font-size:18px}.aboutImg{height:150px;position:relative;right:auto;bottom:auto;display:none}.left .desc p{font-size:14px}#img1{width:10rem;top:20rem}#img2{width:10rem}#img5{right:0;left:auto;transform:scaleX(-1);width:10rem}input::placeholder{font-size:12px;color:#303030}}.nav{background-color:#fff;z-index:20;position:fixed;display:flex;justify-content:space-between;align-items:center}.navWrapper{position:relative;display:flex;gap:1rem}.navItem{position:relative;padding:.5rem 1.2rem;text-decoration:none;color:#303030;z-index:2;font-size:1rem;white-space:nowrap}.navBg{position:absolute;top:0;left:0;height:100%;background:#5996fd;border-radius:999px;z-index:1}.navContact{background-color:#5996fd;border-radius:100rem;padding:8px 1rem;color:#fff}.navContactLink{color:#fff;text-decoration:none;font-size:1rem;white-space:nowrap}.navHamburger{margin-right:.5rem;display:none;flex-direction:column;background:none;border:none;cursor:pointer;gap:6px;z-index:21;padding:0}.hamburgerLine{width:24px;height:2.5px;background-color:#303030;border-radius:2px;transition:all .3s ease}.hamburgerLine.open:nth-child(1){transform:rotate(45deg) translate(10px,10px)}.hamburgerLine.open:nth-child(2){opacity:0}.hamburgerLine.open:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.navMobileMenu{display:none;position:absolute;top:120%;left:0rem;right:0rem;background-color:#fff;border:1px solid #000;flex-direction:column;gap:.5rem;padding:1rem;border-radius:1rem;z-index:10}.navMobileItem{text-decoration:none;color:#303030;padding:.75rem 1rem;font-size:.95rem;border-radius:.5rem;transition:all .3s ease;display:block}.navMobileItem:hover{background-color:#5996fd;color:#fff}.navMobileContact{background-color:#5996fd;color:#fff;text-align:center;font-weight:500}@media(min-width:1024px){.nav{top:0;left:0;right:0;padding:1rem}.navItem{padding:.5rem 1.2rem;font-size:1rem}.navContact{padding:8px 1rem}.navContactLink{font-size:1rem}.navWrapper{gap:1rem;display:flex}.navHamburger,.navMobileMenu{display:none}}@media(min-width:768px)and (max-width:1023px){.nav{top:.8rem;left:1.5rem;right:1.5rem;padding:.8rem}.navItem{padding:.4rem 1rem;font-size:.9rem}.navContact{padding:6px .8rem;font-size:.9rem}.navContactLink{font-size:.9rem}.navWrapper{gap:.8rem;display:flex}.navHamburger,.navMobileMenu{display:none}}@media(max-width:767px){.nav{top:0rem;left:0rem;right:0rem;padding:.6rem}.navWrapper,.navContact{display:none}.navHamburger,.navMobileMenu{display:flex}}.navLogo{display:flex;justify-content:center;align-items:center}.navLogo img{width:12rem}.footerLogo{display:flex;justify-content:start;align-items:start}@media(max-width:767px){.navLogo img{max-width:8rem}.footerLogo img{max-width:10rem}}.marquee{overflow:hidden;width:100%}.marqueeTrack{display:flex;gap:40px;width:max-content}.sliderContainer{display:flex;align-items:center;justify-content:center;gap:3rem;margin-left:2rem}.imageContainer{width:100%;display:flex;gap:1rem}.imageLeft{width:50%;display:flex;gap:1rem}.imageRight{width:50%;display:flex;flex-direction:column;gap:1rem}.imageContainer img{width:100%;border-radius:1rem;display:block;object-fit:cover}#image1,#image2{width:100%}@media(min-width:768px)and (max-width:1023px){.imageContainer{gap:.75rem}}@media(max-width:767px){.imageContainer{flex-direction:column}.imageLeft,.imageRight{width:100%}#image1,#image2{width:50%;height:20rem}}
