.saving-cal-main{background:#49a57f;border-radius:32px;font-family:Poppins,sans-serif;margin:0 auto;max-width:1145px;padding:0 20px 18px}box-shadow:0 20px 20px 0 rgba(0,0,0,.3);div#saving-calculator{padding:80px 0}.saving-cal-head{padding:0 0 48px;text-align:center}.saving-cal-logo img{height:auto;width:90px}.saving-cal-head h2{color:#fff;font-family:Poppins,sans-serif;font-size:28px!important;font-weight:600;line-height:34px!important;margin-bottom:8px!important}.saving-cal-head p{color:#fff;font-size:16px;line-height:1.5;margin:0}.saving-cal-logo{margin-bottom:24px}.saving-cal-ranges{margin:0 auto;max-width:684px}.range-slider .slider{-webkit-appearance:none;appearance:none;background:#81be9a;border-radius:158px;height:24px;opacity:0;position:relative;transition:all .2s ease-in-out;width:100%}.range-slider .slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#04aa6d;border:12px solid #fff;border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.06);cursor:pointer;height:51px;left:-98%;position:relative;top:-13px;transition:all .4s ease-in-out;width:51px}.range-slider .slider::-moz-range-thumb{-webkit-appearance:none;appearance:none;background:#04aa6d;border:12px solid #fff;border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.06);cursor:pointer;height:51px;left:-98%;position:relative;top:-13px;transition:all .4s ease-in-out;width:51px}.range-slider .slider::-webkit-slider-runnable-track{background-image:linear-gradient(#f87979,#f87979);background-repeat:no-repeat;background-size:0 100%;border-radius:158px;height:24px;transition:all .4s ease-in-out}.reached .range-slider .slider::-webkit-slider-runnable-track{background-size:100% 100%}.memory-range-slide .range-slider.active .slider::-webkit-slider-runnable-track{background-image:linear-gradient(#ffe482,#ffe482)}.cpu-range-slide .range-slider.active .slider::-webkit-slider-runnable-track{background-image:linear-gradient(#724fe9,#724fe9)}.range-slider .slider::-moz-range-thumb:hover{transform:scale(1.1)}.range-slider .slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.reached .range-slider .slider::-webkit-slider-thumb{left:0}.reached .range-slider .range-slider .slider::-moz-range-thumb{left:0}.saving-cal-logo img{background-color:#1b1f1d;border-radius:0 0 12px 12px;min-width:136px;padding:12px 21px}ul.range-naming{align-items:flex-end;display:flex;justify-content:space-between;pointer-events:none;text-align:center;z-index:-1}ul.range-naming>li{color:#fff;flex:1;font-size:12px;line-height:18px;padding-bottom:25px;pointer-events:none;position:relative;-webkit-user-select:none;-ms-user-select:none;user-select:none}ul.range-naming>li:nth-child(2){background:url(https://8840961.fs1.hubspotusercontent-na1.net/hubfs/8840961/dashed-stripe.png) no-repeat bottom;background-size:100% 18px;color:#000;filter:invert(1);flex:unset;font-size:14px;line-height:20px;padding-bottom:25px;text-align:center;width:50%}ul.range-naming>li:nth-child(2):after{background:url(https://8840961.fs1.hubspotusercontent-na1.net/hubfs/8840961/dashed-col-1.png) no-repeat;background-size:100% 18px;bottom:0;content:"";filter:invert(0);height:18px;left:0;position:absolute;width:100%}ul.memory-range{display:flex;justify-content:space-between;margin:-6px auto 0;width:50%}ul.memory-range>li{height:60px;padding-top:26px;position:relative;-webkit-user-select:none;-ms-user-select:none;user-select:none}ul.memory-range>li>span{color:#fff;font-size:14px;font-weight:600;left:50%;line-height:20px;position:absolute;transform:translateX(-50%)}ul.memory-range>li:before{background:#1b1f1d;content:"";height:19px;position:absolute;top:0;width:2px}.memory-range-slide.range-slide{margin-bottom:37px}.saving-cal-output{margin:0 auto;max-width:684px;padding-top:10px}ul.output-ul{align-items:flex-end;display:flex;margin:0 -6px}ul.output-ul>li{margin-bottom:30px;padding:6px;text-align:center;width:25%}ul.output-ul>li .output{background:#fff;border:2px solid #1b1f1d;border-radius:8px;color:#1b1f1d;font-size:24px;font-weight:600;line-height:32px;padding:13px 10px}.cpu-range-slide.range-slide{margin-bottom:0}.output-icon>img{display:block;margin:0 auto}ul.output-ul>li .output-unit{color:#fff;font-size:14px;font-weight:400;line-height:20px;margin-top:8px}ul.output-ul>li:last-child .output{color:#49a57f}@keyframes example{0%{transform:scale(1)}20%{transform:scale(1.1)}40%{transform:scale(1)}60%{transform:scale(1.1)}80%{transform:scale(1.1)}to{transform:scale(1)}}.range-slider{position:relative;z-index:2}.range-slider-track{background:#f87979;border-radius:158px 0 0 158px;box-shadow:inset 0 0 0 2px #000;height:24px;pointer-events:none;position:absolute;transition:.1s ease-in-out;width:50%;z-index:1}.reached .range-slider-track{width:calc(100% - 10px)}.range-slider-thumb{background:#1b1f1d;border:12px solid #fff;border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.06);height:51px;left:50%;margin-left:-5px;outline:2px solid #1b1f1d;pointer-events:none;position:absolute;top:-13px;transition:.1s ease-in-out;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:51px;z-index:1}.range-slider-thumb:hover{transform:scale(1.1)}.reached .range-slider-thumb{animation-delay:1s;animation-duration:2s;animation-iteration-count:1;animation-name:example;left:calc(100% - 46px)}.memory-range-slide .range-slider-track,.memory-range-slide .range-slider.active .range-slider-track{background:#ffe482}.cpu-range-slide .range-slider-track,.cpu-range-slide .range-slider.active .range-slider-track{background:#724fe9}.stopTransition .range-slider .range-slider-track{background:#f87979}.range-slider-track-bg{background:#fff;border-radius:158px;height:24px;position:absolute;width:100%}.range-slider:hover .range-slider-thumb{transform:scale(1.1)}.bold-text ul.range-naming>li:nth-child(2){font-weight:sembold}.range-slider:before{color:#fff;content:"Memory";font-size:14px;font-weight:600;left:-70px;line-height:20px;position:absolute}.cpu-range-slide .range-slider:before{content:"CPU";left:-40px;top:4px}.stopTransition .range-slider .range-slider-thumb,.stopTransition .range-slider .range-slider-track{transition:background .4s ease-in-out}@media(max-width:991px){.saving-cal-ranges{padding:0 10px 0 60px}}@media(max-width:767px){.saving-cal-head h2{font-size:24px!important;line-height:32px!important}.saving-cal-head p{font-size:14px;line-height:20px}ul.memory-range>li>span,ul.range-naming>li{font-size:12px;line-height:18px}ul.output-ul>li .output{font-size:22px;line-height:30px;padding:13px 5px}ul.output-ul>li .output-unit{font-size:14px;line-height:20px;min-height:40px}.range-slider .slider::-webkit-slider-thumb{border:10px solid #fff;height:42px;left:calc(35px - 100%);top:-9px;width:42px}.range-slider .slider::-moz-range-thumb{border:10px solid #fff;height:42px;left:calc(35px - 100%);top:-9px;width:42px}.range-slider-thumb{animation-iteration-count:infinite!important;animation-name:example;border:10px solid #fff;height:42px;margin-left:-10px;top:-9px;width:42px}.reached .range-slider-thumb{left:calc(100% - 24px)}}@media(max-width:599px){div#saving-calculator{padding:45px 0 36px}.saving-cal-main{border-radius:18px;padding:0 15px 25px}.saving-cal-head{padding:0 0 25px}.saving-cal-head h2{margin-bottom:15px!important}ul.range-naming>li:not(:first-child){font-size:0;line-height:0}.memory-range-slide.range-slide{margin-bottom:9px}ul.memory-range>li:before{height:12px}ul.output-ul{flex-wrap:wrap}ul.output-ul>li:first-child{width:100%}ul.output-ul>li:nth-child(2),ul.output-ul>li:nth-child(3){width:50%}ul.output-ul>li{margin-bottom:4px}ul.output-ul>li .output-unit{min-height:unset}ul.output-ul>li .output{padding:14px 10px}ul.output-ul>li:last-child{width:100%}.saving-cal-ranges{padding:0 10px 0 0}.range-slider:before{font-size:12px;left:0!important;line-height:18px;top:-25px!important}ul.range-naming>li:first-child{font-size:0;line-height:0px}}