:root {
  --neutral--600: #646464;
  --neutral--800: #0e0e0e;
  --accent--primary-1: #009eff;
  --neutral--300: #e7e7e7;
  --neutral--700: #2f2f2f;
  --general--shadow-01: #0000000f;
  --neutral--200: #f4f4f4;
  --neutral--100: white;
  --general--shadow-02: #00000014;
  --button-shadow--color-2: #ffd43e14;
  --neutral--500: #939393;
  --neutral--400: #c5c5c5;
  --system--green-400: #11845b;
  --system--blue-400: #086cd9;
  --system--blue-300: #1d88fe;
  --system--blue-200: #8fc3ff;
  --system--blue-100: #eaf4ff;
  --system--green-300: #05c168;
  --system--green-200: #7fdca4;
  --system--green-100: #def2e6;
  --system--red-400: #dc2b2b;
  --system--300: #ff5a65;
  --system--red-200: #ffbec2;
  --system--red-100: #ffeff0;
  --system--orange-400: #d5691b;
  --system--orange-300: #ff9e2c;
  --system--orange-200: #ffd19b;
  --system--orange-100: #fff3e4;
  --general--shadow-03: #0000001a;
  --general--shadow-04: #00000024;
  --general--shadow-05: #00000029;
  --general--shadow-06: #0000003d;
  --button-shadow--color-01: #ffd43e0f;
  --button-shadow--color-03: #ffd43e1f;
  --button-shadow--white-01: #14142b0a;
  --button-shadow--white-02: #14142b0f;
  --button-shadow--white-03: #14142b1a;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.w-pagination-wrapper {
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.w-pagination-previous {
  color: #333;
  background-color: #fafafa;
  border: 1px solid #ccc;
  border-radius: 2px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 9px 20px;
  font-size: 14px;
  display: block;
}

.w-page-count {
  text-align: center;
  width: 100%;
  margin-top: 20px;
}

.w-pagination-next {
  color: #333;
  background-color: #fafafa;
  border: 1px solid #ccc;
  border-radius: 2px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 9px 20px;
  font-size: 14px;
  display: block;
}

.w-commerce-commercecheckoutformcontainer {
  background-color: #f5f5f5;
  width: 100%;
  min-height: 100vh;
  padding: 20px;
}

.w-commerce-commercelayoutmain {
  flex: 0 800px;
  margin-right: 20px;
}

.w-commerce-commercecheckoutcustomerinfowrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutblockheader {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  justify-content: space-between;
  align-items: baseline;
  padding: 4px 20px;
  display: flex;
}

.w-commerce-commercecheckoutblockcontent {
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  padding: 20px;
}

.w-commerce-commercecheckoutlabel {
  margin-bottom: 8px;
}

.w-commerce-commercecheckoutemailinput {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 0;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutemailinput::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutemailinput:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingaddresswrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutshippingfullname {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingfullname::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingfullname:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingstreetaddress {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingstreetaddress::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingstreetaddress:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingstreetaddressoptional {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingstreetaddressoptional::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingstreetaddressoptional:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutrow {
  margin-left: -8px;
  margin-right: -8px;
  display: flex;
}

.w-commerce-commercecheckoutcolumn {
  flex: 1;
  padding-left: 8px;
  padding-right: 8px;
}

.w-commerce-commercecheckoutshippingcity {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingcity::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingcity:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingstateprovince {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingstateprovince::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingstateprovince:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingzippostalcode {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingzippostalcode::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingzippostalcode:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingcountryselector {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 0;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingcountryselector::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingcountryselector:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingmethodswrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutshippingmethodslist {
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
}

.w-commerce-commercecheckoutshippingmethoditem {
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  flex-direction: row;
  align-items: baseline;
  margin-bottom: 0;
  padding: 16px;
  font-weight: 400;
  display: flex;
}

.w-commerce-commercecheckoutshippingmethoddescriptionblock {
  flex-direction: column;
  flex-grow: 1;
  margin-left: 12px;
  margin-right: 12px;
  display: flex;
}

.w-commerce-commerceboldtextblock {
  font-weight: 700;
}

.w-commerce-commercecheckoutshippingmethodsemptystate {
  text-align: center;
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  padding: 64px 16px;
}

.w-commerce-commercecheckoutpaymentinfowrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutcardnumber {
  -webkit-appearance: none;
  appearance: none;
  cursor: text;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutcardnumber::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutcardnumber:focus, .w-commerce-commercecheckoutcardnumber.-wfp-focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutcardexpirationdate {
  -webkit-appearance: none;
  appearance: none;
  cursor: text;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutcardexpirationdate::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutcardexpirationdate:focus, .w-commerce-commercecheckoutcardexpirationdate.-wfp-focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutcardsecuritycode {
  -webkit-appearance: none;
  appearance: none;
  cursor: text;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutcardsecuritycode::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutcardsecuritycode:focus, .w-commerce-commercecheckoutcardsecuritycode.-wfp-focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingaddresstogglewrapper {
  flex-direction: row;
  display: flex;
}

.w-commerce-commercecheckoutbillingaddresstogglecheckbox {
  margin-top: 4px;
}

.w-commerce-commercecheckoutbillingaddresstogglelabel {
  margin-left: 8px;
  font-weight: 400;
}

.w-commerce-commercecheckoutbillingaddresswrapper {
  margin-top: 16px;
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutbillingfullname {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingfullname::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingfullname:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingstreetaddress {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingstreetaddress::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingstreetaddress:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingstreetaddressoptional {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingstreetaddressoptional::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingstreetaddressoptional:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingcity {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingcity::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingcity:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingstateprovince {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingstateprovince::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingstateprovince:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingzippostalcode {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingzippostalcode::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingzippostalcode:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingcountryselector {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 0;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingcountryselector::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingcountryselector:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutorderitemswrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutsummaryblockheader {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  justify-content: space-between;
  align-items: baseline;
  padding: 4px 20px;
  display: flex;
}

.w-commerce-commercecheckoutorderitemslist {
  margin-bottom: -20px;
}

.w-commerce-commercecheckoutorderitem {
  margin-bottom: 20px;
  display: flex;
}

.w-commerce-commercecartitemimage {
  width: 60px;
  height: 0%;
}

.w-commerce-commercecheckoutorderitemdescriptionwrapper {
  flex-grow: 1;
  margin-left: 16px;
  margin-right: 16px;
}

.w-commerce-commercecheckoutorderitemquantitywrapper {
  white-space: pre-wrap;
  display: flex;
}

.w-commerce-commercecheckoutorderitemoptionlist {
  margin-bottom: 0;
  padding-left: 0;
  text-decoration: none;
  list-style-type: none;
}

.w-commerce-commercelayoutsidebar {
  flex: 0 0 320px;
  position: sticky;
  top: 20px;
}

.w-commerce-commercecheckoutordersummarywrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutsummarylineitem, .w-commerce-commercecheckoutordersummaryextraitemslistitem {
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 8px;
  display: flex;
}

.w-commerce-commercecheckoutsummarytotal {
  font-weight: 700;
}

.w-commerce-commercecheckoutdiscounts {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  flex-wrap: wrap;
  padding: 20px;
  display: flex;
}

.w-commerce-commercecheckoutdiscountslabel {
  flex-basis: 100%;
  margin-bottom: 8px;
}

.w-commerce-commercecheckoutdiscountsinput {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  flex: 1;
  width: auto;
  min-width: 0;
  height: 38px;
  margin-bottom: 0;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutdiscountsinput::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutdiscountsinput:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutdiscountsbutton {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  background-color: #3898ec;
  border-width: 0;
  border-radius: 3px;
  flex-grow: 0;
  flex-shrink: 0;
  align-items: center;
  height: 38px;
  margin-left: 8px;
  padding: 9px 15px;
  text-decoration: none;
  display: flex;
}

.w-commerce-commercecheckoutplaceorderbutton {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  text-align: center;
  background-color: #3898ec;
  border-width: 0;
  border-radius: 3px;
  align-items: center;
  margin-bottom: 20px;
  padding: 9px 15px;
  text-decoration: none;
  display: block;
}

.w-commerce-commercecartapplepaybutton {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  background-color: #000;
  border-width: 0;
  border-radius: 2px;
  align-items: center;
  height: 38px;
  min-height: 30px;
  margin-bottom: 8px;
  padding: 0;
  text-decoration: none;
  display: flex;
}

.w-commerce-commercecartapplepayicon {
  width: 100%;
  height: 50%;
  min-height: 20px;
}

.w-commerce-commercecartquickcheckoutbutton {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  background-color: #000;
  border-width: 0;
  border-radius: 2px;
  justify-content: center;
  align-items: center;
  height: 38px;
  margin-bottom: 8px;
  padding: 0 15px;
  text-decoration: none;
  display: flex;
}

.w-commerce-commercequickcheckoutgoogleicon, .w-commerce-commercequickcheckoutmicrosofticon {
  margin-right: 8px;
  display: block;
}

.w-commerce-commercecheckouterrorstate {
  background-color: #ffdede;
  margin-top: 16px;
  margin-bottom: 16px;
  padding: 10px 16px;
}

.w-commerce-commercecartwrapper {
  display: inline-block;
  position: relative;
}

.w-commerce-commercecartopenlink {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  background-color: #3898ec;
  border-width: 0;
  border-radius: 0;
  align-items: center;
  padding: 9px 15px;
  text-decoration: none;
  display: flex;
}

.w-commerce-commercecartopenlinkcount {
  color: #3898ec;
  text-align: center;
  background-color: #fff;
  border-radius: 9px;
  min-width: 18px;
  height: 18px;
  margin-left: 8px;
  padding-left: 6px;
  padding-right: 6px;
  font-size: 11px;
  font-weight: 700;
  line-height: 18px;
  display: inline-block;
}

.w-commerce-commercecartcontainerwrapper {
  z-index: 1001;
  background-color: #000c;
  position: fixed;
  inset: 0;
}

.w-commerce-commercecartcontainerwrapper--cartType-modal {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.w-commerce-commercecartcontainerwrapper--cartType-leftSidebar {
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.w-commerce-commercecartcontainerwrapper--cartType-rightSidebar {
  flex-direction: row;
  justify-content: flex-end;
  align-items: stretch;
  display: flex;
}

.w-commerce-commercecartcontainerwrapper--cartType-leftDropdown {
  background-color: #0000;
  position: absolute;
  inset: 100% auto auto 0;
}

.w-commerce-commercecartcontainerwrapper--cartType-rightDropdown {
  background-color: #0000;
  position: absolute;
  inset: 100% 0 auto auto;
}

.w-commerce-commercecartcontainer {
  background-color: #fff;
  flex-direction: column;
  width: 100%;
  min-width: 320px;
  max-width: 480px;
  display: flex;
  overflow: auto;
  box-shadow: 0 5px 25px #00000040;
}

.w-commerce-commercecartheader {
  border-bottom: 1px solid #e6e6e6;
  flex: none;
  justify-content: space-between;
  align-items: center;
  padding: 16px 24px;
  display: flex;
  position: relative;
}

.w-commerce-commercecartheading {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.w-commerce-commercecartcloselink {
  width: 16px;
  height: 16px;
}

.w-commerce-commercecartformwrapper {
  flex-direction: column;
  flex: 1;
  display: flex;
}

.w-commerce-commercecartform {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  display: flex;
}

.w-commerce-commercecartlist {
  -webkit-overflow-scrolling: touch;
  flex: 1;
  padding: 12px 24px;
  overflow: auto;
}

.w-commerce-commercecartitem {
  align-items: flex-start;
  padding-top: 12px;
  padding-bottom: 12px;
  display: flex;
}

.w-commerce-commercecartiteminfo {
  flex-direction: column;
  flex: 1;
  margin-left: 16px;
  margin-right: 16px;
  display: flex;
}

.w-commerce-commercecartoptionlist {
  margin-bottom: 0;
  padding-left: 0;
  text-decoration: none;
  list-style-type: none;
}

.w-commerce-commercecartquantity {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 60px;
  height: 38px;
  margin-bottom: 10px;
  padding: 8px 6px 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecartquantity::placeholder {
  color: #999;
}

.w-commerce-commercecartquantity:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecartfooter {
  border-top: 1px solid #e6e6e6;
  flex-direction: column;
  flex: none;
  padding: 16px 24px 24px;
  display: flex;
}

.w-commerce-commercecartlineitem {
  flex: none;
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 16px;
  display: flex;
}

.w-commerce-commercecartordervalue {
  font-weight: 700;
}

.w-commerce-commercecartcheckoutbutton {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  text-align: center;
  background-color: #3898ec;
  border-width: 0;
  border-radius: 2px;
  align-items: center;
  padding: 9px 15px;
  text-decoration: none;
  display: block;
}

.w-commerce-commercecartemptystate {
  flex: 1;
  justify-content: center;
  align-items: center;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
}

.w-commerce-commercecarterrorstate {
  background-color: #ffdede;
  flex: none;
  margin: 0 24px 24px;
  padding: 10px;
}

.w-commerce-commerceaddtocartform {
  margin: 0 0 15px;
}

.w-commerce-commerceaddtocartquantityinput {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 60px;
  height: 38px;
  margin-bottom: 10px;
  padding: 8px 6px 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commerceaddtocartquantityinput::placeholder {
  color: #999;
}

.w-commerce-commerceaddtocartquantityinput:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commerceaddtocartoptionpillgroup {
  margin-bottom: 10px;
  display: flex;
}

.w-commerce-commerceaddtocartoptionpill {
  color: #000;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #000;
  margin-right: 10px;
  padding: 8px 15px;
}

.w-commerce-commerceaddtocartoptionpill.w--ecommerce-pill-selected {
  color: #fff;
  background-color: #000;
}

.w-commerce-commerceaddtocartoptionpill.w--ecommerce-pill-disabled {
  color: #666;
  cursor: not-allowed;
  background-color: #e6e6e6;
  border-color: #e6e6e6;
  outline-style: none;
}

.w-commerce-commerceaddtocartbutton {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  background-color: #3898ec;
  border-width: 0;
  border-radius: 0;
  align-items: center;
  padding: 9px 15px;
  text-decoration: none;
  display: flex;
}

.w-commerce-commerceaddtocartbutton.w--ecommerce-add-to-cart-disabled {
  color: #666;
  cursor: not-allowed;
  background-color: #e6e6e6;
  border-color: #e6e6e6;
  outline-style: none;
}

.w-commerce-commercebuynowbutton {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  background-color: #3898ec;
  border-width: 0;
  border-radius: 0;
  align-items: center;
  margin-top: 10px;
  padding: 9px 15px;
  text-decoration: none;
  display: inline-block;
}

.w-commerce-commercebuynowbutton.w--ecommerce-buy-now-disabled {
  color: #666;
  cursor: not-allowed;
  background-color: #e6e6e6;
  border-color: #e6e6e6;
  outline-style: none;
}

.w-commerce-commerceaddtocartoutofstock {
  background-color: #ddd;
  margin-top: 10px;
  padding: 10px;
}

.w-commerce-commerceaddtocarterror {
  background-color: #ffdede;
  margin-top: 10px;
  padding: 10px;
}

.w-commerce-commerceorderconfirmationcontainer {
  background-color: #f5f5f5;
  width: 100%;
  min-height: 100vh;
  padding: 20px;
}

.w-commerce-commercelayoutcontainer {
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.w-commerce-commercecheckoutcustomerinfosummarywrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutsummaryitem, .w-commerce-commercecheckoutsummarylabel {
  margin-bottom: 8px;
}

.w-commerce-commercecheckoutsummaryflexboxdiv {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.w-commerce-commercecheckoutsummarytextspacingondiv {
  margin-right: .33em;
}

.w-commerce-commercecheckoutshippingsummarywrapper, .w-commerce-commercecheckoutpaymentsummarywrapper {
  margin-bottom: 20px;
}

.w-commerce-commercepaypalcheckoutformcontainer {
  background-color: #f5f5f5;
  width: 100%;
  min-height: 100vh;
  padding: 20px;
}

.w-commerce-commercepaypalcheckouterrorstate {
  background-color: #ffdede;
  margin-top: 16px;
  margin-bottom: 16px;
  padding: 10px 16px;
}

@media screen and (max-width: 767px) {
  .w-commerce-commercelayoutmain {
    flex-basis: auto;
    margin-right: 0;
  }

  .w-commerce-commercelayoutsidebar {
    flex-basis: auto;
  }

  .w-commerce-commercelayoutcontainer {
    flex-direction: column;
    align-items: stretch;
  }
}

@media screen and (max-width: 479px) {
  .w-commerce-commercecheckoutemailinput, .w-commerce-commercecheckoutshippingfullname, .w-commerce-commercecheckoutshippingstreetaddress, .w-commerce-commercecheckoutshippingstreetaddressoptional {
    font-size: 16px;
  }

  .w-commerce-commercecheckoutrow {
    flex-direction: column;
  }

  .w-commerce-commercecheckoutshippingcity, .w-commerce-commercecheckoutshippingstateprovince, .w-commerce-commercecheckoutshippingzippostalcode, .w-commerce-commercecheckoutshippingcountryselector, .w-commerce-commercecheckoutcardnumber, .w-commerce-commercecheckoutcardexpirationdate, .w-commerce-commercecheckoutcardsecuritycode, .w-commerce-commercecheckoutbillingfullname, .w-commerce-commercecheckoutbillingstreetaddress, .w-commerce-commercecheckoutbillingstreetaddressoptional, .w-commerce-commercecheckoutbillingcity, .w-commerce-commercecheckoutbillingstateprovince, .w-commerce-commercecheckoutbillingzippostalcode, .w-commerce-commercecheckoutbillingcountryselector, .w-commerce-commercecheckoutdiscountsinput {
    font-size: 16px;
  }

  .w-commerce-commercecartcontainerwrapper--cartType-modal {
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
  }

  .w-commerce-commercecartcontainerwrapper--cartType-leftDropdown, .w-commerce-commercecartcontainerwrapper--cartType-rightDropdown {
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
    display: flex;
    position: fixed;
    inset: 0;
  }

  .w-commerce-commercecartquantity, .w-commerce-commerceaddtocartquantityinput {
    font-size: 16px;
  }
}

body {
  color: var(--neutral--600);
  font-family: Mona Sans, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.667em;
}

h1 {
  color: var(--neutral--800);
  margin-top: 0;
  margin-bottom: 16px;
  font-size: 54px;
  font-weight: 500;
  line-height: 1.222em;
}

h2 {
  color: var(--neutral--800);
  margin-top: 0;
  margin-bottom: 16px;
  font-size: 38px;
  font-weight: 500;
  line-height: 1.316em;
}

h3 {
  color: var(--neutral--800);
  margin-top: 0;
  margin-bottom: 8px;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.417em;
}

h4 {
  color: var(--neutral--800);
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.273em;
}

h5 {
  color: var(--neutral--800);
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.333em;
}

h6 {
  color: var(--neutral--800);
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.375em;
}

p {
  margin-bottom: 16px;
}

a {
  color: var(--neutral--800);
  font-weight: 500;
  text-decoration: underline;
  transition: color .3s;
}

a:hover {
  color: var(--accent--primary-1);
}

ul, ol {
  margin-top: 24px;
  margin-bottom: 24px;
  padding-left: 40px;
}

li {
  margin-bottom: 8px;
  padding-left: 8px;
}

img {
  max-width: 100%;
  display: inline-block;
}

label {
  color: var(--neutral--800);
  margin-bottom: 12px;
  font-weight: 700;
  line-height: 1.111em;
  display: block;
}

strong {
  color: var(--neutral--800);
  font-weight: 700;
}

blockquote {
  background-color: var(--accent--primary-1);
  color: var(--neutral--800);
  text-align: center;
  border: 0 solid #000;
  margin-top: 48px;
  margin-bottom: 48px;
  padding: 123px 100px;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.417em;
}

figure {
  margin-top: 24px;
  margin-bottom: 32px;
}

figcaption {
  color: var(--neutral--800);
  text-align: center;
  margin-top: 16px;
  font-weight: 500;
}

.page-wrapper {
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  width: 100%;
  min-height: 100vh;
  overflow: visible;
}

.page-wrapper.flex {
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.page-wrapper.hero-v22---page-wrapper {
  flex-direction: column;
  justify-content: space-between;
  display: flex;
  position: relative;
  overflow: hidden;
}

.grid-2-columns {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.grid-2-columns.style---styleguide-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 28px;
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr;
  align-items: start;
}

.grid-2-columns.form {
  grid-column-gap: 32px;
  grid-row-gap: 40px;
}

.grid-2-columns.contact-v1---main {
  grid-column-gap: 40px;
  grid-template-columns: 1fr 1.1fr;
  align-items: start;
}

.grid-2-columns.align-top {
  align-items: start;
}

.grid-2-columns.blog-sidebar {
  grid-template-columns: .45fr 1fr;
  align-items: start;
}

.grid-2-columns.template-page-sidebar {
  grid-column-gap: 40px;
  grid-template-columns: .35fr 1fr;
  align-items: start;
}

.grid-2-columns.changelog-item {
  grid-column-gap: 60px;
  border-bottom: 1px solid var(--neutral--300);
  grid-template-columns: .4fr 1fr;
  align-items: start;
  padding-top: 64px;
  padding-bottom: 64px;
}

.grid-2-columns.changelog-item.first {
  border-bottom-style: none;
  padding-top: 0;
  padding-bottom: 0;
}

.grid-2-columns.product-page {
  grid-column-gap: 40px;
  grid-template-columns: 1fr .75fr;
  align-items: start;
  margin-bottom: -82px;
}

.grid-2-columns.checkout-page {
  grid-column-gap: 40px;
  grid-template-columns: 1fr .5fr;
  align-items: start;
}

.grid-2-columns.suprises-pages-right {
  grid-column-gap: 100px;
  grid-template-columns: 1fr 1.25fr;
  margin-bottom: 124px;
}

.grid-2-columns.suprises-pages-right.last {
  margin-bottom: 0;
}

.grid-2-columns.suprises-pages-left {
  grid-column-gap: 100px;
  grid-template-columns: 1.25fr 1fr;
  margin-bottom: 124px;
}

.grid-2-columns._404-grid-2-cols {
  grid-template-columns: .8fr 1fr;
}

.grid-2-columns.hero-v21-grid {
  flex: 1;
  grid-template-columns: .95fr 1fr;
  align-items: start;
}

.grid-2-columns.service-single-grid {
  grid-template-columns: 1fr .4fr;
  align-items: start;
}

.grid-2-columns.hero-v6-grid {
  grid-template-columns: .85fr auto;
  justify-content: space-between;
  align-items: start;
  max-width: 1086px;
}

.grid-2-columns.project-single-stats {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  grid-template-columns: 48px 1fr;
}

.grid-2-columns.product-gallery-grid-2-cols {
  grid-template-columns: 1fr .7fr;
}

.grid-2-columns.values-grid {
  grid-row-gap: 60px;
  grid-template-columns: .5fr 1fr;
  align-items: start;
}

.grid-2-columns.follow-instagram-grid {
  align-items: start;
}

.grid-2-columns.follow-instagram-grid---small {
  height: 100%;
}

.grid-2-columns.cta-newsletter-v1-grid {
  z-index: 1;
  grid-template-columns: minmax(max-content, 1fr) .8fr;
  max-width: 1110px;
  margin-left: auto;
  position: relative;
}

.grid-2-columns.blog-popular-articles-grid {
  grid-row-gap: 40px;
  grid-template-columns: 1fr .85fr;
}

.grid-2-columns.blog-v2 {
  grid-row-gap: 128px;
  align-items: start;
  overflow: hidden;
}

.grid-2-columns.blog-post-page-grid {
  grid-row-gap: 50px;
  grid-template-columns: 1.4fr .45fr;
  align-items: start;
}

.grid-2-columns.office-location-grid {
  grid-template-columns: 1fr auto;
}

.grid-2-columns.our-office-inner-grid {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-columns: auto auto;
  justify-content: start;
  place-items: start;
}

.grid-2-columns.contact-form-and-links-grid {
  z-index: 1;
  grid-column-gap: 0px;
  border-top: 1px solid var(--neutral--700);
  grid-template-columns: 1fr .85fr;
  align-items: stretch;
  position: relative;
}

.grid-2-columns.contact-v2-grid---main {
  grid-template-columns: 1fr auto;
  align-items: start;
}

.grid-2-columns.faq-grid-2-cols {
  grid-template-columns: .7fr 1fr;
  align-items: start;
}

.grid-2-columns.layout-grid-v1 {
  grid-template-columns: 1fr 1fr;
  align-items: start;
}

.grid-2-columns.project-slider-grid-2-cols {
  grid-column-gap: 40px;
  grid-template-columns: 1fr auto;
  align-items: start;
}

.grid-2-columns.our-number-grid-2-cols-wrapper {
  grid-column-gap: 40px;
  grid-template-columns: 1fr .85fr;
}

.grid-2-columns.latests-articles-sidebar-grid {
  grid-template-columns: .5fr 1fr;
  align-items: start;
}

.grid-2-columns.title-and-buttons {
  grid-column-gap: 40px;
  grid-row-gap: 30px;
  grid-template-columns: 1fr auto;
}

.grid-2-columns.title-and-buttons.alt {
  grid-column-gap: 20px;
}

.grid-2-columns.title-and-buttons.sidebar-title-v1 {
  grid-template-columns: 1fr;
  justify-items: start;
}

.grid-2-columns.logo-strip-v1---main {
  flex-flow: row;
  grid-template-columns: auto 1fr;
  justify-content: flex-end;
  place-items: center end;
  display: flex;
}

.grid-2-columns.projects---layout-v1 {
  grid-column-gap: 40px;
}

.grid-2-columns.title-and-paragraph {
  grid-column-gap: 40px;
  grid-row-gap: 15px;
  grid-template-columns: 1fr .75fr;
}

.grid-2-columns.title-and-paragraph.v2 {
  grid-template-columns: 1fr auto;
}

.grid-2-columns.title-and-paragraph.v3 {
  grid-template-columns: 1fr .8fr;
}

.grid-2-columns.title-and-paragraph.v4 {
  grid-template-columns: 1.4fr 1fr;
}

.grid-2-columns.layout-grid-v2 {
  grid-column-gap: 0px;
  grid-template-columns: 1fr .85fr;
  align-items: stretch;
}

.grid-2-columns.blog-featured-section-v1-grid {
  grid-template-columns: 1fr .9fr;
  align-items: stretch;
}

.grid-2-columns.layout-grid-v3 {
  grid-template-columns: .9fr 1fr;
  align-items: stretch;
}

.grid-2-columns.values-grid---items {
  grid-column-gap: 40px;
  grid-row-gap: 64px;
}

.grid-2-columns.cta-newsletter-v2-grid {
  z-index: 1;
  grid-template-columns: 1fr max-content;
  justify-content: end;
  justify-items: end;
  position: relative;
}

.grid-2-columns.cta-newsletter-v1-1-grid {
  z-index: 1;
  grid-template-columns: minmax(max-content, 1fr) .8fr;
  position: relative;
  overflow: hidden;
}

.style---navigation-sidebar {
  z-index: 1;
  box-shadow: 1px 0 14px 0 var(--general--shadow-01);
  height: 100%;
  max-height: 100vh;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.style---main-wrapper {
  background-color: var(--neutral--200);
}

.card {
  border: 1px solid var(--neutral--300);
  background-color: var(--neutral--100);
}

.card.content-center {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 48px 24px;
  display: flex;
}

.card.content-center.testimonial-grid---card {
  text-align: left;
  background-color: #0000;
  border-style: none;
  justify-content: space-between;
  width: 100%;
  min-height: 100%;
  padding: 0;
}

.card.checkout-block {
  background-color: #0000;
  border-style: none;
  margin-bottom: 80px;
  padding: 0;
}

.card.checkout-block.order-summary {
  margin-bottom: 50px;
}

.card.checkout-block.last {
  margin-bottom: 0;
}

.card.whats-included {
  box-shadow: 0 2px 6px 0 var(--general--shadow-01);
}

.card.figma-file {
  box-shadow: 0 2px 6px 0 var(--general--shadow-01);
  justify-content: space-between;
  align-items: stretch;
  margin-top: 32px;
  display: flex;
}

.card.sales-home-page {
  box-shadow: 0 2px 12px 0 var(--general--shadow-02);
  text-align: center;
  transform-style: preserve-3d;
  text-decoration: none;
  transition: transform .3s, box-shadow .3s;
}

.card.sales-home-page:hover {
  box-shadow: 0 1px 1px 0 var(--general--shadow-01);
  transform: scale3d(.98, .98, 1.01);
}

.card.buy-now {
  box-shadow: 0 6px 20px 0 var(--button-shadow--color-2);
  color: #4253ff;
  transform-style: preserve-3d;
  background-color: #146ef5;
  flex-direction: column;
  align-items: center;
  text-decoration: none;
  transition: box-shadow .3s, transform .3s;
  display: flex;
  overflow: hidden;
}

.card.buy-now:hover {
  box-shadow: 0 1px 1px 0 var(--button-shadow--color-2);
  transform: scale3d(.98, .98, 1.001);
}

.card.buy-now.white {
  background-color: var(--neutral--100);
  box-shadow: 0 2px 12px 0 var(--general--shadow-02);
  color: var(--neutral--600);
}

.card.buy-now.white:hover {
  box-shadow: 0 1px 1px 0 var(--general--shadow-02);
  color: var(--neutral--600);
}

.card.password-protected-card {
  border-style: solid;
  border-color: var(--neutral--100);
  box-shadow: none;
  text-align: center;
  padding: 145px 85px;
}

.card.testimonial-item {
  background-color: #0000;
  border-style: none;
  flex-direction: column;
  min-height: 100%;
  display: flex;
}

.style---color-block {
  min-height: 180px;
  position: relative;
}

.style---color-block-content {
  border-top: 1px solid var(--neutral--300);
  padding: 24px 24px 32px;
}

.style---color-block-name {
  color: var(--neutral--800);
  margin-bottom: 8px;
  font-size: 20px;
  font-weight: 700;
  line-height: 22px;
}

.style---color-block-hex {
  line-height: 20px;
}

.grid-4-columns {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.grid-4-columns.project-single-stat-grid {
  grid-template-columns: auto auto auto auto;
  justify-content: space-between;
}

.grid-4-columns.stats-grid-2-cols {
  grid-column-gap: 40px;
  grid-row-gap: 80px;
  grid-template-columns: auto auto;
  justify-content: space-between;
}

.grid-4-columns.stats-v1, .grid-4-columns.stats-v2 {
  grid-template-columns: auto auto auto auto;
  justify-content: space-between;
}

.bg-accent-1 {
  background-color: var(--accent--primary-1);
  display: block;
  position: static;
}

.bg-neutral-800 {
  background-color: var(--neutral--800);
}

.bg-neutral-700 {
  background-color: var(--neutral--700);
}

.bg-neutral-600 {
  background-color: var(--neutral--600);
}

.bg-neutral-500 {
  background-color: var(--neutral--500);
}

.bg-neutral-400 {
  background-color: var(--neutral--400);
}

.bg-neutral-300 {
  background-color: var(--neutral--300);
}

.bg-neutral-200 {
  background-color: var(--neutral--200);
}

.bg-neutral-100 {
  background-color: var(--neutral--100);
}

.color-accent-1 {
  color: var(--accent--primary-1);
}

.color-neutral-800 {
  color: var(--neutral--800);
}

.color-neutral-700 {
  color: var(--neutral--700);
}

.color-neutral-700.change-color-tablet---mbl._24px {
  margin-bottom: 24px;
}

.color-neutral-600 {
  color: var(--neutral--600);
}

.color-neutral-500 {
  color: var(--neutral--500);
}

.color-neutral-300 {
  color: var(--neutral--300);
}

.color-neutral-200 {
  color: var(--neutral--200);
}

.color-neutral-100 {
  color: var(--neutral--100);
}

.bg-green-400 {
  background-color: var(--system--green-400);
}

.bg-blue-400 {
  background-color: var(--system--blue-400);
}

.bg-blue-300 {
  background-color: var(--system--blue-300);
}

.bg-blue-200 {
  background-color: var(--system--blue-200);
}

.bg-blue-100 {
  background-color: var(--system--blue-100);
}

.color-neutral-400 {
  color: var(--neutral--400);
}

.color-neutral-400.mg-bottom-36px {
  margin-bottom: 36px;
}

.bg-green-300 {
  background-color: var(--system--green-300);
}

.bg-green-200 {
  background-color: var(--system--green-200);
}

.bg-green-100 {
  background-color: var(--system--green-100);
}

.bg-red-400 {
  background-color: var(--system--red-400);
}

.bg-red-300 {
  background-color: var(--system--300);
}

.bg-red-200 {
  background-color: var(--system--red-200);
}

.bg-red-100 {
  background-color: var(--system--red-100);
}

.bg-orange-400 {
  background-color: var(--system--orange-400);
}

.bg-orange-300 {
  background-color: var(--system--orange-300);
}

.bg-orange-200 {
  background-color: var(--system--orange-200);
}

.bg-orange-100 {
  background-color: var(--system--orange-100);
}

.style---block-sub-heading {
  margin-bottom: 32px;
}

.style---block-sub-heading.border {
  border-bottom: 1px solid var(--neutral--400);
  margin-bottom: 64px;
  padding-bottom: 40px;
}

.divider {
  background-color: var(--neutral--400);
  height: 1px;
  margin-top: 80px;
  margin-bottom: 80px;
}

.divider._64px {
  margin-top: 64px;
  margin-bottom: 64px;
}

.divider._64px.template-pages-start-here {
  margin-bottom: 40px;
}

.divider._40px {
  margin-top: 40px;
  margin-bottom: 40px;
}

.divider._24px {
  margin-top: 24px;
  margin-bottom: 24px;
}

.divider.subtitle-line {
  background-color: var(--neutral--800);
  width: 28px;
  max-width: 28px;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 12px;
}

.divider.subtitle-line.white {
  background-color: var(--neutral--100);
}

.divider.subtitle-line.last {
  margin-left: 12px;
  margin-right: 0;
}

.divider.blog-divider {
  background-color: var(--neutral--500);
  width: 28px;
  min-width: 28px;
  margin: 0 12px;
}

.divider.mg-top-40px---bottom-0 {
  margin-top: 40px;
  margin-bottom: 0;
}

.divider.mg-top-40px---bottom-0.bg-neutral-700 {
  background-color: var(--neutral--700);
}

.divider.center-divider-v1 {
  background-color: #0e0e0e33;
  width: 28px;
  margin: 0 12px;
}

.divider.center-divider-v1.light {
  background-color: #fff3;
}

.divider.client-divider {
  background-color: #0e0e0e33;
  width: 28px;
  margin: 0 12px;
}

.divider._48px {
  margin-top: 48px;
  margin-bottom: 48px;
}

.style---typography-block-grid {
  grid-column-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: minmax(auto, 320px) 1fr;
}

.style---content-block {
  margin-bottom: 100px;
}

.mg-bottom-8px {
  margin-bottom: 8px;
}

.mg-bottom-16px, .mg-bottom-16px.keep {
  margin-bottom: 16px;
}

.mg-bottom-24px, .mg-bottom-24px.keep {
  margin-bottom: 24px;
}

.mg-bottom-32px, .mg-bottom-32px.keep {
  margin-bottom: 32px;
}

.mg-bottom-40px {
  margin-bottom: 40px;
}

.mg-bottom-48px, .mg-bottom-48px.keep {
  margin-bottom: 48px;
}

.mg-bottom-56px {
  margin-bottom: 56px;
}

.mg-bottom-64px {
  margin-bottom: 64px;
}

.mg-bottom-80px {
  margin-bottom: 80px;
}

.mg-top-16px {
  margin-top: 16px;
}

.mg-top-24px {
  margin-top: 24px;
}

.mg-top-40px {
  margin-top: 40px;
}

.mg-top-48px {
  margin-top: 48px;
}

.mg-right-8px {
  margin-right: 8px;
}

.mg-right-24px {
  margin-right: 24px;
}

.text-200 {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.111em;
}

.text-200.list {
  line-height: 24px;
}

.text-200.medium {
  font-weight: 500;
}

.text-200.medium.color-neutral-100 {
  color: var(--neutral--100);
}

.text-200.bold {
  font-weight: 700;
}

.display-1 {
  color: var(--neutral--800);
  -webkit-text-stroke-width: 0px;
  -webkit-text-stroke-color: var(--neutral--800);
  font-size: 82px;
  font-weight: 500;
  line-height: 1.073em;
}

.display-1.color-neutral-100 {
  color: var(--neutral--100);
}

.grid-1-column {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.grid-1-column.gap-row-0 {
  grid-row-gap: 0px;
}

.grid-1-column.gap-row-0.blog-featured-section-v1---sidebar-grid {
  min-height: 100%;
}

.grid-1-column.gap-row-28px {
  grid-row-gap: 28px;
}

.grid-1-column.links-menu-1-col {
  grid-column-gap: 0px;
  grid-row-gap: 18px;
  align-items: start;
}

.grid-1-column.contact-links-v2-grid {
  float: left;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}

.grid-1-column.projects---layout-v1 {
  grid-row-gap: 40px;
}

.gap-8px {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
}

.gap-16px {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
}

.gap-40px {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
}

.gap-column-24px {
  grid-column-gap: 24px;
}

.gap-row-40px {
  grid-row-gap: 40px;
}

.gap-row-48px {
  grid-row-gap: 48px;
}

.gap-row-80px {
  grid-row-gap: 80px;
}

.display-2 {
  color: var(--neutral--800);
  font-size: 62px;
  font-weight: 500;
  line-height: 1.129em;
}

.display-2.color-neutral-100 {
  color: var(--neutral--100);
}

.display-3 {
  color: var(--neutral--800);
  font-size: 44px;
  font-weight: 500;
  line-height: 1.182em;
}

.display-3.color-neutral-100 {
  color: var(--neutral--100);
}

.display-4 {
  color: var(--neutral--800);
  font-size: 28px;
  font-weight: 600;
  line-height: 1.429em;
}

.display-4.color-neutral-100 {
  color: var(--neutral--100);
}

.style---style-grid-wrapper {
  grid-row-gap: 180px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

.paragraph-large {
  font-size: 24px;
  line-height: 1.583em;
}

.paragraph-small {
  font-size: 14px;
  line-height: 1.714em;
}

.text-400 {
  font-size: 24px;
  font-weight: 400;
  line-height: 1.083em;
}

.text-400.medium {
  font-weight: 500;
}

.text-400.semi-bold, .text-400.semibold {
  font-weight: 600;
}

.text-400.stats-v1---text {
  color: var(--neutral--600);
  margin-bottom: 0;
  font-weight: 400;
}

.text-300 {
  font-size: 20px;
  font-weight: 400;
  line-height: 1.1em;
}

.text-300.medium {
  font-weight: 500;
}

.text-300.semi-bold {
  font-weight: 600;
}

.text-100 {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.125em;
}

.text-100.medium {
  font-weight: 500;
}

.text-100.medium.text-uppercase {
  text-transform: capitalize;
  display: flex;
}

.text-100.bold {
  font-weight: 700;
}

.text-100.text-uppercase.color-neutral-500 {
  font-size: 14px;
}

.text-100.page-count {
  color: var(--neutral--800);
  margin-top: 27px;
  margin-bottom: 27px;
  font-weight: 500;
}

.text-bold {
  color: var(--neutral--800);
  font-weight: 700;
}

.text-uppercase {
  letter-spacing: .06em;
  text-transform: uppercase;
}

.text-strikethrough {
  text-decoration: line-through;
}

.grid-3-columns {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.grid-3-columns.gap-row-80px {
  grid-row-gap: 80px;
}

.grid-3-columns.style---buttons-grid {
  grid-column-gap: 70px;
  grid-template-columns: auto auto 1fr;
}

.grid-3-columns.style---buttons-grid.download-app-grid {
  grid-template-columns: auto auto;
}

.grid-3-columns.testimonials-grid {
  grid-column-gap: 28px;
  grid-row-gap: 64px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.grid-3-columns.gap-16px {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
}

.grid-3-columns.links-menu-3-cols {
  grid-column-gap: 16px;
  align-items: start;
}

.grid-3-columns.blog-latest-post-v1 {
  grid-row-gap: 64px;
  grid-template-rows: auto;
  position: relative;
}

.grid-3-columns.gap-col-28px---row-48px {
  grid-column-gap: 28px;
  grid-row-gap: 48px;
}

.grid-3-columns.footer-links-menu-3-cols {
  grid-column-gap: 16px;
  align-items: start;
}

.grid-3-columns.services-grid {
  grid-column-gap: 40px;
  grid-row-gap: 64px;
  grid-template-columns: 1fr 1fr 1fr;
}

.grid-3-columns.offices-grid {
  grid-column-gap: 40px;
}

.grid-3-columns.team-grid {
  grid-row-gap: 48px;
}

.grid-3-columns.blog-v1 {
  grid-row-gap: 128px;
  grid-template-rows: auto;
  position: relative;
  overflow: hidden;
}

.grid-3-columns.blog-categories-grid, .grid-3-columns.products-grid {
  grid-row-gap: 64px;
}

.grid-3-columns.footer-bottom-standalone {
  grid-template-columns: auto 1fr auto;
  justify-content: space-between;
  align-items: start;
}

.grid-3-columns._28px---keep {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
}

.style---shadow-card {
  background-color: var(--neutral--100);
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 220px;
  padding: 32px 44px;
  display: flex;
}

.shadow-02 {
  box-shadow: 0 2px 12px 0 var(--general--shadow-02);
}

.shadow-03 {
  box-shadow: 0 8px 28px 0 var(--general--shadow-03);
}

.shadow-04 {
  box-shadow: 0 14px 42px 0 var(--general--shadow-04);
}

.shadow-05 {
  box-shadow: 0 24px 65px 0 var(--general--shadow-05);
}

.shadow-06 {
  box-shadow: 0 32px 72px 0 var(--general--shadow-06);
}

.button-shadow-color-01 {
  box-shadow: 0 4px 10px 0 var(--button-shadow--color-01);
}

.button-shadow-color-02 {
  box-shadow: 0 6px 20px 0 var(--button-shadow--color-2);
}

.button-shadow-color-03 {
  box-shadow: 0 10px 28px 0 var(--button-shadow--color-03);
}

.button-shadow-white-01 {
  box-shadow: 0 4px 10px 0 var(--button-shadow--white-01);
}

.button-shadow-white-02 {
  box-shadow: 0 6px 20px 0 var(--button-shadow--white-02);
}

.button-shadow-white-03 {
  box-shadow: 0 10px 28px 0 var(--button-shadow--white-03);
}

.style---heading {
  background-color: var(--neutral--100);
  box-shadow: 0 2px 6px 0 var(--general--shadow-02);
  align-items: center;
  min-height: 70vh;
  margin-bottom: 30px;
  padding: 72px 4vw;
  display: flex;
}

.inner-container._600px {
  max-width: 600px;
}

.inner-container.center {
  margin-left: auto;
  margin-right: auto;
}

.inner-container._574px {
  max-width: 574px;
}

.inner-container._460px {
  max-width: 460px;
}

.inner-container._500px {
  max-width: 500px;
}

.inner-container._900px {
  max-width: 900px;
}

.inner-container._856px {
  max-width: 856px;
}

.inner-container._990px {
  max-width: 990px;
}

.inner-container._800px {
  max-width: 800px;
}

.inner-container._490px {
  max-width: 490px;
}

.inner-container._700px {
  max-width: 700px;
}

.inner-container._640px {
  max-width: 640px;
}

.inner-container._680px {
  max-width: 680px;
}

.inner-container._520px {
  max-width: 520px;
}

.inner-container._278px {
  max-width: 278px;
}

.inner-container._278px._100---tablet {
  float: none;
  clear: none;
  object-fit: fill;
  max-width: 378px;
}

.inner-container.form-inner-container {
  width: 490px;
}

.inner-container._860px {
  max-width: 860px;
}

.inner-container._1000px {
  max-width: 1000px;
}

.inner-container._660px {
  max-width: 660px;
}

.inner-container._466px {
  max-width: 466px;
}

.inner-container._808px {
  max-width: 808px;
}

.inner-container._450px {
  max-width: 450px;
}

.inner-container._494px {
  max-width: 494px;
}

.inner-container._728px {
  max-width: 728px;
}

.inner-container._330px {
  max-width: 330px;
}

.inner-container._730px {
  max-width: 730px;
}

.inner-container._324px {
  max-width: 324px;
}

.inner-container._1070px {
  max-width: 1070px;
}

.inner-container._596px {
  max-width: 596px;
}

.inner-container._844px {
  max-width: 844px;
}

.inner-container._414px {
  max-width: 414px;
}

.inner-container._348px {
  max-width: 348px;
}

.inner-container._532px {
  max-width: 532px;
}

.inner-container._516px {
  max-width: 516px;
}

.inner-container._374px {
  max-width: 374px;
}

.inner-container._564px {
  max-width: 564px;
}

.inner-container._492px {
  max-width: 492px;
}

.inner-container._784px {
  max-width: 784px;
}

.inner-container._498px {
  max-width: 498px;
}

.inner-container._388px {
  max-width: 388px;
}

.inner-container._650px {
  max-width: 650px;
}

.inner-container._364px {
  max-width: 364px;
}

.inner-container._142px {
  max-width: 142px;
}

.inner-container._662px {
  max-width: 662px;
}

.inner-container._594px {
  max-width: 594px;
}

.inner-container._454px {
  max-width: 454px;
}

.inner-container._452px {
  max-width: 452px;
}

.inner-container._534px {
  max-width: 534px;
}

.inner-container._590px {
  max-width: 590px;
}

.inner-container._590px._100-tablet {
  margin-top: 23px;
}

.inner-container._744px {
  max-width: 744px;
}

.inner-container._468px {
  max-width: 468px;
}

.inner-container._830px {
  max-width: 830px;
}

.inner-container._718px {
  max-width: 718px;
}

.inner-container._406px {
  max-width: 406px;
}

.inner-container._506px {
  max-width: 506px;
}

.inner-container._470px {
  max-width: 470px;
}

.inner-container.hero-v1-content, .inner-container.hero-v1-content-bottom {
  max-width: 70%;
}

.inner-container.cta-v1-content {
  max-width: 60%;
}

.inner-container.projects---layout-v1---content-bottom {
  margin-top: 48px;
}

.inner-container._92-5 {
  max-width: 92.5%;
}

.inner-container._320px---mbl {
  float: left;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: block;
}

.inner-container.cta-v2-content {
  z-index: 1;
  max-width: 604px;
  margin-left: auto;
  position: relative;
}

.inner-container._659px {
  max-width: 659px;
}

.inner-container.testimonial-grid-content {
  flex-direction: column;
  flex: 1;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.inner-container._562px {
  max-width: 562px;
}

.inner-container.hero-v3-content-top {
  max-width: 624px;
  margin-bottom: 281px;
  margin-left: auto;
}

.inner-container.hero-v3-content-bottom {
  max-width: 624px;
  margin-left: auto;
}

.inner-container._559px {
  max-width: 559px;
}

.inner-container._609px {
  max-width: 609px;
}

.inner-container._527px {
  max-width: 527px;
}

.inner-container._710px {
  max-width: 710px;
}

.inner-container.blog-card-sidebar-content {
  flex: 1;
  max-width: 456px;
}

.inner-container.stats-grid-2-cols---image {
  max-width: 596px;
}

.inner-container._734px {
  max-width: 734px;
}

.inner-container._729px {
  max-width: 729px;
}

.inner-container.cta-newsletter-v1-content {
  max-width: 495px;
  padding-top: 100px;
  padding-bottom: 100px;
}

.inner-container._625px {
  max-width: 625px;
}

.inner-container._805px {
  max-width: 805px;
}

.inner-container._392px {
  max-width: 392px;
}

.inner-container.cta-newsletter-v2-content, .inner-container.cta-newsletter-v1-1-content {
  max-width: 495px;
  padding-top: 100px;
  padding-bottom: 100px;
}

.inner-container._573px {
  max-width: 573px;
}

.inner-container.offices-tabs---title-wrapper {
  max-width: 40%;
  margin-bottom: -52px;
}

.inner-container._448px {
  max-width: 448px;
}

.inner-container._681px {
  max-width: 681px;
}

.inner-container._488px {
  max-width: 488px;
}

.inner-container._48px {
  max-width: 48px;
}

.inner-container._400px {
  max-width: 400px;
}

.inner-container.hero-v21-content-right {
  width: 100%;
  max-width: 574px;
  margin-bottom: 96px;
}

.inner-container._51px {
  max-width: 51px;
}

.inner-container._515px {
  max-width: 515px;
}

.style---content-heading {
  background-color: var(--neutral--100);
  align-items: center;
  margin-bottom: 60px;
  padding: 48px;
  display: flex;
}

.style---heading-icon-wrapper {
  background-color: var(--accent--primary-1);
  margin-right: 18px;
}

.mg-bottom-0 {
  margin-bottom: 0;
}

.style---content-wrapper {
  padding-top: 40px;
  padding-left: 4vw;
  padding-right: 4vw;
}

.style---card-wrapper {
  border: 1px solid var(--neutral--300);
  background-color: var(--neutral--100);
}

.style---components-wrapper {
  background-color: var(--neutral--100);
}

.style---bg-white {
  padding: 48px;
}

.style-buttons-dark {
  background-color: var(--neutral--800);
  padding: 48px;
}

.style-buttons-dark.border-top-color-neutral-700 {
  border-top: 1px solid var(--neutral--700);
}

.btn-primary {
  border: 1px solid var(--neutral--800);
  background-color: var(--neutral--800);
  color: var(--neutral--100);
  text-align: center;
  transform-style: preserve-3d;
  border-radius: 96px;
  justify-content: center;
  padding: 26px 38px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.111em;
  text-decoration: none;
  transition: border-color .3s, background-color .3s, transform .3s, color .3s;
}

.btn-primary:hover {
  border-color: var(--neutral--700);
  background-color: var(--neutral--700);
  color: var(--neutral--100);
  transform: scale3d(.95, .95, 1.001);
}

.btn-primary.small {
  padding: 18px 24px;
  font-size: 16px;
  line-height: 1.125em;
}

.btn-primary.small.discount {
  height: auto;
  margin-left: 0;
}

.btn-primary.small.width-100 {
  transform-style: preserve-3d;
}

.btn-primary.small.width-100:hover {
  transform: scale3d(.98, .98, 1.001);
}

.btn-primary.small.header-btn-hidde-on-tablet {
  margin-left: 32px;
}

.btn-primary.large {
  padding: 28px 56px;
  font-size: 20px;
  line-height: 1.1em;
}

.btn-primary.white {
  border-color: var(--neutral--100);
  background-color: var(--neutral--100);
  color: var(--neutral--800);
}

.btn-primary.white:hover {
  border-color: var(--accent--primary-1);
  background-color: var(--accent--primary-1);
  color: var(--neutral--800);
}

.btn-primary.white.inside-input.default {
  right: 0;
}

.btn-primary.inside-input {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.btn-primary.inside-input.default {
  padding: 16px 24px;
  bottom: 8px;
}

.btn-primary.inside-input.default:hover {
  border-color: var(--accent--primary-1);
  background-color: var(--accent--primary-1);
  color: var(--neutral--800);
}

.btn-primary.inside-input.hover-white {
  padding: 18px 28px;
  bottom: 8px;
  right: 0;
}

.btn-primary.inside-input.hover-white:hover {
  border-color: var(--neutral--100);
  background-color: var(--neutral--100);
  color: var(--neutral--800);
}

.btn-primary.button-row {
  margin-right: 25px;
}

.btn-primary.button-row._18px {
  margin-right: 18px;
}

.btn-primary.width-100 {
  transform-style: preserve-3d;
}

.btn-primary.width-100:hover {
  transform: scale3d(.98, .98, 1.001);
}

.btn-primary.download-app {
  display: flex;
}

.btn-primary.btn-buy-now {
  border: 1px solid var(--neutral--100);
  background-color: var(--neutral--100);
  color: #146ef5;
  transition-property: none;
}

.btn-primary.btn-buy-now:hover {
  transform: none;
}

.btn-primary.btn-browse-template {
  background-color: #553ffe;
  border-color: #4253ff;
  transition-property: none;
}

.btn-primary.btn-browse-template:hover {
  transform: none;
}

.btn-primary.btn-form-wrapper {
  cursor: pointer;
  transform-style: preserve-3d;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  transition: none;
  display: flex;
}

.btn-primary.btn-form-wrapper:hover {
  border-color: var(--neutral--800);
  background-color: var(--neutral--800);
  transform: none;
}

.btn-primary.btn-form-wrapper.add-cart-btn {
  flex: 1;
}

.btn-primary.btn-form {
  transform-style: preserve-3d;
  background-color: #0000;
  border-style: none;
  padding-right: 8px;
  transition-property: none;
}

.btn-primary.btn-form:hover {
  border-color: var(--neutral--800);
  transform: none;
}

.btn-primary.btn-pagination {
  margin-top: 64px;
  margin-left: 0;
  margin-right: 0;
}

.btn-primary.btn-form-white-wrapper {
  border-color: var(--neutral--100);
  background-color: var(--neutral--100);
  color: var(--neutral--800);
  cursor: pointer;
  transform-style: preserve-3d;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  transition: none;
  display: flex;
}

.btn-primary.btn-form-white-wrapper:hover {
  border-color: var(--neutral--100);
  background-color: var(--neutral--100);
  transform: none;
}

.btn-primary.btn-form-white {
  color: var(--neutral--800);
  transform-style: preserve-3d;
  background-color: #0000;
  border-style: none;
  padding-right: 8px;
}

.btn-primary.btn-form-white:hover {
  border-color: var(--neutral--800);
  color: var(--neutral--800);
  background-color: #0000;
  transform: none;
}

.btn-secondary {
  border: 1px solid var(--neutral--800);
  color: var(--neutral--800);
  text-align: center;
  transform-style: preserve-3d;
  background-color: #0000;
  border-radius: 96px;
  padding: 26px 38px;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.111em;
  transition: border-color .3s, transform .3s, background-color .3s, color .3s;
}

.btn-secondary:hover {
  border-color: var(--neutral--800);
  background-color: var(--neutral--800);
  color: var(--neutral--100);
  transform: scale3d(.95, .95, 1.001);
}

.btn-secondary.small {
  padding: 18px 24px;
  font-size: 16px;
  line-height: 1.125em;
}

.btn-secondary.large {
  padding: 28px 56px;
  font-size: 20px;
  line-height: 1.1em;
}

.btn-secondary.white {
  border-color: var(--neutral--100);
  color: var(--neutral--100);
  background-color: #0000;
}

.btn-secondary.white:hover {
  border-color: var(--accent--primary-1);
  background-color: var(--accent--primary-1);
  color: var(--neutral--800);
}

.btn-secondary.bg-white {
  background-color: var(--neutral--100);
}

.btn-secondary.bg-white:hover {
  background-color: var(--neutral--800);
}

.btn-secondary.bg-white.alt {
  padding-left: 20px;
  padding-right: 20px;
}

.btn-secondary.btn-pagination {
  margin-top: 64px;
  margin-left: 0;
  margin-right: 0;
}

.btn-secondary.buy-now-btn {
  flex: 1;
  max-width: 196px;
  margin-top: 0;
}

.badge-primary {
  background-color: var(--neutral--800);
  color: var(--neutral--100);
  border-radius: 40px;
  padding: 18px 28px;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.111em;
  display: inline-block;
}

.badge-primary.white {
  background-color: var(--neutral--100);
  color: var(--neutral--800);
}

.badge-primary.gold {
  background-color: var(--accent--primary-1);
  color: var(--neutral--800);
}

.badge-primary.small {
  padding: 14px 22px;
  font-size: 16px;
  line-height: 1.125em;
}

.badge-primary.large {
  padding: 22px 38px;
  font-size: 20px;
  line-height: 1.1em;
}

.badge-secondary {
  border: 1px solid var(--neutral--800);
  background-color: var(--neutral--100);
  color: var(--neutral--800);
  text-align: center;
  border-radius: 40px;
  padding: 18px 28px;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.111em;
  text-decoration: none;
  display: inline-block;
}

.badge-secondary.white {
  border-color: var(--neutral--100);
  box-shadow: none;
  color: var(--neutral--100);
  background-color: #0000;
}

.badge-secondary.gold {
  border-width: 1px;
  border-color: var(--accent--primary-1);
  box-shadow: none;
  color: var(--accent--primary-1);
  background-color: #0000;
}

.badge-secondary.small {
  padding: 14px 22px;
  font-size: 16px;
  line-height: 1.125em;
}

.badge-secondary.large {
  padding: 22px 38px;
  font-size: 20px;
  line-height: 1.1em;
}

.badge-secondary.tiny {
  padding: 4px 10px;
  font-size: 12px;
  line-height: 1.125em;
}

.badge-secondary.tiny.text-bold {
  font-weight: 700;
}

.input {
  color: var(--neutral--800);
  background-color: #0000;
  border-style: none none solid;
  border-bottom-width: 1px;
  border-bottom-color: #0e0e0e33;
  border-radius: 0;
  min-height: 72px;
  margin-bottom: 0;
  padding: 26px 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.111em;
  transition: color .3s, border-color .3s;
}

.input:hover {
  border-bottom-color: var(--neutral--800);
}

.input:focus, .input.-wfp-focus {
  border-bottom-color: var(--neutral--800);
  color: var(--neutral--800);
}

.input::placeholder {
  color: var(--neutral--600);
}

.input.small {
  min-height: 46px;
  margin-bottom: 0;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 16px;
  line-height: 1.125em;
}

.input.small.width-100.mg-bottom-16px {
  margin-bottom: 16px;
}

.input.large {
  min-height: 76px;
  font-size: 20px;
  line-height: 1.1em;
}

.input.button-inside {
  padding-right: 38%;
}

.input.cart-quantity-input {
  width: 50px;
  min-height: 40px;
  padding-top: 0;
  padding-bottom: 16px;
}

.input.add-cart-quantity {
  color: var(--neutral--700);
  width: 110px;
}

.input.add-cart-quantity:focus {
  color: var(--neutral--800);
}

.input.add-cart-quantity::placeholder {
  color: var(--neutral--700);
}

.input.medium {
  min-height: 56px;
  margin-bottom: 24px;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 16px;
}

.input.medium::placeholder {
  font-size: 16px;
  line-height: 18px;
}

.input.medium.last {
  margin-bottom: 0;
}

.input.dark-bg {
  border-bottom-color: var(--neutral--700);
  color: var(--neutral--100);
}

.input.dark-bg:hover {
  border-bottom-color: var(--neutral--400);
}

.input.dark-bg:focus {
  border-bottom-color: var(--neutral--100);
  color: var(--neutral--100);
}

.input.dark-bg::placeholder {
  color: var(--neutral--400);
}

.input.text-800::placeholder {
  color: var(--neutral--800);
}

.input.select {
  color: var(--neutral--700);
  flex-direction: column;
  justify-content: center;
  display: flex;
}

.input.select:focus {
  color: var(--neutral--800);
}

.input.text-700::placeholder {
  color: var(--neutral--700);
}

.input.select-wrapper {
  border-bottom-style: none;
  flex-direction: column;
  justify-content: center;
  padding-top: 0;
  padding-bottom: 0;
  transition-property: none;
  display: flex;
}

.position-relative {
  position: relative;
}

.position-relative.blog-post-featured {
  padding-top: 100px;
}

.text-area {
  color: var(--neutral--800);
  background-color: #0000;
  border-style: none none solid;
  border-bottom-width: 1px;
  border-bottom-color: #0e0e0e33;
  min-width: 100%;
  max-width: 100%;
  min-height: 144px;
  max-height: 200px;
  margin-bottom: 0;
  padding: 24px 0;
  font-size: 18px;
  line-height: 1.556em;
  transition: border-color .3s, color .3s, border-color .3s;
}

.text-area:hover {
  border-bottom-style: solid;
  border-bottom-color: var(--neutral--800);
}

.text-area:focus {
  border-bottom-style: solid;
  border-bottom-color: var(--neutral--800);
  color: var(--neutral--800);
}

.text-area::placeholder {
  color: var(--neutral--600);
}

.text-area.small {
  min-height: 102px;
  margin-bottom: 24px;
  font-size: 16px;
  line-height: 1.625em;
}

.text-area.dark-bg {
  border-bottom-color: var(--neutral--700);
  color: var(--neutral--100);
}

.text-area.dark-bg:hover {
  border-bottom-color: var(--neutral--400);
}

.text-area.dark-bg:focus {
  border-bottom-color: var(--neutral--100);
  color: var(--neutral--100);
}

.text-area.dark-bg::placeholder {
  color: var(--neutral--400);
}

.text-area.text-700::placeholder {
  color: var(--neutral--700);
}

.checkbox-field-wrapper {
  align-items: center;
  margin-bottom: 24px;
  padding-left: 0;
  font-size: 18px;
  line-height: 22px;
  display: flex;
}

.checkbox-field-wrapper.large {
  font-size: 20px;
  line-height: 24px;
}

.checkbox-field-wrapper.small {
  font-size: 16px;
  line-height: 20px;
}

.checkbox-field-wrapper.mg-bottom-0 {
  margin-bottom: 0;
}

.checkbox {
  background-color: var(--neutral--100);
  border-width: 1px;
  border-color: #0e0e0e33;
  border-radius: 0;
  width: auto;
  min-width: 24px;
  height: auto;
  min-height: 24px;
  margin-top: 0;
  margin-left: 0;
  margin-right: 10px;
  transition: border-color .3s, background-color .3s;
}

.checkbox:hover {
  border-color: var(--neutral--500);
}

.checkbox.w--redirected-checked {
  border-color: var(--accent--primary-1);
  background-color: var(--accent--primary-1);
  background-image: url('../images/check-construcfy-x-webflow-brix-template.svg');
  background-size: contain;
  margin-top: 0;
  margin-left: 0;
}

.checkbox.w--redirected-focus {
  border-color: var(--neutral--800);
  box-shadow: none;
}

.checkbox.large {
  min-width: 28px;
  min-height: 28px;
}

.checkbox.small {
  border-radius: 0;
  min-width: 22px;
  min-height: 22px;
}

.radio-button-field-wrapper {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 24px;
  padding-left: 0;
  font-size: 18px;
  line-height: 24px;
  display: flex;
}

.radio-button-field-wrapper.large {
  font-size: 20px;
  line-height: 26px;
}

.radio-button-field-wrapper.small {
  font-size: 16px;
  line-height: 22px;
}

.radio-button {
  background-color: var(--neutral--100);
  border-color: #0e0e0e33;
  width: auto;
  min-width: 24px;
  height: auto;
  min-height: 24px;
  margin-top: 0;
  margin-left: 0;
  margin-right: 10px;
  transition: border-color .3s, border-width .3s, background-color .3s;
}

.radio-button:hover {
  border-color: var(--neutral--500);
}

.radio-button.w--redirected-checked {
  border-width: 6px;
  border-color: var(--accent--primary-1);
  background-color: var(--neutral--800);
}

.radio-button.w--redirected-focus {
  border-color: var(--neutral--800);
  box-shadow: none;
}

.radio-button.large {
  min-width: 28px;
  min-height: 28px;
}

.radio-button.large.w--redirected-checked {
  border-width: 8px;
}

.radio-button.small {
  min-width: 22px;
  min-height: 22px;
}

.style---avatars-grid {
  grid-column-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, 380px);
}

.avatar-circle {
  border-radius: 50%;
  width: 100%;
  overflow: hidden;
  transform: translate(0);
}

.avatar-circle._01 {
  width: 32px;
  max-width: 32px;
  height: 32px;
  max-height: 32px;
}

.avatar-circle._02 {
  width: 48px;
  max-width: 48px;
  height: 48px;
  max-height: 48px;
}

.avatar-circle._03 {
  width: 64px;
  max-width: 64px;
  height: 64px;
  max-height: 64px;
}

.avatar-circle._04 {
  width: 80px;
  max-width: 80px;
  height: 80px;
  max-height: 80px;
}

.avatar-circle._05 {
  width: 120px;
  max-width: 120px;
  height: 120px;
  max-height: 120px;
}

.avatar-circle._06 {
  width: 160px;
  max-width: 160px;
  height: 160px;
  max-height: 160px;
}

.avatar-circle._07 {
  width: 240px;
  max-width: 240px;
  height: 240px;
  max-height: 240px;
}

.avatar-circle._08 {
  width: 380px;
  max-width: 380px;
  height: 380px;
  max-height: 380px;
}

.avatar-circle._100px {
  width: 100px;
  max-width: 100px;
  height: 100px;
  max-height: 100px;
}

.avatar-circle._40px {
  width: 40px;
  max-width: 40px;
  height: 40px;
  max-height: 40px;
}

.style---icons-grid {
  grid-column-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, 66px);
}

.square-icon {
  background-color: var(--accent--primary-1);
  justify-content: center;
  align-items: center;
  padding: 14px 12px;
  display: flex;
}

.style---social-square-icons-grid {
  grid-column-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, 36px);
}

/* Ocultar a section em telas maiores que 767px */
#social {
  display: none;
}

/* Exibir a section apenas em dispositivos móveis (largura até 767px) */
@media (max-width: 767px) {
  #social {
    display: block;
  }
}

.social-icon-font {
  font-family: Social Icons Font, sans-serif;
}

.social-icon-font.button-left {
  margin-right: 6px;
}

.social-icon-square {
  background-color: var(--accent--primary-1);
  color: var(--neutral--800);
  justify-content: center;
  align-items: center;
  width: 36px;
  min-width: 36px;
  height: 36px;
  min-height: 36px;
  line-height: 1em;
  text-decoration: none;
  transition: background-color .3s, color .3s;
  display: flex;
}

.social-icon-square:hover {
  background-color: var(--neutral--800);
  color: var(--neutral--100);
}

.social-icon-square.size-10px {
  width: 10px;
}

.social-icon-square.without-bg {
  color: var(--neutral--100);
  background-color: #0000;
  width: auto;
  min-width: auto;
  height: auto;
  min-height: auto;
  transition: color .3s;
}

.social-icon-square.without-bg:hover {
  color: var(--accent--primary-1);
}

.social-icon-square.without-bg.black {
  color: var(--neutral--800);
}

.social-icon-square.without-bg.black:hover {
  color: var(--accent--primary-1);
}

.social-icon-square.without-bg._28px {
  font-size: 28px;
}

.social-icon-square.without-bg.hero-v3-social-icon {
  color: var(--neutral--800);
  width: 29px;
  min-width: 29px;
  height: 29px;
  min-height: 29px;
  font-size: 29px;
}

.social-icon-square.without-bg.hero-v3-social-icon:hover {
  color: var(--accent--primary-1);
}

.line-rounded-icon {
  font-family: Line Rounded Icons, sans-serif;
}

.line-rounded-icon.style---dropdown-arrow-sidebar {
  line-height: 18px;
}

.line-rounded-icon.link-icon-right {
  margin-left: 6px;
  display: inline-block;
}

.line-rounded-icon.link-icon-left {
  margin-right: 6px;
  display: inline-block;
}

.line-rounded-icon.dropdown-arrow {
  margin-left: 8px;
}

.line-rounded-icon.success-message-check {
  margin-bottom: 6px;
  font-size: 22px;
  line-height: 1em;
}

.line-rounded-icon.success-message-check.large {
  margin-bottom: 16px;
  font-size: 80px;
}

.style---line-icons-grid {
  grid-column-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, 20px);
}

.line-square-icon {
  font-family: Line Square Icons, sans-serif;
}

.line-square-icon.top-bar-close-icon {
  cursor: pointer;
  align-items: center;
  padding: 20px 32px;
  transition: opacity .3s;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.line-square-icon.top-bar-close-icon:hover {
  opacity: .55;
}

.line-square-icon.link-icon-right {
  margin-left: 4px;
  display: inline-block;
}

.line-square-icon.link-icon-right._20px {
  margin-left: 6px;
  font-size: 20px;
  line-height: 1.125em;
}

.line-square-icon.card-arrow-up-right {
  color: var(--neutral--800);
  justify-content: center;
  align-items: center;
  min-width: 24px;
  max-width: 24px;
  min-height: 24px;
  max-height: 24px;
  margin-left: 6px;
  font-size: 24px;
  display: flex;
}

.line-square-icon.card-white-arrow-up-right {
  color: var(--neutral--100);
}

.line-square-icon.success-message-icon {
  font-size: 28px;
}

.line-square-icon.success-message-icon.icon-left {
  margin-right: 16px;
}

.filled-icons {
  font-family: Filled Icons, sans-serif;
}

.rich-text p {
  margin-top: 16px;
  margin-bottom: 16px;
}

.rich-text h2 {
  margin-bottom: 24px;
}

.rich-text h3 {
  margin-top: 48px;
  margin-bottom: 24px;
}

.rich-text figure {
  margin-top: 48px;
  margin-bottom: 48px;
}

.rich-text ul {
  margin-top: 32px;
  margin-bottom: 48px;
}

.rich-text ol {
  margin-top: 32px;
  margin-bottom: 40px;
}

.rich-text h6, .rich-text h5, .rich-text h4 {
  margin-top: 48px;
  margin-bottom: 24px;
}

.rich-text blockquote {
  margin-top: 64px;
  margin-bottom: 64px;
}

.style---dropdown-wrapper-sidebar {
  width: 100%;
  overflow: hidden;
}

.style---dropdown-toggle {
  border-bottom: 1px solid var(--neutral--300);
  color: var(--neutral--800);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 18px 20px;
  font-size: 16px;
  font-weight: 700;
  line-height: 18px;
  transition: background-color .3s;
  display: flex;
}

.style---dropdown-toggle:hover {
  background-color: var(--neutral--200);
  color: var(--neutral--800);
}

.style---dropdown-toggle.w--open {
  background-color: var(--neutral--200);
}

.buttons-row {
  align-items: center;
  display: flex;
}

.buttons-row.center {
  justify-content: center;
}

.buttons-row.btn-form-wrapper---default {
  margin-top: 26px;
}

.style---dropdown-list-sidebar {
  border-bottom: 1px solid var(--neutral--300);
  background-color: var(--neutral--100);
  padding-top: 24px;
  padding-bottom: 24px;
  position: relative;
}

.style---dropdown-link-sidebar {
  color: var(--neutral--600);
  border-right: 4px solid #0000;
  flex-direction: row;
  align-items: center;
  padding: 12px 16px 12px 20px;
  font-size: 16px;
  line-height: 1.188em;
  text-decoration: none;
  transition: border-color .3s, background-color .3s, color .3s;
  display: flex;
}

.style---dropdown-link-sidebar:hover {
  border-right-color: var(--accent--primary-1);
  background-color: var(--neutral--200);
  color: var(--neutral--800);
}

.style---dropdown-link-sidebar.w--current {
  border-right-color: var(--accent--primary-1);
  background-color: var(--neutral--200);
  color: var(--neutral--800);
  font-weight: 700;
}

.style---dropdown-link-icon-sidebar {
  background-color: var(--accent--primary-1);
  max-width: 38px;
  margin-right: 10px;
  padding: 2px;
}

.style---sidebar-wrapper {
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  display: flex;
  overflow: scroll;
}

.style---logo-wrapper {
  border-bottom: 1px solid var(--neutral--300);
  background-color: var(--neutral--100);
  color: var(--neutral--600);
  text-align: center;
  width: 100%;
  padding: 38px 22px;
  text-decoration: none;
}

.width-100 {
  width: 100%;
}

.width-100.start-here---mg-bottom-48px {
  border: 1px solid var(--neutral--400);
  margin-bottom: 48px;
}

.width-100.start-here---mg-bottom-10px {
  border: 1px solid var(--neutral--400);
  margin-bottom: 10px;
}

.style---button-wrapper-sidebar {
  margin-top: 20px;
  margin-bottom: 24px;
  padding-left: 20px;
  padding-right: 20px;
}

.style---logo-sidebar {
  transition: opacity .3s;
}

.style---logo-sidebar:hover {
  opacity: .6;
}

.container-default {
  max-width: 1268px;
  padding-left: 24px;
  padding-right: 24px;
}

.container-default.z-index-1 {
  z-index: 1;
  position: relative;
}

.container-default.order-confirmation {
  display: block;
}

.container-default.z-index-2 {
  z-index: 2;
  position: relative;
}

.container-default.hero-v21-container {
  flex-direction: column;
  flex: 1;
  display: flex;
}

.container-default.hero-v22-container {
  flex-direction: column;
  display: flex;
}

.elements---page-hero {
  padding-top: 120px;
  padding-bottom: 120px;
  overflow: hidden;
}

.section {
  padding-top: 60px;
  padding-bottom: 110px;
}

.section._120px {
  padding-top: 30px;
  padding-bottom: 30px;
}

.section.position-relative {
  padding-top: 43px;
  padding-bottom: 26px;
}

.section.position-relative.bg-neutral-800 {
  padding-top: 107px;
}

.section.overflow-hidden {
  padding-top: 0;
  padding-bottom: 52px;
}

.section.bg-neutral-200.position-relative {
  padding-bottom: 94px;
}

.section.template-pages-hero {
  padding-top: 100px;
  padding-bottom: 148px;
  position: relative;
  overflow: hidden;
}

.section.hero-main {
  background-image: linear-gradient(to bottom, white 46%, var(--neutral--800) 46%);
  padding-top: 98px;
  padding-bottom: 280px;
  overflow: hidden;
}

.section.cta-home-pages {
  background-image: linear-gradient(to bottom, var(--neutral--200) 26%, white 26%);
  padding-top: 0;
  padding-bottom: 180px;
}

.section.hero {
  position: relative;
  overflow: hidden;
}

.section.hero.v20 {
  margin-bottom: 82px;
  padding-top: 52px;
  padding-bottom: 0;
  overflow: visible;
}

.section.hero.v21 {
  flex-direction: column;
  min-height: 80vh;
  margin-bottom: 117px;
  padding-top: 40px;
  padding-bottom: 0;
  display: flex;
  overflow: visible;
}

.section.hero.v12 {
  background-color: var(--neutral--200);
  padding-top: 196px;
  padding-bottom: 360px;
}

.section.hero.v13 {
  margin-bottom: 394px;
  padding-top: 75px;
  padding-bottom: 0;
  overflow: visible;
}

.section.hero.v5 {
  padding-top: 98px;
  padding-bottom: 180px;
}

.section.hero.v6 {
  margin-bottom: 82px;
  padding-top: 44px;
  padding-bottom: 0;
  overflow: visible;
}

.section.hero.v10 {
  padding-top: 98px;
  padding-bottom: 203px;
}

.section.hero.v18 {
  padding-top: 254px;
  padding-bottom: 0;
}

.section.hero.v4 {
  padding-top: 250px;
  padding-bottom: 158px;
}

.section.hero.v7 {
  padding-top: 97px;
  padding-bottom: 240px;
}

.section.hero.v8 {
  margin-bottom: 323px;
  padding-top: 97px;
  padding-bottom: 0;
  overflow: visible;
}

.section.hero.v9 {
  padding-top: 97px;
  padding-bottom: 160px;
}

.section.hero.v11 {
  padding-top: 0;
  padding-bottom: 0;
}

.section.hero.v14 {
  padding-top: 132px;
  padding-bottom: 132px;
  display: block;
}

.section.hero.v16 {
  padding-top: 97px;
  padding-bottom: 0;
}

.section.hero.v15 {
  z-index: 1;
  padding-top: 120px;
  padding-bottom: 0;
  overflow: visible;
}

.section.hero.v1 {
  padding-top: 138px;
  padding-bottom: 390px;
}

.section.hero.v3 {
  z-index: 0;
  padding-top: 97px;
  padding-bottom: 0;
}

.section.hero.v19 {
  padding-top: 97px;
  padding-bottom: 140px;
}

.section.hero.v2 {
  margin-top: 230px;
  padding-top: 0;
  padding-bottom: 0;
  position: static;
}

.section.hero.v17 {
  padding-top: 97px;
  padding-bottom: 140px;
}

.section.hero.v22 {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  padding-top: 183px;
  padding-bottom: 288px;
  display: flex;
  position: static;
  overflow: visible;
}

.section.hero.v23 {
  padding-top: 0;
  padding-bottom: 120px;
}

.section.pd-180px {
  padding-top: 105px;
  padding-bottom: 180px;
}

.section.bottom-120px {
  padding-top: 76px;
  padding-bottom: 44px;
}

.section.top-120px {
  padding-top: 120px;
}

.section._160px {
  padding-top: 160px;
  padding-bottom: 160px;
}

.section.pd-top-bottom-0 {
  padding-top: 0;
  padding-bottom: 0;
}

.section.pd-top-0px {
  padding-top: 0;
  padding-bottom: 110px;
}

.section.cta-v1 {
  background-color: var(--accent--primary-1);
  padding-top: 135px;
  padding-bottom: 135px;
  position: relative;
  overflow: hidden;
}

.section.cta-v2 {
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
  overflow: hidden;
}

.section.cta-v3 {
  background-color: var(--accent--primary-1);
  padding-top: 135px;
  padding-bottom: 135px;
  position: relative;
}

.section.cta-newsletter-v1, .section.cta-newsletter-v2 {
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
  overflow: hidden;
}

.section.top {
  padding-top: 90px;
}

.top-bar-wrapper {
  background-color: var(--neutral--800);
  color: var(--neutral--100);
  text-align: center;
  padding-left: 57px;
  padding-right: 57px;
  position: relative;
  overflow: hidden;
}

.top-bar-wrapper._0px {
  padding-left: 0;
  padding-right: 0;
}

.top-bar-padding {
  width: 100%;
  padding-top: 30px;
  padding-bottom: 30px;
}

.top-bar-padding.small-padding {
  padding-top: 22px;
  padding-bottom: 22px;
}

.top-bar-flex {
  justify-content: center;
  align-items: center;
  display: flex;
}

.link-wrapper {
  color: var(--neutral--800);
  display: inline-block;
}

.link-wrapper.color-primary {
  color: var(--accent--primary-1);
}

.link-wrapper.white {
  color: var(--neutral--100);
}

.link-text {
  display: inline-block;
}

.elements---element-title {
  border: 1px solid var(--neutral--300);
  background-color: var(--neutral--100);
  margin-top: 60px;
  margin-bottom: 60px;
  padding: 24px 32px;
}

.elements---element-title.first {
  margin-top: 0;
}

.heading-h1-size {
  color: var(--neutral--800);
  font-size: 54px;
  font-weight: 500;
  line-height: 1.222em;
}

.heading-h1-size.color-neutral-100 {
  color: var(--neutral--100);
}

.heading-h2-size {
  color: var(--neutral--800);
  font-size: 38px;
  font-weight: 500;
  line-height: 1.316em;
}

.heading-h3-size {
  color: var(--neutral--800);
  font-size: 24px;
  font-weight: 600;
  line-height: 1.417em;
}

.heading-h3-size.color-neutral-100 {
  color: var(--neutral--100);
}

.heading-h4-size {
  color: var(--neutral--800);
  font-size: 22px;
  font-weight: 600;
  line-height: 1.273em;
}

.heading-h5-size {
  color: var(--neutral--800);
  font-size: 18px;
  font-weight: 600;
  line-height: 1.333em;
}

.heading-h5-size.color-neutral-100 {
  color: var(--neutral--100);
}

.heading-h6-size {
  color: var(--neutral--800);
  font-size: 16px;
  font-weight: 600;
  line-height: 1.375em;
}

.header-wrapper {
  background-color: #0000;
  padding-top: 32px;
  padding-bottom: 32px;
}

.header-wrapper.v1 {
  background-color: var(--neutral--100);
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  position: fixed;
  inset: 0% 0% auto;
}

.header-content-wrapper {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.header-content-wrapper.center {
  justify-content: center;
}

.header-nav-menu-wrapper {
  justify-content: center;
  align-items: center;
}

.header-nav-menu-list {
  z-index: 1;
  justify-content: flex-end;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.header-nav-link {
  color: var(--neutral--800);
  letter-spacing: .06em;
  text-transform: uppercase;
  padding: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.125em;
  transition: color .3s;
}

.header-nav-link:hover {
  color: var(--neutral--400);
}

.header-nav-link.w--current {
  color: var(--neutral--800);
}

.header-nav-link.white {
  color: var(--neutral--100);
}

.header-nav-link.white:hover {
  color: var(--accent--primary-1);
}

.header-nav-list-item {
  margin-bottom: 0;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 32px;
  font-size: 16px;
  line-height: 1.125em;
}

.header-nav-list-item.show-in-tablet {
  display: none;
}

.header-nav-list-item.left {
  padding-left: 0;
  padding-right: 32px;
}

.header-nav-list-item.left.pd-right-0 {
  padding-right: 0;
}

.header-nav-list-item.pd-right-0 {
  padding-left: 0;
}

.dropdown-toggle {
  letter-spacing: .06em;
  text-transform: uppercase;
  align-items: center;
  padding: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.125em;
  display: flex;
}

.dropdown-toggle:hover {
  color: var(--neutral--500);
}

.dropdown-column-wrapper {
  border: 1px none var(--neutral--300);
  background-color: #0000;
  border-radius: 0;
  min-width: 870px;
  overflow: hidden;
  transform: translate(-60%);
}

.dropdown-pd {
  border: 1px solid var(--neutral--300);
  background-color: var(--neutral--100);
  width: 100%;
  margin-top: 24px;
  padding: 50px 40px;
  box-shadow: 1px 1px 6px #14142b0f;
}

.header-logo {
  width: 100%;
  max-width: 100%;
  font-weight: 500;
}

.header-logo-link {
  width: 100%;
  max-width: 120px;
  padding-left: 0;
  transition: opacity .3s;
  position: relative;
}

.header-logo-link:hover {
  opacity: .6;
}

.header-logo-link.center, .header-logo-link.large-v1 {
  max-width: 254px;
}

.hamburger-menu-wrapper {
  padding: 0;
}

.hamburger-menu-wrapper.w--open {
  background-color: #0000;
}

.hamburger-menu-bar {
  background-color: var(--neutral--800);
  width: 52px;
  height: 4px;
  margin-top: 12px;
  margin-bottom: 12px;
}

.header-right-side {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.header-left-side {
  align-items: center;
  display: flex;
}

.btn-circle-primary {
  background-color: var(--neutral--800);
  color: var(--neutral--100);
  transform-style: preserve-3d;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 64px;
  min-width: 64px;
  height: 64px;
  min-height: 64px;
  font-size: 28px;
  line-height: 1em;
  text-decoration: none;
  transition: transform .3s, background-color .3s, color .3s;
  display: flex;
}

.btn-circle-primary:hover {
  background-color: var(--neutral--700);
  color: var(--neutral--100);
  transform: scale3d(.94, .94, 1.01);
}

.btn-circle-primary.small {
  width: 50px;
  min-width: 50px;
  height: 50px;
  min-height: 50px;
  font-size: 24px;
}

.btn-circle-primary.large {
  width: 88px;
  min-width: 88px;
  height: 88px;
  min-height: 88px;
  font-size: 36px;
}

.btn-circle-primary.white {
  background-color: var(--neutral--100);
  color: var(--neutral--800);
}

.btn-circle-primary.white:hover {
  background-color: var(--accent--primary-1);
  color: var(--neutral--800);
}

.btn-circle-secondary {
  border: 1px solid var(--neutral--800);
  color: var(--neutral--800);
  transform-style: preserve-3d;
  background-color: #0000;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 64px;
  min-width: 64px;
  height: 64px;
  min-height: 64px;
  font-size: 28px;
  line-height: 1em;
  text-decoration: none;
  transition: border-color .3s, transform .3s, background-color .3s, color .3s;
  display: flex;
}

.btn-circle-secondary:hover {
  border-color: var(--neutral--800);
  background-color: var(--neutral--800);
  color: var(--neutral--100);
  transform: scale3d(.94, .94, 1.01);
}

.btn-circle-secondary.small {
  width: 40px;
  min-width: 40px;
  height: 40px;
  min-height: 40px;
  font-size: 24px;
}

.btn-circle-secondary.small.accordion-btn {
  border-style: none;
  transition-property: none;
}

.btn-circle-secondary.small.accordion-btn:hover {
  color: var(--neutral--800);
  background-color: #0000;
}

.btn-circle-secondary.small.accordion-btn.color-neutral-100 {
  color: var(--neutral--100);
}

.btn-circle-secondary.small.accordion-btn.alt {
  width: 32px;
  min-width: 32px;
  height: 32px;
  min-height: 32px;
  font-size: 22px;
}

.btn-circle-secondary.large {
  width: 88px;
  min-width: 88px;
  height: 88px;
  min-height: 88px;
  font-size: 36px;
}

.btn-circle-secondary.white {
  border-color: var(--neutral--100);
  box-shadow: none;
  color: var(--neutral--100);
  background-color: #0000;
}

.btn-circle-secondary.white:hover {
  border-color: var(--neutral--100);
  background-color: var(--neutral--100);
  color: var(--neutral--800);
}

.btn-circle-secondary.accordion-btn {
  position: relative;
}

.btn-circle-secondary.project-single-btn {
  width: 140px;
  min-width: 140px;
  height: 140px;
  min-height: 140px;
}

.btn-circle-secondary.hero-v2-btn-circle {
  border-color: var(--neutral--100);
  width: 140px;
  min-width: 140px;
  height: 140px;
  min-height: 140px;
}

.btn-circle-secondary.hero-v2-btn-circle:hover {
  border-color: var(--neutral--100);
  background-color: var(--neutral--100);
}

._401-page-form {
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  max-width: 684px;
  margin-left: auto;
  margin-right: auto;
}

.hidden-on-desktop {
  display: none;
}

.flex-vertical {
  flex-direction: column;
  display: flex;
}

.flex-vertical.center {
  align-items: center;
}

.flex-horizontal {
  justify-content: center;
  align-items: center;
  display: flex;
}

.flex-horizontal.start {
  justify-content: flex-start;
}

.flex-horizontal.start.wrap {
  flex-wrap: wrap;
}

.flex-horizontal.start.wrap.gap-row-10px {
  grid-column-gap: 0px;
  grid-row-gap: 10px;
}

.flex-horizontal.start.gap-row-8px {
  grid-row-gap: 8px;
}

.flex-horizontal.start.testimonial-grid---bottom {
  grid-row-gap: 8px;
  flex-wrap: wrap;
  margin-top: auto;
}

.flex-horizontal.space-between {
  justify-content: space-between;
}

.flex-horizontal.space-between.wrap {
  flex-wrap: wrap;
}

.flex-horizontal.space-between.gap-10px {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
}

.flex-horizontal.success-message-horizontal {
  text-align: left;
  justify-content: flex-start;
}

.flex-horizontal.wrap {
  flex-wrap: wrap;
}

.footer-wrapper {
  border-top: 1px none var(--neutral--200);
  background-color: var(--neutral--800);
  position: relative;
  overflow: hidden;
}

.footer-wrapper.bg-neutral-100 {
  background-color: var(--neutral--100);
}

.footer-logo {
  text-align: left;
  width: 100%;
  transition: opacity .3s;
}

.footer-logo:hover {
  opacity: .6;
}

.footer-logo-wrapper {
  width: 100%;
  max-width: 234px;
}

.footer-logo-wrapper.w--current {
  max-width: 234px;
  overflow: visible;
}

.footer-logo-wrapper.v2 {
  max-width: 195px;
}

.footer-bottom {
  border-top: 1px solid var(--neutral--300);
  text-align: center;
  padding-top: 40px;
  padding-bottom: 40px;
}

.footer-bottom.standalone {
  border-top-style: none;
  padding-top: 35px;
  padding-bottom: 35px;
}

.success-message {
  color: var(--neutral--800);
  background-color: #0000;
  padding: 0;
}

.success-message.neutral-800 {
  border-color: var(--neutral--800);
  color: var(--neutral--800);
  padding-top: 20px;
  padding-bottom: 18px;
}

.success-message.color-neutral-100 {
  color: var(--neutral--100);
}

.error-message {
  color: var(--system--300);
  background-color: #0000;
  margin-top: 20px;
  padding: 0;
}

.error-message.cart-error {
  margin-top: 0;
}

.text-center {
  text-align: center;
}

.text-center.tablet {
  text-align: left;
}

.opacity-90 {
  opacity: .9;
}

._w-h-100 {
  width: 100%;
  height: 100%;
}

._w-h-100.fit-cover.grow {
  flex: 1;
}

._w-h-100.our-office-image {
  object-fit: cover;
  min-height: 500px;
}

._w-h-100.figma-file-image {
  object-fit: cover;
  object-position: 0% 0%;
}

.fit-cover {
  object-fit: cover;
}

.play-button-large {
  transform-style: preserve-3d;
  border-radius: 50%;
  width: 100%;
  transition: transform .3s;
}

.play-button-large:hover {
  transform: scale3d(.94, .94, 1.01);
}

.bg-overlay {
  z-index: 1;
  background-color: #0006;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-hidden.our-numbers-full {
  flex-direction: column;
  max-height: 300px;
  display: flex;
}

.overflow-hidden.hero-v6-image {
  width: 100%;
  max-width: 491px;
  margin-bottom: -82px;
}

.overflow-hidden.cta-newsletter-v1-image {
  width: 675px;
  margin-top: -57px;
  margin-left: 50px;
  padding-bottom: 40px;
  position: relative;
}

.overflow-hidden.cta-newsletter-v2-image {
  width: 836px;
  margin-top: -127px;
  margin-bottom: -82px;
  margin-left: -201px;
  position: relative;
}

.overflow-hidden.cta-newsletter-v1-1-image {
  width: 675px;
  margin-top: -57px;
  margin-left: 50px;
  padding-bottom: 40px;
  position: relative;
}

.lightbox-video-icon-wrapper {
  justify-content: center;
  align-items: center;
  width: 136px;
  display: flex;
}

.half-bg-bottom {
  z-index: -1;
  background-color: var(--neutral--200);
  width: 100%;
  height: 60%;
  position: absolute;
  inset: auto 0% 0%;
}

.half-bg-bottom.hero-v1-half-bg-bottom {
  z-index: 0;
  background-color: var(--neutral--100);
  height: 174px;
}

.half-bg-bottom.hero-v2-half-bg-bottom {
  z-index: 0;
  background-color: var(--neutral--100);
  height: 320px;
}

.half-bg-bottom.hero-v3-half-bg-bottom {
  background-color: var(--neutral--100);
  height: 23%;
}

.text-decoration-none {
  text-decoration: none;
}

.half-bg-image-right {
  z-index: -1;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 50%;
  height: 100%;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.half-bg-image-right.coming-soong-half-bg-image {
  transform-style: preserve-3d;
  background-image: url('../images/image-coming-soon-construcfy-x-webflow-brix-template_1image-coming-soon-construcfy-x-webflow-brix-template.webp');
  background-position: 12%;
  background-size: cover;
}

.half-bg-image-right.home-v1-half-bg-image {
  z-index: 1;
  background-image: url('../images/contracting-system-construcfy-x-webflow-brix-template.jpg');
  background-position: 50% 0;
  background-size: cover;
  width: 44.5%;
}

.half-bg-image-right.cta-get-in-touch-half-bg-image {
  z-index: 0;
  transform-style: preserve-3d;
  background-image: url('../images/coming-soon-construcfy-x-webflow-brix-template.png');
  background-position: 16%;
  background-size: cover;
  width: 40%;
}

.half-bg-image-right.content-half-bg-right {
  background-color: var(--neutral--800);
  background-image: none;
  width: 100vw;
  inset: 0% auto 0% 0%;
}

.half-bg-image-left {
  z-index: -1;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 50%;
  height: 100%;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.half-bg-image-left.cta-home-v2-half-bg {
  z-index: 0;
  background-image: url('../images/geral/get-in-touch-with-us.png');
  background-position: 100% 100%;
  background-size: cover;
  width: 62.5%;
  height: 86%;
  top: auto;
  bottom: -10%;
  left: 0%;
}

.half-bg-image-left.hero-v3-bg-image-left {
  mix-blend-mode: normal;
  background-image: url('../images/geral/deck-2.jpg');
  background-size: cover;
  width: 44.5%;
}

.slider-wrapper {
  background-color: #0000;
  height: 100%;
}

.slider-mask {
  height: 100%;
}

.slider-mask.width-388px {
  max-width: 388px;
  overflow: visible;
}

.accordion-item-wrapper {
  border-top: 1px solid var(--neutral--700);
  border-bottom: 1px solid var(--neutral--700);
  cursor: pointer;
  transform-style: preserve-3d;
  justify-content: space-between;
  width: 100%;
  margin-bottom: -1px;
  padding-top: 60px;
  padding-bottom: 60px;
  transition: transform .3s;
  display: flex;
  overflow: hidden;
}

.accordion-item-wrapper:hover {
  transform: translate3d(10px, 0, .01px);
}

.accordion-item-wrapper.first {
  border-top-style: none;
  padding-top: 0;
}

.accordion-item-wrapper.borders-300 {
  border-top-color: var(--neutral--300);
  border-bottom-color: var(--neutral--300);
}

.accordion-item-wrapper.last {
  border-bottom-style: none;
  padding-bottom: 20px;
}

.accordion-header {
  align-items: center;
  display: flex;
}

.acordion-body {
  width: 100%;
}

.accordion-spacer {
  min-height: 12px;
}

.accordion-spacer._28px {
  min-height: 28px;
}

.accordion-content-wrapper {
  flex-direction: column;
  justify-content: center;
  width: 100%;
  display: flex;
}

.accordion-side {
  margin-right: 24px;
}

.accordion-side.right-side {
  margin-left: 24px;
  margin-right: 0;
}

.accordion-side.right-side.mg-left-18px {
  margin-left: 18px;
}

.accordion-title {
  margin-bottom: 0;
}

.accordion-title.heading-h2-size.color-neutral-100 {
  color: var(--neutral--100);
}

.tabs-wrapper.offices-tabs-wrapper {
  padding: 0;
}

.tabs-menu {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-bottom: 40px;
  display: flex;
}

.tabs-menu.offices-tabs-menu {
  justify-content: flex-end;
  max-width: 60%;
  margin-bottom: 48px;
  margin-left: auto;
}

.tabs-content {
  overflow: visible;
}

.tabs-content.offices-tabs-content {
  border-top: 1px solid var(--neutral--300);
  width: 100%;
  padding: 48px 0 0;
}

.empty-state {
  border: 1px solid var(--neutral--400);
  background-color: var(--neutral--100);
  color: var(--neutral--800);
  text-align: center;
  padding: 26px 24px;
  font-weight: 500;
}

.empty-state.small {
  padding: 15px 20px;
}

.empty-state.cart-empty {
  border-style: none;
  flex-direction: column;
  padding-top: 100px;
  padding-bottom: 100px;
}

.heading-link {
  transition: color .3s;
}

.heading-link:hover {
  color: var(--accent--primary-1);
}

.heading-link.heading-h5-size.no-decoration {
  text-decoration: none;
}

.heading-link.heading-h5-size.white {
  color: var(--neutral--100);
  text-decoration: none;
}

.heading-link.heading-h5-size.white:hover {
  color: var(--accent--primary-1);
}

.pd---content-inside-card {
  padding: 40px 28px 48px;
}

.pd---content-inside-card.large {
  padding: 64px 56px;
}

.pd---content-inside-card.large.template-pages {
  padding-top: 40px;
}

.pd---content-inside-card.template-pages---sidebar {
  padding: 24px 16px;
}

.slide-item-mg {
  margin-right: 28px;
}

.height-100 {
  height: 100%;
}

.blog-card-image-wrapper {
  margin-bottom: 24px;
  overflow: hidden;
  transform: translate(0);
}

.blog-card-image-wrapper.featured-last-image {
  flex: 1;
  max-height: 380px;
}

.blog-card-image-wrapper.blog-card-sidebar-image-wrapper {
  align-self: stretch;
  width: 32%;
  margin-bottom: 0;
  margin-right: 28px;
}

.blog-card-image-wrapper.alt {
  max-height: 340px;
}

.categories-badges-item-wrapper {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.categories-badges-item-wrapper.vertical {
  flex-direction: column;
  align-items: stretch;
}

.categories-badges-wrapper {
  display: flex;
}

.categories-badges-wrapper.vertical {
  flex-direction: column;
  margin-top: -32px;
  margin-bottom: -32px;
}

.categories-badges-wrapper.center {
  justify-content: center;
}

.product-card-image-wrapper {
  position: relative;
  overflow: hidden;
  transform: translate(0);
}

.badge-wrapper-top-left {
  position: absolute;
  inset: 20px auto auto 20px;
}

._404-not-found {
  color: var(--neutral--800);
  margin-bottom: 12px;
  font-size: 250px;
  font-weight: 500;
  line-height: 1em;
}

.template-pages---nav-item-wrapper {
  padding-left: 0;
}

.template-pages---sidebar-navigation {
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
}

.template-pages---sidebar-navigation.mg-top-0 {
  margin-top: 0;
}

.template-pages---nav-item-link {
  color: var(--neutral--600);
  background-color: #0000;
  margin-top: 4px;
  margin-bottom: 4px;
  padding: 8px 16px;
  text-decoration: none;
  transition: background-color .3s, color .3s;
  display: flex;
}

.template-pages---nav-item-link:hover {
  background-color: var(--neutral--200);
  color: var(--neutral--800);
}

.template-pages---nav-item-link.w--current {
  background-color: var(--neutral--200);
  color: var(--neutral--800);
  font-weight: 700;
}

.template-pages---phography-wrapper {
  transform-style: preserve-3d;
  transition: transform .3s, color .3s;
  overflow: hidden;
}

.template-pages---phography-wrapper:hover {
  transform: scale3d(.98, .98, 1.01);
}

.cart-button-wrapper {
  margin-left: 32px;
}

.cart-button-wrapper.cart-button-without-icon {
  font-size: 16px;
  line-height: 1.125em;
}

.cart-button {
  background-color: #0000;
  padding: 0;
  transition: opacity .3s, color .3s;
  position: relative;
}

.cart-button:hover {
  opacity: .7;
}

.cart-button.cart-without-icon {
  color: var(--neutral--800);
  letter-spacing: .06em;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.125em;
  transition-property: none;
}

.cart-button.cart-without-icon:hover {
  opacity: 1;
}

.cart-button.cart-without-icon.white {
  color: var(--neutral--100);
}

.cart-quantity {
  background-color: var(--neutral--800);
  color: var(--neutral--100);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  font-size: 12px;
  line-height: 14px;
  display: flex;
  position: absolute;
  inset: auto auto -8px -16px;
}

.cart-quantity.cart-quantity-static {
  color: var(--neutral--800);
  background-color: #0000;
  border-radius: 0%;
  width: auto;
  min-width: auto;
  height: auto;
  min-height: auto;
  margin-left: 0;
  padding-left: 0;
  padding-right: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.125em;
  position: static;
}

.cart-quantity.cart-quantity-static.white {
  color: var(--neutral--100);
}

.cart-button-image {
  min-width: 42px;
  max-width: 42px;
  min-height: 42px;
  max-height: 42px;
}

.cart-container {
  background-color: var(--neutral--100);
}

.cart-header {
  border-bottom-color: var(--neutral--300);
  padding-top: 20px;
  padding-bottom: 20px;
}

.cart-list {
  padding: 0;
}

.cart-footer {
  border-top-color: var(--neutral--300);
  padding-top: 40px;
  padding-bottom: 50px;
}

.cart-item-price {
  color: var(--neutral--800);
  font-size: 18px;
  font-weight: 500;
  line-height: 1.111em;
}

.cart-item-wrapper {
  border-bottom: 1px solid var(--neutral--300);
  justify-content: space-between;
  padding: 28px 24px;
}

.cart-item-wrapper:last-child {
  border-bottom-style: none;
}

.cart-subtotal-number {
  color: var(--neutral--800);
}

.pay-btn {
  border-radius: 90px;
}

.pay-btn.cart {
  height: 60px;
}

.pay-btn.order-summary {
  height: 50px;
}

.cart-line-item {
  grid-column-gap: 15px;
  flex-wrap: wrap;
  margin-bottom: 24px;
}

.cart-remove-link {
  line-height: 20px;
}

.cart-close-button {
  color: var(--neutral--800);
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  font-size: 24px;
  text-decoration: none;
  display: flex;
}

.cart-close-button:hover {
  color: var(--accent--primary-1);
}

.checkout-form {
  background-color: #0000;
  min-height: auto;
  padding: 0;
}

.checkout-col-left {
  margin-right: 0;
}

.checkout-col-right {
  position: static;
}

.checkout-block-header {
  grid-column-gap: 15px;
  border-width: 0 0 1px;
  border-bottom-style: none;
  border-bottom-color: var(--neutral--700);
  background-color: #0000;
  flex-wrap: wrap-reverse;
  padding: 0;
}

.checkout-block-content {
  background-color: #0000;
  border: 0 solid #000;
  padding: 30px 0 0;
}

.checkout-block-content.pd-top-0px {
  padding-top: 0;
}

.shipping-list {
  border: 0 solid #000;
}

.shipping-method {
  border-style: solid;
  border-width: 0 0 1px;
  border-color: black black var(--neutral--300);
  padding: 24px 0;
}

.shipping-price {
  color: var(--neutral--800);
  font-weight: 500;
  line-height: 1.333em;
}

.order-item-list {
  margin-bottom: 0;
}

.order-item {
  border-bottom: 1px solid var(--neutral--300);
  align-items: flex-start;
  margin-top: 18px;
  margin-bottom: 18px;
  padding-top: 18px;
  padding-bottom: 18px;
}

.order-item:last-child {
  margin-bottom: 0;
}

.order-list-price {
  color: var(--neutral--800);
  font-weight: 500;
  line-height: 1.333em;
}

.order-list-title {
  color: var(--neutral--800);
  margin-bottom: 8px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.333em;
  text-decoration: none;
  display: inline-block;
}

.order-list-title:hover {
  color: var(--accent--primary-1);
}

.order-option-list {
  margin-top: 0;
}

.order-option-item {
  padding-left: 0;
}

.order-item-result, .order-summary-price {
  color: var(--neutral--800);
}

.discounts-wrapper {
  background-color: #0000;
  border-width: 0;
  margin-top: 32px;
  padding: 0;
}

.text-underline {
  text-decoration: underline;
}

.z-index-1 {
  z-index: 1;
  position: relative;
}

.home-pages-cointainer {
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin-top: 100px;
  display: flex;
}

.home-pages-top-wrapper {
  justify-content: center;
  margin-bottom: 23px;
  display: flex;
  position: static;
}

.image-home-link-wrapper {
  transform-style: preserve-3d;
  border-radius: 0;
  flex: none;
  max-width: 422px;
  margin-left: 14px;
  margin-right: 14px;
  transition: transform .3s, color .3s;
  overflow: hidden;
  box-shadow: 0 2px 10px #0000000d;
}

.image-home-link-wrapper:hover {
  transform: scale3d(.98, .98, 1.01);
}

.image-home-link {
  object-fit: cover;
  width: 100%;
}

.home-pages-bottom-wrapper {
  justify-content: center;
  display: flex;
  position: static;
  top: 50%;
}

.card-sales-home-image {
  width: 100%;
}

.card-sales-home-content {
  text-align: center;
  padding: 32px 20px;
}

.card-sales-home-content.border-top-color-neutral-300 {
  border-top: 1px solid var(--neutral--300);
}

.figma-file-image-wrapper {
  flex: 1;
  width: 100%;
}

.figma-file-text-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  max-width: 46%;
  padding: 96px 47px 96px 52px;
  display: flex;
}

.badge-home {
  background-color: var(--neutral--800);
  color: var(--neutral--100);
  border-radius: 50px;
  padding: 14px 22px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.025em;
  position: absolute;
  inset: 20px 20px auto auto;
}

.home-surprises-card {
  overflow: hidden;
  box-shadow: 0 2px 12px #14142b14;
}

.card-home-pages-wrapper {
  padding-top: 58px;
  padding-left: 58px;
  padding-right: 58px;
}

.cta-square-logo {
  box-shadow: 0 8px 28px 0 var(--general--shadow-03);
  width: 100%;
  max-width: 80px;
  margin-bottom: 22px;
}

.cta-square-logo.white {
  border: 1px solid var(--neutral--300);
}

.mg-bottom-12px {
  margin-bottom: 12px;
}

.cta-image-card {
  width: 1229px;
  max-width: 1229px;
  margin-top: 50px;
  margin-bottom: -40px;
}

.instagram-feed---image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.instagram-feed---image-wrapper {
  z-index: 1;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
  transform: translate(0);
}

.instagram-feed---image-overlay {
  z-index: 1;
  transform-origin: 0%;
  background-color: #000000a6;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 16px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.instagram-feed---icon-inside {
  width: 24%;
}

.divider-vertical {
  background-color: var(--neutral--700);
  align-self: stretch;
  min-width: 1px;
  max-width: 1px;
  margin-left: 24px;
  margin-right: 24px;
}

.divider-vertical.divider-cms {
  z-index: 1;
  height: 100%;
  margin-left: 32px;
  margin-right: 32px;
}

.divider-vertical.divider-cms.bg-neutral-300 {
  background-color: var(--neutral--300);
}

.divider-vertical.divider-cms.bg-neutral-600 {
  background-color: var(--neutral--600);
}

.filter---black {
  filter: invert();
}

.header-grid-v1 {
  grid-column-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 0.7fr auto auto auto;
  justify-content: space-between;
  display: grid;
  align-items: center;
}

.header-grid-v1 > .pages {
  grid-column-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  justify-content: space-between;
  display: grid;
  align-items: center;
}

.header-hamburger-menu-grid---tablet {
  padding-top: 0;
  font-size: 16px;
  line-height: 1.125em;
}

.hidden {
  display: none;
}

.mg-bottom-28px {
  margin-bottom: 28px;
}

.links-menu-container {
  grid-column-gap: 28px;
  grid-template-rows: auto;
  grid-template-columns: 1fr auto;
  justify-content: space-between;
}

.links-menu-container.header-dropdown {
  grid-column-gap: 20px;
  grid-template-columns: 1fr auto;
}

.links-menu-container.footer-v2-col-menu {
  grid-template-columns: 1fr .4fr;
  max-width: 811px;
}

.link-menu {
  color: var(--neutral--400);
  letter-spacing: .06em;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.125em;
  text-decoration: none;
}

.link-menu:hover {
  color: var(--accent--primary-1);
}

.link-menu.more-webflow-template-link {
  color: var(--neutral--100);
  font-weight: 600;
  line-height: 1.6em;
}

.link-menu.more-webflow-template-link:hover {
  color: var(--accent--primary-1);
}

.link-menu.header-dropdown {
  color: var(--neutral--700);
}

.link-menu.header-dropdown:hover {
  color: var(--accent--primary-1);
}

.link-menu.header-dropdown.more-webflow-template-link {
  color: var(--neutral--800);
  font-weight: 600;
}

.link-menu.header-dropdown.more-webflow-template-link:hover {
  color: var(--accent--primary-1);
}

.pd-left-0 {
  padding-left: 0;
}

.footer---top {
  padding-top: 98px;
  padding-bottom: 98px;
}

.footer---top.footer-v2 {
  border-bottom: 1px solid var(--neutral--700);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.button-row-flex {
  z-index: 2;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.footer---middle {
  border-top: 1px solid var(--neutral--700);
  border-bottom: 1px solid var(--neutral--700);
}

.footer---middle.v1 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  display: flex;
}

.social-media-flex {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.social-media-flex.gap-column-23px {
  grid-column-gap: 23px;
}

.footer-col {
  padding-top: 106px;
  padding-bottom: 106px;
}

.footer-col.vertical-line-footer-v2 {
  max-width: 359px;
  margin-left: auto;
  padding-top: 116px;
  padding-bottom: 95px;
  padding-left: 20px;
}

.footer-col.footer-v2-col {
  border-right: 1px solid var(--neutral--700);
  width: 100%;
  max-width: 860px;
  padding-top: 116px;
  padding-bottom: 95px;
  padding-right: 20px;
}

.footer-col.main {
  border-right: 1px solid var(--neutral--700);
  width: 100%;
  max-width: 32%;
  padding-right: 0;
}

.footer-col.nav-v1 {
  flex: 1;
  max-width: 835px;
  padding-left: 24px;
}

.footer---bottom {
  text-align: center;
  justify-content: center;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.footer---bottom.footer-bottom-flex {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  padding-top: 35px;
  padding-bottom: 35px;
}

.footer-square-container {
  z-index: 0;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto;
  grid-template-columns: auto auto;
  grid-auto-columns: 1fr;
  max-width: 200px;
  display: grid;
  position: absolute;
  inset: -2px 0% auto auto;
}

.square {
  border: 1px solid var(--neutral--100);
  background-color: var(--neutral--100);
  min-width: 100px;
  max-width: 100px;
  min-height: 100px;
  max-height: 100px;
}

.square.transparent {
  background-color: #0000;
  border-color: #0000;
}

.square.bg-neutral-800 {
  border-color: var(--neutral--800);
  background-color: var(--neutral--800);
}

.square.bg-accent-1 {
  border-color: var(--accent--primary-1);
  background-color: var(--accent--primary-1);
}

.square.bg-neutral-200 {
  border-color: var(--neutral--200);
  background-color: var(--neutral--200);
}

.footer-contact-us-grid {
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

.footer---subscriber {
  border-bottom: 1px solid var(--neutral--700);
  padding-top: 85px;
  padding-bottom: 85px;
}

.figma-link {
  color: var(--neutral--800);
  font-weight: 600;
  text-decoration: none;
}

.figma-link:hover {
  color: var(--accent--primary-1);
}

.square-container {
  z-index: 0;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto;
  grid-template-columns: auto auto;
  grid-auto-columns: 1fr;
  max-width: 200px;
  display: grid;
  position: absolute;
  inset: 0 0% auto auto;
}

.square-container.top-left {
  inset: -2px auto auto 0%;
}

.square-container.bottom-left {
  inset: auto auto 0% 0%;
}

.square-container._3-cols {
  grid-template-columns: auto auto auto;
  max-width: 300px;
}

.square-container._3-cols.bottom-left.hero-v21-square {
  z-index: 2;
  margin-bottom: -117px;
}

.square-container._3-cols.bottom-right {
  inset: auto 0% 0% auto;
}

.square-container.bottom-right {
  inset: auto 0% 14% auto;
}

.square-container.bottom-right-v1 {
  inset: auto 0% 0% auto;
}

.square-container.bottom-right-v1.z-index-3 {
  z-index: 3;
}

.square-container.bottom-right-v1.blog-post-featured {
  right: -14%;
}

.square-container.z-index-2 {
  z-index: 2;
}

.subtitle-wrapper {
  color: var(--neutral--800);
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 24px;
  display: flex;
}

.subtitle-wrapper.mg-bottom-16px {
  margin-bottom: 16px;
}

.subtitle-wrapper.color-neutral-100 {
  color: var(--neutral--100);
}

.product-price-wrapper {
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.product-page-image-hero {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.product-page-image-wrapper {
  width: 100%;
  max-width: 631px;
  height: 100%;
  overflow: hidden;
}

.product-button-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 16px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.footer-credits {
  color: var(--accent--primary-1);
}

.footer-credits:hover {
  color: var(--neutral--100);
}

.footer-credits.hover-accent-1 {
  color: var(--neutral--800);
}

.footer-credits.hover-accent-1:hover {
  color: var(--accent--primary-1);
}

.image-size._64px {
  min-width: 64px;
  max-width: 64px;
  min-height: 64px;
  max-height: 64px;
}

.image-size._42px {
  min-width: 42px;
  max-width: 42px;
  min-height: 42px;
  max-height: 42px;
}

.image-size._42px.alt {
  min-height: auto;
}

.half-bg-top {
  z-index: -1;
  background-color: var(--neutral--100);
  width: 100%;
  height: 60%;
  position: absolute;
  inset: 0% 0% auto;
}

.half-bg-top._401-half-bg-top {
  background-color: var(--neutral--200);
  height: 29%;
  overflow: hidden;
}

.half-bg-top.offices-half-bg-top {
  z-index: -1;
  background-color: var(--neutral--800);
  height: 733px;
}

.half-bg-top.half-bg-top-v1 {
  aspect-ratio: auto;
  background-color: var(--neutral--800);
  height: 700px;
  bottom: 200px;
}

.mg-bottom-100px {
  margin-bottom: 100px;
}

.position-sticky {
  position: sticky;
}

.position-sticky.top-24px {
  top: 24px;
}

.service-single-left-col {
  border-right: 1px solid var(--neutral--300);
  max-width: 797px;
  padding-right: 28px;
}

.blog-tags {
  grid-row-gap: 8px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  margin-right: 12px;
  display: flex;
}

.project-card-picture {
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
  transform: translate(0);
}

.project-card-picture.latest {
  max-height: none;
}

.project-card-bg {
  z-index: 0;
  background-color: #0009;
  position: absolute;
  inset: 0%;
}

.project-card-description {
  z-index: 1;
  width: 100%;
  padding-bottom: 48px;
  padding-left: 48px;
  padding-right: 48px;
  position: absolute;
}

.dot {
  background-color: var(--accent--primary-1);
  border-radius: 50%;
  min-width: 8px;
  max-width: 8px;
  min-height: 8px;
  max-height: 8px;
}

.cms-pagination {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.cms-category-link {
  color: var(--neutral--800);
  letter-spacing: .06em;
  text-transform: uppercase;
  padding-top: 18px;
  padding-bottom: 18px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.025em;
  text-decoration: none;
}

.cms-category-link:hover {
  color: var(--accent--primary-1);
}

.cms-category-link.w--current {
  color: var(--neutral--800);
  font-weight: 700;
}

.cms-category-link.hover-opacity {
  color: var(--neutral--800);
  transition-property: opacity;
}

.cms-category-link.hover-opacity:hover {
  opacity: .5;
  color: var(--neutral--800);
}

/* Estado inicial: Fundo branco e traço preto */
.btn-circle-secondary {
  background-color: transparent;
  transition: background-color 0.3s ease;
}

html {
  scroll-padding-top: 80px; /* Ajuste conforme a altura da barra superior */
}

.arrow-down-white path {
  stroke: white; /* Traço preto */
  transition: stroke 0.3s ease;
}

/* Hover: Fundo preto e traço branco */
.btn-circle-secondary:hover {
  background-color: black;
}

.btn-circle-secondary:hover .arrow-down-white path {
  stroke: black; /* Traço branco */
}

.project-gallery-lightbox {
  height: 100%;
  position: relative;
  overflow: hidden;
}

.title-link-wrapper {
  justify-content: space-between;
  align-items: center;
  font-size: 28px;
  text-decoration: none;
  display: flex;
}

.title-link-wrapper.testimonial-item-title {
  grid-row-gap: 16px;
  flex-wrap: wrap;
  align-items: flex-end;
  font-size: 20px;
}

.our-office-shadow {
  color: var(--neutral--100);
  background-color: #0e0e0eb3;
  justify-content: center;
  align-items: center;
  font-size: 28px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.our-office-shadow.office-content-left-lightbox {
  background-color: #0000;
}

.blog-category-link {
  color: var(--neutral--600);
  width: 100%;
  text-decoration: none;
}

.blog-category-link:hover {
  color: var(--neutral--600);
}

.cta-newsletter-v1-wrapper {
  flex-direction: column;
  align-items: stretch;
  padding-left: 32px;
  position: relative;
}

.cta-newsletter-v1-bg-left {
  background-color: var(--accent--primary-1);
  width: 100vw;
  height: 100%;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.blog-featured-link-wrapper {
  color: var(--neutral--100);
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 28px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.blog-featured-image-shadow {
  z-index: 0;
  background-color: #0009;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.pd-left-right---76px {
  padding-left: 76px;
  padding-right: 76px;
}

.blog-card---position-absolute {
  z-index: 1;
  padding-top: 156px;
  padding-bottom: 156px;
}

.blog-featured-image-bg {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.subscribe-card {
  background-color: var(--accent--primary-1);
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  max-width: 532px;
  padding: 122px 24px 160px;
  display: flex;
  position: relative;
}

.divider-horizontal-cms {
  background-color: var(--neutral--300);
  width: 100%;
  height: 1px;
  min-height: 1px;
}

.cms-category-horizontal-link {
  letter-spacing: .06em;
  text-transform: uppercase;
  padding-top: 32px;
  padding-bottom: 32px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.025em;
  text-decoration: none;
}

.cms-category-horizontal-link:hover {
  color: var(--accent--primary-1);
}

.cms-category-horizontal-link.w--current {
  color: var(--neutral--800);
  font-weight: 700;
}

.blog-post-page-shadow {
  background-color: #0e0e0ecc;
  position: absolute;
  inset: 0%;
}

.blog-post-page-wrapper {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-size: cover;
  flex-direction: column;
  justify-content: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.blog-post-page---main-content {
  z-index: 1;
  padding: 194px 76px;
  position: relative;
}

.blog-post-col-left {
  border-right: 1px solid var(--neutral--300);
  max-width: 868px;
  padding-right: 28px;
}

.blog-post-author {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 264px;
  margin-left: auto;
  display: flex;
}

.our-office-tab {
  border-right: 1px solid var(--neutral--600);
  letter-spacing: .06em;
  text-transform: uppercase;
  background-color: #0000;
  padding: 18px 32px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.025em;
}

.our-office-tab.w--current {
  background-color: #0000;
  font-weight: 700;
}

.our-office-tab.w--current:hover {
  color: var(--neutral--800);
}

.our-office-tab.last {
  border-right-style: none;
  padding-right: 0;
}

.our-office-tab.first {
  padding-left: 0;
}

.no-decoration {
  text-decoration: none;
}

.contact-form-and-links-col-right {
  border-left: 1px solid var(--neutral--700);
  justify-content: flex-end;
  width: 100%;
  max-width: 549px;
  height: 100%;
  padding-top: 100px;
  padding-bottom: 100px;
  padding-left: 28px;
  display: flex;
}

.contact-form-and-links-col-left {
  padding-top: 100px;
  padding-bottom: 100px;
  padding-right: 28px;
}

.contact-us-link-wrapper-v2 {
  border-bottom: 1px solid var(--neutral--300);
  padding-top: 32px;
  padding-bottom: 32px;
}

.contact-us-link-wrapper-v2.first {
  box-sizing: border-box;
  border-bottom-width: 0;
  padding-top: 0;
  padding-bottom: 18px;
}

@media (max-width: 767px) {
  .contact-us-link-wrapper-v2.first {
    padding-bottom: 0; /* Remove o padding em celulares */
  }
}

.contact-us-link-wrapper-v2.last {
  border-bottom-style: none;
  padding-top: 0;
  padding-bottom: 0;
}

.contact-us-link-wrapper-v2.middle {
  border-bottom-width: 0;
  border-left: 0 #000;
  padding-top: 0;
  padding-bottom: 18px;
}

.offices-slider-wrapper {
  background-color: #0000;
  width: 100%;
  height: auto;
  position: relative;
  overflow: visible;
}

.offices-mask {
  width: 100%;
  position: static;
  overflow: visible;
}

.office-slide {
  width: 100%;
  position: static;
}

.slide-arrow {
  justify-content: center;
  align-items: center;
  min-width: 40px;
  max-width: 40px;
  min-height: 40px;
  max-height: 40px;
  font-size: 40px;
  transition: color .3s;
  display: flex;
}

.slide-arrow:hover {
  color: var(--accent--primary-1);
}

.slide-arrow.testimonial-arrow-left {
  z-index: 2;
  color: var(--neutral--700);
  font-weight: 400;
  inset: auto auto 87px 70px;
}

.slide-arrow.testimonial-arrow-left:hover {
  color: var(--accent--primary-1);
}

.slide-arrow.testimonial-arrow-right {
  z-index: 2;
  color: var(--neutral--800);
  margin-left: auto;
  margin-right: auto;
  inset: auto auto 87px 533px;
}

.slide-arrow.testimonial-arrow-right:hover {
  color: var(--accent--primary-1);
}

.about-us-title {
  z-index: 1;
  max-width: 718px;
  margin-left: -120px;
  position: relative;
}

.layout-grid-v1-right-card {
  padding-top: 78px;
  padding-bottom: 78px;
}

.video-container {
  flex: 1;
  justify-content: flex-end;
  width: 64vw;
  min-width: 920px;
  min-height: 748px;
  max-height: 748px;
  display: flex;
  position: relative;
  overflow: hidden;
  transform: translate(0);
}

.video-image {
  object-fit: cover;
  object-position: 50% 50%;
  min-height: 100%;
}

.video-bg-shadow {
  background-color: #0006;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.video-lightbox-wrapper {
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.video-lightbox {
  margin-right: 393px;
}

.show-in-tablet {
  display: none;
}

.video-play-btn {
  width: 100%;
}

.hero-v2-wrapper {
  z-index: 1;
  object-position: 0% 50%;
  min-height: 838px;
  max-height: 838px;
  position: relative;
  left: -30px;
}

.hero-v2-left-image-wrapper {
  width: 100vw;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.hero-v2-image {
  object-fit: cover;
  object-position: 0% 50%;
  width: 100%;
  height: 100%;
}

.hero-v2-image-shadow {
  background-color: #000000b3;
  position: absolute;
  inset: 0%;
}

.hero-v2-card {
  z-index: 1;
  padding-top: 112px;
  padding-left: 110px;
  position: relative;
}

.btn-circle-absolute-v1 {
  z-index: 1;
  float: right;
  clear: none;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  display: block;
  position: absolute;
  inset: auto -.4vw 1px auto;
}

.cta-home-v2-banner {
  background-color: var(--button-shadow--color-01);
  width: 100vw;
  height: 100%;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.cta-v2-wrapper {
  padding-top: 100px;
  padding-bottom: 292px;
  padding-right: 80px;
  position: relative;
}

.slider---wrapper {
  background-color: #0000;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.slider---mask {
  max-width: 100%;
}

.slider---arrow {
  color: var(--neutral--800);
  justify-content: center;
  align-items: center;
  min-width: 40px;
  max-width: 40px;
  min-height: 40px;
  max-height: 40px;
  transition: color .3s;
  display: flex;
}

.slider---arrow:hover {
  color: var(--accent--primary-1);
}

.slider---arrow.right {
  top: 60%;
}

.slider---arrow.right.offices-arrow-left {
  color: var(--neutral--100);
  font-size: 30px;
  top: 80%;
  right: 0;
}

.slider---arrow.right.offices-arrow-left:hover {
  color: var(--accent--primary-1);
}

.slider---arrow.left {
  top: 60%;
  left: auto;
  right: 452px;
}

.slider---arrow.left.offices-arrow-left {
  color: var(--neutral--100);
  font-size: 30px;
  top: 80%;
  right: 37%;
}

.slider---arrow.left.offices-arrow-left:hover {
  color: var(--accent--primary-1);
}

.slider---arrow.service-arrow-left {
  margin-bottom: 0;
  transition: color .3s;
  bottom: -112px;
  left: 0%;
}

.slider---arrow.service-arrow-left:hover {
  color: var(--accent--primary-1);
}

.slider---arrow.service-arrow-right {
  margin-bottom: 0;
  transition: color .3s;
  bottom: -112px;
  right: 0%;
}

.slider---arrow.service-arrow-right:hover {
  color: var(--accent--primary-1);
}

.slider---arrow.portfolio---left {
  top: 60%;
  left: auto;
  right: 452px;
}

.slider---arrow.portfolio---right {
  top: 60%;
}

.hero-v3-title-wrapper {
  -webkit-text-fill-color: inherit;
  background-color: #fff;
  background-clip: border-box;
  border-radius: 0;
  margin-bottom: 13px;
  margin-left: -171px;
  padding-top: 11px;
  padding-bottom: 2px;
  padding-left: 19px;
}

.service-link {
  width: 100%;
  text-decoration: none;
}

.blog-card-sidebar-item {
  border-bottom: 1px solid var(--neutral--300);
  padding-top: 48px;
  padding-bottom: 48px;
}

.blog-card-sidebar-item:first-child {
  padding-top: 0;
}

.blog-card-sidebar-item:last-child {
  border-bottom-style: none;
  padding-bottom: 0;
}

.divider-line {
  background-color: var(--neutral--300);
  width: 100%;
  height: 1px;
}

.divider-line.mg-top-bottom-48px {
  margin-top: 48px;
  margin-bottom: 48px;
}

.divider-line.mg-top-120px {
  margin-top: 120px;
}

.divider-line.black {
  background-color: #0e0e0e33;
}

.divider-line.bg-neutral-700 {
  background-color: var(--neutral--700);
}

.divider-line.bg-neutral-700.contact-links-v1-divider {
  margin-top: 40px;
  margin-bottom: 40px;
}

.divider-line.mg-top-bottom-24px {
  margin-top: 24px;
  margin-bottom: 24px;
}

.divider-line.mg-top-bottom-40px {
  margin-top: 40px;
  margin-bottom: 40px;
}

.divider-line.mg-top-24px---bottom-48px {
  margin-top: 24px;
  margin-bottom: 48px;
}

.divider-line.mg-top-48px---bottom-40px {
  margin-top: 48px;
  margin-bottom: 40px;
}

.divider-line.mg-top-48px---bottom-64px {
  margin-top: 48px;
  margin-bottom: 64px;
}

.divider-line.bg-neutral-400 {
  background-color: var(--neutral--400);
}

.content-full-width-card-right {
  z-index: 1;
  background-color: var(--neutral--800);
  padding: 114px 0 114px 93px;
  position: relative;
}

.content-full-width-card-right.blog-post-featured-card {
  max-width: 61%;
  margin-left: auto;
  padding: 155px 0 155px 60px;
}

.content-full-width-picture-left-wrapper {
  min-height: 748px;
  position: relative;
  overflow: visible;
}

.content-full-width-picture-left-wrapper.blog-post-featured-card {
  width: 100%;
  max-width: 64%;
  min-height: auto;
  position: absolute;
  top: 0%;
  bottom: 100px;
  left: 0%;
  overflow: hidden;
}

.content-office-picture-link {
  width: 100%;
  overflow: visible;
}

.content-full-width-card-left {
  z-index: 1;
  background-color: var(--neutral--200);
  width: 640px;
  padding: 87px 67px 166px;
  position: absolute;
  inset: auto auto 0% 0%;
}

.content-full-width-picture-right-wrapper {
  width: 794px;
  min-height: 638px;
  margin-bottom: 54px;
  margin-left: auto;
  display: flex;
  position: relative;
}

.slider-full-width-picture-right {
  min-height: 100%;
  position: relative;
  overflow: hidden;
}

.loading-page-wrapper {
  z-index: 99999999;
  opacity: 1;
  background-color: #fff0;
  width: 100%;
  min-height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.loading-page {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  width: 100%;
  height: 100%;
  display: flex;
}

.loading-page-bar {
  background-color: var(--accent--primary-1);
  width: 25%;
  height: 100%;
}

.loading-page-bar.white {
  background-color: var(--neutral--100);
}

.main-loading-page-wrapper {
  z-index: 99999999;
  background-color: var(--accent--primary-1);
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.main-loading-page-grid {
  z-index: 1;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  perspective: 1000px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  position: relative;
}

.main-loading-page-square {
  background-color: var(--neutral--800);
  width: 100px;
  height: 100px;
}

.main-loading-page-square.transparent {
  background-color: #0000;
  border-color: #0000;
}

.card-title.display-4.mg-bottom-0:hover {
  color: var(--accent--primary-1);
}

.card-title.display-4.mg-bottom-6px {
  margin-bottom: 6px;
}

.card-link {
  color: var(--neutral--600);
  width: 100%;
  height: 100%;
  text-decoration: none;
}

.card-link:hover {
  color: var(--neutral--600);
}

.card-link.project-card {
  flex-direction: row;
  align-items: flex-end;
  height: 540px;
  display: flex;
  position: relative;
}

.card-link.blog-card {
  flex-direction: column;
  display: flex;
}

.card-link.blog-card-sidebar {
  align-items: center;
  transition: color .3s;
  display: flex;
}

.card-link.service-link {
  border-bottom: 1px solid var(--neutral--400);
  padding-bottom: 24px;
  transition: color .3s;
}

.card-link.avatar-card {
  border-radius: 50%;
  width: auto;
  height: auto;
  overflow: hidden;
  transform: translate(0);
}

.card-link.product-link {
  flex-direction: column;
  display: flex;
}

.card-link.office-link {
  flex-direction: column;
  transition: color .3s;
  display: flex;
  position: relative;
}

.card-link.project-slide {
  flex-direction: column;
  display: flex;
}

.card-link.title-default {
  margin-right: 16px;
  display: block;
}

.card-link.testimonial-item---image {
  margin-bottom: 24px;
  overflow: hidden;
}

.card-link.social-media-link {
  border-bottom: 1px solid var(--neutral--400);
  padding-bottom: 24px;
  transition-property: none;
}

.card-image.fit-cover.blog-post-featured-image {
  object-position: 100% 50%;
  width: 100%;
  min-height: 100%;
}

.card-image.avatar-circle {
  background-color: var(--neutral--200);
}

.card-image._w-h-100.our-office-image {
  min-height: 500px;
}

.card-title-white {
  color: var(--neutral--100);
}

.card-shadow {
  opacity: 0;
  background-color: #0e0e0e99;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.card-shadow.project-gallery {
  font-size: 40px;
}

.card-link---service {
  color: var(--neutral--600);
  text-decoration: none;
  transition: color .3s;
}

.card-link---service:hover {
  color: var(--neutral--600);
}

.text-no-wrap {
  white-space: nowrap;
}

.shadow-01 {
  box-shadow: 0 2px 6px 0 var(--general--shadow-01);
}

.mg-bottom-76px {
  margin-bottom: 76px;
}

.square-container.bottom-right-v1.hero-v6-shape {
  left: 1239px;
  right: auto;
}

.service-3-posts-item {
  margin-top: 64px;
}

.service-3-posts-item:first-child {
  margin-top: 128px;
}

.service-3-posts-item:last-child {
  margin-top: 0;
}

.card-link---service-image {
  flex-direction: column;
  justify-content: center;
  margin-bottom: 24px;
  display: flex;
  overflow: hidden;
  transform: translate(0);
}

.card-link---service-3-posts---content {
  border-bottom: 1px solid var(--neutral--300);
  padding-bottom: 24px;
}

.content-card-right-v1 {
  z-index: 1;
  background-color: var(--neutral--800);
  width: 60.5%;
  padding: 114px 0 114px 88px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.position-absolute {
  position: absolute;
}

.position-absolute.content-card-right-v1-bg {
  z-index: -1;
  background-color: var(--neutral--800);
  padding-left: 100vw;
  inset: 0% auto 0% 0%;
}

.position-absolute.full {
  inset: 0%;
}

.position-absolute.full.faqs-bg {
  z-index: -1;
  background-color: var(--neutral--200);
}

.position-absolute.office-content-card-right-v1-bg {
  z-index: -1;
  background-color: var(--neutral--800);
  padding-left: 100vw;
  inset: 0% auto 0% 0%;
}

.position-absolute.hero-v18-bg {
  background-color: var(--accent--primary-1);
  min-height: 662px;
  inset: 0% 0% auto;
}

.content-left-video-v1 {
  flex-direction: column;
  align-items: flex-end;
  width: 68%;
  margin-bottom: 80px;
  margin-left: -24px;
  display: flex;
  position: relative;
}

.logo-strip-v1-wrapper {
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  max-width: 328px;
  margin-left: -14px;
  margin-right: -14px;
  display: flex;
}

.logo-strip {
  justify-content: center;
  margin-left: 14px;
  margin-right: 14px;
  display: flex;
}

.mg-right-12px {
  margin-right: 12px;
}

.blog-card-content {
  flex-direction: column;
  flex: 1;
  display: flex;
}

.mg-top-auto {
  margin-top: auto;
}

.mg-bottom-18px {
  text-align: center;
  margin-bottom: 18px;
}

.footer---top---wrapper-v1 {
  max-width: 85vw;
}

.mg-left-8px {
  margin-left: 8px;
}

.layout-grid-v1-image-01 {
  flex-direction: column;
  justify-content: center;
  margin-bottom: 40px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.layout-grid-v1-image-02 {
  flex-direction: column;
  justify-content: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.layout-grid-v1-column-01, .layout-grid-v1-column-02 {
  flex-direction: column;
  display: flex;
}

.form-input-button-inside---block {
  flex-direction: column;
  justify-content: center;
  min-height: 72px;
  margin-bottom: 0;
  display: flex;
}

.project-slider-content {
  border-bottom: 1px solid var(--neutral--400);
  margin-top: 74px;
  margin-bottom: 169px;
}

.layout-grid-v2-column-01 {
  flex-direction: column;
  display: flex;
}

.layout-grid-v2-column-02 {
  flex-direction: column;
  max-width: 559px;
  display: flex;
}

.layout-grid-v2-image-01 {
  max-width: 567px;
  min-height: 586px;
  margin-top: 79px;
  margin-right: 38px;
  position: relative;
  overflow: hidden;
}

.layout-grid-v2-right-card {
  padding-top: 102px;
  padding-bottom: 27px;
}

.layout-grid-v2-right-card---title {
  z-index: 1;
  margin-left: -140px;
  position: relative;
}

.layout-grid-v2-image-02 {
  flex-direction: column;
  justify-content: center;
  align-self: flex-end;
  max-width: 521px;
  min-height: 525px;
  margin-left: 38px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.testimonial-grid-wrapper {
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.testimonial-grid-image---top {
  min-height: 440px;
  max-height: 440px;
  margin-bottom: 32px;
}

.testimonial-grid-image---bottom {
  min-height: 440px;
  max-height: 440px;
  margin-top: 32px;
}

.blog-card-featured-last-content {
  border-bottom: 1px solid var(--neutral--300);
}

.blog-card-featured-last-content.dark-line {
  border-bottom-color: var(--neutral--700);
}

.blog-featured---sidebar-item {
  border-bottom: 1px solid var(--neutral--300);
  border-left: 1px solid var(--neutral--300);
  padding-top: 64px;
  padding-bottom: 64px;
  padding-left: 43px;
}

.blog-featured---sidebar-item:last-child {
  border-bottom-style: none;
}

.blog-featured---sidebar-item.dark-line {
  border-bottom-color: var(--neutral--700);
  border-left-color: var(--neutral--700);
}

.blog-tags-v2 {
  grid-row-gap: 8px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.gap-row-66px {
  grid-row-gap: 66px;
}

.gap-row-60px {
  grid-row-gap: 60px;
}

.mg-top-60px {
  margin-top: 60px;
}

.mg-bottom-34px {
  margin-bottom: 34px;
}

.testimonial-grid-content {
  flex-direction: column;
  flex: 1;
  display: flex;
}

.testimonial-grid-image {
  width: 100%;
  margin-bottom: 24px;
}

.card-link-content {
  border-bottom: 1px solid var(--neutral--300);
  padding-bottom: 24px;
}

.mg-top-20px {
  margin-top: 20px;
}

.office-link---image {
  margin-bottom: 24px;
  position: relative;
  overflow: hidden;
}

.office-link---content, .testimonial-item---content {
  flex-direction: column;
  flex: 1;
  display: flex;
}

.rich-text-v2 p {
  margin-top: 16px;
  margin-bottom: 16px;
}

.rich-text-v2 h2 {
  margin-bottom: 16px;
  font-size: 62px;
  font-weight: 500;
  line-height: 1.129em;
}

.rich-text-v2 h3 {
  margin-top: 48px;
  margin-bottom: 24px;
  font-size: 38px;
  font-weight: 500;
  line-height: 1.316em;
}

.rich-text-v2 figure {
  margin-top: 48px;
  margin-bottom: 48px;
}

.rich-text-v2 ul {
  margin-top: 32px;
  margin-bottom: 48px;
}

.rich-text-v2 ol {
  margin-top: 32px;
  margin-bottom: 40px;
}

.rich-text-v2 h6, .rich-text-v2 h5, .rich-text-v2 h4 {
  margin-top: 48px;
  margin-bottom: 24px;
}

.rich-text-v2 blockquote {
  margin-top: 64px;
  margin-bottom: 64px;
}

.rich-text---paragraph-fix {
  margin-bottom: -16px;
}

.rich-text---list-fix {
  margin-bottom: -48px;
}

.mg-top-35px {
  margin-top: 35px;
}

.mg-top-32px {
  margin-top: 32px;
}

.contact-link---icon-left {
  grid-column-gap: 14px;
  grid-row-gap: 16px;
  color: var(--neutral--100);
  grid-template-rows: auto;
  grid-template-columns: 43px 1fr;
  grid-auto-columns: 1fr;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.333em;
  text-decoration: none;
  display: grid;
}

.contact-link---icon-left:hover {
  color: var(--accent--primary-1);
}

.contact-link---icon-left.black {
  color: var(--neutral--800);
  grid-template-columns: 52px 1fr;
}

.contact-link---icon-left.black:hover {
  color: var(--accent--primary-1);
}

.contact-link---icon-left.black.icon-48px {
  float: left;
  place-content: stretch;
}

.contact-link---icon-left.icon-53px {
  grid-template-columns: 53px 1fr;
}

.contact-link---icon-left.icon-48px {
  grid-template-columns: 48px 1fr;
}

.contact-link---icon {
  max-width: 43px;
}

.contact-link---icon._53px {
  max-width: 53px;
}

.contact-link---icon._48px {
  filter: invert();
  max-width: 28px;
}

.blog-post---item-line {
  border-bottom: 1px solid var(--neutral--300);
  margin-bottom: -64px;
  margin-right: -28px;
  padding-bottom: 64px;
  padding-right: 28px;
}

.hero-v8-blog-featured-item {
  margin-bottom: -323px;
}

.blog-post-featured-card-content {
  z-index: 2;
  max-width: 647px;
  margin-left: auto;
  position: relative;
}

.cta-newsletter-v2-wrapper {
  flex-direction: column;
  align-items: stretch;
  overflow: hidden;
}

.cta-newsletter-v2-bg-left {
  background-color: var(--accent--primary-1);
  width: 100vw;
  height: 100%;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.cta-newsletter-v1-bg-right {
  background-color: var(--accent--primary-1);
  width: 100vw;
  height: 100%;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.cta-newsletter-v1-1-wrapper {
  flex-direction: column;
  align-items: stretch;
  position: relative;
}

.link-content {
  color: var(--neutral--600);
  text-decoration: none;
}

.link-content:hover {
  color: var(--neutral--600);
}

.link-content.white {
  color: var(--neutral--100);
}

.link-content.white:hover {
  color: var(--accent--primary-1);
}

.link-content.heading-h5-size {
  color: var(--neutral--800);
}

.link-content.heading-h5-size:hover {
  color: var(--accent--primary-1);
}

.hero-v13-image {
  margin-bottom: -394px;
  position: relative;
  overflow: hidden;
}

.rich-text-figure-and-caption-fix {
  margin-bottom: -48px;
}

.sidebar-form-block {
  flex-direction: column;
  justify-content: center;
  min-height: 470px;
  margin-bottom: 0;
  display: flex;
}

.text-area-wrapper {
  min-width: 100%;
  max-width: 100%;
}

.contact-form---block {
  flex-direction: column;
  justify-content: center;
  min-height: 528px;
  margin-bottom: 0;
  display: flex;
}

.contact-form---block.v2 {
  min-height: 542px;
}

.contact-form---block.quote {
  min-height: 470px;
}

.contact-form-v2-wrapper {
  max-width: 699px;
  padding-bottom: 132px;
  padding-right: 28px;
  position: relative;
}

.contact-v2-half-bg-bottom {
  z-index: -1;
  background-color: var(--accent--primary-1);
  width: 100vw;
  position: absolute;
  inset: -100vh 0% 0% auto;
}

.title-contact-links-wrapper {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  width: 586px;
  margin-bottom: -28px;
  margin-left: 40px;
  display: flex;
}

.title-contact-link---first {
  margin-bottom: 28px;
  margin-right: 32px;
}

.title-contact-link {
  margin-bottom: 28px;
}

.contact-us-link-wrapper---bg-black {
  border-bottom: 1px solid var(--neutral--700);
  padding-top: 32px;
  padding-bottom: 32px;
}

.contact-us-link-wrapper---bg-black.first {
  padding-top: 0;
}

.contact-us-link-wrapper---bg-black.last {
  border-bottom-style: none;
  padding-bottom: 0;
}

.office-content-left {
  flex-direction: column;
  align-items: flex-end;
  width: 70%;
  margin-bottom: 100px;
  margin-left: -24px;
  display: flex;
  position: relative;
}

.office-content-left-container {
  flex: 1;
  justify-content: flex-end;
  width: 65.5vw;
  min-width: 920px;
  min-height: 600px;
  max-height: 600px;
  display: flex;
  position: relative;
  overflow: hidden;
  transform: translate(0);
}

.office-content-left-lightbox-wrapper {
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.office-content-right {
  z-index: 1;
  background-color: var(--neutral--800);
  justify-content: flex-end;
  width: 47%;
  min-width: 500px;
  padding: 114px 0 114px 60px;
  display: flex;
  position: absolute;
  inset: auto 0% 0% auto;
}

.product-link-content {
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  margin-top: 24px;
  display: flex;
}

.product-page-content {
  max-width: 480px;
  margin-bottom: 140px;
}

.product-page-content-top {
  margin-bottom: 24px;
}

.mg-right-32px {
  margin-right: 32px;
}

.add-cart-default-state {
  margin-bottom: 0;
}

.add-cart {
  flex-direction: column;
  justify-content: center;
  min-height: 206px;
  display: flex;
}

.hero-v21-image-wrapper {
  max-width: 531px;
  margin-bottom: -117px;
  position: relative;
}

.hero-v21-bg-image {
  justify-content: center;
  align-items: center;
  width: 48vw;
  min-width: 641px;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

._404-utility-content {
  width: 100%;
  max-width: 478px;
  margin-bottom: 0;
  padding-top: 100px;
  padding-bottom: 100px;
}

._404-utility-content-image {
  width: 100%;
  max-width: 643px;
  position: relative;
  overflow: hidden;
}

._401-page-section {
  justify-content: center;
  align-items: center;
  min-height: 80vh;
  padding-top: 120px;
  padding-bottom: 240px;
  display: flex;
}

.mg-bottom-4px {
  margin-bottom: 4px;
}

.order-summary-line-item {
  grid-column-gap: 15px;
  flex-wrap: wrap;
}

.shipping-method-content {
  margin-left: 0;
}

.order-item---image {
  border: 2px solid #0000;
  max-width: 80px;
  transition-property: border-color;
}

.order-item---image:hover {
  border-color: var(--neutral--800);
}

.checkout-buttons {
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.cart-item---image {
  border: 2px solid #0000;
  max-width: 80px;
  transition-property: border-color;
}

.cart-item---image:hover {
  border-color: var(--neutral--800);
}

.cart-list-title {
  color: var(--neutral--800);
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.333em;
  text-decoration: none;
  display: inline-block;
}

.cart-list-title:hover {
  color: var(--accent--primary-1);
}

.cart-option-list {
  margin-top: 6px;
}

.cart-item-result {
  color: var(--neutral--800);
}

.cart-item-content---main {
  align-items: flex-start;
  display: flex;
}

.dropdown-toggle-white {
  color: var(--neutral--100);
  letter-spacing: .06em;
  text-transform: uppercase;
  align-items: center;
  padding: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.125em;
  display: flex;
}

.dropdown-toggle-white:hover {
  color: var(--accent--primary-1);
}

.more-templates-badge-wrapper {
  z-index: 9991;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #666977;
  background-color: #fff;
  border: 1px solid #f0f0f6;
  border-radius: 12px;
  align-items: center;
  width: 100%;
  max-width: 286px;
  padding: 12px 22px 12px 18px;
  text-decoration: none;
  transition-property: none;
  display: flex;
  position: fixed;
  inset: auto 24px 12px auto;
  box-shadow: 0 .6px .8px #1010650a, 0 3px 6px #11115414;
}

.more-templates-badge-wrapper:hover {
  color: #666977;
}

.more-templates-logo-wrapper {
  position: relative;
}

.more-templates-logo {
  width: 80px;
}

.more-templates-logo.blur {
  z-index: -1;
  opacity: .68;
  filter: blur(3px);
  position: absolute;
  inset: 10% 0% 20px;
}

.more-templates-p {
  margin-bottom: 0;
  font-size: 13px;
  line-height: 1.4em;
}

.more-webflow-templates-sub {
  color: #523ff5;
  text-decoration: underline;
}

.more-templates-lottie {
  width: 44px;
  position: absolute;
  inset: -20px -20px auto auto;
}

.text-span {
  -webkit-text-stroke-color: var(--button-shadow--white-01);
}

.header-logo-bar {
  width: 50px;
}

.header-middle-short {
  box-sizing: border-box;
  float: none;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  object-fit: fill;
  object-position: 50% 50%;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  display: block;
  position: static;
  inset: 0% 0% auto;
}

.header-middle-short-logo {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  margin-top: 29px;
  display: block;
  position: fixed;
  inset: 0% 0% auto;
}

/* Exibir a section apenas em dispositivos móveis (largura até 767px) */
@media (max-width: 767px) {
  #w-node-_78b5df60-421f-8894-6917-29d98fcc10a1-b4043bae {
    display: none;
  }
}

.header-middle-short-logo-social{
  margin-top: 59px;
  /*background-color: #05c168;*/
  display: inline;
}

/* Estilo padrão do logo (azul) */
.header-middle-short-logo-social img {
  filter: none; /* Mantém a cor original */
  transition: filter 0.3s ease; /* Transição suave */
}

/* Estilo invertido do logo (branco) */
.header-middle-short-logo-social.scrolled img {
  filter: brightness(0) invert(1); /* Inverte a cor para branco */
}

.div-block {
  display: block;
}

.container-default-about {
  max-width: 1268px;
  padding-left: 24px;
  padding-right: 24px;
}

.container-default-about.z-index-1 {
  z-index: 1;
  position: relative;
}

.container-default-about.order-confirmation {
  display: block;
}

.container-default-about.z-index-2 {
  z-index: 2;
  position: relative;
}

.container-default-about.hero-v21-container {
  flex-direction: column;
  flex: 1;
  display: flex;
}

.container-default-about.hero-v22-container {
  flex-direction: column;
  display: flex;
}

@media screen and (min-width: 1280px) {
  .grid-2-columns.logo-strip-v1---main {
    grid-template-columns: auto 1fr;
    grid-auto-flow: row;
    justify-content: flex-end;
    justify-items: stretch;
    display: flex;
  }

  .inner-container._348px._100---tablet {
    margin-top: 35px;
  }

  .section._120px {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .section.bg-neutral-200.position-relative {
    padding-top: 37px;
  }

  .section.hero.v4 {
    background-color: #009eff;
  }

  .half-bg-image-left.cta-home-v2-half-bg {
    background-image: url('../images/geral/get-in-touch-with-us.png');
    background-repeat: no-repeat;
    background-size: cover;
    width: 62.5%;
    height: 94%;
  }

  .logo-strip-v1-wrapper {
    justify-content: flex-end;
    max-width: 328px;
  }

  .container-default-about {
    background-color: #009eff;
  }
}

@media screen and (min-width: 1440px) {
  ul, ol {
    margin-bottom: 24px;
  }

  .grid-2-columns.style---styleguide-wrapper {
    grid-template-columns: .3fr 1fr;
  }

  .bg-accent-1 {
    background-color: var(--neutral--600);
  }

  .style---typography-block-grid {
    grid-template-columns: minmax(auto, 380px) .8fr;
  }

  .grid-3-columns.footer-links-menu-3-cols {
    grid-template-columns: 1fr;
  }

  .btn-primary.white.button-row {
    order: 0;
  }

  .style---dropdown-toggle {
    padding-top: 28px;
    padding-bottom: 28px;
    font-size: 20px;
    line-height: 20px;
  }

  .style---dropdown-link-sidebar {
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 18px;
    line-height: 20px;
  }

  .style---dropdown-link-icon-sidebar {
    max-width: 46px;
    margin-right: 14px;
  }

  .style---logo-wrapper {
    justify-content: center;
    display: flex;
  }

  .style---logo-sidebar {
    max-width: 260px;
  }

  .section.position-relative {
    padding-top: 110px;
    padding-bottom: 110px;
  }

  .section.hero.v6 {
    padding-bottom: 0;
  }

  .section.pd-top-0px {
    padding-top: 0;
  }

  .header-wrapper.v1 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-end;
    align-items: center;
    height: 200px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    position: fixed;
    inset: 0% 0% auto;
  }

  .header-logo {
    max-width: 200%;
    overflow: clip;
  }

  .header-logo-link {
    max-width: 120px;
  }

  .half-bg-image-right.coming-soong-half-bg-image {
    width: 53%;
  }

  .half-bg-image-right.cta-get-in-touch-half-bg-image {
    background-position: 30%;
    width: 42%;
  }

  .half-bg-image-left.cta-home-v2-half-bg {
    background-image: url('../images/geral/get-in-touch-with-us.png');
    background-repeat: no-repeat;
    background-size: cover;
  }

  .links-menu-container {
    grid-template-columns: 1fr 1fr;
  }

  .footer-col.vertical-line-footer-v2 {
    padding-left: 50px;
  }

  .half-bg-top._401-half-bg-top {
    height: 29%;
  }

  .subscribe-card {
    position: relative;
  }

  .hero-v2-wrapper, .hero-v2-left-image-wrapper {
    left: auto;
  }

  .btn-circle-absolute-v1 {
    right: -57px;
  }

  .main-loading-page-wrapper {
    z-index: 9999999;
  }

  .card-link.service-link, .card-link.social-media-link {
    transition: color .3s;
  }

  .square-container.bottom-right-v1.hero-v6-shape {
    inset: auto 0% 0% auto;
  }

  .footer---top---wrapper-v1 {
    max-width: none;
  }

  .hero-v21-bg-image {
    width: 50vw;
  }

  .text-span-2 {
    clear: none;
    color: var(--accent--primary-1);
  }
}

@media screen and (min-width: 1920px) {
  .bg-accent-1 {
    background-color: var(--neutral--600);
  }

  .style---heading {
    padding-left: 6vw;
    padding-right: 6vw;
  }

  .style---content-wrapper {
    padding-left: 8vw;
    padding-right: 8vw;
  }

  .container-default {
    position: relative;
  }

  .section.hero.v9 {
    padding-bottom: 300px;
  }

  .section.hero.v2 {
    float: none;
    clear: none;
    padding-left: 0;
    position: static;
    left: -1083px;
  }

  .section.pd-top-0px {
    padding-top: 0;
  }

  .half-bg-image-right.home-v1-half-bg-image {
    width: 46%;
    min-height: auto;
  }

  .half-bg-image-right.cta-get-in-touch-half-bg-image {
    width: 48%;
  }

  .half-bg-image-left.cta-home-v2-half-bg {
    background-position: 50% 100%;
    background-size: contain;
    height: 100%;
    bottom: -12%;
    left: -4%;
  }

  .half-bg-image-left.hero-v3-bg-image-left {
    width: 46%;
  }

  .checkout-col-right {
    position: sticky;
    top: 24px;
  }

  .image-home-link-wrapper {
    max-width: 560px;
  }

  .video-image {
    flex: 1;
  }

  .hero-v2-wrapper {
    float: none;
    clear: none;
    aspect-ratio: 2.39;
    object-fit: fill;
    left: auto;
  }

  .hero-v2-left-image-wrapper {
    left: auto;
  }

  .btn-circle-absolute-v1 {
    float: right;
    position: relative;
    right: 516px;
  }

  .container-default-about {
    position: relative;
  }
}

@media screen and (max-width: 991px) {
  h1 {
    font-size: 48px;
  }

  h2 {
    margin-bottom: 12px;
    font-size: 34px;
  }

  blockquote {
    padding: 100px 80px;
    font-size: 22px;
  }

  .grid-2-columns.style---styleguide-wrapper {
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
  }

  .grid-2-columns._1-col-tablet {
    grid-template-columns: 1fr;
  }

  .grid-2-columns.contact-v1---main {
    grid-row-gap: 80px;
    grid-template-columns: 1fr;
  }

  .grid-2-columns.blog-sidebar {
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
  }

  .grid-2-columns.template-page-sidebar {
    grid-column-gap: 20px;
    grid-template-columns: .5fr 1fr;
  }

  .grid-2-columns.changelog-item {
    grid-column-gap: 40px;
  }

  .grid-2-columns.product-page {
    grid-row-gap: 60px;
    grid-template-columns: 1fr;
    margin-bottom: 0;
  }

  .grid-2-columns.checkout-page {
    grid-row-gap: 70px;
    grid-template-columns: 1fr;
  }

  .grid-2-columns.suprises-pages-right, .grid-2-columns.suprises-pages-left {
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
    margin-bottom: 100px;
  }

  .grid-2-columns._404-grid-2-cols {
    grid-row-gap: 60px;
    grid-template-columns: 1fr;
  }

  .grid-2-columns.hero-v21-grid {
    grid-row-gap: 80px;
    grid-template-columns: 1fr;
  }

  .grid-2-columns.service-single-grid {
    grid-row-gap: 60px;
    grid-template-columns: 1fr;
  }

  .grid-2-columns.hero-v6-grid {
    grid-template-columns: 1fr 1fr;
  }

  .grid-2-columns.project-single-stats, .grid-2-columns.values-grid {
    grid-template-columns: 1fr;
  }

  .grid-2-columns.blog-popular-articles-grid {
    grid-row-gap: 80px;
    grid-template-columns: 1fr;
  }

  .grid-2-columns.blog-post-page-grid {
    grid-row-gap: 60px;
    grid-template-columns: 1fr;
  }

  .grid-2-columns.office-location-grid {
    grid-row-gap: 48px;
    grid-template-columns: 1fr;
  }

  .grid-2-columns.our-office-inner-grid {
    grid-template-columns: auto auto auto;
  }

  .grid-2-columns.contact-form-and-links-grid {
    grid-row-gap: 60px;
    grid-template-columns: 1fr;
  }

  .grid-2-columns.contact-v2-grid---main {
    grid-row-gap: 100px;
    grid-template-columns: 1fr;
  }

  .grid-2-columns.faq-grid-2-cols {
    grid-row-gap: 60px;
    grid-template-columns: 1fr;
  }

  .grid-2-columns.layout-grid-v1 {
    grid-row-gap: 70px;
    grid-template-columns: 1fr;
  }

  .grid-2-columns.project-slider-grid-2-cols {
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
  }

  .grid-2-columns.our-number-grid-2-cols-wrapper, .grid-2-columns.latests-articles-sidebar-grid {
    grid-row-gap: 60px;
    grid-template-columns: 1fr;
  }

  .grid-2-columns.title-and-buttons.alt, .grid-2-columns.title-and-buttons._1-col-tablet {
    grid-template-columns: 1fr;
  }

  .grid-2-columns.title-and-buttons.sidebar-title-v1 {
    grid-template-columns: 1fr auto;
  }

  .grid-2-columns.title-and-buttons.footer---subscriber---grid {
    grid-row-gap: 50px;
    grid-template-columns: 1fr;
  }

  .grid-2-columns.logo-strip-v1---main {
    grid-row-gap: 20px;
    grid-template-columns: 1fr;
  }

  .grid-2-columns.projects---layout-v1 {
    grid-row-gap: 70px;
    grid-template-columns: 1fr;
  }

  .grid-2-columns.title-and-paragraph, .grid-2-columns.title-and-paragraph.v2, .grid-2-columns.title-and-paragraph.v3, .grid-2-columns.title-and-paragraph.v4 {
    grid-template-columns: 1fr;
  }

  .grid-2-columns.layout-grid-v2 {
    grid-row-gap: 100px;
    grid-template-columns: 1fr;
  }

  .grid-2-columns.blog-featured-section-v1-grid {
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
  }

  .grid-2-columns.layout-grid-v3 {
    grid-row-gap: 100px;
    grid-template-columns: 1fr;
  }

  .grid-2-columns.cta-newsletter-v2-grid {
    grid-template-columns: 1fr minmax(400px, 1.2fr);
  }

  .grid-2-columns.cta-newsletter-v1-1-grid {
    grid-template-columns: minmax(400px, 1fr) .8fr;
  }

  .style---navigation-sidebar {
    box-shadow: none;
    min-height: auto;
    max-height: 100%;
    position: static;
  }

  .card.content-center.testimonial-grid---card {
    flex-direction: row;
  }

  .card.checkout-block {
    margin-bottom: 70px;
  }

  .card.checkout-block.order-summary {
    margin-bottom: 40px;
  }

  .card.figma-file {
    flex-direction: column;
    overflow: hidden;
  }

  .card.sales-home-page.last {
    width: 48.5%;
  }

  .card.testimonial-item._3-posts---item {
    flex-direction: row;
    align-items: center;
  }

  .grid-4-columns {
    grid-template-columns: 1fr 1fr;
  }

  .grid-4-columns.stats-grid-2-cols {
    grid-column-gap: 24px;
    grid-template-columns: auto auto auto auto;
  }

  .grid-4-columns.stats-v1, .grid-4-columns.stats-v2 {
    grid-column-gap: 24px;
  }

  .bg-accent-1 {
    background-color: var(--accent--primary-1);
  }

  .color-neutral-800.color-neutral-100-tablet {
    color: var(--neutral--100);
  }

  .color-neutral-700.change-color-tablet---mbl {
    color: var(--neutral--300);
  }

  .style---block-sub-heading {
    margin-bottom: 24px;
  }

  .divider {
    margin-top: 64px;
    margin-bottom: 64px;
  }

  .divider._64px {
    margin-top: 48px;
    margin-bottom: 48px;
  }

  .divider.center-divider-v1.change-color-tablet---mbl {
    background-color: #fff3;
  }

  .style---typography-block-grid {
    grid-template-columns: minmax(auto, 250px) 1fr;
  }

  .mg-bottom-16px.keep {
    margin-bottom: 16px;
  }

  .mg-bottom-24px.keep {
    margin-bottom: 24px;
  }

  .mg-bottom-32px {
    margin-bottom: 28px;
  }

  .mg-bottom-32px.keep {
    margin-bottom: 32px;
  }

  .mg-bottom-48px.keep, .mg-bottom-56px {
    margin-bottom: 48px;
  }

  .mg-bottom-80px {
    margin-bottom: 70px;
  }

  .mg-right-24px.mg-bt-16px {
    margin-bottom: 16px;
    margin-right: 0;
  }

  .display-1 {
    font-size: 62px;
  }

  .display-1.mg-bottom-0.mg-bottom-12px---tablet {
    margin-bottom: 12px;
  }

  .grid-1-column.gap-row-0.blog-featured-section-v1---sidebar-grid {
    grid-template-columns: 1fr 1fr;
  }

  .grid-1-column.contact-links-v2-grid {
    box-sizing: border-box;
    float: left;
    clear: none;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    aspect-ratio: auto;
    text-align: center;
    object-fit: fill;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    place-content: stretch;
    place-items: center;
    width: auto;
    display: block;
    position: static;
    overflow: visible;
  }

  .grid-1-column.projects---layout-v1 {
    grid-column-gap: 26px;
    grid-template-columns: 1fr 1fr;
  }

  .gap-row-80px {
    grid-row-gap: 56px;
  }

  .display-2 {
    font-size: 52px;
  }

  .display-3 {
    font-size: 38px;
  }

  .display-4.change-color-tablet---mbl {
    color: var(--neutral--100);
  }

  .style---style-grid-wrapper {
    grid-row-gap: 140px;
  }

  .paragraph-large {
    font-size: 20px;
  }

  .text-400 {
    font-size: 22px;
  }

  .text-400.stats-v1---text {
    font-size: 20px;
  }

  .grid-3-columns {
    grid-template-columns: 1fr 1fr;
  }

  .grid-3-columns.gap-row-80px {
    grid-row-gap: 64px;
  }

  .grid-3-columns.style---buttons-grid.download-app-grid {
    grid-column-gap: 40px;
  }

  .grid-3-columns._1-col-tablet, .grid-3-columns.testimonials-grid {
    grid-template-columns: 1fr;
  }

  .grid-3-columns.links-menu-3-cols {
    grid-row-gap: 18px;
  }

  .grid-3-columns.blog-latest-post-v1 {
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
  }

  .grid-3-columns.footer-links-menu-3-cols {
    grid-row-gap: 18px;
    grid-template-columns: 1fr 1fr;
  }

  .grid-3-columns.testimonials---main-grid, .grid-3-columns.offices-grid, .grid-3-columns.team-grid---3-posts, .grid-3-columns.blog-categories-grid {
    grid-template-columns: 1fr;
  }

  .grid-3-columns.products-grid {
    grid-template-columns: 1fr 1fr;
  }

  .grid-3-columns.footer-bottom-standalone {
    grid-row-gap: 18px;
    grid-template-columns: 1fr;
  }

  .style---heading {
    min-height: auto;
    margin-bottom: 60px;
    padding-top: 116px;
    padding-bottom: 116px;
  }

  .inner-container._100-tablet {
    max-width: 100%;
  }

  .inner-container._278px._100---tablet {
    float: none;
    clear: none;
    max-width: 100%;
  }

  .inner-container.form-inner-container {
    width: 100%;
  }

  .inner-container._590px._100-tablet {
    margin-top: 14px;
  }

  .inner-container._100---tablet {
    max-width: 100%;
  }

  .inner-container._600px---tablet {
    max-width: 600px;
  }

  .inner-container._700px---tablet, .inner-container.hero-v1-content {
    max-width: 700px;
  }

  .inner-container.hero-v1-content-bottom {
    max-width: 600px;
  }

  .inner-container.cta-v1-content {
    max-width: 65%;
  }

  .inner-container._500px---tablet {
    max-width: 500px;
  }

  .inner-container._400px---tablet {
    max-width: 400px;
  }

  .inner-container._350px---tablet {
    float: none;
    clear: none;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    text-align: left;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    max-width: 100%;
    display: block;
    position: static;
    overflow: visible;
  }

  .inner-container._320px---mbl {
    float: none;
    clear: none;
    text-align: left;
    max-width: 100%;
  }

  .inner-container.cta-v2-content {
    margin-left: 0;
  }

  .inner-container.hero-v3-content-top {
    margin-bottom: 80px;
    margin-left: 0;
  }

  .inner-container.hero-v3-content-bottom {
    max-width: 100%;
    margin-left: 0;
  }

  .inner-container.blog-card-sidebar-content {
    max-width: none;
  }

  .inner-container._530px---tablet {
    max-width: 530px;
  }

  .inner-container.stats-grid-2-cols---image {
    max-width: 100%;
    max-height: 500px;
  }

  .inner-container._573px.width-100 {
    max-width: 100%;
  }

  .inner-container.offices-tabs---title-wrapper {
    max-width: 480px;
    margin-bottom: 30px;
    overflow: visible;
  }

  .inner-container._681px {
    max-width: 100%;
  }

  .inner-container._420px---tablet {
    max-width: 420px;
  }

  .inner-container.hero-v21-content-right {
    max-width: 100%;
    margin-bottom: 0;
  }

  .style---content-heading {
    margin-bottom: 60px;
    padding: 32px;
  }

  .btn-primary.small.header-btn-hidde-on-tablet {
    display: none;
  }

  .btn-secondary.buy-now-btn {
    max-width: 50%;
  }

  .position-relative.blog-post-featured {
    padding-top: 80px;
  }

  .position-relative.cta-newsletter-v2---main {
    margin-left: -24px;
  }

  .position-relative.bg-neutral-800---tablet {
    background-color: var(--neutral--800);
  }

  .style---avatars-grid {
    grid-template-columns: repeat(auto-fit, 280px);
  }

  .avatar-circle._06 {
    width: 140px;
    max-width: 140px;
    height: 140px;
    max-height: 140px;
  }

  .avatar-circle._07 {
    width: 160px;
    max-width: 160px;
    height: 160px;
    max-height: 160px;
  }

  .avatar-circle._08 {
    width: 280px;
    max-width: 280px;
    height: 280px;
    max-height: 280px;
  }

  .social-icon-square.without-bg.hero-v3-social-icon:hover {
    color: var(--neutral--100);
  }

  .line-square-icon.top-bar-close-icon {
    padding: 18px 24px;
  }

  .rich-text h2, .rich-text h3, .rich-text h6, .rich-text h5, .rich-text h4 {
    margin-bottom: 20px;
  }

  .style---dropdown-wrapper-sidebar {
    display: none;
  }

  .buttons-row.center---tablet {
    justify-content: center;
  }

  .style---sidebar-wrapper {
    overflow: hidden;
  }

  .style---logo-wrapper {
    margin-bottom: 0;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .style---button-wrapper-sidebar {
    display: none;
  }

  .container-default {
    position: static;
  }

  .elements---page-hero {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .section {
    padding-top: 200px;
    padding-bottom: 200px;
  }

  .section._120px {
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .section.position-relative.bg-neutral-800 {
    padding-top: 254px;
  }

  .section.overflow-hidden {
    padding-top: 50px;
    padding-bottom: 0;
  }

  .section.template-pages-hero {
    padding-top: 80px;
    padding-bottom: 140px;
  }

  .section.hero-main {
    padding-top: 70px;
    padding-bottom: 233px;
  }

  .section.cta-home-pages {
    background-image: linear-gradient(to bottom, var(--neutral--200) 60%, white 60%);
    padding-bottom: 150px;
  }

  .section.hero.v20 {
    margin-bottom: 0;
    padding-top: 40px;
    padding-bottom: 100px;
  }

  .section.hero.v21 {
    min-height: auto;
    margin-bottom: 0;
  }

  .section.hero.v12 {
    padding-top: 140px;
    padding-bottom: 260px;
  }

  .section.hero.v13 {
    margin-bottom: 200px;
    padding-top: 70px;
  }

  .section.hero.v5 {
    padding-top: 80px;
    padding-bottom: 150px;
  }

  .section.hero.v6 {
    margin-bottom: 68px;
  }

  .section.hero.v10 {
    padding-top: 80px;
    padding-bottom: 170px;
  }

  .section.hero.v18 {
    padding-top: 246px;
    padding-bottom: 0;
  }

  .section.hero.v4 {
    padding-top: 269px;
    padding-bottom: 132px;
  }

  .section.hero.v7 {
    padding-top: 80px;
    padding-bottom: 200px;
  }

  .section.hero.v8 {
    margin-bottom: 269px;
    padding-top: 80px;
    padding-bottom: 0;
  }

  .section.hero.v9 {
    padding-top: 80px;
    padding-bottom: 130px;
  }

  .section.hero.v14 {
    padding-top: 80px;
    padding-bottom: 200px;
  }

  .section.hero.v16 {
    padding-top: 80px;
    padding-bottom: 160px;
  }

  .section.hero.v15 {
    padding-top: 80px;
    overflow: hidden;
  }

  .section.hero.v1 {
    flex-direction: column-reverse;
    padding-top: 60px;
    padding-bottom: 0;
  }

  .section.hero.v3 {
    padding-top: 60px;
    padding-bottom: 0;
  }

  .section.hero.v19 {
    padding-top: 80px;
    padding-bottom: 118px;
  }

  .section.hero.v2 {
    margin-top: 258px;
    padding-top: 0;
  }

  .section.hero.v17 {
    padding-top: 230px;
    padding-bottom: 118px;
  }

  .section.hero.v22 {
    padding-top: 80px;
    padding-bottom: 200px;
  }

  .section.hero.v23 {
    padding-bottom: 100px;
  }

  .section.pd-180px {
    padding-top: 150px;
    padding-bottom: 150px;
  }

  .section.bottom-120px {
    padding-bottom: 100px;
  }

  .section.top-120px {
    padding-top: 100px;
  }

  .section._160px {
    padding-top: 130px;
    padding-bottom: 130px;
  }

  .section.pd-top-0px {
    padding-top: 0;
  }

  .section.top {
    padding-top: 80px;
  }

  .top-bar-wrapper {
    padding-left: 0;
  }

  .top-bar-flex {
    flex-direction: column;
  }

  .heading-h1-size {
    font-size: 48px;
  }

  .heading-h2-size {
    font-size: 34px;
  }

  .header-nav-menu-wrapper {
    border-top: 1px solid var(--neutral--300);
    border-bottom: 1px solid var(--neutral--300);
    background-color: var(--neutral--100);
    padding: 24px 24px 40px;
    overflow: visible;
  }

  .header-nav-menu-list {
    flex-direction: column;
    align-items: flex-start;
  }

  .header-nav-link:hover {
    color: var(--accent--primary-1);
  }

  .header-nav-link.white.black---tablet {
    color: var(--neutral--800);
  }

  .header-nav-link.white.black---tablet:hover {
    color: var(--accent--primary-1);
  }

  .header-nav-list-item {
    margin-bottom: 21px;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
  }

  .header-nav-list-item.show-in-tablet {
    display: block;
  }

  .header-nav-list-item.show-in-tablet.header-btn {
    align-self: stretch;
    margin-top: 30px;
  }

  .dropdown-toggle:hover {
    color: var(--accent--primary-1);
  }

  .dropdown-column-wrapper {
    min-width: auto;
    position: static;
    transform: none;
  }

  .dropdown-pd {
    box-shadow: none;
    border-style: none;
    padding: 0;
  }

  .header-logo-link.center, .header-logo-link.large-v1 {
    max-width: 212px;
  }

  .hamburger-menu-wrapper.w--open {
    background-color: #0000;
  }

  .hamburger-menu-bar {
    width: 32px;
    height: 3px;
  }

  .hamburger-menu-bar.top.white {
    background-color: var(--neutral--100);
  }

  .hamburger-menu-bar.bottom {
    margin-top: 12px;
    margin-bottom: 12px;
  }

  .hamburger-menu-bar.bottom.white {
    background-color: var(--neutral--100);
  }

  .header-right-side {
    margin-left: 20px;
  }

  .header-middle {
    z-index: 1;
    position: relative;
  }

  .btn-circle-secondary.project-single-btn {
    width: 118px;
    min-width: 118px;
    height: 118px;
    min-height: 118px;
  }

  .btn-circle-secondary.hero-v2-btn-circle {
    justify-content: center;
    align-items: center;
    width: 120px;
    min-width: 120px;
    height: 120px;
    min-height: 120px;
  }

  .hidden-on-tablet {
    display: none;
  }

  .footer-bottom {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .text-center.tablet {
    text-align: center;
  }

  ._w-h-100.our-office-image {
    min-height: auto;
  }

  .overflow-hidden.position-relative.layout-grid-v3---image {
    max-height: 600px;
  }

  .overflow-hidden.hero-v6-image {
    margin-bottom: -68px;
  }

  .overflow-hidden.cta-newsletter-v1-image {
    width: 563px;
    margin-left: 0;
    padding-bottom: 0;
  }

  .overflow-hidden.cta-newsletter-v2-image {
    width: 640px;
    margin-left: -190px;
  }

  .overflow-hidden.cta-newsletter-v1-1-image {
    width: 464px;
    margin-left: 0;
    margin-right: -48px;
    padding-bottom: 0;
  }

  .lightbox-video-icon-wrapper {
    width: 14%;
  }

  .half-bg-bottom.hero-v1-half-bg-bottom, .half-bg-bottom.hero-v2-half-bg-bottom, .half-bg-bottom.hero-v3-half-bg-bottom {
    display: none;
  }

  .half-bg-image-right {
    width: 100%;
    height: 100%;
    min-height: 600px;
    margin-top: 70px;
    position: static;
    inset: auto 0% 0%;
  }

  .half-bg-image-right.coming-soong-half-bg-image {
    background-position: 0%;
    background-size: cover;
    width: 48%;
    min-height: auto;
    margin-top: 0;
    position: absolute;
    inset: 0% 0% 0% auto;
  }

  .half-bg-image-right.home-v1-half-bg-image {
    width: 100%;
    min-height: 800px;
  }

  .half-bg-image-right.cta-get-in-touch-half-bg-image {
    background-position: 0%;
    background-size: cover;
    width: 35%;
    min-height: auto;
    margin-top: 0;
    position: absolute;
    inset: 0% 0% 0% auto;
  }

  .half-bg-image-right.content-half-bg-right {
    min-height: auto;
    margin-top: 0;
    position: absolute;
  }

  .half-bg-image-left {
    width: 100%;
    height: 50%;
    inset: 0% 0% auto;
  }

  .half-bg-image-left.cta-home-v2-half-bg {
    background-size: contain;
    width: 100%;
    height: auto;
    margin-top: 30px;
    margin-bottom: -11%;
    padding-top: 28%;
    padding-bottom: 28%;
    position: static;
  }

  .half-bg-image-left.hero-v3-bg-image-left {
    width: 100%;
    height: 100%;
    margin-top: 64px;
    padding-top: 80%;
    position: relative;
  }

  .slider-mask {
    position: static;
  }

  .accordion-spacer {
    min-height: 12px;
  }

  .accordion-spacer._28px {
    min-height: 24px;
  }

  .tabs-menu.offices-tabs-menu {
    justify-content: flex-start;
    max-width: 100%;
  }

  .blog-card-image-wrapper._3-posts---image {
    max-width: 45%;
    margin-bottom: 0;
    margin-right: 30px;
  }

  .blog-card-image-wrapper.blog-card-sidebar-image-wrapper {
    width: 42%;
    margin-right: 40px;
  }

  .categories-badges-item-wrapper.vertical {
    flex-direction: row;
  }

  .categories-badges-wrapper.vertical {
    flex-direction: row;
    margin-top: 0;
    margin-bottom: 0;
  }

  ._404-not-found {
    margin-bottom: 0;
    margin-right: 40px;
    font-size: 20vw;
  }

  .home-pages-cointainer {
    margin-top: 80px;
  }

  .image-home-link-wrapper {
    max-width: 280px;
  }

  .figma-file-text-wrapper {
    max-width: 100%;
    padding-top: 48px;
    padding-bottom: 48px;
    padding-right: 52px;
  }

  .header-hamburger-menu-grid---tablet {
    z-index: 1;
    grid-column-gap: 24px;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: auto auto;
    grid-auto-columns: 1fr;
    place-items: center end;
    padding-top: 0;
    display: grid;
    position: relative;
  }

  .links-menu-container.footer-v2-col-menu {
    grid-template-columns: 1fr auto;
    max-width: 100%;
  }

  .footer---top {
    padding-top: 90px;
    padding-bottom: 90px;
  }

  .footer---top.footer-v2 {
    flex-direction: column-reverse;
  }

  .footer---middle.v1 {
    flex-direction: column;
  }

  .social-media-flex.center---tablet {
    justify-content: center;
  }

  .footer-col {
    padding-top: 88px;
    padding-bottom: 88px;
    padding-left: 0;
  }

  .footer-col.vertical-line-footer-v2 {
    max-width: 100%;
    margin-left: 0;
    padding-top: 70px;
    padding-bottom: 100px;
    padding-left: 0;
  }

  .footer-col.footer-v2-col {
    border-bottom: 1px solid var(--neutral--700);
    border-right-style: none;
    max-width: 100%;
    padding-bottom: 70px;
    padding-right: 0;
  }

  .footer-col.main {
    border-bottom: 1px solid var(--neutral--700);
    border-right-style: none;
    max-width: 100%;
    padding-bottom: 60px;
    padding-right: 0;
  }

  .footer-col.nav-v1 {
    max-width: 100%;
    padding-top: 60px;
    padding-left: 0;
  }

  .footer---bottom.footer-bottom-flex {
    flex-direction: column;
  }

  .square {
    min-width: 60px;
    max-width: 60px;
    min-height: 60px;
    max-height: 60px;
  }

  .footer-contact-us-grid {
    grid-template-columns: 1fr 1fr;
  }

  .square-container._3-cols.bottom-left.hero-v21-square {
    margin-bottom: 0;
  }

  .square-container.bottom-right-v1.top---tablet {
    inset: 0% 0% auto auto;
  }

  .square-container.bottom-right-v1.blog-post-featured {
    right: -24px;
  }

  .product-page-image-wrapper {
    max-width: 100%;
    max-height: 500px;
  }

  .half-bg-top._401-half-bg-top {
    height: 21%;
  }

  .half-bg-top.offices-half-bg-top {
    height: 450px;
  }

  .half-bg-top.half-bg-top-v1 {
    height: 83%;
  }

  .mg-bottom-100px {
    margin-bottom: 80px;
  }

  .position-sticky.top-24px.static---tablet {
    position: static;
  }

  .service-single-left-col {
    border-bottom: 1px solid var(--neutral--300);
    border-right-style: none;
    justify-content: center;
    max-width: 100%;
    padding-bottom: 60px;
    padding-right: 0;
    display: flex;
  }

  .project-card-picture {
    max-height: 500px;
  }

  .project-card-description {
    padding-bottom: 40px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .project-card-description.last {
    padding-left: 40px;
    padding-right: 40px;
  }

  .blog-category-link {
    display: flex;
  }

  .cta-newsletter-v1-wrapper {
    padding-bottom: 0;
    padding-left: 0;
  }

  .cta-newsletter-v1-bg-left {
    margin-left: -24px;
  }

  .pd-left-right---76px {
    padding-left: 60px;
    padding-right: 60px;
  }

  .blog-card---position-absolute {
    padding-top: 130px;
    padding-bottom: 130px;
  }

  .subscribe-card {
    max-width: 100%;
    padding: 100px 60px 130px;
  }

  .divider-horizontal-cms {
    width: 1px;
    min-width: 1px;
    height: 100%;
    min-height: 100%;
    margin-left: 32px;
    margin-right: 32px;
  }

  .cms-category-horizontal-link {
    padding-top: 18px;
    padding-bottom: 18px;
  }

  .blog-post-page---main-content {
    padding: 162px 70px;
  }

  .blog-post-col-left {
    border-bottom: 1px solid var(--neutral--300);
    border-right-style: none;
    justify-content: center;
    max-width: 100%;
    padding-bottom: 60px;
    padding-right: 0;
    display: flex;
  }

  .blog-post-author {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
  }

  .grid-horizontal-line---tablet {
    border-bottom: 1px solid var(--neutral--700);
    padding-bottom: 80px;
  }

  .contact-form-and-links-col-right {
    border-top: 1px solid var(--neutral--700);
    border-left-style: none;
    flex-direction: column;
    justify-content: flex-start;
    max-width: 100%;
    padding-top: 60px;
    padding-bottom: 0;
    padding-left: 0;
  }

  .contact-form-and-links-col-left {
    padding-top: 80px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .contact-us-link-wrapper-v2.first {
    text-align: left;
    padding-right: 32px;
  }

  .contact-us-link-wrapper-v2.middle {
    padding-top: 0;
  }

  .offices-slider-wrapper {
    background-color: var(--neutral--800);
    padding-bottom: 100px;
  }

  .slide-arrow.testimonial-arrow-left {
    z-index: 2;
    bottom: 60px;
    left: 60px;
  }

  .slide-arrow.testimonial-arrow-right {
    bottom: 60px;
    left: auto;
    right: 60px;
  }

  .about-us-title {
    margin-left: 0;
    position: static;
  }

  .layout-grid-v1-right-card {
    padding-top: 0;
    padding-bottom: 50px;
  }

  .video-container {
    width: 100vw;
    min-width: auto;
    min-height: 600px;
    max-height: 600px;
  }

  .video-lightbox-wrapper {
    justify-content: center;
  }

  .video-lightbox {
    margin-right: 0;
  }

  .show-in-tablet {
    display: block;
  }

  .hero-v2-wrapper {
    min-height: auto;
    max-height: none;
    margin-left: -24px;
    left: auto;
  }

  .hero-v2-card {
    max-width: 700px;
    padding-top: 100px;
    padding-bottom: 260px;
    padding-left: 24px;
  }

  .btn-circle-absolute-v1 {
    position: relative;
    bottom: 40px;
    right: 0;
  }

  .cta-home-v2-banner {
    z-index: -1;
    width: auto;
    inset: 0%;
  }

  .cta-v2-wrapper {
    padding-top: 160px;
    padding-bottom: 0;
    padding-right: 0;
    position: static;
  }

  .slider---wrapper.porfolio-slider {
    padding-bottom: 70px;
  }

  .slider---mask.bg-neutral-200---tablet {
    background-color: var(--neutral--200);
  }

  .slider---arrow.right {
    bottom: 0;
  }

  .slider---arrow.right.offices-arrow-left {
    top: auto;
    bottom: 28px;
  }

  .slider---arrow.left {
    bottom: 0;
    left: 0;
    right: auto;
  }

  .slider---arrow.left.offices-arrow-left {
    top: auto;
    bottom: 28px;
    right: auto;
  }

  .slider---arrow.portfolio---left {
    top: auto;
    left: 0;
    right: auto;
  }

  .slider---arrow.portfolio---right {
    inset: auto 0 0 auto;
  }

  .hero-v3-title-wrapper {
    margin-left: 0;
  }

  .mg-top---bottom-48px---tablet {
    margin-top: 48px;
    margin-bottom: 48px;
  }

  .divider-line.mg-top-120px {
    margin-top: 100px;
  }

  .divider-line.black---tablet {
    background-color: #0e0e0e33;
  }

  .divider-line.bg-neutral-700.contact-links-v1-divider {
    align-self: stretch;
    width: 1px;
    height: auto;
    margin: 0 40px;
  }

  .content-full-width-card-right {
    padding: 80px 60px 100px;
  }

  .content-full-width-card-right.blog-post-featured-card {
    max-width: 68%;
    padding-top: 100px;
    padding-bottom: 100px;
    padding-left: 40px;
  }

  .content-full-width-picture-left-wrapper {
    min-height: auto;
    position: relative;
  }

  .content-full-width-picture-left-wrapper.blog-post-featured-card {
    bottom: 80px;
  }

  .content-full-width-card-left {
    width: 100%;
    padding: 60px 60px 138px;
    position: static;
  }

  .content-full-width-picture-right-wrapper {
    width: 100%;
    min-height: auto;
    margin-bottom: 0;
    margin-left: 0;
  }

  .slider-full-width-picture-right {
    max-height: 500px;
  }

  .card-link.project-card {
    height: 500px;
  }

  .card-link.blog-card._3-posts---item, .card-link.office-link {
    flex-direction: row;
    align-items: center;
  }

  .card-link.testimonial-item---image._3-posts-item---image {
    width: 40%;
    margin-bottom: 0;
    margin-right: 40px;
  }

  .card-image._w-h-100.our-office-image {
    min-height: auto;
    max-height: 500px;
  }

  .card-link---service._3-posts---item {
    align-items: center;
    display: flex;
  }

  .mg-bottom-76px {
    margin-bottom: 70px;
  }

  .square-container.bottom-right-v1.hero-v6-shape {
    display: none;
    inset: auto 0% 0% auto;
  }

  .service-3-posts-item, .service-3-posts-item:first-child {
    margin-top: 0;
  }

  .card-link---service-image {
    max-height: 500px;
  }

  .card-link---service-image._3-posts---item---image {
    max-width: 45%;
    margin-bottom: 0;
    margin-right: 35px;
  }

  .card-link---service-3-posts---content {
    flex: 1;
  }

  .content-card-right-v1 {
    z-index: auto;
    width: 100%;
    padding-top: 200px;
    padding-bottom: 95px;
    padding-left: 0;
    position: relative;
  }

  .position-absolute.content-card-right-v1-bg, .position-absolute.office-content-card-right-v1-bg {
    margin-left: -24px;
  }

  .content-left-video-v1 {
    order: 1;
    width: auto;
    margin-bottom: 0;
    margin-right: -24px;
  }

  .logo-strip-v1-wrapper {
    justify-content: center;
  }

  .mg-bottom-18px {
    float: none;
    clear: none;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    display: block;
    overflow: visible;
  }

  .footer---top---wrapper-v1 {
    max-width: none;
  }

  .text-center---tablet {
    text-align: center;
  }

  .layout-grid-v1-image-01 {
    max-height: 500px;
    margin-top: 70px;
    margin-bottom: 0;
  }

  .layout-grid-v1-image-02 {
    max-height: 500px;
  }

  .layout-grid-v1-column-01 {
    flex-direction: column-reverse;
  }

  .project-slider-content {
    margin-top: 0;
    margin-bottom: 0;
  }

  .layout-grid-v2-column-02 {
    flex-direction: column-reverse;
    max-width: 100%;
  }

  .layout-grid-v2-image-01 {
    max-width: 100%;
    min-height: auto;
    max-height: 500px;
    margin-top: 60px;
    margin-right: 0;
  }

  .layout-grid-v2-column-01---content {
    max-width: 650px;
  }

  .layout-grid-v2-right-card {
    max-width: 650px;
    padding-top: 0;
    padding-bottom: 60px;
  }

  .layout-grid-v2-right-card---title {
    margin-left: 0;
  }

  .layout-grid-v2-image-02 {
    align-self: auto;
    max-width: 100%;
    min-height: auto;
    max-height: 500px;
    margin-left: 0;
  }

  .testimonial-grid-wrapper {
    flex-direction: row;
    align-items: center;
  }

  .testimonial-grid-image---top {
    max-width: 45%;
    min-height: auto;
    max-height: none;
    margin-bottom: auto;
    margin-right: 30px;
  }

  .testimonial-grid-image---bottom {
    max-width: 45%;
    min-height: auto;
    max-height: none;
    margin-top: 0;
    margin-left: 30px;
  }

  .blog-card-featured-last-content {
    padding-bottom: 40px;
  }

  .blog-featured---sidebar-item {
    padding-left: 0;
  }

  .blog-featured---sidebar-item:first-child {
    border-left-style: none;
    padding-right: 40px;
  }

  .blog-featured---sidebar-item:last-child {
    border-bottom-style: solid;
    padding-left: 40px;
  }

  .testimonial-grid-image {
    width: 42%;
    margin-bottom: 0;
    margin-right: 40px;
  }

  .card-link-content {
    flex: 1;
  }

  .mg-top-20px.mg-top-0px---tablet {
    margin-top: 0;
  }

  .office-link---image {
    width: 40%;
    margin-bottom: 0;
    margin-right: 40px;
  }

  .office-link---content {
    flex: 1;
  }

  .rich-text-v2 h2 {
    font-size: 52px;
  }

  .rich-text-v2 h3 {
    margin-bottom: 20px;
    font-size: 34px;
  }

  .rich-text-v2 h6, .rich-text-v2 h5, .rich-text-v2 h4 {
    margin-bottom: 20px;
  }

  .mg-top-32px {
    margin-top: 28px;
  }

  .contact-link---icon-left.black.icon-48px {
    float: left;
    text-align: center;
  }

  .blog-category-content {
    flex: 1;
    margin-left: 20px;
  }

  .hero-v8-blog-featured-item {
    margin-bottom: -269px;
  }

  .cta-newsletter-v1-1-wrapper {
    padding-bottom: 0;
    padding-left: 0;
  }

  .hero-v13-image {
    margin-bottom: -200px;
  }

  .contact-links-v1---wrapper---main {
    align-items: center;
    display: flex;
  }

  .contact-form-v2-wrapper {
    max-width: none;
    margin-right: -24px;
    padding-top: 100px;
    padding-right: 24px;
  }

  .contact-v2-half-bg-bottom {
    top: 0;
  }

  .title-contact-links-wrapper {
    flex-flow: column;
    width: auto;
  }

  .title-contact-link---first {
    margin-right: 0;
  }

  .contact-us-link-wrapper---bg-black.first {
    padding-right: 32px;
  }

  .contact-us-link-wrapper---bg-black.middle {
    padding-top: 0;
  }

  .office-content-left {
    align-items: stretch;
    width: 100vw;
    min-width: 100vw;
    margin-bottom: 0;
    margin-right: -24px;
  }

  .office-content-left-container {
    width: 100vw;
    min-width: auto;
    min-height: auto;
    max-height: 500px;
  }

  .office-content-left-lightbox-wrapper {
    justify-content: center;
  }

  .office-content-right {
    z-index: auto;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
    min-width: auto;
    padding-top: 70px;
    padding-bottom: 0;
    padding-left: 0;
    position: relative;
  }

  .product-page-content {
    max-width: 100%;
    margin-bottom: 0;
  }

  .product-page-content-top {
    max-width: 480px;
  }

  .product-page-content-bottom {
    flex: 1;
  }

  .hero-v21-image-wrapper {
    max-width: 100%;
    margin-bottom: 0;
  }

  .hero-v21-bg-image {
    width: auto;
    min-width: auto;
    max-height: 500px;
    margin-left: -24px;
    margin-right: -24px;
    position: relative;
  }

  ._404-utility-content {
    max-width: 100%;
    padding-top: 80px;
    padding-bottom: 0;
    display: flex;
  }

  ._404-utility-content-image {
    max-width: 100%;
    max-height: 500px;
  }

  ._401-page-section {
    padding-top: 80px;
    padding-bottom: 200px;
  }

  .checkout-buttons {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr 1fr;
  }

  .dropdown-toggle-white {
    color: var(--neutral--800);
  }

  .dropdown-toggle-white:hover {
    color: var(--accent--primary-1);
  }

  .more-templates-badge-wrapper {
    right: 24px;
  }

  .container-default-about {
    position: static;
  }

  .div-block-2 {
    text-align: left;
  }

  .form-2 {
    margin-top: -77px;
  }
}

@media screen and (max-width: 767px) {
  body {
    font-size: 16px;
  }

  h1 {
    margin-bottom: 10px;
    font-size: 38px;
  }

  h2 {
    font-size: 30px;
  }

  h3 {
    font-size: 22px;
  }

  h4 {
    font-size: 20px;
  }

  h5 {
    font-size: 16px;
  }

  h6 {
    font-size: 14px;
  }

  ul, ol {
    margin-top: 16px;
    margin-bottom: 16px;
  }

  blockquote {
    padding: 60px 32px;
    font-size: 20px;
  }

  .grid-2-columns {
    grid-template-columns: 1fr;
  }

  .grid-2-columns.style---styleguide-wrapper {
    grid-template-columns: auto;
  }

  .grid-2-columns.contact-v1---main {
    grid-row-gap: 60px;
  }

  .grid-2-columns.blog-sidebar, .grid-2-columns.template-page-sidebar {
    grid-template-columns: 1fr;
  }

  .grid-2-columns.changelog-item {
    grid-column-gap: 20px;
  }

  .grid-2-columns.product-page {
    grid-row-gap: 50px;
  }

  .grid-2-columns.checkout-page {
    grid-template-columns: 1fr;
  }

  .grid-2-columns._404-grid-2-cols {
    grid-row-gap: 50px;
  }

  .grid-2-columns.hero-v21-grid {
    grid-row-gap: 70px;
  }

  .grid-2-columns.service-single-grid {
    grid-row-gap: 50px;
  }

  .grid-2-columns.hero-v6-grid {
    grid-row-gap: 60px;
    grid-template-columns: 1fr;
  }

  .grid-2-columns.project-single-stats {
    grid-template-columns: 40px 1fr;
  }

  .grid-2-columns.product-gallery-grid-2-cols {
    grid-column-gap: 18px;
  }

  .grid-2-columns.values-grid {
    grid-row-gap: 50px;
  }

  .grid-2-columns.follow-instagram-grid {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .grid-2-columns.follow-instagram-grid---small {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-columns: 1fr 1fr;
  }

  .grid-2-columns.cta-newsletter-v1-grid {
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
  }

  .grid-2-columns.blog-popular-articles-grid {
    grid-row-gap: 70px;
  }

  .grid-2-columns.blog-v2 {
    grid-row-gap: 60px;
  }

  .grid-2-columns.blog-post-page-grid {
    grid-row-gap: 50px;
  }

  .grid-2-columns.office-location-grid {
    grid-row-gap: 40px;
  }

  .grid-2-columns.our-office-inner-grid {
    grid-column-gap: 28px;
    grid-row-gap: 28px;
    grid-template-columns: auto auto;
  }

  .grid-2-columns.contact-form-and-links-grid {
    grid-row-gap: 50px;
  }

  .grid-2-columns.contact-v2-grid---main {
    grid-row-gap: 80px;
  }

  .grid-2-columns.faq-grid-2-cols {
    grid-row-gap: 50px;
  }

  .grid-2-columns.layout-grid-v1 {
    grid-row-gap: 60px;
  }

  .grid-2-columns.our-number-grid-2-cols-wrapper, .grid-2-columns.latests-articles-sidebar-grid {
    grid-row-gap: 50px;
  }

  .grid-2-columns.title-and-buttons, .grid-2-columns.title-and-buttons.sidebar-title-v1 {
    grid-template-columns: 1fr;
  }

  .grid-2-columns.title-and-buttons.footer---subscriber---grid {
    grid-row-gap: 40px;
  }

  .grid-2-columns.projects---layout-v1 {
    grid-row-gap: 60px;
  }

  .grid-2-columns.title-and-paragraph {
    grid-row-gap: 10px;
  }

  .grid-2-columns.layout-grid-v2, .grid-2-columns.layout-grid-v3 {
    grid-row-gap: 80px;
  }

  .grid-2-columns.values-grid---items {
    grid-column-gap: 20px;
    grid-row-gap: 54px;
    grid-template-columns: 1fr 1fr;
  }

  .grid-2-columns.cta-newsletter-v2-grid {
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
    justify-items: stretch;
  }

  .grid-2-columns.cta-newsletter-v1-1-grid {
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
  }

  .card.content-center.testimonial-grid---card {
    flex-direction: column;
    align-items: stretch;
  }

  .card.sales-home-page.last {
    width: auto;
  }

  .card.password-protected-card {
    padding: 80px 32px;
  }

  .card.testimonial-item._3-posts---item {
    flex-direction: column;
    align-items: stretch;
  }

  .grid-4-columns.project-single-stat-grid {
    grid-column-gap: 40px;
    grid-row-gap: 35px;
    grid-template-columns: auto auto;
    justify-content: stretch;
  }

  .grid-4-columns.stats-grid-2-cols {
    grid-column-gap: 20px;
    grid-row-gap: 30px;
    grid-template-columns: auto auto;
    justify-content: stretch;
  }

  .grid-4-columns.stats-v1 {
    grid-column-gap: 20px;
    grid-row-gap: 30px;
    text-align: center;
    grid-template-columns: 1fr 1fr;
    justify-content: center;
    justify-items: center;
  }

  .grid-4-columns.stats-v2 {
    grid-column-gap: 20px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1fr;
    justify-content: stretch;
  }

  .color-neutral-400.mg-bottom-36px {
    margin-bottom: 32px;
  }

  .style---block-sub-heading.border {
    margin-bottom: 48px;
    padding-bottom: 24px;
  }

  .divider {
    margin-top: 48px;
    margin-bottom: 48px;
  }

  .divider._24px {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .divider._48px {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .style---typography-block-grid {
    grid-row-gap: 16px;
    grid-template-columns: 1fr;
  }

  .style---content-block {
    margin-bottom: 64px;
  }

  .mg-bottom-16px.keep {
    margin-bottom: 16px;
  }

  .mg-bottom-24px {
    margin-bottom: 20px;
  }

  .mg-bottom-24px.mg-bottom-16px---mbl {
    margin-bottom: 16px;
  }

  .mg-bottom-24px.keep, .mg-bottom-32px {
    margin-bottom: 24px;
  }

  .mg-bottom-32px.keep {
    margin-bottom: 32px;
  }

  .mg-bottom-48px {
    margin-bottom: 40px;
  }

  .mg-bottom-48px.keep {
    margin-bottom: 48px;
  }

  .mg-bottom-56px {
    margin-bottom: 40px;
  }

  .mg-bottom-64px {
    margin-bottom: 54px;
  }

  .mg-bottom-80px {
    margin-bottom: 60px;
  }

  .mg-top-24px {
    margin-top: 20px;
  }

  .mg-top-48px {
    margin-top: 40px;
  }

  .text-200 {
    font-size: 16px;
  }

  .text-200.mg-bottom-16px.mg-bottom-0-mbl {
    margin-bottom: 0;
    display: flex;
  }

  .text-200.list {
    line-height: 22px;
  }

  .display-1 {
    font-size: 45px;
  }

  .grid-1-column.gap-row-80px {
    grid-row-gap: 40px;
  }

  .grid-1-column.gap-column-24px {
    grid-row-gap: 20px;
  }

  .grid-1-column.gap-row-0.blog-featured-section-v1---sidebar-grid {
    grid-template-columns: 1fr;
  }

  .grid-1-column.gap-row-28px.alt {
    grid-row-gap: 18px;
  }

  .grid-1-column.links-menu-1-col {
    grid-row-gap: 16px;
  }

  .grid-1-column.gap-row-48px {
    grid-row-gap: 60px;
  }

  .grid-1-column.contact-links-v2-grid, .grid-1-column.projects---layout-v1 {
    grid-template-columns: 1fr;
  }

  .display-2 {
    font-size: 40px;
  }

  .display-3 {
    font-size: 32px;
  }

  .display-4 {
    font-size: 24px;
  }

  .style---style-grid-wrapper {
    grid-row-gap: 120px;
  }

  .paragraph-large {
    font-size: 18px;
  }

  .text-400 {
    font-size: 20px;
  }

  .text-400.stats-v1---text, .text-300 {
    font-size: 18px;
  }

  .text-100 {
    font-size: 14px;
  }

  .grid-3-columns {
    grid-row-gap: 60px;
    grid-template-columns: 1fr;
  }

  .grid-3-columns.gap-row-80px {
    grid-row-gap: 40px;
  }

  .grid-3-columns.style---buttons-grid, .grid-3-columns.style---buttons-grid.download-app-grid {
    grid-template-columns: auto;
  }

  .grid-3-columns.testimonials-grid {
    grid-row-gap: 54px;
    grid-template-columns: 1fr;
  }

  .grid-3-columns.links-menu-3-cols {
    grid-row-gap: 16px;
  }

  .grid-3-columns.blog-latest-post-v1 {
    grid-row-gap: 60px;
  }

  .grid-3-columns.gap-col-28px---row-48px {
    grid-column-gap: 23px;
    grid-row-gap: 40px;
  }

  .grid-3-columns.gap-col-28px---row-48px._2-col-mbl {
    grid-template-columns: 1fr 1fr;
  }

  .grid-3-columns.footer-links-menu-3-cols {
    grid-row-gap: 16px;
    grid-template-columns: 1fr;
  }

  .grid-3-columns.services-grid {
    grid-row-gap: 54px;
    grid-template-columns: 1fr;
  }

  .grid-3-columns.testimonials---main-grid {
    grid-row-gap: 64px;
  }

  .grid-3-columns.offices-grid {
    grid-row-gap: 60px;
    grid-template-columns: 1fr;
  }

  .grid-3-columns.team-grid---3-posts, .grid-3-columns.team-grid, .grid-3-columns.blog-v1 {
    grid-row-gap: 60px;
  }

  .grid-3-columns.blog-categories-grid, .grid-3-columns.products-grid {
    grid-row-gap: 54px;
    grid-template-columns: 1fr;
  }

  .grid-3-columns.footer-bottom-standalone {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
  }

  .style---heading {
    padding: 104px 24px;
  }

  .inner-container._278px._100---tablet {
    box-sizing: border-box;
    float: none;
    clear: both;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    text-align: left;
    object-fit: fill;
    flex-flow: row;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    max-width: 100%;
    display: block;
    position: static;
    overflow: visible;
  }

  .inner-container._590px._100-tablet {
    margin-top: 15px;
  }

  .inner-container._600px---mbl, .inner-container.hero-v1-content {
    max-width: 600px;
  }

  .inner-container.cta-v1-content {
    max-width: 580px;
  }

  .inner-container.projects---layout-v1---content-bottom {
    margin-top: 40px;
  }

  .inner-container._350px---tablet {
    float: none;
    justify-content: center;
    align-self: auto;
    align-items: center;
    max-width: 100%;
    display: flex;
    position: static;
  }

  .inner-container._300px---mbl {
    max-width: 300px;
  }

  .inner-container._400px---mbl {
    max-width: 400px;
  }

  .inner-container._450px---mbl {
    max-width: 450px;
  }

  .inner-container._320px---mbl {
    float: none;
    max-width: 100%;
  }

  .inner-container._500px---mbl {
    max-width: 500px;
  }

  .inner-container._550px---mbl, .inner-container.cta-v2-content {
    max-width: 550px;
  }

  .inner-container.testimonial-grid-content {
    max-width: 480px;
  }

  .inner-container._350px---mbl {
    max-width: 350px;
  }

  .inner-container.hero-v3-content-top {
    max-width: 600px;
    margin-bottom: 70px;
  }

  .inner-container.blog-card-sidebar-content {
    max-width: 450px;
  }

  .inner-container._100---mbl {
    max-width: 100%;
  }

  .inner-container.cta-newsletter-v1-content, .inner-container.cta-newsletter-v2-content, .inner-container.cta-newsletter-v1-1-content {
    max-width: 100%;
    padding-top: 110px;
    padding-bottom: 60px;
  }

  .inner-container._48px {
    max-width: 40px;
  }

  .inner-container._700px---mbl {
    max-width: 700px;
  }

  .inner-container._51px {
    max-width: 43px;
  }

  .style---content-heading {
    margin-bottom: 36px;
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .style---heading-icon-wrapper {
    max-width: 58px;
  }

  .style---content-wrapper {
    padding-left: 24px;
    padding-right: 24px;
  }

  .style---bg-white, .style-buttons-dark {
    padding: 34px 24px;
  }

  .btn-primary {
    padding: 20px 32px;
    font-size: 16px;
  }

  .btn-primary.small {
    padding: 15px 20px;
    font-size: 14px;
  }

  .btn-primary.large {
    padding: 24px 48px;
    font-size: 18px;
  }

  .btn-primary.inside-input.default, .btn-primary.inside-input.hover-white {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .btn-primary.button-row {
    margin-right: 16px;
  }

  .btn-primary.btn-pagination {
    margin-top: 54px;
  }

  .btn-secondary {
    padding: 20px 32px;
    font-size: 16px;
  }

  .btn-secondary.small {
    padding: 15px 20px;
    font-size: 14px;
  }

  .btn-secondary.large {
    padding: 24px 48px;
    font-size: 18px;
  }

  .btn-secondary.btn-pagination {
    margin-top: 54px;
  }

  .badge-primary {
    padding: 15px 24px;
    font-size: 16px;
  }

  .badge-primary.small {
    padding: 12px 18px;
    font-size: 14px;
  }

  .badge-primary.large {
    padding: 18px 32px;
    font-size: 18px;
  }

  .badge-secondary {
    padding: 15px 24px;
    font-size: 16px;
  }

  .badge-secondary.small {
    padding: 12px 18px;
    font-size: 14px;
  }

  .badge-secondary.large {
    padding: 18px 32px;
    font-size: 18px;
  }

  .input {
    min-height: 60px;
    padding-top: 16px;
    padding-bottom: 16px;
    font-size: 16px;
  }

  .input.small {
    min-height: 40px;
    font-size: 14px;
  }

  .input.large {
    min-height: 65px;
    font-size: 18px;
  }

  .position-relative.blog-post-featured {
    padding-top: 0;
  }

  .position-relative.cta-newsletter-v2---main {
    margin-right: -24px;
  }

  .text-area {
    min-height: 120px;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 16px;
  }

  .text-area.small {
    min-height: 80px;
    font-size: 14px;
  }

  .style---avatars-grid {
    grid-template-columns: repeat(auto-fit, 220px);
  }

  .avatar-circle._02 {
    width: 40px;
    max-width: 40px;
    height: 40px;
    max-height: 40px;
  }

  .avatar-circle._03 {
    width: 56px;
    max-width: 56px;
    height: 56px;
    max-height: 56px;
  }

  .avatar-circle._04 {
    width: 64px;
    max-width: 64px;
    height: 64px;
    max-height: 64px;
  }

  .avatar-circle._05 {
    width: 80px;
    max-width: 80px;
    height: 80px;
    max-height: 80px;
  }

  .avatar-circle._06 {
    width: 120px;
    max-width: 120px;
    height: 120px;
    max-height: 120px;
  }

  .avatar-circle._07 {
    width: 140px;
    max-width: 140px;
    height: 140px;
    max-height: 140px;
  }

  .avatar-circle._08 {
    width: 220px;
    max-width: 220px;
    height: 220px;
    max-height: 220px;
  }

  .style---icons-grid {
    grid-template-columns: repeat(auto-fit, 56px);
  }

  .square-icon {
    max-width: 56px;
  }

  .social-icon-square.without-bg {
    font-size: 18px;
  }

  .social-icon-square.without-bg._28px {
    font-size: 23px;
  }

  .social-icon-square.without-bg.hero-v3-social-icon {
    width: 24px;
    min-width: 24px;
    height: 24px;
    min-height: 24px;
    font-size: 24px;
  }

  .line-rounded-icon.success-message-check.large {
    font-size: 68px;
  }

  .style---line-icons-grid {
    grid-template-columns: repeat(auto-fit, 18px);
  }

  .rich-text h2 {
    margin-bottom: 16px;
  }

  .rich-text h3 {
    margin-top: 40px;
    margin-bottom: 16px;
  }

  .rich-text figure {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .rich-text ul, .rich-text ol {
    margin-top: 28px;
    margin-bottom: 32px;
    padding-left: 32px;
  }

  .rich-text h6, .rich-text h5, .rich-text h4 {
    margin-top: 40px;
    margin-bottom: 16px;
  }

  .rich-text blockquote {
    margin-top: 54px;
    margin-bottom: 54px;
  }

  .width-100.start-here---mg-bottom-48px {
    margin-bottom: 40px;
  }

  .style---logo-sidebar {
    max-width: 210px;
  }

  .elements---page-hero {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .section {
    padding-top: 160px;
    padding-bottom: 160px;
  }

  .section._120px {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .section.position-relative.bg-neutral-800 {
    padding-top: 95px;
  }

  .section.template-pages-hero {
    padding-top: 60px;
    padding-bottom: 130px;
  }

  .section.hero-main {
    background-image: linear-gradient(to bottom, white 50%, var(--neutral--800) 50%);
    padding-top: 60px;
    padding-bottom: 194px;
  }

  .section.cta-home-pages {
    padding-bottom: 125px;
  }

  .section.hero.v20 {
    padding-top: 30px;
    padding-bottom: 80px;
  }

  .section.hero.v21 {
    padding-top: 30px;
  }

  .section.hero.v12 {
    padding-top: 100px;
    padding-bottom: 160px;
  }

  .section.hero.v13 {
    margin-bottom: 167px;
    padding-top: 60px;
  }

  .section.hero.v5 {
    padding-top: 60px;
    padding-bottom: 125px;
  }

  .section.hero.v6 {
    margin-bottom: 58px;
    padding-top: 40px;
  }

  .section.hero.v10 {
    padding-top: 60px;
    padding-bottom: 140px;
  }

  .section.hero.v18 {
    padding-top: 113px;
  }

  .section.hero.v4 {
    padding-top: 114px;
    padding-bottom: 120px;
  }

  .section.hero.v7 {
    padding-top: 60px;
    padding-bottom: 160px;
  }

  .section.hero.v8 {
    margin-bottom: 224px;
    padding-top: 60px;
  }

  .section.hero.v9 {
    padding-top: 60px;
    padding-bottom: 110px;
  }

  .section.hero.v14 {
    padding-top: 60px;
    padding-bottom: 160px;
  }

  .section.hero.v16 {
    padding-top: 60px;
    padding-bottom: 120px;
  }

  .section.hero.v15 {
    padding-top: 60px;
  }

  .section.hero.v1, .section.hero.v3 {
    padding-top: 50px;
  }

  .section.hero.v19 {
    padding-top: 60px;
    padding-bottom: 100px;
  }

  .section.hero.v2 {
    margin-top: 70px;
  }

  .section.hero.v17 {
    padding-top: 60px;
    padding-bottom: 98px;
  }

  .section.hero.v22 {
    padding-top: 60px;
    padding-bottom: 0;
  }

  .section.hero.v23 {
    padding-bottom: 80px;
  }

  .section.pd-180px {
    padding-top: 125px;
    padding-bottom: 125px;
  }

  .section.bottom-120px {
    padding-bottom: 80px;
  }

  .section.top-120px {
    padding-top: 80px;
  }

  .section._160px {
    padding-top: 110px;
    padding-bottom: 110px;
  }

  .section.pd-top-0px {
    padding-top: 0;
  }

  .section.cta-v1 {
    padding-top: 130px;
    padding-bottom: 0;
  }

  .section.cta-v3 {
    padding-top: 113px;
    padding-bottom: 113px;
  }

  .section.top {
    padding-top: 60px;
  }

  .top-bar-wrapper {
    padding-right: 36px;
  }

  .top-bar-padding {
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .top-bar-padding.small-padding {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .top-bar-flex {
    flex-direction: column;
  }

  .elements---element-title {
    margin-top: 48px;
    padding-bottom: 20px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .heading-h1-size {
    font-size: 38px;
  }

  .heading-h2-size {
    font-size: 30px;
  }

  .heading-h3-size {
    font-size: 22px;
  }

  .heading-h4-size {
    font-size: 20px;
  }

  .heading-h5-size {
    font-size: 16px;
  }

  .heading-h6-size {
    font-size: 14px;
  }

  .header-wrapper {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .header-nav-menu-wrapper {
    padding-bottom: 30px;
  }

  .header-nav-link {
    font-size: 14px;
  }

  .header-nav-list-item {
    margin-bottom: 18px;
  }

  .header-nav-list-item.show-in-tablet {
    margin-bottom: 16px;
  }

  .header-nav-list-item.show-in-tablet.header-btn {
    margin-top: 25px;
  }

  .dropdown-toggle {
    font-size: 14px;
  }

  .header-logo-link {
    max-width: 35px;
  }

  .header-logo-link.center {
    justify-content: center;
    align-items: center;
    max-width: 180px;
    display: flex;
  }

  .header-logo-link.large-v1 {
    max-width: 180px;
  }

  .hamburger-menu-bar {
    width: 30px;
  }

  .btn-circle-primary {
    width: 56px;
    min-width: 56px;
    height: 56px;
    min-height: 56px;
    font-size: 24px;
  }

  .btn-circle-primary.small {
    width: 42px;
    min-width: 42px;
    height: 42px;
    min-height: 42px;
    font-size: 20px;
  }

  .btn-circle-primary.large {
    width: 72px;
    min-width: 72px;
    height: 72px;
    min-height: 72px;
    font-size: 30px;
  }

  .btn-circle-secondary {
    width: 56px;
    min-width: 56px;
    height: 56px;
    min-height: 56px;
    font-size: 24px;
  }

  .btn-circle-secondary.small {
    width: 42px;
    min-width: 42px;
    height: 42px;
    min-height: 42px;
    font-size: 20px;
  }

  .btn-circle-secondary.small.accordion-btn.color-neutral-100 {
    width: 35px;
    min-width: 35px;
    height: 35px;
    min-height: 35px;
    font-size: 18px;
  }

  .btn-circle-secondary.large {
    width: 72px;
    min-width: 72px;
    height: 72px;
    min-height: 72px;
    font-size: 30px;
  }

  .btn-circle-secondary.project-single-btn {
    clear: none;
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    object-fit: fill;
    flex-flow: row;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    width: 98px;
    min-width: 98px;
    height: 98px;
    min-height: 98px;
    display: flex;
    position: static;
    inset: auto 0% 0% auto;
  }

  .btn-circle-secondary.hero-v2-btn-circle {
    width: 100px;
    min-width: 100px;
    height: 100px;
    min-height: 100px;
  }

  ._401-page-form {
    max-width: 100%;
  }

  .flex-horizontal.space-between.title-and-contact-links {
    flex-direction: column;
    align-items: stretch;
  }

  .footer-logo {
    text-align: left;
  }

  .footer-logo-wrapper, .footer-logo-wrapper.v2 {
    max-width: 180px;
  }

  .overflow-hidden.position-relative.layout-grid-v3---image {
    max-height: 500px;
  }

  .overflow-hidden.our-numbers-full {
    min-height: 150px;
  }

  .overflow-hidden.hero-v6-image {
    max-width: 100%;
    max-height: 600px;
    margin-bottom: -58px;
  }

  .overflow-hidden.cta-newsletter-v1-image {
    width: auto;
    margin-top: 0;
    margin-bottom: -24%;
  }

  .overflow-hidden.cta-newsletter-v2-image {
    width: 100%;
    margin-top: 0;
    margin-bottom: -32%;
    margin-left: 0;
  }

  .overflow-hidden.cta-newsletter-v1-1-image {
    width: auto;
    margin-top: 0;
    margin-bottom: -24%;
    margin-right: 0;
  }

  .lightbox-video-icon-wrapper {
    width: 18%;
  }

  .half-bg-image-right {
    margin-top: 60px;
  }

  .half-bg-image-right.coming-soong-half-bg-image {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    background-image: linear-gradient(to top, #ffd43e00 65%, var(--accent--primary-1) 97%), url('../images/image-coming-soon-construcfy-x-webflow-brix-template_1image-coming-soon-construcfy-x-webflow-brix-template.webp');
    background-position: 0 0, 100% 100%;
    background-repeat: repeat, no-repeat;
    background-size: auto, contain;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: auto;
    height: auto;
    margin-bottom: -5px;
    margin-left: -5px;
    margin-right: -5px;
    padding-top: 70%;
    position: static;
    transform: rotateX(0)rotateY(180deg)rotateZ(0);
  }

  .half-bg-image-right.home-v1-half-bg-image {
    min-height: 600px;
  }

  .half-bg-image-right.cta-get-in-touch-half-bg-image {
    background-image: linear-gradient(to top, #ffd43e00 65%, var(--accent--primary-1)), url('../images/coming-soon-construcfy-x-webflow-brix-template.png');
    background-position: 0 0, 100% 0;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    width: 100%;
    margin-top: 20px;
    margin-bottom: -2px;
    padding-top: 74%;
    position: static;
    transform: rotateX(0)rotateY(180deg)rotateZ(0);
  }

  .half-bg-image-left.hero-v3-bg-image-left {
    margin-top: 54px;
    padding-top: 90%;
  }

  .slider-wrapper.position-relative.services-slider {
    padding-bottom: 80px;
  }

  .slider-mask.width-388px._100-mbl {
    max-width: 100%;
  }

  .accordion-item-wrapper {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .accordion-item-wrapper.last {
    padding-bottom: 10px;
  }

  .accordion-spacer._28px {
    min-height: 20px;
  }

  .accordion-side {
    margin-right: 16px;
  }

  .accordion-side.right-side {
    margin-left: 16px;
  }

  .accordion-title {
    font-size: 20px;
    line-height: 30px;
  }

  .tabs-menu.offices-tabs-menu {
    margin-bottom: 40px;
  }

  .tabs-content.offices-tabs-content {
    padding-top: 40px;
  }

  .pd---content-inside-card {
    padding: 32px 24px 40px;
  }

  .pd---content-inside-card.large {
    padding: 56px 40px;
  }

  .pd---content-inside-card.large.template-pages {
    padding-left: 32px;
    padding-right: 32px;
  }

  .blog-card-image-wrapper {
    max-height: 300px;
  }

  .blog-card-image-wrapper._3-posts---image {
    max-width: 100%;
    margin-bottom: 24px;
    margin-right: 0;
  }

  .blog-card-image-wrapper.blog-card-sidebar-image-wrapper {
    width: 100%;
    margin-bottom: 24px;
    margin-right: 0;
  }

  .blog-card-image-wrapper.alt {
    max-height: 300px;
  }

  .categories-badges-item-wrapper, .categories-badges-wrapper {
    flex-wrap: wrap;
  }

  .product-card-image-wrapper {
    max-height: 400px;
  }

  ._404-not-found {
    margin-bottom: 10px;
    margin-right: 0;
    font-size: 160px;
  }

  .home-pages-cointainer {
    margin-top: 70px;
  }

  .home-pages-top-wrapper {
    margin-bottom: 20px;
  }

  .image-home-link-wrapper {
    max-width: 230px;
    margin-left: 10px;
    margin-right: 10px;
  }

  .card-sales-home-content {
    padding-top: 28px;
    padding-bottom: 28px;
  }

  .figma-file-text-wrapper {
    padding-left: 32px;
    padding-right: 32px;
  }

  .badge-home {
    padding: 10px 14px;
    font-size: 14px;
    line-height: 1.025em;
  }

  .card-home-pages-wrapper {
    padding-top: 40px;
    padding-left: 32px;
    padding-right: 32px;
  }

  .cta-square-logo {
    border-radius: 12px;
    max-width: 70px;
    margin-bottom: 18px;
  }

  .cta-image-card {
    width: 980px;
    max-width: 980px;
    margin-top: 40px;
    margin-bottom: -30px;
  }

  .instagram-feed---image-wrapper {
    max-height: 400px;
  }

  .divider-vertical.divider-cms {
    margin-left: 14px;
    margin-right: 14px;
  }

  .mg-bottom-28px {
    margin-bottom: 24px;
  }

  .mg-bottom-28px.mg-bottom-18px-mbl {
    margin-bottom: 18px;
  }

  .links-menu-container, .links-menu-container.footer-v2-col-menu {
    grid-template-columns: 1fr 1fr;
    max-width: 600px;
  }

  .link-menu {
    font-size: 14px;
  }

  .link-menu.more-webflow-template-link {
    line-height: 1.2em;
  }

  .footer---top {
    padding-bottom: 80px;
  }

  .social-media-flex.gap-column-23px {
    grid-column-gap: 20px;
  }

  .footer-col {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .footer-col.vertical-line-footer-v2 {
    padding-top: 60px;
    padding-bottom: 80px;
  }

  .footer-col.footer-v2-col {
    padding-top: 100px;
    padding-bottom: 60px;
  }

  .footer-col.main {
    align-self: center;
    padding-bottom: 50px;
  }

  .footer-col.nav-v1 {
    padding-top: 50px;
  }

  .footer---bottom {
    padding-top: 32px;
    padding-bottom: 32px;
  }

  .square {
    min-width: 40px;
    max-width: 40px;
    min-height: 40px;
    max-height: 40px;
  }

  .footer-contact-us-grid {
    grid-template-columns: 1fr;
  }

  .footer---subscriber {
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .square-container.bottom-right-v1.blog-post-featured {
    right: 0%;
  }

  .subtitle-wrapper {
    margin-bottom: 20px;
  }

  .product-page-image-wrapper {
    max-height: 400px;
  }

  .image-size._64px {
    min-width: 54px;
    max-width: 54px;
    min-height: 54px;
    max-height: 54px;
  }

  .image-size._42px {
    min-width: 35px;
    max-width: 35px;
    min-height: 35px;
    max-height: 35px;
  }

  .half-bg-top._401-half-bg-top {
    height: 17%;
  }

  .half-bg-top.offices-half-bg-top {
    height: 22%;
  }

  .mg-bottom-100px {
    margin-bottom: 70px;
  }

  .position-sticky.top-24px.static---mbl {
    position: static;
  }

  .service-single-left-col {
    padding-bottom: 50px;
  }

  .project-card-picture {
    max-height: 400px;
  }

  .project-card-description, .project-card-description.last {
    padding-bottom: 32px;
    padding-left: 32px;
    padding-right: 32px;
  }

  .cms-pagination {
    grid-template-columns: 1fr auto 1fr;
  }

  .cms-category-link {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 14px;
  }

  .arrow-down {
    min-width: 34px;
    max-width: 34px;
    min-height: 34px;
    max-height: 34px;
  }

  .title-link-wrapper {
    font-size: 20px;
  }

  .pd-left-right---76px {
    padding-left: 32px;
    padding-right: 32px;
  }

  .blog-card---position-absolute {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .subscribe-card {
    padding: 80px 32px 100px;
  }

  .divider-horizontal-cms {
    margin-left: 16px;
    margin-right: 16px;
  }

  .cms-category-horizontal-link {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 14px;
  }

  .blog-post-page---main-content {
    padding: 135px 32px;
  }

  .blog-post-col-left {
    padding-bottom: 50px;
  }

  .blog-post-author {
    max-width: 350px;
  }

  .grid-horizontal-line---tablet {
    padding-bottom: 60px;
  }

  .our-office-tab {
    padding: 14px;
    font-size: 14px;
  }

  .our-office-tab.w--current {
    border-top-style: none;
  }

  .our-office-tab.last {
    border-bottom-style: none;
  }

  .contact-form-and-links-col-right {
    padding-top: 50px;
  }

  .contact-form-and-links-col-left {
    padding-top: 60px;
  }

  .contact-us-link-wrapper-v2 {
    padding-top: 28px;
    padding-bottom: 28px;
  }

  .contact-us-link-wrapper-v2.first {
    padding-right: 0;
  }

  .contact-us-link-wrapper-v2.middle {
    padding-top: 0;
  }

  .office-slide {
    margin-right: 28px;
  }

  .slide-arrow {
    min-width: 35px;
    max-width: 35px;
    min-height: 35px;
    max-height: 35px;
    font-size: 35px;
  }

  .slide-arrow.testimonial-arrow-left {
    bottom: 45px;
    left: 35px;
  }

  .slide-arrow.testimonial-arrow-right {
    bottom: 45px;
    right: 35px;
  }

  .about-us-title {
    max-width: 600px;
  }

  .layout-grid-v1-right-card {
    padding-bottom: 40px;
  }

  .video-container {
    min-height: 520px;
    max-height: 520px;
  }

  .video-lightbox {
    max-width: 23%;
  }

  .show-in-tablet {
    display: block;
  }

  .hero-v2-image {
    object-position: 50% 50%;
  }

  .hero-v2-card {
    max-width: 600px;
    padding-top: 80px;
    padding-bottom: 220px;
  }

  .btn-circle-absolute-v1 {
    position: absolute;
  }

  .cta-v2-wrapper {
    padding-top: 120px;
  }

  .slider---arrow.service-arrow-left, .slider---arrow.service-arrow-right {
    bottom: 0;
  }

  .service-link {
    padding-bottom: 60px;
  }

  .blog-card-sidebar-item {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .divider-line.mg-top-bottom-48px {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .divider-line.mg-top-120px {
    margin-top: 60px;
  }

  .divider-line.bg-neutral-700.contact-links-v1-divider {
    width: 100%;
    height: 1px;
    margin: 24px 0;
  }

  .divider-line.mg-top-bottom-24px {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .divider-line.mg-top-24px---bottom-48px {
    margin-top: 20px;
    margin-bottom: 40px;
  }

  .divider-line.mg-top-48px---bottom-40px {
    margin-top: 40px;
    margin-bottom: 32px;
  }

  .divider-line.mg-top-48px---bottom-64px {
    margin-top: 40px;
    margin-bottom: 54px;
  }

  .content-full-width-card-right {
    padding-top: 60px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .content-full-width-card-right.blog-post-featured-card {
    max-width: none;
    margin-left: -24px;
    margin-right: -24px;
    padding: 80px 24px;
  }

  .content-full-width-picture-left-wrapper.blog-post-featured-card {
    max-width: 100%;
    position: relative;
    bottom: 0%;
  }

  .content-full-width-card-left {
    padding: 50px 32px 120px;
  }

  .slider-full-width-picture-right {
    max-height: 400px;
  }

  .card-title.heading-h3-size.mg-bottom-12px {
    margin-bottom: 8px;
  }

  .card-link.project-card {
    height: 450px;
  }

  .card-link.blog-card._3-posts---item {
    flex-direction: column;
    align-items: stretch;
  }

  .card-link.blog-card.featured-sidebar {
    max-width: 600px;
  }

  .card-link.blog-card-sidebar, .card-link.office-link {
    flex-direction: column;
    align-items: stretch;
  }

  .card-link.testimonial-item---image {
    max-height: 500px;
  }

  .card-link.testimonial-item---image._3-posts-item---image {
    width: 100%;
    margin-bottom: 24px;
    margin-right: 0;
  }

  .card-image.avatar-circle._100px {
    width: 80px;
    max-width: 80px;
    height: 80px;
    max-height: 80px;
  }

  .card-image._w-h-100.our-office-image {
    max-height: 400px;
  }

  .card-link---service._3-posts---item {
    flex-direction: column;
    align-items: stretch;
  }

  .mg-bottom-76px {
    margin-bottom: 60px;
  }

  .card-link---service-image {
    max-height: 400px;
  }

  .card-link---service-image._3-posts---item---image {
    max-width: 100%;
    margin-bottom: 24px;
    margin-right: 0;
  }

  .content-card-right-v1 {
    padding-top: 160px;
    padding-bottom: 80px;
  }

  .position-absolute.hero-v18-bg {
    min-height: 460px;
  }

  .logo-strip-v1-wrapper {
    flex-wrap: wrap;
    max-width: 500px;
    margin-top: -10px;
    margin-bottom: -10px;
  }

  .logo-strip {
    width: 26%;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .logo-strip.google-logo {
    width: 20%;
  }

  .logo-strip.youtube-logo {
    width: 23%;
  }

  .logo-strip.twitch-logo {
    width: 18%;
  }

  .mg-right-12px {
    margin-right: 10px;
  }

  .layout-grid-v1-image-01 {
    max-height: 400px;
    margin-top: 60px;
  }

  .layout-grid-v1-image-02 {
    max-height: 400px;
  }

  .form-input-button-inside---block {
    min-height: 60px;
  }

  .layout-grid-v2-image-01 {
    max-height: 400px;
    margin-top: 50px;
  }

  .layout-grid-v2-column-01---content {
    max-width: 550px;
  }

  .layout-grid-v2-right-card {
    max-width: 550px;
    padding-bottom: 50px;
  }

  .layout-grid-v2-image-02 {
    max-height: 400px;
  }

  .testimonial-grid-wrapper {
    flex-direction: column;
    align-items: stretch;
  }

  .testimonial-grid-image---top {
    max-width: 100%;
    max-height: 400px;
    margin-top: 35px;
    margin-right: 0;
  }

  .testimonial-grid-image---bottom {
    max-width: 100%;
    max-height: 400px;
    margin-top: 35px;
    margin-left: 0;
  }

  .blog-card-featured-last-content {
    padding-bottom: 30px;
  }

  .blog-featured---sidebar-item {
    border-left-style: none;
    padding-top: 54px;
    padding-bottom: 54px;
  }

  .blog-featured---sidebar-item:first-child {
    padding-right: 0;
  }

  .blog-featured---sidebar-item:last-child {
    padding-left: 0;
  }

  .gap-row-66px {
    grid-row-gap: 55px;
  }

  .gap-row-60px {
    grid-row-gap: 50px;
  }

  .mg-top-60px {
    margin-top: 50px;
  }

  .mg-bottom-34px {
    margin-bottom: 28px;
  }

  .testimonial-grid-content {
    max-width: 400px;
  }

  .testimonial-grid-image, .office-link---image {
    width: 100%;
    max-height: 500px;
    margin-bottom: 24px;
    margin-right: 0;
  }

  .rich-text-v2 h2 {
    font-size: 40px;
  }

  .rich-text-v2 h3 {
    margin-top: 40px;
    margin-bottom: 16px;
    font-size: 30px;
  }

  .rich-text-v2 figure {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .rich-text-v2 ul, .rich-text-v2 ol {
    margin-top: 28px;
    margin-bottom: 32px;
    padding-left: 32px;
  }

  .rich-text-v2 h6, .rich-text-v2 h5, .rich-text-v2 h4 {
    margin-top: 40px;
    margin-bottom: 16px;
  }

  .rich-text-v2 blockquote {
    margin-top: 54px;
    margin-bottom: 54px;
  }

  .rich-text---list-fix {
    margin-bottom: -40px;
  }

  .mg-top-35px.mg-top-0---mbl {
    margin-top: 0;
  }

  .mg-top-32px {
    margin-top: 24px;
  }

  .contact-link---icon-left {
    grid-template-columns: 36px 1fr;
    font-size: 16px;
  }

  .contact-link---icon-left.icon-53px, .contact-link---icon-left.icon-48px {
    grid-template-columns: 40px 1fr;
  }

  .contact-link---icon {
    max-width: 36px;
  }

  .contact-link---icon._53px, .contact-link---icon._48px {
    max-width: 40px;
  }

  .blog-post---item-line {
    border-bottom-style: none;
    margin-bottom: 0;
    margin-right: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .hero-v8-blog-featured-item {
    margin-bottom: -224px;
  }

  .blog-post-featured-card-content {
    margin-left: 0;
  }

  .cta-newsletter-v2-wrapper {
    padding-left: 24px;
    padding-right: 24px;
  }

  .cta-newsletter-v1-bg-right {
    margin-right: -24px;
  }

  .hero-v13-image {
    margin-bottom: -167px;
  }

  .rich-text-figure-and-caption-fix {
    margin-bottom: -40px;
  }

  .sidebar-form-block {
    min-height: 413px;
  }

  .contact-form---block {
    min-height: 695px;
    margin-top: -29px;
  }

  .contact-form---block.v2 {
    min-height: 709px;
  }

  .contact-form---block.quote {
    min-height: 766px;
  }

  .contact-links-v1---wrapper---main {
    flex-direction: column;
    align-items: stretch;
  }

  .contact-form-v2-wrapper {
    padding-top: 80px;
    padding-bottom: 110px;
  }

  .title-contact-links-wrapper {
    margin-top: 40px;
    margin-left: 0;
    margin-right: auto;
  }

  .contact-us-link-wrapper---bg-black {
    padding-top: 28px;
    padding-bottom: 28px;
  }

  .contact-us-link-wrapper---bg-black.first {
    padding-right: 0;
  }

  .contact-us-link-wrapper---bg-black.middle {
    padding-top: 28px;
  }

  .office-content-left-container {
    max-height: 400px;
  }

  .office-content-right {
    padding-top: 60px;
  }

  .hidden-on-mbl {
    display: none;
  }

  .product-page-content-top {
    max-width: 450px;
  }

  .mg-right-32px {
    margin-right: 28px;
  }

  .add-cart {
    min-height: 178px;
  }

  .hero-v21-bg-image {
    max-height: 400px;
  }

  ._404-utility-content {
    flex-direction: column;
    max-width: 600px;
    padding-top: 60px;
  }

  ._404-utility-content-image {
    max-height: 400px;
  }

  ._401-page-section {
    min-height: 60vh;
    padding-top: 60px;
    padding-bottom: 160px;
  }

  .checkout-buttons {
    grid-row-gap: 16px;
    grid-template-columns: 1fr;
  }

  .flex-vertical---mbl {
    flex-direction: column;
    display: flex;
  }

  .dropdown-toggle-white {
    font-size: 14px;
  }

  .div-block-2 {
    float: none;
    text-align: left;
    justify-content: center;
    align-items: center;
    display: flex;
    overflow: visible;
  }

  .form-2 {
    margin-top: -20px;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    font-size: 32px;
  }

  h2 {
    font-size: 26px;
  }

  ul, ol {
    padding-left: 20px;
  }

  blockquote {
    padding: 50px 24px;
    font-size: 18px;
  }

  .grid-2-columns.contact-v1---main {
    grid-row-gap: 50px;
  }

  .grid-2-columns.changelog-item {
    grid-row-gap: 16px;
    grid-template-columns: 1fr;
  }

  .grid-2-columns.product-page, .grid-2-columns._404-grid-2-cols {
    grid-row-gap: 40px;
  }

  .grid-2-columns.hero-v21-grid {
    grid-row-gap: 60px;
  }

  .grid-2-columns.service-single-grid {
    grid-row-gap: 40px;
  }

  .grid-2-columns.hero-v6-grid {
    grid-row-gap: 50px;
  }

  .grid-2-columns.product-gallery-grid-2-cols {
    grid-row-gap: 18px;
    grid-template-columns: 1fr;
  }

  .grid-2-columns.follow-instagram-grid, .grid-2-columns.follow-instagram-grid---small {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .grid-2-columns.blog-v2 {
    grid-row-gap: 50px;
  }

  .grid-2-columns.blog-post-page-grid {
    grid-row-gap: 40px;
  }

  .grid-2-columns.our-office-inner-grid {
    grid-template-columns: 1fr;
  }

  .grid-2-columns.contact-v2-grid---main {
    grid-row-gap: 70px;
  }

  .grid-2-columns.layout-grid-v1 {
    grid-row-gap: 50px;
  }

  .grid-2-columns.title-and-buttons.footer---subscriber---grid {
    grid-row-gap: 30px;
  }

  .grid-2-columns.logo-strip-v1---main {
    grid-column-gap: 28px;
    grid-row-gap: 20px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    place-items: center;
    display: grid;
  }

  .grid-2-columns.values-grid---items {
    grid-template-columns: 1fr;
  }

  .card.password-protected-card {
    padding: 60px 24px;
  }

  .grid-4-columns {
    grid-template-columns: 1fr;
  }

  .grid-4-columns.project-single-stat-grid {
    grid-row-gap: 28px;
    grid-template-columns: 1fr;
  }

  .grid-4-columns.stats-grid-2-cols, .grid-4-columns.stats-v1, .grid-4-columns.stats-v2 {
    grid-column-gap: 18px;
  }

  .divider, .divider._64px {
    margin-top: 32px;
    margin-bottom: 32px;
  }

  .divider.blog-divider {
    width: 20px;
    min-width: 20px;
    margin-left: 10px;
    margin-right: 10px;
  }

  .divider.center-divider-v1 {
    width: 20px;
    margin-left: 10px;
    margin-right: 10px;
  }

  .mg-bottom-16px {
    margin-bottom: 8px;
  }

  .mg-bottom-16px.keep, .mg-bottom-24px {
    margin-bottom: 16px;
  }

  .mg-bottom-24px.keep {
    margin-bottom: 24px;
  }

  .mg-bottom-32px.keep {
    margin-bottom: 32px;
  }

  .mg-bottom-48px.keep {
    margin-bottom: 48px;
  }

  .mg-bottom-56px {
    margin-bottom: 32px;
  }

  .display-1 {
    font-size: 36px;
  }

  .grid-1-column.gap-row-48px {
    grid-row-gap: 50px;
  }

  .display-2 {
    font-size: 32px;
  }

  .display-3 {
    font-size: 26px;
  }

  .display-4 {
    font-size: 20px;
  }

  .text-400.stats-v1---text {
    font-size: 16px;
  }

  .text-100.text-uppercase.color-neutral-500 {
    overflow-wrap: anywhere;
  }

  .text-100.page-count {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .grid-3-columns, .grid-3-columns.gap-col-28px---row-48px._2-col-mbl {
    grid-template-columns: 1fr;
  }

  .grid-3-columns.offices-grid, .grid-3-columns.team-grid---3-posts, .grid-3-columns.team-grid, .grid-3-columns.blog-v1 {
    grid-row-gap: 50px;
  }

  .style---heading {
    margin-bottom: 40px;
    padding-top: 66px;
    padding-bottom: 66px;
  }

  .inner-container._590px._100-tablet {
    margin-top: 28px;
  }

  .inner-container._400px---mbp {
    max-width: 400px;
  }

  .inner-container._300px---mbp {
    max-width: 300px;
  }

  .inner-container._350px---mbp {
    max-width: 350px;
  }

  .inner-container.hero-v3-content-top {
    margin-bottom: 60px;
  }

  .inner-container.stats-grid-2-cols---image {
    max-height: 400px;
  }

  .inner-container.cta-newsletter-v1-content, .inner-container.cta-newsletter-v2-content, .inner-container.cta-newsletter-v1-1-content {
    padding-top: 93px;
    padding-bottom: 50px;
  }

  .inner-container._250px---mbp {
    max-width: 250px;
  }

  .inner-container._320px---mbp {
    max-width: 320px;
  }

  .style---content-heading {
    padding-left: 22px;
    padding-right: 22px;
  }

  .style---heading-icon-wrapper {
    width: 58px;
    margin-right: 14px;
  }

  .btn-primary {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .btn-primary:hover {
    transform: scale3d(.98, .98, 1.001);
  }

  .btn-primary.large {
    padding-left: 20px;
    padding-right: 20px;
  }

  .btn-primary.inside-input {
    position: static;
  }

  .btn-primary.inside-input.default, .btn-primary.inside-input.hover-white {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .btn-primary.button-row {
    margin-bottom: 16px;
    margin-right: 0;
  }

  .btn-primary.button-row._18px {
    margin-right: 0;
  }

  .btn-primary.btn-form {
    width: auto;
  }

  .btn-primary.btn-pagination {
    margin-top: 0;
  }

  .btn-primary.btn-form-white {
    width: auto;
  }

  .btn-secondary {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .btn-secondary:hover {
    transform: scale3d(.98, .98, 1.001);
  }

  .btn-secondary.large {
    padding-left: 20px;
    padding-right: 20px;
  }

  .btn-secondary.buy-now-btn {
    max-width: 100%;
  }

  .input.button-inside {
    margin-bottom: 16px;
    padding-right: 0%;
  }

  .input.add-cart-quantity {
    width: 100%;
  }

  .position-relative.cta-newsletter-v2---main {
    margin-left: -20px;
    margin-right: -20px;
  }

  .checkbox-field-wrapper {
    font-size: 16px;
    line-height: 20px;
  }

  .checkbox-field-wrapper.large {
    font-size: 18px;
    line-height: 22px;
  }

  .radio-button-field-wrapper {
    font-size: 16px;
    line-height: 22px;
  }

  .radio-button-field-wrapper.large {
    font-size: 18px;
    line-height: 24px;
  }

  .square-icon {
    max-width: 56px;
  }

  .social-icon-square {
    width: 30px;
    min-width: 30px;
    height: 30px;
    min-height: 30px;
    font-size: 14px;
  }

  .line-rounded-icon.success-message-check.large {
    font-size: 58px;
  }

  .line-square-icon.top-bar-close-icon {
    padding-left: 12px;
    padding-right: 12px;
  }

  .line-square-icon.success-message-icon.icon-left {
    margin-bottom: 8px;
  }

  .rich-text ul, .rich-text ol {
    padding-left: 20px;
  }

  .buttons-row {
    flex-direction: column;
  }

  .container-default {
    padding-left: 20px;
    padding-right: 20px;
  }

  .elements---page-hero {
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .section {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .section._120px {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .section.position-relative.bg-neutral-800 {
    padding-top: 118px;
  }

  .section.overflow-hidden {
    padding-top: 0;
  }

  .section.template-pages-hero {
    padding-top: 50px;
    padding-bottom: 120px;
  }

  .section.hero-main {
    padding-top: 50px;
    padding-bottom: 160px;
  }

  .section.cta-home-pages {
    padding-bottom: 100px;
  }

  .section.hero.v20 {
    padding-top: 20px;
    padding-bottom: 70px;
  }

  .section.hero.v13 {
    margin-bottom: 28%;
    padding-top: 50px;
  }

  .section.hero.v5 {
    padding-top: 50px;
    padding-bottom: 100px;
  }

  .section.hero.v10 {
    padding-top: 50px;
    padding-bottom: 130px;
  }

  .section.hero.v18 {
    padding-top: 99px;
  }

  .section.hero.v4 {
    padding-top: 100px;
    padding-bottom: 110px;
  }

  .section.hero.v7 {
    padding-top: 50px;
    padding-bottom: 120px;
  }

  .section.hero.v8 {
    margin-bottom: 187px;
    padding-top: 50px;
  }

  .section.hero.v9 {
    padding-top: 50px;
    padding-bottom: 93px;
  }

  .section.hero.v14 {
    padding-top: 50px;
    padding-bottom: 120px;
  }

  .section.hero.v16, .section.hero.v15 {
    padding-top: 50px;
  }

  .section.hero.v1, .section.hero.v3 {
    padding-top: 40px;
  }

  .section.hero.v19, .section.hero.v17 {
    padding-top: 50px;
    padding-bottom: 90px;
  }

  .section.hero.v22 {
    padding-top: 50px;
  }

  .section.hero.v23 {
    padding-bottom: 70px;
  }

  .section.pd-180px {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .section.bottom-120px {
    padding-bottom: 70px;
  }

  .section.top-120px {
    padding-top: 70px;
  }

  .section._160px {
    padding-top: 93px;
    padding-bottom: 93px;
  }

  .section.pd-top-0px {
    padding-top: 0;
  }

  .section.cta-v1 {
    padding-top: 100px;
  }

  .section.top {
    padding-top: 50px;
  }

  .top-bar-wrapper {
    padding-right: 19px;
  }

  .heading-h1-size {
    font-size: 32px;
  }

  .heading-h2-size {
    font-size: 26px;
  }

  .header-wrapper {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .header-nav-menu-wrapper {
    padding-left: 20px;
    padding-right: 20px;
  }

  .header-nav-list-item {
    text-align: left;
  }

  .header-nav-list-item.show-in-tablet {
    justify-content: flex-start;
  }

  .header-logo-link {
    max-width: 30px;
  }

  .header-logo-link.center, .header-logo-link.large-v1 {
    max-width: 170px;
  }

  .btn-circle-secondary.small.accordion-btn {
    width: 44px;
    min-width: 44px;
    height: 44px;
    min-height: 44px;
  }

  .btn-circle-secondary.project-single-btn, .btn-circle-secondary.hero-v2-btn-circle {
    width: 80px;
    min-width: 80px;
    height: 80px;
    min-height: 80px;
  }

  .flex-horizontal.space-between.flex-vertical---mbp {
    align-items: stretch;
  }

  .flex-horizontal.success-message-horizontal {
    flex-direction: column;
    align-items: stretch;
  }

  .flex-horizontal.flex-vertical---mbp {
    flex-direction: column;
    display: flex;
  }

  .footer-logo-wrapper {
    max-width: 170px;
  }

  .footer-logo-wrapper.v2 {
    max-width: 160px;
  }

  .error-message.cart-error {
    margin-left: 20px;
    margin-right: 20px;
  }

  ._w-h-100.fit-cover.project-image {
    min-height: 200px;
  }

  .overflow-hidden.position-relative.layout-grid-v3---image {
    max-height: 400px;
  }

  .overflow-hidden.hero-v6-image {
    max-height: 500px;
  }

  .overflow-hidden.cta-newsletter-v2-image {
    margin-bottom: -25%;
  }

  .lightbox-video-icon-wrapper {
    width: 23%;
  }

  .half-bg-image-right.home-v1-half-bg-image {
    min-height: 500px;
  }

  .half-bg-image-right.cta-get-in-touch-half-bg-image {
    min-height: 250px;
  }

  .half-bg-image-left.cta-home-v2-half-bg {
    background-position: 50% 100%;
    background-size: cover;
    min-height: 250px;
  }

  .half-bg-image-left.hero-v3-bg-image-left {
    padding-top: 100%;
  }

  .slider-wrapper.position-relative.services-slider {
    padding-bottom: 75px;
  }

  .accordion-item-wrapper {
    padding-top: 43px;
    padding-bottom: 43px;
  }

  .accordion-title {
    font-size: 18px;
    line-height: 26px;
  }

  .tabs-menu {
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
  }

  .tabs-menu.offices-tabs-menu {
    margin-top: -18px;
    margin-bottom: 22px;
  }

  .empty-state.cart-empty {
    padding-left: 20px;
    padding-right: 20px;
  }

  .pd---content-inside-card.large {
    padding: 40px 24px;
  }

  .pd---content-inside-card.large.template-pages {
    padding-left: 24px;
    padding-right: 24px;
  }

  .pd---content-inside-card.template-pages---sidebar {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .categories-badges-item-wrapper {
    flex-direction: column;
    align-items: stretch;
    width: 100%;
  }

  .categories-badges-item-wrapper.vertical {
    flex-direction: column;
  }

  .categories-badges-wrapper {
    flex-direction: column;
    width: 100%;
    margin-top: -18px;
    margin-bottom: -18px;
  }

  .categories-badges-wrapper.vertical {
    flex-direction: column;
    margin-top: -18px;
    margin-bottom: -18px;
  }

  .product-card-image-wrapper {
    max-height: 300px;
  }

  ._404-not-found {
    margin-bottom: 8px;
    font-size: 28vw;
  }

  .cart-button-wrapper {
    margin-left: 16px;
  }

  .cart-button-image {
    min-width: 32px;
    max-width: 32px;
    min-height: 32px;
    max-height: 32px;
  }

  .cart-header, .cart-footer {
    padding-left: 20px;
    padding-right: 20px;
  }

  .cart-item-price {
    font-size: 16px;
    line-height: 18px;
  }

  .cart-item-wrapper {
    padding-left: 20px;
    padding-right: 20px;
  }

  .pay-btn.cart {
    height: 53px;
  }

  .shipping-method {
    flex-direction: column;
  }

  .order-item {
    flex-direction: column;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-top: 22px;
    padding-bottom: 22px;
  }

  .order-list-price {
    margin-top: 2px;
  }

  .order-list-title {
    margin-bottom: 4px;
  }

  .order-item-content {
    margin-top: 16px;
    margin-left: 0;
    margin-right: 0;
  }

  .checkout-column {
    margin-bottom: 24px;
  }

  .home-pages-cointainer {
    margin-top: 60px;
  }

  .home-pages-top-wrapper {
    margin-bottom: 16px;
  }

  .image-home-link-wrapper {
    max-width: 200px;
    margin-left: 8px;
    margin-right: 8px;
  }

  .figma-file-text-wrapper, .card-home-pages-wrapper {
    padding-left: 24px;
    padding-right: 24px;
  }

  .cta-square-logo {
    max-width: 60px;
  }

  .instagram-feed---image-wrapper {
    max-height: 300px;
  }

  .divider-vertical.divider-cms {
    min-width: 100%;
    max-width: 100%;
    height: 1px;
    min-height: 1px;
    max-height: 1px;
    margin-left: 0;
    margin-right: 0;
  }

  .header-hamburger-menu-grid---tablet {
    grid-column-gap: 16px;
  }

  .links-menu-container, .links-menu-container.header-dropdown {
    grid-row-gap: 50px;
    grid-template-columns: 1fr;
  }

  .links-menu-container.footer-v2-col-menu {
    grid-template-columns: 1fr;
  }

  .footer---top {
    padding-bottom: 70px;
  }

  .button-row-flex {
    flex-direction: column;
    width: 100%;
  }

  .footer-col {
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .footer-col.vertical-line-footer-v2 {
    padding-top: 50px;
    padding-bottom: 70px;
  }

  .footer-col.footer-v2-col {
    padding-top: 90px;
    padding-bottom: 50px;
  }

  .footer-col.main {
    padding-bottom: 40px;
  }

  .footer-col.nav-v1 {
    padding-top: 40px;
  }

  .footer---subscriber {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .subtitle-wrapper.color-neutral-100 {
    justify-content: center;
    align-items: center;
  }

  .product-page-image-wrapper {
    max-height: 300px;
  }

  .product-button-wrapper {
    flex-direction: column;
  }

  .image-size._64px._48px---mbp {
    min-width: 48px;
    max-width: 48px;
    min-height: 48px;
    max-height: 48px;
  }

  .half-bg-top._401-half-bg-top {
    height: 15%;
  }

  .half-bg-top.offices-half-bg-top {
    height: 20%;
  }

  .mg-bottom-100px {
    margin-bottom: 60px;
  }

  .service-single-left-col {
    padding-bottom: 40px;
  }

  .project-card-description, .project-card-description.last {
    padding-bottom: 24px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .cms-pagination {
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
  }

  .cms-category-link {
    padding-top: 18px;
    padding-bottom: 18px;
  }

  .title-link-wrapper {
    font-size: 18px;
  }

  .blog-category-link {
    flex-direction: column;
  }

  .width-100-mbp {
    width: 100%;
  }

  .cta-newsletter-v1-bg-left {
    margin-left: -20px;
  }

  .pd-left-right---76px {
    padding-left: 24px;
    padding-right: 24px;
  }

  .blog-card---position-absolute {
    padding-top: 90px;
    padding-bottom: 90px;
  }

  .subscribe-card {
    min-height: auto;
    padding: 60px 24px 80px;
  }

  .divider-horizontal-cms {
    width: 100%;
    min-width: 100%;
    height: 1px;
    min-height: 1px;
    margin-left: 0;
    margin-right: 0;
  }

  .cms-category-horizontal-link {
    padding-top: 18px;
    padding-bottom: 18px;
  }

  .blog-post-page---main-content {
    padding: 100px 24px;
  }

  .blog-post-col-left {
    padding-bottom: 40px;
  }

  .grid-horizontal-line---tablet {
    padding-bottom: 50px;
  }

  .our-office-tab {
    border-bottom: 1px solid var(--neutral--600);
    border-right-style: none;
    padding: 18px 0;
  }

  .contact-us-link-wrapper-v2 {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .contact-us-link-wrapper-v2.middle {
    padding-top: 24px;
  }

  .offices-slider-wrapper {
    padding-bottom: 90px;
  }

  .slide-arrow {
    min-width: 30px;
    max-width: 30px;
    min-height: 30px;
    max-height: 30px;
    font-size: 30px;
  }

  .slide-arrow.testimonial-arrow-left {
    bottom: 40px;
    left: 24px;
  }

  .slide-arrow.testimonial-arrow-right {
    bottom: 40px;
    right: 24px;
  }

  .layout-grid-v1-right-card {
    padding-bottom: 32px;
  }

  .video-container {
    min-height: 400px;
    max-height: 400px;
  }

  .hero-v2-wrapper {
    margin-left: -20px;
  }

  .hero-v2-card {
    padding-top: 60px;
    padding-bottom: 180px;
    padding-left: 20px;
  }

  .btn-circle-absolute-v1 {
    position: absolute;
  }

  .cta-v2-wrapper {
    padding-top: 100px;
  }

  .slider---arrow.right.offices-arrow-left, .slider---arrow.left.offices-arrow-left {
    bottom: 24px;
  }

  .divider-line.mg-top-120px {
    margin-top: 40px;
  }

  .content-full-width-card-right {
    padding-left: 20px;
    padding-right: 20px;
  }

  .content-full-width-card-right.blog-post-featured-card {
    margin-left: -20px;
    margin-right: -20px;
    padding-top: 60px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .content-full-width-card-left {
    padding: 40px 24px 100px;
  }

  .main-loading-page-square {
    width: 60px;
    height: 60px;
  }

  .card-link.project-card {
    height: 400px;
  }

  .card-link.blog-card.featured-sidebar {
    max-width: 400px;
  }

  .card-link.testimonial-item---image {
    max-height: 400px;
  }

  .card-image._w-h-100.our-office-image {
    max-height: 300px;
  }

  .content-card-right-v1 {
    padding-top: 120px;
    padding-bottom: 68px;
  }

  .position-absolute.content-card-right-v1-bg, .position-absolute.office-content-card-right-v1-bg {
    margin-left: -20px;
  }

  .position-absolute.hero-v18-bg {
    height: 53%;
    min-height: 500px;
  }

  .content-left-video-v1 {
    margin-left: -20px;
    margin-right: -20px;
  }

  .logo-strip-v1-wrapper {
    margin: -8px -10px;
  }

  .logo-strip {
    margin: 8px 10px;
  }

  .layout-grid-v1-image-01 {
    margin-top: 50px;
  }

  .form-input-button-inside---block {
    min-height: 136px;
  }

  .blog-card-featured-last-content {
    padding-bottom: 20px;
  }

  .blog-featured---sidebar-item {
    padding-top: 44px;
    padding-bottom: 44px;
  }

  .testimonial-grid-image, .office-link---image {
    max-height: 400px;
  }

  .rich-text-v2 h2 {
    font-size: 32px;
  }

  .rich-text-v2 h3 {
    font-size: 26px;
  }

  .rich-text-v2 ul, .rich-text-v2 ol {
    padding-left: 20px;
  }

  .contact-link---icon-left {
    grid-row-gap: 14px;
    grid-template-columns: 1fr;
    max-width: 83vw;
  }

  .contact-link---icon-left.black {
    grid-template-columns: 32px 1fr;
  }

  .contact-link---icon-left.icon-53px {
    grid-template-columns: 1fr;
  }

  .contact-link---icon-left.icon-48px {
    grid-template-columns: 40px 1fr;
  }

  .blog-category-content {
    margin-left: 0;
  }

  .hero-v8-blog-featured-item {
    margin-bottom: -187px;
  }

  .cta-newsletter-v1-bg-right {
    margin-right: -20px;
  }

  .hero-v13-image {
    margin-bottom: -30%;
  }

  .contact-form-v2-wrapper {
    margin-right: -20px;
    padding-top: 70px;
    padding-right: 20px;
  }

  .contact-us-link-wrapper---bg-black {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .contact-us-link-wrapper---bg-black.middle {
    padding-top: 24px;
  }

  .office-content-left {
    margin-left: -20px;
    margin-right: -20px;
  }

  .office-content-left-container {
    max-height: 300px;
  }

  .office-content-right {
    padding-top: 50px;
  }

  .mg-right-32px {
    margin-right: 24px;
  }

  .mg-right-32px.mg-bottom-24px---mbp {
    margin-bottom: 24px;
    margin-right: 0;
  }

  .add-cart {
    min-height: 355px;
  }

  .hero-v21-bg-image {
    max-height: 300px;
    margin-left: -20px;
    margin-right: -20px;
  }

  ._404-utility-content {
    padding-top: 50px;
  }

  ._404-utility-content-image {
    max-height: 300px;
  }

  ._401-page-section {
    padding-top: 56px;
    padding-bottom: 56px;
  }

  .shipping-method-content {
    margin-top: 12px;
    margin-bottom: 12px;
    margin-right: 0;
  }

  .cart-item-content {
    margin-top: 16px;
    margin-left: 0;
    margin-right: 0;
  }

  .cart-item-content---main {
    flex-direction: column;
    margin-right: 16px;
  }

  .more-templates-badge-wrapper {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    max-width: 250px;
    padding: 8px 18px 8px 15px;
  }

  .more-templates-logo {
    width: 60px;
  }

  .more-templates-p {
    font-size: 12px;
  }

  .more-templates-lottie {
    width: 40px;
  }

  .container-default-about {
    padding-left: 20px;
    padding-right: 20px;
  }
}

#w-node-_230a0884-fc28-6f99-1284-ed4730af3090-cacfaeb7, #w-node-_7c5445ff-10dd-4358-6fc2-1527b17770b9-cacfaeb7, #w-node-_9dbce84b-894e-54bf-a93d-a8d8be1c9903-cacfaeb7, #w-node-_2a04224a-6208-0002-49e5-f78c19d18e0a-cacfaeb7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d590ee9d-d394-c355-5f4a-48a826260786-cacfaeb7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-_1d0b9d36-e8ea-ca65-4f1a-f0bf3390d093-cacfaeb7 {
  place-self: end;
}

#w-node-_42799883-02a3-e38a-6159-62289a5d3104-cacfaeb7, #w-node-e83979ee-f3d2-7b25-40fb-fa174a7fbee8-cacfaeb7, #w-node-fe331ddd-dd56-0e18-f285-c414f7bd019d-cacfaeb7, #w-node-_4213329d-0040-ad17-5596-f372e2fb3500-cacfaeb7, #w-node-f82066e1-3cd0-80f5-f095-230ab0927531-cacfaeb7, #w-node-f82066e1-3cd0-80f5-f095-230ab0927532-cacfaeb7, #w-node-f82066e1-3cd0-80f5-f095-230ab0927533-cacfaeb7, #w-node-f82066e1-3cd0-80f5-f095-230ab0927534-cacfaeb7, #w-node-_13842b7c-f50a-a129-be4f-980e58daba75-cacfaeb7, #w-node-cc0c845b-107d-0374-c31a-36a4275951cc-cacfaeb7, #w-node-_541b54e6-584e-8bf3-4fb3-359b60fea625-cacfaeb7, #w-node-_2543b8fe-d512-ad83-5d0a-76656005e031-cacfaeb7, #w-node-_063b4f06-d778-0c1f-7f39-d53d96d18f35-cacfaeb7, #w-node-_063b4f06-d778-0c1f-7f39-d53d96d18f36-cacfaeb7, #w-node-_063b4f06-d778-0c1f-7f39-d53d96d18f37-cacfaeb7, #w-node-_063b4f06-d778-0c1f-7f39-d53d96d18f38-cacfaeb7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9e7ca0cf-45f6-6945-52b4-63220def4e84-cacfaeb7, #w-node-b42ff4e0-a628-b002-7735-2609708ef363-cacfaeb7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
}

#w-node-_16c20255-dc6f-5b4d-a045-544b77b9aec6-cacfaeb7 {
  align-self: end;
}

#w-node-_08204791-77b5-3d4c-5090-9e25a72354fe-cacfaeb7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: stretch;
}

#w-node-e8646bfe-11e1-5ef2-c334-0c0616cba85f-cacfaeb7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-c99669f7-ed45-c920-9444-0daba5c69ed3-cacfaeb7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: stretch;
}

#w-node-c99669f7-ed45-c920-9444-0daba5c69ed6-cacfaeb7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-c0f05b5d-6131-bedd-d1f2-3fa53ec18e19-cacfaeb7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: stretch;
}

#w-node-c0f05b5d-6131-bedd-d1f2-3fa53ec18e1c-cacfaeb7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-_50993028-aa90-df63-09fa-beb967a0318d-cacfaeb7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_50993028-aa90-df63-09fa-beb967a0319f-cacfaeb7 {
  grid-area: 1 / 1 / 2 / 2;
  justify-self: start;
}

#w-node-_50993028-aa90-df63-09fa-beb967a031a2-cacfaeb7 {
  grid-area: 1 / 2 / 2 / 3;
  align-self: end;
}

#w-node-_50993028-aa90-df63-09fa-beb967a031a3-cacfaeb7 {
  grid-area: 1 / 3 / 2 / 4;
  justify-self: end;
}

#w-node-ffb8aa6e-2849-c44c-0e69-bf78482004ae-cacfaeb7, #w-node-ffb8aa6e-2849-c44c-0e69-bf78482004af-cacfaeb7, #w-node-ffb8aa6e-2849-c44c-0e69-bf78482004b2-cacfaeb7, #w-node-ffb8aa6e-2849-c44c-0e69-bf78482004b3-cacfaeb7, #w-node-ffb8aa6e-2849-c44c-0e69-bf78482004b4-cacfaeb7, #w-node-ffb8aa6e-2849-c44c-0e69-bf78482004b5-cacfaeb7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ffb8aa6e-2849-c44c-0e69-bf78482004d7-cacfaeb7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-ffb8aa6e-2849-c44c-0e69-bf78482004e1-cacfaeb7, #w-node-ffb8aa6e-2849-c44c-0e69-bf78482004e4-cacfaeb7, #w-node-ffb8aa6e-2849-c44c-0e69-bf78482004e5-cacfaeb7, #w-node-ffb8aa6e-2849-c44c-0e69-bf78482004e6-cacfaeb7, #w-node-ffb8aa6e-2849-c44c-0e69-bf78482004e7-cacfaeb7, #w-node-ffb8aa6e-2849-c44c-0e69-bf78482004d8-cacfaeb7, #w-node-_5d9021ad-3d57-3430-fc38-1ee1b74718d9-cacfaeb7, #w-node-a4c030f7-e645-d5d1-d9ef-b3a98fac30fc-cacfaeb7, #w-node-_8ebbcc63-912d-20e7-fc48-279148b7d02f-cacfaeb7, #w-node-_81ca8ece-f2e8-8342-4e52-6392344f97ae-cacfaeb7, #w-node-_76d25987-d2bd-7f21-4c8b-5f3385946455-cacfaeb7, #w-node-_45692723-cd0c-dfef-ed30-251548cbbe4e-cacfaeb7, #w-node-_62082410-4054-ac6a-a0f3-2278c5dd9310-cacfaeb7, #w-node-d1fa9d56-a533-2e6f-59da-e5766168aa12-6168aa10, #w-node-d1fa9d56-a533-2e6f-59da-e5766168aa13-6168aa10, #w-node-d1fa9d56-a533-2e6f-59da-e5766168aa14-6168aa10, #w-node-d1fa9d56-a533-2e6f-59da-e5766168aa15-6168aa10, #w-node-d1fa9d56-a533-2e6f-59da-e5766168aa16-6168aa10, #w-node-d1fa9d56-a533-2e6f-59da-e5766168aa17-6168aa10, #w-node-d1fa9d56-a533-2e6f-59da-e5766168aa18-6168aa10, #w-node-d1fa9d56-a533-2e6f-59da-e5766168aa19-6168aa10, #w-node-d1fa9d56-a533-2e6f-59da-e5766168aa1a-6168aa10, #w-node-_35a6c2cc-219a-ff27-19bb-1e953a7a0ddc-91dd5701, #w-node-_35a6c2cc-219a-ff27-19bb-1e953a7a0ddd-91dd5701, #w-node-_35a6c2cc-219a-ff27-19bb-1e953a7a0dde-91dd5701, #w-node-_35a6c2cc-219a-ff27-19bb-1e953a7a0ddf-91dd5701 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_1628dc73-27a9-7a82-caa1-f73d4c307bfe-91dd5701 {
  align-self: end;
}

#w-node-_1628dc73-27a9-7a82-caa1-f73d4c307c06-91dd5701, #w-node-e5c491c4-eeb4-6f23-3cd7-58c4643799d6-91dd5701 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-e5c491c4-eeb4-6f23-3cd7-58c4643799da-91dd5701 {
  place-self: center start;
}

#w-node-e5c491c4-eeb4-6f23-3cd7-58c4643799e3-91dd5701 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-e5c491c4-eeb4-6f23-3cd7-58c4643799e7-91dd5701 {
  align-self: center;
}

#w-node-e5c491c4-eeb4-6f23-3cd7-58c4643799f0-91dd5701 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-e5c491c4-eeb4-6f23-3cd7-58c4643799f4-91dd5701 {
  align-self: center;
}

#w-node-_1628dc73-27a9-7a82-caa1-f73d4c307c19-91dd5701, #w-node-_1628dc73-27a9-7a82-caa1-f73d4c307c1b-91dd5701, #w-node-_1628dc73-27a9-7a82-caa1-f73d4c307c1c-91dd5701, #w-node-_1628dc73-27a9-7a82-caa1-f73d4c307c20-91dd5701, #w-node-_1628dc73-27a9-7a82-caa1-f73d4c307c21-91dd5701, #w-node-_1628dc73-27a9-7a82-caa1-f73d4c307c22-91dd5701, #w-node-_1628dc73-27a9-7a82-caa1-f73d4c307c24-91dd5701, #w-node-_1628dc73-27a9-7a82-caa1-f73d4c307c26-91dd5701, #w-node-_1628dc73-27a9-7a82-caa1-f73d4c307c28-91dd5701, #w-node-_1628dc73-27a9-7a82-caa1-f73d4c307c2a-91dd5701, #w-node-_1628dc73-27a9-7a82-caa1-f73d4c307c2c-91dd5701, #w-node-_1628dc73-27a9-7a82-caa1-f73d4c307c2e-91dd5701, #w-node-_1628dc73-27a9-7a82-caa1-f73d4c307c30-91dd5701, #w-node-_1628dc73-27a9-7a82-caa1-f73d4c307c32-91dd5701, #w-node-_1628dc73-27a9-7a82-caa1-f73d4c307c33-91dd5701, #w-node-_1628dc73-27a9-7a82-caa1-f73d4c307c35-91dd5701, #w-node-_1628dc73-27a9-7a82-caa1-f73d4c307c37-91dd5701, #w-node-_1628dc73-27a9-7a82-caa1-f73d4c307c39-91dd5701, #w-node-_1628dc73-27a9-7a82-caa1-f73d4c307c3b-91dd5701, #w-node-_1628dc73-27a9-7a82-caa1-f73d4c307c3d-91dd5701, #w-node-_1628dc73-27a9-7a82-caa1-f73d4c307c3f-91dd5701, #w-node-_9f695292-bfc9-3306-4385-f8b5928224bd-91dd5701, #w-node-_1628dc73-27a9-7a82-caa1-f73d4c307c41-91dd5701, #w-node-_1628dc73-27a9-7a82-caa1-f73d4c307c42-91dd5701, #w-node-_4612922f-33ab-83da-cc57-cf2f493f6fd9-91dd5701, #w-node-_34f6149d-71f4-260a-5493-6cad5d6c68c9-91dd5701, #w-node-_1628dc73-27a9-7a82-caa1-f73d4c307c44-91dd5701, #w-node-_1628dc73-27a9-7a82-caa1-f73d4c307c46-91dd5701, #w-node-_1628dc73-27a9-7a82-caa1-f73d4c307c48-91dd5701, #w-node-_1628dc73-27a9-7a82-caa1-f73d4c307c4a-91dd5701, #w-node-_1628dc73-27a9-7a82-caa1-f73d4c307c4c-91dd5701, #w-node-_1628dc73-27a9-7a82-caa1-f73d4c307c4e-91dd5701, #w-node-_1628dc73-27a9-7a82-caa1-f73d4c307c4f-91dd5701, #w-node-_1628dc73-27a9-7a82-caa1-f73d4c307c53-91dd5701, #w-node-_1628dc73-27a9-7a82-caa1-f73d4c307c54-91dd5701, #w-node-_1628dc73-27a9-7a82-caa1-f73d4c307c55-91dd5701, #w-node-_1628dc73-27a9-7a82-caa1-f73d4c307c57-91dd5701, #w-node-_1628dc73-27a9-7a82-caa1-f73d4c307c59-91dd5701, #w-node-_1628dc73-27a9-7a82-caa1-f73d4c307c5b-91dd5701, #w-node-_1628dc73-27a9-7a82-caa1-f73d4c307c5d-91dd5701, #w-node-_1628dc73-27a9-7a82-caa1-f73d4c307c5f-91dd5701 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_1bdbafaf-6716-79ea-6905-fbc7f458f473-f458f46e {
  justify-self: end;
}

#w-node-_1bdbafaf-6716-79ea-6905-fbc7f458f492-f458f46e, #w-node-_1bdbafaf-6716-79ea-6905-fbc7f458f493-f458f46e, #w-node-_1bdbafaf-6716-79ea-6905-fbc7f458f494-f458f46e, #w-node-_1bdbafaf-6716-79ea-6905-fbc7f458f495-f458f46e, #w-node-_1bdbafaf-6716-79ea-6905-fbc7f458f496-f458f46e, #w-node-_1bdbafaf-6716-79ea-6905-fbc7f458f497-f458f46e, #w-node-_1bdbafaf-6716-79ea-6905-fbc7f458f499-f458f46e, #w-node-_1bdbafaf-6716-79ea-6905-fbc7f458f49a-f458f46e, #w-node-_1bdbafaf-6716-79ea-6905-fbc7f458f49b-f458f46e, #w-node-_1bdbafaf-6716-79ea-6905-fbc7f458f49c-f458f46e, #w-node-_1bdbafaf-6716-79ea-6905-fbc7f458f49d-f458f46e, #w-node-_1bdbafaf-6716-79ea-6905-fbc7f458f49e-f458f46e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_78b5df60-421f-8894-6917-29d98fcc1093-b4043bae {
  justify-self: start;
}

#w-node-_78b5df60-421f-8894-6917-29d98fcc10a1-b4043bae {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: stretch center;
}

#w-node-_78b5df60-421f-8894-6917-29d98fcc10a4-b4043bae {
  justify-self: end;
}

#w-node-_7f164e7e-6fee-514e-615b-808d0ef26d9b-cacfaefb, #w-node-_29803324-1161-714a-c525-a974d2378d01-cacfaefb, #w-node-c7e08a02-dbdd-9413-8a67-74649fca0d56-cacfaefb, #w-node-_75ab8937-cdb9-d679-2f03-8980aaeb1722-cacfaefb, #w-node-_0af262aa-89f0-2b8e-8eeb-64d900cb4f7e-cacfaf22 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_21be15ee-9d95-a942-32e0-5259356f2ecc-cacfaf22 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: stretch end;
}

#w-node-_18feca92-8b6c-bf2f-480c-b6309677c877-cacfaf22, #w-node-_79aaee17-60e6-9772-8cf5-13df6d2f3bdf-cacfaf22, #w-node-b58c67d0-b6ab-2deb-4e48-87c283c8ea60-cacfaf22, #w-node-_4b501a89-dd77-30a5-1574-fed5fb65bbd3-cacfaf22, #w-node-_508c0df0-ac67-bc83-a25f-9f835cedb56b-cacfaf23, #w-node-da30bab4-dfda-c79b-794c-36658a97562c-cacfaf23, #w-node-_4ff5d69b-502d-a9fc-35be-6e33f6f8ea7b-cacfaf23, #w-node-_6d0697de-08e4-144a-c453-0bf162f9fa9f-cacfaf23 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_494763c4-b251-2351-49ae-18409b1b3571-cacfaf23 {
  place-self: end;
}

#w-node-_64895200-edda-4d4a-2c68-bda8d2500a02-cacfaf23 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_75d7dd7c-c127-2ffe-7631-5f02f753e879-cacfaf23 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-d5890dad-b959-b3d6-7ab1-588b37d4c383-cacfaf23, #w-node-c71180cd-08e5-68cc-8150-5c76d67f7fef-cacfaf23, #w-node-e366c5b7-4bf8-d2ed-20bb-5eac8cca1d0f-cacfaf23, #w-node-b2d7e61c-c103-121e-5ab6-c8ca1d10379c-cacfaf23, #w-node-_3011c53c-830a-9104-da46-c09d9ec07f06-cacfaf23, #w-node-a243b79a-a74a-109f-6d4d-d6f47b8d702c-cacfaf23, #w-node-_98d980c1-a099-4e3f-e2b7-3c14089e59a5-cacfaf23, #w-node-_6406177b-5a7e-465a-5d2b-775aed581235-cacfaf23, #w-node-_4111df85-722f-76f3-3fd2-7e55a9ed416d-cacfaf23, #w-node-_47bc3047-60a9-ecf0-7a6b-93600e453670-cacfaf23, #w-node-_53a5ff40-8d76-5874-48ec-74df65f8b645-cacfaf23, #w-node-_53a5ff40-8d76-5874-48ec-74df65f8b646-cacfaf23, #w-node-_53a5ff40-8d76-5874-48ec-74df65f8b647-cacfaf23, #w-node-_53a5ff40-8d76-5874-48ec-74df65f8b648-cacfaf23, #w-node-_1e600dbc-91ee-ed35-c05c-60b0576661f1-cacfaf23, #w-node-a989f713-f23b-5de3-f7fd-dd8946ac8a78-cacfaf23, #w-node-_3196f522-b4f1-2439-8e37-6e04163b7465-cacfaf23, #w-node-_3196f522-b4f1-2439-8e37-6e04163b7476-cacfaf23, #w-node-_3196f522-b4f1-2439-8e37-6e04163b7479-cacfaf23, #w-node-_3196f522-b4f1-2439-8e37-6e04163b747a-cacfaf23, #w-node-_3196f522-b4f1-2439-8e37-6e04163b747b-cacfaf23, #w-node-_3196f522-b4f1-2439-8e37-6e04163b747c-cacfaf23 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_3196f522-b4f1-2439-8e37-6e04163b747d-cacfaf23 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-_3196f522-b4f1-2439-8e37-6e04163b747e-cacfaf23, #w-node-_3196f522-b4f1-2439-8e37-6e04163b7481-cacfaf23, #w-node-_3196f522-b4f1-2439-8e37-6e04163b7482-cacfaf23, #w-node-_3196f522-b4f1-2439-8e37-6e04163b7483-cacfaf23, #w-node-_3196f522-b4f1-2439-8e37-6e04163b7484-cacfaf23, #mission.w-node-_3196f522-b4f1-2439-8e37-6e04163b7485-cacfaf23, #w-node-_5d5c4917-6abb-39fb-978c-b27cdab74f7c-dab74f24, #w-node-_5d5c4917-6abb-39fb-978c-b27cdab74f7d-dab74f24, #w-node-_5d5c4917-6abb-39fb-978c-b27cdab74f7e-dab74f24, #w-node-_5d5c4917-6abb-39fb-978c-b27cdab74f7f-dab74f24, #w-node-_5d5c4917-6abb-39fb-978c-b27cdab74f81-dab74f24, #w-node-_5d5c4917-6abb-39fb-978c-b27cdab74f82-dab74f24, #w-node-_5d5c4917-6abb-39fb-978c-b27cdab74f83-dab74f24, #w-node-_5d5c4917-6abb-39fb-978c-b27cdab74f84-dab74f24, #w-node-a737ce86-75d4-6fee-c318-7b7e56f5eed1-cacfaf67 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_10a97c57-c119-9d38-f29d-46fa0238eef6-cacfaf67 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-_0b50be01-0c93-6933-62fe-54f1e4e882fd-cacfaf67 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_5601c617-259c-ff35-e534-15db77db7421-cacfaf67 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0b50be01-0c93-6933-62fe-54f1e4e88301-cacfaf67 {
  justify-self: start;
}

#w-node-_1ababf88-1e7e-c984-653f-71e1e676aeb6-cacfaf67, #w-node-_8e5ec9af-d101-d74c-694d-2063f0e2472e-cacfaf67, #w-node-_69dbe025-9b8e-cf94-4091-c7d50c108fdc-cacfaf67, #w-node-_73acac8b-9dad-2c3e-935f-f572ab1a6eab-cacfaf67, #w-node-d94c8267-0139-220e-9ec5-69eadac61472-cacfaf67, #w-node-d94c8267-0139-220e-9ec5-69eadac61473-cacfaf67, #w-node-d94c8267-0139-220e-9ec5-69eadac61474-cacfaf67, #w-node-d94c8267-0139-220e-9ec5-69eadac61475-cacfaf67 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d94c8267-0139-220e-9ec5-69eadac61485-cacfaf67 {
  align-self: end;
}

#w-node-d94c8267-0139-220e-9ec5-69eadac6148d-cacfaf67, #w-node-d94c8267-0139-220e-9ec5-69eadac614a6-cacfaf67, #w-node-d94c8267-0139-220e-9ec5-69eadac614a8-cacfaf67, #w-node-d94c8267-0139-220e-9ec5-69eadac614a9-cacfaf67, #w-node-d94c8267-0139-220e-9ec5-69eadac614ae-cacfaf67, #w-node-d94c8267-0139-220e-9ec5-69eadac614af-cacfaf67, #w-node-d94c8267-0139-220e-9ec5-69eadac614b0-cacfaf67, #w-node-d94c8267-0139-220e-9ec5-69eadac614b2-cacfaf67, #w-node-d94c8267-0139-220e-9ec5-69eadac614b4-cacfaf67, #w-node-d94c8267-0139-220e-9ec5-69eadac614b6-cacfaf67, #w-node-d94c8267-0139-220e-9ec5-69eadac614b8-cacfaf67, #w-node-d94c8267-0139-220e-9ec5-69eadac614ba-cacfaf67, #w-node-d94c8267-0139-220e-9ec5-69eadac614bc-cacfaf67, #w-node-d94c8267-0139-220e-9ec5-69eadac614be-cacfaf67, #w-node-d94c8267-0139-220e-9ec5-69eadac614c0-cacfaf67, #w-node-d94c8267-0139-220e-9ec5-69eadac614c1-cacfaf67, #w-node-d94c8267-0139-220e-9ec5-69eadac614c3-cacfaf67, #w-node-d94c8267-0139-220e-9ec5-69eadac614c5-cacfaf67, #w-node-d94c8267-0139-220e-9ec5-69eadac614c7-cacfaf67, #w-node-d94c8267-0139-220e-9ec5-69eadac614c9-cacfaf67, #w-node-d94c8267-0139-220e-9ec5-69eadac614cb-cacfaf67, #w-node-d94c8267-0139-220e-9ec5-69eadac614cd-cacfaf67, #w-node-d94c8267-0139-220e-9ec5-69eadac614cf-cacfaf67, #w-node-d94c8267-0139-220e-9ec5-69eadac614d1-cacfaf67, #w-node-d94c8267-0139-220e-9ec5-69eadac614d2-cacfaf67, #w-node-d94c8267-0139-220e-9ec5-69eadac614d4-cacfaf67, #w-node-d94c8267-0139-220e-9ec5-69eadac614d6-cacfaf67, #w-node-d94c8267-0139-220e-9ec5-69eadac614d8-cacfaf67, #w-node-d94c8267-0139-220e-9ec5-69eadac614da-cacfaf67, #w-node-d94c8267-0139-220e-9ec5-69eadac614dc-cacfaf67, #w-node-d94c8267-0139-220e-9ec5-69eadac614de-cacfaf67, #w-node-d94c8267-0139-220e-9ec5-69eadac614e0-cacfaf67, #w-node-d94c8267-0139-220e-9ec5-69eadac614e2-cacfaf67, #w-node-d94c8267-0139-220e-9ec5-69eadac614e3-cacfaf67, #w-node-d94c8267-0139-220e-9ec5-69eadac614e8-cacfaf67, #w-node-d94c8267-0139-220e-9ec5-69eadac614e9-cacfaf67, #w-node-d94c8267-0139-220e-9ec5-69eadac614ea-cacfaf67, #w-node-d94c8267-0139-220e-9ec5-69eadac614ec-cacfaf67, #w-node-d94c8267-0139-220e-9ec5-69eadac614ee-cacfaf67, #w-node-d94c8267-0139-220e-9ec5-69eadac614f0-cacfaf67, #w-node-d94c8267-0139-220e-9ec5-69eadac614f2-cacfaf67, #w-node-d94c8267-0139-220e-9ec5-69eadac614f4-cacfaf67, #w-node-facffb6b-e054-827d-c1ad-c84b9c1652cb-96a67a29, #w-node-facffb6b-e054-827d-c1ad-c84b9c1652cc-96a67a29, #w-node-facffb6b-e054-827d-c1ad-c84b9c1652cd-96a67a29, #w-node-facffb6b-e054-827d-c1ad-c84b9c1652ce-96a67a29, #w-node-_96b5c9e3-8f56-15a1-0dda-7203047aae08-96a67a29, #w-node-_96b5c9e3-8f56-15a1-0dda-7203047aae09-96a67a29, #w-node-_96b5c9e3-8f56-15a1-0dda-7203047aae0a-96a67a29, #w-node-_96b5c9e3-8f56-15a1-0dda-7203047aae0b-96a67a29 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_1beec14f-9906-caff-a218-ea35ee5297ca-ee5297c6 {
  justify-self: start;
}

#w-node-_1beec14f-9906-caff-a218-ea35ee5297db-ee5297c6 {
  justify-self: end;
}

#w-node-_71a4d8b8-a434-7d7c-a190-a7b5fc3e21c4-ee5297c6, #w-node-_71a4d8b8-a434-7d7c-a190-a7b5fc3e21c5-ee5297c6, #w-node-_71a4d8b8-a434-7d7c-a190-a7b5fc3e21ca-ee5297c6, #w-node-_71a4d8b8-a434-7d7c-a190-a7b5fc3e21cb-ee5297c6, #w-node-_71a4d8b8-a434-7d7c-a190-a7b5fc3e21cc-ee5297c6, #w-node-_71a4d8b8-a434-7d7c-a190-a7b5fc3e21ce-ee5297c6, #w-node-_71a4d8b8-a434-7d7c-a190-a7b5fc3e21d0-ee5297c6, #w-node-_71a4d8b8-a434-7d7c-a190-a7b5fc3e21d2-ee5297c6, #w-node-_71a4d8b8-a434-7d7c-a190-a7b5fc3e21d4-ee5297c6, #w-node-_71a4d8b8-a434-7d7c-a190-a7b5fc3e21d6-ee5297c6, #w-node-_71a4d8b8-a434-7d7c-a190-a7b5fc3e21d8-ee5297c6, #w-node-_71a4d8b8-a434-7d7c-a190-a7b5fc3e21da-ee5297c6, #w-node-_71a4d8b8-a434-7d7c-a190-a7b5fc3e21dc-ee5297c6, #w-node-_71a4d8b8-a434-7d7c-a190-a7b5fc3e21dd-ee5297c6, #w-node-_71a4d8b8-a434-7d7c-a190-a7b5fc3e21df-ee5297c6, #w-node-_71a4d8b8-a434-7d7c-a190-a7b5fc3e21e1-ee5297c6, #w-node-_71a4d8b8-a434-7d7c-a190-a7b5fc3e21e3-ee5297c6, #w-node-_71a4d8b8-a434-7d7c-a190-a7b5fc3e21e5-ee5297c6, #w-node-_71a4d8b8-a434-7d7c-a190-a7b5fc3e21e7-ee5297c6, #w-node-_71a4d8b8-a434-7d7c-a190-a7b5fc3e21e9-ee5297c6, #w-node-_6a465d9f-709c-5183-3915-2cec89a9ea8b-ee5297c6, #w-node-_71a4d8b8-a434-7d7c-a190-a7b5fc3e21ed-ee5297c6, #w-node-_71a4d8b8-a434-7d7c-a190-a7b5fc3e21eb-ee5297c6, #w-node-_71a4d8b8-a434-7d7c-a190-a7b5fc3e21ee-ee5297c6, #w-node-_71a4d8b8-a434-7d7c-a190-a7b5fc3e21f0-ee5297c6, #w-node-_71a4d8b8-a434-7d7c-a190-a7b5fc3e21f2-ee5297c6, #w-node-_71a4d8b8-a434-7d7c-a190-a7b5fc3e21f4-ee5297c6, #w-node-_71a4d8b8-a434-7d7c-a190-a7b5fc3e21f6-ee5297c6, #w-node-_71a4d8b8-a434-7d7c-a190-a7b5fc3e21f8-ee5297c6, #w-node-_71a4d8b8-a434-7d7c-a190-a7b5fc3e21fa-ee5297c6, #w-node-_71a4d8b8-a434-7d7c-a190-a7b5fc3e21fc-ee5297c6, #w-node-_71a4d8b8-a434-7d7c-a190-a7b5fc3e21fe-ee5297c6, #w-node-_71a4d8b8-a434-7d7c-a190-a7b5fc3e21ff-ee5297c6, #w-node-_71a4d8b8-a434-7d7c-a190-a7b5fc3e2204-ee5297c6, #w-node-_71a4d8b8-a434-7d7c-a190-a7b5fc3e2205-ee5297c6, #w-node-_71a4d8b8-a434-7d7c-a190-a7b5fc3e2206-ee5297c6, #w-node-_71a4d8b8-a434-7d7c-a190-a7b5fc3e2208-ee5297c6, #w-node-_71a4d8b8-a434-7d7c-a190-a7b5fc3e220a-ee5297c6, #w-node-_71a4d8b8-a434-7d7c-a190-a7b5fc3e220c-ee5297c6, #w-node-_71a4d8b8-a434-7d7c-a190-a7b5fc3e220e-ee5297c6, #w-node-_71a4d8b8-a434-7d7c-a190-a7b5fc3e2210-ee5297c6, #w-node-aff1a699-0490-ce35-26b0-69f8a5ca885c-cacfaf7e, #w-node-af236f0a-c3ca-9981-2521-371ff0a09785-cacfaf7e, #w-node-_84f0ce3d-1483-83db-b9f2-3e1d7613423c-cacfaf7e, #w-node-_1f6a6244-9554-9a9b-3fad-e155c2f5dda6-cacfaf7e, #w-node-_7d2e3dc8-287b-b447-9734-e4c39a0de171-cacfaf7e, #w-node-f03b37db-a40f-77e1-3b18-c3d2d4b82cce-cacfaf7e, #w-node-_28b4bcc9-6a68-1988-7944-f2ae45f6c023-cacfaf7e, #w-node-_15eb6960-a95a-becd-3481-d7b7b17a827b-cacfaf7e, #w-node-_6833ac60-ddde-ada6-704d-21a6ebaebdf8-ebaebdd4, #w-node-_6833ac60-ddde-ada6-704d-21a6ebaebdf9-ebaebdd4, #w-node-_6833ac60-ddde-ada6-704d-21a6ebaebdfa-ebaebdd4, #w-node-_6833ac60-ddde-ada6-704d-21a6ebaebdfb-ebaebdd4, #w-node-_6833ac60-ddde-ada6-704d-21a6ebaebdfc-ebaebdd4, #w-node-_6833ac60-ddde-ada6-704d-21a6ebaebdfd-ebaebdd4, #w-node-_6833ac60-ddde-ada6-704d-21a6ebaebdff-ebaebdd4, #w-node-_6833ac60-ddde-ada6-704d-21a6ebaebe00-ebaebdd4, #w-node-_6833ac60-ddde-ada6-704d-21a6ebaebe01-ebaebdd4, #w-node-_6833ac60-ddde-ada6-704d-21a6ebaebe02-ebaebdd4, #w-node-_344e7ce8-f87e-fd35-ba9a-04de94922436-cacfaf7f, #w-node-_344e7ce8-f87e-fd35-ba9a-04de94922437-cacfaf7f, #w-node-_344e7ce8-f87e-fd35-ba9a-04de94922438-cacfaf7f, #w-node-_344e7ce8-f87e-fd35-ba9a-04de94922439-cacfaf7f, #w-node-_344e7ce8-f87e-fd35-ba9a-04de9492243a-cacfaf7f, #w-node-_344e7ce8-f87e-fd35-ba9a-04de9492243b-cacfaf7f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_20d588da-cbd3-d162-8961-456eaa5bc8af-cacfaf7f {
  align-self: stretch;
}

#w-node-_20d588da-cbd3-d162-8961-456eaa5bc8c5-cacfaf7f {
  grid-area: 1 / 1 / 2 / 2;
  justify-self: start;
}

#w-node-_20d588da-cbd3-d162-8961-456eaa5bc8c8-cacfaf7f {
  grid-area: 1 / 2 / 2 / 2;
  align-self: end;
}

#w-node-_20d588da-cbd3-d162-8961-456eaa5bc8c9-cacfaf7f {
  grid-area: 1 / 3 / 2 / 3;
  justify-self: end;
}

#w-node-b8cf7c16-f4de-2f71-e71c-fe1691d73f6a-cacfaf80, #w-node-b8cf7c16-f4de-2f71-e71c-fe1691d73f6b-cacfaf80, #w-node-b8cf7c16-f4de-2f71-e71c-fe1691d73f6c-cacfaf80, #w-node-b8cf7c16-f4de-2f71-e71c-fe1691d73f6d-cacfaf80, #w-node-b8cf7c16-f4de-2f71-e71c-fe1691d73f6e-cacfaf80, #w-node-b8cf7c16-f4de-2f71-e71c-fe1691d73f6f-cacfaf80, #w-node-eaaebc6e-4aa0-3458-e4b0-d71c1d174530-cacfaf81 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-dbf466ca-8f17-e78b-fa11-038c0e2b26a8-cacfaf81 {
  justify-self: end;
}

#w-node-a35d9901-0167-f87e-af71-028328674d79-cacfaf82 {
  align-self: end;
}

#w-node-c0e84c99-edbd-fab0-1e26-1a76fb71a388-cacfaf82, #w-node-_08188949-aa71-16d1-0791-2e47ab2b64cc-cacfaf82, #w-node-c90f26c4-1ba5-910b-cd5d-d84f8866dfb0-cacfaf82, #w-node-db8ee1f8-4b90-3104-a968-e50f1a2279cd-cacfaf82, #w-node-ac48ac95-64b2-81d5-99ce-8f308fb2ce98-cacfaf82, #w-node-_90cbbd3b-3f83-6c69-c2bc-cdc93416cb32-cacfaf82, #w-node-c34ac71b-de4f-3f18-0ece-d9479103646a-cacfaf82, #w-node-c34ac71b-de4f-3f18-0ece-d9479103646b-cacfaf82, #w-node-c34ac71b-de4f-3f18-0ece-d9479103646d-cacfaf82, #w-node-cc274b78-1735-bf9b-e88e-2727949b4c38-cacfaf82, #w-node-cc274b78-1735-bf9b-e88e-2727949b4c39-cacfaf82, #w-node-cc274b78-1735-bf9b-e88e-2727949b4c3b-cacfaf82, #w-node-c1400773-5244-a47b-d11c-42b5ba41ca08-cacfaf82, #w-node-e01a21ed-a6f2-6fe1-d581-a871118692d4-cacfaf82, #w-node-e01a21ed-a6f2-6fe1-d581-a871118692d5-cacfaf82, #w-node-e01a21ed-a6f2-6fe1-d581-a871118692d7-cacfaf82, #w-node-c909659f-0f36-3602-37f4-d3d05a300c56-cacfaf82, #w-node-_01a8c873-f532-4729-9c9a-f3baaa800c09-cacfaf82, #w-node-_43644c33-ea34-9c0c-520a-16e9156cd859-cacfaf82, #w-node-_687b46be-d636-00be-dade-240bf69b0f23-cacfaf82, #w-node-_4a06b7ef-fecc-8fe1-5282-95c7f7cf3df2-cacfaf82, #w-node-_4a06b7ef-fecc-8fe1-5282-95c7f7cf3df3-cacfaf82, #w-node-_4a06b7ef-fecc-8fe1-5282-95c7f7cf3df4-cacfaf82, #w-node-_4a06b7ef-fecc-8fe1-5282-95c7f7cf3df5-cacfaf82, #w-node-c695fe6e-467f-3777-5c39-2937ca8692eb-cacfaf82, #w-node-_6f1a4e73-d353-fc16-bbdf-0fc75e98e5c8-cacfaf82, #w-node-_9be64906-4d92-bdae-cc0e-42246c970e2d-cacfaf82, #w-node-_05364193-2c2e-af2c-8e2d-e7b1ebe56863-cacfaf83, #w-node-_05364193-2c2e-af2c-8e2d-e7b1ebe56864-cacfaf83, #w-node-_05364193-2c2e-af2c-8e2d-e7b1ebe56865-cacfaf83, #w-node-_05364193-2c2e-af2c-8e2d-e7b1ebe56866-cacfaf83, #w-node-_05364193-2c2e-af2c-8e2d-e7b1ebe56867-cacfaf83, #w-node-_05364193-2c2e-af2c-8e2d-e7b1ebe56868-cacfaf83, #w-node-_168f24cf-22c3-9c68-8b19-eedeadec8c8e-cacfaf83 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_168f24cf-22c3-9c68-8b19-eedeadec8ca0-cacfaf83 {
  grid-area: 1 / 1 / 2 / 2;
  justify-self: start;
}

#w-node-_168f24cf-22c3-9c68-8b19-eedeadec8ca3-cacfaf83 {
  grid-area: 1 / 2 / 2 / 3;
  align-self: end;
}

#w-node-_168f24cf-22c3-9c68-8b19-eedeadec8ca4-cacfaf83 {
  grid-area: 1 / 3 / 2 / 4;
  justify-self: end;
}

#w-node-be102c07-8cf5-32a0-f0f2-2186b01f1f84-cacfaf84 {
  align-self: end;
}

#w-node-_875e07bd-741c-c9d7-2c52-3d3480a7ad3f-cacfaf84, #w-node-_5115f6f1-a1a0-55ce-a047-559662396ec9-cacfaf84, #w-node-_6a92dccc-720d-bc5c-fd1d-a9f47d95f7d4-cacfaf84, #w-node-_0a59733d-a760-373e-f0e3-dc6cd2e35af7-cacfaf84, #w-node-_4acb56ad-f43f-ed84-ad8b-365505b8af46-cacfaf84 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#get-in-touch.w-node-b17c87d9-0c58-7502-bfca-4d77e27906f7-cacfaf84 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-_8c5d028f-8211-b357-6bcc-8d5984a94427-cacfaf84 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_8c5d028f-8211-b357-6bcc-8d5984a94429-cacfaf84 {
  justify-self: start;
}

#w-node-e33a365f-0449-4bc0-98d5-b6daecc560ac-cacfaf86, #w-node-c22981cd-085e-4614-02cd-c2d9193f00c6-cacfaf86, #w-node-_831cfd84-6388-74bd-8276-fc3ccce0923f-cacfaf86, #w-node-_9161dde6-98d0-6a80-72ae-92c8d621301f-cacfaf86, #w-node-_2e1aad5d-6f88-db9a-b710-09fd3e3d97ac-cacfaf86, #w-node-ad256502-badf-23b7-21f1-015170bb759c-cacfaf86, #w-node-_155a11fe-d471-4015-ba89-cca10735d6ca-cacfaf86 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_6fa7b3e6-885c-a7b0-0f11-c76886894547-cacfafa5 {
  place-self: end;
}

#w-node-_822bff05-ea16-8a0c-2000-2422a634b477-cacfafa5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_550aba43-1ed1-635f-cf56-c5b64dcf24b1-cacfafa5 {
  grid-area: 1 / 1 / 2 / 2;
  justify-self: start;
}

#w-node-_3fa65ea2-8909-4c2f-5bc4-cd26575d2f5c-cacfafa5 {
  grid-area: 1 / 2 / 2 / 3;
  align-self: end;
}

#w-node-_550aba43-1ed1-635f-cf56-c5b64dcf24b5-cacfafa5 {
  grid-area: 1 / 3 / 2 / 4;
  justify-self: end;
}

#w-node-deae96c1-0746-d116-74ed-73d3d1d8db4f-cacfafa7, #w-node-e8f3776f-187a-3aea-db12-2d93f52ac2da-cacfafa7, #w-node-_543a41a7-7974-0a5f-55ad-91946507558b-cacfafa7, #w-node-_47153b97-bb16-1d20-3b7b-3c666f83d187-cacfafa7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (min-width: 1920px) {
  #w-node-_1628dc73-27a9-7a82-caa1-f73d4c307c19-91dd5701, #w-node-d94c8267-0139-220e-9ec5-69eadac614a6-cacfaf67 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (min-width: 1440px) {
  #w-node-_28b4bcc9-6a68-1988-7944-f2ae45f6c023-cacfaf7e, #w-node-_9161dde6-98d0-6a80-72ae-92c8d621301f-cacfaf86 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (min-width: 1280px) {
  #w-node-d590ee9d-d394-c355-5f4a-48a826260783-cacfaeb7 {
    justify-self: auto;
  }
}

@media screen and (max-width: 991px) {
  #w-node-d590ee9d-d394-c355-5f4a-48a826260786-cacfaeb7 {
    justify-self: center;
  }

  #w-node-_1d0b9d36-e8ea-ca65-4f1a-f0bf3390d093-cacfaeb7, #w-node-e8646bfe-11e1-5ef2-c334-0c0616cba85f-cacfaeb7, #w-node-c99669f7-ed45-c920-9444-0daba5c69ed6-cacfaeb7, #w-node-c0f05b5d-6131-bedd-d1f2-3fa53ec18e1c-cacfaeb7, #w-node-ffb8aa6e-2849-c44c-0e69-bf78482004d7-cacfaeb7 {
    justify-self: auto;
  }

  #w-node-_1628dc73-27a9-7a82-caa1-f73d4c307c07-91dd5701 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-e5c491c4-eeb4-6f23-3cd7-58c4643799d6-91dd5701 {
    place-self: center;
  }

  #w-node-e5c491c4-eeb4-6f23-3cd7-58c4643799f0-91dd5701 {
    grid-column: span 2 / span 2;
  }

  #w-node-_21be15ee-9d95-a942-32e0-5259356f2ecc-cacfaf22, #w-node-_494763c4-b251-2351-49ae-18409b1b3571-cacfaf23, #w-node-_75d7dd7c-c127-2ffe-7631-5f02f753e879-cacfaf23, #w-node-_3196f522-b4f1-2439-8e37-6e04163b747d-cacfaf23 {
    justify-self: auto;
  }

  #w-node-_61a06c974a45ef8717766f6d0000000000a8-cacfaf64 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_10a97c57-c119-9d38-f29d-46fa0238eef6-cacfaf67 {
    justify-self: auto;
  }

  #w-node-d94c8267-0139-220e-9ec5-69eadac6148e-cacfaf67 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-dbf466ca-8f17-e78b-fa11-038c0e2b26a8-cacfaf81, #get-in-touch.w-node-b17c87d9-0c58-7502-bfca-4d77e27906f7-cacfaf84 {
    justify-self: auto;
  }

  #w-node-_8c5d028f-8211-b357-6bcc-8d5984a94427-cacfaf84 {
    justify-self: start;
  }

  #w-node-e33a365f-0449-4bc0-98d5-b6daecc560ac-cacfaf86 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_6fa7b3e6-885c-a7b0-0f11-c76886894547-cacfafa5 {
    justify-self: auto;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_693c7c3c-2822-7164-2dc1-9034a21889ca-cacfaeb7, #w-node-_8ebbcc63-912d-20e7-fc48-279148b7d032-cacfaeb7 {
    order: -9999;
  }

  #w-node-_1628dc73-27a9-7a82-caa1-f73d4c307c07-91dd5701 {
    grid-column: span 2 / span 2;
  }

  #w-node-e5c491c4-eeb4-6f23-3cd7-58c4643799f0-91dd5701 {
    grid-column: span 1 / span 1;
  }

  #w-node-_1628dc73-27a9-7a82-caa1-f73d4c307c4e-91dd5701 {
    justify-self: center;
  }

  #w-node-_61a06c974a45ef8717766f6d0000000000a8-cacfaf64, #w-node-_0b50be01-0c93-6933-62fe-54f1e4e882fd-cacfaf67 {
    grid-column: span 1 / span 1;
  }

  #w-node-d94c8267-0139-220e-9ec5-69eadac6148e-cacfaf67 {
    grid-column: span 2 / span 2;
  }

  #w-node-d94c8267-0139-220e-9ec5-69eadac614e2-cacfaf67 {
    justify-self: center;
  }

  #w-node-e33a365f-0449-4bc0-98d5-b6daecc560ac-cacfaf86 {
    order: 9999;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_570f32ea-aa59-c6d0-03a1-6ac9ccc7e060-cacfaeb7, #w-node-_570f32ea-aa59-c6d0-03a1-6ac9ccc7e065-cacfaeb7, #w-node-_570f32ea-aa59-c6d0-03a1-6ac9ccc7e06c-cacfaeb7, #w-node-_570f32ea-aa59-c6d0-03a1-6ac9ccc7e073-cacfaeb7, #w-node-_50993028-aa90-df63-09fa-beb967a0319f-cacfaeb7, #w-node-_50993028-aa90-df63-09fa-beb967a031a2-cacfaeb7, #w-node-_50993028-aa90-df63-09fa-beb967a031a3-cacfaeb7 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_1628dc73-27a9-7a82-caa1-f73d4c307c4e-91dd5701 {
    justify-self: auto;
  }

  #w-node-_11382654-ec47-0ddc-e966-90570cfa343d-cacfaf23, #w-node-_11382654-ec47-0ddc-e966-90570cfa3442-cacfaf23, #w-node-_11382654-ec47-0ddc-e966-90570cfa3449-cacfaf23, #w-node-_11382654-ec47-0ddc-e966-90570cfa3450-cacfaf23 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_0b50be01-0c93-6933-62fe-54f1e4e882fd-cacfaf67 {
    grid-column: span 1 / span 1;
  }

  #w-node-d94c8267-0139-220e-9ec5-69eadac614e2-cacfaf67 {
    justify-self: auto;
  }

  #w-node-_20d588da-cbd3-d162-8961-456eaa5bc8c5-cacfaf7f {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: auto;
  }

  #w-node-_20d588da-cbd3-d162-8961-456eaa5bc8c8-cacfaf7f {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_20d588da-cbd3-d162-8961-456eaa5bc8c9-cacfaf7f {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: auto;
  }

  #w-node-_168f24cf-22c3-9c68-8b19-eedeadec8ca0-cacfaf83, #w-node-_168f24cf-22c3-9c68-8b19-eedeadec8ca3-cacfaf83, #w-node-_168f24cf-22c3-9c68-8b19-eedeadec8ca4-cacfaf83 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_8c5d028f-8211-b357-6bcc-8d5984a94427-cacfaf84 {
    justify-self: stretch;
  }

  #w-node-_550aba43-1ed1-635f-cf56-c5b64dcf24b1-cacfafa5, #w-node-_3fa65ea2-8909-4c2f-5bc4-cd26575d2f5c-cacfafa5, #w-node-_550aba43-1ed1-635f-cf56-c5b64dcf24b5-cacfafa5 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}


@font-face {
  font-family: 'Social Icons Font';
  src: url('../fonts/social-icon-font.woff2') format('woff2'), url('../fonts/social-icon-font.eot') format('embedded-opentype'), url('../fonts/social-icon-font.woff') format('woff'), url('../fonts/social-icon-font.ttf') format('truetype'), url('../fonts/social-icon-font.svg') format('svg');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Line Square Icons';
  src: url('../fonts/line-square-icons.woff2') format('woff2'), url('../fonts/line-square-icons.eot') format('embedded-opentype'), url('../fonts/line-square-icons.woff') format('woff'), url('../fonts/line-square-icons.ttf') format('truetype'), url('../fonts/line-square-icons.svg') format('svg');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Filled Icons';
  src: url('../fonts/filled-icon-font.woff2') format('woff2'), url('../fonts/filled-icon-font.eot') format('embedded-opentype'), url('../fonts/filled-icon-font.woff') format('woff'), url('../fonts/filled-icon-font.ttf') format('truetype'), url('../fonts/filled-icon-font.svg') format('svg');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Line Rounded Icons';
  src: url('../fonts/line-rounded-icons.woff2') format('woff2'), url('../fonts/line-rounded-icons.eot') format('embedded-opentype'), url('../fonts/line-rounded-icons.woff') format('woff'), url('../fonts/line-rounded-icons.ttf') format('truetype'), url('../fonts/line-rounded-icons.svg') format('svg');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Mona Sans';
  src: url('../fonts/Mona-Sans-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Mona Sans';
  src: url('../fonts/Mona-Sans-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Mona Sans';
  src: url('../fonts/Mona-Sans-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Mona Sans';
  src: url('../fonts/Mona-Sans-SemiBold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}