.contact-us{color:#1d1f1e;display:flex;width:100%;max-width:97.5rem;margin:6.25rem auto;padding-inline:5rem;gap:3%}.contact-us .left-col{flex:1}.contact-us .left-col h2{font-size:2.25rem;font-weight:700;line-height:3.375rem;margin-bottom:.8125rem;padding-right:1.875rem}@media(max-width:1023px){.contact-us .left-col h2{font-size:1.75rem;max-width:50rem;margin-left:auto;margin-right:auto}}.contact-us .left-col .quote{color:#6b7280;font-weight:400;font-size:1.125rem;margin-bottom:5.25rem;max-width:33.75rem;line-height:normal}@media(max-width:1023px){.contact-us .left-col .quote{max-width:50rem;padding-right:10rem;margin-left:auto;margin-right:auto}}@media(max-width:768px){.contact-us .left-col .quote{margin-bottom:3.375rem;padding-right:5.625rem}}@media(max-width:576px){.contact-us .left-col .quote{padding-right:.625rem}}.contact-us .left-col span{font-weight:500;line-height:2rem;font-size:1.375rem;margin-bottom:1.375rem;display:flex;gap:.6875rem;align-items:center}.contact-us .left-col span a{color:#1d1f1e}@media(max-width:1023px){.contact-us .left-col span{max-width:50rem;margin-left:auto;margin-right:auto}}.contact-us .right-col{padding-inline:3.5rem;flex:1}.contact-us .right-col form{background-color:#fff;width:100%;max-width:35.5rem;border-radius:.375rem;border:1px solid #E2E8F0;padding:1.5625rem;display:grid;grid-template-columns:repeat(12,1fr);-moz-column-gap:.5rem;column-gap:.5rem;row-gap:.875rem;position:relative}@media(max-width:1365px){.contact-us .right-col form{padding:1.5rem}}@media(max-width:768px){.contact-us .right-col form{padding:.9375rem}}.contact-us .right-col form h3{font-size:2rem;font-weight:500;line-height:3rem;font-family:Montserrat,sans-serif;margin-bottom:.625rem;grid-column:span 12}@media(max-width:768px){.contact-us .right-col form h3{font-size:1.25rem;line-height:110%}}.contact-us .right-col form .back-drop{position:absolute;left:0;right:0;width:100%;height:100%;background:#fff9;z-index:5}.contact-us .right-col form .messages{top:0;left:0;position:absolute;width:100%;height:100%;min-height:10rem;justify-content:center;align-items:center;z-index:2;border-radius:.375rem;max-width:100%!important}.contact-us .right-col form .messages-container{color:#000;width:100%;display:block;padding:3rem;text-wrap:wrap;background:#991b1b;border-radius:16px;position:absolute;top:50%;left:2%;max-width:96%;transform:translateY(-50%)}.contact-us .right-col form .messages-container h3{font-size:1.5rem}@media(max-width:768px){.contact-us .right-col form .messages-container h3{font-size:1.25rem;line-height:110%}}.contact-us .right-col form .messages-container svg{width:2.25rem;position:absolute;right:0;top:0;transform:none;margin:1rem}.contact-us .right-col form .messages-container svg:hover{animation:skew-svg .4s;cursor:pointer}.contact-us .right-col form .messages .btn--black{overflow:hidden;padding:.75rem 1.875rem;display:block;width:-moz-min-content;width:min-content;text-wrap:nowrap;margin:2rem auto 0;font-weight:400}.contact-us .right-col form .hide{display:none}.contact-us .right-col form .form-message-success{background:#fff9}.contact-us .right-col form .form-message-success h3{text-align:center}.contact-us .right-col form .form-message-success span{display:none}.contact-us .right-col form .form-message-error{background:#fff9}.contact-us .right-col form .form-message-error h3{color:#ff0000b3;font-size:1.25rem;line-height:2rem}@media(max-width:768px){.contact-us .right-col form .form-message-error h3{font-size:1rem;line-height:110%}}.contact-us .right-col form .form-width-25{grid-column:span 3}.contact-us .right-col form .form-width-33{grid-column:span 4}.contact-us .right-col form .form-width-50{grid-column:span 6}.contact-us .right-col form .form-width-66{grid-column:span 8}.contact-us .right-col form .form-width-75{grid-column:span 9}.contact-us .right-col form .form-width-100{grid-column:span 12}.contact-us .right-col form .form-field{width:100%;display:grid;position:relative}.contact-us .right-col form .form-field-label{display:block!important}.contact-us .right-col form .form-field-label span.label-text{font-weight:500;font-size:.875rem}@media(max-width:768px){.contact-us .right-col form .form-field-label span.label-text{font-size:.75rem;line-height:110%}}.contact-us .right-col form .form-field-label .error-message{display:inline-block;font-size:1rem;color:red;height:1px;margin-left:.1875rem}@media(max-width:768px){.contact-us .right-col form .form-field-label .error-message{font-size:.875rem;line-height:110%}}.contact-us .right-col form .form-field-label .textarea-description{color:#9ca3af;font-size:.875rem;line-height:1.25rem}@media(max-width:768px){.contact-us .right-col form .form-field-label .textarea-description{font-size:.75rem;line-height:110%}}.contact-us .right-col form .form-field-label .textarea-description a{color:#111827;text-decoration:underline}.contact-us .right-col form .form-field .file-in:before{box-shadow:0 0 20px #991b1b inset}.contact-us .right-col form .form-field input[type=tel],.contact-us .right-col form .form-field input[type=text],.contact-us .right-col form .form-field input[type=url],.contact-us .right-col form .form-field input[type=email],.contact-us .right-col form .form-field select{margin-top:.34375rem;width:100%;border-radius:6px;border:1px solid rgba(2,44,34,.1294117647);padding:.5rem .75rem;font-size:.875rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;line-height:1.25rem;color:#9ca3af}@media(max-width:768px){.contact-us .right-col form .form-field input[type=tel],.contact-us .right-col form .form-field input[type=text],.contact-us .right-col form .form-field input[type=url],.contact-us .right-col form .form-field input[type=email],.contact-us .right-col form .form-field select{padding:.25rem .375rem;font-size:.75rem;line-height:110%}}.contact-us .right-col form .form-field textarea{margin-top:.375rem;width:100%;border-radius:6px;border:1px solid rgba(2,44,34,.1294117647);font-family:Inter,sans-serif;padding:1rem 1.4rem;font-size:1rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;resize:vertical;min-height:3.75rem;max-height:12.5rem}@media(max-width:768px){.contact-us .right-col form .form-field textarea{font-size:.875rem;line-height:110%}}.contact-us .right-col form .form-field input[type=file]::-webkit-file-upload-button{visibility:hidden;text-align:center;width:0;margin:0 auto}.contact-us .right-col form .form-field input[type=file]:before{content:"";display:grid;height:2.5rem;padding:1rem 1.4rem;border-radius:6px;text-align:center;background-repeat:no-repeat;background-position:center;border:1px solid rgba(2,44,34,.1294117647);background-size:23%;background-image:url(https://site.webchefs.dev/assets/common/upload-file.svg)}.contact-us .right-col form .form-field input[type=file]:hover{cursor:pointer}.contact-us .right-col form .form-field input[type=checkbox]{width:1.25rem;height:1.25rem;margin-right:.5rem}@media(max-width:768px){.contact-us .right-col form .form-field input[type=checkbox]{width:1rem;height:1rem}}.contact-us .right-col form .form-field label{display:flex}.contact-us .right-col form .form-field .label-assets{height:5px}.contact-us .right-col form .form-field .label-assets .error-message{position:absolute;top:0;right:0;font-size:1.125rem}@media(max-width:768px){.contact-us .right-col form .form-field .label-assets .error-message{font-size:.875rem;line-height:110%}}.contact-us .right-col form .form-field .select-container{position:relative}.contact-us .right-col form .form-field .select-container svg{position:absolute;top:50%;right:1.25rem;transform:translateY(-50%)}.contact-us .right-col form .form-field .optional{padding:0;color:#646a69}.contact-us .right-col form .label-checkboxes{display:inline}.contact-us .right-col form .label-checkboxes .error-message{display:inline;margin:0;color:red;padding-left:.3125rem;font-size:1rem}@media(max-width:768px){.contact-us .right-col form .label-checkboxes .error-message{font-size:.75rem;line-height:110%}}.contact-us .right-col form .label-checkboxes label{display:inline}@media(max-width:768px){.contact-us .right-col form .label-checkboxes label{font-size:.75rem;line-height:110%}}.contact-us .right-col form .label-checkboxes input{transform:translateY(.25rem)}.contact-us .right-col form .label-checkboxes br{display:none}.contact-us .right-col form .sending-form{z-index:6}.contact-us .right-col form .sending-form span{display:none}.contact-us .right-col form .sending-form svg{display:none}.contact-us .right-col form .sending-form .loading-animation{display:block;height:1.875rem;margin-left:.5rem}.contact-us .right-col form .sending-form:hover svg{animation:none}.contact-us .right-col form .sending-form:hover:after{animation:none}.contact-us .right-col form .loading-animation{display:none}.contact-us .right-col form button{padding:.5rem 1rem;width:100%;background:#022c22;color:#fff;font-size:.875rem;line-height:1.5rem;display:flex;align-items:center;justify-content:center;gap:.6875rem;border-radius:6px;position:relative;overflow:hidden;grid-column:span 12}@media(max-width:768px){.contact-us .right-col form button{font-size:.75rem;line-height:110%}}.contact-us .right-col form button:after{position:absolute;content:"";background:#fff;filter:brightness(1.3);top:0%;left:-132%;width:200%;height:100%;border:none;opacity:.6;transform:rotate(-45deg)}@media(max-width:1365px){.contact-us .right-col form button svg{width:20px}}@media(max-width:768px){.contact-us .right-col form button svg{width:19px}}.contact-us .right-col form button:hover svg{animation:move-arrow .4s .2s}.contact-us .right-col form button:hover:after{animation:contact-button-animation .6s}@media(max-width:1023px){.contact-us .right-col form{margin:2.5rem 0 0}.contact-us .right-col{width:100%;display:flex;justify-content:center;padding-inline:0}}.contact-us .full-width{width:100%;display:flex;justify-content:center}@media(max-width:1023px){.contact-us{flex-direction:column;padding-inline:1.5rem}}@media(max-width:768px){.contact-us{flex-direction:column;padding-inline:.9rem}}@keyframes move-arrow{40%{transform:translate(-.5rem)}80%{transform:translate(.5rem)}}@keyframes contact-button-animation{0%{opacity:.4}to{opacity:.6;top:0%;left:20%}}@keyframes skew-svg{40%{transform:rotate(14deg)}80%{transform:rotate(-4deg)}}