.feature-howto-wrapper[data-v-b6be2de3]{margin:100px auto;max-inline-size:var(--front-page-width);padding-inline:var(--front-page-padding-inline);position:relative}.feature-howto-wrapper .desktop-only[data-v-b6be2de3]{display:block}.feature-howto-wrapper .mobile-only[data-v-b6be2de3]{display:none}@media screen and (max-width:959px){.feature-howto-wrapper[data-v-b6be2de3]{margin:40px auto}.feature-howto-wrapper .desktop-only[data-v-b6be2de3]{display:none}.feature-howto-wrapper .mobile-only[data-v-b6be2de3]{display:block}}.feature-howto-wrapper .feature-howto-content .points[data-v-b6be2de3]{-moz-column-gap:40px;column-gap:40px;display:flex;flex:1;flex-wrap:wrap;justify-content:center;margin-top:40px;row-gap:40px}@media screen and (max-width:767px){.feature-howto-wrapper .feature-howto-content .points[data-v-b6be2de3]{row-gap:20px}}.feature-howto-wrapper .feature-howto-content .points h2[data-v-b6be2de3]{font-size:40px;line-height:52px}@media screen and (max-width:767px){.feature-howto-wrapper .feature-howto-content .points h2[data-v-b6be2de3]{font-size:22px;line-height:30px}}.feature-howto-wrapper .feature-howto-content .points .point[data-v-b6be2de3]{border:1px solid #d9f2e3;border-radius:20px;box-shadow:-10px 10px 40px #0eaf4b08;flex:0 1 calc(33.33333% - 30px);padding:40px;width:calc(33.33333% - 30px)}@media screen and (max-width:959px){.feature-howto-wrapper .feature-howto-content .points .point[data-v-b6be2de3]{flex:0 1 calc(50% - 20px);width:calc(50% - 20px)}}@media screen and (max-width:767px){.feature-howto-wrapper .feature-howto-content .points .point[data-v-b6be2de3]{flex:0 1 100%;padding:20px;width:100%}}.feature-howto-wrapper .feature-howto-content .points .point .title[data-v-b6be2de3]{align-items:center;-moz-column-gap:16px;column-gap:16px;display:flex}.feature-howto-wrapper .feature-howto-content .points .point .title .v-icon[data-v-b6be2de3]{color:#038d38}.feature-howto-wrapper .feature-howto-content .points .point .title h3[data-v-b6be2de3]{color:#1d1f20;font-size:20px;font-weight:700;line-height:26px}@media screen and (max-width:767px){.feature-howto-wrapper .feature-howto-content .points .point .title h3[data-v-b6be2de3]{font-size:16px;line-height:22px}}.feature-howto-wrapper .feature-howto-content .points .point p[data-v-b6be2de3]{color:#6c757d;font-size:16px;font-weight:400;line-height:24px;margin:20px 0 0}@media screen and (max-width:767px){.feature-howto-wrapper .feature-howto-content .points .point p[data-v-b6be2de3]{font-size:14px;line-height:24px;margin:10px 0 0}}.feature-howto-wrapper .button[data-v-b6be2de3]{margin-top:40px;text-align:center}@media screen and (max-width:767px){.feature-howto-wrapper .button[data-v-b6be2de3]{margin-top:20px}}.feature-howto-wrapper .subtitle[data-v-b6be2de3]{color:#6c757d;font-size:16px;font-weight:500;margin:10px auto 0;max-width:800px;text-align:center}.feature-howto-wrapper .tab-controls[data-v-b6be2de3]{-moz-column-gap:3px;column-gap:3px;display:flex;flex-wrap:wrap;justify-content:center;justify-content:space-evenly;margin:40px -10px 0;position:relative}.feature-howto-wrapper .tab-controls[data-v-b6be2de3]:before{background:linear-gradient(-90deg,#fff0,#fff);bottom:0;content:"";left:0;pointer-events:none;position:absolute;top:0;width:80px;z-index:100}.feature-howto-wrapper .tab-controls[data-v-b6be2de3]:after{background:linear-gradient(90deg,#fff0,#fff);bottom:0;content:"";pointer-events:none;position:absolute;right:0;top:0;width:80px;z-index:100}.feature-howto-wrapper .tab-controls .slider-wrapper[data-v-b6be2de3]{margin-bottom:20px;overflow-x:auto;overflow-y:hidden;position:relative;scrollbar-width:none;-ms-overflow-style:none}.feature-howto-wrapper .tab-controls .slider-wrapper[data-v-b6be2de3]::-webkit-scrollbar{display:none}.feature-howto-wrapper .tab-controls .slider-wrapper .slider-inner[data-v-b6be2de3]{-moz-column-gap:3px;column-gap:3px;display:flex;flex-wrap:nowrap}.feature-howto-wrapper .tab-controls .tab[data-v-b6be2de3]{align-items:center;border-radius:10px;color:rgb(var(--v-front-text-dark));cursor:pointer;display:flex;flex-direction:column;font-size:14px;font-weight:600;justify-content:center;line-height:20px;max-width:145px;min-width:115px;padding:10px;row-gap:3px;text-align:center}.feature-howto-wrapper .tab-controls .tab[data-v-b6be2de3]:hover{background:#f8f9fa}.feature-howto-wrapper .tab-controls .tab.active[data-v-b6be2de3]{background-color:#ecf8f1;color:rgb(var(--v-front-green-dark))}.feature-howto-wrapper .tab[data-v-b6be2de3]{align-items:center;border-radius:20px;color:rgb(var(--v-front-text-dark));cursor:pointer;display:flex;flex-direction:column;font-size:16px;font-weight:600;height:80px;justify-content:center;line-height:22px;min-width:135px;padding:10px;position:relative;row-gap:10px;text-align:center}@media screen and (max-width:767px){.feature-howto-wrapper .tab[data-v-b6be2de3]{border-radius:10px;font-size:14px;line-height:20px;min-width:115px;row-gap:3px}.feature-howto-wrapper .tab .v-icon[data-v-b6be2de3],.feature-howto-wrapper .tab .v-icon svg[data-v-b6be2de3]{height:22px!important;width:22px!important}}.feature-howto-wrapper .tab[data-v-b6be2de3]:hover{background:#f8f9fa}.feature-howto-wrapper .tab.active[data-v-b6be2de3]{background-color:#ecf8f1;color:rgb(var(--v-front-green-dark))}.feature-howto-wrapper .tab-content[data-v-b6be2de3]{align-items:left;border:1px solid var(--Green-20,#d9f2e3);border-radius:16px;display:flex;flex-direction:column;gap:10px;padding:20px}.feature-howto-wrapper .tab-content p[data-v-b6be2de3]{color:#6c757d;font-size:14px;font-weight:500;line-height:24px}.feature-howto-wrapper .tab-content .title-mobile[data-v-b6be2de3]{align-items:center;display:flex;gap:10px}.feature-howto-wrapper .tab-content .title-mobile .item-icon[data-v-b6be2de3]{color:#038d38}.feature-howto-wrapper .tab-content .title-mobile h3[data-v-b6be2de3]{font-size:16px;font-weight:600;line-height:22px}.feature-howto-wrapper .controls-mobile[data-v-b6be2de3]{border-radius:100px;display:flex;gap:20px;justify-content:center;margin-top:20px}.feature-howto-wrapper .controls-mobile .control[data-v-b6be2de3]{align-items:center;background:#ecf8f1;border-radius:100px;cursor:pointer;display:flex;height:32px;justify-content:center;width:32px}.feature-howto-wrapper .controls-mobile .control .tab-icon[data-v-b6be2de3]{color:#000}
