*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body{margin:0;padding:0;font-family:Lato,sans-serif}.container{max-width:1200px;margin:0 auto;padding:0 15px}.desktop-show{display:inline-block}.mobile-show{display:none}.roi-main-wrap{display:inline-block;width:100%;vertical-align:top;padding:5% 3%}.roi-main-wrap .main-title{margin-bottom:50px}.roi-main-wrap .main-title h1{margin:0 auto;font-size:32px;color:#000;line-height:40px}.hire_inner .section_title{width:15%;display:flex;align-items:center;text-align:center;padding:5% 42px;margin:0 auto;position:relative;z-index:1}.external_hire_wrap .hire_inner .section_title{background:#03327c}.external_hire_wrap .hire_inner .section_title:after{content:"";border-top:20px solid transparent;border-left:25px solid #03327c;border-bottom:20px solid transparent;position:absolute;right:-20px;z-index:1}.internal_hire_wrap .hire_inner .section_title{background:#131f39}.internal_hire_wrap .hire_inner .section_title:after{content:"";border-top:20px solid transparent;border-left:25px solid #131f39;border-bottom:20px solid transparent;position:absolute;right:-20px;z-index:1}.external_hire_wrap,.internal_hire_wrap{display:inline-block;width:100%;vertical-align:top;padding:0}.hire_inner{display:flex;width:100%;height:100%;border:1px solid #d8d8d8}.internal_hire_wrap .hire_inner{border-top:0}.hire_inner h2{margin:0 auto;font-size:24px;color:#fff;line-height:30px}.hire_input_wrap .input_field_wrap h4{margin:0 auto;font-size:16px;color:#3591cf;font-weight:400;padding-bottom:20px}.hire_input_wrap{background-color:#fff;padding:5% 3%;width:35%;display:flex;align-items:center;border-right:1px solid #d8d8d8}.hire_input_wrap .input_field_wrap{width:100%}.input_field_wrap .input_field{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.input_field_wrap .input_field:last-child{margin:0 auto}.input_field_wrap .input_field lable{font-size:16px;line-height:26px;color:#0e1c28}.input_field_wrap .input_field input.hs-input{max-width:155px;text-align:right;line-height:30px;height:30px;border:1px solid #d0d4db;border-radius:5px;padding:0 10px;font-size:16px}.hire_input_wrap .input_field .input_field_wrap input:focus,.input_field_wrap .input_field input:focus-visible,.total_field input:focus,.total_field input:focus-visible{outline:0}.hire-result-show_wrap{padding:5%;width:50%;border-right:1px solid #d8d8d8;display:flex;align-items:center}.hire-result-show .input_field_wrap h4{font-size:16px;margin:0 auto;padding-bottom:10px;font-weight:900}.hire-result-show .input_field_wrap .input_field{margin:0 auto}.hire-result-show .total_expense .input_field{padding:10px 0 10px 20px;position:relative;border:0}.hire-result-show{display:flex;width:50%;background:#ecf4fa}.hire-result-show .hire-result-inner-wrap{width:100%}.hire-result-show .input_field_wrap .input_field input.hs-input{background:transparent;border:1px solid transparent;color:#000;text-align:right}.external_hire_wrap .hire-result-show .hire-result-inner-wrap .input_field_wrap:first-child{padding-bottom:50px}.hire-result-show .hire-result-inner-wrap .input_field_wrap{margin-bottom:15px}.total_expense_wrap{width:50%;padding:5%;display:flex;align-items:center}.total_expense{padding:0 20px 30px}.total_expense .input_field:before{content:"";position:absolute;top:20px;left:0;width:10px;height:10px;background:#fff;border-radius:100%}.total_expense .input_field.expe_saved_field:before{background:#1dc098}.total_expense .input_field.expe_occurred_field:before,.total_expense .input_field.lost_revenue_field:before{background:#fe5266}.total_expense_wrap .input_field_wrap .input_field lable{font-weight:900}.total_expense_wrap .input_field_wrap .input_field{padding:10px 0 10px 20px}.total_expense_wrap .total_expense_inner{width:100%}.total_field{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;background:#03a0af;border-radius:10px}.total_field,.total_field lable{color:#fff;text-transform:capitalize;font-weight:600;font-size:18px}.total_field input.hs-input{max-width:155px;font-size:18px;line-height:30px;height:30px;border:1px solid transparent;border-radius:5px;padding:0 10px;background:transparent;color:#fff;text-align:right}.roi-footer,.roi-footer .btn-wrap{display:flex;position:relative}.roi-footer .btn-wrap{width:75%;text-align:center;padding:40px 0 0;margin-right:-1px;align-items:center;justify-content:center}.roi-footer .btn-wrap button{background:#f7b738;border:0;padding:10px 50px;font-size:18px;line-height:24px;color:#fff;text-transform:capitalize;border-radius:5px;cursor:pointer;font-weight:600;transition:all .4s ease-in-out}.roi-footer .btn-wrap button:hover{background:#d79105;transition:all .4s ease-in-out}.roi-footer .calculate-result{width:25%;text-align:center;padding:22px;background:#fff;border:1px solid #d8d8d8;border-top:0;color:#03a0af;display:flex;align-items:center}.roi-footer .calculate-result h3{font-size:19px;margin:0 auto;color:#03a0af;font-weight:900}.roi-footer .error-msg{position:absolute;left:0;text-align:center;width:75%;top:12px}.roi-footer .error-msg span{color:red;font-size:14px;line-height:20px;text-transform:capitalize;font-weight:700}.roi-footer .btn-wrap h4{margin:0 60px 0 0;font-size:16px;color:#3591cf;font-weight:400}.roi-footer .btn-wrap img{position:absolute;left:0;right:120px;top:40px;margin:0 auto;z-index:-1}@media (max-width:1800px){.hire_inner .section_title{padding:5% 30px}}@media (max-width:1600px){.hire_inner .section_title{padding:5% 22px}}@media (max-width:1440px){.hire_inner .section_title{padding:5% 18px}.hire_inner .section_title h2{font-size:20px}}@media (max-width:1199px){.desktop-show{display:none}.mobile-show{display:block}.hire_inner .section_title{padding:20px}.hire_inner .section_title h2{font-size:20px}.hire_inner{display:inline-block;width:100%}.hire_inner .section_title{width:100%}.external_hire_wrap .hire_inner .section_title:after{border-top:25px solid #22365f}.external_hire_wrap .hire_inner .section_title:after,.internal_hire_wrap .hire_inner .section_title:after{top:auto;bottom:-40px;left:0;right:0;margin:0 auto;width:20px;border-left:20px solid transparent;border-right:20px solid transparent}.internal_hire_wrap .hire_inner .section_title:after{border-top:25px solid #131f39}.hire_input_wrap{width:100%;border-right:0;border-bottom:1px solid #d8d8d8}.hire-result-show{width:100%}.hire-result-show_wrap,.total_expense_wrap{width:100%;padding:3%}.roi-footer .btn-wrap{width:100%;margin:0 auto;padding-bottom:80px}.roi-footer .calculate-result{width:50%}.hire_input_wrap{border-bottom:0}.mobile-result-wrap .roi-footer{display:flex;justify-content:flex-end}.roi-footer .error-msg{width:100%}}@media (max-width:767px){.hire-result-show{display:inline-block}.hire_input_wrap{padding:30px 15px}.hire-result-show_wrap{padding:30px 15px 15px;border-right:0}.total_expense_wrap{padding:15px 15px 30px}.hire-result-show .hire-result-inner-wrap{padding:0 20px}.mobile-result-wrap .roi-footer .calculate-result{width:100%}.mobile-input-wrap .hire-result-show .hire-result-inner-wrap .input_field_wrap{margin-bottom:10px}}@media (max-width:375px){.roi-footer .btn-wrap h4{margin:0 auto}.roi-footer .btn-wrap img{left:0;right:0;margin:0 auto;top:auto;bottom:-50px}.roi-footer .btn-wrap button{padding:10px 30px}}