.elementor-9647 .elementor-element.elementor-element-3175ab66 > .elementor-container{max-width:500px;}.elementor-9647 .elementor-element.elementor-element-61a45dd9:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-9647 .elementor-element.elementor-element-61a45dd9 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#ffffff;}.elementor-9647 .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-9647 .elementor-element.elementor-element-61a45dd9 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-9647 .elementor-element.elementor-element-4558755f{font-family:"Assistant", Sans-serif;}body.elementor-page-9647:not(.elementor-motion-effects-element-type-background), body.elementor-page-9647 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#e4e4e4;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-9647 .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;}}/* 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: 20px auto 0;
  border-radius: 50px;
  background-color: #4560A8;
  border: 0px solid #fff;
  padding: 7px;
  font-family: assistant;
  font-size: 30px;
  color: #fff;
  cursor: pointer;
}

input[type=submit]:hover, button:hover {
  background-color: #D03499;
  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;
    font-size: 22px;
    text-decoration: underline;
}

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

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

.h2form {
  font-weight: 500;
}

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

.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 #4560A8;
  display: block;
  width: 90%;
  font-size: 30px;
  padding: 10px 10px;
  font-family: assistant;
}

select {
  border: solid 1px #4560A8;
  display: block;
  width: 96%;
  font-size: 30px;
  padding: 10px 10px;
  font-family: assistant;
}

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;
}

/* hidden and show classes */

#alsoSachirDiv, #OtherP {
  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 */