:root{--direction:ltr}html[lang=ar]{--direction:rtl}.contactPage{margin:100px 0 50px}.contactPage .container{max-width:1200px;margin:0 auto;padding:0 20px}.contactPage .container .title{text-align:center;margin-bottom:50px}.contactPage .container .title p{color:#ccc;margin:0;font-size:14px}.contactPage .container .title p:first-child{color:var(--main-color)}.contactPage .container .title h1{margin:5px 0;font-size:32px}.contactPage .container .contactWrapper{justify-content:center;align-items:center;display:flex}.contactPage .container .contactForm{background-color:var(--box-color);border:1px solid #303030;border-radius:20px;width:100%;max-width:600px;padding:30px;box-shadow:0 10px 30px #0003}.contactPage .container .contactForm .inputGroup{text-align:start;flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.contactPage .container .contactForm .inputGroup label{color:#fff;font-size:14px}.contactPage .container .contactForm .inputGroup input,.contactPage .container .contactForm .inputGroup textarea{direction:var(--direction);background-color:var(--second-bg-color);color:#fff;border:1px solid #2c2f36;border-radius:10px;outline:none;padding:12px 15px;font-family:inherit;font-size:14px;transition:border-color .3s}.contactPage .container .contactForm .inputGroup input:focus,.contactPage .container .contactForm .inputGroup textarea:focus{border-color:var(--main-color)}.contactPage .container .contactForm .inputGroup input::placeholder,.contactPage .container .contactForm .inputGroup textarea::placeholder{color:#555}.contactPage .container .contactForm .inputGroup textarea{resize:vertical}.contactPage .container .contactForm button{background-color:var(--main-color);color:#fff;cursor:pointer;border:none;border-radius:10px;width:100%;padding:12px 25px;font-size:16px;font-weight:700;transition:background-color .3s}.contactPage .container .contactForm button:hover{background-color:#b8860b}.contactPage .container .contactForm button:disabled{cursor:not-allowed;background-color:#555}.contactPage .container .contactForm .msg{text-align:center;border-radius:8px;margin-top:15px;padding:10px;font-size:14px}.contactPage .container .contactForm .msg.success{color:#28a745;background-color:#28a7451a;border:1px solid #28a745}.contactPage .container .contactForm .msg.error{color:#dc3545;background-color:#dc35451a;border:1px solid #dc3545}