@layer bricks {@keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes scrolling{0%{opacity:1}to{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}}:where(.brxe-form){display:flex;flex-wrap:wrap;width:100%}:where(.brxe-form) .label,:where(.brxe-form) label{color:inherit;font-size:12px;font-weight:600;letter-spacing:.4px;text-transform:uppercase}:where(.brxe-form) .form-group{display:flex;flex-direction:column;padding:0 0 20px;width:100%}:where(.brxe-form) .form-group.captcha,:where(.brxe-form) .form-group:last-child{padding-bottom:0}:where(.brxe-form) .form-group.captcha{line-height:1}:where(.brxe-form) .form-group.file{display:block}:where(.brxe-form) .form-group.file>label.choose-files{margin-bottom:0}:where(.brxe-form) .form-group>.label{margin-bottom:5px}:where(.brxe-form) .form-group .form-group-error-message{background-color:var(--bricks-bg-danger);color:var(--bricks-text-danger);display:none;padding:15px;width:100%}:where(.brxe-form) .form-group .form-group-error-message.show{display:block}:where(.brxe-form) .form-group .password-input-wrapper{position:relative}:where(.brxe-form) .form-group .password-input-wrapper .password-toggle{background:none;position:absolute;right:12px;top:50%;transform:translateY(-50%)}:where(.brxe-form) .form-group .password-input-wrapper .password-toggle span{display:flex}:where(.brxe-form) .form-group .password-input-wrapper .password-toggle span.hide{display:none}:where(.brxe-form) .submit-button-wrapper{width:auto}:where(.brxe-form) .required:after{content:"*";padding:0 2px;position:relative;top:-2px}:where(.brxe-form) .options-wrapper{list-style-type:none;margin:0;padding:0}:where(.brxe-form) .options-wrapper input,:where(.brxe-form) .options-wrapper label{display:inline-block;height:auto;margin:0 5px 0 0;width:auto}:where(.brxe-form) .options-wrapper input[type=checkbox],:where(.brxe-form) .options-wrapper input[type=radio]{margin:initial;padding:initial;position:relative;top:1px}:where(.brxe-form) button[type=submit].sending{cursor:default}:where(.brxe-form) button[type=submit].sending .text{opacity:.5}:where(.brxe-form) button[type=submit].sending>i,:where(.brxe-form) button[type=submit].sending>svg{display:none}:where(.brxe-form) button[type=submit].sending .loading{animation:load8 1s linear infinite;display:flex;opacity:1}:where(.brxe-form) button[type=submit].sending .loading svg{transform:scaleX(-1)}:where(.brxe-form) button[type=submit] .loading{display:none}:where(.brxe-form) button[type=submit] svg{height:1em;transform-origin:center}:where(.brxe-form) .recaptcha-hidden{display:none}:where(.brxe-form) .recaptcha-error{display:none;padding:0!important}:where(.brxe-form) .recaptcha-error.show{display:block}:where(.brxe-form) .recaptcha-error .brxe-alert.danger{align-items:center;background-color:var(--bricks-bg-danger);border-color:currentcolor;color:var(--bricks-text-danger);display:flex;justify-content:space-between;padding:15px;width:100%}:where(.brxe-form) .hcaptcha-error{display:none;padding:0!important}:where(.brxe-form) .hcaptcha-error.show{display:block}:where(.brxe-form) .hcaptcha-error .brxe-alert.danger{align-items:center;background-color:var(--bricks-bg-danger);border-color:currentcolor;color:var(--bricks-text-danger);display:flex;justify-content:space-between;padding:15px;width:100%}:where(.brxe-form) input[type=checkbox]+.label,:where(.brxe-form) input[type=checkbox]+label,:where(.brxe-form) input[type=radio]+.label,:where(.brxe-form) input[type=radio]+label{color:inherit;cursor:pointer;font-family:inherit;font-size:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;text-align:inherit;text-transform:inherit}:where(.brxe-form) textarea{height:inherit;resize:vertical}:where(.brxe-form) .message{background-color:var(--bricks-bg-info);color:var(--bricks-text-info);display:flex;gap:15px;justify-content:space-between;opacity:1;padding-bottom:0;position:relative;width:100%}:where(.brxe-form) .message.success{background-color:var(--bricks-bg-success);color:var(--bricks-text-success)}:where(.brxe-form) .message.error{background-color:var(--bricks-bg-danger);color:var(--bricks-text-danger)}:where(.brxe-form) .message .text{padding:15px}:where(.brxe-form) .message.closing{opacity:0;transition:opacity .2s}:where(.brxe-form) .message .close{all:unset;cursor:pointer;padding:15px}:where(.brxe-form) input.file,:where(.brxe-form) input[type=file]{display:block;height:0;opacity:0;width:0}:where(.brxe-form) .file-result{display:none;padding:0}:where(.brxe-form) .file-result.show{align-items:center;display:flex;margin:0 0 15px}:where(.brxe-form) .file-result.show.danger{background-color:var(--bricks-bg-danger);color:var(--bricks-text-danger);justify-content:space-between;padding:15px}:where(.brxe-form) .file-result.show.danger svg{cursor:pointer;height:1em;margin-left:5px}:where(.brxe-form) .file-result.show.danger svg g{stroke:currentcolor}:where(.brxe-form) .file-result.show .remove{display:inline-block;font-size:12px;line-height:30px;margin:0 15px;padding:0 10px}:where(.brxe-form) .file-result.show .remove:hover{background-color:var(--bricks-text-danger);color:#fff}:where(.brxe-form) .choose-files{align-self:flex-start;background-color:transparent;border:1px solid var(--bricks-border-color);cursor:pointer;display:inline-block;font-family:inherit;font-size:12px;font-weight:600;line-height:40px;padding:0 15px;text-align:center;text-transform:none;white-space:nowrap;width:auto}:where(.brxe-form) .choose-files:hover{background-color:rgba(0,0,0,.05)}:where(.brxe-form) .gallery-preview{display:flex;flex-wrap:wrap;gap:10px}:where(.brxe-form) .gallery-preview:not(:empty)+button{margin-top:5px}:where(.brxe-form) .image-preview{align-self:flex-start;overflow:hidden;position:relative}:where(.brxe-form) .image-preview:hover button{opacity:1}:where(.brxe-form) .image-preview:has(img)+button{margin-top:5px}:where(.brxe-form) .image-preview button{background-color:#fff;border:none;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1}:where(.brxe-form) .image-preview button:hover{background-color:var(--bricks-text-danger);color:#fff}:where(.brxe-form) .image-preview button.hide{display:none}.grecaptcha-badge{visibility:hidden}}@layer bricks {.brxe-code{width:100%}}<style>  .page-contact { display: flex !important; flex-direction: row; gap: 40px;  align-items: stretch;  max-width: 1200px; margin: 0 auto; padding: 60px 20px; }  .jy-info-column { flex: 1; background: #fff;  padding: 50px;  border-radius: 16px;   border: none; box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08); transition: transform 0.3s ease; }  .jy-info-column:hover { transform: translateY(-5px); } .jy-info-item { display: flex; margin-bottom: 35px; } .jy-info-item:last-child { margin-bottom: 0; }  .jy-info-icon { width: 56px; height: 56px; background: linear-gradient(135deg, #2c65f0, #1a4dbf);  color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 22px; margin-right: 25px; flex-shrink: 0; box-shadow: 0 10px 20px rgba(44, 101, 240, 0.3);  } .jy-info-text h4 { margin: 0 0 8px 0; font-size: 1.2rem; color: #111827; font-weight: 800; } .jy-info-text p, .jy-info-text a { margin: 0; color: #64748b; font-size: 1rem; line-height: 1.6; display: block; text-decoration: none; transition: 0.3s; } .jy-info-text a:hover { color: #2c65f0; }  .jy-map-frame { margin-top: 50px; width: 100%; height: 280px; background: #f1f5f9; border-radius: 12px; display: flex; align-items: center; justify-content: center; color: #94a3b8; font-weight: bold; border: 2px dashed #cbd5e1; }  .page-contact .brxe-form { flex: 1.3;  background: #fff; padding: 50px; border-radius: 16px;  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08); border: none;  }  .page-contact .brxe-form label { font-weight: 700; color: #374151; margin-bottom: 8px; display: block; }  .page-contact .brxe-form input, .page-contact .brxe-form select, .page-contact .brxe-form textarea { width: 100%; padding: 15px 18px;  border: 1px solid #e5e7eb;  border-radius: 8px; background: #f9fafb;  margin-bottom: 20px;  transition: all 0.3s; font-size: 1rem; }  .page-contact .brxe-form input:focus, .page-contact .brxe-form select:focus, .page-contact .brxe-form textarea:focus { background: #fff; border-color: #2c65f0; box-shadow: 0 0 0 4px rgba(44, 101, 240, 0.1); }  .page-contact .brxe-form button[type="submit"] { background: linear-gradient(135deg, #e60012, #c0000f) !important;  color: #fff !important; border-radius: 8px; padding: 18px 30px; font-size: 1.1rem; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; width: 100%; margin-top: 10px; border: none; box-shadow: 0 10px 25px rgba(230, 0, 18, 0.4);  transition: all 0.3s; } .page-contact .brxe-form button[type="submit"]:hover { transform: translateY(-3px); box-shadow: 0 15px 35px rgba(230, 0, 18, 0.5); }  @media (max-width: 1000px) { .page-contact { flex-direction: column !important; gap: 30px; padding: 40px 20px; } .jy-info-column, .page-contact .brxe-form { width: 100%; padding: 35px; } .jy-map-frame { height: 200px; } }</style><div class="jy-info-column"> <div style="margin-bottom: 40px; text-align: left;"> <h5 style="color: #2c65f0; font-weight: 800; margin-bottom: 10px; text-transform: uppercase; letter-spacing: 1px;">Contact Us</h5> <h2 style="font-size: 2.5rem; color: #111827; margin-bottom: 15px; font-weight: 900; line-height: 1.2;">Get in Touch with Junyang</h2> <p style="color: #64748b; font-size: 1.1rem;">Professional Manufacturer of Heavy-Duty Air Filters. Send us your OEM# for a quick quote.</p> </div> <div class="jy-info-item"> <div class="jy-info-icon"><i class="fas fa-map-marker-alt"></i></div> <div class="jy-info-text"> <h4>Factory Location</h4> <p>Hebei Province, China.<br>(Near Shijiazhuang Airport)</p> </div> </div> <div class="jy-info-item"> <div class="jy-info-icon"><i class="fas fa-envelope"></i></div> <div class="jy-info-text"> <h4>Export Department</h4> <a href="mailto:info@jyfil.com">info@jyfil.com</a> </div> </div> <div class="jy-info-item"> <div class="jy-info-icon"><i class="fab fa-whatsapp"></i></div> <div class="jy-info-text"> <h4>WhatsApp / WeChat</h4> <p>+86 123 4567 8900</p> </div> </div> <div class="jy-map-frame"> <i class="fas fa-map" style="margin-right:10px; font-size: 24px;"></i> Google Map Embed Area </div></div>#brxe-dzjrfc {padding-right: 0}