.exam-tabs-container { margin-bottom: -64px; width: 100%; background: #f5f5f5; padding-top: 50px; padding-bottom: 12px; display: flex; flex-direction: column; }
    .exam-tabs { max-width: 1364px; margin: 0 auto; width: 100%; background-color: #f5f5f5; }
    .exam-tabs-header { text-align: center; color: #122048; font-family: "Euclid Circular A"; font-size: 35px; font-weight: 700; line-height: 90.8%; letter-spacing: .525px; margin-bottom: 10px; }
    .exam-tabs-row { display: flex; flex-wrap: wrap; justify-content: center; gap: 15px; }
    .exam-tab { width: 100%; max-width: 135px; height: 74px; display: flex; align-items: center; justify-content: center; cursor: pointer; border-radius: 12px 12px 0 0; border-top: 2px solid #122048; border-right: 2px solid #122048; border-left: 2px solid #122048; }
    .exam-tab h4 { color: #fff; text-align: center; font-family: "Euclid Circular A"; font-size: 36px; font-weight: 700; line-height: 43.927px; margin: 0; }
    .exam-tab:nth-of-type(1) { background-color: #D93717; } .exam-tab:nth-of-type(2) { background-color: #00477a; } .exam-tab:nth-of-type(3) { background-color: #7a526f; } .exam-tab:nth-of-type(4) { background-color: #146e8a; } .exam-tab:nth-of-type(5) { background-color: #956202; } .exam-tab:nth-of-type(6) { background-color: #a847a8; }
    .exam-tab:nth-of-type(1).active { background: linear-gradient(180deg, #cd5e15 4.33%, #D93717 33.65%, #ffa971 100%); }
    .exam-tab:nth-of-type(2).active { background: linear-gradient(180deg, #00477a 46.15%, #0082e0 100%); }
    .exam-tab:nth-of-type(3).active { background: linear-gradient(180deg, #7a526f 48.08%, #de92cb 100%); }
    .exam-tab:nth-of-type(4).active { background: linear-gradient(180deg, #146e8a 30.77%, #9ac6c7 100%); }
    .exam-tab:nth-of-type(5).active { background: linear-gradient(180deg, #956202 19.71%, #ffc250 100%); }
    .exam-tab:nth-of-type(6).active { background: linear-gradient(180deg, #a847a8 17.79%, #f88cf8 100%); }
    .exam-section { background-color: #f5f5f5; width: 100%; padding: 0 30px 10px; display: none; justify-content: space-around; }
    .visible { display: flex; }
    .exam-section .chart { border-radius: 52px 0 0 52px; background: #122048; width: 683px; height: 457px; display: flex; align-items: center; justify-content: center; }
    .exam-section .graph-wrapper { width: 681px; height: 457px; border-radius: 0 52px 52px 0; display: flex; justify-content: center; align-items: center; padding: 12px; box-sizing: border-box; }
    .aud { background: rgba(244, 117, 33, 0.2); } .far { background: #00477a33; } .reg { background: #7a526f33; } .bar { background: #146e8a33; } .isc { background: #95620233; } .tcp { background: #a847a833; }
    .graph { display: grid; grid-template-columns: 37% repeat(6, 10.5%); background-color: #fff; height: 339px; width: 100%; max-width: 618px; border-radius: 52px; }
    .graph div { display: flex; justify-content: center; align-items: center; } .graph > div:nth-child(7n + 1) { justify-content: flex-start; padding-left: 15px; }
    .graph > div:not(.header) p { font-family: "Euclid Circular A", system-ui, sans-serif; font-size: 19px; font-weight: 400; color: #001a33; margin: 0; }
    .graph > div:nth-child(8) p, .graph > div:nth-child(15) p, .graph > div:nth-child(22) p { font-size: 14px; font-weight: 600; }
    .graph div:first-child p { color: #fff; font-family: "Euclid Circular A"; font-size: 32px; font-weight: 700; line-height: 1; margin: 0; padding: 0 12px; }
    .graph > div:nth-child(n + 8):nth-child(-n + 14) { background-color: #f4f4f4; } .graph > div:nth-child(n + 15):nth-child(-n + 21) { background-color: #ececec; } .graph > div:nth-child(n + 22):nth-child(-n + 28) { background-color: #f4f4f4; }
    .graph > div:nth-child(1) { border-top-left-radius: 52px; } .graph > div:nth-child(7) { border-top-right-radius: 52px; } .graph > div:nth-child(22) { border-bottom-left-radius: 52px; } .graph > div:nth-child(28) { border-bottom-right-radius: 52px; }
    .aud div.header { background-color: #f47521; } .far div.header { background-color: #00477a; } .reg div.header { background-color: #7a526f; } .bar div.header { background-color: #146e8a; } .isc div.header { background-color: #956202; } .tcp div.header { background-color: #a847a8; }
    .graph div.header p { color: #fff; margin: 0; font-family: "Euclid Circular A", system-ui, sans-serif; font-size: 13px; font-weight: 700; line-height: 1.15; }
    .graph div.header:first-child p { font-size: 32px; font-family: "Euclid Circular A"; }
    .graph > div:nth-child(7n):not(.header) p { font-weight: 800; }
    .charts-button a { font-family: "Euclid Circular A"; font-size: 16px; font-weight: 600; display: flex; padding: 20px; align-items: center; gap: 10px; background: #FDC20D; color: #122048; justify-content: center; text-decoration: none; max-width: 365px; margin: auto; border-radius: 2px; }