body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.header{background-color:#f5f8fb;display:flex;justify-content:center;padding:1.8rem 4.8rem;position:relative}.header__logo{height:10.2rem}.header__login-btn{background-color:transparent;border:none;color:#2076cb;cursor:pointer;font-family:Public Sans,sans-serif;font-size:1.8rem;font-weight:700;line-height:2.2rem;position:absolute;right:4.8rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.banner{align-items:center;background-blend-mode:soft-light;background-image:url(/static/media/colonial-electric.d2638d6bedf99b06c056.jpg),linear-gradient(210deg,#114584,#2688e5);background-size:cover;display:flex;flex-direction:column;margin-bottom:-17.3rem;min-height:36rem;padding-block:4.8rem}.banner__heading{color:#f4f7fa;font-family:Lato,sans-serif;font-weight:600;margin-bottom:1.2rem}.banner__description{color:#f4f7fa;font-size:1.6rem;font-weight:400;line-height:2.2rem}.drop-down__title{color:#333;font-weight:700;margin-bottom:.8rem}.drop-down__container{border:1px solid #e0e0e0;border-radius:.5rem;height:4.6rem;position:relative}.drop-down__selection-container{align-items:center;cursor:pointer;display:flex;height:100%;justify-content:space-between;padding:0 2rem 0 1.2rem}.drop-down__selection{color:#333;font-size:1.6rem;font-weight:400;line-height:2.2rem;text-transform:capitalize}.drop-down__icon-box{display:flex;transition:all .1s ease-out}.drop-down__icon{color:#000;height:1rem;width:1rem}.drop-down__option-container{background-color:#fff;border-radius:1rem;box-shadow:0 .5rem 2rem -.5rem rgba(0,0,0,.15);height:0;max-height:20rem;overflow-y:auto;padding-inline:.5rem;position:absolute;top:calc(100% + 1px);transition:all .1s ease-out;width:100%;z-index:10}.drop-down__option{display:flex;flex-direction:column}.drop-down__option:not(:last-child){margin-bottom:2px}.drop-down__option:first-child{margin-top:.5rem}.drop-down__option:last-child{margin-bottom:.5rem}.drop-down__input{display:none}.drop-down__label{border-radius:.5rem;color:#333;cursor:pointer;font-size:1.6rem;font-weight:400;height:100%;line-height:2.2rem;padding:.5rem 1.2rem;text-transform:capitalize;transition:all .2s ease-out}.drop-down__label:hover{background-color:#f4f7fa}.input{display:flex;flex-direction:column}.input__input{border:1px solid #e0e0e0;border-radius:.5rem;color:#333;font-size:1.6rem;font-weight:400;height:4.4rem;line-height:2.2rem;padding:0 1.2rem;width:100%}.input__input::-webkit-input-placeholder{color:#828282}.input__label{color:#333;font-size:1.4rem;font-weight:700;line-height:1.6rem;margin-bottom:.8rem}.card{background-color:#fff;border-radius:1rem;box-shadow:0 8px 24px hsla(0,0%,85%,.5);margin:auto;padding:3.2rem;width:72.4rem}.card--wide{width:90rem}.card--narrow{width:43.2rem}.btn{align-items:center;border-radius:.5rem;box-sizing:border-box;cursor:pointer;display:flex;font-family:Public Sans;font-size:1.6rem;font-weight:400;height:4.6rem;line-height:2.2rem;padding:0 2.2rem}.btn--primary{background-color:transparent;border:1px solid #2076cb;color:#2076cb;transition:-webkit-transform 50ms ease-in;transition:transform 50ms ease-in;transition:transform 50ms ease-in,-webkit-transform 50ms ease-in}.btn--primary:active{-webkit-transform:scale(.9);transform:scale(.9)}.btn--primary-disabled{background-color:transparent;border:1px solid #bdbdbd;color:#bdbdbd;cursor:not-allowed}.btn--secondary{background-color:#2076cb;border:transparent;color:#fff;transition:-webkit-transform 50ms ease-in;transition:transform 50ms ease-in;transition:transform 50ms ease-in,-webkit-transform 50ms ease-in}.btn--secondary:active{-webkit-transform:scale(.9);transform:scale(.9)}.btn--secondary-disabled{background-color:#bdbdbd;border:transparent;color:#fff;cursor:not-allowed}.project-details-form__heading{border-bottom:1px solid #bdbdbd;color:#333;font-weight:400;padding-bottom:2.4rem}.project-details-form__form{display:flex;flex-direction:column}.project-details-form__form>:not(:last-child){margin-bottom:2.4rem}.project-details-form__form>:first-child{margin-top:2.4rem}.project-details-form__form-row{display:flex;gap:2.4rem}.project-details-form__form-row>*{flex:1 1}.project-details-form__form-row--intrinsic-width{align-self:flex-end}.project-details-form__form-row--intrinsic-width>*{flex:0 1 auto}.count{align-items:stretch;display:flex;gap:.5rem;justify-content:space-between}.count__btn{align-items:center;background-color:transparent;border:1px solid #bdbdbd;border-radius:4px;cursor:pointer;display:inline-flex;height:3rem;justify-content:center;transition:-webkit-transform 50ms ease-in;transition:transform 50ms ease-in;transition:transform 50ms ease-in,-webkit-transform 50ms ease-in;width:3rem}.count__btn:active{-webkit-transform:scale(.9);transform:scale(.9)}.count__icon{height:1.4rem;width:1.4rem}.count__count{-moz-appearance:textfield;border:1px solid #bdbdbd;border-radius:4px;color:#000;font-family:Public Sans,sans-serif;font-size:1.6rem;font-weight:400;line-height:2.2rem;text-align:center;width:6ch}.count__count::-webkit-inner-spin-button,.count__count::-webkit-outer-spin-button{-webkit-appearance:none}.products-form__heading{border-bottom:1px solid #bdbdbd;color:#333;font-weight:400;padding-bottom:2.4rem}.products-form__products-form-row{align-items:flex-end;display:flex}.products-form__products-form-row:first-child{margin-top:2.4rem}.products-form__products-form-row:not(:last-child){margin-bottom:2.4rem}.products-form__products-form-row>:first-child{flex:0 0 10.4rem;margin-right:2.4rem}.products-form__products-form-row>:nth-child(2){flex:1 1}.products-form__products-form-row>:last-child{flex:0 0 10rem;margin-bottom:.8rem;margin-left:7.6rem}.products-form__products-form-row--btn{justify-content:space-between;margin:0!important}.products-form__products-form-row--btn>*{flex:0 0 auto!important;margin:0!important}.result__top{border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding-bottom:3.2rem}.result__total-cost{align-items:flex-start;display:flex;flex-direction:column}.result__heading{align-self:flex-start;border-bottom:1px solid #828282;color:#828282;display:inline-block;font-family:Public Sans,sans-serif;font-weight:700;margin-bottom:.8rem;padding-bottom:.8rem}.result__cost{color:#2076cb;font-family:Lato,sans-serif;font-size:4.8rem;font-weight:600;line-height:5.8rem}.result__project-details{align-items:flex-start;display:flex;flex-direction:column}.result__details{font-size:1.4rem;line-height:2.2rem;text-transform:capitalize}.result__details,.result__project-name{color:#2076cb;font-family:Public Sans,sans-serif;font-weight:400}.result__project-name{font-size:3.2rem;line-height:3.8rem}.result__bottom{align-items:flex-end;display:flex;flex-direction:column;padding-top:3.2rem}.result__product-list{align-self:stretch;list-style-type:none;margin-bottom:2.5rem}.result__product{display:flex;gap:3.2rem;padding-block:.8rem}.result__product:not(:last-child){border-bottom:1px solid #e0e0e0}.result__count,.result__name,.result__type{color:#333;font-family:Public Sans,sans-serif;font-size:1.6rem;font-weight:400;line-height:2.2rem}.result__type{flex-shrink:0;text-transform:uppercase}.result__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result__count{margin-left:auto}.login{font-family:Public Sans,sans-serif;left:50%;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.login__content{align-items:center;display:flex;flex-direction:column}.login__logo{margin-bottom:5.3rem}.login__logo-img{height:7.2rem}.login__welcome-text{margin-bottom:8.3rem;text-align:center}.login__text-top{color:#828282;display:block;font-size:1.6rem;font-weight:400;line-height:2.2rem}.login__text-bottom{color:#2076cb;display:block;font-size:2.4rem;font-weight:600;line-height:2.8rem}.login__btn-box{align-self:stretch}.login__btn{align-items:center;background-color:#fff;border:1px solid #2076cb;border-radius:.5rem;cursor:pointer;display:flex;gap:.8rem;height:4.2rem;justify-content:center;transition:-webkit-transform 50ms ease-in;transition:transform 50ms ease-in;transition:transform 50ms ease-in,-webkit-transform 50ms ease-in;width:100%}.login__btn:active{-webkit-transform:scale(.9);transform:scale(.9)}.login__btn-text{color:#2076cb;font-size:1.6rem;font-weight:400;line-height:2.2rem}.login__btn-icon{height:2.4rem;width:2.4rem}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}*{border:0;box-sizing:border-box;font:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}html{font-size:62.5%}body{background-color:#f5f8fb;font-family:Poppins,sans-serif}.--flex-center{align-items:center;display:flex;justify-content:center}.--center{text-align:center}.--clr{clear:both}.--pad-margin-0{margin:0;padding:0}h1{font-size:4.8rem;line-height:5.8rem}h2{font-size:3.2rem;line-height:3.8rem}h3{font-size:1.4rem;line-height:1.6rem}
/*# sourceMappingURL=main.283938e6.css.map*/