/* Custom Styles for Onboarding */
        .label,.value {
            font-size: 14px;
            color: #374151;
            line-height: 20px;
            font-weight: 500; /* Medium */
        }

 .label-secondary {
            font-size: 14px;
            color: #374151;
            line-height: 20px;
            font-weight: normal; /* Medium */
        }

        .textbox,.dropdown,.datetime {
            font-size: 1rem;
            color: #374151;
            border-radius: 0.375rem;
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
        }
        .textbox:focus,.datetime:focus {
            outline: none;
            border-color: #FF831E;
            box-shadow: 0 0 0 3px rgba(255, 131, 30, 0.3);
        }

        /*.login-button {*/
        /*    background: rgba(255, 131, 30, 1);*/
        /*    !*filter: blur(8px);*!*/
        /*}*/
        .login-button:disabled,.primary-button:disabled {
            background: rgba(255, 131, 30, 0.6);
        }
        ::placeholder {
            font-size: 1rem;
            color: #818181;
        }
         .primary-button,.login-button {
            color: #FFFFFF;
            background-color: #FF831E;
            border-radius: 8px;
            font-size: 1rem;
            box-shadow: 0px 2px 8px 0px rgba(244, 158, 44, 0.1);
           height:45px;
        }
        .primary-button:hover,.login-button:hover {
            background-color: #FF9E2C;
        }

        .card {
            background-color: #FEFEFA;
            border-radius: 1rem;
            padding: 16px 0 0 0;
            margin: 16px;
            /* Add specific box-shadow if needed */
        }

        .secondary-button {
           color:  #FF831E;
            background-color: #ffffff;
            border-radius: 6px;
            font-size: 14px;
          border: 1px solid #ff9e2c;
          box-shadow: 0 2px 8px 0 rgba(255, 158, 44, 0.1);
padding:4px 10px 4px 10px;
            /* Add specific color, background-color, border-radius, font-size, and box-shadow if needed */
        }
        .secondary-button:hover {
            /* Add specific hover color and background-color if needed */
        }
        .secondary-button:disabled {
            /* Add specific disabled color and background-color if needed */
        }

        .link {
            font-size: 1rem;
            color: #FF831E;
        }
        .link:hover {
            /* Add specific hover color if needed */
        }

        .card-heading {
            font-size: 1rem;
            color: #374151;
            font-weight: 500; /* Medium */
            /* Add specific padding if needed */
            border-bottom: 1px solid #eee;
        }



        /* Checkbox & Radio */
.checkbox, .radio {
    font-size: 1rem;
    color: #374151; /* Label color */
}

.checkbox input[type="checkbox"],
.radio input[type="radio"] {
    accent-color: #FF831E; /* Checkbox and radio dot color */
}
  input[type="radio"]:checked,input[type="checkbox"]:checked {
        accent-color: #FF831E;
      background-color: #FF831E !important;
    }

       /* Custom color for dropdown selected item background */
        .dropdown-item.selected, .dropdown-item:hover, .dropdown-item:focus {
            background-color: #FF831E;
            color: white; /* To ensure the text color is white for better visibility */
        }

    /* Custom color for dropdown selected item background */
    [x-show="open"] li[aria-selected="true"] {
        background-color: #FF831E;
        color: white; /* To ensure the text color is white for better visibility */
    }
hr.borderline{ border: .5px solid #d9d9d9}
hr.borderline2{ border: .5px solid #374151}
.fill-14ae5c{fill:#14ae5c}

.title {
  font-size: 24px;
  font-weight: 600;
  color: #262626;
  line-height: 28px;
}

.subtitle {
  font-size: 16px;
  font-weight: 500;
  color: #737373;
  line-height: 20px;
}

.l1_heading {
  font-size: 20px;
  font-weight: 600;
  color: #525252;
  line-height: 24px;
}

.l1_subheading {
  font-size: 16px;
  font-weight: 500;
  color: #a3a3a3;
  line-height: 20p;
}

.l2_heading {
  font-size: 16px;
  font-weight: 600;
  color: #ffc08e;
  line-height: 20px;
}

.l2_subheading {
  font-size: 12px;
  font-weight: 500;
  color: #a3a3a3;
  line-height: 20px;
}

.radio_list_selected {
  color: #e45f13;
}

.radio_list_selected_disabled {
  border-color: #d4d4d4;
  background-color: #f5f5f5;
}

.radio_list_unselected_disabled {
  border-color: #d4d4d4;
  background-color: #f5f5f5;
}

.radio_cards_selected {
  border-color: #e45f13;
}

.radio_cards_small_selected {
  background-color: #e45f13;
}

.simple_toggle_selected {
  background-color: #e45f13;
}

.input_with_label_focus {
  border-color: #e45f13;
}

.input_with_label_selected {
  border-color: #d4d4d4;
  background-color: #f5f5f5;
}

.select_menu_hover {
  background-color: #e45f13;
}

.select_menu_selected {
  background-color: #e45f13;
}

.tabs_with_underline {
  color: #e45f13;
  border-color: #e45f13;
}

.tabs_with_underline_icon {
  color: #e45f13;
  border-color: #e45f13;
  /* <svg>...fill="#E45F13"...<svg> */
}

.tabs_with_underline_badge {
  color: #e45f13;
  border-color: #e45f13;
  background-color: #feefe9;
}

.badges_disabled {
  color: #e45f13;
  background-color: #feefe9;
}

.badges_enabled {
  color: #e45f13;
  background-color: #feefe9;
}

.badges_error {
  color: #e45f13;
  background-color: #feefe9;
}

.badges_alert {
  color: #e45f13;
  background-color: #feefe9;
}

.top_navigation_selected {
  color: #e45f13;
  border-bottom-color: #e45f13;
}

.side_navigation {
  color: #e45f13;
  color: #e45f13;
}

.side_navigation:hover {
  color: #e45f13;
  color: #e45f13;
}

.text-base {
  font-size: 14px;
}

.form_nav_primary {
  text-decoration: underline;
  text-underline-offset: 3px;
}

.form_nav_secondary {
  color: #ffffff80;
}

.form_nav_secondary a {
  text-decoration: none;
}

.form_nav_secondary a:hover {
  text-decoration: underline;
}

.radio_text {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-align: center;
  color: #374151;
}
.font-light-gray{
color: #6B7280;
}
.font-light-818181{
color: #818181;
}

.custom_card{
  border: 1px solid rgba(217, 217, 217, 1);
  border-radius: 6px;
  gap:8px;
  padding:12px 8px 12px 8px;
}
.bg-ff9e2c{
  background-color: #ff9e2c;
}
.bg-custom-orange-light{
  background: #FFDAAF1A;

}

textarea:disabled,input:disabled{
  border-color: #d4d4d4;
  background-color: #f5f5f5;
}
.bg-ef6600{
  background-color: #ef6600;
}
.bg-ff831e{
  background: #FF831E;
}

.h-14{
  height:52px;
}