.elementor-1720 .elementor-element.elementor-element-7e71e26 .elementor-button{background-color:#6ec1e4;}.elementor-1720 .elementor-element.elementor-element-45a61544:not(.elementor-motion-effects-element-type-background), .elementor-1720 .elementor-element.elementor-element-45a61544 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#89b8ef;}.elementor-1720 .elementor-element.elementor-element-45a61544{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;color:#ffffff;margin-top:0px;margin-bottom:0px;}.elementor-1720 .elementor-element.elementor-element-45a61544 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1720 .elementor-element.elementor-element-45a61544 .elementor-heading-title{color:#ffffff;}.elementor-1720 .elementor-element.elementor-element-25d49530 .elementor-heading-title{font-size:30px;text-transform:capitalize;letter-spacing:-5px;}.elementor-1720 .elementor-element.elementor-element-25d49530 > .elementor-widget-container{margin:-12px 0px 0px 0px;}.elementor-1720 .elementor-element.elementor-element-688c8c47{font-size:16px;}.elementor-1720 .elementor-element.elementor-element-688c8c47 > .elementor-widget-container{margin:-20px 0px -20px 0px;}.elementor-1720 .elementor-element.elementor-element-7dc38cee > .elementor-widget-container{margin:-13px 0px -37px 0px;}.elementor-1720 .elementor-element.elementor-element-7dc38cee{z-index:0;}.elementor-1720 .elementor-element.elementor-element-4c4995d5 .elementor-spacer-inner{height:10px;}/* Start custom CSS for html, class: .elementor-element-7dc38cee */.tab{
    
    width: 100%;
}




#monto{
    
    width: 100%;

}
.left{
    
    float: left;
    width: 50%;
}


.right{
    
    float: left;
    width: 50%;

}


.select-css {
	display: block;
	font-size: 14px;
	font-family: 'Roboto', sans-serif;
	font-weight: normal;
	color: #646569;
	padding: 5px 5px 5px 5px;
	width: 100%;
	box-sizing: border-box;
	border-radius: 3px;
border: 1px solid #ccc;	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-color: #fff;
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
	  linear-gradient(to bottom, #ffffff 0%,#f7f7f7 100%);
	background-repeat: no-repeat, repeat;
	background-position: right .7em top 50%, 0 0;
	background-size: .65em auto, 100%;
	height: 47px;
	align-content: center;
}
.select-css::-ms-expand {
	display: none;
outline: none;
}
.select-css option {
	font-weight:normal;
}
  
  
.option-css{
  font-size: 14px;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	color: #646569;
	line-height: 1.3;

  
  }
  
  select .option-css {
  text-align: center;
  
  }
  
  
 .container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  color: #004377;
  cursor: pointer;
font-family: 'Roboto', sans-serif;
  font-size: 12px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #ffffff;
  border: .5px solid #f4f4f4;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
  background-color: #65bfb8;
}

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
  background-color: #004377;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}



#titleRage{
    text-align: center;
}

.input[type="text"] {
    padding: none!important;
}

input[type=range] {
  -webkit-appearance: none;
  width: 90%;
  margin: auto auto;
  border: none;
  border-radius: 20px;
  background:none;

}
input[type=range]:focus {
  outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 5px;
  cursor: pointer;
  box-shadow: #65bfb8, #65bfb8;
  background: #65bfb8;
  border-radius: 1.3px;
  border: 0.2px solid rgba(196, 224, 247, 0.5);
}
input[type=range]::-webkit-slider-thumb {
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0), 0px 0px 1px rgba(13, 13, 13, 0);
  border: 0.3px solid #004377;
  height: 15px;
  width: 15px;
  border-radius: 50px;
  background: #004377;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -5.2px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: #65bfb8;
}
input[type=range]::-moz-range-track {
  width: 100%;
  height: 5px;
  cursor: pointer;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0), 0px 0px 1px rgba(13, 13, 13, 0);
  background: rgba(196, 224, 247, 0.59);
  border-radius: 1.3px;
  border: 0.2px solid rgba(196, 224, 247, 0.5);
}
input[type=range]::-moz-range-thumb {
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0), 0px 0px 1px rgba(13, 13, 13, 0);
  border: 0.3px solid #65bfb8;
  height: 15px;
  width: 15px;
  border-radius: 50px;
  background: #65bfb8;
  cursor: pointer;
}
input[type=range]::-ms-track {
  width: 100%;
  height: 5px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: rgba(174, 212, 244, 0.59);
  border: 0.2px solid rgba(196, 224, 247, 0.5);
  border-radius: 2.6px;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0), 0px 0px 1px rgba(13, 13, 13, 0);
}
input[type=range]::-ms-fill-upper {
  background: #65bfb8;
  border: 0.2px solid rgba(196, 224, 247, 0.5);
  border-radius: 2.6px;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0), 0px 0px 1px rgba(13, 13, 13, 0);
}
input[type=range]::-ms-thumb {
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0), 0px 0px 1px rgba(13, 13, 13, 0);
  border: 0.3px solid #7caee5;
  height: 15px;
  width: 15px;
  border-radius: 50px;
  background: #7caee5;
  cursor: pointer;
  height: 5px;
}
input[type=range]:focus::-ms-fill-lower {
  background: rgba(196, 224, 247, 0.59);
}
input[type=range]:focus::-ms-fill-upper {
  background: rgba(218, 236, 250, 0.59);
}

#regForm {
    font-family: 'Roboto', sans-serif;
    width: 90%;
  min-width: 100px;
  background: #89b8ef;
  padding: 20px 0;
border-radius: 3px;
  border-color: #7caee5;
  border-radius: 50px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
    margin: 0 auto;
}

h1 {
    font-family: Roboto, sans-serif;
  text-align: center;  color: #004377;
  font-size: 32px;
  font-weight: 500;
    
}
  h3 {
    font-family: 'Roboto', sans-serif;
    font-size: 26px;
    color:#004377;
      font-weight: 500;
      margin-bottom: 20px

  }
p {
  color: #646569;
  font-size: 14px;
  font-family: 'Roboto', sans-serif;
  font-weight: normal;
}

input {
  padding: 10px;
  width: 90%;
  font-size: 16px;
	font-weight: normal;
  margin-bottom:10px;
  color:#646569;
  display:flex;
font-family: 'Roboto', sans-serif;
border: 1px solid #ccc;
	box-sizing: border-box;

}



#nextPrev{
    display:none;
}







/* Mark input boxes that gets an error on validation: */
input.invalid {
  background-color: #ffdddd;
}

/* Hide all steps by default: */
.tab {
  display: none;
}

button {
  background-color: #004377;
  color: #ffffff;
  border: none;
  font-size: 20px;
  font-family: 'Roboto black', sans-serif;
  cursor: pointer;
  border-radius: 47px;
  width: 305px;
  height: 60px;
  margin-top: 20px;
  
}

button:hover {
  opacity: 0.8;
  color: #004377;
  background-color: #65dfb8;
  border: 10px; 
  border-color: #65dfb8;
}

button:focus {
  opacity: 0.8;
  color: #004377;
  background-color: #65dfb8;
  border: 10px; 
  border-color: #65dfb8;
}

.step {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbbbbb;
  border: none;  
  border-radius: 50%;
  display: none;
  opacity: 0.5;
}

.step.active {
  opacity: 1;
}

.step.finish {
  background-color: #006332;
}

  #delay{
            text-align: center;

  }
  #debtSize{
            text-align: center;

  }
  #creditActive{
            text-align: center;

  }
  #financiera_list{
            text-align: center;

  }
  #debt_range{
      
      text-align: center;
  }
  
  #debt_amount_text{
   font-size: 16px;
  font-family: 'Roboto', sans-serif;
  text-align:center;
  color: #65bfb8;
    font-weight: 900;
  
  }/* End custom CSS */