.section__how--it-works{background-color:#063537;color:#fff;padding:32px 0 114px;text-align:center}.container__how--it-works{max-width:1308px;margin-left:auto;margin-right:auto;padding-left:27px;padding-right:27px}.heading__how--it-works{font-size:36px;line-height:45px;font-family:Outfit,sans-serif;font-weight:400;letter-spacing:0;color:var(--section-text-color);margin:0 0 41px}.description__how--it-works{max-width:767px;margin:0 auto 41px;font-size:18px;line-height:40px;font-family:Outfit;font-weight:400;letter-spacing:0;color:var(--section-text-color)}.columns__how--it-works{display:flex;margin:0 auto;border:1px solid var(--section-text-color)}.column__how--it-works{flex:1;padding:0 30px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;min-height:210px}.column__how--it-works:first-child{border-right:1px solid var(--section-text-color)}.column__how--it-works .column__heading{transition:transform .3s ease;position:absolute;top:50%;transform:translateY(-50%);margin:0;font-size:18px;line-height:23px;font-family:Outfit,sans-serif;font-weight:400;letter-spacing:0;color:var(--section-text-color);text-transform:uppercase}.column__how--it-works .column__content{opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;text-align:center;margin:0 auto}.column__how--it-works .column__text{margin:0;font-size:18px;line-height:40px;font-family:Outfit;font-weight:400;letter-spacing:0;color:#063537}.column__how--it-works .column__button{display:inline-block;margin-top:20px;padding:17px 25px 16px;border:1px solid #063537;background:transparent;color:#063537;text-decoration:none;font-size:12px;line-height:15px;letter-spacing:0;font-weight:700;font-family:Outfit,sans-serif;text-transform:uppercase;transition:background-color .3s ease,color .3s ease;border-radius:6px;min-width:140px;text-align:center}.column__how--it-works .column__button:hover{background-color:#063537;color:#fff}.column__how--it-works:hover{background-color:#f8f7f4;border-color:#f8f7f4}.column__how--it-works:hover .column__heading{opacity:0;visibility:hidden}.column__how--it-works:hover .column__content{opacity:1;visibility:visible}.column__how--it-works:last-child .column__content{max-width:500px}.column__how--it-works:last-child .column__button{margin-top:14px}@media screen and (min-width: 769px){.column__how--it-works:last-child .column__text{line-height:23px}}@media screen and (max-width: 768px){.section__how--it-works{padding-top:50px}.heading__how--it-works{font-size:24px;line-height:30px;margin-bottom:10px}.description__how--it-works{font-size:14px;line-height:30px;margin-bottom:25px}.columns__how--it-works{flex-direction:column}.column__how--it-works:first-child{border-right:none;border-bottom:1px solid var(--section-text-color)}.column__how--it-works{padding:0 20px;max-height:116px;min-height:116px}.column__how--it-works .column__heading{font-size:14px;line-height:18px;font-weight:400}.column__how--it-works .column__text{font-size:14px;line-height:18px}.column__how--it-works:hover{min-height:230px}.column__how--it-works .column__content{padding:0 22px}.column__how--it-works:hover:last-child .column__button{margin-top:38px}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/how-it-works-wonderfold.css.map */