.component.one-off.pricing-calculator #pricing-calculator{display:flex;justify-content:center}.component.one-off.pricing-calculator .card{border-radius:var(--spacing-200);border:1px solid var(--primary-100);width:100%;max-width:800px}@media screen and (min-width: 768px){.component.one-off.pricing-calculator .card{align-items:center}}.component.one-off.pricing-calculator .card header{padding:var(--spacing-400) var(--spacing-1000);border-radius:var(--spacing-200) var(--spacing-200) 0 0;background:var(--primary-400);color:#fff;display:flex;align-items:center;flex-direction:column;row-gap:var(--spacing-300);width:100%}.component.one-off.pricing-calculator .card header h5{color:var(--gray-700)}.component.one-off.pricing-calculator .card .main{padding:var(--spacing-1000);display:flex;flex-direction:column;row-gap:calc(var(--spacing-800) * 2);width:100%;max-width:780px}.component.one-off.pricing-calculator .card .main fieldset h5{margin-bottom:var(--spacing-200)}.component.one-off.pricing-calculator .card .main fieldset label{font-size:var(--text-400)}.component.one-off.pricing-calculator .card .main fieldset.comparison .radio-container{display:flex;flex-direction:column;-moz-column-gap:var(--spacing-1000);column-gap:var(--spacing-1000);row-gap:var(--spacing-300)}@media screen and (min-width: 768px){.component.one-off.pricing-calculator .card .main fieldset.comparison .radio-container{flex-direction:row}}.component.one-off.pricing-calculator .card .main fieldset.comparison .radio-container .radio-option{display:flex;-moz-column-gap:var(--spacing-200);column-gap:var(--spacing-200)}.component.one-off.pricing-calculator .card .main fieldset.comparison .radio-container .radio-option input[type=radio]{accent-color:var(--primary-200);width:16px;cursor:pointer}.component.one-off.pricing-calculator .card .main fieldset.range input[type=range]{width:100%;max-width:560px;cursor:pointer;accent-color:var(--primary-200)}.component.one-off.pricing-calculator .card .main fieldset.numbers{display:flex;flex-direction:column;-moz-column-gap:var(--spacing-800);column-gap:var(--spacing-800);row-gap:var(--spacing-500)}@media screen and (min-width: 768px){.component.one-off.pricing-calculator .card .main fieldset.numbers{flex-direction:row}}.component.one-off.pricing-calculator .card .main fieldset.numbers .number-container{width:100%}.component.one-off.pricing-calculator .card .main fieldset.numbers .number-container input[type=number]{border:1px solid var(--gray-400);border-radius:var(--spacing-100);padding:var(--spacing-200) var(--spacing-300);width:100%}.component.one-off.pricing-calculator .card .main .results{display:flex;flex-direction:column;-moz-column-gap:var(--spacing-1000);column-gap:var(--spacing-1000);row-gap:var(--spacing-800);justify-content:space-between;width:100%;background:var(--blue-25);border-radius:var(--spacing-200);padding:var(--spacing-700)}.component.one-off.pricing-calculator .card .main .results .result{display:flex;flex-direction:column}.component.one-off.pricing-calculator .card .main .results .result label{font-weight:500}.component.one-off.pricing-calculator .card .main .results .result .output{font-size:var(--text-900);font-weight:500}.component.one-off.pricing-calculator .card .main .results .result .output.roi,.component.one-off.pricing-calculator .card .main .results .result .output.time-saved{color:var(--primary-300);font-weight:600}.component.one-off.pricing-calculator .card .main .results .result output{display:inline-block}.component.one-off.pricing-calculator .card .main .results .result output .note{font-size:var(--text-400)}