body { font-family: Arial, sans-serif; }
.pricing-table { width: 100%; margin: 20px auto; border-collapse: collapse;overflow-x: scroll; }
.pricing-table th, .pricing-table td { padding: 15px; text-align: left; }
.pricing-table thead th { background-color: #0B57A5; color: #fff; font-size: 18px; border: 1px solid #ddd;text-align: center; }
.pricing-table tbody td { background-color: #f7f7f7; border: 1px solid #ddd; text-align: left; position: relative;text-align: center;}
.pricing-table tbody td.title{ font-size: 18px;text-align: left; }
.pricing-table tbody tr:nth-child(even) td { background-color: #eee; }
.pricing-table .check { color: #1692CE; font-size: 20px; }
.pricing-table .get-started { padding: 10px 20px; color: #fff; text-decoration: none; border-radius: 5px; display: inline-block; text-align: center; font-size: 16px; font-weight: 600; background-color: #1692CE; }
.pricing-table td.active .get-started { background-color: #0B57A5; }
.pricing-table .cplan.active{background-color: #ddd;}
td.cplan.active {
    color: #0058a6;
    font-weight: 800;
}
.pricing-table tbody tr.plan-amount-row td.title,.pricing-table tbody tr.state-fee-row td.title {
    text-align: right;
    font-size: 16px;
    font-weight: 600;
}

@media (max-width:767px){
    .pricing-table thead th { font-size: 16px; }
    .pricing-table tbody td.title { font-size: 16px; }
    .pricing-table .check { font-size: 18px; }
    .pricing-table .get-started { font-size: 14px; }
    .pricing-table { max-width: 85%; }
}