.elementor-6382 .elementor-element.elementor-element-6f4c639{--display:flex;}.elementor-6382 .elementor-element.elementor-element-6f4c639.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-6382 .elementor-element.elementor-element-e07be5e{--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-6382 .elementor-element.elementor-element-e07be5e.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-6382 .elementor-element.elementor-element-42078ab{--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;box-shadow:0px 0px 10px 1px rgba(0,0,0,0.5);}.elementor-6382 .elementor-element.elementor-element-42078ab.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-6382 .elementor-element.elementor-element-b004096{--display:flex;--padding-top:-10px;--padding-bottom:7px;--padding-left:7px;--padding-right:7px;}.elementor-6382 .elementor-element.elementor-element-b004096.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-6382 .elementor-element.elementor-element-78c4127 > .elementor-widget-container{margin:-7px -7px -7px -7px;padding:5px 5px 5px 5px;}.elementor-6382 .elementor-element.elementor-element-589a482{--display:flex;--padding-top:-10px;--padding-bottom:7px;--padding-left:7px;--padding-right:7px;}.elementor-6382 .elementor-element.elementor-element-bf25faf > .elementor-widget-container{margin:-7px -7px -7px -7px;padding:5px 5px 5px 5px;}.elementor-6382 .elementor-element.elementor-element-4255f7c{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;}.elementor-6382 .elementor-element.elementor-element-4255f7c.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#CC0000;}.elementor-6382 .elementor-element.elementor-element-4255f7c.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-6382 .elementor-element.elementor-element-4255f7c.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#CC0000;}.elementor-6382 .elementor-element.elementor-element-9e340c2{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-6382 .elementor-element.elementor-element-9e340c2.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-6382 .elementor-element.elementor-element-0e05ba5{width:var( --container-widget-width, 104.024% );max-width:104.024%;--container-widget-width:104.024%;--container-widget-flex-grow:0;}.elementor-6382 .elementor-element.elementor-element-0e05ba5 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-6382 .elementor-element.elementor-element-0e05ba5.elementor-element{--flex-grow:0;--flex-shrink:0;}.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-6382 .elementor-element.elementor-element-1e75539 .elementor-heading-title{color:var( --e-global-color-2b550a0 );}.elementor-6382 .elementor-element.elementor-element-982bf40 .elementor-heading-title{color:var( --e-global-color-2b550a0 );}.elementor-6382 .elementor-element.elementor-element-dfb5c26 .elementor-heading-title{color:var( --e-global-color-2b550a0 );}.elementor-6382 .elementor-element.elementor-element-2ab0991 .elementor-heading-title{color:var( --e-global-color-2b550a0 );}.elementor-6382 .elementor-element.elementor-element-0b77aa7 .elementor-heading-title{color:var( --e-global-color-2b550a0 );}.elementor-6382 .elementor-element.elementor-element-68e031e .elementor-heading-title{color:var( --e-global-color-2b550a0 );}.elementor-6382 .elementor-element.elementor-element-4ebea59 .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-6382 .elementor-element.elementor-element-4a48014 .elementor-heading-title{color:#000000;}.elementor-6382 .elementor-element.elementor-element-0e7c9d7 .elementor-heading-title{color:#000000;}.elementor-6382 .elementor-element.elementor-element-ea7ebc6 .elementor-heading-title{color:var( --e-global-color-2b550a0 );}@media(min-width:768px){.elementor-6382 .elementor-element.elementor-element-6f4c639{--width:97.492%;}.elementor-6382 .elementor-element.elementor-element-e07be5e{--width:100%;}.elementor-6382 .elementor-element.elementor-element-42078ab{--width:37.127%;}.elementor-6382 .elementor-element.elementor-element-b004096{--width:100%;}.elementor-6382 .elementor-element.elementor-element-9e340c2{--width:63.997%;}}/* Start custom CSS for html, class: .elementor-element-78c4127 *//* 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 even wider first column and tighter others --- */ .comparison-table-container .col-lens-name-overnight { width: 60%; /* Now 60% wide */ } .comparison-table-container .col-replacement-schedule { width: 20%; /* Now 20% wide */ } .comparison-table-container .col-water-content { width: 20%; /* Now 20% wide */ } /* Table header styles */ .comparison-table-container th { color: #fff; border: 1px solid #e0e0e0; padding: 12px; } /* Specific header background colors */ .comparison-table-container .header-lens-name-overnight { background: linear-gradient(90deg, #00a3e0, #008ccf); /* Blue gradient for the first header */ } .comparison-table-container .header-replacement-schedule, .comparison-table-container .header-water-content { 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-bf25faf *//* 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 even wider first column and tighter others --- */ .comparison-table-container .col-lens-name-overnight { width: 60%; /* Now 60% wide */ } .comparison-table-container .col-replacement-schedule { width: 20%; /* Now 20% wide */ } .comparison-table-container .col-water-content { width: 20%; /* Now 20% wide */ } /* Table header styles */ .comparison-table-container th { color: #fff; border: 1px solid #e0e0e0; padding: 12px; } /* Specific header background colors */ .comparison-table-container .header-lens-name-overnight { background: linear-gradient(90deg, #00a3e0, #008ccf); /* Blue gradient for the first header */ } .comparison-table-container .header-replacement-schedule, .comparison-table-container .header-water-content { 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-78c4127 *//* 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 even wider first column and tighter others --- */ .comparison-table-container .col-lens-name-overnight { width: 60%; /* Now 60% wide */ } .comparison-table-container .col-replacement-schedule { width: 20%; /* Now 20% wide */ } .comparison-table-container .col-water-content { width: 20%; /* Now 20% wide */ } /* Table header styles */ .comparison-table-container th { color: #fff; border: 1px solid #e0e0e0; padding: 12px; } /* Specific header background colors */ .comparison-table-container .header-lens-name-overnight { background: linear-gradient(90deg, #00a3e0, #008ccf); /* Blue gradient for the first header */ } .comparison-table-container .header-replacement-schedule, .comparison-table-container .header-water-content { 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-bf25faf *//* 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 even wider first column and tighter others --- */ .comparison-table-container .col-lens-name-overnight { width: 60%; /* Now 60% wide */ } .comparison-table-container .col-replacement-schedule { width: 20%; /* Now 20% wide */ } .comparison-table-container .col-water-content { width: 20%; /* Now 20% wide */ } /* Table header styles */ .comparison-table-container th { color: #fff; border: 1px solid #e0e0e0; padding: 12px; } /* Specific header background colors */ .comparison-table-container .header-lens-name-overnight { background: linear-gradient(90deg, #00a3e0, #008ccf); /* Blue gradient for the first header */ } .comparison-table-container .header-replacement-schedule, .comparison-table-container .header-water-content { 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-78c4127 *//* 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 even wider first column and tighter others --- */ .comparison-table-container .col-lens-name-overnight { width: 60%; /* Now 60% wide */ } .comparison-table-container .col-replacement-schedule { width: 20%; /* Now 20% wide */ } .comparison-table-container .col-water-content { width: 20%; /* Now 20% wide */ } /* Table header styles */ .comparison-table-container th { color: #fff; border: 1px solid #e0e0e0; padding: 12px; } /* Specific header background colors */ .comparison-table-container .header-lens-name-overnight { background: linear-gradient(90deg, #00a3e0, #008ccf); /* Blue gradient for the first header */ } .comparison-table-container .header-replacement-schedule, .comparison-table-container .header-water-content { 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-bf25faf *//* 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 even wider first column and tighter others --- */ .comparison-table-container .col-lens-name-overnight { width: 60%; /* Now 60% wide */ } .comparison-table-container .col-replacement-schedule { width: 20%; /* Now 20% wide */ } .comparison-table-container .col-water-content { width: 20%; /* Now 20% wide */ } /* Table header styles */ .comparison-table-container th { color: #fff; border: 1px solid #e0e0e0; padding: 12px; } /* Specific header background colors */ .comparison-table-container .header-lens-name-overnight { background: linear-gradient(90deg, #00a3e0, #008ccf); /* Blue gradient for the first header */ } .comparison-table-container .header-replacement-schedule, .comparison-table-container .header-water-content { 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 */