.service-enquiry { background:#f3f5fa url('../img/bg/home-contact-bg.png') center / cover no-repeat; padding:80px 0; margin-bottom:90px; color:#24275f; }
.service-enquiry-heading { max-width:1000px; margin:0 auto 50px; }
.service-enquiry-heading > span { display:inline-block; background:#fff; border:1px solid #e0e3ee; padding:7px 20px; border-radius:30px; margin-bottom:22px; }
.service-enquiry-heading h2 { font-size:clamp(32px,4vw,58px); color:#24275f; line-height:1.2; }
.service-enquiry-heading em { color:#d38a09; font-style:normal; }
.service-enquiry-heading p,.service-enquiry-panel p { color:#59677b; line-height:1.8; }
.service-enquiry-panel { position:relative; overflow:hidden; height:100%; background:#fff; padding:clamp(24px,3vw,55px); border-radius:24px; border:1px solid #e2e5ef; }
.service-enquiry-panel h3 { font-size:clamp(26px,2.7vw,40px); margin-bottom:22px; color:#24275f; }
.service-enquiry-support { display:flex; gap:18px; align-items:center; margin:30px 0; font-size:14px; line-height:1.7; }
.service-enquiry-support img { object-fit:contain; }
.service-enquiry-contacts { padding:0; margin:35px 0; list-style:none; display:grid; gap:20px; }
.service-enquiry-contacts li { display:flex; gap:18px; align-items:center; padding:18px; background:#f2f3f9; border-radius:18px; }
.service-enquiry-contacts i { color:#d38a09; font-size:25px; }
.service-enquiry-contacts span { display:block; color:#59677b; font-size:13px; margin-bottom:5px; }
.service-enquiry-contacts a { color:#24275f; font-weight:600; overflow-wrap:anywhere; }
.service-enquiry-socials { display:flex; gap:12px; position:relative; z-index:1; }
.service-enquiry-socials a { display:grid; place-items:center; width:40px; height:40px; border:1px solid #e0e3ee; border-radius:50%; color:#24275f; }
.service-enquiry-socials a:hover { background:#f8b331; }
.service-enquiry-decoration { position:absolute; bottom:0; right:0; width:clamp(180px,22vw,300px); height:auto; pointer-events:none; z-index:0; }
.service-enquiry-info { padding-bottom:230px; }
.service-enquiry-info > :not(.service-enquiry-decoration) { position:relative; z-index:1; }
.service-enquiry-form label { display:block; width:100%; font-weight:500; font-size:15px; color:#24275f; }
.service-enquiry-form input:not([type=hidden]),.service-enquiry-form select,.service-enquiry-form textarea { display:block; width:100%; border:0; border-bottom:1px solid #dfe3ee; border-radius:0; background:transparent; padding:14px 0; font-size:15px; color:#24275f; }
.service-enquiry-form select { padding-right:22px; }
.service-enquiry-form textarea { resize:vertical; min-height:110px; }
.service-enquiry-form small { display:block; font-size:12px; line-height:1.6; color:#66718a; margin-top:12px; }
.service-enquiry-submit { border:0; background:#f8b331; color:#24275f; border-radius:30px; padding:15px 25px; margin-top:20px; font-weight:600; }
.service-enquiry-submit:disabled { opacity:.6; cursor:wait; }
.service-enquiry-status { color:#a52730; margin-top:18px; white-space:pre-line; font-size:14px; }
.service-enquiry-status a { color:#24275f; text-decoration:underline; }
.service-enquiry-trap { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
.service-enquiry :focus-visible { outline:2px solid #f8b331; outline-offset:3px; }
@media(max-width:575px) { .service-enquiry { padding:50px 0; margin-bottom:55px; } .service-enquiry-panel { border-radius:18px; } }

/* Reference-style support portraits and rounded contact details. */
.service-enquiry-support { gap:22px; margin:34px 0 60px; align-items:center; }
.service-support-avatars { display:flex; flex-shrink:0; padding-left:0; }
.service-support-avatars img { width:64px; height:64px; border:3px solid #fff; border-radius:50%; object-fit:cover; object-position:center 20%; background:#e8edf7; }
.service-support-avatars img + img { margin-left:-19px; }
.service-enquiry-support > span { font-size:16px; line-height:1.55; }
.service-enquiry-support strong { font-weight:400; }
.service-enquiry-contacts { gap:28px; margin:0 0 35px; max-width:460px; }
.service-enquiry-contacts li { gap:18px; padding:18px 22px; border-radius:80px; background:#f0f0f0; }
.service-enquiry-contacts li > i { display:grid; place-items:center; flex:0 0 56px; width:56px; height:56px; border-radius:50%; background:#fff; color:#999; font-size:25px; }
.service-enquiry-contacts li > div { min-width:0; }
.service-enquiry-contacts span { font-size:16px; color:#414141; margin-bottom:6px; }
.service-enquiry-contacts a { font-size:clamp(17px,1.45vw,25px); font-weight:500; color:#111; }
.service-enquiry-socials { gap:16px; }
.service-enquiry-socials a { width:44px; height:44px; color:#404040; background:#fff; }
@media(max-width:575px) {
    .service-enquiry-support { flex-wrap:wrap; gap:14px; margin-bottom:34px; }
    .service-enquiry-contacts li { padding:15px; gap:12px; }
    .service-enquiry-contacts li > i { width:46px; height:46px; flex-basis:46px; font-size:22px; }
    .service-enquiry-contacts span { font-size:14px; }
    .service-enquiry-contacts a { font-size:17px; }
}

/* Keep focused fields in the same clean underline style as the reference. */
.service-enquiry-form input:not([type=hidden]):focus,
.service-enquiry-form input:not([type=hidden]):focus-visible,
.service-enquiry-form select:focus,
.service-enquiry-form select:focus-visible,
.service-enquiry-form textarea:focus,
.service-enquiry-form textarea:focus-visible {
    outline: none;
    box-shadow: none;
    background: transparent;
    border: 0;
    border-bottom: 1px solid #9ba2ba;
    border-radius: 0;
}