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