.imageaccordion{display:flex;height:85vh;overflow:hidden}.imageaccordion .imageaccordion-content{position:relative;color:#fff;z-index:2;max-width:100%}.imageaccordion .imageaccordion-content div{opacity:0;pointer-events:none;transition:all .3s ease-in-out}.imageaccordion .imageaccordion-item{background-position:center;background-size:cover;flex:1;position:relative;cursor:pointer;display:flex;align-items:flex-end;padding:32px 16px 16px 16px;overflow:hidden;transition:all .5s ease-in-out}.imageaccordion .imageaccordion-item:not(.active){background-color:#fff;background-blend-mode:luminosity}@media(min-width: 992px){.imageaccordion .imageaccordion-item:not(.active){flex:0 0 120px}}.imageaccordion .imageaccordion-item:not(.active):hover .overlay{background:rgba(0,0,0,.5)}.imageaccordion .imageaccordion-item:not(.active) .imageaccordion-item-title.preview{bottom:0}.imageaccordion .imageaccordion-item.active{padding:32px 32px 16px 32px;flex:5}.imageaccordion .imageaccordion-item.active .imageaccordion-content div{opacity:1;pointer-events:all}.imageaccordion .imageaccordion-item.active .overlay{background:rgba(0,0,0,.5)}.imageaccordion .imageaccordion-item.active .imageaccordion-item-icon{justify-content:start}@media(max-width: 991.98px){.imageaccordion .imageaccordion-item.active .imageaccordion-item-mobile-view{flex-direction:column;align-items:start}.imageaccordion .imageaccordion-item.active .imageaccordion-item-title.preview{margin-left:0}}.imageaccordion .imageaccordion-item .overlay{background:linear-gradient(rgba(0, 89, 154, 0.5), rgba(0, 31, 62, 0.5));position:absolute;inset:0;pointer-events:none}.imageaccordion .imageaccordion-item-icon{display:flex;justify-content:center;opacity:1 !important;pointer-events:all !important}.imageaccordion .imageaccordion-item-icon img{width:60px}.imageaccordion .imageaccordion-item-title.preview{opacity:1;width:100%;transition:all .3s ease-in-out}@media(min-width: 992px){.imageaccordion .imageaccordion-item-title.preview{rotate:270deg;white-space:nowrap;position:absolute;left:0;bottom:-100%;transform:translate(50%, 0%)}}@media(max-width: 991.98px){.imageaccordion .imageaccordion-item-title.preview{margin-left:16px}}.imageaccordion .imageaccordion-item-subtitle{line-height:1.2;margin-top:16px}.imageaccordion .imageaccordion-item-subtitle{font-size:24px}@media screen and (min-width: 480px){.imageaccordion .imageaccordion-item-subtitle{font-size:calc(24px + 14*(100vw - 480px)/920)}}@media screen and (min-width: 1400px){.imageaccordion .imageaccordion-item-subtitle{font-size:38px}}@media(max-width: 991.98px){.imageaccordion .imageaccordion-item-mobile-view{display:flex;align-items:center;opacity:1 !important;pointer-events:all !important}}@media(min-width: 992px){.imageaccordion .imageaccordion-item-mobile-view{opacity:1 !important}}@media(max-width: 991.98px){.imageaccordion{flex-direction:column;height:auto}.imageaccordion .imageaccordion-item{flex:unset;height:85px;padding:12px}.imageaccordion .imageaccordion-item:not(.active) .imageaccordion-content{justify-content:center}.imageaccordion .imageaccordion-item:not(.active) .imageaccordion-content-inner{margin-top:0 !important;height:0}.imageaccordion .imageaccordion-item.active{min-height:400px;flex:1;padding:32px 12px 16px 12px}.imageaccordion .imageaccordion-item.active .imageaccordion-content{opacity:1;transform:translateY(0)}.imageaccordion .imageaccordion-item.active .imageaccordion-item-icon{margin-bottom:70px}.imageaccordion .imageaccordion-item-icon{justify-content:start}.imageaccordion .imageaccordion-item-title:not(.preview){display:none}}