.services-form{display:flex;flex-direction:column;gap:20px;background-color:var(--clr-card, rgba(255, 255, 255, .8117647059));border:1px solid var(--clr-border);border-radius:8px;padding:4.2rem 4rem;margin-top:40px}@media all and (max-width:768px){.services-form{padding:2rem}}.services-form:has(input:user-invalid){color:red}.services-form:has(input:user-invalid) .services-form__button{opacity:.5}.services-form:has(textarea:user-invalid){color:red}.services-form:has(textarea:user-invalid) .services-form__button{opacity:.5}.services-form label{color:var(--text);font-size:16px;line-height:1.6;font-weight:400;margin:20px auto}.services-form label strong{color:var(--text-dark)}.services-form label{margin:0}.services-form label:has(input:user-invalid){color:red}.services-form label:has(input:user-invalid) a{color:red}.services-form label:has(textarea:user-invalid){color:red}.services-form div{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media all and (max-width:768px){.services-form div{grid-template-columns:1fr}}.services-form__button{cursor:pointer;margin:0;padding:0;border:none;background:inherit}@media(hover:hover)and (pointer:fine){.services-form__button{transition:all .3s ease-in}}.services-form__button{color:#fff;font-size:16px;line-height:1.6;font-weight:400;margin:20px auto}.services-form__button strong{color:var(--text-dark)}.services-form__button{width:max-content;display:flex;align-items:center;gap:1.2rem;margin:20px 0;padding:14px 24px;border-radius:var(--radius);background-color:var(--clr-brand-primary)}@media(hover:hover)and (pointer:fine){.services-form__button:hover{opacity:.6}}.services-form__button svg{fill:#fff;width:24px}.services-form__email,.services-form__name,.services-form__textarea{display:flex;flex-direction:column;gap:10px}.services-form__email input,.services-form__name input{padding:20px 16px;border:1px solid #e5e5ff;border-radius:10px;background:#ece9fe33;color:var(--text);font-size:16px;line-height:1.6;font-weight:400;margin:20px auto}.services-form__email input strong,.services-form__name input strong{color:var(--text-dark)}.services-form__email input,.services-form__name input{margin:0}.services-form__email input:user-invalid,.services-form__name input:user-invalid{border-color:red}.services-form__textarea textarea{resize:none;min-height:164px;padding:20px 16px;border:1px solid #e5e5ff;border-radius:10px;background:#ece9fe33;color:var(--text);font-size:16px;line-height:1.6;font-weight:400;margin:20px auto}.services-form__textarea textarea strong{color:var(--text-dark)}.services-form__textarea textarea{margin:0}.services-form__textarea textarea:user-invalid{border-color:red}.services-form__checkbox{display:inline-flex;gap:10px;align-items:center}.services-form__checkbox a{color:var(--text-dark)}.services-form__checkbox input[type=checkbox]{width:20px;min-width:20px;height:20px;accent-color:var(--clr-brand-primary)}.service-modal{position:fixed;z-index:2;inset:0;display:none;align-items:center;justify-content:center;height:100vh;background:#0009}.service-modal_show{display:flex}.service-modal__wrapper{position:relative;width:100%;max-width:612px;height:100%;max-height:338px;padding:0 16px}.service-modal__button{cursor:pointer;margin:0;padding:0;border:none;background:inherit}@media(hover:hover)and (pointer:fine){.service-modal__button{transition:all .3s ease-in}}.service-modal__button{position:absolute;top:18px;right:34px;display:flex;color:var(--text-dark)}.service-modal__button svg{transition:all .3s ease-in}@media(hover:hover)and (pointer:fine){.service-modal__button:hover svg{opacity:1;stroke:var(--text-dark);fill:var(--text-dark)}}.service-modal__content{display:flex;flex-direction:column;align-items:center;padding:80px 20px;border-radius:12px;background:var(--clr-card)}.service-modal__content svg{stroke:var(--text-dark)}.service-modal__sending{color:var(--text);font-size:16px;line-height:1.6;font-weight:400;margin:20px auto}.service-modal__sending strong{color:var(--text-dark)}.service-modal__sending{font-size:20px}.service-modal__header{color:var(--text-dark);font-weight:600;line-height:1.5;margin:50px auto 16px;font-size:4.2rem}@media all and (max-width:768px){.service-modal__header{font-size:3rem}}.service-modal__header{color:var(--text-dark);margin:24px auto 14px}.service-modal__message{text-align:center;color:var(--text);font-size:16px;line-height:1.6;font-weight:400;margin:20px auto}.service-modal__message strong{color:var(--text-dark)}.service-modal__message{margin:0}