.contact-page-wrap{background-color:#fafbfd;padding:80px 0}.contact-grid{grid-template-columns:1.2fr .8fr;align-items:start;gap:60px;display:grid}@media (max-width:991px){.contact-grid{grid-template-columns:1fr;gap:40px}}.contact-form-col{background:#fff;border:1px solid #edf2f7;border-radius:20px;padding:40px;box-shadow:0 10px 40px #0000000a}.contact-form-col h2{color:#111827;margin-bottom:12px;font-size:32px;font-weight:600}.contact-form-col .subtitle{color:#4b5563;margin-bottom:32px;font-size:16px}.form-alert{border-radius:12px;margin-bottom:24px;padding:16px 20px;font-size:15px;font-weight:500}.form-alert.success{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.form-alert.error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.contact-form .form-row{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (max-width:768px){.contact-form .form-row{grid-template-columns:1fr}}.contact-form .form-group{margin-bottom:20px}.contact-form .form-group label{color:#374151;margin-bottom:8px;font-size:15px;font-weight:500;display:block}.contact-form .form-group label .required{color:#ef4444}.contact-form .input-wrapper{align-items:flex-start;display:flex;position:relative}.contact-form .input-icon{color:#0256a9;pointer-events:none;display:flex;position:absolute;top:14px;left:16px}.contact-form input,.contact-form textarea{color:#111827;background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;width:100%;padding:11px 12px 11px 44px;font-family:inherit;font-size:15px;transition:all .3s}.contact-form textarea{resize:vertical;min-height:100px;padding:16px}.contact-form textarea:not(:has(~.input-icon)){padding-left:16px}.contact-form input:focus,.contact-form textarea:focus{background:#fff;border-color:#0265c7;outline:none;box-shadow:0 0 0 4px #0265c71a}.contact-form input:focus~.input-icon{color:#0265c7}.contact-submit-btn{color:#fff;cursor:pointer;background:#0265c7;border:none;border-radius:50px;justify-content:center;align-items:center;gap:10px;width:250px;margin-top:10px;padding:16px;font-size:16px;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 12px #0265c733}.contact-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #0265c74d}.contact-submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.contact-info-col{color:#fff;background:linear-gradient(145deg,#6fd85c 0%,#2e7d32 100%);border-radius:20px;padding:40px;position:sticky;top:100px;box-shadow:0 20px 40px #0265c733}.contact-info-col h3{color:#fff;margin-bottom:32px;font-size:28px;font-weight:600}.contact-info-list{flex-direction:column;gap:28px;margin-bottom:40px;display:flex}.contact-info-item{align-items:flex-start;gap:16px;display:flex}.contact-info-item .info-icon{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff26;border:1px solid #fff3;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.contact-info-item .info-icon svg{color:#fff}.contact-info-item .info-text .label{color:#fffc;margin-bottom:4px;font-size:14px;font-weight:500}.contact-info-item .info-text .value{color:#fff;font-size:16px;font-weight:500;line-height:1.5}.contact-socials{border-top:1px solid #ffffff26;padding-top:24px}.contact-socials p{color:#ffffffe6;margin-bottom:16px;font-size:18px;font-weight:500}.social-links{gap:12px;display:flex}.social-link{color:#fff;background:#ffffff1a;border:1px solid #ffffff1a;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;transition:all .3s;display:flex}.social-link:hover{color:#0265c7;background:#fff;transform:translateY(-3px);box-shadow:0 5px 15px #0003}
