.elementor-220542 .elementor-element.elementor-element-eab9fc8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-220542 .elementor-element.elementor-element-01e6cd4 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-220542 .elementor-element.elementor-element-01e6cd4{text-align:left;}.elementor-220542 .elementor-element.elementor-element-01e6cd4 .elementor-heading-title{font-family:"Roboto Slab", Sans-serif;font-size:16px;font-weight:500;text-transform:none;font-style:normal;text-decoration:none;line-height:1.5em;letter-spacing:1px;color:var( --e-global-color-5f0f857a );}.elementor-220542 .elementor-element.elementor-element-210d499 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-220542 .elementor-element.elementor-element-c52c33c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-220542 .elementor-element.elementor-element-c52c33c .elementor-field-group{padding-right:calc( 0px/2 );padding-left:calc( 0px/2 );margin-bottom:24px;}.elementor-220542 .elementor-element.elementor-element-c52c33c .elementor-form-fields-wrapper{margin-left:calc( -0px/2 );margin-right:calc( -0px/2 );margin-bottom:-24px;}.elementor-220542 .elementor-element.elementor-element-c52c33c .elementor-field-group.recaptcha_v3-bottomleft, .elementor-220542 .elementor-element.elementor-element-c52c33c .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-220542 .elementor-element.elementor-element-c52c33c .elementor-labels-inline .elementor-field-group > label{padding-left:16px;}body:not(.rtl) .elementor-220542 .elementor-element.elementor-element-c52c33c .elementor-labels-inline .elementor-field-group > label{padding-right:16px;}body .elementor-220542 .elementor-element.elementor-element-c52c33c .elementor-labels-above .elementor-field-group > label{padding-bottom:16px;}.elementor-220542 .elementor-element.elementor-element-c52c33c .elementor-field-group > label, .elementor-220542 .elementor-element.elementor-element-c52c33c .elementor-field-subgroup label{color:var( --e-global-color-4e421c3 );}.elementor-220542 .elementor-element.elementor-element-c52c33c .elementor-field-group > label{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:normal;text-transform:none;font-style:normal;text-decoration:none;line-height:1.5em;letter-spacing:0.6px;}.elementor-220542 .elementor-element.elementor-element-c52c33c .elementor-field-type-html{padding-bottom:0px;color:var( --e-global-color-4e421c3 );font-family:"Roboto", Sans-serif;font-size:16px;font-weight:normal;text-transform:none;font-style:normal;text-decoration:none;line-height:1.5em;letter-spacing:0.6px;}.elementor-220542 .elementor-element.elementor-element-c52c33c .elementor-field-group .elementor-field{color:var( --e-global-color-42a17d3 );}.elementor-220542 .elementor-element.elementor-element-c52c33c .elementor-field-group .elementor-field, .elementor-220542 .elementor-element.elementor-element-c52c33c .elementor-field-subgroup label{font-family:"Roboto", Sans-serif;font-size:12px;font-weight:normal;text-transform:none;font-style:normal;text-decoration:none;line-height:1.33em;letter-spacing:0.4px;}.elementor-220542 .elementor-element.elementor-element-c52c33c .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:var( --e-global-color-5f33b7b7 );border-color:#E6E6E6;border-width:1px 1px 1px 1px;border-radius:16px 16px 16px 16px;}.elementor-220542 .elementor-element.elementor-element-c52c33c .elementor-field-group .elementor-select-wrapper select{background-color:var( --e-global-color-5f33b7b7 );border-color:#E6E6E6;border-width:1px 1px 1px 1px;border-radius:16px 16px 16px 16px;}.elementor-220542 .elementor-element.elementor-element-c52c33c .elementor-field-group .elementor-select-wrapper::before{color:#E6E6E6;}.elementor-220542 .elementor-element.elementor-element-c52c33c .elementor-button span{justify-content:center;}.elementor-220542 .elementor-element.elementor-element-c52c33c .elementor-button{font-family:"Roboto Slab", Sans-serif;font-size:16px;font-weight:bold;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:1.5em;letter-spacing:1px;border-radius:40px 40px 40px 40px;padding:16px 16px 16px 16px;}.elementor-220542 .elementor-element.elementor-element-c52c33c .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-5f0f857a );color:#ffffff;}.elementor-220542 .elementor-element.elementor-element-c52c33c .elementor-button[type="submit"]{background-color:var( --e-global-color-5f0f857a );color:#ffffff;}.elementor-220542 .elementor-element.elementor-element-c52c33c .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-220542 .elementor-element.elementor-element-c52c33c .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-220542 .elementor-element.elementor-element-c52c33c .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-220542 .elementor-element.elementor-element-c52c33c .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-220542 .elementor-element.elementor-element-c52c33c .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-220542 .elementor-element.elementor-element-c52c33c .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-220542 .elementor-element.elementor-element-c52c33c .elementor-message{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:normal;text-transform:none;font-style:normal;text-decoration:none;line-height:1.5em;letter-spacing:0.6px;}.elementor-220542 .elementor-element.elementor-element-c52c33c .elementor-message.elementor-message-success{color:#039B03;}.elementor-220542 .elementor-element.elementor-element-c52c33c .elementor-message.elementor-message-danger{color:#DD0000;}.elementor-220542 .elementor-element.elementor-element-c52c33c{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-220542 .elementor-element.elementor-element-77f0fb2{--divider-border-style:solid;--divider-color:#E6E6E6;--divider-border-width:1px;}.elementor-220542 .elementor-element.elementor-element-77f0fb2 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:2px 0px 2px 0px;}.elementor-220542 .elementor-element.elementor-element-77f0fb2 .elementor-divider-separator{width:100%;}.elementor-220542 .elementor-element.elementor-element-77f0fb2 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-220542 .elementor-element.elementor-element-25e9bd2 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-220542 .elementor-element.elementor-element-25e9bd2{text-align:left;}.elementor-220542 .elementor-element.elementor-element-25e9bd2 .elementor-heading-title{font-family:"Roboto Slab", Sans-serif;font-size:16px;font-weight:500;text-transform:none;font-style:normal;text-decoration:none;line-height:1.5em;letter-spacing:1px;color:var( --e-global-color-5f0f857a );}.elementor-220542 .elementor-element.elementor-element-722dc44 > .elementor-widget-container{margin:8px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-220542 .elementor-element.elementor-element-722dc44{text-align:left;font-family:"Roboto", Sans-serif;font-size:16px;font-weight:normal;text-transform:none;font-style:normal;text-decoration:none;line-height:1.5em;letter-spacing:0.6px;color:var( --e-global-color-4e421c3 );}.elementor-220542 .elementor-element.elementor-element-b17b09c{--divider-border-style:solid;--divider-color:#E6E6E6;--divider-border-width:1px;}.elementor-220542 .elementor-element.elementor-element-b17b09c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:2px 0px 2px 0px;}.elementor-220542 .elementor-element.elementor-element-b17b09c .elementor-divider-separator{width:100%;}.elementor-220542 .elementor-element.elementor-element-b17b09c .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-220542 .elementor-element.elementor-element-11b37fa > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-220542 .elementor-element.elementor-element-11b37fa{text-align:left;}.elementor-220542 .elementor-element.elementor-element-11b37fa .elementor-heading-title{font-family:"Roboto Slab", Sans-serif;font-size:16px;font-weight:500;text-transform:none;font-style:normal;text-decoration:none;line-height:1.5em;letter-spacing:1px;color:var( --e-global-color-5f0f857a );}.elementor-220542 .elementor-element.elementor-element-9612db3 > .elementor-widget-container{margin:8px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-220542 .elementor-element.elementor-element-9612db3{text-align:left;font-family:"Roboto", Sans-serif;font-size:16px;font-weight:normal;text-transform:none;font-style:normal;text-decoration:none;line-height:1.5em;letter-spacing:0.6px;color:var( --e-global-color-4e421c3 );}.elementor-220542 .elementor-element.elementor-element-95e4ecb .elementor-button{background-color:var( --e-global-color-5f0f857a );font-family:"Roboto Slab", Sans-serif;font-size:16px;font-weight:bold;text-transform:none;font-style:normal;text-decoration:none;line-height:1.5em;letter-spacing:1px;fill:var( --e-global-color-5f33b7b7 );color:var( --e-global-color-5f33b7b7 );border-radius:40px 40px 40px 40px;padding:16px 16px 16px 16px;}.elementor-220542 .elementor-element.elementor-element-95e4ecb > .elementor-widget-container{margin:8px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-220542 .elementor-element.elementor-element-95e4ecb .elementor-button .elementor-button-content-wrapper{justify-content:center;}@media(max-width:481px){.elementor-220542 .elementor-element.elementor-element-eab9fc8{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}}/* Start custom CSS for form, class: .elementor-element-c52c33c *//* Radio buttons group -> div */
.survey-radio-faces-group {
  display: flex;
  justify-content: center;
  flex-wrap: nowrap;
}

/* Hide radio buttons */
/*input[type="radio"][name="form_fields[faces]"] {*/
.survey-radio-faces-group input {    
  display: none !important;
}

/* Style for the label faces */
/*.elementor-field-option label {*/
/*.elementor-field-option {*/
.survey-radio-faces-group .elementor-field-option /*span*/ {
    display: flex;
    align-items: stretch;
    flex-direction: row;
    justify-content: center;
}

.survey-radio-faces-group .elementor-field-option label {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  
  cursor: pointer;
  transition: transform 0.2s;
}

/* Images dimensions */
.survey-radio-faces-group .level-of-satisfaction-img {
    width: 24px;    
    height: 24px;

    transition: filter 0.01s ease; /* It works with the filter hovr property */
}

/* Image hover */
.survey-radio-faces-group .level-of-satisfaction-img:hover {
    /* ChatGPT #6AB2F3 
    filter: invert(64%) sepia(11%) saturate(6297%) hue-rotate(184deg) brightness(97%) contrast(96%);*/
    /* https://isotropic.co/tool/hex-color-to-css-filter/
    #6AB2F3 */
    filter: invert(65%) sepia(96%) saturate(2044%) hue-rotate(185deg) brightness(106%) contrast(91%);
    
}

/* Image clicked */
.survey-radio-faces-group .level-of-satisfaction-img1.clickeada,
.survey-radio-faces-group .level-of-satisfaction-img2.clickeada,
.survey-radio-faces-group .level-of-satisfaction-img3.clickeada,
.survey-radio-faces-group .level-of-satisfaction-img4.clickeada,
.survey-radio-faces-group .level-of-satisfaction-img5.clickeada {
    /* https://isotropic.co/tool/hex-color-to-css-filter/
    #067EEB */
    filter: invert(43%) sepia(100%) saturate(739%) hue-rotate(179deg) brightness(95%) contrast(101%);
}


/* Images description */
.survey-radio-faces-group .level-of-satisfaction-description {
    font-family: Roboto;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: 0.4px;
    text-align: center;
    color: #515354;
  
    margin-top: 4px;
}

/* input[type="radio"][name="form_fields[faces]"]:checked + label {*/
/*
.survey-radio-faces-group input:checked + label {    
    transform: scale(1.2);
    background-color: #003f87;
    border-radius: 40px;
}*//* End custom CSS */