.steps-component{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(0 7 61/var(--tw-bg-opacity,1));color:rgb(255 255 255/var(--tw-text-opacity,1));display:flex;overflow:hidden;padding-bottom:5rem;padding-top:5rem}@media (min-width:768px){.steps-component{padding-bottom:6rem;padding-top:6rem}}.steps-component .component-inner{margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}@media (min-width:576px){.steps-component .component-inner{max-width:576px}}@media (min-width:768px){.steps-component .component-inner{max-width:768px}}@media (min-width:992px){.steps-component .component-inner{max-width:992px}}@media (min-width:1200px){.steps-component .component-inner{max-width:1200px}}@media (min-width:1400px){.steps-component .component-inner{max-width:1400px}}.steps-component .component-inner{align-items:center;display:flex;flex-direction:column;gap:3rem;width:100%}.steps-component .component-inner .component-title{--tw-text-opacity:1;color:rgb(178 166 114/var(--tw-text-opacity,1));text-align:left;width:100%}@media not all and (min-width:768px){.steps-component .component-inner .component-title{font-size:32px;max-width:24rem}}@media (min-width:768px){.steps-component .component-inner .component-title{text-align:center}}.steps-component .component-inner .component-steps{-moz-column-gap:3rem;column-gap:3rem;display:flex;flex-direction:column;row-gap:5rem}@media (min-width:768px){.steps-component .component-inner .component-steps{flex-direction:row}}.steps-component .component-inner .component-steps .single-step{align-items:center;display:flex;flex:1 1 0%;flex-direction:row;gap:2rem}@media (min-width:768px){.steps-component .component-inner .component-steps .single-step{flex-direction:column;gap:3rem}}.steps-component .component-inner .component-steps .single-step .step-top{align-items:center;display:none;height:-moz-fit-content;height:fit-content;justify-content:center;position:relative;width:100%}@media (min-width:768px){.steps-component .component-inner .component-steps .single-step .step-top{display:flex}}.steps-component .component-inner .component-steps .single-step .step-top .step-index{--tw-border-opacity:1;--tw-bg-opacity:1;align-items:center;background-color:rgb(0 7 61/var(--tw-bg-opacity,1));border-color:rgb(255 255 255/var(--tw-border-opacity,1));border-radius:10px;border-width:1px;display:flex;font-family:var(--font-header),sans-serif;font-size:1.25rem;height:3rem;justify-content:center;line-height:1.75rem;line-height:1;padding:.125rem;position:relative;width:3rem;z-index:10}.steps-component .component-inner .component-steps .single-step .step-content{align-items:flex-start;display:flex;flex:1 1 0%;flex-direction:column;gap:2rem;width:100%}@media not all and (min-width:768px){.steps-component .component-inner .component-steps .single-step .step-content{max-width:24rem}}@media (min-width:768px){.steps-component .component-inner .component-steps .single-step .step-content{align-items:center}}.steps-component .component-inner .component-steps .single-step .step-content .step-title{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));font-size:26px;text-align:left}@media (min-width:768px){.steps-component .component-inner .component-steps .single-step .step-content .step-title{color:var(--header-size-h4);text-align:center}}@media (min-width:992px){.steps-component .component-inner .component-steps .single-step .step-content .step-title .step-title-index{display:none}}.steps-component .component-inner .component-steps .single-step .step-content .step-image{aspect-ratio:4/3;border-radius:.75rem;display:flex;overflow:hidden;position:relative;width:100%}.steps-component .component-inner .component-steps .single-step .step-content .step-image img{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;position:absolute;transition:all .2s;width:100%}.steps-component .component-inner .component-steps .single-step .step-content .step-text{font-size:1rem;line-height:1.5rem}@media (max-width:767px){.steps-component .component-inner .component-steps .single-step:not(:last-child) .step-top:before{--tw-translate-x:-50%;--tw-translate-y:5rem;--tw-bg-opacity:1;bottom:0;height:calc(50% + 70px)}.steps-component .component-inner .component-steps .single-step:not(:first-child) .step-top:after,.steps-component .component-inner .component-steps .single-step:not(:last-child) .step-top:before{background-color:rgb(255 255 255/var(--tw-bg-opacity,1));content:"";display:flex;left:50%;position:absolute;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));width:1px}.steps-component .component-inner .component-steps .single-step:not(:first-child) .step-top:after{--tw-translate-x:-50%;--tw-bg-opacity:1;height:calc(50% - 10px);top:0}}@media (min-width:768px){.steps-component .component-inner .component-steps .single-step:not(:last-child) .step-top:before{--tw-translate-y:-50%;--tw-translate-x:1.5rem;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));content:"";display:flex;height:1.5px;left:50%;position:absolute;top:50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));width:100%}}