/** Shopify CDN: Minification failed

Line 424:20 Expected identifier but found whitespace
Line 432:0 Unexpected "@media"

**/
/* ================================
   FORMS SECTION (Clean)
   ================================ */

.forms-block{
  padding: 10rem 0;
  position: relative;
  isolation: isolate;
  background: #0029FF;
}

.forms-block .grid__wrapper{
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem;
  color: #fff;
}

@media (min-width: 1024px){
  .forms-block .grid__wrapper{
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 4rem;
    padding: 0 5rem;
  }
}

.forms-block .grid__wrapper .column:first-child{
  flex-direction: column;
  justify-content: center;
}

@media (min-width: 1024px){
  .forms-block .grid__wrapper .column:first-child{ grid-column: 1 / 3; }
}

.forms-block .grid__wrapper .column:last-child{
  background: var(--white);
  color: var(--black);
  padding: 2.4rem;
  border-radius: 18px;
  box-shadow: 0 20px 60px rgba(0,0,0,0.38);
}

@media (min-width: 1024px){
  .forms-block .grid__wrapper .column:last-child{
    grid-column: 3 / 6;
    padding: 5rem;
  }
}

/* Ensure embedded form inherits dark text in the white card */
.forms-block .grid__wrapper .column:last-child,
.forms-block .grid__wrapper .column:last-child *{
  color: inherit;
}

/* ================================
   Left column content
   ================================ */

.forms-block .forms__heading{
  display: flex;
  flex-direction: column;
}

.forms-block .forms__heading .heading__badge{
  width: fit-content;
  border-radius: 999px;
  background: rgba(255,255,255,0.14);
  border: 1px solid rgba(255,255,255,0.18);
  backdrop-filter: blur(8px);
  padding: 0.45rem 1rem;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.6;
  color: #fff;
  margin-bottom: 0.8rem;
}

.forms-block .forms__heading h2{
  font-size: 3.6rem;
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: -0.36px;
  margin: 0;
  color: inherit;
}

.forms-block .forms__heading p{
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.25;
  letter-spacing: -0.17px;
  margin: 1.6rem 0 0;
  color: inherit;
}

.forms-block .forms__contacts{
  display: flex;
  flex-direction: column;
  margin-top: 3.5rem;
}

.forms-block .forms__contacts .contact{
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 1.45;
  margin: 0;
}

.forms-block .forms__contacts .contact + .contact{
  margin-top: 0.8rem;
}

.forms-block .forms__contacts .contact > a{
  text-decoration: none;
  color: #ffffff;
}

.forms-block .forms__contacts .contact > a:hover{
  color: var(--cold);
}

.forms-block .forms__notes{
  display: flex;
  flex-direction: column;
  margin-top: 2.4rem;
}

.forms-block .forms__notes .note__item{
  display: flex;
  align-items: center;
  padding: .25rem 0;
}

.forms-block .forms__notes .note__item .note__icon{
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 1.6rem;
}

.forms-block .forms__notes .note__item .note__icon img{
  width: 2.4rem;
  height: auto;
  flex-shrink: 0;
}

.forms-block .forms__notes .note__item > p{
  font-size: 1.1rem;
  font-weight: 400;
  line-height: 1.4;
  margin: 0;
  color: #ffffff !important;
}

/* ================================
   Cognito form resets (scoped)
   ================================ */

.forms-block form{
  margin: 0 !important;
  width: 100% !important;
  max-width: none !important;
}

.forms-block form header{
  padding-bottom: 2rem !important;
}

.forms-block form .cog-form__container{
  background-color: transparent !important;
  margin: 0 auto !important;
}

.forms-block form .cog-field__placeholder{
  display: none !important;
}

.forms-block form .cog-body,
.forms-block form .cog-section,
.forms-block form .cog-field,
.forms-block form .cog-input,
.forms-block form .cog-page__navigation,
.forms-block form .cog-button,
.forms-block form .el-checkbox,
.forms-block form .el-checkbox__input{
  margin: 0 !important;
}

.forms-block form .cog-section__inner,
.forms-block form .cog-label,
.forms-block form .cog-input,
.forms-block form .cog-page__navigation,
.forms-block form .el-checkbox,
.forms-block form .el-checkbox__label{
  padding: 0 !important;
}

.forms-block form fieldset{
  margin: 0 !important;
  padding: 0 !important;
}

.forms-block form .cog-row + .cog-row{
  margin-top: 1.2rem !important;
}

/* ================================
   Cognito 2-col layout (desktop)
   ================================ */

.forms-block form .cog-row{
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 1.6rem !important;
}

/* Mobile: everything full width */
.forms-block form .cog-col--24,
.forms-block form .cog-col--12{
  flex: 0 0 100% !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

/* Desktop: allow true half-width columns */
@media (min-width: 1024px){
  .forms-block form .cog-col--12{
    flex: 0 0 calc(50% - 0.8rem) !important;
    width: calc(50% - 0.8rem) !important;
    max-width: calc(50% - 0.8rem) !important;
  }
  .forms-block form .cog-col--24{
    flex: 0 0 100% !important;
    width: 100% !important;
    max-width: 100% !important;
  }
}

/* Keep choice blocks + nav full width */
.forms-block form .cog-choice,
.forms-block form .cog-page__navigation{
  flex: 0 0 100% !important;
  width: 100% !important;
  max-width: 100% !important;
}

/* ================================
   Labels + inputs
   ================================ */

.forms-block form .cog-label{
  padding-bottom: 0.2rem !important;
  font-size: 1.1rem !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  color: var(--black) !important;
  margin-bottom: 0.4rem !important;
}

.forms-block form .el-input input,
.forms-block form .el-textarea textarea{
  width: 100% !important;
  font-size: 1.4rem !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
  color: var(--grey-875) !important;
  border-radius: 10px !important;
  border: 1px solid;
  background-color: var(--white) !important;
  background-origin: border-box !important;
  background-clip: padding-box, border-box !important;
}

/* Normal-height fields (not huge) */
.forms-block form .el-input input{
  height: 4.2rem !important;
  padding: 0.6rem 1.2rem !important;
}

.forms-block form .el-textarea textarea{
  min-height: 10rem !important;
  padding: 1rem 1.2rem !important;
  resize: vertical !important;
}

.forms-block form .el-input input:focus,
.forms-block form .el-textarea textarea:focus{
  border: 1px solid !important;
  outline: none !important;
  box-shadow: 0 0 0 4px rgba(34,118,243,0.18) !important;
  background-image:
    linear-gradient(var(--grey-50), var(--grey-50)),
    linear-gradient(92.3deg,#00E3F0 0%,#2276F3 33.72%,#AE00FF 67.97%,#FF48C9 101.16%) !important;
}

/* ================================
   Checkboxes
   ================================ */

.forms-block form .el-checkbox-group{
  display: flex !important;
  flex-direction: column !important;
  gap: 0.8rem !important;
}

.forms-block form .el-checkbox{
  display: flex !important;
  align-items: flex-start !important;
  transform: none !important;
}

.forms-block form .el-checkbox__input{
  position: static !important;
  transform: none !important;
}

.forms-block form .el-checkbox__label{
  font-size: 1.2rem !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
  color: var(--black) !important;
}

.forms-block form .el-checkbox__inner{
  border: 1px solid;
  border-radius: 4px !important;
}

.forms-block form .el-checkbox__inner::after{
  border: calc(var(--icon-weight)*0.32em) solid var(--grey-875) !important;
  border-top: 0 !important;
  border-left: 0 !important;
}

.forms-block form .el-checkbox__input.is-checked .el-checkbox__inner{
  background-origin: border-box !important;
  background-clip: padding-box, border-box !important;
  border: 2px solid;
  outline: none !important;
  background-image:
    linear-gradient(var(--grey-50), var(--grey-50)),
    linear-gradient(92.3deg,#00E3F0 0%,#2276F3 33.72%,#AE00FF 67.97%,#FF48C9 101.16%) !important;
}

/* ================================
   Button + nav
   ================================ */

.forms-block form .cog-page__navigation{
  position: relative !important;
  isolation: isolate !important;
  margin-top: 2.4rem !important;
  justify-content: center !important;
}

/* Your existing button styling can stay elsewhere.
   If you want a slimmer default feel on mobile, uncomment below:

.forms-block form .el-button.cog-button{
  width: 100% !important;
  min-width: 0 !important;
  border-radius: 999px !important;
}

@media (min-width: 768px){
  .forms-block form .el-button.cog-button{
    width: auto !important;
  }
}
*/
/* ================================
   FINAL VISUAL + LAYOUT FIX
   ================================ */

/* 1) Make the form card white */
.forms-block .grid__wrapper .column:last-child{
  background: #ffffff !important;
}

/* 2) Restore true 2-column Cognito layout */
@media (min-width: 1024px){
  .forms-block form .cog-row{
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 1.6rem !important;
  }

  /* Fields that must span full width */
  .forms-block form .cog-col--24,
  .forms-block form .cog-choice,
  .forms-block form .cog-page__navigation{
    grid-column: 1 / -1 !important;
  }
}

/* 3) Inputs: normal, professional size */
.forms-block form .el-input input{
  height: 40px !important;
  padding: 6px 12px !important;
  font-size: 14px !important;
  line-height: 1.2 !important;
  border-radius: 8px !important;
  background: #fff !important;
}

/* Textarea */
.forms-block form .el-textarea textarea{
  min-height: 96px !important;
  padding: 10px 12px !important;
  font-size: 14px !important;
  background: #fff !important;
}

/* 4) Placeholder color (currently too light) */
.forms-block form ::

/* =========================================
   STABLE COGNITO LAYOUT + NORMAL INPUT SIZE
   Paste at VERY bottom (and remove the prior “stretch” patch)
========================================= */

/* --- 1) Two-column layout on desktop (only top-level columns) --- */
@media (min-width: 1024px){
  .forms-block form .cog-row{
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 1.6rem !important;
  }

  .forms-block form .cog-col--24{
    flex: 0 0 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .forms-block form .cog-col--12{
    flex: 0 0 calc(50% - 0.8rem) !important;
    width: calc(50% - 0.8rem) !important;
    max-width: calc(50% - 0.8rem) !important;
    min-width: 0 !important;
  }

  /* Keep these full width */
  .forms-block form .cog-choice,
  .forms-block form .cog-page__navigation{
    flex: 0 0 100% !important;
    width: 100% !important;
    max-width: 100% !important;
  }
}

/* --- 2) Make controls fill their column WITHOUT overriding Cognito wrappers --- */
.forms-block form .el-input,
.forms-block form .el-select,
.forms-block form .el-textarea{
  width: 100% !important;
  max-width: 100% !important;
}

/* Element UI actual input element */
.forms-block form .el-input__inner,
.forms-block form .el-textarea__inner{
  width: 100% !important;
  box-sizing: border-box !important;
  height: 40px !important;
  padding: 6px 12px !important;
  font-size: 14px !important;
  line-height: 1.2 !important;
  border-radius: 8px !important;
}

/* Textarea height */
.forms-block form .el-textarea__inner{
  height: auto !important;
  min-height: 110px !important;
  padding: 10px 12px !important;
}

/* Placeholder tone */
.forms-block form .el-input__inner::placeholder,
.forms-block form .el-textarea__inner::placeholder{
  color: #9ca3af !important;
}

/* Keep checkbox labels dark inside the card */
.forms-block .grid__wrapper .column:last-child .el-checkbox__label{
  color: #111 !important;
}
/* Desktop: keep half-width columns half-width */
@media (min-width: 1024px){
  .forms-block form .cog-col--12{
    flex: 0 0 calc(50% - 0.8rem) !important;
    width: calc(50% - 0.8rem) !important;
    max-width: calc(50% - 0.8rem) !important;
    min-width: 0 !important;
  }
}
/* Make Cognito inputs actually fill the available width in each cog column */
.forms-block form .cog-row .cog-field,
.forms-block form .cog-row .cog-input,
.forms-block form .cog-row .cog-field .cog-input,
.forms-block form .cog-row .cog-field .cog-input > div{
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

/* Element UI wrappers must be block-level + 100% */
.forms-block form .cog-row .el-input,
.forms-block form .cog-row .el-select,
.forms-block form .cog-row .el-textarea{
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
}

/* The actual input/textarea element */
.forms-block form .cog-row .el-input__inner,
.forms-block form .cog-row .el-textarea__inner{
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

a{
  color:#ffffff
}