.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-proposal-component{position:relative}
.comparator-proposal-component__product{margin:32px 0 32px 0;padding:24px;background:#edf7f3;border-radius:8px}
@media(min-width:1024px){.comparator-proposal-component__product{margin:48px 0 48px 0}
}
.comparator-proposal-component__product p,.comparator-proposal-component__text p{font-family:'Roboto';font-style:normal;font-weight:500;font-size:20px;line-height:28px;color:#186746;margin:0}
.comparator-proposal-component .modal{position:absolute;width:100%;height:unset;padding:24px;border-radius:8px;transform:none;left:0;top:0}
.comparator-proposal-component .modal__head{display:flex;justify-content:space-between;flex-direction:row}
.comparator-proposal-component .modal__head-icon i{color:#fd543d}
.comparator-proposal-component .modal__head-close i{cursor:pointer;font-size:25px;color:#186746}
.comparator-proposal-component .modal__content{overflow:hidden;padding:0;margin-top:24px}
.comparator-proposal-component .modal__content-msg{font:'Roboto';font-weight:normal;font-size:24px;line-height:32px}
.comparator-proposal-component .modal-green-veil{visibility:hidden;background:#143326;min-height:100%;left:0;position:fixed;top:0;z-index:25;width:100%;opacity:.4}
.comparator-proposal-component .modal-green-veil.open{visibility:visible;transition:all .3s ease-in}