/* Basic Table Styling */
.feature-compare-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 1rem;
    font-family: inherit;
}


.feature-compare-table  thead {
    border-bottom: 2px solid #D0D0D0;
}

.feature-compare-table  tbody td {
    border-bottom: 1px solid #D0D0D0;
}
.feature-compare-table th,
.feature-compare-table td {
    border: 0px solid #ddd;
    padding: 15px ;
    text-align: center;
	color: var( --e-global-color-text )
}

.feature-compare-table thead tr th:first-child,
.feature-compare-table tbody  tr td:first-child
{
  
    text-align: left;
}


.feature-compare-table th {
    font-weight: 600;
    font-size: 16px;
    text-transform: uppercase;
}
.feature-compare-table td {
    font-weight: 500;
    font-size: 16px;
}


.feature-compare-table tr td:first-child {
    font-weight: 600;
    font-size: 16px;
}


/* Responsive wrapper (like Bootstrap) */
.fc-table-responsive {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; /* smooth scrolling on mobile */
}

.fc-table-responsive table {
    width: 100%;
    min-width: 600px; /* optional: ensures table is scrollable on small screens */
}



@media(max-width:767px)
{
	.feature-compare-table th {
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
}
.feature-compare-table td {
    font-weight: 500;
    font-size: 14px;
}
}