 <style>
     /* utility */
     .visually-hidden {
         position: absolute !important;
         height: 1px;
         width: 1px;
         overflow: hidden;
         clip: rect(1px,1px,1px,1px);
         white-space: nowrap;
     }

     /* Overlay */
     .contact-modal-overlay {
         position: fixed;
         inset: 0;
         background: rgba(0,0,0,0.9);
         z-index: 10000;
     }

     /* Panel sizing & shadow */
     .contact-modal-panel {
         position: fixed;
         top: 50%;
         left: 50%;
         transform: translate(-50%,-50%);
         z-index: 10001;
         background: #fff;
         border-radius: 8px;
         box-shadow: 0 30px 80px rgba(0,0,0,0.6);
         max-height: 90vh;
         overflow-y: auto;
         padding: 22px;
         outline: none;
         width: 30%;
     }
     @media (max-width: 992px) {
         .contact-modal-panel

     {
         width: 50%;
     }

     }
     @media (max-width: 600px) {
         .contact-modal-panel

     {
         width: 80%;
     }

     }

     /* Close button */
     .contact-modal-close {
         position: absolute;
         right: 12px;
         top: 8px;
         background: transparent;
         border: 0;
         font-size: 28px;
         cursor: pointer;
         padding: 6px;
         color: #333;
     }

     /* Form control look */
     .contact-modal .form-control {
         width: 100%;
         box-sizing: border-box;
         padding: 10px 12px;
         border: 1px solid #c0c6cc;
         border-radius: 4px;
     }

     /* Minimal splash (kept in case of local fallback) */
     .wf_customMessageBox {
         font-family: Arial,Helvetica,sans-serif;
         color: #132C14;
         background: #F5FAF5;
         box-shadow: 0 2px 6px rgba(0,0,0,0.25);
         z-index: 11002;
         border-radius: 6px;
         border: 1px solid #A9D3AB;
         padding: 10px 15px;
         display: none;
         align-items: center;
         position: fixed;
         top: 20px;
         left: 50%;
         transform: translate(-50%,0);
     }

     .wf_customCircle {
         position: relative;
         background: #12AA67;
         border-radius: 100%;
         width: 20px;
         height: 20px;
         margin-right: 8px;
     }

     .wf_customCheckMark {
         position: absolute;
         left: 6px;
         top: 9px;
         height: 8px;
         width: 3px;
         border-bottom: 2px solid #fff;
         border-right: 2px solid #fff;
         transform: rotate(45deg) translate(-50%,-50%);
     }
 </style>