/* kalkulaatorid.css — only layout scaffolding, no visual overrides */

/* ensure consistent box‑model inside our scoped container */
#lyfery-quiz-calculator *,
#lyfery-quiz-calculator *::before,
#lyfery-quiz-calculator *::after {
  box-sizing: border-box;
}

/* Base responsive container */
#lyfery-quiz-calculator {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

#vordlus_quiz {
  overflow: hidden;
  padding: 56px 0;
}

#lyfery-quiz-calculator .slider-container > input {
  width: 100%; 
}

#calc_quiz {
  width: 100%;
  max-width: 100%;
}

/* Quiz Funnel Styles */
.quiz-progress {
  background: rgba(94, 234, 156, 0.1);
  border-radius: 15px;
  padding: 1rem 1.5rem;
  margin-bottom: 2rem;
  text-align: center;
  border: 1px solid rgba(94, 234, 156, 0.2);
  max-width: 600px;
  margin: 0 auto;
}

.progress-bar {
  width: 100%;
  height: 8px;
  background-color: #f0f0f0;
  border-radius: 4px;
  overflow: hidden;
  margin-bottom: 1rem;
}

.progress-fill {
  height: 100%;
  background: #5EEA9C;
  border-radius: 4px;
  transition: width 0.3s ease;
}

.progress-text {
  font-size: 0.9rem;
  color: #666;
  font-weight: 500;
}

.quiz-step {
  max-width: 600px;
  margin: 0 auto;
  padding: 2rem;
  text-align: center;
}

#lyfery-quiz-calculator .step-title {
  font-size: 2.5rem;
  font-weight: 700;
  color: #000000;
  margin-bottom: 1rem;
  line-height: 1.2;
}

.step-description {
  font-size: 1.1rem;
  color: #666;
  margin-bottom: 2rem;
  line-height: 1.5;
}

.input-container {
  margin: 3rem 0;
}

.slider-container {
  margin: 2rem 0;
}

.slider-output {
  text-align: center;
  margin-bottom: 1.5rem;
}

.slider-output .value {
  font-size: 2.5rem;
  font-weight: 700;
  color: #055525;
  font-family: "Roboto Slab", serif;
}

/* Number Input Styles */
.number-input-container {
  text-align: center;
  margin: 2rem 0;
}

.number-input-wrapper {
  display: inline-flex;
  align-items: center;
  background: white;
  border: 2px solid #5EEA9C;
  border-radius: 15px;
  padding: 1rem 1.5rem;
  margin-bottom: 1rem;
  box-shadow: 0 4px 15px rgba(106, 233, 162, 0.2);
}

.number-input {
  border: none;
  outline: none;
  font-size: 2.5rem;
  font-weight: 700;
  color: #055525;
  font-family: "Roboto Slab", serif;
  text-align: center;
  width: 100px;
  background: transparent;
}

.number-input::-webkit-outer-spin-button,
.number-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.number-input[type=number] {
  -moz-appearance: textfield;
}

.input-unit {
  font-size: 1.5rem;
  font-weight: 600;
  color: #055525;
  margin-left: 0.5rem;
}

.input-range {
  font-size: 1rem;
  color: #666;
  opacity: 0.8;
}

.quiz-slider {
  width: 100%;
  height: 8px;
  border-radius: 4px;
  background: #f0f0f0;
  outline: none;
  -webkit-appearance: none;
  appearance: none;
  margin: 1.5rem 0;
}

.quiz-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #5EEA9C;
  cursor: pointer;
  box-shadow: 0 2px 6px rgba(94, 234, 156, 0.3);
}

.quiz-slider::-moz-range-thumb {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #5EEA9C;
  border: none;
  cursor: pointer;
  box-shadow: 0 2px 6px rgba(94, 234, 156, 0.3);
}

.slider-container {
  position: relative;
  margin: 1rem 0;
}

.slider-labels {
  display: flex;
  justify-content: space-between;
  font-size: 0.9rem;
  color: #888;
  margin-top: 0.5rem;
  width: 100%;
  position: relative;
}

.slider-labels .min-label {
  position: absolute;
  left: 0;
}

.slider-labels .max-label {
  position: absolute;
  right: 0;
  margin-top: 0.5rem;
}

.step-navigation {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-top: 3rem;
}

#lyfery-quiz-calculator .btn {
  padding: 12px 32px;
  border-radius: 50px;
  font-weight: 600;
  text-decoration: none;
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
  font-size: 1rem;
}

#lyfery-quiz-calculator .quiz-age {
  border: 0;
  border-bottom: 1px solid #ddd;
}

#lyfery-quiz-calculator .btn-primary {
  background: #5EEA9C;
  color: #000000;
  border: none;
  font-weight: 600;
}

#lyfery-quiz-calculator .btn-primary:hover {
  background: #4dd889;
  color: #000000;
}

#lyfery-quiz-calculator .btn-secondary {
  background: #f0f0f0;
  color: #666;
  font-weight: 600;
  border: 2px solid #ddd;
}

#lyfery-quiz-calculator .btn-secondary:hover {
  background: #e0e0e0;
  color: #555;
  border-color: #ccc;
}

#lyfery-quiz-calculator .btn-cta-orange {
  background: #ff7200;
  color: #ffffff !important;
  font-weight: 600;
  border: none;
  text-decoration: none !important;
}

#lyfery-quiz-calculator .btn-cta-orange:hover {
  background: #e65a00;
  color: #ffffff !important;
  text-decoration: none !important;
}

/* Quiz Styles - Scoped to avoid affecting parent page */
#lyfery-quiz-calculator .quiz-container {
  max-width: 800px;
  margin: 0 auto;
  padding: 2rem;
}

/* Results Styles */
.results-container {
  max-width: 100%;
  margin: 0 auto;
  padding: 2rem;
}

#lyfery-quiz-calculator .results-title {
  font-size: 3rem;
  font-weight: 700;
  color: #000000;
  text-align: center;
  margin-bottom: 2rem;
}

.results-summary {
  margin-bottom: 3rem;
}

.summary-card {
  background: #f8f9fa;
  border-radius: 15px;
  padding: 2rem;
  margin-bottom: 2rem;
}

.summary-card h3 {
  color: #055525;
  margin-bottom: 1rem;
  font-size: 1.3rem;
}

.summary-card ul {
  list-style: none;
  padding: 0;
}

.summary-card li {
  padding: 0.5rem 0;
  border-bottom: 1px solid #e0e0e0;
  display: flex;
  justify-content: space-between;
}

.summary-card li:last-child {
  border-bottom: none;
}

.comparison-chart {
  margin: 3rem 0;
  text-align: center;
  width: 100%;
  overflow-x: auto;
}

.comparison-chart canvas {
  max-width: 100%;
  height: auto;
}

.comparison-chart .chart-title {
  margin: 1rem 0 0 0;
  font-size: 1.1rem;
  font-weight: 500;
  color: #333;
  text-align: center;
}

/* Lyfery Price Section */
.lyfery-price-section {
  margin: 3rem 0;
  text-align: center;
}

.current-price-highlight {
  background: linear-gradient(135deg, #055525, #5EEA9C);
  color: white;
  border-radius: 15px;
  padding: 2rem;
  margin-bottom: 2rem;
  box-shadow: 0 4px 20px rgba(5, 85, 37, 0.3);
}

.current-price-highlight h3 {
  font-size: 1.6rem;
  margin-bottom: 1.5rem;
  font-weight: 700;
}

.price-breakdown {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  max-width: 400px;
  margin: 0 auto;
}

.price-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.price-item.dividend {
  color: #F6FFB7;
  font-weight: 600;
}

.total-price {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 0;
  border-top: 2px solid rgba(255, 255, 255, 0.3);
  margin-top: 1rem;
  font-weight: 700;
  font-size: 1.1rem;
}

.price-label {
  font-size: 1rem;
}

.price-value {
  font-family: "Roboto Slab", serif;
  font-weight: 600;
}

.price-value-large {
  font-family: "Roboto Slab", serif;
  font-weight: 700;
  font-size: 1.3rem;
}

.wins-section {
  margin: 3rem 0;
  text-align: center;
}

.lyfery-monthly-price {
  background: #F6FFB7;
  border-radius: 15px;
  padding: 2rem;
  margin-bottom: 2rem;
  text-align: center;
  box-shadow: 0 4px 15px rgba(246, 255, 183, 0.3);
}

#lyfery-quiz-calculator .lyfery-monthly-price h3 {
  color: #000000;
  font-size: 1.8rem;
  margin-bottom: 0.5rem;
  font-weight: 700;
}

.monthly-price {
  color: #055525;
  font-weight: 700;
  font-family: "Roboto Slab", serif;
}

.price-note {
  color: #055525;
  font-size: 0.9rem;
  margin: 0;
  opacity: 0.8;
}

.lifestyle-highlight h3 {
  color: #055525;
  font-size: 1.5rem;
  margin-bottom: 1rem;
  font-weight: 700;
}

.lifestyle-highlight p {
  color: #055525;
  font-size: 1rem;
  line-height: 1.5;
  margin: 0;
}

.wins-display {
  background: #5EEA9C;
  border-radius: 15px;
  padding: 2rem;
  margin-bottom: 2rem;
}

#lyfery-quiz-calculator .wins-display h3 {
  color: #000000;
  font-size: 1.8rem;
  margin-bottom: 2rem;
  font-weight: 700;
}

.wins-table {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
  text-align: left;
}

.win-section {
  background: rgba(255, 255, 255, 0.3);
  border-radius: 10px;
  padding: 1.5rem;
}

.win-section h4 {
  color: #000;
  font-size: 1.1rem;
  margin-bottom: 1rem;
  font-weight: 600;
}

.win-details {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.monthly-win, .total-win {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.win-label {
  color: #000;
  font-size: 0.9rem;
  font-weight: 500;
}

.win-amount {
  color: #000;
  font-weight: 700;
  font-size: 1.2rem;
  font-family: "Roboto Slab", serif;
}

.win-amount-large {
  color: #000;
  font-weight: 700;
  font-size: 1.5rem;
  font-family: "Roboto Slab", serif;
}

.cta-section {
  text-align: center;
  margin: 3rem 0;
}

.cta-highlight {
  background: #055525;
  color: white;
  border-radius: 15px;
  padding: 2rem;
  margin-bottom: 2rem;
  box-shadow: 0 4px 20px rgba(5, 85, 37, 0.3);
}

#lyfery-quiz-calculator .cta-highlight h3 {
  font-size: 2rem;
  margin-bottom: 1rem;
  font-weight: 700;
}

.cta-highlight p {
  font-size: 1rem;
  line-height: 1.5;
  margin: 0;
  opacity: 0.9;
}

.btn-large {
  font-size: 1.2rem;
  padding: 1.2rem 2.5rem;
  min-width: 250px;
}

/* Contact Form Styles */
.contact-form {
  max-width: 400px;
  margin: 0 auto;
  text-align: left;
}

.form-group {
  margin-bottom: 1.5rem;
}

.form-group label {
  display: block;
  font-weight: 600;
  color: #055525;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}

.form-input {
  width: 100%;
  padding: 1rem;
  border: 2px solid #5EEA9C;
  border-radius: 10px;
  font-size: 1rem;
  outline: none;
  transition: border-color 0.3s ease;
}

.form-input:focus {
  border-color: #055525;
  box-shadow: 0 0 0 3px rgba(94, 234, 156, 0.2);
}

.form-help {
  display: block;
  font-size: 0.85rem;
  color: #666;
  margin-top: 0.5rem;
  line-height: 1.3;
}

.privacy-policy {
  margin-top: 1rem;
  text-align: center;
}

.privacy-policy small {
  font-size: 0.8rem;
  color: #666;
}

.privacy-policy a {
  color: #055525;
  text-decoration: underline;
}

.privacy-policy a:hover {
  color: #044420;
}

/* Error Message Styles */
.lyfery-error-message {
  background: #ffebee;
  border: 2px solid #f44336;
  border-radius: 10px;
  padding: 1rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
  animation: slideInDown 0.3s ease-out;
}

.lyfery-error-message .error-content {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.lyfery-error-message .error-icon {
  font-size: 1.2rem;
  flex-shrink: 0;
}

.lyfery-error-message .error-text {
  color: #d32f2f;
  font-weight: 600;
  font-size: 1rem;
}

@keyframes slideInDown {
  from {
    opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Loading Screen Styles */
.loading-container {
  text-align: center;
  padding: 3rem 1rem;
}

.loading-bar {
  width: 100%;
  max-width: 400px;
  height: 8px;
  background-color: #EEF3E4;
  border-radius: 4px;
  overflow: hidden;
  margin: 2rem auto;
}

.loading-progress {
  height: 100%;
  background: #5EEA9C;
  border-radius: 4px;
  width: 0%;
  transition: width 0.3s ease;
}

.loading-text {
  font-size: 1.1rem;
  color: #055525;
  font-weight: 500;
}

/* Disclaimer Styles */
.disclaimer {
  margin-top: 2rem;
  padding: 1.5rem;
  background: #EEF3E4;
  border-radius: 10px;
  border-left: 4px solid #5EEA9C;
}

.disclaimer p {
  font-size: 0.85rem;
  color: #666;
  line-height: 1.4;
  margin: 0;
}

.action-buttons {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-top: 3rem;
}

.action-buttons .btn {
  min-width: 200px;
}

/* Mobile Responsive */
@media (max-width: 768px) {
  .container {
    padding: 1rem;
  }

  .results-container {
    padding: 0;
  }
  
  .quiz-container {
    padding: 1rem;
    margin: 1rem;
  }
  .quiz-step {
    padding: 0;
    padding-top: 1rem;
  }
  
  .step-title {
    font-size: 1.5rem;
  }
  
  .slider-output .value {
    font-size: 2rem;
  }
  
  
  .wins-display {
    padding: 1.5rem;
  }
  
  .wins-table {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
  
  .number-input-wrapper {
    padding: 0.8rem 1.2rem;
  }
  
  .number-input {
    font-size: 2rem;
    width: 80px;
  }
  
  .input-unit {
    font-size: 1.2rem;
  }
  
  .lifestyle-highlight, .cta-highlight, .current-price-highlight {
    padding: 1.5rem;
  }
  
  .cta-highlight h3, .current-price-highlight h3 {
    font-size: 1.3rem;
  }
  
  .price-breakdown {
    max-width: 100%;
  }
  
  .price-item, .total-price {
    font-size: 0.9rem;
  }
  
  .price-value-large {
    font-size: 1.1rem;
  }
  
  .btn-large {
    font-size: 1rem;
    padding: 1rem 2rem;
    min-width: 200px;
  }
  
  .contact-form {
    max-width: 100%;
    padding: 0 1rem;
  }
  
  .form-input {
    padding: 0.8rem;
    font-size: 0.9rem;
  }
  
  .loading-container {
    padding: 2rem 1rem;
  }
  
  .loading-bar {
    max-width: 300px;
  }
  
  .disclaimer {
    padding: 1rem;
    margin: 1.5rem 0;
  }
  
  .disclaimer p {
    font-size: 0.8rem;
  }
  
  .action-buttons {
    flex-direction: column;
    align-items: center;
  }
  
  #lyfery-quiz-calculator .results-title {
    font-size: 1.5rem;
    line-height: 1.2;
  }
  
  #lyfery-quiz-calculator .step-title {
    font-size: 1.8rem;
  }
  
  #lyfery-quiz-calculator .lyfery-monthly-price h3,
  #lyfery-quiz-calculator .wins-display h3 {
    font-size: 1.4rem;
  }

  #lyfery-quiz-calculator .monthly-price {
    display: block;
    margin-top: 8px;
  }
    
  
  #lyfery-quiz-calculator .cta-highlight h3 {
    font-size: 1.5rem;
  }
}

/* white card background + rounded corners + gentle shadow */


#lyfery-quiz-calculator h2.text-center {
    text-align:center; 
    margin-top: 3rem;
}

/* split calc vs. graph columns */
#lyfery-quiz-calculator #calc_quiz {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  margin-top: 4rem;
  margin-bottom: 3rem;

}


#lyfery-quiz-calculator .calc_sliders {
  flex: 2 1 60%;
}
#lyfery-quiz-calculator #graf,
#lyfery-quiz-calculator #graf_divivdent {
  flex: 1 1 35%;
}

/* stack on mobile */
@media (max-width: 991px) {
  #lyfery-quiz-calculator #calc,
  #lyfery-quiz-calculator #graf,
  #lyfery-quiz-calculator #graf_divivdent {
    flex: 1 1 100%;
  }
}

/* simple spacing helpers */
#lyfery-quiz-calculator .block {
  margin-bottom: 2rem;
}
#lyfery-quiz-calculator .content {
  margin-bottom: 1.5rem;
}


@media (min-width: 992px) {
    #calcBG #box {
        display: flex
;
        gap: 2rem;
        flex-direction: row-reverse;
    }
}

/* Scoped Bootstrap‑style modal CSS under #lyfery-quiz-calculator */



#calc_quiz {font-size:17px; line-height:22px; overflow-x:hidden; color:#000000;
    -webkit-user-select: none;  -ms-user-select: none;   user-select: none;
  }
  .w400 {font-weight:400 !important;}
  .w700 {font-weight:700;}
  .text-left {text-align:left !important;}
  
  .calc_label {font-family:Frg; font-weight:400; font-size:2.8em; line-height:1.1em; text-align:left; padding-right:8%; margin-bottom:1.4em;}
  .calc_sublabel {font-family:Inter; font-weight:400; font-size:1.35em !important; text-align:left !important; opacity:0.4; margin:0 0 1.4em 0 !important;}
  
  h6 {font-family: DM Sans; font-size: 32px; font-weight: 400;}
  
  #calc_quiz a {color:#1f7b47 !important; text-decoration:underline;}
  #calc_quiz a:hover {color:#12542e !important; text-decoration:none;}
  #calc_quiz p.disclaimer {font-size:1em; margin-block-start: 2em; :"Helvetica"; color:#888;}
  
  #calc_quiz #box {width:100%; display:flex; flex-direction: row-reverse; align-items:start; justify-content: center;}
  #calc_quiz .calc_sliders {padding:35px 2.5rem; min-width:360px;}
  #graf .content,#graf_divivdent {padding:0 10% 20px 0; border-radius:20px; min-width:30%; }
  
  #calc_quiz .content {padding-bottom:25px;}
      
  #calc_quiz #steps {display:flex; justify-content:center; align-items:center; margin-bottom:45px;}
  #calc_quiz #steps div {margin:auto 10px; width:10px; height:10px; background:#5EEA9C; border-radius:20px;}
  #calc_quiz #steps div.active {width:22px; height:22px; text-align:center; font-size:0.9em;}
  
  #calc_quiz .coverage {display:flex; text-align:left; justify-content:space-between; padding:0 0 6px 0; margin:25px 0; align-items:center;}
  #calc_quiz .coverage .flex,#calc_quiz .coverage_line .flex {align-items:center; gap:10px;}
  #calc_quiz .coverage_line {text-align:left; padding:0; margin:20px 0;}
  #calc_quiz .coverage i,#calc_quiz .coverage_line i {color:#45c4a0; font-size:33px;}
  #calc_quiz .bold {font-weight:bold;}
  .lang {margin-top:10px;}
  
  #calc_quiz #step6,#calc_quiz #step7,#calc_quiz #step8 {display:none;}
  #calc_quiz .chkrow1 {display:flex; gap:40px; align-items:center; padding:10px 0;}
  #calc_quiz .chkrow2 {display:flex; gap:10px; align-items:center;}
  #calc_quiz .chkrow2 input[type="radio"] {margin-top:-2px; border-color: #5EEA9C;}
  #calc_quiz h2.steplabel {text-align:left; font-size:1.45em; margin:20px 0 10px 0; line-height:1.36em;}
  #calc_quiz .lbl {line-height:1.5em;}
  #calc_quiz .bold {font-weight:bold;}
  #calc_quiz .lbl_desc,#calc_quiz h2 .desc  {position:relative;}
  #calc_quiz .lbl_desc i  {position:absolute; top:-2px; left:10px; cursor:pointer;  font-size:16px;}
  #calc_quiz h2 .desc i  {position:absolute; top:1px; left:14px; cursor:pointer; color:#45c4a0; font-size:28px;}
  #calc_quiz .ask {clear:both; margin-top:30px !important;}
  #calc_quiz .desc  {margin:-23px 0 15px 0; color:#999 !important;}
  #calc_quiz h2 .t21 i  {top:0.74em !important;}
  
  #calc_quiz .more2 {margin:20px 0 0 0; }
  #calc_quiz .more2 h3 {margin:25px 0; font-size:19px;}
  #calc_quiz .more2 input,#calc_quiz .more2 textarea {outline:0; margin-bottom:16px; border:2px solid #5EEA9C; padding:7px 2%; width:100%; border-radius:8px; font-size:17px;}
  #calc_quiz .more2 textarea {height:160px;}
  #calc_quiz .more2 input.but {padding:13px 2%; border-radius:25px; border:0;}
  #calc_quiz .more2 h3 {margin:15px 0;}
  #calc_quiz .mw500 {max-width:450px; color:#45c4a0;}
  
  
  #calc_quiz .wellness ul {margin:0; padding:0;}
  #calc_quiz .wellness li {display:flex; list-style:none; align-items:center; padding:0 20px 7px 0;}
  #calc_quiz .wellness input {margin-right:5px;}
  #calc_quiz .wellness.centered {text-align:center;}
  #calc_quiz .form-check-input {border-color: #5EEA9C;}
  #calc_quiz .form-check-input:checked {background-color: #005724;}
  #calc_quiz .form-check-input:disabled {background-color: #F5F8EF;}
  #calc_quiz .green {color:#005724;}
  #calc_quiz .orange {color:#ff7200;}
  #wellness_pckg,#adv_wellness_pckg {font-size:14px; color:#959caa; max-width:250px;}
  #recom_lifery,#recom_disability {font-family:"Inter"; font-size:17px; color:#fff; background:#005724; padding:6px 16px; border-radius:20px; margin:6px auto; display:inline-block;}
  
  /*#calc_quiz #graf .content {display:flex; gap:80px;}*/
  #calc_quiz #graf hr {display:none;}
  #calc_quiz .but.finish {margin:10px 0;}
  
  .hidden {display:none !important;}
  
      
  
  .graf_round {position:relative;}
  #svg,#svg1 {margin:20px; border-radius:50%;}
  
  .graf_round {width:380px; height:380px; margin:20px auto;}
  #svg,#svg1 {width:340px; height:340px; }
      
  #graf ul {list-style:none; font-size:16px; text-align:left; margin:-10px 0 0 0; padding:0 0 12px 0;}
  #graf li {display:flex; justify-content:space-between; gap:15px; margin:17px 0; align-items:center;}
  #graf li .txt {width:55%; font-size:20px;}
  #calc_quiz .price,#calc_quiz .mainprice {text-align:right; font-weight:700; font-size:20px; min-width:100px;}
  #calc_quiz .mainprice {width:130px; display:flex; justify-content: right; align-items:center;}
  #calc_quiz .mainprice div {color:#fff; background:#45c4a0; padding:4px 12px; border-radius:6px;}
  #calc_quiz .total {text-align:center; position:absolute; width:100%; top:50%; margin:-80px 0 0 0;}
  #calc_quiz a {color:#0f41eb;}
  #calc_quiz .dot {min-width:20px; width:20px; height:20px; border-radius:5px;}
  .blue {background:#F2FEB1;}
  .yellowd {background:#059142;}
  .red {background:#005724;}
  .greendot {background:#5EEA9C;}
  .greendot_hatched {background:url(../img/dividends_calc.png);}
  
  .modal .bg {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.2);}
  .modal .flex {display:flex; height:100%;}
  .modal .modal-body {position:relative; background:#fff; margin:auto; border-radius:30px; max-width:650px; box-shadow:2px 2px 8px rgba(0,0,0,0.15);}
  .modal .close {position:absolute; right:12px; top:4px; cursor:pointer; font-size:32px;}
  
  
  #calc_quiz h1 {margin:0; padding:0 5% 30px 5%; text-align:center; font-size:30px; letter-spacing:-0.3px;}
  #calc_quiz h2 {text-align:center; margin:20px 5% 12px 5%; padding:0; font-size:18px; line-height:24px; font-weight:700;}
  
  #calc_quiz summary {padding:13px 0 13px 0; font-family:"Roboto Slab"; font-size:18px; line-height:24px; font-weight:700; cursor:pointer; list-style:none;}
  #calc_quiz summary:after {content: "+"; float:right; color:#888; text-shadow:0 1px 0 #fff; font-size:1.6em; font-weight:normal; margin:0; padding:0 0 0 15px; text-align:center;  width:30px;}
  #calc_quiz details[open] summary:after {content: "-";}
  #calc_quiz .block {margin-top:10px; width:100%;}
  #calc_quiz .lbl {margin-top:3px;}
  #calc_quiz .lbl i {font-size:28px; color:#45c4a0; line-height:30px; cursor:pointer;}
  #calc_quiz .descr_modal {font-size:28px; color:#45c4a0; margin-left:5px; cursor:pointer;}
  #calc_quiz .lbl .flex {display:flex; gap:12px; align-items:center;}
  .ac {align-items:center;}
  #calc_quiz summary#lookpackage {display:inline-block;}
  
  .titleDesc {font-size:14px; color:#959caa; padding-right:15px;}
  
  #calc_quiz .wellness .col {display:flex; gap:60px;}
  
  #calc_quiz hr {border-top:1px solid #d5d5d5; border-bottom:1px solid #fff; margin:22px 0;}
  
  #calc_quiz .flex {display:flex;}
  
  #calc_quiz .action_buttons {display:flex; gap:10px; justify-content:end; position:relative;}
  #calc_quiz .leftbut {position:absolute; left:0; top:0;}
  
  
  #calc_quiz .chk {display:flex; gap:20px; margin:30px 0; align-items:center;}
  #calc_quiz .chb {width:26px; height:26px; background:#ff0000; cursor:pointer;}
  #calc_quiz .but {padding:12px 32px; border-radius:50px; background:#fff; margin:0 0 16px 0; cursor:pointer; text-align:center; display:inline-block;}
  #calc_quiz .but.green {background:#5EEA9C; color:#000; border:0;}
  #calc_quiz .but.grey {color:#000; background:transparent;}
  #calc_quiz .but.active {background:#5EEA9C; color:#fff; box-shadow:inset 1px 3px 4px rgba(0,0,0,0.2); border-bottom:1px solid #fff;}
  #calc_quiz .but.active .descr {color:#a9ffe7;}
  #calc_quiz .but h3 {margin:0; padding:0; font-size:17px; font-weight:500;}
  #calc_quiz .but.active h3 {color:#fff;}
  #calc_quiz .descr {font-size:0.9em; line-height:1em;}
  #calc_quiz .descr2 {max-width:100%;}
  #calc_quiz .descr2 div {display:inline-block; font-size:15px; color:#fff; padding:4px 9px; margin:2px 6px 2px 0; background:#45c4a0; border-radius:6px;}
  #calc_quiz .coverage .descr2 div {margin:0 0 0 10px;}
  #calc_quiz .total span {font-size:18px; color:#777;}
  #calc_quiz .total h2 {font-size:4.2em; margin:2px 0; padding:40px 0; font-family:"Roboto Slab"; font-weight:400;}
  #calc_quiz .col2 {columns:2; gap:30px;}
  
  #calc_quiz .dropdown, #calc_quiz input.txt {color:#666; font-size:17px; position:relative; margin-bottom:25px; border-bottom:2px solid #5EEA9C;}
  #calc_quiz .dropdown .active {padding:5px 30px 7px 0;}
  #calc_quiz .dropdown .label,#calc_quiz .birth_label {font-size:14px; color:#959caa; display:none; line-height:15px;}
  #calc_quiz .dropdown {cursor:pointer; background:url(../img/arr.png) no-repeat right center; position:relative;}
  #calc_quiz .dropdown ul {position:absolute; width:100%; left:-1px; top:0; z-index:10; display:none; margin:0; padding:0; background:#fff; border-radius:8px; border:1px solid #ddd; box-shadow:4px 4px 12px rgba(0,0,0,0.1); overflow:hidden;}
  #calc_quiz .dropdown li {list-style:none; padding:12px 10px; margin:0;}
  #calc_quiz .dropdown li:hover {background:#45c4a0; color:#fff;}
  
  #calc_quiz .slider {width:100%; padding:5px 0 28px 0; position:relative;}
  #calc_quiz .slider input {width:100%; background:transparent;}
  
  #calc_quiz .slider output {display:none; line-height:1.1em; margin-bottom:12px;}
  #calc_quiz .output { font-size:2em; font-family:"Roboto Slab"; font-weight:500;}
  #calc_quiz .output output {display:inline-block;}
  #calc_quiz .slider .min {position:absolute; left:0; bottom:0; font-size:0.9em; color:#888;}
  #calc_quiz .slider .max {position:absolute; right:0; bottom:0; font-size:0.9em; color:#888;}
  
  #calc_quiz #recom_lifery2,#calc_quiz #recom_disability2 {display:flex; margin-bottom:10px; justify-content:space-between; align-items:center; margin-bottom:16px;}
  #calc_quiz #recom_lifery2 .green,#calc_quiz #recom_disability2 .green {color:#fff; background:#005724; padding:6px 16px; border-radius:20px;}
  #calc_quiz .graphlink {margin:30px 0;}
  #calc_quiz .graphlink a {font-weight:bold; font-size:1.1em;}
  #calc_quiz .trm {line-height:1.3em;}
  
  
  /*generated with Input range slider CSS style generator (version 20211225) */
  #calc_quiz input[type=range].styled-slider {
    height: 24px;
    -webkit-appearance: none;
  }
  
  /*progress support*/
  #calc_quiz input[type=range].styled-slider.slider-progress {
    --range: calc(var(--max) - var(--min));
    --ratio: calc((var(--value) - var(--min)) / var(--range));
    --sx: calc(0.5 * 1.6em + var(--ratio) * (100% - 1.6em));
  }
  
  #calc_quiz input[type=range].styled-slider:focus {
    outline: none;
  }
  
  /*webkit*/
  #calc_quiz input[type=range].styled-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    width:40px;
    height:40px;
    border-radius:15px;
    background: #005724;
    margin-top:-3px;
  }
  
  #calc_quiz input[type=range].styled-slider::-webkit-slider-runnable-track {
    height: 24px;
    border-radius: 12px;
    background: #F5F8EF;
  }
  
  
  #calc_quiz input[type=range].styled-slider::-webkit-slider-thumb:active {
    background: #005724;
  }
  
  #calc_quiz input[type=range].styled-slider:active::-webkit-slider-runnable-track {
    background: #f5f5f5;
    border-color: #c1c1c1;
  }
  
  #calc_quiz input[type=range].styled-slider.slider-progress::-webkit-slider-runnable-track {
    background: linear-gradient(to right, #5EEA9C, #5EEA9C) 0/var(--sx) 100% no-repeat, #F5F8EF;
  }
  
  
  /*mozilla*/
  #calc_quiz input[type=range].styled-slider::-moz-range-thumb {
    width:30px;
    height:30px;
    border-radius:15px;
    background: #005724;
  }
  
  #calc_quiz input[type=range].styled-slider::-moz-range-track {
    height: 24px;
    border-radius: 0.5em;
    background: #F5F8EF;
  }
  
  
  #calc_quiz input[type=range].styled-slider:active::-moz-range-track {
    background: #f5f5f5;
    border-color: #c1c1c1;
  }
  
  #calc_quiz input[type=range].styled-slider.slider-progress::-moz-range-track {
    background: linear-gradient(to right, #5EEA9C, #5EEA9C) 0/var(--sx) 100% no-repeat, #F5F8EF;
  }
  
  
  /*ms*/
  #calc_quiz input[type=range].styled-slider::-ms-fill-upper {
    background: transparent;
    border-color: transparent;
  }
  
  #calc_quiz input[type=range].styled-slider::-ms-fill-lower {
    background: transparent;
    border-color: transparent;
  }
  
  #calc_quiz input[type=range].styled-slider::-ms-thumb {
    width:30px;
    height:30px;
    border-radius:15px;
    margin-top:-3px;
    box-sizing: border-box;
  }
  
  #calc_quiz input[type=range].styled-slider::-ms-track {
    height: 24px;
    border-radius: 0.5em;
    background: #F5F8EF;
    box-sizing: border-box;
  }
  
  #calc_quiz input[type=range].styled-slider:active::-ms-track {
    background: #f5f5f5;
  }
  
  #calc_quiz input[type=range].styled-slider.slider-progress::-ms-fill-lower {
    height: 24px;
    border-radius:12px;
    background:#5EEA9C;
    border-right-width: 0;
  }
  
  
  
  .flatpickr-input {background:none; border:none; outline:none; 
      padding:5px 0 7px 0; width:100%; font-weight:500;
      color:#666; font-size:17px; position:relative; margin-bottom:25px; border-bottom:2px solid #5EEA9C;
  }
  .flatpickr-day.selected {background:#45c4a0 !important;}
  
  
  /* The switch - the box around the slider */
  #calc_quiz .switch {position: relative; width: 50px; height: 26px; border-radius:26px; border:1px solid #ccc; cursor: pointer; overflow:hidden;}
  #calc_quiz .switch .slider {margin:0; padding:0; position: absolute; left:0; top:0; width:100%; height:100%; background: #ddd; border-radius:26px;
     -webkit-transition: .4s; transition: .4s;}
  
  #calc_quiz .switch .slider:before {position: absolute; content: ""; height: 20px; width: 20px; left:3px; top:2px; border-radius: 50%; background-color: white; -webkit-transition: .4s; transition: .4s;}
  #calc_quiz .switch.checked .slider {background-color: #45c4a0;}
  #calc_quiz .switch.checked .slider:before {-webkit-transform: translateX(22px); -ms-transform: translateX(22px); transform: translateX(22px);}
  
  
  #calc_quiz #mob,#calc_quiz .mob,#calc_quiz .mob2 {display:none !important;}
      
  @media screen and (max-width:1500px) {
      #calc_quiz #graf {display:block;}
      #calc_quiz #graf hr {display:block; margin:40px 0 25px 0;}
      #calc_quiz .total h2 {font-size:3.5em;}
      #graf li .txt {font-size:16px;}
      #calc_quiz .wellness .chkrow1 {display:block; align-items:left; padding:12px 0;}
      #calc_quiz .chkrow2 {margin-bottom:20px;}
  }
  @media screen and (max-width:1150px) {
      
      #calc_quiz #mob,#calc_quiz .mob {display:block !important;}
      #calc_quiz .action_buttons {display:none !important;}
      #calc_quiz .mob2 {display:flex !important;}
      #calc_quiz #step1,#calc_quiz #step2,#calc_quiz #step3,#calc_quiz #step4,#calc_quiz #step5 {display:none;}
      
      .graf_round {width:480px; height:480px; margin:20px auto 30px auto;}
      #svg,#svg1 {width:440px; height:440px;}
      #calc_quiz .total h2 {font-size:4.5em;}
      #graf li .txt {font-size:20px;}
      
      #calc_quiz {margin-top:15px;}
      #calc_quiz .calc_label {font-size:1.8rem; padding-right:0;}
      #calc_quiz #box {display:block; margin:auto; min-width:360px; /*background:#f1f3f6; border-radius:20px; box-shadow:0 10px 40px rgba(8,27,89,0.06);*/ overflow:hidden; }
      #graf_divivdent {width:100%; padding:0;}
      #graf {margin:0 auto;}
      #calc_quiz .calc_sliders {background:transparent; min-width:unset; width:100%; padding:25px 2rem;}
      #calc_quiz .block {min-width:auto; width:100%;}
      #calc_quiz .col2 {columns:1;}
      #calc_quiz .wellness .col {display:block;}
      #calc_quiz .wellness .lbl .tltip {width:350px; left:20px;}
      
      #calc_quiz .col-5,#calc_quiz .col-7 {width:100%;}
      #calc_quiz .content {padding-right:0;}
      #graf li .txt {font-size:20px;}
  
  }
  @media screen and (max-width:768px) {
      #calc_quiz .calc_sliders {padding:25px 0.9rem;}
      #calc_quiz #graf {padding:0;}
      #graf,#graf_divivdent {min-width:unset; padding:0 15px; width:calc(100% - 15px);}
      #graf .lbl,#graf_divivdent .lbl {margin:10px 0;}
      #graf li {gap:9px;}
      #graf li .txt {width:60%; font-size:16px;}
      #graf .lbl {margin:10px 0; font-size:16px;}
      #graf .lbl h3 {font-size:16px;}
      .comparison-chart {
        margin: 2rem 0;
        padding: 0 1rem;
      }
      
      .comparison-chart canvas {
        width: 100% !important;
        height: 300px !important;
        max-width: none;
      }
      #calc_quiz .total {margin-top:-45px;}
      #calc_quiz .total h2 {font-size:3em; padding:17px 0;}
      .graf_round {width:290px; height:290px; margin:20px auto;}
      #svg,#svg1 {width:250px; height:250px; }
      #calc_quiz #box,#calc_quiz .price {min-width:unset;}
  }

  #calc_quiz {font-size:17px; line-height:22px; overflow-x:hidden; color:#000000;
    -webkit-user-select: none;  -ms-user-select: none;   user-select: none; font-family:"Inter";
  }
  .w400 {font-weight:400 !important;}
  .w700 {font-weight:700;}
  .text-left {text-align:left !important;}
  
  .calc_label {font-family:Frg; font-weight:400; font-size:2.8em; line-height:1.1em; text-align:left; padding-right:8%; margin-bottom:1.4em;}
  .calc_label2 {font-family:Frg; font-weight:400; font-size:2em; line-height:1.1em; text-align:left;}
  .calc_sublabel {font-family:Inter; font-weight:400; font-size:1.35em !important; text-align:left !important; opacity:0.4; margin:0 0 1.4em 0 !important;}
  
  h6 {font-family: DM Sans; font-size: 32px; font-weight: 400;}
  
  #calc_quiz a {color:#1f7b47 !important; text-decoration:underline;}
  #calc_quiz a:hover {color:#12542e !important; text-decoration:none;}
  #calc_quiz p.disclaimer {font-size:0.9em; color:#888;}
  #calc_quiz a.no-underline {text-decoration:none;}
  
  #calc_quiz #box {width:100%; display:flex; align-items:start; justify-content: center;}
  #calc_quiz .calc_sliders {padding:35px 2.5rem; min-width:360px;}
  #graf .content,#graf_divivdent {padding:0 0 20px 10%; border-radius:20px; min-width:35%; }
  
  #calc_quiz .content {padding-bottom:25px;}
      
  #calc_quiz #steps {display:flex; justify-content:center; align-items:center; margin-bottom:45px;}
  #calc_quiz #steps div {margin:auto 10px; width:10px; height:10px; background:#5EEA9C; border-radius:20px;}
  #calc_quiz #steps div.active {width:22px; height:22px; text-align:center; font-size:0.9em;}
  
  #calc_quiz .coverage {display:flex; text-align:left; justify-content:space-between; padding:0 0 6px 0; margin:25px 0; align-items:center;}
  #calc_quiz .coverage .flex,#calc_quiz .coverage_line .flex {align-items:center; gap:10px;}
  #calc_quiz .coverage_line {text-align:left; padding:0; margin:20px 0;}
  #calc_quiz .coverage i,#calc_quiz .coverage_line i {color:#45c4a0; font-size:33px;}
  #calc_quiz .bold {font-weight:bold;}
  .lang {margin-top:10px;}
  
  #calc_quiz #step6,#calc_quiz #step7,#calc_quiz #step8 {display:none;}
  #calc_quiz .chkrow1 {display:flex; gap:40px; align-items:center; padding:10px 0;}
  #calc_quiz .chkrow2 {display:flex; gap:10px; align-items:center;}
  #calc_quiz .chkrow2 input[type="radio"] {margin-top:-2px; border-color: #5EEA9C;}
  #calc_quiz h2.steplabel {text-align:left; font-size:1.45em; margin:20px 0 10px 0; line-height:1.36em;}
  #calc_quiz .lbl {line-height:1.5em;}
  #calc_quiz .bold {font-weight:bold;}
  #calc_quiz .lbl_desc,#calc_quiz h2 .desc  {position:relative;}
  #calc_quiz .lbl_desc i  {position:absolute; top:-2px; left:10px; cursor:pointer;  font-size:16px;}
  #calc_quiz h2 .desc i  {position:absolute; top:1px; left:14px; cursor:pointer; color:#45c4a0; font-size:28px;}
  #calc_quiz .ask {clear:both; margin-top:30px !important;}
  #calc_quiz .desc  {margin:-23px 0 15px 0; color:#999 !important;}
  #calc_quiz h2 .t21 i  {top:1em !important;}
  
  .descr_modal {font-size:28px; color:#45c4a0; margin:-3px 0 0 5px; cursor:pointer;}
  
  #calc_quiz .more2 {margin:20px 0 0 0; }
  #calc_quiz .more2 h3 {margin:25px 0; font-size:19px;}
  #calc_quiz .more2 input,#calc_quiz .more2 textarea {outline:0; margin-bottom:16px; border:2px solid #5EEA9C; padding:7px 2%; width:100%; border-radius:8px; font-size:17px;}
  #calc_quiz .more2 textarea {height:160px;}
  #calc_quiz .more2 input.but {padding:13px 2%; border-radius:25px; border:0;}
  #calc_quiz .more2 h3 {margin:15px 0;}
  #calc_quiz .mw500 {max-width:450px; color:#45c4a0;}
  
  
  #calc_quiz .wellness ul {margin:0; padding:0;}
  #calc_quiz .wellness li {display:flex; list-style:none; align-items:center; padding:0 20px 7px 0;}
  #calc_quiz .wellness input {margin-right:5px;}
  #calc_quiz .wellness.centered {text-align:center;}
  #calc_quiz .form-check-input {border-color: #5EEA9C;}
  #calc_quiz .form-check-input:checked {background-color: #005724;}
  #calc_quiz .form-check-input:disabled {background-color: #F5F8EF;}
  #calc_quiz .green {color:#005724;}
  #calc_quiz .orange {color:#ff7200;}
  #wellness_pckg,#adv_wellness_pckg {font-size:14px; color:#959caa; max-width:250px;}
  #recom_lifery,#recom_disability {font-family:"Inter"; font-size:17px; color:#fff; background:#005724; padding:6px 16px; border-radius:20px; margin:6px auto; display:inline-block;}
  
  /*#calc_quiz #graf .content {display:flex; gap:80px;}*/
  #calc_quiz #graf hr {display:none;}
  #calc_quiz .but.finish {margin:10px 0;}
  
  .hidden {display:none !important;}
  
      
  
  .graf_cols {width:100%; height:360px; position:relative;}
  .graf_round {width:480px; height:480px; margin:20px auto 30px auto; position:relative;}
  
  #graf_descr,#graf_descr2 {display:flex; margin-top:20px;}
  #graf_descr div,#graf_descr2 div {font-size:0.7rem; text-align:center; line-height:0.75rem; border-radius:8px; padding:6px; margin-top:14px;}
  #graf_descr div.col,#graf_descr2 div.col {width:25.3%; margin:0 4%;}
  #graf_descr div.graf_price,#graf_descr2 div.graf_price {font-family:"Roboto Slab"; margin-top:4px; font-size:1rem; font-weight:600;}
  
  #svg,#svg2 {width:100%; height:100%; position:relative; display:flex;}
  #svg1 {width:440px; height:440px; margin:20px; border-radius:50%;}
  
  #svg .col,#svg2 .col {width:23.3%; margin:0 5%; position:relative;}
  #svg .col div,#svg2 .col div {position:absolute; bottom:100px; width:100%;}
  #svg .col div.labl,#svg2 .col div.labl {text-align:center !important; bottom:0; width:100%;}
  #svg .col div.labl h2 {font-size:1.8em;  font-family:"Roboto Slab";}
  #svg2 .col div.labl h2 {font-size:1.5em;  font-family:"Roboto Slab";}
  
  
  
  
  #graf ul {list-style:none; font-size:16px; text-align:left; margin:-10px 0 0 0; padding:0 0 12px 0;}
  #graf li {display:flex; justify-content:space-between; gap:15px; margin:17px 0; align-items:center;}
  #graf li .txt {width:55%; font-size:20px;}
  #calc_quiz .price,#calc_quiz .mainprice {text-align:right; font-weight:700; font-size:20px; min-width:100px;}
  #calc_quiz .mainprice {width:130px; display:flex; justify-content: right; align-items:center;}
  #calc_quiz .mainprice div {color:#fff; background:#45c4a0; padding:4px 12px; border-radius:6px;}
  #calc_quiz .total {text-align:center; position:absolute; width:100%; top:50%; margin:-80px 0 0 0;}
  #calc_quiz a {color:#0f41eb;}
  #calc_quiz .dot {min-width:20px; width:20px; height:20px; border-radius:5px;}
  .blue {background:#F2FEB1;}
  .yellowd {background:#059142;}
  .red {background:#005724;}
  .greendot {background:#5EEA9C;}
  
  .modal .bg {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.2);}
  .modal .flex {display:flex; height:100%;}
  .modal .modal-body {position:relative; background:#fff; margin:auto; border-radius:30px; max-width:650px; box-shadow:2px 2px 8px rgba(0,0,0,0.15);}
  .modal .close {position:absolute; right:12px; top:4px; cursor:pointer; font-size:32px;}
  
  
  #calc_quiz h1 {margin:0; padding:0 5% 30px 5%; text-align:center; font-size:30px; letter-spacing:-0.3px;}
  #calc_quiz h2 {text-align:center; margin:20px 5% 12px 5%; padding:0; font-size:18px; line-height:24px; font-weight:700;}
  
  #calc_quiz summary {padding:13px 0 13px 0; font-familyh:DM Sans,sans-serif; font-size:18px; line-height:24px; font-weight:700; cursor:pointer; list-style:none;}
  #calc_quiz summary:after {content: "+"; float:right; color:#888; text-shadow:0 1px 0 #fff; font-size:1.6em; font-weight:normal; margin:0; padding:0 0 0 15px; text-align:center;  width:30px;}
  #calc_quiz details[open] summary:after {content: "-";}
  #calc_quiz .block {margin-top:10px; width:100%;}
  #calc_quiz .lbl {margin-top:3px;}
  #calc_quiz .lbl i {font-size:28px; color:#45c4a0; line-height:30px; cursor:pointer;}
  #calc_quiz .lbl .flex {display:flex; gap:12px; align-items:center;}
  #calc_quiz summary#lookpackage {display:inline-block;}
  
  .titleDesc {font-size:14px; color:#959caa; padding-right:15px;}
  
  #calc_quiz .wellness .col {display:flex; gap:60px;}
  
  #calc_quiz hr {border-top:1px solid #d5d5d5; border-bottom:1px solid #fff; margin:22px 0;}
  
  #calc_quiz .flex {display:flex;}
  
  #calc_quiz .action_buttons {margin-top:40px; display:flex; gap:10px; justify-content:end; position:relative;}
  #calc_quiz .leftbut {position:absolute; left:0; top:0;}
  
  
  #calc_quiz .chk {display:flex; gap:20px; margin:30px 0; align-items:center;}
  #calc_quiz .chb {width:26px; height:26px; background:#ff0000; cursor:pointer;}
  #calc_quiz .but {padding:12px 32px; border-radius:50px; background:#fff; margin:0 0 16px 0; cursor:pointer; text-align:center; display:inline-block;}
  #calc_quiz .but.green {background:#5EEA9C; color:#000; border:0;}
  #calc_quiz .but.grey {color:#000; background:transparent;}
  #calc_quiz .but.active {background:#5EEA9C; color:#fff; box-shadow:inset 1px 3px 4px rgba(0,0,0,0.2); border-bottom:1px solid #fff;}
  #calc_quiz .but.active .descr {color:#a9ffe7;}
  #calc_quiz .but h3 {margin:0; padding:0; font-size:17px; font-weight:500;}
  #calc_quiz .but.active h3 {color:#fff;}
  #calc_quiz .descr {font-size:0.9em; line-height:1em;}
  #calc_quiz .descr2 {max-width:100%;}
  #calc_quiz .descr2 div {display:inline-block; font-size:15px; color:#fff; padding:4px 9px; margin:2px 6px 2px 0; background:#45c4a0; border-radius:6px;}
  #calc_quiz .coverage .descr2 div {margin:0 0 0 10px;}
  #calc_quiz .total span {font-size:18px; color:#777;}
  #calc_quiz .total h2 {font-size:5em; margin:2px 0; padding:40px 0; font-family:"Roboto Slab"; font-weight:400;}
  #calc_quiz .col2 {columns:2; gap:30px;}
  
  #calc_quiz .dropdown, #calc_quiz input.txt {color:#666; font-size:17px; position:relative; margin-bottom:25px; border-bottom:2px solid #5EEA9C;}
  #calc_quiz .dropdown .active {padding:5px 30px 7px 0;}
  #calc_quiz .dropdown .label,#calc_quiz .birth_label {font-size:14px; color:#959caa; display:none; line-height:15px;}
  #calc_quiz .dropdown {cursor:pointer; background:url(../img/arr.png) no-repeat right center; position:relative;}
  #calc_quiz .dropdown ul {position:absolute; width:100%; left:-1px; top:0; z-index:10; display:none; margin:0; padding:0; background:#fff; border-radius:8px; border:1px solid #ddd; box-shadow:4px 4px 12px rgba(0,0,0,0.1); overflow:hidden;}
  #calc_quiz .dropdown li {list-style:none; padding:12px 10px; margin:0;}
  #calc_quiz .dropdown li:hover {background:#45c4a0; color:#fff;}
  
  #calc_quiz .slider {width:100%; padding:5px 0 28px 0; position:relative;}
  #calc_quiz .slider input {width:100%; background:transparent;}
  
  #calc_quiz .slider output {display:none; line-height:1.1em; margin-bottom:12px;}
  #calc_quiz .output { font-size:2em; font-family:"Roboto Slab"; font-weight:500;}
  #calc_quiz .output output {display:inline-block;}
  #calc_quiz .slider .min {position:absolute; left:0; bottom:0; font-size:0.9em; color:#888;}
  #calc_quiz .slider .max {position:absolute; right:0; bottom:0; font-size:0.9em; color:#888;}
  
  #calc_quiz #recom_lifery2,#calc_quiz #recom_disability2 {display:flex; margin-bottom:10px; justify-content:space-between; align-items:center; margin-bottom:16px;}
  #calc_quiz #recom_lifery2 .green,#calc_quiz #recom_disability2 .green {color:#fff; background:#005724; padding:6px 16px; border-radius:20px;}
  #calc_quiz .graphlink {margin:30px 0;}
  #calc_quiz .graphlink a {font-weight:bold; font-size:1.1em;}
  #calc_quiz .trm {line-height:1.3em;}
  
  
  .maxWin {border-radius:25px; background:#5EEA9C; padding:12px 20px; font-size:1.2rem; font-weight:600; text-align:center; display:inline-block; margin:0 auto; line-height:1.4rem;}
  .maxWin table {border:0;}
  .maxWin td {text-align:left; vertical-align:bottom; font-weight:400; font-size:0.8rem;}
  .maxWin td.win_sum_swed,.maxWin td.win_sum_seb {font-size:1.8rem; line-height:2rem; font-weight:600; color:#000; text-align:right; padding:8px 0 0 20px; font-family:"Roboto Slab";}
  
  .minPrice {background:#14773d; color:#fff; border-radius:40px; padding:5px 15px !important;}
  .color-black,.color-black:hover, #calc_quiz a.color-black {color:#000;}
  
  /*generated with Input range slider CSS style generator (version 20211225) */
  #calc_quiz input[type=range].styled-slider {
    height: 24px;
    -webkit-appearance: none;
  }
  
  /*progress support*/
  #calc_quiz input[type=range].styled-slider.slider-progress {
    --range: calc(var(--max) - var(--min));
    --ratio: calc((var(--value) - var(--min)) / var(--range));
    --sx: calc(0.5 * 1.6em + var(--ratio) * (100% - 1.6em));
  }
  
  #calc_quiz input[type=range].styled-slider:focus {
    outline: none;
  }
  
  /*webkit*/
  #calc_quiz input[type=range].styled-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    width:30px;
    height:30px;
    border-radius:15px;
    background: #005724;
    margin-top:-3px;
  }
  
  #calc_quiz input[type=range].styled-slider::-webkit-slider-runnable-track {
    height: 24px;
    border-radius: 12px;
    background: #F5F8EF;
  }

  
  #calc_quiz input[type=range].styled-slider:active::-webkit-slider-runnable-track {
    background: #f5f5f5;
    border-color: #c1c1c1;
  }
  
  #calc_quiz input[type=range].styled-slider.slider-progress::-webkit-slider-runnable-track {
    background: linear-gradient(to right, #5EEA9C, #5EEA9C) 0/var(--sx) 100% no-repeat, #F5F8EF;
  }
  
  
  /*mozilla*/
  #calc_quiz input[type=range].styled-slider::-moz-range-thumb {
    width:30px;
    height:30px;
    border-radius:15px;
    background: #005724;
  }
  
  #calc_quiz input[type=range].styled-slider::-moz-range-track {
    height: 24px;
    border-radius: 0.5em;
    background: #F5F8EF;
  }
  
  #calc_quiz input[type=range].styled-slider::-moz-range-thumb:hover {
    background: #00722f;
  }
  
  #calc_quiz input[type=range].styled-slider:hover::-moz-range-track {
    background: #00722f;
  }
  
  #calc_quiz input[type=range].styled-slider::-moz-range-thumb:active {
    background: #185a34;
  }
  
  #calc_quiz input[type=range].styled-slider:active::-moz-range-track {
    background: #f5f5f5;
    border-color: #c1c1c1;
  }
  
  #calc_quiz input[type=range].styled-slider.slider-progress::-moz-range-track {
    background: linear-gradient(to right, #5EEA9C, #5EEA9C) 0/var(--sx) 100% no-repeat, #F5F8EF;
  }
  
  
  /*ms*/
  #calc_quiz input[type=range].styled-slider::-ms-fill-upper {
    background: transparent;
    border-color: transparent;
  }
  
  #calc_quiz input[type=range].styled-slider::-ms-fill-lower {
    background: transparent;
    border-color: transparent;
  }
  
  #calc_quiz input[type=range].styled-slider::-ms-thumb {
    width:30px;
    height:30px;
    border-radius:15px;
    margin-top:-3px;
    box-sizing: border-box;
  }
  
  #calc_quiz input[type=range].styled-slider::-ms-track {
    height: 24px;
    border-radius: 0.5em;
    background: #F5F8EF;
    box-sizing: border-box;
  }
  
  #calc_quiz input[type=range].styled-slider::-ms-thumb:hover {
    background: #00722f;
  }
  
  #calc_quiz input[type=range].styled-slider:hover::-ms-track {
    background: #00722f;
  }
  
  #calc_quiz input[type=range].styled-slider::-ms-thumb:active {
    background: #005724;
  }
  
  #calc_quiz input[type=range].styled-slider:active::-ms-track {
    background: #f5f5f5;
  }
  
  #calc_quiz input[type=range].styled-slider.slider-progress::-ms-fill-lower {
    height: 24px;
    border-radius:12px;
    background:#5EEA9C;
    border-right-width: 0;
  }
  
  
  
  .flatpickr-input {background:none; border:none; outline:none; 
      padding:5px 0 7px 0; width:100%; font-weight:500;
      color:#666; font-size:17px; position:relative; margin-bottom:25px; border-bottom:2px solid #5EEA9C;
  }
  .flatpickr-day.selected {background:#45c4a0 !important;}
  
  
  /* The switch - the box around the slider */
  #calc_quiz .switch {position: relative; width: 50px; height: 26px; border-radius:26px; border:1px solid #ccc; cursor: pointer; overflow:hidden;}
  #calc_quiz .switch .slider {margin:0; padding:0; position: absolute; left:0; top:0; width:100%; height:100%; background: #ddd; border-radius:26px;
     -webkit-transition: .4s; transition: .4s;}
  
  #calc_quiz .switch .slider:before {position: absolute; content: ""; height: 20px; width: 20px; left:3px; top:2px; border-radius: 50%; background-color: white; -webkit-transition: .4s; transition: .4s;}
  #calc_quiz .switch.checked .slider {background-color: #45c4a0;}
  #calc_quiz .switch.checked .slider:before {-webkit-transform: translateX(22px); -ms-transform: translateX(22px); transform: translateX(22px);}
  
  
  #calc_quiz #mob,#calc_quiz .mob,#calc_quiz .mob2 {display:none !important;}
  
  .divdot {margin-right:0.8rem; background:#dae861 url(../img/dividends_graf.png) !important;}
  #butgraf {font-size:1.1rem; margin-bottom:0 !important;}
  #butgraf_close  {display:none;}
  #butgraf_close .btn {font-size:1rem; margin:0 !important; float:right;}
  .clear {clear:both;}
  
  #contract_but {color:#000; box-shadow:none; 
    background: #FFCA73;
    font-weight:700;
    font-size:1.2rem;
  }
  #contract_but:hover {background: #f7b242;}
  
      
  @media screen and (max-width:1500px) {
      #svg .col div.labl h2 {font-size:1.4em;}
      #svg2 .col div.labl h2 {font-size:1.15em;}
      #graf_descr div,#graf_descr2 div {font-size:0.63rem; line-height:0.72rem;}
      #graf_descr div.graf_price,#graf_descr2 div.graf_price {font-size:0.8rem;}
      #graf_descr div.col,#graf_descr2 div.col {width:29.3%; margin:0 2%;}
      
      
      #calc_quiz #graf {display:block;}
      #calc_quiz #graf hr {display:block; margin:40px 0 25px 0;}
      #calc_quiz .calc_label {font-size:2rem;;}
      #calc_quiz .calc_label2 {font-size:1.6rem;;}
      .graf_cols {height:340px;}
      .graf_round {width:360px; height:360px; margin:20px auto;}
      #svg1 {width:320px; height:320px; }
      #calc_quiz .total h2 {font-size:4em;}
      #graf li .txt {font-size:16px;}
      #calc_quiz .wellness .chkrow1 {display:block; align-items:left; padding:12px 0;}
      #calc_quiz .chkrow2 {margin-bottom:20px;}
      #butgraf,#butgraf_close .btn  {font-size:0.77rem;}
      #contract_but  {font-size:1rem;}
  }
  @media screen and (max-width:1150px) {
      #svg .col div.labl h2 {font-size:2em;}
      #svg2 .col div.labl h2 {font-size:1.7em;}
      #graf_descr div,#graf_descr2 div {font-size:0.9rem; line-height:0.97rem;}
      #graf_descr div.graf_price,#graf_descr2 div.graf_price {font-size:1.2rem;}
      
      #calc_quiz #mob,#calc_quiz .mob {display:block !important;}
      #calc_quiz .mob2 {display:flex !important;}
      #calc_quiz #step1,#calc_quiz #step2,#calc_quiz #step3,#calc_quiz #step4,#calc_quiz #step5 {display:none;}
      
      
      .graf_cols {height:400px;}
      .graf_round {width:480px; height:480px; margin:20px auto 30px auto;}
      #svg1 {width:440px; height:440px;}
      #calc_quiz .total h2 {font-size:5em;}
      #graf li .txt {font-size:20px;}
      
      #calc_quiz {margin-top:15px;}
      #calc_quiz .calc_label {font-size:1.8rem; padding-right:0;}
      #calc_quiz .calc_label2 {font-size:1.4rem;}
      #calc_quiz #box {display:block; margin:auto; min-width:100%; }
      #graf_divivdent {width:100%; padding:0;}
      #graf {margin:0 auto;}
      #calc_quiz .calc_sliders {background:transparent; min-width:unset; width:100%; padding:25px 2rem;}
      #calc_quiz .block {min-width:auto; width:100%;}
      #calc_quiz .col2 {columns:1;}
      #calc_quiz .wellness .col {display:block;}
      #calc_quiz .wellness .lbl .tltip {width:350px; left:20px;}
      
      #calc_quiz .col-5,#calc_quiz .col-7 {width:100%;}
      #calc_quiz .content {padding-left:0; margin-top:20px; padding-bottom:0;}
      #graf li .txt {font-size:20px;}
      #butgraf {font-size:1rem; margin:20px 0 0 0 !important;}
      #butgraf_close .btn  {font-size:1rem;}
      #contract_but  {font-size:1.2rem;}
      
  }
  @media screen and (max-width:768px) {
      #svg .col div.labl h2 {font-size:1.45em;}
      #svg2 .col div.labl h2 {font-size:1.15em;}
      #graf_descr div,#graf_descr2 div {font-size:0.75rem; line-height:0.82rem;}
      #graf_descr div.col,#graf_descr2 div.col {width:29.3%; margin:0 2%;}
      
      #calc_quiz .calc_sliders {padding:25px 0.9rem;}
      #graf,#graf_divivdent {min-width:unset; padding:0 15px; width:calc(100% - 15px);}
      #graf .lbl,#graf_divivdent .lbl {margin:10px 0;}
      #calc_quiz .total {margin-top:-45px;}
      #calc_quiz .total h2 {font-size:3.5em; padding:17px 0;}
      .graf_cols {height:290px;}
      .graf_round {width:290px; height:290px; margin:20px auto;}
      #svg1 {width:250px; height:250px; }
      #calc_quiz #box {min-width:unset;}
      #butgraf,#contract_but {font-size:0.7rem; margin:15px 0 0 0 !important; display:block;}
      #contract_but {font-size:1rem;}
      #butgraf_close .btn {font-size:0.8rem; float:none; display:block;}
      #lyfery-quiz-calculator #calc_quiz {margin-top:1rem;}
  }
  @media screen and (max-width:590px) {
      #graf {margin:0; padding:0; width:100%;}
      
      #graf_descr div.col,#graf_descr2 div.col {width:31.3%; margin:0 1%;}
      
      #calc_quiz #box .calc_sliders .content {margin-top:0;}
      
      #svg .col div.labl h3,#svg2 .col div.labl h3 {font-size:0.96em;}
      #svg .col div.labl h2 {font-size:1.2em;  margin:10px 0;}
      #svg2 .col div.labl h2 {font-size:0.96em;  margin:10px 0;}
      #graf_descr div,#graf_descr2 div {font-size:0.5rem; line-height:0.65rem;}
      #graf_descr div.graf_price,#graf_descr2 div.graf_price {font-size:0.72rem;}
      
      .maxWin {font-size:1.15rem; line-height:1.3em;}
      .maxWin td {font-size:0.78rem; line-height:1.2em;}
      .maxWin td.win_sum_swed,.maxWin td.win_sum_seb {font-size:1.4rem;}
      .tabbut {padding:11px 15px 12px 15px; font-size:0.7rem; margin-right:10px;}
      .tabbut.active {padding:12px 15px 11px 15px;}
  }