body{font-family: 'Raleway', sans-serif !important; color: #110A1F; font-size:18px; line-height:30px; font-style: normal;font-weight: 400;padding-right:0 !important;} p{font-family: 'Raleway', sans-serif !important; color: #110A1F; font-size:18px; line-height:30px; font-style: normal;font-weight: 400;} h1, h2, h3, h4, h5, h6{font-family: 'Raleway', sans-serif!important;} h1, h2{font-size:48px;line-height:56px;color:#110A1F;font-weight:bold;} .calculator-page-template-main{padding: 70px 0;} .calculator-page-template-main .top-content{max-width:1000px;margin:0 auto;} .calculator-form-box {padding: 0;border: 2px solid #dddddd;border-radius: 20px;max-width: 972px;margin: 20px auto 60px;} .calculator-form-box .calcultor-steps-main{border-bottom: 2px solid #dddddd;} /*.calcultor-steps-main ul {list-style: none;display: flex;justify-content: space-between;padding: 25px 70px;margin: 0;} .calcultor-steps-main ul li{position:relative;}*/ .calcultor-steps-main ul li.active, .calcultor-steps-main ul li.complete{font-weight:bold;} .sms-calculator .calcultor-steps-main ul{grid-template-columns: auto auto auto;position: relative;z-index: 9;} .calcultor-steps-main ul {list-style: none;display: grid;padding: 25px 0;margin: 0;grid-template-columns: auto auto auto auto;} .calcultor-steps-main ul li { width: 100%;position: relative;text-align: center;justify-self: start;justify-items: left;} .calcultor-steps-main ul li:before {content: '';width: 100%;height: 2px;border-bottom: 1px solid rgba(112, 112, 112, 0.2);position: absolute;left: 50%;top: 52px;z-index: -1;} .calcultor-steps-main ul li:after {content: "";width: 32px;height: 32px;line-height: 26px;display: block;font-size: 18px;font-weight: 400;color: rgba(112, 112, 112, 0.4);border: 1px solid rgba(112, 112, 112, 0.4);border-radius: 50%;margin: 8px auto 0;padding: 2px;background: #ffffff;text-align: center;} .calcultor-steps-main ul li.active:after{font-weight: 600;background: #663DB9;color:#ffffff;} .calcultor-steps-main ul li.complete:before {border-bottom: 2px solid #663DB9;} .calcultor-steps-main ul li.complete:after{content: "" !important;font-weight: 600;background: #663DB9;color: #ffffff;background-image: url(https://arkoselabs.com/wp-content/uploads/check-white.svg);background-repeat: no-repeat;background-position: center;} .calcultor-steps-main ul li.step-1:after{content: "1";} .calcultor-steps-main ul li.step-2:after{content: "2";} .calcultor-steps-main ul li.step-3:after{content: "3";} .calcultor-steps-main ul li.step-4:after{content: "4";} .calcultor-steps-main ul li:last-child:before{display:none;} .calcultor-items-fields {width: 100%;padding: 40px 0 50px;position: relative;display: inline-block;} .calcultor-items-fields .padboth{padding: 0 100px;} .calcultor-items-fields .form-steps {display:none; width: 100%;} .calcultor-items-fields .form-steps.active {display:inline-block;} .calcultor-items-fields .form-steps h2 {font-size: 24px;line-height:34px;} .calculator-form{position:relative;} /*.field-listing {position: relative;display: grid;grid-template-columns: auto auto auto auto;border: 1px solid;grid-column-gap: 30px;grid-row-gap: 30px;margin-bottom: 30px;}*/ /*.field-listing {position: relative;display: flex;flex-wrap: wrap;gap: 26px;margin-bottom: 30px;} .field-listing .field-box {cursor: pointer;background: #FAFAFB;border: 1px solid #DDDDDD;border-radius: 10px;min-height: 200px;text-align: center;padding: 20px;position: relative;width: calc(25% - 20px);} */ .field-listing {position: relative;display: inline-block;margin: 0 -10px 20px;width: 100%;} .field-listing .field-box {cursor: pointer;background: #FAFAFB;border: 1px solid #DDDDDD;border-radius: 10px;min-height: 150px;text-align: center;padding: 20px;position: relative;width: calc(25% - 24px);display: inline-block;vertical-align: top;margin: 0 10px 25px;} /*.field-listing .field-box {cursor: pointer;background: #FAFAFB;border: 1px solid #DDDDDD;border-radius: 10px;min-height: 200px;text-align: center;padding: 20px;position: relative;width: 100%;min-width: 170px;max-width: 170px;} .field-listing .field-box {float: left;vertical-align: top;cursor: pointer;background: #FAFAFB;border: 1px solid #DDDDDD;border-radius: 10px;min-height: 200px;text-align: center;padding: 20px;position: relative;width: 170px;margin: 0 15px 30px;}*/ .field-listing .field-box.selected {background: #50B95D29;border-color: #50B95D;} .field-listing .field-box:hover {box-shadow: 0px 1px 12px #00000029;background: #50B95D29;} .field-listing .field-box.disable{pointer-events: none;} .field-listing .field-box.disable:hover{box-shadow: none;} .field-listing .field-box h5{font-size:18px;line-height:24px;font-weight:bold;min-height: 50px;margin-bottom: 0;} .field-listing .field-box img {margin-bottom: 10px;} .field-listing .field-box img.hide {display:none;} .field-listing .field-box.selected img {display:none;} .field-listing .field-box.selected img.hide {display:inline-block;} .field-listing .field-box p.small{font-size:14px;margin:0;line-height: normal;font-weight:bold;color: #C3C3C3;} .field-listing .field-box input {position: absolute;width: auto;opacity: 0;cursor: pointer;height: 20px;left: 0;} .question-field-box {margin: 0;} .question-field-box .question-items {position: relative;margin-bottom: 30px;padding: 0 70px 30px;display: inline-block;width: 100%;border-bottom: 2px solid #dddddd;} .question-field-box .question-items .d-flex {align-items: baseline;margin-bottom: 10px;} .question-field-box .question-items .d-flex.range-number {margin-bottom: 0;} .question-number {width: 7%;} .question-number .number {background: #FFFFFF 0% 0% no-repeat padding-box;border: 1px solid #110A1F;border-radius: 50px;width: 32px;height: 32px;text-align: center;line-height: 28px;} .question-items.filled .question-number .number {background: #50B95D;color: #fff;border-color: #50B95D;font-weight: 600;} .question-text {width: 68%; padding-right: 20px;} .question-text h2{line-height:30px;margin-bottom: 0;} .question-text h2 small {font-weight: 500;font-size: 16px;line-height: normal;} .question-text .notice-txt{font-size:14px;line-height:24px;color: #413B4C;} .notice-tooltip {position: relative;display: inline-block;border: 1px solid #979da2;font-size: 16px;border-radius: 20px;height: 20px;width: 20px;text-align: center;line-height: 20px;font-weight: 500;margin-left: 5px;cursor: pointer;color: #979da2;} .notice-tooltip span.tooltiptext {visibility: hidden;width: 330px;background-color: #ffffff;color: #2F3B46;border-radius: 10px;font-weight: normal;padding: 10px;position: absolute;z-index: 1;bottom: 30px;left: -155px;box-shadow: 0px 5px 20px #00000029;font-size: 16px;line-height: 24px;text-align: left;} .notice-tooltip:hover span.tooltiptext {visibility: visible;} .notice-tooltip span.tooltiptext:after {content: "";position: absolute;top: 100%;left: 50%;margin-left: -10px;border-width: 10px;border-style: solid;border-color: white transparent transparent transparent;} .question-field {width: 25%;display: grid;justify-content: end; position: relative;} form .question-field input {min-width: 210px;border: 1px solid rgba(112, 112, 112, 0.4);border-radius: 5px;height: 55px;font-size: 18px;color: rgba(17, 10, 31, 0.5);font-weight: 600;text-align: right;padding: 0 12px;} form .question-field input.signinput {padding-right: 55px;} form .question-field input:focus {border-color: #413B4C;color: #413B4C;} form .question-items.error .question-field input {border-color: #CA0202;} form .question-items.error .question-field input + span {background: #E4445036;} form .question-items.filled .question-field input {border-color: #50B95D;color: #110A1F;} form .question-items.filled .question-field input + span{background: #E0F2E2;} .question-field small {font-size: 12px;color: #413B4C;text-align: right;} .question-field span {position: absolute;top: 1px;bottom: 1px;right: 1px;width: 45px;height: 53px;background: #EFEFF0;border-radius: 0 5px 5px 0;color: #413B4C;font-size: 24px;font-weight: 500;display: flex;justify-content: center;align-items: center;} .question-field .warning {font-size: 12px;color: #CA0202;text-align: center;font-weight: 600;} input[type="range"] {width: 100%;} .range-slider{margin-left: 7%;} .question-field input::placeholder {color: #CFCED2;opacity: 1;} .question-field input:-ms-input-placeholder {color: #CFCED2;} .question-field input::-ms-input-placeholder {color: #CFCED2;} .button-bar{width: 100%;justify-content: space-between;} .button-bar .btn.prev{background: #ffffff;border: 1px solid #707070;border-radius: 5px;font-size: 15px;line-height: 18px;color: #707070;font-weight: bold;width: 125px;padding: 14px 5px;} .button-bar .btn.next, .button-bar .btn.getreport {background: #50B95D;border-radius: 5px;font-size: 15px;line-height: 18px;color: #fff;font-weight: bold;width: 125px;padding: 14px 5px;text-transform: none;letter-spacing: 0;} .button-bar.disable .btn.next, .button-bar.disable .btn.getreport {background: #DDDDDD;pointer-events: none;} .form-steps.calc-step .button-bar{padding:0 70px;} .slider {-webkit-appearance: none;width: 100%;height: 3px;border-radius: 5px;background: rgba(112, 112, 112, 0.22);outline: none;-webkit-transition: .2s;transition: opacity .2s; background-image: linear-gradient(#50B95D, #50B95D); background-repeat: no-repeat;background-size: 0 100%;} .slider::-webkit-slider-thumb {-webkit-appearance: none;appearance: none;width: 32px;height: 32px;border-radius: 50%; background: #50B95D;cursor: pointer;box-shadow: 0px 2px 4px #00000029;} .slider::-moz-range-thumb {width: 32px;height: 32px;border-radius: 50%;background: #50B95D;cursor: pointer;box-shadow: 0px 2px 4px #00000029;} .slider::-ms-fill-lower {background: #50B95D;} .slider::-moz-range-progress {background: #50B95D;} input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none;margin: 0;} input[type=number] {-moz-appearance:textfield;} .range-number{justify-content: space-between;} .labelMultipleRange {color: #110A1F;font-size: 16px;font-weight: 500;padding: 10px 0;width: 32px;text-align: center;line-height: 24px;} .report-details-top .emailmsg {display: none;position: absolute;width: 100%;top: 0;left: 0;right: 0;background: #50B95D4D;padding: 15px;} .report-details-top .emailmsg p {margin: 0;font-size: 14px;line-height: 20px;font-weight: 600;color: #110A1F;} .report-details-top .emailmsg.emailerror {background: #ffd5d5;} .report-details-section .report-details-top{background:#EFEFF0;padding:80px 0;} .report-details-section .report-main-box{width: 100%;display: inline-block;background:#FFFFFF;border-radius: 20px;max-width:850px;margin:0 auto;padding:35px;} .report-detailing-box {position:relative;background: #EFEFF0;padding: 45px 70px;border-radius: 20px;margin-bottom: 25px;} .report-detailing-box * {position: relative;z-index: 99;} .report-detailing-box h2 {background: transparent linear-gradient(180deg, #663DB9 0%, #3856DB 100%) 0% 0% no-repeat padding-box;-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-size: 54px;line-height: 60px;} .report-detailing-box h3 {font-size: 24px;line-height: 40px;font-weight: 500;color: #413B4C;} .report-detailing-box a.btn.btn-border {border: 1px solid #413B4C;border-radius: 5px;font-size: 16px;line-height: 19px;font-weight: bold;padding: 14px 30px;} .report-detailing-box a.btn.btn-green {background: #45A050;border-radius: 5px;font-size: 16px;line-height: 19px;font-weight: bold;padding: 14px 30px;color:#ffffff;} .report-detailing-box:after {content: "";background: url(https://arkoselabs.com/wp-content/uploads/report-top-bg.png) no-repeat;position: absolute; z-index: 9;display: inline-block;width: 100%;height: 100%;background-position: bottom right;left: 0;top: 0;} .report-result-value-box {margin-bottom: 24px;display: inline-flex !important;column-gap: 27px;} .report-result-value-box .other-option {border: 2px solid #DDDDDD;border-radius: 20px;padding: 24px;} .report-result-value-box .arkose-option {background: rgba(80, 185, 93, 0.1);border-radius: 20px;padding: 24px;} .report-result-value-box h3 {font-weight: bold;margin-bottom:8px;} .report-result-value-box h2 {font-size: 28px;margin-bottom:0;line-height: 34px;} .report-result-value-box p {font-size: 16px;line-height: 24px;margin-bottom: 15px;} .report-result-value-box img {margin-bottom: 15px;margin-top: 10px;} .report-result-value-box h2 small {text-decoration: line-through;color: rgba(17, 10, 31, 0.55);font-size: 24px;font-weight: 600;padding-left: 10px;} .report-question-box {display: inline-block;width:100%;border: 2px solid #DDDDDD;border-radius: 20px;margin-bottom: 24px;} .report-question-box .question-header {padding: 18px 24px;align-items: center;justify-content: space-between;} .report-question-box .question-header h2 {font-size: 18px;line-height: 24px;margin: 0;} .report-question-box .question-header a.hide{display:none;} .report-question-box .question-header a {color: #50B95D;font-size: 14px;line-height: 16px;font-weight: bold;} .report-question-box .question-listing {position: relative;} .report-question-box.show .question-listing {display: inline-block;} .report-question-box .question-listing ul {margin: 0;display: grid;grid-template-columns: auto auto;} .report-question-box .question-listing ul li {display: flex;color: #110A1F;list-style: none;padding: 18px 24px;font-size: 16px;line-height: 24px;font-weight: 500;column-gap: 10px;} .report-question-box .question-listing ul li:nth-child(odd) {border-top: 2px solid #ddd;border-right: 2px solid #ddd;} .report-question-box .question-listing ul li:nth-child(even) {border-top: 2px solid #ddd;} .report-question-box .question-listing ul li strong {font-size: 18px;font-weight: bold;text-align: right;flex: auto;padding-left: 20px;} .report-question-box .edit-calculator-data {border-top: 2px solid #ddd;padding: 18px 24px;align-items: center;justify-content: space-between;} .report-question-box .edit-calculator-data h2 {width:60%;font-size: 16px;line-height: 25px;margin: 0;} .report-question-box .edit-calculator-data .btn.editcalc {border: 2px solid #DDDDDD;border-radius: 5px;color: #110A1F;font-size: 14px;line-height: 16px;font-weight: 600;padding: 8px 20px;} .report-question-box .edit-calculator-data .btn.editcalc:hover {background: #EFEFF0;border-color:#413B4C;} /* SMS Calculator Report Top Box */ .sms-report-detailing-box {display: inline-block;width:100%;border: 2px solid #DDDDDD;border-radius: 20px;margin-bottom: 24px;} .sms-report-detailing-gray {background: #F9F9F9;border-radius: 20px 20px 0 0;} .sms-report-detailing-gray .sms-report-title {border-bottom: 2px solid #DDD;justify-content: space-between;padding: 24px;align-items: center;} .sms-report-detailing-gray .sms-report-title h2 {font-size: 20px;line-height: 30px;margin: 0;} .sms-report-detailing-gray .sms-report-title .btn.btn-border {border: 2px solid #DDDDDD;border-radius: 5px;color: #110A1F;font-size: 14px;line-height: 16px;font-weight: 600;padding: 8px 20px;} .sms-report-detailing-gray .sms-report-title .btn.btn-border:hover {background: #EFEFF0;border-color:#413B4C;} .sms-report-detailing-gray .emailbtn.disable {opacity: 0.4;pointer-events: none;} .sms-report-detailing-gray .sms-report-title span.btnresetmsg {display:none;font-size: 14px;font-weight: 600;color: #110A1F;opacity: 0.6;margin-right: -10%;} .sms-report-detailing-gray .sms-report-title span.btnresetmsg i {font-style: normal;} .sms-report-detailing-box .sms-report-with-other{justify-content: space-between;padding: 30px 24px;align-items: center;} .sms-report-detailing-box .sms-report-with-other h3 {font-size: 24px;font-weight: bold;margin: 0;color: #110A1F;} .sms-report-detailing-box .sms-report-with-other p {font-weight: 500;line-height: 24px;margin: 0;color: #110A1F;} .sms-report-detailing-box .sms-report-with-arkose{justify-content: space-between;padding:0 24px 30px;align-items: center;} .sms-report-detailing-box .sms-report-with-arkose h3 {font-size: 24px;font-weight: bold;margin: 0;color: #110A1F;} .sms-report-detailing-box .sms-report-with-arkose p {margin: 0;font-weight: 500;line-height: 24px;color: #110A1F;} .sms-report-detailing-box .sms-report-with-arkose img {max-width: 130px;} .sms-report-detailing-box .sms-report-detailing-green {background: #50B95D;border-radius: 0 0 18px 18px;} .sms-report-detailing-box .sms-report-difference {justify-content: space-between;padding: 24px;align-items: center;} .sms-report-detailing-box .sms-report-difference h2{width: 45%;color:#ffffff;font-size: 32px;font-weight: bold;margin: 0;text-align: right;} .sms-report-detailing-box .sms-report-difference p{width: 55%;color:#ffffff;font-weight:600;line-height: 26px;margin: 0;} .sms-savings-box-arkose {background: #F7F7F7;border-radius: 20px;display: inline-block;width: 100%;margin-bottom: 24px;padding: 50px;} .sms-savings-box-arkose p {font-size: 20px;line-height: 30px;font-weight: 600;margin-bottom: 8px;} .sms-savings-box-arkose .saving-number{align-items: baseline;margin-bottom: 5px;} .sms-savings-box-arkose .saving-number h2{font-size: 42px;margin:0;background: linear-gradient(to right, #af449c 5%, #6E50A6 50%, #53ad6b 60%);-webkit-background-clip: text; -webkit-text-fill-color: transparent;padding-right: 18px;} .sms-savings-box-arkose .saving-number p{margin:0;font-weight: 600;background: linear-gradient(to right, #af449c 5%, #6E50A6 50%, #53ad6b 60%);-webkit-background-clip: text; -webkit-text-fill-color: transparent;} .sms-savings-box-arkose .btn {border: 1px solid #413B4C;border-radius: 5px;font-size: 16px;font-weight: bold;line-height: 20px;padding: 12px 20px;margin-top: 10px;} .sms-savings-box-arkose .btn:hover{background:#ffffff;} .sms-savings-box-arkose .leftpart {width: 65%;} .sms-savings-box-arkose .rightpart {text-align: right;width: 35%;} .report-awards-section {background: rgba(202, 2, 2, 0.05);border-radius: 20px;margin-bottom: 24px;padding:40px 70px;} .report-awards-section h3 {font-size: 24px;font-weight: 600;line-height: 40px;color: #110A1F;margin-bottom:0;} .report-awards-section h4 {font-size: 18px;font-weight: 600;} .report-awards-section .report-g2-arwards {position: relative;} .report-awards-section .awards-logo-img {margin: 10px 0 40px 0;} .report-awards-section .awards-logo-img img {padding: 15px 15px 0;max-width: 120px;} .report-g2-arwards:before {content: "";background: url(https://arkoselabs.com/wp-content/uploads/report-g2-award-before.png);width: 115px;height: 185px;display: inline-block;position: absolute;top:25px;left: 0;} .report-g2-arwards:after {content: "";background: url(https://arkoselabs.com/wp-content/uploads/report-g2-award-after.png);width: 115px;height: 185px;display: inline-block;position: absolute;top:25px;right: 0;} .report-testimonial-section{background:rgba(102, 61, 185, 0.1);border-radius: 20px;margin-bottom: 24px;padding:40px 140px;} .report-testimonial-section img.ratingimg{margin-bottom: 24px;} .report-testimonial-section h2 {font-size: 32px;line-height: 42px;font-weight: bold;} .report-testimonial-section .quote-author-details h3 {font-size: 21px;line-height: 26px;font-weight: 600;margin-bottom: 5px;} .report-testimonial-section .report-quote {position: relative;margin-bottom: 35px;} .report-testimonial-section .report-quote:before {content: "";position: absolute;background: url(https://arkoselabs.com/wp-content/uploads/report-quote.png);width: 86px;height: 70px;left: 50%;transform: translate(-50%, 10px);} .report-testimonial-section .report-quote p {position: relative;} .report-testimonial-section .quote-author-details p {margin: 0;} .report-testimonial-section .quote-author-details p small {color: #663DB9;font-size: 16px;font-weight: 500;} .book-demo-cta-section {align-items: center;justify-content: space-between;background: transparent linear-gradient(180deg, #663DB9 0%, #3856DB 100%) 0% 0% no-repeat;border-radius: 20px;padding: 30px;} .book-demo-cta-section h2 {max-width: 60%;font-size: 24px;color: #ffffff;margin-bottom: 0;line-height: 34px;} .book-demo-cta-section .btn {background: #50B95D;color: #fff;font-size: 14px;line-height: 18px;font-weight: 700;padding: 12px 20px;border-radius: 5px;} .book-demo-cta-section .btn:hover {background: #fff;color: #110A1F;} .other-related-use-cases {padding: 35px 0 5px 0;} .other-related-use-cases h2{font-size: 32px;} .other-related-use-cases .field-listing {justify-content: center;} .modal-dialog.calculator-model {max-width: 1170px;} .modal-dialog.calculator-model .modal-content {border-radius: 20px;border: none;} .modal-dialog.calculator-model .modal-body {padding:0;} .modal-dialog.calculator-model .modal-body .row{margin: 0;} .modal-dialog.calculator-model button.close {position: absolute;right: 15px;font-size: 80px;font-weight: 200;opacity: 1;top: -10px;z-index: 9;} .calcultor-items-fields .form-steps .modal-body h2 {font-size: 40px;line-height: 60px;font-weight: bold;} .modal-dialog.calculator-model .modal-body .modal-left-part{background: #EFEFF0;padding: 55px 55px 0 55px;border-radius: 20px 0 0 20px;} .modal-dialog.calculator-model .modal-body .modal-left-part .weblogo{margin-bottom: 30px;} .modal-right-part {display: flex;align-items: center;align-self: center;width: 100%;} .modal-right-part .modal-right.form-part {width: 100%;padding: 0 35px;} .modal-right.form-part form input {font-family: 'Raleway', sans-serif !important;border: 1px solid #707070 !important;border-radius: 5px !important;background: #ffffff !important;font-size: 16px;line-height: 24px;color: #2F3B46;} .modal-right.form-part form button.mktoButton {box-shadow: none !important;background: #663db9 !important;border-radius: 5px;line-height: 18px;} .modal-right.form-part form button.mktoButton:hover {background: #50B95D !important;} .modal-right .thank-you-msg{display:none;} .modal-right .thank-you-msg h2 {font-size: 40px;line-height: normal;} .modal-right .mktoForm .mktoButtonWrap.mktoShadow .mktoButton {width: 100%;} .notfound-calculator{padding:60px 0;} .notfound-calculator .btn {background:#50B95D;border:1px solid #50B95D;border-radius: 5px;color: #ffffff;font-size: 14px;line-height: 16px;font-weight: 600;padding: 15px 25px;margin-top: 30px;} .notfound-calculator .btn:hover {background: #ffffff;color:#50B95D;} .message p {text-align: center;padding-top: 40px;display: none;margin-bottom:0;} .message span {color: #000;width: 100%;display: inline-block;font-size: 16px;padding: 5px;font-weight: 500;} .message span.error {background: #ffefef;} .message span.success {background: #50B95D4D;} @media (max-width:1199px){ .calculator-page-template-main .top-content h1, .calculator-page-template-main .top-content h2{font-size: 38px;line-height: 50px;} .calcultor-items-fields .padboth {padding: 0 70px;} .question-field-box .question-items{padding: 0 40px 30px;} .form-steps.calc-step .button-bar {padding: 0 40px;} .modal-dialog.calculator-model .modal-left h2 {font-size: 38px;line-height: 50px;} .modal-dialog.calculator-model .modal-body .modal-left-part{padding: 40px 30px 0 30px;} .modal-dialog.calculator-model .modal-body .modal-left-part .weblogo {margin-bottom: 20px;} .modal-dialog.calculator-model {max-width: 970px;} } @media (max-width:1024px){ .icon.icon-menu-11::before {color: #000 !important;} .calculator-page-template-main .top-content h1, .calculator-page-template-main .top-content h2{font-size: 34px;line-height: 46px;} .calcultor-items-fields .padboth {padding: 0 40px;} .calcultor-items-fields .form-steps h2 {font-size: 20px;line-height: 30px;} .sms-report-detailing-box .sms-report-with-other h3{font-size: 22px;} .sms-report-detailing-box .sms-report-with-arkose h3{font-size: 22px;} .sms-report-detailing-box .sms-report-difference h2{font-size: 28px;line-height: 40px;} .sms-savings-box-arkose {padding: 40px 25px;} .sms-savings-box-arkose p {font-size: 18px;line-height: 28px;} .sms-savings-box-arkose .saving-number h2 {font-size: 38px;line-height: 50px;} .sms-savings-box-arkose .btn{padding: 10px 26px;} .report-awards-section {padding: 40px 20px;} .report-testimonial-section {padding: 40px;} .other-related-use-cases .field-listing .field-box {width: 28%;} } @media (max-width:991px){ .calculator-page-template-main .top-content h1, .calculator-page-template-main .top-content h2{font-size: 30px;line-height: 40px;} .field-listing{/*gap: 20px;*/margin: 0 -5px 20px;} .field-listing .field-box{width: calc(25% - 15px);margin: 0 5px 20px;} .field-listing .field-box h5 {font-size: 16px;line-height: 22px;} .calcultor-items-fields .padboth {padding: 0 20px;} .question-field-box .question-items {padding: 0 20px 30px;} .form-steps.calc-step .button-bar {padding: 0 20px;} form .question-field input {min-width: 160px;} .sms-report-detailing-gray .sms-report-title{position:relative;} .sms-report-detailing-gray .sms-report-title span.btnresetmsg{position: absolute;right: 90px;top: 58px;} .modal-dialog.calculator-model {max-width: 730px;} .modal-dialog.calculator-model .modal-left h2 {font-size: 30px;line-height: 36px;} .modal-dialog.calculator-model .modal-body .modal-left-part {padding: 30px 20px 0 20px;} .modal-dialog.calculator-model .modal-left p {font-size: 16px;line-height: 24px;} .modal-right-part .modal-right.form-part {padding: 0;} .modal-dialog.calculator-model button.close{right: 10px;top: -15px;font-size: 60px;} .modal-right.form-part form input{font-size: 15px;line-height: 20px;} .modal-right.form-part form button.mktoButton {line-height: 14px;} } @media (max-width:767px){ .calculator-page-template-main {padding: 70px 15px;} .calculator-page-template-main .top-content h1, .calculator-page-template-main .top-content h2{font-size: 24px;line-height: 34px;} .calculator-page-template-main .top-content p{font-size: 16px;line-height: 26px;} .calculator-page-template-main .top-content{padding:0;} .field-listing {margin: 0 0 20px;} .field-listing .field-box {width: calc(33.33% - 20px);margin: 0 8px 20px;} .question-field-box .question-items .d-flex {display: inline-block !important;width: 100%;} .question-field-box .question-items .range-number.d-flex {display: flex !important;} .question-number {width: 40px;display: inline-block;vertical-align: top;} .question-text {width: 80%;padding-right: 0;display: inline-block;} .question-field-box .question-items {padding: 0 15px 30px;} .question-field {width: 100%;justify-content: inherit;padding-top: 15px;} .calcultor-items-fields .form-steps h2 {font-size: 18px;line-height: 26px;} .calcultor-items-fields .form-steps > h2 {text-align: center;} form .question-field input {max-width: 100%;} .question-text h2 small{font-size: 14px} .range-slider {margin-left: 0;} .labelMultipleRange{width: 30px;} .slider::-webkit-slider-thumb {width: 24px;height: 24px;} .slider::-moz-range-thumb {width: 24px;height: 24px;} #CalculatorModalForm{z-index: 9999;} .modal-dialog.calculator-model {max-width: 95%;margin: 70px auto;} .modal-dialog.calculator-model .modal-left h2 {font-size: 24px;line-height: 30px;} .modal-right-part .modal-right.form-part {padding: 20px 0 30px;} .modal-dialog.calculator-model .modal-body .modal-left-part {border-radius: 20px 20px 0 0;} .modal-dialog.calculator-model button.close {right: 15px;top: 0;font-size: 50px;} .modal-right .thank-you-msg h2 {font-size: 34px;} .modal-right .thank-you-msg img {max-width: 80px;} .report-details-section .report-main-box{padding: 20px;} .report-details-section .report-details-top {padding: 80px 15px;} .sms-report-detailing-gray .sms-report-title {width: 100%;display: inline-block !important; text-align: center;padding: 25px 15px;} .sms-report-detailing-gray .sms-report-title h2 {margin-bottom: 15px;} .sms-report-detailing-gray .sms-report-title span.btnresetmsg {position: absolute;right: auto;left: 50%;transform: translate(-50%,0);bottom: 0;top: auto;} .sms-report-detailing-box .sms-report-with-other, .sms-report-detailing-box .sms-report-with-arkose{display: inline-block !important;width: 100%;} .sms-report-detailing-box .sms-report-with-other p, .sms-report-detailing-box .sms-report-with-arkose p{font-size: 16px;} .sms-report-detailing-box .sms-report-with-other h3, .sms-report-detailing-box .sms-report-with-arkose h3{margin-top: 10px;} .sms-report-detailing-box .sms-report-with-arkose img {margin: 10px 0;} .sms-report-detailing-box .sms-report-difference {display: inline-block !important;width: 100%;padding: 20px;} .sms-report-detailing-box .sms-report-difference p {width: 100%;} .sms-report-detailing-box .sms-report-difference h2 {width: 100%;font-size: 26px;line-height: 34px;text-align: left;margin-top: 15px;} .report-question-box .question-header {padding: 18px 10px 18px 15px;} .report-question-box .question-listing ul { grid-template-columns: auto;} .report-question-box .question-listing ul li{padding: 18px;} .report-question-box .question-listing ul li:nth-child(2n+1){border-right: 0} .report-question-box .question-listing ul li.empty{display:none;} .report-question-box .question-header a {min-width: 80px;} .report-question-box .edit-calculator-data {display: inline-block !important;width: 100%;text-align: center;padding: 20px;} .report-question-box .edit-calculator-data h2 {width: 100%;margin-bottom: 15px;} .sms-savings-box-arkose {padding: 20px;} .sms-savings-box-arkose .d-flex {display: inline-block !important;width: 100%;} .sms-savings-box-arkose .leftpart {width: 100%;} .sms-savings-box-arkose .rightpart {text-align: center;width: 100%;margin-top: 40px;} .report-g2-arwards::before {display:none;} .report-g2-arwards::after {display:none;} .report-awards-section h3 {font-size: 20px; line-height: 30px;} .other-related-use-cases h2 {font-size: 28px;line-height: 38px;} } @media (max-width:580px){ .field-listing {gap: 15px;} .calcultor-items-fields .padboth {padding: 0 15px;} .field-listing .field-box {width: calc(50% - 20px);padding: 20px 10px;} .calcultor-steps-main ul li {font-size: 14px;line-height: 18px;} .calcultor-steps-main ul li:before{top:40px;} .calcultor-steps-main ul li:after{font-size: 16px;} .form-steps.calc-step .button-bar {padding: 0 10px;} .book-demo-cta-section {display: inline-block !important;width: 100%;text-align: center; padding: 30px 15px;} .book-demo-cta-section h2 {max-width: 100%;margin-bottom: 20px;line-height: 30px;font-size: 20px;} .other-related-use-cases .field-listing .field-box {width: 43%;} } @media (max-width:480px){ .ak-mkto-form .mktoFormRow .mktoFieldDescriptor.mktoFormCol {padding: 0;} .modal-right.form-part form button.mktoButton {margin-top: 3px !important;} .modal-dialog.calculator-model .mktoForm {padding: 0 !important;} .sms-report-detailing-box .sms-report-with-other {padding: 30px 15px;} .sms-report-detailing-box .sms-report-with-arkose{padding:0 15px 25px;} .report-question-box .question-listing ul li{font-size: 14px;line-height: 22px;} .sms-savings-box-arkose .rightpart img {max-width: 50%;} .sms-report-detailing-box .sms-report-difference{padding: 15px;} .report-awards-section h3 {font-size: 16px; line-height: 26px;} .report-awards-section .awards-logo-img img {padding: 15px 5px 0;max-width: 80px;} .report-g2-arwards .g2logo {max-width: 80px;} .report-testimonial-section {padding:50px 14px;} .report-testimonial-section h2 {font-size: 20px;line-height: 30px;} .report-testimonial-section .report-quote p {font-size: 16px;line-height: 30px;} .report-testimonial-section .quote-author-details h3 {font-size: 19px;line-height: 22px;} .quote-author-details p {font-size: 16px;} .report-testimonial-section .quote-author-details p small{font-size: 14px;} .other-related-use-cases {padding: 35px 0 25px 0;} .other-related-use-cases .report-main-box.text-center {padding: 0;} .other-related-use-cases h2 {font-size: 24px;line-height: 32px;margin-bottom: 30px;} .notice-tooltip span.tooltiptext{width: 240px;} }