/* ❗css for elementor pro form ❗*/
.elementor-field-type-calculator.elementor-field-group {
    border: 2px solid var(--cal-border-color) !important;
    background-color: var(--cal-background-color) !important; 
    border-width: var(--cal-border-width) !important; 
    border-radius: var(--cal-border-radius) !important;
    color: var(--cal-text-color) !important;
    /* width: var(--cal-width) !important;  */
    height: var(--cal-height) !important; 
    padding: calc(var(--cal-top-padding) + 5px) calc(var(--cal-right-padding) + 5px) calc(var(--cal-bottom-padding) + 5px) calc(var(--cal-left-padding) + 5px) !important;
    margin: var(--cal-margin) !important; 
    /* padding: var(--cal-padding, 0px, calc(10px / 2),0px, calc(10px / 2) ) !important;  */
    pointer-events: none;
    box-sizing: border-box !important;

 }

.elementor-field-type-calculator.elementor-field-group input{
   color: var(--cal-text-color) !important;
   background-color: var(--cal-input-background-color) !important; 
   /* padding-right: calc(10px / 2) !important; 
   padding-left: calc(10px / 2)!important;  */
   border: none !important; 
   font-size:var(--cal-font-size) !important; 
}

.elementor-field-type-calculator.elementor-field-group label{
    font-size:calc(var(--cal-font-size)/2) !important; 
 }

 

/* ❗css for cool form builder ❗*/
.is-field-type-calculator.cool-form__field-group {
    border: 2px solid var(--cal-border-color) !important;
    background-color: var(--cal-background-color) !important; 
    border-width: var(--cal-border-width) !important; 
    border-radius: var(--cal-border-radius) !important;
    color: var(--cal-text-color) !important;
    /* width: var(--cal-width) !important;  */
    height: var(--cal-height) !important; 
    padding: calc(var(--cal-top-padding) + 5px) calc(var(--cal-right-padding) + 5px) calc(var(--cal-bottom-padding) + 5px) calc(var(--cal-left-padding) + 5px) !important;
    margin: var(--cal-margin) !important; 
    /* padding: var(--cal-padding, 0px, calc(10px / 2),0px, calc(10px / 2) ) !important;  */
    pointer-events: none;
    box-sizing: border-box !important;

 }

.is-field-type-calculator.cool-form__field-group input{
   color: var(--cal-text-color) !important;
   background-color: var(--cal-input-background-color) !important; 
   /* padding-right: calc(10px / 2) !important; 
   padding-left: calc(10px / 2)!important;  */
   border: none !important; 
   font-size:var(--cal-font-size) !important; 
}

.is-field-type-calculator.cool-form__field-group label{
    font-size:calc(var(--cal-font-size)/2) !important; 
 }

/* ❗css for hello plus form builder ❗*/
.is-field-type-calculator.ehp-form__field-group {
    border: 2px solid var(--cal-border-color) !important;
    background-color: var(--cal-background-color) !important; 
    border-width: var(--cal-border-width) !important; 
    border-radius: var(--cal-border-radius) !important;
    color: var(--cal-text-color) !important;
    /* width: var(--cal-width) !important;  */
    height: var(--cal-height) !important; 
    padding: calc(var(--cal-top-padding) + 5px) calc(var(--cal-right-padding) + 5px) calc(var(--cal-bottom-padding) + 5px) calc(var(--cal-left-padding) + 5px) !important;
    margin: var(--cal-margin) !important; 
    /* padding: var(--cal-padding, 0px, calc(10px / 2),0px, calc(10px / 2) ) !important;  */
    pointer-events: none;
    box-sizing: border-box !important;

 }

.is-field-type-calculator.ehp-form__field-group input{
   color: var(--cal-text-color) !important;
   background-color: var(--cal-input-background-color) !important; 
   /* padding-right: calc(10px / 2) !important; 
   padding-left: calc(10px / 2)!important;  */
   border: none !important; 
   font-size:var(--cal-font-size) !important; 
}

.is-field-type-calculator.ehp-form__field-group label{
    font-size:calc(var(--cal-font-size)/2) !important; 
 }