.component.one-off.pricing-calculator #pricing-calculator{justify-content:center;display:flex}.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;align-items:center;row-gap:var(--spacing-300);flex-direction:column;width:100%;display:flex}.component.one-off.pricing-calculator .card header h5{color:var(--gray-700)}.component.one-off.pricing-calculator .card .main{padding:var(--spacing-1000);row-gap:calc(var(--spacing-800) * 2);flex-direction:column;width:100%;max-width:780px;display:flex}.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{-moz-column-gap:var(--spacing-1000);column-gap:var(--spacing-1000);row-gap:var(--spacing-300);flex-direction:column;display:flex}@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{-moz-column-gap:var(--spacing-200);column-gap:var(--spacing-200);display:flex}.component.one-off.pricing-calculator .card .main fieldset.comparison .radio-container .radio-option input[type=radio]{accent-color:var(--primary-200);cursor:pointer;width:16px}.component.one-off.pricing-calculator .card .main fieldset.range input[type=range]{cursor:pointer;width:100%;max-width:560px;accent-color:var(--primary-200)}.component.one-off.pricing-calculator .card .main fieldset.numbers{-moz-column-gap:var(--spacing-800);column-gap:var(--spacing-800);row-gap:var(--spacing-500);flex-direction:column;display:flex}@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{-moz-column-gap:var(--spacing-1000);column-gap:var(--spacing-1000);row-gap:var(--spacing-800);background:var(--blue-25);border-radius:var(--spacing-200);width:100%;padding:var(--spacing-700);flex-direction:column;justify-content:space-between;display:flex}.component.one-off.pricing-calculator .card .main .results .result{flex-direction:column;display:flex}.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)}