.input-field{display:flex;flex-direction:column;gap:10px;margin-bottom:10px}.textarea-label,.input-label{font-size:16px;line-height:26px}.textarea-element,.input-element{padding:12px;border-radius:50px;border:1px solid rgba(var(--color-foreground),.2);transition:.4s;font-size:16px;line-height:26px}.textarea-element{border-radius:20px}.textarea-element:hover,.input-element:hover,.input-element:focus{border:1px solid rgba(var(--color-foreground),1)}.form-submit{padding-top:5px}.submit-button.contact-button{min-width:200px;justify-content:space-between}.contact-form-subheading{font-size:16px;line-height:26px;display:block}.contact-form-wrap{height:fit-content}.contact-us-details-image{width:100%;height:auto;border-radius:30px}.contact-us-details-icon-content{width:30px;height:30px}.contact-us-details-icon{width:100%;height:auto;object-fit:contain}.contact-us-details-box-wrap{display:flex;flex-direction:column;gap:30px}.contact-us-details-box{display:flex;gap:15px}.contact-us-details-title{margin:0;font-size:24px;line-height:34px}.contact-us-details-text{font-size:16px;line-height:26px}.contact-us-details-text p{margin:0;padding:0}.contact-us-flex{display:flex;justify-content:space-between;gap:40px;flex-direction:column}.contact-us-details{display:flex;flex-direction:column;gap:40px}.form-status{font-size:16px;line-height:26px;text-align:center}.success-message{color:#15803d}.error-text{color:#f56565}.contact-us-details-icon-wrap{border:1px solid;border-radius:100%;padding:10px;width:50px;height:50px;display:flex;align-items:center;justify-content:center}@media only screen and (min-width:768px){.contact-us-flex{display:flex;justify-content:space-between;gap:40px;flex-direction:row}.contact-form-wrap{width:calc(50% - 20px)}.contact-us-details{width:calc(50% - 20px);display:flex;flex-direction:column;gap:40px}}@media only screen and (max-width:767px){.contact-us-details-title{margin:0;font-size:18px;line-height:28px}.contact-us-details-text>*,.contact-us-details-text{font-size:12px;line-height:22px}.contact-us-details-icon-wrap{width:40px;height:40px}}@media only screen and (max-width:450px){.contact-us-details-image{border-radius:20px}.contact-us-details-box-wrap{gap:15px}.contact-us-flex,.contact-us-details{gap:25px}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/contact-form.css.map */