.elementor-5411 .elementor-element.elementor-element-c36139e > .elementor-container{max-width:1300px;}.elementor-5411 .elementor-element.elementor-element-fc609e7{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--item-text-hover-decoration:underline;}.elementor-5411 .elementor-element.elementor-element-fc609e7 .elementor-toc__header-title{text-align:start;}.elementor-5411 .elementor-element.elementor-element-fc609e7 .elementor-toc__header{flex-direction:row;}@media(min-width:768px){.elementor-5411 .elementor-element.elementor-element-d2c8bfe{width:38.43%;}.elementor-5411 .elementor-element.elementor-element-84b677a{width:61.57%;}}/* Start custom CSS for html, class: .elementor-element-8a14950 *//* 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;
}

/* --- Column widths for tighter first column in 3-column layout --- */
.comparison-table-container .col-setting {
    width: 25%; /* Tighter first column */
}
.comparison-table-container .col-recommendation,
.comparison-table-container .col-reason {
    width: 37.5%; /* Remaining 75% split evenly among the other two columns */
}


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

/* Specific header background colors */
.comparison-table-container .header-setting {
    background: linear-gradient(90deg, #00a3e0, #008ccf); /* Blue gradient for the first header */
}
.comparison-table-container .header-recommendation,
.comparison-table-container .header-reason {
    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 */
tbody td:first-child strong {
    color: #333; /* Or any other color you prefer for the text */
}/* End custom CSS */