.form-input.error,.form-textarea.error{border-color:#dc3545!important;box-shadow:0 0 0 .2rem #dc354540!important}.error-message{color:#dc3545;margin-top:5px;font-size:12px;display:block}.alert{text-align:center;border-radius:4px;margin-bottom:15px;padding:10px 15px}.alert-success{color:#155724;background-color:#d4edda;border:1px solid #c3e6cb}.alert-error{color:#721c24;background-color:#f8d7da;border:1px solid #f5c6cb}.btn:disabled{opacity:.7;cursor:not-allowed}.btn.loading{position:relative}.btn.loading .btn-text:after{content:"";border:2px solid #fff;border-top-color:#0000;border-radius:50%;width:12px;height:12px;margin-left:8px;animation:1s ease-in-out infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.contact-form-container .form-card{border:1px solid #eef0f4;border-radius:20px;padding:36px 34px;transition:box-shadow .3s;box-shadow:0 24px 60px #1018281f}.contact-form-container .form-header{margin-bottom:22px}.contact-form-container .form-title{color:#101828;font-size:19px;line-height:1.45}.contact-form .service-select{margin-bottom:22px}.contact-form .service-select__heading{color:#475467;margin:0 0 12px;font-size:14px;font-weight:600}.contact-form .service-options{flex-wrap:wrap;gap:10px;display:flex}.contact-form .service-chip{color:#344054;cursor:pointer;background:#fff;border:1.5px solid #d0d5dd;border-radius:30px;padding:10px 18px;font-size:14px;font-weight:500;line-height:1.2;transition:color .2s,background .2s,border-color .2s}.contact-form .service-chip:hover{color:#0023ff;background:#f7f8ff;border-color:#0023ff}.contact-form .service-chip:focus-visible{outline:none;box-shadow:0 0 0 4px #0023ff2e}.contact-form .service-chip.is-selected{color:#fff;background:#0023ff;border-color:#0023ff}.contact-form .form-input,.contact-form .form-textarea{color:#101828;background:#fff;border:1.5px solid #e1e5e9;border-radius:10px;width:100%;padding:14px 16px;font-size:15px;transition:border-color .2s,box-shadow .2s}.contact-form .form-input::placeholder,.contact-form .form-textarea::placeholder{color:#98a2b3}.contact-form .form-input:focus,.contact-form .form-textarea:focus{border-color:#0023ff;outline:none;box-shadow:0 0 0 4px #0023ff1f}.contact-form .form-textarea{resize:vertical;min-height:120px}.contact-form .form-input.error,.contact-form .form-textarea.error{border-color:#dc3545}.contact-form .field-with-icon{position:relative}.contact-form .field-with-icon .field-icon{color:#98a2b3;pointer-events:none;position:absolute;top:50%;left:15px;transform:translateY(-50%)}.contact-form .field-with-icon .form-input{padding-left:44px}.contact-form .form-row{flex-wrap:wrap;gap:16px;margin-bottom:20px;display:flex}.contact-form .form-row .form-col{flex:calc(50% - 8px);min-width:0}.contact-form .form-row .form-col .form-group{margin-bottom:0}.contact-form .form-submit .primary-btn{width:100%}.contact-form .form-alert{text-align:center;border-radius:10px;padding:12px 16px;font-size:14px}.contact-form .form-alert.is-success{color:#027a48;background:#ecfdf3;border:1px solid #abefc6}.contact-form .form-alert.is-error{color:#b42318;background:#fef3f2;border:1px solid #fecdca}[lang=ar] .contact-form .service-select__heading{text-align:right}[lang=ar] .contact-form .field-with-icon .field-icon{left:auto;right:15px}[lang=ar] .contact-form .field-with-icon .form-input{padding-left:16px;padding-right:44px}@media (max-width:576px){.contact-form .form-row .form-col{flex:100%}}@media (max-width:768px){.contact-form-container .form-card{padding:24px 20px}.contact-form-container{padding:20px}}
