.elementor-2439 .elementor-element.elementor-element-3175ab66 > .elementor-container{max-width:590px;}.elementor-2439 .elementor-element.elementor-element-61a45dd9:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-2439 .elementor-element.elementor-element-61a45dd9 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#ffffff;}.elementor-2439 .elementor-element.elementor-element-61a45dd9 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:5px 5px 5px 5px;--e-column-margin-right:5px;--e-column-margin-left:5px;padding:20px 20px 20px 20px;}.elementor-2439 .elementor-element.elementor-element-61a45dd9 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2439 .elementor-element.elementor-element-793d598b{text-align:center;}.elementor-2439 .elementor-element.elementor-element-793d598b img{width:42%;}.elementor-2439 .elementor-element.elementor-element-4558755f{font-family:"Assistant", Sans-serif;}body.elementor-page-2439:not(.elementor-motion-effects-element-type-background), body.elementor-page-2439 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#e4e4e4;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-2439 .elementor-element.elementor-element-61a45dd9 > .elementor-element-populated{margin:10px 10px 10px 10px;--e-column-margin-right:10px;--e-column-margin-left:10px;padding:15px 15px 15px 15px;}.elementor-2439 .elementor-element.elementor-element-793d598b img{width:53%;}}/* Start custom CSS for text-editor, class: .elementor-element-4558755f */h1 {
    font-size: 35px;
         color: #4560A8;
     font-weight: 800;

}
h2 {
    font-size: 35px;
     color: #D03499;
     font-weight: 800;
}

input[type=submit], button {
  width: 100%;
  margin: 0 auto;
  border-radius: 50px;
  background-color: #6BCBD9;
  border: 0px solid #fff;
  padding: 7px;
  font-family: rubik;
  font-size: 30px;
  color: #fff;
  cursor: pointer;
}

input[type=submit]:hover, button:hover {
  background-color: #3a6d75;
  transition: 0.3s;
}
.btns {
    text-align: center;
}

.btns button {
  width: 20%;
  display: inline-block;
  margin: 7px;
  font-size: 22px;
}

.prevBtn {
    margin: 15px 5px 5px;
    background-color: #fff;
    color: #3a3a3a;
    border: none;
    padding: 0px;
    text-decoration: underline;
}

.prevBtn:hover {
    color: #3a6d75;
    background-color: #fff;
    border: none;
    padding: 0px;
    text-decoration: underline;
}

.cla-container h1 {
  font-size: 30px;
}

.h2form {
  font-weight: 500;
}

.main-label {
  font-size: 18px;
  display: block;
  margin-bottom: 5px;
  line-height: 1;
}

.cal-label-description {
  font-size: 15px;
  font-weight: 300;
  margin-bottom: 5px;
  display: block;
}

input[type=text], input[type=number], input[type=date]{
  border: solid 1px #6BCBD9;
  display: block;
  width: 90%;
  font-size: 30px;
  padding: 10px 10px;
  font-family: rubik;
}

select {
  border: solid 1px #6BCBD9;
  display: block;
  width: 96%;
  font-size: 30px;
  padding: 10px 10px;
  font-family:rubik;
}

p {
  margin-top: 25px;
}

/* כפתורי רדיו */

label[for] {
  font-size: 30px;
}

input[type=radio] {
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     display: inline-block;
     position: relative;
     background-color: #E4E4E4;
     color: #6BCBD9;
     top: 7px;
     height: 30px;
     width: 30px;
     border: 0;
     border-radius: 50px;
     cursor: pointer;     
     margin: 0 7px;
     outline: none;
}
input[type=radio]:checked::before
{
     position: absolute;
     left: 5px;
     top: 5px;
     content: url('https://asherlevi.com/wp-content/uploads/2018/12/calculator-radio20.png');
}
input[type=radio]:hover
{
     background-color: #E4E4E4;
}
input[type=radio]:checked
{
     background-color: #E4E4E4;
}

/* range field */

input[type=range] {
  -webkit-appearance: none;
  width: calc(100% - 70px);
  margin: 9.3px 0;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 6.4px;
  cursor: pointer;
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
  background: #e4e4e4;
  border-radius: 16.2px;
  border: 0px solid #010101;
}
input[type=range]::-webkit-slider-thumb {
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
  border: 0px solid #000000;
  height: 25px;
  width: 25px;
  border-radius: 50px;
  background: #6bcbd9;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -9.3px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: #e4e4e4;
}
input[type=range]::-moz-range-track {
  width: 100%;
  height: 6.4px;
  cursor: pointer;
  background: #e4e4e4;
  border-radius: 16.2px;
}
input[type=range]::-moz-range-thumb {
  height: 25px;
  width: 25px;
  border-radius: 50px;
  background: #6bcbd9;
  cursor: pointer;
}
input[type=range]::-ms-track {
  width: 100%;
  height: 6.4px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: #e4e4e4;
  border-radius: 32.4px;
}
input[type=range]::-ms-fill-upper {
  background: #e4e4e4;
  border-radius: 32.4px;
}
input[type=range]::-ms-thumb {
  height: 25px;
  width: 25px;
  border-radius: 50px;
  background: #6bcbd9;
  cursor: pointer;
  height: 6.4px;
}
input[type=range]:focus::-ms-fill-lower {
  background: #e4e4e4;
}
input[type=range]:focus::-ms-fill-upper {
  background: #e4e4e4;
}

/* range label */

.range-slider__value {
  padding: 3px 5px;
  width: 50px;
  text-align: center;
  background-color: #6BCBD9;
  color: #fff;
  border-radius: 5px;
  position:absolute;
  margin: 0 5px;
}

.range-slider__value:after {
  margin-left: 1px;
  font-size: 14px;
  content: '%';
}

/* hidden and show classes */

#q1field, #q2field {
  transition: 0.3s;
   -webkit-animation: fadeIn 0.3s;
   animation: fadeIn 0.3s;
}

@-webkit-keyframes fadeIn {
    from {opacity: 0;} 
    to {opacity: 1;}
}

@keyframes fadeIn {
    from {opacity: 0;}
    to {opacity: 1;}
}

/* results */
.life-insurance-result {
  width: 100%;
  margin: 10px auto;
  background-color: #CCEDF2;
  padding: 20px;
  text-align: center;
  font-size: 22px;
  
}

/* Step Circles */ 

/* Make circles that indicate the steps of the form: */
.step {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbbbbb;
  border: none; 
  border-radius: 50%;
  display: inline-block;
  opacity: 0.5;
}

/* Mark the active step: */
.step.active {
  opacity: 1;
}

/* Mark the steps that are finished and valid: */
.step.finish {
background-color: #6CCBD9;
}

/* Multistep css */
.tab {
  display: none;
  transition: 0.3s;
}

#NotValid {
  display: none;
}

.notvalid {
  text-align:center;
  padding: 7px;
  width: 93%;
  background-color: #ffdddd;
  margin: 7px auto;
}

.hf-message {
    text-align: center;
    font-size: 30px;
    font-weight: 600;
    padding: 7px;
    background-color: #ffdddd;
}

.hf-message.hf-message-success
{
    background-color: #b9e3b3;
}/* End custom CSS */