.bc_wrap .bc-contact-block.contact-modern { padding:40px 0 56px; background:#f5f7fb; color:#172b4d; font-size:14px; line-height:1.7; }
.contact-modern .container { margin-left:auto; margin-right:auto; }
.contact-modern .contact-hero { position:relative; overflow:hidden; padding:40px; margin-bottom:28px; border-radius:20px; background:linear-gradient(120deg,#123743,#087f8c); color:#fff; }
.contact-modern .contact-hero::after { content:""; position:absolute; width:280px; height:280px; right:-60px; top:-100px; border:1px solid #ffffff26; border-radius:50%; pointer-events:none; }
.contact-modern .contact-hero > * { position:relative; z-index:1; }
.contact-modern .contact-badge { display:inline-block; margin-bottom:16px; padding:6px 12px; border:1px solid #ffffff40; border-radius:7px; background:#ffffff14; font-size:11px; font-weight:600; letter-spacing:1.4px; text-transform:uppercase; }
.bc_wrap .contact-modern .contact-hero h1 { margin:0 0 14px; color:#fff; font-size:clamp(28px,3vw,40px); font-weight:600; line-height:1.2; letter-spacing:-.6px; }
.contact-modern .contact-hero p { margin:0; max-width:760px; color:#e0f0f1; font-size:15px; }
.contact-modern .contact-card, .contact-modern .contact-panel, .contact-modern .contact-form-panel { border:1px solid #e3e9f1; border-radius:16px; background:#fff; box-shadow:0 4px 16px #172b4d0a; }
.contact-modern .contact-card { height:100%; }
.contact-modern .contact-card .card-body { padding:22px; }
.contact-modern .contact-icon { display:inline-grid; place-items:center; width:42px; height:42px; margin-bottom:16px; border-radius:12px; background:#eaf5f3; color:#087f8c; font-size:17px; }
.bc_wrap .contact-modern .card-title { margin:0 0 8px; font-size:16px; font-weight:600; line-height:1.5; }
.contact-modern .card-text, .contact-modern .text-muted { color:#65748a !important; }
.contact-modern .card-text { font-size:13px; overflow-wrap:anywhere; }
.contact-modern a { color:#087f8c; }
.contact-modern .contact-panel { margin-bottom:24px; padding:28px; }
.contact-modern .contact-form-panel { padding:32px; }
.bc_wrap .contact-modern .contact-panel h2, .bc_wrap .contact-modern .contact-form-panel h2 { display:flex; align-items:center; gap:12px; margin:0 0 18px; color:#172b4d; font-size:22px; font-weight:600; line-height:1.35; letter-spacing:-.3px; }
.contact-modern .contact-panel h2 i, .contact-modern .contact-form-panel h2 i { display:inline-grid; place-items:center; flex:0 0 38px; height:38px; border-radius:10px; background:#eaf5f3; color:#087f8c; font-size:17px; }
.contact-modern .contact-panel p { color:#65748a; }
.contact-modern .contact-list { list-style:none; padding:0; margin:20px 0 0; }
.contact-modern .contact-list li { position:relative; padding:12px 0 12px 20px; border-bottom:1px solid #edf0f5; color:#354e70; font-size:13px; }
.contact-modern .contact-list li::before { content:""; position:absolute; left:0; top:22px; width:6px; height:6px; border-radius:50%; background:#087f8c; }
.contact-modern .contact-list li:last-child { border-bottom:0; }
.bc_wrap .contact-modern .contact-action { display:inline-flex; align-items:center; justify-content:center; gap:7px; min-height:44px; margin:0 8px 8px 0; padding:10px 15px; border:1px solid #c8dedf; border-radius:9px; background:#eaf5f3; color:#087f8c; font-size:13px; font-weight:600; }
.contact-modern .contact-note { min-width:0; padding:15px 16px; border:1px solid #e3e9f1; border-radius:10px; background:#f8fafc; overflow-wrap:anywhere; }
.contact-modern .contact-note strong { display:block; margin-bottom:5px; color:#172b4d; font-size:12px; font-weight:600; }
.contact-modern .contact-note span { color:#65748a; font-size:13px; }
.contact-modern .contact-panel .contact-note { height:100%; }
.contact-modern .contact-business-panel { margin-top:24px; }
.contact-modern .contact-form-panel > p { margin-bottom:26px; font-size:14px; }
.contact-modern .contact-form-panel .form-group { margin-bottom:22px; }
.contact-modern .contact-form-panel label { margin-bottom:8px; color:#354e70; font-size:13px; font-weight:600; }
.bc_wrap .contact-modern .contact-form-panel .form-control { width:100%; min-width:0; min-height:48px; height:auto; padding:12px 14px; border:1px solid #c9d4e2; border-radius:9px; background:#f8fafc; color:#172b4d; font-size:16px; line-height:1.5; }
.contact-modern .contact-form-panel .form-control:focus { border-color:#087f8c; background:#fff; box-shadow:0 0 0 3px #087f8c20; }
.contact-modern .contact-form-panel textarea.form-control { min-height:190px; resize:vertical; }
.bc_wrap .contact-modern .contact-form-panel .submit { display:flex; align-items:center; justify-content:center; gap:8px; width:100%; min-height:50px; padding:12px 20px; border:1px solid #087f8c; border-radius:9px; background:#087f8c; color:#fff; font-size:14px; font-weight:600; }
.contact-modern .contact-form-panel .submit:hover { background:#066875; }
.contact-modern .contact-form-panel .form-mess { overflow-wrap:anywhere; }
.contact-modern a:focus-visible, .contact-modern button:focus-visible { outline:3px solid #087f8c; outline-offset:3px; }
@media(min-width:992px) { .contact-modern .contact-content-row > .col-lg-5 { flex:0 0 40%; max-width:40%; } .contact-modern .contact-content-row > .col-lg-7 { flex:0 0 60%; max-width:60%; } }
@media(max-width:767px) {
 .bc_wrap .bc-contact-block.contact-modern { padding:24px 0 36px; }
 .contact-modern .contact-hero { padding:28px 22px; border-radius:16px; margin-bottom:22px; }
 .contact-modern .contact-panel, .contact-modern .contact-form-panel { padding:22px; }
 .contact-modern .contact-card .card-body { padding:20px; }
 .bc_wrap .contact-modern .contact-panel h2, .bc_wrap .contact-modern .contact-form-panel h2 { font-size:20px; }
}
@media(prefers-reduced-motion:reduce) { .contact-modern * { scroll-behavior:auto; transition:none !important; } }