.elementor-1656 .elementor-element.elementor-element-f0a0062{width:100%;max-width:100%;}/* Start custom CSS for html, class: .elementor-element-f0a0062 */.comparison {
    --page-bg: #edf2f5;
    --hero-shadow: rgba(30, 130, 185, 0.16);
    --panel-shadow: rgba(25, 68, 122, 0.2);
    --line-soft: rgba(159, 164, 168, 0.24);
    --line-strong: rgba(159, 164, 168, 0.36);
    --presidio-grad-start: #258bc1;
    --presidio-grad-end: #197cb3;
    --presidio-glow: rgba(78, 189, 236, 0.34);
    --check-bg: #57b9e8;
    --x-bg: #aab0b6;
    --icon-stroke: var(--color-coastal-green);
    --surface: rgba(255, 255, 255, 0.9);
    --comparison-header-size: 90px;
    --comparison-row-size: 86px;
    --comparison-cta-size: 72px;
    --comparison-header-size-mobile: 68px;
    --comparison-row-size-mobile: 56px;
    --comparison-cta-size-mobile: 72px;
    position: relative;
    display: grid;
    grid-template-columns:
      minmax(0, 1fr)
      minmax(200px, 240px)
      minmax(170px, 220px);
    grid-template-rows:
      var(--comparison-header-size)
      repeat(8, minmax(var(--comparison-row-size), auto))
      var(--comparison-cta-size);
    align-items: stretch;
    gap: 28px;
  }

  .comparison__features-column,
  .comparison__presidio,
  .comparison__other-column,
  .comparison__features,
  .comparison__other,
  .comparison__presidio-panel {
    display: contents;
  }

  .comparison__presidio-bg {
    grid-column: 2;
    grid-row: 1 / 10;
    border-radius: 8px;
    background: linear-gradient(
      180deg,
      var(--presidio-grad-start) 0%,
      var(--presidio-grad-end) 100%
    );
    box-shadow:
      0 26px 60px var(--hero-shadow),
      0 12px 34px var(--panel-shadow);
  }

  .comparison__presidio-bg::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    background:
      linear-gradient(
        180deg,
        rgba(255, 255, 255, 0.08),
        rgba(255, 255, 255, 0)
      ),
      radial-gradient(
        circle at 50% 100%,
        rgba(78, 189, 236, 0.18),
        transparent 44%
      );
  }

  .comparison__column-title {
    margin: 0;
    align-self: center;
    font-family: var(--font-heading);
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.08;
    letter-spacing: -0.02em;
    text-transform: none;
    color: var(--color-dark-blue);
    text-align: center;
    text-wrap: balance;
  }

  .comparison__column-title--spacer {
    grid-column: 1;
    grid-row: 1;
    visibility: hidden;
  }

  .comparison__other-column .comparison__column-title {
    grid-column: 3;
    grid-row: 1;
  }

  .comparison__feature,
  .comparison__mark {
    min-height: 0;
    border-bottom: 1px solid var(--line-soft);
  }

  .comparison__feature {
    grid-column: 1;
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    align-items: center;
    gap: 16px;
    padding-right: 12px;
  }

  .comparison__mark,
  .comparison__presidio-cell {
    display: grid;
    place-items: center;
  }

  .comparison__mark {
    grid-column: 3;
  }

  .comparison__mobile-label {
    display: none;
  }

  .comparison__feature-text {
    margin: 0;
    font-family: var(--font-heading);
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.02em;
    color: var(--color-dark-blue);
    text-wrap: balance;
  }

  .comparison__feature-icon {
    width: 48px;
    height: 48px;
    color: var(--icon-stroke);
  }

  .comparison__feature-icon svg,
  .comparison__feature-icon img {
    width: 100%;
    height: 100%;
    display: block;
  }

  .comparison__feature-icon svg {
    stroke: currentColor;
    fill: none;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  .comparison__presidio {
    display: contents;
  }

  .comparison__brand {
    grid-column: 2;
    grid-row: 1;
    display: grid;
    place-items: center;
    padding: 14px 18px 10px;
    position: relative;
    z-index: 1;
  }

  .comparison__brand-lockup {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }

  .comparison__brand-image {
    display: block;
    width: min(100%, 142px);
    height: auto;
  }

  .comparison__presidio-cell {
    grid-column: 2;
    position: relative;
    z-index: 1;
  }

  .comparison__presidio-cell::after {
    content: "";
    position: absolute;
    right: 18px;
    left: 18px;
    bottom: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  }

  .comparison__presidio-cell:last-child::after {
    display: none;
  }

  .comparison__cta-wrap {
    grid-column: 2;
    grid-row: 10;
    display: grid;
    place-items: center;
    align-self: stretch;
    position: relative;
    z-index: 1;
  }

  .comparison__cta {
    display: flex;
    width: min(100%, 261px);
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 24px;
    border-radius: 12px;
    background: #1e83bb;
    color: var(--color-white);
    font-family: var(--font-body);
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
    transition:
      background-color 160ms ease,
      transform 160ms ease,
      box-shadow 160ms ease;
    letter-spacing: -0.44px;
  }

  .comparison__cta:hover,
  .comparison__cta:focus-visible {
    background: var(--color-medium-blue);
    transform: translateY(-1px);
    box-shadow: 0 16px 28px rgba(30, 130, 185, 0.32);
  }

  .comparison__cta:focus-visible {
    outline: 2px solid rgba(25, 68, 122, 0.34);
    outline-offset: 3px;
  }

  .comparison__dot {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    color: var(--color-white);
    box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.02);
  }

  .comparison__dot--check {
    background: var(--check-bg);
    box-shadow: 0 0 18px rgba(78, 189, 236, 0.18);
  }

  .comparison__dot--x {
    background: var(--x-bg);
  }

  .comparison__dot svg {
    width: 18px;
    height: 18px;
    stroke: currentColor;
    fill: none;
    stroke-width: 2.4;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  .comparison__feature:nth-child(1),
  .comparison__presidio-cell:nth-child(2),
  .comparison__mark:nth-child(1) {
    grid-row: 2;
  }

  .comparison__feature:nth-child(2),
  .comparison__presidio-cell:nth-child(3),
  .comparison__mark:nth-child(2) {
    grid-row: 3;
  }

  .comparison__feature:nth-child(3),
  .comparison__presidio-cell:nth-child(4),
  .comparison__mark:nth-child(3) {
    grid-row: 4;
  }

  .comparison__feature:nth-child(4),
  .comparison__presidio-cell:nth-child(5),
  .comparison__mark:nth-child(4) {
    grid-row: 5;
  }

  .comparison__feature:nth-child(5),
  .comparison__presidio-cell:nth-child(6),
  .comparison__mark:nth-child(5) {
    grid-row: 6;
  }

  .comparison__feature:nth-child(6),
  .comparison__presidio-cell:nth-child(7),
  .comparison__mark:nth-child(6) {
    grid-row: 7;
  }

  .comparison__feature:nth-child(7),
  .comparison__presidio-cell:nth-child(8),
  .comparison__mark:nth-child(7) {
    grid-row: 8;
  }

  .comparison__feature:nth-child(8),
  .comparison__presidio-cell:nth-child(9),
  .comparison__mark:nth-child(8) {
    grid-row: 9;
  }

  @media (max-width: 860px) {
    .comparison-shell {
      width: 100%;
      margin: 0 auto;
      padding: 0;
    }

    .comparison {
      grid-template-columns: 1fr;
      grid-template-rows: none;
      gap: 18px;
      align-items: start;
    }

    .comparison__presidio-bg {
      display: none;
    }

    .comparison__presidio,
    .comparison__other-column {
      display: block;
    }

    .comparison__features,
    .comparison__other,
    .comparison__presidio-panel {
      display: block;
    }

    .comparison__column-title--spacer {
      display: none;
    }

    .comparison__column-title {
      display: grid;
      place-items: center;
      min-height: 0;
      grid-row: auto;
      margin-bottom: 10px;
      font-size: 1rem;
      line-height: 1.15;
      letter-spacing: 0.02em;
      text-transform: uppercase;
      text-align: center;
    }

    .comparison__features-column {
      display: none;
    }

    .comparison__other-column {
      order: 1;
      padding: 14px 12px 0;
      border-radius: 14px;
      background: var(--color-white);
      border: 1px solid rgba(159, 164, 168, 0.18);
      box-shadow:
        0 18px 42px rgba(56, 58, 57, 0.1),
        inset 0 1px 0 rgba(255, 255, 255, 0.84);
    }

    .comparison__presidio {
      order: 2;
      padding-bottom: var(--comparison-cta-size-mobile);
    }

    .comparison__other,
    .comparison__presidio-panel {
      margin-top: 0;
      border-radius: 14px;
      overflow: hidden;
      box-shadow:
        0 18px 42px rgba(56, 58, 57, 0.1),
        inset 0 1px 0 rgba(255, 255, 255, 0.84);
    }

    .comparison__other {
      background: transparent;
      border: 0;
      border-radius: 0;
      box-shadow: none;
    }

    .comparison__other-column .comparison__column-title {
      grid-column: auto;
      grid-row: auto;
      margin-bottom: 16px;
      font-size: 1.2rem;
      font-weight: 500;
      line-height: 1.2;
      text-transform: none;
      letter-spacing: 0;
    }

    .comparison__presidio-panel {
      display: grid;
      grid-template-rows:
        var(--comparison-header-size-mobile)
        repeat(8, minmax(var(--comparison-row-size-mobile), auto));
      background: linear-gradient(
        180deg,
        var(--presidio-grad-start) 0%,
        var(--presidio-grad-end) 100%
      );
      box-shadow: 0 18px 42px rgba(56, 58, 57, 0.1);
    }

    .comparison__brand {
      grid-column: auto;
      grid-row: auto;
      padding: 10px 8px 8px;
    }

    .comparison__brand-lockup {
      width: fit-content;
      padding: 6px 10px;
      justify-content: center;
    }

    .comparison__brand-image {
      width: min(100%, 92px);
    }

    .comparison__mark,
    .comparison__presidio-cell {
      grid-column: auto;
      grid-row: auto;
      grid-template-columns: 1fr;
      justify-items: center;
      gap: 8px;
      min-height: var(--comparison-row-size-mobile);
      padding: 10px 14px;
      border-bottom: 1px solid var(--line-soft);
      place-items: center;
      text-align: center;
    }

    .comparison__presidio-cell::after {
      right: 14px;
      left: 14px;
    }

    .comparison__other .comparison__mark:last-child,
    .comparison__presidio-cell:last-child {
      border-bottom: 0;
    }

    .comparison__mobile-label {
      display: block;
      font-size: 1rem;
      line-height: 1.2;
      color: var(--color-dark-blue);
      text-align: center;
    }

    .comparison__presidio-cell .comparison__mobile-label {
      color: var(--color-white);
    }

    .comparison__dot {
      width: 18px;
      height: 18px;
    }

    .comparison__dot svg {
      width: 10px;
      height: 10px;
    }

    .comparison__cta {
      width: 100%;
      border-radius: 8px;
      justify-content: center;
      text-align: center;
      padding: 9px 10px;
    }

    .comparison__cta-wrap {
      grid-column: auto;
      grid-row: auto;
      padding-top: 10px;
    }

    .comparison__feature:nth-child(n),
    .comparison__presidio-cell:nth-child(n),
    .comparison__mark:nth-child(n) {
      grid-row: auto;
    }
  }

  @media (max-width: 560px) {
    .comparison__column-title {
      font-size: 1rem;
    }

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

    .comparison__presidio-panel {
      grid-template-rows: 60px repeat(8, minmax(54px, auto));
    }
  }/* End custom CSS */