body{background:#ececec;width:100vw;height:100vh;margin:0;overflow-x:hidden!important}body,main{-webkit-hyphens:none;hyphens:none}.container,.container-fluid{padding-block:48px;padding-inline:0}.container .row,.container-fluid .row{width:100%;margin:0 auto;padding-inline:0}main{flex-direction:column;width:100%;height:100vh;padding:72px;display:flex;position:relative}.textContainer{max-width:none;padding-top:0}.textContainer .col-12{background:#f5f5f5;border-radius:16px;padding:24px;box-shadow:0 0 16px #00000040}.textContainer h1{color:#000;margin-bottom:12px;font-family:Inter,sans-serif;font-size:36px;font-style:normal;font-weight:800;line-height:normal}.textContainer p{color:#1a1a1a;margin-bottom:0;font-family:Inter,sans-serif;font-size:20px;font-style:normal;font-weight:300;line-height:28px}.taxContainer{flex-grow:1;padding-block:0;display:flex}.paddingDiv{padding:24px}h2.mid{color:#fff;text-align:center;margin-bottom:32px;font-family:Inter,sans-serif;font-size:36px;font-style:normal;font-weight:800;line-height:normal}h2.mid.black{color:#000}.taxSlider{padding-left:0;padding-right:0}.taxSlider>div{background:#f08927;border-radius:16px;height:100%;box-shadow:0 0 16px #00000040}.taxSlider>div>div{height:calc(100% - 40px)}.taxSlider>div .innerItem{margin-block:30px;background:linear-gradient(90deg,#374151 69.9844px,#d1d5db 0);max-width:30px;height:100%;margin:0 auto}.taxSlider .slider{flex-direction:column;align-items:center;height:100%;display:flex;position:relative}.taxSlider .slider-background{background:#444;border-radius:80px;width:22px;height:calc(100% - 56px);position:absolute}.taxSlider .slider-wrapper{flex-direction:column;align-items:center;width:100%;height:100%;display:flex}.taxSlider .slider-handle{-webkit-user-select:none;user-select:none;touch-action:none;--tw-bg-opacity:1;cursor:pointer;background:#2b2b2b;border-radius:80px;justify-content:center;align-items:center;width:380px;height:80px;display:flex;position:relative;box-shadow:inset 0 -24px 8px #00000040,0 0 8px 5px #00000040}.taxSlider .slider-handle h3{color:#f08927;margin-bottom:0;font-family:Inter,sans-serif;font-size:36px;font-style:normal;font-weight:900;line-height:normal}.item{border-radius:inherit;background:#fff;width:350px;height:50px}.taxChart{padding-left:0;padding-right:0}.taxChart h4{color:#000;text-align:center;height:48px;font-family:Inter,sans-serif;font-size:20px;font-style:normal;font-weight:400;line-height:normal}.taxChart>div{background:#f5f5f5;border-radius:16px;flex-direction:column;justify-content:space-between;height:100%;padding:24px;display:flex;box-shadow:0 0 16px #00000040}.taxChart .flexChart{flex-direction:row;gap:24px;display:flex}.taxChart .flexChart .chartItem{background:#fff;border-radius:8px;height:28px;margin-bottom:4px;box-shadow:inset 0 0 8px #00000040}.taxChart .flexChart .chartItem:last-of-type{margin-bottom:8px}.taxChart .flexChart>div{width:25%}.taxChart .chartBottom{background:#f08927;border-radius:16px;padding:24px}.taxChart .chartBottom p{color:#fff;margin-bottom:0;font-family:Inter,sans-serif;font-size:20px;font-style:normal;font-weight:300;line-height:28px}.taxChart .chartBottom p span{font-weight:700}@media (orientation:portrait){main{gap:16px;padding:28px}.textContainer{flex-shrink:0;order:3;padding-block:0}.textContainer .col-12{padding:16px 20px}.textContainer h1{margin-bottom:8px;font-size:22px}.textContainer p{font-size:15px;line-height:22px}.taxContainer{flex-grow:1;order:1;padding-block:0}.taxContainer>.row{flex-direction:column;gap:16px;height:100%}.taxSlider{flex:none;max-width:none;padding-left:0;width:100%!important}.taxSlider>div{border-radius:16px;height:190px}.taxSlider .paddingDiv{box-sizing:border-box;flex-direction:column;height:100%;padding:20px 24px 16px;display:flex}.taxSlider h2.mid{flex-shrink:0;margin-bottom:10px;font-size:26px}.taxSlider .slider-level-labels{flex-shrink:0;justify-content:space-between;width:100%;margin-bottom:6px;display:flex}.taxSlider .slider-level-labels span{color:#ffffffbf;font-family:Inter,sans-serif;font-size:13px;font-weight:500;line-height:1.2}.taxSlider .slider-level-labels span:last-child{text-align:right}.taxSlider .slider{flex-direction:row;flex:1;align-items:center;height:auto}.taxSlider .slider-background{width:calc(100% - 24px);height:22px;top:50%;left:12px;right:12px;transform:translateY(-50%)}.taxSlider .slider-wrapper{flex-direction:row;align-items:center;width:100%;height:58px}.taxSlider .slider-handle{width:150px;height:54px}.taxSlider .slider-handle h3{font-size:22px}.taxChart{flex:1;max-width:none;min-height:0;padding-right:0;width:100%!important}.taxChart>div{justify-content:flex-start;gap:12px;height:100%}.taxChart h2.mid.black{flex-shrink:0;margin-bottom:0;font-size:26px}.taxChart .position-relative{flex-direction:column;flex:1;min-height:0;display:flex}.taxChart h4{flex-shrink:0;height:auto;min-height:40px;margin-bottom:6px;font-size:15px;line-height:1.3}.taxChart .flexChart{flex:1;align-items:stretch;gap:12px;min-height:0}.taxChart .flexChart>div{flex-direction:column;gap:5px;display:flex}.taxChart .flexChart .chartItem{border-radius:6px;flex:1;height:auto;min-height:14px;margin-bottom:0}.taxChart .chartBottom{flex-shrink:0;padding:16px 20px}.taxChart .chartBottom p{font-size:15px;line-height:22px}}
