.contact{background-color:var(--black-100);max-width:1400px;width:80%;margin:150px auto 0;color:#fff;padding:100px;display:grid;grid-template-columns:3fr 4fr;border-radius:10px}@media(max-width:1024px){.contact{width:90%;padding:60px;margin:100px auto 0;grid-template-columns:1fr;gap:40px}}@media(max-width:768px){.contact{width:95%;padding:40px 30px;margin:80px auto 0;gap:30px}}@media(max-width:480px){.contact{width:98%;padding:30px 20px;margin:60px auto 0;gap:25px}}.contact-header{margin-right:300px;font-size:2.5rem;text-align:end;padding:80px 0 20px}.left h1{font-size:3rem}@media(max-width:1024px){.left h1{font-size:2.5rem}}@media(max-width:768px){.left h1{font-size:2rem}}@media(max-width:480px){.left h1{font-size:1.75rem}}.contact-data{display:flex;flex-wrap:wrap;gap:20px}@media(max-width:1024px){.contact-data{gap:15px}}@media(max-width:768px){.contact-data{gap:12px}}@media(max-width:480px){.contact-data{gap:10px}}.contact-data div{width:48%;display:flex;flex-direction:column;gap:10px}@media(max-width:768px){.contact-data div{width:100%;gap:8px}}label{color:var(--white-200);font-size:18px;min-width:200px}@media(max-width:1024px){label{font-size:16px;min-width:auto}}@media(max-width:768px){label{font-size:15px}}@media(max-width:480px){label{font-size:14px}}input{font-size:20px;padding:15px 0;border:none;border-bottom:1px solid var(--black-200);background:transparent;outline:none;transition:border-color .3s ease;color:#fff}@media(max-width:1024px){input{font-size:18px;padding:12px 0}}@media(max-width:768px){input{font-size:16px;padding:10px 0}}@media(max-width:480px){input{font-size:15px;padding:8px 0}}input::placeholder{color:var(--black-200);font-size:18px}@media(max-width:1024px){input::placeholder{font-size:16px}}@media(max-width:768px){input::placeholder{font-size:15px}}@media(max-width:480px){input::placeholder{font-size:14px}}input:focus{border-bottom:1px solid #fff}textarea{font-size:18px;padding:15px 0;letter-spacing:-.5px;font-weight:500;resize:none;border:none;border-bottom:1px solid var(--black-200);background:transparent;color:#fff}@media(max-width:1024px){textarea{font-size:16px;padding:12px 0}}@media(max-width:768px){textarea{font-size:15px;padding:10px 0}}@media(max-width:480px){textarea{font-size:14px;padding:8px 0}}textarea::placeholder{color:var(--black-200);font-size:18px}@media(max-width:1024px){textarea::placeholder{font-size:16px}}@media(max-width:768px){textarea::placeholder{font-size:15px}}@media(max-width:480px){textarea::placeholder{font-size:14px}}textarea:focus{border-bottom:1px solid #fff}.service-tag{padding:20px 40px;border:1px solid var(--black-200);border-radius:40px;width:-moz-fit-content;width:fit-content;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;z-index:1}@media(max-width:1024px){.service-tag{padding:15px 30px;border-radius:30px}}@media(max-width:768px){.service-tag{padding:12px 25px;border-radius:25px}}@media(max-width:480px){.service-tag{padding:10px 20px;border-radius:20px}}.service-tag:before{content:"";position:absolute;left:0;bottom:0;width:100%;height:0;background-color:var(--white-100);transition:height .5s ease;z-index:-1}.service-tag:hover{color:var(--black)}.service-tag:hover:before{height:100%}.service-tag p{position:relative;z-index:2;transition:color .3s ease}@media(max-width:1024px){.service-tag p{font-size:16px}}@media(max-width:768px){.service-tag p{font-size:14px}}@media(max-width:480px){.service-tag p{font-size:13px}}.service-tag.active{background-color:var(--white-100);color:var(--black);border-color:var(--white-100)}.service-tag.active p{color:var(--black)}.service-tag.active:hover{background-color:var(--white-100)}.tags{font-size:20px;margin-top:20px;display:flex;flex-wrap:wrap;gap:10px}@media(max-width:1024px){.tags{font-size:18px;margin-top:15px;gap:8px}}@media(max-width:768px){.tags{font-size:16px;margin-top:12px;gap:6px}}@media(max-width:480px){.tags{font-size:14px;margin-top:10px;gap:5px}}.interestedIn{margin-top:40px}@media(max-width:1024px){.interestedIn{margin-top:30px}}@media(max-width:768px){.interestedIn{margin-top:25px}}@media(max-width:480px){.interestedIn{margin-top:20px}}.project-info{margin-top:40px;display:flex;flex-direction:column}@media(max-width:1024px){.project-info{margin-top:30px}}@media(max-width:768px){.project-info{margin-top:25px}}@media(max-width:480px){.project-info{margin-top:20px}}.project-info label{margin-bottom:15px}@media(max-width:768px){.project-info label{margin-bottom:12px}}@media(max-width:480px){.project-info label{margin-bottom:10px}}.send-button{margin-top:60px;padding:20px 140px;border:none;border-radius:60px;background-color:#fff;color:#000;font-size:20px;cursor:pointer;background-color:var(--white-100);transition:all .3s ease}@media(max-width:1024px){.send-button{margin-top:40px;padding:18px 120px;font-size:18px;border-radius:50px}}@media(max-width:768px){.send-button{margin-top:30px;padding:15px 100px;font-size:16px;border-radius:40px}}@media(max-width:480px){.send-button{margin-top:25px;padding:12px 80px;font-size:15px;border-radius:35px}}.send-button:disabled{opacity:.7;cursor:not-allowed}.send-button:hover:not(:disabled){background-color:var(--white-200);color:#fff}.error{border-bottom:1px solid #f44!important}.error-message{color:#f44;font-size:14px;margin-top:5px}