.tiling-accordion-component-box{width:100vw;height:1080px;display:flex;display:flex;flex-direction:column;align-items:center}.tiling-accordion-component-box .title{margin-top:0px;width:800px;flex-shrink:0;color:#fff;text-align:center;font-family:"Gotham Pro";font-size:48px;font-style:normal;font-weight:400;line-height:56px;margin-bottom:48px}.tiling-accordion-component-box .accordion-container{width:100vw;display:flex;justify-content:center;gap:0 24px;transition:transform 1.2s cubic-bezier(0.4, 0, 0.2, 1)}.tiling-accordion-component-box .accordion-container.first-active{transform:translateX(447px)}.tiling-accordion-component-box .accordion-container.second-active{transform:translateX(0)}.tiling-accordion-component-box .accordion-container.third-active{transform:translateX(-447px)}.tiling-accordion-component-box .accordion-container .item{height:648px;border-radius:24px;flex:0 0 410px;overflow:hidden;position:relative;transition:flex 1.2s cubic-bezier(0.4, 0, 0.2, 1)}.tiling-accordion-component-box .accordion-container .item .item-info{position:absolute;width:648px;bottom:48px;left:0}.tiling-accordion-component-box .accordion-container .item .item-info .item-title{color:var(--Grey-1, #F5F3EE);font-family:"Gotham Pro";font-size:24px;font-style:normal;font-weight:400;line-height:32px;padding-left:32px;text-align:left;opacity:1;transition:opacity .6s ease-in-out}.tiling-accordion-component-box .accordion-container .item .item-info .item-content{display:none;opacity:0;transition:opacity .6s ease-in-out .2s;color:var(--Grey-1, #F5F3EE);font-family:"Gotham Pro";font-size:24px;font-style:normal;font-weight:400;line-height:32px;padding-left:32px}.tiling-accordion-component-box .accordion-container .item .item-img{position:relative;width:100%;height:100%}.tiling-accordion-component-box .accordion-container .item .item-img .img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:1;transition:opacity .8s ease-in-out}.tiling-accordion-component-box .accordion-container .item .item-img .img.active{opacity:0}.tiling-accordion-component-box .accordion-container .item .close-btn{position:absolute;width:48px;height:48px;right:40px;top:40px;opacity:1;cursor:pointer}.tiling-accordion-component-box .accordion-container .item .close-btn .close-img{width:100%;height:100%;object-fit:contain;transform:rotate(45deg);transition:transform .8s cubic-bezier(0.4, 0, 0.2, 1)}.tiling-accordion-component-box .accordion-container .item.active{flex:0 0 1280px}.tiling-accordion-component-box .accordion-container .item.active .item-img .img{opacity:0}.tiling-accordion-component-box .accordion-container .item.active .item-img .img.active{opacity:1}.tiling-accordion-component-box .accordion-container .item.active .item-info .item-title{opacity:0}.tiling-accordion-component-box .accordion-container .item.active .item-info .item-content{display:block;opacity:1}.tiling-accordion-component-box .accordion-container .item.active .close-btn .close-img{transform:rotate(0deg)}@media(max-width: 768px){.tiling-accordion-component-box{height:auto;padding:60px 24px}.tiling-accordion-component-box .title{width:100%;font-size:32px;line-height:40px;margin-bottom:32px}.tiling-accordion-component-box .accordion-container{width:100%;flex-direction:column;transform:none !important}.tiling-accordion-component-box .accordion-container.first-active,.tiling-accordion-component-box .accordion-container.second-active,.tiling-accordion-component-box .accordion-container.third-active{transform:none !important}.tiling-accordion-component-box .accordion-container .item{flex:none;width:100%;height:auto;position:relative}.tiling-accordion-component-box .accordion-container .item .item-img{position:relative;width:100%;aspect-ratio:1280/648}.tiling-accordion-component-box .accordion-container .item .item-img .img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;border-radius:24px;opacity:0}.tiling-accordion-component-box .accordion-container .item .item-img .img.active{opacity:1}.tiling-accordion-component-box .accordion-container .item .item-info{position:relative;width:100%;padding:70px 0 0px 0}.tiling-accordion-component-box .accordion-container .item .item-info .item-title{font-size:20px;line-height:28px;padding-left:0;margin-bottom:12px;opacity:1 !important}.tiling-accordion-component-box .accordion-container .item .item-info .item-content{display:block !important;opacity:1 !important;font-size:16px;line-height:24px;padding-left:0}.tiling-accordion-component-box .accordion-container .item .close-btn{display:none}.tiling-accordion-component-box .accordion-container .item.active{flex:none}}