.parallax-container{position:relative;width:100%;height:auto;perspective:1000px;transform-style:preserve-3d;display:flex;justify-content:center;align-items:center;cursor:pointer;-moz-user-select:none;user-select:none;-webkit-user-select:none;border-radius:var(--boxinside-border-radius);outline:var(--boxinside-border);box-sizing:border-box;@media (hover: hover){&:hover{.layer-image{transform:scale(1.05)}.Pointer{opacity:0}}}}.parallax-container .parallax-layer{position:absolute;top:0;left:0;width:100%;height:100%;will-change:transform}.parallax-container .layer-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;pointer-events:none;transform:scale(1.03);opacity:0;transition:.3s ease}.layer-0{z-index:1}.layer-1{z-index:2}.layer-2{z-index:3}.layer-3{z-index:4}.layer-4{z-index:5}.parallax-container .placeholder{width:100%;height:auto;-o-object-fit:cover;object-fit:cover}.parallax-container .label{position:absolute;top:var(--boxinside-element-margin);right:var(--boxinside-element-margin)}.parallax-container .Pointer{position:absolute;z-index:10;font-size:3rem;opacity:1;transition:.5s ease-out}.parallax-container .Pointer svg{transform:translate(10px)}.CycleDiagram-container{position:absolute;width:100%;height:100%;top:0;left:0;overflow:hidden;display:flex;justify-content:center;align-items:center;cursor:pointer;-moz-user-select:none;user-select:none;-webkit-user-select:none;@media (hover: hover){&:hover{.logo{transform:scale(1.05)}}}}.CycleDiagram{position:absolute;width:auto;height:100%;display:flex;top:0;left:0;justify-content:start;align-items:start;animation:moveLeft 60s linear infinite;animation-play-state:paused}.CycleDiagramImg{position:relative;width:auto;height:100%;-o-object-fit:cover;object-fit:cover;max-width:none;opacity:0;transition:.3s ease}.CycleDiagram-container .logo{position:absolute;width:auto;height:60%;transition:.3s ease;z-index:10}.CycleDiagram-container .label{position:absolute;top:var(--boxinside-element-margin);right:var(--boxinside-element-margin)}.gradient-balls{position:absolute;display:flex;justify-content:center;align-items:center;width:100%;height:100%;overflow:hidden;top:0;left:0;background:#111;z-index:-1}.ball{position:absolute;border-radius:50%;filter:blur(60px);opacity:.8;transition:transform .3s ease-out;will-change:transform;z-index:1}.ball-1{width:100%;height:100%;background:radial-gradient(circle at center,#46b17c,#0f4f6d);top:-50%;left:-50%}.ball-2{width:100%;height:100%;background:radial-gradient(circle at center,#458eca,#0f4f6d)}.ball-3{width:100%;height:100%;background:radial-gradient(circle at center,#95a747,#0f4f6d);bottom:-50%;right:-50%}.overlay{position:absolute;width:100%;height:100%;top:0;left:0;background:linear-gradient(to bottom,#2d3e88,#1d386b);z-index:-1}.LoopPlay-container{position:absolute;width:100%;height:100%;top:0;left:0;overflow:hidden;display:flex;flex-direction:column;justify-content:center;padding:var(--boxinside-padding) 0;align-items:start;cursor:pointer;z-index:1;-moz-user-select:none;user-select:none;-webkit-user-select:none}.LoopPlay-container .box{--duration: 80s;position:relative;width:auto;height:50%;padding:var(--boxinside-element-padding) 0;display:flex;justify-content:start;align-items:start;gap:var(--boxinside-gap);animation-play-state:paused;-webkit-animation-play-state:paused;animation:moveLeft linear infinite;animation-delay:.5s}.LoopPlay-container .secondline{animation-direction:reverse}@keyframes moveLeft{0%{transform:translate(0)}to{transform:translate(-50%)}}.LoopPlay-container .box .layer{height:100%;width:auto}.LoopPlay-container .box .layer .layer-image{width:auto;height:100%;-o-object-fit:cover;object-fit:cover;max-width:none;border-radius:var(--boxinside-element-border-radius);opacity:0;transition:all .2s ease-out;@media (hover: hover){&:hover{transform:scale(1.05)}}}.illustration-preview .boxcontainer{position:relative;width:100%;height:auto;display:flex;justify-content:start;align-items:start;gap:var(--box-gap)}.illustration-preview .oneimgbox{position:relative;width:70%;height:auto;display:flex;justify-content:center;align-items:center;border-radius:var(--boxinside-border-radius);overflow:hidden;transition:.3s ease;outline:var(--boxinside-border);box-sizing:border-box;@media (hover: hover){&:hover{transform:var(--box-transformY)}}}.illustration-preview .twoimgbox{position:relative;width:30%;height:100%;display:flex;justify-content:start;align-items:start;flex-direction:column;gap:var(--box-gap)}.illustration-preview .twoimgbox .twoimgboxinside{position:relative;width:100%;height:50%;display:flex;background-color:#ffffff1a;justify-content:center;align-items:center;border-radius:var(--boxinside-border-radius);outline:var(--boxinside-border);box-sizing:border-box;overflow:hidden;transition:.3s ease;@media (hover: hover){&:hover{transform:var(--box-transformY)}}}@media screen and (max-width: 480px){.illustration-preview .boxcontainer{flex-direction:column}.illustration-preview .oneimgbox{width:100%}.illustration-preview .twoimgbox{width:100%;height:auto}.illustration-preview .twoimgbox .twoimgboxinside{padding-bottom:70%}}