.main-contact{background-color:#f4eae2}.main-contact .form{padding:56px 16px;border-top:1px solid var(--main-color);border-bottom:1px solid var(--main-color)}.main-contact .contact-title{font-family:var(--font-heading-family);font-size:48px;line-height:56px;letter-spacing:2px;color:var(--main-color);margin:0}.main-contact .image-next-to-title{display:flex;width:77px;height:84px;object-fit:cover}.main-contact .title-and-image{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;max-width:343px;margin-left:auto;margin-right:auto}.contact-input{padding:14px 22px;font-family:var(--font-body-family);font-weight:500;font-size:18px;line-height:28px;color:var(--main-color);border:0;width:100%}input.contact-input{height:56px;border-radius:9999px}textarea.contact-input{border-radius:24px}.contact-input::placeholder{font-size:18px;line-height:28px;color:var(--main-color);font-weight:500}.main-contact .contact-form{display:grid;gap:16px}.main-contact .main-image{display:flex}.main-contact .main-image img{width:100%;height:auto;object-fit:cover;aspect-ratio:375 / 409}.main-contact .submit{max-width:343px;margin-left:auto;margin-right:auto;width:100%}.main-contact .submit input{border:2px solid var(--main-color);color:var(--main-color);height:56px;font-family:var(--font-btn-family);width:100%;font-size:14px;line-height:20px;text-align:center;border-radius:9999px;background:var(--color-secondary);text-transform:uppercase;transition:all .3s ease-in-out}@media (hover:hover){.main-contact .submit input:hover{background:var(--main-color);color:var(--color-secondary);cursor:pointer}}@media (min-width: 1024px){.main-contact{display:grid;grid-template-columns:1fr 1fr}.main-contact .main-image img{aspect-ratio:720 / 580}.main-contact .form{order:2}.main-contact .submit,.main-contact .title-and-image{max-width:100%}.main-contact .contact-form{grid-template-columns:1fr 1fr;gap:16px;max-width:560px;margin-left:auto;margin-right:auto}.main-contact .title-and-image{max-width:560px;margin-left:auto;margin-right:auto}.contact-form .email,.contact-form .subject,.contact-form .message,.contact-form .submit{grid-column:1 / -1}}@media (min-width: 1200px){.main-contact .form{padding:44px 80px 88px}.main-contact .contact-title{font-size:56px;line-height:64px}.main-contact .main-image{border-top:1px solid var(--main-color);border-bottom:1px solid var(--main-color)}}
/*# sourceMappingURL=/cdn/shop/t/40/assets/main-contact.css.map */
