.pack-builder{padding-bottom:74px}.pack-builder .step-1 .image{max-width:66px;margin:0 auto 10px}.pack-builder .image img{width:100%;height:100%;object-fit:cover;max-height:124px;object-position:center}.pack-builder .wrapper{display:flex}.pack-builder .step-1 .alpha,.pack-builder .step-1 .beta{width:100%;max-width:50%;flex:50%}.pack-builder .step-1 .alpha{position:sticky;top:76px}.pack-builder .alpha{position:relative;height:100%}.pack-builder .media-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0000004d;display:flex;justify-content:center}.pack-builder .media-overlay.alignment--top{align-items:flex-start}.pack-builder .media-overlay.alignment--center{align-items:center}.pack-builder .media-overlay.alignment--bottom{align-items:flex-end}.pack-builder .step-1 .title{margin:0;text-transform:uppercase;text-align:center;font-size:43px;line-height:1.2;color:#fff;width:100%;font-weight:800;padding:30px 20px}.pack-builder .step-1 .title p{margin:0}.pack-builder .tab-header{margin:0 0 29px;display:flex;padding:0 10px;background-color:#f6f6f6;border-radius:10px}.pack-builder .tab-header-item{list-style:none;max-width:20%;flex:20%;padding:12px;cursor:pointer;position:relative;display:flex;flex-direction:column;justify-content:space-between}.pack-builder .step-1 .beta{padding:44px}.pack-builder .tab-title{margin:0;text-transform:uppercase;text-align:center;font-size:12px;font-weight:700}.pack-builder .tab-title,.pack-builder .tab-header-item:before,.pack-builder .tab-header-item .image{opacity:.3}.pack-builder .tab-header-item.active .tab-title,.pack-builder .tab-header-item.active .image{opacity:1}.pack-builder .tab-header-item:last-child:before{content:unset}.pack-builder .tab-header-item.active svg path{fill:#004c9d}.pack-builder .tab-header-item.active .tab-title{color:#004c9d}.pack-builder .tab-header-item.active:after{content:"";width:100%;height:4px;background-color:#004c9d;display:block;margin:0;border-radius:4px 4px 0 0;position:absolute;bottom:0;left:0}.pack-builder .tab-header-item:before{content:"";height:60%;background-color:#bcbcbc;width:1px;position:absolute;left:100%;top:50%;transform:translateY(-50%)}.pack-builder .sub-title{font-size:32px;text-align:center;color:#000;text-transform:capitalize;font-weight:900;margin-bottom:7px;line-height:1}.pack-builder .step-1 .text{font-size:20px;text-align:center;color:#222;margin:0;line-height:1.2}.pack-builder .pack-grid{margin-top:29px}.pack-builder .pack-item{background-color:#f6f6f6;border-radius:10px;padding:21px 26px;margin-bottom:7px}.pack-builder .pack-item:last-child{margin-bottom:0}.pack-builder .sub-heading{font-size:26px;color:#004c9d;font-weight:700;text-align:center;margin-bottom:16px}.pack-builder .heading{margin:0;font-size:29px;font-weight:900;text-align:center;color:#222;text-transform:uppercase}.pack-builder .pack-info{padding-bottom:18px;margin-bottom:18px;border-bottom:2px solid #BCBCBC}.pack-builder .pack-builder-btn{font-size:21px;color:#fff;font-weight:500;text-transform:capitalize;background-color:#004c9d;display:flex;border-radius:4px;align-items:center;padding:6px 16px;margin:0 auto;max-width:fit-content;min-width:250px}.pack-builder{padding-bottom:40px}.pack-builder .page-width{max-width:1360px}.pack-builder .main-grid{display:flex;flex-wrap:wrap;margin:0 -18px}.pack-builder img{width:100%;height:100%;object-fit:cover;display:block}.pack-builder svg{width:100%;height:100%;display:block}.pack-builder .step-2 .W-half{padding:0 18px}.pack-builder .step-2 .alpha{max-width:65%;flex:65%}.pack-builder .product-image-wrap{display:flex;flex-wrap:wrap;margin:0 -5px -10px}.pack-builder .product-image{max-width:50%;flex:50%;padding:0 5px;margin-bottom:10px}.pack-builder .step-2 .beta{max-width:35%;flex:35%;padding-top:19px}.pack-builder .contents{margin-bottom:33px}.pack-builder .step-2 .title{font-size:32px;text-align:center;text-transform:capitalize;font-family:var(--typeHeaderPrimary);font-weight:900;line-height:1.14;margin-bottom:21px}.pack-builder .step-2 .text{font-size:12px;text-align:center;color:#004c9d;font-family:var(--typeBasePrimary)}.pack-builder .selected-image-wrap{margin-bottom:27px}.pack-builder .selected-img-inner{display:flex;justify-content:center;flex-wrap:wrap;margin:0 -13px -26px}.pack-builder .image-wrapper{position:relative;max-width:33.33%;flex:33.33%;padding:0 13px;margin-bottom:26px}.pack-builder .image-wrapper .cross-icon{position:absolute;top:-5px;right:5px;z-index:1;max-width:18px;height:18px;border-radius:50%;width:100%;background-color:#000;justify-content:center;align-items:center;cursor:pointer;display:none}.pack-builder .fill-product .cross-icon{display:flex!important}.pack-builder .image-wrapper .cross-icon svg{fill:#fff!important;width:10px!important;height:10px!important}.pack-builder .selected-image-wrap img{border-radius:10px}.pack-builder .product-option-group{padding-bottom:27px}.pack-builder .option-header{display:flex;align-items:center;justify-content:space-between}.pack-builder .option-header-inner{display:flex;align-items:center}.pack-builder .option-header .option-label,.pack-builder .option-header .variant-name{font-size:12px;text-transform:capitalize;font-family:var(--typeBasePrimary);margin-bottom:0;color:#222;letter-spacing:0}.pack-builder .option-header .option-label{font-weight:500;margin-right:5px}.pack-builder .option-header .variant-name{font-weight:700}.pack-builder .option-header .text{color:#888;text-decoration:underline;text-transform:capitalize;text-underline-offset:2px}.pack-builder .color-option .option-header{margin-bottom:7px}.pack-builder .size-option .option-header{margin-bottom:27px}.pack-builder .size-option .variant-item{display:flex;align-items:center;margin:0 -6px;flex-wrap:wrap;row-gap:16px}.pack-builder .size-option .value{margin:0 8px;font-size:13px;font-family:var(--typeHeaderPrimary);font-weight:700;text-transform:uppercase;color:#222;letter-spacing:0}.pack-builder .size-option .value:hover,.pack-builder .size-option .value.active{background-color:#222;color:#fff}.pack-builder .swiper-slide{max-width:31px;flex:31px;min-width:31px;height:31px;border-radius:50%;margin-right:25px;position:relative}.pack-builder .swiper-slide.active:after{content:"";position:absolute;top:-3px;left:-3px;z-index:1;width:100%;width:37px;border-radius:50%;height:37px;box-shadow:1px 1px 11.5px -6px #000}.pack-builder .value{max-width:31px;flex:31px;height:31px;min-width:31px;cursor:pointer;border-radius:50%;display:flex;justify-content:center;align-items:center;overflow:hidden}.pack-builder .btn{text-transform:capitalize;font-size:20px;background-color:#004c9d;padding:10px;border-radius:7px;min-width:100%;font-weight:500}.pack-builder .btn:hover{background-color:#004c9d!important;color:#fff}.pack-builder .swiper-container{position:relative;overflow:hidden}.pack-builder .arrow{width:13px;position:absolute;top:50%;transform:translateY(-50%);z-index:1;cursor:pointer}.pack-builder .swiper-wrapper{padding:5px 24px}.pack-builder .arrow svg{fill:#dedede}.pack-builder .arrow.swiper-button-disabled svg{fill:#000}.pack-builder .swiper__arrow--next{left:0;transform:translateY(-50%) rotate(-180deg)}.pack-builder .swiper__arrow--prev{right:0}.pack-builder .step-1 .beta{max-width:720px}.product-option-group.color-option{border-bottom:1px solid #DEDEDE;margin-bottom:20px}.pack-builder .size-option .value{flex:44px;height:44px;min-width:44px;background-color:#f6f6f6}.pack-builder .pack-builder-btn .btn-text{flex:1;text-wrap:nowrap}.tab-body-wrap,.step-2{display:none}.tab-body-wrap.active,.step-2.active{display:block}.add-to-cart-btn{display:none}.step-2 .offer-text .text{display:inline-block;background-color:#f6f6f6;padding:6px 12px;border-radius:4px;margin:0 auto}.step-2 .offer-text{display:flex}.pack-builder .btn--loading{overflow:hidden;pointer-events:none}.product-box .image{border:1px dashed #004c9d;border-radius:10px;overflow:hidden}.pack-builder .product-box .image img{height:124px}.pack-builder .tab-header .image img{object-fit:contain}.pack-builder .step-1 .tab-header .image{height:100%}.pack-builder .pack-navigation{display:flex;align-items:center;grid-gap:18px;padding:40px 0 25px}.pack-builder .nav-arrow{max-width:22px;flex:22px;cursor:pointer}.pack-builder .nav-arrow.disabled{opacity:.3;pointer-events:none}.pack-builder .product_template_features_new{margin-top:35px}.pack-builder .accordion li.open .answer{display:block}@media screen and (max-width:1279px){.pack-builder .step-1 .title{font-size:34px}.pack-builder .sub-title{font-size:28px}.pack-builder .step-1 .text{font-size:16px}.pack-builder .step-1 .beta{padding:35px}.pack-builder .pack-item{padding:20px}.pack-builder .sub-heading{font-size:22px}.pack-builder .heading{font-size:25px}.pack-builder .pack-builder-btn{font-size:18px}}@media screen and (min-width: 990px){.pack-builder .step-2 .alpha{position:sticky;top:90px}}@media screen and (max-width: 990px){.pack-builder .step-1 .title{font-size:28px}.pack-builder .sub-title{font-size:24px}.pack-builder .step-1 .text{font-size:12px}.pack-builder .step-1 .beta{padding:30px}.pack-builder .sub-heading{font-size:18px}.pack-builder .heading{font-size:21px}.pack-builder .pack-builder-btn{font-size:14px}.pack-builder .tab-header-item{padding:8px}.pack-builder .tab-header{padding:0 6px}.pack-builder .step-1 .beta{padding:18px}.pack-builder .page-width{padding:0}.pack-builder .main-grid{margin:0}.pack-builder .step-2 .W-half{max-width:100%;flex:100%;padding:0}.pack-builder .step-2 .alpha{margin-bottom:23px}.pack-builder .step-2 .beta{padding:0 17px}.pack-builder .step-2 .title{display:none}.pack-builder .product-image-wrap{margin:0;flex-wrap:nowrap;overflow-x:auto}.pack-builder .product-image{min-width:60vw;max-width:60vw;flex:60vw;padding:0;margin-bottom:0;margin-right:10px}.pack-builder .image-wrapper{padding:0 12px;margin-bottom:28px}.pack-builder .contents,.pack-builder .size-option .option-header{margin-bottom:22px}.pack-builder .swiper-slide:after{top:-5px;left:-5px;width:47px;height:47px}.pack-builder .color-option .option-header{margin-bottom:19px}.pack-builder .option-header .option-label,.pack-builder .option-header .variant-name,.pack-builder .option-header .text{font-size:14px}.pack-builder .btn{padding:13px 10px}.step-2{padding-bottom:40px}.pack-builder .size-option .value{max-width:32px}}@media screen and (max-width: 767px){.pack-builder .product-image{min-width:100vw;max-width:100vw;flex:100vw}.pack-builder{padding-bottom:40px}.pack-builder .wrapper{display:block}.pack-builder .step-1 .alpha,.pack-builder .step-1 .beta{width:100%;max-width:100%}.pack-builder .step-1 .title{font-size:30px;padding:10px}.pack-builder .step-1 .beta{padding:0}.pack-builder .tab-title{font-size:9px}.pack-builder .tab-header{border-radius:0;margin-bottom:19px}.pack-builder .sub-title{font-size:25px;margin-bottom:5px}.pack-builder .pack-grid{margin-top:28px;padding:0 15px}.pack-builder .pack-item{padding:19px 21px}.pack-builder .sub-heading,.pack-builder .heading{font-size:20px}.pack-builder .pack-info{padding-bottom:11px;margin-bottom:15px}.pack-builder .pack-builder-btn{font-size:18px;padding:4px 12px}.pack-builder .tab-body{margin-bottom:41px}.pack-builder .tab-header{justify-content:center}.pack-builder .step-1 .alpha{position:relative;top:unset}.product_template_features_new{margin-top:26px}.pack-builder .pack-navigation{padding:34px 17px 20px}}@media screen and (max-width:419px){.pack-builder .title{font-size:26px}.pack-builder .sub-heading{font-size:16px}.pack-builder .pack-item{padding:16px 15px}.pack-builder .heading{font-size:18px}.pack-builder .pack-builder-btn{font-size:16px}.pack-builder .product-box .image img{height:94px}}.pack-builder .swiper-container{position:static}.pack-builder .swiper__arrow--next{right:-20px;left:auto;top:49%;transform:translateY(-50%) rotate(0)}.pack-builder .swiper__arrow--prev{left:-20px;right:auto;top:49%;transform:translateY(-50%) rotate(180deg)}.pack-builder .product-option-group.color-option{position:relative}.pack-builder .swiper-slide{flex:inherit;min-width:auto;max-width:initial}.pack-builder .swiper-wrapper{padding:5px 0}.pack-builder .arrow svg{fill:#000}.pack-builder .swiper-wrapper .value{max-width:31.25px;flex:31.25px;height:31.25px;min-width:31.25px}.pack-builder .swiper-slide{height:33px;min-width:33px}@media screen and (max-width: 767px){.pack-builder .tab-header{justify-content:flex-start}.pack-builder .swiper__arrow--next{right:-13px;top:57%}.pack-builder .swiper__arrow--prev{left:-13px;top:57%}}@media only screen and (min-width: 768px) and (max-width:990px){.pack-builder .swiper__arrow--next,.pack-builder .swiper__arrow--prev{top:57%}}@media only screen and (max-width:590px){.pack-builder .swiper-slide{height:32.8571px;min-width:32.8571px}.pack-builder .swiper-wrapper .value{max-width:30.28px;flex:30.28px;height:30.28px;min-width:30.28px}.pack-builder .product-option-group.color-option{max-width:356px;padding-left:12px;padding-right:12px}.pack-builder .swiper-slide.active:after{width:36.28px;height:36.28px}.pack-builder .swiper__arrow--next{right:-10px;top:56%}.pack-builder .swiper__arrow--prev{left:-10px;top:56%}}.pack-builder .tab-header .swiper-slide{height:auto;min-width:auto;margin:0 0 .25em;max-width:inherit;border-radius:0;min-width:20%}.pack-builder .tab-header .icon-wrapper .swiper__arrow--next{right:-20px}.pack-builder .tab-header .icon-wrapper .swiper__arrow--prev{left:-20px}.pack-builder .tab-header .icon-wrapper .swiper__arrow--next.swiper-button-disabled,.pack-builder .tab-header .icon-wrapper .swiper__arrow--prev.swiper-button-disabled{opacity:.5}.pack-builder .tab-header .swiper-slide.active:after{box-shadow:inherit;content:"";width:100%;height:4px;background-color:#004c9d;display:block;margin:0;border-radius:4px 4px 0 0;position:absolute;bottom:5px;left:0;top:auto}.pack-builder .tab-header{position:relative}.pack-builder .tab-header .swiper{position:static;width:100%}.pack-builder .option-color-wrap .swiper__arrow--next.swiper-button-disabled,.pack-builder .option-color-wrap .swiper__arrow--prev.swiper-button-disabled{opacity:.5}@media only screen and (max-width:767px){.pack-builder .tab-header{padding:0 29px}.pack-builder .tab-header .icon-wrapper .swiper__arrow--prev{left:10px}.pack-builder .tab-header .icon-wrapper .swiper__arrow--next{right:10px}}@media only screen and (max-width:590px){.pack-builder .tab-header .swiper-slide{min-width:20%}.pack-builder .tab-header .swiper-slide.active:after{bottom:3px}}@media only screen and (min-width:768px) and (max-width:1024px){.pack-builder .step-1 .alpha,.pack-builder .step-1 .beta{min-width:50%}.pack-builder .tab-header .swiper-slide{min-width:20%}.pack-builder .tab-header .icon-wrapper .swiper__arrow--prev{left:-12px}.pack-builder .tab-header .icon-wrapper .swiper__arrow--next{right:-12px}}.pack-builder .swiper-slide{height:auto!important}.pack-builder .build-pack-variant-slider .slide-outer{gap:6px;display:flex;flex-wrap:wrap}@media only screen and (min-width:769px){.pack-builder .build-pack-variant-slider .swiper-wrapper{display:flex;flex-wrap:wrap;align-items:center;row-gap:10px}.pack-builder .build-pack-variant-slider .variant-item{max-width:33px}.pack-builder .build-pack-variant-slider .icon-wrapper{display:none}}
/*# sourceMappingURL=/cdn/shop/t/558/assets/pack-builder.css.map */