#main-header{height:48px}.et_header_style_left .logo_container{height:48px;width:100%;position:center}.et-top-navigation{padding-top:12px;display:block}@media all and (max-width:767px){.two-col-mob .et_pb_column{width:47.25%!important}.two-col-mob .et_pb_column:nth-last-child(-n+2){margin-bottom:0}.two-col-mob .et_pb_column:not(:nth-child(2n)){margin-right:5.5%!important}}@media all and (max-width:767px){.three-col-mob .et_pb_column{width:29.6667%!important}.three-col-mob .et_pb_column:nth-last-child(-n+3){margin-bottom:0}.three-col-mob .et_pb_column:not(:nth-child(3n)){margin-right:5.5%!important}}@media all and (max-width:767px){.four-col-mob .et_pb_column{width:20.875%!important}.four-col-mob .et_pb_column:nth-last-child(-n+4){margin-bottom:0}.four-col-mob .et_pb_column:not(:nth-child(4n)){margin-right:5.5%!important}}@media all and (max-width:767px){.five-col-mob .et_pb_column{width:15.6%!important}.five-col-mob .et_pb_column:nth-last-child(-n+5){margin-bottom:0}.five-col-mob .et_pb_column:not(:nth-child(5n)){margin-right:5.5%!important}}@media all and (max-width:767px){.six-col-mob .et_pb_column{width:12.083%!important}.six-col-mob .et_pb_column:nth-last-child(-n+6){margin-bottom:0}.six-col-mob .et_pb_column:not(:nth-child(6n)){margin-right:5.5%!important}}@media all and (min-width:768px) and (max-width:980px){.one-col-tab .et_pb_column{margin-right:0!important;width:100%!important}.one-col-tab .et_pb_column:not(:last-child){margin-bottom:30px!important}}@media all and (min-width:768px) and (max-width:980px){.two-col-tab .et_pb_column{width:47.25%!important}.two-col-tab .et_pb_column:nth-last-child(-n+2){margin-bottom:0}.two-col-tab .et_pb_column:not(:nth-child(2n)){margin-right:5.5%!important}}@media all and (min-width:768px) and (max-width:980px){.three-col-tab .et_pb_column{width:29.6667%!important}.three-col-tab .et_pb_column:nth-last-child(-n+3){margin-bottom:0}.three-col-tab .et_pb_column:not(:nth-child(3n)){margin-right:5.5%!important}}@media all and (min-width:768px) and (max-width:980px){.four-col-tab .et_pb_column{width:20.875%!important}.four-col-tab .et_pb_column:nth-last-child(-n+4){margin-bottom:0}.four-col-tab .et_pb_column:not(:nth-child(4n)){margin-right:5.5%!important}}@media all and (min-width:768px) and (max-width:980px){.five-col-tab .et_pb_column{width:15.6%!important}.five-col-mob .et_pb_column:nth-last-child(-n+5){margin-bottom:0}.five-col-tab .et_pb_column:not(:nth-child(5n)){margin-right:5.5%!important}}@media all and (min-width:768px) and (max-width:980px){.six-col-tab .et_pb_column{width:12.083%!important}.six-col-tab .et_pb_column:nth-last-child(-n+6){margin-bottom:0}.six-col-tab .et_pb_column:not(:nth-child(6n)){margin-right:5.5%!important}}*,*::after,*::before{margin:0;padding:0;box-sizing:border-box}.nav-container{background:rgba(150,0,0);height:44px;z-index:300;position:fixed;left:0;top:0;right:0}.nav-container nav{width:1000px;margin:0 auto;padding:0 8px;height:100%}nav .desktop-nav{display:flex;justify-content:space-between;align-items:center;list-style:none}nav .desktop-nav li a{color:#fff;text-decoration:none;font-size:14px;opacity:0.8;transition:opacity 400ms}nav .desktop-nav li a:hover{opacity:1}.link-logo{background:url('https://bic.id/wp-content/uploads/2023/01/logo-bic-square-putih.svg');display:block;background-position:center;height:44px;width:15px;background-repeat:no-repeat}.link-search{background:url('https://bic.id/wp-content/uploads/2023/01/search-icon.svg');display:block;background-position:center;background-size:18px;height:44px;width:20px;background-repeat:no-repeat}.link-bag{background:url('https://bic.id/wp-content/uploads/2022/10/user-account-logo-white.svg');display:block;background-position:center;background-size:17px;height:44px;width:20px;background-repeat:no-repeat}.link-close{background:url('https://bic.id/wp-content/uploads/2023/01/close-icon.svg');display:block;background-position:center;background-size:17px;height:44px;width:20px;background-repeat:no-repeat}.search-container.hide{opacity:0;pointer-events:none}.search-container{width:60%;margin:0 auto;padding:0 42px;position:fixed;top:0;left:0;right:0;z-index:200}.search-container .link-search{position:absolute;left:12px;opacity:0.5}.search-container .link-close{position:absolute;top:0;right:12px;opacity:0.5;cursor:pointer;transition:all 400ms}.search-container .link-close:hover{opacity:0.7}.search-container form{width:100%;margin:0 auto}.search-container form input{width:100%;height:44px;border:0;outline:none;background:transparent;color:#fff;font-family:"Inter",sans-serif;font-size:17px}.overlay.show{position:fixed;background:rgba(0,0,0,0.48);width:100%;height:100vh;left:0;top:0;z-index:100}.search-container .quick-links{background:#fff;position:absolute;left:0;right:0;padding:16px 8px;border-radius:0 0 16px 16px}.search-container .quick-links h2{text-transform:uppercase;font-size:12px;color:#6e6e73;margin:0 32px;margin-top:10px}.search-container .quick-links ul{list-style:none;margin-top:12px}.search-container .quick-links ul li a{display:inline-block;width:100%;padding:8px 50px;font-size:14px;color:#1d1d1f;text-decoration:none;font-weight:400}.search-container .quick-links ul li a:hover{background:#f5f5f5;color:#2997ff}.desktop-nav li{transition:all 400ms ease}.desktop-nav.hide li{opacity:0;transform:scale(0.8);pointer-events:none}.overlay{transition:all 400ms ease}.desktop-nav li:nth-of-type(1),.desktop-nav.hide li:nth-of-type(10){transition-delay:0ms}.desktop-nav li:nth-of-type(2),.desktop-nav.hide li:nth-of-type(9){transition-delay:30ms}.desktop-nav li:nth-of-type(3),.desktop-nav.hide li:nth-of-type(8){transition-delay:60ms}.desktop-nav li:nth-of-type(4),.desktop-nav.hide li:nth-of-type(7){transition-delay:90ms}.desktop-nav li:nth-of-type(5),.desktop-nav.hide li:nth-of-type(6){transition-delay:120ms}.desktop-nav li:nth-of-type(6),.desktop-nav.hide li:nth-of-type(5){transition-delay:150ms}.desktop-nav li:nth-of-type(7),.desktop-nav.hide li:nth-of-type(4){transition-delay:180ms}.desktop-nav li:nth-of-type(8),.desktop-nav.hide li:nth-of-type(3){transition-delay:210ms}.desktop-nav li:nth-of-type(9),.desktop-nav.hide li:nth-of-type(2){transition-delay:240ms}.desktop-nav li:nth-of-type(10),.desktop-nav.hide li:nth-of-type(1){transition-delay:270ms}.search-container form,.search-container .link-search{opacity:1;transform:translateX(0);transition:all 400ms ease;transition-delay:300ms}.search-container.hide form,.search-container.hide .link-search{opacity:0;transform:translateX(50px)}.search-container .link-search{opacity:0.6}.search-container.hide .link-close{opacity:0}.search-container .link-close{opacity:0.5;transition:all 400ms ease;transition-delay:400ms}.search-container.hide .quick-links h2{opacity:0;transform:translateX(50px)}.search-container .quick-links h2{opacity:1;transform:translateX(0);transition:all 400ms ease;transition-delay:100ms}.search-container.hide .quick-links ul li{transform:translateX(60px);opacity:0}.search-container .quick-links ul li{opacity:1;transform:translateX(0);transition:all 400ms ease}.search-container .quick-links ul li:nth-of-type(1){transition-delay:120ms}.search-container .quick-links ul li:nth-of-type(2){transition-delay:140ms}.search-container .quick-links ul li:nth-of-type(3){transition-delay:160ms}.search-container .quick-links ul li:nth-of-type(4){transition-delay:180ms}.search-container .quick-links ul li:nth-of-type(5){transition-delay:200ms}.mobile-nav,.mobile-search-container{display:none}@media (max-width:1100px){.nav-container nav{width:100%;padding:0 32px}}@media (max-width:768px){.nav-container .desktop-nav{flex-direction:column;position:fixed;top:0;left:0;width:100%;height:0vh;background:#000;justify-content:start;overflow:hidden;z-index:-1;transition:all 1000ms ease}.nav-container.active .desktop-nav{height:100vh}.nav-container .desktop-nav li{width:100%;padding:0 32px}.nav-container .desktop-nav li:first-child{margin-top:120px}.nav-container .desktop-nav .link-logo,.nav-container .desktop-nav .link-search,.nav-container .desktop-nav .link-bag{display:none}.nav-container .desktop-nav li a{padding:16px 0;display:inline-block;border-bottom:1px solid #616161;width:100%;font-size:17px;transform:translateY(-80px);opacity:0;transition:all 700ms ease}.nav-container.active .desktop-nav li a{transform:translateY(0);opacity:1}nav .mobile-nav{display:flex;width:100%;justify-content:space-between;list-style:none}nav .menu-icon-container{width:20px;height:44px;display:flex;align-items:center;cursor:pointer}nav .menu-icon{position:relative;width:100%}nav .menu-icon .line-1,nav .menu-icon .line-2{position:absolute;height:1px;width:100%;background:#fff;transition-property:transform,top;transition-delay:0ms,160ms;transition-duration:200ms}nav .menu-icon .line-1{top:-4px}nav .menu-icon .line-2{top:4px}.nav-container.active nav .menu-icon-container .menu-icon .line-1{top:0;transform:rotateZ(45deg);transition-property:top,transform;transition-delay:0ms,160ms;transition-duration:200ms}.nav-container.active nav .menu-icon-container .menu-icon .line-2{top:0;transform:rotateZ(-45deg);transition-property:top,transform;transition-delay:0ms,160ms;transition-duration:200ms}.nav-container.active .mobile-nav .link-bag{transform:translateY(8px);opacity:0;pointer-events:none}.nav-container .mobile-nav .link-bag{transition:all 1000ms ease}.mobile-search-container input{width:100%;padding:12px 36px;font-family:"Inter",sans-serif;font-size:17px;background:#1b1b1b;border:0;color:#fff;border-radius:8px;outline:none}.mobile-search-container{position:relative;padding:0 16px;margin-top:-30px;border-bottom:1px solid #616161;display:flex;padding-bottom:16px;align-items:center;transform:rotateX(90deg);opacity:0;transition:all 600ms ease}.nav-container.active .mobile-search-container{transform:rotateX(0deg);margin-top:10px;opacity:1}.mobile-search-container .link-search{position:absolute;left:24px;opacity:.5;background-size:15px}.nav-container nav.move-up{margin-top:-40px}.mobile-search-container .cancel-btn{color:#2997ff;font-size:17px;font-weight:400;cursor:pointer;width:0px;overflow:hidden;transition:all 400ms ease}.mobile-search-container .search-bar.active+.cancel-btn{padding:0 16px;width:74px}.mobile-search-container .search-bar{flex:1}nav .desktop-nav.move-down li:first-child{margin-top:150px}nav .desktop-nav.move-down li{opacity:0;pointer-events:none}.mobile-search-container .search-bar.active~.quick-links{top:80px;opacity:1;pointer-events:auto;transition-delay:40ms}.mobile-search-container .quick-links{position:absolute;left:0;right:0;padding:0 32px;opacity:0;pointer-events:none;top:10px;transition:all 400ms ease}.mobile-search-container .quick-links ul{list-style:none}.mobile-search-container .quick-links h2{color:#86868b;font-size:12px;text-transform:uppercase;font-weight:400}.mobile-search-container .quick-links ul li a{padding:16px 0;display:inline-block;text-decoration:none;color:#fff;font-size:14px;font-weight:400;border-bottom:1px solid #616161;width:100%}.mobile-search-container .quick-links ul li a:hover{color:#2997ff}.nav-container nav{transition:all 400ms ease}}input,div,span,a{-webkit-tap-highlight-color:rgba(0,0,0,0)}@media all and (max-width:980px){.custom_row{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}.first-on-mobile{-webkit-order:1;order:1}.second-on-mobile{-webkit-order:2;order:2}.third-on-mobile{-webkit-order:3;order:3}.fourth-on-mobile{-webkit-order:4;order:4}.custom_row:last-child .et_pb_column:last-child{margin-bottom:30px}}