.horizontal-accordion{background:#fff;padding:70px 0;width:100%}.ha-wrapper{display:flex;gap:20px;height:450px}.ha-panel{background:#3c444c;cursor:pointer;flex:1;overflow:hidden;position:relative;transition:flex .4s ease,background .3s ease}.ha-panel.active{background:#4a535c;flex:3}.ha-title{left:50px;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(-90deg);white-space:nowrap;z-index:2}.ha-title span{color:#fff;font-family:Gilroy-Bold;font-size:36px}.ha-content{bottom:40px;color:#fff;left:40px;max-width:380px;opacity:0;padding:40px;pointer-events:none;position:absolute;transition:opacity .3s ease;z-index:3}.ha-panel.active .ha-content{opacity:1;pointer-events:auto}.ha-content p{font-family:Gilroy-Bold;font-size:20px;line-height:140%}.ha-mobile-header{display:none}@media(max-width:767px){.ha-wrapper{flex-direction:column;height:auto}.ha-panel{border-bottom:1px solid hsla(0,0%,100%,.2);flex:unset;height:auto;padding:0}.ha-title{display:none}.ha-mobile-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:20px}.ha-mobile-header h3{color:#fff;font-family:Gilroy-Bold;font-size:22px;margin:0}.ha-mobile-header .arrow{border-bottom:2px solid #fff;border-right:2px solid #fff;height:16px;transform:rotate(45deg);transition:transform .3s ease;width:16px}.ha-content{bottom:auto;display:none;left:auto;opacity:1;padding:0 20px 20px;pointer-events:auto;position:relative}.ha-panel.active .ha-content{display:block}.ha-panel.active .arrow{transform:rotate(-135deg)}}