/** Shopify CDN: Minification failed

Line 117:35 "flex-directon" is not a known CSS property
Line 133:0 Unexpected "{"

**/
.section.form-image .contact img {
  max-width: 100%;
}

.section.form-image .contact .form__message {
  align-items: center;
  border: none; 
  align-items: center;
  line-height: 20px;
  box-shadow: none;
  outline: none;
  outline-offset: unset;
}

.section.form-image .contact .icon-success {
  margin-top: 0.2rem;
}

.section.form-image .contact .field {
  margin-bottom: 1.5rem;
}

@media screen and (min-width: 750px) {
 .section.form-image .contact .field {
    margin-bottom: 2rem;
  }
}

.section.form-image .contact__button {
  margin-top: 2rem;
}

@media screen and (min-width: 750px) {
 .section.form-image  .contact__button {
    margin-top: 2rem;
  }
}

@media screen and (min-width: 750px) {
  .contact__fields {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-column-gap: 2rem;
  }
}
textarea#ContactForm-body{ padding-left:3rem; min-height:18rem;}
.contact__fields .field .field__input{ padding-left:3rem; min-height:6rem;}
.section.form-image .contact .title{ font-weight:700;}
.section.form-image .cont-img{ padding: 0 42px 0 0px;}
.grecaptcha-badge {
  visibility: hidden;
}
form#ContactForm{ margin-top:5rem;}
.section.form-image .form-contact .contact{     max-width: 64rem;
  }
.field__input{ border: 0;
    background-color: var(--gradient-base-background-1);}
.section.form-image .form-contact{   margin:auto;   max-width: calc(var(--page-width) - 12rem); }
.section.form-image  .contact .title-wrapper--no-top-margin span{    
  display: block;
    font-size: 3.5rem;
    color: var(--color-icon);
    font-weight: 400;
    margin-bottom: 30px;
    font-family: var(--font-heading-family);}
@media (min-width:768px){
    .contact-layout{   grid-template-columns:auto;     max-width: 80%;
    margin: 6rem auto auto auto; }
/* .section.form-image .form-contact .contact{   margin-left: auto; } */
}
@media screen and (min-width: 768px) and (max-width:1440px) {
  .section.form-image .page-width{padding:0 3rem}  

}
.section.form-image .form-contact{ padding:5% 0;     justify-content: center; }




  @media screen and (min-width: 782px) and (max-width:1199px) {
.section.form-image .form-contact .contact{ padding-left:0; width:80%;}
 
  }
.collapsible_address-block .list-unstyled .link:hover{ color:var(--gradient-base-accent-2);}
.collapsible_address-block .list-unstyled .link span{transition:all 0.3s linear;  }
.collapsible_address-block .list-unstyled .link span:hover{ color:var(--gradient-base-accent-2);}
.collapsible_address-block .list-unstyled .link{ text-decoration: none; display: flex;
    align-items: center;}
@media (max-width:1023px){
  .contact-layout{   grid-template-columns:auto;  }
}
.collapsible_address-block ul li {    display: flex;
    align-items: center; margin-bottom:3rem;}
.collapsible_address-block ul li svg{ margin-right:16px;}
.layout-contact-left{ max-height:62rem; background-color:var(--gradient-base-background-1);}
.collapsible_address-block .address-block-desc{ margin-bottom: 5rem;}
.contact-layout{     display: grid;
    }
.collapsible_address-block{ padding:5rem; display: flex;
    flex-direction: column;
    align-items: flex-start;}
.collapsible_address-block h3.address-block-heading.h4{ font-size:3.5rem; font-weight:700; margin-top:0; margin-bottom:0rem;}
.collapsible_address-block ul li address{ font-style: unset;}

.section.form-image{ margin-bottom:-7rem;}
.contact-layout{ border:5px solid var(--gradient-base-background-4);}
  @media screen and (max-width: 1199px) {
.collapsible_address-block ul li address{max-width: 200px;} }
.form-image{ overflow:hidden;}
@media (min-width:990px){
.section.form-image .form-contact{ flex-directon:row-reverse;} }
  @media screen and (max-width: 767px) {
    .collapsible_address-block{ padding:2rem;}
    .section.form-image .contact .title{ font-size:3rem;}
    .contact-layout{ margin:2rem;}
.contact .title-wrapper--no-top-margin.h1{ font-size:3rem;} }

@media (max-width:989px){
.section.form-image .form-contact{     flex-direction: column !important; } }
 .contact-layout{ margin-top:8rem;}
  @media screen and (min-width: 768px) and (max-width:989px) {
.contact-layout{ max-width:100% !Important; } 
   
  }
 .shopify-section.reveal.form-image :where(.collapsible_address-block):before {     animation:fadeInn  1s ease both;}
  @keyframes fadeInn{0%{opacity:0;  filter: blur(10px); transform:scale(0.9);}to{opacity:1;  filter: blur(0); transform:scale(1);}}
{ }