.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}
}
.comparator-button-component{display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;border:2px solid #186746;border-radius:4px;background-color:#edf7f3}
.comparator-button-component:hover,.comparator-button-component--select{background-color:#90c1ad}
.comparator-button-component:hover .icon-container__icon>i,.comparator-button-component--select .icon-container__icon>i,.comparator-button-component:hover .comparator-button-component__text>.cmp-text>p,.comparator-button-component--select .comparator-button-component__text>.cmp-text>p{color:#edf7f3}
.comparator-button-component__text p{font-family:'Roboto';font-weight:700;font-size:16px;line-height:24px;color:#186746;margin:0;text-align:center;max-width:150.5px}
@media(min-width:1024px){.comparator-button-component__text p{font-size:18px}
}
.comparator-button-component .icon-container{display:flex;flex-direction:row;margin-bottom:8px}
.step-content{flex:1}