.hero{background:linear-gradient(90deg,#ffe7d2,#f7f0ea 0%,#e4f3ff 70%,#cbe7ff);color:var(--textColor);height:calc(100vh - 140px);position:relative}.hero .hero-img{position:absolute;right:0;height:100%;z-index:1;-o-object-fit:contain;object-fit:contain}@media(max-width:768px){.hero .hero-img{display:none}}@media(max-width:1440px){.hero .hero-img{max-width:800px}}@media(max-width:1045px){.hero .hero-img{max-width:700px}}@media(max-width:926px){.hero .hero-img{max-width:500px}}.hero .hero-contents{height:calc(100vh - 110px);display:flex;gap:20px;align-items:center}.hero .hero-contents .textContainer{flex:1;display:flex;flex-direction:column;gap:30px;z-index:2}@media(max-width:768px){.hero .hero-contents .textContainer{width:100%;align-items:center;text-align:center}}.hero .hero-contents .textContainer h1{font-weight:500;font-size:3rem}@media(max-width:768px){.hero .hero-contents .textContainer h1{font-size:2rem}}.hero .hero-contents .textContainer h1 span{font-weight:600;color:var(--primary)}.hero .hero-contents .textContainer p{line-height:30px}.hero .hero-contents .textContainer a{background:var(--secondary);padding:8px 25px;border-radius:10px;color:#fff;width:-moz-max-content;width:max-content}.hero .hero-contents .image{flex:1}@media(max-width:768px){.hero .hero-contents .image{display:none}}.clients{background-color:var(--secondary);color:#fff;padding:30px 0}.clients .clients-contents h2{text-align:center;margin-bottom:20px;font-weight:500;font-size:1.2rem}.clients .clients-contents .client{width:100%;height:100px;cursor:pointer}.clients .clients-contents .client img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;filter:grayscale(1);transition:filter .2s ease-in-out}.clients .clients-contents .client img:hover{filter:grayscale(0)}.clients .clients-contents .all-clients{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px}.clients .clients-contents .all-clients img{width:100%;height:100%}.history{background:var(--cream);color:var(--textColor);padding:40px 0}.history h1{text-align:center;padding:0 20px 20px}.history .history-contents{display:flex;gap:20px;height:100%;align-items:center}@media(max-width:768px){.history .history-contents{flex-direction:column-reverse}}.history .history-contents .textContainer{flex:1.5;text-align:justify;font-size:1.1rem}.history .history-contents .images{flex:1;width:100%;height:-moz-max-content;height:max-content}.history .history-contents .images img{width:100%;-o-object-fit:cover;object-fit:cover}.difference{padding:20px 0}.difference h1{color:var(--textColor);text-align:center;padding:20px 0}.difference a{width:-moz-max-content;width:max-content;margin:40px auto 20px;padding:8px 20px;background:var(--secondary);color:#fff;border-radius:5px;display:flex}.difference .difference-contents{display:flex;gap:40px}@media(max-width:768px){.difference .difference-contents{flex-direction:column}}.difference .difference-contents .without{flex:1;background:var(--gray);padding:20px}.difference .difference-contents .without h2{color:var(--primary);margin-bottom:20px}.difference .difference-contents .without .feat{display:flex;align-items:center;gap:10px;margin-bottom:10px;color:gray;font-size:1.2rem}.difference .difference-contents .without .feat .icon{display:grid;font-size:1.5rem}.difference .difference-contents .with{flex:1;padding:20px;background:var(--primary);color:#fff}.difference .difference-contents .with h2{margin-bottom:20px}.difference .difference-contents .with .feat{display:flex;align-items:center;gap:10px;margin-bottom:10px;font-size:1.2rem}.difference .difference-contents .with .feat .icon{display:grid;font-size:1.5rem}.features{background:var(--gray);padding:30px 0}.features .features-contents{display:flex;gap:50px;align-items:center}@media(max-width:768px){.features .features-contents{flex-direction:column-reverse}}.features .features-contents .textContainer{flex:1;display:flex;flex-direction:column;gap:20px}.features .features-contents .textContainer h1{color:var(--textColor)}.features .features-contents .textContainer h2{color:var(--primary)}.features .features-contents .textContainer p{color:var(--primary);font-size:1.2rem;line-height:30px}.features .features-contents .image{flex:1.5;max-width:700px;width:100%;height:100%}.features .features-contents .image img{width:100%;height:100%}.customize{background:var(--primary);color:#fff;padding:40px 0}.customize h1,.customize h2{text-align:center;padding:0 20px}.customize h1{font-size:clamp(2rem,4vw,1rem)}.customize h2{font-weight:100;font-size:1.3rem;margin-bottom:25px;margin-top:10px}.customize .customize-contents{display:flex;gap:40px;align-items:center}@media(max-width:768px){.customize .customize-contents{flex-direction:column-reverse}}.customize .customize-contents .textContainer{flex:1;font-size:1.2rem;line-height:30px}.customize .customize-contents .image{flex:2;width:100%;margin-top:-130px}@media(max-width:768px){.customize .customize-contents .image{margin-top:-50px;max-width:400px}}@media(max-width:425px){.customize .customize-contents .image{margin-top:-20px}}.customize .customize-contents .image img{width:100%}.socials{padding:40px 0}.socials .socials-contents{display:flex;align-items:center;gap:120px}@media(max-width:768px){.socials .socials-contents{flex-direction:column;gap:50px}}.socials .socials-contents .image{flex:1;width:100%}@media(max-width:768px){.socials .socials-contents .image{max-width:400px}}.socials .socials-contents .image img{width:100%}.socials .socials-contents .textContainer{flex:1.5;text-align:left;display:flex;flex-direction:column;gap:20px}.socials .socials-contents .textContainer h1{color:var(--textColor)}.socials .socials-contents .textContainer h2{color:var(--primary)}.socials .socials-contents .textContainer p{color:var(--primary);font-size:1.2rem;line-height:30px}