.contact-page{width:100%;min-height:100vh;background-color:#eee;padding:60px 20px 80px;box-sizing:border-box}.contact-page .contact-header{text-align:center;max-width:800px;margin:0 auto 60px}.contact-page .contact-header h1{font-size:3rem;color:#003869;font-weight:800;margin-bottom:15px;text-transform:uppercase;letter-spacing:2px}.contact-page .contact-header p{font-size:1.15rem;color:#757575;line-height:1.6}.contact-page .contact-card{max-width:1200px;margin:0 auto;background:#fff;border-radius:24px;display:grid;grid-template-columns:400px 1fr;box-shadow:0 20px 50px #00000014;overflow:hidden}@media (max-width: 1024px){.contact-page .contact-card{grid-template-columns:1fr}}.contact-page .contact-card .contact-info{background-color:#003869;padding:50px;color:#fff;display:flex;flex-direction:column}.contact-page .contact-card .contact-info h3{font-size:1.75rem;font-weight:700;margin-bottom:20px;color:#ffde05}.contact-page .contact-card .contact-info p{font-size:1rem;opacity:.85;margin-bottom:40px;line-height:1.6}.contact-page .contact-card .contact-info .info-items{display:flex;flex-direction:column;gap:30px;margin-bottom:50px}.contact-page .contact-card .contact-info .info-items .info-item{display:flex;align-items:flex-start;gap:20px}.contact-page .contact-card .contact-info .info-items .info-item i{font-size:1.25rem;color:#ffde05;background:#ffffff1a;width:45px;height:45px;display:flex;justify-content:center;align-items:center;border-radius:12px;flex-shrink:0}.contact-page .contact-card .contact-info .info-items .info-item .text span{display:block;font-size:.85rem;font-weight:700;text-transform:uppercase;opacity:.6;margin-bottom:4px;letter-spacing:1px}.contact-page .contact-card .contact-info .info-items .info-item .text p{margin:0;font-size:1rem;font-weight:500;opacity:1}.contact-page .contact-card .contact-info .social-links{margin-top:auto;display:flex;gap:15px}.contact-page .contact-card .contact-info .social-links a{width:40px;height:40px;border-radius:50%;background:#ffffff1a;color:#fff;display:flex;justify-content:center;align-items:center;text-decoration:none;transition:all .3s ease}.contact-page .contact-card .contact-info .social-links a:hover{background:#ffde05;color:#003869;transform:translateY(-5px)}.contact-page .contact-card .contact-form{padding:50px}@media (max-width: 640px){.contact-page .contact-card .contact-form{padding:30px 20px}}.contact-page .contact-card .contact-form form{display:flex;flex-direction:column;gap:25px;width:100%}.contact-page .contact-card .contact-form form .form-row{display:grid;grid-template-columns:1fr;gap:25px}.contact-page .contact-card .contact-form form .form-row.two-cols{grid-template-columns:1fr 1fr}@media (max-width: 640px){.contact-page .contact-card .contact-form form .form-row.two-cols{grid-template-columns:1fr}}@media (min-width: 641px){.contact-page .contact-card .contact-form form .form-row:nth-child(2){grid-template-columns:1fr 1fr}}.contact-page .contact-card .contact-form form .form-group{position:relative;width:100%}.contact-page .contact-card .contact-form form .form-group input,.contact-page .contact-card .contact-form form .form-group textarea{min-width:90%!important;background:#eee;border:2px solid transparent;padding:18px 20px;border-radius:12px;font-size:1rem;color:#003869;transition:all .3s ease;box-sizing:border-box}.contact-page .contact-card .contact-form form .form-group input:focus,.contact-page .contact-card .contact-form form .form-group textarea:focus{background:#fff;border-color:#003869;outline:none;box-shadow:0 5px 15px #0038690d}.contact-page .contact-card .contact-form form .form-group input:focus+label,.contact-page .contact-card .contact-form form .form-group textarea:focus+label{transform:translateY(-38px) scale(.85);color:#003869;font-weight:700}.contact-page .contact-card .contact-form form .form-group input:not(:placeholder-shown)+label,.contact-page .contact-card .contact-form form .form-group textarea:not(:placeholder-shown)+label{transform:translateY(-38px) scale(.85);font-weight:700}.contact-page .contact-card .contact-form form .form-group label{position:absolute;left:20px;top:18px;color:#757575;transition:all .3s ease;pointer-events:none}.contact-page .contact-card .contact-form form .form-group .error-msg{color:#f61717;font-size:.8rem;margin-top:5px;display:block;font-weight:600}.contact-page .contact-card .contact-form form .form-group.has-error input{border-color:#f617174d;background:#f6171705}.contact-page .contact-card .contact-form form .submit-btn{margin-top:10px;height:60px;background:#003869;color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;transition:all .3s ease;box-shadow:0 10px 20px #00386933;width:90%}.contact-page .contact-card .contact-form form .submit-btn i{font-size:.9rem;transition:transform .3s ease}.contact-page .contact-card .contact-form form .submit-btn:hover{background:#004683;transform:translateY(-3px);box-shadow:0 15px 30px #0038694d}.contact-page .contact-card .contact-form form .submit-btn:hover i{transform:translate(5px,-5px)}.contact-page .contact-card .contact-form form .submit-btn:active{transform:translateY(0)}