.infographic__image{margin-bottom:150px;position:relative}.infographic__image span{align-items:center;background:var(--Pantone-116-C,#ffcd00);border-radius:50%;cursor:pointer;display:flex;font-size:16px;font-weight:700;height:40px;justify-content:center;line-height:1;position:absolute;transform:translate(-50%,-50%);width:40px}.infographic__image span:after{background:var(--Pantone-11-0601-TPG,#f5f7f6);border-radius:4px;bottom:100%;box-shadow:0 0 20px 0 rgba(0,0,0,.2);color:var(--black-color);content:attr(data-title);font-size:12px;left:50%;opacity:0;padding:4px 8px;pointer-events:none;position:absolute;transform:translateX(-50%);transform:translateX(-50%) translateY(5px);transition:opacity .2s ease,transform .2s ease;white-space:nowrap;z-index:1000}.infographic__image span:hover{background:var(--Pantone-2392,#f5f7f6);color:var(--white-color);z-index:100}.infographic__image span:hover:after{font-size:14px;font-weight:700;opacity:1;padding:15px;transform:translateX(-50%) translateY(-5px)}.infographic__list{display:flex;flex-direction:column;gap:40px}.list__card{border-radius:6px;display:flex;gap:40px;justify-content:space-between}.list__content{font-size:16px}.list__content a{color:var(--Pantone-2392,#166886);font-weight:700}.list__image{flex-shrink:0;height:300px;width:300px}.list__title{align-items:center;display:flex;gap:10px}.list__title .loop-index{align-items:center;background:var(--Pantone-116-C,#ffcd00);border-radius:50%;display:flex;font-size:16px;font-weight:700;height:40px;justify-content:center;margin-bottom:16px;width:40px}.infographic__dropdown{display:none;margin-bottom:70px;position:relative}.dropdown__button{align-items:center;background:var(--White,#fff);border:1px solid #ccc;border-radius:6px;color:var(--Pantone-6119-C,#2e3c40);cursor:pointer;display:flex;justify-content:space-between;line-height:1.5;padding:10px 14px;text-align:left;width:100%}.dropdown__caret svg{transition:transform .3s ease}.dropdown__button.open .dropdown__caret svg{transform:rotate(180deg)}.dropdown__menu{background:var(--White,#fff);box-shadow:0 3px 5px 0 var(--Pantone-621-C,#d1e0d7);left:0;max-height:0;overflow:hidden;overflow:auto;padding:0;position:absolute;right:0;top:100%;transition:max-height .3s ease;z-index:1000}.dropdown__menu li{list-style:none;margin-bottom:0}.dropdown__menu li a{color:var(--Pantone-6119-C,#2e3c40);display:block;font-size:16px;font-weight:400;padding:12px 16px;text-decoration:none}.dropdown__menu li a:hover{background:#f5f5f5}#backToTop{align-items:center;background:var(--Pantone-116-C,#ffcd00);border:none;border-radius:30px;bottom:20px;box-shadow:0 4px 6px rgba(0,0,0,.2);color:var(--Pantone-6119-C,#2e3c40);cursor:pointer;display:none;font-size:16px;gap:8px;padding:10px 16px;position:fixed;right:20px;transition:opacity .3s,transform .3s;z-index:9999}#backToTop:hover{background-color:var(--Pantone-6119-C);color:var(--White,#fff);transform:translateY(-3px)}#backToTop svg{display:block}#backToTop:hover svg path{stroke:var(--White,#fff)}@media (max-width:820px){.infographic__image{margin-bottom:10px}.list__card{flex-direction:column}.list__image{flex-shrink:unset;height:100%;width:100%}.list__title{align-items:flex-start;flex-direction:column}.infographic__dropdown{display:block}}@media (max-width:530px){.infographic__image span{height:20px;width:20px}}