.modal-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgb(0 0 0 / .5);z-index:1001;opacity:0;transition:opacity 0.3s ease;overflow:hidden;scrollbar-width:none}.modal-overlay.active{display:flex;opacity:1;justify-content:center;align-items:center}.modal{background-color:#fff;border-radius:24px;width:100%;height:100%;max-width:550px;max-height:fit-content;padding:20px 0;position:relative;transform:translateY(-20px);opacity:0;transition:all 0.3s ease;overflow-y:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px}#contactForm{padding:0 30px!important}.modal::-webkit-scrollbar{width:7px;height:1px;display:block}.modal::-webkit-scrollbar-thumb{background-color:rgb(50 45 41);border-radius:10px;min-height:100px}.modal::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.modal-title-container{width:50%;display:flex;flex-direction:column;justify-content:start;align-items:center;border-bottom:.5px solid #fff0;background-clip:border-box;-webkit-border-image:-webkit-linear-gradient(90deg,#98897D 0%,#322D29 51.2%,#98897D 100%) 1;border-image:linear-gradient(90deg,#98897D 0%,#322D29 51.2%,#98897D 100%) 1}.modal-title{margin-top:80px;font-family:Amiri;font-size:36px;font-weight:400;line-height:50px;text-align:center;text-underline-position:from-font;text-decoration-skip-ink:none;color:rgb(50 45 41)}.modal-overlay.active .modal{transform:translateY(0);opacity:1}.close-button{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.5rem;cursor:pointer;padding:.5rem;line-height:1;color:#666;transition:color 0.3s ease}.close-button:hover{color:#333}.form-row{display:flex;gap:1rem}.form-group{flex:1;margin-bottom:.5rem;gap:6px;display:flex;flex-direction:column}.form-group label{display:block;color:rgb(50 45 41 / .6);font-family:Noto Sans;font-size:14px;font-weight:500;line-height:20px;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none}.required{color:rgb(255 0 0 / .6);font-family:Noto Sans;font-size:16px;font-weight:500;line-height:20px;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none}.form-group input,.form-group textarea{width:100%;height:fit-content;padding:20px 15px;color:rgb(50 45 41 / .6);border:1px solid rgb(169 151 139);border-radius:12px;font-family:Noto Sans;font-size:14px;font-weight:500;line-height:20px;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none;transition:border-color 0.3s}.form-group input::placeholder{color:rgb(50 45 41 / .6);text-align:start;font-size:14px;font-family:'Noto Sans'}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#3c3734}.form-group textarea{height:120px;resize:vertical;overflow:scroll;scrollbar-width:none}.error-message{display:none;color:#e53935;font-size:12px;margin-top:5.1rem;font-family:'Noto Sans';overflow:scroll;text-wrap:auto;scrollbar-width:none;position:absolute}.error-message2{display:none;color:#e53935;font-size:12px;overflow:scroll;scrollbar-width:none}.success-message,.submission-error{padding:1rem;border-radius:4px;margin-bottom:1rem;text-align:center}.success-message{background-color:#e8f5e9;color:#2e7d32}.submission-error{background-color:#ffebee;color:#c62828}.submit-button{background-color:rgb(50 45 41);color:rgb(247 244 242);padding:.75rem 1.5rem;border:none;border-radius:12px;cursor:pointer;transition:background-color 0.3s ease;width:100%;font-family:Noto Sans;font-size:16px;font-weight:500;line-height:30px;text-align:center;text-underline-position:from-font;text-decoration-skip-ink:none;margin-top:5px}.submit-button:hover{opacity:.8}.modal-title-container{display:block;width:80%;text-align:center;margin-bottom:1rem}.modal-title{font-size:26px;margin:0}.modal form{width:100%;overflow-y:scroll}.modal form::-webkit-scrollbar{width:9px}.modal form::-webkit-scrollbar-track{background:#fff;border-radius:6px}.modal form::-webkit-scrollbar-thumb{background:#322d29;border-radius:6px;border:2px solid #fdfdfd}@media (max-width:768px){.form-row{flex-direction:column;gap:0}.modal{margin:1rem;background-color:#fff;padding:1rem 0;gap:10px;overflow:hidden}#contactForm{padding:0 15px!important}.modal-title-container{display:block;width:80%;text-align:center;margin-bottom:1rem}.modal-title{font-size:26px;margin:0;margin-top:0}.modal form{width:100%;overflow-y:scroll}.modal form::-webkit-scrollbar{width:9px}.modal form::-webkit-scrollbar-track{background:#fff;border-radius:6px}.modal form::-webkit-scrollbar-thumb{background:#322d29;border-radius:6px;border:2px solid #fdfdfd}.close-button{top:.5rem;right:.5rem}.form-group label{font-size:14px}.required{font-size:14px}.form-group input,.form-group textarea{width:100%;padding:10px 8px;font-size:14px;line-height:16px}.form-group input::placeholder{font-size:13px}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#3c3734}.form-group textarea{height:90px}.submit-button{padding:.5rem 1rem;font-size:20px}.error-message{display:none;color:#e53935;font-size:.8rem;margin-top:0;word-wrap:break-word;position:relative}.error-message2{display:none;color:#e53935;font-size:.8rem;margin-top:4px;word-wrap:break-word;position:relative;text-wrap:auto}.submission-error{width:100%;font-size:.8rem;word-wrap:break-word;background-color:#ffebee;color:#c62828;padding:8px;border-radius:4px;margin-top:10px}}