.contact-hero{position:relative;width:100%;height:400px;overflow:hidden;margin-bottom:60px;padding-top:20rem}.contact-hero__image{position:absolute;top:0;left:0;width:100%;height:100%}.contact-hero__image-tag{width:100%;height:100%;object-fit:cover;object-position:center top;filter:brightness(.8)}.contact-hero__title{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-family:Druk Wide Bold,sans-serif;font-size:4rem;text-align:center;text-transform:uppercase;margin:0;width:100%;padding:0 20px}.custom-contact-form{max-width:800px;margin:0 auto;padding:40px 20px}.contact-form__title{font-family:Druk Wide Bold,sans-serif;font-size:3rem;text-align:center;text-transform:uppercase;margin:0 0 20px;color:var(--primary-color)}.contact-form__subtitle{text-align:center;font-size:1.1rem;color:var(--primary-color);margin-bottom:40px}.contact-form__fields{display:flex;flex-direction:column;gap:20px;font-family:Neue Montreal Regular,sans-serif;font-size:var(--text-xs)}.contact-form__field{width:100%}.contact-form__field input,.contact-form__field select,.contact-form__field textarea,.dropdown-selected{width:100%;padding:12px;border:1px solid #e0e0e0;border-radius:50px;font-size:var(--text-xs);background:#fff;color:#595959;font-family:Neue Montreal Regular,sans-serif;transition:border-color .3s ease}.contact-form__field textarea{min-height:150px;resize:vertical;border-radius:25px}.contact-form__field input:focus,.contact-form__field select:focus,.contact-form__field textarea:focus{outline:none;border-color:var(--primary-color)}.contact-form__field input::placeholder,.contact-form__field textarea::placeholder,.selected-text{color:#595959;font-size:var(--text-xs);font-family:Neue Montreal Regular,sans-serif}.contact-form__submit{text-align:center;margin-top:20px}.send-message-button{font-family:Neue Montreal Regular,sans-serif;font-weight:700;background:#fff;color:var(--primary-color);border:none;padding:15px 40px;border:1px solid var(--primary-color);text-transform:uppercase;letter-spacing:.06em;border-radius:30px;cursor:pointer;box-shadow:none;transition:.3s ease-out;font-size:var(--text-sm);transition:border cubic-bezier(.39,.575,.565,1),box-shadow .3s cubic-bezier(.39,.575,.565,1),color .3s cubic-bezier(.39,.575,.565,1),background .3s cubic-bezier(.39,.575,.565,1),box-shadow .3s cubic-bezier(.39,.575,.565,1)}.send-message-button:hover{box-shadow:inset 0 0 0 1px var(--primary-color)!important;background-color:#fff!important;color:var(--primary-color)!important;cursor:pointer}.contact-form__success{background:#e8f5e9;color:#2e7d32;padding:15px;border-radius:8px;margin-bottom:20px;text-align:center}.contact-form__errors{background:#ffebee;color:#c62828;padding:15px;border-radius:8px;margin-bottom:20px;text-align:center}@media screen and (max-width: 767px){.contact-hero{height:300px}.contact-hero__title{font-size:2.5rem}.contact-form__title{font-size:2rem}.custom-contact-form{padding:20px}}.custom-dropdown{position:relative;width:100%}.dropdown-selected{display:flex;justify-content:space-between;align-items:center;cursor:pointer}.dropdown-arrow{transition:transform .3s ease;color:var(--primary-color);width:12px;height:12px}.custom-dropdown.open .dropdown-arrow{transform:rotate(180deg)}.dropdown-options{position:absolute;top:calc(100% + 5px);left:0;width:100%;background:#fff;border:1px solid #e0e0e0;border-radius:25px;padding:8px 0;margin:0;list-style:none;max-height:0;overflow:hidden;opacity:0;transition:all .3s ease;z-index:100;box-shadow:0 4px 6px #0000001a}.custom-dropdown.open .dropdown-options{max-height:300px;opacity:1}.dropdown-options li{padding:8px 12px;cursor:pointer;transition:background-color .3s ease;color:#595959;font-size:var(--text-xs);font-family:Neue Montreal Regular,sans-serif}.dropdown-options li:hover{background-color:#f5f5f5}.dropdown-options li.selected{background-color:#f4f4f4}.button--primary{background:var(--primary-color);color:#fff;border:none;padding:15px 40px;font-size:1rem;text-transform:uppercase;letter-spacing:.1em;border-radius:50px;cursor:pointer;transition:background-color .3s ease;outline:none}.button--primary:hover{background:var(--primary-color)}
/*# sourceMappingURL=/cdn/shop/t/50/assets/custom-contact-form.css.map */
