.offering-container{padding-top:3em;padding-left:3rem;padding-right:3rem}.offering-container h2{font-size:2.2rem}@media (max-width: 1199.98px){.offering-container{padding-left:3rem;padding-right:3rem}.offering-container h2{font-size:1.5rem}}@media (max-width: 991.98px){.offering-container{padding-left:1rem;padding-right:1rem}}.offering-leaderboard-hero{display:block;min-height:350px;overflow:hidden;background-image:url(https://www.dicoding.com/img/codingcamp/background.png);background-size:cover;background-repeat:no-repeat;background-position:center;border-radius:8px;max-width:1439px}.offering-leaderboard-hero h1{font-size:3rem}.offering-leaderboard-hero p{font-size:1.1rem;font-weight:500;max-width:86ch;margin-left:auto;margin-right:auto;margin-bottom:16px}.offering-leaderboard-hero__content{margin-top:3em;margin-bottom:3em}@media (min-width: 768px) and (max-width: 1199.98px){.offering-leaderboard-hero{min-height:390px;margin-top:3em;background-position:center top}.offering-leaderboard-hero h1{font-size:2.5rem;line-height:1.2;letter-spacing:-.01em;margin-bottom:.75rem}.offering-leaderboard-hero p{font-size:1rem;line-height:1.6;margin-top:.25rem}}@media (max-width: 991.98px){.offering-leaderboard-hero{min-height:389px;background-position:top;display:flex;flex-direction:column;justify-content:center;margin-top:3em}.offering-leaderboard-hero__content{margin-top:0;margin-bottom:0}.offering-leaderboard-hero p{font-size:.8rem;line-height:1.6;margin-top:.25rem}}@media (max-width: 767.98px){.offering-leaderboard-hero h1{font-size:2rem}}@media (max-width: 575.98px){.offering-leaderboard-hero h1{font-size:1.5rem}}.table-leaderboard{border:1px solid #e9ecef;border-radius:8px;overflow:hidden}.table-leaderboard tbody td:nth-child(3){text-align:center}.table-leaderboard tbody td:nth-child(3)>*{display:inline-block}.table-leaderboard tbody td:nth-child(3) span,.table-leaderboard tbody td:nth-child(3) .referral-count{display:inline-block;min-width:44px;padding:6px 14px;border-radius:999px;background-color:#f3f4f6;color:#111827;font-weight:600;line-height:1}.table-leaderboard tr{height:56px;vertical-align:middle}.table-leaderboard thead{background-color:#f8f9fa;font-size:16px}.table-leaderboard thead th{padding-top:14px;padding-bottom:14px;vertical-align:middle;font-weight:600}.table-leaderboard tbody{color:#52525b}.table-leaderboard tbody td{padding-top:14px;padding-bottom:14px}.table-leaderboard tbody tr{transition:background-color .2s ease}.table-leaderboard tbody tr:hover{background-color:#f8f9fa}.table-leaderboard tbody tr.is_participant{font-weight:600;color:#212529;background-color:#fff2f5}.table-leaderboard tbody tr.is_participant td:nth-child(3) .referral-count{background-color:#fff;color:#ff003f;border:1px solid #FF003F;box-shadow:0 2px 6px #ff003f14}.table-leaderboard tbody tr.is_participant:hover{background-color:#ffe7ec}.table-leaderboard tfoot{background-color:#f8f9fa}.table-leaderboard tfoot tr{height:56px;vertical-align:middle}.table-leaderboard tfoot td{padding:14px;font-size:16px}@media (max-width: 767.98px){.table-leaderboard thead th,.table-leaderboard tbody td,.table-leaderboard tfoot td{font-size:12px;padding-top:10px;padding-bottom:10px}.table-leaderboard tr{height:auto}.table-leaderboard thead th{font-weight:600}.table-leaderboard tbody td:nth-child(3) span,.table-leaderboard tbody td:nth-child(3) .referral-count{min-width:auto;padding:4px 10px;font-size:11px}}.quota-visual-wrapper{padding:2px;border-radius:16px;background:linear-gradient(89.93deg,#2c2c2cbf 3.47%,#cc000073 45.5%,#2c2c2cbf 87.13%);height:49px;max-width:770px}.quota-visual-wrapper .quota-visual{background:#000000e6;border-radius:14px;padding:8px 24px;display:flex;align-items:center;gap:16px;max-width:770px;height:45px}.quota-visual-wrapper .quota-visual .progress{flex:1;height:8px;background-color:#3f3f46;border-radius:16px;overflow:hidden}.quota-visual-wrapper .quota-visual .progress-bar{height:100%;background-color:#c00;border-radius:16px;transition:width .4s ease-in-out}.quota-visual-wrapper .quota-visual span{white-space:nowrap;font-weight:600;font-size:12px;color:#fff}@media (max-width: 767.98px){.quota-visual-wrapper{margin-bottom:.4em;height:auto}.quota-visual-wrapper .quota-visual{flex-direction:column;height:auto;padding:11px 18px;gap:12px}.quota-visual-wrapper .quota-visual span{order:-1;text-align:left;width:100%}.quota-visual-wrapper .quota-visual .progress{width:100%;flex:none}}.pagination .page-item.active .page-link{background:#c00;border-color:#e4e4e7;color:#fff}.pagination .page-item.disabled .page-link{background-color:#f4f4f5;color:#9ca3af;pointer-events:none;border-color:#e5e7eb}.pagination .page-link{width:35px;height:35px;padding:7px;text-align:center}.pagination .page-link i{font-size:.7rem}@media (max-width: 767.98px){.offering-info-box{font-size:.8rem}}