:root {
  --heading-black: #040222;
  --paragraph-black: #242230;
  --violet: #763de7;
  --list-dark-blue: #425466;
  --lavender: #ddd4f5;
  --black-second-style: #1e2022;
  --deep-violet: #5d21d2;
  --pale-turquoise: #8be9e1;
  --midnight-blue: #301c6b;
  --white: white;
  --turquoise: #3ae2d3;
  --gainsboro-second-style: #dcdfe2;
  --dark-grey-second-style: #333;
  --white-smoke-second-style: #eee;
  --light-lavender: #f0ecfc;
  --dust-rose-white: #f7f4fd;
  --ghost-white: #f1f3ff;
  --66-violet: rgba(118, 61, 231, .66);
  --lavender-blush: #fcf1ff;
  --snow: #f7f3f2;
  --dust-peach: #f4effb;
  --lilac-white: #faf6ff;
  --navigation-dark: #0a2440;
  --bg-color-second-style: #f9f8f6;
  --medium-sea-green-second-style: #2f9f65;
  --dark-slate-blue-second-style: #677788;
  --gold-second-style: #f9c106;
  --indian-red-second-style: #fb354a;
  --slate-grey-second-style: #399eff;
  --dark-second-style: #57493b;
  --deep-sky-blue-second-style: #58b6fc;
}

.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-commercecartopenlinkicon {
  margin-right: 8px;
}

.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-pagination-wrapper {
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

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

.w-pagination-previous-icon {
  margin-right: 4px;
}

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

.w-pagination-next-icon {
  margin-left: 4px;
}

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

.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;
}

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

@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;
  }

  .w-layout-blockcontainer {
    max-width: none;
  }
}

@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 {
  color: #333;
  background-color: rgba(0, 0, 0, 0);
  font-family: Nunito Sans, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

h1 {
  color: var(--heading-black);
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Noto Sans, sans-serif;
  font-size: 72px;
  font-weight: 700;
  line-height: 1.4em;
}

h2 {
  color: var(--heading-black);
  font-family: Noto Sans, sans-serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 1.3em;
}

h3 {
  color: var(--heading-black);
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Noto Sans, sans-serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.3em;
}

h4 {
  color: var(--heading-black);
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Noto Sans, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.4em;
}

h5 {
  color: var(--heading-black);
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Noto Sans, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3em;
}

h6 {
  color: var(--heading-black);
  text-transform: uppercase;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.3em;
}

p {
  color: var(--paragraph-black);
  margin-bottom: 10px;
  font-size: 18px;
  line-height: 26px;
}

a {
  color: var(--violet);
  font-size: 18px;
  line-height: 26px;
  text-decoration: none;
}

a.w--current {
  width: 100%;
}

ul {
  color: var(--list-dark-blue);
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 0;
  font-size: 18px;
  line-height: 30px;
  list-style-type: none;
}

li {
  background-image: url('../images/Icon-Bullet.svg');
  background-position: 0;
  background-repeat: no-repeat;
  background-size: auto;
  padding-left: 20px;
}

.brand {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.brand.w--current {
  width: auto;
}

.brand.home-marketing {
  margin-right: 35px;
}

.purchase-now-button {
  z-index: auto;
  max-width: 100%;
  min-width: auto;
  color: #301c6b;
  background-color: #8be9e1;
  border-radius: 8px;
  flex: none;
  margin-left: 10px;
  padding: 14px 24px;
  font-family: Nunito Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  transition: background-color .25s cubic-bezier(.602, .293, .222, .954);
  display: inline-block;
  position: relative;
}

.purchase-now-button:hover {
  background-color: #3ae2d3;
}

.footer-container {
  max-width: 1200px;
  flex-flow: column;
  flex: none;
  justify-content: center;
  align-self: auto;
  align-items: stretch;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
  position: relative;
  top: 0;
  bottom: auto;
  left: 0%;
  right: 0%;
}

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

.navbar {
  opacity: 1;
  background-color: rgba(0, 0, 0, 0);
  flex-wrap: nowrap;
  align-content: space-between;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.navbar-block {
  justify-content: space-between;
  align-items: center;
  padding-left: 25px;
  padding-right: 25px;
  display: flex;
  position: relative;
  bottom: 0;
  left: 0;
  right: 0;
}

.menu-item-toggle {
  color: #333;
  justify-content: center;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  display: block;
}

.menu-item-toggle:hover {
  color: #eee8ff;
}

.menu-item-toggle:active {
  color: #ddd4f5;
}

.dropdown-toggle {
  color: #fff;
  text-align: left;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  margin-left: 10px;
  margin-right: 20px;
  padding: 15px 5px;
  font-family: Nunito Sans, sans-serif;
  font-size: 18px;
  transition: color .35s cubic-bezier(.491, .1, .275, 1.147);
  display: flex;
  position: relative;
}

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

.dropdown-toggle.w--open {
  flex: 0 auto;
}

.dropdown-toggle.dark-version {
  color: #000;
}

.dropdown-toggle.dark-version:hover {
  color: var(--violet);
}

.dropdown-toggle.dark-bigger-style {
  color: var(--black-second-style);
  margin-left: 0;
  margin-right: 10px;
  transition-duration: .2s;
  transition-timing-function: ease;
}

.dropdown-toggle.dark-bigger-style:hover {
  color: var(--deep-violet);
}

.nav-arrow-icon {
  justify-content: space-between;
  margin-right: 0;
  padding-top: 2px;
  padding-left: 10px;
  font-size: 8px;
  position: relative;
  top: 0%;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.nav-arrow-icon.hide {
  display: none;
}

.toggle-text {
  flex: 0 auto;
  line-height: 20px;
  display: block;
  position: relative;
  overflow: visible;
}

.toggle-text.bigger-style {
  letter-spacing: 1.24px;
  font-size: 18px;
  line-height: 1.2em;
}

.dropdown-list {
  background-color: #fff;
  border: 1px solid rgba(4, 2, 34, .1);
  border-radius: 4px;
  flex: 0 auto;
  align-self: auto;
  margin-top: 200px;
  padding-top: 15px;
  padding-bottom: 15px;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.dropdown-list.w--open {
  width: 220px;
  color: #425466;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  position: absolute;
  top: 50px;
  left: 11%;
}

.footer {
  background-color: var(--deep-violet);
  padding-top: 80px;
  padding-bottom: 100px;
}

.footer-link {
  color: #fff;
  margin-top: 10px;
  font-family: Nunito Sans, sans-serif;
  font-size: 16px;
  font-weight: 200;
  text-decoration: none;
  transition: color .3s cubic-bezier(.561, .153, .216, .995);
  display: block;
}

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

.footer-link.dark {
  color: var(--paragraph-black);
  font-weight: 300;
}

.footer-link.dark:hover {
  color: var(--deep-violet);
}

.footer-social-link-block {
  flex-direction: row;
  align-items: flex-start;
  margin-top: 15px;
  display: flex;
}

.social-icon {
  color: rgba(255, 255, 255, .9);
  padding-left: 1px;
  padding-right: 20px;
  font-family: "Fa brands 400", sans-serif;
  font-size: 20px;
  line-height: 1.3em;
  transition: opacity .1s cubic-bezier(.561, .165, .164, .995);
}

.social-icon:hover {
  opacity: .64;
  mix-blend-mode: normal;
}

.social-icon.our-team {
  max-height: 21px;
  padding-left: 10px;
  padding-right: 10px;
}

.social-icon.dark {
  color: #4b12b4;
}

.social-icon.dark:hover {
  opacity: .7;
}

.form {
  width: auto;
  max-width: 500px;
  min-width: 220px;
  color: #fff;
  flex-direction: column;
  align-items: stretch;
  padding: 0 0 10px;
  display: flex;
  overflow: visible;
}

.dropdown-link-second-version {
  color: #425466;
  text-align: left;
  margin-left: 0;
  margin-right: 0;
  padding: 8px 20px 8px 5px;
  font-family: Nunito Sans, sans-serif;
  font-size: 18px;
  line-height: 20px;
  transition: color .25s cubic-bezier(.48, .095, .269, .896);
  display: block;
}

.dropdown-link-second-version:hover {
  color: #5d21d2;
}

.dropdown-link-second-version.w--current {
  color: var(--violet);
}

.footer-logo {
  height: 65px;
  margin-bottom: 15px;
}

.text-field-footer {
  width: 100%;
  border-radius: 8px;
  margin-top: 30px;
  margin-bottom: 20px;
  padding: 26px 20px;
  font-family: Nunito Sans, sans-serif;
  font-size: 16px;
  display: block;
  overflow: visible;
}

.text-field-footer:focus {
  border: 1px solid rgba(0, 0, 0, .15);
}

.submit-button {
  width: 100%;
  color: var(--midnight-blue);
  background-color: #8be9e1;
  border-radius: 8px;
  margin-left: 0;
  margin-right: 0;
  padding: 14px 10px;
  font-family: Nunito Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  transition: background-color .3s cubic-bezier(.585, .141, .187, 1.007);
  display: block;
  position: relative;
  overflow: visible;
}

.submit-button:hover {
  background-color: #3ae2d3;
}

.submit-button.dark {
  background-color: var(--deep-violet);
  color: var(--white);
}

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

.footer-column-title {
  color: #fff;
  margin-top: 20px;
  margin-bottom: 14px;
  font-family: Nunito Sans, sans-serif;
  font-size: 22px;
  font-weight: 600;
}

.footer-column-title.dark {
  color: var(--heading-black);
}

.footer-column-link-block {
  display: inline-block;
}

.footer-text-column {
  color: #fff;
  padding-bottom: 20px;
  font-family: Nunito Sans, sans-serif;
  font-size: 16px;
  font-weight: 200;
}

.footer-text-column.dark {
  color: var(--paragraph-black);
  font-weight: 300;
}

.footer-link-column {
  color: #fff;
  padding-bottom: 20px;
  font-family: Nunito Sans, sans-serif;
  font-size: 16px;
  font-weight: 200;
  transition: color .3s cubic-bezier(.515, .13, .211, 1.001);
  display: block;
}

.footer-link-column:hover {
  color: var(--pale-turquoise);
}

.footer-link-column.dark {
  color: var(--paragraph-black);
  font-weight: 300;
}

.footer-link-column.dark:hover {
  color: var(--deep-violet);
}

.nav-container {
  max-width: none;
  flex-flow: column;
  flex: none;
  justify-content: flex-start;
  align-self: auto;
  align-items: center;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  position: relative;
  top: 0;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.footer-grid {
  grid-column-gap: 40px;
  grid-row-gap: 20px;
  grid-template: ". . Area"
  / 2fr 4fr;
  grid-auto-flow: column;
  justify-content: stretch;
  align-items: stretch;
  justify-items: center;
  position: relative;
}

.container {
  max-width: 1200px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: stretch;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
}

.container.about-us-align-center {
  align-items: center;
}

.container.privacy-and-policy-layout {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.container.align-center {
  align-items: center;
}

.container.home-7-demo-padding {
  padding-left: 150px;
  padding-right: 150px;
}

.primary-button {
  z-index: auto;
  background-color: var(--pale-turquoise);
  color: var(--midnight-blue);
  border-radius: 8px;
  flex: none;
  padding: 14px 24px;
  font-family: Nunito Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  transition: background-color .25s cubic-bezier(.602, .293, .222, .954);
  display: inline-block;
}

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

.primary-button.second-style-navbar {
  background-color: var(--deep-violet);
  color: var(--white);
  flex: none;
  margin: 15px 0 15px 10px;
  padding: 17px 20px;
  font-size: 18px;
  font-weight: 300;
  line-height: 27px;
}

.primary-button.second-style-navbar:hover {
  background-color: var(--violet);
}

.primary-button.home-minimal-navbar {
  background-color: var(--deep-violet);
  color: var(--white);
  text-transform: uppercase;
  border-radius: 6px;
  flex: none;
  margin-left: 10px;
  margin-right: 0;
  padding: 12px 18px;
  font-size: 12px;
  line-height: 1em;
}

.primary-button.home-minimal-navbar:hover {
  background-color: #34b150;
}

.primary-button.home-minimal {
  background-color: var(--deep-violet);
  color: var(--white);
  text-transform: uppercase;
  border-radius: 6px;
  flex: none;
  padding: 12px 18px;
  font-size: 12px;
  line-height: 1em;
}

.primary-button.home-minimal:hover {
  background-color: #34b150;
}

.primary-button.home-minimal-white-second-button {
  background-color: var(--white);
  color: rgba(30, 32, 34, .6);
  text-transform: uppercase;
  border: 1px solid rgba(30, 32, 34, .3);
  border-radius: 6px;
  flex: none;
  margin-left: 20px;
  padding: 12px 18px;
  font-size: 12px;
  line-height: 1em;
  transition-property: all;
}

.primary-button.home-minimal-white-second-button:hover {
  border-color: rgba(30, 32, 34, .6);
}

.top-section-image {
  width: 100%;
  display: inline-block;
  position: static;
}

.top-section-block {
  display: block;
  position: relative;
}

.top-section-block.homepage {
  max-width: 600px;
}

.top-section-block.about-us, .top-section-block.our-customers, .top-section-block.process {
  max-width: 700px;
}

.top-section-block.locations-padding {
  min-width: 850px;
  margin-top: 0;
  padding-right: 0;
}

.top-section-block.home-seo, .top-section-block.home-minimal {
  max-width: 600px;
}

.top-section-image-block {
  width: 100%;
}

.top-section-grid {
  grid-column-gap: 30px;
  grid-row-gap: 0px;
  flex: 0 auto;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.15fr;
  grid-auto-flow: row;
  align-content: center;
  justify-content: center;
  align-items: center;
  justify-items: stretch;
  display: grid;
}

.top-section-grid.home-seo {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-columns: .8fr .5fr;
  align-items: center;
}

.light-button {
  z-index: auto;
  color: #8be9e1;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #8be9e1;
  border-radius: 8px;
  flex: none;
  padding: 14px 24px;
  font-family: Nunito Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  transition: background-color .25s cubic-bezier(.602, .293, .222, .954);
  display: inline-block;
  position: relative;
}

.light-button:hover {
  background-color: var(--turquoise);
  color: var(--midnight-blue);
}

.light-button.second-style {
  border-width: 2px;
  border-color: var(--gainsboro-second-style);
  background-color: var(--white);
  color: var(--dark-grey-second-style);
  letter-spacing: 1.5px;
  margin: 0;
  padding: 17px 20px;
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
  transition-duration: .2s;
  transition-timing-function: ease;
}

.light-button.second-style:hover {
  background-color: var(--white-smoke-second-style);
}

.light-button.second-style-top-10-margin {
  border-width: 2px;
  border-color: var(--gainsboro-second-style);
  background-color: var(--white);
  color: var(--dark-grey-second-style);
  letter-spacing: 1.5px;
  margin: 10px 0 0;
  padding: 17px 20px;
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
  transition-duration: .2s;
  transition-timing-function: ease;
}

.light-button.second-style-top-10-margin:hover {
  background-color: var(--white-smoke-second-style);
}

.top-section-buttons-block {
  margin-top: 40px;
}

.top-section-buttons-block.services {
  justify-content: center;
  display: flex;
}

.top-section-buttons-block.second-style {
  align-items: center;
  margin-top: 30px;
  margin-left: 0;
  display: flex;
}

.top-section-icons-block {
  align-items: center;
  padding-top: 20px;
  display: flex;
  position: relative;
}

.top-section-icons-block.home-bot {
  margin-top: 100px;
}

.top-section-text-white {
  color: #fff;
  margin-right: 10px;
  font-family: Nunito Sans, sans-serif;
  font-size: 18px;
  display: inline;
}

.platform-icon {
  color: rgba(255, 255, 255, .9);
  margin-right: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: "Fa brands 400", sans-serif;
  font-size: 26px;
  transition: all .25s;
}

.platform-icon:hover {
  opacity: .67;
  filter: blur(.1px);
  transform: scale(1.2);
}

.platform-icon.black {
  filter: invert();
}

.capabilities-block-images {
  max-height: 550px;
  max-width: none;
  min-height: 550px;
  min-width: 550px;
  background-color: var(--light-lavender);
  -webkit-text-fill-color: inherit;
  background-image: url('../images/Wavy-Stripes-Gray.png'), url('../images/Wavy-Stripes-Gray.png');
  background-position: 50% 70%, 50% 26%;
  background-repeat: no-repeat, no-repeat;
  background-size: auto 80px, auto 80px;
  background-attachment: scroll, scroll;
  background-clip: border-box;
  border-radius: 20px;
  position: relative;
}

.capabilities-block-images.alternative-home-background {
  background-color: var(--dust-rose-white);
  background-image: url('../images/Wavy-Stripes-Gray.png');
  background-position: 50% 26%;
  background-repeat: no-repeat;
  background-size: auto 80px;
  background-attachment: scroll;
}

.capabilities-block-images.ghost-white-background {
  min-height: 300px;
  min-width: 550px;
  background-color: var(--ghost-white);
}

.capabilities-container-grid {
  grid-column-gap: 30px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-auto-flow: column;
  align-content: center;
  justify-content: center;
  align-items: center;
  justify-items: center;
  display: grid;
}

.divider {
  max-height: 1px;
  min-height: 1px;
  background-color: var(--lavender);
  margin-top: 40px;
  margin-bottom: 40px;
}

.divider.landing {
  margin-top: 20px;
  margin-bottom: 30px;
  margin-right: 80px;
}

.capabilities-image-left {
  position: absolute;
  top: 0;
  left: 40px;
}

.capabilities-image-right {
  position: absolute;
  bottom: 40px;
  right: 40px;
}

.section-tag {
  max-width: none;
  min-width: auto;
  border-radius: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 3px 20px;
  display: inline-block;
}

.section-tag.violet-semi-transperent-background {
  background-color: var(--66-violet);
}

.capabilities-block-card {
  background-color: #fff;
  border-radius: 20px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  transition: all .3s;
  display: flex;
  box-shadow: 0 0 6px rgba(0, 0, 0, .04);
}

.capabilities-block-card:hover {
  box-shadow: none;
  background-color: #f0ecfc;
}

.capabilities-block-card.alternative-home {
  box-shadow: none;
  background-color: rgba(0, 0, 0, 0);
  transition-property: none;
}

.capabilities-block-card.alternative-home:hover {
  background-color: rgba(0, 0, 0, 0);
}

.capabilities-icon {
  padding: 10px;
  display: inline-block;
}

.text-block {
  color: var(--paragraph-black);
  flex-direction: row;
  margin-left: 10px;
  font-family: Nunito Sans, sans-serif;
  font-size: 18px;
  font-weight: 600;
  display: block;
}

.capabilities-block-cards {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  align-content: stretch;
  justify-content: center;
  justify-items: stretch;
}

.capabilities-block {
  max-width: 500px;
}

.basic-features-first-card {
  background-color: var(--dust-rose-white);
  -webkit-text-fill-color: inherit;
  background-image: url('../images/Wavy-Stripes-Gray.png');
  background-position: -180% 20%;
  background-repeat: no-repeat;
  background-size: 394px;
  background-clip: border-box;
  border-radius: 20px;
  flex-direction: column;
  align-items: center;
  margin: 0 20px 0 0;
  padding: 40px;
  transition: all 1s cubic-bezier(.526, .083, .25, 1);
  display: flex;
}

.basic-features-first-card:hover {
  background-position: 50% 20%;
}

.basic-features-card-middle {
  background-color: var(--lavender-blush);
  -webkit-text-fill-color: inherit;
  background-image: url('../images/Wavy-Stripes-Pink.png');
  background-position: -180% 10%;
  background-repeat: no-repeat;
  background-size: 394px;
  background-clip: border-box;
  border-radius: 20px;
  flex-direction: column;
  align-items: center;
  margin: 0 20px;
  padding: 40px;
  transition: all 1s cubic-bezier(.526, .083, .25, 1);
  display: flex;
}

.basic-features-card-middle:hover {
  background-position: 50% 10%;
}

.text-block-second {
  color: var(--deep-violet);
  margin-bottom: 4px;
  font-family: Nunito Sans, sans-serif;
  font-size: 16px;
  text-decoration: none;
  transition: all .2s;
}

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

.arrow-button-with-divider {
  border-bottom: 1.5px solid var(--violet);
  margin-top: 10px;
  text-decoration: none;
  transition: opacity .25s;
}

.arrow-button-with-divider:hover {
  opacity: .75;
}

.arrow-button-with-divider.w--current {
  width: auto;
}

.basic-feature-cards {
  margin-top: 20px;
  display: flex;
}

.basic-features-main-block {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.image-block {
  min-height: auto;
  min-width: auto;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.image-block.about-page-our-values {
  align-items: flex-start;
  padding-left: 0;
}

.image-block.our-team, .image-block.product-team {
  margin-bottom: 10px;
  padding-left: 0;
  padding-right: 0;
}

.additional-features-block {
  max-width: 500px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.additional-features-grid {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  justify-content: center;
  align-items: center;
  justify-items: center;
}

.additional-features-block-images {
  max-height: 550px;
  max-width: none;
  min-height: 550px;
  min-width: 550px;
  background-color: var(--ghost-white);
  -webkit-text-fill-color: inherit;
  background-image: url('../images/Wavy-Stripes-Gray.png'), url('../images/Wavy-Stripes-Gray.png');
  background-position: 50% 70%, 50% 26%;
  background-repeat: no-repeat, no-repeat;
  background-size: auto 80px, auto 80px;
  background-attachment: scroll, scroll;
  background-clip: border-box;
  border-radius: 20px;
  position: relative;
}

.basic-features-top-block {
  max-width: 630px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.additional-features-image-right {
  width: 65%;
  position: absolute;
  bottom: 40px;
  right: 0;
}

.additional-features-image-left {
  width: 90%;
  position: absolute;
  top: 0;
  left: 0;
}

.testemonials-grid {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  align-content: stretch;
  justify-content: stretch;
  align-items: center;
  justify-items: stretch;
}

.testemonial-block {
  height: 368px;
  background-color: var(--dust-rose-white);
  -webkit-text-fill-color: inherit;
  background-image: url('../images/Wavy-Stripes-Gray.png');
  background-position: 100% 10%;
  background-repeat: no-repeat;
  background-size: auto 80px;
  background-attachment: scroll;
  background-clip: border-box;
  border-radius: 20px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding-left: 50px;
  padding-right: 50px;
  display: flex;
  overflow: visible;
}

.testemonial-text {
  flex-direction: column;
  display: block;
}

.testimonial-image {
  height: 320px;
  padding-top: 50px;
  padding-bottom: 20px;
  display: block;
}

.testimonial-image-block {
  min-height: auto;
  min-width: auto;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.pricing-plans-main-block {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.pricing-plans-top-block {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 220px;
  padding-right: 220px;
  display: flex;
}

.pricing-plans-cards {
  grid-column-gap: 30px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 20px;
  display: grid;
}

.pricing-plans-card {
  background-color: var(--snow);
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  border-radius: 20px;
  flex-direction: column;
  align-items: flex-start;
  margin: 0;
  padding: 35px 40px 40px;
  transition: all 3s cubic-bezier(.526, .083, .25, 1);
  display: flex;
}

.pricing-plans-card:hover {
  background-position: 50% 20%;
}

.pricing-get-started-button {
  z-index: auto;
  max-width: 100%;
  min-width: 100%;
  background-color: var(--deep-violet);
  color: var(--white);
  object-fit: none;
  border-radius: 8px;
  flex: none;
  justify-content: center;
  align-items: stretch;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 14px 24px;
  font-family: Nunito Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  transition: background-color .25s cubic-bezier(.602, .293, .222, .954);
  display: flex;
  position: relative;
}

.pricing-get-started-button:hover {
  background-color: var(--midnight-blue);
}

.list-item {
  flex-direction: row;
  align-items: stretch;
  margin-bottom: 12px;
  display: flex;
}

.list-text {
  color: var(--list-dark-blue);
  text-align: left;
  font-family: Nunito Sans, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 30px;
}

.price-tag {
  padding-top: 30px;
  padding-bottom: 10px;
  padding-left: 10px;
  display: flex;
}

.price-tag.alternative-home {
  justify-content: flex-start;
  padding-top: 10px;
  padding-bottom: 0;
  padding-left: 0;
}

.price {
  letter-spacing: .2px;
  font-family: Lato, sans-serif;
  font-size: 72px;
  font-weight: 700;
}

.pricing-currency-tag {
  margin-top: -18px;
  font-family: Lato, sans-serif;
  font-size: 20px;
  font-weight: 600;
}

.clients-logo {
  opacity: 1;
  padding: 10px 20px;
}

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

.clients-logo.second-style:hover {
  opacity: 1;
}

.clients-block {
  min-width: 100%;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-content: center;
  justify-content: center;
  align-items: stretch;
  justify-items: center;
  display: grid;
}

.clients-logos {
  opacity: .3;
  align-items: center;
  transition: opacity .36s;
  display: flex;
}

.clients-logos:hover {
  opacity: 1;
}

.top-section-link {
  padding-left: 10px;
}

.more-features-main-block {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.more-features-top-block {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 250px;
  padding-right: 250px;
  display: flex;
}

.more-feature-cards {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 20px;
  display: grid;
}

.more-features-third-card {
  background-color: var(--lavender-blush);
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  border-radius: 20px;
  flex-direction: column;
  align-items: flex-start;
  margin: 0;
  padding: 40px;
  transition: all 3s cubic-bezier(.526, .083, .25, 1);
  display: flex;
}

.more-features-third-card:hover {
  background-position: 50% 10%;
}

.more-features-image-block {
  min-height: auto;
  min-width: auto;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 10px;
  display: flex;
}

.more-features-second-card {
  background-color: var(--ghost-white);
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  border-radius: 20px;
  flex-direction: column;
  align-items: flex-start;
  margin: 0;
  padding: 40px;
  transition: all 3s cubic-bezier(.526, .083, .25, 1);
  display: flex;
}

.more-features-second-card:hover {
  background-position: 50% 10%;
}

.more-features-fourth-card {
  background-color: var(--dust-peach);
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  border-radius: 20px;
  flex-direction: column;
  align-items: flex-start;
  margin: 0;
  padding: 40px;
  transition: all 3s cubic-bezier(.526, .083, .25, 1);
  display: flex;
}

.more-features-fourth-card:hover {
  background-position: 50% 10%;
}

.dark-button {
  z-index: auto;
  background-color: var(--deep-violet);
  color: var(--white);
  border-radius: 8px;
  flex: none;
  padding: 14px 24px;
  font-family: Nunito Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  transition: background-color .25s cubic-bezier(.602, .293, .222, .954);
  display: inline-block;
}

.dark-button:hover {
  background-color: var(--midnight-blue);
}

.dark-button.button-portfolio {
  flex-direction: column;
  justify-content: center;
  margin-top: 50px;
  margin-left: 0;
  display: inline-block;
}

.dark-button.password-page {
  margin-left: 0;
  margin-right: 0;
}

.start-free-trial-block {
  flex-direction: column;
  align-items: center;
  padding-left: 260px;
  padding-right: 260px;
  display: flex;
}

.footer-illustration {
  max-height: 200px;
  margin-top: -136px;
  margin-left: 1060px;
  margin-right: 60px;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.arrow-button-items {
  border-bottom: 0 solid #000;
  display: flex;
}

.arrow-button-icon {
  padding-bottom: 4px;
  padding-left: 10px;
  font-family: "Fa solid 900", sans-serif;
  font-size: 12px;
  line-height: 22px;
}

.more-features-first-card {
  background-color: var(--dust-rose-white);
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  border-radius: 20px;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 40px;
  transition: all 3s cubic-bezier(.526, .083, .25, 1);
  display: flex;
}

.more-features-first-card:hover {
  background-position: 50% 10%;
}

.basic-features-third-card {
  background-color: var(--light-lavender);
  -webkit-text-fill-color: inherit;
  background-image: url('../images/Wavy-Stripes-Gray.png');
  background-position: -180% 30%;
  background-repeat: no-repeat;
  background-size: 394px;
  background-clip: border-box;
  border-radius: 20px;
  flex-direction: column;
  align-items: center;
  margin: 0 0 0 20px;
  padding: 40px;
  transition: all 1s cubic-bezier(.526, .083, .25, 1);
  display: flex;
}

.basic-features-third-card:hover {
  background-position: 50% 30%;
}

.style-guide-divider {
  min-height: 2px;
  background-color: var(--ghost-white);
  margin-top: 20px;
}

.style-guide-spacing-number {
  color: #f56f5e;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  line-height: 1em;
  display: flex;
  position: absolute;
  top: 20px;
  bottom: auto;
  left: auto;
  right: 0;
}

.style-guide-spacing-number.middle {
  top: 33%;
  right: 40px;
}

.style-guide-spacing-number.bottom {
  top: auto;
  bottom: 10px;
}

.style-guide-spacing-number.middle-mobile {
  top: 33%;
  right: 40px;
}

.style-guide-spacing-number.bottom-mobile {
  top: auto;
  bottom: 10px;
}

.style-guide-spacing-description {
  margin-top: 20px;
}

.bold-text {
  color: #f56f5e;
  font-weight: 600;
}

.style-guide-spacing {
  display: flex;
}

.style-guide-spacing-image-container {
  height: 247px;
  margin-top: 20px;
  padding-right: 70px;
  position: relative;
}

.style-guide-spacing-image-container.last-item {
  width: 250px;
}

.style-guide-content-title {
  color: var(--paragraph-black);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
}

.style-guide-content-title.white-text {
  color: var(--white);
  text-transform: uppercase;
}

.style-guide-spacing-system {
  width: 100%;
  margin-right: 20px;
  padding-top: 0;
}

.style-guide-spacing-system.last-item {
  margin-right: 0;
}

.style-guide-grid-system {
  padding-right: 280px;
}

.style-guide-grid-system-content-top, .style-guide-grid-system-content-bottom {
  justify-content: space-around;
  display: flex;
}

.style-guide-section-title {
  text-transform: capitalize;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}

.style-guide-section-title.white-text {
  color: var(--white);
}

.style-guide-grid-system-container {
  margin-top: 20px;
}

.size-sumbols {
  margin-right: 8px;
}

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

.section.capabilities-background {
  background-image: url('../images/Background-Illustration-03.png'), url('../images/Background-Image-Small-Circle-Top-Left.png');
  background-position: 10% 4%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: 100px, auto;
}

.section.basic-features-background {
  background-image: url('../images/Background-Illustration-02.png'), url('../images/Background-Illustration-01.png'), url('../images/Background-Image-Transperent-Small-Circle-Left.png');
  background-position: 10% 94%, 90% 6%, 0 0;
  background-repeat: no-repeat, no-repeat, repeat;
  background-size: 100px, 140px, auto;
}

.section.pricing-plans-background {
  background-image: url('../images/Background-Illustration-04.png'), url('../images/BG-Violet-With-Dots.png');
  background-position: 10% 18%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: 100px, auto;
}

.section.more-features-background {
  background-image: url('../images/Background-Image-Transperent-Big-Circle-Left.png');
  background-position: 0 0;
  background-size: auto;
}

.section.bottom-section-background {
  background-image: url('../images/Background-Illustration-03.png'), url('../images/Background-Image-Transperent-Small-Circle-Right.png');
  background-position: 4% 6%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: 100px, auto;
}

.section.top-section-violet-background {
  background-image: url('../images/BG-Violet-With-Dots.png');
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 190px;
  padding-bottom: 190px;
}

.section.about-clients-background {
  background-image: url('../images/Background-Image-Transperent-Small-Circle-Right.png'), url('../images/Background-Image-Transperent-Big-Circle-Left.png');
  background-position: 100% 0, 0 600%;
  background-size: auto, auto;
}

.section.our-team-background {
  background-image: url('../images/BG-Violet-With-Dots.png');
  background-position: 0 0;
  background-repeat: repeat;
}

.section.our-partners-background {
  background-image: url('../images/Background-Image-Small-Circle-Top-Left.png');
  background-position: 0 0;
  background-size: auto;
}

.section.top-section-background-alternative-home {
  background-image: url('../images/BG-Violet-With-Dots.png');
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
  padding-top: 200px;
  padding-bottom: 260px;
  position: relative;
}

.section.testimonial-background-alternative-home {
  padding-top: 0;
  padding-bottom: 360px;
  position: relative;
}

.section.pricing-plans-background-alternative-home {
  background-color: var(--deep-violet);
  padding-top: 0;
}

.section.clients-background-alternative-home {
  background-color: var(--deep-violet);
  padding-top: 0;
  padding-bottom: 300px;
  position: relative;
}

.section.more-features-background-alternative-home {
  background-image: url('../images/home-5-dots-bg.png');
  background-position: 2% 90%;
  background-repeat: no-repeat;
  background-size: 180px;
  padding-top: 0;
}

.section.bottom-section-alternative-home-paddings-and-background {
  background-image: url('../images/Background-Illustration-03.png');
  background-position: 10% 6%;
  background-repeat: no-repeat;
  background-size: 100px;
  padding-top: 0;
  padding-bottom: 300px;
  position: relative;
}

.section.capabilities-section-padding {
  padding-top: 60px;
  position: relative;
}

.section.core-team-background {
  background-image: url('../images/Background-Illustration-02.png'), url('../images/Wavy-Stripes-Small.png'), url('../images/Background-Image-Transperent-Big-Circle-Left.png');
  background-position: 4% 10%, 100% 26%, 0 0;
  background-repeat: no-repeat, no-repeat, repeat;
  background-size: 108px, 324px, auto;
}

.section.product-team-background-and-padding {
  background-image: url('../images/Background-Image-Transperent-Small-Circle-Left.png'), url('../images/Background-Illustration-01.png'), url('../images/Background-Illustration-03.png'), url('../images/Background-Image-Transperent-Small-Circle-Right.png');
  background-position: 0 100%, 96% 60%, 4% 10%, 100%;
  background-repeat: repeat, no-repeat, no-repeat, repeat;
  background-size: auto, 130px, 132px, auto;
  padding-top: 0;
}

.section.our-team-workflow-background {
  background-image: url('../images/BG-Violet-With-Dots.png');
  background-position: 0 0;
  background-size: auto;
}

.section.faq-background {
  background-image: url('../images/Background-Image-Small-Circle-Top-Left.png');
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.section.strategy-background {
  background-image: url('../images/Background-Image-Transperent-Small-Circle-Right.png'), url('../images/Background-Illustration-03.png'), url('../images/Background-Image-Transperent-Big-Circle-Left.png');
  background-position: 100% 0, 96% 90%, 0 0;
  background-repeat: repeat, no-repeat, repeat;
  background-size: auto, 122px, auto;
}

.section.services-and-solutions-background {
  background-image: url('../images/Background-Illustration-04.png'), url('../images/BG-Violet-With-Dots.png');
  background-position: 4% 10%, 0%;
  background-repeat: no-repeat, repeat;
  background-size: 100px, cover;
}

.section.resources-background-and-padding {
  background-image: url('../images/Background-Illustration-01.png'), url('../images/Background-Image-Transperent-Big-Circle-Left.png');
  background-position: 96% 10%, 0 100%;
  background-repeat: no-repeat, repeat;
  background-size: 136px, auto;
  padding-bottom: 0;
}

.section.services-clients-padding {
  padding-top: 40px;
  padding-bottom: 55px;
}

.section.case-studies-background {
  background-image: url('../images/Wavy-Stripes-Small.png'), url('../images/Background-Image-Transperent-Big-Circle-Left.png');
  background-position: 100% 18%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: 400px, auto;
}

.section.customers-our-partners-background {
  background-color: var(--lilac-white);
}

.section.get-in-touch-background {
  background-image: url('../images/home-5-dots-bg.png'), url('../images/Wavy-Stripes-Small.png');
  background-position: 0 10%, 98% 14%;
  background-repeat: no-repeat, no-repeat;
  background-size: 140px, 200px;
}

.section.contact-us-resources-background-and-padding {
  background-image: url('../images/Background-Illustration-01.png'), url('../images/Background-Image-Transperent-Big-Circle-Left.png');
  background-position: 96% 10%, 0%;
  background-repeat: no-repeat, repeat;
  background-size: 136px, cover;
  margin-top: -130px;
  padding-bottom: 0;
}

.section.top-section-background-locations {
  height: auto;
  background-image: url('../images/BG-Violet-With-Dots.png');
  background-position: 0 0;
  background-size: auto;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.section.software-capabilities-background {
  background-image: url('../images/Background-Image-Transperent-Big-Circle-Left.png');
  background-position: 0%;
  background-size: auto;
}

.section.locations-get-in-touch-background-and-padding {
  background-image: url('../images/Background-Image-Transperent-Small-Circle-Right.png');
  background-position: 100% 0;
  background-size: auto;
  padding-top: 0;
}

.section.bottom-section-locations-background {
  background-color: var(--dust-rose-white);
  background-image: url('../images/Background-Illustration-03.png'), url('../images/Wavy-Stripes-Small.png'), url('../images/Background-Image-Transperent-Small-Circle-Right.png');
  background-position: 4% 6%, 4% 10%, 0 0;
  background-repeat: no-repeat, no-repeat, repeat;
  background-size: 100px, 300px, auto;
}

.section.privacy-and-policy-background {
  background-image: url('../images/Background-Illustration-03.png'), url('../images/Background-Circle.png'), linear-gradient(#fbf9fe, #fff);
  background-position: 6% 10px, 100% 0, 0 0;
  background-repeat: no-repeat, no-repeat, repeat;
  background-size: 100px, auto, auto;
}

.section.bottom-section-privacy-and-policy-background {
  background-color: var(--dust-rose-white);
  background-image: url('../images/Background-Illustration-03.png');
  background-position: 6% 6%;
  background-repeat: no-repeat;
  background-size: 100px;
}

.section.terms-background {
  background-image: url('../images/Background-Illustration-03.png'), url('../images/Background-Circle.png'), linear-gradient(to bottom, var(--dust-rose-white), white);
  background-position: 94% 2%, 0 0, 0 0;
  background-repeat: no-repeat, no-repeat, repeat;
  background-size: 100px, auto, auto;
}

.section.top-section-background-home {
  background-image: url('../images/BG-Violet-With-Dots.png');
  background-position: 0 0;
  background-repeat: repeat;
  background-size: cover;
  margin-top: 0;
  margin-bottom: 0;
}

.section.top-section-background {
  height: 600px;
  background-image: url('../images/Pink-Top-Section-Background.png');
  background-position: 50% 100%;
  background-size: cover;
  justify-content: center;
  align-items: center;
  display: flex;
}

.section.portfolio-list-metro-banner {
  background-image: linear-gradient(rgba(255, 255, 255, .5), rgba(255, 255, 255, .5)), url('../images/Wavy-Stripes-Gray.png');
  background-position: 0 0, 60vw 10%;
  background-repeat: repeat, no-repeat;
  background-size: auto, auto 45%;
}

.section.portfolio-list-metro-section {
  padding-top: 0;
}

.section.without-bottom-spacing {
  padding-bottom: 0;
}

.section.blog-centered-background {
  background-image: url('../images/Background-Image-Small-Circle-Top-Left.png');
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
  background-attachment: fixed;
}

.section.shop-related-products, .section.shop-products-and-category {
  padding-top: 100px;
}

.section.shop {
  height: 340px;
  background-color: var(--ghost-white);
}

.section.blog-grid {
  background-color: #f6f9fc;
  margin-top: 68px;
  padding-top: 50px;
  padding-bottom: 50px;
}

.section.blog-grid-background {
  background-image: url('../images/Background-Image-Transperent-Big-Circle-Left.png');
  background-position: 0 0;
  background-size: auto;
}

.section.portfolio-details {
  height: 100%;
  margin-top: 68px;
  padding-top: 0;
  padding-bottom: 0;
}

.section.portfolio-details-gallery {
  background-image: url('../images/Background-Illustration-01.png'), url('../images/Wavy-Stripes-Gray.png'), url('../images/Background-Illustration-02.png'), url('../images/Background-Image-Transperent-Small-Circle-Right.png');
  background-position: 10% 0, -45% 90%, 90%, 100% 90%;
  background-repeat: no-repeat, no-repeat, no-repeat, repeat;
  background-size: 120px, auto, 100px, auto;
  padding-top: 0;
}

.section.portfolio-details-text-body {
  background-image: url('../images/Background-Illustration-03.png'), url('../images/Wavy-Stripes-Gray.png'), url('../images/Background-Image-Transperent-Small-Circle-Left.png');
  background-position: 85% 10%, 145% 4%, 50% 100%;
  background-repeat: no-repeat, no-repeat, repeat;
  background-size: 100px, auto, auto;
}

.section.portfolio-recent-projects {
  background-color: var(--dust-rose-white);
}

.section.blogs-banner-background {
  background-image: url('../images/BG-Violet-With-Dots.png');
  background-position: 50% 100%;
  background-size: auto;
}

.section.coming-soon-background {
  width: 100%;
  height: 100%;
  min-height: 100vh;
  background-image: linear-gradient(rgba(93, 33, 210, .2), rgba(93, 33, 210, .2)), url('../images/BG-Violet-With-Dots.png');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  justify-content: center;
  align-items: center;
  display: flex;
}

.section.faq-page-background {
  background-image: url('../images/Background-Image-Transperent-Small-Circle-Left.png'), linear-gradient(rgba(255, 255, 255, .5), rgba(255, 255, 255, .5)), url('../images/Wavy-Stripes-Small-Lavender-Semi-Transperent.png');
  background-position: 0 100%, 0 0, 90% 80%;
  background-repeat: no-repeat, repeat, no-repeat;
  background-size: auto, auto, 20%;
  background-attachment: scroll, scroll, scroll;
}

.section.faq-page-support-section {
  background-image: linear-gradient(rgba(118, 61, 231, .5), rgba(118, 61, 231, .5)), url('../images/BG-Violet-With-Dots.png');
  background-position: 0 0, 0 0;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  padding-bottom: 80px;
}

.section.faq-page-resources-section-bg-and-padding {
  padding-bottom: 0;
}

.section.faq-page-get-in-touch-background {
  background-image: url('../images/Wavy-Stripes-Small.png'), url('../images/Background-Image-Small-Circle-Top-Left.png');
  background-position: 90% 14%, 0 0;
  background-repeat: no-repeat, no-repeat;
  background-size: 20%, cover;
}

.section.status-page-background {
  background-image: url('../images/Circle-dots.png'), linear-gradient(to bottom, var(--dust-rose-white), white);
  background-position: -30% -8%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: auto, auto;
}

.section.portfolio-mosaic-banner {
  background-image: url('../images/BG-illustration-figures.png'), url('../images/Background-Image-Small-Circle-Top-Left.png');
  background-position: 8%, 0 0;
  background-repeat: no-repeat, no-repeat;
  background-size: auto, cover;
}

.section.portfolio-mosaic-background {
  background-image: url('../images/Wavy-Stripes-Small.png'), url('../images/Background-Image-Transperent-Big-Circle-Left.png');
  background-position: 98% 10%, 0 0;
  background-repeat: no-repeat, no-repeat;
  background-size: 16%, auto;
}

.section.changelog {
  height: 340px;
  background-color: var(--ghost-white);
  background-image: url('../images/BG-Violet-With-Dots.png');
  background-position: 0 0;
  background-size: cover;
}

.section.home-bot-top-section-background {
  background-color: #f7f3f2;
  background-image: url('../images/Home-5-back-illustr.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.section.brand-logos {
  padding-top: 0;
  padding-bottom: 0;
}

.section.home-bot-overview-background {
  background-image: url('../images/home-5-overview.png');
  background-position: 70% 55%;
  background-repeat: no-repeat;
  background-size: auto 75vh;
}

.section.home-seo-top-section {
  background-color: #e0e0e0;
}

.section.home-seo-gray {
  background-color: #f4f6f5;
}

.section.home-seo-gray-padding-top-0 {
  background-color: #f7f8f7;
  padding-top: 0;
}

.section.home-6-green-background {
  background-color: #979797;
}

.section.home-6-plan {
  background-color: #fafafa;
}

.section.home-minimal-gray {
  background-color: #f4f4f4;
}

.section.home-minimal-improve-business {
  background-image: url('../images/home-5-bag.png'), url('../images/home-5-dots-bg.png'), url('../images/home-5-dog.png'), url('../images/home-5-dots-bg.png');
  background-position: 80% 10%, 85% 10%, 20% 100%, 15% 100%;
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
  background-size: 125px, 10%, 120px, 100px;
}

.section.bottom-section-background-top-padding-0 {
  background-image: url('../images/Background-Illustration-03.png'), url('../images/Background-Image-Transperent-Small-Circle-Right.png');
  background-position: 10% 6%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: 100px, auto;
  padding-top: 0;
}

.section.testimonial-background-top-padding-0 {
  background-image: url('../images/Background-Image-Transperent-Big-Circle-Left.png');
  background-size: auto;
  padding-top: 0;
}

.section.additional-features-background-top-padding-0 {
  background-image: url('../images/Background-Illustration-01.png'), url('../images/Background-Image-Transperent-Small-Circle-Right.png');
  background-position: 90% 98%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: 140px, auto;
  padding-top: 0;
}

.section.basic-features-background-alternative-padding-top-0 {
  background-image: url('../images/home-5-dots-bg.png');
  background-position: 2% 90%;
  background-repeat: no-repeat;
  background-size: 180px;
  padding-top: 0;
}

.section.clients-section-background {
  background-color: var(--deep-violet);
  padding-top: 0;
}

.section.our-values-background-padding-top-0 {
  background-image: url('../images/Background-Illustration-01.png'), url('../images/Background-Illustration-03.png'), url('../images/Background-Image-Transperent-Small-Circle-Right.png');
  background-position: 2% 90%, 98% 10%, 100% 0;
  background-repeat: no-repeat, no-repeat, repeat;
  background-size: 120px, 120px, auto;
  padding-top: 0;
}

.section.bottom-section-background-process-page {
  background-image: url('../images/Small-Dots-Background.png'), url('../images/Background-Illustration-02.png'), url('../images/Background-Illustration-03.png'), url('../images/Background-Image-Transperent-Small-Circle-Right.png');
  background-position: 80% 520%, 85% 80%, 10% 6%, 0 0;
  background-repeat: no-repeat, no-repeat, no-repeat, repeat;
  background-size: auto, 120px, 130px, auto;
}

.section.bottom-section-background-contact-us {
  background-image: url('../images/Background-Illustration-03.png'), url('../images/Background-Image-Transperent-Small-Circle-Right.png');
  background-position: 10% 6%, 100% 40%;
  background-repeat: no-repeat, repeat;
  background-size: 100px, auto;
  padding-top: 0;
}

.section.portfolio-grid-banner {
  background-image: url('../images/BG-Violet-With-Dots.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
}

.section.portfolio-grid-background {
  background-image: url('../images/Wavy-Stripes-Small.png'), url('../images/Background-Image-Transperent-Big-Circle-Left.png');
  background-position: 98% 10%, 0 0;
  background-repeat: no-repeat, no-repeat;
  background-size: 16%, auto;
}

.section.top-section-background-contact-us-second-copy {
  background-image: url('../images/BG-Violet-With-Dots.png');
  background-position: 0 0;
  background-size: auto;
}

.section.home-2-last-banner {
  padding-top: 0;
  padding-bottom: 50px;
}

.section.licensing {
  height: 340px;
  background-color: var(--ghost-white);
  background-image: url('../images/BG-Violet-With-Dots.png');
  background-position: 0 0;
  background-size: cover;
}

.section.landing-background {
  height: 100%;
  background-image: url('../images/Background-Image-Transperent-Big-Circle-Left.png'), linear-gradient(rgba(255, 255, 255, .5), rgba(255, 255, 255, .5)), url('../images/Wavy-Stripes-Gray.png');
  background-position: 0 100%, 0 0, 0 5%;
  background-repeat: no-repeat, repeat, no-repeat;
  background-size: cover, auto, auto;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden;
}

.section.landing-demo-banner {
  background-image: url('../images/Background-Image-Violet-With-Dots.jpg');
  background-position: 0 0;
  background-size: cover;
}

.content-table-bottom-row-item {
  border-right: 1px solid rgba(0, 0, 0, .1);
  padding: 20px 15px;
}

.content-table-bottom-row-item.content-table-row-item-title {
  width: 150%;
  background-color: var(--ghost-white);
  color: #131c21;
  font-size: 18px;
}

.content-table-bottom-row-item.content-table-row-item-resolution {
  width: 100%;
  background-color: var(--ghost-white);
  justify-content: center;
  align-items: center;
  display: flex;
}

.content-table-bottom-row-item.content-table-row-item-resolution-last-item {
  width: 100%;
  background-color: var(--ghost-white);
  border-right-style: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.content-table-top-row-item {
  color: #fff;
  background-color: #ff3f39;
  border-bottom: 1px solid #000;
  border-right: 1px solid rgba(0, 0, 0, .1);
  padding: 20px 15px;
  font-size: 18px;
}

.content-table-top-row-item.content-table-row-item-resolution {
  width: 100%;
  background-color: var(--deep-violet);
  justify-content: center;
  align-items: center;
  display: flex;
}

.content-table-top-row-item.content-table-row-item-title {
  width: 150%;
  background-color: var(--deep-violet);
}

.style-guide-colors-container {
  grid-row-gap: 10px;
  flex-wrap: wrap;
  margin-top: 20px;
  display: flex;
}

.style-guide-palette {
  flex-direction: column;
  display: flex;
}

.style-guide-color-item {
  margin-right: 30px;
}

.style-guide-color-text {
  color: rgba(19, 28, 33, .6);
}

.style-guide-colors-palette {
  margin-top: 40px;
  margin-right: 40px;
}

.style-guide-color-item-background {
  width: 80px;
  height: 80px;
  margin-bottom: 10px;
}

.style-guide-color-item-background.deep-violet-background {
  background-color: var(--deep-violet);
}

.style-guide-color-item-background.white-background {
  border: 1px solid rgba(0, 0, 0, .2);
}

.heading-6-mobile {
  color: var(--heading-black);
  text-transform: uppercase;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
}

.heading-3-tablet {
  color: var(--heading-black);
  font-family: Noto Sans, sans-serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
}

.style-guide-item-content-font-family {
  color: rgba(19, 28, 33, .6);
  font-style: italic;
  font-weight: 400;
}

.heading-4-tablet {
  color: var(--heading-black);
  font-family: Noto Sans, sans-serif;
  font-size: 20px;
  line-height: 30px;
}

.heading-6-tablet {
  color: var(--heading-black);
  text-transform: uppercase;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
}

.style-guide-paragraphs {
  grid-column-gap: 150px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.typography-container {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.style-guide-typography-content {
  width: 35%;
  flex-direction: column;
  margin-right: 30px;
  display: flex;
}

.style-guide-typography-content.style-guide-last-item {
  width: 25%;
  justify-content: flex-start;
  margin-right: 0;
}

.heading-3-mobile {
  color: var(--heading-black);
  font-family: Noto Sans, sans-serif;
  font-size: 24px;
  line-height: 32px;
}

.heading-2-mobile {
  color: var(--heading-black);
  font-family: Noto Sans, sans-serif;
  font-size: 28px;
  line-height: 34px;
}

.style-guide-typography-heading {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.heading-4-mobile {
  color: var(--heading-black);
  font-family: Noto Sans, sans-serif;
  font-size: 18px;
  line-height: 28px;
}

.heading-5-tablet {
  color: var(--heading-black);
  text-align: left;
  font-family: Noto Sans, sans-serif;
  line-height: 23px;
}

.style-guide-size-description {
  color: rgba(19, 28, 33, .6);
  margin-bottom: 0;
  font-size: 14px;
  line-height: 23px;
}

.style-guide-size-description.button-typography {
  margin-top: 30px;
  margin-bottom: 0;
}

.heading-5-mobile {
  color: var(--heading-black);
  text-align: left;
  font-family: Noto Sans, sans-serif;
  font-size: 18px;
  line-height: 23px;
}

.heading-2-tablet {
  color: var(--heading-black);
  font-family: Noto Sans, sans-serif;
  font-size: 36px;
  line-height: 44px;
}

.style-guide-headings-container {
  flex-direction: column;
  margin-top: 20px;
  display: flex;
}

.heading-1-mobile {
  color: var(--heading-black);
  font-family: Noto Sans, sans-serif;
  font-size: 40px;
  line-height: 72px;
}

.heading-1-tablet {
  color: var(--heading-black);
  font-family: Noto Sans, sans-serif;
  font-size: 60px;
  line-height: 72px;
}

.heading-5-desktop {
  color: var(--heading-black);
  font-family: Noto Sans, sans-serif;
  line-height: 23px;
}

.paragraph-1-tablet {
  color: var(--paragraph-black);
  font-family: Nunito Sans, sans-serif;
  font-size: 23px;
  font-weight: 400;
  line-height: 39px;
}

.paragraph-1-mobile {
  color: var(--paragraph-black);
  font-family: Nunito Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
}

.style-guide-list-item {
  width: 408px;
  margin-right: 30px;
}

.style-guide-lists-container {
  justify-content: flex-start;
  display: flex;
}

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

.white-text.text-align-center {
  font-size: 16px;
}

.style-guide-quote-container {
  justify-content: space-between;
  display: flex;
}

.quote-item {
  border-radius: 20px;
  padding: 40px;
  box-shadow: 4px 4px 50px rgba(0, 0, 0, .1);
}

.author-name {
  letter-spacing: .2px;
  margin-top: 20px;
  margin-bottom: 0;
  font-family: Nunito Sans, sans-serif;
}

.author-position {
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Nunito Sans, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 26px;
}

.style-guide-icon-set-container-item-bottom {
  margin-right: 60px;
}

.style-guide-icons-container {
  flex-direction: row;
  justify-content: flex-start;
  margin-bottom: 0;
  display: block;
}

.style-guide-buttons-content-item {
  margin-right: 30px;
}

.style-guide-buttons-container {
  display: flex;
}

.button-text {
  padding-bottom: 5px;
  font-family: Nunito Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  transition: opacity .3s;
  display: flex;
}

.button-text.arrow-button-text {
  line-height: 20px;
}

.button-text.primary-with-arrow {
  flex-direction: column;
  align-items: center;
  padding: 14px 10px 14px 24px;
  display: inline-block;
}

.button-text.primary-with-arrow-second-style {
  color: var(--white);
  flex-direction: column;
  align-items: center;
  margin-bottom: 0;
  padding: 20px 10px 20px 20px;
  font-size: 18px;
  line-height: 1.2em;
  display: inline-block;
}

.style-guide-headings {
  max-height: 120px;
  min-height: 120px;
  white-space: pre-wrap;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  margin-top: 10px;
  display: flex;
}

.medium-paragraph {
  color: var(--paragraph-black);
  font-family: Nunito Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
}

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

.medium-paragraph.gray-paragraph-align-center {
  color: rgba(67, 72, 78, .7);
  text-align: center;
  margin-bottom: 40px;
}

.paragraph-3-tablet {
  font-family: Nunito Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
}

.paragraph-3-mobile {
  font-family: Nunito Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
}

.additional-features-button-block {
  margin-top: 10px;
}

.improve-your-business-button-block {
  margin-top: 40px;
}

.brand-logo {
  max-height: 50px;
  max-width: 112px;
  margin-right: 0;
  padding-right: 0;
  display: block;
  overflow: visible;
}

.brand-logo.bigger-style {
  max-height: 60px;
  max-width: 100%;
}

.about-company-container-grid {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-auto-flow: column;
  align-items: center;
  justify-items: stretch;
}

.about-company-block-images {
  width: 550px;
  height: 100%;
  background-color: var(--ghost-white);
  -webkit-text-fill-color: inherit;
  background-image: url('../images/Wavy-Stripes-Gray.png');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: auto 80px;
  background-attachment: scroll;
  background-clip: border-box;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.about-company-block {
  max-width: 500px;
}

.about-company-block-cards {
  grid-column-gap: 40px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  align-content: end;
  justify-content: center;
  align-items: stretch;
  justify-items: stretch;
}

.about-company-block-card {
  background-color: var(--dust-rose-white);
  border-radius: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 10px 20px 30px;
  transition: all .3s;
  display: flex;
  box-shadow: 0 0 6px rgba(0, 0, 0, .04);
}

.about-company-block-card:hover {
  background-color: var(--light-lavender);
  box-shadow: none;
}

.about-company-block-card.ghost-white-background {
  background-color: var(--ghost-white);
  box-shadow: none;
}

.about-company-block-card.ghost-white-background:hover {
  background-color: var(--light-lavender);
}

.about-company-image {
  position: absolute;
}

.our-values-main-block {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.our-values-top-block {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 190px;
  padding-right: 190px;
  display: flex;
}

.our-values-cards {
  margin-top: 10px;
  display: flex;
}

.our-values-card {
  background-color: var(--dust-rose-white);
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  border-radius: 20px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  margin: 20px 0;
  padding: 40px;
  transition: all 3s cubic-bezier(.526, .083, .25, 1);
  display: flex;
}

.our-values-card:hover {
  background-position: 50% 20%;
}

.our-values-card.transperent {
  min-width: 360px;
  background-color: rgba(0, 0, 0, 0);
  align-items: flex-start;
  padding: 0 0 20px;
}

.our-values-card.ghost-white-background {
  background-color: var(--ghost-white);
  justify-content: space-between;
}

.our-values-element-icon {
  max-width: 14%;
  min-width: 14%;
}

.our-values-card-element {
  flex-direction: row;
  justify-content: flex-start;
  align-items: baseline;
  display: flex;
  position: static;
}

.our-values-cards-group {
  grid-column-gap: 60px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-right: 60px;
  display: grid;
}

.our-team-main-block {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: block;
}

.our-team-main-block.about-page-center-alignment {
  display: flex;
}

.our-team-top-block {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 160px;
  padding-right: 160px;
  display: flex;
}

.our-team-cards {
  grid-column-gap: 30px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 40px;
  display: grid;
}

.our-team-card {
  background-color: var(--dust-rose-white);
  -webkit-text-fill-color: inherit;
  background-image: url('../images/Wavy-Stripes-Gray.png');
  background-position: -1200% 100%;
  background-repeat: no-repeat;
  background-size: 394px;
  background-clip: border-box;
  border-radius: 20px;
  flex-direction: column;
  align-items: center;
  padding: 0 0 40px;
  transition: all 1s cubic-bezier(.526, .083, .25, 1);
  display: flex;
}

.our-team-card:hover {
  background-color: var(--light-lavender);
  background-position: 50% 100%;
}

.our-team-card.dust-peach-background {
  background-color: var(--dust-peach);
  background-image: url('../images/Wavy-Stripes-Pink.png');
}

.our-team-card.dust-peach-background:hover {
  background-color: var(--light-lavender);
}

.our-team-card.ghost-white-background {
  background-color: var(--ghost-white);
}

.our-team-card.ghost-white-background:hover {
  background-color: var(--light-lavender);
}

.our-team-profile-photo {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}

.social-link-block {
  flex-direction: row;
  align-items: flex-start;
  margin-top: 20px;
  margin-bottom: 0;
  display: flex;
}

.our-team-member-link {
  color: #000;
  text-decoration: none;
  transition: all .25s;
}

.our-team-member-link:hover {
  color: var(--violet);
}

.our-team-member-link:active {
  color: var(--deep-violet);
}

.our-partners-logos {
  opacity: .3;
  transition: opacity .36s;
}

.our-partners-logos:hover {
  opacity: 1;
}

.our-partners-logos.home-seo {
  filter: brightness(180%) hue-rotate(291deg) saturate(200%);
}

.our-partners-logo {
  opacity: 1;
  padding: 10px 20px;
}

.our-partners-top-block {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
  padding-left: 220px;
  padding-right: 220px;
  display: flex;
}

.our-partners-logo-grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  justify-items: center;
  margin-top: 10px;
}

.our-partners-logo-grid.services-page-padding {
  padding-top: 30px;
  padding-bottom: 30px;
}

.our-partners-logo-grid.five-columns {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  justify-content: center;
  align-items: center;
  justify-items: center;
  margin-top: 30px;
  display: flex;
}

.more-features-section-image-negative-margin-alternative-home {
  z-index: auto;
  float: right;
  margin-top: -180px;
  margin-right: 20px;
  display: block;
}

.home-alternative-capabilities-section-image {
  width: auto;
  height: 150px;
  position: absolute;
  top: -15%;
  right: 10%;
}

.basic-feature-cards-grid-alternative-home {
  grid-column-gap: 60px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 10px;
  display: grid;
}

.basic-features-card-alternative-home {
  background-color: var(--dust-rose-white);
  border-radius: 20px;
  flex-direction: column;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 40px;
  transition: all 1s cubic-bezier(.526, .083, .25, 1);
  display: flex;
}

.basic-features-card-alternative-home:hover {
  background-position: 50% 20%;
}

.basic-features-card-alternative-home.lavender-blush-background {
  background-color: var(--lavender-blush);
}

.basic-features-card-alternative-home.ghost-white-background {
  background-color: var(--ghost-white);
}

.testemonial-block-alternative-home {
  height: 368px;
  background-color: var(--dust-rose-white);
  border-radius: 20px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding-left: 50px;
  padding-right: 50px;
  display: flex;
}

.navigation-alternative-home {
  background-color: rgba(0, 0, 0, 0);
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.paragraph-desktop-exception {
  color: var(--paragraph-black);
  font-family: Nunito Sans, sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 30px;
}

.paragraph-desktop-exception.white-text {
  color: var(--white);
}

.primary-button-with-arrow {
  background-color: var(--pale-turquoise);
  color: var(--midnight-blue);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  transition: background-color .25s;
  display: flex;
}

.primary-button-with-arrow:hover {
  background-color: var(--turquoise);
}

.primary-button-with-arrow.second-style-top-section {
  background-color: var(--deep-violet);
  margin-right: 10px;
}

.primary-button-with-arrow.second-style-top-section:hover {
  background-color: var(--midnight-blue);
}

.primary-button-with-arrow.second-style-20-top-margin {
  background-color: var(--deep-violet);
  margin-top: 20px;
}

.primary-button-with-arrow.second-style-20-top-margin:hover {
  background-color: var(--midnight-blue);
}

.primary-button-with-arrow-icon {
  padding-right: 24px;
}

.our-values-arrow-button-block {
  margin-top: 10px;
}

.product-team-cards {
  grid-column-gap: 30px;
  grid-row-gap: 50px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-items: stretch;
  margin-top: 40px;
  display: grid;
}

.product-team-profile-photo {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}

.product-team-card {
  background-color: var(--dust-rose-white);
  -webkit-text-fill-color: inherit;
  background-image: url('../images/Wavy-Stripes-Gray.png');
  background-position: -300% 100%;
  background-repeat: no-repeat;
  background-size: 300px;
  background-clip: border-box;
  border-radius: 20px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  padding: 0 0 40px;
  transition: all 1s cubic-bezier(.526, .083, .25, 1);
  display: flex;
}

.product-team-card:hover {
  background-color: var(--light-lavender);
  background-position: 50% 100%;
}

.product-team-card.dust-peach-background {
  background-color: var(--dust-peach);
  background-image: url('../images/Wavy-Stripes-Pink.png');
  background-position: -300% 100%;
  background-size: 300px;
}

.product-team-card.dust-peach-background:hover {
  background-color: var(--light-lavender);
  background-position: 50% 100%;
}

.product-team-card.ghost-white-background {
  background-color: var(--ghost-white);
}

.product-team-card.ghost-white-background:hover {
  background-color: var(--light-lavender);
}

.product-team-card.lavender-blush-background {
  background-color: var(--lavender-blush);
}

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

.text-align-center.margin-all-breakpoints-top-section {
  margin-top: 0;
  margin-bottom: 40px;
}

.text-align-center.home-marketing-item-position {
  margin-top: 100px;
  margin-bottom: 20px;
}

.workflow-video-block {
  width: 570px;
  height: 380px;
  -webkit-text-fill-color: inherit;
  background-image: url('../images/Workflow-Video-Preview.jpg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: cover;
  background-clip: border-box;
  border-radius: 15px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.workflow-container-grid {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-auto-flow: column;
  align-content: center;
  justify-content: center;
  align-items: center;
  justify-items: center;
}

.workflow-block {
  max-width: 500px;
}

.play-button {
  width: 86px;
  height: 86px;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.play-button-icon {
  position: absolute;
}

.play-button-icon.hover {
  max-width: 94px;
  min-width: 94px;
  opacity: 0;
  transition: all .25s;
  transform: scale(.9);
}

.play-button-icon.hover:hover {
  opacity: 1;
  transform: scale(1);
}

.workflow-profile-block {
  flex-direction: row;
  align-items: center;
  margin-top: 20px;
  display: flex;
}

.workflow-profile-text {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-left: 20px;
  display: flex;
}

.faq-top-block {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 160px;
  padding-right: 160px;
  display: flex;
}

.faq-grid-children {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-content: start;
  align-items: stretch;
  display: grid;
}

.faq-grid-main {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: stretch;
  justify-items: stretch;
  margin-top: 40px;
  display: grid;
}

.accordion-dropdown {
  width: 100%;
  background-color: var(--white);
  overflow: hidden;
}

.accordion-toggle {
  min-height: 100px;
  padding: 30px;
  display: block;
}

.accordion-toggle.two-line-question {
  min-height: 120px;
}

.accordion-dropdown-list {
  width: auto;
  height: auto;
  background-color: var(--white);
  padding: 0 30px 30px;
  display: block;
  position: static;
}

.accordion-toggle-text {
  color: var(--heading-black);
  white-space: pre-wrap;
  flex: 0 auto;
  font-family: Noto Sans, sans-serif;
  line-height: 23px;
}

.dark-outline-button {
  z-index: auto;
  border: 1px solid var(--deep-violet);
  color: var(--deep-violet);
  white-space: nowrap;
  background-color: rgba(0, 0, 0, 0);
  border-radius: 8px;
  flex: none;
  padding: 14px 24px;
  font-family: Nunito Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  transition: background-color .25s cubic-bezier(.602, .293, .222, .954);
  display: inline-block;
  position: relative;
}

.dark-outline-button:hover {
  border-color: var(--midnight-blue);
  color: #301c6b;
}

.dark-button-header {
  z-index: auto;
  background-color: var(--deep-violet);
  color: var(--white);
  object-fit: none;
  border-radius: 8px;
  flex: none;
  margin: 10px 0 10px 10px;
  padding: 14px 24px;
  font-family: Nunito Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  transition: background-color .25s cubic-bezier(.602, .293, .222, .954);
  display: inline-block;
  position: relative;
}

.dark-button-header:hover {
  background-color: var(--midnight-blue);
}

.dark-button-header.w--current {
  width: auto;
}

.services-and-solutions-top-block {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 200px;
  padding-right: 200px;
  display: flex;
}

.services-and-solutions-cards {
  justify-content: space-between;
  align-items: stretch;
  margin-top: 40px;
  display: flex;
}

.services-and-solutions-elements {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-right: 20px;
  display: grid;
}

.services-and-solutions-elements.tablet-layout {
  width: 50%;
  grid-column-gap: 20px;
  margin-right: 40px;
}

.services-and-solutions-list {
  width: 100%;
  height: 100%;
  max-width: 306px;
  min-height: 278px;
  background-color: var(--white);
  background-image: url('../images/Wavy-Stripes-Small.png');
  background-position: 3000% -26%;
  background-repeat: no-repeat;
  background-size: 300px;
  border-radius: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 20px 30px;
  transition: all .8s cubic-bezier(.455, .03, .515, .955);
  display: block;
}

.services-and-solutions-list:hover {
  background-position: 100% -26%;
}

.services-and-solutions-card {
  max-width: 360px;
  min-width: 300px;
  background-color: rgba(0, 0, 0, 0);
  border-radius: 20px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px 20px;
  transition: all .3s;
  display: flex;
}

.services-and-solutions-card:hover {
  background-color: var(--66-violet);
  box-shadow: none;
}

.services-and-solutions-icon {
  display: inline-block;
}

.services-and-solutions-text-block {
  padding-left: 20px;
}

.resources-top-block {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 160px;
  padding-right: 160px;
  display: flex;
}

.resources-cards {
  grid-column-gap: 36px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 30px;
  display: grid;
}

.resources-card {
  background-color: var(--dust-rose-white);
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  border-radius: 20px;
  flex-direction: column;
  align-items: flex-start;
  margin-left: 0;
  margin-right: 0;
  padding: 40px;
  display: flex;
}

.resources-card.lavender-blush-background {
  background-color: var(--lavender-blush);
}

.resources-card.light-lavender-background {
  background-color: var(--lilac-white);
}

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

.case-studies-top-block {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 200px;
  padding-right: 200px;
  display: flex;
}

.services-and-solutions-breakpoints-layout {
  width: 100%;
  flex-direction: row;
  align-content: flex-start;
  justify-content: space-between;
  display: flex;
}

.case-studies-card {
  width: 100%;
  height: 540px;
  background-color: var(--white);
  transition: all .2s;
  box-shadow: 0 10px 40px -20px rgba(0, 0, 0, .2);
}

.case-studies-card:hover {
  box-shadow: 0 10px 40px -20px rgba(0, 0, 0, .04);
}

.case-studies-image {
  width: 100%;
  height: 266px;
  object-fit: cover;
  display: block;
}

.case-studies-image-link {
  width: 100%;
}

.date-element-layout-and-spacings {
  width: 88px;
  height: 34px;
  margin-top: -20px;
  margin-left: 40px;
  display: flex;
}

.case-studies-card-text-block {
  margin-top: -20px;
  padding: 35px 40px 30px;
}

.case-studies-card-link {
  text-decoration: none;
  transition: opacity .2s;
}

.case-studies-card-link:hover {
  opacity: .7;
}

.process-step-image {
  width: 304px;
}

.process-step-one-image-container {
  background-image: url('../images/Wavy-Stripes-Small-Lavender-Semi-Transperent.png');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: 300px;
  padding-right: 100px;
}

.step-number {
  width: 80px;
}

.process-grid {
  grid-template-rows: auto;
  grid-template-columns: 1.25fr .75fr 1.15fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  display: grid;
}

.process-grid.step-two {
  grid-template-columns: .75fr 1.15fr 1.25fr;
}

.process-page-button-block {
  margin-top: 30px;
}

.process-step-two-image-container {
  background-image: url('../images/Wavy-Stripes-Small-Lavender-Semi-Transperent.png');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 300px;
  padding-left: 100px;
}

.process-step-three-image-container {
  background-image: url('../images/Wavy-Stripes-Small-Lavender-Semi-Transperent.png');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: 300px;
  padding-right: 100px;
}

.process-step-four-image-container {
  background-image: url('../images/Wavy-Stripes-Small-Lavender-Semi-Transperent.png');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 300px;
  padding-left: 100px;
}

.success-message {
  background-color: var(--pale-turquoise);
  border-radius: 8px;
}

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

.your-email-field {
  width: 100%;
  height: 58px;
  color: var(--list-dark-blue);
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 20px;
  font-family: Nunito Sans, sans-serif;
  font-size: 18px;
}

.your-email-field:focus {
  border-style: solid;
  border-color: var(--deep-violet);
  color: var(--paragraph-black);
}

.your-email-field.contact-us {
  border-radius: 15px;
  padding: 20px;
}

.your-name-field {
  width: 100%;
  height: 58px;
  color: var(--list-dark-blue);
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 20px;
  font-family: Nunito Sans, sans-serif;
  font-size: 18px;
}

.your-name-field:focus {
  border-color: var(--deep-violet);
  color: var(--paragraph-black);
}

.your-name-field.contact-us {
  border-radius: 15px;
  padding: 20px;
}

.your-text-field {
  width: 100%;
  height: 200px;
  min-height: 200px;
  color: var(--list-dark-blue);
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 20px;
  font-family: Nunito Sans, sans-serif;
  font-size: 18px;
}

.your-text-field:focus {
  border-color: var(--deep-violet);
  color: var(--paragraph-black);
}

.your-text-field.contact-us {
  border-radius: 15px;
  padding: 20px;
}

.contact-form-button {
  width: 100%;
  background-color: var(--deep-violet);
  border-radius: 8px;
  margin-top: 20px;
  padding: 14px 24px;
  font-family: Nunito Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  transition: all .25s;
  display: block;
}

.contact-form-button:hover {
  background-color: var(--midnight-blue);
}

.contact-us-form {
  height: auto;
  max-width: 530px;
  background-color: var(--ghost-white);
  border-radius: 20px;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  margin-left: 40px;
  padding: 35px 35px 60px;
  display: flex;
}

.contact-us-form.second-version {
  background-color: var(--light-lavender);
  margin-left: 0;
  margin-right: 40px;
}

.contact-us-form.faq-page {
  max-height: none;
  background-color: var(--light-lavender);
  margin-left: auto;
}

.contact-form-heading {
  text-align: center;
  margin-top: 0;
  margin-bottom: 40px;
  font-size: 24px;
}

.contact-us-form-block {
  justify-content: flex-end;
  align-items: stretch;
  margin-bottom: 0;
  display: block;
}

.contact-us-grid {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-auto-flow: column;
  align-items: center;
  justify-items: stretch;
}

.get-in-touch-block {
  max-width: 540px;
}

.contact-us-tab-arrow {
  height: 25px;
  filter: grayscale();
}

.contact-us-tab-arrow:hover {
  filter: grayscale(0%);
}

.contact-us-tab-location {
  flex-direction: row;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 20px;
  display: flex;
}

.contact-us-tab-icon {
  margin-right: 10px;
}

.contact-us-tab-phone {
  flex-direction: row;
  align-items: center;
  margin-bottom: 20px;
  text-decoration: none;
  display: flex;
}

.contact-us-tab-email {
  flex-direction: row;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.locations-top-section-grid {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex: 0 auto;
  grid-template-rows: auto;
  grid-template-columns: .6fr;
  grid-auto-flow: row;
  align-content: center;
  justify-content: center;
  align-items: start;
  justify-items: stretch;
  margin-top: 10px;
}

.locations-block {
  width: 100%;
  height: 100%;
  background-color: var(--dust-rose-white);
  border-radius: 10px;
  flex-direction: column;
  padding: 30px;
}

.locations-block.lavender-blush-background {
  background-color: var(--lavender-blush);
}

.locations-block.lilac-white-background {
  background-color: var(--lilac-white);
}

.locations-block-address {
  align-items: flex-start;
  margin-top: 20px;
  display: flex;
}

.locations-block-icons {
  height: 28px;
  margin-right: 20px;
}

.locations-block-phone {
  align-items: flex-start;
  margin-top: 17px;
  text-decoration: none;
  display: flex;
}

.locations-block-email {
  align-items: flex-start;
  margin-top: 17px;
  margin-bottom: 20px;
  text-decoration: none;
  display: flex;
}

.locations-block-grid {
  width: 100%;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.arrow-button-no-divider {
  margin-top: 10px;
  text-decoration: none;
  display: flex;
}

.arrow-button-no-divider.landing-white {
  color: var(--white);
  margin-top: 40px;
}

.software-capabilities-grid {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-auto-flow: column;
  justify-content: space-between;
  align-items: center;
  justify-items: stretch;
}

.software-capabilities-block {
  max-width: 500px;
}

.software-capabilities-block-images {
  width: 100%;
  height: 490px;
  -webkit-text-fill-color: inherit;
  background-image: url('../images/Wavy-Stripes-Small.png');
  background-position: 100% 70%;
  background-repeat: no-repeat;
  background-size: 400px;
  background-clip: border-box;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.software-capabilities-illustration {
  width: 388px;
}

.software-capabilities-steps {
  align-items: center;
  margin-top: 20px;
  margin-bottom: 20px;
  display: flex;
}

.software-capabilities-steps-icon {
  width: 28px;
  height: 30px;
  background-color: var(--deep-violet);
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  margin-right: 20px;
  display: flex;
}

.get-in-touch-top-block {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 40px;
  padding-left: 60px;
  padding-right: 60px;
  display: flex;
}

.locations-get-in-touch-form {
  background-color: #eee8ff;
  border-radius: 20px;
  flex-direction: column;
  justify-content: space-around;
  align-items: stretch;
  padding: 40px;
  display: flex;
}

.get-in-touch-your-email-field {
  height: 58px;
  color: var(--list-dark-blue);
  background-color: #fbfbfb;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 10px;
  margin-bottom: 0;
  font-family: Nunito Sans, sans-serif;
  font-size: 18px;
}

.get-in-touch-your-email-field:focus {
  border-style: solid;
  border-color: var(--deep-violet);
  color: var(--paragraph-black);
}

.get-in-touch-your-name-field {
  height: 58px;
  color: var(--list-dark-blue);
  background-color: #fbfbfb;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 10px;
  margin-bottom: 0;
  font-family: Nunito Sans, sans-serif;
  font-size: 18px;
}

.get-in-touch-your-name-field:focus {
  border-color: var(--deep-violet);
  color: var(--paragraph-black);
}

.get-in-touch-text-area {
  height: 200px;
  min-height: 200px;
  color: var(--list-dark-blue);
  background-color: #fbfbfb;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 10px;
  font-family: Nunito Sans, sans-serif;
  font-size: 18px;
}

.get-in-touch-text-area:focus {
  border-color: var(--deep-violet);
  color: var(--paragraph-black);
}

.get-in-touch-contact-form-button {
  background-color: var(--deep-violet);
  border-radius: 8px;
  padding: 14px 24px;
  font-family: Nunito Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  transition: all .25s;
}

.get-in-touch-contact-form-button:hover {
  background-color: var(--midnight-blue);
}

.locations-get-in-touch-form-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 20px;
  display: grid;
}

.get-in-touch-your-phone-field {
  height: 58px;
  color: var(--list-dark-blue);
  background-color: #fbfbfb;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 10px;
  margin-bottom: 0;
  font-family: Nunito Sans, sans-serif;
  font-size: 18px;
}

.get-in-touch-your-phone-field:focus {
  border-style: solid;
  border-color: var(--deep-violet);
  color: var(--paragraph-black);
}

.get-in-touch-button-block {
  justify-content: center;
  margin-top: 40px;
  display: flex;
}

.select-field {
  height: 58px;
  color: rgba(82, 83, 83, .57);
  background-color: #fbfbfb;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 10px;
  font-family: Nunito Sans, sans-serif;
  font-size: 18px;
}

.select-field:focus {
  border-color: var(--deep-violet);
}

.get-in-touch-form-block {
  justify-content: flex-end;
  align-items: stretch;
  margin-bottom: 0;
  display: block;
}

.privacy-and-policy-information-block {
  width: 766px;
  padding-right: 70px;
}

.pro-tip-block {
  align-items: flex-start;
  margin-bottom: 20px;
  display: flex;
}

.pro-tip-block-icon {
  width: 27px;
  height: 34px;
  margin-right: 20px;
}

.privacy-and-policy-list-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.privacy-and-policy-contact-us-block {
  width: 360px;
  height: auto;
  background-color: var(--white);
  border-radius: 10px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 30px 40px 40px;
  display: flex;
  position: -webkit-sticky;
  position: sticky;
  top: 10px;
  box-shadow: 0 1px 20px rgba(66, 84, 102, .2);
}

.privacy-and-policy-contents {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  display: flex;
}

.dark-button-with-arrow {
  background-color: var(--deep-violet);
  color: var(--white);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  transition: background-color .25s;
  display: flex;
}

.dark-button-with-arrow:hover {
  background-color: var(--midnight-blue);
}

.terms-contents {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.terms-information-block {
  width: 800px;
  padding-left: 50px;
}

.terms-tab-block {
  width: 340px;
  height: 226px;
  background-color: var(--white);
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 30px;
  display: flex;
  position: -webkit-sticky;
  position: sticky;
  top: 10px;
  box-shadow: 0 1px 20px rgba(66, 84, 102, .1);
}

.terms-page-links {
  color: var(--list-dark-blue);
  font-family: Nunito Sans, sans-serif;
  font-weight: 700;
  text-decoration: none;
}

.terms-page-links:hover {
  color: var(--violet);
}

.large-paragraph {
  font-size: 23px;
  line-height: 1.6em;
}

.large-paragraph.locations-breakpoints-align-white-text {
  color: var(--white);
}

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

.margin-bottom-20.quote-author-photo {
  max-width: 25%;
}

.shop-product-item {
  height: 100%;
  border: 1px solid rgba(66, 84, 102, .15);
  border-radius: 7px;
}

.shop-product-item-container {
  width: 100%;
  margin-top: 30px;
}

.shop-product-items {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-wrap: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-content: stretch;
  justify-content: center;
  align-items: stretch;
  display: grid;
}

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

.margin-top-10 {
  margin-top: 10px;
}

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

.alternative-list {
  filter: grayscale();
}

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

.margin-top-20 {
  margin-top: 20px;
}

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

.dust-rose-white-background {
  background-color: var(--dust-rose-white);
}

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

.dust-peach-background {
  background-color: var(--dust-peach);
}

.lavender-blush-background {
  background-color: var(--lavender-blush);
}

.lavender-background {
  background-color: var(--lavender);
}

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

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

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

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

.violet-background {
  background-color: var(--violet);
}

.midnight-blue-background {
  background-color: var(--midnight-blue);
}

.deep-violet-background {
  background-color: var(--deep-violet);
}

.turquoise-background {
  background-color: var(--turquoise);
}

.pale-turquoise-background {
  background-color: var(--pale-turquoise);
}

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

.padding-top-0 {
  padding-top: 0;
}

.contact-us-tab-text {
  color: var(--list-dark-blue);
  margin-bottom: 0;
}

.contact-us-tab-link {
  color: var(--list-dark-blue);
  margin-bottom: 0;
  text-decoration: none;
  transition: all .25s;
}

.contact-us-tab-link:hover {
  color: var(--pale-turquoise);
}

.margin-all-breakpoints-top-section {
  margin-top: 0;
  margin-bottom: 40px;
}

.margin-all-breakpoints-top-section.locations-breakpoints-align-white-text {
  color: var(--white);
}

.pro-tip-text-color-and-margin {
  color: var(--violet);
  margin-top: 0;
  margin-bottom: 0;
}

.main-thumbnail {
  align-self: stretch;
  margin-bottom: 40px;
  display: flex;
  box-shadow: 0 5px 20px -15px rgba(10, 36, 64, .5);
}

.thumbnail {
  min-height: 220px;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.blog-content {
  padding: 20px 40px 50px;
}

.blog-text-block {
  color: rgba(67, 72, 78, .7);
  font-size: 18px;
  line-height: 26px;
}

.post-date {
  color: var(--paragraph-black);
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 15px;
  font-weight: 400;
  transition: all .3s;
}

.read-more-text {
  border-bottom: 1px solid #763de7;
  padding-top: 30px;
  font-size: 15px;
  transition: opacity .2s;
  display: inline-block;
}

.read-more-text:hover {
  opacity: .7;
}

.blog-post-heading {
  transition: all .3s;
}

.blog-post-heading:hover {
  color: var(--deep-violet);
}

.main-blog-image {
  height: 780px;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-size: cover;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
}

.category {
  white-space: normal;
  margin-top: -20px;
  padding-left: 130px;
}

.category.pagination-post {
  margin-top: 0;
  padding-bottom: 15px;
  padding-left: 0;
}

.text-block-blogs {
  color: var(--white);
}

.link-block {
  background-color: var(--violet);
  border-radius: 14px;
  padding: 4px 10px;
  position: relative;
}

.blog-detail-content {
  background-color: var(--white);
  border-bottom-right-radius: 7px;
  border-bottom-left-radius: 7px;
  margin-top: -15px;
  padding-top: 25px;
  box-shadow: 0 0 15px rgba(10, 36, 64, .05);
}

.post-quote {
  border-top: 1px solid rgba(66, 84, 102, .15);
  border-bottom: 1px solid rgba(66, 84, 102, .15);
  margin-top: 40px;
  margin-bottom: 40px;
  padding-top: 40px;
  padding-bottom: 40px;
}

.blockquote {
  color: rgba(66, 84, 102, .15);
  font-size: 100px;
  line-height: .8em;
}

.post-quote-text {
  padding-left: 10px;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.3em;
}

.post-quote-element {
  display: flex;
}

.quote-author {
  padding-top: 40px;
  padding-left: 45px;
  display: flex;
}

.quote-author.second-style {
  color: var(--paragraph-black);
  padding-top: 0;
  padding-left: 0;
  font-size: 18px;
  font-weight: 800;
  line-height: 30px;
}

.quote-author.landing-style {
  color: var(--paragraph-black);
  margin-top: 20px;
  padding-top: 0;
  padding-left: 0;
  font-size: 18px;
  font-weight: 800;
  line-height: 30px;
}

.post-wrapper {
  padding-left: 130px;
  padding-right: 130px;
}

.another-posts {
  border-top: 1px solid rgba(66, 84, 102, .15);
  margin-top: 40px;
  padding-top: 40px;
  padding-bottom: 70px;
}

.collection-list-wrapper {
  flex-wrap: wrap;
  justify-content: space-between;
}

.link-block-category {
  background-color: var(--violet);
  border-radius: 14px;
  padding: 4px 10px;
}

.text-block-category {
  color: var(--white);
}

.collection-item {
  background-color: #f6f9fc;
  border-radius: 7px;
  padding: 30px;
}

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

.read-full-post-button {
  padding-top: 20px;
  font-size: 15px;
  font-weight: 600;
}

.post-gradient {
  background-color: var(--white);
  transition: all .3s;
}

.post-gradient:hover {
  box-shadow: 1px 1px 30px rgba(221, 212, 245, .7);
}

.collection-list-classic {
  flex-flow: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.collection-item-classic {
  width: 33.33%;
  flex: none;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-self: stretch;
  display: flex;
}

.product-content {
  border-bottom-right-radius: 7px;
  border-bottom-left-radius: 7px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 25px;
  display: flex;
}

.heading {
  margin-top: 0;
  margin-bottom: 10px;
}

.heading.product-title-shop {
  text-align: center;
  cursor: pointer;
  margin-top: 20px;
  margin-bottom: 0;
  font-family: Nunito Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.25;
  transition: color .2s;
}

.heading.product-title-shop:hover {
  color: var(--deep-violet);
}

.default-state {
  margin-bottom: 0;
}

.option-list, .field-label {
  display: none;
}

.shop-title {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 0;
}

.product-price {
  margin: 0 5px;
  font-size: 1.15rem;
  font-weight: 600;
}

.products-list {
  width: 100%;
}

.image-shop-item {
  width: 100%;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
}

.add-to-cart-button {
  background-color: var(--pale-turquoise);
  color: var(--midnight-blue);
  border-radius: 7px;
  padding: 10px 16px;
  font-size: 16px;
  font-weight: 700;
  transition: background-color .2s;
}

.add-to-cart-button:hover {
  background-color: var(--turquoise);
}

.price-con {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  margin-bottom: 10px;
  display: flex;
}

.old-product-price {
  color: var(--list-dark-blue);
  margin-bottom: 0;
  margin-left: 5px;
  margin-right: 5px;
  font-size: 1.15rem;
  font-weight: 600;
  text-decoration: line-through;
}

.paragraph {
  margin-bottom: 0;
  padding: 12px 7px;
  display: inline-block;
}

.paragraph.on-sale {
  z-index: 1;
  background-color: var(--turquoise);
  color: var(--white);
  border-radius: 50px;
  padding: 7px 12px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  position: absolute;
  top: 15px;
  bottom: auto;
  left: 15px;
  right: auto;
}

.link-block-shop-item {
  width: 100%;
  position: relative;
}

.pagination-shop-details {
  margin-top: 30px;
}

.main-heading-portfolio-detail {
  margin-top: 0;
  margin-bottom: 20px;
}

.portfolio-detail-information {
  width: 50%;
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.section-product-detail {
  margin-top: 80px;
}

.detailed-banner-con {
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 100px;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
}

.detailed-banner-left {
  width: 100%;
  max-width: 500px;
  align-items: flex-start;
  display: flex;
}

.home-slider {
  width: auto;
  height: auto;
  background-color: var(--ghost-white);
  border: 1px solid rgba(66, 84, 106, .15);
  border-radius: 7px;
  overflow: hidden;
}

.home-slide, .slide-2-shop, .slide-3-shop {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 7px;
}

.slide-nav {
  display: block;
}

.right-arrow {
  width: 43px;
  height: 43px;
  color: #000;
  cursor: pointer;
  background-color: #fff;
  border-radius: 50%;
  margin-right: 35px;
  font-size: 24px;
  font-weight: 700;
  transition: all .3s;
  box-shadow: -1px 3px 6px rgba(66, 84, 102, .15);
}

.right-arrow:hover {
  background-color: var(--deep-violet);
  color: #fff;
}

.left-arrow {
  width: 43px;
  height: 43px;
  color: #000;
  cursor: pointer;
  background-color: #fff;
  border-radius: 50%;
  margin-left: 35px;
  transition: all .3s;
  box-shadow: -1px 3px 6px rgba(66, 84, 102, .15);
}

.left-arrow:hover {
  background-color: var(--deep-violet);
  color: #fff;
}

.shop-arrow-icon-right, .shop-arrow-icon {
  font-size: 20px;
}

.detailed-banner-right {
  width: 100%;
  margin-left: 50px;
}

.detailed-page-name {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 48px;
  line-height: 1.2;
}

.paragraph-bold {
  margin-bottom: 0;
  font-weight: 700;
}

.detailed-price-con {
  margin-top: 40px;
}

.detailed-price {
  color: var(--navigation-dark);
  font-size: 30px;
  font-weight: 700;
  line-height: 38px;
}

.checkout-button {
  border: 1px solid var(--deep-violet);
  background-color: var(--deep-violet);
  border-radius: 7px;
  padding: 12px 25px;
  transition: all .3s;
}

.checkout-button:hover {
  background-color: var(--white);
  color: var(--deep-violet);
}

.checkout-form {
  background-color: var(--white);
}

.violet-button {
  border: 1px solid var(--deep-violet);
  background-color: var(--deep-violet);
  cursor: pointer;
  border-radius: 7px;
  padding: 12px 25px;
  transition: all .3s;
}

.violet-button:hover {
  background-color: var(--white);
  color: var(--deep-violet);
}

.violet-button.add-to-cart {
  width: 100%;
  justify-content: center;
  margin-top: 30px;
  font-size: 20px;
}

.checkout-banner {
  height: 90px;
  background-color: var(--ghost-white);
  align-items: center;
  margin-top: 68px;
  margin-bottom: 60px;
  display: flex;
}

.shop-banner-con {
  width: 100%;
  max-width: 1200px;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.shop-banner-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 23px;
  line-height: 30px;
}

.checkout-banner-title {
  align-items: center;
  display: flex;
}

.breadcrumb-link {
  padding-right: 5px;
  font-size: 20px;
}

.checkout-breadcrumbs {
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  padding-top: 5px;
  display: flex;
}

.breadcrumb-page {
  margin-bottom: 0;
  padding-left: 5px;
  font-size: 20px;
}

.paragraph-checkout {
  margin-bottom: 0;
}

.blog-centred-item {
  justify-content: center;
  display: flex;
}

.brand-logo-mobile {
  max-height: 40px;
  max-width: 40px;
  display: none;
}

.top-section-title {
  max-width: 750px;
  flex-direction: column;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.container-with-light-background {
  background-color: var(--bg-color-second-style);
  border-radius: 20px;
}

.container-with-light-background.second-style {
  padding-top: 53px;
  padding-bottom: 16px;
}

.container-with-light-background.second-style-form-block {
  padding-top: 55px;
  padding-bottom: 70px;
}

.heading-2-second-style {
  margin-bottom: 20px;
  font-size: 58px;
  line-height: 1.4em;
}

.flex-horizontal {
  align-items: center;
  display: flex;
}

.flex-horizontal.margin-right-20-mobile-bottom-20 {
  margin-right: 20px;
}

.flex-horizontal.space-around-grid-on-mobile {
  min-width: 90%;
  justify-content: space-around;
  margin-top: 10px;
}

.icon-tick {
  margin-right: 10px;
}

.position-relative {
  position: relative;
}

.traking-process-left-image {
  margin-top: 30px;
  transition: all 1s;
  position: absolute;
  top: 52%;
  bottom: auto;
  left: 1%;
  right: auto;
}

.traking-process-left-image:hover {
  transform: scale(.9);
}

.traking-process-right-image {
  margin-top: 30px;
  transition: all 1s;
  position: absolute;
  top: 12%;
  bottom: auto;
  left: auto;
  right: 2%;
}

.traking-process-right-image:hover {
  transform: scale(.9);
}

.traking-process-center-image {
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.basic-features-left-block {
  width: 56%;
  min-height: 640px;
  object-fit: fill;
  background-image: url('../images/Basic-features-bg.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 20px;
  margin-right: 50px;
  position: relative;
}

.basic-features-right-block {
  width: 40%;
}

.heading-5-second-style {
  color: var(--medium-sea-green-second-style);
  margin-bottom: 0;
  font-size: 24px;
  line-height: 34px;
}

.basic-features-tick-block {
  margin-bottom: 20px;
  margin-right: 20px;
}

.basic-features-arrow-right {
  margin-left: 2px;
  margin-right: 25px;
}

.quantity {
  font-size: 18px;
}

.dropdown {
  width: 100%;
  border: 1px solid rgba(66, 84, 102, .15);
  border-radius: 7px;
  overflow: hidden;
}

.dropdown-toggle-shipping {
  width: 100%;
  align-items: center;
  padding: 10px 15px;
  display: flex;
}

.dropdown-toggle-shipping.w--open {
  height: 60px;
}

.dropdown-text {
  font-size: 18px;
  font-weight: 600;
  line-height: 20px;
}

.image-shipping {
  margin-right: 15px;
}

.dropdown-list-shipping {
  background-color: rgba(221, 221, 221, .17);
}

.dropdown-list-shipping.w--open {
  background-color: rgba(255, 255, 255, 0);
  padding: 18px;
  position: static;
}

.basic-features-first-image {
  max-width: 50%;
  position: absolute;
  top: 10%;
  bottom: auto;
  left: 10%;
  right: auto;
}

.basic-features-second-image {
  max-width: 50%;
  position: absolute;
  top: auto;
  bottom: 5%;
  left: auto;
  right: 5%;
}

.basic-features-wrapper.flex-horizontal {
  align-items: stretch;
}

.minus, .plus {
  font-family: "Fa solid 900", sans-serif;
  font-size: 12px;
  font-weight: 900;
  position: absolute;
  right: 22px;
}

.dropdown-con {
  margin-top: 40px;
  line-height: 0;
}

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

.detailed-product-info-con {
  width: 100%;
  max-width: 1200px;
  margin-top: 40px;
  margin-bottom: 40px;
  display: flex;
}

.product-detailes {
  width: 100%;
  max-width: 500px;
}

.additional-info {
  width: 100%;
  margin-left: 50px;
}

.unordered-list {
  width: 50%;
  padding-left: 20px;
  list-style-type: disc;
}

.list-item-weight {
  background-image: none;
  padding-left: 0;
  list-style-type: disc;
}

.list-item-dimensions {
  background-image: none;
  padding-left: 0;
}

.weight-number {
  margin-left: 5px;
  margin-right: 5px;
  display: inline-block;
}

.dimensions-numbers {
  margin-left: 5px;
  margin-right: 5px;
}

.weight-shop {
  display: flex;
}

.dimensions-shop {
  flex-wrap: wrap;
  display: flex;
}

.size-shop {
  display: flex;
}

.size-item {
  margin-left: 5px;
  margin-right: 5px;
}

.additional-info-shop {
  display: flex;
}

.categorie {
  margin-left: 5px;
}

.category-shop {
  color: var(--deep-violet);
}

.product-list-explicit-description {
  max-width: 1200px;
  padding-left: 0;
}

.detailed-info-con {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.explicit-description-text {
  width: 100%;
  max-width: 530px;
  flex-direction: column;
  justify-content: center;
  display: flex;
}

.explicit-description-img {
  width: 100%;
  padding-left: 20px;
}

.explicit-description-img.padding-right {
  padding-left: 0;
  padding-right: 20px;
}

.product-list-item {
  background-image: none;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 40px;
  padding-left: 0;
  display: flex;
}

.product-list-item.reverse {
  flex-direction: row-reverse;
}

.related-products-con {
  width: 100%;
  max-width: 1200px;
  margin: -40px auto -30px;
}

.field-label-shop {
  color: var(--paragraph-black);
  font-size: 16px;
  line-height: 26px;
}

.image-product-explicit {
  width: 100%;
}

.mask {
  overflow: hidden;
}

.cart-button {
  background-color: rgba(255, 255, 255, 0);
  padding-left: 0;
  padding-right: 0;
}

.icon-cart {
  color: var(--white);
}

.icon-cart.icon-dark {
  color: var(--paragraph-black);
}

.cart-quantity {
  color: var(--white);
  background-color: rgba(255, 255, 255, 0);
  margin-left: 0;
}

.cart-quantity.dark {
  color: var(--paragraph-black);
}

.home-slider-image {
  width: 100%;
}

.home-slider-image.second-style {
  height: 110px;
}

.email-form.second-style, .email-form.coming-soon-page-style, .email-form.home-marketing-style, .email-form.home-bot-style {
  justify-content: flex-end;
  align-items: center;
  display: flex;
  position: relative;
}

.email-field.second-style {
  max-width: 100%;
  min-height: 63px;
  color: var(--black-second-style);
  border: 0 #000;
  padding: 17px 70px 17px 20px;
  font-size: 18px;
  line-height: 27px;
  position: absolute;
  top: 15px;
  bottom: 0%;
  left: -35px;
  right: auto;
}

.email-field.second-style::-ms-input-placeholder {
  color: var(--dark-slate-blue-second-style);
  font-size: 22px;
  font-weight: 300;
}

.email-field.second-style::placeholder {
  color: var(--dark-slate-blue-second-style);
  font-size: 22px;
  font-weight: 300;
}

.email-field.coming-soon-page-style {
  max-width: 90%;
  min-height: 54px;
  background-color: var(--violet);
  color: var(--black-second-style);
  border: 0 #000;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  padding: 17px 70px 17px 20px;
  font-size: 18px;
  line-height: 27px;
  position: absolute;
  top: 10px;
  bottom: 0%;
  left: 0;
  right: auto;
}

.email-field.coming-soon-page-style::-ms-input-placeholder {
  color: #fff;
  font-weight: 200;
}

.email-field.coming-soon-page-style::placeholder {
  color: #fff;
  font-weight: 200;
}

.email-field.home-marketing-style {
  width: 100%;
  min-height: 60px;
  color: var(--black-second-style);
  border: 0 #000;
  padding: 17px 70px 17px 20px;
  font-size: 19px;
  line-height: 1.3em;
  position: absolute;
  top: 10px;
  bottom: 0%;
  left: 0;
  right: auto;
}

.email-field.home-marketing-style::-ms-input-placeholder {
  color: rgba(36, 34, 48, .44);
  font-size: 19px;
  font-weight: 300;
}

.email-field.home-marketing-style::placeholder {
  color: rgba(36, 34, 48, .44);
  font-size: 19px;
  font-weight: 300;
}

.email-field.home-bot-style {
  width: 100%;
  min-height: 60px;
  color: var(--black-second-style);
  background-color: #e9e5e4;
  border: 0 #000;
  padding: 17px 70px 17px 20px;
  font-size: 19px;
  line-height: 1.3em;
  position: absolute;
  top: 10px;
  bottom: 0%;
  left: 0;
  right: auto;
}

.email-field.home-bot-style::-ms-input-placeholder {
  color: rgba(36, 34, 48, .44);
  font-size: 19px;
  font-weight: 300;
}

.email-field.home-bot-style::placeholder {
  color: rgba(36, 34, 48, .44);
  font-size: 19px;
  font-weight: 300;
}

.email-field.home-bot-style-two {
  width: 100%;
  min-height: 60px;
  color: var(--black-second-style);
  background-color: #f3f3f3;
  border: 0 #000;
  padding: 17px 70px 17px 20px;
  font-size: 19px;
  line-height: 1.3em;
  position: absolute;
  top: 10px;
  bottom: 0%;
  left: 0;
  right: auto;
}

.email-field.home-bot-style-two::-ms-input-placeholder {
  color: rgba(36, 34, 48, .44);
  font-size: 19px;
  font-weight: 300;
}

.email-field.home-bot-style-two::placeholder {
  color: rgba(36, 34, 48, .44);
  font-size: 19px;
  font-weight: 300;
}

.email-form-block.second-style {
  max-width: 380px;
  margin-top: -10px;
  margin-left: auto;
  margin-right: auto;
}

.email-form-block.coming-soon-page-style {
  width: 100%;
  margin-top: 40px;
}

.email-form-block.home-marketing-style, .email-form-block.home-bot-style {
  width: 500px;
  margin-bottom: 0;
}

.grey-tick {
  margin-right: 10px;
}

.heading-2-small-second-style {
  margin-bottom: 20px;
  font-size: 44px;
  line-height: 1.4em;
}

.green-color {
  color: var(--medium-sea-green-second-style);
}

.yellow-color {
  color: var(--gold-second-style);
}

.additional-features-content-wrapper.flex-horizontal {
  align-items: stretch;
  margin-top: 20px;
}

.additional-features-left-block {
  min-width: 40%;
}

.additional-features-right-block {
  min-height: 500px;
  min-width: 54%;
  background-image: linear-gradient(to bottom, var(--gold-second-style), var(--gold-second-style));
  border-radius: 20px;
  justify-content: flex-end;
  align-items: flex-start;
  margin-left: 50px;
  overflow: hidden;
}

.additional-features-content-item {
  margin-bottom: 20px;
}

.heading-4-second-style {
  font-size: 32px;
  line-height: 1.2em;
}

.margin-right-20 {
  margin-right: 20px;
}

.additional-features-image {
  transition: all 5s;
}

.additional-features-image:hover {
  transform: scale(1.5);
}

.integrations-left-block {
  min-width: 40%;
  padding: 70px 30px 70px 70px;
}

.integrations-right-block {
  min-width: 56%;
  margin-left: 50px;
  padding-right: 20px;
}

.integrations-right-block.flex-vertical {
  align-items: flex-start;
}

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

.integrations-image {
  border-radius: 20px;
  transition: all .3s;
  box-shadow: 0 0 20px rgba(0, 0, 0, .1);
}

.integrations-image:hover {
  transform: scale(1.1);
}

.flex-vertical-mobile-center-min-w {
  min-width: 33.33%;
  flex-direction: column;
  display: flex;
}

.heading-3-second-style {
  color: var(--medium-sea-green-second-style);
  font-size: 38px;
  font-weight: 700;
  line-height: 54px;
}

.heading-3-second-style.yellow-color {
  color: var(--gold-second-style);
}

.heading-3-second-style.red-color {
  color: var(--indian-red-second-style);
}

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

.shop-product-categories {
  width: 100%;
  border-bottom: 1px solid rgba(66, 84, 102, .1);
  justify-content: space-between;
  align-items: center;
  padding-top: 10px;
  display: flex;
}

.heading-categories-shop {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 0;
}

.clients-logo-wrapper {
  width: 100%;
  justify-content: space-between;
  align-items: center;
  margin-top: 30px;
  margin-bottom: 30px;
  display: flex;
}

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

.style-guide-section.violet-background {
  background-color: var(--deep-violet);
}

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

.medium-paragraph-second-style {
  color: var(--paragraph-black);
  white-space: pre-wrap;
  font-family: Nunito Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
}

.large-paragraph-second-style {
  font-size: 22px;
  line-height: 35px;
}

.padding-left-50 {
  padding-left: 50px;
}

.navbar-second-style {
  background-color: rgba(0, 0, 0, 0);
  position: relative;
  top: 0;
}

.style-guide-icon-set-container-item-top {
  margin-bottom: 40px;
  margin-right: 60px;
}

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

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

.style-guide-container {
  max-width: 1200px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: stretch;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
}

.style-guide-paragraph-container {
  flex-direction: column;
  justify-content: flex-start;
  margin-top: 20px;
  display: flex;
}

.style-guide-heading-2 {
  max-height: 80px;
  min-height: 80px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.style-guide-heading-3 {
  max-height: 70px;
  min-height: 70px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.style-guide-heading-4 {
  max-height: 68px;
  min-height: 68px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

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

.style-guide-heading-5 {
  max-height: 56px;
  min-height: 56px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.style-guide-heading-6 {
  max-height: 52px;
  min-height: 52px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.style-guide-typography-headings {
  width: 35%;
  flex-direction: column;
  margin-right: 30px;
  display: flex;
}

.style-guide-typography-headings.style-guide-last-item {
  width: 25%;
  justify-content: flex-start;
  margin-right: 0;
}

.style-guide-typography-body-content {
  flex-direction: column;
  margin-right: 30px;
  display: flex;
}

.style-guide-links, .style-guide-button-text {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.navigation-cart-and-button-position-fixer {
  flex-wrap: nowrap;
  align-content: space-around;
  align-items: center;
  margin-left: -65px;
  display: flex;
}

.navigation-cart-and-button-position-fixer.home-marketing {
  margin-left: -10px;
}

.navigation-cart-and-button-position-fixer.home-seo {
  margin-left: 10px;
}

.margin-top-negative-20 {
  margin-top: -20px;
}

.primary-button-no-hide-on-devices {
  z-index: auto;
  background-color: var(--pale-turquoise);
  color: var(--midnight-blue);
  object-fit: none;
  border-radius: 8px;
  flex: none;
  margin: 10px;
  padding: 14px 24px;
  font-family: Nunito Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  transition: background-color .25s cubic-bezier(.602, .293, .222, .954);
  display: inline-block;
  position: relative;
}

.primary-button-no-hide-on-devices:hover {
  background-color: var(--turquoise);
}

.primary-button-no-hide-on-devices.second-style {
  background-color: var(--deep-violet);
  color: var(--white);
  flex: none;
  margin: 15px 0;
  padding: 17px 20px;
  font-size: 18px;
  font-weight: 300;
  line-height: 27px;
}

.primary-button-no-hide-on-devices.second-style:hover {
  background-color: var(--midnight-blue);
}

.primary-button-no-hide-on-devices.coming-soon-page-style {
  min-height: 54px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-right: 0;
}

.home-second-style-form-bullets {
  max-width: 750px;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.container-with-yellow-background {
  background-color: var(--gold-second-style);
  border-radius: 20px;
  flex-direction: column;
  align-items: center;
  padding: 70px 70px 40px;
  display: flex;
}

.software-capabilities-margin-all-breakpoints {
  margin-top: 20px;
  margin-bottom: 20px;
}

.empty-state {
  background-color: var(--dust-rose-white);
  margin-top: 20px;
}

.empty-state.list-metro {
  margin-bottom: 30px;
}

.margin-bottom-negative-40-mobile-30 {
  margin-bottom: -40px;
}

.blog-centered-main-thumbnail {
  width: 80%;
  min-height: 540px;
  background-color: var(--white);
  margin-bottom: 40px;
  display: block;
  box-shadow: 0 5px 20px -15px rgba(10, 36, 64, .5);
}

.blog-centred-thumbnail {
  height: 100%;
}

.blog-centered-content-bottom, .blog-centered-content-top {
  padding: 40px;
}

.post-date-centered {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 400;
  transition: all .3s;
}

.blog-post-heading-centered {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
  transition: all .3s;
}

.blog-post-heading-centered:hover {
  color: var(--dark-slate-blue-second-style);
}

.category-blog-centred {
  margin-bottom: 10px;
  display: flex;
}

.arrow-button-blog-block {
  margin-top: 20px;
  display: inline-block;
}

.special-text-start-free-trial {
  color: var(--heading-black);
  text-align: center;
  font-family: Noto Sans, sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 1.2em;
}

.case-studies-collection-list {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 30px;
  display: grid;
}

.date-element-collection {
  width: 88px;
  height: 34px;
  background-color: var(--deep-violet);
  color: var(--white);
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  display: flex;
  box-shadow: 1px 1px 20px rgba(0, 0, 0, .2);
}

.utility-page-wrap {
  width: 100vw;
  height: 100vh;
  max-height: 100%;
  max-width: 100%;
  background-image: url('../images/Background-Image-Transperent-Big-Circle-Left.png'), linear-gradient(rgba(255, 255, 255, .5), rgba(255, 255, 255, .5)), url('../images/Wavy-Stripes-Small-Lavender-Semi-Transperent.png');
  background-position: 0%, 0 0, 80% 10%;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, 19%;
  justify-content: center;
  align-items: center;
  display: flex;
}

.utility-page-content {
  width: 280px;
  text-align: center;
  flex-direction: column;
  display: flex;
}

.utility-page-content._404 {
  width: auto;
  align-items: center;
  margin-top: 80px;
}

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

.shop-categories-link {
  transition: all .2s;
}

.shop-categories-link.w--current {
  opacity: .6;
}

.empty-state-category {
  background-color: var(--dust-rose-white);
}

.shop-tabs-menu {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-bottom: 1px solid rgba(0, 0, 0, .1);
  grid-template-rows: auto;
  grid-template-columns: 10fr auto auto auto 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  display: grid;
}

.shop-tab-text-first {
  margin-left: -28px;
}

.shop-tab-text {
  margin-right: -28px;
}

.shop-tab-link {
  background-color: rgba(0, 0, 0, 0);
  transition: all .2s;
}

.shop-tab-link:hover {
  color: var(--violet);
}

.shop-tab-link.w--current {
  color: var(--violet);
  background-color: rgba(0, 0, 0, 0);
}

.shop-tab-text-first-category {
  color: var(--paragraph-black);
  margin-bottom: 10px;
  font-weight: 700;
  transition: all .2s;
}

.shop-tab-text-first-category:hover {
  color: var(--violet);
}

.blog-post-date {
  align-items: center;
  margin-top: 20px;
  margin-bottom: 20px;
  display: flex;
}

.blog-post-author {
  margin-left: 5px;
  font-weight: 700;
}

.dash-icon {
  width: 15px;
  border-top: 1px solid #000;
  margin-left: 10px;
  margin-right: 10px;
  padding-bottom: 8px;
}

.post-quote-autor {
  color: var(--dark-slate-blue-second-style);
  margin-left: 10px;
  font-weight: 700;
}

.post-quote-dash {
  color: var(--dark-slate-blue-second-style);
}

.padding-top-40 {
  padding-top: 40px;
}

.post-body-image {
  margin-top: 40px;
  margin-bottom: 40px;
}

.product-details-featured {
  padding-left: 15px;
  padding-right: 15px;
}

.blog-centred-image {
  width: 100%;
  height: 100%;
}

.collection-list-wrapper-shop {
  width: 100%;
}

.explicit-description-text-second {
  width: 100%;
  max-width: 530px;
  flex-direction: column;
  justify-content: center;
  padding-left: 20px;
  display: flex;
}

.style-guide-headings-container-first {
  width: auto;
  min-width: 360px;
  flex-direction: column;
  margin-top: 20px;
  display: flex;
}

.style-guide-typography-headings-first {
  width: 35%;
  min-width: 350px;
  flex-direction: column;
  margin-right: 30px;
  display: flex;
}

.portfolio-list-hover-animation {
  width: 100%;
  height: 100%;
  display: flex;
}

.portfolio-categories {
  color: var(--white);
  font-size: 16px;
}

.portfolio-tab-text-first {
  margin-left: -28px;
}

.portfolio-tab-text {
  margin-right: -28px;
}

.portfolio-tab-link {
  background-color: rgba(0, 0, 0, 0);
  transition: all .2s;
}

.portfolio-tab-link:hover {
  color: var(--violet);
}

.portfolio-tab-link.w--current {
  color: var(--violet);
  background-color: rgba(0, 0, 0, 0);
}

.portfolio-collection {
  grid-template-rows: auto;
  grid-template-columns: 10fr auto auto auto auto;
  grid-auto-columns: 1fr;
  padding-bottom: 40px;
  display: grid;
}

.portfolio-tabs-content.portfolio-grid {
  overflow: visible;
}

.portfolio-list-metro-heading {
  text-align: center;
  margin-top: 60px;
}

.portfolio-details-banner-grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-content: center;
  justify-content: center;
  align-items: stretch;
  display: grid;
}

.portfolio-details-banner {
  height: 100%;
  background-color: var(--deep-violet);
  align-items: center;
  display: flex;
}

.portfolio-details-banner-image {
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  display: block;
}

.portfolio-details-title {
  color: var(--white);
  margin-top: 0;
  font-size: 50px;
  line-height: 60px;
}

.portfolio-details-banner-title-block {
  width: 100%;
  height: 100%;
  align-items: center;
  padding-left: 60px;
  padding-right: 20px;
  display: flex;
}

.portfolio-details-div {
  display: flex;
}

.portfolio-details-body-text {
  width: 100%;
  padding-right: 60px;
}

.portfolio-social-link-block {
  width: 60%;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  justify-items: stretch;
  display: grid;
}

.social-icon-portfolio {
  width: 50px;
  height: 50px;
  border: 1px solid var(--deep-violet);
  border-radius: 100px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transition: all .3s ease-in-out;
  display: flex;
}

.social-icon-portfolio:hover {
  background-color: var(--deep-violet);
}

.social-icon-image-portfolio {
  width: 35%;
}

.portfolio-details-banner-block {
  width: 100%;
  height: 500px;
  max-width: none;
  object-fit: cover;
  display: block;
}

.portfolio-details-gallery {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.image-portfolio-top-first {
  width: 100%;
  height: 500px;
  object-fit: cover;
  padding-right: 40px;
}

.portfolio-details-gallery-div-first {
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.portfolio-details-gallery-div-second {
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-top: 100px;
  display: flex;
}

.image-portfolio-bottom-first {
  width: 100%;
  height: 500px;
  object-fit: cover;
  margin-top: 80px;
  padding-right: 40px;
}

.image-portfolio-bottom-second {
  width: 100%;
  height: 500px;
  object-fit: cover;
  margin-top: 80px;
  padding-left: 40px;
}

.image-portfolio-top-second {
  width: 100%;
  height: 500px;
  object-fit: cover;
  padding-left: 40px;
}

.portfolio-details-quote-div {
  background-image: url('../images/”.svg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: auto;
  padding-top: 80px;
}

.portfolio-details-quote-main-div {
  border-top: 1px solid rgba(0, 0, 0, .2);
  border-bottom: 1px solid rgba(0, 0, 0, .2);
  margin-top: -64px;
  padding-top: 40px;
  padding-bottom: 40px;
}

.portfolio-details-quote {
  text-align: center;
  letter-spacing: .6px;
  padding-left: 100px;
  padding-right: 100px;
  font-family: Playfair Display, sans-serif;
  font-size: 40px;
  font-style: italic;
  font-weight: 400;
  line-height: 50px;
}

.collection-item-portfolio-details {
  width: 100%;
  min-height: 350px;
  object-fit: cover;
  flex-direction: row;
  justify-content: center;
}

.collection-list-portfolio-details {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 20px;
  display: grid;
}

.portfolio-details-projects {
  width: 100%;
  height: 100%;
  flex-direction: column;
  justify-content: flex-end;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
  transition: all .3s;
  display: flex;
}

.portfolio-details-projects:hover {
  box-shadow: inset 0 -200px 80px -60px rgba(0, 0, 0, .6);
}

.recent-projects-title {
  opacity: 0;
  color: var(--white);
}

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

.coming-soon-logo {
  height: 55px;
  margin-left: -7px;
}

.coming-soon-div {
  height: 100%;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.coming-soon-content {
  width: 55%;
  height: 100%;
}

.coming-soon-illustration {
  width: 38%;
  height: 100%;
  margin-right: -15px;
  padding-top: 20px;
}

._404-text-padding {
  width: 50%;
  margin-top: -20px;
}

._404-text-style {
  color: var(--dark-slate-blue-second-style);
  margin-top: 40px;
  font-weight: 300;
}

.portfolio-list-metro-card-text-style {
  color: var(--white);
}

.faq-top-section-padding {
  padding-left: 200px;
  padding-right: 200px;
}

.faq-page-top-block {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 160px;
  padding-right: 160px;
  display: flex;
}

.faq-page-grid-main {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: stretch;
  justify-items: stretch;
  margin-top: 40px;
  display: grid;
}

.faq-page-grid-children {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-content: start;
  align-items: stretch;
  display: grid;
}

.accordion-dropdown-faq-page {
  width: 100%;
  background-color: var(--white);
  overflow: hidden;
  box-shadow: 1px 1px 20px rgba(0, 0, 0, .1);
}

.faq-page-support-grid {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 2fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  display: grid;
}

.heading-alternative-variant-white {
  color: var(--white);
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 48px;
  line-height: 57px;
}

.faq-page-contact-us-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.4fr;
  grid-auto-flow: column;
  justify-content: stretch;
  align-items: center;
  justify-items: stretch;
  margin-top: 30px;
}

.faq-page-get-in-touch-top-block {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 160px;
  padding-right: 160px;
  display: flex;
}

.faq-page-contact-us-form-block {
  justify-content: flex-end;
  align-items: stretch;
  margin-bottom: 0;
  display: block;
}

.faq-page-illustration-get-in-touch {
  width: 26%;
  margin-top: -900px;
}

.faq-page-get-in-touch-main-image {
  width: 80%;
  margin-left: 140px;
}

.faq-page-button-wrapper {
  margin-top: 40px;
  display: inline-block;
}

.tabs-portfolio {
  width: 100%;
}

.maintenance-div {
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.maintenance-illustration {
  width: 45%;
  height: 100%;
  padding-top: 20px;
}

.maintenance-content {
  width: 50%;
  height: 100%;
  padding-left: 40px;
  padding-right: 60px;
}

.maintenance-grid {
  width: 100%;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 40px;
  display: grid;
}

.maintenance-card {
  background-color: var(--white);
  border-radius: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 30px;
  text-decoration: none;
  transition: all .4s;
  display: flex;
  box-shadow: 1px 1px 30px rgba(221, 212, 245, .2);
}

.maintenance-card:hover {
  background-color: var(--white);
  box-shadow: 1px 1px 40px rgba(221, 212, 245, .4);
}

.maintenance-card-text {
  color: var(--deep-violet);
  font-family: Nunito Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  display: flex;
}

.maintenance-link-block {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.maintenance-link {
  margin-top: 20px;
  transition: opacity .3s;
  display: flex;
}

.maintenance-link:hover {
  opacity: .7;
}

.maintenance-icon {
  width: 51px;
  height: 51px;
}

.status-page-contents {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.status-page-information-block {
  width: 766px;
}

.status-page-contact-us-block {
  height: auto;
  max-width: 360px;
  background-color: var(--white);
  border-radius: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-left: 40px;
  padding: 30px 40px 40px;
  display: flex;
  position: -webkit-sticky;
  position: sticky;
  top: 10px;
  box-shadow: 0 1px 20px rgba(59, 109, 160, .2);
}

.status-page-post {
  margin-bottom: 40px;
  display: flex;
}

.text-span-status-page {
  color: var(--dark-slate-blue-second-style);
  font-weight: 700;
}

.status-page-post-items {
  margin-top: 20px;
  margin-bottom: 20px;
}

.calendar-icon {
  width: 35px;
  height: 35px;
  max-width: none;
}

.status-page-divider-block {
  flex-direction: column;
  align-items: center;
  padding-bottom: 20px;
  padding-right: 30px;
  display: flex;
}

.status-page-divider {
  width: 1px;
  height: 100%;
  background-color: rgba(75, 111, 148, .4);
  margin-top: 20px;
}

.arrow-button-no-divider-inverted {
  text-decoration: none;
}

.status-page-bottom-block {
  justify-content: space-between;
  display: flex;
}

.status-page-maintenance-block {
  width: auto;
  height: auto;
  background-color: var(--white);
  border-radius: 10px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-bottom: 40px;
  padding: 30px 40px;
  display: flex;
  box-shadow: 0 1px 20px rgba(55, 100, 144, .2);
}

.illustration-maintenance-block {
  width: 45%;
  max-width: none;
  min-width: auto;
  margin-right: 40px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.portfolio-list-metro {
  width: 100%;
  column-count: 3;
  column-rule-style: none;
  column-rule-width: 0px;
  column-gap: 30px;
}

.portfolio-list-metro-item {
  width: 100%;
  margin-bottom: 30px;
  display: block;
  position: relative;
}

.portfolio-dark-overlay {
  background-color: rgba(48, 28, 107, .7);
  flex-direction: column;
  justify-content: flex-end;
  padding: 40px 80px 40px 40px;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.portfolio-list-metro-image {
  width: 100%;
  height: 100%;
  min-height: 240px;
  object-fit: cover;
}

._404-page-image {
  width: 1024px;
  height: auto;
}

.flex-box-horizontal {
  text-align: left;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  transition: opacity .35s;
  display: flex;
}

.sizing-animated-object {
  width: 0;
  height: 1.6px;
  background-color: rgba(4, 2, 34, .52);
}

.nav-menu-link {
  color: #fff;
  text-align: left;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  margin-left: 10px;
  margin-right: 10px;
  padding: 15px 5px;
  font-family: Nunito Sans, sans-serif;
  font-size: 18px;
  transition: color .35s cubic-bezier(.491, .1, .275, 1.147);
  display: flex;
  position: relative;
}

.nav-menu-link:hover {
  color: var(--lavender);
}

.nav-menu-link.w--open {
  flex: 0 auto;
}

.nav-menu-link.dark-version {
  color: #000;
}

.nav-menu-link.dark-version:hover {
  color: var(--violet);
}

.nav-menu-link.dark-bigger-style {
  color: var(--black-second-style);
  letter-spacing: 1.24px;
  margin-left: 0;
  font-size: 22px;
  line-height: 30px;
  transition-duration: .2s;
  transition-timing-function: ease;
}

.nav-menu-link.dark-bigger-style:hover {
  color: var(--deep-violet);
}

.portfolio-mosaic-heading {
  font-size: 48px;
  line-height: 57px;
}

.text-span-portfolio-mosaic {
  color: var(--deep-violet);
}

.portfolio-mosaic-top-section-block {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.mosaic-collection-block {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.collection-mosaic-item-content {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 10px;
  display: flex;
}

.mosaic-image-horizontal {
  width: 44vw;
  height: 42vh;
  object-fit: cover;
}

.mosaic-image-vertical {
  width: 34vw;
  height: 60vh;
  object-fit: cover;
}

.mosaic-vertical-image-style-div {
  margin-left: 200px;
}

.mosaic-vertical-image-style-div-inverted {
  margin-right: 200px;
}

.mosaic-phantom-placeholder {
  width: 44vw;
  height: 42vh;
  object-fit: cover;
}

.portfolio-mosaic-item-name {
  text-align: center;
}

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

.changelog-title {
  color: var(--white);
  text-align: center;
  margin-top: 20px;
  margin-bottom: 0;
}

.password-input-field {
  height: 48px;
  background-color: var(--white);
  border: 1px solid rgba(0, 0, 0, .18);
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: Nunito Sans, sans-serif;
  font-size: 18px;
  font-weight: 300;
}

.password-input-field:focus {
  border-color: rgba(0, 0, 0, .18);
}

.password-label {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 600;
}

.loop-animation-wrapper {
  width: 100vw;
  overflow: hidden;
}

.loop-animation-items {
  width: 100%;
  height: 100%;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.second-style-heading {
  text-align: center;
  margin-bottom: 40px;
  font-size: 80px;
  line-height: 1.2em;
}

.heading-5-second-style-yellow {
  color: var(--gold-second-style);
  margin-bottom: 0;
  font-size: 24px;
  line-height: 1.3em;
}

.second-style-autor {
  justify-content: center;
  align-items: flex-end;
  margin-top: 20px;
  display: flex;
}

.navbar-marketing {
  opacity: 1;
  object-fit: fill;
  background-color: rgba(0, 0, 0, 0);
  flex-wrap: nowrap;
  align-content: space-between;
  justify-content: center;
  align-items: center;
  display: block;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.home-marketing-button-header {
  z-index: auto;
  background-color: var(--deep-violet);
  color: var(--white);
  text-transform: uppercase;
  object-fit: none;
  border-radius: 1px;
  flex: none;
  margin: 10px 0 10px 10px;
  padding: 20px 24px;
  font-family: Nunito Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  transition: background-color .25s cubic-bezier(.602, .293, .222, .954);
  display: inline-block;
  position: relative;
}

.home-marketing-button-header:hover {
  background-color: var(--midnight-blue);
}

.text-span-violet-divider {
  border-bottom: 8px solid var(--deep-violet);
}

.black-button-marketing {
  z-index: auto;
  background-color: var(--heading-black);
  box-shadow: 11px 11px 0 0 var(--violet);
  color: var(--white);
  text-transform: uppercase;
  object-fit: none;
  border-radius: 1px;
  flex: none;
  padding: 20px 24px 15px;
  font-family: Nunito Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  transition: all .25s cubic-bezier(.602, .293, .222, .954);
  display: inline-block;
  position: relative;
}

.black-button-marketing:hover {
  background-color: rgba(4, 2, 34, .84);
}

.home-green-button-block {
  grid-column-gap: 40px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-self: center;
  margin-top: 20px;
  display: grid;
}

.green-arrow-button {
  color: var(--deep-violet);
  justify-content: flex-start;
  align-items: center;
  margin-top: 20px;
  font-size: 19px;
  font-weight: 600;
  text-decoration: none;
  transition: opacity .2s;
  display: flex;
}

.green-arrow-button:hover {
  opacity: .7;
}

.arrow-icon-green {
  margin-left: 10px;
  padding-top: 2px;
  font-family: "Fa solid 900", sans-serif;
  font-size: 12px;
}

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

.margin-top-100 {
  margin-top: 100px;
}

.margin-top-80 {
  margin-top: 80px;
}

.margin-right-10 {
  margin-right: 10px;
}

.margin-right-20-negative {
  margin-right: -20px;
}

.home-marketing-illustration-position {
  justify-content: space-between;
  align-items: center;
  margin-top: -20px;
  margin-left: -25px;
  display: flex;
}

.margin-bottom-60 {
  margin-bottom: 60px;
}

.home-marketing-violet-block {
  background-color: #4c1aaa;
  padding: 80px;
}

.home-marketing-gray-block {
  background-color: #f7f7f8;
  background-image: url('../images/home-4-subscribe.png');
  background-position: 94%;
  background-repeat: no-repeat;
  background-size: 26%;
  padding: 80px 500px 80px 80px;
}

.green-divider {
  width: 90px;
  border-bottom: 5px solid #88c22c;
}

.home-4-white-arrow-button {
  color: var(--deep-violet);
  justify-content: flex-start;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 19px;
  font-weight: 600;
  transition: opacity .2s;
  display: flex;
}

.home-4-white-arrow-button:hover {
  opacity: .7;
}

.green-button {
  z-index: auto;
  background-color: var(--deep-violet);
  color: var(--white);
  text-transform: uppercase;
  object-fit: none;
  border-radius: 1px;
  flex: none;
  margin: 10px 0 10px 10px;
  padding: 20px 24px;
  font-family: Nunito Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  transition: background-color .25s cubic-bezier(.602, .293, .222, .954);
  display: inline-block;
  position: relative;
}

.green-button:hover {
  background-color: var(--midnight-blue);
}

.home-marketing-solution-grid {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 40px;
  display: grid;
}

.green-divider-small {
  width: 48px;
  border-bottom: 3px solid #88c22c;
}

.margin-top-15 {
  margin-top: 15px;
}

.flex-box-vertical-center {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.home-marketing-inside-block {
  z-index: auto;
  object-fit: none;
  background-color: #f7f7f8;
  border: 2px solid #000;
  border-radius: 1px;
  flex: none;
  padding: 40px;
  transition: all .2s;
  display: inline-block;
  position: relative;
  box-shadow: 4px 4px #88c32c;
}

.home-marketing-inside-block:hover {
  box-shadow: 7px 7px #88c32c;
}

.home-marketing-inside-block.shadow-violet {
  box-shadow: 4px 4px 0 0 var(--deep-violet);
}

.home-marketing-inside-block.shadow-violet:hover {
  box-shadow: 7px 7px 0 0 var(--deep-violet);
}

.home-marketing-inside-block.shadow-sea-green {
  box-shadow: 4px 4px #32b585;
}

.home-marketing-inside-block.shadow-sea-green:hover {
  box-shadow: 7px 7px #32b585;
}

.home-marketing-inside-grid {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  justify-items: stretch;
}

.home-marketing-block-contents {
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.image-with-borders {
  border: 2px solid rgba(0, 0, 0, .3);
}

.dark-grayish-blue-text {
  color: #162638;
}

.home-4-grid {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
}

.home-marketing-grid-cards {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.heading-4-home-marketing {
  color: #162638;
  margin-top: 0;
  font-size: 24px;
}

.heading-4-home-marketing-white {
  color: var(--white);
  margin-top: 0;
  font-size: 24px;
}

.heading-3-home-marketing {
  color: #162638;
  margin-top: 0;
  font-size: 30px;
}

.heading-3-home-marketing.quote {
  margin-right: 80px;
  font-size: 38px;
}

.heading-2-home-marketing {
  color: #162638;
  margin-top: 0;
  font-size: 40px;
}

.heading-2-home-marketing-white {
  color: var(--white);
  margin-top: 0;
  font-size: 40px;
}

.home-marketing-button-form {
  z-index: auto;
  background-color: var(--deep-violet);
  color: var(--white);
  text-transform: uppercase;
  object-fit: none;
  border-radius: 1px;
  flex: none;
  margin: 10px 0 10px 10px;
  padding: 20px 24px;
  font-family: Nunito Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  transition: background-color .25s cubic-bezier(.602, .293, .222, .954);
  display: inline-block;
  position: relative;
}

.home-marketing-button-form:hover {
  background-color: var(--midnight-blue);
}

.heading-5-home-marketing {
  font-size: 20px;
}

.grid-home-5-cards {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin-top: 20px;
}

.home-marketing-solution-card {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 40px;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.home-marketing-grid-cards-left {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  padding-bottom: 50px;
  display: grid;
}

.home-marketing-autor-image {
  margin-right: 10px;
  box-shadow: 7px 7px #88c22c;
}

.home-marketing-quote-placer {
  align-items: center;
  display: flex;
}

.flex-box-vertical-center-only-tablet-and-mobile {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.quote-autor-tablet-center {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-top: 20px;
  display: flex;
}

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

.home-marketing-overview-left {
  width: 100%;
  padding-bottom: 50px;
  position: relative;
}

.home-marketing-overview-image {
  transition: all .5s;
  position: absolute;
  top: auto;
  bottom: -65px;
  left: 0%;
  right: auto;
}

.home-marketing-overview-image:hover {
  bottom: -40px;
  transform: scale(1.06);
}

.home-marketing-overview-right {
  width: 96%;
}

.home-marketing-overview-placer {
  align-items: center;
  display: flex;
}

.tabs-content-contact-us {
  width: 450px;
}

.tabs-menu-contact-us {
  justify-content: flex-end;
  margin-bottom: -48px;
  display: flex;
}

.tab-link-tab-1-contact-us {
  background-color: rgba(0, 0, 0, 0);
  padding-left: 10px;
  padding-right: 10px;
}

.tab-link-tab-1-contact-us.w--current {
  width: auto;
  background-color: rgba(0, 0, 0, 0);
  padding-left: 10px;
  padding-right: 10px;
}

.tab-link-tab-2-contact-us {
  background-color: rgba(0, 0, 0, 0);
  padding-left: 10px;
  padding-right: 10px;
}

.tab-link-tab-2-contact-us.w--current {
  width: auto;
  background-color: rgba(0, 0, 0, 0);
}

.home-bot-top-section-paragraph {
  font-size: 23px;
}

.black-button-form {
  z-index: auto;
  background-color: var(--deep-violet);
  color: var(--white);
  object-fit: none;
  border-radius: 8px;
  flex: none;
  margin: 10px 0 10px 10px;
  padding: 20px 24px;
  font-family: Nunito Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  transition: background-color .25s cubic-bezier(.602, .293, .222, .954);
  display: inline-block;
  position: relative;
}

.black-button-form:hover {
  background-color: var(--midnight-blue);
}

.top-section-text-style {
  margin-bottom: 0;
  margin-right: 10px;
}

.icon-checkmark-circled {
  color: var(--deep-violet);
  margin-right: 10px;
  font-family: "Fa solid 900", sans-serif;
  font-size: 21px;
  line-height: 24px;
}

.icon-checkmark-circled.green {
  color: #4ed49c;
  align-self: flex-start;
  padding-top: 2px;
}

.icon-platform-black {
  color: var(--heading-black);
  margin-right: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: "Fa brands 400", sans-serif;
  font-size: 26px;
  transition: all .25s;
}

.icon-platform-black:hover {
  opacity: .67;
  filter: blur(.1px);
  transform: scale(1.2);
}

.flex-horizontal-mobile-vertical {
  align-items: center;
  display: flex;
}

.home-bot-solution-card {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 16px;
  padding-right: 16px;
  display: flex;
}

.grid-home-marketing-cards {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.home-bot-solutions-icons {
  width: 107px;
}

.navbar-fixed {
  width: 100%;
  height: 72px;
  background-color: rgba(0, 0, 0, 0);
  position: fixed;
}

.home-bot-software-block {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

.heading-2-home-bot {
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 48px;
}

.icon-arrow-purple {
  color: var(--deep-violet);
  margin-top: 7px;
  margin-right: 20px;
  font-family: "Fa solid 900", sans-serif;
  font-size: 22px;
  line-height: 34px;
}

.icon-arrow-purple.green {
  color: var(--deep-violet);
  margin-top: 5px;
}

.flex-horizontal-align-top {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.home-bot-software-block-content {
  margin-top: 40px;
  margin-left: 100px;
}

.brand-logos-dividers {
  border-top: 1px solid rgba(0, 0, 0, .1);
  border-bottom: 1px solid rgba(0, 0, 0, .1);
  padding-top: 60px;
  padding-bottom: 60px;
}

.home-bot-quote-placer {
  align-items: center;
  display: flex;
}

.home-bot-quote-autor {
  width: 35%;
  margin-right: 40px;
}

.heading-3-home-bot {
  font-size: 38px;
}

.home-bot-peach-block {
  background-color: #f7f3f2;
  padding: 70px 80px;
}

.home-bot-number-span {
  color: var(--violet);
  margin-bottom: 10px;
  margin-right: 20px;
  font-size: 60px;
  font-weight: 800;
  line-height: 1em;
}

.home-bot-infinity-icon {
  width: 125px;
  padding-right: 20px;
}

.flex-horizontal-tablet-vertical {
  align-items: center;
  display: flex;
}

.margin-right-60-tablet-bottom-20 {
  margin-bottom: 0;
  margin-right: 60px;
}

.icon-numbers {
  width: 28px;
  height: 30px;
  background-color: var(--paragraph-black);
  color: var(--white);
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
  margin-right: 20px;
  font-size: 18px;
  line-height: 1em;
  display: flex;
}

.home-bot-overview-image-mobile {
  display: none;
}

.home-bot-overview-contents {
  width: 43%;
}

.home-bot-overview-image-block {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.home-bot-grid-icons {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-columns: 1fr 1fr 1fr;
}

.icon-style-black {
  color: var(--paragraph-black);
  margin-top: 7px;
  margin-right: 20px;
  font-family: "Fa solid 900", sans-serif;
  font-size: 27px;
  line-height: 34px;
}

.home-bot-integrations-icon-grid {
  width: 50%;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-items: center;
  margin-left: 100px;
  display: grid;
}

.arrow-primary-button-icon {
  padding-right: 24px;
  font-family: "Fa solid 900", sans-serif;
  font-size: 12px;
  line-height: 22px;
}

.home-bot-integrations-content {
  width: 60%;
}

.home-bot-integrations-link {
  width: 102px;
  height: 102px;
  border: 2px dashed var(--violet);
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  transition: all .25s;
  display: flex;
}

.home-bot-integrations-link:hover {
  transform: scale(1.1);
}

.home-bot-integrations-number {
  color: var(--violet);
  font-size: 24px;
  font-weight: 700;
}

.home-bot-text-orange-background {
  background-color: #f87065;
}

.home-bot-text-violet-background {
  background-color: #7d72fa;
}

.rounded-button-header {
  z-index: auto;
  background-color: var(--deep-violet);
  color: var(--white);
  object-fit: none;
  border-radius: 50px;
  flex: none;
  margin: 10px 0 10px 10px;
  padding: 16px 30px;
  font-family: Nunito Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  transition: background-color .25s cubic-bezier(.602, .293, .222, .954);
  display: inline-block;
  position: relative;
}

.rounded-button-header:hover {
  background-color: var(--midnight-blue);
}

.rounded-button-header.w--current {
  width: auto;
}

.heading-1-home-seo {
  color: #0a2533;
  font-size: 56px;
}

.rounded-button {
  z-index: auto;
  background-color: var(--deep-violet);
  color: var(--white);
  object-fit: none;
  border-radius: 50px;
  flex: none;
  padding: 16px 30px;
  font-family: Nunito Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  transition: background-color .25s cubic-bezier(.602, .293, .222, .954);
  display: inline-block;
  position: relative;
}

.rounded-button:hover {
  background-color: var(--midnight-blue);
}

.rounded-button.w--current {
  width: auto;
}

.home-seo-sub-text {
  color: rgba(76, 87, 99, .46);
  font-size: 15px;
  font-weight: 600;
  line-height: 1.3px;
}

.home-seo-companies-logo-grid {
  width: 67%;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  justify-items: center;
  margin-top: 20px;
}

.center-tablet-and-margin-top-20 {
  margin-top: 20px;
}

.heading-2-home-seo {
  color: #0a2533;
  margin-top: 0;
  font-size: 44px;
}

.heading-2-home-seo.fixed-width-plan-section {
  width: 270px;
}

.home-seo-card {
  background-color: var(--white);
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 40px;
  display: flex;
}

.home-seo-cards-grid {
  grid-column-gap: 20px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 40px;
  display: grid;
}

.heading-4-home-seo {
  font-size: 24px;
}

.navbar-shadow {
  z-index: -1;
  width: 100%;
  height: 7.6%;
  position: fixed;
  top: 0;
  box-shadow: 1px 1px 20px rgba(0, 0, 0, .1);
}

.navbar-shadow.home-seo {
  height: 72px;
}

.heading-3-home-seo {
  font-size: 30px;
}

.home-seo-detail-wrapper {
  display: flex;
}

.home-seo-button-with-divider {
  border-bottom: 1.5px solid var(--deep-violet);
  color: var(--deep-violet);
  margin-top: 10px;
  text-decoration: none;
  transition: all .25s;
}

.home-seo-button-with-divider:hover {
  border-bottom-color: var(--violet);
  opacity: .75;
  color: var(--violet);
}

.home-seo-detail-left-block {
  width: 54%;
  min-height: 415px;
  object-fit: fill;
  background-color: #f9962e;
  border-radius: 0;
  margin-right: 50px;
  position: relative;
  overflow: hidden;
}

.home-seo-detail-right-block {
  width: 46%;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.home-seo-detail-first-image {
  max-width: 50%;
  position: absolute;
  top: 4%;
  bottom: auto;
  left: 2%;
  right: auto;
}

.home-seo-details-second-image {
  max-width: 60%;
  position: absolute;
  top: auto;
  bottom: 0;
  left: 15%;
  right: auto;
}

.home-seo-details-third-image {
  max-width: 45%;
  position: absolute;
  top: 14%;
  bottom: auto;
  left: auto;
  right: 5%;
}

.home-seo-detail-right-block-second {
  width: 54%;
  min-height: 415px;
  object-fit: fill;
  background-color: #4cc3d2;
  border-radius: 0;
  position: relative;
  overflow: hidden;
}

.home-seo-detail-left-block-second {
  width: 46%;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-right: 50px;
  display: flex;
}

.home-seo-detail-wrapper-second {
  display: flex;
}

.home-seo-detail-2-first-image {
  max-width: 50%;
  position: absolute;
  top: 4%;
  bottom: auto;
  left: auto;
  right: 20%;
}

.home-seo-details-2-second-image {
  max-width: 55%;
  position: absolute;
  top: auto;
  bottom: 15%;
  left: 0%;
  right: auto;
}

.home-6-details-2-third-image {
  max-width: 55%;
  position: absolute;
  top: auto;
  bottom: 0;
  left: auto;
  right: 5%;
}

.home-seo-your-plan-wrapper {
  display: flex;
}

.home-seo-your-plan-left-block {
  width: 30%;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-right: 50px;
  display: flex;
}

.home-seo-your-plan-right-block {
  width: 70%;
  display: flex;
  position: relative;
}

.home-seo-premium-plan {
  width: 60%;
  background-color: var(--white);
  border-radius: 10px;
  margin-left: -20px;
  box-shadow: 1px 1px 15px rgba(0, 0, 0, .15);
}

.starter-plan-title {
  background-color: #c1c5c9;
  border-radius: 10px 10px 0 0;
  padding-top: 10px;
  padding-bottom: 10px;
}

.home-seo-starter-plan {
  width: 60%;
  background-color: var(--white);
  border-radius: 10px;
  margin-top: 30px;
  margin-bottom: 30px;
  box-shadow: -1px 1px 15px rgba(0, 0, 0, .15);
}

.home-seo-premiun-plan-title {
  background-color: #f9962e;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.heading-4-home-seo-white {
  color: var(--white);
  font-size: 24px;
}

.home-seo-plans-card-inside {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 40px;
  display: flex;
}

.home-seo-plan-month-span {
  color: var(--dark-slate-blue-second-style);
  font-size: 20px;
  font-weight: 400;
}

.home-seo-plans-list-span {
  border-bottom: 1px solid rgba(0, 0, 0, .1);
  padding-bottom: 10px;
  display: block;
}

.home-seo-plans-card-content {
  align-self: stretch;
}

.home-seo-take-care-wrapper {
  margin-top: 40px;
  display: flex;
}

.home-seo-take-care-left-block {
  width: 60%;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-right: 50px;
  display: flex;
}

.home-seo-take-care-right-block {
  width: 40%;
  position: relative;
}

.icon-checkmark-home-seo {
  color: #f9e750;
  margin-top: 10px;
  margin-right: 20px;
  font-family: "Fa solid 900", sans-serif;
  font-size: 22px;
  line-height: 34px;
}

.icon-checkmark-home-seo.green {
  color: #2fab75;
}

.icon-checkmark-home-seo.orange {
  color: #f9972e;
}

.flex-vertical {
  flex-direction: column;
  display: flex;
}

.heading-2-home-seo-white {
  color: var(--white);
  margin-top: 0;
  font-size: 44px;
}

.rounded-button-inverted {
  z-index: auto;
  background-color: var(--deep-violet);
  color: var(--white);
  object-fit: none;
  border-radius: 50px;
  flex: none;
  padding: 16px 30px;
  font-family: Nunito Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  transition: background-color .25s cubic-bezier(.602, .293, .222, .954);
  display: inline-block;
  position: relative;
}

.rounded-button-inverted:hover {
  background-color: var(--midnight-blue);
}

.rounded-button-inverted.w--current {
  width: auto;
}

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

.flex-vertical-align-center.home-6-paddings {
  padding-left: 140px;
  padding-right: 140px;
}

.icon-home-5-style {
  margin-top: 7px;
  margin-right: 20px;
}

.home-5-software-button {
  margin-top: 40px;
  margin-left: 40px;
}

.heading-2-home-minimal {
  color: #333;
  margin-top: 0;
  font-size: 30px;
}

.heading-1-home-minimal {
  color: #333;
  font-size: 53px;
  line-height: 1.3em;
}

.home-minimal-banner-image {
  background-image: url('../images/Dots-in-rectangle-2-Background.png');
  background-position: 100% 20%;
  background-repeat: no-repeat;
  background-size: 94%;
}

.heading-5-home-minimal {
  font-size: 16px;
}

.paragraph-home-minimal {
  color: #757575;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 1.7em;
}

.paragraph-large-home-minimal {
  color: #757575;
  font-size: 20px;
  line-height: 1.7em;
}

.paragraph-large-home-minimal.software-section-style, .paragraph-large-home-minimal.slider-style {
  text-align: center;
  padding-left: 220px;
  padding-right: 220px;
}

.home-minimal-software-left-block {
  width: 60%;
  min-height: 415px;
  background-image: url('../images/Dots-in-rectangle-2-Background.png');
  background-position: 0 40%;
  background-repeat: no-repeat;
  background-size: 80%;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  margin-right: 50px;
  display: flex;
  position: relative;
}

.home-minimal-software-right-block {
  width: 40%;
  position: relative;
}

.home-minimal-software-wrapper {
  margin-top: 40px;
  display: flex;
}

.home-minimal-software-first-image {
  width: 45%;
  position: absolute;
  left: 0;
}

.home-minimal-software-second-image {
  width: 45%;
  position: absolute;
  top: 100px;
  right: 210px;
}

.home-minimal-software-third-image {
  width: 45%;
  position: absolute;
  bottom: 0;
  right: 70px;
}

.margin-bottom-15 {
  margin-bottom: 15px;
}

.home-minimal-counter {
  font-size: 60px;
}

.home-minimal-counter-grid {
  grid-column-gap: 30px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 30px;
  display: grid;
}

.home-minimal-counter-image {
  width: 70%;
  position: absolute;
  top: 20px;
  right: 0;
}

.home-minimal-software-image-block {
  width: 65%;
  min-height: 240px;
  background-image: url('../images/home-5-dots-bg.png');
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 65%;
  margin-left: 100px;
  position: relative;
}

.home-minimal-amazing-software-image {
  width: 49%;
  background-image: url('../images/Dots-in-rectangle-2-Background.png');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: contain;
  margin-right: 60px;
}

.home-minimal-amazing-software-block {
  width: 51%;
}

.home-minimal-section-amazing-software {
  align-items: center;
  display: flex;
}

.home-minimal-cards-grid {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 40px;
  display: grid;
}

.home-minimal-card {
  background-color: var(--white);
  border: 1px solid rgba(0, 0, 0, .15);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 40px;
  display: flex;
}

.home-minimal-card-illustration {
  margin-bottom: 20px;
  padding-left: 60px;
  padding-right: 60px;
}

.heading-3-home-minimal {
  margin-bottom: 20px;
  font-size: 21px;
}

.heading-3-home-minimal.slider-style {
  justify-content: center;
  margin-top: 25px;
  margin-bottom: 25px;
  display: flex;
}

.home-minimal-grid-process {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin-top: 40px;
}

.home-minimal-process {
  color: var(--deep-violet);
  margin-right: 60px;
  font-size: 40px;
}

.home-5-process-divider {
  width: 100%;
  height: 1px;
  background-color: rgba(36, 34, 48, .3);
  margin-top: 10px;
}

.slide-nav-phantom {
  opacity: 0;
}

.home-minimal-slider-arrow {
  color: var(--dark-slate-blue-second-style);
  font-family: "Fa solid 900", sans-serif;
  font-size: 20px;
  transition: all .25s;
}

.home-minimal-slider-arrow:hover {
  color: var(--white);
}

.home-minimal-slider-arrow-left, .home-minimal-slider-arrow-right {
  background-color: #f4f4f4;
  justify-content: center;
  align-items: center;
  display: flex;
}

.home-minimal-slider {
  height: 100%;
  background-color: #f4f4f4;
  border: 1px solid rgba(0, 0, 0, .15);
  margin-top: 40px;
  padding-top: 40px;
  padding-bottom: 40px;
}

.home-minimal-slider-persone-position {
  color: #a3a0a3;
  margin-left: 10px;
  font-size: 14px;
  font-weight: 400;
}

.home-minimal-slider-stars {
  color: var(--deep-violet);
  padding-left: 1px;
  padding-right: 1px;
  font-family: "Fa solid 900", sans-serif;
  font-size: 20px;
  line-height: 1.3em;
}

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

.home-minimal-slider-main-photo {
  width: 120px;
  margin-left: 30px;
  margin-right: 30px;
}

.home-minimal-slider-additional-photo {
  width: 80px;
  opacity: .6;
}

.home-minimal-last-block {
  text-align: center;
  padding-left: 220px;
  padding-right: 220px;
  font-size: 40px;
}

.home-minimal-improve-business-buttons {
  justify-content: center;
  align-items: center;
  margin-top: 40px;
  display: flex;
}

.home-minimal-tool-section-button {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
  display: flex;
}

.home-minimal-grid-icons {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-columns: 1fr 1fr 1fr;
}

.first-of-two-buttons-margin {
  margin-right: 20px;
}

.home-alternative-white-background-element {
  width: 100%;
  height: 240px;
  position: absolute;
  bottom: 0;
}

.home-alternative-background-element {
  z-index: -1;
  width: 100%;
  height: 240px;
  position: absolute;
  bottom: 0;
  left: 0;
}

.home-alternative-testimonial-background-illustration {
  width: auto;
  height: 180px;
  position: absolute;
  bottom: 0;
  left: 10%;
}

.home-alternative-logos-background-illustration {
  width: auto;
  height: 130px;
  position: absolute;
  bottom: 0;
  right: 10%;
}

.about-company-heading-style {
  margin-bottom: 20px;
  padding-right: 50px;
}

.portfolio-grid-heading {
  color: var(--white);
  text-align: center;
  margin-bottom: 20px;
  font-size: 48px;
}

.grid-portfolio-paragraph {
  color: var(--white);
  text-align: center;
  padding-left: 250px;
  padding-right: 250px;
  font-size: 20px;
  font-weight: 300;
  line-height: 1.4em;
}

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

.portfolio-grid-item {
  width: 100%;
  transition: all .25s;
  position: relative;
  overflow: hidden;
}

.portfolio-grid-item:hover {
  overflow: visible;
  box-shadow: 1px 1px 20px rgba(221, 212, 245, .6);
}

.portfolio-grid-tumbnail {
  width: 100%;
  height: 400px;
  object-fit: cover;
}

.portfolio-grid-animated-block {
  width: 100%;
  background-color: var(--white);
  padding: 40px;
  position: absolute;
  bottom: 0;
}

.portfolio-grid-categories {
  color: var(--dark-slate-blue-second-style);
  font-size: 16px;
  font-weight: 300;
}

.white-text-align-center {
  color: var(--white);
  text-align: center;
}

.contact-us-second-top-section-padding {
  padding-top: 20px;
  padding-left: 120px;
  padding-right: 120px;
}

.contact-us-grid-second {
  grid-column-gap: 40px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-auto-flow: column;
  align-items: stretch;
  justify-items: stretch;
  display: grid;
}

.contact-us-location {
  flex-direction: row;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 20px;
  display: flex;
}

.contact-us-phone {
  flex-direction: row;
  align-items: center;
  margin-bottom: 20px;
  text-decoration: none;
  display: flex;
}

.contact-us-email {
  flex-direction: row;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.footer-copyright-text {
  color: var(--white);
  text-align: left;
  margin-top: 40px;
  font-size: 16px;
  font-weight: 300;
}

.footer-copyright-text.dark {
  color: var(--paragraph-black);
}

.link-footer-copyright {
  color: var(--pale-turquoise);
  font-size: 16px;
  transition: opacity .25s;
}

.link-footer-copyright:hover {
  opacity: .7;
}

.link-footer-copyright.dark {
  color: #4b12da;
  font-weight: 400;
}

.footer-copyright-block {
  justify-content: space-between;
  display: flex;
}

.portfolio-grid-animated-block-tablet-and-mobile {
  width: 100%;
  background-color: var(--white);
  padding: 40px;
  display: none;
  position: absolute;
  bottom: 0;
}

.footer-dark {
  background-color: var(--white);
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  padding-top: 80px;
  padding-bottom: 100px;
  display: block;
  position: relative;
}

.home-2-demo-block {
  background-color: #f7f7f8;
  padding: 80px 220px;
}

.arrow-button-icon-inverted {
  text-align: left;
  padding-bottom: 4px;
  padding-right: 10px;
  font-family: "Fa solid 900", sans-serif;
  font-size: 12px;
  line-height: 22px;
}

.portfolio-details-projects-tablet-and-mobile {
  width: 100%;
  min-height: 350px;
  object-fit: cover;
  flex-direction: column;
  justify-content: flex-end;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
  transition: all .3s;
  display: none;
  box-shadow: inset 0 -200px 80px -60px rgba(0, 0, 0, .6);
}

.recent-projects-title-tablet-and-mobile {
  color: var(--white);
}

.portfolio-details-recent-projects-links {
  display: block;
}

.portfolio-details-recent-projects-links.w--current {
  width: auto;
}

.style-guide-section-title-top-banner {
  text-transform: capitalize;
  margin-bottom: 0;
  padding-bottom: 0;
}

.licensing-title {
  color: var(--white);
  text-align: center;
  margin-top: 20px;
  margin-bottom: 0;
}

.licensing-resource-block {
  width: 100%;
  opacity: 1;
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  border-top: 1px solid rgba(36, 34, 48, .3);
  justify-content: space-between;
  margin-top: 50px;
  margin-bottom: 40px;
  padding-top: 40px;
  display: flex;
}

.resource-name {
  justify-content: flex-start;
  margin-top: 0;
  margin-bottom: 10px;
  display: flex;
}

.link-licensing-page {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  transition: opacity .3s;
  display: flex;
}

.link-licensing-page:hover {
  opacity: .8;
}

.link-licensing-page.second {
  margin-left: 40px;
}

.licensing-images-wrapper {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.licensing-images-wrapper._3-column-grid {
  grid-template-columns: 1fr 1fr 1fr;
}

.licensing-image {
  width: 100%;
  max-height: 360px;
  object-fit: cover;
}

.licensing-image.fixed-size {
  height: 360px;
}

.flex-horizontal-licensing {
  grid-column-gap: 40px;
  grid-row-gap: 10px;
  align-items: center;
  display: flex;
}

.licensing-section-title {
  margin-top: 0;
}

.licensing-font-one {
  font-family: Noto Sans, sans-serif;
}

.licensing-font-two {
  font-family: Nunito Sans, sans-serif;
}

.licensing-sub-title {
  color: rgba(36, 34, 48, .4);
  text-transform: uppercase;
}

.licensing-page-icons {
  flex-direction: row;
  align-items: flex-start;
  margin-top: 20px;
  margin-bottom: 20px;
  display: flex;
}

.licensing-font-one-title {
  color: rgba(36, 34, 48, .4);
  text-transform: uppercase;
  font-family: Noto Sans, sans-serif;
}

.licensing-font-two-title {
  color: rgba(36, 34, 48, .4);
  text-transform: uppercase;
  font-family: Nunito Sans, sans-serif;
}

.style-guide-social-link-block {
  flex-direction: row;
  align-items: flex-start;
  margin-top: 20px;
  margin-bottom: 0;
  display: flex;
}

.icon-platform-licensing {
  color: #4b12b4;
  margin-right: 20px;
  font-family: "Fa brands 400", sans-serif;
  font-size: 26px;
  transition: all .25s;
}

.icon-platform-licensing:hover {
  opacity: .67;
  filter: blur(.1px);
  transform: scale(1.2);
}

.style-guide-page-icons {
  flex-direction: row;
  align-items: flex-start;
  margin-top: 20px;
  margin-bottom: 20px;
  display: flex;
}

.margin-top-and-bottom-0 {
  margin-top: 0;
  margin-bottom: 0;
}

.landing-testimonial-image-main {
  width: 328px;
  height: 336px;
  min-width: 328px;
  object-fit: cover;
  border-radius: 40px;
}

.landing-testimonial-image-main.second {
  height: 400px;
  min-width: 380px;
}

.landing-image-block {
  padding-left: 100px;
  position: relative;
}

.landing-image-block.second {
  background-image: none;
  margin-left: 80px;
  padding-bottom: 150px;
  padding-left: 0;
  padding-right: 60px;
  position: relative;
}

.landing-testimonial-block {
  margin-bottom: 15px;
  margin-left: 100px;
}

.landing-demos-block {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 40px;
  display: grid;
}

.landing-demos-block.pages {
  grid-template-columns: 1fr 1fr 1fr;
}

.landing-demo-image {
  width: 100%;
  height: 560px;
  object-fit: cover;
  transition: all .35s;
}

.landing-demo-image:hover {
  transform: scale(.98);
  box-shadow: 1px 1px 20px rgba(93, 33, 210, .15);
}

.landing-demo-image.pages {
  width: 100%;
  height: 360px;
}

.landing-top-section-style {
  justify-content: center;
  margin-top: 40px;
}

.landing-inside-grid {
  grid-column-gap: 30px;
  grid-row-gap: 20px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 40px;
  display: grid;
}

.landing-icon {
  color: var(--deep-violet);
  margin-top: 10px;
  margin-right: 20px;
  padding-left: 1px;
  font-family: "Fa solid 900", sans-serif;
  font-size: 30px;
  line-height: 1em;
}

.text-gray {
  color: var(--dark-slate-blue-second-style);
}

.landing-testimonial-image-bg {
  z-index: -1;
  width: 350px;
  position: absolute;
  bottom: 60px;
  left: 0;
}

.landing-testimonial-image-bg.second {
  bottom: 0;
  left: auto;
  right: 0;
}

.flex-horizontal-tablet-vertical-center {
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-bottom-banner-landing-style {
  color: var(--white);
  text-align: center;
  margin-bottom: 30px;
  padding-left: 250px;
  padding-right: 250px;
}

.landing-top-section-content {
  z-index: 1;
  width: 45%;
  position: relative;
}

.landing-top-section-illustrations {
  background-image: url('../images/Landing-dots.png');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: 85%;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  overflow: hidden;
}

.landing-screen-desktop {
  width: 300px;
  height: 220px;
  border: 6px solid var(--white);
  object-fit: cover;
  border-radius: 20px;
  margin-bottom: 0;
  transition: all .7s;
  box-shadow: 1px 1px 20px rgba(0, 0, 0, .15);
}

.landing-screen-desktop:hover {
  transform: scale(1.1);
  box-shadow: 1px 1px 20px rgba(0, 0, 0, .15);
}

.landing-rotation {
  transform: rotate(-30deg);
}

.landing-screen-mobile {
  width: 90px;
  height: 170px;
  border: 6px solid var(--white);
  object-fit: cover;
  border-radius: 20px;
  margin-bottom: 0;
  transition: all .7s;
  box-shadow: 1px 1px 20px rgba(0, 0, 0, .15);
}

.landing-screen-mobile:hover {
  transform: scale(1.1);
  box-shadow: 1px 1px 20px rgba(0, 0, 0, .15);
}

.landing-screen-mobile-horizontal {
  width: 170px;
  height: 90px;
  border: 6px solid var(--white);
  object-fit: cover;
  border-radius: 20px;
  margin-bottom: 0;
  transition: all .7s;
  box-shadow: 1px 1px 20px rgba(0, 0, 0, .15);
}

.landing-screen-mobile-horizontal:hover {
  transform: scale(1.1);
  box-shadow: 1px 1px 20px rgba(0, 0, 0, .15);
}

.landing-top-section-images-block {
  flex-direction: column;
  margin: -40px -270px 100px 100px;
  display: flex;
  transform: scale(.75);
}

.landing-first-image-row {
  grid-column-gap: 60px;
  grid-row-gap: 0px;
  align-items: flex-end;
  display: flex;
}

.landing-second-image-row {
  grid-column-gap: 60px;
  grid-row-gap: 0px;
  align-items: flex-end;
  margin-top: 80px;
  padding-left: 100px;
  display: flex;
}

.landing-third-image-row {
  grid-column-gap: 60px;
  grid-row-gap: 0px;
  align-items: flex-start;
  margin-top: 80px;
  margin-left: 310px;
  display: flex;
}

.landing-screen-tablet {
  width: 180px;
  height: 220px;
  border: 6px solid var(--white);
  object-fit: cover;
  border-radius: 20px;
  margin-bottom: 0;
  transition: all .7s;
  box-shadow: 1px 1px 20px rgba(0, 0, 0, .15);
}

.landing-screen-tablet:hover {
  transform: scale(1.1);
  box-shadow: 1px 1px 20px rgba(0, 0, 0, .15);
}

.landing-title-link {
  text-align: center;
  margin-top: 20px;
  transition: all .25s;
}

.landing-title-link:hover {
  color: var(--violet);
}

.landing-testimonial-block-cards {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  align-content: end;
  justify-content: center;
  align-items: stretch;
  justify-items: stretch;
}

.landing-testimonial-block-card {
  background-color: var(--dust-rose-white);
  border-radius: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 20px 20px 28px;
  transition: all .3s;
  display: flex;
  box-shadow: 0 0 6px rgba(0, 0, 0, .04);
}

.landing-testimonial-block-card:hover {
  background-color: var(--light-lavender);
  box-shadow: none;
}

.landing-testimonial-block-card.ghost-white-background {
  background-color: var(--ghost-white);
  box-shadow: none;
}

.landing-testimonial-block-card.ghost-white-background:hover {
  background-color: var(--light-lavender);
}

.landing-testimonial-block-card.lavender-blush-background {
  background-color: var(--lavender-blush);
}

.landing-testimonial-block-card.lavender-blush-background:hover {
  background-color: var(--light-lavender);
}

.landing-counter {
  color: var(--deep-violet);
  margin-top: 0;
  margin-bottom: 10px;
}

.landing-second-block {
  grid-column-gap: 30px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.landing-second-block-card {
  background-color: #5d21d2;
  border-radius: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 35px 30px;
  transition: all .3s;
  display: flex;
  box-shadow: 0 0 6px rgba(0, 0, 0, .04);
}

.landing-second-block-card:hover {
  box-shadow: none;
  background-color: #5420bb;
}

.landing-second-block-card.second {
  background-color: #6f86ff;
}

.landing-second-block-card.second:hover {
  background-color: #586fe7;
}

.landing-second-block-card.third {
  background-color: #c57dfe;
}

.landing-second-block-card.third:hover {
  background-color: #b46dec;
}

.landing-second-block-title {
  color: var(--white);
  margin-top: 0;
  margin-bottom: 20px;
}

.landing-second-block-paragraph {
  color: var(--white);
  margin-bottom: 0;
  font-weight: 300;
}

.landing-loop-animation-wrapper {
  width: 100vw;
  overflow: hidden;
}

.landing-loop-animation-items {
  width: 100%;
  height: 100%;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.landing-loop-animation-link {
  width: 340px;
  border: 2px solid #2e7ef3;
  border-radius: 20px;
  flex: none;
  justify-content: center;
  align-items: center;
  margin-right: 40px;
  padding: 15px 20px;
  display: flex;
}

.landing-loop-animation-link.sky {
  border-color: #87e3ff;
}

.landing-loop-animation-link.orange {
  border-color: #f55a15;
}

.landing-loop-animation-link.green {
  border-color: #3caf7a;
}

.landing-loop-animation-link.gray {
  border-color: #5e7087;
}

.landing-loop-animation-link.yellow {
  border-color: #f9c109;
}

.landing-loop-animation-link-text {
  color: #2e7ef3;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 700;
}

.landing-loop-animation-link-text.sky {
  color: #87e3ff;
}

.landing-loop-animation-link-text.orange {
  color: #f55a15;
}

.landing-loop-animation-link-text.green {
  color: #3caf7a;
}

.landing-loop-animation-link-text.gray {
  color: #5e7087;
}

.landing-loop-animation-link-text.yellow {
  color: #f9c109;
}

.landing-loop-animation-items-inside {
  display: flex;
}

.buy-now-fixed {
  z-index: 1000;
  background-color: var(--white);
  color: var(--heading-black);
  border: 1px solid #e4e4e4;
  border-radius: 4px;
  align-items: center;
  padding: 6px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 14px;
  display: flex;
  position: fixed;
  top: auto;
  bottom: 12px;
  left: auto;
  right: 12px;
  box-shadow: 0 0 3px rgba(0, 0, 0, .1);
}

.buy-now-webflow-icon {
  margin-right: 8px;
}

.view-our-templates {
  z-index: 1000;
  width: 141px;
  background-color: var(--white);
  color: var(--heading-black);
  border: 1px solid #e4e4e4;
  border-radius: 4px;
  align-items: center;
  padding: 6px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 14px;
  display: flex;
  position: fixed;
  top: auto;
  bottom: 48px;
  left: auto;
  right: 12px;
  box-shadow: 0 0 3px rgba(0, 0, 0, .1);
}

.hire-popup {
  z-index: 1000;
  width: 100%;
  max-width: 297px;
  color: #fff;
  background-color: #1c276d;
  border-radius: 4px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 1.2em;
  position: fixed;
  top: auto;
  bottom: 5px;
  left: 5px;
  right: auto;
}

.hire-popup-wrap {
  grid-row-gap: 10px;
  flex-direction: column;
  padding: 15px;
  display: flex;
  position: relative;
}

.hire-paragraph {
  max-width: 93%;
  font-size: 12px;
}

.hire-link-2 {
  color: #fff;
  letter-spacing: 0;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.2em;
  text-decoration: underline;
}

.hire-buttons-wrap-2 {
  grid-column-gap: 20px;
  display: flex;
}

.hire-buttons-2 {
  color: #fff;
  text-align: center;
  letter-spacing: 0;
  border: 1px solid #fff;
  border-radius: 4px;
  padding: 5px 15px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.2em;
}

.hire-popup-close {
  cursor: pointer;
  padding: 10px 20px;
  position: absolute;
  top: -7px;
  right: -14px;
}

.close-popup-image {
  width: 12px;
  height: 12px;
}

.container-2 {
  max-width: 1200px;
}

.image-2 {
  max-width: 150%;
}

.paragraph-2, .paragraph-3, .paragraph-4, .paragraph-5 {
  font-size: 16px;
}

@media screen and (min-width: 1280px) {
  .dropdown-toggle.dark-bigger-style {
    margin-left: 10px;
    margin-right: 20px;
  }

  .nav-arrow-icon.hide {
    display: none;
  }

  .toggle-text.bigger-style {
    font-size: 22px;
    line-height: 1.2em;
  }

  .container.list-metro {
    max-width: 90%;
  }

  .top-section-block.locations-padding {
    min-width: auto;
    padding-right: 50px;
  }

  .capabilities-block-images.alternative-home-background {
    background-color: var(--dust-rose-white);
  }

  .section.bottom-section-background {
    background-position: 10% 6%, 0 0;
  }

  .section.core-team-background {
    background-position: 10% 10%, 90% 26%, 0 0;
  }

  .section.product-team-background-and-padding {
    background-position: 0 100%, 90% 60%, 10% 10%, 100%;
  }

  .section.strategy-background {
    background-position: 100% 0, 90% 90%, 0 0;
  }

  .section.services-and-solutions-background {
    background-position: 10% 10%, 0%;
  }

  .section.resources-background-and-padding {
    background-position: 90% 10%, 0 100%;
  }

  .section.case-studies-background {
    background-position: 90% 18%, 0 0;
  }

  .section.get-in-touch-background {
    background-position: 0 10%, 88% 14%;
    background-size: 140px, 280px;
  }

  .section.contact-us-resources-background-and-padding {
    background-position: 90% 10%, 0%;
  }

  .section.top-section-background-locations {
    height: 100vh;
  }

  .section.bottom-section-locations-background {
    background-position: 10% 6%, 4% 10%, 0 0;
  }

  .section.privacy-and-policy-background {
    background-position: 10% 10px, 100% 0, 0 0;
  }

  .section.bottom-section-privacy-and-policy-background {
    background-position: 10% 6%;
  }

  .section.terms-background {
    background-position: 90% 2%, 0 0, 0 0;
  }

  .section.top-section-background-home {
    height: 100vh;
    padding-top: 220px;
  }

  .section.portfolio-list-metro-banner {
    background-image: linear-gradient(rgba(255, 255, 255, .5), rgba(255, 255, 255, .5)), url('../images/Wavy-Stripes-Gray.png');
    background-position: 0 0, 60vw 20%;
  }

  .section.faq-page-resources-section-bg-and-padding {
    background-position: 90% 10%, 0 100%;
  }

  .section.home-bot-overview-background {
    background-size: auto 70vh;
  }

  .section.bottom-section-background-top-padding-0 {
    background-position: 10% 6%, 0 0;
  }

  .style-guide-buttons-content-item {
    margin-right: 60px;
  }

  .locations-top-section-grid {
    grid-template-columns: .6fr 1fr;
    align-items: start;
  }

  .special-text-start-free-trial {
    text-align: center;
    font-size: 48px;
  }

  .nav-menu-link.dark-bigger-style {
    margin-left: 10px;
    margin-right: 10px;
  }

  .container-2 {
    max-width: 1200px;
  }
}

@media screen and (min-width: 1440px) {
  .top-section-block.home-seo {
    margin-top: 10px;
  }

  .top-section-grid.home-seo {
    align-items: stretch;
  }

  .section.top-section-background-alternative-home {
    position: relative;
  }

  .section.portfolio-mosaic-banner {
    background-position: 22%, 0 0;
  }

  .section.home-bot-top-section-background {
    height: 100vh;
  }

  .section.home-bot-overview-background {
    background-size: auto 65vh;
  }

  .section.home-seo-top-section {
    height: 100vh;
    padding-top: 150px;
  }

  .section.landing-background {
    min-height: 100vh;
  }

  .home-marketing-illustration-position {
    margin-left: -75px;
    margin-right: -10px;
  }

  .landing-top-section-style {
    margin-top: 100px;
  }

  .landing-top-section-images-block {
    margin-top: 0;
    margin-right: -255px;
    transform: scale(.94);
  }

  .container-2 {
    max-width: 1200px;
  }
}

@media screen and (min-width: 1920px) {
  .section.home-bot-overview-background {
    background-size: auto 45vh;
  }

  .container-2 {
    max-width: 1200px;
  }
}

@media screen and (max-width: 991px) {
  h1 {
    font-size: 60px;
  }

  .brand {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .purchase-now-button {
    display: none;
  }

  .footer-container {
    flex-wrap: nowrap;
    align-content: space-around;
    justify-content: flex-start;
    overflow: visible;
  }

  .nav-menu {
    opacity: 1;
    color: #000;
    -webkit-text-fill-color: inherit;
    background-color: #fff;
    background-clip: border-box;
    border-bottom: 1px solid rgba(103, 119, 136, .5);
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .navbar {
    padding-left: 0;
    padding-right: 0;
  }

  .navbar-block {
    padding-left: 15px;
    padding-right: 15px;
  }

  .menu-item-toggle {
    width: 100%;
    color: #425466;
    flex-direction: column;
    display: flex;
    position: relative;
    left: 0;
    right: 0;
  }

  .dropdown-toggle {
    width: 100%;
    color: #425466;
    flex-direction: row;
    padding-top: 15px;
    padding-bottom: 15px;
  }

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

  .dropdown-toggle.w--open {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .nav-arrow-icon {
    margin-left: 0;
  }

  .nav-arrow-icon.hide {
    display: block;
  }

  .dropdown-list {
    width: 100%;
    position: relative;
    left: auto;
    right: auto;
  }

  .dropdown-list.w--open {
    width: 100%;
    border-left-style: none;
    border-right-style: none;
    border-radius: 0;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    position: static;
    top: 60px;
    left: 0%;
    right: 0;
  }

  .menu-button {
    color: #fff;
    -webkit-text-fill-color: inherit;
    object-fit: fill;
    background-color: rgba(0, 0, 0, 0);
    background-clip: border-box;
    border-radius: 0;
    flex: 0 auto;
    padding: 12px;
    display: block;
    overflow: visible;
    transform: rotate(0);
  }

  .menu-button.w--open {
    background-color: rgba(0, 0, 0, 0);
  }

  .form {
    max-width: none;
    min-width: auto;
    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;
  }

  .dropdown-link-second-version {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .dropdown-link-second-version.w--current {
    width: auto;
  }

  .text-field-footer {
    max-width: 100%;
    min-width: 100%;
    margin-top: 20px;
    display: block;
    position: relative;
  }

  .submit-button {
    max-width: 100%;
    min-width: 100%;
  }

  .footer-column-title {
    margin-bottom: 10px;
  }

  .footer-grid {
    grid-column-gap: 56px;
    grid-row-gap: 20px;
    object-fit: fill;
    flex-direction: row;
    flex: 0 auto;
    order: 0;
    grid-template: "."
                   "."
                   / 2fr 1fr 1fr 1fr;
    grid-auto-rows: 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    align-content: stretch;
    justify-content: stretch;
    align-self: auto;
    align-items: stretch;
    justify-items: stretch;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    display: grid;
    position: static;
    overflow: visible;
  }

  .div-block {
    display: block;
  }

  .container {
    max-width: 1024px;
    justify-content: center;
    align-items: center;
    padding-left: 15px;
    padding-right: 15px;
  }

  .container.get-in-touch {
    align-items: stretch;
  }

  .container.shop-con {
    flex-direction: column;
  }

  .container.changelog {
    align-items: flex-start;
  }

  .container.home-7-demo-padding {
    padding-left: 60px;
    padding-right: 60px;
  }

  .primary-button {
    display: block;
  }

  .primary-button.second-style-navbar, .primary-button.home-minimal-navbar {
    display: none;
  }

  .top-section-image {
    width: 75%;
    margin-bottom: 40px;
  }

  .top-section-block {
    max-width: 100%;
    min-height: 100px;
  }

  .top-section-block.homepage {
    max-width: none;
  }

  .top-section-block.about-us {
    min-height: auto;
  }

  .top-section-block.locations-padding {
    min-width: auto;
    margin-top: 0;
    padding-right: 0;
  }

  .top-section-block.faq {
    min-height: auto;
  }

  .top-section-block.home-seo {
    margin-bottom: 0;
  }

  .top-section-block.home-minimal {
    margin-top: -40px;
  }

  .top-section-image-block, .top-section-image-block.home-seo, .top-section-image-block.home-minimal {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .top-section-grid {
    flex-direction: column-reverse;
    grid-template-rows: auto auto;
    grid-template-columns: 1.25fr;
    grid-auto-flow: column;
    align-items: stretch;
    display: flex;
  }

  .top-section-grid.home-seo {
    flex-flow: column-reverse wrap-reverse;
    grid-template-columns: 1fr;
    align-items: center;
    display: flex;
  }

  .light-button {
    display: block;
  }

  .top-section-buttons-block {
    justify-content: center;
    display: flex;
  }

  .top-section-buttons-block.second-style {
    align-items: center;
  }

  .top-section-icons-block {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .capabilities-block-images, .capabilities-block-images.alternative-home-background {
    width: 100%;
    min-width: 300px;
  }

  .capabilities-container-grid {
    width: 100%;
    max-width: 1024px;
  }

  .divider.landing {
    margin-right: 0;
  }

  .capabilities-image-left {
    width: 80%;
    top: 25px;
    left: 0;
  }

  .capabilities-image-right {
    width: 80%;
    bottom: 25px;
    right: 0;
  }

  .capabilities-block {
    width: 400px;
    max-width: none;
    min-height: 46%;
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }

  .basic-features-first-card {
    max-width: 100%;
    min-width: 100%;
    background-position: 0 20%;
    align-items: center;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
    padding: 30px;
  }

  .basic-features-card-middle {
    max-width: 100%;
    min-width: 100%;
    background-position: 0 10%;
    margin: 0;
    padding: 30px;
  }

  .basic-features-image, .more-features-icon {
    max-width: 70%;
  }

  .basic-feature-cards {
    max-width: 100%;
    min-width: 100%;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    display: grid;
  }

  .capabilities-block-elements {
    max-width: 100%;
    min-width: 100%;
  }

  .basic-features-main-block {
    max-width: 100%;
    min-width: 100%;
    align-items: center;
  }

  .image-block, .image-block.basic-features {
    padding-left: 0;
    padding-right: 0;
  }

  .form-block {
    flex-direction: column;
    display: flex;
  }

  .additional-features-grid {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: row;
  }

  .additional-features-block-images {
    width: 100%;
    max-height: 450px;
    min-height: 450px;
    min-width: 300px;
    flex-direction: column;
    display: block;
  }

  .basic-features-top-block {
    padding-left: 0;
    padding-right: 0;
  }

  .additional-features-image-right {
    width: 80%;
    bottom: 20px;
  }

  .additional-features-image-left {
    width: 95%;
  }

  .testemonials-grid {
    grid-row-gap: 0px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    justify-items: center;
    padding: 10px 20px;
  }

  .testemonial-block {
    height: auto;
    max-width: 100%;
    min-width: 100%;
    background-image: url('../images/Background-Illustration-02.png'), url('../images/Background-Illustration-01.png');
    background-position: 10% 26%, 90% 10%;
    background-repeat: no-repeat, no-repeat;
    background-size: 80px, 100px;
    background-attachment: scroll, scroll;
    flex-direction: column;
    padding-top: 10px;
    padding-bottom: 10px;
    display: block;
  }

  .testimonial-image {
    height: 184px;
    padding-top: 20px;
    padding-bottom: 0;
  }

  .testimonial-image-block {
    align-items: flex-start;
  }

  .pricing-plans-main-block {
    max-width: 100%;
    min-width: 100%;
    align-items: center;
  }

  .pricing-plans-top-block {
    padding-left: 0;
    padding-right: 0;
  }

  .pricing-plans-cards {
    max-width: 100%;
    min-width: 100%;
    grid-row-gap: 20px;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    justify-content: center;
    align-items: center;
  }

  .pricing-plans-card {
    max-width: 100%;
    min-width: 100%;
    background-image: none;
    align-items: flex-start;
  }

  .pricing-get-started-button {
    display: flex;
  }

  .clients-logo.second-style {
    max-width: 20%;
  }

  .clients-block {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .more-features-main-block {
    max-width: 100%;
    min-width: 100%;
    align-items: center;
  }

  .more-features-top-block {
    padding-left: 0;
    padding-right: 0;
  }

  .more-feature-cards {
    max-width: 100%;
    min-width: 100%;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    justify-content: center;
    align-items: center;
  }

  .more-features-third-card, .more-features-second-card, .more-features-fourth-card {
    max-width: 100%;
    min-width: 100%;
    background-image: none;
    margin-top: 0;
    margin-bottom: 0;
  }

  .dark-button.bottom-section {
    display: block;
  }

  .start-free-trial-block {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding-left: 100px;
    padding-right: 100px;
  }

  .footer-illustration {
    display: none;
  }

  .more-features-first-card {
    max-width: 100%;
    min-width: 100%;
    background-image: none;
    margin-top: 0;
    margin-bottom: 0;
  }

  .basic-features-third-card {
    max-width: 100%;
    min-width: 100%;
    background-position: 0 20%;
    align-items: center;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding: 30px;
  }

  .basic-features-third-card:hover {
    background-position: 50% 0;
  }

  .style-guide-spacing-number.mobile-space {
    top: 10px;
  }

  .style-guide-spacing-number.middle-mobile {
    top: 30%;
  }

  .style-guide-spacing-number.bottom-mobile {
    bottom: 0;
  }

  .style-guide-spacing {
    grid-column-gap: 20px;
    grid-row-gap: 40px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .style-guide-spacing-image-container.last-item {
    height: auto;
  }

  .style-guide-grid-system {
    width: 100%;
    padding-right: 0;
  }

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

  .section.capabilities-background {
    background-image: url('../images/Background-Image-Small-Circle-Top-Left.png');
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
  }

  .section.basic-features-background {
    background-image: url('../images/Background-Image-Transperent-Small-Circle-Left.png');
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
  }

  .section.pricing-plans-background {
    background-image: url('../images/BG-Violet-With-Dots.png');
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
  }

  .section.bottom-section-background {
    background-image: url('../images/Background-Illustration-03.png'), url('../images/Background-Image-Transperent-Small-Circle-Right.png');
    background-position: 2% 6%, 0 0;
    background-repeat: no-repeat, repeat;
    background-size: 100px, auto;
  }

  .section.top-section-background-alternative-home {
    padding-top: 100px;
  }

  .section.testimonial-background-alternative-home {
    padding-bottom: 200px;
  }

  .section.pricing-plans-background-alternative-home {
    background-image: url('../images/Background-Image-Violett.jpeg');
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
  }

  .section.clients-background-alternative-home {
    padding-bottom: 250px;
  }

  .section.bottom-section-alternative-home-paddings-and-background {
    padding-bottom: 200px;
  }

  .section.services-and-solutions-background {
    background-image: url('../images/BG-Violet-With-Dots.png');
    background-position: 0%;
    background-repeat: repeat;
    background-size: cover;
  }

  .section.resources-background-and-padding {
    background-image: url('../images/Background-Image-Transperent-Big-Circle-Left.png');
    background-position: 0 100%;
    background-repeat: repeat;
    background-size: auto;
  }

  .section.contact-us-resources-background-and-padding {
    background-image: url('../images/Background-Image-Transperent-Big-Circle-Left.png');
    background-position: 0 100%;
    background-repeat: repeat;
    background-size: auto;
    margin-top: -100px;
  }

  .section.top-section-background-locations {
    height: auto;
  }

  .section.bottom-section-locations-background {
    background-image: url('../images/Background-Illustration-03.png'), url('../images/Background-Image-Transperent-Small-Circle-Right.png');
    background-position: 2% 6%, 0 0;
    background-repeat: no-repeat, repeat;
    background-size: 80px, auto;
  }

  .section.privacy-and-policy-background {
    background-image: url('../images/Background-Circle.png'), linear-gradient(#fbf9fe, #fff);
    background-position: 100% 0, 0 0;
    background-repeat: no-repeat, repeat;
    background-size: auto, auto;
  }

  .section.bottom-section-privacy-and-policy-background {
    background-image: url('../images/Background-Illustration-03.png'), url('../images/Background-Image-Transperent-Small-Circle-Right.png');
    background-position: 2% 6%, 0 0;
    background-repeat: no-repeat, repeat;
    background-size: 80px, auto;
  }

  .section.terms-background {
    background-image: url('../images/Background-Circle.png'), linear-gradient(to bottom, var(--dust-rose-white), white);
    background-position: 0 0, 0 0;
    background-repeat: no-repeat, repeat;
    background-size: auto, auto;
  }

  .section.top-section-background {
    height: 500px;
  }

  .section.portfolio-list-metro-banner {
    background-position: 60vw 10%;
    background-size: auto 50%;
  }

  .section.second-style-homepage {
    margin-top: 0;
  }

  .section.shop-related-products {
    padding-top: 80px;
  }

  .section.shop-products-and-category {
    padding-top: 70px;
  }

  .section.shop {
    height: 300px;
  }

  .section.portfolio-details {
    margin-top: 50px;
  }

  .section.portfolio-details-gallery {
    background-image: url('../images/Background-Image-Transperent-Small-Circle-Right.png');
    background-position: 100% 90%;
    background-repeat: repeat;
    background-size: auto;
  }

  .section.portfolio-details-text-body {
    background-image: url('../images/Background-Image-Transperent-Small-Circle-Left.png');
    background-position: 50% 100%;
    background-repeat: repeat;
    background-size: auto;
  }

  .section.faq-page-support-section {
    padding-bottom: 60px;
  }

  .section.faq-page-resources-section-bg-and-padding {
    background-image: url('../images/Background-Image-Transperent-Big-Circle-Left.png');
    background-position: 0 100%;
    background-repeat: repeat;
    background-size: auto;
  }

  .section.faq-page-get-in-touch-background, .section.portfolio-mosaic-banner {
    background-image: url('../images/Background-Image-Small-Circle-Top-Left.png');
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .section.changelog {
    height: 300px;
  }

  .section.home-marketing-top-section-background {
    background-image: url('../images/Elements-home-4.png'), url('../images/Diagram-home-4_1Diagram-home-4.png'), url('../images/rectangles-home-4_1rectangles-home-4.png'), url('../images/Rectangle-home-4_1Rectangle-home-4.png'), url('../images/Paper-Home-4.png'), url('../images/paper-2-home-4_1paper-2-home-4.png'), url('../images/Arrow-home-4.png');
    background-position: 90% 12%, 98% 20%, 95% 90%, 85% 95%, 8% 95%, 20% 10%, 10% 10%;
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
    background-size: 9%, 8%, 11%, 3%, 16%, 6%, 10%;
    padding-bottom: 150px;
  }

  .section.home-bot-top-section-background {
    height: auto;
    background-image: none;
    background-repeat: repeat;
    background-size: auto;
  }

  .section.home-bot-overview-background {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
  }

  .section.home-seo-top-section {
    height: auto;
    background-image: none;
    background-repeat: repeat;
    background-size: auto;
  }

  .section.home-minimal-improve-business {
    background-position: 85% 6%, 85% 10%, 15% 100%, 15% 100%;
    background-size: 90px, 10%, 90px, 100px;
  }

  .section.bottom-section-background-top-padding-0 {
    background-image: url('../images/Background-Illustration-03.png'), url('../images/Background-Image-Transperent-Small-Circle-Right.png');
    background-position: 2% 6%, 0 0;
    background-repeat: no-repeat, repeat;
    background-size: 100px, auto;
  }

  .section.our-values-background-padding-top-0 {
    background-image: url('../images/Background-Image-Transperent-Small-Circle-Right.png');
    background-position: 100% 0;
    background-repeat: repeat;
    background-size: auto;
  }

  .section.bottom-section-background-process-page {
    background-position: 100% -850%, 85% 80%, 10% 6%, 0 0;
    background-size: auto, 80px, 90px, auto;
  }

  .section.bottom-section-background-contact-us {
    background-image: url('../images/Background-Illustration-03.png'), url('../images/Background-Image-Transperent-Small-Circle-Right.png');
    background-position: 2% 6%, 0 0;
    background-repeat: no-repeat, repeat;
    background-size: 100px, auto;
  }

  .section.top-section-background-contact-us-second-copy {
    height: auto;
  }

  .section.home-2-last-banner {
    padding-bottom: 0;
  }

  .section.licensing {
    height: 300px;
  }

  .content-table-bottom-row-item.content-table-row-item-title, .content-table-top-row-item.content-table-row-item-title {
    width: 100%;
  }

  .style-guide-colors-container {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .style-guide-palette {
    align-self: stretch;
  }

  .style-guide-color-item {
    margin-right: 0;
  }

  .style-guide-colors-palette {
    flex-direction: column;
    margin-right: 0;
  }

  .style-guide-colors-palette.margin-top-0 {
    margin-right: 0;
  }

  .style-guide-paragraphs {
    grid-column-gap: 40px;
    grid-template-columns: 1fr 1fr;
  }

  .typography-container {
    padding-left: 15px;
    padding-right: 15px;
  }

  .style-guide-typography-content, .style-guide-typography-content.style-guide-last-item {
    width: auto;
  }

  .style-guide-typography-heading {
    flex-wrap: wrap;
    justify-content: flex-start;
  }

  .style-guide-typography-heading.margin-bottom-40 {
    grid-column-gap: 20px;
    grid-row-gap: 40px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .style-guide-list-item {
    width: auto;
  }

  .style-guide-lists-container {
    grid-column-gap: 40px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .author-name, .author-position {
    text-align: center;
  }

  .style-guide-icons-container {
    grid-column-gap: 40px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-self: flex-start;
    display: grid;
  }

  .style-guide-buttons-content-item {
    width: auto;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 0;
    margin-right: 0;
    display: flex;
  }

  .style-guide-buttons-container {
    grid-column-gap: 40px;
    grid-row-gap: 20px;
    flex-wrap: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .brand-logo {
    display: none;
  }

  .about-company-container-grid {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .about-company-block-images {
    max-width: 100%;
    min-height: 400px;
    min-width: 100%;
  }

  .about-company-block {
    width: 100%;
    max-width: 100vw;
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }

  .about-company-block-elements {
    max-width: 100%;
    min-width: 100%;
  }

  .our-values-main-block {
    max-width: 100%;
    min-width: 100%;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
  }

  .our-values-top-block {
    padding-left: 0;
    padding-right: 0;
  }

  .our-values-cards {
    max-width: 100%;
    min-width: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .our-values-card {
    background-image: none;
    align-items: flex-start;
    padding-left: 30px;
    padding-right: 30px;
  }

  .our-values-card.transperent {
    width: 100%;
    flex-direction: column;
    margin-left: 0;
    margin-right: 0;
  }

  .our-values-image {
    max-width: 240px;
  }

  .our-values-element-icon {
    min-width: 8%;
  }

  .our-values-card-element {
    width: 100%;
  }

  .our-values-cards-group {
    flex-direction: row;
    margin-right: 0;
  }

  .our-team-main-block {
    max-width: 100%;
    min-width: 100%;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
  }

  .our-team-top-block {
    padding-left: 0;
    padding-right: 0;
  }

  .our-team-cards {
    max-width: 100%;
    min-width: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .our-team-card {
    max-width: 100%;
    min-width: 100%;
    background-position: 140% 100%;
    align-items: center;
  }

  .our-partners-top-block {
    flex-direction: column;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .our-partners-logo-grid {
    width: 100%;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .our-partners-logo-grid.services-page-padding {
    grid-template-rows: auto auto;
  }

  .our-partners-logo-grid.five-columns {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .more-features-section-image-negative-margin-alternative-home {
    display: none;
  }

  .basic-feature-cards-grid-alternative-home {
    max-width: 100%;
    min-width: 100%;
    grid-column-gap: 20px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .basic-features-card-alternative-home {
    max-width: 100%;
    min-width: 100%;
    background-position: 0 20%;
    align-items: center;
    margin-right: 0;
  }

  .testemonial-block-alternative-home {
    height: auto;
    max-width: 100%;
    min-width: 100%;
    flex-direction: column;
    padding-top: 10px;
    padding-bottom: 10px;
    display: block;
  }

  .paragraph-desktop-exception {
    text-align: center;
  }

  .product-team-cards {
    max-width: 100%;
    min-width: 100%;
    flex-direction: column;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    align-content: stretch;
    justify-content: center;
    align-items: center;
    justify-items: stretch;
  }

  .product-team-card {
    max-width: 100%;
    background-position: 140% 100%;
    align-items: center;
  }

  .text-align-center.margin-all-breakpoints-top-section {
    margin-bottom: 20px;
  }

  .workflow-video-block {
    width: 100%;
  }

  .workflow-container-grid {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .workflow-block {
    width: 100%;
    max-width: 100%;
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .workflow-block-elements {
    max-width: 100%;
    min-width: 100%;
  }

  .faq-top-block {
    padding-left: 0;
    padding-right: 0;
  }

  .dark-button-header {
    display: none;
  }

  .services-and-solutions-top-block {
    padding-left: 0;
    padding-right: 0;
  }

  .services-and-solutions-cards {
    flex-direction: column;
    align-items: stretch;
  }

  .services-and-solutions-elements.tablet-layout {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    margin-right: 0;
  }

  .services-and-solutions-list {
    width: 364px;
    min-width: 364px;
    margin-left: 0;
    margin-right: 0;
  }

  .services-and-solutions-card {
    width: 364px;
  }

  .resources-top-block {
    padding-left: 0;
    padding-right: 0;
  }

  .resources-cards {
    max-width: 100%;
    min-width: 100%;
    grid-column-gap: 20px;
    grid-row-gap: 40px;
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .resources-card {
    background-image: none;
    padding: 25px;
  }

  .case-studies-top-block {
    padding-left: 0;
    padding-right: 0;
  }

  .services-and-solutions-breakpoints-layout {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
    display: flex;
  }

  .case-studies-card {
    height: 100%;
  }

  .process-step-one-image-container {
    background-size: 200px;
    padding-right: 20px;
  }

  .process-grid {
    grid-template-columns: 1fr .5fr 1.4fr;
  }

  .process-grid.step-two {
    grid-template-columns: .5fr 1.4fr 1fr;
  }

  .process-step-two-image-container {
    background-size: 200px;
    padding-left: 20px;
  }

  .process-step-three-image-container {
    background-size: 200px;
    padding-right: 20px;
  }

  .process-step-four-image-container {
    background-size: 200px;
    padding-left: 20px;
  }

  .your-email-field, .your-name-field, .your-text-field {
    width: auto;
  }

  .contact-us-form {
    width: 100%;
    height: 100%;
    max-width: none;
    align-items: stretch;
    margin-left: 0;
  }

  .contact-us-form.second-version {
    margin-top: 40px;
  }

  .contact-us-grid {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .get-in-touch-block {
    width: 100%;
    max-width: 100%;
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }

  .tabs {
    width: 100%;
  }

  .locations-top-section-grid {
    grid-template-rows: auto auto;
    grid-template-columns: 1.25fr;
    grid-auto-flow: column;
  }

  .locations-block {
    width: auto;
    height: auto;
  }

  .locations-block-grid {
    justify-items: stretch;
  }

  .software-capabilities-grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

  .software-capabilities-block {
    width: 100%;
    max-width: none;
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }

  .software-capabilities-block-elements {
    max-width: 100%;
    min-width: 100%;
  }

  .software-capabilities-block-images {
    height: 100%;
    background-size: 280px;
  }

  .software-capabilities-illustration {
    width: 380px;
  }

  .get-in-touch-top-block {
    padding-left: 0;
    padding-right: 0;
  }

  .locations-get-in-touch-form {
    align-items: stretch;
    margin-left: 0;
  }

  .get-in-touch-your-email-field, .get-in-touch-your-name-field, .get-in-touch-text-area, .get-in-touch-contact-form-button {
    width: auto;
  }

  .locations-get-in-touch-form-grid {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .get-in-touch-your-phone-field {
    width: auto;
  }

  .privacy-and-policy-information-block {
    width: auto;
    padding-right: 40px;
  }

  .privacy-and-policy-list-grid {
    grid-column-gap: 20px;
    grid-row-gap: 0px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .privacy-and-policy-contact-us-block {
    width: auto;
    height: auto;
    min-width: 255px;
    padding: 15px 25px 25px;
  }

  .privacy-and-policy-contents {
    width: 100%;
  }

  .terms-information-block {
    width: 388px;
    padding-left: 50px;
  }

  .terms-tab-block {
    width: 340px;
    height: 226px;
    padding: 25px;
  }

  .shop-product-items {
    grid-template-columns: 1fr 1fr;
    justify-content: center;
  }

  .testimonial-tablet-and-mobile-alignment {
    text-align: center;
  }

  .padding-top-0 {
    padding-top: 0;
  }

  .margin-all-breakpoints-top-section {
    margin-bottom: 20px;
  }

  .blog-content {
    padding-left: 25px;
    padding-right: 25px;
  }

  .main-blog-image {
    width: 100%;
    height: 480px;
    background-position: 50%;
    background-repeat: no-repeat;
  }

  .category {
    align-self: flex-start;
    padding-left: 20px;
  }

  .blog-detail-content {
    width: 100%;
  }

  .quote-author.landing-style {
    justify-content: center;
  }

  .post-wrapper {
    padding-left: 15px;
    padding-right: 15px;
  }

  .collection-list-classic {
    margin-left: 0;
    margin-right: 0;
  }

  .collection-item-classic {
    width: 50%;
  }

  .products-list {
    flex-wrap: wrap;
    display: flex;
  }

  .portfolio-detail-information {
    width: 40%;
    padding-bottom: 200px;
  }

  .detailed-banner-con {
    flex-direction: column;
    align-items: center;
    padding-top: 20px;
  }

  .detailed-banner-left {
    max-width: 600px;
  }

  .home-slider {
    overflow: hidden;
  }

  .detailed-banner-right {
    width: 100%;
    text-align: center;
    margin-top: 30px;
    margin-left: 0;
  }

  .detailed-page-name {
    font-size: 40px;
  }

  .checkout-banner {
    margin-top: 60px;
    margin-bottom: 40px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .brand-logo-mobile {
    display: block;
  }

  .container-with-light-background.second-style {
    padding: 80px 15px 100px;
  }

  .container-with-light-background.flex-horizontal {
    flex-wrap: wrap-reverse;
    justify-content: center;
  }

  .container-with-light-background.second-style-form-block {
    padding: 80px 15px 100px;
  }

  .heading-2-second-style {
    font-size: 43px;
    line-height: 55px;
  }

  .traking-process-left-image {
    max-width: 19%;
  }

  .traking-process-right-image {
    max-width: 28%;
  }

  .basic-features-left-block {
    width: 100%;
    margin-right: 0;
  }

  .basic-features-right-block {
    width: 100%;
    margin-bottom: -30px;
    padding-top: 30px;
    padding-bottom: 14px;
  }

  .basic-features-wrapper.flex-horizontal {
    flex-wrap: wrap;
  }

  .detailed-product-info-con {
    flex-direction: column;
    margin-bottom: 50px;
  }

  .product-detailes {
    width: 100%;
    max-width: none;
    padding-right: 0;
  }

  .additional-info {
    width: 100%;
    margin-top: 30px;
    margin-left: 0;
  }

  .unordered-list {
    margin-bottom: 0;
    line-height: 0;
  }

  .dimensions-numbers {
    margin-bottom: 10px;
  }

  .dimensions-shop {
    flex-wrap: wrap;
  }

  .additional-info-shop {
    flex-direction: column;
  }

  .explicit-description-text {
    width: 100%;
    max-width: none;
  }

  .explicit-description-img {
    justify-content: center;
    margin-top: 30px;
    padding-left: 0;
    display: flex;
  }

  .explicit-description-img.padding-right {
    padding-right: 0;
  }

  .product-list-item {
    flex-direction: column;
    margin-bottom: 40px;
  }

  .product-list-item.reverse {
    flex-direction: column;
  }

  .field-label-shop {
    text-align: left;
  }

  .image-product-explicit {
    margin-top: 0;
  }

  .cart-button {
    background-color: rgba(255, 255, 255, 0);
    padding-left: 0;
    padding-right: 0;
  }

  .icon-cart {
    color: var(--white);
  }

  .cart-quantity {
    color: var(--white);
    margin-left: 0;
  }

  .email-form-block.second-style, .email-form-block.coming-soon-page-style {
    min-width: 380px;
  }

  .email-form-block.home-marketing-style {
    width: 100%;
  }

  .additional-features-content-wrapper.flex-horizontal {
    flex-wrap: wrap-reverse;
  }

  .additional-features-left-block {
    padding-top: 40px;
  }

  .additional-features-right-block {
    margin-left: 0;
  }

  .additional-features-image {
    max-width: 70%;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .integrations-left-block {
    padding: 30px 15px 100px;
  }

  .integrations-right-block.flex-vertical {
    align-items: center;
    margin-left: 0;
    padding: 100px 15px 20px;
  }

  .integrations-grid {
    align-items: center;
    justify-items: center;
  }

  .integrations-image {
    max-width: 65%;
  }

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

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

  .navbar-second-style {
    padding-left: 0;
    padding-right: 0;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%;
  }

  .style-guide-icon-set-container-item-top {
    margin-bottom: 0;
    margin-right: 180px;
  }

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

  .style-guide-container {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }

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

  .style-guide-typography-headings, .style-guide-typography-headings.style-guide-last-item, .style-guide-typography-body-content {
    width: auto;
  }

  .style-guide-links.margin-top-40 {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: start;
    display: grid;
  }

  .style-guide-button-text.margin-top-40 {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .navigation-cart-and-button-position-fixer {
    position: absolute;
    right: 75px;
  }

  .primary-button-no-hide-on-devices, .primary-button-no-hide-on-devices.second-style {
    display: block;
  }

  .home-second-style-form-bullets {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    margin-left: 40px;
    margin-right: 40px;
  }

  .container-with-yellow-background {
    padding: 100px 15px 70px;
  }

  .text-align-center-only-tablet-and-mobile {
    text-align: center;
  }

  .blog-centered-main-thumbnail {
    width: 100%;
  }

  .blog-centered-content-bottom, .blog-centered-content-top {
    padding-left: 25px;
    padding-right: 25px;
  }

  .special-text-start-free-trial {
    font-size: 40px;
  }

  .case-studies-collection-list {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .utility-page-wrap {
    background-image: url('../images/Background-Image-Transperent-Big-Circle-Left.png'), linear-gradient(to bottom, null, null), url('../images/Wavy-Stripes-Small-Lavender-Semi-Transperent.png');
    background-size: auto, auto, 35%;
  }

  .utility-page-content._404 {
    margin-top: 0;
  }

  .product-details-featured {
    padding-left: 15px;
    padding-right: 15px;
  }

  .explicit-description-text-second {
    width: 100%;
    max-width: none;
    padding-left: 0;
  }

  .style-guide-typography-headings-first {
    width: auto;
  }

  .portfolio-list-metro-heading {
    margin-top: 40px;
  }

  .portfolio-details-banner-grid {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .portfolio-details-banner {
    height: 100%;
  }

  .portfolio-details-title {
    font-size: 46px;
    line-height: 56px;
  }

  .portfolio-details-banner-title-block {
    padding: 40px 15px;
  }

  .portfolio-details-body-text {
    padding-right: 40px;
  }

  .portfolio-details-banner-block {
    height: 350px;
  }

  .portfolio-details-gallery {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    justify-content: space-between;
  }

  .image-portfolio-top-first {
    width: 100%;
    height: 300px;
    padding-right: 0;
  }

  .portfolio-details-gallery-div-first, .portfolio-details-gallery-div-second {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .image-portfolio-bottom-first {
    width: 100%;
    height: 300px;
    margin-top: 0;
    padding-right: 0;
  }

  .image-portfolio-bottom-second {
    width: 100%;
    height: 300px;
    margin-top: 0;
    padding-left: 0;
  }

  .image-portfolio-top-second {
    width: 100%;
    height: 300px;
    padding-left: 0;
  }

  .portfolio-details-quote {
    padding-left: 60px;
    padding-right: 60px;
  }

  .collection-list-portfolio-details {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .portfolio-details-projects {
    display: none;
  }

  .coming-soon-div {
    flex-direction: column;
    align-items: center;
  }

  .coming-soon-content {
    width: 100%;
    text-align: center;
  }

  .coming-soon-illustration {
    width: 60%;
    margin-right: 0;
    display: none;
  }

  .coming-soon-text-padding-and-align {
    padding-left: 110px;
    padding-right: 110px;
  }

  ._404-text-padding {
    width: 70%;
    margin-top: 0;
  }

  .faq-top-section-padding, .faq-page-top-block {
    padding-left: 0;
    padding-right: 0;
  }

  .faq-page-grid-main {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .faq-page-support-grid {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 2fr 2fr;
  }

  .heading-alternative-variant-white {
    text-align: center;
    font-size: 40px;
    line-height: 48px;
  }

  .faq-page-illustration {
    max-width: 420px;
  }

  .faq-page-contact-us-grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1.2fr;
  }

  .faq-page-get-in-touch-top-block {
    padding-left: 0;
    padding-right: 0;
  }

  .faq-page-illustration-get-in-touch {
    display: none;
  }

  .faq-page-get-in-touch-main-image {
    width: 90%;
    margin-left: 0;
  }

  .faq-page-button-wrapper {
    margin-top: 40px;
  }

  .maintenance-div {
    flex-direction: column;
    align-items: center;
  }

  .maintenance-illustration {
    width: 50%;
    margin-right: 0;
    padding-top: 0;
  }

  .maintenance-content {
    width: 100%;
    text-align: center;
    margin-top: 20px;
    padding-left: 0;
    padding-right: 0;
  }

  .maintenance-grid {
    width: 100%;
  }

  .status-page-information-block {
    width: auto;
    padding-right: 40px;
  }

  .status-page-contact-us-block {
    width: auto;
    min-width: 260px;
    margin-left: 0;
    padding: 25px 30px 30px;
  }

  .status-page-bottom-block {
    width: 100%;
  }

  .status-page-maintenance-block {
    width: auto;
    min-width: 260px;
    flex-direction: column;
    align-items: flex-start;
    padding: 25px 30px 30px;
  }

  .illustration-maintenance-block {
    width: 100%;
    margin-bottom: 20px;
  }

  .portfolio-list-metro {
    column-count: 2;
  }

  .portfolio-list-metro-image {
    min-height: 280px;
  }

  .flex-box-horizontal {
    justify-content: center;
  }

  .nav-menu-link {
    width: 100%;
    color: #425466;
    margin-left: 0;
    margin-right: 0;
    padding: 15px 20px 15px 0;
  }

  .nav-menu-link:hover {
    color: var(--violet);
  }

  .nav-menu-link.dark-bigger-style {
    justify-content: center;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 20px;
  }

  .portfolio-mosaic-heading {
    font-size: 40px;
    line-height: 48px;
  }

  .mosaic-image-horizontal {
    width: 75vw;
    height: 32vh;
  }

  .mosaic-image-vertical {
    width: 55vw;
    height: 42vh;
  }

  .mosaic-vertical-image-style-div {
    margin-left: 60px;
  }

  .mosaic-vertical-image-style-div-inverted {
    margin-right: 60px;
  }

  .mosaic-phantom-placeholder {
    width: 75vw;
    height: 32vh;
  }

  .second-style-heading {
    font-size: 50px;
  }

  .navbar-marketing {
    padding-left: 0;
    padding-right: 0;
  }

  .home-marketing-button-header {
    display: none;
  }

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

  .home-marketing-illustration-position {
    display: none;
  }

  .home-marketing-violet-block {
    padding: 60px 70px;
  }

  .home-marketing-gray-block {
    background-size: 30%;
    padding: 60px 300px 60px 70px;
  }

  .home-marketing-solution-grid {
    grid-template-columns: 1fr 1fr;
  }

  .home-marketing-inside-grid {
    grid-template-columns: 1fr;
  }

  .heading-3-home-marketing.quote {
    text-align: center;
    margin-right: 0;
  }

  .grid-home-5-cards {
    grid-template-columns: 1fr 1fr;
  }

  .home-marketing-solution-card {
    padding-left: 20px;
    padding-right: 20px;
  }

  .home-marketing-quote-placer {
    flex-direction: column;
  }

  .flex-box-vertical-center-only-tablet-and-mobile {
    align-items: center;
  }

  .quote-autor-tablet-center {
    align-items: center;
    margin-bottom: 40px;
  }

  .home-marketing-overview-left {
    margin-bottom: 40px;
  }

  .home-marketing-overview-placer {
    flex-direction: column;
  }

  .tabs-content-contact-us {
    width: 100%;
  }

  .tabs-menu-contact-us {
    justify-content: flex-start;
    margin-bottom: 0;
  }

  .navbar-fixed {
    height: 60px;
  }

  .home-bot-software-block {
    grid-template-columns: 1fr 1.2fr;
  }

  .heading-2-home-bot {
    font-size: 40px;
  }

  .home-bot-software-block-content {
    margin-top: 20px;
    margin-left: 0;
  }

  .home-bot-quote-placer {
    flex-direction: column;
  }

  .home-bot-quote-autor {
    width: 55%;
    margin-bottom: 40px;
    margin-right: 0;
  }

  .heading-3-home-bot {
    font-size: 32px;
  }

  .home-bot-peach-block {
    padding: 60px 70px;
  }

  .flex-horizontal-tablet-vertical {
    flex-direction: column;
    align-items: flex-start;
  }

  .margin-right-60-tablet-bottom-20 {
    margin-bottom: 20px;
    margin-right: 0;
  }

  .home-bot-overview-image-mobile {
    width: auto;
    height: 500px;
    display: block;
  }

  .home-bot-overview-contents {
    width: 100%;
    margin-top: 40px;
    padding-right: 0;
  }

  .home-bot-overview-image-block {
    width: 100%;
    align-items: center;
  }

  .home-bot-integrations-icon-grid {
    width: 100%;
    margin-top: 40px;
    margin-left: 0;
  }

  .home-bot-integrations-content {
    width: 100%;
  }

  .rounded-button-header {
    display: none;
  }

  .heading-1-home-seo {
    font-size: 52px;
  }

  .home-seo-companies-logo-grid {
    width: 80%;
  }

  .center-tablet-and-margin-top-20 {
    text-align: center;
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .heading-2-home-seo {
    font-size: 40px;
  }

  .heading-2-home-seo.fixed-width-plan-section {
    width: auto;
  }

  .home-seo-card {
    padding: 30px;
  }

  .heading-4-home-seo {
    font-size: 22px;
  }

  .navbar-shadow {
    height: 6.5%;
  }

  .navbar-shadow.home-seo {
    height: 60px;
  }

  .heading-3-home-seo {
    font-size: 28px;
  }

  .home-seo-detail-wrapper {
    flex-wrap: wrap;
  }

  .home-seo-detail-left-block {
    width: 100%;
    margin-right: 0;
  }

  .home-seo-detail-right-block {
    width: 100%;
    padding-top: 30px;
    padding-bottom: 14px;
  }

  .home-seo-detail-first-image {
    left: 5%;
  }

  .home-seo-details-second-image {
    left: 25%;
  }

  .home-seo-details-third-image {
    top: 10%;
  }

  .home-seo-detail-right-block-second {
    width: 100%;
    margin-right: 0;
  }

  .home-seo-detail-left-block-second {
    width: 100%;
    padding-top: 30px;
    padding-bottom: 14px;
  }

  .home-seo-detail-wrapper-second {
    flex-wrap: wrap-reverse;
  }

  .home-seo-your-plan-wrapper {
    flex-wrap: wrap;
  }

  .home-seo-your-plan-left-block {
    width: 100%;
    margin-bottom: 40px;
    margin-right: 0;
  }

  .home-seo-your-plan-right-block {
    width: 100%;
  }

  .heading-4-home-seo-white {
    font-size: 22px;
  }

  .home-seo-take-care-wrapper {
    flex-wrap: wrap;
  }

  .home-seo-take-care-left-block {
    width: 100%;
    align-items: center;
    margin-bottom: 40px;
    margin-right: 0;
  }

  .home-seo-take-care-right-block {
    width: 100%;
  }

  .heading-2-home-seo-white {
    font-size: 40px;
  }

  .flex-vertical-align-center.home-6-paddings {
    padding-left: 40px;
    padding-right: 40px;
  }

  .home-5-software-button {
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }

  .heading-2-home-minimal {
    font-size: 40px;
  }

  .heading-1-home-minimal {
    font-size: 52px;
  }

  .home-seo-banner-image {
    width: 75%;
    margin-bottom: -10px;
  }

  .home-minimal-banner-image {
    width: 80%;
    object-fit: cover;
  }

  .paragraph-large-home-minimal.software-section-style, .paragraph-large-home-minimal.slider-style {
    padding-left: 0;
    padding-right: 0;
  }

  .home-minimal-software-left-block {
    width: 100%;
    align-items: center;
    margin-bottom: 40px;
    margin-right: 0;
  }

  .home-minimal-software-right-block {
    width: 100%;
  }

  .home-minimal-software-wrapper {
    flex-wrap: wrap;
  }

  .home-minimal-software-first-image {
    width: 40%;
    top: 0;
  }

  .home-minimal-software-second-image {
    width: 40%;
    top: 90px;
    right: 220px;
  }

  .home-minimal-software-third-image {
    width: 40%;
    right: 0;
  }

  .home-minimal-counter {
    font-size: 58px;
  }

  .home-minimal-counter-grid {
    grid-column-gap: 20px;
    grid-row-gap: 40px;
  }

  .home-minimal-software-image-block {
    display: none;
  }

  .home-minimal-amazing-software-image {
    width: 75%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 40px;
    margin-right: 0;
  }

  .home-minimal-amazing-software-block {
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }

  .home-minimal-section-amazing-software {
    flex-direction: column;
    align-items: center;
  }

  .home-minimal-cards-grid {
    grid-column-gap: 20px;
    grid-row-gap: 40px;
  }

  .home-minimal-card {
    padding: 30px;
  }

  .home-minimal-card-illustration {
    padding-left: 0;
    padding-right: 0;
  }

  .home-minimal-process {
    margin-right: 20px;
    font-size: 30px;
  }

  .home-minimal-slider {
    width: 100%;
    padding-left: 75px;
    padding-right: 75px;
  }

  .home-minimal-last-block {
    padding-left: 40px;
    padding-right: 40px;
    font-size: 38px;
  }

  .home-alternative-white-background-element {
    width: auto;
    height: auto;
  }

  .home-alternative-background-element {
    width: 100%;
    height: 120px;
  }

  .home-alternative-testimonial-background-illustration {
    height: 150px;
    bottom: -30px;
  }

  .about-company-heading-style {
    padding-right: 0;
  }

  .portfolio-grid-heading {
    margin-top: 40px;
    font-size: 40px;
  }

  .grid-portfolio-paragraph {
    padding-left: 40px;
    padding-right: 40px;
  }

  .portfolio-grid-item {
    box-shadow: 1px 1px 15px rgba(221, 212, 245, .5);
  }

  .portfolio-grid-animated-block {
    padding: 30px;
    display: none;
  }

  .contact-us-second-top-section-padding {
    padding-left: 40px;
    padding-right: 40px;
  }

  .contact-us-grid-second {
    flex-direction: column-reverse;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    justify-content: center;
    align-items: stretch;
    display: flex;
  }

  .portfolio-grid-animated-block-tablet-and-mobile {
    min-height: 150px;
    padding: 30px;
    display: block;
  }

  .home-2-demo-block {
    padding: 60px 70px;
  }

  .portfolio-details-projects-tablet-and-mobile {
    flex-direction: column;
    justify-content: flex-end;
    display: flex;
  }

  .portfolio-details-recent-projects-links {
    flex-direction: column;
  }

  .licensing-images-wrapper._3-column-grid {
    grid-template-columns: 1fr 1fr;
  }

  .landing-testimonial-image-main {
    width: 60%;
    height: auto;
    min-width: auto;
  }

  .landing-testimonial-image-main.second {
    width: 100%;
    height: 380px;
    min-width: auto;
  }

  .landing-image-block {
    justify-content: center;
    align-items: center;
    padding-left: 30px;
    display: flex;
  }

  .landing-image-block.second {
    margin-top: 40px;
    margin-left: 0;
    padding-bottom: 60px;
    padding-right: 0;
  }

  .landing-testimonial-block {
    flex-direction: column;
    justify-content: center;
    margin-top: 40px;
    margin-bottom: 0;
    margin-left: 0;
    padding-left: 40px;
    padding-right: 40px;
    display: flex;
  }

  .landing-demo-image {
    height: 100%;
    min-height: 350px;
  }

  .landing-demo-image.pages {
    height: 100%;
    min-height: 218px;
  }

  .landing-testimonial-image-bg {
    left: 60px;
  }

  .landing-testimonial-image-bg.second {
    right: 40px;
  }

  .flex-horizontal-tablet-vertical-center {
    flex-direction: column;
  }

  .text-bottom-banner-landing-style {
    padding-left: 100px;
    padding-right: 100px;
  }

  .landing-top-section-content {
    width: 100%;
  }

  .landing-top-section-illustrations {
    display: none;
  }

  .landing-second-block {
    grid-template-columns: 1fr;
  }

  .hire-popup {
    max-width: 380px;
  }

  .hire-popup-wrap {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 40px;
  }

  h2 {
    font-size: 28px;
  }

  h3 {
    font-size: 24px;
  }

  h4 {
    font-size: 18px;
  }

  .brand {
    padding-left: 0;
  }

  .menu-button.w--open {
    background-color: rgba(0, 0, 0, 0);
  }

  .footer {
    padding-top: 60px;
    padding-bottom: 80px;
  }

  .submit-button {
    max-width: 100%;
  }

  .footer-column-title {
    margin-top: 0;
  }

  .footer-grid {
    grid-column-gap: 80px;
    grid-row-gap: 40px;
    grid-template-rows: auto auto;
    grid-template-columns: 2fr;
    grid-auto-columns: 2fr;
    grid-auto-flow: row;
    align-content: stretch;
    justify-content: stretch;
  }

  .container {
    flex-direction: column;
    padding-left: 15px;
    padding-right: 15px;
  }

  .container.home-7-demo-padding {
    padding-left: 15px;
    padding-right: 15px;
  }

  .top-section-image {
    min-width: auto;
    margin-top: 40px;
  }

  .top-section-block {
    min-width: 100%;
  }

  .top-section-block.about-us, .top-section-block.faq {
    min-height: auto;
  }

  .top-section-grid {
    justify-items: center;
    position: relative;
  }

  .top-section-buttons-block, .top-section-buttons-block.second-style {
    margin-top: 20px;
  }

  .top-section-icons-block {
    align-items: center;
  }

  .top-section-icons-block.home-bot {
    margin-top: 80px;
  }

  .capabilities-block-images {
    margin-top: 40px;
  }

  .capabilities-container-grid {
    flex-direction: column-reverse;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    display: flex;
  }

  .divider {
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .capabilities-image-left {
    width: 60%;
    top: 0;
    left: 20px;
  }

  .capabilities-image-right {
    width: 60%;
    bottom: 0;
    right: 20px;
  }

  .capabilities-icon {
    height: auto;
  }

  .capabilities-block {
    width: 100%;
    align-items: flex-start;
    padding-left: 20px;
    padding-right: 20px;
  }

  .basic-features-image {
    max-width: 50%;
  }

  .basic-feature-cards {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    margin-top: 10px;
  }

  .capabilities-block-elements {
    margin-bottom: 40px;
  }

  .basic-features-main-block {
    padding-left: 0;
    padding-right: 0;
  }

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

  .additional-features-block {
    max-width: none;
  }

  .additional-features-grid {
    grid-row-gap: 30px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .additional-features-block-images {
    max-height: none;
    min-height: 550px;
  }

  .additional-features-image-right {
    width: 70%;
  }

  .testemonial-block {
    min-width: 60%;
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
    background-attachment: scroll;
  }

  .pricing-plans-main-block {
    padding-left: 0;
    padding-right: 0;
  }

  .pricing-plans-cards {
    margin-top: 10px;
  }

  .clients-logo.second-style {
    max-width: 35%;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .clients-block {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .more-features-main-block {
    padding-left: 0;
    padding-right: 0;
  }

  .more-feature-cards {
    margin-top: 10px;
  }

  .dark-button.button-portfolio {
    margin-top: 20px;
  }

  .start-free-trial-block {
    padding-left: 120px;
    padding-right: 120px;
  }

  .style-guide-spacing {
    flex-wrap: wrap;
    grid-template-columns: 1fr;
  }

  .style-guide-spacing-image-container {
    display: inline-block;
  }

  .style-guide-section-title {
    margin-top: 0;
  }

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

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

  .section.top-section-background-alternative-home, .section.clients-background-alternative-home {
    padding-bottom: 200px;
  }

  .section.bottom-section-alternative-home-paddings-and-background {
    background-size: 80px;
  }

  .section.strategy-background {
    background-image: url('../images/Background-Image-Transperent-Small-Circle-Right.png'), url('../images/Background-Image-Transperent-Big-Circle-Left.png');
    background-position: 100% 0, 0 0;
    background-repeat: repeat, repeat;
    background-size: auto, auto;
  }

  .section.get-in-touch-background {
    background-image: url('../images/home-5-dots-bg.png');
    background-position: 0 10%;
    background-repeat: no-repeat;
    background-size: 140px;
  }

  .section.contact-us-resources-background-and-padding {
    margin-top: -60px;
  }

  .section.shop-related-products, .section.shop-products-and-category {
    padding-top: 30px;
  }

  .section.shop, .section.changelog {
    height: 260px;
  }

  .section.home-minimal-improve-business {
    background-image: url('../images/home-5-dots-bg.png'), url('../images/home-5-dots-bg.png');
    background-position: 85% 10%, 15% 100%;
    background-repeat: no-repeat, no-repeat;
    background-size: 10%, 100px;
  }

  .section.bottom-section-background-process-page {
    background-position: 100% -300%, 85% 80%, 10% 6%, 0 0;
  }

  .section.licensing {
    height: 260px;
  }

  .style-guide-colors-container {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .style-guide-palette, .style-guide-paragraphs {
    flex-wrap: wrap;
  }

  .style-guide-typography-content {
    width: 100%;
  }

  .style-guide-typography-heading {
    flex-direction: column;
  }

  .heading-1-tablet {
    font-size: 45px;
  }

  .heading-5-desktop {
    font-size: 18px;
  }

  .style-guide-icon-set-container-item-bottom {
    margin-right: 40px;
  }

  .medium-paragraph {
    line-height: 27px;
  }

  .medium-paragraph.gray-paragraph-align-center {
    margin-top: 40px;
  }

  .improve-your-business-button-block {
    margin-top: 20px;
  }

  .about-company-block-images {
    width: 100%;
    min-height: 400px;
  }

  .our-values-main-block, .our-values-cards {
    padding-left: 0;
    padding-right: 0;
  }

  .our-values-card {
    margin-left: 0;
    margin-right: 0;
  }

  .our-values-card.transperent {
    flex-direction: column;
  }

  .our-values-card.ghost-white-background {
    margin-left: 0;
  }

  .our-values-cards-group {
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .our-team-main-block {
    padding-left: 0;
    padding-right: 0;
  }

  .our-team-cards {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .our-partners-logo-grid {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .our-partners-logo-grid.services-page-padding {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .our-partners-logo-grid.five-columns {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .home-alternative-capabilities-section-image {
    height: 110px;
    top: -10%;
  }

  .basic-feature-cards-grid-alternative-home {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .testemonial-block-alternative-home {
    min-width: 60%;
  }

  .paragraph-desktop-exception {
    font-size: 20px;
    line-height: 28px;
  }

  .product-team-cards {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr 1fr;
    padding-left: 20px;
    padding-right: 20px;
  }

  .text-align-center.margin-all-breakpoints-top-section {
    margin-bottom: 10px;
  }

  .faq-grid-main {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .accordion-toggle-text {
    font-size: 18px;
  }

  .services-and-solutions-cards {
    flex-direction: column;
  }

  .services-and-solutions-elements {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .services-and-solutions-elements.tablet-layout {
    width: 100%;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .services-and-solutions-list {
    width: auto;
    height: auto;
    max-width: none;
    min-height: auto;
    min-width: auto;
    margin-top: 20px;
    margin-left: 0;
  }

  .services-and-solutions-card {
    width: 100%;
    max-width: none;
  }

  .resources-cards {
    grid-row-gap: 30px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    margin-top: 20px;
  }

  .services-and-solutions-breakpoints-layout {
    flex-direction: column;
    align-items: stretch;
  }

  .case-studies-card {
    height: 100%;
  }

  .case-studies-image {
    height: auto;
  }

  .step-number {
    margin-top: 20px;
    padding-right: 20px;
  }

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

  .process-grid.step-two {
    grid-template-columns: 1.5fr;
  }

  .contact-us-form {
    padding-top: 30px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .contact-form-heading {
    margin-bottom: 30px;
  }

  .contact-us-grid {
    grid-row-gap: 30px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .locations-top-section-grid {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    justify-items: center;
    position: relative;
  }

  .locations-block-grid {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .software-capabilities-grid {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .software-capabilities-block-images {
    min-height: 400px;
  }

  .get-in-touch-top-block {
    margin-bottom: 30px;
  }

  .locations-get-in-touch-form {
    padding: 30px;
  }

  .get-in-touch-button-block {
    margin-top: 30px;
  }

  .privacy-and-policy-information-block {
    width: auto;
    padding-right: 0;
  }

  .privacy-and-policy-contact-us-block {
    width: auto;
    height: auto;
    margin-top: 40px;
    position: static;
  }

  .privacy-and-policy-contents, .terms-contents {
    flex-direction: column;
  }

  .terms-information-block {
    width: auto;
    padding-left: 0;
  }

  .terms-tab-block {
    width: auto;
    height: auto;
    margin-top: 40px;
    display: none;
  }

  .large-paragraph {
    font-size: 18px;
    line-height: 30px;
  }

  .shop-product-items {
    width: 100%;
    grid-template-columns: 1fr 1fr;
  }

  .padding-top-0 {
    padding-top: 0;
  }

  .margin-all-breakpoints-top-section {
    margin-bottom: 10px;
  }

  .main-thumbnail {
    margin-bottom: 30px;
  }

  .post-quote {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .another-posts {
    padding-bottom: 40px;
  }

  .shop-title {
    margin-top: 40px;
  }

  .portfolio-detail-information {
    width: 100%;
    margin-top: 20px;
    padding-bottom: 0;
  }

  .detailed-banner-left {
    height: 100%;
    max-height: 600px;
  }

  .home-slider {
    width: 100%;
    height: 100%;
    max-width: 600px;
    overflow: hidden;
  }

  .right-arrow {
    margin-right: 20px;
  }

  .left-arrow {
    margin-left: 20px;
  }

  .detailed-page-name {
    font-size: 32px;
    line-height: 1.2;
  }

  .detailed-price-con {
    margin-top: 30px;
  }

  .checkout-banner {
    margin-bottom: 20px;
  }

  .container-with-light-background.second-style {
    padding: 40px 15px;
  }

  .container-with-light-background.second-style-form-block {
    padding-top: 40px;
    padding-bottom: 60px;
  }

  .flex-horizontal.margin-right-20-mobile-bottom-20 {
    margin-bottom: 20px;
    margin-right: 0;
  }

  .flex-horizontal.space-around-grid-on-mobile {
    grid-column-gap: 10px;
    grid-row-gap: 20px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-items: center;
    display: grid;
  }

  .traking-process-center-image, .dropdown-con {
    margin-top: 30px;
  }

  .detailed-product-info-con {
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .additional-info {
    margin-top: 30px;
  }

  .unordered-list {
    width: 100%;
  }

  .product-list-item {
    margin-bottom: 30px;
  }

  .email-form-block.second-style {
    padding-left: 35px;
  }

  .email-form-block.home-bot-style {
    width: 90vw;
  }

  .heading-2-small-second-style {
    font-size: 40px;
  }

  .additional-features-content-wrapper.flex-horizontal {
    margin-top: 10px;
  }

  .additional-features-right-block {
    min-height: 180px;
  }

  .integrations-left-block {
    padding-bottom: 60px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .integrations-right-block.flex-vertical {
    padding: 60px 15px 0;
  }

  .flex-vertical-mobile-center-min-w {
    align-items: center;
  }

  .heading-3-second-style {
    margin-bottom: 0;
  }

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

  .shop-product-categories {
    flex-direction: column;
    align-items: flex-start;
  }

  .heading-categories-shop {
    margin-top: 40px;
  }

  .clients-logo-wrapper {
    flex-wrap: wrap;
    justify-content: space-around;
  }

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

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

  .medium-paragraph-second-style {
    line-height: 27px;
  }

  .large-paragraph-second-style {
    font-size: 22px;
    line-height: 35px;
  }

  .style-guide-icon-set-container-item-top {
    margin-right: 80px;
  }

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

  .style-guide-container {
    flex-direction: column;
    padding-left: 15px;
    padding-right: 15px;
  }

  .style-guide-typography-headings, .style-guide-typography-body-content {
    width: 100%;
  }

  .style-guide-links, .style-guide-button-text {
    flex-wrap: wrap;
  }

  .home-second-style-form-bullets {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    justify-items: center;
    margin-left: 10px;
    margin-right: 10px;
  }

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

  .container-with-yellow-background {
    padding-top: 60px;
    padding-bottom: 30px;
  }

  .margin-bottom-negative-40-mobile-30 {
    margin-bottom: -30px;
  }

  .blog-centered-main-thumbnail {
    margin-bottom: 30px;
  }

  .special-text-start-free-trial {
    font-size: 32px;
  }

  .case-studies-collection-list {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-rows: auto auto auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .utility-page-wrap {
    background-image: url('../images/Background-Image-Transperent-Big-Circle-Left.png'), linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
    background-position: 0%, 0 0;
    background-repeat: repeat, repeat;
    background-size: auto, auto;
  }

  .utility-page-content {
    margin-left: 15px;
    margin-right: 15px;
  }

  .shop-tabs-menu {
    grid-template-rows: auto auto;
    grid-template-columns: 10fr;
  }

  .shop-tab-text {
    margin-left: -28px;
    margin-right: 0;
  }

  .shop-collection {
    width: 100%;
  }

  .style-guide-headings-container-first {
    min-width: auto;
  }

  .style-guide-typography-headings-first {
    width: 100%;
    min-width: auto;
  }

  .portfolio-tab-text {
    margin-left: -28px;
    margin-right: 0;
  }

  .portfolio-collection {
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: 10fr;
  }

  .portfolio-list-metro-heading {
    margin-top: 30px;
  }

  .portfolio-details-banner-grid {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .portfolio-details-banner {
    height: 100%;
  }

  .portfolio-details-title {
    font-size: 42px;
    line-height: 52px;
  }

  .portfolio-details-div {
    flex-direction: column;
  }

  .portfolio-details-body-text {
    padding-right: 0;
  }

  .portfolio-social-link-block {
    width: 42%;
  }

  .image-portfolio-top-first, .image-portfolio-bottom-first, .image-portfolio-bottom-second, .image-portfolio-top-second {
    height: 250px;
  }

  .portfolio-details-quote {
    padding-left: 40px;
    padding-right: 40px;
    font-size: 36px;
    line-height: 46px;
  }

  .coming-soon-div {
    flex-direction: column;
  }

  .coming-soon-content {
    width: 100%;
  }

  .coming-soon-illustration {
    width: 80%;
  }

  .coming-soon-text-padding-and-align {
    padding-left: 80px;
    padding-right: 80px;
  }

  ._404-text-padding {
    width: 90%;
  }

  .faq-page-support-grid {
    width: 100%;
    grid-template-columns: 2fr;
  }

  .heading-alternative-variant-white {
    text-align: center;
  }

  .faq-page-illustration {
    display: none;
  }

  .faq-page-contact-us-grid {
    width: 100%;
    grid-template-columns: 1fr;
  }

  .faq-page-illustrations {
    display: none;
  }

  .faq-page-button-wrapper {
    justify-content: center;
    display: flex;
  }

  .maintenance-div {
    flex-direction: column;
  }

  .maintenance-illustration {
    display: none;
  }

  .status-page-contents {
    flex-direction: column;
  }

  .status-page-information-block {
    width: auto;
    padding-right: 0;
  }

  .status-page-contact-us-block {
    width: auto;
    height: auto;
    max-width: none;
    margin-bottom: 40px;
    position: static;
  }

  .status-page-maintenance-block {
    width: auto;
    height: auto;
    margin-bottom: 40px;
    position: static;
  }

  .portfolio-list-metro {
    column-count: 1;
  }

  .portfolio-mosaic-heading {
    font-size: 32px;
    line-height: 38px;
  }

  .mosaic-collection-block {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    margin-bottom: 40px;
    display: grid;
  }

  .mosaic-collection-block.last-block {
    margin-bottom: 0;
  }

  .mosaic-vertical-image-style-div {
    flex-direction: column;
    align-items: center;
    margin-left: 0;
    display: flex;
  }

  .mosaic-vertical-image-style-div-inverted {
    flex-direction: column;
    align-items: center;
    margin-right: 0;
    display: flex;
  }

  .mosaic-phantom-placeholder {
    display: none;
  }

  .changelog-title {
    margin-top: 40px;
  }

  .second-style-heading {
    font-size: 45px;
  }

  .second-style-autor {
    flex-direction: column;
    align-items: center;
  }

  .home-green-button-block {
    margin-top: 10px;
  }

  .home-marketing-gray-block {
    background-position: 50% 10%;
    background-size: 65%;
    padding-top: 400px;
    padding-right: 70px;
  }

  .home-marketing-solution-grid {
    grid-template-columns: 1fr;
  }

  .image-with-borders {
    width: 100%;
  }

  .home-4-grid.margin-top-40 {
    grid-template-columns: 1fr;
  }

  .heading-4-home-marketing, .heading-4-home-marketing-white {
    font-size: 22px;
  }

  .heading-3-home-marketing, .heading-3-home-marketing.quote {
    font-size: 28px;
  }

  .heading-2-home-marketing, .heading-2-home-marketing-white {
    font-size: 36px;
  }

  .home-marketing-solution-card {
    padding-top: 20px;
    padding-left: 0;
    padding-right: 0;
  }

  .home-marketing-grid-cards-left {
    padding-bottom: 0;
  }

  .home-marketing-overview-image {
    bottom: -40px;
  }

  .flex-horizontal-mobile-vertical {
    flex-direction: column;
    align-items: flex-start;
  }

  .home-bot-solution-card {
    padding-left: 0;
    padding-right: 0;
  }

  .grid-home-marketing-cards, .home-bot-software-block {
    grid-template-columns: 1fr;
  }

  .heading-2-home-bot {
    font-size: 32px;
  }

  .home-bot-quote-autor {
    width: 70%;
  }

  .heading-3-home-bot {
    font-size: 28px;
  }

  .home-bot-number-span {
    margin-bottom: 20px;
    margin-right: 0;
  }

  .home-bot-infinity-icon {
    margin-bottom: 20px;
    padding-right: 0;
  }

  .home-bot-overview-image-mobile {
    height: 400px;
  }

  .home-bot-grid-icons {
    grid-template-columns: 1fr 1fr;
  }

  .heading-1-home-seo {
    font-size: 46px;
  }

  .heading-2-home-seo {
    font-size: 36px;
  }

  .home-seo-cards-grid {
    grid-template-columns: 1fr;
  }

  .heading-4-home-seo {
    font-size: 20px;
  }

  .heading-3-home-seo {
    font-size: 26px;
  }

  .home-seo-detail-left-block {
    min-height: 350px;
  }

  .home-seo-detail-first-image {
    top: 0%;
    left: 2%;
  }

  .home-seo-details-second-image {
    left: 15%;
  }

  .home-seo-detail-right-block-second {
    min-height: 350px;
  }

  .home-seo-detail-2-first-image {
    top: 0%;
    right: 15%;
  }

  .home-seo-details-2-second-image {
    max-width: 65%;
    bottom: 10%;
  }

  .home-6-details-2-third-image {
    bottom: 2%;
    right: 2%;
  }

  .home-seo-your-plan-wrapper {
    flex-wrap: wrap;
  }

  .home-seo-your-plan-left-block {
    width: 100%;
    margin-bottom: 10px;
  }

  .home-seo-your-plan-right-block {
    width: 100%;
    flex-wrap: wrap;
  }

  .home-seo-premium-plan {
    width: 100%;
    margin-left: 0;
  }

  .home-seo-starter-plan {
    width: 100%;
  }

  .heading-4-home-seo-white {
    font-size: 20px;
  }

  .home-seo-take-care-wrapper {
    flex-wrap: wrap;
  }

  .home-seo-take-care-left-block {
    width: 100%;
  }

  .home-seo-take-care-right-block {
    width: 100%;
    flex-wrap: wrap;
  }

  .heading-2-home-seo-white, .heading-2-home-minimal {
    font-size: 36px;
  }

  .heading-1-home-minimal {
    font-size: 46px;
  }

  .home-seo-banner-image {
    margin-top: 40px;
  }

  .home-minimal-software-left-block {
    width: 100%;
    min-height: 350px;
  }

  .home-minimal-software-right-block {
    width: 100%;
    flex-wrap: wrap;
  }

  .home-minimal-software-wrapper {
    flex-wrap: wrap;
  }

  .home-minimal-software-first-image {
    width: 35%;
  }

  .home-minimal-software-second-image {
    top: auto;
    right: 30%;
  }

  .home-minimal-software-third-image {
    width: 38%;
  }

  .home-minimal-counter {
    font-size: 52px;
  }

  .home-minimal-counter-grid {
    grid-template-columns: 1fr;
  }

  .home-minimal-amazing-software-image {
    width: 100%;
  }

  .home-minimal-cards-grid {
    grid-template-columns: 1fr;
  }

  .home-minimal-card-illustration {
    padding-left: 80px;
    padding-right: 80px;
  }

  .heading-3-home-minimal.slider-style {
    text-align: center;
    flex-direction: column;
    align-items: center;
  }

  .home-minimal-grid-process {
    grid-template-columns: 1fr 1fr;
  }

  .home-minimal-slider-arrow-left, .home-minimal-slider-arrow-right {
    width: 10%;
  }

  .home-minimal-slider {
    padding-left: 55px;
    padding-right: 55px;
  }

  .home-minimal-slider-persone-position {
    margin-left: 0;
  }

  .home-minimal-last-block {
    padding-left: 0;
    padding-right: 0;
    font-size: 34px;
  }

  .home-minimal-grid-icons {
    grid-template-columns: 1fr 1fr;
  }

  .home-alternative-testimonial-background-illustration {
    height: 110px;
    bottom: -10px;
  }

  .home-alternative-logos-background-illustration {
    height: 90px;
  }

  .portfolio-grid-heading {
    margin-top: 30px;
    font-size: 36px;
  }

  .grid-portfolio-paragraph {
    padding-left: 0;
    padding-right: 0;
    font-size: 18px;
  }

  .portfolio-grid-collection {
    grid-template-columns: 1fr;
  }

  .contact-us-second-top-section-padding {
    padding-left: 0;
    padding-right: 0;
  }

  .contact-us-grid-second {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    display: flex;
  }

  .footer-copyright-text {
    margin-top: 0;
  }

  .footer-copyright-block {
    grid-column-gap: 0px;
    grid-row-gap: 20px;
    flex-direction: column;
    justify-content: flex-start;
    margin-top: 20px;
  }

  .portfolio-grid-animated-block-tablet-and-mobile {
    min-height: auto;
  }

  .footer-dark {
    padding-top: 60px;
    padding-bottom: 80px;
  }

  .style-guide-section-title-top-banner {
    margin-top: 0;
  }

  .licensing-title {
    margin-top: 40px;
  }

  .licensing-images-wrapper, .licensing-images-wrapper._3-column-grid {
    grid-template-columns: 1fr;
  }

  .flex-horizontal-licensing {
    flex-direction: column;
  }

  .landing-testimonial-image-main {
    width: 70%;
  }

  .landing-demos-block {
    grid-template-columns: 1fr;
  }

  .landing-demos-block.pages {
    grid-template-columns: 1fr 1fr;
  }

  .landing-demo-image {
    min-height: 480px;
  }

  .landing-inside-grid {
    grid-template-columns: 1fr;
  }

  .landing-testimonial-image-bg {
    left: 20px;
  }

  .text-bottom-banner-landing-style {
    padding-left: 40px;
    padding-right: 40px;
  }

  .landing-testimonial-block-cards {
    grid-template-columns: 1fr;
  }

  .landing-testimonial-block-card {
    align-items: center;
  }

  .landing-loop-animation-link {
    width: 300px;
  }

  .landing-loop-animation-link-text {
    font-size: 20px;
  }

  .hire-popup {
    max-width: 300px;
  }

  .hire-buttons-wrap-2 {
    grid-row-gap: 20px;
    flex-flow: column wrap;
    align-items: stretch;
  }
}

@media screen and (max-width: 479px) {
  .form {
    align-items: center;
  }

  .footer-grid {
    grid-column-gap: 26px;
    grid-row-gap: 30px;
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
    justify-content: stretch;
    align-self: auto;
    align-items: stretch;
    justify-items: stretch;
    margin-left: 0;
    margin-right: 0;
    display: grid;
    position: static;
  }

  .container {
    flex-direction: column;
    padding-left: 15px;
    padding-right: 15px;
  }

  .primary-button {
    width: 100%;
    text-align: center;
    display: block;
  }

  .primary-button.home-minimal {
    width: 100%;
    text-align: center;
  }

  .primary-button.home-minimal-white-second-button {
    width: 100%;
    text-align: center;
    margin-top: 20px;
    margin-left: 0;
  }

  .top-section-image {
    width: 100%;
  }

  .light-button {
    width: 100%;
    text-align: center;
  }

  .light-button.second-style {
    text-align: center;
  }

  .top-section-buttons-block {
    width: 100%;
    flex-direction: column;
    align-items: center;
    margin-left: 0;
    display: flex;
  }

  .top-section-buttons-block.second-style {
    align-items: stretch;
  }

  .top-section-icons-block {
    flex-flow: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-content: center;
    justify-content: center;
    align-items: center;
    justify-items: stretch;
    display: flex;
  }

  .top-section-icons-block.home-bot {
    margin-top: 50px;
  }

  .top-section-text-white {
    text-align: left;
  }

  .capabilities-block-images, .capabilities-block-images.alternative-home-background {
    height: 300px;
    min-height: auto;
    min-width: auto;
  }

  .capabilities-container-grid {
    justify-items: center;
  }

  .capabilities-image-right {
    width: 60%;
  }

  .capabilities-block-cards {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
    justify-items: stretch;
  }

  .capabilities-block {
    padding-left: 20px;
    padding-right: 20px;
  }

  .basic-features-image {
    max-width: 100%;
  }

  .image-block {
    padding-left: 0;
    padding-right: 0;
  }

  .additional-features-block-images {
    height: 300px;
    min-height: auto;
    min-width: auto;
  }

  .additional-features-image-right {
    width: 75%;
    margin-top: -70px;
    padding-left: 60px;
    bottom: 10px;
  }

  .additional-features-image-left {
    width: 95%;
    padding-right: 30px;
    top: 10px;
  }

  .testemonials-grid {
    align-content: center;
    justify-content: center;
  }

  .testemonial-block {
    min-height: 41%;
    min-width: 50%;
    padding-left: 10px;
    padding-right: 10px;
  }

  .testimonial-image {
    height: 200px;
  }

  .testimonial-image-block {
    padding-left: 0;
    padding-right: 0;
  }

  .pricing-get-started-button {
    text-align: center;
    display: block;
  }

  .clients-logo.second-style {
    max-width: 50%;
  }

  .clients-block {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .more-feature-cards {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .more-features-image-block {
    padding-left: 0;
    padding-right: 0;
  }

  .dark-button {
    width: 100%;
    text-align: center;
    display: block;
  }

  .start-free-trial-block {
    padding-left: 0;
    padding-right: 0;
  }

  .style-guide-grid-system-content-top, .style-guide-grid-system-content-bottom {
    flex-direction: column;
  }

  .style-guide-grid-system-container {
    justify-content: center;
    display: flex;
  }

  .section.bottom-section-background {
    background-image: url('../images/Background-Image-Transperent-Small-Circle-Right.png');
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
  }

  .section.top-section-background-alternative-home {
    padding-bottom: 150px;
  }

  .section.testimonial-background-alternative-home {
    padding-bottom: 180px;
  }

  .section.clients-background-alternative-home {
    padding-bottom: 150px;
  }

  .section.bottom-section-alternative-home-paddings-and-background {
    background-image: none;
    background-repeat: repeat;
    background-size: auto;
    padding-bottom: 150px;
  }

  .section.strategy-background {
    background-image: url('../images/Background-Image-Transperent-Small-Circle-Right.png'), url('../images/Background-Image-Transperent-Big-Circle-Left.png');
    background-position: 100% 0, 0 0;
    background-repeat: repeat, repeat;
    background-size: auto, auto;
  }

  .section.bottom-section-locations-background, .section.bottom-section-privacy-and-policy-background {
    background-image: url('../images/Background-Image-Transperent-Small-Circle-Right.png');
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
  }

  .section.portfolio-list-metro-banner {
    background-position: 60vw 10%;
    background-size: auto 30%;
  }

  .section.home-marketing-top-section-background {
    padding-bottom: 120px;
  }

  .section.bottom-section-background-top-padding-0 {
    background-image: url('../images/Background-Image-Transperent-Small-Circle-Right.png');
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
  }

  .section.bottom-section-background-process-page {
    background-image: url('../images/Small-Dots-Background.png'), url('../images/Background-Image-Transperent-Small-Circle-Right.png');
    background-position: 100% -260%, 0 0;
    background-repeat: no-repeat, repeat;
    background-size: auto, auto;
  }

  .section.bottom-section-background-contact-us {
    background-image: url('../images/Background-Image-Transperent-Small-Circle-Right.png');
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
  }

  .content-table-bottom-row-item.content-table-row-item-title {
    width: auto;
    height: 80px;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    border-right-style: none;
  }

  .content-table-bottom-row-item.content-table-row-item-resolution, .content-table-bottom-row-item.content-table-row-item-resolution-last-item {
    width: auto;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    border-right-style: none;
  }

  .content-table-top-row-item.content-table-row-item-resolution {
    width: auto;
  }

  .content-table-top-row-item.content-table-row-item-title {
    width: auto;
    height: 80px;
  }

  .style-guide-colors-container {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .style-guide-paragraphs {
    grid-template-columns: 1fr;
  }

  .style-guide-typography-content {
    margin-right: 0;
  }

  .style-guide-typography-content.style-guide-last-item {
    width: auto;
  }

  .style-guide-typography-heading.margin-bottom-40 {
    grid-template-columns: 1fr;
  }

  .style-guide-lists-container {
    grid-column-gap: 20px;
    grid-row-gap: 40px;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .style-guide-icon-set-container-item-bottom {
    margin-right: 0;
  }

  .style-guide-icons-container {
    grid-row-gap: 40px;
    flex-direction: column;
    grid-template-columns: 1fr;
  }

  .style-guide-buttons-content-item {
    width: 100%;
    align-items: flex-start;
    margin-right: 0;
  }

  .style-guide-buttons-container {
    grid-template-columns: 1fr;
  }

  .medium-paragraph {
    align-items: center;
    display: flex;
  }

  .improve-your-business-button-block {
    width: 100%;
  }

  .brand-logo {
    height: auto;
    object-fit: fill;
    position: static;
  }

  .about-company-container-grid {
    justify-items: center;
  }

  .about-company-block-images {
    min-height: 300px;
    min-width: 100%;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
  }

  .about-company-block-cards {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    justify-items: stretch;
  }

  .our-values-card {
    padding-left: 20px;
    padding-right: 20px;
  }

  .our-values-card.transperent {
    min-width: 280px;
  }

  .our-values-element-icon {
    min-width: 14%;
  }

  .our-partners-logo-grid {
    grid-template-rows: auto auto auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .our-partners-logo-grid.five-columns {
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .our-partners-logo-grid.our-partners {
    grid-template-rows: auto auto auto auto auto auto;
  }

  .home-alternative-capabilities-section-image {
    top: -50px;
  }

  .testemonial-block-alternative-home {
    min-height: 41%;
    min-width: 50%;
    padding-left: 10px;
    padding-right: 10px;
  }

  .primary-button-with-arrow {
    width: 100%;
  }

  .primary-button-with-arrow.second-style-top-section {
    margin-bottom: 20px;
    margin-right: 0;
  }

  .product-team-cards {
    grid-template-rows: auto auto auto auto auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .workflow-container-grid {
    justify-items: center;
  }

  .play-button {
    min-width: 60px;
  }

  .dark-outline-button {
    width: 100%;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .dark-button-header {
    display: none;
  }

  .services-and-solutions-elements, .services-and-solutions-card {
    min-width: 100%;
  }

  .resources-cards {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .case-studies-card {
    height: auto;
  }

  .your-email-field, .your-name-field, .your-text-field {
    width: 100%;
  }

  .your-text-field.contact-us {
    height: 120px;
    min-height: auto;
  }

  .contact-us-form-block {
    width: 100%;
  }

  .contact-us-grid {
    justify-items: center;
  }

  .locations-block-grid {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .software-capabilities-grid {
    justify-items: center;
  }

  .software-capabilities-block-images {
    min-height: 300px;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
  }

  .get-in-touch-text-area {
    min-height: 120px;
  }

  .get-in-touch-contact-form-button {
    width: 100%;
  }

  .locations-get-in-touch-form-grid {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .privacy-and-policy-list-grid {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .dark-button-with-arrow, .shop-product-item-container {
    width: 100%;
  }

  .shop-product-items {
    flex-direction: column;
    grid-template-columns: 1fr;
  }

  .padding-top-0 {
    padding-top: 0;
  }

  .blog-content {
    padding-bottom: 40px;
  }

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

  .collection-list-classic {
    margin-left: 0;
    margin-right: 0;
  }

  .collection-item-classic {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .flex-horizontal {
    min-width: 10%;
  }

  .flex-horizontal.space-around-grid-on-mobile {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-items: center;
  }

  .basic-features-left-block {
    min-height: 300px;
  }

  .home-slider-image.second-style {
    height: auto;
    min-height: 85px;
  }

  .email-form.second-style {
    flex-direction: column;
  }

  .email-form.coming-soon-page-style {
    flex-direction: column;
    align-items: stretch;
  }

  .email-form.home-marketing-style, .email-form.home-bot-style {
    flex-direction: column;
  }

  .email-field.second-style {
    margin-left: 35px;
  }

  .email-field.coming-soon-page-style {
    max-width: 100%;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
  }

  .email-form-block.second-style {
    min-width: 86%;
    padding-left: 0;
  }

  .email-form-block.coming-soon-page-style {
    min-width: 100%;
    padding-left: 0;
  }

  .email-form-block.home-bot-style {
    min-width: 210px;
  }

  .integrations-image {
    max-width: 100%;
  }

  .medium-paragraph-second-style {
    align-items: center;
    display: flex;
  }

  .style-guide-icon-set-container-item-top {
    margin-right: 0;
  }

  .style-guide-container {
    flex-direction: column;
    padding-left: 15px;
    padding-right: 15px;
  }

  .style-guide-button-margin {
    width: 100%;
  }

  .style-guide-typography-headings {
    margin-right: 0;
  }

  .style-guide-typography-headings.style-guide-last-item {
    width: auto;
  }

  .style-guide-typography-body-content {
    margin-right: 0;
  }

  .style-guide-links.margin-top-40, .style-guide-button-text.margin-top-40 {
    grid-template-columns: 1fr;
  }

  .primary-button-no-hide-on-devices {
    min-height: auto;
    display: block;
  }

  .primary-button-no-hide-on-devices.second-style {
    width: 100%;
    margin-top: 100px;
  }

  .primary-button-no-hide-on-devices.coming-soon-page-style {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    margin-top: 80px;
    margin-left: 0;
  }

  .home-second-style-form-bullets {
    margin-left: auto;
    margin-right: auto;
  }

  .blog-centered-content-bottom, .blog-centered-content-top {
    padding-bottom: 40px;
  }

  .shop-tabs-menu {
    width: 100%;
  }

  .style-guide-typography-headings-first {
    margin-right: 0;
  }

  .portfolio-details-banner {
    height: 100%;
  }

  .portfolio-details-banner-block {
    height: 250px;
  }

  .portfolio-details-gallery {
    flex-direction: column;
  }

  .portfolio-details-gallery-div-second {
    margin-top: 0;
  }

  .portfolio-details-quote {
    padding-left: 0;
    padding-right: 0;
  }

  .coming-soon-illustration {
    width: 100%;
  }

  .coming-soon-text-padding-and-align {
    padding-left: 0;
    padding-right: 0;
  }

  ._404-text-padding {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }

  .faq-page-contact-us-grid {
    justify-items: center;
  }

  .faq-page-contact-us-form-block {
    width: 100%;
  }

  .faq-page-button-wrapper {
    display: block;
  }

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

  .status-page-contact-us-block {
    min-width: auto;
  }

  .status-page-bottom-block {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
    display: grid;
  }

  .status-page-maintenance-block {
    min-width: auto;
  }

  .portfolio-list-metro-image {
    min-height: 240px;
  }

  .mosaic-image-horizontal {
    width: 100vw;
    height: 24vh;
  }

  .mosaic-image-vertical {
    width: 68vw;
    height: 32vh;
  }

  .mosaic-phantom-placeholder {
    width: 100vw;
    height: 24vh;
  }

  .home-marketing-button-header {
    display: none;
  }

  .home-green-button-block {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .home-marketing-illustration-position {
    min-width: 10%;
  }

  .home-marketing-violet-block {
    padding-left: 30px;
    padding-right: 30px;
  }

  .home-marketing-gray-block {
    background-size: 80%;
    padding-top: 300px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .green-button {
    width: 100%;
    text-align: center;
    margin-left: 0;
  }

  .home-marketing-button-form {
    width: 100%;
    text-align: center;
    margin-bottom: 80px;
    margin-left: 0;
    top: 80px;
  }

  .grid-home-5-cards {
    grid-template-columns: 1fr;
  }

  .home-marketing-quote-placer {
    min-width: 10%;
  }

  .home-marketing-overview-image {
    margin-bottom: 30px;
    bottom: 0;
  }

  .home-marketing-overview-placer {
    min-width: 10%;
  }

  .tabs-content-contact-us {
    width: auto;
  }

  .black-button-form {
    width: 100%;
    text-align: center;
    margin-bottom: 80px;
    margin-left: 0;
    top: 80px;
  }

  .top-section-text-style {
    text-align: left;
  }

  .flex-horizontal-mobile-vertical, .flex-horizontal-align-top, .home-bot-quote-placer {
    min-width: 10%;
  }

  .home-bot-quote-autor {
    width: 100%;
  }

  .home-bot-peach-block {
    padding-left: 30px;
    padding-right: 30px;
  }

  .flex-horizontal-tablet-vertical {
    min-width: 10%;
  }

  .home-bot-overview-image-mobile {
    height: auto;
  }

  .home-bot-grid-icons {
    grid-template-columns: 1fr;
  }

  .home-bot-integrations-icon-grid {
    grid-column-gap: 20px;
    grid-row-gap: 40px;
    grid-template-columns: 1fr 1fr;
  }

  .rounded-button-header {
    display: none;
  }

  .home-seo-companies-logo-grid {
    width: 100%;
    grid-template-columns: 1fr;
  }

  .home-seo-detail-left-block {
    min-height: 250px;
  }

  .home-seo-detail-first-image {
    max-width: 50%;
    left: 0%;
  }

  .home-seo-details-second-image {
    max-width: 70%;
    left: 14%;
  }

  .home-seo-details-third-image {
    max-width: 45%;
    top: 10%;
    right: 0%;
  }

  .home-seo-detail-right-block-second {
    min-height: 250px;
  }

  .home-seo-detail-2-first-image {
    top: 0%;
  }

  .home-seo-details-2-second-image {
    max-width: 65%;
    top: 20%;
    bottom: auto;
  }

  .home-6-details-2-third-image {
    bottom: 5%;
  }

  .home-seo-your-plan-right-block, .home-seo-take-care-right-block {
    flex-wrap: wrap;
  }

  .flex-vertical-align-center.home-6-paddings {
    padding-left: 0;
    padding-right: 0;
  }

  .home-5-software-button {
    margin-left: 0;
  }

  .home-seo-banner-image, .home-minimal-banner-image {
    width: 100%;
  }

  .home-minimal-software-left-block {
    background-size: 100%;
  }

  .home-minimal-software-right-block {
    flex-wrap: wrap;
  }

  .home-minimal-software-first-image {
    width: 50%;
    top: 20px;
  }

  .home-minimal-software-second-image {
    width: 50%;
  }

  .home-minimal-software-third-image {
    width: 50%;
    bottom: 20px;
  }

  .home-minimal-section-amazing-software {
    min-width: 10%;
  }

  .home-minimal-card-illustration {
    padding-left: 0;
    padding-right: 0;
  }

  .home-minimal-grid-process {
    grid-template-columns: 1fr;
  }

  .home-minimal-slider {
    padding-left: 40px;
    padding-right: 40px;
  }

  .flex-horizontal-center {
    min-width: 10%;
  }

  .home-minimal-slider-additional-photo {
    display: none;
  }

  .home-minimal-improve-business-buttons {
    width: 100%;
    flex-wrap: wrap;
  }

  .home-minimal-tool-section-button {
    width: 100%;
  }

  .home-minimal-grid-icons {
    grid-template-columns: 1fr;
  }

  .first-of-two-buttons-margin {
    margin-bottom: 20px;
    margin-right: 0;
  }

  .home-alternative-background-element {
    width: auto;
    height: auto;
  }

  .grid-portfolio-paragraph {
    padding-left: 0;
    padding-right: 0;
  }

  .contact-us-grid-second {
    justify-items: center;
  }

  .home-2-demo-block {
    padding-left: 30px;
    padding-right: 30px;
  }

  .licensing-resource-block {
    flex-direction: column;
  }

  .flex-horizontal-licensing {
    min-width: 10%;
  }

  .landing-testimonial-image-main {
    width: 100%;
  }

  .landing-testimonial-image-main.second {
    height: 280px;
  }

  .landing-image-block {
    padding-left: 0;
  }

  .landing-image-block.second {
    padding-bottom: 0;
  }

  .landing-testimonial-block {
    padding-left: 0;
    padding-right: 0;
  }

  .landing-demos-block.pages {
    grid-template-columns: 1fr;
  }

  .landing-demo-image {
    min-height: 300px;
  }

  .landing-testimonial-image-bg {
    display: none;
  }

  .flex-horizontal-tablet-vertical-center {
    min-width: 10%;
  }

  .text-bottom-banner-landing-style {
    padding-left: 0;
    padding-right: 0;
  }

  .landing-testimonial-block-cards {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    justify-items: stretch;
  }

  .hire-popup {
    bottom: 90px;
    left: auto;
    right: 12px;
  }
}

#w-node-d93e8b2a-76a1-9b62-6199-00b84c23921a-f24a1f9c {
  justify-self: end;
}

#w-node-d6cf24a1-9bdd-93ec-f16f-66b672cf25ec-0f1cde6f {
  justify-self: start;
}

#w-node-d6cf24a1-9bdd-93ec-f16f-66b672cf2639-0f1cde6f {
  justify-self: end;
}

#w-node-bf2c406e-2929-e955-a829-f88bd40c0f7f-d40c0f7c, #w-node-_2f4ded0e-6cc2-7e0d-469a-d5b777ac72a9-6e00ce29 {
  justify-self: start;
}

#w-node-_2f4ded0e-6cc2-7e0d-469a-d5b777ac72f2-6e00ce29 {
  justify-self: end;
}

#w-node-_4dc6ccdb-31a6-996e-7ad6-a5aa70a0e639-f24a1ffc {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5e0a138d-dbd7-1759-3319-d5b96e2b2a63-f24a2000 {
  justify-self: start;
}

#w-node-_16542c56-f637-0841-7ee5-5f60fb2b413f-f24a201c {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-ff745205-4ee1-324b-c4b7-d9c205f28145-f24a201c, #w-node-b89c64ab-723d-46d9-ec52-1d9da70df36a-f24a201c, #w-node-_11aa6cd6-89ec-0e1f-d1ac-97e7348eb262-f24a201c, #w-node-e638734d-288e-730a-58e5-02457614b5f9-f24a201d, #w-node-_8dd3dfee-514d-b4c8-571c-8d9983d7baa7-f24a201d, #w-node-_1f520b80-e644-2e5e-a941-d35c737ab219-f24a201d, #w-node-f6dc6d0e-2ced-d14b-aa69-f17c9f5fd8a8-f24a201d, #w-node-f6dc6d0e-2ced-d14b-aa69-f17c9f5fd8b0-f24a201d, #w-node-d69823d5-0cac-b875-a089-28f851792422-f24a201d, #w-node-d69823d5-0cac-b875-a089-28f851792427-f24a201d, #w-node-d69823d5-0cac-b875-a089-28f85179242f-f24a201d, #w-node-d69823d5-0cac-b875-a089-28f851792434-f24a201d, #w-node-d423719d-f0d1-677c-78b2-179927a0ee5b-f24a201d, #w-node-d69823d5-0cac-b875-a089-28f85179243c-f24a201d, #w-node-ec330010-25ff-2148-6446-f25eaa131334-f24a201d, #w-node-a82d1ca8-18eb-9795-2070-99d9dc78c567-f24a201d, #w-node-_4c4982ca-33f4-ba61-b4f4-93cddac12986-f24a201d, #w-node-cabf1833-23a6-5d8d-8c4b-09b45d232798-f24a201d, #w-node-_9b1e734a-00a0-0379-796b-64a2b937a44f-f24a201d, #w-node-_3b7ffef6-6d87-94c2-617b-e77e3bc46878-f24a201d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2d1e9810-3bf7-7554-d6de-3b1d298b107d-f24a201d {
  justify-self: end;
}

#w-node-_6d254166-12bc-0677-22af-c725849a8608-f24a201d, #w-node-c4359a52-f3f8-2fa0-87cd-d46d7c26ca59-f24a201e {
  justify-self: start;
}

#w-node-c4359a52-f3f8-2fa0-87cd-d46d7c26ca6e-f24a201e {
  align-self: center;
  justify-self: end;
}

#w-node-_374ea586-56bb-bbf9-202a-8fcc92eee679-f24a201e {
  justify-self: start;
}

#w-node-_374ea586-56bb-bbf9-202a-8fcc92eee67c-f24a201e {
  justify-self: end;
}

#w-node-_620456c3-3eca-61f6-3409-4bded7dc7901-f24a201f {
  justify-self: start;
}

#w-node-_620456c3-3eca-61f6-3409-4bded7dc7914-f24a201f {
  align-self: center;
  justify-self: end;
}

#w-node-_620456c3-3eca-61f6-3409-4bded7dc7915-f24a201f, #w-node-_06f84bd9-0624-197e-0ff5-01940df5a112-f24a2020, #w-node-_6d502e17-ea13-7dc5-622a-d1446234f109-f24a2020, #w-node-_778a7679-cc27-9ba8-51ed-9ffe30a91def-f24a2020, #w-node-_0b3e0f69-af64-bcd0-82f8-243420474b26-f24a2020, #w-node-aac200d2-adb5-489c-3ce5-9f570312722c-f24a2020, #w-node-b5b54847-5b69-25fe-94ad-2ead0aa9305d-f24a2020, #w-node-_8290c7bc-9c6f-4e95-8090-db77bd252e6d-f24a2020, #w-node-_9b5bc142-fbfc-0ce4-951e-28e1e461e54d-f24a2020 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_51d9c8bd-d0d0-5e65-0359-6a93cf9c95f6-f24a2022 {
  justify-self: start;
}

#w-node-_1a994b71-5228-29d9-d807-f6369a046e0b-f24a2022 {
  align-self: center;
  justify-self: end;
}

#w-node-_06856aac-8aa3-1e35-5baa-11c850bdbd9b-f24a2022 {
  justify-self: start;
}

#w-node-_1cfd883a-71b6-a0cc-0902-cd284bf5cadb-f24a2022 {
  justify-self: end;
}

#w-node-_3189fb6c-0dfe-103f-f1bb-2fb8d5e185a5-f24a2022 {
  justify-self: start;
}

#w-node-_3aff5e5c-5e90-8be1-2d77-fc65c53a8ab0-f24a2022 {
  justify-self: end;
}

#w-node-_21a6c0c8-0949-dd93-4050-018c2b63cbdb-f24a2024 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2f1b724c-8d20-6bd3-4224-8506be0b8879-f24a2026 {
  justify-self: end;
}

#w-node-eaa4f40c-e80b-4c32-f9c9-1bd7f7079485-f24a2040, #w-node-_979d0f54-cc2f-69b7-ae6f-4f6148270ad7-f24a2040 {
  justify-self: center;
}

#w-node-_979d0f54-cc2f-69b7-ae6f-4f6148270ad5-f24a2040 {
  justify-self: end;
}

#w-node-c56f66d0-7eb4-d7e2-a98d-0bcc92323a60-f24a2040, #w-node-f6bf767a-4e6b-d382-7b96-243302193a22-f24a2040 {
  justify-self: center;
}

#w-node-f6bf767a-4e6b-d382-7b96-243302193a31-f24a2040 {
  justify-self: end;
}

#w-node-_33af04c6-33fa-7334-ead7-8d005a37ddb2-f24a2041 {
  justify-self: start;
}

#w-node-_33af04c6-33fa-7334-ead7-8d005a37ddb5-f24a2041 {
  justify-self: end;
}

@media screen and (min-width: 1280px) {
  #w-node-_5e0a138d-dbd7-1759-3319-d5b96e2b2a63-f24a2000 {
    align-self: center;
  }
}

@media screen and (max-width: 991px) {
  #w-node-d6cf24a1-9bdd-93ec-f16f-66b672cf2639-0f1cde6f, #w-node-_2f4ded0e-6cc2-7e0d-469a-d5b777ac72f2-6e00ce29 {
    grid-area: span 1 / span 4 / span 1 / span 4;
    align-self: auto;
    justify-self: auto;
  }

  #w-node-_5e0a138d-dbd7-1759-3319-d5b96e2b2a63-f24a2000 {
    align-self: auto;
  }

  #w-node-_9f92658c-7bc7-1acb-4f28-d9c7489bb974-f24a2000 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-c4359a52-f3f8-2fa0-87cd-d46d7c26ca59-f24a201e, #w-node-_620456c3-3eca-61f6-3409-4bded7dc7901-f24a201f, #w-node-_51d9c8bd-d0d0-5e65-0359-6a93cf9c95f6-f24a2022 {
    align-self: auto;
    justify-self: center;
  }
}

@media screen and (max-width: 767px) {
  #w-node-d6cf24a1-9bdd-93ec-f16f-66b672cf25ec-0f1cde6f {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-d6cf24a1-9bdd-93ec-f16f-66b672cf2639-0f1cde6f {
    grid-area: span 1 / span 3 / span 1 / span 3;
    align-self: auto;
    justify-self: auto;
  }

  #w-node-bf2c406e-2929-e955-a829-f88bd40c0f7f-d40c0f7c, #w-node-_2f4ded0e-6cc2-7e0d-469a-d5b777ac72a9-6e00ce29 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_2f4ded0e-6cc2-7e0d-469a-d5b777ac72f2-6e00ce29 {
    grid-area: span 1 / span 3 / span 1 / span 3;
    align-self: auto;
    justify-self: auto;
  }

  #w-node-_5e0a138d-dbd7-1759-3319-d5b96e2b2a63-f24a2000, #w-node-c4359a52-f3f8-2fa0-87cd-d46d7c26ca59-f24a201e, #w-node-_620456c3-3eca-61f6-3409-4bded7dc7901-f24a201f, #w-node-_51d9c8bd-d0d0-5e65-0359-6a93cf9c95f6-f24a2022 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: auto;
  }

  #w-node-eaa4f40c-e80b-4c32-f9c9-1bd7f7079485-f24a2040, #w-node-_979d0f54-cc2f-69b7-ae6f-4f6148270ad7-f24a2040, #w-node-_979d0f54-cc2f-69b7-ae6f-4f6148270ad5-f24a2040, #w-node-c56f66d0-7eb4-d7e2-a98d-0bcc92323a60-f24a2040, #w-node-f6bf767a-4e6b-d382-7b96-243302193a22-f24a2040, #w-node-f6bf767a-4e6b-d382-7b96-243302193a31-f24a2040 {
    justify-self: start;
  }
}

@media screen and (max-width: 479px) {
  #w-node-d6cf24a1-9bdd-93ec-f16f-66b672cf25ec-0f1cde6f {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-d6cf24a1-9bdd-93ec-f16f-66b672cf2639-0f1cde6f {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: auto;
    justify-self: auto;
  }

  #w-node-bf2c406e-2929-e955-a829-f88bd40c0f7f-d40c0f7c, #w-node-_2f4ded0e-6cc2-7e0d-469a-d5b777ac72a9-6e00ce29 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_2f4ded0e-6cc2-7e0d-469a-d5b777ac72f2-6e00ce29 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: auto;
    justify-self: auto;
  }

  #w-node-_2d1e9810-3bf7-7554-d6de-3b1d298b107d-f24a201d, #w-node-_6d254166-12bc-0677-22af-c725849a8608-f24a201d {
    justify-self: center;
  }

  #w-node-_217f8294-85ae-665b-28e3-f168adbfb17b-f24a2022 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
}


@font-face {
  font-family: 'Fa solid 900';
  src: url('../fonts/fa-solid-900.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Fa brands 400';
  src: url('../fonts/fa-brands-400.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Fa 400';
  src: url('../fonts/fa-regular-400.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}