.accordion-horizontal-section{margin-bottom:140px}.horizontal-accordion{display:flex;width:100%;height:408px;overflow:hidden;font-family:"Fixel Display";gap:7px}.horizontal-accordion .accordion-item{display:flex;flex-direction:row;width:67px;background-color:#0038FF;color:#ffffff;box-sizing:border-box;transition:all 0.5s cubic-bezier(0.25, 1, 0.5, 1);cursor:pointer;overflow:hidden}.horizontal-accordion .accordion-item .item-header{width:67px;min-width:67px;height:100%;padding:30px 25px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.horizontal-accordion .accordion-item .item-header .item-num{font-size:24px;font-weight:700;line-height:29px;text-box:trim-both cap alphabetic;margin-bottom:23px}.horizontal-accordion .accordion-item .item-header .item-title-vertical{writing-mode:vertical-rl;transform:rotate(180deg);white-space:normal;word-break:keep-all;overflow-wrap:break-word;font-weight:400;font-size:14px;line-height:17px;flex:1}.horizontal-accordion .accordion-item .item-content{flex:1;padding:30px 71px 30px 8px;opacity:0;visibility:hidden;transform:translateX(15px);transition:opacity 0.3s ease, transform 0.3s ease;box-sizing:border-box;background-repeat:no-repeat;background-position:top right;background-size:initial;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden}.horizontal-accordion .accordion-item .item-content .content-wrap{width:330px;flex-shrink:0;white-space:normal}.horizontal-accordion .accordion-item .item-content .item-subtitle{font-weight:400;font-size:12px;line-height:15px;display:block;margin-bottom:4px;text-box:trim-both cap alphabetic}.horizontal-accordion .accordion-item .item-content .item-title-horizontal{font-size:24px;font-weight:700;line-height:29px;margin-bottom:24px;text-transform:uppercase}.horizontal-accordion .accordion-item .item-content .item-text{font-weight:400;font-size:12px;line-height:15px}.horizontal-accordion .accordion-item.active{flex:1;cursor:default}.horizontal-accordion .accordion-item.active .item-content{opacity:1;visibility:visible;transform:translateX(0);transition-delay:0.2s}@media (max-width:1440px){.horizontal-accordion .accordion-item .item-content{padding:30px 8px}}@media (max-width:1300px){.horizontal-accordion .accordion-item .item-content .content-wrap{width:250px}}@media (max-width:1200px){.horizontal-accordion{flex-direction:column;height:auto}.horizontal-accordion .accordion-item{flex-direction:column;width:100%;height:50px}.horizontal-accordion .accordion-item .item-header{width:100%;height:50px;min-height:50px;padding:0 20px;flex-direction:row;align-items:center;justify-content:flex-start;gap:15px}.horizontal-accordion .accordion-item .item-header .item-num{margin-bottom:0;font-size:16px}.horizontal-accordion .accordion-item .item-header .item-title-vertical{writing-mode:horizontal-tb;transform:none;text-align:left;font-size:13px;margin-bottom:0;flex:1}.horizontal-accordion .accordion-item .item-content{padding:20px;transform:translateY(15px);transition:opacity 0.3s ease, transform 0.3s ease;min-width:100%}.horizontal-accordion .accordion-item .item-content .item-title-horizontal{font-size:20px}.horizontal-accordion .accordion-item.active{height:auto;flex:none}.horizontal-accordion .accordion-item.active .item-content{opacity:1;visibility:visible;transform:translateY(0)}}