.text-accordion-component-box{width:100vw;height:800px;display:flex;justify-content:center;align-items:center}.text-accordion-component-box .text-accordion-container{width:1280px;height:588px;display:flex;justify-content:space-between;gap:0 48px}.text-accordion-component-box .text-accordion-container .info-container{padding-top:126px}.text-accordion-component-box .text-accordion-container .info-container .title{color:#fff;font-family:"Gotham Pro";font-size:48px;font-style:normal;font-weight:400;line-height:56px;margin-bottom:24px}.text-accordion-component-box .text-accordion-container .info-container .info-list{display:flex;flex-direction:column;gap:24px}.text-accordion-component-box .text-accordion-container .info-container .info-list .item{padding-left:36px;border-left:3px solid #fff;cursor:pointer;transition:all .3s ease}.text-accordion-component-box .text-accordion-container .info-container .info-list .item:hover{border-left-color:hsla(0,0%,100%,.8)}.text-accordion-component-box .text-accordion-container .info-container .info-list .item .item-title{color:#fff;font-family:"Gotham Pro";font-size:24px;font-style:normal;font-weight:400;line-height:130%;margin-bottom:11px;transition:margin-bottom .3s ease,color .3s ease}.text-accordion-component-box .text-accordion-container .info-container .info-list .item .item-desc{color:rgba(245,243,238,.75);font-family:"Gotham Pro";font-size:20px;font-style:normal;font-weight:400;line-height:130%;max-height:0;overflow:hidden;opacity:0;transition:max-height .3s ease,opacity .3s ease,padding-top .3s ease}.text-accordion-component-box .text-accordion-container .info-container .info-list .item.active .item-title{color:#fff}.text-accordion-component-box .text-accordion-container .info-container .info-list .item.active .item-desc{max-height:200px;opacity:1;padding-top:0}.text-accordion-component-box .text-accordion-container .img-container{flex:0 0 632px;height:588px;border-radius:32px;position:relative;overflow:hidden}.text-accordion-component-box .text-accordion-container .img-container .image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:32px;opacity:0;transition:opacity .4s ease-in-out}.text-accordion-component-box .text-accordion-container .img-container .image.active{opacity:1}@media(max-width: 768px){.text-accordion-component-box{height:auto;padding:60px 0}.text-accordion-component-box .text-accordion-container{width:100%;height:auto;padding:0 24px;flex-direction:column;gap:32px 0}.text-accordion-component-box .text-accordion-container .info-container{padding-top:0;width:100%}.text-accordion-component-box .text-accordion-container .info-container .title{font-size:36px;line-height:44px;margin-bottom:24px}.text-accordion-component-box .text-accordion-container .info-container .info-list{gap:20px}.text-accordion-component-box .text-accordion-container .info-container .info-list .item{padding-left:24px;border-left-width:2px}.text-accordion-component-box .text-accordion-container .info-container .info-list .item .item-title{font-size:20px;line-height:130%;margin-bottom:10px}.text-accordion-component-box .text-accordion-container .info-container .info-list .item .item-desc{font-size:16px;line-height:140%}.text-accordion-component-box .text-accordion-container .info-container .info-list .item.active .item-desc{max-height:500px}.text-accordion-component-box .text-accordion-container .img-container{width:100%;height:420px;border-radius:20px;flex:none}.text-accordion-component-box .text-accordion-container .img-container .image{border-radius:20px;width:100%;height:auto}}
