.contact .top{align-items:center;min-height:100vh;padding:110px 13% 50px;display:flex;position:relative;overflow:hidden}.contact .top img{object-fit:cover;object-position:top;z-index:0;width:100%;height:100%;position:absolute;inset:0}.contact .info{z-index:2;width:100%;padding-top:50px;position:relative}.contact .img-project-name{z-index:2;color:#fff;text-align:left;margin-bottom:15px;margin-left:20px;font-size:12px;position:absolute;bottom:0;left:0;font-weight:400!important}.contact .info .row{align-items:flex-start;margin-left:0;margin-right:0}.contact .offices{color:#fff}.contact .office{margin-bottom:24px}.contact .office:last-child{margin-bottom:0}.contact .office h3{text-shadow:-1px -1px #838383,1px -1px #838383,-1px 1px #838383,1px 1px #838383;margin-bottom:14px;font-size:28px;font-weight:900}.contact .office .line{align-items:flex-start;gap:12px;margin-bottom:10px;display:flex}.contact .office .line .ico{flex-shrink:0;width:16px;height:16px;margin-top:3px}.contact .office .line span,.contact .office .line a{color:#fff;white-space:pre-line;text-shadow:-1px -1px #838383,1px -1px #838383,-1px 1px #838383,1px 1px #838383;font-size:16px;line-height:1.5;text-decoration:none}.contact .office .line a:hover{text-decoration:underline}.contact .col-md-5{margin-top:25px}.contact .form{margin-top:0}.contact .formelement{align-items:center;gap:14px;margin-bottom:18px;display:flex}.contact .formelement:has(textarea){align-items:flex-start}.contact .formelement:has(textarea) label{margin-top:10px}.contact .formelement label{color:#fff;text-shadow:-1px -1px #838383,1px -1px #838383,-1px 1px #838383,1px 1px #838383;flex-shrink:0;width:95px;font-size:16px}.contact .formelement label small{color:#fff;margin-left:2px}.contact .formelement input,.contact .formelement textarea{color:#fff;background-color:#fff3;border:0;border-radius:8px;flex:1;min-width:0;padding:10px 12px;font-size:16px}.contact .formelement input::placeholder,.contact .formelement textarea::placeholder{color:#ffffffb3}.contact .formelement input:focus,.contact .formelement textarea:focus{outline:1px solid #fff9}.contact .formelement textarea{resize:vertical;min-height:60px;line-height:1.4}.contact .kvkk{color:#fff;text-shadow:-1px -1px #838383,1px -1px #838383,-1px 1px #838383,1px 1px #838383;margin:0 0 18px;font-size:13px;line-height:1.5}.contact .kvkk a{color:#fff;font-weight:600;text-decoration:underline}.contact .enter{color:#fff;cursor:pointer;align-items:flex-start;gap:8px;margin-bottom:18px;font-size:13px;display:flex}.contact .enter input{flex-shrink:0;margin-top:3px}.contact .enter span{text-shadow:-1px -1px #838383,1px -1px #838383,-1px 1px #838383,1px 1px #838383}.contact .btn-send{color:#fff;cursor:pointer;background-color:#1b9eda;border:0;border-radius:32px;width:100%;height:38px;margin-top:8px;font-size:16px;transition:background-color .25s}.contact .btn-send:hover:not(:disabled){background-color:#1786b8}.contact .btn-send:disabled{cursor:default}.contact .contact-modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1100;background-color:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.contact .contact-modal{text-align:center;background-color:#fff;border-radius:16px;width:440px;max-width:92vw;padding:40px;box-shadow:0 8px 24px #0003}.contact .contact-modal h3{margin-bottom:12px;font-size:24px;font-weight:700}.contact .contact-modal h3.ok{color:#1daf61}.contact .contact-modal h3.fail{color:#d23a3a}.contact .contact-modal p{color:#666;margin-bottom:24px;font-size:16px}.contact .contact-modal .btn-close-modal{color:#fff;cursor:pointer;background-color:#1b9eda;border:0;border-radius:24px;padding:10px 34px;font-size:14px}.contact .contact-modal .btn-close-modal:hover{background-color:#1786b8}@media (width<=768px){.contact .top{padding:120px 6% 50px}.contact .col-md-5 .form{margin-top:32px}.contact .office h3{font-size:22px}.contact .formelement{flex-direction:column;align-items:stretch;gap:6px}.contact .formelement:has(textarea){align-items:stretch}.contact .formelement label{width:auto}}
