#banner{background-image:url('/assets/images/leggat/trade-in-savings-calculator/hero.jpg');background-position:center;background-size:cover;background-repeat:no-repeat;background-color:#253746;padding:120px 60px}#banner h1{font-size:58px;line-height:68px;color:#fff;position:relative;font-weight:bold}#banner h1::before{content:'';position:absolute;left:2px;top:-10px;height:5px;width:35px;background-color:#46c3b2}#calc_content{font-family:Roboto,Poppins,sans-serif;color:#253746;padding:80px 0}.txt{margin-top:60px}.txt h2{font-size:36px;line-height:44px;margin:0;font-weight:bold;font-family:Roboto,Poppins,sans-serif}.txt p{font-size:26px;line-height:33px;margin-top:30px;margin-bottom:0;color:#253746}.txt a{color:#555}#trade_calc{margin:100px 0}.calc-box{border-radius:5px;overflow:hidden;border:1px solid #000;display:flex}.calc-box-item{flex:1;padding:30px}.calc-box-item-content{padding-top:20px}.saving-calculator{border-right:1px solid #000}#trade_calc h3{font-size:26px;line-height:40px;font-weight:bold;position:relative;margin:0;font-family:Roboto,Poppins,sans-serif}#trade_calc h3::before{content:'';position:absolute;left:0;bottom:-8px;height:5px;width:35px;background-color:#46c3b2}.slider{margin-top:20px}.slider-title,.sales-tax label{font-size:22px;line-height:35px;font-weight:normal}.slider-widget{margin-top:15px;width:60%}.sales-tax{margin-top:20px}.slider-value-text,#txtSalesTax{font-size:20px;line-height:26px}#txtSalesTax{border-color:#c2c2c2;pointer-events:none;height:40px;width:60%}.saving-scenario{background-color:#fef8e8}.scene{margin-top:20px}.scene-title{font-size:22px;line-height:34px}.scene-value,.saving-value{font-size:34px;line-height:54px;font-weight:bold}.saving{margin-top:20px}.saving-txt{font-size:22px;line-height:26px}.saving-value{color:#46c3b2}.saving-value.negative{color:#e32c2c}.dv-button{margin:20px 15px}.bullet-list{padding-left:40px;margin-top:20px}.bl-item{color:#253746;font-size:26px;line-height:33px;margin-top:5px}@media only screen and (max-width:1199px){#banner{padding:120px 30px}}@media only screen and (max-width:1024px){#txtSalesTax{width:100%}.slider-widget{width:100%}}@media only screen and (max-width:991px){#banner{padding:60px 20px;background-position:30% 0}}@media only screen and (max-width:767px){#banner h1{font-size:48px;line-height:58px}#calc_content{padding:40px 0}#trade_calc{margin:60px 0}.txt{margin-top:40px}.txt h2{font-size:30px;line-height:38px}.txt p{font-size:22px;line-height:28px;margin-top:20px}.bl-item{font-size:22px;line-height:28px}.calc-box-item{padding:20px}#trade_calc h3{font-size:24px;line-height:34px}.slider-title,.sales-tax label,.scene-title,.saving-txt{font-size:20px;line-height:30px}.slider-value-text,#txtSalesTax{font-size:18px;line-height:24px}.scene-value,.saving-value{font-size:30px;line-height:44px}}@media only screen and (max-width:576px){.calc-box{display:block}.saving-calculator{border-right:none;border-bottom:1px solid #000}.txt p{font-size:18px;line-height:24px;margin-top:15px}.bl-item{font-size:18px;line-height:24px}.txt h2{font-size:28px;line-height:34px}#trade_calc{margin:40px 0}.slider-title,.sales-tax label,.scene-title,.saving-txt{font-size:18px;line-height:28px}.slider-value-text,#txtSalesTax{font-size:16px;line-height:24px}.scene-value,.saving-value{font-size:28px;line-height:34px}#calc_content{padding:20px 0}.dv-button{margin:10px 15px}}@media only screen and (max-width:480px){#banner{padding:40px 10px;background-position:36% 0}#banner h1{font-size:42px;line-height:50px}}@media only screen and (max-width:320px){#banner{padding:30px 0 0}#banner h1{font-size:36px;line-height:46px}}