:root{--blue:#006c94;--text-colour:#1e2d40;--light-grey:#f0f4f7;--pill-text:#465159}.bf-topics-by-levels{text-align:left}.bf-topics-by-levels .h-tbl__section{box-sizing:border-box;margin:0 auto;padding:15px 0}.bf-topics-by-levels .h-tbl__section>p span{color:var(--paragraph-text)!important;font-family:Roboto!important;font-size:16px!important;line-height:24px!important}.bf-topics-by-levels .h-tbl__section h2.h-tbl__heading{color:var(--text-colour);margin-bottom:23px}.bf-topics-by-levels .h-tbl__section h2.h-tbl__heading,.bf-topics-by-levels .h-tbl__section h2.h-tbl__heading span.highlight{font-family:Roboto;font-size:28px;font-style:normal;font-variant:normal;font-weight:900;letter-spacing:0;line-height:48px;text-transform:capitalize}.bf-topics-by-levels .h-tbl__section h2.h-tbl__heading span.highlight{color:var(--blue)}.bf-topics-by-levels .h-tbl__section ul.h-tbl__pills li{cursor:pointer;display:inline-block}.bf-topics-by-levels .h-tbl__section ul.h-tbl__pills li .h-pill{align-items:center;background:var(--light-grey) 0 0 no-repeat padding-box;border:1px solid var(--light-grey);border-radius:8px;color:var(--pill-text);display:inline-flex;font-family:Roboto;font-size:14px;font-style:normal;font-variant:normal;font-weight:500;height:36px;letter-spacing:0;line-height:22px;margin-right:16px;padding:0 12px;pointer-events:none;text-align:center}.bf-topics-by-levels .h-tbl__section ul.h-tbl__pills li .h-pill span.h-pill__dropdown{display:none}.bf-topics-by-levels .h-tbl__section ul.h-tbl__pills li.active .h-pill{background:var(--blue) 0 0 no-repeat padding-box;border:1px solid var(--blue);color:#fff}.bf-topics-by-levels .h-tbl__section ul.h-tbl__pills li.active:hover .h-pill{border:1px solid var(--blue)}.bf-topics-by-levels .h-tbl__section ul.h-tbl__pills li:hover .h-pill{border:1px solid #8cc9e2}.bf-topics-by-levels .h-tbl__section .h-tbl__slick:after{clear:both;content:"";display:block}.bf-topics-by-levels .h-tbl__section .h-tbl__section-m,.bf-topics-by-levels .h-tbl__section .h-tbl__section-m.active{display:none}@media (max-width:707px){.bf-topics-by-levels .h-tbl__section{margin:0 auto;padding:15px 0;width:100%}.bf-topics-by-levels .h-tbl__section h2.h-tbl__heading,.bf-topics-by-levels .h-tbl__section h2.h-tbl__heading span.highlight{font-family:Roboto;font-size:22px;font-style:normal;font-variant:normal;font-weight:900;line-height:32px;margin:0!important;text-align:center}.bf-topics-by-levels .h-tbl__section ul.h-tbl__pills li{border-top:2px solid #e5e8ec;display:block}.bf-topics-by-levels .h-tbl__section ul.h-tbl__pills li:first-child{border-top:2px solid transparent}.bf-topics-by-levels .h-tbl__section ul.h-tbl__pills li .h-pill{background:transparent 0 0 no-repeat padding-box;border:1px solid transparent;border-radius:0;color:var(--text-colour);display:block;font-family:Roboto;font-size:14px;font-style:normal;font-variant:normal;font-weight:500;height:21px;letter-spacing:0;line-height:22px;margin:20px 0;padding:0;pointer-events:none;position:relative;text-align:left;width:100%}.bf-topics-by-levels .h-tbl__section ul.h-tbl__pills li .h-pill span.h-pill__dropdown{display:inline-block;position:absolute;right:0;top:3px}.bf-topics-by-levels .h-tbl__section ul.h-tbl__pills li.active .h-pill{background:transparent 0 0 no-repeat padding-box;border:0;color:var(--text-colour)}.bf-topics-by-levels .h-tbl__section ul.h-tbl__pills li.active .h-pill span.h-pill__dropdown{transform:rotate(180deg)}.bf-topics-by-levels .h-tbl__section ul.h-tbl__pills li.active:hover .h-pill{border:0}.bf-topics-by-levels .h-tbl__section ul.h-tbl__pills li.active .h-tbl__section-m{display:block}.bf-topics-by-levels .h-tbl__section ul.h-tbl__pills li.active .h-tbl__section-m .h-tbl__rm-rl{color:#465159;font-family:Roboto;font-size:14px;font-style:normal;font-variant:normal;font-weight:700;letter-spacing:0;line-height:21px}.bf-topics-by-levels .h-tbl__section ul.h-tbl__pills li:hover .h-pill{border:0}.bf-topics-by-levels .h-tbl__section .h-tbl__section--slider-d,.bf-topics-by-levels .h-tbl__section .h-tbl__section-m{display:none}.bf-topics-by-levels .h-tbl__section .h-tbl__section-m .h-tbl__slick--m:after{clear:both;content:"";display:block}}.h-tbl__description p,.h-tbl__description span{color:var(--paragraph-text)!important;font-family:Roboto!important;font-size:14px!important;line-height:22px!important}