.hero-section-container{width:82%;display:flex;justify-content:center;padding:64px 0 32px}.hero-section-title{width:85%;font-size:45px;color:#4f4033;font-weight:400}.customize-category-section{padding:0 100px;margin-top:40px;width:82%}.customize-category-section-body{display:flex;justify-content:space-between;gap:48px;padding-top:24px}.customize-category-section-button{width:40%}.slider-component-container{width:100%;display:flex;justify-content:center}.slider-container{margin-bottom:24px;width:100%}.slider-container-title{background-color:#e7f0f0;border:1px solid #c9c9ca;border-radius:8px;padding:14px 32px;color:var(--text-color);display:flex;align-items:center;gap:16px;box-shadow:0 1px 3px 0 rgba(0,0,0,.05),0 5px 5px 0 rgba(0,0,0,.04),0 12px 7px 0 rgba(0,0,0,.03),0 22px 9px 0 rgba(0,0,0,.01),0 34px 10px 0 transparent}.slider-container-title.open{border:1px solid #116466}.slider-container-title-image{display:flex;justify-content:center;align-items:center;transition:transform .3s ease-in-out;cursor:pointer}.slider-container-title-image.open{transform:rotate(90deg)}.slider-container-title-image.close{transform:rotate(0deg)}.slider-container-title-content{font-size:20px;font-weight:500;-webkit-user-select:none;-moz-user-select:none;user-select:none}.slider-container-value{transform:display .3s ease-in-out}.slider-container-value.close{animation:close-animation .3s;display:none}.slider-container-value.open{animation:open-animation .3s}@keyframes open-animation{0%{margin-top:-40px}to{margin-top:0}}.upload-field{width:100%;height:88px;position:relative}.upload-file-input{width:100%;padding:4px;height:46px;border-radius:8px;border:1px solid #c9c9ca;color:grey}.upload-file-input::-webkit-file-upload-button{height:100%;border-radius:4px;font-size:14px;background-color:#bbbcbd;border:1px solid #969899;padding:8px 16px;cursor:pointer;margin-right:16px;box-shadow:0 0 1px 0 rgba(0,0,0,.1),0 1px 1px 0 rgba(0,0,0,.09),0 3px 2px 0 rgba(0,0,0,.05),0 5px 2px 0 rgba(0,0,0,.01),0 8px 2px 0 transparent}.upload-file-input::file-selector-button{height:100%;border-radius:4px;font-size:14px;background-color:#bbbcbd;border:1px solid #969899;padding:8px 16px;cursor:pointer;margin-right:16px;box-shadow:0 0 1px 0 rgba(0,0,0,.1),0 1px 1px 0 rgba(0,0,0,.09),0 3px 2px 0 rgba(0,0,0,.05),0 5px 2px 0 rgba(0,0,0,.01),0 8px 2px 0 transparent}.upload-file-close{position:absolute;top:26%;right:0;transform:translate(-30%,-50%);display:flex;justify-content:center;align-items:center;cursor:pointer}.upload-product-images{width:100%;margin-top:10px;display:grid;grid-template-columns:1fr 1fr;grid-row-gap:10px;row-gap:10px;grid-column-gap:10px;column-gap:10px}.upload-file-selected.basic{position:relative;margin-top:8px;margin-right:8px;height:34px;width:68px;background-color:transparent;border-radius:4px}.upload-file-selected.product{width:100%;height:144px;background-color:transparent;border-radius:4px}.upload-file-selected.product.true{height:116px}.upload-error-message{color:red;margin-top:-4px;font-size:12px;font-weight:500;display:flex;align-items:center;gap:4px;visibility:hidden;transform:translateY(-10px);transition:transform .1s linear}.upload-error-display{visibility:visible;transform:translateY(0)}.custom-field{width:100%;height:46px;position:relative}.custom-text-field{color:#000;background-color:transparent;outline:none;font-size:14px;font-weight:400;line-height:22px;padding-left:15px;padding-right:35px;border:1px solid #c9c9ca;border-radius:8px;height:46px;width:100%}.custom-text-field.with-bg{background:#fff}.custom-text-field::-webkit-inner-spin-button,.custom-text-field::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.custom-text-field::placeholder{color:transparent;transition:color .3s}.custom-text-field:focus::placeholder{color:grey}.custom-field-label{position:absolute;font-size:14px;top:50%;left:5%;transform:translateY(-50%);cursor:text;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:-1;color:grey;transition:top .3s,font-size .3s,color .3s}.custom-field-label.visible-for-login{z-index:0}.custom-field-label.focus{background-color:#e7f0f0;font-weight:600;color:#000;padding:2px 4px;border-radius:4px;top:0;font-size:10px;z-index:1}.custom-field-close{position:absolute;top:50%;right:0;transform:translate(-30%,-50%);display:flex;justify-content:center;align-items:center;cursor:pointer}.custom-field-error-message{color:red;margin-top:4px;font-size:12px;font-weight:500;visibility:hidden;display:flex;align-items:center;gap:4px;transform:translateY(-10px);transition:transform .1s linear}.custom-field-error-display{visibility:visible;transform:translateY(0)}.custom-button{width:100%;height:46px;border-radius:8px;border:none;background-color:#116466;font-size:14px;font-weight:600;color:#fff;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:3px}.customize-home-section{padding:0 100px;margin-top:40px;width:82%}.customize-home-section-content{display:flex;justify-content:space-between;gap:48px;padding-top:24px}.customize-home-section-children{width:50%;display:flex;flex-direction:column}.customize-home-section-children-title{font-size:20px;margin-bottom:8px}.customize-home-section-children-div{position:relative}.customize-home-section-children-input{width:60%;padding:4px;border-radius:8px}.customize-home-section-children-input::-webkit-file-upload-button{height:100%;border-radius:4px;font-size:14px;background-color:#bbbcbd;border:1px solid #969899;padding:8px 16px;cursor:pointer;box-shadow:0 0 1px 0 rgba(0,0,0,.1),0 1px 1px 0 rgba(0,0,0,.09),0 3px 2px 0 rgba(0,0,0,.05),0 5px 2px 0 rgba(0,0,0,.01),0 8px 2px 0 transparent}.customize-home-section-children-input::file-selector-button{height:100%;border-radius:4px;font-size:14px;background-color:#bbbcbd;border:1px solid #969899;padding:8px 16px;cursor:pointer;box-shadow:0 0 1px 0 rgba(0,0,0,.1),0 1px 1px 0 rgba(0,0,0,.09),0 3px 2px 0 rgba(0,0,0,.05),0 5px 2px 0 rgba(0,0,0,.01),0 8px 2px 0 transparent}.customize-home-section-children-images{width:60%;margin-top:12px;display:flex;justify-content:space-between}.customize-home-section-children-images-image{border-radius:4px}.customize-home-section-children-close{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.customize-home-section-button{margin-top:32px;width:20%}#toastBox{position:absolute;bottom:30px;right:30px;display:flex;align-items:flex-end;flex-direction:column;overflow:hidden;padding:20px}.toast{width:400px;height:80px;background:#fff;font-weight:500;margin:15px 0;box-shadow:0 0 20px rgba(0,0,0,.3);display:flex;align-items:center;position:relative;transform:translateX(100%);animation:moveleft .4s linear forwards}@keyframes moveleft{to{transform:translateX(0)}}.toast i{margin:0 20px;font-size:35px;color:green}.toast.error i{color:red}.toast.invalid i{color:orange}.toast:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:5px;background:green;animation:anim 4s linear forwards}@keyframes anim{to{width:0}}.toast.error:after{background:red}.toast.invalid:after{background:orange}.customize-sub-category-section{padding:0 100px;margin-top:40px;width:82%}.customize-sub-category-section-body{display:flex;justify-content:space-between;gap:24px;padding-top:24px}.customize-sub-category-section-body-button{width:40%}.category-dropdown,.dropdown-component{width:100%;height:46px}.category-dropdown{outline:none;font-size:14px;font-weight:400;line-height:22px;padding:0 9px;border:1px solid #c9c9ca;border-radius:8px;color:grey}.category-dropdown-option,.category-dropdown.enabled{color:#000}.dropdown-error-message{color:red;margin-top:4px;font-size:12px;font-weight:500;visibility:hidden;display:flex;align-items:center;gap:4px;transform:translateY(-10px);transition:transform .1s linear}.dropdown-error-display{visibility:visible;transform:translateY(0)}