.elementor-42479 .elementor-element.elementor-element-2064d349{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:8px 8px;--row-gap:8px;--column-gap:8px;--border-radius:999px 999px 999px 999px;box-shadow:0px 0px 8px 0px rgba(124, 124, 124, 0.25);--margin-top:0px;--margin-bottom:-13px;--margin-left:0px;--margin-right:0px;--padding-top:5px;--padding-bottom:5px;--padding-left:012px;--padding-right:012px;}.elementor-42479 .elementor-element.elementor-element-2064d349:not(.elementor-motion-effects-element-type-background), .elementor-42479 .elementor-element.elementor-element-2064d349 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-42479 .elementor-element.elementor-element-2064d349.e-con{--align-self:center;}.elementor-widget-image .widget-image-caption{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 );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-42479 .elementor-element.elementor-element-7433141e{width:auto;max-width:auto;margin:-6px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-42479 .elementor-element.elementor-element-7433141e.elementor-element{--align-self:center;}.elementor-42479 .elementor-element.elementor-element-7433141e img{width:20px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );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-42479 .elementor-element.elementor-element-1b47fed2{width:auto;max-width:auto;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -22px) -2px;padding:0px 0px 0px 0px;font-family:"DM Sans", Sans-serif;font-size:16px;font-weight:600;line-height:1em;color:#364153;}.elementor-42479 .elementor-element.elementor-element-1b47fed2.elementor-element{--align-self:center;}@media(max-width:1024px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}}@media(min-width:768px){.elementor-42479 .elementor-element.elementor-element-2064d349{--width:240px;}}@media(max-width:767px){.elementor-42479 .elementor-element.elementor-element-2064d349{--width:265px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-42479 .elementor-element.elementor-element-2064d349.e-con{--align-self:center;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-42479 .elementor-element.elementor-element-7433141e{margin:-4px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-42479 .elementor-element.elementor-element-7433141e img{width:21px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-42479 .elementor-element.elementor-element-1b47fed2{width:auto;max-width:auto;font-size:16px;line-height:1em;letter-spacing:0px;}}/* Start custom CSS for container, class: .elementor-element-2064d349 */.elementor-42479 .elementor-element.elementor-element-2064d349 {
    max-width: 50%;
}

@media (max-width: 767px) {
    .elementor-42479 .elementor-element.elementor-element-2064d349 {
        max-width: 100%;
    }
}/* End custom CSS */
/* Start custom CSS *//* Wrapper for horizontal scroll */
.comparison-table-wrapper {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  margin: 20px 0;
  border-radius: 20px; 
  border: 2px solid #000; 
  padding: 0; 
}

.comparison-table table {
  width: 100%;
  border-collapse: separate; 
  border-spacing: 0;
  font-family: Arial, sans-serif;
  font-size: 20px; 
  min-width: 700px; 
  border-radius: 20px;
  overflow: hidden; 
  margin: 0; 
}

/* Remove horizontal line below the header text row (Feature / SBA / Aspire) */
.comparison-table thead tr:nth-child(2) th {
  border-top: none !important;
}


/* Logo row styling */
.logo-row {
  height: 70px;             
  vertical-align: middle; 
}

.logo-row th {
  border-bottom: none !important; /* remove bottom border */
  padding: 0;                     
  padding-top: 0px;               
  padding-bottom: 0px !important;
}

/* Header logos - responsive sizing */
.logo-row img.header-logo {
  display: block;
  width: auto;         
  height: 100px;        /* default height for Sleek logo */
  object-fit: contain;
  margin: auto;
}

/* Mobile adjustment */
@media (max-width: 768px) {
  .logo-row img.header-logo {
    max-width: 80px;  
    height: 50px;     
  }
  .logo-row th:nth-child(3) img.header-logo {
    height: 60px;      /* bigger Aspire logo on mobile */
  }
}



/* Cells styling */
.comparison-table th,
.comparison-table td {
  padding: 25px 15px;
  text-align: center; 
  color: #000; 
  background-color: #fff !important; 
  border-bottom: 1px solid #000; 
  border-left: none;
  border-right: none;
}

/* Remove bottom border of last row */
.comparison-table tbody tr.last-row td {
  border-bottom: none !important;
}

/* Sleek column highlight */
.comparison-table-requirements td:nth-child(2),
.comparison-table-requirements th:nth-child(2) {
  background-color: #F5F5F5 !important;
}

/* Sleek column highlight */
.comparison-table td:nth-child(2),
.comparison-table th:nth-child(2) {
  background-color: #F0F6FE !important;
}

/* Remove default stripes */
.comparison-table tbody tr td {
  background-color: #fff !important;
}

/* Sticky header */
.comparison-table th {
  position: sticky;
  top: 0;
  z-index: 2;
}

/* ---------------------------------- */

.resident-toggle-container {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}

/* Toggle background */
.resident-toggle-bg {
  position: relative;
  width: 350px;       /* longer toggle */
  height: 50px;
  background-color: #F3F4FA; /* inactive background color */
  border-radius: 25px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  overflow: hidden;
}

/* Handle that moves behind active text */
#resident-toggle-handle {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;           /* half the toggle width */
  height: 100%;
  background-color: #0066FF; /* active color */
  border-radius: 999px;       /* fully pill-shaped */
  transition: left 0.3s;
  z-index: 1;
}

/* Buttons/text */
.resident-toggle-bg button {
  flex: 1;
  border: none;
  background: transparent;
  font-weight: bold;
  font-size: 16px;
  cursor: pointer;
  position: relative;
  z-index: 2; /* text above handle */
  color: #4F4F4F; /* inactive text color */
  transition: color 0.3s;
}

/* Active text color white */
.resident-toggle-bg button.active {
  color: #fff;
}

/* Remove focus outline and active flash */
.resident-toggle-bg button:focus {
  outline: none;
  box-shadow: none;
}

.resident-toggle-bg button:active {
  transform: none;
}

/* Mobile adjustments */
@media (max-width: 768px) {
  .resident-toggle-bg {
    width: 260px;
    height: 40px;
  }
  #resident-toggle-handle {
    height: 100%;
  }
  .resident-toggle-bg button {
    font-size: 14px;
  }
}

/* Mobile optimization */
@media (max-width: 768px) {
  .comparison-table table {
    min-width: 600px; 
  }
}

/* ===== Comparison Table (Table 2) ===== */
.cmp-table-wrapper {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  margin: 20px 0;
  border-radius: 20px;
  border: 2px solid #000;
  padding: 0;
}
.cmp-table table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  font-family: Arial, sans-serif;
  font-size: 20px;
  min-width: 800px;
  border-radius: 20px;
  overflow: hidden;
  margin: 0;
}
/* Logo row */
.cmp-table .cmp-logo-row {
  height: 100px;
  vertical-align: middle;
}
.cmp-table .cmp-logo-row th {
  border-bottom: none !important;
  padding: 15px 10px;
  background-color: #fff !important;
}
/* Sleek logo column gets highlight on logo row too */
.cmp-table .cmp-logo-row th:nth-child(2) {
  background-color: #F0F6FE !important;
}
.cmp-table img.cmp-header-logo {
  display: block;
  width: auto;
  height: 70px;
  object-fit: contain;
  margin: auto;
}
/* Remove top border on header text row */
.cmp-table thead tr:nth-child(2) th {
  border-top: none !important;
}
/* All cells */
.cmp-table th,
.cmp-table td {
  padding: 25px 15px;
  text-align: center;
  color: #000;
  background-color: #fff !important;
  border-bottom: 1px solid #000;
  border-left: none;
  border-right: none;
  vertical-align: middle;
}
/* Header text row */
.cmp-table thead tr:nth-child(2) th {
  font-weight: bold;
}
/* Sleek column highlight (2nd column) */
.cmp-table td:nth-child(2),
.cmp-table thead tr:nth-child(2) th:nth-child(2) {
  background-color: #F0F6FE !important;
}
/* Remove bottom border on last row */
.cmp-table tbody tr.last-row td {
  border-bottom: none !important;
}
/* Mobile */
@media (max-width: 768px) {
  .cmp-table table {
    min-width: 700px;
    font-size: 15px;
  }
  .cmp-table th,
  .cmp-table td {
    padding: 15px 10px;
  }
  .cmp-table img.cmp-header-logo {
    height: 45px;
  }
  .cmp-table .cmp-logo-row {
    height: 70px;
  }
}/* End custom CSS */