.page-template-solution-default{background-color:var(--color-black);color:var(--color-white);overflow-x:hidden}.page-template-solution-default .section-hero{--hero-height:calc(100vh - 50px);color:var(--color-white);display:flex;justify-content:center;min-height:450px;padding:0 20px}@media(min-width:992px){.page-template-solution-default .section-hero{--hero-height:calc(100vh - 260px)}}.page-template-solution-default .section-hero .background-images{align-items:center;display:flex;height:var(--hero-height);justify-content:end;min-height:450px;overflow:hidden;position:absolute;width:100%}.page-template-solution-default .section-hero .background-images .desktop-bg,.page-template-solution-default .section-hero .background-images .mobile-bg{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%}.page-template-solution-default .section-hero .background-images .mobile-bg,.page-template-solution-default .section-hero .background-images .mobile-bg-overlay{display:block}@media(min-width:992px){.page-template-solution-default .section-hero .background-images .mobile-bg,.page-template-solution-default .section-hero .background-images .mobile-bg-overlay{display:none}}.page-template-solution-default .section-hero .background-images .desktop-bg,.page-template-solution-default .section-hero .background-images .desktop-bg-before-overlay,.page-template-solution-default .section-hero .background-images .desktop-bg-overlay,.page-template-solution-default .section-hero .background-images .play-icon{display:none}@media(min-width:992px){.page-template-solution-default .section-hero .background-images .desktop-bg,.page-template-solution-default .section-hero .background-images .desktop-bg-before-overlay,.page-template-solution-default .section-hero .background-images .desktop-bg-overlay,.page-template-solution-default .section-hero .background-images .play-icon{display:block}}.page-template-solution-default .section-hero .background-images .desktop-bg-before-overlay{bottom:0;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:right;object-position:right;position:absolute;right:0;width:50%}.page-template-solution-default .section-hero .background-images .desktop-bg-before-overlay.rotate-1{animation-duration:3s;animation-iteration-count:infinite;animation-name:rotate-center}.page-template-solution-default .section-hero .background-images .desktop-bg-overlay{animation-duration:2s;animation-iteration-count:1;animation-name:fadeInOpacity;animation-timing-function:ease-in;max-height:calc(var(--hero-height) - 50px);-o-object-fit:scale-down;object-fit:scale-down;position:absolute;width:50%}.page-template-solution-default .section-hero .background-images .play-icon{animation-duration:2s;animation-iteration-count:1;animation-name:fadeInOpacity;animation-timing-function:ease-in;position:relative;right:25%;z-index:20}.page-template-solution-default .section-hero .background-images .play-icon:after{backdrop-filter:blur(3px);background:url(https://hakkoda.io/wp-content/uploads/2024/10/play-icon-black.svg);background-color:hsla(0,0%,100%,.5);background-size:cover;border-radius:100%;content:"";height:95px;left:50%;padding:20px 25px;position:absolute;top:50%;transform:translate(-50%,-50%);width:95px}.page-template-solution-default .section-hero .content{display:flex;flex-direction:column;justify-content:center;max-width:1240px;min-height:var(--hero-height);position:relative;width:100%;z-index:15}@media(max-width:992px){.page-template-solution-default .section-hero .content{padding-top:80px}}.page-template-solution-default .section-hero .page-subtitle,.page-template-solution-default .section-hero .page-title{color:var(--color-white);margin-bottom:15px;max-width:550px}.page-template-solution-default .section-hero .page-title{font-size:40px;font-style:normal;font-weight:500;line-height:48px}@media(min-width:992px){.page-template-solution-default .section-hero .page-title{font-size:48px;line-height:64px}}.page-template-solution-default .section-hero .page-subtitle{font-size:16px;font-style:normal;font-weight:400;line-height:25px}@media(min-width:992px){.page-template-solution-default .section-hero .page-subtitle{font-size:20px}}.page-template-solution-default .section-hero .mobile-image{display:flex;justify-content:center;padding:40px 10px;position:relative}@media(min-width:992px){.page-template-solution-default .section-hero .mobile-image{display:none}}.page-template-solution-default .section-hero .mobile-image.play-video:after{backdrop-filter:blur(3px);background:url(https://hakkoda.io/wp-content/uploads/2024/10/play-icon-black.svg);background-color:hsla(0,0%,100%,.5);background-size:cover;border-radius:100%;content:"";height:95px;left:50%;padding:20px 25px;position:absolute;top:50%;transform:translate(-50%,-50%);width:95px}.page-template-solution-default .section-notice{box-shadow:0 4px 4px 0 rgba(0,0,0,.25);display:flex;justify-content:center;padding:60px 20px 35px}@media(min-width:992px){.page-template-solution-default .section-notice{padding:60px 20px 35px}}.page-template-solution-default .section-notice-container{display:flex;flex-direction:column;gap:47px;justify-content:center;max-width:1240px}@media(min-width:992px){.page-template-solution-default .section-notice-container{flex-direction:row}}.page-template-solution-default .section-notice--logo{display:flex;max-height:150px;-o-object-fit:contain;object-fit:contain}.page-template-solution-default .section-notice--logo-container{display:flex}.page-template-solution-default .section-notice--caption{color:var(--color-white);font-size:20px;font-style:normal;font-weight:500;line-height:32px;margin:0 auto;max-width:992px;text-shadow:0 4px 4px rgba(0,0,0,.25)}.page-template-solution-default .section-notice--button{align-items:center;display:flex}.page-template-solution-default .section-notice--button a{display:flex}.page-template-solution-default .section-features{color:var(--color-white);padding-bottom:40px;padding-top:140px}.page-template-solution-default .section-features .section-title{color:var(--color-white);font-size:28px;font-style:normal;font-weight:500;line-height:36px;margin-left:auto;margin-right:auto;max-width:785px;text-align:center}@media(min-width:992px){.page-template-solution-default .section-features .section-title{font-size:46px;line-height:46px}}.page-template-solution-default .section-features .features{margin-top:100px}.page-template-solution-default .section-features .features-container{display:flex;flex-direction:column}.page-template-solution-default .section-features .features .feature-container{align-items:flex-start;align-items:center;display:flex;flex-direction:column;gap:2.5%;justify-content:center;padding:20px}@media(min-width:992px){.page-template-solution-default .section-features .features .feature-container{flex-direction:row;padding:20px 40px}}.page-template-solution-default .section-features .features .feature-item .feature-path{display:flex;flex-direction:column;justify-content:center}.page-template-solution-default .section-features .features .feature-item .feature-path svg{height:162px;margin:0 auto;width:298px}@media(min-width:992px){.page-template-solution-default .section-features .features .feature-item .feature-path svg{height:187px;width:547px}}.page-template-solution-default .section-features .features .feature-item .feature-path img{height:auto;width:298px}@media(min-width:992px){.page-template-solution-default .section-features .features .feature-item .feature-path img{height:auto;width:700px}}.page-template-solution-default .section-features .features .feature-item .feature-path .lit-line{aspect-ratio:1/.8660254038;background:#fff;box-shadow:0 0 5px 2px #fff;clip-path:polygon(50% -50%,100% 50%,50% 150%,0 50%);display:block;height:3px;margin:0 auto;opacity:0;position:relative;top:85px;width:140px}@media(min-width:992px){.page-template-solution-default .section-features .features .feature-item .feature-path .lit-line{top:100px}}.page-template-solution-default .section-features .features .feature-item .feature-path .lit-line.rigth{left:70px}@media(min-width:992px){.page-template-solution-default .section-features .features .feature-item .feature-path .lit-line.rigth{left:180px}}.page-template-solution-default .section-features .features .feature-item .feature-path .lit-line.left{left:-70px}@media(min-width:992px){.page-template-solution-default .section-features .features .feature-item .feature-path .lit-line.left{left:-150px}}.page-template-solution-default .section-features .features .feature-item .feature-path .lit-line.rigth-left-animation{animation-delay:0s;animation-duration:.5s;animation-name:lit-rigth-left;animation-timing-function:linear}.page-template-solution-default .section-features .features .feature-item .feature-path .lit-line.left-rigth-animation{animation-delay:.3s;animation-duration:.5s;animation-name:lit-left-rigth;animation-timing-function:linear}.page-template-solution-default .section-features .features .feature-item .outcomes-path{display:flex}.page-template-solution-default .section-features .features .feature-item .outcomes-path.left svg{transform:scaleX(-1)!important}.page-template-solution-default .section-features .features .feature-item .outcomes-path.rigth svg{transform:scaleX(1)!important}.page-template-solution-default .section-features .features .feature-item.active{display:block}@media(min-width:992px){.page-template-solution-default .section-features .features .feature-item:nth-child(2n) .feature-container{flex-direction:row-reverse}}.page-template-solution-default .section-features .features .feature-item:nth-child(odd) .feature-path svg{transform:scaleX(-1)}.page-template-solution-default .section-features .features .feature-item .col-image{max-width:580px;width:100%}@media(min-width:992px){.page-template-solution-default .section-features .features .feature-item .col-image{width:50%}}.page-template-solution-default .section-features .features .feature-item .col-content{max-width:470px;padding-top:10px;width:100%}@media(min-width:992px){.page-template-solution-default .section-features .features .feature-item .col-content{width:50%}}.page-template-solution-default .section-features .features .feature-item .col-content .text-content{color:var(--color-white)}.page-template-solution-default .section-features .features .feature-title{color:var(--Primary-Palette-Blue-3,#00d5ff);font-size:40px;font-style:normal;font-weight:500;line-height:50px;margin-bottom:25px}.page-template-solution-default .section-features .features .feature-description{font-size:16px;font-style:normal;font-weight:400;letter-spacing:.32px;line-height:24px}.page-template-solution-default .section-outcomes{color:var(--color-white);padding-bottom:40px;padding-top:20px}.page-template-solution-default .section-outcomes .section-title{color:var(--color-white);font-size:28px;font-style:normal;font-weight:500;line-height:36px;margin-left:auto;margin-right:auto;max-width:785px;text-align:center}@media(min-width:992px){.page-template-solution-default .section-outcomes .section-title{font-size:46px;line-height:46px}}.page-template-solution-default .section-outcomes .outcomes{margin-top:72px}.page-template-solution-default .section-outcomes .outcomes-container{display:flex;flex-wrap:wrap;gap:40px;justify-content:center;margin:0 auto;max-width:1024px;padding:20px}.page-template-solution-default .section-outcomes .outcomes .outcome-container{align-items:flex-start;align-items:center;display:flex;flex-direction:column;gap:2.5%;justify-content:center;padding:20px}@media(min-width:992px){.page-template-solution-default .section-outcomes .outcomes .outcome-container{flex-direction:row;padding:20px 40px}}.page-template-solution-default .section-outcomes .outcomes .outcome-item{align-items:flex-start;border:1px solid var(--Primary-Palette-Expanded-Grey-6,#555357);border-radius:8px;display:flex;flex-direction:column;flex-shrink:0;gap:24px;max-width:470px;min-height:420px;padding:24px;width:100%}.page-template-solution-default .section-outcomes .outcomes .outcome-title{color:#fff;font-size:24px;font-style:normal;font-weight:500;line-height:32px;margin:40px 0}.page-template-solution-default .section-outcomes .outcomes .outcome-description{color:var(--Primary-Palette-Expanded-Grey-4,#b2aeb3);font-size:16px;font-style:normal;font-weight:400;letter-spacing:.32px;line-height:24px}.page-template-solution-default .section-stories{padding:60px 20px 40px}@media(min-width:992px){.page-template-solution-default .section-stories{padding:60px 40px 40px}}.page-template-solution-default .section-stories-bg{display:flex;justify-content:center}.page-template-solution-default .section-stories-container{margin:0 auto;max-width:1300px}.page-template-solution-default .section-stories .customer-stories--title{font-size:28px;font-style:normal;font-weight:500;line-height:36px}@media(min-width:992px){.page-template-solution-default .section-stories .customer-stories--title{font-size:46px;line-height:46px}}.page-template-solution-default .section-logos{padding-bottom:90px;padding-top:68px}.page-template-solution-default .section-logos .section-title{color:var(--color-white);font-size:28px;font-style:normal;font-weight:500;line-height:36px;margin-left:auto;margin-right:auto;max-width:635px;text-align:center}@media(min-width:992px){.page-template-solution-default .section-logos .section-title{font-size:46px;line-height:46px}}.page-template-solution-default .section-logos .logos{align-items:center;display:flex;flex-wrap:wrap;gap:35px;justify-content:center;margin-left:auto;margin-right:auto;margin-top:65px}.page-template-solution-default .section-logos .logos .logo{align-items:center;display:inline-flex;justify-content:center}.page-template-solution-default .section-logos .logos .logo img{display:block;max-height:50px;-o-object-fit:contain;object-fit:contain;width:auto}@media(max-width:768px){.page-template-solution-default .section-logos{padding:60px 0}.page-template-solution-default .section-logos .logos{max-width:720px}.page-template-solution-default .section-logos .logos .logo img{max-height:40px}.page-template-solution-default .section-logos .logos{margin-top:36px}.page-template-solution-default .section-logos .logos .logo img{max-height:36px}}.page-template-solution-default .section-partners{padding:160px 20px}.page-template-solution-default .section-partners .section-title{color:var(--color-white);font-size:28px;font-style:normal;font-weight:500;line-height:36px;margin-left:auto;margin-right:auto;max-width:850px;text-align:center}@media(min-width:992px){.page-template-solution-default .section-partners .section-title{font-size:46px;line-height:46px}}.page-template-solution-default .section-partners .logos{align-items:center;display:flex;flex-wrap:wrap;gap:24px;justify-content:center;margin-top:60px}.page-template-solution-default .section-partners .logos .logo{align-items:center;display:flex;justify-content:center}.page-template-solution-default .section-partners .logos .logo img{max-height:180px;-o-object-fit:contain;object-fit:contain;width:auto}@media(max-width:991px){.page-template-solution-default .section-partners{padding:60px 0}.page-template-solution-default .section-partners .section-title{max-width:100%}.page-template-solution-default .section-partners .section-title br{display:none}.page-template-solution-default .section-partners .logos{margin-left:auto;margin-right:auto;max-width:480px}.page-template-solution-default .section-partners .logos .logo{max-width:50%;width:calc(50% - 24px)}}.page-template-solution-default .section-blog{background-color:var(--color-black);padding-top:60px;position:relative;z-index:15}@keyframes rotate-center{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes fadeInOpacity{0%{opacity:0}to{opacity:1}}@keyframes lit-rigth-left{0%{opacity:1}to{opacity:0;transform:translateX(-180px)}}@media(min-width:992px){@keyframes lit-rigth-left{0%{opacity:1}to{transform:translateX(-400px)}}}@keyframes lit-left-rigth{0%{opacity:1}to{opacity:0;transform:translateX(180px)}}@media(min-width:992px){@keyframes lit-left-rigth{0%{opacity:1}to{opacity:0;transform:translateX(400px)}}}