.elementor-24887 .elementor-element.elementor-element-459d3d6{--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;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-24887 .elementor-element.elementor-element-459d3d6:not(.elementor-motion-effects-element-type-background), .elementor-24887 .elementor-element.elementor-element-459d3d6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F5F5;}.elementor-24887 .elementor-element.elementor-element-a3027b9 .elementor-heading-title{font-size:18px;}.elementor-24887 .elementor-element.elementor-element-c23898e{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-24887 .elementor-element.elementor-element-ed861e2{--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:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-24887 .elementor-element.elementor-element-2c1456a{margin:15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-24887 .elementor-element.elementor-element-774d26c .elementor-button{text-decoration:none;}.elementor-24887 .elementor-element.elementor-element-23cb7ed{--display:flex;}.elementor-24887 .elementor-element.elementor-element-b0ceefb{--display:flex;}.elementor-24887 .elementor-element.elementor-element-93f0d7b{--display:flex;}.elementor-24887 .elementor-element.elementor-element-9b9dfe9{--display:flex;}.elementor-24887 .elementor-element.elementor-element-d84f415{--display:flex;}.elementor-24887 .elementor-element.elementor-element-7cfb942{--display:flex;}.elementor-24887 .elementor-element.elementor-element-1a8b874{--n-accordion-title-justify-content:space-between;--n-accordion-title-flex-grow:1;--n-accordion-title-icon-order:initial;--n-accordion-title-font-size:18px;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:5px;--n-accordion-title-normal-color:#7AC142;--n-accordion-title-hover-color:#7AC142;--n-accordion-title-active-color:#7AC142;--n-accordion-icon-size:15px;--n-accordion-icon-normal-color:#7AC142;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;}.elementor-24887 .elementor-element.elementor-element-1a8b874 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{border-style:solid;border-width:1px 0px 0px 0px;border-color:#E9EAF0;}.elementor-24887 .elementor-element.elementor-element-1a8b874 {--n-accordion-padding:20px 0px 20px 0px;}:where( .elementor-24887 .elementor-element.elementor-element-1a8b874 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-weight:700;}:where( .elementor-24887 .elementor-element.elementor-element-1a8b874 > .e-n-accordion > .e-n-accordion-item ) > .e-con{border-style:solid;border-width:0px 0px 1px 0px;border-color:#E9EAF0;}body.elementor-page-24887{margin:30px 0px 0px 0px;}/* Start custom CSS for nested-accordion, class: .elementor-element-1a8b874 */.elementor-24887 .elementor-element.elementor-element-1a8b874 .e-n-accordion-item-title-text,
.elementor-24887 .elementor-element.elementor-element-1a8b874 .e-n-accordion-item-title:hover .e-n-accordion-item-title-text,
.elementor-24887 .elementor-element.elementor-element-1a8b874 .e-n-accordion-item-title[aria-expanded="true"] .e-n-accordion-item-title-text,
.elementor-24887 .elementor-element.elementor-element-1a8b874 .elementor-tab-title,
.elementor-24887 .elementor-element.elementor-element-1a8b874 .elementor-tab-title:hover,
.elementor-24887 .elementor-element.elementor-element-1a8b874 .elementor-tab-title.elementor-active,
.elementor-24887 .elementor-element.elementor-element-1a8b874 .elementor-tab-title .elementor-accordion-title {
    color: #7AC142 !important;
}/* End custom CSS */
/* Start custom CSS */.e-n-accordion-item-title-header .e-n-accordion-item-title-text {
    display: flex;
    align-items: center;
}

.e-n-accordion-item-title-header .e-n-accordion-item-title-text::before {
    content: "";
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-right: 12px;
    flex: 0 0 24px;
    background-image: url("/wp-content/uploads/2026/09/ic-question-3.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.quote-card {
    max-width: 800px;
    margin: 0 auto;
    background: #fff;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 4px 16px rgba(0,0,0,0.08);
  }

  .quote-card-header {
    background: #42DB20;
    color: #fff;
    font-weight: 700;
    font-size: 1.15rem;
    padding: 22px 28px;
  }

  .quote-card-body {
    padding: 28px;
  }

  .quote-list {
    display: flex;
    flex-wrap: wrap;
    gap: 0 32px;
  }

  .quote-list ul {
    list-style: none;
    margin: 0;
    padding: 0;
    flex: 1 1 280px;
  }

  .quote-list li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 8px 0;
    color: #2b2b2b;
    font-size: 0.95rem;
    line-height: 1.5;
  }

  .quote-list img {
    width: 16px;
    height: 16px;
    margin-top: 4px;
    flex-shrink: 0;
  }
  
  .qa-table-wrapper {
    max-width: 800px;
    margin: 0 auto;
    border: 1.5px solid #00c896;
    border-radius: 16px;
    overflow: hidden;
  }

  .qa-table {
    width: 100%;
    border-collapse: collapse;
  }

  .qa-table thead th {
    color: #fff;
    font-weight: 700;
    font-size: 0.95rem;
    padding: 18px 24px;
    text-align: left;
  }

  .qa-table thead th:first-child {
    background: #0e7fa1;
  }

  .qa-table thead th:last-child {
    background: #00c896;
  }

  .qa-table tbody td {
    padding: 16px 24px;
    border-bottom: 1px solid #d7ede8;
    font-size: 0.92rem;
    line-height: 1.5;
    color: #2b2b2b;
    vertical-align: top;
  }

  .qa-table tbody td:first-child {
    border-right: 1px solid #d7ede8;
  }

  .qa-table tbody tr:last-child td {
    border-bottom: none;
  }
  
 
 .cost-formula {
    border: 1.5px solid #0084A1;
    border-radius: 8px;
    padding: 30px;
    max-width: 900px;
  }
.eyebrow {
    text-transform: uppercase;
    font-size:12px;
    letter-spacing: 2px;
    color:#7AC142;
}
  .cost-formula-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    align-items: stretch;
  } 

  .cost-box {
    flex: 1 1 90px;
    background: #eef1fb;
    border-radius: 8px;
    padding: 16px 18px;
    font-weight: 700;
    font-size: 14px;
    color: #0b2545;
    display: flex;
    align-items: center;
  }

  .cost-icon {
    flex: 0 0 auto;
    width: 28px;
    height: 28px;
    background: #5bc22f;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    align-self: center;
  }

  .cost-icon img {
    width: 14px;
    height: 14px;
  }

  .cost-equal-row {
    display: flex;
    justify-content: center;
    margin: 16px 0;
  }

  .cost-equal-row .cost-icon {
    width: 36px;
    height: 36px;
  }

  .cost-equal-row .cost-icon img {
    width: 16px;
    height: 16px;
  }

  .cost-result {
    background: #eef1fb;
    border-radius: 8px;
    padding: 18px;
    text-align: center;
    font-weight: 700;
    font-size: 1rem;
    color: #0b2545;
  }
  
.services-comparison {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    
  }

  .service-card {
    flex: 1 1 320px;
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.08);
    overflow: hidden;
  }

  .service-card-header {
    padding: 20px 24px;
    color: #fff;
    font-weight: 700;
    font-size: 1.05rem;
    line-height: 1.4;
  }

  .service-card.included .service-card-header {
    background: #42DB20;
  }

  .service-card.excluded .service-card-header {
    background: #0084A1;
  }

  .service-list {
    list-style: none;
    margin: 0;
    padding: 20px 24px;
  }

  .service-list li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 8px 0;
    color: #2b2b2b;
    font-size: 0.95rem;
    line-height: 1.5;
  }

  .service-list img {
    width: 16px;
    height: 16px;
    margin-top: 4px;
    flex-shrink: 0;
  }

.table-wrapper {
    max-width: 1100px;
    margin: 0 auto;
    background: #fff;
    border-radius: 16px;
    overflow: hidden;
    
  }

  .scroll-container {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  table.support-table {
    width: 100%;
    border-collapse: collapse;
    min-width: 640px;
    border:1px solid #002A5C;
  }

  thead th {
    color: #fff;
    font-weight: 700;
    font-size: 0.95rem;
    padding: 18px 20px;
    text-align: left;
    white-space: normal;
  }

  thead th:nth-child(1) { background: #0084A1; }
  thead th:nth-child(2) { background: #00C7A4; }
  thead th:nth-child(3) { background: #42DB20; }
  thead th:nth-child(4) { background: #002A5C; }

  tbody td {
    padding: 18px 20px;
    border-bottom: 1px solid #e3e6ea;
    border-right: 1px solid #e3e6ea;
    vertical-align: top;
    font-size: 0.92rem;
    line-height: 1.5;
    color: #4B4B4B;
  }

  tbody td:last-child {
    border-right: none;
  }

  tbody tr:last-child td {
    border-bottom: none;
  }

  tbody td:first-child {
    font-weight: 600;
    color: #111;
  }

  /* Colored top borders per column to echo the original design */
  tbody td:nth-child(1) { border-right: 1px solid #00C7A4; }
  tbody td:nth-child(2) { border-right: 1px solid #42DB20; }
  tbody td:nth-child(3) { border-right: 1px solid #002A5C; }

  /* Responsive: stacked card layout on small screens */
  @media (max-width: 700px) {
    .scroll-container {
      overflow: scroll;
    }

    table, thead, tbody, th, td, tr {
      display: block;
      width: 100%;
    }

    thead {
      display: none;
    }

    tbody tr {
      margin-bottom: 16px;
      border: 1px solid #e3e6ea;
      border-radius: 12px;
      overflow: hidden;
    }

    tbody td {
      border-right: none !important;
      border-bottom: 1px solid #eef0f2;
      padding: 14px 16px;
      position: relative;
      padding-left: 45%;
    }

    tbody tr:last-child td:last-child {
      border-bottom: none;
    }

    tbody td::before {
      content: attr(data-label);
      position: absolute;
      left: 16px;
      top: 14px;
      width: 40%;
      font-weight: 700;
      font-size: 0.8rem;
      text-transform: uppercase;
      letter-spacing: 0.03em;
      color: #6b7280;
    }

    tbody td:first-child {
      background: #f8fafb;
      font-size: 1rem;
    }
    
    .cost-formula-row {
      flex-direction: column;
      align-items: stretch;
    }

    .cost-formula-row .cost-icon {
      transform: rotate(90deg);
      align-self: center;
    }

    .cost-box {
      flex: 1 1 auto;
    }
    .quote-list {
      flex-direction: column;
      gap: 0;
    }
    
  }/* End custom CSS */