.mixin-title-h1{font-family:'Roboto';font-weight:500;font-style:normal;font-size:42px;line-height:54px;letter-spacing:-1px}
@media(min-width:1024px){.mixin-title-h1{font-size:62px;line-height:76px;letter-spacing:-2px}
}
.mixin-title-h2{font-family:'Roboto';font-weight:500;font-style:normal;font-size:36px;line-height:48px}
@media(min-width:1024px){.mixin-title-h2{font-size:42px;line-height:54px}
}
.mixin-title-h3{font-family:'Roboto';font-weight:500;font-style:normal;font-size:20px;line-height:36px}
@media(min-width:1024px){.mixin-title-h3{line-height:28px}
}
.mixin-title-h4{font-family:'Roboto';font-style:normal;font-weight:500;font-size:16px;line-height:22px}
@media(min-width:1024px){.mixin-title-h4{font-size:18px;line-height:24px}
}
.mixin-paragraph{font-family:'Roboto';font-weight:normal;font-style:normal;font-size:16px;line-height:32px}
@media(min-width:1024px){.mixin-paragraph{font-size:16px;line-height:24px}
}
.mixin-paragraph-bold{font-family:'Roboto';font-weight:normal;font-style:normal;font-size:16px;line-height:32px;font-weight:bold}
@media(min-width:1024px){.mixin-paragraph-bold{font-size:16px;line-height:24px}
}
.mixin-text-small{font-family:'Roboto';font-weight:normal;font-style:normal;font-size:14px;line-height:24px}
.mixin-text-medium{font-family:'Roboto';font-weight:normal;font-style:normal;font-size:21px;line-height:30px}
.mixin-text-caption{font-family:'Roboto';font-weight:normal;font-style:normal;font-size:12px;line-height:16px}
.mixin-text-button{font-family:'Roboto';font-weight:bold;font-style:normal;font-size:16px;line-height:24px}
.mixin-text-subtitle{font-family:'Roboto';font-style:normal;font-weight:500;font-size:18px;line-height:28px}
@media(min-width:1024px){.mixin-text-subtitle{font-size:20px}
}
.mixin-full-width{margin-left:-50vw;left:50%;position:relative;width:100vw}
.mixin-contanizr{max-width:1440px;padding:0 20px;float:none !important;margin:0 auto}
@media(min-width:1024px){.mixin-contanizr{padding:0 60px}
}
@media(min-width:1440px){.mixin-contanizr{padding:0 150px}
}
.step-component{margin-bottom:81px}
.step-component__content{display:grid;gap:16px}
.step-component__content--six{grid-template-columns:repeat(2,1fr)}
.step-component__content--six .comparator-button-component{height:106px}
.step-component__content--five{grid-template-columns:repeat(3,1fr)}
.step-component__content--five .comparator-button-component{height:128px}
.step-component__content--five .comparator-button-component__text p{width:100px}
.step-component__content--four{grid-template-columns:repeat(2,1fr)}
.step-component__content--four .comparator-button-component{height:121px}
.step-component .container-bar{margin-top:24px}
.step-component .container-bar .back-page-step-bar-container{display:flex;justify-content:space-between;margin-top:8px;color:#186746}
.step-component .container-bar .back-page-step-bar-container .back-page{display:flex;color:#186746;text-decoration:none}
.step-component .container-bar .back-page-step-bar-container .back-page--hidden{display:none}
.step-component .container-bar .back-page-step-bar-container .back-page:only-child .back-page__text{display:block}
.step-component .container-bar .back-page-step-bar-container .back-page:only-child .back-page__text--mobile{display:none}
.step-component .container-bar .back-page-step-bar-container .back-page__text{display:block}
.step-component .container-bar .back-page-step-bar-container .back-page__text p{margin:0}
.step-component .container-bar .back-page-step-bar-container .back-page i{display:inline-flex;align-items:center;justify-content:center}
.step-component .container-bar .back-page-step-bar-container .text-bar--right{margin-left:auto}
.step-component .container-bar .progress-bar{margin-top:16px;width:100%;height:8px;background-color:#edf7f3;border-radius:4px}
.step-component .container-bar .progress-bar .dinamic-progress{height:8px;border-radius:4px;background-color:#186746}
.step-component-items.step-container-main>div:first-child{margin-top:16px}
.step-component-items.step-container-secondary>div:first-child{margin-top:16px}
.step-component-items>.cmp-container>div:first-child{margin-top:0}
.step-component-items>.cmp-container>div:not(:last-child){margin-bottom:32px}
.step-component__text p{font-size:24px;line-height:28px;font-weight:500}
.step-component--hidden{display:none}
@media(min-width:1024px){.step-component__content--six{grid-template-columns:repeat(4,1fr)}
.step-component__content--six .comparator-button-component{height:128px}
.step-component__content--four .comparator-button-component{height:128px}
.step-component .container-bar .back-page-step-bar-container.back-page:only-child{margin-top:8px}
.step-component-items.step-container-main>div:first-child{margin-top:24px}
.step-component-items.step-container-secondary>div:first-child{margin-top:12px}
}