@font-face {
  font-family: Manrope;
  src: url('../fonts/Manrope-Bold.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Manrope;
  src: url('../fonts/Manrope-Regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Manrope;
  src: url('../fonts/Manrope-ExtraLight.ttf') format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

:root {
  --dark-grey: #969696;
  --leading-color: #5bffd9;
  --soft-black: #232325;
  --washed-black: #323235;
  --black: #151517;
  --error: #e93354;
  --ghost-white: #f7f7fd;
  --success: #72ff7c;
  --leading-color-dark: #367c79;
}

.w-layout-layout {
  grid-row-gap: 20px;
  grid-column-gap: 20px;
  grid-auto-columns: 1fr;
  justify-content: center;
  padding: 20px;
}

.w-layout-cell {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.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-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

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

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

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

.w-commerce-commercecartapplepaybutton {
  color: #fff;
  cursor: pointer;
  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;
  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-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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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-commercecheckoutplaceorderbutton {
  color: #fff;
  cursor: pointer;
  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-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;
  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-commercecartproductname {
  font-weight: 700;
}

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

.w-commerce-commercecartquantity {
  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;
  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-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-commerceaddtocartquantityinput {
  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-commerceaddtocartbutton {
  color: #fff;
  cursor: pointer;
  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;
  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-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: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }

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

  .w-commerce-commercelayoutmain {
    flex-basis: auto;
    margin-right: 0;
  }

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

@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 {
    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: #333;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

h1 {
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 44px;
  font-weight: 200;
  line-height: 52px;
}

h2 {
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 32px;
  font-weight: 200;
  line-height: 34px;
}

h3 {
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 26px;
  font-weight: 200;
  line-height: 28px;
}

h4 {
  margin-top: 10px;
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: 700;
  line-height: 20px;
}

h5 {
  letter-spacing: 3px;
}

h6 {
  color: var(--dark-grey);
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 200;
  line-height: 18px;
}

p {
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 200;
  line-height: 1.5rem;
}

a {
  color: var(--leading-color);
  text-decoration: none;
}

li {
  margin-bottom: 8px;
  font-size: 16px;
  font-weight: 200;
  line-height: 1.5rem;
}

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

blockquote {
  border-top: 5px solid var(--leading-color);
  background-color: var(--soft-black);
  color: #fff;
  border-left: 0 solid #000;
  margin-top: 40px;
  margin-bottom: 40px;
  padding: 28px;
  font-size: 22px;
  font-weight: 200;
  line-height: 32px;
}

figure {
  margin-top: 40px;
  margin-bottom: 40px;
}

figcaption {
  text-align: center;
  margin-top: 5px;
  font-weight: 200;
}

.navigation {
  z-index: 100;
  position: fixed;
  inset: 0% 0% auto;
}

.navbar-no-shadow-container {
  z-index: 5;
  background-color: #0000;
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 40px 80px;
}

.container-regular {
  width: 100%;
  min-height: 30px;
  margin-left: auto;
  margin-right: auto;
}

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

.nav-link {
  z-index: auto;
  color: #fff;
  letter-spacing: 3px;
  text-transform: uppercase;
  margin: 5px;
  padding: 10px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
  transition: all .2s;
}

.nav-link:hover {
  color: var(--leading-color);
  letter-spacing: 3px;
}

.nav-link:lang(en) {
  display: block;
}

.nav-link.w--current {
  background-color: var(--washed-black);
  color: #fff;
  border-radius: 15px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.nav-link.w--current:hover {
  color: var(--leading-color);
  border-radius: 5px;
}

.nav-link.home, .nav-link.home.w--current {
  display: block;
}

.menu-button {
  z-index: 1000;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  cursor: pointer;
  background-color: #323235cc;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 70px;
  transition: all .3s;
  display: flex;
  position: relative;
}

.menu-button:hover {
  background-color: #5e5e64cc;
}

.menu-button.w--open {
  background-color: #323235cc;
}

.main-logo {
  width: 200px;
}

.body {
  background-color: var(--black);
  color: #fff;
  font-family: Manrope, sans-serif;
}

.body.leading-color {
  background-color: var(--leading-color);
}

.body.soft-black-color {
  background-color: var(--soft-black);
}

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

.section.top-margin-240px {
  margin-top: 240px;
}

.container {
  max-width: 100vw;
  min-height: 100vh;
  padding: 80px;
}

.container.hero {
  background-color: var(--soft-black);
  min-height: 110vh;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
}

.container.category {
  z-index: 1;
  background-color: var(--black);
  justify-content: space-between;
  align-items: flex-start;
  padding-top: 200px;
  padding-bottom: 100px;
  display: flex;
  position: relative;
}

.container.zero-padding {
  min-height: auto;
  padding: 0;
  position: relative;
}

.container.features-container {
  background-color: var(--soft-black);
  flex-direction: column;
  justify-content: center;
  min-height: auto;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.container.container-footer {
  min-height: auto;
}

.container.container-short-info {
  background-color: var(--soft-black);
  min-height: auto;
  padding-bottom: 160px;
  padding-left: 0;
  padding-right: 0;
}

.container.testimonials-container {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 160px;
  padding-bottom: 200px;
  display: flex;
}

.container.multi-gallery {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 1140vw;
  display: flex;
  position: relative;
}

.container.project-cms-page {
  height: auto;
  min-height: auto;
  padding: 0;
  position: relative;
}

.container.rich-text {
  min-height: auto;
  display: flex;
  position: relative;
}

.container.project-gallery {
  min-height: auto;
  padding-left: 0;
  padding-right: 0;
}

.container.frame {
  border-radius: 14px;
  flex-direction: column;
  align-items: center;
  min-height: auto;
  padding: 0;
}

.intro-content {
  width: 90%;
  padding-bottom: 10px;
}

.main-split {
  color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 100%;
  padding-right: 64px;
  display: flex;
}

.styleguide-wrapper {
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 200px;
  display: flex;
}

.styleguide-split {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 200px;
  display: flex;
}

.list-circles {
  list-style-type: disc;
}

.link {
  color: var(--leading-color);
  font-weight: 200;
  text-decoration: none;
}

.link:hover {
  color: #fff;
}

.logo-large {
  width: 400px;
}

.typography-wrapper {
  flex-wrap: wrap;
  display: flex;
}

.typography-wrapper.style-guide-typo {
  flex-direction: column;
  margin-left: 28px;
}

.typography-block-parent {
  margin-right: 0;
}

.list-numbers {
  list-style-type: decimal;
}

.margin-48px {
  height: auto;
  margin-bottom: 48px;
}

.form-block {
  width: 100%;
}

.error-message {
  text-align: center;
  background-color: #ff4157;
}

.block-quote {
  font-size: 22px;
  font-weight: 200;
}

.contact-field {
  border-style: solid;
  border-width: 0 0 1px;
  border-color: black black var(--washed-black);
  color: #fff;
  background-color: #0000;
  margin-bottom: 20px;
  padding-left: 0;
  font-weight: 200;
  transition: all .3s;
}

.contact-field:hover {
  border-bottom-color: var(--dark-grey);
}

.contact-field.message-field {
  min-height: 100px;
}

.color-palette-wrapper {
  border: 1px solid var(--soft-black);
  letter-spacing: 1px;
  border-radius: 14px;
  flex-direction: column;
  justify-content: space-between;
  width: 256px;
  height: 140px;
  display: flex;
  overflow: hidden;
}

.typography-block {
  background-color: var(--soft-black);
  justify-content: flex-start;
  align-items: center;
  width: 320px;
  height: 85px;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 8px;
  display: flex;
}

.heading {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 50px;
  line-height: 64px;
}

.heading.h3 {
  font-size: 26px;
  font-weight: 200;
  line-height: 28px;
}

.heading.h2 {
  color: var(--ghost-white);
  font-size: 32px;
  font-weight: 200;
  line-height: 34px;
}

.heading.h1 {
  font-size: 44px;
  font-weight: 200;
  line-height: 52px;
}

.heading.h1.large {
  width: 100%;
  font-size: 68px;
  font-weight: 200;
  line-height: 78px;
}

.heading.h5 {
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
}

.heading.h6 {
  color: var(--dark-grey);
  letter-spacing: 3px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
}

.heading.h6.margin-20px {
  margin-bottom: 20px;
}

.heading.h4 {
  font-size: 18px;
  font-weight: 700;
  line-height: 20px;
}

.paragraph {
  color: var(--ghost-white);
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 200;
  line-height: 1.5rem;
}

.paragraph.large {
  object-fit: fill;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  overflow: visible;
}

.paragraph.large.projects-brief {
  color: var(--soft-black);
}

.paragraph.small {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}

.paragraph.color-name {
  color: #fff;
  text-transform: uppercase;
  margin: 8px;
  font-size: 14px;
  font-weight: 300;
}

.caption {
  font-weight: 300;
}

.caption.caption-small {
  font-size: .85rem;
  font-weight: 700;
}

.text-highlight {
  background-color: var(--black);
  justify-content: center;
  align-items: center;
  width: 36%;
  height: 100%;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.margin-32px {
  height: auto;
  margin-bottom: 32px;
  font-weight: 300;
}

.list-item {
  margin-bottom: 8px;
  font-size: 16px;
  font-weight: 300;
}

.leading-color {
  background-color: var(--leading-color);
  width: 100%;
  height: 100%;
}

.leading-color-text-span {
  color: var(--leading-color);
}

.margin-20px {
  height: auto;
  margin-bottom: 20px;
}

.button-secondary {
  background-color: var(--leading-color);
  color: var(--black);
  letter-spacing: 2px;
  text-transform: uppercase;
  padding: 12px 24px;
  font-size: 12px;
  font-weight: 400;
  text-decoration: none;
  transition: all .4s;
}

.button-secondary:hover {
  letter-spacing: 2px;
  background-color: #fff;
}

.button-icon {
  width: 22px;
  height: 22px;
}

.button-icon.envelope {
  width: 28px;
  height: 28px;
}

.button-wrapper {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  cursor: pointer;
  background-color: #dfe6ff1a;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 70px;
  padding: 12px;
  display: flex;
}

.button-wrapper.features-button-bg {
  background-color: #fff;
}

.margin-64px {
  height: auto;
  margin-bottom: 64px;
}

.features-card {
  flex-direction: column;
  justify-content: center;
  width: 33.333%;
  min-height: 100vh;
  padding: 80px;
  display: flex;
}

.button-tertiary {
  background-color: var(--leading-color);
  color: var(--black);
  text-align: center;
  letter-spacing: 3px;
  text-transform: uppercase;
  padding: 16px;
  text-decoration: none;
  transition: all .2s;
}

.button-tertiary:hover {
  background-color: var(--ghost-white);
}

.button-tertiary.project-service-section {
  margin-left: 24px;
  padding-left: 32px;
  padding-right: 32px;
}

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

.navigation-links {
  opacity: 1;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #323235cc;
  border-radius: 100px;
  align-items: center;
  height: 70px;
  margin-right: 20px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.top-line {
  border-bottom: 1px solid #fff;
  width: 22px;
  display: flex;
}

.bottom-line {
  border-bottom: 1px solid #fff;
  width: 22px;
  margin-top: 8px;
  display: flex;
}

.menu-button-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
  position: relative;
}

.category-item {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--washed-black);
  border-radius: 52px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  place-items: center stretch;
  width: 100%;
  padding: 16px 16px 16px 32px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.open-button {
  z-index: 1;
  background-color: var(--leading-color);
  border-radius: 100px;
  min-width: 70px;
  min-height: 70px;
  display: none;
}

.plus-top-line, .plus-bottom-line {
  border-bottom: 1px solid var(--black);
  width: 22px;
  height: 1px;
  position: absolute;
}

.open-buttom-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 30px;
  display: flex;
  position: relative;
}

.category-card-title {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.category-list {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  display: grid;
}

.category-list-wrapper {
  width: 100%;
}

.wide-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: wrap;
  grid-template-rows: 1fr;
  grid-template-columns: .75fr;
  grid-auto-rows: minmax(auto, .25fr);
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  justify-content: flex-start;
  margin-left: 16px;
  margin-right: 16px;
  display: flex;
}

.wide-grid._1080px {
  max-width: 1080px;
}

.wide-grid.article-card {
  grid-template-columns: .5fr 1fr;
  width: 100%;
  margin-left: 0;
  margin-right: 20px;
  display: block;
}

.about-info {
  flex-direction: column;
  justify-content: center;
  height: 100vh;
  padding: 80px;
  display: flex;
}

.about-info.green-yellow {
  background-color: var(--leading-color);
  border-radius: 14px;
  height: 140vh;
}

.black-text-span {
  color: var(--black);
}

.metrics-wrapper {
  background-color: var(--soft-black);
  border-radius: 14px;
  flex-direction: column;
  justify-content: center;
  padding: 80px;
  display: flex;
}

.about-text-wrapper {
  flex-direction: column;
  width: 400px;
  margin-right: 16px;
  display: flex;
}

.metrics-image-wrapper {
  border-radius: 14px;
  height: 100%;
  overflow: hidden;
}

.image {
  object-fit: cover;
  height: 100%;
}

.mail-button {
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.wrapper-400px {
  max-width: 400px;
}

.slider-wrapper {
  width: 100%;
  max-width: 100vw;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
}

.cards-slider {
  background-color: #0000;
  max-width: 100vw;
  height: auto;
  margin-top: 50px;
  margin-left: 342px;
  margin-right: auto;
}

.card-slide-wrapper {
  width: 320px;
  height: 400px;
  margin-right: 16px;
}

.slider-card {
  color: #fff;
  background-color: #0000;
  border-radius: 14px;
  flex-direction: column;
  align-items: stretch;
  height: 100%;
  padding: 24px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.testimonial-image {
  object-fit: cover;
  border-radius: 50%;
  width: 70px;
  height: 70px;
  margin-right: 16px;
}

.testimonial-slider-left {
  justify-content: center;
  align-items: center;
  display: flex;
  left: -205px;
  transform: rotate(-180deg);
}

.testimonial-slider-left:focus-visible, .testimonial-slider-left[data-wf-focus-visible] {
  outline-offset: 0px;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.arrow-wrapper {
  background-color: var(--black);
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 70px;
  transition: all .2s;
  display: flex;
}

.arrow-wrapper:hover {
  background-color: #dfe6ff1a;
}

.slider-arrow-embed {
  color: #1a1b1f;
  width: 22px;
}

.testimonial-slider-right {
  justify-content: center;
  align-items: center;
  display: flex;
  right: 65px;
}

.testimonial-slider-right:focus-visible, .testimonial-slider-right[data-wf-focus-visible] {
  outline-offset: 0px;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.testimonial-slide-nav {
  display: none;
}

.card-mask {
  width: 320px;
  height: 400px;
  overflow: visible;
}

.card-button {
  justify-content: center;
  display: flex;
  position: absolute;
  inset: auto 0% 20px;
}

.card-button.article-card {
  bottom: 0;
}

.slider-collection-list-wrapper, .slider-collection-list {
  height: 100%;
}

.slider-item {
  width: 320px;
  height: 100%;
}

.card-tagline {
  color: var(--dark-grey);
  margin-top: 16px;
  font-size: 26px;
  font-weight: 200;
  line-height: 28px;
}

.card-tagline.article-card {
  margin-bottom: 0;
}

.footer-dark {
  background-color: var(--soft-black);
  padding-top: 160px;
  position: relative;
}

.footer-wrapper {
  grid-column-gap: 17px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: .5fr 1.25fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-start;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.footer-content {
  grid-column-gap: 70px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: auto auto 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-around;
  padding-right: 48px;
  display: flex;
}

.footer-block {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  min-width: 200px;
  display: flex;
}

.footer-block.social-media {
  max-width: 280px;
  color: var(--dark-grey);
  flex-direction: row;
  align-items: flex-end;
}

.title-small {
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 12px;
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
}

.footer-link {
  color: var(--dark-grey);
  letter-spacing: 3px;
  margin-top: 12px;
  margin-bottom: 6px;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
  transition: all .3s;
}

.footer-link:hover {
  color: var(--leading-color);
}

.footer-social-block {
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 12px;
  margin-left: 12px;
  display: flex;
}

.footer-social-link {
  margin-left: 20px;
  transition: all .3s;
}

.footer-social-link:hover {
  opacity: .57;
}

.footer-logo {
  width: 250px;
}

.short-info {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--leading-color);
  border-radius: 14px;
  flex-direction: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  margin-left: 16px;
  margin-right: 16px;
  padding: 80px;
  display: grid;
}

.about-metrics-wrapper {
  align-items: flex-end;
  display: flex;
}

.metrics-grid {
  grid-template-columns: 1fr;
}

.soft-black-text-span {
  color: var(--soft-black);
}

.metric-icon {
  border: 1px solid var(--leading-color-dark);
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 70px;
  display: flex;
}

.metric-icon-image {
  width: 22px;
  height: 22px;
}

.metric-block {
  align-items: center;
  margin-bottom: 16px;
  margin-right: 16px;
  display: flex;
}

.metric-text {
  margin-left: 14px;
}

.grey-text-span {
  color: var(--dark-grey);
}

.leading-color-dark-text-span {
  color: var(--leading-color-dark);
}

.testimonial-box-wrapper {
  background-color: var(--soft-black);
  border-radius: 14px;
  padding: 24px;
}

.testimonial-text-block {
  margin-top: 24px;
  font-size: 26px;
  font-weight: 200;
  line-height: 38px;
}

.testimonial-sign {
  margin-top: 24px;
  margin-bottom: 24px;
  font-size: 16px;
}

.testimonial-logo {
  width: 70px;
  height: 70px;
}

.image-and-logo {
  border-bottom: 1px solid var(--black);
  justify-content: space-between;
  padding-bottom: 24px;
  display: flex;
}

.title-page-wrapper {
  flex-direction: column;
  align-items: flex-start;
  margin-left: 40px;
  margin-right: 40px;
  display: flex;
}

.title-page-wrapper.tetsimonial-title {
  margin-bottom: 48px;
}

.title-page-wrapper.center-align {
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.cta {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--ghost-white);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  margin-left: 64px;
  margin-right: 64px;
  padding: 80px;
  display: grid;
}

.cta-text-wrapper {
  width: 400px;
  margin-right: 16px;
}

.cta-e-mail-form {
  color: var(--soft-black);
}

.e-mail-field {
  border-style: solid;
  border-width: 0 0 1px;
  border-color: black black var(--dark-grey);
  background-color: var(--ghost-white);
}

.submit-button {
  background-color: var(--leading-color);
  width: 100%;
  color: var(--soft-black);
  letter-spacing: 3px;
  text-transform: uppercase;
  border-radius: 100px;
  padding: 16px;
  transition: all .2s;
}

.submit-button:hover {
  background-color: var(--washed-black);
  color: var(--leading-color);
}

.text-link {
  color: var(--soft-black);
}

.text-link:hover {
  color: var(--leading-color-dark);
}

.logo-footer-block {
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  margin-top: auto;
  display: flex;
}

.social-media-icon {
  height: 16px;
}

.multi-gallery-wrapper {
  justify-content: center;
  align-items: flex-start;
  height: 700px;
  margin-top: 120px;
  margin-bottom: 120px;
  display: flex;
  overflow: hidden;
}

.multi-gallery-wrapper.categories {
  height: auto;
}

.multi-gallery-wrapper.projects-page {
  height: 100%;
  overflow: visible;
}

.project-card {
  color: #fff;
  cursor: pointer;
  border-radius: 14px;
  width: 320px;
  height: 400px;
  padding: 24px;
  text-decoration: none;
  position: relative;
  overflow: hidden;
}

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

.multi-gallery-item {
  cursor: pointer;
}

.multi-gallery-project-image {
  z-index: -2;
  filter: blur(2px) brightness(40%);
  object-fit: cover;
  border-radius: 14px;
  width: 100%;
  height: 120%;
  position: absolute;
  inset: 0%;
}

.multi-gallery-project-name {
  color: var(--leading-color);
  font-size: 26px;
  line-height: 28px;
}

.show-hide-line {
  background-image: linear-gradient(to bottom, #15151700, #151517d6 57%, var(--black) 82%);
  width: 100%;
  height: 290px;
}

.primary-button {
  background-color: var(--soft-black);
  color: var(--leading-color);
  text-align: center;
  cursor: pointer;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.primary-button:hover {
  color: var(--ghost-white);
}

.primary-button.category {
  color: var(--leading-color);
  font-size: 10px;
  text-decoration: none;
}

.primary-button.category:hover {
  color: #fff;
}

.primary-button.category:visited {
  background-color: var(--washed-black);
}

.primary-button.category.w--current {
  background-color: var(--washed-black);
  color: #fff;
}

.primary-button.all-articles {
  background-color: var(--washed-black);
}

.primary-button-text {
  letter-spacing: 3px;
  text-transform: uppercase;
  padding: 8px 16px;
}

.multi-gallery-button-wrapper {
  flex-direction: column;
  align-items: center;
  width: 1140px;
  display: flex;
  position: absolute;
  inset: auto auto 126px;
}

.secondary-button-wrapper {
  border-top: 1px solid #96969663;
  justify-content: center;
  width: 100%;
  padding-top: 32px;
  display: flex;
}

.secondary-button-wrapper.category {
  border-top-width: 0;
  justify-content: flex-start;
  width: auto;
  margin-bottom: 20px;
  padding-top: 0;
}

.secondary-button-wrapper.category-all {
  border-top-width: 0;
  justify-content: flex-start;
  width: auto;
  margin-bottom: 20px;
  margin-left: 8px;
  margin-right: 8px;
  padding-top: 0;
}

.project-main-image-wrapper {
  object-fit: cover;
  align-items: center;
  max-height: 100vh;
  display: flex;
  overflow: hidden;
}

.project-title-wrapper {
  background-color: var(--leading-color);
  width: 50%;
  color: var(--black);
  flex-direction: column;
  justify-content: flex-end;
  padding: 200px 80px 40px;
  display: flex;
}

.project-title-wrapper.two {
  background-color: var(--soft-black);
  color: #fff;
}

.project-header-wrapper {
  justify-content: center;
  display: flex;
}

.info-top {
  z-index: 1;
  background-color: var(--black);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 28px;
  display: flex;
  position: fixed;
  inset: auto 0% 0%;
  overflow: hidden;
}

.link-infobar {
  color: var(--leading-color);
  white-space: nowrap;
  margin-left: 4px;
  font-size: 12px;
}

.info-top-dot {
  border-right: 1px solid var(--dark-grey);
  background-color: var(--washed-black);
  white-space: nowrap;
  border-radius: 20px;
  height: 8px;
  margin-left: 18px;
  margin-right: 18px;
}

.infobar-wrapper {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.rich-text-wrapper {
  width: 70%;
  height: 100%;
  padding-right: 32px;
}

.services-wrapper {
  background-color: var(--soft-black);
  flex-direction: column;
  align-items: flex-start;
  width: 30%;
  height: 100%;
  margin-top: 20px;
  padding-top: 28px;
  padding-bottom: 28px;
  display: flex;
  position: sticky;
  top: 20px;
}

.details-text {
  color: var(--dark-grey);
  font-size: 16px;
}

.other-images-cms-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-around;
  height: 100%;
  display: flex;
}

.other-images-cms-wrapper {
  height: auto;
  margin-top: 15px;
}

.project-text-title-wrapper {
  flex-direction: column;
  justify-content: flex-end;
}

.margin-200px {
  height: auto;
  margin-bottom: 200px;
}

.page-header {
  background-color: var(--washed-black);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  flex-direction: column;
  justify-content: flex-end;
  width: 50%;
  height: 100vh;
  padding: 200px 80px 80px;
  display: flex;
}

.page-header.article-main-image {
  border-top-right-radius: 14px;
  flex-direction: row;
  justify-content: center;
  width: 50%;
  padding: 0;
  overflow: hidden;
}

.page-header.left {
  border-top-left-radius: 14px;
  overflow: hidden;
}

.page-content {
  background-color: var(--soft-black);
  color: var(--black);
  padding: 80px;
  position: relative;
}

.page-tagline-wrapper {
  color: var(--dark-grey);
}

.horizontal-wrapper {
  display: flex;
}

.article-main-image {
  filter: saturate(0%);
  object-fit: cover;
  border-top-right-radius: 14px;
  transition: all .4s;
}

.article-main-image:hover {
  filter: saturate();
}

.articles-main-wrapper {
  background-color: var(--soft-black);
  border-radius: 14px;
  margin: 16px;
  overflow: hidden;
}

.article-autor-wrapper {
  align-items: center;
  margin-top: 48px;
  padding-top: 16px;
  display: flex;
}

.article-autor-wrapper.article-card {
  justify-content: center;
  margin-top: 0;
  padding-top: 0;
}

.autor-name-wrapper {
  margin-left: 16px;
}

.autor-name {
  font-weight: 700;
}

.autor-position {
  font-weight: 200;
}

.autor-image {
  border-radius: 14px;
  width: 48px;
}

.article-other-images {
  filter: saturate(0%);
  transition: all .4s;
}

.article-other-images:hover {
  filter: saturate();
}

.white-text-span {
  color: #fff;
}

.project-categories-collection-list {
  display: flex;
}

.project-categories-item {
  margin-left: 8px;
  margin-right: 8px;
}

.category-buttons-wrapper {
  justify-content: center;
  width: 100%;
  display: flex;
}

.infobar-text {
  white-space: nowrap;
  font-size: 12px;
}

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

.category-card-top-wrapper {
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.category-card-content-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1.75fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-end;
  height: 100%;
  margin-top: 20px;
  margin-bottom: 16px;
  display: grid;
}

.category-description-big {
  color: var(--dark-grey);
  font-size: 16px;
  font-weight: 200;
  line-height: 1.5rem;
}

.category-description-small {
  color: var(--ghost-white);
  font-size: 12px;
  font-weight: 200;
}

.category-cms-gallery-image {
  object-fit: cover;
  border-radius: 20px;
  margin-top: 0;
  margin-bottom: 5px;
}

.cms-gallery-wrapper {
  border-radius: 14px;
  height: auto;
  overflow: hidden;
}

.empty-state {
  display: none;
}

.empty-state-2 {
  background-color: #0000;
}

.features-articles-wrapper {
  margin-top: 80px;
  margin-left: 16px;
  margin-right: 16px;
}

.single-article-card {
  background-color: var(--washed-black);
  width: 100%;
  color: var(--ghost-white);
  border-radius: 14px;
  flex-flow: row;
  margin-bottom: 16px;
  padding: 24px 16px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.single-article-card.w--current {
  position: relative;
}

.article-card-short-description {
  margin-bottom: 0;
  line-height: 1.5rem;
}

.article-card-button {
  flex-direction: column;
  display: flex;
}

.article-card-button-and-autor {
  flex-direction: column;
  justify-content: center;
  display: flex;
  position: relative;
}

.category-empty-state {
  background-color: var(--washed-black);
  text-align: center;
  letter-spacing: 3px;
  text-transform: uppercase;
  padding-left: 28px;
  padding-right: 28px;
}

.select-field {
  border-style: solid;
  border-width: 0 0 1px;
  border-color: black black var(--washed-black);
  color: var(--dark-grey);
  background-color: #f3f3f300;
  padding-left: 0;
  font-weight: 200;
  transition: all .3s;
}

.select-field:hover {
  border-bottom-color: var(--dark-grey);
}

.succes-message {
  background-color: var(--leading-color);
  color: var(--soft-black);
}

.divider {
  border-bottom: 1px solid var(--washed-black);
  width: 100%;
  padding-bottom: 0;
}

.company-data-text {
  letter-spacing: 3px;
  font-weight: 200;
  line-height: 1.5rem;
  text-decoration: none;
}

.company-data-text.footer-link {
  color: var(--ghost-white);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
}

.contact-icon {
  width: 20px;
  margin-right: 16px;
}

.contact-wrapper {
  display: flex;
}

.contact-wrapper.navigation-links {
  align-items: center;
}

.about-us-quote {
  color: var(--leading-color);
  text-align: center;
  padding-left: 48px;
  padding-right: 48px;
  font-size: 28px;
  font-style: italic;
  font-weight: 200;
  line-height: 2.5rem;
}

.quote-sign {
  width: 22px;
}

.quote-wrapper {
  text-align: center;
}

.quote-wrapper.top-margin {
  margin-top: 0;
}

.quote-sign-wrapper.left {
  display: flex;
}

.quote-sign-wrapper.right {
  justify-content: flex-end;
  display: flex;
}

.team-member-wrapper {
  border-bottom: 1px solid var(--washed-black);
  margin-top: 32px;
  padding-bottom: 32px;
}

.team-member-image {
  filter: saturate(0%);
  margin-bottom: 32px;
  transition: all .2s;
}

.team-member-image:hover {
  filter: saturate();
}

.member-name {
  margin-bottom: 8px;
  margin-left: 16px;
  font-size: 20px;
  font-weight: 400;
}

.position {
  margin-left: 16px;
}

.list-block {
  border-top: 1px solid var(--washed-black);
  margin-bottom: 16px;
  padding-top: 10px;
}

.award-name {
  margin-top: 6px;
  margin-bottom: 6px;
  font-size: 20px;
}

.about-large-photo-wrapper {
  background-image: linear-gradient(to bottom, #fff0 29%, var(--black) 99%), url('../images/designer-work-office.jpg');
  filter: saturate(0%);
  background-position: 0 0, 50%;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
  height: 100vh;
  overflow: hidden;
}

.footer-info {
  margin-top: 100px;
  margin-bottom: 12px;
  font-size: 14px;
  line-height: 1.5rem;
}

.radio-button-field {
  color: var(--dark-grey);
  align-items: center;
  margin-right: 16px;
  transition: all .2s;
  display: inline-block;
}

.radio-button-field:hover {
  color: #fff;
}

.contact-method-wrapper {
  border-bottom: 1px solid var(--washed-black);
  margin-bottom: 20px;
  padding-top: 8px;
  padding-bottom: 8px;
  transition: all .3s;
}

.contact-method-wrapper:hover {
  border-bottom-color: var(--dark-grey);
}

.contact-form-text-block {
  color: var(--dark-grey);
  margin-bottom: 12px;
  font-weight: 200;
}

.radio-button {
  margin-bottom: 2px;
  margin-right: 8px;
}

.product-card {
  width: 320px;
  color: var(--soft-black);
  border: 1px solid #0000;
  border-radius: 14px;
  margin-bottom: 32px;
  padding: 16px 16px 32px;
  text-decoration: none;
  transition: all .2s;
}

.product-card:hover {
  background-color: var(--soft-black);
}

.card-product-name {
  color: var(--ghost-white);
  margin-bottom: 0;
  line-height: 2rem;
  text-decoration: none;
}

.card-product-image {
  border-radius: 14px;
  margin-bottom: 16px;
}

.card-product-price {
  color: var(--leading-color);
  margin-top: 8px;
  font-size: 14px;
  font-weight: 400;
}

.card-product-price.bold {
  font-weight: 700;
}

.cart {
  background-color: #323235b3;
  border-radius: 100px;
  padding: 8px;
  transition: all .2s;
}

.cart:hover {
  background-color: #323235;
}

.cart-button {
  background-color: #3898ec00;
}

.cart-image {
  width: 18px;
  margin-right: 16px;
}

.cart-quantity {
  background-color: var(--leading-color);
  color: var(--black);
}

.cart-wrapper {
  z-index: 100;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  margin-bottom: 16px;
  margin-right: 80px;
  display: flex;
  position: fixed;
  inset: auto 0% 0% auto;
}

.cart-container {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #323235cc;
}

.cart-header {
  border-bottom-color: var(--dark-grey);
}

.cart-product-name {
  font-size: 18px;
  font-weight: 200;
}

.remove-button {
  color: #858585;
  text-decoration: none;
}

.remove-button:hover {
  color: #ff556f;
}

.cart-quantity-2 {
  border-color: var(--dark-grey);
  background-color: #fafafa00;
  font-weight: 200;
}

.subtotal-price {
  color: var(--leading-color);
  font-weight: 400;
}

.cart-footer {
  border-top-color: var(--dark-grey);
}

.checkout-button {
  background-color: var(--leading-color);
  color: var(--black);
  letter-spacing: 1px;
  text-transform: uppercase;
  border-radius: 100px;
}

.close-button {
  position: relative;
}

.card-heading {
  font-size: 18px;
}

.product-wrapper {
  border-radius: 14px;
  margin: 16px;
  padding: 98px 16px 16px;
}

.product-picture {
  border-radius: 14px;
  margin-top: 8px;
  margin-bottom: 8px;
}

.product-description {
  margin-top: 32px;
  margin-bottom: 32px;
  font-weight: 200;
}

.product-price {
  color: var(--leading-color);
  font-size: 28px;
  font-weight: 200;
}

.product-title-cell {
  justify-content: space-between;
}

.add-to-cart {
  margin-top: 64px;
}

.quantity {
  border-color: var(--dark-grey);
  text-align: center;
  background-color: #fafafa00;
  border-radius: 100px;
  width: 70px;
  margin-top: 10px;
  margin-bottom: 0;
  margin-right: 16px;
  padding-left: 20px;
  font-weight: 200;
}

.add-to-cart-button {
  background-color: var(--leading-color);
  color: var(--black);
  letter-spacing: 1px;
  text-transform: uppercase;
  border-radius: 100px;
  margin-top: 10px;
  margin-right: 16px;
  padding-left: 32px;
  padding-right: 32px;
}

.buy-now-button {
  background-color: var(--ghost-white);
  color: var(--black);
  letter-spacing: 1px;
  text-transform: uppercase;
  border-radius: 100px;
  padding-left: 32px;
  padding-right: 32px;
}

.default-state {
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.quick-stack {
  padding-left: 0;
  padding-right: 0;
}

.collection-list-wrapper {
  border-radius: 14px;
  flex-direction: column;
  margin-bottom: 200px;
  display: flex;
  overflow: hidden;
}

.collection-list {
  flex-direction: row;
  display: flex;
}

.collection-item {
  margin-left: 8px;
  margin-right: 8px;
}

.long-description-wrapper {
  margin-top: 62px;
  margin-bottom: 62px;
}

.apple-pay {
  border-radius: 100px;
}

.checkout-form {
  background-color: #0000;
  margin-top: 200px;
}

.block-header {
  border-width: 0 0 1px;
  border-top-color: var(--leading-color);
  border-bottom-color: var(--black);
  background-color: #0000;
  padding-top: 10px;
}

.block-content {
  border-bottom-width: 0;
  border-right-width: 0;
  border-bottom-color: var(--dark-grey);
  background-color: #0000;
  border-left-width: 0;
}

.shipping-method {
  background-color: var(--soft-black);
  border-radius: 14px;
  overflow: hidden;
}

.shipping-method.two {
  border-bottom-color: var(--black);
  border-radius: 0;
}

.pay-with-browser {
  border-radius: 100px;
}

.email {
  border-width: 0 0 1px;
  border-bottom-color: var(--leading-color);
  background-color: #0000;
  border-radius: 0;
}

.customer-info, .shipping-address {
  background-color: var(--soft-black);
  border-radius: 14px;
}

.full-name, .street-address, .street-address-2, .city, .state-province, .zip-postal-code {
  border-width: 0 0 1px;
  border-bottom-color: var(--leading-color);
  background-color: #0000;
  border-radius: 0;
}

.country {
  border-width: 0;
  border-bottom-color: var(--leading-color);
  background-color: var(--washed-black);
  border-radius: 100px;
}

.order-summary-wrapper {
  background-color: var(--soft-black);
  border-radius: 14px;
  padding-left: 16px;
  padding-right: 16px;
  top: 139px;
}

.shipping-method-list {
  border-left-width: 0;
  border-right-width: 0;
}

.payment-info {
  background-color: var(--soft-black);
  border-radius: 14px;
}

.card-number, .expiration-date, .security-code {
  border-width: 0 0 1px;
  border-bottom-color: var(--leading-color);
  background-color: #0000;
  border-radius: 0;
}

.checkbox-label {
  margin-top: 4px;
}

.billing-address {
  background-color: var(--soft-black);
  border-radius: 14px;
}

.street-address-3, .street-address-4, .city-2, .state-province-2, .zip-postal-code-2 {
  border-width: 0 0 1px;
  border-bottom-color: var(--leading-color);
  background-color: #0000;
  border-radius: 0;
}

.country-2 {
  background-color: var(--washed-black);
  border-width: 0;
  border-radius: 100px;
}

.order-items {
  background-color: var(--soft-black);
  border-radius: 14px;
}

.order-item {
  border-bottom: 1px solid #000;
  padding-bottom: 20px;
}

.paypal-checkout-form, .order-confirmation {
  background-color: #0000;
  margin-top: 200px;
}

.line-item {
  align-items: flex-end;
}

.extra-items-list {
  flex-direction: column;
  justify-content: flex-end;
  display: flex;
}

.extra-item {
  align-items: flex-end;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  background-color: var(--soft-black);
  text-align: center;
  border-radius: 14px;
  flex-direction: column;
  justify-content: center;
  width: 400px;
  height: 400px;
  padding: 16px;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.background-video {
  z-index: 20;
  object-fit: none;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0;
  background-size: auto;
  border-radius: 14px;
  width: 100%;
  height: 62vh;
  overflow: clip;
}

.hero-quick-stack {
  padding-left: 0;
}

.hero-text-cell {
  justify-content: flex-start;
  padding-top: 160px;
}

.hero-cell-wrapper {
  background-color: var(--leading-color);
  width: 100%;
  height: 30vh;
  color: var(--black);
  border-radius: 14px;
  align-items: flex-start;
  display: flex;
  overflow: hidden;
}

.hero-image {
  object-fit: cover;
  height: 100%;
}

.hero-cell-text {
  padding-top: 5%;
  padding-left: 5%;
  padding-right: 5%;
  font-size: 20px;
  font-weight: 200;
  line-height: 2rem;
  display: flex;
}

.cell-wrapper {
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  padding: 12px;
  display: flex;
}

.rich-text {
  color: var(--ghost-white);
}

.error-state {
  color: var(--black);
  text-align: center;
  border-radius: 100px;
}

.page-not-found, .protected-page {
  color: var(--leading-color);
  font-size: 28px;
}

.text-field {
  border-style: solid;
  border-width: 0 0 1px;
  border-color: black black var(--dark-grey);
  background-color: #0000;
}

.category-card-name {
  margin-top: 0;
  margin-bottom: 0;
  line-height: 52px;
}

.color-grid {
  padding: 0;
}

.leading-color-dark {
  background-color: var(--leading-color-dark);
  width: 100%;
  height: 100%;
}

.ghost-white {
  background-color: var(--ghost-white);
  width: 100%;
  height: 100%;
}

.black-color {
  background-color: var(--black);
  width: 100%;
  height: 100%;
}

.soft-black {
  background-color: var(--soft-black);
  width: 100%;
  height: 100%;
}

.washed-black {
  background-color: var(--washed-black);
  width: 100%;
  height: 100%;
}

.dark-grey {
  background-color: var(--dark-grey);
  width: 100%;
  height: 100%;
}

.buy-template-wrapper {
  z-index: 101;
  position: fixed;
  inset: auto auto 16px 80px;
}

.license-image {
  width: 200px;
}

.cms-gallery-item {
  width: 100%;
  display: flex;
}

.container-2 {
  align-items: flex-start;
  margin-top: 76px;
  display: flex;
}

.text-block {
  color: var(--ghost-white);
  margin-right: 20px;
}

.text-block:hover {
  color: var(--leading-color);
}

.icon {
  color: #fff;
  margin-right: 10px;
}

.icon:hover {
  color: var(--leading-color);
}

.dropdown-list {
  color: #fff;
  background-color: #ddd0;
}

.dropdown-list.w--open {
  background-color: #2c2c2fc4;
  border-radius: 0 0 15px 15px;
  padding-top: 0;
  top: 60px;
}

.images-slider {
  width: 100%;
  height: 100vh;
  position: relative;
  overflow: hidden;
}

.images-slides-wrap {
  width: 100%;
  height: 100%;
}

.images-slide-background {
  object-fit: cover;
  width: 100%;
  min-width: 100%;
  height: 100%;
  min-height: 100%;
  max-height: 100%;
  position: absolute;
  inset: 0%;
}

.images-bg-wrap {
  position: absolute;
  inset: 0%;
}

.images-slide-background-overlay {
  pointer-events: none;
  background-image: linear-gradient(to top, #0000001a, #0006 50%, #0000001a);
  position: absolute;
  inset: 0%;
}

.images-slide-content {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 700px;
  display: flex;
}

.images-slide-description {
  color: #fffc;
  text-align: left;
  letter-spacing: 0;
  margin-bottom: 10px;
  font-size: 18px;
  line-height: 1.2;
}

.images-slide-container {
  width: 100%;
  max-width: 1170px;
  margin-left: auto;
  margin-right: auto;
  padding: 5em 2em;
  position: relative;
}

.images-slide {
  background-color: #ddd;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.slide_name-slide-button {
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
  color: #fff;
  background-color: #fff3;
  border-radius: 100px;
  padding: 14px 20px;
  font-size: 16px;
  line-height: 1;
  transition: box-shadow .4s, background-color .4s;
  box-shadow: 0 0 0 1px #fff6;
}

.slide_name-slide-button:hover {
  background-color: #ffffff4d;
  box-shadow: 0 0 0 1px #fff9;
}

.images-slide-wrap {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  height: 100%;
  display: flex;
}

.images-slide-title {
  color: #fff;
  text-align: left;
  letter-spacing: 0;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 60px;
  line-height: 1.2;
}

.images-arrows {
  z-index: 1;
  pointer-events: none;
  height: 100%;
  position: absolute;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.images-arrow-left {
  z-index: 1;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-left: 10px;
  display: flex;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.images-arrow-button {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  pointer-events: auto;
  color: #ffffffe6;
  cursor: pointer;
  background-color: #ffffff4d;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  padding: 10px;
  transition: box-shadow .4s, background-color .4s;
  display: flex;
  box-shadow: 0 0 0 1px #fffc;
}

.images-arrow-button:hover {
  color: #fff;
  background-color: #fff6;
  box-shadow: 0 0 0 1px #fff;
}

.images-arrow-left-icon {
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  height: 100%;
  min-height: 100%;
  max-height: 100%;
  display: flex;
}

.images-arrow-button-disabled {
  opacity: .5;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  pointer-events: auto;
  color: #ffffffe6;
  background-color: #ffffff4d;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  padding: 10px;
  transition: box-shadow .4s, background-color .4s;
  display: flex;
  box-shadow: 0 0 0 1px #fffc;
}

.images-arrow-right {
  z-index: 1;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0% 10px 0% auto;
}

.images-arrow-right-icon {
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  height: 100%;
  min-height: 100%;
  max-height: 100%;
  display: flex;
}

.images-animations, .images-utilities {
  display: none;
}

.empty-state-3 {
  background-color: #ddd0;
}

.dropdown {
  z-index: auto;
}

.text-block-2 {
  z-index: 5;
  margin-left: 10px;
  margin-right: 10px;
  position: relative;
  top: -63px;
}

.div-block-2 {
  display: block;
}

.image-4 {
  width: 100%;
}

.collection-item-4 {
  width: 30%;
  height: 100%;
  margin: 10px;
  overflow: hidden;
}

.collection-list-5 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.c-img-showcase-main {
  justify-content: center;
  align-items: center;
  height: 400px;
  padding: 10px;
  position: relative;
}

.img-showcase-sub-list {
  display: flex;
}

.cloneable-area {
  min-height: 50vh;
}

.cloneable-area.hide {
  display: block;
}

.c-img-showcase {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.img-showcase-sub-item {
  width: 50%;
  padding: 10px;
}

.main-showcase-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  inset: 0%;
}

.sub-showcase-img {
  cursor: pointer;
  object-fit: cover;
  border: 1px solid #2ea07c00;
  width: 100%;
  transition: all .2s;
}

.sub-showcase-img:hover {
  border-color: #2ea07c;
  transform: scale(1.05);
  box-shadow: 0 0 15px #2ea07c40;
}

.wrapper {
  width: 80%;
  padding-top: 25px;
  padding-bottom: 25px;
}

.collection-list-6 {
  column-count: 3;
  white-space: pre-line;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  padding-bottom: 25px;
  display: block;
}

.collection-item-5 {
  cursor: pointer;
  width: 100%;
  padding-top: 25px;
  position: relative;
}

.collection-list-7 {
  column-count: 3;
  white-space: pre-line;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  padding-bottom: 25px;
  display: block;
}

.collection-item-6 {
  cursor: pointer;
  width: 100%;
  padding-top: 25px;
  position: relative;
}

.collection-list-8 {
  column-count: 3;
  white-space: pre-line;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  padding-bottom: 25px;
  display: block;
}

.image-5 {
  z-index: auto;
  border-radius: 20px;
  width: 100%;
  position: relative;
}

.cover {
  z-index: 1;
  background-color: #99999940;
  border-radius: 25px;
  margin-top: 25px;
  display: none;
  position: absolute;
  inset: 0%;
}

.button {
  z-index: 3;
  background-color: #9687da;
  border-radius: 10px;
  font-weight: 700;
  display: none;
  position: absolute;
  inset: 40px 15px auto auto;
}

.button:hover {
  background-color: #5c4da0;
}

.collection-list-wrapper-7 {
  column-count: 3;
  column-gap: 25px;
  width: 90vw;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
}

.collection-item-7 {
  margin-bottom: 25px;
}

.img {
  width: 100%;
}

.div-block-3 {
  margin-top: 20px;
}

.text-span {
  color: var(--dark-grey);
}

.empty-state-4, .empty-state-5 {
  display: none;
}

.div-block-4 {
  display: flex;
}

.image-6 {
  width: 100%;
  height: 30vh;
  overflow: clip;
}

.image-7 {
  height: 40vh;
}

.image-8 {
  position: absolute;
  inset: 0% auto auto 0%;
}

.image-9 {
  z-index: 1;
  height: 100%;
  display: block;
  position: relative;
  inset: 0 0% 0%;
  overflow: hidden;
}

.image-10 {
  border-radius: 14px;
  width: 100%;
  display: block;
  overflow: hidden;
}

.div-block-5 {
  border-radius: 0;
  width: 30%;
  margin-top: 15px;
  position: static;
}

.image-11 {
  border-radius: 15px;
  width: 20%;
  margin-right: 20px;
}

.div-block-6.multi-gallery-project-image {
  z-index: -3;
  background-color: var(--dark-grey);
}

.image-13 {
  box-sizing: content-box;
  aspect-ratio: auto;
  object-fit: none;
  width: auto;
  height: 100%;
  margin-top: 0;
  position: relative;
  top: 0;
  overflow: visible;
}

.image-14 {
  z-index: 100;
  width: 20%;
  position: absolute;
}

@media screen and (min-width: 1280px) {
  h1 {
    font-size: 44px;
    line-height: 52px;
  }

  h2 {
    font-size: 32px;
    line-height: 34px;
  }

  h3 {
    font-size: 26px;
    line-height: 28px;
  }

  h4 {
    font-size: 18px;
    font-weight: 700;
    line-height: 20px;
  }

  h5 {
    font-size: 16px;
  }

  h6 {
    letter-spacing: 1px;
  }

  p {
    line-height: 34px;
  }

  blockquote {
    line-height: 38px;
  }

  .nav-link {
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .nav-link.home.w--current {
    display: block;
  }

  .block-quote {
    line-height: 38px;
  }

  .heading.h2 {
    color: var(--ghost-white);
  }

  .heading.h6 {
    line-height: 18px;
  }

  .paragraph {
    color: var(--ghost-white);
  }

  .open-button {
    display: none;
  }

  .wide-grid.article-card {
    display: block;
  }

  .metrics-wrapper {
    padding: 80px;
  }

  .slider-card {
    background-color: #0000;
    overflow: hidden;
  }

  .card-tagline {
    font-weight: 200;
  }

  .footer-block {
    align-items: center;
  }

  .title-page-wrapper {
    margin-left: 40px;
    margin-right: 40px;
  }

  .other-images-cms-grid {
    justify-content: space-around;
  }

  .single-article-card {
    flex-flow: row;
  }

  .background-video {
    display: block;
  }

  .container-2 {
    align-items: flex-start;
    display: flex;
  }

  .dropdown-list.w--open {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-top: 0;
    padding-bottom: 0;
    top: 50px;
  }

  .empty-state-3 {
    background-color: #ddd0;
  }

  .div-block-3 {
    margin-top: 20px;
    margin-bottom: 0;
  }

  .text-span {
    color: var(--dark-grey);
  }

  .image-6 {
    height: 30vh;
  }

  .image-7 {
    height: 40vh;
  }

  .image-11 {
    border-radius: 15px;
    width: 20%;
    margin-right: 20px;
  }

  .div-block-6.multi-gallery-project-image {
    z-index: -3;
    background-color: var(--dark-grey);
  }
}

@media screen and (min-width: 1440px) {
  .nav-link {
    margin-top: 5px;
    margin-bottom: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .nav-link.home.w--current {
    display: block;
  }

  .menu-button.w--open {
    background-color: #dfe6ff1a;
    justify-content: center;
    align-items: center;
  }

  .body {
    background-color: var(--black);
  }

  .heading.h2, .paragraph {
    color: var(--ghost-white);
  }

  .open-button {
    display: none;
  }

  .wide-grid {
    grid-template-rows: auto auto auto auto;
  }

  .wide-grid.article-card {
    grid-template-columns: .5fr;
    display: block;
  }

  .slider-card {
    background-color: #0000;
    overflow: hidden;
  }

  .footer-block {
    order: 0;
    align-items: center;
  }

  .metrics-grid {
    grid-template-columns: 1fr 1fr;
  }

  .title-page-wrapper {
    margin-left: 40px;
    margin-right: 40px;
  }

  .multi-gallery-grid {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .other-images-cms-grid {
    justify-content: space-around;
  }

  .single-article-card {
    flex-flow: row;
  }

  .quote-wrapper.top-margin {
    margin-top: 0;
  }

  .container-2 {
    align-items: flex-start;
    display: flex;
  }

  .dropdown-list.w--open {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    top: 50px;
  }

  .empty-state-3 {
    background-color: #ddd0;
  }

  .image-6 {
    height: 30vh;
  }

  .image-7 {
    height: 40vh;
  }

  .image-11 {
    border-radius: 15px;
    width: 20%;
    margin-right: 20px;
  }

  .div-block-6.multi-gallery-project-image {
    z-index: -3;
    background-color: var(--dark-grey);
  }
}

@media screen and (min-width: 1920px) {
  .nav-link {
    margin-top: 5px;
    margin-bottom: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .nav-link.home.w--current {
    background-color: var(--washed-black);
    display: block;
  }

  .section.top-margin-240px {
    height: auto;
    min-height: 100px;
  }

  .container {
    line-height: 2rem;
  }

  .container.project-cms-page {
    min-height: auto;
  }

  .container.project-gallery {
    padding-top: 0;
    padding-bottom: 0;
    overflow: visible;
  }

  .container.products-page {
    max-width: 1400px;
  }

  .intro-content {
    width: 80%;
  }

  .heading.h3 {
    z-index: 2;
    position: static;
  }

  .heading.h2 {
    color: var(--ghost-white);
  }

  .paragraph {
    font-size: 27px;
    line-height: 2.5rem;
  }

  .open-button {
    display: none;
  }

  .wide-grid {
    grid-template-rows: auto auto auto auto;
    grid-template-areas: ". . Area-3"
                         ". . ."
                         ". . ."
                         ". . .";
  }

  .wide-grid.article-card {
    grid-template-columns: .5fr;
    display: block;
  }

  .about-info.green-yellow {
    height: 150vh;
  }

  .image {
    position: relative;
    top: -41px;
  }

  .cards-slider {
    margin-left: 625px;
  }

  .card-slide-wrapper {
    overflow: hidden;
  }

  .slider-card {
    z-index: auto;
    background-color: #32323500;
    overflow: hidden;
  }

  .slider-collection-list-wrapper {
    overflow: visible;
  }

  .slider-collection-list {
    overflow: hidden;
  }

  .slider-item {
    position: static;
    overflow: visible;
  }

  .card-tagline {
    z-index: 2;
    position: static;
  }

  .short-info {
    padding-left: 120px;
    padding-right: 120px;
  }

  .title-page-wrapper {
    margin-left: 40px;
    margin-right: 40px;
  }

  .multi-gallery-grid {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .show-hide-line {
    z-index: 1;
  }

  .project-main-image-wrapper {
    justify-content: flex-end;
    width: 100%;
    max-height: none;
  }

  .project-main-image {
    width: 50%;
    overflow: clip;
  }

  .other-images-cms-grid {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    justify-content: space-around;
    align-items: start;
  }

  .other-images-cms-item {
    width: auto;
  }

  .other-images-cms-wrapper {
    align-items: start;
  }

  .category-cms-gallery-image {
    position: relative;
  }

  .single-article-card {
    flex-flow: row;
  }

  .quote-wrapper.top-margin {
    margin-top: 0;
  }

  .about-large-photo-wrapper {
    background-image: linear-gradient(180deg, #fff0 29%, var(--black) 99%);
  }

  .hero-text-cell {
    justify-content: center;
    padding-top: 0;
  }

  .hero-image {
    position: static;
  }

  .rich-text {
    margin-bottom: 80px;
  }

  .image-2 {
    width: 100%;
    display: inline-block;
  }

  .lightbox-link {
    mix-blend-mode: normal;
    justify-content: center;
    align-items: center;
    width: 22%;
    display: block;
    overflow: hidden;
  }

  .div-block {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .container-2 {
    align-items: flex-start;
    display: flex;
  }

  .dropdown-list {
    background-color: #323235cc;
  }

  .dropdown-list.w--open {
    background-color: #2c2c2fc4;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    top: 50px;
  }

  .collection-list-2 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: flex;
  }

  .collection-item-2 {
    display: block;
  }

  .slider {
    height: 100%;
  }

  .empty-state-3 {
    background-color: #15151700;
    border-radius: 20px;
  }

  .lightbox-link-2 {
    display: block;
  }

  .collection-list-wrapper-2 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: wrap;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 80%;
    display: block;
  }

  .image-3 {
    width: 100%;
  }

  .collection-list-3 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
    width: 25%;
    display: flex;
  }

  .collection-item-3 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: block;
  }

  .collection-list-wrapper-3, .collection-list-4 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: flex;
  }

  .collection-list-wrapper-7 {
    flex-flow: wrap;
    width: 80vw;
    max-width: none;
    display: block;
  }

  .collection-item-7 {
    margin: 0;
  }

  .collection-list-9 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: block;
  }

  .lightbox-link-3 {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .image-6 {
    height: 30vh;
  }

  .image-7 {
    height: 40vh;
  }

  .image-11 {
    border-radius: 15px;
    width: 20%;
    margin-right: 20px;
  }

  .image-12 {
    vertical-align: baseline;
    height: 120%;
    position: absolute;
    inset: 0%;
  }

  .image-12.multi-gallery-project-image {
    z-index: -2;
    filter: blur(2px) brightness(30%);
    object-fit: cover;
    overflow: hidden;
  }

  .div-block-6 {
    z-index: -3;
    background-color: var(--washed-black);
    width: 100%;
    height: 100%;
    position: absolute;
  }

  .div-block-6.multi-gallery-project-image {
    background-color: var(--dark-grey);
  }

  .empty-state-6 {
    display: none;
  }
}

@media screen and (max-width: 991px) {
  .navbar-no-shadow-container {
    padding-left: 40px;
    padding-right: 40px;
  }

  .nav-link {
    margin-top: 12px;
    margin-bottom: 12px;
    padding-left: 5px;
    padding-right: 5px;
  }

  .nav-link.home, .menu-button {
    display: flex;
  }

  .menu-button.w--open {
    color: #fff;
    background-color: #a6b1bf;
  }

  .main-logo {
    width: 180px;
  }

  .container {
    padding-left: 24px;
    padding-right: 24px;
  }

  .container.hero {
    padding-left: 40px;
    padding-right: 40px;
  }

  .container.rich-text {
    flex-direction: column;
  }

  .main-split {
    text-align: center;
    max-width: 100%;
    margin-bottom: 40px;
    padding-right: 0;
  }

  .error-message {
    background-color: var(--error);
    border-radius: 100px;
  }

  .heading.h1 {
    font-size: 44px;
    line-height: 58px;
  }

  .heading.h1.large {
    font-size: 62px;
    line-height: 72px;
  }

  .success-message {
    background-color: var(--success);
    color: var(--black);
    border-radius: 14px;
  }

  .button-secondary {
    border-radius: 100px;
  }

  .nav-menu-wrapper {
    position: relative;
  }

  .navigation-links {
    border-radius: 40px;
    flex-direction: column;
    height: auto;
    margin-right: 0;
    padding-top: 20px;
    padding-bottom: 20px;
    position: absolute;
    top: 92px;
    right: 0;
  }

  .menu-button-wrapper {
    height: 100%;
    margin-top: 0;
    margin-right: 0;
  }

  .category-item {
    border-radius: 14px;
    padding-top: 32px;
    padding-bottom: 16px;
    padding-left: 16px;
  }

  .open-button {
    display: block;
  }

  .category-list {
    grid-template-columns: 1fr;
  }

  .wide-grid {
    grid-template: "."
    / .25fr .75fr 1fr;
  }

  .wide-grid.article-card {
    margin-bottom: 20px;
    margin-right: auto;
  }

  .mail-button {
    display: none;
  }

  .slider-wrapper {
    max-width: 728px;
    margin-top: 120px;
    position: relative;
  }

  .cards-slider {
    margin-left: 202px;
    display: flex;
  }

  .testimonial-slider-left {
    margin-top: -128px;
    display: none;
    position: absolute;
    inset: 0% 81px auto auto;
  }

  .testimonial-slider-right {
    margin-top: -128px;
    display: none;
    position: absolute;
    inset: 0% 0% auto auto;
  }

  .card-button {
    display: none;
  }

  .footer-wrapper {
    text-align: center;
    grid-template-columns: 1fr;
  }

  .footer-content {
    grid-column-gap: 60px;
    flex-direction: column;
    margin-bottom: 40px;
    padding-right: 0;
  }

  .footer-block {
    align-items: center;
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .footer-block.social-media {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .footer-social-block {
    margin-left: 0;
  }

  .footer-social-link {
    margin-left: 5px;
    margin-right: 5px;
  }

  .title-page-wrapper {
    width: auto;
    height: auto;
    margin-left: 10px;
    margin-right: 10px;
  }

  .title-page-wrapper.center-align {
    height: auto;
  }

  .logo-footer-block {
    margin-bottom: 84px;
  }

  .multi-gallery-grid {
    grid-template-columns: 1fr 1fr;
  }

  .multi-gallery-project-image {
    opacity: .71;
  }

  .multi-gallery-button-wrapper, .project-title-wrapper {
    width: 100%;
  }

  .project-header-wrapper {
    flex-direction: column;
  }

  .rich-text-wrapper, .services-wrapper {
    width: 100%;
  }

  .other-images-cms-grid {
    grid-template-columns: 1fr;
  }

  .page-header.left {
    padding-left: 20px;
  }

  .article-main-image {
    filter: none;
  }

  .project-categories-collection-list, .category-buttons-wrapper {
    flex-direction: column;
    align-items: center;
  }

  .category-card-buttons {
    display: none;
  }

  .category-card-content-wrapper {
    grid-template-columns: 1fr;
    margin-bottom: 0;
  }

  .category-cms-gallery-image {
    height: 100%;
    position: relative;
  }

  .cms-gallery-wrapper {
    height: auto;
  }

  .single-article-card {
    flex-flow: wrap;
  }

  .single-article-card:hover {
    background-color: var(--leading-color);
    color: var(--black);
  }

  .category-empty-state {
    text-align: center;
  }

  .contact-wrapper.navigation-links {
    display: flex;
    position: static;
  }

  .footer-info {
    margin-top: 0;
  }

  .default-state {
    flex-direction: column;
    align-items: flex-start;
  }

  .background-video {
    z-index: 0;
    width: 120vw;
    position: relative;
    left: -50px;
    overflow: hidden;
  }

  .hero-quick-stack {
    margin-top: 40px;
    padding-right: 0;
  }

  .category-card-name {
    font-size: 32px;
    line-height: 38px;
  }

  .buy-template-wrapper {
    left: 24px;
  }

  .cms-gallery-list-wrapper {
    height: 100%;
  }

  .container-2 {
    align-items: flex-start;
    margin-top: 76px;
  }

  .dropdown-list.w--open {
    background-color: #2c2c2f;
    top: auto;
  }

  .images-slide-title {
    max-width: 100%;
    font-size: 50px;
  }

  .images-arrows {
    height: 70px;
  }

  .images-arrow-button, .images-arrow-button-disabled {
    width: 40px;
    height: 40px;
    padding: 6px;
  }

  .div-block-2 {
    display: none;
  }

  .collection-list-6, .collection-list-7, .collection-list-8 {
    column-count: 2;
  }

  .collection-list-wrapper-7 {
    column-count: 2;
    column-gap: 15px;
  }

  .collection-item-7 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .lightbox-link-3 {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .div-block-5 {
    width: 40%;
  }

  .image-11 {
    border-radius: 15px;
    width: 50%;
    margin-bottom: 20px;
  }

  .image-13 {
    height: 110%;
  }
}

@media screen and (max-width: 767px) {
  .navbar-no-shadow-container {
    padding: 16px;
    top: 19px;
  }

  .navbar-logo {
    z-index: 90;
    padding-left: 0;
  }

  .nav-link {
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
  }

  .main-logo {
    width: 200px;
  }

  .container, .container.hero, .container.category {
    padding-left: 16px;
    padding-right: 16px;
  }

  .styleguide-wrapper {
    align-items: flex-start;
  }

  .styleguide-split {
    align-items: center;
  }

  .logo-large {
    width: 200px;
  }

  .form-block {
    width: 100%;
  }

  .button-secondary:hover {
    background-color: var(--soft-black);
    color: var(--leading-color);
  }

  .nav-menu-wrapper {
    z-index: 100;
  }

  .navigation-links {
    z-index: 1000;
    display: none;
    position: absolute;
    top: 86px;
    right: -.5312px;
  }

  .category-list {
    grid-template-columns: 1fr;
  }

  .wide-grid {
    grid-column-gap: 0px;
    grid-template-columns: .75fr;
    grid-template-areas: ".";
    grid-auto-rows: 1.75fr;
    grid-auto-columns: .25fr;
    margin-left: 0;
    margin-right: 0;
  }

  .wide-grid.article-card {
    grid-template-columns: 1fr;
    justify-items: start;
  }

  .wide-grid.article-page {
    margin-left: 16px;
    margin-right: 16px;
  }

  .about-info.green-yellow {
    padding: 0 40px;
  }

  .metrics-wrapper {
    padding: 40px;
  }

  .slider-wrapper {
    margin-top: 60px;
    position: relative;
  }

  .card-slide-wrapper {
    max-width: 100%;
    margin-right: 0%;
  }

  .slider-card {
    margin-left: 10px;
    margin-right: 10px;
  }

  .testimonial-slider-left {
    margin-left: 0;
    margin-right: 20px;
    position: absolute;
    right: 89px;
  }

  .testimonial-slider-right {
    margin-left: 0;
    margin-right: 0;
    position: absolute;
    right: 2.6vw;
  }

  .footer-dark {
    padding-left: 15px;
    padding-right: 15px;
  }

  .footer-wrapper {
    flex-direction: column;
    align-items: center;
  }

  .footer-content {
    grid-template-columns: 1fr;
    margin-top: 40px;
  }

  .footer-block {
    align-items: center;
  }

  .footer-link:hover {
    color: #1a1b1fbf;
  }

  .footer-social-block {
    margin-top: 20px;
    margin-left: -20px;
  }

  .footer-social-link {
    margin-left: 5px;
  }

  .short-info {
    padding-left: 40px;
    padding-right: 40px;
  }

  .testimonial-sign {
    line-height: 24px;
  }

  .title-page-wrapper {
    margin-left: 20px;
  }

  .cta {
    grid-template-columns: 1fr;
    margin-left: 24px;
    margin-right: 24px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .cta-text-wrapper {
    margin-right: 0;
  }

  .multi-gallery-grid, .other-images-cms-grid {
    grid-template-columns: 1fr;
  }

  .other-images-cms-item {
    width: 80%;
  }

  .margin-200px {
    margin-bottom: 100px;
  }

  .page-header.article-main-image {
    border-top-right-radius: 0;
    width: 100%;
  }

  .page-header.left {
    border-top-right-radius: 14px;
    width: 100%;
    height: 100svh;
    padding-left: 16px;
    padding-right: 16px;
  }

  .page-content {
    padding-left: 16px;
    padding-right: 16px;
  }

  .horizontal-wrapper {
    border-top-left-radius: 14px;
    border-top-right-radius: 14px;
    flex-direction: column;
  }

  .article-main-image {
    height: 50vh;
  }

  .article-autor-wrapper.article-page {
    flex-direction: column;
    align-items: flex-start;
  }

  .autor-name-wrapper.article-page {
    margin-top: 16px;
    margin-left: 0;
  }

  .single-article-card {
    flex-flow: wrap;
  }

  .article-card-heading-wrapper, .article-card-short-description-wrapper {
    margin-bottom: 16px;
  }

  .cart-wrapper {
    margin-right: 16px;
  }

  .product-wrapper {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .collection-list {
    flex-direction: column;
  }

  .collection-item {
    margin-left: 0;
    margin-right: 0;
  }

  .container-2 {
    margin-top: 0;
  }

  .dropdown-list.w--open {
    top: auto;
  }

  .images-slide-description {
    font-size: 16px;
  }

  .images-slide-container {
    padding-left: 1em;
    padding-right: 1em;
  }

  .images-slide-title {
    font-size: 40px;
  }

  .c-img-showcase-main {
    height: 300px;
  }

  .collection-list-6 {
    column-count: 2;
  }

  .collection-item-5 {
    padding-top: 15px;
  }

  .collection-list-7 {
    column-count: 2;
  }

  .collection-item-6 {
    padding-top: 15px;
  }

  .collection-list-8 {
    column-count: 2;
  }

  .cover {
    margin-top: 15px;
  }

  .button {
    top: 30px;
  }

  .collection-list-wrapper-7 {
    column-gap: 15px;
  }

  .collection-item-7 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .image-6 {
    width: 100%;
    height: auto;
  }

  .div-block-5 {
    width: 100%;
  }

  .image-11 {
    border-radius: 15px;
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 479px) {
  .container.features-container {
    padding-left: 16px;
    padding-right: 16px;
  }

  .intro-content {
    width: 100%;
  }

  .styleguide-split {
    text-align: center;
  }

  .color-palette-wrapper {
    width: 100%;
  }

  .typography-block {
    width: 100%;
    padding-right: 8px;
  }

  .heading.h2 {
    font-size: 32px;
    line-height: 40px;
  }

  .heading.h1 {
    font-size: 40px;
    line-height: 50px;
  }

  .heading.h1.large {
    font-size: 54px;
    line-height: 64px;
  }

  .text-highlight {
    width: 30%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .category-list {
    grid-template-columns: 1fr;
  }

  .wide-grid {
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: .25fr;
  }

  .about-info.green-yellow {
    height: 170vh;
  }

  .about-text-wrapper {
    width: 100%;
  }

  .image {
    border-radius: 14px;
  }

  .slider-wrapper {
    max-width: none;
  }

  .cards-slider {
    margin-left: 42px;
  }

  .card-slide-wrapper {
    max-width: 100%;
    margin-right: 0%;
  }

  .slider-card {
    margin-left: 10px;
    margin-right: 10px;
  }

  .footer-content {
    align-items: center;
  }

  .footer-social-block {
    justify-content: center;
    margin-left: 0;
  }

  .short-info {
    grid-template-columns: 1fr;
    padding-left: 40px;
    padding-right: 40px;
  }

  .metric-icon {
    width: 46px;
    height: 46px;
  }

  .metric-block {
    margin-right: 0;
  }

  .cta {
    margin-left: 16px;
    margin-right: 16px;
  }

  .cta-text-wrapper {
    width: 100%;
  }

  .project-title-wrapper {
    padding-left: 16px;
    padding-right: 16px;
  }

  .margin-200px {
    margin-bottom: 100px;
  }

  .features-articles-wrapper {
    margin-left: 0;
    margin-right: 0;
  }

  .features-articles-wrapper.article-page {
    margin-left: 16px;
    margin-right: 16px;
  }

  .single-article-card {
    flex-flow: wrap;
  }

  .company-data-wrapper {
    margin-top: 22px;
    margin-bottom: 22px;
  }

  .company-data-text, .contact-wrapper {
    color: #fff;
  }

  .quote-sign-wrapper.right {
    margin-top: 39px;
  }

  .radio-button-field {
    display: flex;
  }

  .block-header {
    flex-direction: column;
    padding-bottom: 10px;
  }

  .utility-page-wrap {
    width: auto;
    margin-left: 16px;
    margin-right: 16px;
  }

  .utility-page-content {
    width: 100%;
  }

  .background-video {
    height: 45vh;
  }

  .hero-quick-stack {
    margin-top: 0;
  }

  .hero-cell-text {
    font-size: 18px;
    line-height: 1.5rem;
  }

  .license-image-wrapper {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .dropdown-list.w--open {
    top: auto;
  }

  .images-slide-container {
    padding-top: 3em;
    padding-bottom: 3em;
  }

  .images-slide-title {
    font-size: 34px;
  }

  .empty-state-3 {
    background-color: #ddd0;
  }

  .c-img-showcase-main {
    height: 200px;
    padding: 5px;
  }

  .img-showcase-sub-item {
    padding: 5px;
  }

  .collection-list-6 {
    column-count: 2;
  }

  .collection-item-5 {
    padding-top: 12px;
  }

  .collection-list-7 {
    column-count: 2;
  }

  .collection-item-6 {
    padding-top: 12px;
  }

  .collection-list-8 {
    column-count: 2;
  }

  .cover {
    margin-top: 12px;
  }

  .button {
    top: 27px;
  }

  .collection-list-wrapper-7 {
    column-count: 1;
  }

  .image-11 {
    border-radius: 15px;
    width: 100%;
    margin-bottom: 20px;
  }

  .image-13 {
    object-fit: cover;
    margin-top: 0;
    top: -25px;
  }
}

#w-node-_4db495a8-ce37-b0ff-be39-4332debdac17-d9fd5314 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

#w-node-_0de82487-4b42-6604-039b-36f9dd318604-d9fd5314 {
  grid-area: span 2 / span 2 / span 2 / span 2;
}

#w-node-_7dce1369-b4e7-538d-92e3-e95e71bc4815-d9fd5314 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_6c2da9ae-70e2-629a-ea2c-2a4b0142fce9-d9fd5314, #w-node-be3056c7-90d4-4570-8640-ba99359ee919-d9fd5314 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_57de7967-8f6f-e720-69bb-b4ed1d83c8e4-d9fd5314 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_59aa72ce-39dc-0279-bb13-04516dceb480-d9fd5314, #w-node-fd06b7fc-d025-4b76-a1f4-796233993143-d9fd5314, #w-node-_9f6c379c-e562-7201-3444-e185cdf8f3c4-d9fd5314 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d065b3f1-5d7a-d872-e89b-b19c893ea2b1-d9fd5314 {
  grid-area: 1 / 1 / 2 / 2;
  align-self: start;
}

#w-node-e549ce77-748d-a841-647f-e17fdf91a82a-d9fd5314 {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-_4b984152-7909-56f0-d711-440bb638e3a1-d9fd5314 {
  grid-area: 1 / 2 / 2 / 3;
  align-self: start;
}

#w-node-_214f1cb1-fea0-6383-4a5a-468627512d8b-d9fd5314 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_7fd16a94-4e1e-9797-b85f-d04f6c5540da-6c5540d7, #w-node-_959840ba-78d8-3d43-e6d2-945fed602a71-6c5540d7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_959840ba-78d8-3d43-e6d2-945fed602a8b-6c5540d7 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_7fd16a94-4e1e-9797-b85f-d04f6c5540dd-6c5540d7 {
  grid-area: 2 / 2 / 3 / 3;
  place-self: end;
}

#w-node-_7fd16a94-4e1e-9797-b85f-d04f6c5540ed-6c5540d7 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-ee1a424f-90d0-c370-5607-e442c78299df-d9fd531a {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-ad0ac102-2584-4c74-cccb-df6fa593e4b7-d9fd531a {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-_28101dae-38b6-cf92-8076-7460830957fa-d9fd531a {
  grid-area: 3 / 2 / 4 / 4;
}

#w-node-e895647c-83dc-9813-ac28-ca4dc2bfb9c8-d9fd531a {
  grid-area: 5 / 2 / 6 / 4;
  justify-self: center;
}

#w-node-ee1a424f-90d0-c370-5607-e442c78299df-d9fd531e, #w-node-_48c9b405-bbad-0ba6-2c6b-64894653b4b6-d9fd531f {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_48c9b405-bbad-0ba6-2c6b-64894653b4cc-d9fd531f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_3ab1e286-daaf-15cd-2809-594ebf647dd2-d9fd5320 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-e4a937e5-b692-fa63-c36b-e9e03808cae6-d9fd5320 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_4266ec0e-578a-2d46-d572-5f05a839bb02-d9fd5321 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_4266ec0e-578a-2d46-d572-5f05a839bb03-d9fd5321, #w-node-_4266ec0e-578a-2d46-d572-5f05a839bb05-d9fd5321 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_66ea7ea0-19a5-8277-89e5-476187a633b5-87a633b3 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_66ea7ea0-19a5-8277-89e5-476187a633b6-87a633b3 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_66ea7ea0-19a5-8277-89e5-476187a633be-87a633b3 {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-aa288f46-08cc-0d1e-b354-9fb8898975bc-d9fd5322 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-aa288f46-08cc-0d1e-b354-9fb8898975cc-d9fd5322, #w-node-aa288f46-08cc-0d1e-b354-9fb8898975cf-d9fd5322 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_59a3a634-c61e-f1f4-7ed6-d7c1cbf8145a-d9fd5323 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_59a3a634-c61e-f1f4-7ed6-d7c1cbf81460-d9fd5323, #w-node-_59a3a634-c61e-f1f4-7ed6-d7c1cbf81463-d9fd5323 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_824d54a8-81ff-de7f-6b87-9adfac4c7538-d9fd5325, #w-node-f3c58146-8145-a5b4-8c54-1721d199b160-d9fd532b {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-f3c58146-8145-a5b4-8c54-1721d199b166-d9fd532b, #w-node-f3c58146-8145-a5b4-8c54-1721d199b169-d9fd532b, #w-node-f6adc569-f1ae-9bcd-2c77-effe71b5df10-d9fd532c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_42363083-6b5d-f306-7b46-3d82cc66b1c9-d9fd532d {
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-_42363083-6b5d-f306-7b46-3d82cc66b1ca-d9fd532d, #w-node-efa5138c-5079-9abc-513d-aa0ee4027a30-d9fd532d, #w-node-efa5138c-5079-9abc-513d-aa0ee4027a31-d9fd532d, #w-node-_42363083-6b5d-f306-7b46-3d82cc66b1cb-d9fd532d, #w-node-_6e0fac07-d3bf-a45d-8a59-7197a0118010-d9fd532d, #w-node-fcdf2b0e-976a-f867-6f05-62de95a31aca-d9fd532d, #w-node-ce07bc81-6455-cc33-5416-655717ee7e6c-d9fd532d, #w-node-_69c7c008-e9da-8680-7a97-2be78093b692-d9fd532d, #w-node-_3a09ff7f-f78f-efa4-2138-5995ebcf6824-d9fd532d, #w-node-_3bae9fb2-c13a-1645-b251-3caa4b0ea98d-d9fd532d, #w-node-_791c0f0f-4abb-5469-67b8-6544d1712b01-d9fd532d, #w-node-ab25964f-d833-6106-9118-a69f50d0638f-d9fd532d, #w-node-f6a84a66-1162-baae-748f-12f39cf3cf98-d9fd532d, #w-node-_904ed160-244c-6a01-6522-bcd40acae034-d9fd532d, #w-node-_42eb3432-2987-b1c4-3039-35d3e9fe0d6f-d9fd532d, #w-node-_0c2e2020-5176-1d92-fc9b-337bce0caaef-d9fd532d, #w-node-_274f8b65-3894-fc02-4b89-542c5a4e94f8-d9fd532d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4db495a8-ce37-b0ff-be39-4332debdac17-c0d2da9d {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

#w-node-_0de82487-4b42-6604-039b-36f9dd318604-c0d2da9d {
  grid-area: span 2 / span 2 / span 2 / span 2;
}

#w-node-_7dce1369-b4e7-538d-92e3-e95e71bc4815-c0d2da9d {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_6c2da9ae-70e2-629a-ea2c-2a4b0142fce9-c0d2da9d, #w-node-be3056c7-90d4-4570-8640-ba99359ee919-c0d2da9d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_57de7967-8f6f-e720-69bb-b4ed1d83c8e4-c0d2da9d {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_59aa72ce-39dc-0279-bb13-04516dceb480-c0d2da9d, #w-node-fd06b7fc-d025-4b76-a1f4-796233993143-c0d2da9d, #w-node-_9f6c379c-e562-7201-3444-e185cdf8f3c4-c0d2da9d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d065b3f1-5d7a-d872-e89b-b19c893ea2b1-c0d2da9d {
  grid-area: 1 / 1 / 2 / 2;
  align-self: start;
}

#w-node-e549ce77-748d-a841-647f-e17fdf91a82a-c0d2da9d {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-_4b984152-7909-56f0-d711-440bb638e3a1-c0d2da9d {
  grid-area: 1 / 2 / 2 / 3;
  align-self: start;
}

#w-node-_214f1cb1-fea0-6383-4a5a-468627512d8b-c0d2da9d {
  grid-area: 1 / 2 / 2 / 3;
}

@media screen and (min-width: 1920px) {
  #w-node-ee1a424f-90d0-c370-5607-e442c78299df-d9fd531a {
    grid-column: 2 / 3;
  }

  #w-node-fc99dfb0-d071-b899-2bc1-a521c216a3c6-d9fd531a {
    grid-area: Area-3;
  }

  #w-node-ad0ac102-2584-4c74-cccb-df6fa593e4b7-d9fd531a {
    grid-area: 1 / 3 / 2 / 4;
  }

  #w-node-e895647c-83dc-9813-ac28-ca4dc2bfb9c8-d9fd531a {
    grid-row: 5 / 6;
  }
}

@media screen and (min-width: 1440px) {
  #w-node-e549ce77-748d-a841-647f-e17fdf91a82a-d9fd5314 {
    grid-column-end: 3;
  }

  #w-node-ad0ac102-2584-4c74-cccb-df6fa593e4b7-d9fd531a {
    grid-area: 1 / 3 / 2 / 4;
  }

  #w-node-e895647c-83dc-9813-ac28-ca4dc2bfb9c8-d9fd531a {
    grid-row: 5 / 6;
    grid-column-end: 4;
  }

  #w-node-e549ce77-748d-a841-647f-e17fdf91a82a-c0d2da9d {
    grid-column-end: 3;
  }
}

@media screen and (min-width: 1280px) {
  #w-node-ad0ac102-2584-4c74-cccb-df6fa593e4b7-d9fd531a {
    grid-area: 1 / 3 / 2 / 4;
  }

  #w-node-e895647c-83dc-9813-ac28-ca4dc2bfb9c8-d9fd531a {
    grid-row: 5 / 6;
  }
}

@media screen and (max-width: 991px) {
  #w-node-_4db495a8-ce37-b0ff-be39-4332debdac17-d9fd5314 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  #w-node-_0de82487-4b42-6604-039b-36f9dd318604-d9fd5314 {
    grid-area: span 2 / span 2 / span 2 / span 2;
  }

  #w-node-_7dce1369-b4e7-538d-92e3-e95e71bc4815-d9fd5314 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_6c2da9ae-70e2-629a-ea2c-2a4b0142fce9-d9fd5314, #w-node-be3056c7-90d4-4570-8640-ba99359ee919-d9fd5314 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-e549ce77-748d-a841-647f-e17fdf91a82a-d9fd5314 {
    grid-row: 4 / 5;
  }

  #w-node-_4b984152-7909-56f0-d711-440bb638e3a1-d9fd5314 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_7fd16a94-4e1e-9797-b85f-d04f6c5540da-6c5540d7 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_959840ba-78d8-3d43-e6d2-945fed602a70-6c5540d7 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_7fd16a94-4e1e-9797-b85f-d04f6c5540dd-6c5540d7 {
    grid-area: 4 / 1 / 5 / 2;
    justify-self: center;
  }

  #w-node-e895647c-83dc-9813-ac28-ca4dc2bfb9c8-d9fd531a {
    grid-row: 5 / 6;
  }

  #w-node-_66ea7ea0-19a5-8277-89e5-476187a633be-87a633b3 {
    grid-area: 2 / 1 / 3 / 3;
  }

  #w-node-_42363083-6b5d-f306-7b46-3d82cc66b1c9-d9fd532d {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  #w-node-_42363083-6b5d-f306-7b46-3d82cc66b1ca-d9fd532d, #w-node-_42363083-6b5d-f306-7b46-3d82cc66b1cb-d9fd532d, #w-node-fcdf2b0e-976a-f867-6f05-62de95a31aca-d9fd532d, #w-node-_69c7c008-e9da-8680-7a97-2be78093b692-d9fd532d, #w-node-_3bae9fb2-c13a-1645-b251-3caa4b0ea98d-d9fd532d, #w-node-ab25964f-d833-6106-9118-a69f50d0638f-d9fd532d, #w-node-_904ed160-244c-6a01-6522-bcd40acae034-d9fd532d, #w-node-_0c2e2020-5176-1d92-fc9b-337bce0caaef-d9fd532d, #w-node-_274f8b65-3894-fc02-4b89-542c5a4e94f8-d9fd532d {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_4db495a8-ce37-b0ff-be39-4332debdac17-c0d2da9d {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  #w-node-_0de82487-4b42-6604-039b-36f9dd318604-c0d2da9d {
    grid-area: span 2 / span 2 / span 2 / span 2;
  }

  #w-node-_7dce1369-b4e7-538d-92e3-e95e71bc4815-c0d2da9d {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_6c2da9ae-70e2-629a-ea2c-2a4b0142fce9-c0d2da9d, #w-node-be3056c7-90d4-4570-8640-ba99359ee919-c0d2da9d {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-e549ce77-748d-a841-647f-e17fdf91a82a-c0d2da9d {
    grid-row: 4 / 5;
  }

  #w-node-_4b984152-7909-56f0-d711-440bb638e3a1-c0d2da9d {
    grid-area: 2 / 1 / 3 / 2;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_214f1cb1-fea0-6383-4a5a-468627512d8b-d9fd5314 {
    grid-column-end: 4;
  }

  #w-node-ee1a424f-90d0-c370-5607-e442c78299df-d9fd531a {
    grid-column: 1 / 2;
  }

  #w-node-ad0ac102-2584-4c74-cccb-df6fa593e4b7-d9fd531a {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_28101dae-38b6-cf92-8076-7460830957fa-d9fd531a {
    grid-column: 1 / 3;
  }

  #w-node-e895647c-83dc-9813-ac28-ca4dc2bfb9c8-d9fd531a {
    grid-area: 5 / 1 / 6 / 3;
  }

  #w-node-ee1a424f-90d0-c370-5607-e442c78299df-d9fd531e {
    grid-column-start: 1;
  }

  #w-node-e4a937e5-b692-fa63-c36b-e9e03808cae6-d9fd5320 {
    grid-column-end: 4;
  }

  #w-node-_4266ec0e-578a-2d46-d572-5f05a839bb02-d9fd5321 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_4266ec0e-578a-2d46-d572-5f05a839bb03-d9fd5321, #w-node-_4266ec0e-578a-2d46-d572-5f05a839bb05-d9fd5321 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_66ea7ea0-19a5-8277-89e5-476187a633be-87a633b3 {
    grid-column-end: 2;
  }

  #w-node-_42363083-6b5d-f306-7b46-3d82cc66b1c9-d9fd532d {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  #w-node-_42363083-6b5d-f306-7b46-3d82cc66b1ca-d9fd532d, #w-node-_42363083-6b5d-f306-7b46-3d82cc66b1cb-d9fd532d, #w-node-fcdf2b0e-976a-f867-6f05-62de95a31aca-d9fd532d, #w-node-_69c7c008-e9da-8680-7a97-2be78093b692-d9fd532d, #w-node-_3bae9fb2-c13a-1645-b251-3caa4b0ea98d-d9fd532d, #w-node-ab25964f-d833-6106-9118-a69f50d0638f-d9fd532d, #w-node-_904ed160-244c-6a01-6522-bcd40acae034-d9fd532d, #w-node-_0c2e2020-5176-1d92-fc9b-337bce0caaef-d9fd532d, #w-node-_274f8b65-3894-fc02-4b89-542c5a4e94f8-d9fd532d {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_214f1cb1-fea0-6383-4a5a-468627512d8b-c0d2da9d {
    grid-column-end: 4;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_214f1cb1-fea0-6383-4a5a-468627512d8b-d9fd5314 {
    grid-column-start: 1;
  }

  #w-node-ee1a424f-90d0-c370-5607-e442c78299df-d9fd531a, #w-node-_28101dae-38b6-cf92-8076-7460830957fa-d9fd531a {
    grid-column: 1 / 2;
  }

  #w-node-e895647c-83dc-9813-ac28-ca4dc2bfb9c8-d9fd531a {
    grid-area: 5 / 1 / 6 / 2;
  }

  #w-node-ee1a424f-90d0-c370-5607-e442c78299df-d9fd531e {
    grid-column-end: 2;
  }

  #w-node-e4a937e5-b692-fa63-c36b-e9e03808cae6-d9fd5320 {
    grid-column-start: 1;
  }

  #w-node-_824d54a8-81ff-de7f-6b87-9adfac4c7538-d9fd5325 {
    grid-column: 1 / 2;
  }

  #w-node-_214f1cb1-fea0-6383-4a5a-468627512d8b-c0d2da9d {
    grid-column-start: 1;
  }
}


@font-face {
  font-family: 'Manrope';
  src: url('../fonts/Manrope-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Manrope';
  src: url('../fonts/Manrope-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Manrope';
  src: url('../fonts/Manrope-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}