.crc-calculator {
--_accent: var(--crc-accent, #2563eb);
--_secondary: var(--crc-secondary, #f6ece2);
font-family: inherit;
width: 100%;
background: var(--crc-accent);
border-radius: 20px;
font-family: "Babe Sans Regular", Sans-serif;
font-size: 18px;
font-weight: 400;
}
@media screen and (max-width: 800px) {
.crc-calculator {
width: calc(100% - 40px);
margin: 20px auto;
}
}
.crc-calculator .inner {
padding: 42px 143px;
margin: 0 auto;
}
@media screen and (max-width: 1200px) {
.crc-calculator .inner {
padding: 22px 10px;
}
} .crc-sliders {
display: flex;
flex-direction: row;
justify-content: space-between;
gap: 115px;
margin-bottom: 1.5rem;
}
@media screen and (max-width: 800px) {
.crc-sliders {
flex-direction: column;
gap: 2rem;
}
}
.crc-slider-group {
display: flex;
flex-direction: column;
gap: 0.5rem;
width: 366px;
padding-bottom: 56px;
flex-basis: 50%;
}
@media screen and (max-width: 1024px) {
.crc-slider-group {
width: 300px;
padding-bottom: 24px;
}
}
@media screen and (max-width: 800px) {
.crc-slider-group {
width: 100%;
padding-bottom: 24px;
}
}
.crc-slider-header {
display: flex;
justify-content: space-between;
gap: 4rem;
align-items: baseline;
margin-bottom: 0.75rem;
}
@media screen and (max-width: 1024px) {
.crc-slider-header {
gap: 3rem;
}
}
.crc-slider-header label {
font-size: 14px;
font-weight: 600;
color: var(--_secondary);
}
input[type="text"].crc-slider-value {
font-size: clamp(22px, 6vw, 28px);
font-weight: 700;
color: var(--_secondary);
background: transparent;
border: 0px;
border-bottom: 2px solid transparent;
outline: none;
text-align: right;
font-family: inherit;
max-width: 180px;
cursor: text;
padding: 0;
}
input[type="text"].crc-slider-value:focus,
input[type="text"].crc-slider-value:hover {
outline: none;
border-bottom: 2px solid var(--_secondary);
} .crc-slider-group input[type="range"] {
-webkit-appearance: none;
appearance: none;
width: 100%;
height: 6px;
border-radius: 3px;
background: var(--_secondary);
outline: none;
cursor: pointer;
}
.crc-slider-group input[type="range"]::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
width: 44px;
height: 30px;
border-radius: 164px;
background: var(--_secondary);
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
cursor: pointer;
}
.crc-slider-group input[type="range"]::-moz-range-thumb {
width: 44px;
height: 30px;
border-radius: 164px;
background: var(--_secondary);
border: none;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
cursor: pointer;
} .crc-results {
border: 24px solid var(--_secondary);
border-radius: 164px;
width: 488px;
height: 320px;
margin: auto;
padding: 5rem 1.25rem;
text-align: center;
position: relative;
}
.crc-result-value {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
@media screen and (max-width: 1024px) {
.crc-results {
width: 400px;
height: 300px;
padding: 4rem 1rem;
}
}
@media screen and (max-width: 800px) {
.crc-results {
width: 300px;
height: 200px;
padding: 0;
}
}
@media screen and (max-width: 380px) {
.crc-results {
width: 100%;
height: 190px;
}
}
.crc-result-row {
display: flex;
justify-content: space-between;
align-items: center;
}
@media screen and (max-width: 800px) {
.crc-result-row {
padding: 32px 0 0;
}
}
.crc-result-main .crc-result-value {
font-size: clamp(32px, 6.5vw, 48px);
line-height: 56px;
color: var(--_secondary);
text-align: center;
display: inline-block;
width: 100%;
line-height: 1;
padding-top: 15px;
}
.crc-text-below {
font-size: 14px;
color: var(--_secondary);
opacity: 0.8;
position: absolute;
bottom: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
@media screen and (max-width: 800px) {
.crc-text-below {
line-height: 1.1;
margin-bottom: 0;
transform: translate(-50%, calc(-50% + 70px));
}
.crc-text-below p {
margin: 0;
}
}
.crc-footer {
margin-top: 1rem;
padding: 1rem;
font-size: 14px;
color: var(--_secondary);
opacity: 0.7;
text-align: center;
}
@media (max-width: 480px) {
.crc-inputs {
grid-template-columns: 1fr;
}
}.elementor-button.elementor-hidden,.elementor-hidden{display:none}.e-form__step{width:100%}.e-form__step:not(.elementor-hidden){display:flex;flex-wrap:wrap}.e-form__buttons{flex-wrap:wrap}.e-form__buttons,.e-form__buttons__wrapper{display:flex}.e-form__indicators{align-items:center;display:flex;flex-wrap:nowrap;font-size:13px;justify-content:space-between;margin-bottom:var(--e-form-steps-indicators-spacing)}.e-form__indicators__indicator{align-items:center;display:flex;flex-basis:0;flex-direction:column;justify-content:center;padding:0 var(--e-form-steps-divider-gap)}.e-form__indicators__indicator__progress{background-color:var(--e-form-steps-indicator-progress-background-color);border-radius:var(--e-form-steps-indicator-progress-border-radius);overflow:hidden;position:relative;width:100%}.e-form__indicators__indicator__progress__meter{background-color:var(--e-form-steps-indicator-progress-color);border-radius:var(--e-form-steps-indicator-progress-border-radius);color:var(--e-form-steps-indicator-progress-meter-color);height:var(--e-form-steps-indicator-progress-height);line-height:var(--e-form-steps-indicator-progress-height);padding-right:15px;text-align:right;transition:width .1s linear;width:var(--e-form-steps-indicator-progress-meter-width,0)}.e-form__indicators__indicator:first-child{padding-left:0}.e-form__indicators__indicator:last-child{padding-right:0}.e-form__indicators__indicator--state-inactive{color:var(--e-form-steps-indicator-inactive-primary-color,#c2cbd2)}.e-form__indicators__indicator--state-inactive [class*=indicator--shape-]:not(.e-form__indicators__indicator--shape-none){background-color:var(--e-form-steps-indicator-inactive-secondary-color,#fff)}.e-form__indicators__indicator--state-inactive object,.e-form__indicators__indicator--state-inactive svg{fill:var(--e-form-steps-indicator-inactive-primary-color,#c2cbd2)}.e-form__indicators__indicator--state-active{border-color:var(--e-form-steps-indicator-active-secondary-color,#fff);color:var(--e-form-steps-indicator-active-primary-color,#39b54a)}.e-form__indicators__indicator--state-active [class*=indicator--shape-]:not(.e-form__indicators__indicator--shape-none){background-color:var(--e-form-steps-indicator-active-secondary-color,#fff)}.e-form__indicators__indicator--state-active object,.e-form__indicators__indicator--state-active svg{fill:var(--e-form-steps-indicator-active-primary-color,#39b54a)}.e-form__indicators__indicator--state-completed{color:var(--e-form-steps-indicator-completed-secondary-color,#fff)}.e-form__indicators__indicator--state-completed [class*=indicator--shape-]:not(.e-form__indicators__indicator--shape-none){background-color:var(--e-form-steps-indicator-completed-primary-color,#39b54a)}.e-form__indicators__indicator--state-completed .e-form__indicators__indicator__label{color:var(--e-form-steps-indicator-completed-primary-color,#39b54a)}.e-form__indicators__indicator--state-completed .e-form__indicators__indicator--shape-none{background-color:initial;color:var(--e-form-steps-indicator-completed-primary-color,#39b54a)}.e-form__indicators__indicator--state-completed object,.e-form__indicators__indicator--state-completed svg{fill:var(--e-form-steps-indicator-completed-secondary-color,#fff)}.e-form__indicators__indicator__icon{align-items:center;border-style:solid;border-width:1px;display:flex;font-size:var(--e-form-steps-indicator-icon-size);height:var(--e-form-steps-indicator-padding,30px);justify-content:center;margin-bottom:10px;overflow:hidden;width:var(--e-form-steps-indicator-padding,30px)}.e-form__indicators__indicator__icon img,.e-form__indicators__indicator__icon object,.e-form__indicators__indicator__icon svg{height:auto;width:var(--e-form-steps-indicator-icon-size)}.e-form__indicators__indicator__icon .e-font-icon-svg{height:1em}.e-form__indicators__indicator__number{align-items:center;border-style:solid;border-width:1px;display:flex;height:var(--e-form-steps-indicator-padding,30px);justify-content:center;margin-bottom:10px;width:var(--e-form-steps-indicator-padding,30px)}.e-form__indicators__indicator--shape-circle{border-radius:50%}.e-form__indicators__indicator--shape-square{border-radius:0}.e-form__indicators__indicator--shape-rounded{border-radius:5px}.e-form__indicators__indicator--shape-none{border:0}.e-form__indicators__indicator__label{text-align:center}.e-form__indicators__indicator__separator{background-color:#babfc5;height:var(--e-form-steps-divider-width);width:100%}.e-form__indicators--type-icon,.e-form__indicators--type-icon_text,.e-form__indicators--type-number,.e-form__indicators--type-number_text{align-items:flex-start}.e-form__indicators--type-icon .e-form__indicators__indicator__separator,.e-form__indicators--type-icon_text .e-form__indicators__indicator__separator,.e-form__indicators--type-number .e-form__indicators__indicator__separator,.e-form__indicators--type-number_text .e-form__indicators__indicator__separator{margin-top:calc(var(--e-form-steps-indicator-padding, 30px) / 2 - var(--e-form-steps-divider-width, 1px) / 2)}.elementor-field-type-hidden{display:none}.elementor-field-type-html{display:inline-block}.elementor-field-type-tel input{direction:inherit}.elementor-field-type-recaptcha_v3 .elementor-field-label{display:none}.elementor-field-type-recaptcha_v3 .grecaptcha-badge{z-index:1}.elementor-button .elementor-form-spinner{order:3}.elementor-form .elementor-button .elementor-button-content-wrapper{align-items:center}.elementor-form .elementor-button .elementor-button-text{white-space:normal}.elementor-form .elementor-button svg{height:auto}.elementor-form .elementor-button .e-font-icon-svg{height:1em}.elementor-form .elementor-button .elementor-button-content-wrapper{gap:5px}.elementor-form .elementor-button .elementor-button-icon,.elementor-form .elementor-button .elementor-button-text{flex-grow:unset;order:unset}.elementor-select-wrapper .select-caret-down-wrapper{font-size:11px;inset-inline-end:10px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.elementor-select-wrapper .select-caret-down-wrapper svg{aspect-ratio:unset;display:unset;fill:currentColor;overflow:visible;width:1em}.elementor-select-wrapper .select-caret-down-wrapper i{font-size:19px;line-height:2}.elementor-select-wrapper.remove-before:before{content:""!important}.elementor-message-svg:before{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxMSIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDE0IDExIj48cGF0aCBmaWxsPSIjMDA4YTIwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00Ljc1IDguMTUgMS42IDUgLjU1IDYuMDVsNC4yIDQuMiA5LTlMMTIuNy4yeiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+");background-position:50%;background-repeat:no-repeat;content:"";height:1em;width:1em}