.accordion-component-box{width:100vw;height:1080px;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:100px 0}.accordion-component-box .accordion-title-info .title{color:var(--Blue-1, #09213D);text-align:center;font-family:"Gotham Pro";font-size:36px;font-style:normal;font-weight:400;line-height:44px;margin-bottom:24px;width:800px}.accordion-component-box .accordion-title-info .h3{color:var(--Blue-2, #6C8797);text-align:center;font-family:"Gotham Pro";font-size:16px;font-style:normal;font-weight:400;line-height:24px;margin-bottom:48px;width:800px}.accordion-component-box .desktop-accordion{width:1277px;display:flex;justify-content:center;gap:0 24px}.accordion-component-box .desktop-accordion .item{height:648px;border-radius:24px;flex:0 0 278px;transition:flex .6s cubic-bezier(0.4, 0, 0.2, 1)}.accordion-component-box .desktop-accordion .item .item-info{display:none;opacity:0;transition:opacity .4s ease-in-out .2s}.accordion-component-box .desktop-accordion .item .item-img{border-radius:24px;height:648px;overflow:hidden;position:relative}.accordion-component-box .desktop-accordion .item .item-img .img{height:648px;position:absolute;top:0;left:0;width:100%;opacity:1;transition:opacity .4s ease-in-out}.accordion-component-box .desktop-accordion .item .item-img .img.active{opacity:0}.accordion-component-box .desktop-accordion .item.active{flex:0 0 616px;position:relative;overflow:hidden}.accordion-component-box .desktop-accordion .item.active .item-info{position:absolute;display:flex;width:616px;height:180px;padding:48px;flex-direction:column;background:rgba(9,33,61,.5);bottom:0;left:0;border-radius:0 0 24px 24px;opacity:1;overflow:hidden}.accordion-component-box .desktop-accordion .item.active .item-info .title{color:#f5f3ee;font-family:"Gotham Pro";font-size:24px;font-style:normal;font-weight:400;line-height:32px;margin-bottom:12px}.accordion-component-box .desktop-accordion .item.active .item-info .content{color:#f5f3ee;font-family:"Gotham Pro";font-size:14px;font-style:normal;font-weight:400;line-height:20px}.accordion-component-box .desktop-accordion .item.active .item-img .img{opacity:0}.accordion-component-box .desktop-accordion .item.active .item-img .img.active{opacity:1}.accordion-component-box .desktop-accordion .item:first-child{border-radius:12px 0 0 12px !important;overflow:hidden}.accordion-component-box .desktop-accordion .item:last-child{border-radius:0 12px 12px 0 !important;overflow:hidden}.accordion-component-box .mobile-carousel{display:none}@media(max-width: 768px){.accordion-component-box{height:auto;padding:60px 0}.accordion-component-box .desktop-accordion{display:none}.accordion-component-box .mobile-carousel{display:block;width:100%;overflow:hidden}.accordion-component-box .mobile-carousel .carousel-container{position:relative;overflow:hidden;width:100%;padding:0 24px}.accordion-component-box .mobile-carousel .carousel-track{display:flex;transition:transform .3s ease-out;gap:8px;margin-left:-16px}.accordion-component-box .mobile-carousel .carousel-item{flex:0 0 calc(100vw - 48px);height:460px;border-radius:24px;position:relative;overflow:hidden}.accordion-component-box .mobile-carousel .carousel-item .carousel-img{width:100%;height:280px;border-radius:24px 24px 0 0;overflow:hidden}.accordion-component-box .mobile-carousel .carousel-item .carousel-img img{width:100%;height:100%;object-fit:cover}.accordion-component-box .mobile-carousel .carousel-item .carousel-info{position:absolute;bottom:0;left:0;right:0;height:180px;padding:24px;background:rgba(9,33,61,.5);border-radius:0 0 24px 24px;display:flex;flex-direction:column;justify-content:center}.accordion-component-box .mobile-carousel .carousel-item .carousel-info .title{color:#f5f3ee;font-family:"Gotham Pro";font-size:20px;font-style:normal;font-weight:400;line-height:28px;margin-bottom:12px}.accordion-component-box .mobile-carousel .carousel-item .carousel-info .content{color:#f5f3ee;font-family:"Gotham Pro";font-size:14px;font-style:normal;font-weight:400;line-height:20px}}