.cust-image-with-horizontal-tabs{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;position:relative;margin:0 auto}.cust-image-with-horizontal-tabs .container{display:flex;flex-direction:column;align-items:center;max-width:1520px;width:100%;gap:40px;padding-left:20px;padding-right:20px}.cust-image-with-horizontal-tabs .content{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;text-transform:uppercase;font-family:Noto Sans TC,sans-serif;font-weight:700;white-space:nowrap}.cust-image-with-horizontal-tabs .subtitle{font-size:14px;letter-spacing:1.4px;line-height:normal;margin:0}.cust-image-with-horizontal-tabs .heading{font-size:56px;line-height:1.2;margin:0;font-family:Noto Sans TC}.cust-image-with-horizontal-tabs .horizontal-tabs{display:flex;flex-direction:column;align-items:center;width:100%;max-width:1520px;aspect-ratio:1520 / 700;border-radius:40px;border:8px solid #fbfdff;box-shadow:0 30px 50px #006aff33;position:relative;overflow:hidden;padding-bottom:48px}.cust-image-with-horizontal-tabs .image-container{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.cust-image-with-horizontal-tabs .image-item{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .3s ease}.cust-image-with-horizontal-tabs .image-item.active{opacity:1}.cust-image-with-horizontal-tabs .image-item img{width:100%;height:100%;object-fit:cover}.cust-image-with-horizontal-tabs .overlay{position:absolute;left:-8px;right:-8px;height:100%;display:flex;align-items:center;justify-content:center;z-index:2;pointer-events:none}.cust-image-with-horizontal-tabs .tab-container{display:flex;gap:12px;align-items:flex-start;position:relative;z-index:3;margin-top:48px}.cust-image-with-horizontal-tabs .tab-item{display:flex;align-items:center;justify-content:center;width:200px;min-width:200px;height:40px;padding:10px 24px;border-radius:1100px;border:1px solid transparent;cursor:pointer;transition:all .3s ease;font-family:Noto Sans TC,sans-serif;font-weight:700;font-size:14px;letter-spacing:1.4px;text-transform:uppercase;text-align:center;opacity:.9}.cust-image-with-horizontal-tabs .tab-item.active{opacity:1}.cust-image-with-horizontal-tabs .tab-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:768px){.cust-image-with-horizontal-tabs .container{padding-bottom:0;gap:0px}.cust-image-with-horizontal-tabs .content{gap:19px;padding-bottom:24px;width:100%}.cust-image-with-horizontal-tabs .heading{font-size:30px}.cust-image-with-horizontal-tabs .horizontal-tabs{aspect-ratio:auto;border:none;box-shadow:none;border-radius:0;padding-bottom:0;overflow:visible}.cust-image-with-horizontal-tabs .tab-container{width:100%;overflow-x:auto;padding-bottom:24px;gap:8px;justify-content:flex-start;margin-top:0;margin-left:-20px;margin-right:-20px;padding-left:20px;padding-right:20px;width:calc(100% + 40px);z-index:0}.cust-image-with-horizontal-tabs .tab-container::-webkit-scrollbar{display:none}.cust-image-with-horizontal-tabs .tab-item{width:auto;min-width:max-content}.cust-image-with-horizontal-tabs .image-container{position:relative;width:100%;aspect-ratio:350 / 200;border-radius:20px;border:8px solid #fbfdff;box-shadow:0 30px 50px #006aff33;overflow:hidden;margin-bottom:24px}}
/*# sourceMappingURL=/cdn/shop/t/244/assets/cust-image-with-horizontal-tabs.css.map */