.elementor-12680 .elementor-element.elementor-element-6089e66{--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;}.elementor-12680 .elementor-element.elementor-element-3b03edf{--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;}.elementor-12680 .elementor-element.elementor-element-3b03edf.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-table-of-contents{--header-color:var( --e-global-color-secondary );--item-text-color:var( --e-global-color-text );--item-text-hover-color:var( --e-global-color-accent );--marker-color:var( --e-global-color-text );}.elementor-widget-table-of-contents .elementor-toc__header, .elementor-widget-table-of-contents .elementor-toc__header-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-table-of-contents .elementor-toc__list-item{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-12680 .elementor-element.elementor-element-72a58a3{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--item-text-hover-color:#CC0000;--item-text-hover-decoration:underline;}.elementor-12680 .elementor-element.elementor-element-72a58a3 .elementor-toc__header-title{text-align:start;}.elementor-12680 .elementor-element.elementor-element-72a58a3 .elementor-toc__header{flex-direction:row;}.elementor-12680 .elementor-element.elementor-element-6bd8726{--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;}.elementor-12680 .elementor-element.elementor-element-6bd8726.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );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-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-12680 .elementor-element.elementor-element-18cee8f .elementor-heading-title{color:#000000;}.elementor-12680 .elementor-element.elementor-element-b202c84 .elementor-heading-title{color:#000000;}.elementor-12680 .elementor-element.elementor-element-498f377 .elementor-heading-title{color:#000000;}.elementor-12680 .elementor-element.elementor-element-703498c .elementor-heading-title{color:#000000;}.elementor-12680 .elementor-element.elementor-element-fc9d32c .elementor-heading-title{color:#000000;}.elementor-widget-animated-headline .elementor-headline-plain-text{color:var( --e-global-color-secondary );}.elementor-widget-animated-headline .elementor-headline{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-animated-headline{--dynamic-text-color:var( --e-global-color-secondary );}.elementor-widget-animated-headline .elementor-headline-dynamic-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-animated-headline .elementor-headline-dynamic-wrapper path{stroke:var( --e-global-color-accent );}.elementor-12680 .elementor-element.elementor-element-e56b01a{--iteration-count:infinite;--dynamic-text-color:#CC0000;}.elementor-12680 .elementor-element.elementor-element-e56b01a .elementor-headline{text-align:center;}.elementor-12680 .elementor-element.elementor-element-e56b01a .elementor-headline-plain-text{color:#000000;}.elementor-widget-media-carousel .elementor-carousel-image-overlay{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-12680 .elementor-element.elementor-element-10cfab7.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}.elementor-12680 .elementor-element.elementor-element-10cfab7 .elementor-swiper-button{font-size:20px;}.elementor-12680 .elementor-element.elementor-element-0257dbc .elementor-heading-title{color:#000000;}.elementor-12680 .elementor-element.elementor-element-68bc7fb .elementor-heading-title{color:#000000;}.elementor-12680 .elementor-element.elementor-element-174686e .elementor-heading-title{color:#000000;}.elementor-12680 .elementor-element.elementor-element-95a2a38 .elementor-heading-title{color:#000000;}.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-12680 .elementor-element.elementor-element-538dc1a{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-12680 .elementor-element.elementor-element-538dc1a .elementor-divider-separator{width:100%;}.elementor-12680 .elementor-element.elementor-element-538dc1a .elementor-divider{padding-block-start:15px;padding-block-end:15px;}@media(min-width:768px){.elementor-12680 .elementor-element.elementor-element-6089e66{--content-width:1300px;}.elementor-12680 .elementor-element.elementor-element-3b03edf{--width:33.512%;}.elementor-12680 .elementor-element.elementor-element-6bd8726{--width:65.415%;}}@media(max-width:1024px){.elementor-12680 .elementor-element.elementor-element-10cfab7.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}}@media(max-width:767px){.elementor-12680 .elementor-element.elementor-element-10cfab7.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}}/* Start custom CSS for html, class: .elementor-element-ba5b589 *//* Custom CSS for the comparison table */
.comparison-table-container {
    max-width: 100%;
    margin: 20px auto;
    overflow-x: auto; /* For responsive horizontal scrolling */
    box-shadow: 0 6px 20px rgba(0,0,0,0.15);
    border-radius: 10px;
}

/* Base table styles */
.comparison-table-container table {
    width: 100%;
    border-collapse: collapse;
    font-family: Arial, sans-serif;
    text-align: center;
}

/* --- UPDATED: Column widths for a tighter first column in 4-column layout --- */
.comparison-table-container .col-acuity {
    width: 20%; /* Tighter first column */
}
.comparison-table-container .col-smallest-detail,
.comparison-table-container .col-cycles-per-degree,
.comparison-table-container .col-pixels-per-degree {
    width: 26.66%; /* Remaining 80% split evenly among the other three columns */
}


/* Table header styles */
.comparison-table-container th {
    color: #fff;
    border: 1px solid #e0e0e0;
    padding: 12px;
}

/* Specific header background colors */
.comparison-table-container .header-acuity {
    background: linear-gradient(90deg, #00a3e0, #008ccf); /* Blue gradient for the first header */
}
.comparison-table-container .header-smallest-detail,
.comparison-table-container .header-cycles-per-degree,
.comparison-table-container .header-pixels-per-degree {
    background: linear-gradient(90deg, #4fbffb, #279fd4); /* Lighter blue gradient for subsequent headers */
}

/* Table data cell styles */
.comparison-table-container td {
    background: #fff; /* Default for all cells */
    border: 1px solid #e0e0e0;
    padding: 12px;
}

/* Alternating row background for visual separation */
.comparison-table-container tbody tr:nth-child(even) td {
    background: #f9f9f9; /* Light grey for even rows */
}

/* First column cells background color (white) */
.comparison-table-container tbody td:first-child {
    background-color: #ffffff; /* White background for the first column cells */
}
/* Ensure strong text in first column remains visible */
.comparison-table-container tbody td:first-child strong {
    color: #333; /* Or any other color you prefer for the text */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-905c070 *//* Custom CSS for the comparison table */
.comparison-table-container {
    max-width: 100%;
    margin: 20px auto;
    overflow-x: auto; /* For responsive horizontal scrolling */
    box-shadow: 0 6px 20px rgba(0,0,0,0.15);
    border-radius: 10px;
}

/* Base table styles */
.comparison-table-container table {
    width: 100%;
    border-collapse: collapse;
    font-family: Arial, sans-serif;
    text-align: center;
}

/* --- UPDATED: Column widths for a tighter first column in 4-column layout --- */
.comparison-table-container .col-screen-distance {
    width: 20%; /* Tighter first column */
}
.comparison-table-container .col-qhd,
.comparison-table-container .col-4k,
.comparison-table-container .col-what-it-feels-like {
    width: 26.66%; /* Remaining 80% split evenly among the other three columns */
}


/* Table header styles */
.comparison-table-container th {
    color: #fff;
    border: 1px solid #e0e0e0;
    padding: 12px;
}

/* Specific header background colors */
.comparison-table-container .header-screen-distance {
    background: linear-gradient(90deg, #00a3e0, #008ccf); /* Blue gradient for the first header */
}
.comparison-table-container .header-qhd,
.comparison-table-container .header-4k,
.comparison-table-container .header-what-it-feels-like {
    background: linear-gradient(90deg, #4fbffb, #279fd4); /* Lighter blue gradient for subsequent headers */
}

/* Table data cell styles */
.comparison-table-container td {
    background: #fff; /* Default for all cells */
    border: 1px solid #e0e0e0;
    padding: 12px;
}

/* Alternating row background for visual separation */
.comparison-table-container tbody tr:nth-child(even) td {
    background: #f9f9f9; /* Light grey for even rows */
}

/* First column cells background color (white) */
.comparison-table-container tbody td:first-child {
    background-color: #ffffff; /* White background for the first column cells */
}
/* Ensure strong text in first column remains visible */
.comparison-table-container tbody td:first-child strong {
    color: #333; /* Or any other color you prefer for the text */
}/* End custom CSS */