.elementor-18131 .elementor-element.elementor-element-d983cb5{--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;--margin-top:25px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-18131 .elementor-element.elementor-element-a5a627d > .elementor-widget-container{margin:25px 0px 25px 0px;}.elementor-18131 .elementor-element.elementor-element-a5a627d .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:36px;font-weight:500;text-transform:capitalize;line-height:1.2em;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-form .elementor-field-type-html{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-form .ap-otp-heading p{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-widget-form .ap-otp-inputs input:focus{border:var( --e-global-color-primary );box-shadow:var( --e-global-color-primary );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );line-height:var( --e-global-typography-accent-line-height );}.elementor-18131 .elementor-element.elementor-element-9cb8ee3 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-18131 .elementor-element.elementor-element-9cb8ee3 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-18131 .elementor-element.elementor-element-9cb8ee3 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-18131 .elementor-element.elementor-element-9cb8ee3 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-18131 .elementor-element.elementor-element-9cb8ee3 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-18131 .elementor-element.elementor-element-9cb8ee3 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-18131 .elementor-element.elementor-element-9cb8ee3 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-18131 .elementor-element.elementor-element-9cb8ee3 .elementor-field-type-html{padding-bottom:0px;}.elementor-18131 .elementor-element.elementor-element-9cb8ee3 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-18131 .elementor-element.elementor-element-9cb8ee3 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-18131 .elementor-element.elementor-element-9cb8ee3 .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-55ff14a );color:#ffffff;}.elementor-18131 .elementor-element.elementor-element-9cb8ee3 .elementor-button[type="submit"]{background-color:var( --e-global-color-55ff14a );color:#ffffff;}.elementor-18131 .elementor-element.elementor-element-9cb8ee3 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-18131 .elementor-element.elementor-element-9cb8ee3 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-18131 .elementor-element.elementor-element-9cb8ee3 .e-form__buttons__wrapper__button-next:hover{background-color:var( --e-global-color-accent );color:#ffffff;}.elementor-18131 .elementor-element.elementor-element-9cb8ee3 .elementor-button[type="submit"]:hover{background-color:var( --e-global-color-accent );color:#ffffff;}.elementor-18131 .elementor-element.elementor-element-9cb8ee3 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-18131 .elementor-element.elementor-element-9cb8ee3 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-18131 .elementor-element.elementor-element-9cb8ee3 .elementor-button{border-radius:10px 10px 10px 10px;}.elementor-18131 .elementor-element.elementor-element-9cb8ee3{--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-18131 .elementor-element.elementor-element-2b7e4f1 > .elementor-widget-container{padding:15px 15px 15px 15px;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-accent );border-radius:5px 5px 5px 5px;}@media(min-width:768px){.elementor-18131 .elementor-element.elementor-element-d983cb5{--content-width:50%;}}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-18131 .elementor-element.elementor-element-a5a627d .elementor-heading-title{font-size:32px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-form .elementor-field-group > label{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-form .elementor-field-type-html{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-form .ap-otp-heading p{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-form .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-form .elementor-message{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-18131 .elementor-element.elementor-element-a5a627d .elementor-heading-title{font-size:30px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-form .elementor-field-group > label{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-form .elementor-field-type-html{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-form .ap-otp-heading p{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-form .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-form .elementor-message{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}}/* Start custom CSS *//* Basic styling for the page */
  body {
  font-family: sans-serif;
  margin: 20px;
  background-color: #f4f4f4;
  }

  .container {
  max-width: 600px;
  margin: 0 auto;
  background-color: #fff;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  }

  h2 {
  text-align: left;
  color: #333;
  }

  /* Style for each result item */
  .result-item {
  display: flex;
  flex-direction: column;
  margin-bottom: 10px;
  padding: 10px;
  background-color: #f9f9f9;
  border-radius: 5px;
  }

  .result-item > div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 5px;
  }

  /* Style for the progress bar container */
  .progress-bar-container {
  width: 100%;
  height: 10px;
  background-color: #ddd;
  border-radius: 5px;
  overflow: hidden; /* Ensure the bar doesn't overflow */
  }

  /* Style for the progress bar */
  .progress-bar {
  height: 100%;
  background-color: #4CAF50; /* Default green color */
  width: 0; /* Set dynamically with inline style */
  border-radius: 5px;
  }

  /* Colors for different levels */
  .green {
  background-color: #4CAF50;
  }

  .orange {
  background-color: #ff9800;
  }
  
   .red {
  background-color: #b11b0c;
  }
  
  /* Add more colors as needed */

  /* Utility classes for text */
  .moderate {
  color: #ff9800;
  }
.severe {
  color: #b11b0c;
  }

  .low {
  color: #4CAF50;
  }

  .healthy {
  color: #4CAF50;
  }

  .not-completed {
  color: #999;
  }
      .dnacard {
        background: #ffffff;
        /* width: 420px;*/
        border-radius: 14px;
        box-shadow: 0 6px 18px rgba(0,0,0,0.08);
        padding: 20px;
    }
    

    .row {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 14px 0;
        border-bottom: 1px solid #eef1f4;
    }

    .row:last-child {
        border-bottom: none;
    }

    .gene {
        font-weight: 600;
        font-size: 16px;
        color: #1f2937;
    }

    .subtext {
        font-size: 13px;
        color: #6b7280;
        margin-top: 4px;
    }

    .left {
        display: flex;
        flex-direction: column;
    }

    .right {
        text-align: right;
        min-width: 160px;
    }

    .result-label {
        font-size: 12px;
        font-weight: 600;
        color: #6b7280;
        margin-bottom: 6px;
    }

    .risk-text {
        font-size: 13px;
        font-weight: 600;
        margin-top: 6px;
    }

    .risk-green { color: #16a34a; }
    .risk-yellow { color: #d97706; }
    .risk-red { color: #dc2626; }
    .risk-orange { color: #f97316; }
	.risk-grey { color: #999999; }

    .bar {
        display: flex;
        gap: 4px;
    }

    .segment {
        width: 26px;
        height: 8px;
        border-radius: 4px;
        background: #e5e7eb;
    }

    .green { background: #22c55e; }
    .yellow { background: #facc15; }
    .red { background: #ef4444; }
    .orange { background: #fb923c; }
	.grey { background: #999999; }/* End custom CSS */