.contact__wrapper{display:flex;gap:4rem;justify-content:space-evenly;flex-direction:row;animation:fadeInUp .8s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.contact__title{margin-top:0;animation:fadeInLeft .8s ease-out .2s both}.contact__content{animation:fadeInLeft .8s ease-out .1s both}.contact__form-wrapper{animation:fadeInRight .8s ease-out .3s both}.contact__description{font-family:Creato Display,sans-serif;font-size:20px;font-weight:400;line-height:1.6;color:#666;text-align:left;max-width:650px;margin-bottom:0}.page-width--narrow{max-width:1200px;margin:0 auto}@media screen and (max-width:1024px){.contact__wrapper{padding:0 20px}}@media screen and (max-width:768px){.contact__content .contact__title,.contact__description{text-align:center}.contact__wrapper{flex-direction:column;gap:2rem;padding:0;align-items:center}}@media screen and (max-width:425px){.contact__content .contact__title,.contact__content .contact__description{text-align:left}.contact__form-wrapper .contact__button{gap:10px;flex-direction:column}.contact__form-wrapper .contact__submit-btn{width:100%}.contact__form-wrapper .contact__privacy-text{text-align:justify}}.contact__title{font-family:Playfair Display,serif;font-size:36px;font-weight:400;line-height:1.2;margin-bottom:1.5rem;color:#000;text-align:left}@media screen and (max-width:749px){.contact__title{font-size:36px;text-align:center}.contact__description{text-align:center;max-width:100%}}.contact__description{font-size:16px}.contact__form-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;gap:8px;max-width:500px}.contact__form-row,.contact__form-row--top,.contact__form-row--bottom{display:contents}.contact__field--name{grid-column:1;grid-row:1}.contact__field--request{grid-column:2;grid-row:1 / 4}.contact__field--phone{grid-column:1;grid-row:2}.contact__field--email{grid-column:1;grid-row:3}@media screen and (max-width:1024px)and (min-width:750px){.contact__form-grid{grid-template-columns:1fr;grid-template-rows:auto auto auto auto}.contact__field--name{grid-column:1;grid-row:1}.contact__field--phone{grid-column:1;grid-row:2}.contact__field--email{grid-column:1;grid-row:3}.contact__field--request{grid-column:1;grid-row:4}}@media screen and (max-width:749px){.contact__form-grid{grid-template-columns:1fr;grid-template-rows:auto auto auto auto}.contact__field--name{grid-column:1;grid-row:1}.contact__field--phone{grid-column:1;grid-row:2}.contact__field--email{grid-column:1;grid-row:3}.contact__field--request{grid-column:1;grid-row:4}}.contact .field{margin-bottom:0;animation:fadeInUp .6s ease-out both}.contact__field--name{animation-delay:.4s}.contact__field--phone{animation-delay:.5s}.contact__field--email{animation-delay:.6s}.contact__field--request{animation-delay:.7s}.contact__button{animation:fadeInUp .6s ease-out .8s both}.contact__privacy-text{animation:fadeInUp .6s ease-out .9s both}.contact .field__input,.contact .text-area{width:100%;padding:10px 16px;border:1px solid #CDAC83!important;border-radius:8px;font-family:Creato Display,sans-serif;font-size:13px;font-weight:400;background:#fff;transition:all .3s cubic-bezier(.4,0,.2,1);color:#000;line-height:1.3;box-shadow:0 2px 8px #cdac831a;outline:none!important;transform:translateY(0)}.contact .field__input:hover,.contact .text-area:hover{border-color:#b8956f!important;box-shadow:0 4px 16px #cdac8333;transform:translateY(-1px)}.contact .field__input:focus,.contact .text-area:focus{outline:none!important;border-color:#999!important;box-shadow:0 0 0 3px #9999991a,0 4px 20px #cdac8340;transform:translateY(-2px)}.contact .field__input::placeholder,.contact .text-area::placeholder{color:#999!important;font-size:.95rem!important;opacity:1!important}.contact .field__input::-webkit-input-placeholder,.contact .text-area::-webkit-input-placeholder{color:#999!important;font-size:.95rem!important;opacity:1!important}.contact .field__input::-moz-placeholder,.contact .text-area::-moz-placeholder{color:#999!important;font-size:.95rem!important;opacity:1!important}.contact .field__input:-ms-input-placeholder,.contact .text-area:-ms-input-placeholder{color:#999!important;font-size:.95rem!important;opacity:1!important}.contact__field--request .text-area{height:100%;min-height:120px;resize:vertical}.contact__field--name .field__input,.contact__field--phone .field__input,.contact__field--email .field__input{height:48px}.contact .field__label{display:none!important}.contact .field__label--floating{position:absolute;left:16px;top:50%;transform:translateY(-50%);font-family:Creato Display,sans-serif;font-size:.95rem;color:#999;pointer-events:none;transition:all .4s cubic-bezier(.4,0,.2,1);background:#fff;padding:0 4px;display:block!important;opacity:.8}.contact .field__label--floating:hover{opacity:1}.contact .field__label--floating-textarea{position:absolute;left:16px;top:16px;font-family:Creato Display,sans-serif;font-size:.95rem;color:#999;pointer-events:none;transition:all .4s cubic-bezier(.4,0,.2,1);background:#fff;padding:0 4px;display:block!important;z-index:1;opacity:.8}.contact .field__label--floating-textarea:hover{opacity:1}.contact .field__input:focus+.field__label--floating,.contact .field__input:not(:placeholder-shown)+.field__label--floating{opacity:0;visibility:hidden}.contact .text-area:focus+.field__label--floating-textarea,.contact .text-area:not(:placeholder-shown)+.field__label--floating-textarea{opacity:0;visibility:hidden}.required-asterisk{color:#d32f2f!important;font-weight:700}.contact .field{position:relative}#ContactForm-name::placeholder,#ContactForm-phone::placeholder,#ContactForm-email::placeholder,#ContactForm-body::placeholder{color:#999!important;opacity:1!important;font-size:.95rem!important}#ContactForm-name::-webkit-input-placeholder,#ContactForm-phone::-webkit-input-placeholder,#ContactForm-email::-webkit-input-placeholder,#ContactForm-body::-webkit-input-placeholder{color:#999!important;opacity:1!important}#ContactForm-name::-moz-placeholder,#ContactForm-phone::-moz-placeholder,#ContactForm-email::-moz-placeholder,#ContactForm-body::-moz-placeholder{color:#999!important;opacity:1!important}.contact__button{margin-top:1.2rem;display:flex;gap:20px}.contact__submit-btn{background:var(--COLOR-4_TEJAK, #485646);color:#fff;border:none;width:30%;max-width:500px;height:44px;font-family:Creato Display,sans-serif;font-size:13px;font-weight:500;line-height:normal;border-radius:8px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:.5px;position:relative;overflow:hidden;box-shadow:0 4px 12px #4856464d;transform:translateY(0)}.contact__submit-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .6s ease}.contact__submit-btn:hover{background-color:#3a4d3a;transform:translateY(-2px);box-shadow:0 6px 20px #48564666;letter-spacing:.8px}.contact__submit-btn:hover:before{left:100%}.contact__submit-btn:active{transform:translateY(0);box-shadow:0 2px 8px #4856464d}.contact__privacy-text{margin-top:.75rem;font-family:Creato Display,sans-serif;font-size:11px;font-weight:400;line-height:1.3;color:#666;max-width:325px}.contact .form__message{align-items:flex-start}.contact .icon-success{margin-top:.2rem}.contact img{max-width:100%}.contact__field-error{display:block;margin-top:.5rem;font-size:.8rem;color:#d32f2f}.field--error .field__input,.field--error .text-area{border-color:#d32f2f!important}.field--error .field__input:focus,.field--error .text-area:focus{border-color:#d32f2f!important;box-shadow:0 0 0 2px #d32f2f33}.field:after,.select:after,.customer .field:after,.customer select:after,.localization-form__select:after{display:none}.button:after,.shopify-challenge__button:after,.customer button:after,.shopify-payment-button__button--unbranded:after{display:none}
/*# sourceMappingURL=/cdn/shop/t/18/assets/ir-contact-form.css.map */
