.contact-page{width:100%;min-height:100vh;color:#222;display:flex;flex-direction:column;background:linear-gradient(#f5f9fe 95%,#fff)}.contact-page .contact_container{max-width:1248px;margin:0 auto;padding:60px 20px}.contact-page .page-header{text-align:center;margin-bottom:50px}.contact-page .page-header h1{font-size:2.5rem;font-weight:700;color:#333}.contact-page .page-header p{font-size:1.125rem;color:#333;margin-top:10px}@media(max-width:768px){.contact-page .page-header p{font-size:1.1rem}}.contact-page .contact-grid{display:grid;grid-template-columns:repeat(2,minmax(350px,1fr));grid-gap:48px;gap:48px}@media(max-width:768px){.contact-page .contact-grid{grid-template-columns:1fr}}.contact-page .contact-form{border-radius:10px}.contact-page .contact-form input::placeholder{opacity:.6}.contact-page .contact-form h2{font-size:1.5rem;font-weight:500;line-height:1.25rem;margin-bottom:2rem;letter-spacing:-.025em}@media(max-width:600px){.contact-page .contact-form h2{font-size:1.3rem}}.contact-page .contact-form form{display:flex;flex-direction:column;gap:24px}.contact-page .contact-form .form-row{display:grid;grid-template-columns:repeat(2,minmax(150px,1fr));grid-gap:20px;gap:20px}@media(max-width:600px){.contact-page .contact-form .form-row{grid-template-columns:1fr}}.contact-page .contact-form label{display:inline-block;font-size:.857rem;line-height:1.25rem;padding-bottom:.5rem;color:#444}.contact-page .contact-form input,.contact-page .contact-form textarea{width:100%;font-size:1rem;line-height:1.5rem;border:1px solid #dee2e6;border-radius:8px;outline:none;transition:all .3s ease;padding:12px 15px 12px 12px}.contact-page .contact-form input:focus,.contact-page .contact-form textarea:focus{border-color:#007bff;box-shadow:0 0 0 3px rgba(0,123,255,.1)}.contact-page .contact-form textarea{min-height:120px;resize:vertical}.contact-page .contact-form button{width:100%;padding:14px 0;letter-spacing:.025rem;line-height:1.4;background:#007bff;color:#fff;border:none;border-radius:6px;font-size:1.05rem;font-weight:600;cursor:pointer;transition:all .3s ease}.contact-page .contact-form button:hover{background:#0056b3}.contact-page .contact-form .error_msg{color:red;font-size:12px;margin-left:5px;margin-top:2px;margin-bottom:-10px;font-weight:400;letter-spacing:.125px;line-height:16px}.contact-page .contact-info{display:flex;flex-direction:column;gap:30px}.contact-page .contact-info .map-box{width:100%;height:320px;border-radius:10px;overflow:hidden;box-shadow:0 3px 10px rgba(0,0,0,.1)}.contact-page .contact-info .map-box img{width:100%;height:100%;object-fit:cover}.contact-page .contact-info .info-blocks{display:flex;flex-direction:column;gap:20px}.contact-page .contact-info .info-blocks .info-item{display:flex;align-items:flex-start;gap:15px}.contact-page .contact-info .info-blocks .info-item .icon{width:45px;height:45px;display:flex;align-items:center;justify-content:center;background:#e7f0ff;border-radius:8px}.contact-page .contact-info .info-blocks .info-item h3{font-size:1rem;font-weight:500;margin-bottom:5px}.contact-page .contact-info .info-blocks .info-item p{font-size:.95rem;color:#666}.contact-page .contact-info .info-blocks .info-item address{font-size:.95rem;font-style:normal;color:#666}.contact-page .contact-info .info-blocks .info-item a{color:#666}.contact-page .contact-info .info-blocks .info-item a:hover{color:#007bff;text-decoration:underline}@media(max-width:768px){.page-header h1{font-size:2rem}}