.flip-box{perspective:1000px}.flip-box-inner{position:relative;width:100%;height:100%;transition:transform .8s;transform-style:preserve-3d}.flip-box:hover .flip-box-inner{transform:rotateY(180deg)}.flip-box-back,.flip-box-front{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}.flip-box-back{transform:rotateY(180deg);background-color:#fff}.personality-box{height:302px}.personality-box .flip-box-back,.personality-box .flip-box-front{box-shadow:6px 6px 0 0 #179bae;text-align:center;border-radius:10px;border:1px solid #179bae}.personality-box .personality-title{color:#179bae;font-size:20px;font-weight:500;line-height:29px;letter-spacing:.01em;text-align:center;text-underline-position:from-font;text-decoration-skip-ink:none}.landing-page-container{width:100%;background-color:#e8fafc}.landing-page-desktop .scroll-container{width:100%}.landing-page-desktop .overlay{z-index:2;position:absolute;color:#fff;height:100%;width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.landing-page-desktop .overlay .overlay-content{max-width:70%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:32px}.landing-page-desktop .overlay .section-headline{font-size:56px;font-weight:600;text-align:center}.landing-page-desktop .overlay .section-description{font-size:20px;text-align:center}.landing-page-desktop .overlay .section-cta{text-align:center}.landing-page-desktop .overlay .section-cta:not(:has(button)){display:none}.landing-page-desktop .overlay .section-cta button{background-color:#ff8343;color:#fff;padding:12px 24px;border-radius:1000px}.landing-page-desktop .hero-banner-section{height:100vh}.landing-page-desktop .hero-banner-section .hero-banner-container{width:100%;height:100%;top:50%;left:50%;transform:translate(-50%,-50%);position:absolute}.landing-page-desktop .hero-banner-section .hero-banner-container .hero-banner-img{width:100%;height:100%;object-fit:cover;z-index:1}.landing-page-desktop .hero-banner-section .hero-banner-container .comic-1{position:absolute;top:-60px;left:-267px}.landing-page-desktop .hero-banner-section .hero-banner-container .comic-2{position:absolute;bottom:-120px;left:-267px}.landing-page-desktop .hero-banner-section .hero-banner-container .comic-2 .comic-text{transform:rotate(-9deg) translate(-50%)}.landing-page-desktop .hero-banner-section .hero-banner-container .comic-3{position:absolute;top:50%;transform:translateY(-50%);right:-295px}.landing-page-desktop .hero-banner-section .hero-banner-container .comic-3 .comic-text{top:39%;transform:rotate(18deg) translate(-50%)}.landing-page-desktop .hero-banner-section .hero-banner-container .comic-text{padding:14px;width:100%;position:absolute;top:15%;left:50%;transform:translate(-50%);font-size:18px;font-weight:500;line-height:28px;letter-spacing:.01em;text-align:center;text-underline-position:from-font;text-decoration-skip-ink:none}.landing-page-desktop .hero-banner-section .hero-banner-container .comic-text .text-1{color:#ff8343}.landing-page-desktop .hero-banner-section .hero-banner-container .comic-text .text-2{color:#3d5399}.landing-page-desktop .sixteen-personalities-section{background-image:url(/images/LandingImages/Cloud\ Background.png);background-color:#e8fafc;background-repeat:no-repeat;background-size:cover}.landing-page-desktop .sixteen-personalities-section .section-headline{color:#4158a6}.landing-page-desktop .discover-your-potential-section .section-headline{color:#179bae}.landing-page-desktop .guidance-section{background:#fff}.landing-page-desktop .guidance-section .section-headline{color:#4158a6}.landing-page-desktop .panel-container{height:520px;display:flex;flex-wrap:nowrap}.landing-page-desktop .panel{width:500px;height:100%;display:flex;justify-content:center;align-items:center;font-weight:600;font-size:1.5em;text-align:center;color:#fff;position:relative;box-sizing:border-box;padding:10px}.landing-page-desktop .section-headline{font-size:48px;font-weight:600;line-height:60px}.landing-page-desktop .section-description,.landing-page-desktop .section-headline{letter-spacing:.01em;text-align:center;text-underline-position:from-font;text-decoration-skip-ink:none}.landing-page-desktop .section-description{font-size:20px;font-weight:400;line-height:29px}.landing-page-desktop .section-text-center{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:32px}.landing-page-desktop .section-text-center .section-headline{font-size:48px;font-weight:600;text-align:center}.landing-page-desktop .section-text-center .section-description{font-size:20px;text-align:center}.landing-page-desktop .section-text-center .section-cta{text-align:center}.landing-page-desktop .landing-cta-btn,.landing-page-desktop .section-text-center .section-cta button{background-color:#ff8343;color:#fff;padding:12px 24px;border-radius:1000px}.landing-page-desktop .horizontal-scroll-wrapper{overflow:hidden;height:520px}.landing-page-desktop .horizontal{display:flex;height:100%}.landing-page-desktop .horizontal>div{display:flex;flex-shrink:0;padding:0 5px}.landing-page-desktop .scroll-card{align-items:stretch;width:550px;background:#fff;border:1px solid #179bae;box-shadow:6px 6px 0 0 #179bae;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center;margin:0 10px;height:100%}.landing-page-desktop .scroll-card img{height:100%;min-width:100%;object-fit:cover}.landing-page-desktop .slideUp-section{height:100vh}.landing-page-desktop .slideUp-section .slide-card{width:628px;padding:40px;height:431px;gap:20px;border-radius:12px;box-shadow:6px 6px 0 0 #179bae;border:1px solid #179bae}.landing-page-desktop .slideUp-section .slide-card .headline{font-size:32px;font-weight:600;line-height:40px;letter-spacing:.01em;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none;color:#179bae}.landing-page-desktop .slideUp-section .slide-card .subtitle{font-size:24px;font-weight:500;line-height:30px;letter-spacing:.01em;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none;color:#179bae}.landing-page-desktop .slideUp-section .slide-card .description{font-size:20px;font-weight:400;line-height:29px;letter-spacing:.01em;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none}.landing-page-desktop .slideUp-section .slide-card.card-1{transform:rotate(-3.17deg)}.landing-page-desktop .slideUp-section .slide-card.card-2{transform:rotate(-.55deg)}.landing-page-desktop .slideUp-section .slide-card.card-3{transform:rotate(2.89deg)}.landing-page-desktop .partners-section{background:#fff}.landing-page-desktop .partners-section .section-headline{color:#4158a6}.landing-page-desktop .contact-us-section{width:100%;height:100vh;display:flex;align-items:center;justify-content:center}.landing-page-desktop .contact-us-section img{width:70%;height:50%;border-radius:1000px;object-fit:cover}.landing-page-desktop .contact-us-section .overlay{opacity:0}@media not all and (min-width:768px){.landing-page-desktop .landing-page-mobile .overlay{justify-content:end;padding:40px 24px}.landing-page-desktop .landing-page-mobile .overlay .overlay-content{max-width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:32px}.landing-page-desktop .landing-page-mobile .overlay .section-headline{font-size:40px;font-weight:600;text-align:center}.landing-page-desktop .landing-page-mobile .overlay .section-description{font-size:18px;text-align:center}.landing-page-desktop .landing-page-mobile .overlay .section-cta{text-align:center}.landing-page-desktop .landing-page-mobile .overlay .section-cta button{background-color:#ff8343;color:#fff;padding:12px 24px;border-radius:1000px}.landing-page-desktop .landing-page-mobile .hero-banner-section{height:100vh}.landing-page-desktop .landing-page-mobile .hero-banner-section .hero-banner-container{width:100%;height:100%;top:50%;left:50%;transform:translate(-50%,-50%);position:absolute}.landing-page-desktop .landing-page-mobile .hero-banner-section .hero-banner-container .hero-banner-img{width:100%;height:100%;object-fit:cover;z-index:1;border-radius:10px}.landing-page-desktop .landing-page-mobile .hero-banner-section .hero-banner-container .comic-1,.landing-page-desktop .landing-page-mobile .hero-banner-section .hero-banner-container .comic-2,.landing-page-desktop .landing-page-mobile .hero-banner-section .hero-banner-container .comic-3{position:absolute;width:150px}.landing-page-desktop .landing-page-mobile .hero-banner-section .hero-banner-container .comic-1 .comic-text,.landing-page-desktop .landing-page-mobile .hero-banner-section .hero-banner-container .comic-2 .comic-text,.landing-page-desktop .landing-page-mobile .hero-banner-section .hero-banner-container .comic-3 .comic-text{width:100%;position:absolute;top:15%;left:50%;transform:translate(-50%);font-size:18px;font-weight:500;line-height:1.2;letter-spacing:.01em;text-align:center;text-underline-position:from-font;text-decoration-skip-ink:none}.landing-page-desktop .landing-page-mobile .hero-banner-section .hero-banner-container .comic-1 .comic-text .text-1,.landing-page-desktop .landing-page-mobile .hero-banner-section .hero-banner-container .comic-2 .comic-text .text-1,.landing-page-desktop .landing-page-mobile .hero-banner-section .hero-banner-container .comic-3 .comic-text .text-1{color:#ff8343}.landing-page-desktop .landing-page-mobile .hero-banner-section .hero-banner-container .comic-1 .comic-text .text-2,.landing-page-desktop .landing-page-mobile .hero-banner-section .hero-banner-container .comic-2 .comic-text .text-2,.landing-page-desktop .landing-page-mobile .hero-banner-section .hero-banner-container .comic-3 .comic-text .text-2{color:#3d5399}.landing-page-desktop .landing-page-mobile .hero-banner-section .hero-banner-container .comic-1{top:-200px;left:-80px}.landing-page-desktop .landing-page-mobile .hero-banner-section .hero-banner-container .comic-2{bottom:-200px;left:-80px}.landing-page-desktop .landing-page-mobile .hero-banner-section .hero-banner-container .comic-2 .comic-text{transform:rotate(-9deg) translate(-50%)}.landing-page-desktop .landing-page-mobile .hero-banner-section .hero-banner-container .comic-3{top:-140px;right:-80px}.landing-page-desktop .landing-page-mobile .hero-banner-section .hero-banner-container .comic-3 .comic-text{top:39%;transform:rotate(18deg) translate(-50%)}.landing-page-desktop .landing-page-mobile .section-headline{font-size:32px;line-height:40px}.landing-page-desktop .landing-page-mobile .section-description{font-size:18px}.landing-page-desktop .landing-page-mobile .scroll-card{width:100%;margin:0 0 24px}.landing-page-desktop .landing-page-mobile .scroll-card img{height:100%;min-width:100%;object-fit:cover}.landing-page-desktop .landing-page-mobile .slideUp-section{height:100vh}.landing-page-desktop .landing-page-mobile .slideUp-section .slide-card{width:calc(100vw - 80px);padding:16px}.landing-page-desktop .landing-page-mobile .slideUp-section .slide-card .description,.landing-page-desktop .landing-page-mobile .slideUp-section .slide-card .headline,.landing-page-desktop .landing-page-mobile .slideUp-section .slide-card .subtitle{line-height:1.2}.landing-page-desktop .landing-page-mobile .slideUp-section .slide-card .headline{font-size:24px}.landing-page-desktop .landing-page-mobile .slideUp-section .slide-card .subtitle{font-size:18px}.landing-page-desktop .landing-page-mobile .slideUp-section .slide-card .description{font-size:16px}}