:root {
  --light: white;
  --dim-grey: #505152;
  --dark: #191a1c;
  --lime-green: #2fce65;
  --soft-royal-blue: rgba(36, 104, 255, .1);
  --primary: #2468ff;
  --dark-grey: #b3b4b4;
  --white-smoke: #f8f8f8;
  --dark-grayish-blue: #303133;
}

.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-commerce-commercecartwrapper {
  display: inline-block;
  position: relative;
}

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

.w-commerce-commercecartopenlinkcount {
  height: 18px;
  min-width: 18px;
  color: #3898ec;
  text-align: center;
  background-color: #fff;
  border-radius: 9px;
  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: rgba(0, 0, 0, .8);
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 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: rgba(0, 0, 0, 0);
  position: absolute;
  top: 100%;
  bottom: auto;
  left: 0;
  right: auto;
}

.w-commerce-commercecartcontainerwrapper--cartType-rightDropdown {
  background-color: rgba(0, 0, 0, 0);
  position: absolute;
  top: 100%;
  bottom: auto;
  left: auto;
  right: 0;
}

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

.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-commercecartitemimage {
  width: 60px;
  height: 0%;
}

.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 {
  height: 38px;
  width: 60px;
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  margin-bottom: 10px;
  padding: 8px 6px 8px 12px;
  line-height: 20px;
  display: block;
}

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

.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-commercecartapplepaybutton {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none;
  height: 38px;
  min-height: 30px;
  background-color: #000;
  border-width: 0;
  border-radius: 2px;
  align-items: center;
  margin-bottom: 8px;
  padding: 0;
  text-decoration: none;
  display: flex;
}

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

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

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

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

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

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

.w-commerce-commercecheckoutformcontainer {
  width: 100%;
  min-height: 100vh;
  background-color: #f5f5f5;
  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-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 {
  height: 38px;
  width: 100%;
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  margin-bottom: 0;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

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

.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 {
  height: 38px;
  width: 100%;
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

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

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

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

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

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

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

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

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

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

.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 {
  height: 38px;
  width: 100%;
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.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 {
  height: 38px;
  width: 100%;
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none;
  cursor: text;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

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

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

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

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

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

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

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

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

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

.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 {
  height: 38px;
  width: 100%;
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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-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: -webkit-sticky;
  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;
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none;
  text-align: center;
  background-color: #3898ec;
  border-width: 0;
  border-radius: 3px;
  align-items: center;
  margin-bottom: 20px;
  padding: 9px 15px;
  text-decoration: none;
  display: block;
}

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

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  width: 12px;
  height: 12px;
  border: 1px solid #ccc;
  border-radius: 2px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.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 {
  height: 38px;
  width: 60px;
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  margin-bottom: 10px;
  padding: 8px 6px 8px 12px;
  line-height: 20px;
  display: block;
}

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

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

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

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

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

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

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

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

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

.w-commerce-commerceorderconfirmationcontainer {
  width: 100%;
  min-height: 100vh;
  background-color: #f5f5f5;
  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 {
  width: 100%;
  min-height: 100vh;
  background-color: #f5f5f5;
  padding: 20px;
}

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

.w-form-formradioinput--inputType-custom {
  width: 12px;
  height: 12px;
  border: 1px solid #ccc;
  border-radius: 50%;
}

.w-form-formradioinput--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom.w--redirected-checked {
  border-width: 4px;
  border-color: #3898ec;
}

@media screen and (max-width: 767px) {
  .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-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;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }

  .w-commerce-commercecartquantity, .w-commerce-commercecheckoutemailinput, .w-commerce-commercecheckoutshippingfullname, .w-commerce-commercecheckoutshippingstreetaddress, .w-commerce-commercecheckoutshippingstreetaddressoptional {
    font-size: 16px;
  }

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

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

body {
  background-color: var(--light);
  color: var(--dim-grey);
  font-family: Satoshi, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4em;
}

h1 {
  color: var(--dark);
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Satoshi, sans-serif;
  font-size: 90px;
  font-weight: 700;
  line-height: 1.1em;
}

h2 {
  color: var(--dark);
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Satoshi, sans-serif;
  font-size: 72px;
  font-weight: 700;
  line-height: 1.1em;
}

h3 {
  color: var(--dark);
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Satoshi, sans-serif;
  font-size: 60px;
  font-weight: 700;
  line-height: 1.1em;
}

h4 {
  color: var(--dark);
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Satoshi, sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 1.1em;
}

h5 {
  color: var(--dark);
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Satoshi, sans-serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 1.1em;
}

h6 {
  color: var(--dark);
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Satoshi, sans-serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.1em;
}

p {
  margin-bottom: 10px;
}

a {
  color: var(--dim-grey);
  text-decoration: underline;
}

ul, ol {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 20px;
}

li {
  margin-bottom: 15px;
}

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

label {
  margin-bottom: 10px;
  font-weight: 700;
  display: block;
}

strong {
  font-weight: bold;
}

em {
  font-style: italic;
}

blockquote {
  border-left: 5px solid var(--lime-green);
  margin-bottom: 10px;
  padding: 10px 20px;
  font-size: 20px;
  line-height: 1.6em;
}

figure {
  margin-bottom: 10px;
}

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

.guide-item {
  text-align: center;
  padding: 10px;
}

.error-message {
  color: #fff;
  text-align: center;
  background-color: #e92222;
  border-radius: 5px;
  padding: 10px 20px;
}

.heading-h2 {
  color: var(--dark);
  margin-bottom: 10px;
  font-family: Satoshi, sans-serif;
  font-size: 60px;
  font-weight: 700;
  line-height: 1.1em;
}

.success-message {
  color: var(--light);
  background-color: #06a23b;
  border-radius: 5px;
  padding: 10px 20px;
}

.checkbox {
  width: auto;
  height: auto;
  min-height: 20px;
  min-width: 20px;
  border-width: 2px;
  border-color: var(--dark);
  border-radius: 5px;
  margin-top: 0;
}

.checkbox.w--redirected-checked {
  border-color: var(--dark);
  background-color: var(--dark);
  background-image: url('../images/check-white.svg');
  background-position: 50%;
  background-size: auto;
  border-radius: 5px;
}

.checkbox.w--redirected-focus {
  border-color: var(--dark);
  box-shadow: none;
  border-radius: 5px;
}

.page-title {
  margin-bottom: 30px;
}

.style-guide-title {
  margin-top: 30px;
  margin-bottom: 30px;
}

.color-box {
  width: 150px;
  height: 150px;
  border-radius: 5px;
}

.color-box.bg-dark {
  background-color: var(--dark);
}

.color-box.bg-light {
  background-color: var(--light);
}

.checkbox-label {
  margin-bottom: 0;
  padding-left: 6px;
  font-size: 16px;
}

.input-group {
  align-items: center;
  margin-bottom: 20px;
}

.heading-h3 {
  color: var(--dark);
  margin-bottom: 10px;
  font-family: Satoshi, sans-serif;
  font-size: 60px;
  font-weight: 700;
  line-height: 1.1em;
}

.spacing-small {
  margin-top: 30px;
  margin-bottom: 30px;
}

.radio-button-label {
  padding-left: 6px;
}

.form-input {
  height: 45px;
  border: 2px solid var(--soft-royal-blue);
  background-color: var(--soft-royal-blue);
  color: var(--dark);
  border-radius: 5px;
  margin-bottom: 20px;
  padding: 10px 20px;
  font-size: 16px;
  transition: border-color .3s ease-in-out;
}

.form-input:focus, .form-input.-wfp-focus {
  border-width: 2px;
  border-color: var(--primary);
}

.form-input::-ms-input-placeholder {
  color: var(--dark);
  font-size: 16px;
  line-height: 1.3em;
}

.form-input::placeholder {
  color: var(--dark);
  font-size: 16px;
  line-height: 1.3em;
}

.form-input.form-textarea {
  height: 100px;
}

.form-input.form-textarea:focus {
  color: #000;
}

.checkbox-field {
  align-items: center;
  margin-bottom: 20px;
  display: flex;
}

.container {
  max-width: 1400px;
  padding-left: 30px;
  padding-right: 30px;
}

.heading-h5 {
  color: var(--dark);
  margin-bottom: 10px;
  font-family: Satoshi, sans-serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 1.1em;
}

.heading-h4 {
  color: var(--dark);
  margin-bottom: 10px;
  font-family: Satoshi, sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 1.1em;
}

.radio-button-field {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 10px;
  display: flex;
}

.style-guide-content {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-wrap: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.divider {
  height: 1px;
  background-color: var(--dim-grey);
  margin-top: 40px;
}

.style-guide-section {
  padding-top: 100px;
  padding-bottom: 100px;
}

.lead-text {
  font-family: Satoshi, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.5em;
}

.heading-h6 {
  color: var(--dark);
  margin-bottom: 10px;
  font-family: Satoshi, sans-serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.1em;
}

.heading-h6.blog-font-size {
  font-size: 24px;
}

.form-select {
  height: 45px;
  border: 2px solid var(--soft-royal-blue);
  background-color: var(--soft-royal-blue);
  color: var(--dark);
  border-radius: 5px;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
  transition: border-color .3s ease-in-out;
}

.form-select:focus {
  border-width: 2px;
  border-color: var(--primary);
  color: var(--dark);
}

.heading-h1 {
  color: var(--dark);
  margin-bottom: 10px;
  font-family: Satoshi, sans-serif;
  font-size: 100px;
  font-weight: 700;
  line-height: 1.1em;
}

.button-icon-dark {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: var(--dark);
  color: var(--light);
  border: 0 solid #000;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  padding: 15px 30px;
  text-decoration: none;
  display: flex;
}

.radio-button {
  width: auto;
  height: auto;
  min-height: 20px;
  min-width: 20px;
  border: 2px solid var(--dark);
  transition: border .3s ease-in-out;
}

.radio-button:focus {
  border-width: 5px;
  border-color: #001e2e;
}

.radio-button.w--redirected-checked {
  border-width: 5px;
  border-color: var(--dark);
  background-color: rgba(0, 0, 0, 0);
}

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

.instructions-section, .licenses-section {
  padding-top: 100px;
  padding-bottom: 100px;
}

.section-title {
  margin-bottom: 70px;
}

.section-title.text-center {
  text-align: center;
}

.page-info-title {
  margin-top: 50px;
}

.changelog-section {
  padding-top: 100px;
  padding-bottom: 100px;
}

.changelog-version {
  background-color: var(--primary);
  color: var(--light);
  border-radius: 5px;
  margin-right: 10px;
  padding: 10px 30px 8px;
  display: inline-block;
}

.changelog-title {
  line-height: 1.6em;
}

.more-templates {
  z-index: 1000;
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  background-color: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 30px;
  padding: 1px 10px 1px 2px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
  display: flex;
  position: fixed;
  top: auto;
  bottom: 30px;
  left: auto;
  right: 30px;
}

.maintenance-icon {
  height: 150px;
}

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

.subscribe-form {
  max-width: 80%;
  align-items: flex-start;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
}

.utility-page-maintenance {
  width: 800px;
  background-color: var(--light);
  text-align: center;
  border: 2px solid #000;
  border-radius: 5px;
  flex-direction: column;
  padding: 50px;
  display: flex;
}

.hero-inner {
  text-align: center;
  padding-top: 80px;
  padding-bottom: 80px;
}

.container-full {
  max-width: 100%;
  padding-left: 40px;
  padding-right: 40px;
}

.accordion-description {
  margin-bottom: 20px;
}

.accordion-description.text-dark-gray {
  color: var(--dark-grey);
}

.faq-title {
  margin-bottom: 30px;
}

.accordion-content {
  margin-bottom: 10px;
  overflow: hidden;
}

.accordion-heading {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 10px;
  display: flex;
}

.accordion-wrap {
  background-color: rgba(0, 0, 0, 0);
  border-bottom: 2px solid rgba(25, 26, 28, .1);
  margin-bottom: 20px;
}

.faq-wrap {
  margin-bottom: 40px;
}

.faq-wrap.last {
  margin-bottom: 0;
}

.accordion-icon-vr {
  width: 15px;
}

.accordion-title {
  margin-bottom: 0;
  font-size: 24px;
}

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

.bg-dim-grey {
  background-color: var(--dim-grey);
}

.bg-white-smoke {
  background-color: var(--white-smoke);
}

.bg-dark-grey {
  background-color: var(--dark-grey);
}

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

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

.button-icon-bg-primary {
  width: 22px;
  height: 22px;
  background-color: var(--primary);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  display: flex;
}

.button-primary {
  background-color: var(--primary);
  color: var(--light);
  text-align: center;
  border-radius: 5px;
  padding: 10px 30px;
  transition: background-color .3s ease-in-out;
}

.button-primary:hover {
  background-color: var(--lime-green);
}

.button-primary.button-full {
  width: 100%;
  justify-content: center;
}

.logo {
  height: 36px;
}

.navbar-dark {
  background-color: var(--dark);
  padding-top: 15px;
  padding-bottom: 15px;
}

.nav-link {
  color: var(--dark);
  margin: 15px;
  padding: 0;
  transition: color .3s ease-in-out;
}

.nav-link:hover, .nav-link.w--current {
  color: var(--primary);
}

.dropdown-toggle {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  flex-direction: row;
  align-items: center;
  padding: 0;
  display: flex;
}

.dropdown-list {
  background-color: var(--dark);
  border-radius: 5px;
  margin-top: 15px;
  padding: 30px;
}

.dropdown-link {
  color: var(--white-smoke);
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 0;
  transition: color .3s ease-in-out;
}

.dropdown-link:hover, .dropdown-link.w--current {
  color: var(--primary);
}

.dropdown-icon {
  height: 20px;
  margin-right: 2px;
}

.right-nav {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.login-link {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: var(--light);
  align-items: center;
  display: none;
}

.text-light {
  z-index: 1;
  color: var(--light);
}

.button-icon-light {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: var(--light);
  color: var(--light);
  border: 0 solid #000;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  padding: 10px 30px;
  text-decoration: none;
  display: flex;
}

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

.hero-section {
  position: relative;
}

.section-spacing {
  padding-top: 100px;
  padding-bottom: 100px;
}

.hero-content {
  text-align: center;
  padding-top: 80px;
}

.pre-title {
  color: var(--primary);
  text-transform: uppercase;
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: 700;
}

.hero-title {
  color: var(--light);
  margin-bottom: 50px;
}

.utility-page-content {
  width: 650px;
  text-align: center;
  border: 2px solid #000;
  border-radius: 5px;
  flex-direction: column;
  padding: 40px;
  display: flex;
}

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

.browser-item {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: center;
  margin-bottom: 130px;
  display: flex;
}

.browser-logo-list {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.hero-subscribe-form {
  width: 50%;
  justify-content: center;
  align-items: center;
  margin-bottom: 72px;
  margin-left: auto;
  margin-right: auto;
}

.subscribe-input {
  height: 72px;
  color: var(--light);
  background-color: rgba(255, 255, 255, .1);
  border: 0 solid #000;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  margin-bottom: 0;
  padding: 15px 20px;
  transition: opacity 30ms ease-in-out;
}

.subscribe-input:focus {
  background-color: rgba(255, 255, 255, .25);
}

.subscribe-input::-ms-input-placeholder {
  color: var(--light);
}

.subscribe-input::placeholder {
  color: var(--light);
}

.submit-button {
  background-color: rgba(255, 255, 255, .4);
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  padding: 24px 38px 22px;
  transition: all .3s ease-in-out;
}

.submit-button:hover {
  background-color: var(--dark-grey);
  color: var(--dark);
}

.hero-form {
  align-items: center;
  display: flex;
}

.browser-icon {
  height: 20px;
}

.hero-image-wrap {
  position: relative;
}

.hero-image {
  border-radius: 5px;
}

.hero-image.two {
  position: absolute;
  top: -10%;
  bottom: auto;
  left: auto;
  right: -1%;
}

.hero-image.three {
  position: absolute;
  top: auto;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.hero-image.one {
  width: 100%;
}

.decoration.one {
  position: absolute;
  top: -17%;
  bottom: auto;
  left: auto;
  right: 390px;
}

.decoration.two {
  height: 40px;
  display: block;
  position: absolute;
  top: 11%;
  bottom: auto;
  left: auto;
  right: 0%;
  transform: rotate(45deg);
}

.decoration.three {
  position: absolute;
  top: -8%;
  bottom: auto;
  left: auto;
  right: 15%;
}

.decoration.six {
  position: absolute;
  top: 18%;
  bottom: auto;
  left: auto;
  right: 20%;
}

.decoration.seven {
  position: absolute;
  top: -17%;
  bottom: auto;
  left: -36%;
  right: auto;
  transform: rotate(-87.4deg);
}

.hero-bg {
  z-index: -1;
  min-height: 1050px;
  background-color: var(--dark);
  background-image: url('../images/Pattern.png');
  background-position: 50%;
  background-size: cover;
  position: absolute;
  top: 0%;
  bottom: 436px;
  left: 0%;
  right: 0%;
}

.grid-client {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  grid-template-rows: auto;
}

.client-info {
  position: relative;
}

.client-description {
  margin-top: 40px;
}

.grid-client-logo {
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: start;
  justify-items: start;
}

.section-spacing-bottom {
  padding-bottom: 100px;
}

.hero-faqs-section {
  background-color: var(--dark);
}

.grid-faqs {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

.faqs-title {
  color: var(--light);
  margin-bottom: 40px;
}

.hero-faqs-title {
  color: var(--light);
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 500;
}

.bg-faqs {
  height: 550px;
  background-color: #e9f0ff;
  border-radius: 5px;
  position: relative;
}

.faqs-image.one {
  width: 100%;
  height: 150px;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: auto;
}

.faqs-image.three {
  height: 220px;
  position: absolute;
  top: auto;
  bottom: -5%;
  left: 44%;
  right: auto;
}

.faqs-image.four {
  position: absolute;
  top: 11%;
  bottom: auto;
  left: -2%;
  right: 11%;
  transform: rotate(13.63deg);
}

.faqs-image.five {
  position: absolute;
  top: -9%;
  bottom: auto;
  left: auto;
  right: 8%;
  transform: rotate(-46deg);
}

.fqas-image {
  border-radius: 5px;
}

.fqas-image.two {
  height: 450px;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.grid-work-step {
  grid-column-gap: 70px;
  grid-row-gap: 70px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  align-items: center;
}

.bg-work-step {
  width: 400px;
  height: 400px;
  background-color: var(--white-smoke);
  border-radius: 8px;
  justify-content: center;
  margin-left: 84px;
  position: relative;
}

.check-box {
  width: 440px;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  border: 2px solid var(--primary);
  background-color: var(--light);
  border-radius: 5px;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  justify-items: center;
  padding: 15px 10px;
  display: flex;
  position: absolute;
  top: -23%;
  bottom: auto;
  left: -5%;
  right: auto;
  box-shadow: 2px 0 20px 10px rgba(0, 0, 0, .1);
}

.avatar-group-wrap {
  display: flex;
}

.avatar-group {
  width: 40px;
  height: 40px;
  border: 2px solid var(--dark);
  object-fit: cover;
  border-radius: 50%;
  margin-left: -20px;
}

.avatar-group.first {
  margin-left: 0;
}

.check-box-content {
  position: relative;
}

.check-box-title {
  color: var(--dark);
  margin-bottom: 8px;
  font-size: 20px;
  font-weight: 500;
}

.check-icon-wrap {
  width: 35px;
  height: 35px;
  background-color: var(--primary);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: -36%;
  bottom: auto;
  left: auto;
  right: -7%;
}

.check-image {
  height: 30px;
}

.work-step-image {
  border-radius: 5px;
}

.work-step-image.one {
  height: 360px;
  position: absolute;
  top: auto;
  bottom: -27%;
  left: -19%;
  right: auto;
  box-shadow: 0 1px 20px 7px rgba(0, 0, 0, .1);
}

.work-step-image.two {
  height: 140px;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: auto;
  right: -30px;
  box-shadow: 0 0 20px 7px rgba(0, 0, 0, .1);
}

.work-step-content {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.work-step-one {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  align-items: flex-start;
  margin-bottom: 50px;
  display: flex;
}

.work-step-title {
  margin-bottom: 0;
  font-size: 24px;
}

.work-step-description {
  margin-bottom: 40px;
}

.grid-feature {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

.grid-counter {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  grid-template-rows: auto;
  margin-bottom: 30px;
}

.counter-item {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  align-items: center;
  display: flex;
}

.text-primary {
  color: var(--primary);
}

.feature-description {
  margin-bottom: 50px;
}

.feature-image-wrap {
  position: relative;
}

.feature-image {
  width: 100%;
  height: 500px;
  object-fit: cover;
  border-radius: 5px;
}

.feature-item {
  width: 200px;
  background-color: var(--dark);
  border-radius: 5px;
  padding: 15px;
  position: absolute;
  top: 30px;
  bottom: auto;
  left: auto;
  right: 30px;
}

.feature-info {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  display: flex;
}

.expert-team-item {
  background-color: var(--light);
  border-radius: 5px;
  padding: 30px;
  position: absolute;
  top: auto;
  bottom: 30px;
  left: 30px;
  right: auto;
  box-shadow: 0 4px 20px rgba(0, 0, 0, .1);
}

.expert-team-title {
  color: var(--dark);
  margin-bottom: 10px;
  font-weight: 500;
}

.testimonials-section {
  overflow: hidden;
}

.section-title-center {
  width: 60%;
  text-align: center;
  margin-bottom: 50px;
  margin-left: auto;
  margin-right: auto;
}

.testimonials-list {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  display: flex;
}

.grid-testimonial-item {
  width: 620px;
  background-color: var(--white-smoke);
  border-radius: 5px;
  flex: none;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
  margin-bottom: 30px;
}

.testimonial-content {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 20px;
  display: flex;
}

.quote-image {
  height: 60px;
  opacity: .5;
  margin-bottom: 50px;
}

.rating-star-image {
  height: 20px;
  margin-bottom: 15px;
}

.testimonial-image {
  width: 100%;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.testimonial-name {
  color: var(--dark);
  font-weight: 500;
}

.testimonial-marquee {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  display: flex;
}

.dark-feature-section {
  background-color: var(--dark);
  background-image: url('../images/Pattern.png');
  background-position: 50%;
  background-size: cover;
}

.dark-feature-title, .dark-feature-description {
  color: var(--light);
  text-align: center;
}

.grid-dark-feature {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-wrap: wrap;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.dark-feature-item {
  text-align: center;
}

.dark-feature-image {
  margin-bottom: 30px;
}

.dark-feature-item-title {
  color: var(--light);
  margin-bottom: 15px;
  font-size: 24px;
  font-weight: 500;
}

.dark-feature-content {
  z-index: 1;
  position: relative;
}

.action-box-content {
  width: 80%;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.action-box-title {
  margin-bottom: 50px;
}

.action-box-link {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: var(--primary);
  justify-content: center;
  align-items: center;
  margin-top: 50px;
  text-decoration: none;
  display: flex;
}

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

.grid-footer {
  grid-template-rows: auto;
  grid-template-columns: .75fr .5fr .5fr .75fr;
  margin-top: 90px;
  margin-bottom: 90px;
}

.footer-title {
  margin-bottom: 20px;
  font-size: 24px;
  font-weight: 500;
}

.grid-footer-link {
  grid-template-rows: auto;
}

.footer-link {
  margin-bottom: 15px;
  text-decoration: none;
  transition: color .3s ease-in-out;
  display: block;
}

.footer-link:hover, .footer-link.w--current {
  color: var(--primary);
}

.footer-contact {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: center;
  margin-bottom: 15px;
  display: flex;
}

.footer-contact.align-top {
  align-items: flex-start;
}

.new-footer-item {
  background-color: var(--primary);
  color: var(--light);
  border-radius: 5px;
  padding: 30px 25px;
}

.footer-divider {
  height: 1px;
  background-color: rgba(80, 81, 82, .05);
}

.footer-download-title {
  color: var(--light);
  margin-bottom: 20px;
  font-size: 24px;
}

.footer-image-wrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  align-items: center;
  margin-top: 40px;
  display: flex;
}

.grid-footer-bottom {
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr .5fr;
  margin-top: 30px;
  margin-bottom: 30px;
}

.footer-logo {
  height: 40px;
}

.footer-social-wrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  display: flex;
}

.social-image {
  height: 20px;
}

.navbar-light {
  background-color: rgba(0, 0, 0, 0);
  padding-top: 10px;
  padding-bottom: 10px;
}

.button-icon-primary {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: var(--primary);
  color: var(--light);
  border: 0 solid #000;
  border-radius: 5px;
  align-items: center;
  padding: 15px 30px;
  text-decoration: none;
  display: flex;
}

.hero-two-section.section-spacing {
  overflow: hidden;
}

.grid-hero-two {
  grid-template-rows: auto;
  position: relative;
}

.hero-two-list {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-wrap: wrap;
  margin-top: 60px;
  margin-bottom: 60px;
  display: flex;
}

.hero-two-item {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  display: flex;
}

.hero-two-image {
  border-radius: 5px;
}

.hero-two-image.one {
  height: 25px;
}

.hero-two-image.two {
  width: 900px;
  box-shadow: 0 0 20px rgba(0, 0, 0, .1);
}

.hero-two-image.three {
  position: absolute;
  top: -7%;
  bottom: auto;
  left: 20%;
  right: auto;
}

.hero-two-image.four {
  position: absolute;
  top: auto;
  bottom: -4%;
  left: -9%;
  right: auto;
}

.hero-two-image.five {
  position: absolute;
  top: auto;
  bottom: 30%;
  left: -16%;
  right: -16%;
  transform: rotate(-44.38deg);
}

.hero-two-image.six {
  position: absolute;
  top: 10%;
  bottom: auto;
  left: -5%;
  right: auto;
  transform: rotate(51deg);
}

.hero-two-description {
  font-size: 20px;
  font-weight: 500;
}

.hero-two-avatar {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  margin-bottom: 40px;
  display: flex;
}

.hero-two-button {
  margin-bottom: 100px;
  display: flex;
}

.grid-hero-two-client {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.hero-two-image-rotate {
  position: absolute;
  top: -12%;
  bottom: auto;
  left: auto;
  right: -45%;
  transform: rotate(-12.66deg);
}

.small-feature-title-wrap {
  width: 75%;
  margin-bottom: 80px;
}

.grid-small-feature {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  grid-template-columns: 1fr 1fr 1fr;
}

.small-feature-item {
  height: 100%;
  border: 2px solid var(--white-smoke);
  border-radius: 5px;
  padding: 30px;
}

.small-feature-image-wrap {
  width: 50px;
  height: 50px;
  background-color: var(--primary);
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  margin-top: -50px;
  display: flex;
}

.small-feature-content {
  padding-top: 30px;
}

.tab-section {
  background-color: var(--dark);
}

.tabs-menu {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-wrap: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  justify-items: center;
  margin-bottom: 50px;
  display: flex;
}

.tab-link {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  background-color: rgba(0, 0, 0, 0);
  align-items: center;
  padding-top: 25px;
  padding-bottom: 25px;
  display: flex;
}

.tab-link.w--current {
  background-color: rgba(255, 255, 255, .2);
  border-radius: 5px;
}

.tab-pane {
  position: relative;
}

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

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

.grid-tab-feature {
  color: var(--light);
  margin-top: 50px;
  margin-bottom: 50px;
}

.tab-feature-item {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  align-items: center;
  display: flex;
}

.tab-bg {
  width: 400px;
  height: 400px;
  background-color: rgba(255, 255, 255, .1);
  border-radius: 5px;
}

.tab-image-wrap {
  position: relative;
}

.tabs-content {
  padding-top: 50px;
  padding-bottom: 50px;
}

.tab-image {
  height: 200px;
  border-radius: 5px;
  position: absolute;
  top: auto;
  bottom: -8%;
  left: -62px;
  right: auto;
  box-shadow: 1px 1px 9px 7px rgba(0, 0, 0, .06);
}

.tab-decoration-one {
  position: absolute;
  top: 26%;
  bottom: auto;
  left: auto;
  right: 11%;
  transform: rotate(46deg);
}

.tab-decoration-two {
  width: 96px;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: -29%;
  right: auto;
  transform: rotate(-87.63deg);
}

.tab-divider {
  height: 1px;
  background-color: rgba(255, 255, 255, .1);
  margin-top: 100px;
  margin-bottom: 100px;
}

.grid-testimonials {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.testimonial-slider {
  height: auto;
  background-color: rgba(0, 0, 0, 0);
}

.right-arrow.hide, .left-arrow.hide, .slide-nav.hide {
  display: none;
}

.testimonial-title {
  color: var(--light);
  font-size: 20px;
  font-weight: 500;
}

.counter {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  display: grid;
}

.counter-title {
  font-size: 60px;
  line-height: 1.4em;
}

.counters-item {
  color: var(--light);
  flex: none;
}

.testimonial-mask {
  height: auto;
}

.pricing-title {
  position: absolute;
  top: -5%;
  bottom: auto;
  left: 0%;
  right: 40%;
}

.pricing-tab-menu {
  text-align: right;
}

.pricing-tab-link {
  background-color: var(--white-smoke);
  padding: 20px 40px;
}

.pricing-tab-link.w--current {
  background-color: var(--dark);
  color: var(--white-smoke);
}

.pricing-tab-link.two {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.pricing-tab-link.one {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.pricing-tab-content {
  margin-top: 120px;
}

.grid-pricing-tab {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
  position: relative;
}

.pricing-item {
  border-radius: 5px;
  padding: 30px;
}

.pricing-item.two {
  color: var(--light);
}

.pricing-tab-wrap {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
  display: flex;
}

.pricing-image-wrap {
  height: 60px;
  flex: none;
  justify-content: center;
  align-items: center;
}

.pricing-list {
  color: var(--dark);
  margin-bottom: 50px;
}

.pricing-list.two {
  color: var(--light);
}

.pricing-list-item {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  align-items: center;
  margin-bottom: 20px;
  display: flex;
}

.tools-section {
  overflow: hidden;
}

.marquee-wrap {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  display: flex;
}

.marquee-wrap.one {
  margin-bottom: 40px;
}

.marquee-list {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  align-items: center;
  display: flex;
}

.marquee-image-one {
  width: 100px;
  height: 100px;
  background-color: var(--white-smoke);
  border-radius: 5px;
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.marquee-image-two {
  width: 280px;
  height: 100px;
  background-color: var(--white-smoke);
  border-radius: 5px;
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.blog-list {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.blog-image-wrap {
  width: 100%;
  border-radius: 5px;
  margin-bottom: 20px;
  text-decoration: none;
  position: relative;
  overflow: hidden;
}

.blog-image {
  border-radius: 5px;
}

.blog-title {
  text-decoration: none;
}

.blog-date {
  margin-bottom: 10px;
}

.button-link {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.newsletter-section {
  margin-bottom: 100px;
}

.grid-newsletters {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  background-color: var(--dark);
  border-radius: 5px;
  grid-template-rows: auto;
  grid-template-columns: 1.25fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  padding: 20px 40px 20px 100px;
  display: grid;
}

.newsletter-subscribe-form {
  justify-content: center;
  align-items: center;
}

.newsletter-form {
  align-items: center;
  display: flex;
}

.newsletter-image {
  height: 350px;
  margin-top: -61px;
}

.grid-hero-three {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  grid-template-rows: auto;
}

.grid-rating {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: center;
  margin-bottom: 60px;
}

.rating-item {
  text-align: center;
}

.hero-three-description {
  margin-top: 25px;
  margin-bottom: 25px;
}

.rating-title {
  color: var(--dark);
  margin-bottom: 10px;
  font-size: 35px;
  font-weight: 500;
}

.small-text {
  font-size: 17px;
}

.medal-item, .download-item {
  text-align: center;
}

.download-title {
  margin-bottom: 0;
}

.hero-three-image-wrap {
  justify-content: flex-end;
  align-items: flex-end;
  position: relative;
}

.hero-three-bg {
  width: 490px;
  height: 314px;
  background-color: var(--soft-royal-blue);
  border-radius: 5px;
  position: absolute;
  top: auto;
  bottom: 16%;
  left: auto;
  right: 0%;
}

.hero-three-image.one {
  height: 276px;
  position: absolute;
  top: auto;
  bottom: 15%;
  left: 1%;
  right: auto;
  box-shadow: 0 0 20px -2px rgba(0, 0, 0, .1);
}

.hero-three-image.two {
  height: 140px;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: -15%;
  right: auto;
  box-shadow: 0 0 20px -2px rgba(0, 0, 0, .1);
}

.hero-three-image.three {
  z-index: -2;
  position: absolute;
  top: 14%;
  bottom: auto;
  left: auto;
  right: 5%;
}

.hero-three-image.four {
  height: 200px;
  position: absolute;
  top: 99px;
  bottom: auto;
  left: auto;
  right: 6px;
  box-shadow: 0 0 20px -2px rgba(0, 0, 0, .1);
}

.hero-three-item {
  width: 50%;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  background-color: var(--light);
  border-radius: 5px;
  align-items: center;
  padding: 30px;
  display: flex;
  box-shadow: 0 0 20px -2px rgba(0, 0, 0, .1);
}

.hero-three-item.six {
  width: 50%;
}

.hero-three-title {
  font-weight: 500;
}

.hero-three.five {
  position: absolute;
  top: 21%;
  bottom: auto;
  left: -15%;
  right: auto;
  transform: rotate(50deg);
}

.video-section {
  background-color: var(--dark);
  background-image: url('../images/Pattern.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 27%;
  padding-bottom: 100px;
}

.video-image-wrap {
  margin-top: -31%;
  margin-bottom: 70px;
  position: relative;
}

.container-medium {
  max-width: 1200px;
  padding-left: 30px;
  padding-right: 30px;
}

.play-icon-image {
  height: 70px;
}

.play-icon-wrap {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.video-browser-title {
  color: var(--light);
  font-weight: 500;
}

.grid-video-browser {
  grid-template-rows: auto;
  margin-bottom: 100px;
}

.video-browser-item {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.browser-image {
  height: 50px;
}

.review-title-wrap {
  text-align: center;
  margin-bottom: 70px;
  position: relative;
}

.review-title {
  color: var(--light);
  font-weight: 500;
}

.review-decoration.one {
  position: absolute;
  top: -42%;
  bottom: auto;
  left: 10%;
  right: auto;
}

.review-decoration.two {
  position: absolute;
  top: auto;
  bottom: -48%;
  left: auto;
  right: 8%;
  transform: rotate(-23.33deg);
}

.review-marquee-wrap {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  margin-bottom: 60px;
  display: flex;
}

.review-marquee-list {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex: none;
  display: flex;
}

.review-item {
  width: 450px;
  background-color: var(--dark-grayish-blue);
  border-radius: 5px;
  padding: 30px;
}

.review-description {
  color: var(--white-smoke);
  margin-bottom: 40px;
}

.bg-dark-grayish-blue {
  background-color: var(--dark-grayish-blue);
}

.review-name {
  color: var(--white-smoke);
  font-weight: 500;
}

.review-marquee-hidden {
  overflow: hidden;
}

.grid-new-about {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  grid-template-rows: auto;
}

.button-wrap {
  display: flex;
}

.button-wrap.button-center {
  justify-content: center;
}

.new-feature-description {
  margin-bottom: 40px;
}

.new-about-image {
  width: 100%;
  height: 400px;
  object-fit: cover;
  border-radius: 5px;
}

.new-about-image.two {
  margin-top: -48px;
}

.more-avatar-badge {
  width: 50px;
  height: 50px;
  border: 2px solid var(--dark);
  background-color: var(--primary);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  margin-left: -19px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.more-avatar-title {
  color: var(--light);
  font-size: 15px;
}

.grid-integration {
  grid-column-gap: 70px;
  grid-row-gap: 70px;
  grid-template-rows: auto;
  align-items: center;
}

.new-integratiom-image-wrap {
  position: relative;
}

.integration-image {
  width: 100%;
}

.integration-description {
  margin-top: 40px;
  margin-bottom: 40px;
}

.grid-online-sale-one {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  grid-template-rows: auto;
  margin-bottom: 60px;
}

.online-sale-item-one {
  background-color: var(--soft-royal-blue);
  border-radius: 5px;
  position: relative;
  overflow: hidden;
}

.online-sale-image.one {
  border-radius: 5px;
  position: absolute;
  top: auto;
  bottom: -6%;
  left: auto;
  right: -4%;
}

.online-sale-image.two {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.online-sale-content {
  text-align: center;
  padding: 40px;
}

.online-sale-content.two {
  box-shadow: 0 0 20px -2px rgba(0, 0, 0, .1);
}

.online-sale-logo {
  height: 30px;
  margin-bottom: 40px;
}

.online-sale-item-two {
  background-color: var(--light);
  border-radius: 5px;
}

.online-sale-description {
  margin-top: 30px;
  margin-bottom: 30px;
}

.grid-online-sale-two {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.25fr .75fr;
}

.online-sale-item-three {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.online-sale-card-one {
  background-color: var(--primary);
  border-radius: 5px;
  justify-content: space-between;
  align-items: center;
  padding: 40px;
  display: flex;
}

.inline-sale-image.three {
  transform: rotate(39.87deg);
}

.online-sale-card-two {
  background-color: var(--white-smoke);
  border-radius: 5px;
  padding: 40px;
}

.online-sale-card-three {
  background-color: var(--dark);
  border-radius: 5px;
  padding: 60px;
  position: relative;
  overflow: hidden;
}

.online-card-title {
  color: var(--light);
  margin-bottom: 40px;
  font-weight: 500;
}

.grid-online-sale-counter {
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr;
}

.online-sale-counter {
  text-align: right;
  border-bottom: 2px solid rgba(25, 26, 28, .1);
}

.online-counter-title {
  color: var(--dark);
  font-size: 48px;
  font-weight: 500;
}

.online-sale-decoration.two {
  height: 120px;
  position: absolute;
  top: auto;
  bottom: 3%;
  left: auto;
  right: -3%;
  transform: rotate(-26deg);
}

.online-sale-decoration.one {
  position: absolute;
  top: auto;
  bottom: 0%;
  left: -5%;
  right: auto;
}

.grid-new-faqs {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  grid-template-rows: auto;
}

.new-faqs-title {
  color: var(--dark);
  font-weight: 500;
}

.new-faqs-description {
  font-size: 16px;
}

.grid-action-box {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--dark);
  border-radius: 5px;
  grid-template-rows: auto;
  grid-template-columns: 1.75fr 1fr;
  padding: 100px;
  position: relative;
}

.action-box-description {
  color: var(--light);
  margin-top: 30px;
  margin-bottom: 30px;
}

.new-action-box-link {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: var(--light);
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  display: block;
}

.action-box-image {
  height: 350px;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: auto;
  right: 1%;
}

.about-hero-section {
  position: relative;
}

.about-bg {
  z-index: -1;
  min-height: 600px;
  background-color: var(--dark);
  background-image: url('../images/Pattern.png');
  background-position: 50%;
  background-size: cover;
  position: absolute;
  top: 0%;
  bottom: 200px;
  left: 0%;
  right: 0%;
}

.about-content {
  width: 80%;
  text-align: center;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
}

.about-title {
  color: var(--light);
  font-size: 70px;
}

.about-description {
  color: var(--white-smoke);
  margin-top: 20px;
  margin-bottom: 50px;
}

.grid-about-image {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 2.25fr 1fr;
  align-items: center;
}

.about-image-wrap {
  width: 100%;
  border-radius: 5px;
}

.grid-about-client {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  justify-items: center;
}

.about-client-image {
  height: 50px;
}

.about-client-title {
  text-align: center;
  margin-bottom: 40px;
}

.grid-our-story {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  align-items: center;
}

.our-story-background {
  width: 100%;
  height: 600px;
  border-radius: 5px;
  overflow: hidden;
}

.our-story-content {
  padding: 30px;
}

.our-story-description {
  margin-top: 20px;
  margin-bottom: 20px;
}

.our-value-section {
  background-color: var(--dark);
  background-image: url('../images/Pattern.png');
  background-position: 50%;
  background-size: cover;
}

.grid-our-value {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.our-value-item {
  text-align: center;
  border: 2px solid rgba(248, 248, 248, .1);
  padding: 15px;
}

.our-value-image-wrap {
  text-align: center;
  margin-bottom: 30px;
}

.our-value-item-title {
  color: var(--white-smoke);
  text-align: center;
  font-size: 24px;
}

.our-value-title-wrap {
  width: 70%;
  color: var(--light);
  text-align: center;
  margin-bottom: 50px;
  margin-left: auto;
  margin-right: auto;
}

.our-value-content {
  z-index: 1;
  position: relative;
}

.about-counter-wrap {
  width: 70%;
  text-align: center;
  margin-bottom: 70px;
  margin-left: auto;
  margin-right: auto;
}

.grid-about-counter {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.about-counter-item {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  text-align: center;
  align-items: center;
}

.our-story-bg-right {
  height: 700px;
  background-image: url('../images/benefit-01.jpg');
  background-position: 50%;
  background-size: cover;
  border-radius: 5px;
}

.our-story-bg-left {
  height: 700px;
  background-image: url('../images/about-04.jpg');
  background-position: 50%;
  background-size: cover;
}

.hero-pricing-title-wrap {
  margin-bottom: 60px;
  position: relative;
}

.hero-pricing-decoration {
  position: absolute;
  top: -23%;
  bottom: auto;
  left: auto;
  right: 7%;
  transform: rotate(6deg);
}

.pricing-compare-item-header {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  background-color: var(--soft-royal-blue);
  border-radius: 5px;
  grid-template-rows: auto;
  grid-template-columns: 1fr .75fr .75fr .75fr;
  margin-bottom: 40px;
  padding-top: 10px;
}

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

.pricing-info-title {
  color: var(--primary);
}

.pricing-count {
  font-size: 20px;
}

.pricing-compare-item {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  border-bottom: 2px solid var(--soft-royal-blue);
  grid-template-rows: auto;
  grid-template-columns: 1fr .75fr .75fr .75fr;
  align-items: center;
  padding: 20px 30px 20px 15px;
}

.pricing-contact-item {
  width: 80%;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.pricing-feature-list {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-bottom: 30px;
  display: flex;
}

.pricing-feature-item {
  height: 20px;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: center;
  display: flex;
}

.pricing-feature-icon {
  height: 20px;
}

.pricing-description {
  margin-bottom: 30px;
}

.contact-title-wrap {
  text-align: center;
  position: relative;
}

.grid-contact-form {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
}

.contact-info {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  background-color: var(--soft-royal-blue);
  border-radius: 5px;
  flex-direction: column;
  padding: 30px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.contact-item-list {
  margin-top: 30px;
}

.contact-item {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: center;
  margin-bottom: 20px;
  display: flex;
}

.contact-link {
  text-decoration: none;
}

.contact-icon {
  height: 20px;
}

.contact-social-item {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  align-items: center;
  display: flex;
}

.contact-social-image {
  height: 20px;
}

.contact-form {
  padding: 20px;
}

.contact-button-right {
  text-align: right;
}

.contact-hero-decoration {
  position: absolute;
  top: 68%;
  bottom: auto;
  left: 3%;
  right: auto;
  transform: rotate(180deg);
}

.contact-image {
  border-bottom-right-radius: 5px;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.grid-service-hero {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  grid-template-rows: auto;
}

.service-hero-description {
  margin-bottom: 30px;
}

.service-hero-image-wrap {
  position: relative;
}

.service-hero-image.one {
  border-radius: 5px;
  box-shadow: 0 0 20px rgba(0, 0, 0, .1);
}

.service-hero-image.two {
  position: absolute;
  top: auto;
  bottom: -6%;
  left: -11%;
  right: auto;
}

.service-title-wrap {
  width: 80%;
  text-align: center;
  margin-bottom: 70px;
  margin-left: auto;
  margin-right: auto;
}

.grid-service-item {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.service-item {
  border: 2px solid var(--soft-royal-blue);
  border-radius: 5px;
  padding: 20px;
  position: relative;
}

.service-image-wrap {
  width: 60px;
  height: 60px;
  background-color: var(--primary);
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: -18%;
  bottom: auto;
  left: 30px;
  right: auto;
}

.service-info {
  margin-top: 40px;
}

.service-title {
  font-size: 24px;
}

.integrations-section {
  background-color: var(--dark);
  position: relative;
}

.integrations-title-wrap {
  text-align: center;
  margin-bottom: 40px;
}

.integrations-hero-image {
  width: 70px;
  height: 70px;
  background-color: var(--light);
  box-shadow: 0 0 20px -2px var(--primary);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  display: flex;
}

.integrations-hero-image.one {
  position: absolute;
  top: 16%;
  bottom: auto;
  left: 14%;
  right: auto;
}

.integrations-hero-image.two {
  position: absolute;
  top: 10%;
  bottom: auto;
  left: auto;
  right: 23%;
}

.integrations-hero-image.three {
  position: absolute;
  top: auto;
  bottom: 14%;
  left: 5%;
  right: auto;
}

.integrations-hero-image.four {
  position: absolute;
  top: auto;
  bottom: 30%;
  left: auto;
  right: 8%;
}

.integration-category-list {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  display: flex;
}

.integration-category-item {
  background-color: var(--lime-green);
  color: var(--dark);
  border-radius: 5px;
  padding: 15px 20px;
  text-decoration: none;
  transition: all .3s ease-in-out;
}

.integration-category-item:hover, .integration-category-item.w--current {
  background-color: var(--primary);
  color: var(--light);
}

.integration-category-top {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: auto;
  bottom: -6%;
  left: 0%;
  right: 0%;
}

.integration-lists {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.integration-item {
  width: 100%;
  height: 100%;
  background-color: var(--soft-royal-blue);
  border-radius: 5px;
  padding: 30px;
  text-decoration: none;
}

.integration-image-wrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  align-items: center;
  margin-bottom: 20px;
  display: flex;
}

.integration-icon {
  width: 60px;
  height: 60px;
}

.integration-title {
  margin-bottom: 0;
  font-size: 20px;
}

.integration-details-section {
  padding-top: 80px;
  padding-bottom: 80px;
}

.integration-details {
  background-color: var(--dark);
  color: var(--light);
  background-image: url('../images/Pattern.png');
  background-position: 50%;
  background-size: cover;
  border-radius: 5px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 70px;
  padding: 30px;
  position: relative;
}

.integration-detail-icon-wrap {
  width: 200px;
  height: 200px;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  margin-bottom: 30px;
  display: flex;
}

.integration-detail-icon {
  width: 100px;
  height: 100px;
  border-radius: 5px;
}

.integration-details-decoration.one {
  position: absolute;
  top: 31%;
  bottom: auto;
  left: auto;
  right: 36%;
}

.integration-details-decoration.two {
  position: absolute;
  top: 11%;
  bottom: auto;
  left: 12%;
  right: auto;
}

.integration-detail-title {
  color: var(--light);
  text-align: center;
  font-size: 75px;
}

.integration-details-center {
  z-index: 1;
  flex-direction: column;
  align-items: center;
  display: flex;
  position: relative;
}

.grid-dropdown {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr minmax(177px, 1.25fr);
}

.dropdown-title {
  color: var(--light);
  font-size: 24px;
}

.grid-dropdown-link {
  grid-template-rows: auto;
}

.dropdown-link-list {
  margin-top: 30px;
}

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

.according-icon-wrap, .careers-hero-section {
  position: relative;
}

.careers-hero-title-wrap {
  width: 80%;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.careers-hero-description {
  margin-top: 20px;
  margin-bottom: 30px;
}

.careers-image {
  width: 80px;
  height: 80px;
  border-radius: 50%;
}

.careers-image.one {
  border: 2px solid var(--primary);
  position: absolute;
  top: 17%;
  bottom: auto;
  left: 8%;
  right: auto;
}

.careers-image.two {
  border: 2px solid var(--lime-green);
  position: absolute;
  top: auto;
  bottom: 26%;
  left: 1%;
  right: auto;
}

.careers-image.three {
  border: 2px solid var(--dim-grey);
  position: absolute;
  top: auto;
  bottom: 49%;
  left: auto;
  right: 2%;
}

.careers-image.five {
  border: 2px solid var(--dark-grey);
  position: absolute;
  top: 10%;
  bottom: auto;
  left: auto;
  right: 23%;
}

.careers-image.six {
  border: 2px solid var(--lime-green);
  position: absolute;
  top: 3%;
  bottom: auto;
  left: 40%;
  right: auto;
}

.careers-image.seven {
  border: 2px solid var(--primary);
  position: absolute;
  top: auto;
  bottom: 11%;
  left: 65%;
  right: auto;
}

.career-counter-section {
  background-color: var(--dark-grayish-blue);
}

.career-counter-item {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  color: var(--light);
  text-align: center;
  align-items: center;
}

.grid-careers-counter {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.job-position-section {
  position: relative;
}

.grid-job-position {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.career-item {
  width: 100%;
  height: 100%;
  border: 2px solid var(--soft-royal-blue);
  background-color: var(--soft-royal-blue);
  border-radius: 5px;
  padding: 30px;
  transition: border-color .3s ease-in-out;
}

.career-item:hover {
  border: 2px solid var(--primary);
}

.career-info-wrap {
  color: var(--dark);
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  display: flex;
}

.career-info {
  margin-bottom: 20px;
  text-decoration: none;
}

.careers-decoration {
  position: absolute;
  top: 8%;
  bottom: auto;
  left: auto;
  right: 4%;
}

.grid-benefits {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  grid-template-rows: auto;
}

.benefit-description {
  margin-bottom: 20px;
}

.benefit-image-wrap {
  width: 100%;
  height: 500px;
  border-radius: 5px;
  overflow: hidden;
}

.benefit-bg-image {
  height: 600px;
  background-image: url('../images/benefit-01.jpg');
  background-position: 50%;
  background-size: cover;
}

.career-detail-section {
  padding-top: 80px;
  position: relative;
}

.careers-details-bg-image {
  height: 400px;
  background-image: linear-gradient(rgba(25, 26, 28, .2), rgba(25, 26, 28, .2)), url('../images/career-details-01.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  border-radius: 5px;
}

.careers-details-content {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--light);
  border-radius: 5px;
  grid-template-rows: auto;
  grid-template-columns: 4fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  margin-top: -88px;
  margin-bottom: 80px;
  padding: 40px;
  display: grid;
  box-shadow: 0 0 20px -2px rgba(0, 0, 0, .1);
}

.career-details-item-wrap {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.careers-details-item {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  align-items: center;
  display: flex;
}

.career-details-icon {
  height: 25px;
}

.career-details-title {
  font-size: 50px;
}

.careers-details-decoration {
  position: absolute;
  top: 5%;
  bottom: auto;
  left: 12%;
  right: auto;
  transform: rotate(-26deg);
}

.careers-info-section {
  position: relative;
}

.grid-career-info {
  grid-template-rows: auto;
  margin-top: 30px;
}

.careers-info-item {
  margin-bottom: 30px;
}

.careers-item-title {
  font-size: 24px;
}

.careers-item-description {
  margin-bottom: 10px;
}

.career-content-title {
  font-size: 20px;
}

.careers-form-section {
  background-color: var(--dark);
  padding-top: 50px;
  padding-bottom: 50px;
}

.career-details-form {
  width: 50%;
  background-color: var(--light);
  border-radius: 5px;
  margin-left: auto;
  margin-right: auto;
  padding: 40px;
}

.career-contact-title {
  font-size: 24px;
}

.career-form-link {
  text-align: center;
  margin-top: 20px;
}

.privacy-item-wrap {
  background-color: var(--light);
  border-radius: 5px;
  padding: 20px;
  position: relative;
  box-shadow: 0 0 20px rgba(0, 0, 0, .1);
}

.privacy-decoration {
  position: absolute;
  top: -4%;
  bottom: auto;
  left: auto;
  right: -1%;
}

.user-pages-section {
  padding-top: 80px;
  padding-bottom: 80px;
}

.user-page-right {
  background-color: var(--dark);
  background-image: url('../images/Pattern.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 40px 40px 40px 63px;
  position: relative;
}

.user-page-left {
  background-color: var(--light);
  padding: 40px;
}

.user-page-title-wrap {
  margin-bottom: 40px;
}

.form-option {
  justify-content: center;
  align-items: center;
  margin-top: 30px;
  margin-bottom: 30px;
  display: flex;
  position: relative;
}

.grid-user-page {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--light);
  border-radius: 5px;
  grid-template-rows: auto;
  overflow: hidden;
  box-shadow: 0 0 20px rgba(0, 0, 0, .1);
}

.form-option-text {
  z-index: 1;
  background-color: var(--light);
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
}

.form-option-line {
  width: 100%;
  height: 2px;
  background-color: var(--dark-grayish-blue);
  position: absolute;
}

.google-button {
  width: 100%;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 2px solid var(--dark);
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  padding: 10px 12px;
  text-decoration: none;
  transition: all .3s ease-in-out;
  display: flex;
}

.google-button:hover {
  border-color: var(--soft-royal-blue);
  background-color: var(--soft-royal-blue);
}

.user-page-image-wrap {
  z-index: 1;
}

.user-page-image-wrap.one {
  height: 260px;
  position: absolute;
  top: 32%;
  bottom: auto;
  left: auto;
  right: 7%;
}

.user-page-image-wrap.three {
  height: 200px;
  height: 160px;
  position: absolute;
  top: auto;
  bottom: 30%;
  left: auto;
  right: 18%;
}

.user-page-image-wrap.two {
  height: 160px;
  position: absolute;
  top: 20%;
  bottom: auto;
  left: 3%;
  right: auto;
}

.user-page-image-wrap.four {
  height: 280px;
  position: absolute;
  top: 30%;
  bottom: auto;
  left: auto;
  right: 5%;
}

.user-page-image-wrap.five {
  height: 160px;
  position: absolute;
  top: auto;
  bottom: 31%;
  left: 35%;
  right: auto;
}

.user-page-image-wrap.six {
  height: 160px;
  position: absolute;
  top: 23%;
  bottom: auto;
  left: 7%;
  right: auto;
}

.user-page-image-wrap.seven {
  height: 250px;
  position: absolute;
  top: 35%;
  bottom: auto;
  left: auto;
  right: 11%;
}

.user-page-image-wrap.eight {
  height: 150px;
  position: absolute;
  top: auto;
  bottom: 13%;
  left: auto;
  right: 17%;
}

.user-page-image-wrap.nine {
  height: 150px;
  position: absolute;
  top: 22%;
  bottom: auto;
  left: 13%;
  right: auto;
}

.user-page-image-wrap.ten {
  height: 250px;
  position: absolute;
  top: 35%;
  bottom: auto;
  left: auto;
  right: 9%;
}

.user-page-image-wrap.eleven {
  height: 100px;
  position: absolute;
  top: auto;
  bottom: 10%;
  left: auto;
  right: 5%;
}

.user-page-image-wrap.twelve {
  height: 150px;
  position: absolute;
  top: 30%;
  bottom: auto;
  left: 5%;
  right: auto;
}

.user-page-image {
  height: 100%;
  border-radius: 5px;
}

.user-page-image.two, .user-page-image.three {
  height: 100%;
}

.user-page-right-title {
  color: var(--light);
  font-size: 30px;
  font-weight: 500;
}

.new-user-page-left {
  background-color: var(--dark);
  background-image: url('../images/Pattern.png');
  background-position: 50%;
  background-size: cover;
  padding: 40px 40px 40px 63px;
  position: relative;
}

.new-user-page-right {
  background-color: var(--light);
  padding: 40px;
}

.user-page-link-wrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
  display: flex;
}

.user-page-link {
  text-align: center;
}

.user-page-logo {
  height: 100px;
}

.user-page-decoration {
  height: 200px;
  position: absolute;
  top: 24%;
  bottom: auto;
  left: auto;
  right: 5%;
}

.user-pages-content {
  max-width: 700px;
  background-color: var(--dark);
  color: var(--light);
  text-align: center;
  border-radius: 5px;
  margin-left: auto;
  margin-right: auto;
  padding: 80px;
  box-shadow: 0 0 20px rgba(0, 0, 0, .1);
}

.email-confirmation {
  color: var(--light);
  background-color: #06a23b;
  border-radius: 5px;
  margin-top: 30px;
  padding: 10px 15px;
}

.dropdown-list-dark {
  background-color: var(--light);
  border-radius: 5px;
  margin-top: 15px;
  padding: 30px;
}

.dropdown-title-dark {
  font-size: 24px;
}

.dropdown-link-dark {
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 0;
}

.dropdown-link-dark:hover {
  color: var(--primary);
}

.empty-state {
  background-color: var(--dark);
  color: var(--light);
  text-align: center;
  border-radius: 5px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.pricing-item-wrap {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-wrap: wrap;
  align-items: baseline;
  margin-bottom: 5px;
  display: flex;
}

.pricing-item-wrap-botton {
  margin-bottom: 30px;

}

.price-item {
  margin-bottom: 0;
  font-size: 70px;
}

.price-item.two {
  color: var(--light);
}

.button-dark {
  background-color: var(--dark);
  color: var(--light);
  text-align: center;
  border-radius: 5px;
  padding: 10px 30px;
  transition: background-color .3s ease-in-out;
}

.button-dark:hover {
  background-color: var(--lime-green);
}

.button-dark.button-full {
  width: 100%;
  justify-content: center;
}

.new-pricing-title-wrap {
  position: relative;
}

.button-light {
  background-color: var(--light);
  color: var(--dark);
  text-align: center;
  border-radius: 5px;
  padding: 10px 20px;
  transition: background-color .3s ease-in-out;
}

.button-light:hover {
  background-color: var(--lime-green);
  color: var(--light);
}

.button-light.button-full {
  width: 100%;
  justify-content: center;
}

.checkout-form {
  background-color: rgba(0, 0, 0, 0);
  padding: 0;
}

.pricing-image {
  height: 60px;
  border-radius: 50%;
}

.block-header {
  border-width: 2px;
  border-color: var(--dark);
  background-color: rgba(0, 0, 0, 0);
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  padding-top: 14px;
}

.block-content {
  border-right-width: 2px;
  border-right-color: var(--dark);
  border-bottom-width: 2px;
  border-bottom-color: var(--dark);
  border-left-width: 2px;
  border-left-color: var(--dark);
  background-color: rgba(0, 0, 0, 0);
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}

.shipping-method {
  border-bottom-width: 2px;
  border-bottom-color: var(--dark);
  background-color: var(--light);
}

.paypal-checkout-form, .order-confirmation {
  background-color: rgba(0, 0, 0, 0);
}

.cart-button {
  background-color: rgba(0, 0, 0, 0);
  padding: 0;
  position: relative;
}

.cart-quantity-badge {
  background-color: var(--light);
  color: var(--dark);
  padding-top: 1px;
  font-weight: 500;
  position: absolute;
  top: -5%;
  bottom: auto;
  left: auto;
  right: -12%;
}

.cart-quantity {
  border-width: 2px;
  border-color: var(--dark);
  background-color: rgba(0, 0, 0, 0);
  border-radius: 5px;
}

.dark-cart-quantity-badge {
  width: 18px;
  min-height: 18px;
  background-color: var(--dark);
  color: var(--light);
  font-weight: 500;
  position: absolute;
  top: -5%;
  bottom: auto;
  left: auto;
  right: -12%;
}

.grid-pricing-details {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  grid-template-rows: auto;
  grid-template-columns: .5fr .75fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.pricing-details-item {
  height: auto;
  background-color: var(--light);
  border: 2px solid #000;
  border-radius: 5px;
  padding: 40px;
}

.pricing-details-title {
  font-size: 24px;
}

.pricing-detail-wrap {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: center;
  display: flex;
}

.pricing-details-image-wrap {
  width: 100px;
  height: 100px;
  justify-content: center;
  align-items: center;
  margin-bottom: 40px;
}

.pricing-details-list {
  color: var(--dark);
  margin-bottom: 30px;
}

.error-title {
  font-size: 150px;
}

.error-description {
  margin-bottom: 30px;
}

.search-result-list {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.search-item {
  height: 100%;
  text-decoration: none;
}

.search-image {
  border-radius: 5px;
  margin-bottom: 20px;
}

.team-title {
  width: 80%;
  text-align: center;
  margin-bottom: 70px;
  margin-left: auto;
  margin-right: auto;
}

.grid-team-list {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.team-item {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.team-image-wrap {
  max-width: 200px;
  border-radius: 5px;
  justify-content: center;
  margin-bottom: 20px;
  overflow: hidden;
}

.team-image {
  height: 200px;
  border-radius: 5px;
}

.team-item-title {
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 500;
}

.team-details-section {
  position: relative;
}

.team-details-content {
  width: 700px;
  background-color: var(--dark);
  color: var(--light);
  text-align: center;
  border-radius: 5px;
  margin-bottom: 50px;
  margin-left: auto;
  margin-right: auto;
  padding: 50px;
}

.team-details-image {
  height: 300px;
  border: 2px solid var(--light);
  border-radius: 5px;
  margin-bottom: 20px;
}

.team-details-title {
  color: var(--light);
  font-size: 60px;
}

.team-social-wrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.team-social-link {
  justify-content: center;
  align-items: center;
  display: flex;
}

.team-description {
  margin-bottom: 20px;
}

.team-details-info {
  width: 60%;
  margin-left: auto;
  margin-right: auto;
}

.team-name {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  display: flex;
}

.team-decoration {
  position: absolute;
  top: 3%;
  bottom: auto;
  left: 28%;
  right: auto;
}

.new-blog-list {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.team-blog-title-wrap {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 70px;
  display: flex;
}

.team-blog-title {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.team-blog-list {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.blog-details-image {
  border-radius: 5px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.author-name {
  color: var(--dark);
  font-size: 20px;
}

.hero-intro-content {
  width: 80%;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.hero-intro-decoration {
  z-index: -1;
  position: absolute;
  top: 3%;
  bottom: auto;
  left: auto;
  right: -7%;
}

.intro-gallery-section {
  height: 700px;
  background-color: var(--dark-grayish-blue);
  overflow: hidden;
}

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

.intro-gallery-marquee {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.intro-gallery-marquee.two {
  position: relative;
  top: -620px;
}

.hero-two-image-wrap {
  position: relative;
}

.nav-link-light {
  color: var(--light);
  margin: 15px;
  padding: 0;
  transition: color .3s ease-in-out;
}

.nav-link-light:hover {
  color: var(--primary);
}

.intro-gallery-image {
  border-radius: 5px;
  box-shadow: 0 0 20px rgba(25, 26, 28, .1);
}

.hero-intro-description {
  margin-bottom: 20px;
}

.hero-intro-button {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.tool-item {
  width: 600px;
  background-color: var(--soft-royal-blue);
  border-radius: 5px;
  padding-top: 30px;
  padding-left: 30px;
  padding-right: 30px;
  position: relative;
}

.tool-image {
  border-radius: 5px;
}

.grid-main-pages {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.intro-page-link {
  height: 100%;
  text-decoration: none;
}

.intro-page-image-wrap {
  border-radius: 5px;
  box-shadow: 0 0 20px rgba(0, 0, 0, .1);
}

.intro-page-image {
  border-radius: 5px;
}

.intro-page-name {
  text-align: center;
  padding-top: 15px;
  padding-bottom: 15px;
}

.intro-page-title {
  margin-bottom: 0;
  font-size: 20px;
}

.grid-additional-pages {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-columns: 1fr 1fr 1fr;
}

.intro-newsletter-section {
  background-color: var(--dark);
}

.intro-newsletter-content {
  text-align: center;
  position: relative;
}

.intro-newsletter-link {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: var(--lime-green);
  justify-content: center;
  align-items: center;
  margin-top: 50px;
  text-decoration: none;
  display: flex;
}

.text-lime-green {
  color: var(--lime-green);
}

.intro-newsletter-decoration {
  position: absolute;
  top: 10%;
  bottom: auto;
  left: 13%;
  right: auto;
  transform: rotate(-45deg);
}

.update-decoration {
  position: absolute;
  top: 12%;
  bottom: auto;
  left: auto;
  right: 5%;
}

.dark-nav-menu {
  flex: none;
  align-items: center;
  display: flex;
}

.main-page-wrap {
  width: 300px;
  justify-content: center;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.product-details-image {
  border-radius: 50%;
}

.small-feature-title {
  font-size: 24px;
}

.hide {
  display: none;
}

.changelog-title-wrap {
  margin-bottom: 30px;
  font-size: 70px;
}

.dark-check-box {
  width: 440px;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  border: 2px solid var(--white-smoke);
  background-color: rgba(248, 248, 248, .2);
  border-radius: 5px;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  justify-items: center;
  padding: 15px 10px;
  display: flex;
  position: absolute;
  top: -17%;
  bottom: auto;
  left: -7%;
  right: auto;
  box-shadow: 2px 0 20px 10px rgba(0, 0, 0, .1);
}

.dark-check-box-title {
  color: var(--white-smoke);
  margin-bottom: 8px;
  font-size: 20px;
  font-weight: 500;
}

.accordion-icon-hr {
  width: 15px;
  position: absolute;
  top: 50%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.button-icon-bg-dark {
  width: 22px;
  height: 22px;
  background-color: var(--dark);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  display: flex;
}

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

.bg-soft-primary {
  background-color: var(--soft-royal-blue);
}

.integration-image-two {
  width: 50%;
}

.integration-image-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.intro-tool-wrap {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  display: flex;
}

.new-avatar-group {
  height: 50px;
  border: 2px solid #000;
  border-radius: 50%;
  margin-left: -17px;
}

.new-avatar-group.first {
  margin-left: 0;
}

.job-title {
  width: 100%;
  margin-bottom: 50px;
}

.user-page-text {
  text-align: center;
  margin-top: 20px;
}

.product-title {
  margin-bottom: 30px;
  font-size: 60px;
}

.order-image {
  border-radius: 5px;
}

.shipping-method-list {
  border-right-width: 2px;
  border-right-color: var(--dark);
  border-left-width: 2px;
  border-left-color: var(--dark);
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  overflow: hidden;
}

.new-about-image-wrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  display: flex;
}

.about-info {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.client-image {
  width: 150px;
  height: 30px;
}

@media screen and (min-width: 1280px) {
  h1 {
    font-size: 100px;
  }

  .heading-h2 {
    font-size: 72px;
  }

  .container-full {
    padding-left: 50px;
    padding-right: 50px;
  }

  .login-link {
    text-decoration: none;
    display: flex;
  }

  .button-icon-light.mobile-hide {
    display: flex;
  }

  .section-spacing {
    padding-top: 130px;
    padding-bottom: 130px;
  }

  .hero-image.two {
    top: -4%;
    right: -1%;
  }

  .decoration.one {
    top: -17%;
    right: 23%;
  }

  .decoration.two {
    height: 50px;
    top: 10%;
    right: 0%;
  }

  .decoration.seven {
    top: -17%;
    left: -31%;
  }

  .section-spacing-bottom {
    padding-bottom: 130px;
  }

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

  .bg-faqs {
    height: 690px;
  }

  .faqs-image.three {
    height: 220px;
    bottom: -5%;
    left: 44%;
  }

  .faqs-image.four {
    top: 11%;
    left: -2%;
  }

  .faqs-image.five {
    top: -8%;
    right: 2%;
  }

  .fqas-image.two {
    height: 610px;
  }

  .grid-work-step {
    grid-column-gap: 70px;
    grid-row-gap: 70px;
    grid-template-columns: 1fr 1fr;
  }

  .check-box {
    width: 520px;
  }

  .avatar-group {
    width: 62px;
    height: 62px;
    margin-left: -29px;
  }

  .work-step-image.one {
    height: 300px;
    top: 43%;
    bottom: auto;
    left: -25%;
    right: auto;
  }

  .work-step-image.two {
    height: 172px;
    bottom: -15%;
    right: -41%;
  }

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

  .grid-counter {
    grid-column-gap: 90px;
    grid-row-gap: 90px;
    margin-bottom: 40px;
  }

  .feature-image {
    height: 100%;
  }

  .feature-item {
    top: -5%;
    right: 12%;
  }

  .expert-team-item {
    top: auto;
    bottom: -30px;
    left: -30px;
    right: auto;
  }

  .section-title-center {
    width: 50%;
  }

  .grid-footer {
    grid-template-columns: .5fr .5fr .5fr .75fr;
  }

  .new-footer-item {
    padding: 53px 40px;
  }

  .footer-image-wrap {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .hero-two-image.two {
    width: 1100px;
  }

  .hero-two-image-rotate {
    right: -40%;
  }

  .tab-image {
    height: 250px;
    bottom: -22%;
    left: -33%;
  }

  .grid-pricing-tab {
    grid-column-gap: 70px;
    grid-row-gap: 70px;
  }

  .pricing-item {
    padding: 40px;
  }

  .pricing-tab-wrap {
    margin-bottom: 40px;
  }

  .grid-newsletters {
    padding-bottom: 0;
  }

  .newsletter-image {
    height: 500px;
  }

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

  .hero-three-image.one {
    height: 370px;
  }

  .hero-three-image.two {
    height: 190px;
    bottom: -48px;
    left: 7%;
  }

  .hero-three-image.three {
    top: -2%;
  }

  .hero-three-image.four {
    height: 288px;
    top: 62px;
  }

  .hero-three-item.six {
    width: 50%;
    position: absolute;
    top: -10%;
    bottom: auto;
    left: 0%;
    right: auto;
  }

  .hero-three.five {
    position: absolute;
    top: 7%;
    bottom: auto;
    left: -3%;
    right: auto;
  }

  .new-about-image.two {
    height: 100%;
    margin-top: -63px;
  }

  .more-avatar-badge {
    width: 62px;
    height: 62px;
    margin-left: -34px;
  }

  .more-avatar-title {
    font-size: 24px;
  }

  .grid-integration {
    grid-column-gap: 100px;
    grid-row-gap: 100px;
  }

  .integration-category-top {
    margin-bottom: -35px;
    top: auto;
    bottom: 3%;
    left: 0%;
    right: 0%;
  }

  .careers-image.one {
    top: 17%;
    left: 8%;
  }

  .careers-image.two {
    bottom: 21%;
    left: 8%;
  }

  .careers-image.three {
    bottom: 45%;
    right: 6%;
  }

  .careers-image.five {
    top: 10%;
    right: 23%;
  }

  .careers-image.six {
    top: 9%;
    left: 40%;
  }

  .careers-decoration {
    z-index: -1;
    top: 15%;
    right: 33%;
  }

  .user-page-image-wrap.one {
    height: 340px;
    top: 32%;
    right: 11%;
  }

  .user-page-image-wrap.three {
    height: 200px;
    bottom: 12%;
    right: 18%;
  }

  .user-page-image-wrap.two {
    height: 200px;
    top: 20%;
    left: 9%;
  }

  .user-page-image-wrap.four {
    height: 340px;
    top: 30%;
    right: 5%;
  }

  .user-page-image-wrap.five {
    height: 200px;
    bottom: 22%;
    left: 35%;
  }

  .user-page-image-wrap.six {
    height: 200px;
    top: 16%;
    left: 7%;
  }

  .user-page-image-wrap.seven {
    height: 300px;
    top: 35%;
    right: 14%;
  }

  .user-page-image-wrap.eight {
    height: 150px;
    bottom: 6%;
    right: 17%;
  }

  .user-page-image-wrap.nine {
    height: 150px;
    top: 22%;
    left: 13%;
  }

  .user-page-image-wrap.ten {
    height: 250px;
    top: 35%;
    right: 21%;
  }

  .user-page-image-wrap.eleven {
    height: 100px;
  }

  .user-page-image-wrap.twelve {
    height: 150px;
    top: 30%;
    left: 10%;
  }

  .user-page-decoration {
    height: 200px;
    top: 24%;
    right: 5%;
  }

  .hero-intro-decoration {
    position: absolute;
    top: 6%;
    bottom: auto;
    left: auto;
    right: 6%;
  }

  .dark-check-box {
    width: 520px;
  }

  .integration-image-two {
    width: 60%;
  }

  .new-avatar-group {
    height: 62px;
    margin-left: -32px;
  }

  .job-title {
    width: 70%;
    margin-bottom: 50px;
  }
}

@media screen and (max-width: 991px) {
  h1 {
    font-size: 80px;
  }

  h2 {
    font-size: 65px;
  }

  h3 {
    font-size: 55px;
  }

  h4 {
    font-size: 40px;
  }

  h5 {
    font-size: 30px;
  }

  h6 {
    font-size: 25px;
  }

  .heading-h2 {
    font-size: 65px;
  }

  .heading-h3 {
    font-size: 55px;
  }

  .heading-h5 {
    font-size: 30px;
  }

  .heading-h4 {
    font-size: 40px;
  }

  .heading-h6 {
    font-size: 25px;
  }

  .heading-h6.blog-font-size {
    font-size: 20px;
  }

  .heading-h1 {
    font-size: 80px;
  }

  .instructions-section {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .section-title {
    margin-bottom: 50px;
  }

  .utility-page-wrap {
    width: 100%;
    height: auto;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .utility-page-maintenance {
    width: 600px;
  }

  .hero-inner {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .container-full {
    padding-left: 30px;
    padding-right: 30px;
  }

  .nav-link {
    display: block;
  }

  .dropdown-toggle {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    justify-content: space-between;
    align-items: center;
    padding-left: 0;
  }

  .button-icon-light.mobile-hide {
    display: none;
  }

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

  .utility-page-content {
    margin-top: 40px;
  }

  .hero-subscribe-form {
    width: 100%;
    margin-bottom: 50px;
  }

  .hero-form {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .hero-image.two {
    height: 60px;
    top: -5%;
    right: 5%;
  }

  .hero-image.three {
    height: 60px;
    bottom: 7%;
    right: 5%;
  }

  .hero-image.one {
    width: 750px;
  }

  .decoration.one {
    height: 100px;
    top: -26%;
  }

  .decoration.two {
    height: 30px;
    right: 6%;
  }

  .decoration.three {
    top: -13%;
    right: -14%;
  }

  .hero-bg {
    min-height: auto;
    bottom: 18%;
  }

  .grid-client {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
  }

  .section-spacing-bottom {
    padding-bottom: 90px;
  }

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

  .bg-faqs {
    height: 690px;
  }

  .faqs-image.five {
    top: 8%;
    right: 3%;
  }

  .fqas-image.two {
    height: 610px;
  }

  .grid-work-step {
    grid-template-columns: 1fr;
    margin-top: 39px;
  }

  .work-step-image.one {
    height: 300px;
    top: 37%;
    bottom: auto;
    left: auto;
    right: 52%;
  }

  .work-step-image.two {
    right: -32%;
  }

  .grid-feature {
    grid-template-columns: 2fr;
  }

  .expert-team-item {
    padding: 20px;
    left: 3%;
  }

  .grid-dark-feature {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
  }

  .action-box-content {
    width: 100%;
  }

  .action-box-title {
    margin-bottom: 40px;
  }

  .action-box-link {
    margin-top: 40px;
  }

  .grid-footer {
    grid-template-rows: auto auto;
    grid-template-columns: .75fr 1fr;
    margin-top: 70px;
    margin-bottom: 70px;
  }

  .grid-footer-bottom {
    grid-template-columns: .5fr 1fr .5fr;
    align-items: start;
  }

  .menu-button {
    background-color: var(--primary);
    color: var(--white-smoke);
    border-radius: 5px;
    padding: 10px;
    display: flex;
  }

  .menu-button.w--open {
    background-color: var(--dark);
  }

  .button-icon-primary.hide-mobile {
    display: none;
  }

  .grid-hero-two {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    grid-template-columns: 1fr;
  }

  .hero-two-list {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .hero-two-image.two {
    width: 100%;
  }

  .hero-two-image.three {
    height: 60px;
  }

  .hero-two-image.four {
    width: 200px;
    bottom: 6%;
    left: 3%;
  }

  .hero-two-image.five, .hero-two-image.six {
    display: none;
  }

  .hero-two-avatar {
    grid-template-columns: .25fr 1fr;
  }

  .hero-two-button {
    margin-bottom: 80px;
  }

  .grid-hero-two-client {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .hero-two-image-rotate {
    position: static;
    transform: none;
  }

  .small-feature-title-wrap {
    width: 100%;
  }

  .grid-small-feature {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .small-feature-item {
    padding: 20px;
  }

  .small-feature-content {
    padding-top: 20px;
  }

  .tabs-menu {
    grid-template-columns: 1fr 1fr 1fr;
  }

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

  .tab-image-wrap {
    margin-top: 81px;
  }

  .tab-decoration-two {
    left: -34%;
  }

  .tab-divider {
    margin-top: 70px;
    margin-bottom: 70px;
  }

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

  .pricing-title {
    position: static;
  }

  .pricing-tab-menu {
    text-align: center;
  }

  .pricing-tab-content {
    margin-top: 50px;
  }

  .grid-pricing-tab {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr 1fr;
  }

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

  .newsletter-section {
    margin-bottom: 70px;
  }

  .grid-newsletters {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 40px;
  }

  .newsletter-image {
    height: 100%;
  }

  .grid-hero-three {
    grid-template-columns: 1fr;
  }

  .hero-three-bg {
    display: none;
  }

  .hero-three-image.one {
    height: auto;
    position: static;
  }

  .hero-three-image.two {
    display: none;
  }

  .hero-three-image.three {
    top: -25%;
    right: 2%;
  }

  .hero-three-image.four, .hero-three-item, .hero-three.five {
    display: none;
  }

  .video-section {
    margin-top: 0;
    padding-top: 30px;
    padding-bottom: 90px;
  }

  .video-image-wrap {
    margin-top: 0%;
    margin-bottom: 40px;
  }

  .play-icon-image {
    height: 50px;
  }

  .grid-video-browser {
    margin-bottom: 80px;
  }

  .grid-new-about {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr;
  }

  .grid-integration {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr 1fr;
  }

  .grid-online-sale-one {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    margin-bottom: 40px;
  }

  .online-sale-item-one {
    height: 100%;
  }

  .online-sale-image.one {
    position: static;
  }

  .grid-online-sale-two {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1fr;
  }

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

  .grid-action-box {
    padding: 40px;
  }

  .about-bg {
    min-height: auto;
    bottom: 24%;
  }

  .about-content {
    width: 100%;
  }

  .about-title {
    font-size: 50px;
  }

  .grid-about-client, .grid-our-story {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .our-value-title-wrap, .about-counter-wrap {
    width: 100%;
  }

  .hero-pricing-decoration {
    z-index: -1;
    top: -11%;
    right: 2%;
  }

  .pricing-compare-item-header {
    padding-right: 10px;
  }

  .pricing-contact-item {
    width: 100%;
  }

  .grid-contact-form {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .contact-info {
    overflow: hidden;
  }

  .contact-image {
    z-index: -1;
    width: 200px;
    bottom: -3%;
  }

  .grid-service-hero {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    grid-template-columns: 1fr;
  }

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

  .service-image-wrap {
    top: -10%;
  }

  .integrations-hero-image.one {
    top: 6%;
    left: 9%;
  }

  .integrations-hero-image.two {
    top: 6%;
  }

  .integrations-hero-image.four {
    bottom: 11%;
  }

  .integration-category-top {
    margin-top: 30px;
    position: static;
  }

  .integration-lists {
    grid-template-columns: 1fr 1fr;
  }

  .integration-details-decoration.one {
    right: 27%;
  }

  .integration-detail-title {
    font-size: 60px;
  }

  .nav-menu {
    background-color: var(--light);
    display: flex;
  }

  .careers-image.five {
    top: 2%;
    right: 11%;
  }

  .careers-image.six {
    top: 3%;
  }

  .careers-image.seven {
    bottom: 4%;
    left: 65%;
  }

  .grid-careers-counter {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .grid-job-position {
    grid-template-columns: 1fr 1fr;
  }

  .careers-decoration {
    right: 5%;
  }

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

  .careers-details-content {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-columns: minmax(200px, 2fr) 1fr;
    padding: 20px;
  }

  .career-details-title {
    font-size: 40px;
  }

  .career-details-form {
    width: 90%;
    padding: 20px;
  }

  .user-page-right {
    height: 500px;
    border-top-right-radius: 0;
    border-bottom-left-radius: 5px;
    padding: 20px;
  }

  .user-page-left {
    border-top-right-radius: 5px;
    border-bottom-left-radius: 0;
    padding: 20px;
  }

  .user-page-title-wrap {
    margin-bottom: 20px;
  }

  .grid-user-page {
    grid-template-columns: 1fr;
  }

  .user-page-image-wrap.one {
    height: 300px;
    top: 24%;
    right: 19%;
  }

  .user-page-image-wrap.three {
    height: 150px;
    bottom: 7%;
    right: 23%;
  }

  .user-page-image-wrap.two {
    left: 22%;
  }

  .user-page-image-wrap.four {
    height: 350px;
    top: 22%;
    right: 18%;
  }

  .user-page-image-wrap.five {
    height: 150px;
    bottom: 2%;
    left: 55%;
  }

  .user-page-image-wrap.six {
    height: 200px;
    top: 19%;
    left: 14%;
  }

  .user-page-image-wrap.seven {
    height: 350px;
    top: 24%;
    right: 13%;
  }

  .user-page-image-wrap.eight {
    bottom: 2%;
    right: 16%;
  }

  .user-page-image-wrap.nine {
    height: 200px;
    top: 21%;
    left: 16%;
  }

  .user-page-image-wrap.ten {
    height: 350px;
    top: 22%;
    right: 20%;
  }

  .user-page-image-wrap.eleven {
    height: 150px;
    bottom: 3%;
    right: 16%;
  }

  .user-page-image-wrap.twelve {
    height: 190px;
    top: 19%;
    left: 11%;
  }

  .new-user-page-left {
    height: 500px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 0;
    padding: 20px 20px 20px 40px;
  }

  .new-user-page-right {
    border-top-right-radius: 0;
    border-bottom-left-radius: 5px;
    padding: 20px;
  }

  .user-page-logo {
    height: 90px;
  }

  .user-page-decoration {
    top: 13%;
    right: 4%;
  }

  .user-pages-content {
    padding: 50px;
  }

  .grid-pricing-details {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1fr;
  }

  .team-title {
    width: 100%;
    margin-bottom: 50px;
  }

  .grid-team-list {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .team-image {
    height: auto;
  }

  .team-item-title {
    font-size: 20px;
  }

  .team-details-info {
    width: 80%;
  }

  .new-blog-list, .team-blog-list {
    grid-template-columns: 1fr 1fr;
  }

  .hero-intro-content {
    width: 100%;
  }

  .hero-intro-decoration {
    top: -8%;
    right: 3%;
  }

  .intro-gallery-section {
    height: 400px;
  }

  .intro-gallery-marquee {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .grid-main-pages {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .intro-newsletter-link {
    margin-top: 40px;
  }

  .intro-newsletter-decoration {
    top: 33%;
  }

  .dropdown-image {
    width: 15px;
    margin-bottom: -8px;
  }

  .dark-menu-button {
    background-color: var(--light);
    border-radius: 5px;
    padding: 10px;
    display: flex;
  }

  .dark-menu-button.w--open {
    background-color: var(--primary);
  }

  .dark-nav-menu {
    background-color: var(--dark);
    display: flex;
  }

  .changelog-title-wrap {
    font-size: 60px;
  }

  .dark-check-box {
    left: -19px;
  }

  .intro-tool-wrap {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .job-title {
    margin-bottom: 40px;
  }

  .map {
    height: 350px;
  }

  .product-title {
    font-size: 48px;
  }

  .about-info {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 65px;
  }

  h2 {
    font-size: 55px;
  }

  h3 {
    font-size: 45px;
  }

  h4 {
    font-size: 35px;
  }

  .heading-h2 {
    font-size: 55px;
  }

  .heading-h3 {
    font-size: 45px;
  }

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

  .heading-h4 {
    font-size: 35px;
  }

  .style-guide-section {
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .heading-h6.blog-font-size {
    font-size: 18px;
  }

  .heading-h1 {
    font-size: 65px;
  }

  .instructions-section, .licenses-section {
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .section-title {
    margin-bottom: 25px;
  }

  .changelog-section {
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .more-templates {
    bottom: 10px;
    right: 10px;
  }

  .maintenance-icon {
    height: 120px;
  }

  .utility-page-wrap {
    width: 100%;
    height: auto;
  }

  .subscribe-form {
    max-width: 100%;
  }

  .utility-page-maintenance {
    width: 100%;
    margin-top: 40px;
    padding: 30px;
  }

  .hero-inner {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .container-full {
    padding-left: 20px;
    padding-right: 20px;
  }

  .accordion-title {
    font-size: 20px;
  }

  .dropdown-list, .button-icon-light.mobile-hide {
    display: none;
  }

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

  .utility-page-content {
    padding: 20px;
  }

  .subscribe-input {
    height: 48px;
  }

  .submit-button {
    padding-top: 12px;
    padding-bottom: 11px;
  }

  .hero-form {
    width: 100%;
  }

  .hero-image.two {
    height: 50px;
    right: -3%;
  }

  .hero-image.three {
    height: 70px;
    right: 0%;
  }

  .hero-image.one {
    width: 500px;
  }

  .decoration.one {
    top: -44%;
    right: 2%;
  }

  .decoration.two {
    display: none;
  }

  .decoration.three {
    top: -17%;
    right: 18%;
  }

  .decoration.six {
    top: 19%;
    right: 27%;
  }

  .decoration.seven {
    display: none;
    left: -35%;
  }

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

  .grid-client-logo {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .section-spacing-bottom {
    padding-bottom: 50px;
  }

  .hero-faqs-title {
    font-size: 20px;
  }

  .bg-faqs {
    height: 400px;
  }

  .faqs-image.three {
    height: 150px;
    left: 20%;
  }

  .faqs-image.four {
    top: -1%;
    left: 0%;
  }

  .faqs-image.five {
    top: -15%;
    right: 5%;
  }

  .fqas-image.two {
    height: 360px;
  }

  .grid-work-step {
    grid-template-columns: minmax(200px, 1fr);
    margin-top: 65px;
  }

  .bg-work-step {
    width: 300px;
    height: 300px;
    align-items: center;
    margin-left: 0;
  }

  .check-box {
    width: 430px;
    left: -24%;
  }

  .avatar-group {
    margin-left: -20px;
  }

  .check-icon-wrap {
    top: -26%;
  }

  .work-step-image.one {
    height: 200px;
    top: 43%;
    left: -20%;
  }

  .work-step-image.two {
    height: 100px;
    bottom: -6%;
    right: -12%;
  }

  .grid-feature {
    grid-template-columns: minmax(200px, 1.5fr);
  }

  .grid-counter {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr;
    margin-bottom: 20px;
  }

  .counter-item {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .grid-dark-feature {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr 1fr;
    justify-content: center;
  }

  .action-box-content {
    width: 100%;
  }

  .action-box-title {
    margin-bottom: 30px;
    font-size: 55px;
  }

  .action-box-link {
    margin-top: 30px;
  }

  .grid-footer {
    grid-template-columns: 1.25fr;
    margin-top: 50px;
    margin-bottom: 50px;
  }

  .new-footer-item {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .grid-footer-bottom {
    grid-template-columns: 1fr;
  }

  .grid-hero-two {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
  }

  .hero-two-list {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .hero-two-image.four {
    width: 150px;
    bottom: 4%;
    left: 2%;
  }

  .hero-two-avatar {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-wrap: wrap;
    margin-bottom: 20px;
  }

  .hero-two-button {
    margin-bottom: 50px;
  }

  .grid-small-feature {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-columns: 1fr 1fr;
  }

  .small-feature-item {
    padding: 15px;
  }

  .small-feature-image-wrap {
    margin-top: -30px;
  }

  .tabs-menu {
    margin-bottom: 20px;
  }

  .grid-tab {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
  }

  .tab-bg {
    width: 250px;
    height: 250px;
  }

  .tabs-content {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .tab-image {
    height: 150px;
    bottom: -7%;
    left: -79px;
  }

  .tab-decoration-one {
    height: 100px;
    top: 27%;
    right: 7%;
  }

  .tab-decoration-two {
    width: 50px;
    display: none;
  }

  .tab-divider {
    margin-top: 50px;
    margin-bottom: 50px;
  }

  .grid-testimonials {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr;
  }

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

  .pricing-title {
    width: 100%;
    margin-bottom: 40px;
  }

  .pricing-tab-content {
    margin-top: 40px;
  }

  .grid-pricing-tab {
    grid-template-columns: 1fr;
  }

  .pricing-item {
    padding: 20px;
  }

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

  .blog-image-wrap, .blog-image {
    width: 100%;
  }

  .newsletter-section {
    margin-bottom: 50px;
  }

  .grid-newsletters {
    grid-template-columns: 1.25fr;
  }

  .newsletter-form {
    margin-bottom: 40px;
  }

  .newsletter-image-wrap {
    text-align: center;
  }

  .newsletter-image {
    width: 60%;
    margin-top: 0;
  }

  .video-image-wrap {
    margin-bottom: 20px;
  }

  .container-medium {
    padding-left: 20px;
    padding-right: 20px;
  }

  .grid-video-browser {
    margin-bottom: 60px;
  }

  .browser-image {
    height: 100%;
  }

  .review-marquee-wrap.one {
    margin-bottom: 40px;
  }

  .new-about-image {
    height: 100%;
  }

  .new-about-image.two {
    height: 300px;
    margin-top: 0;
  }

  .more-avatar-badge {
    width: 50px;
    height: 50px;
  }

  .more-avatar-title {
    font-size: 14px;
  }

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

  .new-integratiom-image-wrap {
    text-align: center;
  }

  .integration-image {
    width: 60%;
  }

  .grid-online-sale-one {
    grid-template-columns: 1fr;
    margin-bottom: 40px;
  }

  .online-sale-item-one {
    height: 100%;
    padding: 15px;
  }

  .online-sale-image.one {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  .online-sale-content.two {
    padding: 20px;
  }

  .grid-online-sale-two {
    grid-template-columns: 1fr;
  }

  .online-sale-card-one, .online-sale-card-two {
    padding: 20px;
  }

  .online-sale-card-three {
    padding: 40px;
  }

  .online-sale-decoration.two {
    height: 90px;
    bottom: 0%;
    right: 2%;
  }

  .online-sale-decoration.one {
    height: 80px;
    bottom: -10%;
    left: -1%;
  }

  .grid-new-faqs {
    grid-template-columns: 1fr;
  }

  .grid-action-box {
    grid-template-columns: 1.75fr;
  }

  .action-box-image {
    height: 100%;
    position: static;
  }

  .about-content {
    margin-top: 20px;
  }

  .about-title {
    font-size: 40px;
  }

  .grid-about-client {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .grid-our-story {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    grid-template-columns: 1fr;
  }

  .our-story-background {
    height: 400px;
  }

  .our-story-content {
    padding: 20px;
  }

  .our-story-description {
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .grid-our-value {
    grid-template-columns: 1fr 1fr;
  }

  .our-value-title-wrap {
    width: 100%;
  }

  .grid-about-counter {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .our-story-bg-right {
    height: 500px;
  }

  .hero-pricing-decoration {
    height: 80px;
    top: -5%;
    right: -3%;
  }

  .pricing-compare-item-header {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .pricing-info-title {
    font-size: 20px;
  }

  .pricing-count {
    font-size: 18px;
  }

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

  .pricing-text {
    font-size: 16px;
  }

  .pricing-contact-item {
    width: 100%;
  }

  .pricing-feature-list {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .grid-contact-form {
    grid-template-columns: 2fr;
  }

  .contact-hero-decoration {
    top: 51%;
    left: -10%;
    transform: rotate(155deg);
  }

  .service-hero-image.two {
    height: 150px;
    left: -2%;
  }

  .service-title-wrap {
    width: 100%;
  }

  .grid-service-item {
    grid-template-columns: 1fr 1fr;
  }

  .integrations-hero-image.one, .integrations-hero-image.two, .integrations-hero-image.three, .integrations-hero-image.four {
    display: none;
  }

  .integration-lists {
    grid-template-columns: 1fr 1fr;
  }

  .integration-item {
    padding: 15px;
  }

  .integration-icon {
    width: 40px;
    height: 40px;
  }

  .integration-details {
    margin-bottom: 50px;
  }

  .integration-details-decoration.one {
    right: 6%;
  }

  .integration-details-decoration.two {
    top: -7%;
    left: 15%;
  }

  .integration-detail-title {
    font-size: 50px;
  }

  .grid-dropdown {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .careers-hero-title-wrap {
    width: 100%;
  }

  .careers-image.one {
    display: none;
  }

  .careers-image.two {
    display: none;
    bottom: 8%;
  }

  .careers-image.three {
    display: none;
    bottom: 54%;
    right: 7%;
  }

  .careers-image.five {
    display: none;
  }

  .careers-image.six {
    display: none;
    top: -1%;
  }

  .careers-image.seven {
    display: none;
    left: 69%;
  }

  .grid-careers-counter {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .grid-job-position {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr;
  }

  .career-item {
    padding: 20px;
  }

  .careers-decoration {
    height: 90px;
    top: 8%;
    right: 5%;
  }

  .grid-benefits {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr;
  }

  .career-detail-section {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .careers-details-content {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-columns: minmax(200px, 1.25fr) 1fr;
    margin-bottom: 60px;
  }

  .career-details-item-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .career-details-title {
    font-size: 30px;
  }

  .careers-details-decoration {
    height: 60px;
    left: 2%;
  }

  .career-details-form {
    width: 100%;
  }

  .user-page-right {
    height: 100%;
  }

  .grid-user-page {
    grid-template-columns: 1fr;
  }

  .user-page-image-wrap.one {
    position: static;
  }

  .user-page-image-wrap.three, .user-page-image-wrap.two {
    display: none;
  }

  .user-page-image-wrap.four {
    height: auto;
    position: static;
  }

  .user-page-image-wrap.five, .user-page-image-wrap.six {
    display: none;
  }

  .user-page-image-wrap.seven {
    position: static;
  }

  .user-page-image-wrap.eight, .user-page-image-wrap.nine {
    display: none;
  }

  .user-page-image-wrap.ten {
    position: static;
  }

  .user-page-image-wrap.eleven, .user-page-image-wrap.twelve {
    display: none;
  }

  .user-page-image.one {
    height: 100%;
  }

  .new-user-page-left {
    height: auto;
    padding-left: 20px;
  }

  .user-pages-content {
    padding: 20px;
  }

  .grid-pricing-details {
    grid-template-columns: 1fr;
  }

  .pricing-details-item {
    padding: 20px;
  }

  .pricing-details-list {
    margin-bottom: 0;
  }

  .error-title {
    font-size: 90px;
  }

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

  .team-details-content {
    width: auto;
  }

  .team-details-title {
    font-size: 40px;
  }

  .team-details-info {
    width: 100%;
  }

  .team-decoration {
    left: 3%;
  }

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

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

  .hero-intro-title {
    font-size: 50px;
  }

  .intro-gallery-section {
    height: 300px;
  }

  .grid-gallery, .intro-gallery-marquee {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .tool-item {
    width: 230px;
  }

  .grid-main-pages, .grid-additional-pages {
    grid-template-columns: 1fr 1fr;
  }

  .intro-newsletter-link {
    margin-top: 30px;
  }

  .intro-newsletter-decoration, .update-decoration {
    display: none;
  }

  .changelog-title-wrap {
    font-size: 40px;
  }

  .dark-check-box {
    width: 408px;
    top: -33%;
    left: -83px;
  }

  .integration-image-two {
    width: 30%;
    height: auto;
  }

  .integration-image-wrapper {
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }

  .career-detail-image {
    height: 100%;
  }

  .intro-tool-wrap {
    flex-wrap: wrap;
    justify-content: center;
  }

  .job-title {
    margin-bottom: 30px;
  }

  .map {
    height: 300px;
  }

  .brand {
    padding-left: 0;
  }

  .product-title {
    font-size: 40px;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    font-size: 38px;
  }

  h2 {
    font-size: 34px;
  }

  h3 {
    font-size: 30px;
  }

  h4 {
    font-size: 25px;
  }

  h5 {
    font-size: 21px;
  }

  h6 {
    font-size: 18px;
  }

  .heading-h2 {
    font-size: 34px;
  }

  .input-group {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 10px;
  }

  .heading-h3 {
    font-size: 30px;
  }

  .container {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }

  .heading-h5 {
    font-size: 21px;
  }

  .heading-h4 {
    font-size: 25px;
  }

  .style-guide-content {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .style-guide-section {
    padding-top: 40px;
    padding-bottom: 40px;
  }

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

  .heading-h1 {
    font-size: 38px;
  }

  .licenses-section, .changelog-section {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .changelog-version {
    margin-bottom: 10px;
    padding: 5px 20px 0;
  }

  .maintenance-icon {
    height: 100px;
  }

  .utility-page-wrap {
    width: auto;
  }

  .utility-page-maintenance {
    padding: 20px;
  }

  .hero-inner {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .container-full {
    padding-left: 15px;
    padding-right: 15px;
  }

  .accordion-title {
    padding-right: 20px;
  }

  .logo {
    height: 30px;
  }


  .dropdown-list {
    padding: 15px;
  }

  .dropdown-link {
    padding-right: 4px;
    font-size: 15px;
  }

  .right-nav {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .login-link {
    display: none;
  }

  .section-spacing {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .hero-content {
    padding-top: 40px;
  }

  .browser-item {
    margin-bottom: 50px;
  }

  .hero-subscribe-form {
    width: 100%;
  }

  .subscribe-input {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
  }

  .submit-button {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
  }

  .hero-form {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-wrap: wrap;
  }

  .hero-image.two, .hero-image.three {
    display: none;
  }

  .decoration.one {
    display: none;
    top: -87%;
  }

  .decoration.three {
    display: none;
    top: -25%;
    right: 6%;
  }

  .decoration.six {
    display: none;
  }

  .hero-bg {
    bottom: 13%;
  }

  .grid-client-logo {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr 1fr;
  }

  .section-spacing-bottom {
    padding-bottom: 30px;
  }

  .faqs-image.three {
    height: 100px;
    left: 0%;
  }

  .faqs-image.four {
    height: 100px;
    left: 5%;
  }

  .faqs-image.five {
    top: -12%;
    right: 6%;
  }

  .fqas-image.two {
    height: 290px;
  }

  .grid-work-step {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-columns: minmax(200px, 1fr);
    margin-top: 30px;
  }

  .bg-work-step {
    width: auto;
    height: 200px;
    margin-left: 0;
    display: none;
  }

  .avatar-group {
    width: 50px;
    height: 50px;
  }

  .work-step-image.one {
    height: 200px;
    display: none;
    position: static;
    bottom: 17%;
    left: 11%;
  }

  .work-step-image.two {
    display: none;
    bottom: 74%;
    right: 8%;
  }

  .grid-feature {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    grid-template-columns: minmax(200px, 1.25fr);
  }

  .grid-counter {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr;
  }

  .grid-dark-feature {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr;
  }

  .dark-feature-image {
    margin-bottom: 15px;
  }

  .action-box-content {
    width: auto;
  }

  .action-box-title {
    margin-bottom: 20px;
    font-size: 35px;
  }

  .action-box-link {
    margin-top: 20px;
  }

  .grid-footer {
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .grid-footer-link {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
  }

  .footer-link {
    margin-bottom: 8px;
  }

  .new-footer-item {
    padding: 20px;
  }

  .footer-image-wrap {
    margin-top: 20px;
  }

  .grid-footer-bottom {
    grid-template-columns: 1.25fr;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .hero-two-list {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .hero-two-image.three, .hero-two-image.four {
    display: none;
  }

  .hero-two-avatar {
    grid-template-columns: 1.75fr;
  }

  .hero-two-button {
    margin-bottom: 20px;
  }

  .grid-hero-two-client {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    justify-items: center;
  }

  .grid-small-feature {
    grid-template-columns: 1fr;
  }

  .small-feature-content {
    padding-top: 15px;
  }

  .tabs-menu {
    grid-template-columns: 1fr;
    margin-bottom: 20px;
  }

  .grid-tab {
    grid-template-columns: minmax(282px, .25fr);
  }

  .grid-tab-feature {
    grid-template-columns: .75fr;
    margin-top: 25px;
    margin-bottom: 25px;
  }

  .tab-image-wrap {
    display: none;
  }

  .tabs-content {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .tab-divider {
    margin-top: 20px;
    margin-bottom: 20px;
  }

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

  .testimonial-slide {
    height: auto;
  }

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

  .pricing-tab-link.two {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
  }

  .pricing-tab-link.one {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
  }

  .grid-pricing-tab {
    grid-template-columns: 1fr;
  }

  .pricing-item {
    padding: 15px;
  }

  .pricing-list-item {
    margin-bottom: 15px;
  }

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

  .grid-newsletters {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .newsletter-subscribe-form {
    width: 100%;
  }

  .newsletter-form {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-wrap: wrap;
  }

  .grid-hero-three {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .grid-rating {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr;
    justify-items: start;
    margin-bottom: 20px;
  }

  .rating-item, .medal-item, .download-item {
    text-align: left;
  }

  .hero-three-image.three {
    display: none;
  }

  .container-medium {
    padding-left: 15px;
    padding-right: 15px;
  }

  .grid-video-browser {
    grid-template-columns: 1fr;
  }

  .review-marquee-wrap.one {
    margin-bottom: 30px;
  }

  .new-about-image.two {
    height: 100%;
  }

  .new-about-image.three {
    object-fit: cover;
  }

  .integration-image {
    width: 80%;
  }

  .online-sale-content {
    height: auto;
  }

  .inline-sale-image.three {
    height: 100px;
  }

  .online-sale-card-three {
    padding: 20px;
  }

  .online-counter-title {
    font-size: 36px;
  }

  .online-sale-decoration.two {
    height: 60px;
    right: 0%;
  }

  .online-sale-decoration.one {
    display: none;
  }

  .grid-action-box {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-rows: auto auto;
    grid-template-columns: 1.75fr;
    padding: 20px;
  }

  .action-box-description {
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .action-box-image {
    position: static;
  }

  .about-content {
    width: 100%;
  }

  .about-title {
    font-size: 30px;
  }

  .grid-about-image {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr;
  }

  .about-image-wrap.one, .about-image-wrap.three {
    display: none;
  }

  .grid-about-client {
    grid-template-columns: 1fr 1fr;
  }

  .our-story-background {
    height: 200px;
  }

  .our-story-content {
    padding: 15px;
  }

  .grid-our-value, .grid-about-counter {
    grid-template-columns: 1fr;
  }

  .our-story-bg-right {
    height: 300px;
  }

  .hero-pricing-decoration {
    display: none;
  }

  .pricing-compare-item-header {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .pricing-info-title, .pricing-count {
    font-size: 16px;
  }

  .pricing-compare-item {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-columns: 1fr .75fr .75fr .75fr;
    padding-left: 0;
    padding-right: 0;
  }

  .pricing-text {
    font-size: 12px;
  }

  .pricing-feature-list {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .contact-info {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .contact-form {
    padding: 15px;
  }

  .contact-hero-decoration {
    display: none;
  }

  .contact-image {
    width: 100px;
  }

  .grid-service-hero {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .service-hero-image.two {
    display: none;
  }

  .grid-service-item, .integration-lists {
    grid-template-columns: 1fr;
  }

  .integration-details {
    margin-bottom: 30px;
    padding: 20px;
  }

  .integration-detail-icon-wrap {
    width: 100px;
    height: 100px;
  }

  .integration-detail-icon {
    width: 50px;
    height: 50px;
  }

  .integration-details-decoration.one, .integration-details-decoration.two {
    display: none;
  }

  .integration-detail-title {
    font-size: 30px;
  }

  .grid-dropdown {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-columns: 1fr minmax(134px, .5fr);
  }

  .dropdown-title {
    font-size: 20px;
  }

  .grid-dropdown-link {
    grid-template-columns: minmax(129px, .25fr);
  }

  .according-icon-wrap {
    flex: none;
  }

  .grid-careers-counter, .grid-job-position {
    grid-template-columns: 1fr;
  }

  .careers-decoration {
    height: 90px;
    display: none;
    top: 5%;
    right: 16%;
  }

  .benefit-image-wrap {
    height: 200px;
  }

  .benefit-bg-image {
    height: 300px;
  }

  .careers-details-bg-image {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  .careers-details-content {
    grid-template-columns: 4fr;
    margin-top: -41px;
    margin-bottom: 40px;
  }

  .career-details-item-wrap {
    margin-bottom: 20px;
  }

  .careers-details-decoration {
    display: none;
    top: 3%;
    left: -5%;
  }

  .grid-career-info {
    grid-template-columns: 1fr;
  }

  .privacy-decoration {
    display: none;
  }

  .user-page-image-wrap.one, .user-page-image-wrap.seven, .user-page-image-wrap.ten {
    height: auto;
  }

  .user-page-image.one {
    height: 100%;
  }

  .new-user-page-left {
    height: 100%;
    padding: 15px;
  }

  .new-user-page-right {
    padding: 15px;
  }

  .user-page-link {
    font-size: 16px;
  }

  .user-page-logo {
    height: 70px;
  }

  .user-page-decoration {
    display: none;
  }

  .user-pages-content {
    padding: 20px;
  }

  .dropdown-list-dark {
    display: none;
  }

  .dropdown-title-dark {
    font-size: 20px;
  }

  .dropdown-link-dark {
    font-size: 16px;
  }

  .order-item {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
  }

  .order-content {
    margin-left: 0;
  }

  .error-title {
    font-size: 70px;
  }

  .search-result-list, .grid-team-list {
    grid-template-columns: 1fr;
  }

  .team-details-content {
    padding: 20px;
  }

  .team-details-image {
    height: auto;
  }

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

  .team-decoration {
    display: none;
  }

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

  .team-blog-title-wrap {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .team-blog-title {
    grid-column-gap: 2px;
    grid-row-gap: 2px;
  }

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

  .hero-intro-title {
    font-size: 35px;
  }

  .hero-intro-decoration {
    display: none;
  }

  .intro-gallery-section {
    height: 200px;
  }

  .intro-gallery-marquee {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .hero-intro-button {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .tool-item {
    width: 100%;
  }

  .grid-main-pages, .grid-additional-pages {
    grid-template-columns: 1fr;
  }

  .intro-newsletter-link {
    margin-top: 20px;
  }

  .update-decoration {
    display: none;
  }

  .dark-menu-button {
    background-color: var(--white-smoke);
  }

  .main-page-wrap {
    width: 100%;
  }

  .integration-image-two {
    width: 40%;
  }

  .map {
    height: 200px;
  }

  .product-title {
    margin-bottom: 15px;
    font-size: 36px;
  }

  .order-image {
    width: 100%;
  }

  .new-about-image-wrap {
    flex-wrap: wrap;
  }
}

#w-node-_67b8f194-6007-f142-d28f-5be4db2d9542-7e5f0035, #w-node-_67b8f194-6007-f142-d28f-5be4db2d9549-7e5f0035, #w-node-_67b8f194-6007-f142-d28f-5be4db2d9550-7e5f0035, #w-node-d9cc009a-f2c8-ca25-41dc-736b785f7f6a-7e5f0035, #w-node-d9cc009a-f2c8-ca25-41dc-736b785f7f6e-7e5f0035, #w-node-d9cc009a-f2c8-ca25-41dc-736b785f7f72-7e5f0035, #w-node-_1aa182c8-91a0-1ef3-0f4a-5bac8bd68748-7e5f0035, #w-node-_1aa182c8-91a0-1ef3-0f4a-5bac8bd6874e-7e5f0035, #w-node-_1aa182c8-91a0-1ef3-0f4a-5bac8bd68754-7e5f0035, #w-node-_1aa182c8-91a0-1ef3-0f4a-5bac8bd6875a-7e5f0035, #w-node-_1aa182c8-91a0-1ef3-0f4a-5bac8bd68760-7e5f0035, #w-node-_1aa182c8-91a0-1ef3-0f4a-5bac8bd68766-7e5f0035, #w-node-_1aa182c8-91a0-1ef3-0f4a-5bac8bd6876c-7e5f0035, #w-node-_1aa182c8-91a0-1ef3-0f4a-5bac8bd68772-7e5f0035, #w-node-_1aa182c8-91a0-1ef3-0f4a-5bac8bd68778-7e5f0035, #w-node-_1aa182c8-91a0-1ef3-0f4a-5bac8bd6877e-7e5f0035, #w-node-_1aa182c8-91a0-1ef3-0f4a-5bac8bd68784-7e5f0035, #w-node-_1aa182c8-91a0-1ef3-0f4a-5bac8bd6878a-7e5f0035, #w-node-_1aa182c8-91a0-1ef3-0f4a-5bac8bd68790-7e5f0035, #w-node-e5952146-849b-8e9a-08cf-05da78589055-7e5f0035, #w-node-e5952146-849b-8e9a-08cf-05da7858905b-7e5f0035, #w-node-e5952146-849b-8e9a-08cf-05da78589061-7e5f0035, #w-node-e5952146-849b-8e9a-08cf-05da78589067-7e5f0035, #w-node-e5952146-849b-8e9a-08cf-05da7858906d-7e5f0035, #w-node-e5952146-849b-8e9a-08cf-05da78589073-7e5f0035, #w-node-abc76560-e86f-7840-92dc-f00b22818703-7e5f0035, #w-node-abc76560-e86f-7840-92dc-f00b22818709-7e5f0035, #w-node-abc76560-e86f-7840-92dc-f00b2281870f-7e5f0035, #w-node-abc76560-e86f-7840-92dc-f00b22818715-7e5f0035, #w-node-abc76560-e86f-7840-92dc-f00b2281871b-7e5f0035, #w-node-b1f3a0ee-b200-b574-36e1-0b28abdb83cc-abdb83c8, #w-node-b1f3a0ee-b200-b574-36e1-0b28abdb83d0-abdb83c8, #w-node-b1f3a0ee-b200-b574-36e1-0b28abdb83dd-abdb83c8, #w-node-b1f3a0ee-b200-b574-36e1-0b28abdb83e6-abdb83c8, #w-node-b1f3a0ee-b200-b574-36e1-0b28abdb83e9-abdb83c8, #w-node-b1f3a0ee-b200-b574-36e1-0b28abdb83f6-abdb83c8, #w-node-b1f3a0ee-b200-b574-36e1-0b28abdb8401-abdb83c8 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b1f3a0ee-b200-b574-36e1-0b28abdb840d-abdb83c8 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: center;
}

#w-node-b1f3a0ee-b200-b574-36e1-0b28abdb8415-abdb83c8 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-_6a0545d0-b164-84b1-4ad1-5b8f4bc3d1f7-2f9fc260, #w-node-_3ca2018e-8807-bb46-80f9-12caabf0c08a-2f9fc260, #w-node-_8c7ca4bc-3236-84fe-50dd-4f4c96522f0b-2f9fc260, #w-node-d5b3025c-9208-bbe6-0c34-eb11a515c199-2f9fc260, #w-node-_2319a124-f2a7-8608-2285-7d92d27d084b-7e5f003f, #w-node-cd799a89-be0c-b012-88eb-436b9444e7e9-7e5f003f, #w-node-fa72ef79-c5d3-f7a8-dadb-18606df229d8-7e5f003f, #w-node-_5e8e62db-79ba-b5f4-1e74-c53742f88e23-7e5f003f, #w-node-_5e8e62db-79ba-b5f4-1e74-c53742f88e24-7e5f003f, #w-node-_5e8e62db-79ba-b5f4-1e74-c53742f88e26-7e5f003f, #w-node-_5e8e62db-79ba-b5f4-1e74-c53742f88e27-7e5f003f, #w-node-_5e8e62db-79ba-b5f4-1e74-c53742f88e28-7e5f003f, #w-node-e63ed518-6d8a-c6fe-1f0c-521198a2f4fb-7e5f003f, #w-node-_761c35ff-fffa-be91-993a-ee1feb7390d1-7e5f003f, #w-node-_12dfad2e-0dfd-9942-1892-47b3c5d61d6e-7e5f003f, #w-node-_7670f282-f940-bdd9-80ff-acba42906f62-7e5f003f, #w-node-_14ae339c-c5c8-4082-9bb9-f3b7a1313802-7e5f003f, #w-node-e085b2cf-fe9f-b553-9e6c-696b84654507-7e5f003f, #w-node-_37fe9c54-e98a-a0a8-24f8-80025942a4db-7e5f003f, #w-node-fdf9b680-8f3f-bbf5-82ff-f7a43f7bac0e-7e5f003f, #w-node-_3bfa968b-d30a-08f2-9ba5-d1b71f6f539b-7e5f003f, #w-node-_6163d487-5fc6-91be-2d8d-af404dba484e-7e5f003f, #w-node-_65b30690-0704-0d83-bb95-3f2d0ac7eb22-7e5f003f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_940c29ae-a311-f91b-1232-152becf37068-ecf37063 {
  justify-self: center;
}

#w-node-_5f229625-1b3f-3768-9dd9-b660b4fe1949-ecf37063, #w-node-_5f229625-1b3f-3768-9dd9-b660b4fe194d-ecf37063, #w-node-_5f229625-1b3f-3768-9dd9-b660b4fe1962-ecf37063, #w-node-_5f229625-1b3f-3768-9dd9-b660b4fe1977-ecf37063, #w-node-_629d2198-b7eb-b551-49b4-95df236b8589-7e5f0041, #w-node-_629d2198-b7eb-b551-49b4-95df236b8590-7e5f0041, #w-node-_629d2198-b7eb-b551-49b4-95df236b8597-7e5f0041, #w-node-_629d2198-b7eb-b551-49b4-95df236b859e-7e5f0041, #w-node-be78a7ab-ac84-6308-b30c-e5d6dca1f6b9-7e5f0041, #w-node-c42e3c1f-e5e8-5a25-e9c3-1635d137b832-7e5f0041, #w-node-_1001af2e-ef73-87f5-01c8-7a30037b13c6-7e5f0044, #w-node-da42ce17-a2dc-a933-c517-f694712c973e-7e5f0044 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_54d80496-17fa-e85f-97e2-9ea4be5cf6e1-7e5f0046 {
  justify-self: end;
}

#w-node-_3a6dd768-e80f-fd3b-6d25-8782d89fe059-7e5f0046, #w-node-_3a6dd768-e80f-fd3b-6d25-8782d89fe05d-7e5f0046, #w-node-de9b8558-c043-7907-6bf2-6ee1c4b842a1-7e5f0046, #w-node-de9b8558-c043-7907-6bf2-6ee1c4b842a5-7e5f0046, #w-node-_666f8d88-1c07-a035-e039-8041afa6dc6a-7e5f0047, #w-node-_666f8d88-1c07-a035-e039-8041afa6dca2-7e5f0047, #w-node-_666f8d88-1c07-a035-e039-8041afa6dcda-7e5f0047, #w-node-_11dfe5f9-4db1-f6b0-3e70-d64781809c4a-7e5f004a, #w-node-bec54052-8b85-1c20-c387-b50b43286a45-7e5f004a, #w-node-bec54052-8b85-1c20-c387-b50b43286a4c-7e5f004a, #w-node-bec54052-8b85-1c20-c387-b50b43286a53-7e5f004a, #w-node-_3654780e-28a3-fe81-ef61-0441754fc51e-7e5f004a, #w-node-_3654780e-28a3-fe81-ef61-0441754fc520-7e5f004a, #w-node-_3654780e-28a3-fe81-ef61-0441754fc528-7e5f004a, #w-node-_3654780e-28a3-fe81-ef61-0441754fc52a-7e5f004a, #w-node-_3654780e-28a3-fe81-ef61-0441754fc532-7e5f004a, #w-node-_3654780e-28a3-fe81-ef61-0441754fc534-7e5f004a, #w-node-_3654780e-28a3-fe81-ef61-0441754fc53c-7e5f004a, #w-node-_3654780e-28a3-fe81-ef61-0441754fc53e-7e5f004a, #w-node-_3654780e-28a3-fe81-ef61-0441754fc546-7e5f004a, #w-node-_3654780e-28a3-fe81-ef61-0441754fc548-7e5f004a, #w-node-_3654780e-28a3-fe81-ef61-0441754fc551-7e5f004a, #w-node-_3654780e-28a3-fe81-ef61-0441754fc553-7e5f004a, #w-node-_3654780e-28a3-fe81-ef61-0441754fc55b-7e5f004a, #w-node-_3654780e-28a3-fe81-ef61-0441754fc55d-7e5f004a, #w-node-_3654780e-28a3-fe81-ef61-0441754fc565-7e5f004a, #w-node-_3654780e-28a3-fe81-ef61-0441754fc567-7e5f004a, #w-node-_3654780e-28a3-fe81-ef61-0441754fc56f-7e5f004a, #w-node-_3654780e-28a3-fe81-ef61-0441754fc571-7e5f004a, #w-node-_3654780e-28a3-fe81-ef61-0441754fc579-7e5f004a, #w-node-_3654780e-28a3-fe81-ef61-0441754fc57b-7e5f004a, #w-node-_4f7a66b9-966b-0e6f-fa70-826498d73252-7e5f004f, #w-node-_4f7a66b9-966b-0e6f-fa70-826498d73258-7e5f004f, #w-node-_4f7a66b9-966b-0e6f-fa70-826498d7325b-7e5f004f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4f7a66b9-966b-0e6f-fa70-826498d73259-7e5f004f {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-_4f7a66b9-966b-0e6f-fa70-826498d7325d-7e5f004f, #w-node-_4f7a66b9-966b-0e6f-fa70-826498d7325f-7e5f004f, #w-node-_4f7a66b9-966b-0e6f-fa70-826498d73261-7e5f004f, #w-node-_4f7a66b9-966b-0e6f-fa70-826498d73263-7e5f004f, #w-node-_4f7a66b9-966b-0e6f-fa70-826498d73265-7e5f004f, #w-node-_4f7a66b9-966b-0e6f-fa70-826498d73267-7e5f004f, #w-node-_4f7a66b9-966b-0e6f-fa70-826498d73269-7e5f004f, #w-node-_6fb86f39-3471-6fee-a8e2-8ca32e9dab40-7e5f004f, #w-node-_6fb86f39-3471-6fee-a8e2-8ca32e9dab6d-7e5f004f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a1171c16-81ca-e7f4-1d78-dd2f7891e128-7e5f004f {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: center;
}

#w-node-a1171c16-81ca-e7f4-1d78-dd2f7891e12b-7e5f004f, #w-node-a1171c16-81ca-e7f4-1d78-dd2f7891e139-7e5f004f, #w-node-f02f3e67-282c-6ed2-652f-59374edeee60-7e5f004f, #w-node-f02f3e67-282c-6ed2-652f-59374edeee68-7e5f004f, #w-node-f02f3e67-282c-6ed2-652f-59374edeee6f-7e5f004f, #w-node-f02f3e67-282c-6ed2-652f-59374edeee77-7e5f004f, #w-node-f02f3e67-282c-6ed2-652f-59374edeee80-7e5f004f, #w-node-f02f3e67-282c-6ed2-652f-59374edeee87-7e5f004f, #w-node-_85579311-7fde-514c-bc3e-eab8e9f002e2-7e5f004f, #w-node-_85579311-7fde-514c-bc3e-eab8e9f002e4-7e5f004f, #w-node-_85579311-7fde-514c-bc3e-eab8e9f002ec-7e5f004f, #w-node-_85579311-7fde-514c-bc3e-eab8e9f002ee-7e5f004f, #w-node-_85579311-7fde-514c-bc3e-eab8e9f002f6-7e5f004f, #w-node-_85579311-7fde-514c-bc3e-eab8e9f002f8-7e5f004f, #w-node-_85579311-7fde-514c-bc3e-eab8e9f00300-7e5f004f, #w-node-_85579311-7fde-514c-bc3e-eab8e9f00302-7e5f004f, #w-node-_85579311-7fde-514c-bc3e-eab8e9f0030a-7e5f004f, #w-node-_85579311-7fde-514c-bc3e-eab8e9f0030c-7e5f004f, #w-node-ef55f462-37e4-aace-6194-6ab009d3fd10-7e5f004f, #w-node-ef55f462-37e4-aace-6194-6ab009d3fd12-7e5f004f, #w-node-ef55f462-37e4-aace-6194-6ab009d3fd1a-7e5f004f, #w-node-ef55f462-37e4-aace-6194-6ab009d3fd1c-7e5f004f, #w-node-ef55f462-37e4-aace-6194-6ab009d3fd24-7e5f004f, #w-node-ef55f462-37e4-aace-6194-6ab009d3fd26-7e5f004f, #w-node-ef55f462-37e4-aace-6194-6ab009d3fd2e-7e5f004f, #w-node-ef55f462-37e4-aace-6194-6ab009d3fd30-7e5f004f, #w-node-ef55f462-37e4-aace-6194-6ab009d3fd38-7e5f004f, #w-node-ef55f462-37e4-aace-6194-6ab009d3fd3a-7e5f004f, #w-node-_85579311-7fde-514c-bc3e-eab8e9f00315-7e5f004f, #w-node-_85579311-7fde-514c-bc3e-eab8e9f00317-7e5f004f, #w-node-_85579311-7fde-514c-bc3e-eab8e9f0031f-7e5f004f, #w-node-_85579311-7fde-514c-bc3e-eab8e9f00321-7e5f004f, #w-node-_85579311-7fde-514c-bc3e-eab8e9f00329-7e5f004f, #w-node-_85579311-7fde-514c-bc3e-eab8e9f0032b-7e5f004f, #w-node-_85579311-7fde-514c-bc3e-eab8e9f00333-7e5f004f, #w-node-_85579311-7fde-514c-bc3e-eab8e9f00335-7e5f004f, #w-node-_85579311-7fde-514c-bc3e-eab8e9f0033d-7e5f004f, #w-node-_85579311-7fde-514c-bc3e-eab8e9f0033f-7e5f004f, #w-node-_874b1517-2de0-3f46-3fbf-b605bbdaf8a2-7e5f004f, #w-node-_874b1517-2de0-3f46-3fbf-b605bbdaf8a8-7e5f004f, #w-node-_874b1517-2de0-3f46-3fbf-b605bbdaf8ae-7e5f004f, #w-node-_874b1517-2de0-3f46-3fbf-b605bbdaf8b4-7e5f004f, #w-node-_874b1517-2de0-3f46-3fbf-b605bbdaf8ba-7e5f004f, #w-node-_874b1517-2de0-3f46-3fbf-b605bbdaf8c0-7e5f004f, #w-node-_874b1517-2de0-3f46-3fbf-b605bbdaf8c6-7e5f004f, #w-node-_874b1517-2de0-3f46-3fbf-b605bbdaf8cc-7e5f004f, #w-node-_874b1517-2de0-3f46-3fbf-b605bbdaf8d2-7e5f004f, #w-node-_936995e8-154e-cb1e-f1bc-08d1eb67dc8b-7e5f0050, #w-node-_764167d3-febe-6d97-8255-574e20b3647b-7e5f0050, #w-node-e0ca8c1c-9b70-8675-50e5-892f0bdac731-7e5f0050, #w-node-d990eb04-7d79-613c-55af-3192f93a54e0-7e5f0050, #w-node-_212a7fc1-798d-d7bd-e0a8-ca796c1d35b3-7e5f0050, #w-node-baee277d-834e-d97d-bded-3ffb23a7cc19-7e5f0050, #w-node-e06728f4-5abb-256e-c674-964367f1b4aa-7e5f0050, #w-node-_665ce237-e42f-6500-7fc0-c9b6a18659c1-7e5f0050, #w-node-_2f3a1057-fccd-8e90-871e-aad777d4e92c-7e5f0050, #w-node-a7d14e40-ff6a-3c7d-ad3e-4b5e0875df5a-7e5f0050, #w-node-_9010405a-bbbb-297c-ad78-bb550e3d7640-7e5f0050, #w-node-_4a31173a-e3bb-f936-d90e-39b09c7a765b-7e5f0050, #w-node-_2efa47dc-2841-a6b1-e9c7-6ba9d0fe5c9c-7e5f0050, #w-node-_24b92918-ae1d-3068-71b3-9dd5c076677a-7e5f0050, #w-node-d32b9f0f-552c-711a-e540-63b346193f7f-7e5f0050, #w-node-a0f2690f-2812-57c9-fde8-af4ca45a300d-7e5f0050, #w-node-ba73254d-27b4-8533-e58a-719e86cd70ea-7e5f0050 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-e311e1a3-7803-ab6b-0728-84f69bb3f713-7e5f0050 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
  justify-self: center;
}

#w-node-_6e9b8522-bf97-9953-eb62-a454c86bdbec-7e5f0050, #w-node-_3aa2ce3d-543f-962a-affc-35f96d9e4560-7e5f0050, #w-node-_3aa2ce3d-543f-962a-affc-35f96d9e4566-7e5f0050, #w-node-_3aa2ce3d-543f-962a-affc-35f96d9e456a-7e5f0050, #w-node-_3aa2ce3d-543f-962a-affc-35f96d9e456e-7e5f0050, #w-node-_3aa2ce3d-543f-962a-affc-35f96d9e4572-7e5f0050 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_3aa2ce3d-543f-962a-affc-35f96d9e457c-7e5f0050 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
  justify-self: center;
}

#w-node-_3aa2ce3d-543f-962a-affc-35f96d9e4582-7e5f0050, #w-node-c6a55343-2e4a-37a3-c579-440903db111d-7e5f0050, #w-node-c6a55343-2e4a-37a3-c579-440903db1123-7e5f0050, #w-node-c6a55343-2e4a-37a3-c579-440903db1127-7e5f0050, #w-node-c6a55343-2e4a-37a3-c579-440903db112b-7e5f0050, #w-node-c6a55343-2e4a-37a3-c579-440903db112f-7e5f0050 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c6a55343-2e4a-37a3-c579-440903db1139-7e5f0050 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
  justify-self: center;
}

#w-node-c6a55343-2e4a-37a3-c579-440903db113f-7e5f0050, #w-node-_9cdcff6d-0a52-2515-fc60-56f3d4f7bc89-7e5f0050, #w-node-_9cdcff6d-0a52-2515-fc60-56f3d4f7bc8f-7e5f0050, #w-node-_9cdcff6d-0a52-2515-fc60-56f3d4f7bc93-7e5f0050, #w-node-_9cdcff6d-0a52-2515-fc60-56f3d4f7bc97-7e5f0050, #w-node-_9cdcff6d-0a52-2515-fc60-56f3d4f7bc9b-7e5f0050 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9cdcff6d-0a52-2515-fc60-56f3d4f7bca5-7e5f0050 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
  justify-self: center;
}

#w-node-_9cdcff6d-0a52-2515-fc60-56f3d4f7bcab-7e5f0050, #w-node-_8319cedd-69a0-f9a7-4a94-65ab9e16079f-7e5f0050, #w-node-_8319cedd-69a0-f9a7-4a94-65ab9e1607a5-7e5f0050, #w-node-_8319cedd-69a0-f9a7-4a94-65ab9e1607a9-7e5f0050, #w-node-_8319cedd-69a0-f9a7-4a94-65ab9e1607ad-7e5f0050, #w-node-_8319cedd-69a0-f9a7-4a94-65ab9e1607b1-7e5f0050 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_8319cedd-69a0-f9a7-4a94-65ab9e1607bb-7e5f0050 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
  justify-self: center;
}

#w-node-_8319cedd-69a0-f9a7-4a94-65ab9e1607c1-7e5f0050, #w-node-ce9f9a5e-4d9a-2473-5ce9-1936f5832c6f-7e5f0050, #w-node-_8c1dbaa9-ed48-65bc-ace8-f8cae2725fc7-7e5f0050, #w-node-_26392739-3b98-573b-2ab9-f2c76901b116-7e5f0050, #w-node-e41fca85-8f8b-514c-6c8a-aa2fde9f7e2e-7e5f0050, #w-node-e41fca85-8f8b-514c-6c8a-aa2fde9f7e66-7e5f0050, #w-node-e41fca85-8f8b-514c-6c8a-aa2fde9f7e9e-7e5f0050, #w-node-_1eedde76-e036-1fa8-2e80-bec282c79775-7e5f0050, #w-node-_1eedde76-e036-1fa8-2e80-bec282c797ad-7e5f0050, #w-node-_1eedde76-e036-1fa8-2e80-bec282c797e5-7e5f0050, #w-node-_2893d320-5d5d-1c9f-2a4b-3895743bb761-7e5f0051, #w-node-a95de702-27ae-74df-bf3f-eda3cb98482b-7e5f0051, #w-node-eaba7d52-bef6-829b-bcea-96c05f2001b5-7e5f0051, #w-node-_32ce1c91-8b5e-836c-799f-41db9a054e11-7e5f0051, #w-node-_149a0708-25c3-a44c-e66b-b65f0543ff10-7e5f0051, #w-node-_31c341ec-a3c5-f419-40e3-8703473cdb3e-7e5f0051, #w-node-abbbfb42-c17b-f478-d15a-d76e6fa9d292-7e5f0051, #w-node-_5445a189-9395-6e9a-4b53-aa9970a480a6-7e5f0051, #w-node-fe2f73b7-7621-b21d-09ee-5e0aac9d750e-7e5f0051, #w-node-_5d7a4da5-6ba6-d86b-5c14-db7f16f21aa8-7e5f0051, #w-node-b1f0df81-41a5-9a0e-b3ca-a475e7d06a61-7e5f0051, #w-node-_9c0615e0-84fa-4103-a5c1-24bb4c9492b0-7e5f0051, #w-node-_285aa6c1-9090-d01c-c1dd-d5bb037cd13a-7e5f0051, #w-node-_2cdbc1df-3919-68ed-6dde-e3ac1b16a2ca-7e5f0051, #w-node-_97d7ba89-57f1-4edc-b405-88e55a931d50-7e5f0051, #w-node-d98319e7-1374-e1fb-d553-559f59abed4b-7e5f0051, #w-node-_8f861912-2fa0-f6f2-85bf-25540ee4e549-7e5f0051, #w-node-cfb421f9-61cc-fa37-6f67-603746dface3-7e5f0051, #w-node-_0abde58c-c4ae-c071-cc22-56842c4268cb-7e5f0051, #w-node-_58fcec82-ed45-7c86-5a1e-5b153bad0cb3-7e5f0051, #w-node-_5e8cf985-9ef6-1e6b-ad68-a85c7ca38161-7e5f0051, #w-node-_4501ded8-df2d-6b0c-b833-421493d573e0-7e5f0051, #w-node-b39505c8-8f18-7123-3981-cb0291a8f2d0-7e5f0051, #w-node-_328f462e-7b67-5406-2d5f-b087ccc4e245-7e5f0051, #w-node-bbad3955-f3c3-0810-ed47-37a77ae5efb6-7e5f0056, #w-node-f639cf5f-07fd-da15-65af-57d71a54891c-7e5f0056, #w-node-_1af84e37-92ee-8f99-6892-ecfc3e462618-7e5f0059, #w-node-c0db4db7-95d5-572d-e1be-1be6993831bd-7e5f0059, #w-node-_879a8947-2608-2b0a-145f-4374d3328b22-7e5f0059, #w-node-_1f2c47e4-764c-2f97-1b81-c55fc727a3d1-7e5f0059, #w-node-_147c4fb4-b4a2-f4b5-5d7c-06945943bc07-7e5f0059, #w-node-a4c0e803-c81d-6ee8-33eb-cbb304b31a7f-7e5f0059, #w-node-ee3a9acb-a75f-ef03-4cec-5110e44981c4-7e5f0059, #w-node-_6eaec0a5-a624-cbe4-909a-46a76449228c-7e5f0059, #w-node-_7f756e6f-902b-b817-405a-89e6b01af444-7e5f0059, #w-node-_56beeb23-1077-56ae-cf15-3af77bded93c-7e5f0059, #w-node-_35c545cb-b3bd-cf83-afb3-0da71e4ff898-7e5f0059, #w-node-abd8d411-c4f5-3d3b-c2a3-8d5f2c7efce1-7e5f0059, #w-node-abd8d411-c4f5-3d3b-c2a3-8d5f2c7efce3-7e5f0059, #w-node-abd8d411-c4f5-3d3b-c2a3-8d5f2c7efce5-7e5f0059, #w-node-abd8d411-c4f5-3d3b-c2a3-8d5f2c7efce7-7e5f0059, #w-node-_913d8844-3ee2-24fe-d62b-8eaccf9c3eef-7e5f0059, #w-node-_913d8844-3ee2-24fe-d62b-8eaccf9c3ef1-7e5f0059, #w-node-_913d8844-3ee2-24fe-d62b-8eaccf9c3ef3-7e5f0059, #w-node-_913d8844-3ee2-24fe-d62b-8eaccf9c3ef5-7e5f0059, #w-node-cd280699-407a-bce1-3048-05f407afc6e6-7e5f0059, #w-node-cd280699-407a-bce1-3048-05f407afc6e8-7e5f0059, #w-node-cd280699-407a-bce1-3048-05f407afc6ea-7e5f0059, #w-node-cd280699-407a-bce1-3048-05f407afc6ec-7e5f0059, #w-node-_63c0072a-9301-ff56-629f-c2e5c3d6a74b-7e5f0059, #w-node-_63c0072a-9301-ff56-629f-c2e5c3d6a74d-7e5f0059, #w-node-_63c0072a-9301-ff56-629f-c2e5c3d6a74f-7e5f0059, #w-node-_63c0072a-9301-ff56-629f-c2e5c3d6a751-7e5f0059, #w-node-a3aed4de-88bf-0748-b557-70fb73d893b4-7e5f0059, #w-node-a3aed4de-88bf-0748-b557-70fb73d893b6-7e5f0059, #w-node-a3aed4de-88bf-0748-b557-70fb73d893b8-7e5f0059, #w-node-a3aed4de-88bf-0748-b557-70fb73d893ba-7e5f0059, #w-node-_4cde1e25-fc90-1354-8a45-80573e6c8eb1-7e5f0059, #w-node-_4cde1e25-fc90-1354-8a45-80573e6c8eb3-7e5f0059, #w-node-_4cde1e25-fc90-1354-8a45-80573e6c8eb5-7e5f0059, #w-node-_4cde1e25-fc90-1354-8a45-80573e6c8eb7-7e5f0059, #w-node-_823c5192-9f5b-6f92-d43b-3456650026df-7e5f0059, #w-node-_823c5192-9f5b-6f92-d43b-3456650026e1-7e5f0059, #w-node-_823c5192-9f5b-6f92-d43b-3456650026e3-7e5f0059, #w-node-_823c5192-9f5b-6f92-d43b-3456650026e5-7e5f0059, #w-node-_9c2cb674-a927-4f11-1173-676628849df7-7e5f0059, #w-node-_9c2cb674-a927-4f11-1173-676628849df9-7e5f0059, #w-node-_9c2cb674-a927-4f11-1173-676628849dfb-7e5f0059, #w-node-_9c2cb674-a927-4f11-1173-676628849dfd-7e5f0059, #w-node-a10b436b-7e47-34c3-7f96-e2dd4972708b-7e5f0059, #w-node-a10b436b-7e47-34c3-7f96-e2dd4972708d-7e5f0059, #w-node-a10b436b-7e47-34c3-7f96-e2dd4972708f-7e5f0059, #w-node-a10b436b-7e47-34c3-7f96-e2dd49727091-7e5f0059, #w-node-_6b11c1db-d1ea-ca3e-d530-48dd5ee6251a-7e5f005b, #w-node-_6b11c1db-d1ea-ca3e-d530-48dd5ee62528-7e5f005b, #w-node-_5d185065-c86d-e66a-770d-ba262c5d201c-7e5f009b, #w-node-_3ec52702-bdfb-0d58-a3a1-7c0570ec1325-7e5f009b, #w-node-_7b06e91c-5984-5db2-7e61-6163705a3734-7e5f009b, #w-node-_263ddce5-c20c-3eb9-8be1-ae29d487939a-7e5f009b, #w-node-_36da6287-9917-1c05-8229-7233a9469f21-7e5f009b, #w-node-_573425af-2e7d-2cd4-caf3-a6a3149356f5-7e5f009b, #w-node-_789ff54f-aae9-937f-bab3-fd0382e11983-7e5f009b, #w-node-_8192e0ed-bf2c-5e6a-089d-fd21826275e6-7e5f009b, #w-node-_0b97a10e-9ac2-92b9-2340-2623debe767e-7e5f009b, #w-node-_0b97a10e-9ac2-92b9-2340-2623debe76a7-7e5f009b, #w-node-_0b97a10e-9ac2-92b9-2340-2623debe76d0-7e5f009b, #w-node-_52f7b359-30f7-0405-1e92-1267ea0b1df2-7e5f00b0, #w-node-_52f7b359-30f7-0405-1e92-1267ea0b1dc9-7e5f00b0, #w-node-cf3a5209-f7da-3cbb-b47e-2413a4f15caf-7e5f00b5, #w-node-cf3a5209-f7da-3cbb-b47e-2413a4f15cdb-7e5f00b5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (min-width: 1280px) {
  #w-node-a1171c16-81ca-e7f4-1d78-dd2f7891e128-7e5f004f {
    justify-self: auto;
  }

  #w-node-b1f0df81-41a5-9a0e-b3ca-a475e7d06a61-7e5f0051 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 991px) {
  #w-node-cfb421f9-61cc-fa37-6f67-603746dface3-7e5f0051 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_3ec52702-bdfb-0d58-a3a1-7c0570ec1325-7e5f009b {
    justify-self: end;
  }

  #w-node-_52f7b359-30f7-0405-1e92-1267ea0b1df2-7e5f00b0 {
    order: 9999;
  }
}

@media screen and (max-width: 767px) {
  #w-node-d9cc009a-f2c8-ca25-41dc-736b785f7f72-7e5f0035 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-b1f3a0ee-b200-b574-36e1-0b28abdb840d-abdb83c8, #w-node-b1f3a0ee-b200-b574-36e1-0b28abdb8415-abdb83c8 {
    justify-self: start;
  }

  #w-node-_761c35ff-fffa-be91-993a-ee1feb7390d1-7e5f003f, #w-node-_12dfad2e-0dfd-9942-1892-47b3c5d61d6e-7e5f003f {
    order: -9999;
  }

  #w-node-_37fe9c54-e98a-a0a8-24f8-80025942a4db-7e5f003f {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-c42e3c1f-e5e8-5a25-e9c3-1635d137b832-7e5f0041 {
    order: -9999;
  }

  #w-node-bec54052-8b85-1c20-c387-b50b43286a53-7e5f004a {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_26392739-3b98-573b-2ab9-f2c76901b116-7e5f0050 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_0c9190f2-65b9-3a14-9abf-19e7af0b8924-7e5f0050 {
    order: -9999;
  }

  #w-node-cfb421f9-61cc-fa37-6f67-603746dface3-7e5f0051 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_328f462e-7b67-5406-2d5f-b087ccc4e245-7e5f0051 {
    order: -9999;
    justify-self: end;
  }
}

@media screen and (max-width: 479px) {
  #w-node-d9cc009a-f2c8-ca25-41dc-736b785f7f72-7e5f0035, #w-node-_37fe9c54-e98a-a0a8-24f8-80025942a4db-7e5f003f, #w-node-bec54052-8b85-1c20-c387-b50b43286a53-7e5f004a {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-a1171c16-81ca-e7f4-1d78-dd2f7891e139-7e5f004f {
    order: -9999;
  }

  #w-node-_26392739-3b98-573b-2ab9-f2c76901b116-7e5f0050 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-b39505c8-8f18-7123-3981-cb0291a8f2d0-7e5f0051 {
    order: -9999;
  }
}


@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}