.table-container{ background-color: #fff; border-radius: 16px; padding: 30px; width: 80%; margin: 0 auto; } .premier-support table { width: 100%; } .premier-support table .th { padding: 10px; vertical-align: bottom; font-size: clamp(1.2rem, 1.5vw, 1.5rem); font-weight: bold; text-align: center; color: #4d144a; } @media screen and (max-width: 1000px) { .premier-support table .th { padding: 5px; width: 55px; } } .premier-support table .br { border-right: 2px solid #dadada; } .premier-support table tbody tr td { border-bottom: 2px solid #dadada; text-align: center; font-size: 16px; height: 60px; } .premier-support table tbody tr:first-child td { height: 100%; } .premier-support table tbody tr:last-child td { border-bottom: 0px; } @media screen and (max-width: 1000px) { .premier-support table tbody tr td { width: auto; } } .premier-support table tbody tr td:first-child { width: 60%; text-align: left; padding: 0px 0 0px 15px; } @media screen and (max-width: 1000px) { .premier-support table tbody tr td:first-child { width: 50%; } } .premier-support table tbody tr td:first-child:has(span) span { padding-right: 15px; display: flex; align-items: center; } .premier-support .check-icon { background-image: url(https://p3-ofp.static.pub/ShareResource/ww/img/services/premier-support/premier-support-benefits-icon-check.svg); width: 25px; height: 18px; display: inline-block; } .premier-support .x-icon { background-image: url(https://p4-ofp.static.pub/ShareResource/ww/img/services/premier-support/premier-support-benefits-icon-x.svg); width: 17px; height: 17px; display: inline-block; }