.elementor-1669 .elementor-element.elementor-element-18f962e3{--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:0vw;--padding-bottom:6.6vw;--padding-left:0vw;--padding-right:0vw;}.elementor-1669 .elementor-element.elementor-element-18f962e3:not(.elementor-motion-effects-element-type-background), .elementor-1669 .elementor-element.elementor-element-18f962e3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-c703248 );}.elementor-1669 .elementor-element.elementor-element-18f962e3.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1669 .elementor-element.elementor-element-6335a3aa{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1669 .elementor-element.elementor-element-4ae1186b{text-align:center;}.elementor-1669 .elementor-element.elementor-element-4ae1186b .elementor-heading-title{font-family:var( --e-global-typography-01b3572-font-family ), Sans-serif;font-size:var( --e-global-typography-01b3572-font-size );font-weight:var( --e-global-typography-01b3572-font-weight );line-height:var( --e-global-typography-01b3572-line-height );color:var( --e-global-color-9b6d8d4 );}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-1669 .elementor-element.elementor-element-518e7f26{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-1669 .elementor-element.elementor-element-518e7f26 .elementor-divider-separator{width:50px;margin:0 auto;margin-center:0;}.elementor-1669 .elementor-element.elementor-element-518e7f26 .elementor-divider{text-align:center;padding-block-start:0px;padding-block-end:0px;}.elementor-1669 .elementor-element.elementor-element-20dd3943{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1669 .elementor-element.elementor-element-0fab257{width:100%;max-width:100%;}@media(min-width:768px){.elementor-1669 .elementor-element.elementor-element-18f962e3{--content-width:1250px;}.elementor-1669 .elementor-element.elementor-element-20dd3943{--width:100%;}}@media(max-width:1024px){.elementor-1669 .elementor-element.elementor-element-18f962e3{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1669 .elementor-element.elementor-element-4ae1186b .elementor-heading-title{font-size:var( --e-global-typography-01b3572-font-size );line-height:var( --e-global-typography-01b3572-line-height );}}@media(max-width:767px){.elementor-1669 .elementor-element.elementor-element-4ae1186b .elementor-heading-title{font-size:var( --e-global-typography-01b3572-font-size );line-height:var( --e-global-typography-01b3572-line-height );}}/* Start custom CSS for html, class: .elementor-element-0fab257 */.comparison-table {
    width: 100%;
    border-collapse: separate; 
    border-spacing: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    color: #333;
    border: 1px solid #eef0f4;
    border-radius: 12px;
    overflow: hidden;
}

/* --- Sticky Top Row (Headers) --- */
.comparison-table thead tr th {
    position: sticky;
    top: 0;
    z-index: 3; /* Keeps the headers above normal body cells */
    background: white;
    padding: 20px;
    text-align: center;
    border: 0px;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-bottom: 2px solid #EBEBEB; /* Clear boundary while scrolling down */
}

/* --- Sticky First Column Logic --- */
.comparison-table td:first-child {
    text-align: left;
    position: sticky;
    left: 0;
    background-color: white !important; 
    z-index: 2; /* Below the top headers, but above normal cells */
    border-right: 1px solid #EBEBEB; 
}

/* --- The Intersecting Top-Left Corner --- */
.comparison-table th:first-child {
    text-align: left;
    position: sticky;
    left: 0;
    top: 0;
    z-index: 4; /* Highest priority: stays fixed both vertically and horizontally */
    background-color: white !important;
    border-right: 1px solid #EBEBEB;
}

.comparison-table td {
    padding: 20px;
    border: 0px;
    text-align: center;
    vertical-align: middle;
}

.comparison-table tr:hover td {
    background-color: #f9fbff !important;
}

.comparison-table strong {
    display: block;
    font-size: 16px;
    margin-bottom: 4px;
    color: #1a1a1a;
}

.comparison-table small {
    color: #777;
    font-size: 13px;
}

.check { color: #2ecc71; font-weight: bold; font-size: 18px; }
.cross { color: #d1d1d1; font-weight: bold; font-size: 18px; }

.comparison-table thead strong {
    width: fit-content;
    padding: 5px 10px;
    background: black;
    color: white !important;
    border-radius: 5px;
    margin: auto;
}

/* --- Branding Color for Simply Cabinetry --- */
.comparison-table th.simply-header strong {
    background: #DFCB92 !important; 
    color: #1a1a1a !important; 
}

.comparison-table th:first-child strong {
    margin: 0px;
}

.comparison-table tr {
    border-bottom: 1px solid #EBEBEB;
}

.comparison-table, .comparison-table td {
    background: white !important;
}/* End custom CSS */