.devis-page{--quote-unit:1px;color:#000}.quote-wrap{width:970px;margin:auto}.quote-intro{min-height:815px;padding-top:65px;padding-bottom:10px}.quote-heading{justify-content:space-between;align-items:center;display:flex}.quote-heading h1,.quote-heading h2{letter-spacing:-1.2px;width:535px;margin:0;font-size:50px;font-weight:600;line-height:1}.quote-heading>p{color:#666;width:350px;margin:0;font-size:17px;line-height:1.4;transform:translateY(10px)}.quote-badges{align-items:center;gap:30px;margin-top:30px;display:flex}.quote-badges>span{color:#fff;white-space:nowrap;background:#22524f;border-radius:50px;justify-content:center;align-items:center;gap:8px;height:35px;padding:0 15px;font-size:14px;display:inline-flex}.quote-badges svg{flex-shrink:0;width:16px;height:16px}.quote-workspace{grid-template-columns:450px 444px;justify-content:space-between;align-items:start;margin-top:65px;display:grid}.quote-photo{object-fit:cover;border-radius:50px;width:450px;height:500px}.quote-form{width:444px;margin:0}.quote-form h2{letter-spacing:2px;color:#eca899;outline:none;margin:0 0 20px;font-size:10px;font-weight:700;line-height:15px}.quote-fields{flex-direction:column;gap:20px;display:flex}.quote-field{flex-direction:column;gap:10px;font-size:16px;font-weight:300;line-height:16px;display:flex}.quote-field input,.quote-field select,.quote-field textarea{color:#000;outline-offset:3px;background:#f1f1f1;border:0;border-radius:20px;width:100%;min-width:0;height:49px;padding:0 30px;font:400 16px Poppins,sans-serif}.quote-field textarea{resize:vertical;height:74px;padding:15px 25px}.quote-field select{appearance:none;background:#f1f1f1 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m4 7 6 6 6-6' fill='none' stroke='black'/%3E%3C/svg%3E") right 18px center/18px no-repeat;padding-right:45px}.quote-field input:hover,.quote-field select:hover,.quote-field textarea:hover{background-color:#e7e7e7}.quote-field input:focus-visible,.quote-field select:focus-visible,.quote-field textarea:focus-visible{outline:2px solid #222}.quote-controls{justify-content:flex-end;gap:20px;margin-top:20px;display:flex}.quote-controls button{color:#fff;cursor:pointer;background:#000;border:0;border-radius:100px;min-width:100px;height:40px;padding:0 23px;font:500 14px Poppins,sans-serif}.quote-controls button:hover,.quote-ready>a:hover{background:#333}.quote-controls .quote-back{color:#000;background:#f1f1f1;margin-right:auto}.quote-names{grid-template-columns:180px 180px;justify-content:space-between;display:grid}.quote-data-note{color:#666;margin:0;font-size:12px;line-height:1.5}.quote-check{font-size:12px;line-height:1.5;display:block}.quote-check input{accent-color:#22524f;margin-right:8px}.quote-check a{text-decoration:underline}.quote-preview{background:#f1f1f1;border-radius:15px;margin-top:20px;padding:20px;font-size:13px;line-height:1.6}.quote-preview p{margin:10px 0}.quote-preview a{text-decoration:underline}.quote-appointment{min-height:1106px;padding-top:128px}.quote-appointment .quote-badges{gap:25px;margin-top:30px}.quote-appointment iframe{border:0;width:100%;height:749px;margin-top:53px;display:block}.quote-information{min-height:871px}.quote-information-wrap{grid-template-columns:550px 320px;align-items:start;gap:143px;width:1075px;margin:auto;display:grid}.quote-information-card{background:#f1f1f1;border-radius:20px;margin-top:66px;padding:35px 54px;font-size:18px;line-height:1.484}.quote-information-card>div+div{margin-top:26.7px}.quote-information-card h3{margin:0;font-size:18px;font-weight:600;line-height:1.484}.quote-information-card h3 span{font-size:16px}.quote-information-card p{text-align:justify;margin:0}.quote-ready{margin-top:246px}.quote-ready h2{white-space:nowrap;margin:0 0 20px;font-size:45px;font-weight:600;line-height:1.5}.quote-ready p{text-align:justify;margin:0 0 26.7px;font-size:18px;line-height:1.484}.quote-ready>a{color:#fff;background:#000;border-radius:100px;justify-content:center;align-items:center;width:284px;height:56px;margin-top:20px;font-size:18px;font-weight:600;display:flex}@media (min-width:761px) and (max-width:1100px){.quote-wrap{width:90%}.quote-heading h1,.quote-heading h2{width:54%;font-size:44px}.quote-heading>p{width:36%}.quote-badges{flex-wrap:wrap;gap:12px}.quote-workspace{grid-template-columns:46% 46%}.quote-photo,.quote-form{width:100%}.quote-information-wrap{grid-template-columns:55% 35%;gap:10%;width:92%}.quote-information-card{padding:35px}.quote-ready h2{font-size:34px}.quote-ready>a{max-width:100%}.quote-names{grid-template-columns:46% 46%}}@media (max-width:760px){.devis-page{--quote-unit:calc(100vw / 320)}.quote-wrap{width:calc(280 * var(--quote-unit))}.quote-intro{padding-top:calc(50 * var(--quote-unit));min-height:calc(670 * var(--quote-unit));padding-bottom:0}.quote-heading{display:block}.quote-heading h1,.quote-heading h2{font-size:calc(26 * var(--quote-unit));letter-spacing:-.5px;width:100%;font-weight:500;line-height:1.1}.quote-heading>p{width:100%;font-size:calc(16 * var(--quote-unit));margin:calc(27 * var(--quote-unit)) 0 0;line-height:1.5;transform:none}.quote-badges{gap:calc(10 * var(--quote-unit)) calc(13 * var(--quote-unit));margin-top:calc(18 * var(--quote-unit));flex-wrap:wrap}.quote-badges>span{font-size:calc(12 * var(--quote-unit));height:calc(30 * var(--quote-unit));gap:calc(7 * var(--quote-unit));padding:0 calc(13 * var(--quote-unit))}.quote-badges svg{height:calc(13 * var(--quote-unit));width:calc(13 * var(--quote-unit))}.quote-badges .badge-2{order:1}.quote-badges .badge-1{order:2}.quote-badges .badge-3{order:3}.quote-workspace{margin-top:calc(60 * var(--quote-unit));display:block}.quote-photo{display:none}.quote-form{width:calc(260 * var(--quote-unit));margin:auto}.quote-form h2{font-size:calc(10 * var(--quote-unit));letter-spacing:calc(2 * var(--quote-unit));margin-bottom:calc(20 * var(--quote-unit));line-height:1.5}.quote-fields{gap:calc(20 * var(--quote-unit))}.quote-field{font-size:calc(16 * var(--quote-unit));gap:calc(10 * var(--quote-unit));line-height:1}.quote-field input,.quote-field select,.quote-field textarea{height:calc(34 * var(--quote-unit));border-radius:calc(20 * var(--quote-unit));font-size:calc(14 * var(--quote-unit));padding:0 calc(30 * var(--quote-unit))}.quote-field select{padding-right:calc(35 * var(--quote-unit));background-position:right calc(18 * var(--quote-unit)) center;background-size:calc(18 * var(--quote-unit))}.quote-field textarea{height:calc(74 * var(--quote-unit));padding:calc(15 * var(--quote-unit))}.quote-controls{margin-top:calc(44 * var(--quote-unit));gap:calc(12 * var(--quote-unit))}.quote-controls button{min-width:calc(120 * var(--quote-unit));height:calc(40 * var(--quote-unit));font-size:calc(10 * var(--quote-unit));padding:0 calc(20 * var(--quote-unit))}.quote-names{gap:calc(20 * var(--quote-unit));grid-template-columns:1fr}.quote-data-note,.quote-check{font-size:calc(11 * var(--quote-unit))}.quote-appointment{padding-top:calc(0 * var(--quote-unit));min-height:0;margin-top:calc(0 * var(--quote-unit))}.quote-appointment .quote-heading>p{margin-top:calc(30 * var(--quote-unit))}.quote-appointment .quote-badges{margin-top:calc(28 * var(--quote-unit));gap:calc(16 * var(--quote-unit)) calc(12 * var(--quote-unit))}.appointment-badges .badge-0{order:0}.appointment-badges .badge-3{order:1}.appointment-badges .badge-2{order:2}.appointment-badges .badge-1{order:3}.quote-appointment iframe{margin-top:calc(30 * var(--quote-unit));height:calc(960 * var(--quote-unit));width:100%}.quote-information{min-height:0;padding:calc(40 * var(--quote-unit)) 0 calc(60 * var(--quote-unit))}.quote-information-wrap{width:calc(280 * var(--quote-unit));display:block}.quote-information-card{padding:calc(25 * var(--quote-unit)) calc(20 * var(--quote-unit));border-radius:calc(20 * var(--quote-unit));font-size:calc(14 * var(--quote-unit));margin:0;line-height:1.5}.quote-information-card h3{font-size:calc(14 * var(--quote-unit));line-height:1.5}.quote-information-card h3 span{font-size:calc(13 * var(--quote-unit))}.quote-information-card>div+div{margin-top:calc(21 * var(--quote-unit))}.quote-ready{margin-top:calc(50 * var(--quote-unit))}.quote-ready h2{font-size:calc(26 * var(--quote-unit));margin-bottom:calc(20 * var(--quote-unit))}.quote-ready p{font-size:calc(16 * var(--quote-unit));margin-bottom:calc(24 * var(--quote-unit));line-height:1.5}.quote-ready>a{width:calc(240 * var(--quote-unit));height:calc(44 * var(--quote-unit));font-size:calc(14 * var(--quote-unit));margin-top:calc(20 * var(--quote-unit))}}@media (min-width:761px){.quote-heading h1,.quote-heading h2{letter-spacing:0;min-height:110px;font-weight:500;line-height:1.1}.quote-intro .quote-badges>.badge-0{width:128px}.quote-intro .quote-badges>.badge-1{width:317px}.quote-intro .quote-badges>.badge-2{width:157px}.quote-intro .quote-badges>.badge-3{width:246px}.quote-badges>span{flex-shrink:0;font-size:15px}.quote-appointment .quote-badges>.badge-0{width:110px}.quote-appointment .quote-badges>.badge-1{width:148px}.quote-appointment .quote-badges>.badge-2{width:191px}.quote-appointment .quote-badges>.badge-3{width:161px}}@media (max-width:760px){.quote-workspace{margin-top:calc(50 * var(--quote-unit))}.quote-intro{padding-bottom:calc(85 * var(--quote-unit))}.quote-information-card{width:calc(260 * var(--quote-unit));padding:calc(30 * var(--quote-unit));font-size:calc(16 * var(--quote-unit));line-height:1.42}.quote-information-card h3{font-size:calc(16 * var(--quote-unit));text-align:justify;line-height:1.42}.quote-information-card>div+div{margin-top:calc(23 * var(--quote-unit))}}.quote-controls .quote-back{background:#fff}.quote-controls .quote-back:hover{background:#f1f1f1}.quote-outside{margin:20px 0 35px;font-size:16px;line-height:1.4}.quote-step-4 .quote-field{gap:14px}.quote-step-4 .quote-field input{height:45px}.quote-step-4 .quote-field textarea{height:70px}.quote-step-4 .quote-data-note{min-height:74px;margin-top:-20px;padding-top:10px;font-style:italic;line-height:1.4}.quote-step-4 .field-phone{width:180px}.quote-step-4 .quote-controls{margin-top:40px}.quote-check{font-size:14px;line-height:1.4}.quote-check input{vertical-align:top;margin-top:4px}.quote-preview{overflow-wrap:anywhere}@media (max-width:760px){.quote-step-4 .quote-field{gap:calc(10 * var(--quote-unit))}.quote-step-4 .quote-field input{height:calc(34 * var(--quote-unit))}.quote-step-4 .quote-field textarea{height:calc(74 * var(--quote-unit))}.quote-step-4 .field-phone{width:100%}.quote-step-4 .quote-data-note{min-height:0;margin-top:calc(-20 * var(--quote-unit));padding-top:calc(10 * var(--quote-unit))}.quote-step-4 .quote-controls{margin-top:calc(40 * var(--quote-unit))}.quote-check{font-size:calc(12 * var(--quote-unit))}.quote-outside{font-size:calc(16 * var(--quote-unit))}.quote-fields{gap:calc(45 * var(--quote-unit))}.quote-step-4 .quote-fields{gap:calc(20 * var(--quote-unit))}.quote-field input::placeholder,.quote-field textarea::placeholder{color:#000;font-weight:400}.quote-field input[type=url]{padding-left:calc(12 * var(--quote-unit))}}.quote-form h2{text-transform:uppercase}@media (max-width:760px){.quote-step-4 .quote-fields,.quote-names{gap:calc(45 * var(--quote-unit))}.quote-step-4 .quote-field{gap:calc(14 * var(--quote-unit))}.quote-step-4 .quote-field input{height:calc(45 * var(--quote-unit))}.quote-step-4 .quote-field textarea{height:calc(54 * var(--quote-unit));padding:calc(12 * var(--quote-unit)) calc(30 * var(--quote-unit))}.quote-step-4 .quote-data-note{margin-top:calc(-45 * var(--quote-unit));font-size:calc(14 * var(--quote-unit));padding-top:calc(14 * var(--quote-unit));line-height:1.4}}.quote-field input::placeholder,.quote-field textarea::placeholder{color:#000;font-weight:400}.quote-submit-error{color:#a52727;line-height:1.5}.quote-form button:disabled{opacity:.55;cursor:wait}.quote-final-summary{overflow-wrap:anywhere;padding:4px 0}.quote-form .quote-final-summary h2{text-transform:none;letter-spacing:-.7px;color:#000;margin:12px 0 20px;font-size:30px;font-weight:600;line-height:1.2}.quote-final-summary>p{color:#666;font-size:14px;line-height:1.7}.quote-summary-label{letter-spacing:2px;color:#eca899;font-size:10px;font-weight:700;display:block}.quote-success-check{color:#fff;background:#22524f;border-radius:50%;place-items:center;width:44px;height:44px;margin-bottom:22px;font-size:24px;display:grid}.quote-recap{background:#f1f1f1;border-radius:20px;margin:25px 0;overflow:hidden}.quote-recap-formula{border-bottom:1px solid #ddd;justify-content:space-between;align-items:center;gap:20px;padding:20px 25px;display:flex}.quote-recap-formula span{color:#666;font-size:14px;font-weight:300}.quote-recap-formula strong{color:#fff;background:#22524f;border-radius:50px;padding:5px 17px;font-size:16px;font-weight:500;line-height:1.5}.quote-recap dl{margin:0;padding:4px 25px}.quote-recap dl>div{border-bottom:1px solid #ddd;padding:13px 0}.quote-recap dl>div:last-child{border-bottom:0}.quote-recap dt{letter-spacing:.6px;color:#777;margin-bottom:5px;font-size:11px;font-weight:400}.quote-recap dd{color:#000;margin:0;font-size:14px;font-weight:400;line-height:1.6}.quote-recap details{border-top:1px solid #ddd;padding:15px 25px;font-size:13px;line-height:1.6}.quote-recap summary{cursor:pointer;font-weight:500}.quote-success small{color:#888;letter-spacing:.5px;font-size:10px;display:block}.quote-success-link{color:#fff;background:#000;border-radius:100px;justify-content:center;align-items:center;gap:20px;width:fit-content;min-height:40px;margin-top:24px;padding:10px 23px;font-size:14px;font-weight:500;text-decoration:none;transition:background .2s;display:flex}.quote-success-link:hover{background:#333}.quote-final-summary .quote-next-note{font-size:12px;line-height:1.6}.quote-final-summary .quote-controls{margin-top:24px}@media (max-width:760px){.quote-form .quote-final-summary h2{letter-spacing:-.5px;font-size:26px}.quote-final-summary>p{font-size:14px}.quote-recap dl{padding:4px 20px}.quote-recap-formula{padding:17px 20px}.quote-recap details{padding:15px 20px}.quote-final-summary .quote-controls{flex-wrap:wrap;gap:12px}.quote-final-summary .quote-controls button{min-width:100px;height:42px;padding:0 16px;font-size:12px}.quote-success-link{margin-bottom:8px;font-size:13px}}.quote-form{scroll-margin-top:125px}@media (max-width:760px){.quote-form{scroll-margin-top:95px}}.quote-data-note a{color:inherit;text-decoration:underline}
