@charset "utf-8";
/* CSS Document */

.contact_sec { padding:0 0 72px; background:#fff; }

.contact_inner { width:min(90%, 1200px); margin:0 auto; padding:42px 56px; border-radius:12px; background:linear-gradient(90deg, #eef6ff 0%, #f7fbff 100%); display:grid; grid-template-columns:0.9fr 1.1fr; align-items:center; gap:48px; }

.contact_text { display:grid; grid-template-columns:110px 1fr; align-items:center; gap:28px; }

.contact_icon { display:flex; align-items:center; justify-content:center; width:98px; height:98px; border:4px solid #1261d8; border-radius:50%; color:#1261d8; font-size:44px; }

.contact_text h2 { margin:0 0 14px; color:#061a3f; font-size:23px; line-height:1.45; font-weight:800; letter-spacing:0em; }

.contact_text p { margin:0; color:#061a3f; font-size:15px; line-height:1.9; font-weight:600; }

.contact_form form { display:grid; grid-template-columns:1fr 1fr; gap:16px; }

.contact_form p { margin:0; }

.contact_form p:nth-of-type(3), .contact_form p:nth-of-type(4), .contact_form p:nth-of-type(5) { grid-column:1 / -1; }

.contact_form input[type="text"], .contact_form input[type="email"], .contact_form textarea { width:100%; height:48px; padding:0 16px; border:1px solid #dfe7f2; border-radius:6px; background:#fff; color:#061a3f; font-size:14px; font-weight:600; box-sizing:border-box; }

.contact_form textarea { height:82px; padding:14px 16px; resize:vertical; }

.contact_form input[type="submit"] { width:100%; height:48px; border:0; border-radius:6px; background:#1261d8; color:#fff; font-size:15px; font-weight:800; cursor:pointer; box-shadow:0 10px 22px rgba(18, 97, 216, 0.22); transition:opacity 0.3s, transform 0.3s; }

.contact_form input[type="submit"]:hover { opacity:0.9; transform:translateY(-1px); }

.contact_form .wpcf7-spinner { display:none; }

@media screen and (max-width: 900px) {
.contact_inner { grid-template-columns:1fr; gap:32px; padding:38px 32px; }

.contact_text { grid-template-columns:90px 1fr; }

.contact_icon { width:84px; height:84px; font-size:38px; }
}

@media screen and (max-width: 560px) {
.contact_sec { padding-bottom:56px; }

.contact_inner { width:min(92%, 1200px); padding:32px 22px; }

.contact_text { grid-template-columns:1fr; text-align:center; gap:18px; }

.contact_icon { margin:0 auto; }

.contact_text h2 { font-size:22px; }

.contact_text p { font-size:14px; }

.contact_form form { grid-template-columns:1fr; }

.contact_form p { grid-column:auto !important; }
}