.school-fee-breakdown{width:100%;margin-top:4px;color:#174f45}.school-fee-breakdown table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:18px;line-height:1.7}.school-fee-breakdown caption{text-align:left;font-size:18px;color:#526f61;padding:0 0 14px}.school-fee-breakdown thead th{background:#eef5ec;border-bottom:2px solid #c4d8c8;font-weight:700}.school-fee-breakdown th,.school-fee-breakdown td{padding:18px 14px;border-bottom:1px solid #dce7de;vertical-align:middle;text-align:left;overflow-wrap:anywhere}.school-fee-breakdown th:first-child{width:34%}.school-fee-breakdown thead th:not(:first-child){width:22%}.school-fee-breakdown tbody th{font-weight:700}.school-fee-breakdown small{display:block;font-size:18px;line-height:1.7;color:#526f61;font-weight:500;margin-top:6px}.school-fee-breakdown .fee-amount{font-size:23px;font-weight:800;letter-spacing:-.025em;white-space:nowrap}.fee-amount>span{font-size:18px;font-weight:500;margin-left:3px}.school-fee-breakdown .fee-monthly{color:#397427;background:#f4f9f0}.school-fee-breakdown .fee-monthly small{color:#526f61}.fee-confirm{font-size:18px;line-height:1.7}.school-panel .school-fee-note{margin-top:22px}
@media(max-width:1100px){.school-fee-breakdown th,.school-fee-breakdown td{padding:16px 10px}.school-fee-breakdown .fee-amount{font-size:21px}}
@media(max-width:760px){.school-fee-breakdown table,.school-fee-breakdown tbody,.school-fee-breakdown tr,.school-fee-breakdown th,.school-fee-breakdown td{display:block;width:100%;font-size:15px}.school-fee-breakdown caption{display:block;text-align:left;font-size:14px;padding-bottom:4px}.school-fee-breakdown thead{display:none}.school-fee-breakdown tr{padding:17px 16px;border:1px solid #d4e3d6;border-radius:12px;margin:14px 0;background:white}.school-fee-breakdown tbody th{width:100%;font-size:17px;padding:0 0 12px;border:0;border-bottom:1px solid #e1ebe1;margin-bottom:10px}.school-fee-breakdown small{font-size:14px;margin-top:5px}.school-fee-breakdown td{border:0;padding:7px 0;display:flex;align-items:baseline;justify-content:space-between;gap:14px}.school-fee-breakdown td:before{content:attr(data-label);font-size:14px;font-weight:500;color:#526f61;flex-shrink:0}.school-fee-breakdown .fee-amount{font-size:21px}.fee-amount>span{font-size:14px}.school-fee-breakdown .fee-monthly{margin-top:8px;border-radius:7px;padding:10px;background:#f0f7eb;flex-wrap:wrap}.school-fee-breakdown .fee-monthly small{flex-basis:100%;text-align:right;margin:0}.fee-confirm{font-size:14px}.school-panel .school-fee-note{margin-top:20px}}