.contact-form.section{padding-bottom:var(--spacing-20)}.contact-us__introduction{text-align:center;background:#efe8dc;padding:80px 50px 350px;--font-size-heading-2-base: clamp(34px, calc(34px + (54 - 34) * ((100vw - 768px) / (1920 - 768))),54px)}.contact-us__introduction .contact-form__text{margin-top:20px}.contact-us__introduction .contact-form__text p{max-width:55ch;margin-inline:auto;font-size:var(--font-18);color:#101010}.contact-form__inner{padding:40px;box-shadow:0 0 40px #00000010;display:grid;grid-template-columns:1fr 1.5fr;gap:80px;margin-top:-350px;background:#fff;min-height:650px;align-items:center}.contact-form__information{background:var(--info-background-color);padding:40px;height:100%}.contact-form__information h3{font-weight:700;font-size:var(--font-24);color:var(--info-text-color)}.contact-form__information .contact-form__information-text p{margin-block:20px;font-size:var(--font-16);line-height:1.6;color:var(--info-text-color)}.contact-form__contact-info{list-style:none;padding-inline:0;display:flex;flex-direction:column;gap:15px}.contact-form__contact-info li{display:flex;align-items:center;gap:15px;color:var(--info-text-color)}.contact-form__contact-info li p{font-weight:500;font-size:var(--font-18)}.contact-form__contact-info .contact-form-contact-info-icon{width:36px;height:36px;border:1px solid var(--info-text-color);border-radius:50%;display:flex;align-items:center;justify-content:center}.contact-form__form{height:fit-content;max-width:650px;width:100%}.contact-form__form h3{font-weight:700;font-size:var(--font-24);color:#101010;margin-bottom:0}.contact-form__wrapper{row-gap:15px}.contact-form__input-wrapper input,.contact-form__input-wrapper textarea,.contact-form__input-wrapper select{font-size:var(--font-16);color:#101010;border-color:#ddd}.contact-form__button.btn{font-size:var(--font-16);min-height:auto;height:auto;padding-block:8px;padding-inline:30px}.form-status__message.form-status__message--success{--color-text-success: var(--accent-color)}@media screen and (max-width:1600px){.contact-us__introduction .contact-form__text p{font-size:var(--font-16)}.contact-form__inner{--content-width:1100px}.contact-form__inner{padding:30px;min-height:540px}.contact-form__information{padding:30px}.contact-form__information h3{font-size:var(--font-20)}.contact-form__information .contact-form__information-text p{font-size:var(--font-14)}.contact-form__contact-info .contact-form-contact-info-icon{width:32px;height:32px}.contact-form__contact-info .contact-form-contact-info-icon svg{width:12px;height:auto}.contact-form__form h3{font-size:var(--font-20)}.contact-form__contact-info li p{font-size:var(--font-16)}.contact-form__input-wrapper input,.contact-form__input-wrapper select{--height-input: 40px;font-size:var(--font-14)}.contact-form__input-wrapper textarea{font-size:var(--font-14);height:100px!important}.contact-form__button.btn{font-size:var(--font-14);padding-block:6px;padding-inline:25px}}@media screen and (max-width:1440px){.contact-us__introduction .contact-form__text p{font-size:var(--font-14)}.contact-form__inner{--content-width:990px}.contact-form__inner{padding:30px;min-height:500px;gap:50px}.contact-form__information h3{font-size:var(--font-18)}.contact-form__contact-info .contact-form-contact-info-icon{width:28px;height:28px}.contact-form__contact-info .contact-form-contact-info-icon svg{width:10px;height:auto}.contact-form__form{max-width:500px}.contact-form__form h3{font-size:var(--font-18)}.contact-form__contact-info li p{font-size:var(--font-14)}.contact-form__input-wrapper input,.contact-form__input-wrapper select{font-size:13px}.contact-form__button.btn{font-size:var(--font-14);padding-block:6px;padding-inline:22px}}@media screen and (max-width:1280px){.contact-us__introduction{padding-bottom:320px}}@media screen and (max-width:1024px){.contact-form__inner,.contact-form__information{padding:20px}}@media screen and (max-width:768px){.contact-form__inner{display:flex;flex-direction:column;gap:25px}.contact-form__information .contact-form__information-text p{margin-block:10px}.contact-form__form{max-width:100%}}@media screen and (max-width:590px){.contact-form__inner,.contact-form__information{padding:15px}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/template-contact-us-page.css.map */