:root {
  --white-smoke: #f6f6f6;
  --black: #1a1a1a;
  --tp-purple: #b152be;
  --tp-redmain: #d1232d;
  --dark-gray: #787885;
  --white: white;
  --gray: #9697a1;
  --dark-blue: #354d75;
  --light-gray: #f0f0f0;
  --tp-pink: #e0007a;
  --green: #80d0a8;
  --dark-green: #0f6f42;
  --red: var(--tp-redmain);
  --dark-red: #4c0101;
  --pink: #d593b7;
  --medblue: #72b3d8;
  --light-green: #b8e6ce;
  --lightergrey: #ececec;
  --primary-10: #2979ff1a;
  --light-blue: #cadcfc;
  --light-gray-2: #e8e9f5;
  --teal: #21849b;
  --lightgrey: #f8f8f8;
  --combine-library--grey-600: #5f6570;
  --combine-library--grey-100: #d9dce2;
  --10-red: #fff0f0;
  --brown: #572e00;
  --purple: #4a4ab8;
  --lightred: #ffebeb;
  --memberstack-library--ms-border-color: #12133140;
  --memberstack-library--ms-shadow-color: #0000001a;
  --memberstack-library--ms-main-cta-color: #2962ff;
  --memberstack-library--ms-main-cta-hover: #1051b9;
  --combine-library--grey-800: #1f2c3d;
  --combine-library--white: white;
  --combine-library--grey-050: #f2f3f7;
  --combine-library--error-800: #e2004f;
  --combine-library--error-100: #ffecec;
  --combine-library--success-800: #6d9400;
  --combine-library--success-100: #ebf7de;
  --combine-library--primary-600: #6157f8;
  --combine-library--primary-800: #472def;
  --combine-library--grey-400: #8c94a5;
  --combine-library--grey-200: #bfc4ce;
  --color: white;
  --textred: #974f4f;
  --combine-library--secondary-600: #00a1c1;
  --combine-library--warning-400: #f8b34b;
  --memberstack-library--ms-input-placeholder: #12133199;
  --memberstack-library--ms-main-text-color: #121331;
}

.w-layout-vflex {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.w-layout-hflex {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media screen and (max-width: 767px) {
  .w-commerce-commercelayoutcontainer {
    flex-direction: column;
    align-items: stretch;
  }

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

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

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

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

body {
  background-color: var(--white-smoke);
  color: var(--black);
  flex-direction: column;
  font-family: proxima-nova, sans-serif;
  display: flex;
}

h1 {
  color: var(--black);
  letter-spacing: 0;
  text-transform: capitalize;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-family: Work Sans, sans-serif;
  font-size: 2.625rem;
  font-weight: 600;
  line-height: 1.875rem;
}

h2 {
  color: var(--black);
  text-transform: capitalize;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: -.0625rem;
  padding-top: 0;
  padding-bottom: 0;
  font-family: proxima-nova, sans-serif;
  font-size: 1.5rem;
  font-weight: 900;
  line-height: 1.1875rem;
}

h3 {
  color: var(--black);
  letter-spacing: 0;
  text-transform: capitalize;
  margin-top: 0;
  margin-bottom: 0;
  font-family: proxima-nova, sans-serif;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: .875rem;
}

h4 {
  clear: left;
  color: var(--black);
  text-align: left;
  letter-spacing: 0;
  text-transform: capitalize;
  margin-top: 0;
  margin-bottom: 0;
  font-family: proxima-nova, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: .875rem;
}

h5 {
  color: var(--black);
  margin-top: 0;
  margin-bottom: 0;
  font-family: proxima-nova, sans-serif;
  font-size: .875rem;
  font-weight: 400;
  line-height: .625rem;
}

h6 {
  color: var(--black);
  letter-spacing: .0625rem;
  white-space: nowrap;
  margin-top: 0;
  margin-bottom: 0;
  font-family: proxima-nova, sans-serif;
  font-size: .6875rem;
  font-weight: 400;
  line-height: .625rem;
}

p {
  text-align: left;
  letter-spacing: .0375rem;
  margin-top: .46875rem;
  margin-bottom: 0;
  margin-left: -.0625rem;
  font-family: proxima-nova, sans-serif;
  font-size: .875rem;
  font-weight: 400;
}

a {
  color: var(--tp-purple);
  letter-spacing: 0;
  cursor: pointer;
  font-family: proxima-nova, sans-serif;
  font-size: 1.0625rem;
  font-weight: 400;
  text-decoration: none;
  transition: letter-spacing .3s ease-in-out, color .4s;
}

a:hover {
  color: var(--tp-redmain);
}

ul {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 2.5rem;
}

ol {
  margin-top: .625rem;
  margin-bottom: .625rem;
  padding-left: 2.5rem;
}

li {
  color: var(--dark-gray);
  letter-spacing: 0;
  margin-top: .46875rem;
  margin-bottom: 0;
  font-family: Work Sans, sans-serif;
  font-size: 1.0625rem;
  font-weight: 400;
}

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

label {
  margin-bottom: .3125rem;
  font-family: proxima-nova, sans-serif;
  font-size: .875rem;
  font-weight: 400;
  display: block;
}

strong {
  font-weight: 700;
}

sup {
  font-size: .625rem;
}

blockquote {
  color: var(--black);
  letter-spacing: 0;
  border-left: .3125rem solid #ffc328;
  margin-bottom: 0;
  padding: 1.5rem;
  font-family: Work Sans, sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
}

figcaption {
  text-align: center;
  margin-top: .625rem;
  margin-bottom: .625rem;
  font-weight: 300;
  line-height: 1.5em;
}

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

.space-text {
  min-height: 1.25rem;
}

.space {
  min-height: 5.625rem;
}

.space-small {
  min-height: 1.25rem;
}

.space-tiny {
  min-height: .75rem;
}

.invert {
  filter: invert();
}

.description-max-width {
  text-align: center;
  max-width: 36.25rem;
  margin-left: auto;
  margin-right: auto;
}

.description-max-width.add-width {
  max-width: 37.5rem;
}

.inquire-title-wrapper {
  width: 80%;
  min-height: .0625rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: .9375rem;
  padding-right: .9375rem;
}

.space-large {
  min-height: 7.5rem;
}

.centered {
  text-align: center;
  list-style-type: none;
}

.space-mid {
  min-height: 1.875rem;
}

.success-text {
  color: #fefeff;
  font-size: 1rem;
}

.section {
  width: 100%;
}

.success-message {
  background-color: var(--tp-redmain);
  text-align: center;
  border-radius: 1rem;
  margin-left: auto;
  margin-right: auto;
  padding: 1.875rem 2.5rem;
  font-family: Inter, sans-serif;
  font-weight: 300;
}

._404-button-wrapper {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 66.6%;
  min-height: .0625rem;
  display: flex;
  position: relative;
}

.icon-404 {
  max-width: 11.25rem;
  max-height: 11.25rem;
  position: static;
  top: -.625rem;
}

._404-title {
  text-align: center;
  font-size: 7em;
}

.button {
  background-color: var(--tp-redmain);
  box-shadow: none;
  color: var(--white);
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  border-radius: 6.25rem;
  justify-content: center;
  align-self: center;
  align-items: center;
  padding: 1.125rem 1.875rem;
  font-size: .75rem;
  transition: color .25s, box-shadow .3s ease-in-out, transform .4s, border-color .4s, background-color .4s;
}

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

.button.w--current {
  background-color: var(--tp-redmain);
}

.button.not-centered {
  align-self: flex-start;
}

.button.flex {
  align-self: auto;
}

.space-semi {
  min-height: 2.5rem;
}

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

.color-white.title-case {
  text-transform: capitalize;
}

.style-guide-line {
  background-color: #4a3f351a;
  min-width: 100%;
  min-height: .0625rem;
  max-height: .0625rem;
  margin-top: 1.875rem;
  margin-bottom: 1.875rem;
}

.sg-outer-wrapper {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 90rem;
  margin-left: auto;
  margin-right: auto;
}

.sg-buttons-grid-dark {
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.global-section {
  width: 100%;
  max-width: 62.5rem;
  padding-top: 7.5rem;
  padding-left: 4rem;
  padding-right: 4rem;
}

.sg-anchor-links-wrapper {
  flex-direction: column;
  width: 100%;
  display: flex;
}

.sg-right-bottom-wrapper {
  flex-direction: column;
  width: auto;
  min-height: 100vh;
  margin-left: 18.75rem;
  display: flex;
  position: relative;
}

.return-to-top-lb {
  z-index: 100;
  background-color: var(--tp-redmain);
  color: #eee;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  transition: background-color .4s;
  display: flex;
  position: fixed;
  inset: auto 1rem 1rem auto;
  box-shadow: 6px 6px 1rem #33333326;
}

.return-to-top-lb:hover {
  background-color: var(--dark-blue);
  color: #eeeeeebf;
}

.webclip {
  object-fit: contain;
  width: 16rem;
  height: 16rem;
}

.sg-logos-grid {
  grid-row-gap: 3rem;
  grid-template-rows: auto;
}

.card-icon {
  max-width: 4.375rem;
  max-height: 4.375rem;
  margin-bottom: .625rem;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  top: 32%;
}

.card-icon.rotate {
  transform: rotate(45deg);
}

.sg-colour-wrapper {
  border-radius: .3125rem;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 1rem;
  display: flex;
}

.sg-logo-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.sg-colour-swatch {
  border-radius: 50%;
  width: 100%;
  margin-bottom: 1rem;
  padding-top: 100%;
}

.sg-colour-swatch.secondary {
  background-color: var(--tp-purple);
}

.sg-colour-swatch.primary {
  z-index: 9999;
  background-color: var(--tp-redmain);
  position: relative;
}

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

.sg-colour-swatch.black {
  background-color: var(--black);
}

.sg-colour-swatch.dark-gray {
  background-color: var(--dark-gray);
}

.sg-colour-swatch.yellow {
  background-color: var(--tp-pink);
}

.sg-colour-swatch.green {
  background-color: var(--green);
}

.sg-colour-swatch.dark-green {
  background-color: var(--dark-green);
}

.sg-colour-swatch.red {
  background-color: var(--red);
}

.sg-colour-swatch.dark-red {
  background-color: var(--dark-red);
}

.sg-colour-swatch.light-gray {
  background-color: var(--light-gray);
}

.sg-colour-swatch.white-smoke {
  background-color: var(--white-smoke);
}

.sg-colour-swatch.white-smoke.border {
  border: .0625rem solid #000;
}

.sg-colour-swatch.white.border {
  border: .0625rem solid var(--dark-gray);
}

.sg-colour-swatch.gray {
  background-color: var(--gray);
}

.sg-colour-swatch.dark-blue {
  background-color: var(--dark-blue);
}

.sg-colour-swatch.pink {
  background-color: var(--pink);
}

.sg-buttons-grid {
  grid-row-gap: 3rem;
  grid-template-rows: auto auto;
}

.favicon {
  width: 2rem;
  height: 2rem;
}

.sg-left-top-wrapper {
  flex-direction: column;
  align-items: flex-start;
  width: 18.75rem;
  display: flex;
  position: fixed;
  inset: 0% auto 0% 0%;
}

.sg-typography-block {
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.text {
  color: var(--black);
  margin-top: .625rem;
  margin-bottom: .625rem;
  font-family: proxima-nova, sans-serif;
  font-size: .875rem;
  font-weight: 300;
  line-height: 1.313rem;
}

.text.centered {
  text-align: center;
  font-weight: 100;
}

.card-body-contact {
  border-radius: .375rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 90%;
  margin-top: -3.125rem;
  margin-left: auto;
  margin-right: auto;
  padding: 5rem .3125rem;
  display: flex;
}

.webflow-block {
  border: .03125rem solid #eeeeee80;
  border-radius: .3125rem;
  margin-top: 0;
  padding: 0 2rem 2rem;
}

.social-media-icon {
  max-height: 2.2rem;
}

.top {
  width: 100%;
  height: 0;
}

.contact-form-block {
  width: 100%;
  margin-bottom: 0;
}

.sg-button-block {
  border: .03125rem solid #eeeeee80;
  border-radius: .3125rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-bottom: 1rem;
  padding: 4rem 2rem;
  display: flex;
}

.rtb h3 {
  color: var(--black);
  font-weight: 700;
}

.rtb blockquote {
  border-left-color: var(--tp-redmain);
  color: var(--black);
  font-family: proxima-nova, sans-serif;
  font-style: italic;
  font-weight: 400;
}

.rtb figcaption {
  color: var(--black);
}

.rtb li {
  color: var(--black);
  font-family: proxima-nova, sans-serif;
}

.blog-post-first-letter {
  float: left;
  color: var(--tp-redmain);
  margin-top: .25rem;
  margin-right: .5rem;
  font-size: 2.8em;
  font-weight: 700;
  line-height: 1;
}

.contact-form {
  flex-direction: column;
  width: 90%;
  height: 100%;
  min-height: 100%;
  max-height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: inline;
}

.sg-colours-grid {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  max-width: 35.9375rem;
  margin-left: -1rem;
  margin-right: -1rem;
}

.sg-colour-label-wrapper {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.global-container {
  width: 100%;
  max-width: 75rem;
  margin-left: auto;
  margin-right: auto;
  font-weight: 400;
}

.h1-mobile {
  font-weight: 900;
}

.sg-button-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.sg-return-to-home-lb {
  background-color: var(--white);
  color: var(--black);
  border-top: .03125rem solid #eeeeee80;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 8.125rem;
  max-height: 8.125rem;
  margin-top: auto;
  padding: 2rem;
  font-size: .9375rem;
  line-height: 3;
  transition: letter-spacing .25s ease-in-out, background-color .4s;
  display: flex;
}

.sg-return-to-home-lb:hover {
  background-color: var(--tp-purple);
  color: var(--black);
}

.sg-return-to-home-lb.hide-on-tab:hover {
  color: var(--black);
}

.sg-divider {
  background-color: #eeeeee40;
  width: 100%;
  height: .03125rem;
  min-height: .03125rem;
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.sg-anchor-lb {
  background-color: var(--white);
  color: var(--black);
  align-items: center;
  padding: 1rem 2rem;
  font-size: .9375rem;
  line-height: 3.1;
  transition: background-color .3s;
  display: flex;
}

.sg-anchor-lb:hover {
  background-color: var(--white-smoke);
  color: var(--black);
  letter-spacing: 0;
}

.sg-anchor-lb.w--current {
  background-color: var(--light-gray);
  box-shadow: inset 3px 0 0 0 var(--tp-redmain);
  color: var(--black);
  position: static;
}

.sg-logo-block {
  border: .03125rem solid #eeeeee80;
  border-radius: .3125rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-bottom: 1rem;
  padding: 4rem 2rem;
  display: flex;
  position: relative;
}

.sg-buttons-grid-two {
  grid-column-gap: 1rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-bottom: 2.5rem;
  display: grid;
}

.message-title-field-wrapper {
  flex-direction: column;
  align-items: flex-start;
  padding-top: .625rem;
  display: flex;
}

.text-area {
  background-color: #f1f3f5;
  border: .0625rem solid #0000;
  border-radius: 1.875rem;
  min-height: 15vh;
  margin-bottom: 1.25rem;
  padding-top: 1.25rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

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

.settings-text-field {
  color: var(--dark-gray);
  background-color: #f1f3f5;
  border: .0625rem solid #0000;
  border-radius: 6.25rem;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 7vh;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  font-family: proxima-nova, sans-serif;
  font-weight: 400;
  display: flex;
}

.settings-text-field::placeholder {
  color: var(--gray);
}

.text-field {
  color: #6c757d;
  background-color: #0000;
  border: 0 #0000;
  border-bottom: .0625rem solid #0000;
  align-self: flex-start;
  margin-bottom: 0;
  padding: .4375rem 0;
}

.settings-flex-container {
  grid-column-gap: .9375rem;
  flex-wrap: nowrap;
  justify-content: space-between;
  padding-top: .625rem;
  display: flex;
}

.settings-flex-container.width-100 {
  width: 100%;
}

.settings-flex-container.width-100.login {
  margin-bottom: 1.625rem;
  padding-bottom: 1.25rem;
}

.settings-flex-container.center {
  justify-content: center;
}

.settings-flex-container.nopadding {
  padding-top: 0;
}

.settings-wrapper-half {
  width: 100%;
  max-width: 50%;
  min-height: .0625rem;
  display: flex;
  position: relative;
}

.settings-block-wrapper {
  flex-direction: column;
  width: 100%;
  height: auto;
  min-height: auto;
  max-height: 100%;
  display: flex;
  overflow: visible;
}

.settings-form {
  grid-row-gap: .9375rem;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.bold {
  color: var(--black);
  letter-spacing: 0;
  font-family: proxima-nova, sans-serif;
  font-size: 1.0625rem;
  font-weight: 900;
}

.semi-bold {
  color: var(--black);
  letter-spacing: 0;
  font-family: proxima-nova, sans-serif;
  font-size: 1.0625rem;
  font-weight: 700;
}

.normal {
  color: var(--black);
  letter-spacing: 0;
  font-family: proxima-nova, sans-serif;
  font-size: 1.0625rem;
  font-weight: 400;
}

.light {
  color: var(--black);
  letter-spacing: 0;
  font-family: proxima-nova, sans-serif;
  font-size: 1.0625rem;
  font-weight: 100;
}

.color-light-gray {
  color: var(--light-gray);
}

.paragraph-max-width {
  text-align: center;
  max-width: 43.75rem;
  margin-left: auto;
  margin-right: auto;
}

._404-row {
  flex-wrap: wrap;
  justify-content: center;
  max-width: 37.5rem;
  margin: 2rem auto;
  display: flex;
}

.error-massage {
  text-align: center;
  width: 60%;
  margin-left: auto;
  margin-right: auto;
  padding-left: .9375rem;
  padding-right: .9375rem;
}

.color-primary {
  color: var(--tp-redmain);
}

.not-centered {
  text-align: left;
}

.line-height {
  background-color: #ffc328;
  width: 100%;
  min-height: 1.5625rem;
  position: absolute;
  top: 15.625rem;
  left: -8.125rem;
}

.card-shadow {
  z-index: -1;
  background-image: linear-gradient(to right, var(--tp-redmain), var(--tp-purple) 50%, var(--tp-pink));
  opacity: .5;
  filter: blur(.9375rem);
  width: 90%;
  height: 20%;
  margin-top: 0;
  margin-bottom: -2.875rem;
  display: block;
  position: absolute;
  inset: auto auto 0% 5%;
}

.main-flex-wrapper {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-right: 2%;
  display: flex;
}

.main-flex-wrapper.login {
  background-image: url('../images/tp_backgrpund.jpg');
  background-position: 50%;
  background-size: cover;
  max-width: none;
}

.button-text {
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  margin-top: 0;
  margin-left: 0;
  font-family: proxima-nova, sans-serif;
  font-size: .875rem;
  font-weight: 700;
  line-height: .5625rem;
}

.sg-main-logo {
  background-color: var(--white);
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 8.125rem;
  max-height: 8.125rem;
  padding-right: .3125rem;
  transition: background-color .25s, letter-spacing .3s ease-in-out, color .4s;
  display: flex;
}

.sg-main-logo:hover {
  background-color: var(--tp-purple);
}

.sg-return-to-home-lb-mobile-only {
  background-color: var(--white);
  color: #12192d;
  border-top: .03125rem solid #eeeeee80;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 8.125rem;
  margin-top: auto;
  font-size: .9375rem;
  line-height: 3;
  transition: letter-spacing .25s ease-in-out, background-color .4s;
  display: flex;
}

.sg-return-to-home-lb-mobile-only:hover {
  color: #fff;
  letter-spacing: 0;
}

.text-mobile-only {
  color: #3f3023;
  margin-top: .625rem;
  margin-bottom: .625rem;
  font-size: .875rem;
  font-weight: 300;
  line-height: 1.313rem;
}

.text-mobile-only.mobile-only {
  display: none;
}

.card {
  border: .0625rem solid var(--white);
  background-color: var(--white);
  border-radius: 1.5rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 2.5rem;
  padding: 2.5rem;
  position: relative;
  overflow: visible;
  box-shadow: 0 10px 1.25rem .0625rem #0003;
}

.card.height-420px {
  min-height: 26.25rem;
  max-height: 26.25rem;
}

.card.height-420px.gap-16px-row-not-centered {
  grid-row-gap: 1rem;
  align-items: flex-start;
  display: flex;
}

.card.height-420px.background-image {
  background-image: url('../images/purple-and-pink-background-with-a-curved-curve.jpg');
  min-height: 8.125rem;
  max-height: 8.125rem;
}

.card.height-560px {
  min-height: 35rem;
  max-height: 35rem;
}

.card.height-560px.background-image {
  background-image: url('../images/orange-and-purple-background-with-wavy-shapes.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.card.height-275px {
  min-height: 17.1875rem;
  max-height: 17.1875rem;
}

.card.height-275px.gap-16px-row {
  grid-row-gap: 1rem;
  display: flex;
}

.card.align-justify-center {
  color: #f6f6f612;
  background-color: #fff;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 0%;
  display: flex;
}

.card.align-justify-center.center {
  align-items: center;
}

.card.no-padding {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.card.padding-72px {
  padding-bottom: 4.5rem;
  padding-left: 4.5rem;
  padding-right: 4.5rem;
}

.card.flex-start-justify-center {
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.card.background-image {
  background-image: url('../images/orange-and-purple-background-with-wavy-shapes.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: auto;
}

.card.min-height-620px {
  min-height: 38.75rem;
}

.card.sms {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.card.customer {
  background-color: #76a9ff1a;
  box-shadow: 0 6px .875rem -.375rem #0003;
}

.card.charts {
  padding-right: 1.25rem;
}

.card.nogrid {
  display: block;
}

.card.liveleads {
  border-color: var(--medblue);
  padding: 2.5rem;
}

.card.todo {
  border-color: var(--green);
  padding: 2.5rem;
}

.card.add {
  border-width: .5rem;
  border-color: var(--light-green);
}

.card.edit {
  border-width: .5rem;
  border-color: var(--tp-purple);
}

.card.manage {
  border-width: .5rem;
  border-color: var(--tp-redmain);
}

.grid-3 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(12.5rem, 1fr));
  grid-auto-columns: 1fr;
  display: grid;
}

.dashboard {
  z-index: 1;
  width: 100%;
  margin-top: 5rem;
  margin-left: 1.25rem;
  position: relative;
}

.sidebar {
  z-index: 1;
  background-color: var(--white-smoke);
  min-width: 15.625rem;
  max-width: 15.625rem;
  margin-bottom: -1.25rem;
  padding-bottom: 1.25rem;
  position: sticky;
  top: 0;
  bottom: 0;
  left: 0;
  overflow: visible;
}

.dashboard-details {
  background-color: var(--white-smoke);
  flex-direction: column;
  width: 100%;
  max-width: none;
  margin-top: 2.5rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  display: flex;
  position: relative;
}

.dashboard-details.no-padding {
  width: auto;
  padding-left: 0;
  padding-right: 0;
}

.dashboard-details.login {
  background-color: #fff0;
  max-width: 37.5rem;
}

.dashboard-details.resetpass {
  margin-top: 4.375rem;
}

.dashboard-header {
  background-color: var(--lightergrey);
  justify-content: flex-end;
  align-items: center;
  min-width: 100%;
  min-height: 5rem;
  padding-left: 2%;
  padding-right: 2%;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
}

.icon {
  color: var(--black);
  justify-content: center;
  align-items: center;
  min-width: 1.25rem;
  max-width: 1.25rem;
  min-height: 1.25rem;
  max-height: 1.25rem;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-family: Material Symbols Outlined, sans-serif;
  font-size: 1.25rem;
  font-weight: 300;
  display: flex;
}

.icon.smaller {
  font-size: 1rem;
}

.icon.smaller.color-dark-gray:hover {
  background-color: var(--primary-10);
}

.icon.absolute-top-right {
  color: var(--gray);
  position: absolute;
  inset: .4375rem .875rem auto auto;
}

.icon.absolute-top-right:hover {
  color: var(--light-gray);
}

.icon.tiny {
  min-width: .5625rem;
  max-width: .5625rem;
  min-height: .5625rem;
  max-height: .5625rem;
  font-size: .6875rem;
  line-height: .5625rem;
}

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

.grid-2-1d {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.filled-circle-avatar {
  border: .1875rem solid var(--light-gray);
  background-color: #0000;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 2rem;
  min-width: 2rem;
  height: 2rem;
  min-height: 2rem;
  display: flex;
  overflow: hidden;
}

.filled-circle-avatar._40x40 {
  min-width: 2.5rem;
  max-width: 2.5rem;
  min-height: 2.5rem;
  max-height: 2.5rem;
}

.filled-circle-avatar._48x48 {
  min-width: 3rem;
  max-width: 3rem;
  min-height: 3rem;
  max-height: 3rem;
}

.filled-circle-avatar._80x80 {
  min-width: 5rem;
  max-width: 5rem;
  min-height: 5rem;
  max-height: 5rem;
}

.filled-circle-avatar._120x120 {
  background-color: var(--white);
  width: 7.5rem;
  height: 7.5rem;
}

.filled-circle-avatar._120x120.move-up-60px {
  position: absolute;
  top: -3.75rem;
}

.filled-circle-avatar._160x160 {
  width: 10rem;
  height: 10rem;
}

.filled-circle-avatar._60x60 {
  min-width: 3.75rem;
  max-width: 3.75rem;
  min-height: 3.75rem;
  max-height: 3.75rem;
}

.filled-circle-avatar.shift-left-12px {
  position: relative;
  left: -.75rem;
}

.filled-circle-avatar.shift-left-24px {
  position: relative;
  left: -1.5rem;
}

.filled-circle-avatar.shift-left-36px {
  position: relative;
  left: -2.25rem;
}

.filled-circle-avatar.no-border {
  border-width: 0;
}

.filled-circle-avatar.background-primary.shift-left-48px {
  position: relative;
  left: -3rem;
}

.avatar-flex {
  grid-column-gap: 1.875rem;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-height: 7.5rem;
  padding-left: 3.75rem;
  padding-right: 3.75rem;
}

.horizontal-line {
  background-color: var(--light-gray);
  width: 80%;
  height: .0625rem;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}

.horizontal-line._100 {
  width: 100%;
}

.logo {
  justify-content: space-between;
  align-items: center;
  min-width: 15rem;
  max-width: 15rem;
  min-height: 5.625rem;
  display: flex;
}

.sidebar-main, .sidebar-utilities {
  flex-direction: column;
  display: flex;
}

.sidebar-flex {
  justify-content: space-between;
  align-items: center;
  min-height: 3.5rem;
  max-height: 3.5rem;
  margin-left: 1.25rem;
  padding-left: 1.25rem;
  padding-right: 2.5rem;
  display: flex;
}

.sidebar-flex:hover {
  background-color: var(--light-gray);
  border-radius: 1.25rem;
  margin-left: 1.25rem;
  padding-left: 1.25rem;
}

.sidebar-flex.w--current {
  background-color: var(--white);
  border-radius: 1.25rem;
  margin-left: 1.25rem;
  margin-right: 0;
  padding-left: 1.25rem;
  padding-right: 2.5rem;
  display: flex;
}

.sidebar-title-flex {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  align-items: center;
  display: flex;
}

.sidebar-title-flex.relative {
  left: -2.375rem;
}

.logo-flex {
  justify-content: space-between;
  align-items: center;
  min-width: 100%;
  min-height: 1.875rem;
  max-height: 1.875rem;
  padding-left: 1.875rem;
  padding-right: 1.5625rem;
  display: flex;
}

.search {
  background-color: var(--white);
  color: var(--black);
  border-radius: 1.5rem;
  min-width: 22.5rem;
  max-width: 22.5rem;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  position: relative;
  overflow: hidden;
}

.search-input {
  color: var(--black);
  background-color: #0000;
  border: 0 solid #0000;
  padding-left: 2.5625rem;
  padding-right: 1.875rem;
  font-family: Inter, sans-serif;
  font-size: .875rem;
  line-height: .625rem;
}

.search-input:hover, .search-input:active {
  color: var(--black);
}

.search-input:focus {
  color: var(--black);
  border-color: #0000;
}

.search-input:focus-visible {
  color: var(--black);
}

.search-input[data-wf-focus-visible] {
  color: var(--black);
}

.search-input::placeholder {
  color: var(--gray);
}

.header-flex {
  align-items: flex-end;
  max-height: 1.875rem;
  margin-right: 20%;
  display: flex;
}

.relative {
  justify-content: center;
  min-width: 1.875rem;
  display: flex;
  position: relative;
}

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

.button-with-icon {
  background-color: var(--tp-redmain);
  border-radius: 6.25rem;
  justify-content: center;
  align-items: center;
  padding: .75rem 2rem;
  display: flex;
}

.button-with-icon.smaller-left-padding {
  padding-left: 1.625rem;
}

.button-with-icon.smaller-left-padding.flex {
  background-color: var(--light-blue);
  align-self: stretch;
  padding-top: .5rem;
  padding-bottom: .5rem;
}

.button-with-icon.whitetext {
  color: var(--white);
}

.badge-card {
  background-color: var(--light-blue);
  box-shadow: none;
  color: var(--dark-blue);
  text-transform: uppercase;
  white-space: nowrap;
  border-radius: 6.25rem;
  justify-content: center;
  align-self: center;
  align-items: center;
  padding: .5rem 1rem;
  font-size: .75rem;
  font-weight: 700;
  transition: transform .4s, border-color .4s, background-color .4s;
  display: flex;
}

.badge-card:hover {
  background-color: var(--dark-blue);
  color: #f5f5f5;
}

.badge-card.background-yellow {
  margin-top: .3125rem;
  padding-top: .25rem;
  padding-bottom: .25rem;
}

.badge-card.opportunity {
  min-width: 100%;
}

.badge-card.opportunity.purl {
  background-color: var(--light-green);
  color: var(--dark-green);
}

.badge-card.opportunity.purl:hover {
  background-color: var(--dark-green);
  color: var(--white-smoke);
}

.badge-card.composesms {
  background-color: var(--pink);
  color: var(--tp-purple);
  min-width: 100%;
}

.badge-card.composesms:hover {
  background-color: var(--light-gray-2);
  color: var(--tp-pink);
}

.badge-card.composesms.purl {
  background-color: var(--green);
  color: var(--dark-green);
}

.badge-card.composesms.purl:hover {
  background-color: var(--dark-green);
  color: var(--white-smoke);
}

.badge-card.syncsms {
  background-color: var(--light-green);
  color: var(--dark-green);
  min-width: 100%;
}

.badge-card.syncsms:hover {
  background-color: var(--light-gray-2);
  color: #55886e;
}

.badge-card.syncsms.purl {
  background-color: var(--green);
  color: var(--dark-green);
}

.badge-card.syncsms.purl:hover {
  background-color: var(--dark-green);
  color: var(--white-smoke);
}

.badge-card.syncsms.with-text {
  min-width: auto;
}

.badge-card.syncsms.without-text {
  min-width: auto;
  display: none;
}

.badge-card.yellow {
  background-color: #f7d9a3;
}

.badge-card.yellow:hover {
  color: #424242;
}

.badge-card.purple {
  background-color: #b6abef;
}

.badge-card.pink {
  background-color: var(--pink);
}

.badge-card.green {
  background-color: var(--green);
}

.badge-card.blue {
  background-color: var(--medblue);
}

.badge-card.orange {
  background-color: #e7af6f;
}

.badge-text {
  text-transform: none;
  margin-top: 0;
}

.burger-menu-icon {
  z-index: 5;
  color: var(--black);
  cursor: pointer;
  justify-content: center;
  align-items: center;
  min-width: 1.875rem;
  max-width: 1.875rem;
  min-height: 1.875rem;
  max-height: 1.875rem;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Material Symbols Outlined, sans-serif;
  font-size: 1.5rem;
  font-weight: 300;
  display: flex;
}

.sidebar-title {
  color: var(--black);
  font-weight: 400;
}

.sidebar-title.breadcrumbcategory {
  color: var(--gray);
  text-transform: uppercase;
  font-size: 1.125rem;
  font-weight: 700;
}

.side-bar-icon {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  min-width: 1.25rem;
  max-width: 1.25rem;
  min-height: 1.25rem;
  max-height: 1.25rem;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-family: Material Symbols Outlined, sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  display: flex;
}

.side-bar-icon.leftspace {
  margin-left: .625rem;
}

.side-bar-icon.leftspace.searchbox {
  margin-top: -.5625rem;
  margin-left: -1.8125rem;
}

.side-bar-icon.grey {
  color: var(--gray);
}

.side-bar-icon.pink {
  color: var(--tp-pink);
}

.side-bar-icon.purple {
  color: var(--tp-purple);
}

.side-bar-icon.green {
  color: #15810d;
}
.side-bar-icon.drkblue {
  color:#0100B3;
}
.side-bar-icon.oj {
  color: #d47800;
}

.side-bar-icon.red {
  color: #ca273a;
}

.side-bar-icon.drkred {
  color: #770815;
}

.side-bar-icon.yellow {
  color: #bdc00b;
}

.side-bar-icon.blue {
  color: var(--tp-redmain);
}

.logo-icon {
  color: var(--black);
  cursor: pointer;
  justify-content: center;
  align-items: center;
  min-width: 1.875rem;
  max-width: 1.875rem;
  min-height: 1.875rem;
  max-height: 1.875rem;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Material Symbols Outlined, sans-serif;
  font-size: 2rem;
  font-weight: 300;
  display: flex;
}

.logo-title {
  white-space: nowrap;
  font-weight: 400;
  line-height: 1.8125rem;
}

.logo-title.show-from-tab {
  color: var(--dark-gray);
  text-transform: uppercase;
  font-size: 1.375rem;
  font-weight: 700;
  display: block;
}

.logo-trigger-box {
  z-index: 1;
  justify-content: center;
  align-items: center;
  width: 4.375rem;
  height: 4.375rem;
  display: none;
  position: relative;
}

.horizontal-top-line {
  background-color: var(--light-gray);
  width: 80%;
  height: .0625rem;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}

.horizontal-top-line._100 {
  width: 100%;
}

.horizontal-top-line._100-with-margin-20px {
  width: 100%;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}

.horizontal-top-line._100-with-margin-36px {
  width: 100%;
  margin-top: 2.25rem;
  margin-bottom: 2.25rem;
}

.horizontal-top-line._100-with-margin-36px-alt {
  margin-top: 1.5rem;
  margin-bottom: 2.25rem;
}

.dashboard-user-name {
  margin-top: .25rem;
  margin-left: 0;
  line-height: 1.3125rem;
}

.dashboard-user-position {
  line-height: 1.125rem;
}

.dashboard-circle-user-image {
  max-width: 100%;
}

.ghost-header {
  background-color: var(--white-smoke);
  width: 100%;
  min-height: 5.625rem;
  max-height: 5.625rem;
  position: absolute;
}

.flex {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  display: flex;
}

.flex.gap-8px {
  grid-column-gap: .5rem;
}

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

.flex.align-center.gap-12px.language {
  margin-left: 1.25rem;
}

.flex.align-center.gap-12px.smsdate {
  margin-bottom: .625rem;
}

.flex.align-center.gap-12px.center {
  justify-content: center;
}

.flex.align-center.gap-12px.stackvert {
  flex-direction: column;
}

.flex.align-center.gap-4px {
  grid-column-gap: .375rem;
  margin-bottom: .3125rem;
}

.flex.align-center.gap-4px.link:hover {
  background-color: var(--primary-10);
}

.flex.align-center.gap-4px.linkgreen {
  background-color: #b8e6ce00;
}

.flex.align-center.gap-4px.linkgreen:hover {
  background-color: #e8fff3;
}

.flex.align-center.gap-4px.viewed {
  margin-bottom: 0;
  padding-right: 1.25rem;
}

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

.flex.gap-12px {
  grid-column-gap: .75rem;
}

.flex.gap-12px.align-center {
  align-items: center;
}

.flex.space-between {
  grid-column-gap: .3125rem;
  justify-content: space-between;
  margin-bottom: .3125rem;
}

.flex.space-between:hover {
  filter: saturate(30%);
}

.flex.space-between.min-height-17px {
  min-height: 1.0625rem;
}

.flex.gap-4px {
  grid-column-gap: .25rem;
}

.flex.shift-left {
  position: relative;
  left: -.375rem;
}

.flex.flex-end {
  justify-content: flex-end;
}

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

.flex.on-mobile.csrs {
  justify-content: flex-end;
  margin-top: 1.25rem;
  margin-bottom: .625rem;
}

.flex.grid {
  justify-content: space-between;
}

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

.icon-circle {
  background-color: var(--tp-redmain);
  color: var(--light-gray);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  min-width: 2.5rem;
  max-width: 2.5rem;
  min-height: 2.5rem;
  max-height: 2.5rem;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-family: Material Symbols Outlined, sans-serif;
  font-size: 1.25rem;
  font-weight: 300;
  display: flex;
}

.icon-circle.bigger {
  min-width: 3.75rem;
  max-width: 3.75rem;
  min-height: 3.75rem;
  max-height: 3.75rem;
  font-size: 1.875rem;
}

.icon-circle.smaller {
  min-width: 1.875rem;
  max-width: 1.875rem;
  min-height: 1.875rem;
  max-height: 1.875rem;
  font-size: 1rem;
}

.icon-circle.tiny {
  min-width: 1.25rem;
  max-width: 1.25rem;
  min-height: 1.25rem;
  max-height: 1.25rem;
  font-size: .625rem;
}

.icon-circle.tiny.background-green, .icon-circle.tiny.background-secondary {
  min-width: 1.875rem;
  max-width: 1.875rem;
  min-height: 1.875rem;
  max-height: 1.875rem;
  font-size: 1.125rem;
}

.icon-circle.tiny.background-secondary.appointment {
  background-color: var(--tp-redmain);
}

.icon-circle.tiny.background-secondary.customer {
  background-color: var(--dark-blue);
}

.icon-circle.tiny.background-transparent {
  min-width: 1.875rem;
  max-width: 1.875rem;
  min-height: 1.875rem;
  max-height: 1.875rem;
  font-size: 1.125rem;
}

.icon-circle.tiny.background-transparent.customer {
  background-color: var(--dark-blue);
}

.icon-circle.tiny.background-k2k {
  background-color: var(--light-green);
  color: var(--dark-green);
  min-width: 1.875rem;
  max-width: 1.875rem;
  min-height: 1.875rem;
  max-height: 1.875rem;
  font-size: 1.125rem;
}

.icon-circle.tiny.background-k2k.customer {
  background-color: var(--dark-blue);
}

.icon-circle.tiny.background-grey {
  background-color: var(--light-gray-2);
  min-width: 1.875rem;
  max-width: 1.875rem;
  min-height: 1.875rem;
  max-height: 1.875rem;
  font-size: 1.125rem;
}

.icon-circle.tiny.background-grey.number {
  margin-left: .625rem;
  font-family: proxima-nova, sans-serif;
}

.icon-circle.tiny.background-purple {
  background-color: #f0d5ee;
  min-width: 1.875rem;
  max-width: 1.875rem;
  min-height: 1.875rem;
  max-height: 1.875rem;
  font-size: 1.125rem;
}

.icon-circle.meeting {
  background-color: var(--tp-purple);
}

.icon-circle.call {
  background-color: var(--dark-green);
}

.icon-circle.task {
  background-color: var(--teal);
}

.icon-circle.sms {
  background-color: var(--light-green);
  color: var(--dark-green);
}

.line-height-12px {
  margin-top: .625rem;
  padding-right: .875rem;
  line-height: .6875rem;
}

.line-height-12px.margin-bottom-8px {
  margin-bottom: .5rem;
}

.font-size-11px {
  font-size: .6875rem;
  line-height: .5625rem;
}

.color-overlay-ii-round-2 {
  z-index: 99;
  background-color: var(--light-gray);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  min-width: 16%;
  min-height: 17%;
  position: absolute;
  top: 61%;
  left: auto;
  right: 5%;
  transform: rotate(-20deg);
}

.color-overlay-main-ii {
  z-index: 99;
  background-color: var(--light-gray);
  border-bottom-right-radius: 100%;
  justify-content: center;
  align-items: center;
  min-width: 30%;
  min-height: 40%;
  position: absolute;
  inset: auto -5% 30% auto;
  transform: rotate(-30deg);
}

.circle-center-ii {
  z-index: 100;
  border: 1rem solid var(--white);
  background-color: var(--white);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  min-width: 75%;
  min-height: 75%;
  position: absolute;
}

.infographic-circle {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-width: 13.125rem;
  max-width: 13.125rem;
  min-height: 13.125rem;
  max-height: 13.125rem;
  margin-top: -.25rem;
  margin-bottom: .625rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.color-overlay-ii {
  z-index: 99;
  background-color: var(--white);
  justify-content: center;
  align-items: center;
  min-width: 65%;
  min-height: 65%;
  position: absolute;
  inset: auto auto -10%;
  transform: rotate(-45deg);
}

.color-overlay-ii-round {
  z-index: 99;
  background-image: linear-gradient(to bottom, transparent, var(--tp-purple) 25%);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  min-width: 16%;
  min-height: 16%;
  position: absolute;
  top: 61%;
  left: 5%;
  transform: rotate(-20deg);
}

.color-overlay-ii-round.light-pink {
  background-image: linear-gradient(#0000, #f8aec7 25%);
}

.color-overlay-ii-round.light-yellow {
  background-image: linear-gradient(#0000, #fcdb97 25%);
}

.cardopendeals {
  z-index: 101;
  color: var(--dark-gray);
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-family: Inter, sans-serif;
  font-size: 2.25rem;
  font-weight: 700;
  line-height: 1.5625rem;
  position: relative;
}

.circle-1 {
  z-index: 100;
  border: .5rem solid var(--white);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  min-width: 100%;
  min-height: 100%;
  display: flex;
  position: absolute;
}

.percent-left {
  z-index: 101;
  color: var(--dark-gray);
  position: absolute;
  inset: auto auto 12% 16%;
}

.circle-text-ii-subtext {
  z-index: 101;
  color: var(--gray);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: .625rem;
  font-weight: 300;
  position: absolute;
  top: 35%;
  right: auto;
}

.percent-right {
  z-index: 101;
  color: var(--dark-gray);
  position: absolute;
  inset: auto 16% 12% auto;
}

.background-secondary {
  background-color: var(--tp-purple);
}

.gap-4px-row {
  grid-row-gap: .25rem;
  flex-direction: column;
  display: flex;
}

.absolute-top-right {
  position: absolute;
  inset: 5% 5% auto auto;
}

.font-size-12px {
  cursor: pointer;
  font-size: .75rem;
  line-height: 1.0625rem;
}

.font-size-12px:hover {
  text-decoration: underline;
}

.font-size-12px.hide-weekends {
  display: none;
}

.gap-20px-row {
  grid-row-gap: 1.25rem;
  flex-direction: column;
  display: flex;
}

.base-bar-2 {
  background-color: var(--light-gray);
  min-width: 100%;
  max-width: 100%;
}

.bar-horizontal {
  background-image: linear-gradient(to right, var(--tp-purple), var(--tp-redmain));
  width: 68%;
  height: .625rem;
  position: relative;
}

.bar-horizontal.gradient-pink {
  background-image: linear-gradient(to right, #f8aec7, var(--pink));
}

.bar-horizontal.gradient-pink.width-91 {
  width: 91%;
}

.bar-horizontal.gradient-yellow {
  background-image: linear-gradient(to right, #fcdb97, var(--tp-pink));
}

.bar-horizontal.gradient-yellow.width-42 {
  width: 42%;
}

.bar-horizontal.gradient-green {
  background-image: linear-gradient(to right, #67ce99, var(--green));
}

.bar-horizontal.gradient-green.width-57 {
  width: 57%;
}

.slide-up-animation-wrapper {
  border-radius: .75rem;
  flex-direction: column;
  align-items: flex-start;
  width: 90%;
  margin-right: .5rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.min-width-120px {
  text-align: center;
  justify-content: center;
  min-width: 7.5rem;
  max-width: 7.5rem;
  display: flex;
}

.sort-label {
  text-transform: uppercase;
  font-size: .75rem;
  font-weight: 700;
  line-height: .75rem;
}

.sort-flex {
  grid-column-gap: .25rem;
  word-break: break-all;
  justify-content: flex-start;
  align-items: center;
  min-width: 3.75rem;
  min-height: 3.5rem;
  padding: .625rem;
  display: flex;
}

.sort-flex.pointer {
  cursor: pointer;
  height: 0;
  padding-left: .625rem;
  padding-right: .625rem;
}

.sort-flex.pointer:hover {
  background-color: var(--primary-10);
  color: var(--tp-purple);
  font-weight: 900;
}

.sort-flex.pointer.full {
  background-color: var(--primary-10);
  min-width: 100%;
}

.sort-flex.flex-end {
  justify-content: flex-start;
  padding-left: .625rem;
  padding-right: .625rem;
}

.sort-flex.smaller {
  min-width: 3.75rem;
}

.sort-flex.smaller.margin-left-18px {
  padding-left: .625rem;
  padding-right: .625rem;
}

.sort-flex.center {
  justify-content: center;
  font-family: Material Symbols Outlined, sans-serif;
}

.sort-flex.center.card {
  background-color: #fff0;
  width: auto;
  position: relative;
  inset: 0% auto auto 0%;
}

.sort-flex.center.cardicons {
  min-width: 3.125rem;
  min-height: 3.125rem;
  padding-left: .3125rem;
  padding-right: .3125rem;
}

.sort-flex.center.smaller {
  min-width: 1.875rem;
  min-height: 1.875rem;
  padding-left: 0;
  padding-right: 0;
}

.sort-flex.center.largetext {
  color: var(--medblue);
  min-width: auto;
  height: 5rem;
  min-height: auto;
  font-size: 3rem;
  font-weight: 700;
}

.sort-flex.center.nopadding {
  padding-top: .3125rem;
  padding-bottom: .3125rem;
}

.sort-flex.center.shorter {
  height: 2.1875rem;
  min-height: 2.1875rem;
}

.sort-flex.stacked {
  min-height: 1.875rem;
}

.semi-circle-color {
  z-index: 1;
  background-image: linear-gradient(to right, var(--tp-purple), var(--tp-redmain));
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  min-width: 95%;
  min-height: 95%;
  display: flex;
  position: absolute;
}

.semi-circle-color.gradient-pink {
  background-image: linear-gradient(to right, #f8aec7, var(--pink));
}

.semi-circle-color.gradient-yellow {
  background-image: linear-gradient(to right, #fcdb97, var(--tp-pink));
}

.cart {
  background-color: #0000;
  justify-content: center;
  width: 1.875rem;
  height: 1.875rem;
  padding: 0;
  position: relative;
}

.cart-quantity {
  color: var(--tp-purple);
  background-color: #0000;
  min-width: auto;
  height: auto;
  margin-left: 0;
  padding-left: 0;
  padding-right: 0;
  font-size: .6875rem;
  font-weight: 600;
  line-height: .625rem;
  position: absolute;
  inset: -.1875rem .1875rem auto auto;
}

.upper-card-profile-background {
  background-image: url('../images/purple-and-pink-background-with-a-curved-curve.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 8.125rem;
  position: relative;
}

.name-block {
  flex-direction: column;
  margin-top: 1rem;
  margin-left: 9rem;
  display: flex;
}

.name-profile-card {
  text-transform: none;
}

.button-small {
  border: .0625rem solid var(--gray);
  background-color: var(--white);
  box-shadow: none;
  color: var(--black);
  text-align: center;
  text-transform: none;
  border-radius: 6.25rem;
  justify-content: center;
  align-self: center;
  align-items: center;
  padding: .75rem;
  font-size: .6875rem;
  line-height: .625rem;
  transition: color .25s, box-shadow .3s ease-in-out, transform .4s, border-color .4s, background-color .4s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.button-small:hover {
  border-color: var(--tp-redmain);
  color: var(--tp-redmain);
}

.button-small.no-wrap {
  white-space: nowrap;
}

.button-small.no-wrap.green {
  background-color: var(--green);
}

.profile-about-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-left: 2.25rem;
  padding-right: 2.25rem;
  display: flex;
}

.users-side-bar-right {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 56.25rem;
  display: grid;
}

.users-side-bar-left {
  grid-row-gap: 1.25rem;
  flex-direction: column;
  width: 100%;
  max-width: 56.25rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

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

.block.paddingright {
  width: 100%;
}

.filled-white-square-curve {
  background-color: var(--light-gray);
  border-radius: 1rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-width: 3.75rem;
  max-width: 3.75rem;
  min-height: 3.75rem;
  max-height: 3.75rem;
  margin-right: .625rem;
  display: flex;
}

.filled-white-square-curve._40x40 {
  min-width: 2.5rem;
  max-width: 2.5rem;
  min-height: 2.5rem;
  max-height: 2.5rem;
}

.image-company-icon {
  width: 3.125rem;
  max-width: 100%;
  height: 3.125rem;
}

.image-company-icon._40x40 {
  width: 1.875rem;
  height: 1.875rem;
}

.button-nav-tab {
  background-color: var(--tp-purple);
  box-shadow: none;
  color: var(--light-gray);
  text-align: center;
  letter-spacing: 0;
  text-transform: uppercase;
  white-space: nowrap;
  border-radius: 1.5rem;
  justify-content: center;
  align-items: center;
  min-width: 6.25rem;
  padding: .625rem .9375rem;
  font-size: .75rem;
  font-weight: 500;
  line-height: 1.5rem;
  transition: transform .4s, border-color .4s, background-color .4s;
  display: flex;
}

.button-nav-tab:hover {
  background-color: var(--gray);
  color: var(--light-gray);
}

.button-nav-tab.w--current {
  background-color: var(--tp-redmain);
  color: #eee;
}

.row {
  background-color: #f6f6f6;
  flex-wrap: wrap;
  justify-content: space-between;
  display: flex;
}

.price-features-wrapper {
  grid-row-gap: 1rem;
  flex-direction: column;
  display: flex;
}

.price-two {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.users-grid {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  align-items: start;
}

.product-price {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  font-size: 2rem;
  line-height: 1.5625rem;
}

.select-field {
  border: 1rem solid var(--tp-redmain);
  background-color: var(--tp-redmain);
  color: #eee;
  justify-content: flex-start;
  align-items: center;
  max-width: 22.5rem;
  height: 3.75rem;
  min-height: 3.75rem;
  margin-bottom: 1.5rem;
  padding: 0;
  font-size: 1.1rem;
  display: flex;
}

.select-field:active, .select-field:focus {
  border-color: var(--dark-blue);
}

.select-field:focus-visible {
  border-color: var(--dark-blue);
}

.select-field[data-wf-focus-visible] {
  border-color: var(--dark-blue);
}

.page-grid-pricing-single {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  align-items: start;
}

.profile-form-wrapper {
  border: .0625rem solid var(--white);
  background-color: var(--white);
  border-radius: 1.5rem;
  align-self: flex-start;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 2.25rem 5vw;
  position: relative;
  box-shadow: 0 10px 1.25rem .125rem #0003;
}

.notes {
  color: var(--dark-gray);
  text-align: left;
  border: 0 #0000;
  border-bottom: .0625rem solid #0000;
  margin-bottom: 0;
  margin-left: .3125rem;
  font-family: proxima-nova, sans-serif;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.875rem;
}

.profile-details-flex {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 1.25rem;
  display: block;
}

.profile-picture-name-flex {
  margin-left: 4rem;
  margin-right: 2.375rem;
  display: flex;
  position: relative;
}

.icon-square {
  background-color: var(--light-gray);
  color: var(--dark-gray);
  justify-content: center;
  align-items: center;
  min-width: 2.8125rem;
  max-width: 2.8125rem;
  min-height: 2.8125rem;
  max-height: 2.8125rem;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Material Symbols Outlined, sans-serif;
  font-size: 1.5rem;
  font-weight: 300;
  display: flex;
}

.icon-square.smaller {
  min-width: 1.875rem;
  max-width: 1.875rem;
  min-height: 1.875rem;
  max-height: 1.875rem;
  font-size: 1.125rem;
}

.icon-square-light {
  background-color: var(--tp-purple);
  color: #fefeff;
  border-radius: .75rem;
  justify-content: center;
  align-items: center;
  min-width: 2.5rem;
  max-width: 2.5rem;
  min-height: 2.5rem;
  max-height: 2.5rem;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Material Symbols Outlined, sans-serif;
  font-size: 1.25rem;
  font-weight: 300;
  display: flex;
}

.icon-square-light.smaller {
  min-width: 1.875rem;
  max-width: 1.875rem;
  min-height: 1.875rem;
  max-height: 1.875rem;
  font-size: 1.125rem;
}

.icon-square-light.smaller.background-primary {
  background-color: var(--tp-redmain);
}

.icon-square-light.pointer {
  cursor: pointer;
}

.margin-bottom-8px {
  margin-bottom: .5rem;
}

.gap-8px-row {
  grid-row-gap: .5rem;
  flex-direction: column;
  display: flex;
}

.line-height-15px {
  margin-top: -.125rem;
  line-height: .9375rem;
}

.color-secondary {
  color: var(--tp-purple);
}

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

.rounded-image {
  border-radius: .75rem;
  overflow: hidden;
}

.gap-36px-row {
  grid-row-gap: 2.25rem;
  flex-direction: column;
  display: flex;
}

.image-larger-on-hover {
  cursor: pointer;
  transition: transform .3s;
}

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

.tabs {
  grid-column-gap: 1.125rem;
  justify-content: center;
  align-items: center;
  margin-bottom: 3rem;
  display: flex;
}

.price-flex {
  grid-column-gap: 1.5rem;
  border-bottom: .0625rem solid var(--dark-gray);
  align-items: center;
  padding-right: 1.5rem;
  display: flex;
}

.price-feature-title {
  color: var(--dark-gray);
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
}

.price-card-option-title {
  color: var(--black);
  text-align: center;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1.125rem;
}

.icon-circle-light {
  background-color: var(--tp-pink);
  color: #fefeff;
  border-radius: 1.5rem 1.5rem 1.5rem 0;
  justify-content: center;
  align-items: center;
  min-width: 2.8125rem;
  max-width: 2.8125rem;
  min-height: 2.8125rem;
  max-height: 2.8125rem;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Material Symbols Outlined, sans-serif;
  font-size: 1.5rem;
  font-weight: 300;
  display: flex;
}

.icon-circle-light.small {
  min-width: 1.25rem;
  max-width: 1.25rem;
  min-height: 1.25rem;
  max-height: 1.25rem;
}

.icon-circle-light.small.background-primary {
  background-color: var(--tp-redmain);
}

.icon-circle-light.small.background-primary.move-right {
  margin-left: 1.875rem;
}

.price-flex-highlight-single {
  grid-column-gap: 1.5rem;
  border-bottom: .0625rem solid var(--tp-pink);
  align-items: center;
  padding-right: 1.5rem;
  display: flex;
}

.price-icon-option {
  background-color: var(--dark-blue);
  color: var(--dark-gray);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  min-width: 5.625rem;
  max-width: 5.625rem;
  min-height: 5.625rem;
  max-height: 5.625rem;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Material Symbols Outlined, sans-serif;
  font-size: 3rem;
  font-weight: 300;
  display: flex;
}

.price-icon-option.color-primary {
  color: var(--tp-redmain);
}

.show-on-tab {
  display: none;
}

.menu-mobile-icon {
  color: #fefeff;
  justify-content: center;
  align-items: center;
  min-width: 1.875rem;
  max-width: 1.875rem;
  min-height: 1.875rem;
  max-height: 1.875rem;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Material Symbols Outlined, sans-serif;
  font-size: 1.5rem;
  font-weight: 300;
  display: flex;
}

.menu-mobile-icon.show-on-tab {
  display: none;
}

.search-icon {
  color: var(--dark-gray);
  justify-content: center;
  align-items: center;
  min-width: 1.875rem;
  max-width: 1.875rem;
  min-height: 1.875rem;
  max-height: 1.875rem;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Material Symbols Outlined, sans-serif;
  font-size: 1.5rem;
  font-weight: 300;
  display: flex;
}

.search-icon.smaller {
  font-size: 1rem;
}

.search-icon.smaller.absolute {
  cursor: default;
  inset: 11% auto 0% 3%;
}

.search-icon.absolute {
  position: absolute;
  left: 2.8125rem;
}

.image-one {
  cursor: pointer;
  object-fit: cover;
  min-width: 15rem;
  max-width: 15rem;
  min-height: 15rem;
  transition: filter .2s;
}

.image-one:hover {
  filter: brightness(50%);
}

.utilities-row {
  flex-wrap: wrap;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.gallery-grid-list {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: center;
  place-items: center;
  display: grid;
}

.gallery-item {
  overflow: hidden;
}

.image-wrapper {
  object-fit: cover;
  background-color: #0006;
  border-radius: .3125rem;
  flex-direction: column;
  min-width: 15rem;
  max-width: 15rem;
  min-height: 15rem;
  max-height: 15rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.image-wrapper:hover {
  background-color: #00000080;
}

.nav-tab-law {
  flex-wrap: wrap;
  place-content: center;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.utilities-wrapper-full {
  object-fit: fill;
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.utilities-gallery-row {
  flex-wrap: wrap;
  justify-content: flex-start;
  display: flex;
}

.gallery-one {
  text-align: center;
  padding-top: 0;
  padding-bottom: 0;
}

.gallery-list-wrapper {
  grid-column-gap: 1.3125rem;
  grid-row-gap: 1.3125rem;
  flex-flow: wrap;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  overflow: hidden;
}

.row-tab-law {
  flex-wrap: nowrap;
  justify-content: space-around;
  align-items: center;
  width: 80%;
  margin-bottom: 3.75rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.utilities-rich-text {
  text-align: left;
}

.utilities-wrapper {
  text-align: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
}

.utility-button {
  background-color: #0000;
  border: 0 solid #0000;
  justify-content: flex-start;
  align-items: center;
  min-width: 12.5rem;
  padding: .9375rem 0;
  display: flex;
}

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

.circle-user-image {
  object-fit: cover;
  max-width: 100%;
  height: 100%;
}

.table-view-grid {
  grid-column-gap: .625rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr .25fr .25fr .25fr .25fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.table-view-grid.rowhover {
  grid-template-columns: 1fr 1fr 1fr .25fr .25fr .25fr .25fr;
  margin-bottom: .625rem;
}

.table-view-grid.rowhover:hover {
  background-color: var(--lightgrey);
}

.table-view-grid.rowhover.redrow {
  background-color: #fff3f3;
}

.company-content {
  grid-row-gap: .25rem;
  flex-direction: column;
  display: flex;
}

.company-grid {
  grid-column-gap: .25rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: start space-around;
  align-self: stretch;
  place-items: start stretch;
  display: grid;
}

.experience-wrapper {
  grid-row-gap: 1rem;
  flex-direction: column;
  display: flex;
}

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

.company-details {
  margin-top: 0;
  margin-left: 0;
  font-style: italic;
  line-height: .75rem;
}

.company-info-wrapper {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 1.125rem;
  display: flex;
}

.socials-wrapper {
  grid-row-gap: 2.25rem;
  flex-direction: column;
  display: flex;
}

.profile-settings-flex {
  justify-content: space-between;
  display: flex;
}

.profile-flex {
  grid-column-gap: 1rem;
  align-items: center;
  display: flex;
}

.pricing-description {
  text-align: center;
  max-width: 22.5rem;
}

.highlights-grid {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(14.375rem, 1fr));
  grid-auto-columns: 1fr;
  display: grid;
}

.package-options {
  min-height: 9.375rem;
}

.add-to-cart-button {
  background-color: var(--tp-redmain);
  box-shadow: none;
  color: #fefeff;
  text-align: center;
  letter-spacing: 0;
  text-transform: uppercase;
  white-space: nowrap;
  border-radius: 6.25rem;
  justify-content: center;
  align-self: center;
  align-items: center;
  min-width: 10rem;
  padding: 1.25rem 0;
  font-size: .75rem;
  transition: letter-spacing .2s, color .25s, box-shadow .3s ease-in-out, transform .4s, border-color .4s, background-color .4s;
  overflow: hidden;
}

.add-to-cart-button:hover {
  background-color: var(--tp-purple);
  color: #fefeff;
  letter-spacing: .03125rem;
}

.add-to-cart-button.w--current {
  background-color: var(--tp-purple);
}

.search-grid {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.search-bar-main {
  grid-column-gap: 1rem;
  border-radius: 1.5rem;
  justify-content: flex-start;
  align-items: center;
  max-width: 100%;
  min-height: 3rem;
  max-height: 3rem;
  margin-top: 2.25rem;
  margin-bottom: 2.25rem;
  display: flex;
  position: relative;
}

.search-input-main {
  border: .0625rem solid var(--light-gray-2);
  background-color: var(--light-gray-2);
  color: #fefeff;
  border-radius: 1.5rem;
  min-height: 3rem;
  max-height: 3rem;
  margin-bottom: 0;
  padding-left: 2.5625rem;
  padding-right: 1.875rem;
}

.search-input-main:focus {
  border-color: var(--tp-purple);
  color: #fefeff;
}

.search-button {
  background-color: var(--tp-redmain);
  box-shadow: none;
  color: #fefeff;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  border-radius: 6.25rem;
  justify-content: center;
  align-items: center;
  min-width: 7.5rem;
  min-height: 3rem;
  max-height: 3rem;
  font-size: .75rem;
  transition: color .25s, box-shadow .3s ease-in-out, transform .4s, border-color .4s, background-color .4s;
  overflow: hidden;
}

.search-button:hover {
  background-color: var(--tp-purple);
  color: #fefeff;
}

.search-button.w--current {
  background-color: var(--tp-purple);
}

.cart-container {
  background-color: var(--white);
  min-width: 40rem;
  max-width: 40rem;
  min-height: 70vh;
}

.checkout-button {
  background-color: var(--tp-purple);
  justify-content: center;
  align-items: center;
  height: 2.375rem;
  min-height: 1.875rem;
  padding: 0 1rem;
  font-family: Inter, sans-serif;
  font-size: 1rem;
  display: flex;
}

.checkout-button:hover {
  color: #fefeff;
  letter-spacing: .03125rem;
  background-color: #6e66d8;
}

.cart-grid {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  color: #fefeff;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center;
  min-width: 70%;
  min-height: 2.5rem;
  margin-top: -.0625rem;
  margin-left: 0;
  margin-right: 1rem;
  display: grid;
}

.default-state {
  min-height: 100%;
}

.cart-price-icon-option {
  background-color: var(--dark-blue);
  color: var(--white);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  min-width: 2.5rem;
  max-width: 2.5rem;
  min-height: 2.5rem;
  max-height: 2.5rem;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 1rem;
  font-family: Material Symbols Outlined, sans-serif;
  font-size: 1.25rem;
  font-weight: 300;
  display: flex;
}

.option-text {
  color: var(--black);
  font-family: Inter, sans-serif;
  font-size: .875rem;
  line-height: 1.875rem;
}

.option {
  margin-top: 0;
}

.remove {
  font-family: Inter, sans-serif;
  font-size: .875rem;
}

.cart-footer {
  border-top-color: var(--dark-blue);
  padding: 2.25rem;
}

.cart-header {
  border-bottom-color: var(--dark-blue);
  padding: 1rem 2.25rem;
}

.cart-list {
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  min-height: 50%;
  padding: 2.25rem 2.25rem 0;
  display: flex;
  overflow: scroll;
}

.cart-item {
  align-items: center;
  margin-bottom: 1rem;
  padding-top: 0;
  padding-bottom: 0;
}

.quantity {
  background-color: var(--tp-purple);
  border-width: 0;
  border-color: #0000;
  height: 2.5rem;
  min-height: 2.5rem;
  margin-bottom: 0;
}

.dropdown {
  transition: opacity .2s;
}

.max-width-560px {
  text-align: center;
  max-width: 35rem;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.checkout-form {
  background-color: #0000;
  padding: 0;
}

.customer-info {
  min-height: 8.75rem;
}

.background-transparent {
  border-width: 0;
  border-color: var(--dark-blue);
  background-color: #0000;
  padding-left: 0;
  padding-right: 0;
}

.shipping-address {
  min-height: 27.5rem;
}

.billing-address {
  min-height: 28.125rem;
}

.payment-container {
  flex-direction: column;
  width: 100%;
}

.button-order {
  background-color: var(--tp-purple);
  box-shadow: none;
  color: #fefeff;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  border-radius: 6.25rem;
  justify-content: center;
  align-self: center;
  align-items: center;
  margin-top: 2rem;
  padding: .75rem 1.875rem;
  font-size: .75rem;
  transition: color .25s, box-shadow .3s ease-in-out, transform .4s, border-color .4s, background-color .4s;
  overflow: hidden;
}

.button-order:hover {
  color: #fefeff;
  background-color: #414040;
}

.button-order.w--current {
  background-color: var(--tp-purple);
}

.checkbox {
  margin-top: -.25rem;
}

.order-summary {
  color: #fefeff;
  width: 100%;
  margin-bottom: 0;
}

.order-confirmationn, .check-out {
  width: 100%;
  margin-right: 0;
}

.password-wrapper {
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 12.5rem;
  height: 100vh;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20vh;
  display: flex;
}

.password-button {
  background-color: var(--dark-blue);
  box-shadow: none;
  color: #fefeff;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  border-radius: 6.25rem;
  justify-content: center;
  align-self: center;
  align-items: center;
  padding: .75rem 1.875rem;
  font-size: .75rem;
  transition: color .25s, box-shadow .3s ease-in-out, transform .4s, border-color .4s, background-color .4s;
  overflow: hidden;
}

.password-button:hover {
  color: #fefeff;
  background-color: #414040;
}

.password-button.w--current {
  background-color: var(--tp-purple);
}

.select-option, .default-state-wrapper {
  height: 3.75rem;
  min-height: 3.75rem;
  max-height: none;
  margin-bottom: 1.5rem;
}

.help-center-grid {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
  grid-auto-columns: 1fr;
  display: grid;
}

.filled-white-blur-square-curve {
  background-color: #ffffff1a;
  border-radius: 1rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-width: 3.75rem;
  max-width: 3.75rem;
  min-height: 3.75rem;
  max-height: 3.75rem;
  display: flex;
}

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

.support-form-wrapper {
  background-color: var(--white);
  border-radius: 1.5rem;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  padding: 2.25rem;
  position: relative;
}

.support-form {
  grid-row-gap: .9375rem;
  flex-direction: column;
  align-items: flex-start;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.nav-tab-flex {
  margin-bottom: 3.75rem;
  display: flex;
}

.nav-tab-flex.align-justify-center {
  justify-content: center;
  align-items: center;
}

.nav-tab-flex.align-justify-center.gap-12px {
  justify-content: flex-end;
  margin-bottom: .875rem;
}

.nav-tab-flex.gap-12px {
  grid-column-gap: .75rem;
}

.form-block {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  min-width: .75rem;
  max-width: .75rem;
  margin-bottom: 0;
  display: flex;
}

.form {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.contact-checkbox {
  margin-top: 0;
  margin-bottom: 0;
}

.checkbox-wrapper {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.footer-bottom {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.footer-bottom.login {
  text-align: center;
  justify-content: center;
  align-items: center;
  max-width: 50rem;
  padding-top: 3.75rem;
  padding-bottom: 3.75rem;
}

.footer-copyright {
  color: var(--dark-gray);
  font-family: Inter, sans-serif;
  font-size: .875rem;
  line-height: .625rem;
}

.footer-copyright.center-on-mobile.homepage {
  color: var(--black);
}

.footer-text-wrapper {
  grid-column-gap: .9375rem;
  flex-direction: row;
  justify-content: flex-end;
  width: 25%;
  margin-left: 3.75rem;
  display: flex;
}

.footer-flex-block {
  justify-content: flex-start;
  align-items: flex-start;
}

.footer-flex-block.hide {
  display: none;
}

.footer-pre-text {
  color: var(--gray);
  white-space: nowrap;
  margin-top: 0;
  font-size: .625rem;
  line-height: .625rem;
}

.footer-text-link {
  color: var(--gray);
  text-transform: uppercase;
  white-space: nowrap;
  width: 100%;
  margin-right: .625rem;
  font-family: Open Sans, sans-serif;
  font-size: .625rem;
  line-height: .625rem;
}

.footer-text-link:hover {
  color: #52443e;
  letter-spacing: 0;
}

.footer-text-link.frompage:hover {
  color: var(--medblue);
}

.footer {
  margin-top: auto;
  padding-bottom: 1.25rem;
}

.card-view-grid-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.space-between {
  justify-content: space-between;
  display: flex;
}

.card-view-profile {
  grid-row-gap: .5625rem;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.edit-icon {
  color: var(--gray);
  justify-content: center;
  align-items: center;
  min-width: 1.875rem;
  max-width: 1.875rem;
  min-height: 1.875rem;
  max-height: 1.875rem;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Material Symbols Outlined, sans-serif;
  font-size: 1.5rem;
  font-weight: 300;
  display: flex;
}

.edit-icon.smaller {
  cursor: pointer;
  font-size: 2rem;
}

.edit-icon.smaller:hover {
  color: var(--tp-purple);
}

.delete-icon {
  color: var(--gray);
  justify-content: center;
  align-items: center;
  min-width: 1.875rem;
  max-width: 1.875rem;
  min-height: 1.875rem;
  max-height: 1.875rem;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Material Symbols Outlined, sans-serif;
  font-size: 1.5rem;
  font-weight: 300;
  display: flex;
}

.delete-icon.smaller {
  color: var(--red);
  cursor: pointer;
  font-size: 2rem;
}

.delete-icon.smaller:hover {
  color: var(--red);
}

.title-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 11.25rem;
  min-height: 11.25rem;
  padding-left: 3.75rem;
  padding-right: 3.75rem;
  display: flex;
}

.help-center-wrapper, .contacts-tab {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.contact-infos-grid {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
  grid-auto-columns: 1fr;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.circle-notification-wrapper {
  grid-row-gap: 1.875rem;
  background-color: var(--red);
  cursor: grabbing;
  border-radius: 1.5rem;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: center;
  width: .9375rem;
  height: .9375rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.circle-notification-wrapper.absolute {
  position: absolute;
  inset: -9% -7% auto auto;
}

.notifications-tab {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

.notification-time {
  text-align: right;
  margin-top: 0;
}

.notifications-wrapper {
  grid-row-gap: 1rem;
  flex-direction: column;
  display: flex;
}

.notifications-info {
  grid-column-gap: .25rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: start space-between;
  align-self: stretch;
  place-items: center stretch;
  display: grid;
}

.notifications-message-info-wrapper {
  grid-column-gap: 1.125rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.notifications-inner-content {
  grid-row-gap: .5rem;
  flex-direction: column;
  min-width: 11.25rem;
  display: flex;
}

.message-info {
  margin-top: 0;
  line-height: .75rem;
}

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

.margin-bottom-12px {
  margin-bottom: .75rem;
  font-family: proxima-nova, sans-serif;
  font-weight: 900;
}

.alert-circle {
  background-color: var(--tp-purple);
  border-radius: 6.25rem;
  min-width: .375rem;
  max-width: .375rem;
  min-height: .375rem;
  max-height: .375rem;
  position: absolute;
  inset: -.0625rem .3125rem auto auto;
}

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

.alert-circle.green {
  background-color: var(--green);
}

.line-height-18px {
  margin-top: -.125rem;
  line-height: 1.125rem;
}

.checkbox-label {
  display: none;
}

.sort-flex-big {
  grid-column-gap: .25rem;
  justify-content: flex-start;
  align-items: center;
  min-width: 3.75rem;
  min-height: 3.5rem;
  display: flex;
}

.sort-flex-big.pointer {
  cursor: pointer;
}

.margin-bottom-24px {
  margin-bottom: 1.5rem;
}

.alert-icon {
  color: var(--black);
  justify-content: center;
  align-items: center;
  width: 1.875rem;
  height: 1.875rem;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-family: Material Symbols Outlined, sans-serif;
  font-size: 1.25rem;
  font-weight: 300;
  display: flex;
}

.alert-icon.blue {
  color: var(--tp-redmain);
  width: .9375rem;
}

.alert-icon.purple {
  color: var(--tp-purple);
  width: .9375rem;
}

.alert-icon.green {
  color: var(--green);
  width: .9375rem;
}

.checkbox-sign-up {
  color: var(--black);
  text-transform: none;
  width: 0;
  height: 0;
  margin-bottom: 0;
  font-size: .75rem;
  font-weight: 100;
}

.checkbox-sign-up.hover {
  width: 100%;
  height: auto;
}

.checkbox-sign-up.hover:hover {
  color: var(--tp-pink);
}

.blue-color {
  color: var(--tp-redmain);
}

.sign-up-wrapper {
  flex-direction: column;
  width: 100%;
  height: auto;
  min-height: auto;
  max-height: 100%;
  display: flex;
  overflow: hidden;
}

.sign-up-form {
  grid-row-gap: .9375rem;
  flex-direction: column;
  align-items: flex-start;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.filled-square-avatar-no-border {
  background-color: #0000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.filled-square-avatar-no-border._30x30 {
  width: 1.875rem;
  height: 1.875rem;
  margin-right: .625rem;
  overflow: hidden;
}

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

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

.background-yellow {
  background-color: var(--tp-pink);
}

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

.margin-left-4px {
  letter-spacing: .03125rem;
  margin-left: .25rem;
  font-size: .75rem;
  font-weight: 700;
}

.sort-flex-small {
  grid-column-gap: .25rem;
  justify-content: flex-start;
  align-items: center;
  min-width: 5.625rem;
  min-height: 3.5rem;
  display: flex;
}

.color-pink {
  color: var(--pink);
}

.color-yellow {
  color: var(--tp-pink);
}

.grid-3-circles {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(11.25rem, 1fr));
  grid-auto-columns: 1fr;
  display: grid;
}

.cardeventname {
  z-index: 100;
  color: var(--dark-red);
  margin-top: 1.25rem;
  font-size: 1.25rem;
  font-weight: 900;
  position: relative;
  top: -.25rem;
}

.color-overlay-main-iii {
  z-index: 99;
  background-color: var(--light-gray);
  border-top-left-radius: 100%;
  border-top-right-radius: 100%;
  justify-content: center;
  align-items: center;
  min-width: 60%;
  min-height: 30%;
  position: absolute;
  inset: auto 8% 65% auto;
  transform: rotate(20deg);
}

.color-overlay-main-iv {
  z-index: 99;
  background-color: var(--light-gray);
  border-top-left-radius: 100%;
  justify-content: center;
  align-items: center;
  min-width: 30%;
  min-height: 30%;
  position: absolute;
  inset: auto 40% 71% auto;
  transform: rotate(56deg);
}

.color-overlay-main-v {
  z-index: 99;
  background-color: var(--light-gray);
  border-bottom-right-radius: 100%;
  justify-content: center;
  align-items: center;
  min-width: 25%;
  min-height: 32%;
  position: absolute;
  inset: auto 7% 59% auto;
  transform: rotate(-62deg);
}

.colored-flex {
  z-index: 99;
  grid-column-gap: .75rem;
  border-radius: 3rem;
  min-height: 4rem;
  max-height: 4rem;
  padding: 1rem 1.5rem;
  display: flex;
  position: relative;
}

.colored-flex.background-yellow {
  background-color: var(--tp-pink);
}

.light-blue-background {
  background-color: #cadcfc;
  border-radius: 3rem;
  justify-content: space-between;
  align-items: center;
  padding-right: 1.5rem;
  display: flex;
  position: relative;
}

.light-blue-background.shadow.no-overflow {
  overflow: hidden;
}

.light-blue-background._7-days {
  max-width: 47%;
}

.light-blue-background._7-days.relative-53 {
  left: 53%;
}

.progress-background {
  z-index: 0;
  opacity: .5;
  border-radius: 3rem 0 0 3rem;
  min-width: 100%;
  min-height: 100%;
  position: absolute;
}

.progress-background.background-secondary.min-width-77 {
  min-width: 77%;
}

.progress-background.background-pink.width-90 {
  min-width: 90%;
}

.progress-background.background-yellow.width-62 {
  min-width: 62%;
}

.progress-background.background-green.min-width-75 {
  min-width: 75%;
}

.light-pink-background {
  background-color: #f8dfe8;
  border-radius: 3rem;
  justify-content: space-between;
  align-items: center;
  padding-right: 1.5rem;
  display: flex;
  position: relative;
}

.light-pink-background.shadow.no-overflow {
  overflow: hidden;
}

.light-pink-background._10-days {
  max-width: 67%;
}

.light-pink-background._10-days.relative-20 {
  left: 20%;
}

.light-yellow-background {
  background-color: #fcebca;
  border-radius: 3rem;
  justify-content: space-between;
  align-items: center;
  padding-right: 1.5rem;
  display: flex;
  position: relative;
}

.light-yellow-background.shadow {
  box-shadow: 0 10px 1.25rem -.625rem #0003;
}

.light-yellow-background.shadow.no-overflow {
  overflow: hidden;
}

.shadow {
  box-shadow: 0 10px 1.25rem -.625rem #0003;
}

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

.grid-2 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.main-profile-flex {
  justify-content: space-between;
  align-items: center;
  min-height: 5.25rem;
  max-height: 5.25rem;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  display: flex;
}

.main-profile-flex.w--current {
  background-color: var(--white);
  background-image: none;
  border-radius: 1.25rem;
  margin-left: 1.25rem;
  margin-right: 0;
  padding-left: 1.25rem;
  padding-right: 2.5rem;
}

.light-green-background {
  background-color: var(--light-green);
  border-radius: 3rem;
  justify-content: space-between;
  align-items: center;
  padding-right: 1.5rem;
  display: flex;
  position: relative;
}

.light-green-background._8-days.relative-40 {
  left: 40%;
}

.logo-icon-onclick {
  color: var(--black);
  cursor: pointer;
  justify-content: center;
  align-items: center;
  min-width: 1.875rem;
  max-width: 1.875rem;
  min-height: 1.875rem;
  max-height: 1.875rem;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Material Symbols Outlined, sans-serif;
  font-size: 2rem;
  font-weight: 300;
  display: flex;
}

.mobile-sidebar {
  z-index: 99;
  background-color: var(--white-smoke);
  min-width: 15rem;
  max-width: 15rem;
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  overflow: scroll;
}

.burger-menu-close-icon {
  z-index: 5;
  color: var(--black);
  cursor: pointer;
  justify-content: center;
  align-items: center;
  min-width: 1.875rem;
  max-width: 1.875rem;
  min-height: 1.875rem;
  max-height: 1.875rem;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Material Symbols Outlined, sans-serif;
  font-size: 1.5rem;
  font-weight: 300;
  display: flex;
}

.price-card-title {
  margin-right: .75rem;
  font-size: 2.8125rem;
}

.button-text-block {
  z-index: 100;
  position: relative;
}

.dollar {
  color: #787885;
  font-size: 2rem;
}

.icon-circle-light-small {
  background-color: var(--dark-blue);
  color: #fff;
  border-radius: 1.5rem 1.5rem 1.5rem 0;
  justify-content: center;
  align-items: center;
  min-width: 2rem;
  max-width: 2rem;
  min-height: 2rem;
  max-height: 2rem;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Material Symbols Outlined, sans-serif;
  font-size: 1.5rem;
  font-weight: 300;
  display: flex;
}

.price-card {
  border: 1px solid #f0f0f0;
  border-radius: 1.25rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 2rem 2.5rem;
  position: relative;
}

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

.button-round {
  white-space: nowrap;
  cursor: pointer;
  background-color: #0000;
  border-radius: 3rem;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 1rem 1.25rem 1.0625rem;
  font-family: Open Sans, sans-serif;
  font-size: .9375rem;
  font-weight: 400;
  transition: box-shadow .4s, transform .4s, border-color .4s, background-color .4s;
  display: flex;
  position: relative;
}

.button-round:hover {
  color: #f5f5f5;
  box-shadow: 0 3px .0625rem -.125rem #786dff24, 0 .625rem .625rem #786dff33;
}

.button-round.w--current {
  color: #f5f5f5;
}

.pricing-link {
  width: 100%;
}

.pricing-flex {
  grid-column-gap: 2rem;
  display: flex;
}

.price-card-title-wrapper {
  grid-column-gap: .5rem;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.price-flex-highlight {
  grid-column-gap: .75rem;
  border-bottom: 0 solid #1b4ea3;
  align-items: center;
  margin-left: -.75rem;
  padding: .5rem .75rem;
  display: flex;
}

.price-flex-highlight.highlight {
  background-color: var(--tp-redmain);
  color: var(--white);
  border-radius: .625rem;
}

.glow-button {
  z-index: 0;
  opacity: .15;
  filter: blur(1.25rem);
  background-color: #29edff;
  width: 100%;
  height: 100%;
  position: absolute;
}

.glow-button.background-white {
  background-color: #fefeff;
}

.price-duration {
  align-self: flex-end;
  margin-left: -.75rem;
  position: relative;
  top: -.25rem;
}

.check-wrapper {
  flex-direction: column;
  width: 100%;
  display: flex;
}

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

.button-background {
  z-index: 99;
  background-color: #2979ff;
  border-radius: 3rem;
  width: 100%;
  height: 100%;
  position: absolute;
}

.no-wrap {
  white-space: nowrap;
}

.pricing-grid-half {
  grid-column-gap: 1.5rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: .5fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  width: 100%;
  display: flex;
}

.badge-card-category {
  box-shadow: none;
  color: #fefeff;
  text-align: center;
  text-transform: capitalize;
  white-space: nowrap;
  background-color: #1b4ea3;
  border-radius: 6.25rem;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  padding: .625rem 1.25rem;
  font-size: .75rem;
  font-weight: 400;
  line-height: 1;
  transition: transform .4s, border-color .4s, background-color .4s;
  display: inline-block;
}

.badge-card-category:hover {
  color: #f5f5f5;
}

.icon-405 {
  color: var(--dark-gray);
  justify-content: center;
  align-items: center;
  min-width: 1.25rem;
  max-width: 1.25rem;
  min-height: 1.25rem;
  max-height: 1.25rem;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-family: Material Symbols Outlined, sans-serif;
  font-size: 1.25rem;
  font-weight: 300;
  display: flex;
}

.icon-405.smaller {
  font-size: 1rem;
}

.icon-405.smaller.absolute {
  position: absolute;
  left: 13.0625rem;
}

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

.dropdown-utilties.w--open {
  background-color: var(--light-gray);
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 1.25rem;
  padding-left: 2.875rem;
  padding-right: 0;
  display: flex;
  position: relative;
}

.dropwdown-links {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  font-family: Inter, sans-serif;
  font-size: .8125rem;
}

.dropwdown-links.w--current {
  color: #786eff;
}

.dates-wrapper {
  justify-content: space-between;
  align-items: center;
  min-width: 41.25rem;
  display: flex;
}

.dates-grid {
  grid-column-gap: 0rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-rows: auto;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  place-items: center;
  width: 100%;
  min-height: 2.5rem;
  display: grid;
}

.calendar-background {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: auto 2.5rem;
}

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

.calendar-column {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 27.5rem;
  display: flex;
}

.calendar-column.background-light-blue {
  background-color: var(--light-blue);
}

.calendar-wrapper {
  grid-row-gap: 2rem;
  flex-direction: column;
  min-width: 41.25rem;
  min-height: 27.5rem;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  display: flex;
  position: relative;
}

._8-days {
  max-width: 53%;
}

.months-wrapper {
  justify-content: space-between;
  align-items: center;
  min-width: 41.25rem;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  display: flex;
}

.date-line {
  background-color: var(--tp-purple);
  min-width: .0625rem;
  max-width: .0625rem;
  height: 26.875rem;
}

.date-line-top {
  background-color: var(--tp-purple);
  width: 100%;
  height: .625rem;
}

.date-column {
  grid-row-gap: 1rem;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  min-width: 11.25rem;
  min-height: 100%;
  padding: .5rem .5rem 1rem;
  display: flex;
  position: relative;
}

.date-column.weekend {
  border-top-color: var(--green);
  display: none;
}

.date-column.today {
  background-color: var(--light-blue);
}

.days-top-line {
  border-top: .3125rem solid var(--tp-purple);
  justify-content: center;
  width: 100%;
  display: flex;
}

.days-top-line.weekend {
  border-top-color: var(--green);
}

.day-task-flex {
  grid-row-gap: .5rem;
  background-color: var(--light-gray);
  border-radius: .75rem;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  padding: 1rem;
  display: flex;
  box-shadow: 0 10px 1.25rem -1.25rem #0003;
}

.calendar-days-grid {
  grid-column-gap: 0rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-rows: auto;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  place-items: start center;
  width: 100%;
  min-height: 27.5rem;
  display: grid;
}

.day {
  align-self: center;
}

.settings {
  justify-content: center;
  align-items: center;
  width: 1.875rem;
  height: 1.875rem;
  display: flex;
}

.shadow-soft {
  box-shadow: 0 10px 1.25rem -1.25rem #0003;
}

.scroll-bar {
  overflow: scroll;
}

.scroll-bar.min-height-535px {
  min-height: 33.4375rem;
}

.overlay {
  z-index: 9;
  background-color: var(--white);
  opacity: .5;
  position: absolute;
  inset: 0%;
}

.company-logo {
  max-width: 70%;
}

.icon-406 {
  color: #fff;
  justify-content: center;
  align-items: center;
  min-width: 1.25rem;
  max-width: 1.25rem;
  min-height: 1.25rem;
  max-height: 1.25rem;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-family: Material Symbols Outlined, sans-serif;
  font-size: 1.25rem;
  font-weight: 300;
  display: flex;
}

.icon-406.tiny {
  min-width: .5625rem;
  max-width: .5625rem;
  min-height: .5625rem;
  max-height: .5625rem;
  font-size: .6875rem;
  line-height: .5625rem;
}

.table-view-grid-alt {
  grid-column-gap: 0rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: .75rem 1fr 1fr 1fr 1fr 1.5fr 1fr .5fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.sort-label-2 {
  text-transform: uppercase;
  font-size: .75rem;
  line-height: .625rem;
}

.messages-tab {
  grid-column-gap: .5rem;
  background-color: var(--white);
  box-shadow: none;
  color: #fff;
  text-align: center;
  cursor: pointer;
  border-radius: .75rem;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  max-height: 7rem;
  padding: .5rem 1rem;
  transition: box-shadow .2s;
  display: flex;
}

.messages-tab:hover {
  background-color: var(--light-gray);
  box-shadow: none;
  color: #fff;
}

.messages-tab.w--current {
  background-color: var(--primary-10);
  box-shadow: none;
}

.chat-grid {
  grid-column-gap: 0rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.tabs-menu {
  grid-column-gap: .9375rem;
  grid-row-gap: .9375rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-content: start;
  align-items: start;
  width: 100%;
  display: grid;
}

.messages-tabs-grid {
  grid-column-gap: 1rem;
  grid-row-gap: 0rem;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  place-content: center;
  align-self: center;
  justify-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.tab-panel {
  background-color: #0000;
  align-self: flex-start;
  width: 100%;
  max-height: 100vh;
  padding: 2rem;
  overflow: scroll;
}

.tabs-content {
  background-color: var(--primary-10);
  border-radius: .75rem;
  width: 100%;
  display: flex;
}

.messages-flex {
  grid-column-gap: 1rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.messages-block {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.chat-message {
  height: 100%;
  margin-top: 0;
  margin-left: 0;
}

.chat-flex {
  grid-column-gap: .5rem;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.chat-flex.justify-right {
  justify-content: flex-end;
}

.chat-block {
  background-color: var(--white);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: .5rem 1rem;
  display: flex;
}

.chat-block.from-left {
  border-top-right-radius: 1.5rem;
  border-bottom-right-radius: 1.5rem;
  border-bottom-left-radius: 1.5rem;
}

.chat-block.from-right {
  border-radius: 1.5rem 0 1.5rem 1.5rem;
}

.error-state {
  margin-top: -2.5rem;
}

.error-message {
  color: var(--dark-red);
}

.price-paragraph {
  white-space: nowrap;
  margin-top: 0;
  margin-left: 0;
}

.checkbox-field {
  padding-left: 1.25rem;
}

.preloader-percent-wrapper {
  grid-column-gap: .125rem;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 1.25rem;
  display: flex;
  position: absolute;
  top: 50%;
  overflow: hidden;
}

.preloader-base-bar {
  background-color: var(--white-smoke);
  border-radius: 6.25rem;
  min-width: 20%;
  max-width: 20%;
  margin-right: .625rem;
  overflow: hidden;
}

.prelaoder-number {
  color: #fff;
  margin-top: 0;
  margin-left: 0;
  font-size: 1.25rem;
}

.bottom-preloader {
  background-color: var(--dark-blue);
  width: 100%;
  height: 50%;
}

.preloader-bar-horizontal {
  background-image: linear-gradient(to right, var(--pink), var(--tp-pink));
  border-radius: 6.25rem;
  width: 100%;
  height: .75rem;
  position: relative;
}

.top-preloader {
  background-color: var(--dark-blue);
  width: 100%;
  height: 50%;
}

.preloader-percent {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden;
  transform: translate(0, -45%);
}

.preloader-percent.percent {
  margin-left: .3125rem;
  transform: translate(0);
}

.preloader-wrapper {
  z-index: 9999999;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}

.task-bar-h4 {
  color: var(--white);
}

.tp-logo-sidenav {
  padding-right: .625rem;
}

.tp-icon-sidenav {
  margin-right: -.625rem;
  display: none;
}

.tp-icon-sidenav:hover {
  opacity: .9;
}

.loginwrapper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.signintitle {
  color: var(--black);
  text-align: center;
  width: 100%;
  margin-top: 1.25rem;
  padding-bottom: 1.25rem;
  font-family: Open Sans, sans-serif;
}

.heading {
  font-family: proxima-nova, sans-serif;
  font-weight: 800;
}

.heading-2 {
  font-family: proxima-nova, sans-serif;
}

.heading-3, .paragraph, .link {
  font-family: proxima-nova, sans-serif;
  font-weight: 400;
}

.heading-4 {
  font-family: proxima-nova, sans-serif;
  font-weight: 900;
}

.image {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.text-span {
  color: var(--black);
  font-family: Open Sans, sans-serif;
}

.login-to-homelink {
  min-width: 100%;
}

.hide {
  display: none;
}

.icon-407 {
  color: #787885;
  justify-content: center;
  align-items: center;
  min-width: 1.25rem;
  max-width: 1.25rem;
  min-height: 1.25rem;
  max-height: 1.25rem;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-family: Material Symbols Outlined, sans-serif;
  font-size: 1.25rem;
  font-weight: 300;
  display: flex;
}

.icon-407.smaller {
  font-size: 1rem;
}

.icon-407.smaller.absolute {
  position: absolute;
  left: 9.375rem;
}

.dropwdown-links-2 {
  color: #19191d;
  margin-left: 0;
  margin-right: 0;
  padding-left: .625rem;
  padding-right: .625rem;
  font-family: Inter, sans-serif;
  font-size: .8125rem;
  font-weight: 400;
}

.dropwdown-links-2:hover {
  color: #1b4ea3;
}

.dropwdown-links-2.w--current {
  color: #786eff;
}

.side-bar-icon-2 {
  color: #787885;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  min-width: 1.25rem;
  max-width: 1.25rem;
  min-height: 1.25rem;
  max-height: 1.25rem;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-family: Material Symbols Outlined, sans-serif;
  font-size: 1.5rem;
  font-weight: 300;
  display: flex;
}

.dropdown-utilties-2 {
  background-color: #f6f6f6;
}

.dropdown-utilties-2.w--open {
  background-color: #f6f6f6;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: .9375rem 3.75rem;
  display: flex;
  left: -2.75rem;
}

.sidebar-flex-2 {
  justify-content: space-between;
  align-items: center;
  min-height: 3.5rem;
  max-height: 3.5rem;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  display: flex;
}

.sidebar-flex-2:hover {
  background-color: #f0f0f0;
  border-radius: 1.25rem;
  margin-left: 1.25rem;
  padding-left: 1.25rem;
}

.sidebar-flex-2.w--current {
  background-color: #fff;
  border-radius: 1.25rem;
  margin-left: 1.25rem;
  margin-right: 0;
  padding-left: 1.25rem;
  padding-right: 2.5rem;
}

.sidebar-title-2 {
  color: #19191d;
}

.div-block {
  grid-column-gap: .3125rem;
  grid-row-gap: .3125rem;
  align-items: center;
  display: flex;
}

.dropdown-list {
  z-index: 9999;
  margin-left: .3125rem;
  left: 8.75rem;
}

.jschart {
  min-width: 13.125rem;
  max-width: 13.125rem;
  min-height: 13.125rem;
  max-height: 13.125rem;
  position: absolute;
}

.paragraph-2, .heading-6 {
  font-family: proxima-nova, sans-serif;
}

.field-label {
  color: var(--black);
}

.heading-7, .heading-8 {
  font-weight: 400;
}

.chartlegend {
  color: var(--black);
  min-width: 100%;
  min-height: 3.125rem;
  margin-top: 2.5rem;
}

.carddealernaem {
  margin-top: .625rem;
}

.cardopendealdtext, .heading-9 {
  margin-top: .3125rem;
}

.pagetitle-icon {
  color: var(--dark-gray);
  cursor: pointer;
  justify-content: center;
  align-items: center;
  min-width: 1.25rem;
  max-width: 1.25rem;
  min-height: 1.25rem;
  max-height: 1.25rem;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-family: Material Symbols Outlined, sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  display: flex;
}

.pagetitle-icon.blue {
  color: var(--tp-redmain);
}

.pagetitle-icon.pink {
  color: var(--tp-pink);
}

.pagetitle-icon.purple {
  color: var(--tp-purple);
}

.pagetitle-icon.green {
  color: #15810d;
}

.pagetitle-icon.oj {
  color: #d47800;
}

.pagetitle-icon.drkred {
  color: #770815;
}

.pagetitle-icon.yellow {
  color: #bdc00b;
}

.pagetitle-icon.red {
  color: #ca273a;
}

.pagetitlesdiv {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  align-items: center;
  padding-left: 1.25rem;
  display: flex;
}

.todayopportunitytitle {
  color: var(--green);
  margin-top: 3.75rem;
}

.tomorrowopportunitytitle {
  color: var(--tp-purple);
  margin-top: 3.75rem;
}

.opportunities-titles {
  font-size: .875rem;
}

.opportunities-titles.customer {
  font-size: .875rem;
  font-weight: 700;
}

.opportunities-titles.k2k {
  font-weight: 700;
}

.opportunities-titles.purp {
  color: var(--tp-purple);
}

.dark {
  color: var(--black);
  font-size: 1.25rem;
}

.opportunities-company-info {
  grid-column-gap: .25rem;
  justify-content: flex-start;
  align-items: center;
  margin-top: .625rem;
  margin-bottom: .625rem;
  display: flex;
}

.opportunities-company-info.linkdealer:hover {
  background-color: #c2c1c138;
}

.opportunities-filled-white {
  background-color: var(--light-gray);
  border-radius: 1rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-width: 1.875rem;
  max-width: 1.875rem;
  min-height: 1.875rem;
  max-height: 1.875rem;
  display: flex;
}

.opportunities-filled-white._40x40 {
  min-width: 2.5rem;
  max-width: 2.5rem;
  min-height: 2.5rem;
  max-height: 2.5rem;
}

.opportunities-dealer-title {
  font-size: .875rem;
  font-weight: 700;
}

.text-span-2 {
  padding-right: .25rem;
  font-family: Material Symbols Outlined, sans-serif;
  font-size: 1.125rem;
}

.text-span-2.pink {
  color: var(--tp-pink);
}

.thisweekactivities-title {
  color: var(--dark-blue);
}

.flex-block {
  align-items: center;
  margin-top: 3.75rem;
}

.side-titles {
  padding-left: 1.25rem;
}

.activitytabledealername {
  line-height: .875rem;
}

.div-block-3 {
  min-width: 100%;
  max-width: 100%;
}

.heading-10, .heading-11 {
  font-size: .75rem;
  line-height: .875rem;
}

.weekactivetabledealerlinkblock {
  grid-column-gap: .3125rem;
  grid-row-gap: .3125rem;
  border-radius: .3125rem;
  align-items: center;
  padding: .3125rem .625rem .3125rem .3125rem;
  display: flex;
}

.weekactivetabledealerlinkblock:hover {
  border: .0625rem solid var(--dark-gray);
  background-color: var(--light-gray-2);
}

.weekactivetablecustomerlinkblock-copy {
  grid-column-gap: .3125rem;
  grid-row-gap: .3125rem;
  border-radius: .3125rem;
  align-items: center;
  padding: .3125rem .625rem .3125rem .3125rem;
  display: flex;
}

.weekactivetablecustomerlinkblock-copy:hover {
  border: .0625rem solid var(--tp-redmain);
  background-color: var(--primary-10);
}

.dropdown-list-2 {
  transition: opacity .2s;
  position: relative;
}

.dropdown-list-2:hover {
  background-color: var(--green);
}

.sidenavdrop {
  min-width: 100%;
  margin-right: auto;
}

.sidenavdrop.notifications {
  display: none;
}

.sidebar-flex-nav {
  justify-content: space-between;
  align-items: center;
  min-height: 3.5rem;
  max-height: 3.5rem;
  margin-left: 1.25rem;
  padding-left: 1.25rem;
  padding-right: 2.5rem;
  display: block;
  position: relative;
}

.sidebar-flex-nav:hover {
  background-color: var(--light-gray);
  border-radius: 1.25rem;
  margin-left: 1.25rem;
  padding-left: 1.25rem;
}

.sidebar-flex-nav.w--current {
  background-color: var(--white);
  border-radius: 1.25rem;
  margin-left: 1.25rem;
  margin-right: 0;
  padding-left: 1.25rem;
  padding-right: 2.5rem;
}

.dropdown-toggle {
  min-width: 100%;
  padding-left: 2.5rem;
  padding-right: .625rem;
  display: flex;
}

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

.dropdown-toggle.hide {
  display: none;
}

.dropdownlinkblock {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  color: var(--dark-gray);
  background-color: #2979ff00;
  flex-direction: row;
  align-items: center;
  min-width: 100%;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  padding-left: 1.25rem;
  display: flex;
}

.dropdownlinkblock:hover {
  background-color: #b8e6ce36;
}

.dropdownlinkblock.w--current {
  background-color: var(--primary-10);
  font-weight: 900;
}

.breadcrumbslink {
  grid-column-gap: .3125rem;
  grid-row-gap: .3125rem;
  align-items: center;
  display: flex;
}

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

.div-block-4.leftpadding {
  padding-left: 40px;
}

.customerinfo-dealership-link {
  color: var(--tp-redmain);
  align-self: center;
  margin-left: .625rem;
  font-size: 1.375rem;
  font-weight: 700;
}

.customerinfo-dealership-link:hover {
  color: var(--dark-blue);
}

.customerinfo-dealership-link.green {
  color: var(--green);
}

.customerinfo-dealershiplogo {
  margin-left: 1.25rem;
}

.pageicon-profile {
  color: var(--light-blue);
  cursor: pointer;
  justify-content: center;
  align-items: center;
  min-width: 1.25rem;
  max-width: 1.25rem;
  min-height: 1.25rem;
  max-height: 1.25rem;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-family: Material Symbols Outlined, sans-serif;
  font-size: 4.5rem;
  font-weight: 400;
  display: flex;
}

.pageicon-profile.smaller {
  min-height: .9375rem;
  max-height: .9375rem;
  margin-top: 0;
  margin-right: 1.25rem;
  font-size: 3.125rem;
}

.pageicon-profile.smaller.green {
  color: var(--green);
}

.customer-email {
  font-size: .875rem;
}

.customer-phone {
  text-align: left;
  min-height: 1.25rem;
  margin-top: .625rem;
  font-size: 1rem;
  font-weight: 700;
}

.div-block-5 {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.customertitle {
  color: var(--tp-redmain);
  margin-bottom: 1.25rem;
  font-family: proxima-nova, sans-serif;
  font-size: 1.5rem;
  font-weight: 900;
}

.rte-label {
  color: #000;
  margin-top: .9375rem;
  margin-bottom: .75rem;
  font-size: .84375rem;
  font-weight: 600;
  line-height: .9375rem;
}

.text-red {
  color: #ff0004;
}

.scrollbar {
  height: 31.25rem;
  max-height: 50rem;
  padding: 1.875rem;
  overflow: auto;
}

.input {
  color: #000;
  background-color: #fff;
  border: .0625rem solid #b7bbd1;
  border-radius: .375rem;
  height: 12.5rem;
  min-height: 12.5rem;
  margin-bottom: 0;
  padding-top: .625rem;
  padding-left: 1.125rem;
  font-size: .9375rem;
  font-weight: 300;
  transition: border-color .2s, box-shadow .2s;
  box-shadow: 0 3px .375rem -.125rem #1d01501a;
}

.input:hover {
  box-shadow: none;
  border-color: #434de7;
}

.input:focus {
  border: .0625rem solid #434de7;
}

.input::placeholder {
  color: #6e6e6e;
}

.form-separator {
  background-color: #f2f3ff;
  width: 100%;
  height: .0625rem;
  margin-top: .625rem;
  margin-bottom: .625rem;
}

.form-row {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.pageoverlay-wrap {
  background-color: #fff;
  border-radius: .9375rem;
  width: 100%;
  max-width: 42.5rem;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.button-2 {
  color: #fff;
  background-color: #434de7;
  border-radius: .625rem;
  height: 3.125rem;
  padding: .9375rem 2.1875rem;
  font-size: .9375rem;
  font-weight: 500;
  box-shadow: 0 10px 1.25rem -.1875rem #1d01501a;
}

.button-2:hover {
  box-shadow: none;
  background-color: #000;
}

.button-2.in-form {
  width: 100%;
  height: 3.25rem;
  margin-top: 0;
  margin-left: 0;
}

.message_success {
  color: #fff;
  background-color: #434de7;
  border-radius: .625rem;
  font-weight: 600;
}

.form-border {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 25rem;
  max-width: none;
  margin-bottom: 0;
  padding: 1.875rem;
  display: flex;
  box-shadow: 0 20px 1.875rem -.625rem #1d01501a;
}

.paragraph-3 {
  opacity: .9;
  color: #000;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5;
}

.popup-close_icon {
  font-weight: 700;
}

.input-wrapper {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  margin-bottom: .75rem;
  display: flex;
  position: relative;
}

.input-wrapper.mr-15 {
  margin-right: .9375rem;
}

.h3 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.875rem;
  font-weight: 600;
}

.popupoverlay {
  z-index: 9999;
  background-color: #0006;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0% 0% auto;
  overflow: auto;
}

.input-label {
  z-index: 2;
  color: #000;
  background-color: #fff;
  border-radius: .1875rem;
  margin-bottom: 0;
  padding-left: .375rem;
  padding-right: .4375rem;
  font-size: .84375rem;
  font-weight: 600;
  line-height: .9375rem;
  display: inline-block;
  position: relative;
  bottom: -.4375rem;
  left: .375rem;
}

.form_100w {
  width: 100%;
}

.spacer-30 {
  width: 100%;
  height: 1.875rem;
}

.overlayclose {
  cursor: pointer;
  width: auto;
  height: 1.25rem;
  display: flex;
  position: absolute;
  inset: 13% 15% auto auto;
}

.spacer-10 {
  width: 100%;
  height: .625rem;
}

.closetext {
  color: var(--light-gray);
  padding-left: .25rem;
  font-size: .75rem;
  font-weight: 700;
}

.closex {
  color: var(--white-smoke);
  font-family: Material Symbols Outlined, sans-serif;
  font-size: 2rem;
  font-weight: 400;
}

.customerinfo-contenttext {
  color: var(--black);
  align-self: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: .5rem .625rem;
  font-size: 14px;
  font-weight: 700;
}

.customerinfo-contenttext.green {
  color: var(--green);
  font-weight: 700;
}

.customerinfo-contenttitle {
  color: var(--gray);
  text-align: left;
  text-transform: uppercase;
  border: 0 #0000;
  border-bottom: .0625rem solid #0000;
  align-self: center;
  min-width: 10rem;
  margin-bottom: .25rem;
  font-family: proxima-nova, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.875rem;
}

.overdue {
  color: var(--red);
  font-weight: 900;
}

.link-block {
  font-weight: 700;
}

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

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

.customerinfo-dealership-notes {
  color: var(--tp-redmain);
  align-self: center;
  font-size: 1.375rem;
  font-weight: 700;
}

.customerinfo-dealership-notes:hover {
  color: var(--dark-blue);
}

.link-block-content {
  color: var(--tp-redmain);
  font-weight: 400;
}

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

.contenttitlesdiv {
  align-items: center;
}

.togglebutton {
  background-color: #e9e9e9;
  border-radius: 3.125rem;
  justify-content: flex-start;
  align-items: center;
  width: 6.25rem;
  height: 2.5rem;
  text-decoration: none;
  display: flex;
  position: relative;
}

.togglebuttongreen {
  opacity: 0;
  background-color: #50e461;
  border-radius: 3.125rem;
  width: 6.25rem;
  height: 2.5rem;
  position: absolute;
}

.buttontoggle {
  z-index: 2;
  background-color: #fff;
  border-radius: 100%;
  width: 2rem;
  height: 2rem;
  margin-left: .25rem;
  margin-right: .25rem;
  position: relative;
}

.buttontext-off {
  color: #0003;
  text-transform: uppercase;
  padding-left: .625rem;
  padding-right: .625rem;
  font-family: Lato, sans-serif;
  font-weight: 700;
}

.checkbox-field-2 {
  align-items: center;
  margin-bottom: 0;
  padding-top: .25rem;
  padding-bottom: .25rem;
  padding-left: 1.5rem;
  font-size: 1.625rem;
  line-height: 1.625rem;
  display: flex;
}

.checkbox-2 {
  border-color: var(--dark-gray);
  background-color: var(--gray);
  background-image: url('../images/black-circle.svg');
  background-position: .1875rem;
  background-repeat: no-repeat;
  background-size: 1.25rem 1.25rem;
  border-radius: 1.25rem;
  width: 3.25rem;
  height: 1.625rem;
  margin-top: .125rem;
  margin-right: 1.25rem;
  transition: background-color .3s, background-position .3s, border-color .3s;
}

.checkbox-2.w--redirected-checked {
  background-color: #c3f0ca;
  background-image: url('../images/black-circle.svg');
  background-position: 1.75rem;
  background-size: 1.25rem;
  border-color: #8bc794;
}

.checkbox-label-2 {
  text-transform: uppercase;
  font-size: .75rem;
}

.tasks {
  flex-direction: column;
  align-items: flex-start;
  padding-bottom: 1.25rem;
}

.taskstitles {
  font-weight: 700;
}

.taskswrapper {
  opacity: 0;
  width: 100%;
  max-width: 100%;
  min-height: .0625rem;
  display: none;
  position: relative;
}

.notediv {
  background-color: var(--primary-10);
  border-radius: .9375rem;
  min-width: 100%;
  min-height: 6.25rem;
  margin-top: .625rem;
  padding: 1.25rem;
}

.dealerorigintitle {
  align-self: center;
  font-weight: 700;
}

.notes_titles {
  flex-direction: row;
  align-items: center;
  margin-bottom: 1.25rem;
  display: flex;
}

.note_headding {
  color: var(--dark-gray);
  text-transform: uppercase;
  align-self: center;
  margin-left: .625rem;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.125rem;
}

.note_headding.padleft {
  margin-left: 1.25rem;
}

.notesandmessages {
  border: .0625rem solid var(--gray);
  border-radius: .9375rem;
  min-height: 6.25rem;
  margin-bottom: .625rem;
  padding: 1.25rem;
}

.note_headdingdiv {
  justify-content: space-between;
  align-items: center;
  margin-bottom: .625rem;
  display: flex;
}

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

.notetypetitle.paddingleft {
  padding-left: 2.5rem;
}

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

.notetitle {
  margin-top: 1.25rem;
}

.notetitleheadding {
  color: var(--dark-gray);
  font-size: 1.125rem;
  font-weight: 700;
}

.notemessagetext {
  flex: none;
  width: 100%;
  margin-top: 10px;
}

.note_call_number {
  color: var(--dark-gray);
  text-transform: uppercase;
  align-self: center;
  margin-left: 1.25rem;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.125rem;
}

.bold-text {
  color: var(--dark-green);
  font-size: .875rem;
  font-weight: 900;
}

.html-embed {
  margin-top: 1.25rem;
}

.note_author {
  text-transform: uppercase;
  align-self: center;
  margin-left: 1.25rem;
  line-height: 1.125rem;
}

.author {
  color: var(--gray);
  font-size: .875rem;
  font-weight: 900;
}

.orofileright {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  display: flex;
}

.sms-cards {
  border: .0625rem solid var(--gray);
  border-radius: .9375rem;
  flex-flow: column;
  justify-content: space-around;
  align-items: stretch;
  min-height: 6.25rem;
  padding: .625rem 1.25rem 1.25rem;
  display: flex;
}

.sms-phone {
  margin-bottom: .3125rem;
}

.note_author-sms {
  text-transform: uppercase;
  align-self: center;
  margin-left: 0;
  line-height: 1.125rem;
}

.sms-caller {
  align-items: center;
  margin-top: .3125rem;
  display: flex;
}

.author-sms {
  color: var(--medblue);
  font-size: .875rem;
  font-weight: 900;
}

.div-block-8 {
  padding-top: .625rem;
}

.csr-name-hover-div {
  border: .0625rem solid var(--tp-redmain);
  background-color: var(--primary-10);
  min-height: 1.25rem;
  padding: .125rem .3125rem;
  display: none;
  position: absolute;
  top: 3.4375rem;
}

.prifile-settings {
  justify-content: center;
  align-items: center;
  width: 1.875rem;
  height: 1.875rem;
  display: flex;
}

.dropdown-toggle-2 {
  padding: 0;
}

.avatar-dropdown-box.w--open {
  z-index: 99;
  background-color: var(--white-smoke);
  border-radius: .375rem;
  min-width: 12.5rem;
  padding: .5rem;
  inset: 2.0625rem -75% auto auto;
}

.profile-link-div {
  color: var(--dark-gray);
  align-items: center;
  padding: .625rem;
  font-size: .75rem;
  display: flex;
}

.profile-link-div:hover {
  background-color: var(--light-blue);
  color: var(--dark-blue);
}

.profile-link-div.gap-8px {
  grid-column-gap: .5rem;
}

.profile-link-div.align-center {
  align-items: center;
}

.profile-link-div.align-center.gap-12px.language {
  margin-left: 1.25rem;
}

.profile-link-div.align-center.gap-12px.smsdate {
  margin-bottom: .625rem;
}

.profile-link-div.align-center.gap-4px {
  grid-column-gap: .375rem;
  margin-bottom: .3125rem;
}

.profile-link-div.align-center.gap-4px.link:hover {
  background-color: var(--primary-10);
}

.profile-link-div.align-center.gap-4px.linkgreen {
  background-color: #b8e6ce00;
}

.profile-link-div.align-center.gap-4px.linkgreen:hover {
  background-color: #e8fff3;
}

.profile-link-div.align-center.gap-4px.viewed {
  margin-bottom: 0;
  padding-right: 1.25rem;
}

.profile-link-div.align-justify-center {
  justify-content: center;
  align-items: center;
}

.profile-link-div.gap-12px {
  grid-column-gap: .75rem;
}

.profile-link-div.gap-12px.align-center {
  align-items: center;
}

.profile-link-div.space-between {
  grid-column-gap: .3125rem;
  justify-content: space-between;
  margin-bottom: .3125rem;
}

.profile-link-div.space-between:hover {
  filter: saturate(30%);
}

.profile-link-div.space-between.min-height-17px {
  min-height: 1.0625rem;
}

.profile-link-div.gap-4px {
  grid-column-gap: .25rem;
}

.profile-link-div.shift-left {
  position: relative;
  left: -.375rem;
}

.profile-link-div.flex-end {
  justify-content: flex-end;
}

.profile-link-div.space-between {
  justify-content: space-between;
  align-items: center;
}

.profile-link-div.on-mobile.csrs {
  justify-content: flex-end;
  margin-top: 1.25rem;
  margin-bottom: .625rem;
}

.profile-link {
  color: var(--dark-gray);
  padding: 0;
  font-size: .75rem;
  font-weight: 400;
}

.profile-name {
  flex-direction: column;
  align-items: flex-start;
  padding: .9375rem;
  display: flex;
}

.profile-name.gap-8px {
  grid-column-gap: .5rem;
}

.profile-name.align-center {
  align-items: center;
}

.profile-name.align-center.gap-12px.language {
  margin-left: 1.25rem;
}

.profile-name.align-center.gap-12px.smsdate {
  margin-bottom: .625rem;
}

.profile-name.align-center.gap-4px {
  grid-column-gap: .375rem;
  margin-bottom: .3125rem;
}

.profile-name.align-center.gap-4px.link:hover {
  background-color: var(--primary-10);
}

.profile-name.align-center.gap-4px.linkgreen {
  background-color: #b8e6ce00;
}

.profile-name.align-center.gap-4px.linkgreen:hover {
  background-color: #e8fff3;
}

.profile-name.align-center.gap-4px.viewed {
  margin-bottom: 0;
  padding-right: 1.25rem;
}

.profile-name.align-justify-center {
  justify-content: center;
  align-items: center;
}

.profile-name.gap-12px {
  grid-column-gap: .75rem;
}

.profile-name.gap-12px.align-center {
  align-items: center;
}

.profile-name.space-between {
  grid-column-gap: .3125rem;
  justify-content: space-between;
  margin-bottom: .3125rem;
}

.profile-name.space-between:hover {
  filter: saturate(30%);
}

.profile-name.space-between.min-height-17px {
  min-height: 1.0625rem;
}

.profile-name.gap-4px {
  grid-column-gap: .25rem;
}

.profile-name.shift-left {
  position: relative;
  left: -.375rem;
}

.profile-name.flex-end {
  justify-content: flex-end;
}

.profile-name.space-between {
  justify-content: space-between;
  align-items: center;
}

.profile-name.on-mobile.csrs {
  justify-content: flex-end;
  margin-top: 1.25rem;
  margin-bottom: .625rem;
}

.topnav-profie-email {
  color: var(--tp-redmain);
  font-size: .625rem;
}

.alert-number {
  align-self: center;
  font-size: .75rem;
}

.alert-number.blue {
  color: var(--dark-blue);
}

.alert-number.green {
  color: var(--green);
}

.alert-link-block {
  display: flex;
}

.icon-link {
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  min-width: 1.25rem;
  height: 1.25rem;
  min-height: 1.25rem;
  margin-top: 0;
  margin-left: 0;
  font-family: Material Symbols Outlined, sans-serif;
  display: flex;
}

.button-smaller {
  background-color: var(--gray);
  box-shadow: none;
  color: var(--white);
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  border-radius: 6.25rem;
  justify-content: center;
  align-self: center;
  align-items: center;
  padding: .5rem 1.25rem;
  font-size: .75rem;
  transition: color .25s, box-shadow .3s ease-in-out, transform .4s, border-color .4s, background-color .4s;
}

.button-smaller:hover {
  background-color: var(--gray);
  color: var(--white);
}

.button-smaller.w--current {
  background-color: var(--combine-library--grey-600);
}

.button-smaller.not-centered {
  align-self: flex-start;
}

.button-smaller.flex {
  align-self: auto;
}

.form-block-2 {
  margin-bottom: 0;
}

.input-field-wrap {
  margin-bottom: 1.5rem;
}

.field-label-2 {
  color: #160042;
  letter-spacing: -.02em;
  margin-bottom: .5rem;
  font-size: .875rem;
  line-height: 1.25rem;
}

.field-wrap {
  align-items: center;
  display: flex;
  position: relative;
}

.date-field {
  color: #151e24;
  border: .0625rem solid #e9ecf0;
  border-radius: .75rem;
  width: 100%;
  min-height: 3rem;
  margin-bottom: 0;
  padding: .75rem 1rem .75rem 3.25rem;
  font-size: .875rem;
  transition: all .25s;
  box-shadow: 1px 1px .125rem #7281a70a;
}

.date-field:hover {
  border-color: #ccd5e0;
}

.date-field:focus {
  border-color: #642eff;
}

.date-field::placeholder {
  color: #a0a6b0;
}

.field-icon {
  position: absolute;
  inset: auto auto auto 1rem;
}

.submit-button {
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #642eff;
  border: .125rem solid #642eff;
  border-radius: 25rem;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 3rem;
  padding: .75rem 2rem;
  font-size: 1rem;
  transition: all .3s;
  display: flex;
  position: relative;
  box-shadow: 2px 2px .125rem #7281a70a;
}

.submit-button:hover, .submit-button:focus {
  border-color: #b197ff;
}

.success-message-2 {
  background-color: #f3f5fb;
  border-radius: .75rem;
}

.customers-text {
  color: var(--gray);
  text-align: left;
  text-transform: uppercase;
  border: 0 #0000;
  border-bottom: .0625rem solid #0000;
  align-self: center;
  margin-bottom: .25rem;
  padding-left: .25rem;
  padding-right: .25rem;
  font-family: proxima-nova, sans-serif;
  font-size: .875rem;
  font-weight: 700;
  line-height: 1.875rem;
}

.customers-icons {
  color: var(--gray);
  text-align: left;
  text-transform: uppercase;
  border: 0 #0000;
  border-bottom: .0625rem solid #0000;
  align-self: center;
  height: 1.875rem;
  margin-bottom: .5625rem;
  padding-left: .25rem;
  padding-right: .25rem;
  font-family: Material Symbols Outlined, sans-serif;
  font-size: 1.375rem;
  font-weight: 700;
  line-height: 1.875rem;
}

.filter {
  border-color: var(--dark-gray);
  background-color: var(--gray);
  background-image: url('../images/black-circle.svg');
  background-position: .1875rem;
  background-repeat: no-repeat;
  background-size: 1.25rem 1.25rem;
  border-radius: 1.25rem;
  width: 3.25rem;
  height: 1.625rem;
  margin-top: .125rem;
  margin-right: 1.25rem;
  transition: background-color .3s, background-position .3s, border-color .3s;
}

.filter.w--redirected-checked {
  background-color: #c3f0ca;
  background-image: url('../images/black-circle.svg');
  background-position: 1.75rem;
  background-size: 1.25rem;
  border-color: #8bc794;
}

.btn-clear {
  background-color: var(--light-blue);
  box-shadow: none;
  color: var(--dark-blue);
  text-transform: uppercase;
  white-space: nowrap;
  border-radius: 6.25rem;
  justify-content: center;
  align-self: center;
  align-items: center;
  padding: .5rem 1rem;
  font-size: .75rem;
  font-weight: 700;
  transition: transform .4s, border-color .4s, background-color .4s;
  display: flex;
}

.btn-clear:hover {
  background-color: var(--dark-blue);
  color: #f5f5f5;
}

.btn-clear.background-yellow {
  margin-top: .3125rem;
  padding-top: .25rem;
  padding-bottom: .25rem;
}

.btn-clear.opportunity {
  min-width: 100%;
}

.btn-clear.opportunity.purl {
  background-color: var(--green);
  color: var(--dark-green);
}

.btn-clear.opportunity.purl:hover {
  background-color: var(--dark-green);
  color: var(--white-smoke);
}

.btn-clear.composesms {
  background-color: var(--pink);
  color: var(--tp-purple);
  min-width: 100%;
}

.btn-clear.composesms:hover {
  background-color: var(--light-gray-2);
  color: var(--tp-pink);
}

.btn-clear.composesms.purl {
  background-color: var(--green);
  color: var(--dark-green);
}

.btn-clear.composesms.purl:hover {
  background-color: var(--dark-green);
  color: var(--white-smoke);
}

.btn-clear.syncsms {
  background-color: var(--light-green);
  color: var(--dark-green);
  min-width: 100%;
}

.btn-clear.syncsms:hover {
  background-color: var(--light-gray-2);
  color: #55886e;
}

.btn-clear.syncsms.purl {
  background-color: var(--green);
  color: var(--dark-green);
}

.btn-clear.syncsms.purl:hover {
  background-color: var(--dark-green);
  color: var(--white-smoke);
}

.btn-clear.syncsms.with-text {
  min-width: auto;
}

.btn-clear.syncsms.without-text {
  min-width: auto;
  display: none;
}

.btn-clear.uncheck-all {
  background-color: var(--combine-library--grey-100);
}

.btn-clear.uncheck-all.add {
  background-color: var(--green);
  color: var(--dark-green);
}

.btn-clear.green {
  background-color: var(--light-green);
  color: var(--dark-green);
}

.btn-clear.green:hover {
  background-color: var(--green);
  color: var(--white-smoke);
}

.filterform {
  grid-row-gap: .9375rem;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.div-block-9 {
  padding: .3125rem .4375rem;
}

.div-block-9:hover {
  background-color: var(--primary-10);
}

.div-block-9.current {
  background-color: var(--light-green);
}

.link-2 {
  color: var(--medblue);
  font-size: .875rem;
  font-weight: 700;
}

.link-2:hover {
  color: var(--medblue);
}

.heading-12 {
  line-height: .9375rem;
}

.customerlist-phone-boxes {
  flex-direction: column;
  display: flex;
}

.customerlist-phone-boxes.card {
  grid-column-gap: 1.25rem;
  background-color: var(--primary-10);
  flex-direction: row;
  padding: .3125rem .625rem;
}

.div-block-10 {
  padding-top: .3125rem;
  padding-bottom: .3125rem;
  display: flex;
}

.div-block-10.shorter {
  padding-top: 0;
  padding-bottom: 0;
}

.div-block-10.leftpad {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 10px;
}

.text-block {
  font-family: Material Symbols Outlined, sans-serif;
}

.text-block.text {
  margin-top: 0;
  margin-bottom: 0;
  font-family: proxima-nova, sans-serif;
}

.customers-phonenumber-list {
  color: var(--green);
  padding-left: .3125rem;
  font-size: .75rem;
  font-weight: 700;
}

.customers-phonenumber-list.larger {
  align-self: center;
  font-size: 1rem;
  line-height: 10px;
}

.heading-13, .heading-14 {
  line-height: .875rem;
}

.div-block-11 {
  min-width: 100%;
}

.bellalerttooltip {
  border: .0625rem solid var(--tp-redmain);
  background-color: var(--primary-10);
  margin-left: -.625rem;
  padding-left: .3125rem;
  padding-right: .3125rem;
  display: none;
  position: fixed;
  top: 0;
}

.tooltiptext {
  color: var(--dark-blue);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: .625rem;
}

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

.tooltiptext.red {
  color: var(--dark-red);
}

.bellaleart {
  min-width: 1.875rem;
  min-height: 1.875rem;
  padding-left: .625rem;
  padding-right: .625rem;
}

.belldropdown {
  max-width: 1.875rem;
  max-height: 1.875rem;
}

.belldropdowntoggle {
  padding: 0;
}

.belldropdownlink {
  font-size: .75rem;
}

.belldropdownlist.w--open {
  background-color: var(--primary-10);
  right: -.900375rem;
}

.largeicon {
  font-family: Material Symbols Outlined, sans-serif;
}

.largeicon.edit {
  color: var(--tp-purple);
  font-family: Material Symbols Outlined, sans-serif;
}

.largeiconlink {
  padding: .625rem;
  font-size: 1.75rem;
}

.largeiconlink.red {
  color: #974f4f;
  cursor: pointer;
}

.largeiconlink.red:hover {
  background-color: var(--10-red);
}

.largeiconlink.green {
  color: var(--green);
  cursor: pointer;
}

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

.largeiconlink.yellow {
  color: #a0a300;
  cursor: default;
}

.largeiconlink.drk {
  color: var(--dark-gray);
  border-radius: .1875rem;
  font-family: Material Symbols Outlined, sans-serif;
}

.largeiconlink.drk:hover {
  background-color: var(--primary-10);
  color: var(--dark-blue);
}

.largeiconlink.pink {
  color: var(--tp-pink);
  cursor: default;
}

.largeiconlink.brown {
  color: var(--brown);
  cursor: default;
}

.largeiconlink.teal {
  color: var(--teal);
  cursor: default;
}

.largeiconlink.purple {
  color: var(--purple);
  cursor: default;
}

.largeiconlink.drkgreen {
  color: var(--dark-green);
}

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

.largeiconlink.blue {
  color: var(--tp-redmain);
}

.tooltip {
  border: .0625rem solid var(--tp-redmain);
  background-color: var(--primary-10);
  margin-left: -4.0625rem;
  padding-left: .3125rem;
  padding-right: .3125rem;
  display: block;
  position: relative;
  top: -1.25rem;
  left: .1875rem;
}

.tooltip100 {
  z-index: 9999;
  border: .0625rem solid var(--dark-blue);
  background-color: var(--light-blue);
  text-align: center;
  border-radius: .1875rem;
  min-width: 6.25rem;
  margin-top: -3.8125rem;
  padding-left: .3125rem;
  padding-right: .3125rem;
  display: block;
  position: absolute;
}

.tooltip100.red {
  border-color: var(--dark-red);
  background-color: var(--lightred);
  border-radius: .1875rem;
}

.tooltip100.red.pushleft {
  margin-top: -.0625rem;
  margin-left: -10.25rem;
}

.tooltip100.green {
  border-left-color: var(--dark-green);
  background-color: var(--light-green);
}

.tooltip100.left {
  margin-top: -.25rem;
  margin-left: -9.5625rem;
  top: auto;
  left: auto;
}

.tooltip100.higher {
  margin-top: -5.3125rem;
}

.usercardimage {
  border-radius: 6.25rem;
  max-width: 70%;
}

.usercardimage.greyedoutimage {
  filter: contrast(25%) saturate(0%);
}

.usercardimage.notround {
  border-radius: 0;
}

.table-view-grid-email-template {
  grid-column-gap: .625rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr .25fr .25fr .25fr .25fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.table-view-grid-email-template.rowhover {
  grid-template-columns: .25fr 1fr .25fr .25fr .25fr .25fr;
  margin-bottom: .625rem;
}

.table-view-grid-email-template.rowhover:hover {
  background-color: var(--lightgrey);
}

.table-view-grid-email-template.rowhover.redrow {
  background-color: #fff3f3;
}

.table-view-grid-smstemplate {
  grid-column-gap: .625rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr .25fr .25fr .25fr .25fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.table-view-grid-smstemplate.rowhover {
  grid-template-columns: .25fr 1fr .25fr .25fr .25fr .25fr;
  margin-bottom: .625rem;
}

.table-view-grid-smstemplate.rowhover:hover {
  background-color: var(--lightgrey);
}

.table-view-grid-smstemplate.rowhover.redrow {
  background-color: #fff3f3;
}

.table-view-gridautoemails {
  grid-column-gap: .625rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: .5fr .5fr .25fr .25fr .25fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.table-view-gridautoemails.rowhover {
  grid-template-columns: .5fr .5fr .25fr .25fr .25fr;
  margin-bottom: .625rem;
}

.table-view-gridautoemails.rowhover:hover {
  background-color: var(--lightgrey);
}

.table-view-gridautoemails.rowhover.redrow {
  background-color: #fff3f3;
}

.table-view-grid-organization {
  grid-column-gap: .625rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr .5fr .5fr .5fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.table-view-grid-organization.rowhover:hover {
  background-color: var(--lightgrey);
}

.table-view-grid-organization.rowhover.redrow {
  background-color: #fff3f3;
}

.table-view-grid-dealerships {
  grid-column-gap: .625rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr .5fr .5fr .5fr .5fr .5fr .5fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.table-view-grid-dealerships.rowhover {
  justify-items: start;
  margin-bottom: .625rem;
}

.table-view-grid-dealerships.rowhover:hover {
  background-color: var(--lightgrey);
}

.table-view-grid-dealerships.rowhover.redrow {
  background-color: #fff3f3;
}

.table-view-grid-dealerships.rowhover-dealerships {
  grid-template-columns: 1fr 1fr 1fr 1fr .25fr .25fr .25fr .25fr .25fr .25fr;
}

.table-view-grid-dealerships.rowhover-dealerships:hover {
  background-color: var(--lightgrey);
}

.table-view-grid-dealerships.rowhover-dealerships.redrow {
  background-color: #fff3f3;
}

.multi-sort-flex-container {
  display: flex;
}

.cardlabeltitle {
  color: var(--dark-gray);
  text-transform: uppercase;
  margin-bottom: -.625rem;
  font-size: .75rem;
  font-weight: 700;
}

.heading-15 {
  text-transform: uppercase;
  font-style: italic;
}

.tabeltitle {
  color: var(--black);
  text-transform: uppercase;
  padding-right: .8125rem;
  font-size: 1.375rem;
  font-style: italic;
  font-weight: 900;
}

.tabeltitle.green, .tabeltitle.add {
  color: var(--green);
}

.tabeltitle.edit {
  color: var(--tp-purple);
}

.tabeltitle.manage {
  color: var(--tp-redmain);
}

.events-calender-wrap, .divcalendar {
  width: 100%;
}

.event-message, .event-message-copy {
  color: #fff;
  text-align: center;
  border: .0625rem solid #fff;
  width: 100%;
  margin-top: .625rem;
  padding: 1.25rem;
}

.event-message-copy.cal {
  margin-top: 0;
  padding: 0;
  position: relative;
  overflow: hidden;
}

.table-view-grid-eventmanagement {
  grid-column-gap: .625rem;
  grid-row-gap: 1rem;
  grid-template: ". . . . . . . Area"
  / 1fr 1fr .5fr .75fr .75fr .25fr .25fr .25fr;
  grid-auto-columns: 1fr;
  place-items: center start;
  display: grid;
}

.table-view-grid-eventmanagement.rowhover {
  margin-bottom: .625rem;
}

.table-view-grid-eventmanagement.rowhover:hover {
  background-color: var(--lightgrey);
}

.table-view-grid-eventmanagement.rowhover.redrow {
  background-color: #fff3f3;
}

.table-view-grid-copy {
  grid-column-gap: .625rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr .25fr .25fr .25fr .25fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.table-view-grid-copy.rowhover {
  grid-template-columns: 1fr 1fr 1fr 1fr .25fr .25fr .25fr .25fr .25fr .25fr;
}

.table-view-grid-copy.rowhover:hover {
  background-color: var(--lightgrey);
}

.table-view-grid-copy.rowhover.redrow {
  background-color: #fff3f3;
}

.stack {
  flex-direction: column;
  display: flex;
}

.stack.border {
  border: .0625rem solid var(--lightergrey);
  padding: .625rem .3125rem;
}

.stack.border.red {
  border-color: #4c010121;
}

.stack.horz {
  flex-direction: row;
}

.tablecontentsubheading {
  padding-right: .3125rem;
  font-weight: 700;
}

.tooltip-arrow {
  border-style: none solid solid none;
  border-width: .0625rem;
  border-color: var(--dark-blue);
  background-color: var(--light-blue);
  width: .625rem;
  height: .625rem;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: auto 0% -.375rem;
  transform: rotate(45deg);
}

.tooltip-arrow.red {
  border-style: none solid solid none;
  border-color: var(--dark-red);
  background-color: var(--lightred);
}

.tooltip-arrow.green {
  border-style: none solid solid none;
  border-color: var(--dark-green);
  background-color: var(--light-green);
}

.tooltip-arrow.pointright {
  bottom: 25%;
  left: auto;
  right: -.375rem;
  transform: rotate(-45deg);
}

.table-view-grid-eventreport {
  grid-column-gap: .625rem;
  grid-row-gap: 1rem;
  grid-template: ". . . . . . . Area"
  / 1fr 1fr .5fr .75fr .75fr .25fr .25fr .25fr;
  grid-auto-columns: 1fr;
  place-items: center start;
  display: grid;
}

.table-view-grid-eventreport.rowhover {
  margin-bottom: .625rem;
}

.table-view-grid-eventreport.rowhover:hover {
  background-color: var(--lightgrey);
}

.table-view-grid-eventreport.rowhover.redrow {
  background-color: #fff3f3;
}

.div-block-12 {
  justify-content: center;
  align-items: center;
  min-width: 50%;
  min-height: 5rem;
  display: flex;
}

.eventreportcard {
  border: .0625rem solid var(--gray);
  border-radius: .9375rem;
  margin-bottom: .625rem;
  padding: 2.5rem 1.25rem 1.25rem;
  box-shadow: 0 2px .3125rem #0003;
}

.eventreportcard.yellow {
  background-color: #faffdb;
  box-shadow: 0 2px .3125rem #0003;
}

.eventreportcard.green {
  border-color: var(--dark-green);
  background-color: var(--light-green);
  box-shadow: 0 7px .5rem #0000001a;
}

.gridsummary {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.gridsummary4 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.drkgreen {
  color: var(--dark-green);
}

.paddingright {
  margin-right: 1.25rem;
}

.tabeltext {
  box-shadow: 0 6px .75rem -.125rem #0003;
}

.h3-2 {
  color: #363f45;
  margin-top: .9375rem;
  margin-bottom: 1.625rem;
}

.boxpad {
  flex: 1;
  padding: 1.6em;
}

.textsmallcaps {
  color: #94a2ab;
  text-align: center;
  letter-spacing: .05em;
  text-transform: uppercase;
  font-size: .875rem;
  font-weight: 400;
}

.box {
  color: #333;
  background-color: #fff;
  border: .0625rem solid #f3f3f3;
  border-radius: .25rem;
  width: 48%;
  margin-bottom: 2%;
  margin-left: 1%;
  margin-right: 1%;
  box-shadow: 11px 11px .9375rem -.3125rem #0000001a;
}

.box.fourth {
  border-color: #4f5c6540;
  border-radius: .5rem;
  width: 31%;
}

.box.fourth.productcard {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.box.fourth.productcard.long {
  border-width: .125rem;
  border-color: var(--primary-10);
  border-radius: .3125rem;
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 23%;
  transition: all .35s;
  display: flex;
}

.box.fourth.productcard.long:hover {
  transform: translate(0, -.375rem);
}

.box.fourth.productcard.long._03 {
  background-color: #5681d61a;
}

.box.fourth.productcard.long._01 {
  border-color: var(--light-blue);
  background-color: #5681d61a;
}

.blocksection {
  justify-content: center;
  align-items: stretch;
  padding: 0 5rem 1rem;
  display: flex;
}

.blocksection._01 {
  padding: 2rem 0;
}

.iconbox {
  color: #0000;
  text-align: center;
  background-color: #f7f7f7;
  background-image: url('../images/don.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 2.1875rem;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  margin-right: 0;
  display: flex;
}

.iconbox.gmb {
  background-image: url('../images/don.svg');
}

.iconbox.gmb._03 {
  background-color: #0000;
  background-image: url('../images/of.svg');
}

.iconbox.gmb._03._04 {
  background-color: #0000;
  background-image: url('../images/smpley_chart_icon.svg');
  background-size: 1.5625rem;
}

.iconbox.gmb._02 {
  background-color: #0000;
  background-image: url('../images/PLAN.svg');
  background-size: 1.25rem;
}

.iconbox._01 {
  background-color: #0000;
  background-image: url('../images/don.svg');
  flex: 1;
}

.divblock {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.box-padding {
  padding: 1.6em;
}

.block_three {
  justify-content: center;
  align-items: center;
  padding-top: 2rem;
  padding-left: 5rem;
  padding-right: 5rem;
  display: flex;
}

.block_three.bottom {
  padding-left: 0;
  padding-right: 0;
}

.white-box {
  color: #333;
  background-color: #fff;
  border: .0625rem solid #f3f3f3;
  border-radius: .25rem;
  width: 48%;
  margin-bottom: 2%;
  margin-left: 1%;
  margin-right: 1%;
  box-shadow: 11px 11px .9375rem -.3125rem #0000001a;
}

.white-box.long {
  border-color: #4f5c6540;
}

.white-box.long.bottom.product-card {
  border-width: .125rem;
  border-color: #363f45;
  border-radius: .3125rem;
  transition: all .35s;
}

.white-box.long.bottom.product-card:hover {
  transform: translate(0, -.375rem);
}

.white-box.two-third {
  border-width: .125rem;
  border-color: #363f45;
  border-radius: .3125rem;
  width: 100%;
  margin-left: 1%;
  margin-right: 1%;
}

.table-view-grid-manage-calls {
  grid-column-gap: .625rem;
  grid-row-gap: 1rem;
  grid-template: "."
  / .25fr .25fr 1fr 1fr 1fr .5fr;
  grid-auto-columns: 1fr;
  place-items: center start;
  display: grid;
}

.table-view-grid-manage-calls.rowhover {
  margin-bottom: .625rem;
}

.table-view-grid-manage-calls.rowhover:hover {
  background-color: var(--lightgrey);
}

.table-view-grid-manage-calls.rowhover.redrow {
  background-color: #fff3f3;
}

.table-view-grid-manage-sms {
  grid-column-gap: .625rem;
  grid-row-gap: 1rem;
  grid-template: "."
  / 1fr 1fr 2fr .5fr;
  grid-auto-columns: 1fr;
  place-items: center start;
  display: grid;
}

.table-view-grid-manage-sms.rowhover {
  margin-bottom: .625rem;
}

.table-view-grid-manage-sms.rowhover:hover {
  background-color: var(--lightgrey);
}

.table-view-grid-manage-sms.rowhover.redrow {
  background-color: #fff3f3;
}

.table-view-grid-allregistrations {
  grid-column-gap: .625rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr .75fr .5fr .5fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.table-view-grid-allregistrations.rowhover:hover {
  background-color: var(--lightgrey);
}

.table-view-grid-allregistrations.rowhover.redrow {
  background-color: #fff3f3;
}

.bold-text-2 {
  -webkit-text-stroke-color: var(--tp-purple);
}

.table {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-bottom: 2.5rem;
  display: grid;
  box-shadow: 0 2px .6875rem -.0625rem #0003;
}

.cell {
  padding: .625rem;
}

.table-view-grid-liveleads {
  grid-column-gap: .625rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr 1fr 1fr .25fr .25fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.table-view-grid-liveleads.rowhover:hover {
  background-color: var(--lightgrey);
}

.table-view-grid-liveleads.rowhover.redrow {
  background-color: #fff3f3;
}

.formliveleeads {
  min-height: 100%;
  max-height: none;
}

.card-grid-inboundlead {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 2fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

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

.table-view-grid-todo {
  grid-column-gap: .625rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr .5fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.table-view-grid-todo.rowhover:hover {
  background-color: var(--lightgrey);
}

.table-view-grid-todo.rowhover.redrow {
  background-color: #fff3f3;
}

.table-view-grid-useraccounts {
  grid-column-gap: .625rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr .5fr .5fr .5fr .5fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.table-view-grid-useraccounts.rowhover {
  margin-bottom: .625rem;
}

.table-view-grid-useraccounts.rowhover:hover {
  background-color: var(--lightgrey);
}

.table-view-grid-useraccounts.rowhover.redrow {
  background-color: #fff3f3;
}

.table_row {
  display: flex;
}

.table_header {
  display: block;
}

.adduser {
  width: 100%;
}

.link-block-12 {
  display: block;
}

.table-row {
  color: #9898a3;
  cursor: pointer;
  border-bottom: .0625rem solid #dce0ec;
  justify-content: space-between;
  width: 100%;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  transition: box-shadow .2s;
  display: flex;
}

.table-row:hover {
  color: #4347e7;
  box-shadow: 0 12px .625rem #8e8fa30f;
}

.table-row.head {
  cursor: default;
}

.table-row.head:hover {
  box-shadow: none;
  background-color: #0000;
}

.table-row.head.hide {
  display: none;
}

.image-7 {
  border-radius: 50%;
  margin-right: .5rem;
}

.buttontoggle-2 {
  z-index: 2;
  background-color: #fff;
  border-radius: 100%;
  width: 1.375rem;
  height: 1.375rem;
  position: relative;
  box-shadow: 0 1px .1875rem #0003;
}

.buttontoggle-2._2 {
  background-color: #4347e7;
}

.div-block-412 {
  justify-content: space-between;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.link-block-10 {
  margin-left: .625rem;
}

.div-block-411 {
  padding-left: .625rem;
  padding-right: 1.25rem;
}

.table-row-nr {
  font-weight: 500;
}

.table-arrows {
  opacity: .35;
  cursor: pointer;
  width: .9375rem;
  margin-right: .5rem;
}

.table-arrows:hover {
  opacity: .6;
}

.table-arrows._2 {
  transform: rotate(180deg);
}

.togglebutton-2 {
  background-color: #e9e9e9;
  border-radius: 3.125rem;
  justify-content: flex-start;
  align-items: center;
  width: 2.75rem;
  height: 1rem;
  text-decoration: none;
  display: flex;
  position: relative;
}

.togglebutton-2.active {
  background-color: #4347e799;
  justify-content: flex-end;
}

.table-box {
  border: .0625rem #f9f9f9;
  flex-wrap: wrap;
  align-items: center;
  width: 18%;
  display: flex;
}

.table-box._11 {
  width: 11%;
}

.table-box.action {
  width: 7%;
}

.table-box._2 {
  flex-wrap: nowrap;
  width: 18%;
}

.table-box._2.small {
  width: 11%;
}

.table-box._2.action {
  flex-direction: row;
  justify-content: flex-start;
  width: 7%;
  padding-left: 0;
  padding-right: 0;
}

.scroll-table-content {
  flex-direction: column;
  display: flex;
  overflow: visible;
}

.table-action-icon-2 {
  width: 1.375rem;
}

.table-action-icon-2:hover {
  opacity: .75;
}

.table-action-icon-2.x {
  width: 1rem;
}

.table-details-box {
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 1.25rem;
  padding-top: .75rem;
  padding-bottom: .75rem;
  display: flex;
  position: relative;
}

.text-span-3 {
  background-color: #0000;
  border: .0625rem solid #a5a5b180;
  border-radius: .3125rem;
  padding: .25rem .625rem;
  display: inline-block;
}

.table-action-icon {
  width: 1.375rem;
  margin-right: .6875rem;
}

.table-action-icon:hover {
  opacity: .75;
}

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

.div-block-406 {
  justify-content: center;
  align-items: center;
  width: 3%;
  display: flex;
}

.div-block-406._2 {
  border: .0625rem #ececec;
}

.table-data {
  color: #4e4e4e;
  font-size: .8125rem;
}

.table-data.name {
  font-weight: 600;
}

.table-data.link {
  text-decoration: none;
}

.table-heading {
  color: #9898a3;
  text-transform: capitalize;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-weight: 600;
  line-height: 1.125rem;
}

.table-wrapper {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  margin-top: 1.5625rem;
  display: flex;
}

.instruction-text {
  color: var(--tp-pink);
  font-size: .875rem;
  font-style: italic;
}

.table-grid-doubble, .form-table-grid {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.form-cell {
  flex-direction: column;
  width: 100%;
  display: flex;
}

.label-block {
  display: flex;
}

.required {
  color: var(--tp-pink);
  padding-top: .3125rem;
  padding-left: .625rem;
  font-size: 1.75rem;
}

.ms-embed {
  background-color: #ededed;
  justify-content: center;
  align-items: center;
  min-height: 5rem;
  margin-bottom: .625rem;
  font-style: italic;
  display: flex;
}

.ms-drawer-contain {
  border-top: .0625rem solid #e0e0e0;
  padding-top: .625rem;
}

.ms-dropdown-svg {
  opacity: .5;
  justify-content: center;
  align-items: center;
  width: 1.875rem;
  height: 1.25rem;
  display: flex;
}

.ms-drawer-top {
  color: #121331;
  background-color: #f4f5f8;
  border-radius: .3125rem;
  justify-content: space-between;
  align-items: center;
  padding: .6875rem .625rem .625rem;
  font-weight: 400;
  display: flex;
}

.ms-drawer-top:hover {
  background-color: #2962ff1a;
}

.ms-how-drawer {
  border-radius: .3125rem;
  width: 100%;
  margin-top: -.625rem;
  display: none;
  overflow: hidden;
}

.ms-svg {
  z-index: 3;
  color: var(--memberstack-library--ms-border-color);
  justify-content: center;
  align-items: center;
  width: 1.375rem;
  height: 1.25rem;
  font-family: Material Symbols Outlined, sans-serif;
  font-size: 1.3125rem;
  display: flex;
  position: absolute;
  inset: .625rem auto auto .625rem;
}

.ms-input {
  border: .0625rem solid var(--memberstack-library--ms-border-color);
  box-shadow: 0 5px 10px -5px var(--memberstack-library--ms-shadow-color);
  color: var(--dark-blue);
  background-color: #fff;
  border-radius: .3125rem;
  min-height: 2.5rem;
  margin-bottom: 1.333em;
  padding: .5rem .75rem;
  transition: box-shadow .2s, color .2s, box-shadow .2s, border-color .2s;
  position: relative;
}

.ms-input:hover {
  z-index: 2;
  border-color: var(--memberstack-library--ms-main-cta-color);
  box-shadow: none;
}

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

.ms-input.ms-has-left-icon {
  color: var(--black);
  padding-left: .75rem;
}

.ms-input.ms-is-text-area {
  min-height: 6.25rem;
}

.ms-input.ms-is-text-area.ms-is-bigger {
  min-height: 12.5rem;
  padding: .75rem 1rem;
  font-size: 1.1em;
}

.ms-input-wrap {
  padding: 0;
  display: flex;
  position: relative;
}

.ms-input-wrap.hide {
  display: none;
}

.ms-input-label {
  text-align: left;
  margin-bottom: .3125rem;
  font-size: .9em;
  font-weight: 600;
}

.ms-input-label.ms-is-checkbox, .ms-input-label.ms-is-radio {
  font-weight: 400;
}

.ms-button-svg {
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.ms-button-flex {
  grid-column-gap: .5rem;
  align-items: center;
  display: flex;
}

.ms-button {
  border: .0625rem solid var(--memberstack-library--ms-main-cta-color);
  background-color: var(--memberstack-library--ms-main-cta-color);
  color: #fff;
  text-align: center;
  letter-spacing: .03em;
  border-radius: .5rem;
  flex: none;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  margin-bottom: .9375rem;
  padding: .8125rem 1rem .71875rem;
  font-size: 1em;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: transform .2s cubic-bezier(.645, .045, .355, 1), border-color .2s cubic-bezier(.645, .045, .355, 1), border-radius .2s cubic-bezier(.645, .045, .355, 1), box-shadow .2s cubic-bezier(.645, .045, .355, 1), background-color .2s cubic-bezier(.645, .045, .355, 1);
  display: inline-block;
  position: relative;
  top: 0;
  box-shadow: 1px 1px .3125rem #ffffff40, 0 .625rem 1.25rem -.3125rem #2d3e504d;
}

.ms-button:hover {
  background-color: var(--memberstack-library--ms-main-cta-hover);
  box-shadow: none;
  color: #fff;
  transform: translate(0, .125rem);
}

.ms-button:active {
  background-color: #0a3092;
}

.ms-button.ms-is-light {
  color: #070e27;
  background-color: #fff;
  background-image: none;
  background-size: auto;
  border: .0625rem solid #dbe2eb;
  box-shadow: 0 1px .1875rem #ffffff40, 0 .625rem 1.25rem -.3125rem #2d3e501a;
}

.ms-button.ms-is-light:hover {
  box-shadow: none;
  color: #1051b9;
  background-color: #fff;
  border-color: #1051b9;
}

.ms-button.ms-is-light:active {
  color: #fff;
  background-color: #356af0;
}

.ms-button.ms-is-light.ms-is-small {
  margin-bottom: 0;
}

.ms-button.ms-is-light.ms-is-small.ms-is-documentation {
  width: 100%;
  margin-top: 3em;
  display: flex;
}

.ms-button.ms-is-small {
  border-radius: .375rem;
  height: auto;
  padding: .4375rem 1rem;
  font-size: .85em;
  font-weight: 500;
  transform: perspective(62.5rem);
}

.ms-button.ms-is-form {
  width: 100%;
}

.ms-button.ms-is-form.add {
  border-style: none;
  border-color: var(--dark-green);
  background-color: var(--green);
  color: var(--dark-green);
}

.ms-button.ms-is-form.edit {
  background-color: var(--tp-purple);
  border-style: none;
}

.ms-button.ms-is-form.manage {
  border-style: none;
  border-color: var(--dark-green);
  background-color: var(--tp-redmain);
  color: var(--light-gray-2);
}

.ms-checkbox {
  border-width: .09375rem;
  border-color: var(--memberstack-library--ms-border-color);
  background-color: #fff;
  border-radius: 33%;
  flex: none;
  width: 1.125rem;
  height: 1.125rem;
  margin-top: .125rem;
  margin-right: .625rem;
  transition: background-color .2s, border-color .2s;
}

.ms-checkbox:hover {
  border-color: var(--memberstack-library--ms-main-cta-color);
  background-color: var(--memberstack-library--ms-main-cta-color);
  background-image: linear-gradient(#ffffffe6, #ffffffe6);
}

.ms-checkbox.w--redirected-checked {
  background-color: #2962ff;
  background-image: url('../images/smallcheck.svg');
  background-size: 70%;
  border-color: #12133140;
  border-radius: 33%;
}

.ms-checkbox-wrap {
  align-items: flex-start;
  margin-bottom: 0;
  padding-top: .3333em;
  line-height: 1.375rem;
  display: flex;
}

.ms-help-text {
  opacity: .8;
  margin-top: -.9375rem;
  margin-bottom: .9375rem;
  font-size: 90%;
  font-weight: 300;
}

.ms-help-text.ms-less-margin {
  margin-top: -.25rem;
  margin-bottom: .25rem;
}

.ms-list-container {
  width: 100%;
  margin-bottom: 1.25rem;
}

.ms-radio-dot {
  border-color: #12133140;
  width: 1.0625rem;
  height: 1.0625rem;
  margin-top: .0625rem;
  margin-right: .625rem;
  position: relative;
}

.ms-radio-dot.w--redirected-checked {
  border-width: .375rem;
  border-color: var(--memberstack-library--ms-main-cta-color);
}

.ms-radio-wrap {
  align-items: flex-start;
  margin-bottom: 0;
  padding-top: .5rem;
  padding-left: 1.25rem;
  line-height: 1.3em;
  display: flex;
  position: relative;
}

.ms-form-row {
  grid-column-gap: 1.25rem;
  display: flex;
}

.ms-form-row.grid {
  grid-column-gap: 1%;
  grid-row-gap: 1%;
  grid-template-rows: auto;
  grid-template-columns: 13.43% 13.43% 13.43% 13.43% 13.43% 13.43fr 13.43fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.ms-full-width {
  width: 100%;
}

.ms-full-width.horz {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.ms-full-width.center {
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.ms-full-width.center.hide {
  display: none;
}

.ms-form-sub-heading {
  margin-top: -.9375rem;
  margin-bottom: 1.25rem;
}

.ms-form-heading {
  margin-top: 0;
  margin-bottom: 1.25rem;
  font-size: 1.8125rem;
  font-weight: 500;
  line-height: 1.4em;
}

.ms-space {
  width: .625rem;
  height: .625rem;
}

.ms-space.ms-is-20 {
  width: 1.25rem;
  height: 1.25rem;
}

.ms-form.ms-is-contact-form {
  width: 100%;
}

.ms-form.contact-card {
  border: 1px dashed var(--light-blue);
  border-radius: 5px;
  margin-bottom: 20px;
  padding: 10px;
  box-shadow: 0 2px 0 2px #0000000d;
}

.ms-form.contact-card:hover {
  background-color: var(--lightgrey);
}

.required-text-block {
  align-items: center;
  display: flex;
}

.table-view-grid-customer {
  grid-column-gap: .625rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.table-view-grid-customer.rowhover {
  margin-bottom: .625rem;
}

.table-view-grid-customer.rowhover:hover {
  background-color: var(--lightgrey);
}

.table-view-grid-customer.rowhover.redrow {
  background-color: #fff3f3;
}

.pagecategorytitle {
  color: var(--black);
  font-weight: 400;
}

.pagecategorytitle.breadcrumbcategory {
  color: var(--gray) !important;
  text-transform: uppercase;
  font-size: 1.125rem;
  font-weight: 700;
}

/* Force automation breadcrumb to be gray - override any cached styles */
.pagetitlesdiv .pagecategorytitle.breadcrumbcategory {
  color: #9697a1 !important;
}

.pagetitle {
  white-space: nowrap;
  font-weight: 400;
  line-height: 1.8125rem;
}

.pagetitle.show-from-tab {
  color: var(--dark-gray);
  text-transform: uppercase;
  font-size: 1.375rem;
  font-weight: 700;
  display: block;
}

/* Override external CSS (like datepicker.css) that might be affecting breadcrumbs */
html body div.dashboard div.dashboard-details div.pagetitlesdiv div.sidebar-title-flex h5.pagecategorytitle.breadcrumbcategory {
  color: #9697a1 !important;
}

/* Additional fallback with higher specificity */
html body .dashboard .dashboard-details .pagetitlesdiv .sidebar-title-flex h5.pagecategorytitle.breadcrumbcategory {
  color: #9697a1 !important;
}

.pagesubtitleicon {
  color: var(--tp-redmain);
  cursor: pointer;
  justify-content: center;
  align-items: center;
  min-width: 1.25rem;
  max-width: 1.25rem;
  min-height: 1.25rem;
  max-height: 1.25rem;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-family: Material Symbols Outlined, sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  display: flex;
}

.pagesubtitleicon.submenu {
  color: var(--dark-gray);
}

.pagesubtitleicon.leftspace {
  margin-left: .625rem;
}

.pagesubtitleicon.leftspace.searchbox {
  margin-top: -.5625rem;
  margin-left: -1.8125rem;
}

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

.pagesubtitleicon.pink {
  color: var(--tp-pink);
}

.pagesubtitleicon.inside-input {
  margin-top: -.5rem;
  padding-left: 1rem;
}

.pagesubtitleicon.purple {
  color: var(--tp-purple);
}

.pagesubtitleicon.green {
  color: #038319;
}

.pagesubtitleicon.oj {
  color: #d17b18;
}

.pagesubtitleicon.red {
  color: #c82a3c;
}

.pagesubtitleicon.drkred {
  color: #760b17;
}

.pagesubtitleicon.yellow {
  color: #b8c327;
}

.hiddenlogin {
  width: 50px;
  height: 70px;
  margin-top: 1.1rem;
  margin-left: 17.1625rem;
  position: absolute;
}

.loginpagelogo {
  margin-top: 1.875rem;
}

.tabs-content-2, .tabscontent {
  overflow: visible;
}

.report-event-call-center-grid {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.table-view-grid-reports-eventcallcenter {
  grid-column-gap: .625rem;
  grid-row-gap: 1rem;
  grid-template: "."
  / 1fr .75fr 1fr 1fr .5fr;
  grid-auto-columns: 1fr;
  place-items: center start;
  display: grid;
}

.table-view-grid-reports-eventcallcenter.rowhover {
  margin-bottom: .625rem;
}

.table-view-grid-reports-eventcallcenter.rowhover:hover {
  background-color: var(--lightgrey);
}

.table-view-grid-reports-eventcallcenter.rowhover.redrow {
  background-color: #fff3f3;
}

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

.searchicon {
  color: var(--tp-redmain);
  cursor: pointer;
  justify-content: center;
  align-items: center;
  min-width: 1.25rem;
  max-width: 1.25rem;
  min-height: 1.25rem;
  max-height: 1.25rem;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-family: Material Symbols Outlined, sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  display: flex;
}

.searchicon.leftspace {
  margin-left: .625rem;
}

.searchicon.leftspace.searchbox {
  margin-top: -.5625rem;
  margin-left: -1.8125rem;
}

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

.searchicon.pink {
  color: var(--tp-pink);
}

.searchicon.purple {
  color: var(--tp-purple);
}

.searchicon.green {
  color: #15810d;
}

.searchicon.oj {
  color: #d47800;
}

.searchicon.red {
  color: #ca273a;
}

.searchicon.drkred {
  color: #770815;
}

.searchicon.yellow {
  color: #bdc00b;
}

.text-field-2 {
  margin-top: .6875rem;
}

.table-view-grid-postevents {
  grid-column-gap: .625rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr .5fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.table-view-grid-postevents.rowhover {
  justify-items: start;
  margin-bottom: .625rem;
}

.table-view-grid-postevents.rowhover:hover {
  background-color: var(--lightgrey);
}

.table-view-grid-postevents.rowhover.redrow {
  background-color: #fff3f3;
}

.table-view-grid-postevents.rowhover-dealerships {
  grid-template-columns: 1fr 1fr 1fr 1fr .25fr .25fr .25fr .25fr .25fr .25fr;
}

.table-view-grid-postevents.rowhover-dealerships:hover {
  background-color: var(--lightgrey);
}

.table-view-grid-postevents.rowhover-dealerships.redrow {
  background-color: #fff3f3;
}

.table-view-grid-example {
  grid-column-gap: .625rem;
  grid-row-gap: 1rem;
  grid-template: "."
  / 1fr .75fr 1fr 1fr .5fr;
  grid-auto-columns: 1fr;
  place-items: center start;
  display: grid;
}

.table-view-grid-example.rowhover {
  margin-bottom: .625rem;
}

.table-view-grid-example.rowhover:hover {
  background-color: var(--lightgrey);
}

.table-view-grid-example.rowhover.redrow {
  background-color: #fff3f3;
}

.table-view-grid-manage-feeds {
  grid-column-gap: .625rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr .25fr .5fr .5fr .5fr .5fr .25fr .25fr .25fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.table-view-grid-manage-feeds.rowhover {
  margin-bottom: .625rem;
}

.table-view-grid-manage-feeds.rowhover:hover {
  background-color: var(--lightgrey);
}

.table-view-grid-manage-feeds.rowhover.redrow {
  background-color: #fff3f3;
}

.div-wrapper {
  display: flex;
}

.table-view-grid-feedlogs {
  grid-column-gap: .625rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr 1fr .25fr .25fr .25fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.table-view-grid-feedlogs.rowhover {
  margin-bottom: .625rem;
}

.table-view-grid-feedlogs.rowhover:hover {
  background-color: var(--lightgrey);
}

.table-view-grid-feedlogs.rowhover.redrow {
  background-color: #fff3f3;
}

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

.sort-flex-short {
  grid-column-gap: .25rem;
  justify-content: flex-start;
  align-items: center;
  min-width: 3.75rem;
  height: 50px;
  padding: 0 .625rem .625rem;
  display: flex;
}

.sort-flex-short.pointer {
  cursor: pointer;
  height: 0;
  padding-left: .625rem;
  padding-right: .625rem;
}

.sort-flex-short.pointer:hover {
  background-color: var(--primary-10);
  color: var(--tp-purple);
  font-weight: 900;
}

.sort-flex-short.pointer.full {
  background-color: var(--primary-10);
  min-width: 100%;
}

.sort-flex-short.flex-end {
  justify-content: flex-start;
  padding-left: .625rem;
  padding-right: .625rem;
}

.sort-flex-short.smaller {
  min-width: 3.75rem;
}

.sort-flex-short.smaller.margin-left-18px {
  padding-left: .625rem;
  padding-right: .625rem;
}

.sort-flex-short.center {
  justify-content: center;
  min-width: auto;
  padding-left: 0;
  padding-right: 0;
}

.sort-flex-short.center.card {
  background-color: #fff0;
  width: auto;
  position: relative;
  inset: 0% auto auto 0%;
}

.sort-flex-short.center.cardicons {
  min-width: 3.125rem;
  min-height: 3.125rem;
  padding-left: .3125rem;
  padding-right: .3125rem;
}

.sort-flex-short.center.smaller {
  min-width: 1.875rem;
  min-height: 1.875rem;
  padding-left: 0;
  padding-right: 0;
}

.sort-flex-short.center.largetext {
  color: var(--medblue);
  min-width: auto;
  height: 5rem;
  min-height: auto;
  font-size: 3rem;
  font-weight: 700;
}

.sort-flex-short.center.nopadding {
  padding-top: .3125rem;
  padding-bottom: .3125rem;
}

.sort-flex-short.center.shorter {
  height: 2.1875rem;
  min-height: 2.1875rem;
}

.sort-flex-short.center.hide {
  display: none;
}

.sort-flex-short.stacked {
  min-height: 1.875rem;
}

.anchor {
  min-height: 1.25rem;
}

.contactimage-wrapper {
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  min-width: 80px;
  max-width: 80px;
  display: block;
}

.contactimage-wrapper.hide {
  display: none;
}

.btn_save {
  color: var(--green);
  background-color: #fff0;
  font-family: Material Symbols Outlined, sans-serif;
  font-size: 1.75rem;
}

.btn_save:hover {
  background-color: var(--light-green);
  color: var(--dark-green);
}

.table-view-grid-service-apts {
  grid-column-gap: .625rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr .75fr .5fr .5fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.table-view-grid-service-apts.rowhover:hover {
  background-color: var(--lightgrey);
}

.table-view-grid-service-apts.rowhover.redrow {
  background-color: #fff3f3;
}

.dealershiplogo {
  display: flex;
}

.contentsubtitles {
  color: var(--dark-gray);
  font-size: 12px;
  font-weight: 400;
}

.contentsubtitlesdiv {
  align-items: center;
  margin-top: -15px;
  padding-bottom: 5px;
}

.customerinfo-contenttext-notes {
  border: 1px solid var(--light-blue);
  align-self: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: .5rem .625rem;
  font-size: 14px;
  font-style: italic;
  font-weight: 400;
  line-height: 16px;
}

.customerinfo-contenttext-notes.green {
  color: var(--green);
  font-weight: 700;
}

.customerinfo-contenttitle-twilio {
  color: var(--dark-red);
  text-align: left;
  text-transform: uppercase;
  border: 0 #0000;
  border-bottom: .0625rem solid #0000;
  align-self: center;
  min-width: 10rem;
  padding-left: 15px;
  font-family: proxima-nova, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.875rem;
}

.customerinfo-contenttext-twilio {
  color: var(--dark-red);
  align-self: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: .5rem .625rem;
  font-size: 14px;
  font-weight: 700;
}

.customerinfo-contenttext-twilio.green {
  color: var(--green);
  font-weight: 700;
}

.customerinfo-contenttitle-dealer {
  color: var(--dark-blue);
  text-align: left;
  text-transform: uppercase;
  border: 0 #0000;
  border-bottom: .0625rem solid #0000;
  align-self: center;
  min-width: 10rem;
  padding-left: 15px;
  font-family: proxima-nova, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.875rem;
}

.customerinfo-contenttext-dealer {
  color: var(--dark-blue);
  align-self: center;
  margin-left: auto;
  margin-right: auto;
  padding: .5rem .625rem;
  font-size: 14px;
  font-weight: 700;
}

.customerinfo-contenttext-dealer.green {
  color: var(--green);
  font-weight: 700;
}

.settings-wrapper-half-border {
  border: 1px dashed var(--light-gray);
  border-radius: 6px;
  width: 100%;
  max-width: 50%;
  min-height: .0625rem;
  display: flex;
  position: relative;
}

.combine-space-medium {
  width: 100%;
  height: 1.5rem;
}

.combine-text-size-regular {
  color: var(--combine-library--grey-600);
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: .8rem;
  font-weight: 400;
  line-height: 1.5;
}

.combine-faq2_answer {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  overflow: hidden;
}

.combine-icon_small {
  cursor: pointer;
  width: 1.25rem;
  height: 1.25rem;
  display: flex;
}

.combine-icon_color4 {
  color: var(--combine-library--grey-600);
}

.combine-faq2_title {
  color: var(--combine-library--grey-800);
  font-family: Open Sans, sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.5;
}

.combine-faq2_question {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  padding: 1.25rem 1.5rem;
  display: flex;
}

.combine-faq2_accordion {
  background-color: var(--combine-library--white);
  border: 1px solid #f0f0f0;
  border-radius: 1.25rem;
}

.combine-faq2_component {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  grid-template-rows: auto;
  grid-template-columns: 100%;
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
}

.combine-container-medium {
  width: 100%;
  max-width: 58rem;
  margin-left: auto;
  margin-right: auto;
}

.combine-space-large {
  height: 4rem;
}

.combine-heading-style-h2 {
  color: var(--combine-library--grey-800);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.35;
}

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

.popupform-container-small {
  width: 100%;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.combine-padding-section-medium {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.darkenscreen {
  object-fit: fill;
  min-width: 100vw;
  min-height: 100vh;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  position: relative;
  inset: 0%;
  overflow: hidden;
}

.combine-section_faq2 {
  background-color: var(--combine-library--grey-050);
}

.combine-form_error-message {
  border: 1px solid var(--combine-library--error-800);
  background-color: var(--combine-library--error-100);
  color: var(--combine-library--error-800);
  border-radius: .25rem;
  margin-top: .5rem;
  padding: .5rem 1.25rem;
  font-size: .875rem;
}

.combine-form_success-message {
  border: 1px solid var(--combine-library--success-800);
  background-color: var(--combine-library--success-100);
  color: var(--combine-library--success-800);
  text-align: left;
  border-radius: .25rem;
  padding: .5rem 1.25rem;
  font-size: .875rem;
}

.combine-button {
  background-color: var(--combine-library--grey-800);
  color: #fff;
  text-align: center;
  border-radius: .5rem;
  padding: .75rem 1.75rem;
  font-family: Open Sans, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  text-decoration: none;
  transition-property: background-color;
}

.combine-button:hover {
  background-color: #28364ae6;
}

.combine-form_link {
  color: var(--combine-library--primary-600);
  text-decoration: underline;
}

.combine-form_link:hover {
  color: var(--combine-library--primary-800);
}

.combine-form_checkbox-label {
  color: var(--combine-library--grey-800);
  margin-bottom: .125rem;
  font-family: Open Sans, sans-serif;
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.5;
}

.combine-form_checkbox-icon {
  border-color: var(--combine-library--grey-400);
  cursor: pointer;
  border-radius: .125rem;
  width: 1rem;
  height: 1rem;
  margin: 0 .5rem 0 0;
}

.combine-form_checkbox-icon:hover {
  border-color: var(--combine-library--grey-600);
}

.combine-form_checkbox-icon.w--redirected-checked {
  border-color: var(--combine-library--primary-600);
  background-color: var(--combine-library--primary-600);
  background-size: 90%;
  border-radius: .125rem;
  width: 1rem;
  height: 1rem;
  margin: 0 .5rem 0 0;
}

.combine-form_checkbox-icon.w--redirected-focus {
  border-color: var(--combine-library--primary-600);
  box-shadow: none;
  border-radius: .125rem;
  width: 1rem;
  height: 1rem;
  margin: 0 .5rem 0 0;
}

.combine-form_checkbox {
  align-items: center;
  margin-bottom: .5rem;
  padding-left: 0;
  display: flex;
}

.combine-form_field-wrapper {
  margin-bottom: 1.25rem;
}

.combine-form_text-area-grey {
  border: 1px solid var(--combine-library--grey-050);
  background-color: var(--combine-library--grey-050);
  color: var(--combine-library--grey-800);
  border-radius: .5rem;
  margin-bottom: 0;
  padding: .5rem 1.25rem;
  font-family: Open Sans, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  transition: border-color .25s;
}

.combine-form_text-area-grey:hover {
  border-color: var(--combine-library--grey-100);
}

.combine-form_text-area-grey:focus {
  border-color: var(--combine-library--primary-600);
}

.combine-form_text-area-grey::placeholder {
  color: var(--combine-library--grey-200);
}

.combine-form_label {
  color: var(--combine-library--grey-800);
  margin-bottom: .5rem;
  font-family: Open Sans, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

.combine-form_input-grey {
  border: 1px solid var(--combine-library--grey-050);
  background-color: var(--combine-library--grey-050);
  color: var(--combine-library--grey-800);
  border-radius: .5rem;
  min-width: 16rem;
  height: 3rem;
  margin-bottom: 0;
  padding: .5rem 1.25rem;
  font-family: Open Sans, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  transition: border-color .25s;
}

.combine-form_input-grey:hover {
  border-color: var(--combine-library--grey-100);
}

.combine-form_input-grey:focus {
  border-color: var(--combine-library--primary-600);
}

.combine-form_input-grey::placeholder {
  color: var(--combine-library--grey-200);
}

.combine-form_form {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
}

.calldetails-form {
  background-color: var(--combine-library--white);
  border-radius: 1.25rem;
  max-width: 800px;
  height: 80vh;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 3rem 4rem;
  display: none;
  overflow: auto;
}

.combine-section_contact1 {
  background-color: var(--primary-10);
}

.close {
  color: var(--dark-gray);
  text-transform: none;
  justify-content: flex-end;
  align-items: flex-start;
  margin-bottom: 0;
  margin-left: auto;
  font-family: Material Symbols Outlined, sans-serif;
  font-size: 3rem;
  font-weight: 400;
  line-height: 50px;
}

.link-block-13 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: absolute;
}

.link-block-13:hover {
  color: var(--tp-purple);
}

.sendemail-form, .customemail-form, .emaildealer-form, .sendsms-form, .customsms-form {
  background-color: var(--combine-library--white);
  border-radius: 1.25rem;
  height: 80vh;
  margin-bottom: 0;
  padding: 3rem 4rem;
  display: none;
  overflow: auto;
}

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

.popupheadding {
  font-family: proxima-nova, sans-serif;
  font-size: 2rem;
}

.calldetails-customtask {
  background-color: var(--combine-library--white);
  border-radius: 1.25rem;
  max-width: 800px;
  height: 80vh;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 3rem 4rem;
  display: none;
  overflow: auto;
}

@media screen and (max-width: 991px) {
  h1 {
    text-align: left;
  }

  .inquire-title-wrapper {
    width: 90%;
  }

  .hide-on-tab {
    display: none;
  }

  .sg-outer-wrapper {
    flex-direction: column;
    align-items: stretch;
  }

  .sg-anchor-links-wrapper {
    z-index: 1;
    background-color: var(--white);
    flex-flow: wrap;
    padding-top: 0;
    padding-bottom: 0;
    position: static;
    inset: 0 0% -9.375rem;
  }

  .sg-right-bottom-wrapper {
    width: 100%;
    min-height: auto;
    margin-left: 0;
  }

  .return-to-top-lb {
    width: 3.5rem;
    height: 3.5rem;
  }

  .sg-logos-grid {
    grid-template-columns: 1fr 1fr;
  }

  .sg-buttons-grid {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .sg-left-top-wrapper {
    z-index: 5;
    width: 100%;
    min-height: auto;
    position: sticky;
    top: -8.125rem;
  }

  .sg-anchor-lb {
    flex: none;
    justify-content: center;
    min-width: 33%;
    padding: .46875rem .9375rem;
  }

  .sg-anchor-lb.w--current {
    box-shadow: inset 0 -3px 0 0 var(--tp-redmain);
  }

  .error-massage {
    width: 90%;
  }

  .main-flex-wrapper {
    max-width: 48rem;
  }

  .sg-main-logo {
    background-color: var(--tp-redmain);
    transition: background-color .25s, letter-spacing .3s ease-in-out, color .4s;
  }

  .sg-main-logo:hover {
    background-color: var(--tp-purple);
  }

  .sg-return-to-home-lb-mobile-only {
    background-color: var(--dark-blue);
  }

  .sg-return-to-home-lb-mobile-only:hover {
    background-color: var(--tp-redmain);
  }

  .text-mobile-only {
    color: #fefeff;
  }

  .text-mobile-only.mobile-only {
    color: var(--light-gray);
    font-weight: 400;
    display: block;
  }

  .dashboard {
    width: 100%;
    margin-left: .625rem;
  }

  .sidebar {
    display: none;
  }

  .dashboard-details {
    padding-left: 1.875rem;
    padding-right: 1.875rem;
  }

  .dashboard-header {
    justify-content: space-between;
    width: 100%;
    margin-left: 0;
    padding-left: 1.875rem;
    padding-right: 1.875rem;
  }

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

  .sidebar-title-flex.relative {
    left: -3.125rem;
  }

  .logo-flex {
    justify-content: space-between;
    padding-right: .625rem;
  }

  .header-flex {
    align-items: center;
  }

  .badge-card.syncsms.with-text {
    display: none;
  }

  .badge-card.syncsms.without-text, .logo-title.show-from-tab {
    display: flex;
  }

  .bar-horizontal {
    width: 68%;
  }

  .bar-horizontal.gradient-pink.width-91 {
    width: 91%;
  }

  .bar-horizontal.gradient-yellow.width-42 {
    width: 42%;
  }

  .bar-horizontal.gradient-green.width-57 {
    width: 57%;
  }

  .sort-flex.smaller.margin-left-18px {
    min-width: 7.5rem;
  }

  .users-side-bar-right {
    border-left-width: 0;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-left: 0;
    padding-left: 0;
  }

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

  .select-field {
    border-radius: .3125rem;
  }

  .menu-mobile-icon {
    z-index: 99;
    color: var(--black);
    margin-right: 1.25rem;
    position: relative;
  }

  .menu-mobile-icon.show-on-tab {
    cursor: pointer;
    display: flex;
  }

  .image-one {
    min-height: 25rem;
  }

  .utilities-row {
    width: 100%;
  }

  .gallery-grid-list {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    margin-top: .5em;
    margin-bottom: .5em;
    padding-left: 0;
    padding-right: 0;
  }

  .image-wrapper {
    min-height: 25rem;
    max-height: 25rem;
  }

  .utilities-wrapper-full {
    flex-direction: column;
    display: flex;
  }

  .row-tab-law {
    grid-row-gap: .9375rem;
    flex-wrap: wrap;
  }

  .utilities-wrapper {
    padding-left: 3.75rem;
    padding-right: 3.75rem;
  }

  .utility-button {
    padding-left: 3.125rem;
  }

  .table-view-grid {
    grid-template-columns: 1fr;
    padding-right: 1.25rem;
  }

  .products-details-wrapper {
    flex-direction: row;
    display: block;
  }

  .company-grid {
    grid-auto-columns: 1fr;
  }

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

  .cart-container {
    min-width: 80%;
    max-width: 80%;
  }

  .payment-container {
    flex-direction: column;
    align-items: center;
  }

  .button-order {
    max-width: 12.5rem;
  }

  .order-summary {
    flex-direction: column;
    justify-content: center;
    width: 100%;
    display: flex;
  }

  .order-confirmationn, .check-out {
    width: 100%;
    margin-right: 0;
  }

  .footer-bottom {
    align-items: flex-start;
  }

  .footer-copyright {
    font-size: .875rem;
    line-height: 1.25rem;
  }

  .footer-text-wrapper {
    width: 70%;
  }

  .footer-pre-text, .footer-text-link {
    font-size: .875rem;
  }

  .notifications-info {
    grid-auto-columns: 1fr;
  }

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

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

  .mobile-sidebar {
    z-index: 999;
    min-width: 15.625rem;
    max-width: 15.625rem;
    transition: transform .2s cubic-bezier(.053, .568, .355, 1);
    display: block;
    transform: translate(-19.375rem);
  }

  .burger-menu-close-icon {
    margin-right: .9375rem;
  }

  .price-card {
    display: flex;
  }

  .pricing-grid-half {
    flex-direction: column;
  }

  .badge-card-category {
    align-self: center;
  }

  .dropdown-utilties.w--open {
    width: 15rem;
    padding-left: 0;
    padding-right: 0;
  }

  .tabs-menu {
    margin-bottom: 1rem;
  }

  .messages-tabs-grid {
    grid-column-gap: 0rem;
    flex-direction: column;
    display: flex;
  }

  .preloader-base-bar {
    min-width: 30%;
    max-width: 30%;
  }

  .tp-icon-sidenav {
    cursor: pointer;
    transition: margin-right .2s cubic-bezier(.68, -.55, .265, 1.55);
    display: block;
  }

  .tp-icon-sidenav:hover {
    margin-right: 0;
  }

  .loginwrapper {
    width: 100%;
    margin-left: 0;
  }

  .dropdown-utilties-2.w--open {
    width: 15rem;
    padding-left: 0;
    padding-right: 0;
  }

  .dropdownlinkblock {
    padding-left: 3.4375rem;
  }

  .overlayclose {
    top: 5%;
    right: 5%;
  }

  .btn-clear.syncsms.with-text {
    display: none;
  }

  .btn-clear.syncsms.without-text {
    display: flex;
  }

  .table-view-grid-email-template, .table-view-grid-smstemplate, .table-view-gridautoemails, .table-view-grid-organization, .table-view-grid-dealerships, .table-view-grid-eventmanagement, .table-view-grid-copy, .table-view-grid-eventreport {
    grid-template-columns: 1fr;
    padding-right: 1.25rem;
  }

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

  .textsmallcaps {
    flex-direction: row;
    display: flex;
  }

  .blocksection {
    flex-direction: row;
    padding-left: 2rem;
    padding-right: 2rem;
    display: flex;
  }

  .block_three {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .block_three.bottom {
    flex-direction: column;
  }

  .white-box.two-third {
    width: 98%;
  }

  .table-view-grid-manage-calls, .table-view-grid-manage-sms, .table-view-grid-allregistrations, .table-view-grid-liveleads {
    grid-template-columns: 1fr;
    padding-right: 1.25rem;
  }

  .card-grid-inboundlead {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
  }

  .table-view-grid-todo {
    grid-template-columns: 1fr;
    padding-right: 1.25rem;
  }

  .table-view-grid-useraccounts {
    padding-right: 1.25rem;
  }

  .link-block-10 {
    margin-left: 0;
  }

  .table-box, .table-box._2 {
    justify-content: center;
  }

  .table-box._2.small {
    padding-right: .75rem;
  }

  .table-box._2.action {
    justify-content: center;
  }

  .scroll-table-content {
    overflow: scroll;
  }

  .div-block-406._2 {
    justify-content: flex-start;
  }

  .ms-button {
    position: relative;
  }

  .ms-form-row.grid {
    grid-template-columns: 1fr;
  }

  .table-view-grid-customer {
    grid-template-columns: 1fr;
    padding-right: 1.25rem;
  }

  .pagetitle.show-from-tab {
    display: flex;
  }

  .hiddenlogin {
    width: 60px;
    margin-left: 17.7625rem;
  }

  .table-view-grid-reports-eventcallcenter, .table-view-grid-postevents, .table-view-grid-example {
    grid-template-columns: 1fr;
    padding-right: 1.25rem;
  }

  .table-view-grid-manage-feeds, .table-view-grid-feedlogs {
    padding-right: 1.25rem;
  }

  .sort-flex-short.smaller.margin-left-18px {
    min-width: 7.5rem;
  }

  .table-view-grid-service-apts {
    grid-template-columns: 1fr;
    padding-right: 1.25rem;
  }

  .combine-heading-style-h2 {
    font-size: 2.5rem;
  }

  .darkenscreen {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .combine-form_input-grey {
    min-width: 12rem;
  }

  .close {
    font-size: 2.5rem;
  }
}

@media screen and (max-width: 767px) {
  .description-max-width {
    max-width: 25rem;
  }

  .sg-buttons-grid-dark {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }

  .global-section {
    padding: 4rem 2.5rem;
  }

  .sg-logos-grid {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .sg-colour-wrapper {
    flex-direction: row;
  }

  .sg-colour-swatch {
    width: 25%;
    margin-bottom: 0;
    margin-right: 1rem;
    padding-top: 25%;
  }

  .sg-buttons-grid {
    grid-template-rows: auto auto auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .sg-colours-grid {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .sg-colour-label-wrapper {
    align-items: flex-start;
  }

  .sg-buttons-grid-two {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }

  .settings-flex-container {
    padding-top: 0;
  }

  .settings-wrapper-half {
    max-width: 100%;
  }

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

  .error-massage {
    width: 80%;
  }

  .grid-2-1d {
    grid-row-gap: 3rem;
    grid-template-rows: auto minmax(22.5rem, 1fr);
    grid-template-columns: 1fr;
  }

  .search {
    min-width: 12.5rem;
    max-width: 12.5rem;
  }

  .bar-horizontal {
    width: 20rem;
  }

  .sort-flex.smaller.margin-left-18px {
    margin-left: 0;
  }

  .users-side-bar-right {
    grid-template-columns: 1fr;
  }

  .users-side-bar-left {
    position: static;
  }

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

  .select-field {
    border-radius: .3125rem;
  }

  .page-grid-pricing-single {
    grid-template-columns: 1fr;
  }

  .gap-8px-row {
    grid-row-gap: 3rem;
  }

  .gallery-grid-list {
    grid-column-gap: .5em;
    grid-row-gap: .5em;
    flex-wrap: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: .5fr .5fr;
    grid-auto-columns: 1fr;
    align-items: center;
  }

  .gallery-item {
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .utilities-gallery-row {
    justify-content: center;
  }

  .row-tab-law {
    justify-content: center;
    align-items: stretch;
  }

  .utilities-wrapper {
    padding-left: 0;
    padding-right: 0;
  }

  .table-view-grid {
    grid-template-columns: 1fr;
    align-content: start;
    place-items: start;
  }

  .products-details-wrapper {
    min-width: 100%;
  }

  .company-content {
    min-width: 9.375rem;
  }

  .cart-container {
    min-width: 100%;
    max-width: 100%;
  }

  .background-transparent {
    padding-left: 0;
    padding-right: 0;
  }

  .order-summary {
    margin-top: .9375rem;
  }

  .footer-bottom {
    grid-row-gap: .9375rem;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
  }

  .footer-copyright {
    line-height: 1.25rem;
  }

  .footer-text-wrapper {
    grid-row-gap: .9375rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .footer-pre-text {
    margin-top: 0;
  }

  .notifications-inner-content {
    min-width: 9.375rem;
  }

  .button-text-block {
    white-space: nowrap;
  }

  .pricing-flex {
    flex-direction: column;
  }

  .table-view-grid-alt {
    grid-template-columns: 1fr;
    align-content: start;
    place-items: start center;
  }

  .messages-tabs-grid {
    width: 100%;
  }

  .scrollbar {
    padding-bottom: 1.25rem;
    padding-right: .625rem;
  }

  .pageoverlay-wrap {
    padding-left: 0;
  }

  .popupoverlay {
    padding-left: .625rem;
    padding-right: .625rem;
  }

  .taskswrapper {
    max-width: 100%;
  }

  .table-view-grid-email-template, .table-view-grid-smstemplate, .table-view-gridautoemails, .table-view-grid-organization, .table-view-grid-dealerships, .table-view-grid-eventmanagement, .table-view-grid-copy, .table-view-grid-eventreport {
    grid-template-columns: 1fr;
    align-content: start;
    place-items: start;
  }

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

  .textsmallcaps {
    font-size: .8125rem;
  }

  .box.fourth {
    width: 48%;
    margin-left: auto;
    margin-right: auto;
  }

  .box.fourth.productcard.long {
    flex-direction: row;
    align-items: center;
    width: 98%;
    margin-left: 1%;
    margin-right: 1%;
  }

  .blocksection {
    flex-direction: row;
    align-items: stretch;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .blocksection._01 {
    flex-direction: column;
    align-items: stretch;
    display: flex;
  }

  .block_three {
    flex-direction: row;
    align-items: stretch;
    padding-top: 0;
    display: block;
  }

  .block_three.bottom {
    flex-direction: column;
    align-items: center;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
  }

  .white-box.long {
    width: 90%;
  }

  .white-box.long.bottom {
    margin-top: 1rem;
  }

  .white-box.long.bottom.product-card {
    margin-bottom: 0;
  }

  .white-box.two-third {
    width: 100%;
  }

  .table-view-grid-manage-calls, .table-view-grid-manage-sms, .table-view-grid-allregistrations, .table-view-grid-liveleads {
    grid-template-columns: 1fr;
    align-content: start;
    place-items: start;
  }

  .card-grid-inboundlead {
    grid-template-columns: 1fr;
  }

  .table-view-grid-todo {
    grid-template-columns: 1fr;
    align-content: start;
    place-items: start;
  }

  .scroll-container {
    width: 100vw;
    overflow: hidden;
  }

  .table-row {
    width: 46.25rem;
  }

  .table-row.head {
    width: 40.625rem;
    display: none;
  }

  .table-row.head.hide {
    width: 46.25rem;
    padding-top: .625rem;
    padding-bottom: .625rem;
    display: flex;
  }

  .table-box.action {
    width: 3rem;
  }

  .scroll-table-content {
    margin-right: 2.0625rem;
  }

  .table-data-wrapper {
    position: relative;
  }

  .table-container {
    position: relative;
    overflow: hidden;
  }

  .table-wrapper {
    overflow: hidden;
  }

  .ms-form-row {
    flex-direction: column;
  }

  .ms-form-heading {
    font-size: 1.5rem;
  }

  .table-view-grid-customer {
    grid-template-columns: 1fr;
    align-content: start;
    place-items: start;
  }

  .hiddenlogin {
    margin-left: 16.2625rem;
  }

  .table-view-grid-reports-eventcallcenter, .table-view-grid-postevents, .table-view-grid-example {
    grid-template-columns: 1fr;
    align-content: start;
    place-items: start;
  }

  .sort-flex-short.smaller.margin-left-18px {
    margin-left: 0;
  }

  .table-view-grid-service-apts {
    grid-template-columns: 1fr;
    align-content: start;
    place-items: start;
  }

  .settings-wrapper-half-border {
    max-width: 100%;
  }

  .darkenscreen {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .combine-form_text-area-grey, .combine-form_input-grey {
    min-width: 0;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    font-size: 2.625rem;
  }

  h2 {
    font-size: 1.375rem;
  }

  h5 {
    text-align: left;
  }

  .description-max-width {
    max-width: 15rem;
  }

  .inquire-title-wrapper {
    padding-left: 1.875rem;
    padding-right: 1.875rem;
  }

  .section {
    overflow: hidden;
  }

  ._404-button-wrapper {
    max-width: 100%;
  }

  .button {
    padding-left: 1.875rem;
    padding-right: 1.875rem;
    display: flex;
  }

  .sg-buttons-grid-dark {
    grid-template-columns: 1fr 1fr;
  }

  .global-section {
    margin-left: auto;
    margin-right: auto;
    padding-left: 1.375rem;
    padding-right: 1.375rem;
    overflow: hidden;
  }

  .sg-colour-swatch {
    margin-bottom: 0;
  }

  .sg-left-top-wrapper {
    overflow: hidden;
  }

  .webflow-block {
    margin-top: 1rem;
    padding: 1rem 0;
  }

  .sg-button-block {
    margin-left: auto;
    margin-right: auto;
    padding: 1rem 0;
  }

  .contact-form {
    align-items: center;
    width: 100%;
    display: flex;
  }

  .sg-colours-grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .h1-mobile {
    font-size: 2.5rem;
  }

  .sg-anchor-lb {
    min-width: 50%;
    padding-left: 0;
    padding-right: 0;
  }

  .sg-logo-block {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .sg-buttons-grid-two {
    grid-template-columns: 1fr 1fr;
  }

  .message-title-field-wrapper {
    flex-direction: column;
    justify-content: center;
    align-self: flex-start;
    align-items: flex-start;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .text-area {
    align-self: center;
    margin-left: 0%;
  }

  .settings-text-field {
    align-self: center;
    width: 100%;
    min-height: auto;
    margin-left: 0%;
  }

  .settings-flex-container {
    flex-wrap: wrap;
    margin-top: 0;
    padding-bottom: 0;
  }

  .settings-wrapper-half {
    padding-left: 0;
    padding-right: 0;
  }

  .settings-block-wrapper {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .error-massage {
    width: 90%;
  }

  .center-on-mobile {
    text-align: center;
    margin-left: 0;
  }

  .card {
    padding-left: .125rem;
    padding-right: .125rem;
  }

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

  .dashboard {
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
  }

  .search {
    display: none;
  }

  .badge-card {
    inset: auto 0% 0%;
  }

  .flex.on-mobile {
    margin-left: -1.125rem;
    margin-right: -2.8125rem;
    display: flex;
  }

  .bar-horizontal {
    width: 9.375rem;
  }

  .name-block {
    margin-top: 4.5rem;
    margin-left: 0;
  }

  .name-profile-card {
    text-align: center;
  }

  .users-side-bar-right {
    width: 100%;
    max-width: 100%;
    margin-top: 2.8125rem;
  }

  .users-side-bar-left {
    max-width: 100%;
  }

  .button-nav-tab {
    width: 100%;
  }

  .select-field {
    border-radius: .3125rem;
    align-self: center;
    font-size: .9rem;
  }

  .profile-form-wrapper {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
    top: 0;
  }

  .profile-picture-name-flex {
    flex-direction: row;
    justify-content: center;
    margin-left: 2.25rem;
  }

  .utilities-row {
    justify-content: center;
    align-items: center;
  }

  .gallery-grid-list {
    grid-template-columns: 1fr 1fr;
    padding-left: 0;
    padding-right: 0;
  }

  .image-wrapper {
    min-height: 25rem;
  }

  .nav-tab-law, .utilities-wrapper-full {
    padding-left: 0;
    padding-right: 0;
  }

  .table-view-grid {
    grid-row-gap: .5rem;
    grid-template-columns: 1fr;
    justify-items: start;
    margin-bottom: 2.25rem;
  }

  .company-content {
    min-width: auto;
  }

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

  .company-details {
    line-height: 1.125rem;
  }

  .profile-settings-flex {
    grid-row-gap: 1rem;
    flex-direction: column;
  }

  .profile-flex {
    grid-row-gap: 1rem;
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

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

  .add-to-cart-button {
    padding-left: 1.875rem;
    padding-right: 1.875rem;
    display: flex;
  }

  .search-bar-main {
    grid-row-gap: 1rem;
    flex-direction: column;
    align-items: flex-start;
    min-height: 7rem;
    max-height: 7rem;
  }

  .search-button {
    padding-left: 1.875rem;
    padding-right: 1.875rem;
    display: flex;
  }

  .cart-container {
    margin-top: 5.625rem;
  }

  .cart-grid {
    grid-template-columns: 1fr;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .cart-price-icon-option {
    background-color: #252525;
    min-width: 3.75rem;
    max-width: 3.75rem;
    min-height: 3.75rem;
    max-height: 3.75rem;
    font-size: 2rem;
  }

  .cart-header, .cart-list {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .cart-item {
    background-color: var(--dark-blue);
    border-radius: 1.5rem;
    flex-direction: column;
    margin-bottom: 2rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .quantity {
    margin-left: -1rem;
  }

  .shipping-address, .billing-address {
    min-height: 40rem;
  }

  .button-order {
    padding-left: 1.875rem;
    padding-right: 1.875rem;
    display: flex;
  }

  .password-button {
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .help-center-grid {
    grid-template-columns: 1fr;
  }

  .support-form-wrapper {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
    top: 0;
  }

  .footer-bottom {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .footer-copyright {
    padding-bottom: 5%;
  }

  .footer-text-wrapper {
    text-align: left;
    flex-direction: column;
    justify-content: center;
    align-self: flex-start;
    align-items: center;
    width: 100%;
    line-height: 2;
  }

  .footer-text-link {
    text-align: left;
  }

  .card-view-grid-wrapper, .contact-infos-grid {
    grid-template-columns: 1fr;
  }

  .circle-notification-wrapper {
    height: auto;
    margin-top: 0;
  }

  .notifications-info {
    grid-template-columns: 1fr;
  }

  .notifications-inner-content {
    min-width: auto;
  }

  .message-info {
    line-height: 1.125rem;
  }

  .sign-up-wrapper {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .sign-up-form {
    width: 100%;
  }

  .grid-3-circles {
    grid-template-columns: 1fr;
  }

  .price-flex-highlight.highlight {
    margin-left: -.5rem;
    padding-left: .5rem;
  }

  .pricing-grid-half {
    grid-template-columns: 1fr;
  }

  .badge-card-category {
    inset: auto 0% 0%;
  }

  .table-view-grid-alt {
    grid-row-gap: .5rem;
    grid-template-columns: 1fr;
    justify-items: center;
    margin-bottom: 2.25rem;
  }

  .messages-tab {
    grid-row-gap: 1rem;
    flex-direction: column;
    max-height: none;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .chat-grid {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .tab-panel {
    text-align: center;
    max-height: none;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .messages-flex {
    grid-row-gap: 1rem;
    text-align: center;
    flex-direction: column;
  }

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

  .chat-flex {
    grid-row-gap: 1rem;
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .error-message {
    text-align: left;
  }

  .checkbox-field {
    margin-left: .625rem;
  }

  .form-field-block {
    width: 100%;
  }

  .preloader-base-bar {
    min-width: 40%;
    max-width: 40%;
  }

  .task-bar-h4 {
    font-size: .875rem;
  }

  .tp-icon-sidenav {
    min-width: 1.25rem;
    margin-right: 0;
  }

  .scrollbar {
    padding: 1.25rem;
  }

  .form-row {
    flex-direction: column;
  }

  .form-border {
    min-width: auto;
    padding: 1.25rem;
  }

  .input-wrapper.mr-15 {
    margin-right: 0;
  }

  .overlayclose {
    top: 1.875rem;
    right: 1.875rem;
  }

  .taskswrapper {
    padding-left: 0;
    padding-right: 0;
  }

  .profile-link-div.on-mobile, .profile-name.on-mobile {
    margin-left: -1.125rem;
    margin-right: -2.8125rem;
    display: flex;
  }

  .button-smaller {
    padding-left: 1.875rem;
    padding-right: 1.875rem;
    display: flex;
  }

  .btn-clear {
    inset: auto 0% 0%;
  }

  .table-view-grid-email-template, .table-view-grid-smstemplate, .table-view-gridautoemails, .table-view-grid-organization, .table-view-grid-dealerships, .table-view-grid-eventmanagement, .table-view-grid-copy, .table-view-grid-eventreport {
    grid-row-gap: .5rem;
    grid-template-columns: 1fr;
    justify-items: start;
    margin-bottom: 2.25rem;
  }

  .boxpad {
    flex-direction: column;
    flex: 1;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .textsmallcaps {
    flex-direction: row;
    flex: 1;
    margin-top: .3125rem;
    margin-left: 0;
    font-size: .75rem;
    line-height: 1.6;
  }

  .box.fourth {
    width: 100%;
  }

  .box.fourth.productcard {
    width: 98%;
    margin-bottom: 0;
  }

  .box.fourth.productcard.long {
    flex-direction: row;
    flex: 0 auto;
    width: 98%;
    display: flex;
  }

  .blocksection {
    flex-direction: column;
    align-items: stretch;
  }

  .blocksection._01 {
    margin-bottom: 1rem;
  }

  .iconbox {
    flex: 0 auto;
    margin-right: 0;
  }

  .divblock {
    text-align: left;
    flex-flow: column;
    flex: 1;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .block_three {
    flex-direction: column;
    padding-bottom: 0;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .white-box.long.bottom.product-card {
    margin-bottom: 0;
  }

  .table-view-grid-manage-calls, .table-view-grid-manage-sms, .table-view-grid-allregistrations, .table-view-grid-liveleads, .table-view-grid-todo, .table-view-grid-useraccounts {
    grid-row-gap: .5rem;
    grid-template-columns: 1fr;
    justify-items: start;
    margin-bottom: 2.25rem;
  }

  .div-block-412 {
    margin-bottom: .9375rem;
  }

  .scroll-table-content {
    margin-right: 1.875rem;
  }

  .table-details-box {
    flex-wrap: wrap;
  }

  .ms-input {
    font-size: .75rem;
  }

  .ms-input.ms-has-left-icon {
    min-height: auto;
  }

  .ms-button {
    width: 100%;
    min-height: auto;
    padding: .6em 1.3em;
    font-size: .875rem;
    font-style: normal;
  }

  .ms-button.ms-is-light {
    max-width: 100vw;
  }

  .ms-checkbox-wrap {
    display: flex;
  }

  .ms-radio-wrap {
    align-items: flex-start;
    display: flex;
  }

  .ms-form {
    width: 100%;
    min-width: auto;
  }

  .ms-form-block {
    width: 100%;
    padding: 1rem;
  }

  .table-view-grid-customer {
    grid-row-gap: .5rem;
    grid-template-columns: 1fr;
    justify-items: start;
    margin-bottom: 2.25rem;
  }

  .hiddenlogin {
    margin-top: -1.1rem;
    margin-left: 7.0625rem;
  }

  .table-view-grid-reports-eventcallcenter, .table-view-grid-postevents, .table-view-grid-example, .table-view-grid-manage-feeds, .table-view-grid-feedlogs, .table-view-grid-service-apts {
    grid-row-gap: .5rem;
    grid-template-columns: 1fr;
    justify-items: start;
    margin-bottom: 2.25rem;
  }

  .settings-wrapper-half-border {
    padding-left: 0;
    padding-right: 0;
  }

  .darkenscreen {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .calldetails-form, .sendemail-form, .customemail-form, .emaildealer-form, .sendsms-form, .customsms-form, .calldetails-customtask {
    padding: 2rem 1rem;
  }
}

#w-node-bdd58a02-eee1-b57a-308f-0ca4cba0e42e-890fac81, #w-node-_7a59357d-76ad-00e9-d5f0-64307670fec6-890fac86, #w-node-_84c66aad-51a7-e025-9bd8-4505bfed7e62-890fac88 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a51ca3c8-8c4b-b46f-9479-eecf9e33ac41-890fac8e {
  grid-area: 1 / 1 / 2 / 2;
  justify-self: start;
}

#w-node-a51ca3c8-8c4b-b46f-9479-eecf9e33ac57-890fac8e {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-c328692b-4b83-2cbb-bfe3-7ad22b409067-890fac8f, #w-node-_724e54c5-41f9-c288-74dc-88595e88414c-890fac8f, #w-node-_1808a5cb-2f5d-28ef-32aa-40c73cc30f69-890fac8f, #w-node-d5662b73-03d6-6edd-87a1-e7417b4ac4a5-890faca2, #w-node-_04dea026-23eb-7a19-c20b-d46819d9ef03-890faca2, #w-node-_7a59357d-76ad-00e9-d5f0-64307670fec6-890faca5, #w-node-_7a59357d-76ad-00e9-d5f0-64307670fec6-890facab, #w-node-_19a6b2a6-31c5-0848-43a6-aba43f62efd6-890facac, #w-node-_19a6b2a6-31c5-0848-43a6-aba43f62efdd-890facac, #w-node-_19a6b2a6-31c5-0848-43a6-aba43f62efde-890facac, #w-node-_19a6b2a6-31c5-0848-43a6-aba43f62efdf-890facac, #w-node-_19a6b2a6-31c5-0848-43a6-aba43f62efe2-890facac, #w-node-_28551805-d872-541a-b2f7-880304522fe8-890facac, #w-node-_5c14ec37-fafe-d16a-66cb-9fb0bec55e52-890facac, #w-node-_08bb6e4b-b80e-9bf5-717b-bb8de5473e1a-890facac {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_19a6b2a6-31c5-0848-43a6-aba43f62efee-890facac, #w-node-_19a6b2a6-31c5-0848-43a6-aba43f62efef-890facac, #w-node-_19a6b2a6-31c5-0848-43a6-aba43f62eff0-890facac, #w-node-_19a6b2a6-31c5-0848-43a6-aba43f62eff1-890facac, #w-node-fb6dc09e-4df6-df72-86a9-4d525ad581c0-890facac, #w-node-a3641b52-43fa-c45a-4069-dc802bf0527b-890facac, #w-node-cd7676af-46bb-5367-9fca-bf39f5c2a5c6-890facac, #w-node-_191f1186-1972-6561-e699-b37e7fd1fa30-890facac, #w-node-b52c77b8-fd47-d39e-daad-3d3044ecbd8f-890facac, #w-node-_31295693-c35d-ff82-1dcc-1f41dd2893f7-890facac, #w-node-_53a5219b-6c21-9d92-2dd9-35078b38d2e8-890facac, #w-node-_69fe7ac5-4ac9-d964-937a-51c42271561f-890facac, #w-node-_75109783-2969-e839-d0c8-4c2a74e924b8-890facac, #w-node-_86005c04-ee42-7f75-94ed-507755650ab7-890facac {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-cf65a15d-a600-5da6-7f0b-eacb046d86dd-890facad, #w-node-_5e087e76-87e4-50ce-5c4f-3bf4f343d0e4-890facad, #w-node-_6dd96ebd-c64d-5dd7-817d-2861845b35f7-890facad, #w-node-d5662b73-03d6-6edd-87a1-e7417b4ac4a5-44762bc6, #w-node-d5662b73-03d6-6edd-87a1-e7417b4ac4a7-44762bc6, #w-node-d5662b73-03d6-6edd-87a1-e7417b4ac4e6-44762bc6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d5662b73-03d6-6edd-87a1-e7417b4ac4f5-44762bc6, #w-node-_7bcc0ef3-c523-0fde-24c3-6eeba5b9e0d9-44762bc6, #w-node-_332585b8-38e2-4b28-6d08-45b5e22dc3b5-44762bc6 {
  justify-self: end;
}

#w-node-_10b0cafc-fada-0bf2-7127-759f8c5832bd-c4691671, #w-node-_10b0cafc-fada-0bf2-7127-759f8c5832bd-8a00beba, #w-node-_10b0cafc-fada-0bf2-7127-759f8c5832bd-d2369852 {
  justify-self: center;
}

#w-node-bbda1464-6133-df62-8487-1f20ba7e49d2-e8da2b29 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_4ea35ea3-44ba-6f1e-5796-783bdb4c4b66-db9d63c6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_23e9b700-3be1-1099-43d0-683bb8cf5164-db9d63c6 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_4bad1856-f0b0-b670-2229-27c6a71b9d64-db9d63c6, #w-node-bbda1464-6133-df62-8487-1f20ba7e49cd-06fd7a98, #w-node-bbda1464-6133-df62-8487-1f20ba7e49d2-06fd7a98, #w-node-_7724eaa4-193d-a68c-9b67-c15529157791-e38aca79, #w-node-bbda1464-6133-df62-8487-1f20ba7e49d2-a8445dc2 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f843f2aa-2419-dcba-6ea2-bcc52c825d45-0275cd0b {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_02bef1b4-2f4b-36ad-1895-4743eb336c66-0275cd0b, #w-node-bbda1464-6133-df62-8487-1f20ba7e49cd-5ac93ad2, #w-node-bbda1464-6133-df62-8487-1f20ba7e49d2-5ac93ad2, #w-node-bbda1464-6133-df62-8487-1f20ba7e49d2-be565e5c, #w-node-_7724eaa4-193d-a68c-9b67-c15529157791-5442b5f4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_36894139-e03d-6dc1-9176-f1de74c38836-c2a51f57 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

#w-node-f843f2aa-2419-dcba-6ea2-bcc52c825d3f-c2a51f57 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f843f2aa-2419-dcba-6ea2-bcc52c825d4f-c2a51f57, #w-node-f7f5069c-c195-d7bf-3653-4a9ee68f415a-c2a51f57, #w-node-_07439329-f4fa-7eb1-2a72-d5fec0bb7a39-c2a51f57 {
  justify-self: end;
}

#w-node-_8e36c383-529c-6e89-77e6-518f363ccb9b-79c0e87d, #w-node-_315e5a10-5cc6-1b16-591e-11c12b38cab3-79c0e87d, #w-node-a5ee2cbf-e73d-0bd3-afb6-124d255a39bf-79c0e87d {
  justify-self: start;
}

#w-node-f9cb94d6-715a-d2fd-80b8-6956f967942a-dee181f2 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

#w-node-_1a17bae6-5ebf-96c3-05f6-b6431ac0cc1d-dee181f2 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-f843f2aa-2419-dcba-6ea2-bcc52c825d3f-dee181f2 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f843f2aa-2419-dcba-6ea2-bcc52c825d4f-dee181f2, #w-node-f7f5069c-c195-d7bf-3653-4a9ee68f415a-dee181f2, #w-node-_07439329-f4fa-7eb1-2a72-d5fec0bb7a39-dee181f2 {
  justify-self: end;
}

#w-node-f9cb94d6-715a-d2fd-80b8-6956f967942a-cc6c6f91 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

#w-node-_1a17bae6-5ebf-96c3-05f6-b6431ac0cc1d-cc6c6f91 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-f843f2aa-2419-dcba-6ea2-bcc52c825d3f-cc6c6f91 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f843f2aa-2419-dcba-6ea2-bcc52c825d4f-cc6c6f91, #w-node-f7f5069c-c195-d7bf-3653-4a9ee68f415a-cc6c6f91, #w-node-_07439329-f4fa-7eb1-2a72-d5fec0bb7a39-cc6c6f91 {
  justify-self: end;
}

#w-node-_0f9fc544-944f-e40f-8c4d-db73c7095c75-77bed2e5 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_4f20efcd-8a81-bc5c-004a-c800c37b7768-77bed2e5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d3671e96-2383-55e6-4a7b-025426fbc307-77bed2e5 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_4f20efcd-8a81-bc5c-004a-c800c37b7768-b97bbbaa {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b98069fb-1c5d-7296-1d14-0af1d309a58f-c65f44d3 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_0ee1cb52-2c40-fb94-797d-7cc2e3e695f6-c65f44d3 {
  justify-self: end;
}

#w-node-_6abab31c-08d9-ef64-7692-d0607ceb17d6-c65f44d3 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_6abab31c-08d9-ef64-7692-d0607ceb17de-c65f44d3 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  justify-self: center;
}

#w-node-_6abab31c-08d9-ef64-7692-d0607ceb17e0-c65f44d3 {
  justify-self: end;
}

#w-node-_7724eaa4-193d-a68c-9b67-c15529157791-989a675f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b0f1eb57-6ac4-f3b5-7ec5-98aa4584ab77-7253d1c9, #w-node-_3f68fc4c-e910-43b9-d910-46649136838f-7253d1c9, #w-node-_91592cbc-0aa6-9ba2-a8cd-041883827935-7253d1c9, #w-node-_991ae64a-456a-a8df-585d-e549d79de0f5-7253d1c9, #w-node-_737cb630-e3f3-d4b1-5663-1e8c0940bca6-7253d1c9, #w-node-f21c0b3b-7b84-3bae-a135-17e62d96dd95-7253d1c9 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_36894139-e03d-6dc1-9176-f1de74c38836-059214f5 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

#w-node-_57e43968-1794-d530-ac84-9da0f584eb09-059214f5 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-f843f2aa-2419-dcba-6ea2-bcc52c825d3f-059214f5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f843f2aa-2419-dcba-6ea2-bcc52c825d4f-059214f5, #w-node-f7f5069c-c195-d7bf-3653-4a9ee68f415a-059214f5, #w-node-_07439329-f4fa-7eb1-2a72-d5fec0bb7a39-059214f5 {
  justify-self: end;
}

#w-node-_7724eaa4-193d-a68c-9b67-c15529157791-112706a6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 991px) {
  #w-node-_3598b95f-018d-21b6-1b1b-f708af4e8c2b-890fac8f, #w-node-c328692b-4b83-2cbb-bfe3-7ad22b409079-890fac8f, #w-node-_0d36b50c-3b0f-887e-d809-59010230b4db-890fac8f, #w-node-_10ed7bfb-d247-0dae-081c-85d936768e86-890fac8f, #w-node-e9c323bf-06b6-1507-7789-050c791f400c-890fac8f, #w-node-_636bcf3d-5e72-cace-05e7-9ac819e92ca5-890fac8f, #w-node-_724e54c5-41f9-c288-74dc-88595e884165-890fac8f, #w-node-_724e54c5-41f9-c288-74dc-88595e884158-890fac8f, #w-node-_086246cf-b818-6c21-bbe3-c0fe9e490d95-890fac8f, #w-node-_8ef2470e-ff5d-1585-0818-73987ea12f76-890fac8f, #w-node-_724e54c5-41f9-c288-74dc-88595e884172-890fac8f, #w-node-_1808a5cb-2f5d-28ef-32aa-40c73cc30f75-890fac8f, #w-node-_1808a5cb-2f5d-28ef-32aa-40c73cc30f82-890fac8f, #w-node-_1808a5cb-2f5d-28ef-32aa-40c73cc30f8e-890fac8f, #w-node-d5662b73-03d6-6edd-87a1-e7417b4ac4f5-44762bc6, #w-node-_7bcc0ef3-c523-0fde-24c3-6eeba5b9e0d9-44762bc6, #w-node-_332585b8-38e2-4b28-6d08-45b5e22dc3b5-44762bc6 {
    justify-self: end;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_3598b95f-018d-21b6-1b1b-f708af4e8c2b-890fac8f, #w-node-c328692b-4b83-2cbb-bfe3-7ad22b409079-890fac8f, #w-node-_0d36b50c-3b0f-887e-d809-59010230b4db-890fac8f, #w-node-_10ed7bfb-d247-0dae-081c-85d936768e86-890fac8f, #w-node-e9c323bf-06b6-1507-7789-050c791f400c-890fac8f, #w-node-_636bcf3d-5e72-cace-05e7-9ac819e92ca5-890fac8f, #w-node-_724e54c5-41f9-c288-74dc-88595e884165-890fac8f, #w-node-_724e54c5-41f9-c288-74dc-88595e884158-890fac8f, #w-node-_086246cf-b818-6c21-bbe3-c0fe9e490d95-890fac8f, #w-node-_8ef2470e-ff5d-1585-0818-73987ea12f76-890fac8f, #w-node-_724e54c5-41f9-c288-74dc-88595e884172-890fac8f, #w-node-_1808a5cb-2f5d-28ef-32aa-40c73cc30f75-890fac8f, #w-node-_1808a5cb-2f5d-28ef-32aa-40c73cc30f82-890fac8f, #w-node-_1808a5cb-2f5d-28ef-32aa-40c73cc30f8e-890fac8f, #w-node-d5662b73-03d6-6edd-87a1-e7417b4ac4f5-44762bc6, #w-node-_7bcc0ef3-c523-0fde-24c3-6eeba5b9e0d9-44762bc6, #w-node-_332585b8-38e2-4b28-6d08-45b5e22dc3b5-44762bc6 {
    justify-self: start;
  }
}