.loco-box-float{position:relative;@media screen and (min-width:992px){max-height:105vh;min-height:48rem;padding-bottom:3rem;padding-left:0;padding-right:0;padding-top:3rem}@media screen and (max-width:991px){max-height:unset;padding-bottom:1.5rem;padding-left:1.5rem;padding-right:1.5rem;padding-top:1.5rem}}.background_image{background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;left:0;opacity:.5;position:absolute;top:0;width:100%;.topgradient{background:linear-gradient(0deg,transparent,#1c1937);top:0}.bottgradient,.topgradient{height:33%;left:0;position:absolute;width:100%;z-index:0}.bottgradient{background:linear-gradient(180deg,transparent,#1c1937);bottom:0}}.stepholder:first-child{position:relative;z-index:3}.stepholder:first-child{.hoverbox{animation:float1 3s ease-in-out infinite;background-position:50%;background-repeat:no-repeat;background-size:cover;left:7.5%;position:absolute;top:-25%;width:35%;img.hoverbox_dummy{opacity:0}}}.stepholder:first-child{.floating_text{top:-35%}}.stepholder:nth-child(2){position:relative;transform:translateY(-42.5%);z-index:9}.stepholder:nth-child(2){.hoverbox{animation:float2 5s ease-in-out infinite;background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;right:7.5%;top:-25%;width:35%;z-index:0;img.hoverbox_dummy{opacity:0}}}.stepholder:nth-child(2){.floating_text{top:-35%}}.stepholder:nth-child(3){position:relative;transform:translateY(-85%);z-index:10}.stepholder:nth-child(3){.hoverbox{animation:float3 4s ease-in-out infinite;background-position:50%;background-repeat:no-repeat;background-size:cover;left:7.5%;position:absolute;top:-25%;width:35%;z-index:0;img.hoverbox_dummy{opacity:0}}}.stepholder:nth-child(3){.floating_text{top:-35%}}.stepholder:nth-child(4){position:relative;transform:translateY(-127.5%);z-index:20;.hiddensteps{opacity:0}}.stepholder:nth-child(4){.hoverbox{animation:float3 4s ease-in-out infinite;background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;right:7.5%;top:-25%;width:35%;z-index:0;img.hoverbox_dummy{opacity:0}}}.stepholder:nth-child(4){.floating_text{top:-35%}}.steps_container{@media screen and (max-width:991px){max-height:120vw;transform:translateY(30vw)}& .centered_steps{& .stepholder{img{height:100%;width:100%}}}}.steps_container{align-items:center;display:flex;justify-content:center;@media screen and (min-width:992px){margin-top:10rem}.centered_steps{@media screen and (min-width:992px){max-width:30rem;width:60%}@media screen and (max-width:991px){max-width:30rem;transform:translateY(10rem);width:80%}.stepholder{align-items:center;display:flex;justify-content:center;img{width:100%}}}}@keyframes float1{0%{top:-25%}25%{top:calc(-25% - 5px)}50%{top:-25%}75%{top:calc(-25% + 5px)}to{top:-25%}}@keyframes float2{0%{top:-25%}25%{top:calc(-25% - 6px)}50%{top:-25%}75%{top:calc(-25% + 6px)}to{top:-25%}}@keyframes float3{0%{top:-25%}25%{top:calc(-25% - 3px)}50%{top:-25%}75%{top:calc(-25% + 3px)}to{top:-25%}}.fade-steps-1{opacity:0;transform:translateY(5rem);transition:opacity .6s ease,transform .6s ease}.fade-steps-1.fade-in{opacity:1;transform:translateY(0)}.fade-steps-2{opacity:0;transform:translateY(10rem);transition:opacity .6s ease,transform .6s ease}.fade-steps-2.fade-in{opacity:1;transform:translateY(0)}.fade-steps-3{opacity:0;transform:translateY(12rem);transition:opacity .6s ease,transform .6s ease}.fade-steps-3.fade-in{opacity:1;transform:translateY(0)}.fade-steps-4{opacity:0;transform:translateY(12rem);transition:opacity .6s ease,transform .6s ease}.fade-steps-4.fade-in{opacity:1;transform:translateY(0)}.fade-text-1{opacity:0;transform:translateY(3rem);transition:opacity .6s ease,transform .6s ease}.fade-text-1.fade-in{opacity:1;transform:translateY(0)}.fade-text-2{opacity:0;transform:translateY(7rem);transition:opacity .8s ease,transform .8s ease}.fade-text-2.fade-in{opacity:1;transform:translateY(0)}.fade-text-3{opacity:0;transform:translateY(10rem);transition:opacity .9s ease,transform .9s ease}.fade-text-3.fade-in{opacity:1;transform:translateY(0)}.fade-text-4{opacity:0;transform:translateY(12rem);transition:opacity .9s ease,transform .9s ease}.fade-text-4.fade-in{opacity:1;transform:translateY(0)}.floating_text{background:#1c1937;position:absolute;width:25rem}.text_hold{color:#fff;padding:1rem}.right_hand_text{left:100%}.left_hand_text{right:100%}.bottom_slider{overflow:hidden;width:100%;@media screen and (min-width:992px){display:none}}.sliderboxes{background:var(--grc_purple);padding:1rem}.steps_container{@media screen and (min-width:992px) and (max-width:1364px){max-height:60vw;transform:translateY(15vw) scale(.75)}}