:root{--font-size-20: 20px;--font-size-22: 22px;--font-size-18: 18px;--font-size-40: 40px;--font-size-26: 26px;--font-size-24: 24px;--font-size-42: 42px;--color-blue:#2A448E;--color-black:#191919;--color-dark-blue: #2d4697;--font-weight-400: 400;--font-weight-500: 500;--font-weight-600: 600;--line-height-56: 56px;--bg-blue: #CFEBF9;--color-orange: #F57500}.tw_why_comparison .tw-why-heading{font-size:var(--font-size-42);line-height:var(--line-height-56);font-weight:600;color:var(--color-black);text-align:center;margin:0 auto 64px;max-width:469px}.tw_why_comparison .tw-steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;position:relative;margin-bottom:80px}.tw_why_comparison .tw-step{text-align:center;position:relative;padding:0 20px}.tw_why_comparison .tw-step:not(:last-child):after{content:"";position:absolute;top:60px;right:-20px;width:1px;height:100px;background:#1919191a}.tw_why_comparison .tw-step-icon{width:60px;height:60px;border-radius:999px;background:var(--bg-blue);display:flex;align-items:center;justify-content:center;margin:0 auto 10px}.tw_why_comparison .tw-step-icon img{width:48px;height:48px;object-fit:contain}.tw_why_comparison .tw-step-label{position:relative;display:inline-block;font-size:20px;font-weight:600;color:var(--color-orange);margin-bottom:18px;padding-bottom:12px}.tw_why_comparison .tw-step-label:after{content:"";position:absolute;left:50%;transform:translate(-50%);bottom:0;width:80%;height:1px;background:#d9d9d9}.tw_why_comparison .tw-step-title{font-size:var(--font-size-20);line-height:28px;font-weight:var(--font-weight-600);color:var(--color-black);margin-bottom:1rem;letter-spacing:0%}.tw_why_comparison .tw-step-desc{font-size:var(--font-size-18);line-height:24px;color:var(--color-black);max-width:280px;margin:0 auto;letter-spacing:0%}.tw_why_comparison .tw-comparison-wrap{display:flex;justify-content:center;gap:40px;align-items:center;flex-wrap:wrap}.tw_why_comparison .tw-card{width:100%;max-width:360px;border-radius:16px;padding:32px 28px 52px;position:relative;box-shadow:0 10px 30px #00000014}.tw_why_comparison .tw-card--left{background:var(--bg-blue);transform:rotate(-4deg)}.tw_why_comparison .tw-card--right{background:var(--color-blue);color:#fff;transform:rotate(4deg);max-width:430px}.tw_why_comparison .tw-card-eyebrow{font-size:var(--font-size-18);margin-bottom:10px;font-weight:var(--font-weight-500);line-height:100%}.tw_why_comparison .tw-card-title{font-size:var(--font-size-22);line-height:100%;font-weight:var(--font-weight-600);margin-bottom:28px}.tw_why_comparison .tw-card-list{list-style:none;padding:0;margin:0}.tw_why_comparison .tw-card-list li{display:flex;gap:14px;align-items:flex-start;padding:18px 0;border-top:1px solid rgba(255,255,255,.12);font-size:18px;line-height:100%}.tw_why_comparison .tw-card--left .tw-card-list li{border-color:#19191914}.tw_why_comparison .tw-card-badge{position:absolute;bottom:-18px;left:50%;transform:translate(-50%);width:44px;height:44px;border-radius:999px;display:flex;align-items:center;justify-content:center;border:3px solid white}.tw_why_comparison .tw-card--left .tw-card-badge{background:red;color:#fff}.tw_why_comparison .tw-card--right .tw-card-badge{background:green;color:#fff}.tw_why_comparison .tw-step-highlight{margin-top:14px;display:inline-block;background:var(--bg-blue);border-radius:50px;padding:10px 14px;font-size:18px;line-height:100%;color:var(--color-blue);max-width:294px}@media(max-width:767px){.tw_why_comparison .tw-steps-grid{grid-template-columns:1fr}.tw_why_comparison .tw-why-heading{font-size:var(--font-size-26);line-height:26px;margin-bottom:32px;width:291px}.tw_why_comparison .tw-step-title{font-size:var(--font-size-18);line-height:36px;margin-bottom:0}.tw_why_comparison .tw-step-desc{font-size:var(--font-size-16)}.tw_why_comparison .tw-steps-grid{gap:25px}.tw_why_comparison .tw-card-title{font-size:var(--font-size-18);line-height:38px;margin-bottom:1rem}.tw_why_comparison .tw-step-label{margin-bottom:10px}.tw_why_comparison .tw-card{width:308px}.tw_why_comparison .tw-card-eyebrow,.tw_why_comparison .tw-card--left .tw-card-list li,.tw_why_comparison .tw-card-list li{font-size:var(--font-size-16)}.tw_why_comparison .tw-step{opacity:.2;transition:opacity .4s ease}.tw_why_comparison .tw-step.is-visible{opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/243/assets/tw-comparison.css.map */