.box { padding: 36px 97px 49px; box-shadow: 0 3px 6px 0 rgba(208, 167, 255, 0.2); border: solid 0.3px rgb(208, 167, 255); background-color: #fff; } .box table tbody tr:nth-child(odd) { background-color: rgba(208, 167, 255, 0.1); /* Hafif mor tonlu */ } .box table tbody tr:nth-child(even) { background-color: #ffffff; /* Açık renk */ } @media (max-width: 1200px) { .box { padding: 36px 61px 49px 58px; } } @media (max-width: 767px) { .box { padding: 32px 0 40px 0px; } } @media (max-width: 576px) { .box { padding: 32px 0px 40px 0px; } } .box-title { display: flex; justify-content: center; margin-bottom: 55px; font-size: 22px; font-weight: 600; text-align: left; color: rgb(36, 36, 36); } @media (max-width: 576px) { .box-title { font-size: 16px; } } .box table { width: 100%; table-layout: fixed; } .box table thead tr th { text-align: center; line-height: 1.2; color: rgb(36, 36, 36); font-size: 16px; font-weight: 500; padding: 0 59px; } @media (max-width: 1365px) { .box table thead tr th { padding: 0 22px; } } @media (max-width: 959px) { .box table thead tr th { padding: 0 6px; } } @media (max-width: 767px) { .box table thead tr th { padding: 0 40px; font-size: 12px; } } @media (max-width: 671px) { .box table thead tr th { padding: unset; } } @media (max-width: 1200px) { .box table thead tr th:first-child { text-align: left; } } .box table tbody tr { border-bottom: 0.5px solid rgb(194, 194, 221); } .box table tbody tr:last-child { border: unset; } .box table tbody tr td { padding: 18px 5px; text-align: center; line-height: 1.13; color: black; font-size: 16px; font-weight: 500; } .box table tbody tr td:first-child { padding: 14px 5px; } @media (max-width: 1200px) { .box table tbody tr td:first-child { text-align: left; } } .box table tbody tr td:first-child img { height: 79px; width: 79px; border-radius: 50%; } @media (max-width: 767px) { .box table tbody tr td:first-child img { width: 70px; height: 70px; } }