.attachment-wrap{border:1px dashed #000000;background:#f5f5f5;width:100%;display:flex;padding:16px;flex-direction:column;border-radius:4px}.attachment-icon{width:100%;display:flex;align-items:flex-start;justify-content:flex-start}.attachment-icon span{color:#666;line-height:21px;padding-left:10px;text-align:left;font-size:12px}.attachment-wrap input{opacity:0;position:absolute!important;left:auto!important;right:0!important;top:-22px;cursor:pointer;height:21px!important;padding-left:0!important}.attachment-label span{font-family:Brandon-Medium!important;top:-22px;display:block!important;color:#000!important;text-decoration:underline;position:absolute;line-height:21px!important;letter-spacing:0;cursor:pointer;margin-bottom:0!important;font-size:14px}@media screen and (min-width: 768px){.attachment-label span{left:auto!important;right:0!important}}.attachment-label{position:relative;width:100%}.upload-file-list{display:none}.list-com{display:flex;gap:8px;align-items:center}.upload-file-list.file-selected,.upload-file-list.file-selected-2{margin-top:8px;display:flex;justify-content:space-between;background:#0188490f;padding:16px;height:53px;border-radius:4px}#upload-browse{color:#000;line-height:21px!important;font-size:14px}.btn-upload{color:#000;line-height:21px!important;font-size:14px;cursor:pointer;text-decoration:underline;font-family:Brandon-Medium;font-weight:500}.field-btn input{height:44px!important;padding:0 32px!important}@media (max-width:400px){.attachment-label span{font-size:11px!important}}@media (min-width:750px){.attachment-label{position:relative;width:100%}.page-width.contact-form{padding-left:0;padding-right:0}.attachment-label span{top:-10px}.attachment-wrap input{top:-10px;padding-left:25px!important}.attachment-icon span{font-size:14px;padding-left:25px}.attachment-wrap{align-items:center;height:56px;flex-direction:row}.attachment-icon{width:50%;align-items:center}.attachment-label{margin-top:0;width:50%}}.tpcontent .tptext,.tpcontent #zohoSupportWebToCase{display:none}.tpcontent p{margin:0}.contact-title{padding:24px 0}.contact-form .main-page-title{padding:0;font-size:20px!important;line-height:28px!important;text-align:center;margin:0;text-transform:uppercase}.contact-form{max-width:1023px;padding-right:0;padding-left:0}.tptext p,.tptext{max-width:970px;color:#333;text-align:center;font-size:16px;line-height:22px;margin:0}.tptext p{padding:12px 0 0}.contact-form .customer{border:1px solid #F5F5F5;padding:24px 32px;border-radius:10px}.contact-form-wrap{display:flex;gap:16px}.contact-form-wrap .field-wrap{width:50%}.attachment-wrap .desk{display:none}@media (min-width:750px){.attachment-wrap .desk{display:inline-block}.attachment-wrap .mob{display:none}.tptext p{padding:12px 0}.contact-title{padding:0}.contact-form .main-page-title{padding:12px 0;font-size:36px!important;line-height:50px!important}}@media (min-width:1025px){.contact-form .customer form{width:959px}.contact-form .customer{margin-bottom:48px;margin-top:12px}}.contact-form .customer .field:after{border:0!important;box-shadow:none!important}.contact-form .customer .field input:focus,.contact-form .field__input:focus-visible,.contact-form textarea:focus,.contact-form textarea:focus-visible{box-shadow:0 0 0 calc(.04rem + var(--inputs-border-width)) rgba(var(--color-foreground))}@media (max-width:749px){.contact-form .field-btn{flex-direction:column;border-top:1px solid #F5F5F5;padding-top:16px;padding-bottom:32px}.contact-form .contact-title{padding-left:24px;padding-right:24px}.attachment-icon svg{width:18px;height:18px}.contact-form .customer{border-top:0;padding:0 16px;border-left:0;border-right:0;border-bottom:0}}.contact-form .customer h4{margin-bottom:0;text-align:left;font-size:14px!important;text-transform:uppercase;color:#333;margin-top:0;line-height:19px!important}.contact-form .customer .field-wrap{margin-bottom:16px;display:flex;flex-direction:column;gap:8px}.contact-form .customer .recipient-fields__field{margin-bottom:16px}.contact-form .customer .form__message{margin-top:0!important;line-height:19px!important;margin-bottom:0;font-size:14px!important}.contact-form .customer span.form__message,.contact-form .customer small.form__message{margin-top:5px!important}.contact-form .customer .errors ul{margin-top:0!important;margin-bottom:20px!important}.contact-form .customer .errors ul li{line-height:19px!important;padding:4px 0}.contact-form.customer .errors ul li a{line-height:19px!important}.contact-form.customer *:focus-visible{outline:0!important;box-shadow:none}.contact-form .customer .field input,.customer button{height:48px}.contact-form .customer textarea{border:1px solid #D9D9D9!important;border-radius:4px}.contact-form .customer .field input{border:1px solid #D9D9D9!important;margin:0;padding:10px 16px;border-radius:4px}.contact-form .customer .field textarea{padding:10px 16px;width:100%;resize:none;height:120px}.contact-form .customer button{background:#000;width:100%;font-size:16px;text-transform:uppercase;font-weight:400;margin-top:0;margin-bottom:0;line-height:23px;letter-spacing:0}.contact-form .customer h3.form__message{margin-bottom:16px}.contact-form .customer .form__message-content{max-width:33rem;margin-left:auto;margin-right:auto;line-height:19px!important}.contact-form .customer .field input:focus~label,.contact-form .customer .field input:not(:placeholder-shown)~label,.contact-form .customer .field textarea:focus~label,.contact-form .customer .field textarea:not(:placeholder-shown)~label{opacity:0}.contact-form .customer .field input:focus,.contact-form .customer .field input:not(:placeholder-shown),.contact-form .customer .field input:-webkit-autofill{padding:10px 16px!important}.contact-form .customer label,.contact-form .customer label span{color:#666!important;letter-spacing:0!important;font-size:14px!important;line-height:21px!important;text-transform:none!important;font-weight:400;font-family:Brandon-Regular!important;top:13px}.contact-form .field-btn{display:flex;gap:16px}.contact-form .field-btn input{font-size:0;border-radius:80px}.contact-form .field-btn label{opacity:1!important;display:flex!important;align-items:center;width:100%;justify-content:center;left:0;right:0;font-size:16px!important;letter-spacing:0px}.contact-form .field-btn input:focus,.contact-form .field-btn input:focus-visible{box-shadow:none!important}.contact-form .field-btn .clear-btn input{cursor:pointer;border:2px solid #D9D9D9}.contact-form .field-btn .clear-btn label{color:#d9d9d9!important}.contact-form .field-btn .sub-btn input{background:#000;cursor:pointer}.contact-form .field-btn .sub-btn label{color:#fff!important}.contact-form .field-btn .field input{border-radius:50px}.contact-form:focus-within .clear-btn label{color:#333!important}
/*# sourceMappingURL=/cdn/shop/t/485/assets/contact-form.css.map */
