body {
  --header-height: 70px;
  --full-height: calc(100vh - var(--header-height));
  --sidebar-width: 320px;
  --box-radius: 5px;
}
.section--title {
  position: static;
}
.section--title:before {
  content: "";
  height: 1.2em;
  width: 10px;
  position: absolute;
  left: var(--sidebar-width);
  background: var(--primary);
  border-radius: 0 var(--box-radius) var(--box-radius) 0;
}
@media screen and (max-width: 991px) {
  .section--title:before {
    left: 0;
  }
}
.boxed--white h3:first-of-type, .section--content h3:first-of-type {
  margin-top: 0;
}
.box--default, .wcp--wrapper .wcp--item, .line-item--optional {
  -webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  -moz-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  -o-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  border: 2px solid var(--base-trans-10);
  cursor: pointer;
  color: var(--base-trans-40);
}
.box--default .btn--base, .wcp--wrapper .wcp--item .btn--base, .line-item--optional .btn--base {
  background: var(--base-light-trans-20);
  color: var(--base-trans-40);
  border-color: var(--base-trans-20);
  -webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  -moz-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  -o-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
.box--hover, .wcp--wrapper .wcp--item:hover, .line-item--optional:hover {
  border-color: var(--base);
  background: var(--base-light-trans-20);
  color: var(--base);
}
.box--hover .btn--base, .wcp--wrapper .wcp--item:hover .btn--base, .line-item--optional:hover .btn--base {
  background: var(--base-trans-80);
  color: white;
  border-color: var(--base-trans-80);
}
.box--selected, .wcp--wrapper .wcp--item.selected, .wcp--wrapper .wcp--item.selected:hover, .line-item--optional.selected, .line-item--optional.selected:hover {
  border-color: var(--primary);
  background: var(--primary-trans-10);
  color: var(--base);
}
.box--selected .btn--base, .wcp--wrapper .wcp--item.selected .btn--base, .wcp--wrapper .wcp--item.selected:hover .btn--base, .line-item--optional.selected .btn--base, .line-item--optional.selected:hover .btn--base {
  background: var(--primary);
  color: white !important;
  border-color: var(--primary);
}
.wcp--wrapper .wcp--item.selected {
  border-color: var(--primary);
}
.wcp--wrapper .wcp--item.selected:hover {
  border-color: var(--primary-trans-60);
}
.optional-tag, .line-item--optional {
  padding-top: 50px !important;
  position: relative;
}
.optional-tag:before, .line-item--optional:before {
  content: "OPTIONAL";
  position: absolute;
  top: -1px;
  background: var(--primary-trans-10);
  color: var(--primary);
  font-size: 0.7em;
  padding: 4px 5px 2px;
  left: 30px;
  border-radius: 0 0 var(--box-radius) var(--box-radius);
}
.line-item--optional {
  background: #FFFFFF66;
}
.line-item--optional:hover {
  background: white;
}
.line-item--optional.selected {
  background: white;
}
.line-item--optional.selected:hover {
  background: white;
  border-color: var(--primary);
}
.plan {
  font-size: 16px;
  text-transform: uppercase;
  padding: 0.4em 0.5em 0.2em;
  border-radius: var(--box-radius);
  background: var(--base-light-trans-60);
  white-space: nowrap;
}
.plan.proplus {
  background: var(--primary-trans-60);
}
.plan.premium {
  background: var(--base);
  color: white;
}
.price-line {
  -webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  -moz-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  -o-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  opacity: 1;
}
.price-line.hidden {
  opacity: 0;
}
.gfield_required_custom {
  font-style: normal !important;
  text-transform: uppercase;
  font-size: 0.9em !important;
  line-height: 1em;
  background: #ffe2e2;
  color: #9f0712;
  border-radius: 30px;
  padding: 0.25em 1em !important;
  margin-left: 5px;
  display: inline-block;
  font-weight: 500;
}
#input_1_8 {
  max-width: 800px;
}
#gform_submit_button_1 {
  border: none;
  background: var(--primary);
  padding: 1rem 2.5rem;
  border-radius: 5px;
  -webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  -moz-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  -o-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
#gform_submit_button_1:hover {
  background: var(--base);
  color: white;
}
.gform_required_legend {
  display: none !important;
}
.gform_validation_errors {
  position: absolute !important;
  top: 100px;
  max-width: 1280px !important;
  text-align: center;
  padding: 20px !important;
}
.ginput_container input, .ginput_container canvas {
  border-radius: var(--radius-xl);
}
#gform_submit_button_1 {
  border-radius: var(--btn-radius);
  padding-block: var(--btn-padding-block);
  padding-inline: var(--btn-padding-inline);
  font-weight: 500;
  color: white;
  text-transform: uppercase;
}
.validation_message {
  background: none !important;
  border: none !important;
  padding: 0 !important;
}
.page-loader {
  display: none;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}
.page-loader.loading {
  display: flex;
}
input {
  font-size: 16px !important;
}
.accepted-banner--wrapper {
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}
@media print {
  .single-proposal * {
    color: black !important;
  }
  .single-proposal .main--content {
    padding-top: 0 !important;
  }
  .single-proposal #section--intro {
    background: white !important;
  }
  .single-proposal #section--intro:before {
    background: white !important;
  }
  .single-proposal #section--intro .hero--inner {
    background: white !important;
  }
  .single-proposal .hh-full-logo path {
    fill: black !important;
  }
  .single-proposal #section--intro {
    padding: 0 !important;
  }
  .single-proposal .main--sidebar, .single-proposal .brxe-button, .single-proposal .proposal--header {
    display: none !important;
  }
  .single-proposal .section--title:before {
    display: none;
  }
  .single-proposal #section--faqs {
    display: none !important;
  }
  .single-proposal .x-back-to-top_progress {
    display: none !important;
  }
}