@keyframes bounceDown{0%{transform:scale(1, 1) translateX(0)}10%{transform:scale(1.1, 0.9) translateX(0)}30%{transform:scale(0.9, 1.1) translateY(-4px)}50%{transform:scale(1.05, 0.95) translateY(6px)}57%{transform:scale(1, 1) translateY(-2px)}64%{transform:scale(1, 1) translateY(0)}100%{transform:scale(1, 1) translateY(0)}}@keyframes bounce2{0%{transform:scale(1, 1) translateX(0)}10%{transform:scale(1.1, 0.9) translateX(0)}30%{transform:scale(0.9, 1.1) translateX(-4px)}50%{transform:scale(1.05, 0.95) translateX(2px)}57%{transform:scale(1, 1) translateX(-2px)}64%{transform:scale(1, 1) translateX(0)}100%{transform:scale(1, 1) translateX(0)}}.tab-box__title{margin-bottom:0 0 8px;text-align:center}.tab-box__desc{margin:0 auto 24px;text-align:center;max-width:800px}.tab-box .nav-left,.tab-box .nav-right{display:none}.tab-box__navs{position:sticky;z-index:20;top:64px;background:#f4f4f4;padding:0;margin:0 -16px}.tab-box__navs .nav-select{position:relative;display:block;padding:12px 48px 12px 16px;font-size:16px;line-height:24px;font-weight:600;color:#fff;background:#71717a}.tab-box__navs .nav-select .nav-arrow{position:absolute;width:24px;height:24px;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;top:calc(50% - 12px);right:12px;transition:all .2s ease;transform:none}.tab-box__navs .nav-item{display:block;font-size:14px;line-height:20px;font-weight:400;color:#626b79;background:#fff;border:1px solid #626b79;margin:0 16px 0;border-radius:0;max-height:0;padding:0 48px 0 12px;opacity:0;visibility:hidden;transition:all .2s ease;border-top-width:0;border-bottom-width:0}.tab-box__navs .nav-item:nth-child(2){margin-top:0;border-radius:12px 12px 0 0}.tab-box__navs .nav-item:last-child{border-radius:0 0 12px 12px}.tab-box__navs .nav-item.active{color:#232933;font-weight:600}.tab-box__navs.dropdown-open{padding-bottom:16px}.tab-box__navs.dropdown-open .nav-select .nav-arrow{transform:rotate(180deg)}.tab-box__navs.dropdown-open .nav-item{max-height:-moz-max-content;max-height:max-content;opacity:1;padding-top:12px;padding-bottom:12px;visibility:visible;margin-top:-1px;border-top-width:1px;border-bottom-width:1px}.tab-box__navs.dropdown-open .nav-item:nth-child(2){margin-top:8px}.tab-box__content{margin-left:-16px;margin-right:-16px}.tab-box__content .pane{display:none}.tab-box__content .pane__left{padding:16px;background:#10243e}.tab-box__content .pane__left .items--action{padding:16px;direction:ltr}.tab-box__content .pane__left .items--action .link-more{display:inline-block;color:#fff;border:1px solid #fff;border-radius:48px;padding:12px 16px}.tab-box__content .pane__left .items--action .link-more::after{filter:brightness(0) invert(1)}.tab-box__content .pane__left .items--action .link-more:hover{text-decoration:none}.tab-box__content .pane__left .item{margin-top:0;margin-bottom:0;transition:all .2s ease}.tab-box__content .pane__left .item__title{color:#fff;font-size:14px;line-height:24px;font-weight:600;padding-left:12px;max-width:calc(100% - 60px);transition:all .2s ease}.tab-box__content .pane__left .item__title:first-child{padding-left:0}.tab-box__content .pane__left .item__icon{max-width:24px;flex:0 0 24px}.tab-box__content .pane__left .item__icon img{display:block;width:24px;height:24px;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;filter:brightness(0) invert(1);transition:all .2s ease}.tab-box__content .pane__left .item__arrow{margin-left:auto;transform:rotate(180deg);transition:all .2s ease}.tab-box__content .pane__left .item__arrow svg{filter:brightness(0) invert(1);transition:all .2s ease}.tab-box__content .pane__left .item__head{display:flex;align-items:center;padding:16px;border-bottom:1px solid #fff;transition:all .2s ease}.tab-box__content .pane__left .item__media{overflow:hidden;border-radius:8px}.tab-box__content .pane__left .item__media img{display:block;width:100%;height:auto;border-radius:8px}.tab-box__content .pane__left .item__desc{padding-top:24px}.tab-box__content .pane__left .item__action{padding-top:24px}.tab-box__content .pane__left .item__body{background:#f1f5f9;border-radius:0 0 16px 16px;max-height:0;padding:0 16px;opacity:0;visibility:hidden;transition:all .2s ease}.tab-box__content .pane__left .item.open{margin-top:4px;margin-bottom:4px;transition:all .2s ease}.tab-box__content .pane__left .item.open .item__title{font-size:16px;color:#232933}.tab-box__content .pane__left .item.open .item__icon img{filter:none}.tab-box__content .pane__left .item.open .item__arrow{transform:none}.tab-box__content .pane__left .item.open .item__arrow svg{filter:none}.tab-box__content .pane__left .item.open .item__head{background:#fff;border-radius:16px 16px 0 0;border-bottom:2px solid #4b61dd;transition:all .2s ease}.tab-box__content .pane__left .item.open .item__body{max-height:-moz-max-content;max-height:max-content;padding:16px 16px 32px;opacity:1;visibility:visible;transition:all .2s ease}.tab-box__content .pane__right{display:none}.tab-box__content .pane.active{display:block}.tab-box__wrap{padding-top:32px;padding-bottom:32px;padding-left:16px;padding-right:16px}@media(min-width: 1280px){.tab-box .nav-outer{display:flex;gap:8px}.tab-box .nav-outer:not(.has-scroll) .nav-left,.tab-box .nav-outer:not(.has-scroll) .nav-right{display:none}.tab-box .nav-left,.tab-box .nav-right{display:flex;justify-content:center;align-items:center;width:60px;height:60px;min-width:60px;border-radius:16px;border:1px solid #d0d6dd;cursor:pointer}.tab-box__navs{position:relative;top:auto;display:flex;gap:0 16px;border-radius:16px;padding:8px;max-width:-moz-max-content;max-width:max-content;margin:0 auto 24px;overflow:auto;white-space:nowrap;scrollbar-width:none}.tab-box__navs.has-scroll{max-width:calc(100% - 112px)}.tab-box__navs::-webkit-scrollbar{display:none}.tab-box__navs .nav-select{display:none}.tab-box__navs .nav-item{display:block;white-space:nowrap;color:#626b79;background:rgba(0,0,0,0);font-weight:400;padding:12px;cursor:pointer;max-height:-moz-max-content;max-height:max-content;opacity:1;visibility:visible;margin:0;border-radius:12px;border:0}.tab-box__navs .nav-item:nth-child(2),.tab-box__navs .nav-item:last-child{border-radius:12px;border:0}.tab-box__navs .nav-item.active{background:#232933;color:#fff;font-weight:600}.tab-box__navs .nav-item.active .nav-arrow{display:none}.tab-box__content{margin-left:0;margin-right:0}.tab-box__content .pane.active{display:flex;align-items:stretch}.tab-box__content .pane__left{width:100%;max-width:450px;border-radius:16px 0 0 16px;padding:24px 24px 24px 12px;height:620px}.tab-box__content .pane__left .items{direction:rtl;padding-left:12px;max-height:572px;overflow:hidden}.tab-box__content .pane__left .items::-webkit-scrollbar{width:6px;height:6px}.tab-box__content .pane__left .items::-webkit-scrollbar-track{background:#7b7f85}.tab-box__content .pane__left .items::-webkit-scrollbar-thumb{background:#fff;border-radius:3px;border:1px solid #7b7f85}.tab-box__content .pane__left .items.items--exceeds{overflow-y:scroll}.tab-box__content .pane__left .item{direction:ltr;position:relative}.tab-box__content .pane__left .item__arrow{display:none}.tab-box__content .pane__left .item__title{font-weight:400;max-width:100%}.tab-box__content .pane__left .item__head{border:0;font-weight:400;padding:16px 24px;cursor:pointer}.tab-box__content .pane__left .item__media{display:none}.tab-box__content .pane__left .item__desc{padding-top:0}.tab-box__content .pane__left .item__body{background:#fff;position:absolute;width:100%}.tab-box__content .pane__left .item.open .item__title{font-weight:600}.tab-box__content .pane__left .item.open .item__head{border:2px solid #4b61dd;border-bottom:0;padding:16px 24px 8px;border-radius:12px 12px 0 0}.tab-box__content .pane__left .item.open .item__body{border:2px solid #4b61dd;border-top:0;padding:0 24px 16px;border-radius:0 0 12px 12px;position:relative}.tab-box__content .pane__right{max-width:calc(100% - 450px);display:flex;justify-content:center;align-items:center;width:100%;background:#f1f5f9;border-radius:0 16px 16px 0;padding:24px;height:620px}.tab-box__content .pane__right .item-pane{display:none;width:100%;max-height:572px}.tab-box__content .pane__right .item-pane img{display:block;width:100%;height:auto;max-height:572px;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;border-radius:12px}.tab-box__content .pane__right .item-pane dotlottie-player,.tab-box__content .pane__right .item-pane lottie-player{display:block;width:100%;height:572px;border-radius:12px}.tab-box__content .pane__right .item-pane.active{display:block}.tab-box__content .pane.type-2 .pane__left,.tab-box__content .pane.type-2 .pane__right{height:auto}.tab-box__content .pane.type-2 .pane__left .item.open .item__head{border-radius:12px;padding:16px 24px;border-bottom:2px solid #4b61dd}.tab-box__content .pane.type-2 .pane__left .item.open .item__body{display:none}.tab-box__content .pane.type-2 .pane__right{padding:32px}.tab-box__content .pane.type-2 .pane__right .item-pane{max-height:-moz-max-content;max-height:max-content}.tab-box__content .pane.type-2 .pane__right .item-pane img{width:auto;height:auto;max-height:480px;margin:0 auto 32px}.tab-box__wrap{padding-top:64px;padding-bottom:64px}}.tab-box.qontak .tab-box__content .pane__left{background:#0b48b3}.tab-box.qontak .tab-box__title{margin-bottom:40px}@media screen and (max-width: 767px){.tab-box.qontak .tab-box__title{margin-bottom:24px}}/*# sourceMappingURL=tab-box.min.css.map */