/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.5.1762383445
Updated: 2025-11-05 22:57:25

*/

.polygon img {
    clip-path: polygon(    45% 1.33975%,    46.5798% 0.60307%,    48.26352% 0.15192%,    50% 0%,    51.73648% 0.15192%,    53.4202% 0.60307%,    55% 1.33975%,    89.64102% 21.33975%,    91.06889% 22.33956%,    92.30146% 23.57212%,    93.30127% 25%,    94.03794% 26.5798%,    94.48909% 28.26352%,    94.64102% 30%,    94.64102% 70%,    94.48909% 71.73648%,    94.03794% 73.4202%,    93.30127% 75%,    92.30146% 76.42788%,    91.06889% 77.66044%,    89.64102% 78.66025%,    55% 98.66025%,    53.4202% 99.39693%,    51.73648% 99.84808%,    50% 100%,    48.26352% 99.84808%,    46.5798% 99.39693%,    45% 98.66025%,    10.35898% 78.66025%,    8.93111% 77.66044%,    7.69854% 76.42788%,    6.69873% 75%,    5.96206% 73.4202%,    5.51091% 71.73648%,    5.35898% 70%,    5.35898% 30%,    5.51091% 28.26352%,    5.96206% 26.5798%,    6.69873% 25%,    7.69854% 23.57212%,    8.93111% 22.33956%,    10.35898% 21.33975%  );
}


#insurance-claim-wrapper {
    max-width: 750px;
    margin: 0 auto;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    padding: 40px;
    background-color: #f8f8f8;
    border-radius: 20px;
}
#insurance-claim-form label {
    display: block;
    margin-top: 30px;
    font-weight: 600;
    margin-bottom: 15px;
}
#insurance-claim-form input[type="text"],
#insurance-claim-form input[type="email"],
#insurance-claim-form input[type="date"],
#insurance-claim-form input[type="datetime-local"],
#insurance-claim-form input[type="number"],
#insurance-claim-form textarea {
    width: 100%;
    padding: 8px 10px;
    margin-bottom: 12px;
    box-sizing: border-box;
}
#insurance-claim-form textarea {
    min-height: 120px;
}

#insurance-claim-wrapper h2{
    font-size: 40px;
}
.form-step {
    display: none;
}
.form-step.active {
    display: block;
}
.step-nav {
    margin-top: 30px;
    display: flex;
    justify-content: space-between;
    gap: 10px;
    width: 100%;
}
.btn-next,
.btn-prev,
.btn-submit,
.btn-add-witness,
.btn-remove-witness,
.btn-add-item,
.btn-remove-item,
#signature_clear {
    padding: 8px 12px;
    border: none;
    cursor: pointer;
    background: #0073aa;
    color: #fff;
    border-radius: 4px;
    font-size: 14px;
}
.btn-prev {
    background: #777;
}
.btn-remove-witness,
.btn-remove-item,
#signature_clear {
    background: #b32d2e;
}
.option-grid {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    gap: 40px;
    margin-top: 20px;
    margin-bottom: 30px;
}

.option-tile.auto-next {
    width: 47%;
    background-color: #fff;
    min-height: 220px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.option-tile {
    position: relative;
    border: 1px solid #ccc;
    padding: 12px;
    border-radius: 6px;
    cursor: pointer;
    text-align: center;
    box-shadow: 0 2px 6px rgb(0 115 170 / 46%);
}
.option-tile .icon-placeholder {
    font-size: 24px;
    margin-bottom: 6px;
}
.option-tile .check-icon {
    position: absolute;
    top: 8px;
    right: 8px;
    opacity: 0;
    font-size: 16px;
}
.option-tile.selected {
    border-color: #0073aa;
    box-shadow: 0 0 0 2px rgba(0,115,170,.2);
}
.option-tile.selected .check-icon {
    opacity: 1;
}
#insurance-claim-form .option-label{
    font-size: 18px;
    font-weight: 500;
    color: #0A3560;
}
.field-error {
    border-color: #b32d2e !important;
}
.claim-form-success {
    padding: 10px;
    margin-bottom: 20px;
    background: #dff0d8;
    border: 1px solid #3c763d;
    color: #3c763d;
}
.claim-form-errors {
    padding: 10px;
    margin-bottom: 20px;
    background: #f2dede;
    border: 1px solid #a94442;
    color: #a94442;
}
.signature-pad {
    border: 1px solid #ccc;
    display: inline-block;
    padding: 8px;
    border-radius: 4px;
    margin-bottom: 10px;
}
#witnesses_repeater .witness-row,
#schedule_repeater .schedule-row {
    border: 1px solid #ddd;
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 4px;
}

.field-error {
    border-color: #b32d2e !important;
}

.field-error-text {
    color: #b32d2e;
    font-size: 12px;
    margin-top: -6px;
    margin-bottom: 10px;
}

#claim-progress {
    margin-bottom: 20px;
}

#claim-progress .progress-track {
    background: #f1f1f1;
    border-radius: 999px;
    overflow: hidden;
    height: 8px;
}

#claim-progress .progress-bar {
    height: 8px;
    width: 0;
    border-radius: 999px;
    background: linear-gradient(90deg, #0073aa, #00c6ff);
    transition: width 0.3s ease;
}

#claim-progress .progress-text {
    margin-top: 6px;
    font-size: 12px;
    text-align: right;
    color: #555;
}

.firsttext-content {
  position: relative;
  padding-left: 15px;
  border-radius: 8px;
  /* background gradient white → transparent */
  background: #fff;
  height: auto;
  padding: 20px;
  margin-top: 30px;
  margin-bottom: 30px;
}

.firsttext-content::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 5px;
  height: 100%;
  background: linear-gradient(180deg, #0073aa, #00c6ff);
  border-radius: 8px 0 0 8px;
  transition: width 0.3s ease;
}

.firsttext-content:hover::before {
  width: 10px;
}

#insurance-claim-form input[type=date], #insurance-claim-form input[type=email], #insurance-claim-form input[type=number], #insurance-claim-form input[type=password], #insurance-claim-form input[type=search], #insurance-claim-form input[type=tel], #insurance-claim-form input[type=text], #insurance-claim-form input[type=url], #insurance-claim-form select, textarea {
    border: 1px solid #66666636;
    border-radius: 3px;
    padding: .5rem 1rem;
    transition: all .3s;
    width: 100%;
}


:root{
  --marble-grad-from: #0b4663;
  --marble-grad-to:   #1e9bd6; 
  --btn-text-color: #ffffff;
}

#claim-progress .progress-track {
  background: #e6eef3;
  border-radius: 999px;
  height: 10px;
  overflow: hidden;
}
#claim-progress .progress-bar {
  height: 100%;
  width: 0%;
  background: linear-gradient(90deg, var(--marble-grad-from), var(--marble-grad-to));
  transition: width .35s ease;
  border-radius: 999px;
  display:block;
}

.step-nav .btn-prev,
.step-nav .btn-next,
.step-nav .btn-submit {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 8px 14px;
  border-radius: 999px;
  border: 0;
  color: var(--btn-text-color);
  font-weight:600;
  font-size:14px;
  cursor: pointer;
  text-decoration:none;
  -webkit-font-smoothing:antialiased;
  box-shadow: 0 2px 6px rgba(10,30,40,0.12);
  transition: transform .08s ease, box-shadow .08s ease, opacity .12s ease;
  background: linear-gradient(90deg, var(--marble-grad-from), var(--marble-grad-to));
}

.step-nav .btn-prev {
  opacity: 0.95;
  background: linear-gradient(90deg, rgba(11,70,99,0.9), rgba(30,155,214,0.9));
}

.step-nav .btn-prev:hover,
.step-nav .btn-next:hover,
.step-nav .btn-submit:hover { transform: translateY(-1px); box-shadow: 0 6px 18px rgba(11,70,99,0.12); }

.step-nav .btn-prev[disabled],
.step-nav .btn-prev.disabled,
.step-nav .btn-next[disabled],
.step-nav .btn-next.disabled {
  opacity: .48;
  cursor: default;
  box-shadow: none;
  transform: none;
}

.step-nav .btn-prev::before,
.step-nav .btn-next::after {
  display: inline-block;
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  content: "";
}

.step-nav .btn-prev::before {
  margin-right: 4px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23FFFFFF' d='M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12z'/></svg>");
}

.step-nav .btn-next::after {
  margin-left: 4px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23FFFFFF' d='M8.59 16.59 13.17 12 8.59 7.41 10 6l6 6-6 6z'/></svg>");
}

.step-nav .btn-submit::after { display:none; }

small{
    display: flex;
    width: 100%;
}

.review-modal{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.6);
  z-index:99999;
  display:flex;
  align-items:center;
  justify-content:center;
}

.review-modal-content{
  background:#fff;
  width:90%;
  max-width:650px;
  max-height:85vh;
  border-radius:12px;
  padding:16px;
  display:flex;
  flex-direction:column;
}

.review-scroll{
  overflow-y:auto;
  max-height:60vh;
}

.review-table{
  width:100%;
  border-collapse:collapse;
  font-size:14px;
}

.review-table th{
  text-align:left;
  padding:6px;
  width:45%;
  background:#f5f5f5;
}

.review-table td{
  padding:6px;
  word-break:break-word;
}

@media(max-width:600px){
  .review-table th,
  .review-table td{
    font-size:13px;
  }
}



@media (max-width:640px){
  .step-nav { display:flex; gap:10px; flex-direction:column; }
  .step-nav .btn-prev,
  .step-nav .btn-next,
  .step-nav .btn-submit { width:100%; justify-content:center; }
}