.form-section-container{position:absolute;left:0;right:0;bottom:24px;width:100%;display:flex;flex-direction:column;justify-content:space-between;padding:0 1.5%;box-sizing:border-box;height:95dvh}.form-section-container.fixed{position:fixed}form{display:flex !important;flex-direction:column !important;height:100%;padding:0 20px;margin:40px 0 32px 0;overflow-y:auto}textarea{flex-grow:1;resize:none;box-sizing:border-box;padding:8px;border:0px solid #ccc;min-height:180px}.form-field{margin:15px 0}.form-title{text-transform:uppercase;text-align:center;font-family:Montserrat-SemiBold;font-weight:bold;font-size:1.8em;letter-spacing:4px;padding:16px 0;border-bottom:1px solid transparent;border-image:linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0.25), rgba(0,0,0,0));border-image-slice:1}.field-title{font-family:Montserrat-SemiBold;text-transform:uppercase;font-size:12px;margin-bottom:10px;display:block}.field-input-container{width:100%;display:inline-block;box-sizing:border-box}.field-input-container input,textarea{width:100%;background-color:#e9e9e9;border:1px solid #e9e9e9;resize:none;font-size:16px;border-radius:0;padding:8px;font-family:Montserrat-Regular;box-sizing:border-box}.field-input-container label{font-size:12px;color:white;background-color:#b4ceca;text-align:center;display:inline-block;text-transform:uppercase;border-radius:15px;line-height:28px;font-family:Montserrat-Light;width:100%}.field-input-container input:focus,textarea:focus{color:#000;background-color:#fff;border:1px solid #ccc;box-shadow:none;outline:0}.field-input-container input::placeholder,textarea::placeholder{font-family:Montserrat-LightItalic;font-size:12px}.input-files-field{display:none}.project-param-container{margin:20px 0;display:flex;flex-direction:column;gap:16px}.param-values-container{display:flex;flex-wrap:wrap;gap:16px;height:80px}.collapsible{transition:all 0.20s ease, opacity 0.6s ease}.collapsible.collapsed{transition:all 0.20s ease, opacity 0.1s ease}.collapsed{opacity:0;height:0;pointer-events:none}.param-value{position:relative;padding-top:8px;min-width:405px}.col-1{flex:1}.col-2{flex:2}.check-container{color:#b4ceca;display:block;position:relative;padding-left:25px;margin-bottom:12px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:fit-content}.check-container input{appearance:none;-webkit-appearance:none;position:absolute;opacity:0;cursor:pointer;height:0;width:0}.check-container:hover input~.check-btn{background-color:#ccc}.check-container input:checked~.check-btn{background-color:#74a8a0}.check-btn{position:absolute;top:0;left:0;height:16px;width:16px;background-color:#b4ceca;border-radius:50%}.check-btn:after{content:"";position:absolute;display:none}.check-container input:checked~.check-btn:after{display:block}.check-container .check-btn:after{content:"";left:2px;top:2px;width:6px;height:6px;background-color:white;border:none;border-radius:50%;transform:translate(50%, 50%)}.slider-container{width:100%}.slider{-webkit-appearance:none;appearance:none;width:100%;height:10px;border-radius:10px;background:#b4ceca;outline:none;opacity:0.7;-webkit-transition:.2s;transition:opacity .2s}.slider:hover{opacity:1}.slider::-webkit-slider-thumb{touch-action:manipulation;-webkit-appearance:none;appearance:none;width:25px;height:25px;background:#535353;border-radius:50%;cursor:pointer}.slider::-moz-range-thumb{-webkit-appearance:none;appearance:none;width:25px;height:25px;background:#535353;border-radius:50%;cursor:pointer}.slider-label{font-family:Montserrat-Regular;font-size:11px;color:#a0a0a0;width:100%;text-align:center;display:block}.slider-label .label-text{position:relative}.question-mark{width:16px;height:16px;line-height:16px;border-radius:50%;border:2px solid white;background-color:#b4ceca;color:white;font-family:Montserrat-SemiBold;font-size:11px;cursor:pointer;text-align:center;margin-left:4px}.question-mark-btn{position:absolute;top:-8px;right:8px;z-index:10}.question-mark-slider{position:absolute;top:-2px;right:12px;z-index:10}.question-mark:hover{background-color:#689c95}.tooltip-container{display:flex;justify-content:center;position:absolute;top:-64px;left:0;right:0}.question-mark-container>.tooltip-container{top:-48px}.tooltip{height:fit-content;width:fit-content;min-width:160px;max-width:320px;z-index:10000;border-radius:8px;padding:16px;background-color:#74a8a0;font-family:Montserrat-Regular;color:rgba(255,255,255,0.85);font-size:12px;text-transform:none;text-align:center;line-height:18px;transition:all 0.3s ease;pointer-events:none}.invisible{opacity:0}#topbar-title{transition:all 0.5s ease}.slider-value{font-family:Montserrat-SemiBold;font-size:18px;width:100%;padding:8px 0;text-align:center}.param-value-toggle{position:relative;display:inline-block;width:100%;min-width:405px;border:0;border-radius:15px;background-color:#CFD0CF;font-family:Montserrat-Light;color:black;font-size:12px;text-align:center;text-transform:uppercase;line-height:28px;cursor:pointer}.param-value-toggle.active{background-color:#74a8a0;color:white}.param-value-toggle.active:hover{background-color:#60928b;color:white}.param-value-toggle:hover{background-color:#bfbfbf}.dark-btn{color:#4c4c4c;background:#fff}.dark-btn:hover{color:#fff !important;background:#222 !important}.quote-request-send{font-family:Montserrat-Light;font-size:14px;color:#fff;font-weight:400;text-transform:uppercase;text-align:center;line-height:1.5;white-space:nowrap;vertical-align:middle;border-radius:18px;border:0 solid #89a19d;background:#97adaa;user-select:none;padding:0.375rem 0.75rem;margin-bottom:1rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.quote-request-send:hover{color:#fff;background:#b4ceca}.pointer{cursor:pointer !important}.pointer:hover{opacity:0.8 !important}.field-description{line-height:20px;font-size:0.8rem;font-family:Exo2-Thin;color:#000}@media only screen and (max-width: 1387px){.param-values-container{height:300px}.param-values-container.collapsed{height:0}}@media only screen and (max-width: 833px){.form-title{font-size:1.4em}.form-section-container{height:93dvh}}@media only screen and (max-width: 500px){.form-title{padding-left:12px}textarea{min-height:96px}.field-input-container input,textarea{font-size:12px}}@media only screen and (max-width: 488px){.quote-request-send{margin-bottom:1.5rem}.form-title{font-size:0.95em;padding-left:12px}.field-description{font-size:0.6rem}.field-input-container label{font-size:11px}.field-input-container input::placeholder{font-size:8px}.attachments-field-title{display:none}.field-input-container.pointer{margin-bottom:8px}.param-value{min-width:320px}.param-value-toggle{min-width:320px}}
