._traqline_button, #home .tab-wrapper .tab.button {
  display: inline-block;
  position: relative;
  color: white;
  background: var(--primary); /* #0990d5;*/
  line-height: var(--button-line-h);
  padding: var(--button-padding);
  border-radius: var(--button-border-radius);
  border: 0;
  text-decoration: none;
  text-transform: none;
  font-family: var(--font);
  font-weight: var(--button-font-weight);
  font-size: var(--button-font-size);
  letter-spacing: var(--button-letter-spacing);
  cursor: pointer;
  white-space: nowrap;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 5;
}

html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  scroll-behavior: smooth;
}

*, ::before, ::after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

body {
  font-family: var(--font);
  margin: 0;
  padding: 0;
  line-height: 1.5;
  text-align: left;
  scroll-behavior: smooth;
}
body * {
  font-family: var(--font);
}
body .fa {
  font-family: FontAwesome;
}

main.wrapper {
  width: 100%;
  overflow-x: hidden;
}

.product-cards-wrap .card li, .card-content-wrapper li, p {
  font-size: var(--f-17);
  line-height: var(--lh-25);
  letter-spacing: 0.035vw;
}
@media screen and (max-width: 768px) {
  .product-cards-wrap .card li, .card-content-wrapper li, p {
    letter-spacing: 0.114vw;
  }
}

a, a:hover, a:focus, a:visited {
  outline: 0;
  text-decoration: none;
  -webkit-transition: all 0.4s linear;
  -o-transition: all 0.4s linear;
  transition: all 0.4s linear;
}

.heavy, .heavy a {
  font-weight: var(--weight6);
}

b {
  font-weight: normal;
}

strong {
  font-weight: var(--weight6);
}

input:focus, select:focus, textarea:focus, button:focus {
  outline-width: 0;
  outline: none;
}

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.flex-col, .card-content-wrapper .card-content, .card-content-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.flex-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.sticky {
  position: sticky;
}

/* controls that are always hidden */
.hidden,
.mobile-accordion-control,
.accordion-control {
  display: none;
  position: absolute;
  -webkit-transform: translateX(-300vw);
      -ms-transform: translateX(-300vw);
          transform: translateX(-300vw);
  height: 1px;
  width: 1px;
  opacity: 0.001;
}

@media (min-width: 960px) {
  .hidden-on-desktop {
    display: none;
    opacity: 0;
  }
}
@media (min-width: 641px) and (max-width: 960px) {
  .hidden-on-tablet {
    display: none;
    opacity: 0;
  }
}
/* done with hidden items  */
.statscontainer,
.common-content-box {
  /* NOTE: source ordering is important for this set of rules,
  this should always remain towards the top of the file above
  all other container element rule-sets. */
  width: 74%;
  margin: auto;
  padding: var(--section-side-padding, 0);
}

.statscontainer {
  width: 64.375vw;
  padding: 0;
  font-family: var(--font);
}

sup, sub {
  position: relative;
  font-size: 70%;
  line-height: 0;
  font-weight: var(--weight3);
}

p.large {
  font-size: var(--f7);
  line-height: var(--lh7);
  margin-bottom: 0;
}

.title-eyebrow {
  color: var(--trq-medium-blue);
  text-transform: uppercase;
  font-size: var(--fe);
  line-height: var(--lhe);
  font-weight: var(--weight4);
  letter-spacing: var(--ls1);
}

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

.wrapper {
  margin-top: var(--top-nav-height);
}

.container {
  margin: auto;
  position: relative;
}

label {
  cursor: pointer;
}

.pagebanner-wrapper {
  width: var(--pagebanner-wrapper-width);
}

.page-title {
  width: 100%;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font);
  margin: 0;
}
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {
  display: block;
}

.text-color-for-dark-backgrounds {
  color: white;
}

h1, .page-title h1 {
  color: var(--h1-color);
  font-size: var(--f1);
  line-height: var(--lh1);
  font-weight: var(--weight6);
  letter-spacing: var(--ls2);
}

h2 i {
  display: block;
  font-style: normal;
}
h2 + .title-eyebrow {
  margin-top: 0.9vw;
}

h2,
h2.sectitle {
  font-size: var(--f2);
  line-height: var(--lh2);
  font-weight: var(--weight6);
  letter-spacing: var(--ls2);
}

h3 {
  font-size: var(--f3);
  line-height: var(--lh3);
  font-weight: var(--weight6);
  letter-spacing: var(--ls2);
}

h6 {
  font-size: var(--f9);
  line-height: var(--lh9);
  font-weight: var(--weight6);
  letter-spacing: var(--ls2);
  font-weight: 450;
}

.pagedes p {
  color: var(--h1-color);
  font-size: var(--f7);
  line-height: var(--lh7);
  font-weight: var(--weight4);
  letter-spacing: var(--ls2);
}

.solid-btn {
  text-transform: capitalize;
}

.subsection-wrapper {
  margin-top: 2.9166666667vw;
  margin-bottom: 2.9166666667vw;
}
.subsection-wrapper:last-of-type {
  margin-bottom: 0;
}
.subsection-wrapper.testimonial-wrapper {
  margin-bottom: 2.9166666667vw;
}
.subsection-wrapper-0 {
  position: relative;
  width: 78.1944444444vw;
  margin-left: auto;
  margin-right: auto;
}

#products .cards-wrapper {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
#products .cards-wrapper .card {
  --content-gap: 1.458vw;
  width: 22.917vw;
  min-height: 27.0833333333vw;
  border-radius: 0.625vw;
  margin-bottom: 2.43vw;
  margin-top: 2.43vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  background: white;
  -webkit-box-shadow: 0 -1px 11px 0 rgba(0, 0, 0, 0.02);
          box-shadow: 0 -1px 11px 0 rgba(0, 0, 0, 0.02);
}

.card-content-wrapper {
  padding: var(--lh-42) var(--lh-30) 0;
  height: 100%;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  gap: var(--content-gap);
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.card-0 .card-content-wrapper {
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.card-0 .card-content-wrapper .card-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  gap: 1rem;
}
.card-0 .card-content-wrapper .card-content {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  min-height: 67%;
}
.card-content-wrapper .card-title h6 {
  font-weight: var(--weight6);
}
.card-content-wrapper .card-title svg {
  width: 12.847vw;
}
.card-content-wrapper .card-content {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  font-weight: var(--weight5);
}
.card-content-wrapper .card-content > p {
  font-size: var(--f-20);
  line-height: var(--lh-28);
  margin: 0;
}
.card-content-wrapper .card-content ul {
  list-style: square !important;
  padding-left: var(--f-16);
}
.card-content-wrapper .card-content ul ::marker {
  color: #a2d0ef;
}
.card-content-wrapper .card-content li {
  font-size: var(--f-15);
  line-height: var(--lh-20);
  margin-bottom: 0.4166666667vw;
}
.card-content-wrapper [class*=-button] {
  margin-bottom: 1rem;
}
.card-content-wrapper [class*=-button].caret {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.card-content-wrapper [class*=-button].caret::after {
  display: block;
  content: "";
  width: 20px;
  height: 20px;
  border: 3px solid #ccc;
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  -webkit-transform: rotateZ(45deg);
      -ms-transform: rotate(45deg);
          transform: rotateZ(45deg);
  border-bottom-width: 0;
  border-left-width: 0;
  margin-left: 20px;
  -webkit-transition: margin 0.3s ease;
  -o-transition: margin 0.3s ease;
  transition: margin 0.3s ease;
}
.card-content-wrapper [class*=-button].caret:hover::after {
  margin-left: 30px;
}
#products .pagebanner-wrapper {
  --pagebanner-wrapper-width: 45.1388888889vw;
}
#products .blue .card-0 {
  background-color: rgb(211, 229, 239);
}
#products .purple .card-0 {
  background-color: rgba(144, 84, 198, 0.1);
}
#products .green .card-0 {
  background-color: rgba(182, 231, 123, 0.32);
}

._logo_list, .customer-logos.tag-list, .logo-train-wrapper {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin-bottom: 1.111vw;
  gap: var(--logo-gap, 3.05vw);
}

.overlay {
  position: absolute;
  width: 100%;
  height: 100%;
}

.logo-train {
  -webkit-mask-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(15%, rgb(0, 0, 0)), color-stop(85%, rgb(0, 0, 0)), to(rgba(255, 255, 255, 0)));
  -webkit-mask-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(0, 0, 0) 15%, rgb(0, 0, 0) 85%, rgba(255, 255, 255, 0) 100%);
          mask-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(15%, rgb(0, 0, 0)), color-stop(85%, rgb(0, 0, 0)), to(rgba(255, 255, 255, 0)));
          mask-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(0, 0, 0) 15%, rgb(0, 0, 0) 85%, rgba(255, 255, 255, 0) 100%);
  --logo-gap: 3.05vw;
  --play: running;
  --direction: normal;
  --duration: 60s;
  --iteration-count: infinite;
  --delay: 0s;
}
.logo-train:hover {
  --play: paused;
}

.logo-train-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100vw;
  overflow: hidden;
  position: relative;
  gap: var(--logo-gap);
}

.customer-logos.tag-list {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
  z-index: 1;
}
.customer-logos.tag-list img, .customer-logos.tag-list .customer {
  max-height: 5.2778vw;
}

.customer-logos {
  position: relative;
  -webkit-animation: logo_train var(--duration) linear var(--delay) var(--iteration-count);
          animation: logo_train var(--duration) linear var(--delay) var(--iteration-count);
  -webkit-animation-play-state: var(--play);
          animation-play-state: var(--play);
  -webkit-animation-delay: var(--delay);
          animation-delay: var(--delay);
  -webkit-animation-direction: var(--direction);
          animation-direction: var(--direction);
}

.market-awareness .product-columns {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 4.1666666667vw auto;
  margin-bottom: 2vw;
  position: relative;
}
.market-awareness .product-columns .product {
  position: relative;
  width: 50%;
  gap: 1.11vw;
  padding: 0 5%;
}
.market-awareness .product-columns .product img.screenshot {
  width: 22.222vw;
  max-width: unset;
}
.market-awareness .product-columns .product img.logo {
  width: 12.362vw;
}
.market-awareness .product-columns .product svg.prologo {
  width: 12.363vw;
  margin: 24px 0;
}

.statscontainer {
  margin: 2rem auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.statscontainer span {
  display: block;
  width: 100%;
  text-align: center;
  font-weight: 450;
  letter-spacing: var(--stats-letter-spacing);
}

#industries span.digits {
  --stats-size: var(--f-65);
  --stats-line-h: var(--lh-84_5);
}

.statscontainer span.digits {
  color: var(--stats-color);
  font-size: var(--stats-size);
  font-weight: var(--stats-weight);
  line-height: var(--stats-line-h);
}

.tab-section-wrapper {
  width: 77.7777777778vw;
  margin: auto;
}

.tabs {
  letter-spacing: var(--stats-letter-spacing);
  position: relative;
  margin: auto;
  margin-top: 1.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 80%;
}

.tab-btn {
  --tab-padding-x: 1.111vw;
  display: block;
  position: relative;
  text-decoration: none;
  color: var(--tab-border-color);
  font-family: var(--font);
  font-weight: var(--tab-text-weight, 500);
  font-size: var(--f-20);
  line-height: var(--lh-28);
  letter-spacing: var(--ls2);
  padding: 0 var(--tab-padding-x) 4px var(--tab-padding-x);
  margin: 0;
  display: block;
  text-align: center;
  cursor: pointer;
  border-bottom: 1px solid var(--tab-border-color);
  -webkit-transition: 300ms all ease-in-out;
  -o-transition: 300ms all ease-in-out;
  transition: 300ms all ease-in-out;
  text-transform: var(--tab-text-transform);
}
#industries .tab-btn {
  width: 100%;
}

.tab-btn.active,
.tab-btn:hover,
.tab-btn:active,
.tab-btn:focus {
  color: black;
  border-bottom: 0.2083333333vw solid var(--trq-tab-accent, #99CC00);
}

.tab-panes input[type=radio].tab-control {
  -webkit-transform: translateX(-300vw);
      -ms-transform: translateX(-300vw);
          transform: translateX(-300vw);
  width: 1px;
  height: 1px;
  display: none;
}

.tab-pane {
  width: 100%;
  min-height: 300px;
  padding: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.tab-pane h6 {
  text-align: center;
  display: inline-block;
  margin: 2rem auto;
  padding-left: 2.5rem;
  background: transparent url(../images/basket.svg) no-repeat left center;
}

.tab-control + .tab-pane {
  display: none;
}

.tab-control:checked + .tab-pane {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-animation: 0.8s _fade_in normal;
          animation: 0.8s _fade_in normal;
}

.grid-2-by-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.grid-2-by-2 article {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 2rem;
}

.grid-2-by-2 article div:last-child {
  padding: 1rem 0;
}

.grid-2-by-2 ul {
  padding: 0 0 0 1rem;
}

.grid-2-by-2 li {
  list-style-type: square;
  letter-spacing: var(--ls1);
  font-size: var(--f8);
  line-height: var(--lh8);
}

.grid-x3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

.products {
  margin-top: 3rem;
}

.product, .table-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}

.products .table-header {
  min-height: 120px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.table-header img {
  max-height: 40px;
}

.product img.screenshot {
  max-width: 300px;
  width: 100%;
  display: block;
  margin: auto;
}

.center {
  text-align: center;
}

.product .usp {
  margin: 1rem auto 0;
  color: rgba(0, 0, 0, 0.6);
  max-width: 70%;
}

.products .feature-list {
  max-width: 17.5vw;
  min-height: 140px;
}

.feature-list {
  margin-top: 2rem;
}

.feature-list > ul {
  padding-left: 2rem;
  margin: 0;
}

.feature-list > ul > li {
  list-style-type: none;
  position: relative;
  font-size: var(--f-19);
  line-height: var(--lh-30);
}

.feature-list > ul > li::before {
  display: inline-block;
  position: absolute;
  left: -1.5rem;
  top: 0.3rem;
  width: 1rem;
  height: 1rem;
  content: "\f00c";
  font: 1rem/1 FontAwesome;
  color: var(--trq-green);
}

#insights-panes .accordion-pane {
  width: 54vw;
  margin: 0 auto;
}
@media (max-width: 800px) {
  #insights-panes .accordion-pane {
    width: 100%;
  }
}

.qna-grid {
  --qna-grid-column-count: 2;
  display: grid;
  grid-template-columns: repeat(var(--qna-grid-column-count), 1fr);
  counter-reset: qnafaq;
}
@media (max-width: 800px) {
  .qna-grid {
    --qna-grid-column-count: 1; /* 1 col on narrow screens */
  }
}

.qnafaq {
  position: relative;
  color: var(--qna-color);
  padding: 1rem;
  padding-left: 4rem;
  font-family: var(--font);
  font-size: var(--qna-size);
  line-height: var(--qna-line-h);
  letter-spacing: var(--stats-letter-spacing);
  border-radius: 0.6rem;
}

.qnafaq::before {
  position: absolute;
  top: 0.8rem;
  left: 0.2rem;
  color: var(--lightgrey1);
  font-weight: 300;
  font-size: var(--f-30, 30px);
  line-height: var(--lh-32_5, 32.5px);
  counter-increment: qnafaq;
  content: "0" counter(qnafaq);
}

.qnafaq .questn {
  font-weight: var(--weight4);
}

.qnafaq .ans {
  margin-top: 0.67rem;
}

footer.section-footer,
footer.tab-footer {
  background: transparent;
  text-align: center;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.5px;
  padding-top: 32px;
}

footer.column-footer {
  text-align: center;
  font-size: var(--f8);
  line-height: var(--lh8);
  font-weight: var(--weight4);
  letter-spacing: var(--ls5);
}

.product-accordion-content {
  padding-bottom: 40px;
  margin-top: 0.9rem;
}

.featured-posts {
  background-color: #f6f6f6;
}

.section {
  padding: var(--section-padding1) 0;
  font-family: var(--font);
  letter-spacing: var(--ls3);
}
.section:last-of-type {
  padding-bottom: 0;
}

.section-alt .solid-btn a {
  background-color: transparent;
  border: 2px solid white;
}

.tab-footer label {
  color: var(--qna-color);
}

.tag-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.tag-list.what-works {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.story-list {
  display: grid;
  gap: var(--blog-post-gaps);
  grid-template-columns: repeat(3, 1fr);
  padding-bottom: 2.7777777778vw;
}

.token {
  padding: 5px 12px;
  background-color: var(--token-color);
  color: var(--h1-color);
  border-radius: 4px;
  margin: 0.5rem;
  font-weight: var(--stats-weight);
  letter-spacing: var(--ls2);
  font-size: var(--token-size);
  line-height: var(--token-line-h);
  white-space: nowrap;
}

.tag-list.brands {
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  padding: 0 250px;
  margin-bottom: 10px;
  max-width: 85%;
  margin: 0 auto;
}
.tag-list.brands.major-appliances {
  padding: 0;
}
.tag-list.brands img {
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  width: 100%;
}
.tag-list.brands img:hover {
  -webkit-filter: grayscale(0%);
          filter: grayscale(0%);
}

.tag-list .brand {
  width: 135px;
}

.iconpack, .challenge, .measure {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  max-width: 220px;
  min-height: 220px;
  margin: 0.67rem;
  padding: 24px;
  border-radius: 7px;
}

.measure {
  padding: 1rem;
  min-height: 9.375rem;
}
.measure img {
  height: 3.75rem rem;
}
.measure span {
  font-size: var(--f8);
  line-height: var(--lh8);
  font-weight: var(--weight4);
  margin-top: 0.8vw;
}

.challenge {
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
  -webkit-transition: 0.3s -webkit-box-shadow ease-in-out;
  transition: 0.3s -webkit-box-shadow ease-in-out;
  -o-transition: 0.3s box-shadow ease-in-out;
  transition: 0.3s box-shadow ease-in-out;
  transition: 0.3s box-shadow ease-in-out, 0.3s -webkit-box-shadow ease-in-out;
  color: var(--trq-black);
}

/*
.challenge > img {
  transition: transform 300ms ease-in-out;
} */
.challenge:hover {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.challenge span {
  font-size: var(--challenge-size);
  line-height: var(--challenge-line-h);
  letter-spacing: var(--ls2);
  margin-top: 2rem;
}

.blog-post-square {
  min-height: calc(var(--f-36) * 10);
  background: white;
  border-radius: 6px;
  overflow: hidden;
}

.blog-feature-image {
  position: relative;
  overflow: hidden;
  height: 7.1527777778vw;
}
@media (max-width: 640px) {
  .blog-feature-image {
    height: 19.8076923077vw;
    min-height: 140px;
  }
}
.blog-feature-image:after {
  display: block;
  content: "";
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.35)), color-stop(75%, transparent));
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.35), transparent 75%);
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.35), transparent 75%);
  background-repeat: no-repeat;
  height: 100%;
  width: 100%;
  position: absolute;
  bottom: 0;
  opacity: 1;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.blog-feature-image img {
  width: 100%;
  min-height: 150px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.blog-content {
  padding: 1.5rem;
  /*
  This is an override block.
  Add a padding-top here if different padding-top
  is required in absence of feature image. */
}

.blog-feature-image + .blog-content {
  padding: 1.5rem;
}

.story-title,
.story-title a {
  text-transform: uppercase;
  text-decoration: none;
  color: currentColor;
  font-weight: var(--weight6);
  font-size: var(--f-14);
  line-height: var(--lh-20);
  padding-bottom: var(--blog-block-content-gap);
}

.story-type, .story-type a {
  font-size: var(--f-12);
  line-height: var(--lh-17);
  padding-bottom: var(--blog-block-content-gap);
  text-decoration: none;
  color: var(--trq-medium-blue);
}

.story-date {
  font-size: var(--f-14);
  line-height: var(--lh-18);
  font-style: italic;
  font-weight: var(--weight4);
  color: var(--lightgrey3);
  padding-bottom: var(--blog-block-content-gap);
}

.story-excerpt {
  letter-spacing: var(--ls2);
}

.story-excerpt p {
  margin-top: 0;
  font-size: var(--f-16);
  line-height: var(--lh-22);
}

.swiper-slide {
  position: relative;
}

blockquote {
  --quote-size: 2.7083vw;
  font-size: var(--qna-size);
  line-height: var(--qna-line-h);
  font-weight: var(--weight4);
  letter-spacing: var(--ls2);
  text-align: center;
  width: 50.55vw;
  margin: 2rem auto 0;
  position: relative;
}
@media screen and (max-width: 800px) {
  blockquote {
    width: 70vw;
  }
}

blockquote::before {
  top: 0;
  left: 0;
  -webkit-transform: translateX(-120%);
      -ms-transform: translateX(-120%);
          transform: translateX(-120%);
  content: "";
  background: url('data:image/svg+xml,%3Csvg width="33" height="26" viewBox="0 0 33 26" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M19.4081 25.8H32.3681V13.32H26.0321C26.0321 8.616 29.5841 5.544 32.5601 4.584V0.0719948C26.1281 1.128 19.4081 5.736 19.4081 14.472V25.8ZM0.400125 25.8H13.3601V13.32H7.02413C7.02413 8.616 10.5761 5.544 13.5521 4.584V0.0719948C7.12013 1.128 0.400125 5.736 0.400125 14.472V25.8Z" fill="%23bfe2f5" fill-opacity="1"/%3E%3C/svg%3E%0A') no-repeat center center;
  width: var(--quote-size);
  height: var(--quote-size);
}
.green blockquote::before {
  background-image: url('data:image/svg+xml,%3Csvg width="33" height="26" viewBox="0 0 33 26" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M19.4081 25.8H32.3681V13.32H26.0321C26.0321 8.616 29.5841 5.544 32.5601 4.584V0.0719948C26.1281 1.128 19.4081 5.736 19.4081 14.472V25.8ZM0.400125 25.8H13.3601V13.32H7.02413C7.02413 8.616 10.5761 5.544 13.5521 4.584V0.0719948C7.12013 1.128 0.400125 5.736 0.400125 14.472V25.8Z" fill="%23c7e6e9" fill-opacity="1"/%3E%3C/svg%3E%0A');
}
#industries blockquote::before {
  background-image: url('data:image/svg+xml,%3Csvg width="33" height="26" viewBox="0 0 33 26" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M19.4081 25.8H32.3681V13.32H26.0321C26.0321 8.616 29.5841 5.544 32.5601 4.584V0.0719948C26.1281 1.128 19.4081 5.736 19.4081 14.472V25.8ZM0.400125 25.8H13.3601V13.32H7.02413C7.02413 8.616 10.5761 5.544 13.5521 4.584V0.0719948C7.12013 1.128 0.400125 5.736 0.400125 14.472V25.8Z" fill="%23f3f8e1" fill-opacity="1"/%3E%3C/svg%3E%0A');
}

blockquote::after {
  top: 0;
  right: 0;
  -webkit-transform: translateX(120%);
      -ms-transform: translateX(120%);
          transform: translateX(120%);
  content: "";
  background: url('data:image/svg+xml,%3Csvg width="33" height="27" viewBox="0 0 33 27" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M19.4081 26.088C25.8401 25.032 32.5601 20.424 32.5601 11.688V0.359997H19.6001V12.84H25.9361C25.9361 17.544 22.3841 20.616 19.4081 21.576V26.088ZM0.400125 26.088C6.83213 25.032 13.5521 20.424 13.5521 11.688V0.359997H0.592125V12.84H6.92813C6.92813 17.544 3.37613 20.616 0.400125 21.576V26.088Z" fill="%23bfe2f5" fill-opacity="1"/%3E%3C/svg%3E') no-repeat center center;
  width: var(--quote-size);
  height: var(--quote-size);
}
.green blockquote::after {
  background-image: url('data:image/svg+xml,%3Csvg width="33" height="27" viewBox="0 0 33 27" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M19.4081 26.088C25.8401 25.032 32.5601 20.424 32.5601 11.688V0.359997H19.6001V12.84H25.9361C25.9361 17.544 22.3841 20.616 19.4081 21.576V26.088ZM0.400125 26.088C6.83213 25.032 13.5521 20.424 13.5521 11.688V0.359997H0.592125V12.84H6.92813C6.92813 17.544 3.37613 20.616 0.400125 21.576V26.088Z" fill="%23c7e6e9" fill-opacity="1"/%3E%3C/svg%3E');
}
#industries blockquote::after {
  background-image: url('data:image/svg+xml,%3Csvg width="33" height="27" viewBox="0 0 33 27" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M19.4081 26.088C25.8401 25.032 32.5601 20.424 32.5601 11.688V0.359997H19.6001V12.84H25.9361C25.9361 17.544 22.3841 20.616 19.4081 21.576V26.088ZM0.400125 26.088C6.83213 25.032 13.5521 20.424 13.5521 11.688V0.359997H0.592125V12.84H6.92813C6.92813 17.544 3.37613 20.616 0.400125 21.576V26.088Z" fill="%23f3f8e1" fill-opacity="1"/%3E%3C/svg%3E');
}

blockquote::before,
blockquote::after {
  display: block;
  position: absolute;
  background-size: contain;
}

blockquote cite {
  display: block;
  font-weight: bold;
  padding: 28px;
  padding-bottom: 0;
  text-align: center;
  font-style: normal;
}

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

.quote-pagination a {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background-color: var(--lightgrey1);
  margin: 4px;
}

.quote-pagination a.active {
  background-color: var(--quote-pagination-active-color);
}

.columns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 1.11vw;
}

.toggle-button-label, small.dimmed {
  font-weight: 400;
  font-size: 14px;
  line-height: 28px;
}

small.dimmed {
  color: var(--lightgrey1);
  font-style: italic;
}

.section-alt {
  padding: 3rem 0;
  background-color: var(--section-alt-bgcolor);
  color: var(--section-alt-color);
}
.section-alt.tour-form-section {
  padding: 3rem 0;
}

.key-points {
  padding: 0 100px 0 118px;
}

.section-content {
  width: 100%;
}
.section-content.carousel {
  width: 100%;
  height: 100%;
}

.section-alt-g {
  background-color: var(--section-alt-g-bgcolor);
  color: var(--section-alt-g-color);
}

.section-alt-g .section-content {
  padding: 0 2rem;
}

.section-content.tour-form {
  width: 56.8055555556vw;
  padding: 0;
  grid-gap: 2rem;
}

.tour-form p {
  max-width: 380px;
  font-size: var(--f8);
  line-height: var(--lh8);
  font-weight: var(--weight4);
  margin: 0;
  margin-bottom: 1rem;
}

.section-content p {
  font-size: var(--f8);
  line-height: var(--lh8);
  font-weight: var(--weight4);
  letter-spacing: var(--ls5);
}

.section-title {
  text-align: center;
  padding-bottom: var(--section-title-pad-bottom, 40px);
}
.section-title.align-left {
  text-align: left;
}
.section-title.primary h2 {
  color: var(--primary);
}

.section-title.pad-bottom-0 {
  padding-bottom: 0;
}

.dark h2 {
  color: var(--section-alt-color);
}

.section.cta {
  background-color: var(--section-cta-bgcolor);
  color: var(--section-cta-color);
}

.midcontainer2 {
  width: 54vw;
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
}

.footnote {
  font-size: smaller;
  font-weight: var(--weight3) !important;
  padding: 0;
  margin: 0;
}

/* generic pagebanner image defaults */
.pagebanner {
  position: relative;
  min-height: var(--pagebanner-image-height);
}
.pagebanner.flex-col.flex-center, .pagebanner.flex-center.card-content-wrapper, .card-content-wrapper .pagebanner.flex-center.card-content {
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.pagebanner::before {
  display: block;
  content: "";
  min-height: var(--pagebanner-image-height);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; /* default on desktop */
  background-color: var(--default-banner-bg);
  z-index: -1;
}
.pagebanner .container {
  width: var(--page-width);
  margin: auto;
}

.discover-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  position: relative;
}
.discover-wrapper .tab-panes {
  position: relative;
}
.discover-wrapper .tab-panes figure {
  margin: 0;
}
.discover-wrapper .tab-panes .feature-image {
  display: none;
}
.discover-wrapper .tab-panes .feature-image.active {
  display: block;
  margin-top: -3.47vw;
  margin-bottom: -3.47vw;
}
.discover-wrapper .tab {
  min-width: var(--discover-wrapper-tab-width);
  padding: 0.69vw;
  padding-right: 1.11vw;
  border-radius: 0.55vw;
  cursor: pointer;
  -webkit-transition: 0.4s all ease;
  -o-transition: 0.4s all ease;
  transition: 0.4s all ease;
}
.discover-wrapper .tab.active {
  background-color: #f0f0f0;
}
.discover-wrapper .tab + .tab {
  margin-top: 3.47vw;
}
.discover-wrapper .tab img {
  margin-top: 0.55vw;
  margin-bottom: 0.55vw;
}
.discover-wrapper .tab .tab-subtext {
  letter-spacing: var(--ls5);
  font-size: var(--f-16);
  line-height: var(--lh-24);
}

@media screen and (max-width: 1280px) {
  /* Hide scrollbars */
  ._no-scrollbars, .discover-wrapper .tab-wrapper {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
  }
  ._no-scrollbars::-webkit-scrollbar, .discover-wrapper .tab-wrapper::-webkit-scrollbar {
    /* Chrome Safari and Opera */
    display: none;
  }
  .market-awareness .product-columns .product svg.prologo {
    margin: 20px 0 19px;
  }
  .discover-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .discover-wrapper .tab-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 3vw;
    z-index: 11;
    overflow-x: scroll;
  }
  .discover-wrapper .feature-image {
    width: 100%;
  }
  .discover-wrapper .feature-image img {
    width: 100%;
    min-height: 50vh;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .discover-wrapper .tab {
    margin-top: 0;
    padding: 1rem;
  }
  .discover-wrapper .tab + .tab {
    margin-top: 0;
  }
}
.strategy-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
}
.strategy-wrapper .strategy-graphics {
  width: 100%;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}
.strategy-wrapper .space-warp {
  top: 180px;
  position: relative;
}
.strategy-wrapper .space-warp > img {
  position: absolute;
  left: 60%;
  top: 50%;
  opacity: 0;
  visibility: hidden;
  width: 80%;
}
.strategy-wrapper .space-warp > img#strategy-point-1 {
  visibility: visible;
  opacity: 1;
}
.strategy-wrapper .nothing-here {
  width: 50%;
  margin: auto;
  display: block;
}
@media screen and (max-width: 800px) {
  .strategy-wrapper .nothing-here {
    width: 50vw;
  }
}
.strategy-wrapper .strategy-text {
  width: 34.72vw;
  padding-top: 3.47vw;
}
@media screen and (max-width: 960px) {
  .strategy-wrapper .strategy-text {
    width: 90vw;
  }
}
.strategy-wrapper .strategy-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 960px) {
  .strategy-wrapper .strategy-block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
  }
}
.strategy-wrapper .strategy-block + .strategy-block {
  margin-top: 5.56vw;
}
.strategy-wrapper .strategy-block h2 {
  font-size: clamp(30px, 2.15vw, 31px);
  line-height: clamp(39px, 2.78vw, 40px);
}
.strategy-wrapper .strategy-block h2 span {
  display: block;
  font-weight: var(--weight3);
}
.strategy-wrapper .strategy-description {
  width: 34.72vw;
}
@media screen and (max-width: 960px) {
  .strategy-wrapper .strategy-description {
    width: 100%;
  }
}
.strategy-wrapper .strategy-description p {
  font-size: clamp(20px, 1.39vw, 21px);
  line-height: clamp(30px, 2.08vw, 31px);
}

.strategy-graphic-mobile {
  text-align: center;
}
@media screen and (max-width: 960px) {
  .strategy-graphic-mobile {
    width: 90vw;
  }
}
.strategy-graphic-mobile img {
  width: 100%;
  display: inline-block;
  margin: 3.64vw auto;
}

.business-areas {
  background-color: #F6F6F6;
}
.business-areas .token {
  font-size: var(--f7);
  line-height: var(--lh7);
  font-weight: var(--weight5);
  position: relative;
  padding-left: 2.3vw;
}
@media screen and (max-width: 800px) {
  .business-areas .token {
    padding-left: 20px;
    font-size: var(--f4);
    line-height: var(--lh4);
  }
}
.business-areas .token.tick-circle::before {
  content: "";
  display: block;
  background: url(../images/icon-tick-circle.svg);
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-transform: translateX(-2.2vw) rotateZ(5.57deg);
      -ms-transform: translateX(-2.2vw) rotate(5.57deg);
          transform: translateX(-2.2vw) rotateZ(5.57deg);
  position: absolute;
  width: 2.0833333333vw;
  height: 2.0833333333vw;
}
@media screen and (max-width: 800px) {
  .business-areas .token.tick-circle::before {
    width: 5vw;
    height: 5vw;
    -webkit-transform: translateX(-36px) translateY(1.5vw);
        -ms-transform: translateX(-36px) translateY(1.5vw);
            transform: translateX(-36px) translateY(1.5vw);
  }
}

.product-overview-wrapper {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
@media screen and (max-width: 980px) {
  .product-overview-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
  }
  .product-overview-wrapper .product {
    position: relative;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    padding: 1rem 0;
  }
  .product-overview-wrapper .product .screenshot img {
    width: 80vw;
    min-width: 350px;
    max-width: 600px;
  }
  .product-overview-wrapper .product .product-logo {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }
  .product-overview-wrapper .product .product-logo img {
    width: 60vw;
    max-width: 400px;
  }
  .product-overview-wrapper .product:not(:last-of-type):after {
    display: block;
    content: "";
    width: 50px;
    height: 2px;
    background: rgba(0, 0, 0, 0.1);
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
.product-overview-wrapper .product {
  width: 33%;
}
.product-overview-wrapper .product .screenshot img {
  width: 22.22vw;
}
.product-overview-wrapper .product .usp {
  font-size: var(--f7);
  line-height: var(--lh7);
  font-weight: var(--weight5);
  padding: 0.5rem;
  min-height: calc(var(--lh7) * 3.2);
  color: black;
}
.product-overview-wrapper .product .product-logo img {
  min-width: 12.5vw;
  min-height: 2.5vw;
  margin-top: 2.5vw;
}

.products-hero-image {
  display: block;
  position: absolute;
  left: var(--pagebanner-wrapper-width);
  top: -2.22vw;
  width: 54.5vw;
}
.products-hero-image img {
  width: 100%;
}
@media screen and (max-width: 980px) {
  .products-hero-image {
    display: none;
  }
}

.product-logo {
  margin-bottom: clamp(44px, 3.2vw, 48px);
}

#products .pagedes p {
  margin-bottom: clamp(26px, 1.8vw, 30px);
  padding-right: 10vw;
}

.performance-tracking-areas .subsection-wrapper-1 {
  width: 56.9444444444vw;
}

#insight_categories .subsection-wrapper {
  width: 83.333vw;
}
#insight_categories h2 {
  text-align: center;
}

#products .explore-form-wrapper.skumetrix-library {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  gap: 6.53vw;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 640px) {
  #products .explore-form-wrapper.skumetrix-library {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
@media screen and (max-width: 640px) {
  #products .section-image {
    width: 100%;
  }
  #products .section-image img {
    width: 100%;
  }
}
#products .insight-category {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  width: 100%;
  text-align: left;
}
@media screen and (max-width: 800px) {
  #products .insight-category {
    min-width: 33%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    text-align: center;
  }
}
@media (max-width: 1365px) {
  #products .insight-category {
    min-width: 25%;
  }
}
@media (min-width: 1366px) {
  #products .insight-category {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
  }
}
#products .insight-category .category-icon {
  padding: 1rem;
  padding-top: 0;
}
#products .insight-category .category-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
}
#products .insight-category .category-text a, #products .insight-category .category-text a:hover {
  color: black;
}
#products .insight-category .category-text p {
  margin: 0;
}
#products .insight-category .category-text strong, #products .insight-category .category-text p {
  font-size: 1.111vw;
  line-height: 1.667vw;
}
@media screen and (max-width: 768px) {
  #products .insight-category .category-text strong, #products .insight-category .category-text p {
    font-size: 15px;
    line-height: 20px;
  }
}
#products .insight-categories {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
  margin-top: 4vw;
  overflow: hidden;
  /*
      @media screen and (max-width: $insight-categories-breakpoint) {
        display: flex;
        flex-flow: row wrap;
      } */
}
#products .insight-categories .categories-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  gap: 1rem;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#products .subsection-wrapper .text-block {
  width: 100%;
  padding-right: 3.1944vw;
}
#products .subsection-wrapper .text-block h4 {
  font-size: var(--f-40);
  line-height: var(--lh-46);
  font-weight: var(--weight6);
}
#products .subsection-wrapper .text-block h4 span {
  display: block;
}
#products .subsection-wrapper .form-block {
  width: 100%;
}
#products .subsection-wrapper .form-block form {
  width: 100%;
}

.tracking-areas {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
@media (max-width: 640px) {
  .tracking-areas {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
    gap: 2rem;
  }
  .tracking-areas .tracking-area img {
    margin-bottom: 1rem;
  }
}

.tracking-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.833vw;
}

.tracking-area img {
  max-width: 20.83vw;
}

.container2 {
  padding: 0 12rem;
}

.qnafaq .ans, .qnafaq .questn {
  -webkit-transition: all 500ms ease-in;
  -o-transition: all 500ms ease-in;
  transition: all 500ms ease-in;
  max-height: 40vh;
}

/* CLASSES MODIFIED BY JAVASCRIPT */
.filter-insights--insights-only .qnafaq > .questn {
  opacity: 0;
  max-height: 0;
}

.filter-insights--insights-only .qnafaq > .ans {
  margin-top: 0;
}

/* OVERRIDES */
.midcontainer {
  width: unset;
  margin: auto;
}

@media (min-width: 1440px) {
  .ls_05 {
    letter-spacing: 0.05vw;
  }
}
/*

backgrounds and banner images

*/
.major-appliances .pagebanner::before {
  background-image: url(../images/industries/bgs/bg-banner-industry-MA.jpg.webp);
}

.ope .pagebanner::before {
  background-image: url(../images/industries/bgs/bg-banner-industry-OPE.jpg.webp);
}

.outdoor-power .pagebanner::before {
  background-image: url(../images/industries/bgs/bg-banner-industry-OPE.jpg.webp);
}

#solutions .pagebanner::before {
  background-image: url(../images/solutions/bgs/bg-banner-solutions.jpg.webp);
}

#products .pagebanner {
  background: -o-linear-gradient(283.65deg, #011F3A 72.99%, #0087CC 112.98%);
  background: linear-gradient(166.35deg, #011F3A 72.99%, #0087CC 112.98%);
  --pagebanner-image-height: clamp(600px, 41.67vw, 800px);
}
#products .pagebanner .container.contains-logo-train {
  margin: auto auto 2rem auto;
}
#products .pagebanner.durable-iq {
  background: -o-linear-gradient(283.65deg, #011F3A 72.99%, #0087CC 112.98%);
  background: linear-gradient(166.35deg, #011F3A 72.99%, #0087CC 112.98%);
  background: url(../images/products/bgs/durable-iq-product-banner.jpg.webp) no-repeat;
  background-size: cover;
}
#products .pagebanner.hybrid-pos {
  background: -o-radial-gradient(0% 8.42%, 116.08% 116.08%, #FFF5C1 0%, #FEE6A2 34.94%, #FCC862 52.49%, #F17538 96.83%), -o-linear-gradient(350.37deg, rgba(253, 245, 197, 0.66) 15.87%, rgba(252, 89, 80, 0.66) 70.06%, rgba(250, 139, 60, 0.66) 100%);
  background: radial-gradient(116.08% 116.08% at 0% 8.42%, #FFF5C1 0%, #FEE6A2 34.94%, #FCC862 52.49%, #F17538 96.83%), linear-gradient(99.63deg, rgba(253, 245, 197, 0.66) 15.87%, rgba(252, 89, 80, 0.66) 70.06%, rgba(250, 139, 60, 0.66) 100%);
  background-position: -50% -50%;
  background: url(../images/products/bgs/hpos-product-banner.jpg.webp) no-repeat;
  background-size: cover;
}
#products .pagebanner.sku-metrix {
  background: -o-linear-gradient(283.65deg, #011F3A 72.99%, #0087CC 112.98%);
  background: linear-gradient(166.35deg, #011F3A 72.99%, #0087CC 112.98%);
  background: url(../images/products/bgs/sm-product-banner.jpg.webp) no-repeat;
  background-size: cover;
}

/* done setting backgrounds. */
/*
* HOMEPAGE
*/
:root {
  --inset-30-padding: 27.778vw;
  --inset-30-margin: -27.778vw;
  --testimonial-font: var(--f-19);
  --testimonial-line-height: var(--lh-28);
  --swiper-theme-color: #7DBD2D;
  --centerfold-font-size: var(--f-100);
  --certerfold-font-var-1: calc(0.6667 * var(--centerfold-font-size));
  --centerfold-spacing: calc( 0.5 * var(--centerfold-font-size) );
  --centerfold-margin-top: 0;
  --home-pull-up: calc(var(--f-100) / 2);
  --feature-image-width: 56.944vw;
  --feature-image-margin-x: var(--f-55);
  --powered-by-traqline: var(--f-30);
}

.homepage-hero-unit {
  width: 100vw;
  --hero-unit-height: calc(68.4028vw - var(--centerfold-margin-top));
  position: relative;
  background: url(../images/banners/homepage-banner.png.webp);
  background-repeat: no-repeat;
  background-size: cover;
}
@media screen and (max-width: 640px) and (orientation: portrait) {
  .homepage-hero-unit {
    --line-button-text-color-ondark: white;
    --line-button-shadow-color-ondark: white;
    --hero-unit-height: 95vh;
  }
}
.homepage-hero-unit .container {
  margin-top: var(--centerfold-margin-top);
}
.homepage-hero-unit .banner-wrapper {
  color: white;
  text-align: center;
  position: relative;
  padding-bottom: 1rem;
}
.homepage-hero-unit .banner-wrapper > span {
  text-transform: uppercase;
  font-size: var(--centerfold-font-size);
  font-weight: var(--weight6);
  line-height: 60%;
  letter-spacing: var(--ls2);
  display: block;
  color: white;
}
.homepage-hero-unit .banner-wrapper > span.powered-by-traqline {
  --centerfold-spacing: 0;
}
.homepage-hero-unit .banner-wrapper > span:nth-child(1) {
  opacity: 0.2;
}
.homepage-hero-unit .banner-wrapper > span:nth-child(3) {
  font-size: var(--certerfold-font-var-1);
  line-height: 60%;
  opacity: 0.2;
}
.homepage-hero-unit .banner-wrapper > span:nth-child(4) {
  font-size: var(--powered-by-traqline);
  line-height: 200%;
  margin-top: var(--centerfold-spacing, 5vw);
}
.homepage-hero-unit .banner-wrapper b {
  display: block;
}
.homepage-hero-unit .banner-wrapper .banner-text {
  margin-top: var(--centerfold-spacing, 5vw);
}
.homepage-hero-unit .banner-wrapper .banner-text p.large {
  font-size: var(--home-banner-p-large-size);
}
.homepage-hero-unit .banner-wrapper .banner-ctas {
  margin-top: 2.5vw;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.home.section-title {
  width: 55vw;
  margin-left: auto;
  margin-right: auto;
}

#home .logo-train {
  margin-top: 3rem;
}
#home footer.features {
  padding-top: 2rem;
}
#home .carousel blockquote {
  margin: 2rem auto;
}
#home .oddball {
  display: block;
}
@media (max-width: 1280px) {
  #home .oddball {
    display: none;
  }
}

#home .tab-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin: auto;
  gap: 1rem;
}
@media (max-width: 640px) {
  #home .tab-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
#home .tab-wrapper .tab.button {
  --button-color: black;
  background-color: transparent;
  border-color: var(--button-color);
  border-style: solid;
  border-width: 2px;
}
#home .tab-wrapper .tab.button.navy {
  --button-color: var(--trq-navy);
}
#home .tab-wrapper .tab.button.navy.active a {
  color: white;
}
#home .tab-wrapper .tab.button.orange {
  --button-color: var(--hpos-gold);
}
#home .tab-wrapper .tab.button.purple {
  --button-color: #9054C6;
}
#home .tab-wrapper .tab.button.purple.active a {
  color: white;
}
#home .tab-wrapper .tab.button a {
  color: black;
}
#home .tab-wrapper .tab.button:hover, #home .tab-wrapper .tab.button.active {
  background-color: var(--button-color);
}

.feature-image-wrap {
  width: var(--feature-image-width);
  margin: var(--feature-image-margin-x) auto;
  border: 0.2083333333vw solid black;
  border-radius: 0.4166666667vw;
  overflow: hidden;
}
.feature-image-wrap figure {
  margin: 0;
}
.feature-image-wrap img {
  width: 100%;
}
.feature-image-wrap .feature-image {
  display: none;
  width: 100%;
  -webkit-animation: ease _fade_out 400ms;
          animation: ease _fade_out 400ms;
}
.feature-image-wrap .feature-image.active {
  display: inline-block;
  -webkit-animation: ease _fade_in 600ms;
          animation: ease _fade_in 600ms;
}

.showcase.blue {
  background: #e9f6fc;
}
.showcase.blue.inset-top-30 {
  margin-top: var(--inset-30-margin);
  padding-top: var(--inset-30-padding) !important;
  padding-bottom: 5.9027777778vw;
}

.bring-forward-5 {
  position: relative;
  z-index: 8;
}

.st-1 {
  margin-top: 1.111vw;
}

.st-2 {
  margin-top: 2.222vw;
}

.green {
  --swiper-pagination-color: #7DBD2D;
  --swiper-pagination-bullet-opacity: 1;
}
.green .themebox {
  background: #7DBD2D;
  color: white;
  width: 100%;
  border-radius: var(--f-13);
  min-height: 20.8333333333vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 640px) {
  .green .themebox {
    min-height: unset;
  }
}

.text-plus-swiper {
  --text-block-padding: 8vw;
  width: 66.667vw;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
}
.text-plus-swiper p {
  font-size: var(--f-17);
  line-height: var(--lh-24);
}
.text-plus-swiper.green h2 > span {
  color: #7DBD2D;
}
.text-plus-swiper .text-block, .text-plus-swiper .swiper-block {
  width: 50%;
}
.text-plus-swiper .text-block {
  padding-right: var(--text-block-padding);
}
.text-plus-swiper.reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-flow: row-reverse nowrap;
          flex-flow: row-reverse nowrap;
}
.text-plus-swiper.reverse .text-block {
  padding-left: var(--text-block-padding);
}
.text-plus-swiper .swiper-container {
  --swiper-pagination-bottom: 0;
  --swiper-pagination-bullet-inactive-color: white;
  width: 100%;
  font-size: var(--testimonial-font);
  line-height: var(--testimonial-line-height);
  padding-bottom: 1.4rem;
}
.text-plus-swiper .swiper-container .swiper-pagination {
  position: relative;
  top: -6px;
}
.text-plus-swiper .swiper-container .swiper-pagination-bullet {
  border: 1px solid black;
}
.text-plus-swiper .swiper-container .swiper-pagination-bullet-active {
  border-color: transparent;
}
.text-plus-swiper .swiper-container blockquote {
  --quote-size: 0;
  --quote-width: 27.778vw;
  width: var(--quote-width);
  text-align: left;
  font-size: var(--testimonial-font);
  line-height: var(--testimonial-line-height);
}
.text-plus-swiper .swiper-container blockquote cite, .text-plus-swiper .swiper-container blockquote b.citation {
  padding: 1rem 0 0;
  font-size: 0.8rem;
  line-height: 1.2;
  font-weight: bold;
  text-align: left;
  display: block;
}
.text-plus-swiper .swiper-container blockquote b.citation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
}
.text-plus-swiper .swiper-container blockquote b.citation span:nth-child(1) {
  font-weight: var(--weight4);
  font-size: 150%;
}

.home-products-wrapper {
  margin-top: 5.5555555556vw;
}
.home-products-wrapper .section-title {
  margin-bottom: 2.7777777778vw;
  padding: 0;
}
.home-products-wrapper .card-cta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 80%;
  position: absolute;
  bottom: 1.5rem;
}

.product-cards-wrap {
  width: 73.2vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  gap: 3.611vw;
  margin: auto;
}
.product-cards-wrap .card {
  position: relative;
  --card-padding-x: var(--f-24);
  --card-padding-y: var(--f-45);
  --card-border-radius: 0.42vw;
  width: 100%;
  background: white;
  border: 0;
  padding: var(--card-padding-y) var(--card-padding-x);
  border-radius: var(--card-border-radius);
  -webkit-box-shadow: 0px 0px 4px 5px rgba(72, 161, 227, 0.08);
          box-shadow: 0px 0px 4px 5px rgba(72, 161, 227, 0.08);
  -webkit-transition: 300ms ease;
  -o-transition: 300ms ease;
  transition: 300ms ease;
  -webkit-transition-property: -webkit-box-shadow;
  transition-property: -webkit-box-shadow;
  -o-transition-property: box-shadow;
  transition-property: box-shadow;
  transition-property: box-shadow, -webkit-box-shadow;
  font-weight: var(--weight5);
}
.product-cards-wrap .card a {
  color: var(--trq-black);
  display: block;
  text-decoration: none;
}
.product-cards-wrap .card li::marker {
  width: 1.11vw;
  height: 1.11vw;
  padding-right: 0.6vw;
  display: inline-block;
}
.product-cards-wrap .card.green li::marker {
  content: url("data:image/svg+xml,%3Csvg width='24' height='14' viewBox='0 0 22 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.42314 10.0002H4.41922C4.22948 9.99895 4.04876 9.91751 3.92167 9.77528L0.174034 5.58443C-0.0759486 5.30514 -0.0539622 4.8742 0.222826 4.62196C0.499614 4.36972 0.926692 4.3919 1.17668 4.67119L4.42886 8.30772L11.8283 0.219287C12.0813 -0.057267 12.5084 -0.0745896 12.7825 0.180691C13.0566 0.435971 13.0737 0.866909 12.8207 1.14346L4.91949 9.78106C4.79148 9.92085 4.61168 10.0002 4.42314 10.0002Z' fill='%237DBD2D'/%3E%3C/svg%3E%0A");
}
.product-cards-wrap .card.orange li::marker {
  content: url("data:image/svg+xml,%3Csvg width='24' height='14' viewBox='0 0 22 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.42314 10.0002H4.41922C4.22948 9.99895 4.04876 9.91751 3.92167 9.77528L0.174034 5.58443C-0.0759486 5.30514 -0.0539622 4.8742 0.222826 4.62196C0.499614 4.36972 0.926692 4.3919 1.17668 4.67119L4.42886 8.30772L11.8283 0.219287C12.0813 -0.057267 12.5084 -0.0745896 12.7825 0.180691C13.0566 0.435971 13.0737 0.866909 12.8207 1.14346L4.91949 9.78106C4.79148 9.92085 4.61168 10.0002 4.42314 10.0002Z' fill='%23F5CF55'/%3E%3C/svg%3E%0A");
}
.product-cards-wrap .card.purple li::marker {
  content: url("data:image/svg+xml,%3Csvg width='24' height='14' viewBox='0 0 22 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.42314 10.0002H4.41922C4.22948 9.99895 4.04876 9.91751 3.92167 9.77528L0.174034 5.58443C-0.0759486 5.30514 -0.0539622 4.8742 0.222826 4.62196C0.499614 4.36972 0.926692 4.3919 1.17668 4.67119L4.42886 8.30772L11.8283 0.219287C12.0813 -0.057267 12.5084 -0.0745896 12.7825 0.180691C13.0566 0.435971 13.0737 0.866909 12.8207 1.14346L4.91949 9.78106C4.79148 9.92085 4.61168 10.0002 4.42314 10.0002Z' fill='%239054C6'/%3E%3C/svg%3E%0A");
}
.product-cards-wrap .card:hover {
  -webkit-box-shadow: 0px 5px 15px 5px rgba(72, 161, 227, 0.4);
          box-shadow: 0px 5px 15px 5px rgba(72, 161, 227, 0.4);
}
.product-cards-wrap .card ul {
  list-style: square;
  padding-left: var(--f-23);
  padding-bottom: var(--f-20); /* was 20px */
}
.product-cards-wrap .card-header {
  text-align: center;
  font-size: var(--f8);
  line-height: var(--lh8);
  color: rgba(0, 0, 0, 0.6);
}
.product-cards-wrap .card-middle {
  --sep-background: linear-gradient(to right, #7DBD2D 50%, transparent 90%);
  font-size: var(--f8);
  line-height: var(--lh8);
  text-align: left;
  margin-top: var(--card-padding-x, 1.5vw);
  color: rgba(0, 0, 0, 0.6);
}
.product-cards-wrap .usp {
  margin-top: var(--card-padding-x);
}

.card-middle::after {
  display: block;
  height: 4px;
  width: 100%;
  content: "";
  margin: var(--card-padding-x, 1.5vw) auto;
  background: var(--sep-background);
}
.green .card-middle::after {
  --sep-background: linear-gradient(to right, #7DBD2D 50%, transparent 90%);
}
.orange .card-middle::after {
  --sep-background: linear-gradient(to right, #F5CF55 50%, transparent 90%);
}
.purple .card-middle::after {
  --sep-background: linear-gradient(to right, #9054C6 50%, transparent 90%);
}

.whitespace .dual_pane {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.5rem;
  margin: 3rem auto;
}
.whitespace .dual_pane + .dual_pane {
  margin-top: 5rem;
}
@media (max-width: 800px) {
  .whitespace .dual_pane {
    margin: 2rem auto 0;
  }
  .whitespace .dual_pane:first-of-type {
    margin-top: 1rem;
  }
}
.whitespace .dual_pane:nth-child(2n) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.whitespace .dual_pane:nth-child(2n) figure.whitespace-image {
  margin-left: 0;
}
.whitespace .dual_pane:nth-child(2n+1) figure.whitespace-image {
  margin-left: 9rem;
}
.whitespace .dual_pane .pane-1, .whitespace .dual_pane .pane-2 {
  position: relative;
}
.whitespace .dual_pane .pane-2 {
  z-index: 0;
  width: 100%;
}
.whitespace .dual_pane figure {
  position: relative;
  margin: 0;
}
.whitespace .dual_pane figure.oddball {
  top: 2rem;
  left: -22rem;
}
.whitespace .dual_pane figure.oddball > img {
  height: 34.7222222222vw;
}
.whitespace .dual_pane figure.whitespace-image {
  --image-frame-radius: 5rem;
  width: 100%;
  max-width: 34.7222222222vw;
  max-height: 20.8333333333vw;
  overflow: hidden;
  border-top-left-radius: var(--image-frame-radius);
  border-bottom-right-radius: var(--image-frame-radius);
  margin: 0;
}
.whitespace .dual_pane figure.whitespace-image img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.whitespace .dual_pane .pane-1 {
  width: 28vw;
  min-width: 28vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  gap: 1.5rem;
  z-index: 1;
}
@media screen and (max-width: 640px) {
  .whitespace .dual_pane .pane-1 {
    padding-right: 0;
  }
}
.whitespace .dual_pane h2 b {
  display: inline;
}
.whitespace .dual_pane h3.content {
  --f3: var(--f-22);
  --lh3: var(--lh-30);
  font-weight: normal;
}
@media screen and (max-width: 960px) {
  .whitespace .dual_pane {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
  }
  ul.key-business-challenges {
    padding-left: 1.3rem;
    margin-top: 0;
  }
  .whitespace .dual_pane:nth-child(2n) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .whitespace .dual_pane .pane-1 {
    --button-font-size: var(--f-17);
    width: unset;
  }
  .whitespace .dual_pane .pane-2 {
    overflow: hidden;
  }
  .whitespace .dual_pane .pane-2 figure {
    margin: 0;
  }
  .whitespace .dual_pane .pane-2 figure img {
    width: 100%;
    height: 100%;
  }
  .whitespace .dual_pane .pane-2 figure.whitespace-image {
    --image-frame-radius: 2rem;
    width: 100%;
    max-width: unset;
    max-height: 55.5555555556vw;
    margin: 0 !important;
  }
  .whitespace .dual_pane .pane-2 figure.oddball {
    left: -3rem;
    top: 0;
  }
  .whitespace .dual_pane .pane-2 figure.oddball img.variant {
    width: 120vw;
    height: 70vw;
    -webkit-transform: translateX(-10%) translateY(-15%);
        -ms-transform: translateX(-10%) translateY(-15%);
            transform: translateX(-10%) translateY(-15%);
  }
  ul.key-business-challenges li {
    font-size: 1.3rem;
    line-height: 1.6;
  }
}

@media (max-width: 1280px) {
  ul.key-business-challenges li {
    font-size: 1.3rem;
    line-height: 1.6;
    list-style-type: disc;
  }
}
@media (min-width: 1281px) {
  ul.key-business-challenges {
    display: none;
  }
}
.pane-2 .statscontainer {
  padding: 0;
  margin: auto;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: var(--f-45);
  line-height: 130%;
  max-height: 18vw;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media (min-width: 641px) and (max-width: 1440px) {
  .pane-2 .statscontainer {
    max-height: 250px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.pane-2 .statscontainer .stats {
  padding: 1rem;
  text-align: left;
}
.pane-2 .statscontainer .stats > span {
  text-align: left;
}
.pane-2 .statscontainer .digits {
  font-size: var(--f-45);
}
.pane-2 .statscontainer .label {
  font-size: var(--f-18);
  line-height: var(--lh-29);
}

.pane-2 .tag-list.presentation-ready {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1rem;
  max-width: 480px;
  margin: 2rem auto auto;
}
@media (max-width: 640px) {
  .pane-2 .tag-list.presentation-ready {
    margin-top: 0;
  }
}
.pane-2 .tag-list .icon-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  max-width: 33%;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin: 0;
  padding: 6px;
}
.pane-2 .tag-list .icon-text img {
  width: 65px;
}
.pane-2 .tag-list .icon-text span {
  text-align: left;
  font-size: var(--f-15);
  line-height: var(--lh-18);
  margin: var(--f-15) 4px;
}

@media screen and (max-width: 640px) {
  :root {
    --feature-image-width: 80%;
    --inset-30-padding: 33vw;
    --inset-30-margin: -53vw;
    --centerfold-font-size: var(--f-55);
    --powered-by-traqline: var(--f-22);
    --centerfold-margin-top: 12vh;
    --centerfold-spacing: var(--centerfold-font-size);
  }
  .homepage-hero-unit .banner-wrapper b {
    display: inline;
  }
  .homepage-hero-unit .banner-wrapper .banner-ctas {
    margin-top: 8vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .homepage-hero-unit .banner-wrapper .banner-ctas [class*=button] {
    margin: 0;
  }
  .homepage-hero-unit .banner-ctas {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
    gap: 1rem;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .homepage-hero-unit .banner-ctas > * {
    margin: 0;
  }
  .homepage-hero-unit .container {
    margin: auto;
    padding: 0;
  }
  .feature-image-wrap {
    border-width: 0.75vw;
    border-radius: 1.5vw;
  }
  .home.section-title {
    width: 90%;
    margin: var(--f-30) auto;
    margin-top: 0;
  }
  .text-plus-swiper {
    --text-block-padding: 0;
    width: 100%;
    gap: var(--f-45);
  }
  .text-plus-swiper .text-block, .text-plus-swiper .swiper-block {
    width: 100%;
  }
  .text-plus-swiper .swiper-container blockquote {
    --quote-width: 80%;
  }
  .section.whitespace {
    padding-top: 0;
  }
  .pane-2 .statscontainer {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    max-height: unset;
    width: 100%;
  }
  .pane-2 .statscontainer .stats {
    width: 45%;
  }
  .pane-2 .statscontainer .label {
    font-size: var(--f-14);
    line-height: 1.3;
  }
  .home-products-wrapper {
    margin-top: 0;
  }
  .home-products-wrapper .product-cards-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    gap: var(--f-30);
  }
  .home-products-wrapper .product-cards-wrap .card {
    --card-border-radius: 6px;
  }
  .home-products-wrapper .product-cards-wrap .card-header {
    padding: 0 var(--f-40);
  }
}
/* HOMEPAGE specific styles done */
/* homepage hero section styles */
.homepage-hero-unit {
  --hero-carousel-height: 50vh;
  --hero-title-font-size: var(--f-130);
  --hero-carousel-top-spacing: 5vh;
}
@media (min-width: 800px) and (max-width: 1280px) {
  .homepage-hero-unit {
    --hero-title-font-size: var(--f-96);
  }
}
.homepage-hero-unit .carousel-wrapper {
  height: var(--hero-carousel-height);
  width: 100vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: var(--hero-carousel-top-spacing, 0);
}
.homepage-hero-unit .carousel {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-weight: 600;
}
.homepage-hero-unit .carousel__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  width: 100%;
  padding: 0 12px;
  opacity: 0;
  will-change: transform, opacity;
  -webkit-animation: carousel-animate-vertical 12s linear infinite;
  animation: carousel-animate-vertical 12s linear infinite;
}
.homepage-hero-unit .carousel__item:nth-child(1) {
  -webkit-animation-delay: -2s;
  animation-delay: -2s;
}
.homepage-hero-unit .carousel__item:nth-child(2) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
.homepage-hero-unit .carousel__item:nth-child(3) {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}
.homepage-hero-unit .carousel__item:nth-child(4) {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}
.homepage-hero-unit .carousel__item:nth-child(5) {
  -webkit-animation-delay: 6s;
  animation-delay: 6s;
}
.homepage-hero-unit .carousel__item:last-child {
  -webkit-animation-delay: -4s;
  animation-delay: -4s;
}
.homepage-hero-unit .carousel__item-body {
  width: 100%;
  text-align: center;
}
.homepage-hero-unit .carousel .title {
  text-transform: uppercase;
  font-size: var(--hero-title-font-size);
  color: #fff;
  text-align: center;
}

.homepage-hero-unit {
  /* only the variables that we may need to tweak in different media queries */
  --scale1: 0.4;
  --scale2: 0.6;
  --scale3: 0.7;
}

@-webkit-keyframes carousel-animate-vertical {
  0% {
    -webkit-transform: translateY(30%) scale(var(--scale1));
            transform: translateY(30%) scale(var(--scale1));
    opacity: 0;
  }
  10%, 16.6666666667% {
    -webkit-transform: translateY(30%) scale(var(--scale2));
            transform: translateY(30%) scale(var(--scale2));
    opacity: 0.4;
  }
  26.6666666667%, 33.3333333333% {
    -webkit-transform: translateY(0) scale(var(--scale3));
            transform: translateY(0) scale(var(--scale3));
    opacity: 1;
  }
  43.3333333333%, 50% {
    -webkit-transform: translateY(-30%) scale(var(--scale2));
            transform: translateY(-30%) scale(var(--scale2));
    opacity: 0.4;
  }
  60% {
    -webkit-transform: translateY(-30%) scale(var(--scale1));
            transform: translateY(-30%) scale(var(--scale1));
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(-30%) scale(var(--scale1));
            transform: translateY(-30%) scale(var(--scale1));
    opacity: 0;
  }
}

@keyframes carousel-animate-vertical {
  0% {
    -webkit-transform: translateY(30%) scale(var(--scale1));
            transform: translateY(30%) scale(var(--scale1));
    opacity: 0;
  }
  10%, 16.6666666667% {
    -webkit-transform: translateY(30%) scale(var(--scale2));
            transform: translateY(30%) scale(var(--scale2));
    opacity: 0.4;
  }
  26.6666666667%, 33.3333333333% {
    -webkit-transform: translateY(0) scale(var(--scale3));
            transform: translateY(0) scale(var(--scale3));
    opacity: 1;
  }
  43.3333333333%, 50% {
    -webkit-transform: translateY(-30%) scale(var(--scale2));
            transform: translateY(-30%) scale(var(--scale2));
    opacity: 0.4;
  }
  60% {
    -webkit-transform: translateY(-30%) scale(var(--scale1));
            transform: translateY(-30%) scale(var(--scale1));
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(-30%) scale(var(--scale1));
            transform: translateY(-30%) scale(var(--scale1));
    opacity: 0;
  }
}
@media (orientation: portrait) {
  .homepage-hero-unit {
    --hero-carousel-height: 20vh;
    --hero-title-font-size: var(--f-45);
    --hero-carousel-top-spacing: 8vh;
  }
  .tag-list.customer-logos .customer, .tag-list.customer-logos img {
    max-height: 9.6vw;
  }
}
@media screen and (max-width: 640px) {
  .homepage-hero-unit .carousel-wrapper {
    height: var(--hero-carousel-height);
  }
  .homepage-hero-unit .banner-wrapper {
    padding: var(--page-padding-x);
  }
  .tag-list.customer-logos .customer, .tag-list.customer-logos img {
    max-height: 19.2727vw;
  }
  .logo-train-wrapper {
    margin-bottom: 1.5rem;
  }
}
/* Salient features sections
* most used on product pages
* */
:root {
  --salient-features-bg: radial-gradient(45% 30% at 54% 80%, transparent 51.05%, rgba(162,208, 239, 0.3) 91.67%);
  --salient-feature-padding-x: 10vw;
}

.salient-features {
  background: var(--salient-features-bg);
  padding-top: 1px;
}
.salient-features.blue {
  --trq-tab-accent: var(--trq-medium-blue);
  --toggle-button-accent: var(--trq-medium-blue);
  --tab-text-transform: uppercase;
  background-size: cover;
  background-repeat: no-repeat;
  padding-bottom: 1px;
  padding: var(--f-45) 0;
}
.salient-features.green {
  --salient-features-bg: radial-gradient(109.85% 50.19% at 50% 88.59%, rgba(219, 242, 192, 0) 0%,
    rgba(219, 242, 192, 0.5) 82.38%);
}
.salient-features.purple {
  --salient-features-bg: rgba(248, 245, 252, 0.9);
}

.salient-features-2 {
  padding-top: 0;
  overflow-x: hidden;
}
.salient-features-2.durable-iq {
  background: transparent url(../images/products/bg-durable-iq-features.svg) no-repeat center center;
  background-size: contain;
}
.salient-features-2.hybrid-pos {
  background: transparent url(../images/products/bg-hpos-features.svg) no-repeat center center;
  background-size: contain;
}
.salient-features-2.sku-metrix {
  background: transparent url(../images/products/bg-sku-metrix-features.svg) no-repeat center center;
  background-size: contain;
}
.salient-features-2 .feature {
  position: relative;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  gap: 6.806vw;
  margin: 6.806vw auto;
  --feature-padding: 14.5833333333vw;
  --feature-border-width: 0.486vw;
  --feature-border-radius: 0.972vw;
}
.salient-features-2 .feature-odd {
  padding-left: var(--feature-padding);
}
.salient-features-2 .feature-odd .image-block {
  -webkit-transform: translateX(0.786vw);
      -ms-transform: translateX(0.786vw);
          transform: translateX(0.786vw);
}
.salient-features-2 .feature-even {
  padding-right: var(--feature-padding);
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.salient-features-2 .feature-even:last-of-type {
  margin-bottom: 1rem;
}
.salient-features-2 .feature-even .image-block {
  -webkit-transform: translateX(-0.786vw);
      -ms-transform: translateX(-0.786vw);
          transform: translateX(-0.786vw);
}
.salient-features-2 .feature .text-block {
  width: 30.9vw;
}
.salient-features-2 .feature .image-block {
  position: relative;
  width: 50.347vw;
  border: var(--feature-border-width, 7px) solid rgba(0, 0, 0, 0.5);
  border-radius: var(--feature-border-radius, 14px);
  overflow: hidden;
}
.salient-features-2 .image-block img {
  width: 100%;
}

@media screen and (max-width: 640px) {
  :root {
    --section-padding1: var(--f-25);
  }
  .salient-features-2 .feature {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-flow: column-reverse nowrap;
            flex-flow: column-reverse nowrap;
    padding: 0 var(--salient-feature-padding-x, 5vw);
    padding-bottom: 5vw;
    border-bottom: 1px solid #eee;
  }
  .salient-features-2 .feature:last-of-type {
    border-width: 0;
  }
  .salient-features-2 .feature .text-block, .salient-features-2 .feature .image-block {
    width: 100%;
  }
}
/* TABS AND ACCORDIONS */
.subsection-wrapper-1 {
  width: 60.764vw;
  margin: auto;
}
@media screen and (max-width: 800px) {
  .subsection-wrapper-1 {
    width: 90vw;
  }
}
.subsection-wrapper-1 .tab-content-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.tab-content-column img {
  width: 100%;
}

@media screen and (max-width: 800px) {
  .tab-content-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-flow: column-reverse nowrap;
            flex-flow: column-reverse nowrap;
  }
  .tab-content-column {
    width: 90vw;
  }
  .tabs.hidden-on-mobile {
    display: none;
  }
  #insights.tabcontainer {
    margin-top: 1rem;
  }
}
@media screen and (min-width: 801px) {
  .tab-content-wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    margin-top: 5.694vw;
  }
  .tab-content-column {
    width: 32.986vw;
  }
  .tab-content-column:first-of-type {
    width: 27.778vw;
    padding-right: 6.6vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    gap: 4px;
  }
}
/* tabs and accordions done */
.swiper-container {
  --swiper-navigation-sides-offset: 5vw;
  --swiper-navigation-top-offset: 60%;
  --swiper-navigation-color: var(--trq-black);
  position: relative;
  width: 76vw;
  margin: auto;
  overflow: hidden;
}

.swiper-slide {
  cursor: -webkit-grab;
  cursor: grab;
  padding-bottom: 3rem;
}

@media screen and (min-width: 320px) and (max-width: 768px) {
  .swiper-container {
    --swiper-navigation-sides-offset: 0;
    --swiper-navigation-top-offset: 50%;
    width: 84vw;
  }
  blockquote {
    width: 70%;
  }
}
@media screen and (min-width: 769px) and (max-width: 1200px) {
  .swiper-container {
    --swiper-navigation-side-offset: 0;
    --swiper-navigation-top-offset: 50%;
    width: 84vw;
  }
  blockquote {
    width: 70%;
  }
}
/* _layout.scss: layout specific styles for various media queries */
@media (min-width: 641px) and (max-width: 1100px) {
  :root {
    --comment: "641px to 1100px";
    --pagebanner-image-height: 480px;
    --form-column-input-padding: var(--f-15);
  }
  .subsection-wrapper-0 {
    width: 83.3333333333vw;
  }
  .button-group {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
  }
  .statscontainer {
    margin: auto;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    row-gap: 2rem;
    -webkit-column-gap: 4rem;
       -moz-column-gap: 4rem;
            column-gap: 4rem;
    margin: 3rem auto;
  }
  .key-points {
    padding: 0;
  }
  #home .tab-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .text-plus-swiper {
    --text-block-padding: 4vw;
    width: 90vw;
    margin: auto;
  }
  .text-plus-swiper .swiper-container blockquote {
    --quote-width: 39.0625vw;
  }
  #products .pagebanner-wrapper {
    --pagebanner-wrapper-width: 70vw;
  }
  #products .cards-wrapper .card {
    width: 30vw;
    min-width: 300px;
    max-width: 330px;
  }
  #products .explore-form-wrapper.skumetrix-library {
    margin-left: -21%;
  }
  .market-awareness .product-columns {
    margin-bottom: 4.1666666667vw;
  }
  .salient-features-2 .feature {
    --feature-padding: 7.2916666667vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    padding-left: var(--feature-padding);
  }
  .salient-features-2 .feature .text-block, .salient-features-2 .feature .image-block {
    width: 80vw;
  }
  .performance-tracking-areas .subsection-wrapper-1 {
    width: 70vw;
  }
  .performance-tracking-areas .tracking-areas {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .performance-tracking-areas .tracking-area {
    margin-bottom: 1rem;
  }
  #industries .products .feature-list {
    max-width: unset;
  }
  #industries .section.explore .products {
    font-size: smaller;
    gap: 0.6rem;
  }
  .tag-list.what-works {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .tag-list.brands {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-column-gap: 1rem;
       -moz-column-gap: 1rem;
            column-gap: 1rem;
  }
  .tag-list.brands img {
    width: 105px;
    max-height: 60px;
  }
  .section-content.tour-form {
    width: auto;
    grid-template-columns: 1fr;
  }
  .section-content.tour-form p {
    max-width: 80vw;
    text-align: center;
    font-size: larger;
    margin: 2rem auto;
  }
  .form-column input[type=text], .form-column input[type=email] {
    padding: var(--f-15) var(--form-column-input-padding);
  }
  [class*=button] a {
    white-space: nowrap;
    margin-top: 0;
    margin-left: 0;
  }
  .common-content-box {
    width: 90%;
  }
  .product-cards-wrap {
    width: 100%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .product-cards-wrap .card {
    width: 45%;
  }
  .product-cards-wrap .card ul {
    padding-left: var(--f-33);
  }
  .product-cards-wrap .card li::marker {
    --marker-size: 0.9vw;
    padding-right: 0.5vw;
    width: var(--marker-size);
    height: var(--marker-size);
  }
  .story-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  .blog-feature-image {
    height: 13vw;
  }
  .business-areas .token::before {
    top: 11px;
    left: 15px;
  }
}
@media (max-width: 1100px) {
  :root {
    --comment: "upto 1100px";
  }
}
#home .swiper-slide {
  padding-bottom: 0;
}

/* done _layout.scss */
/*  media queries previously in responsive.css starts here. */
@media screen and (min-width: 801px) {
  .tab-btn-mobile.hidden-on-desktop {
    display: none;
  }
}
@media screen and (max-width: 800px) {
  .tab-btn-mobile {
    width: 100%;
    font-size: var(--f7);
    line-height: var(--lh7);
    padding: 10px 0;
  }
  /* override desktop tab control system */
  .tab-control + .tab-pane,
  .tab-control:checked + .tab-pane {
    max-height: 0;
    min-height: 0; /* to override desktop settings */
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  /* accordion-pane section top spacing */
  .accordion-pane {
    position: relative;
  }
  .accordion-pane:first-of-type {
    margin-top: 2rem;
  }
  .accordion-pane:not(:last-of-type) {
    border-bottom: 2px solid var(--trq-tab-accent, #9C0);
  }
  /* accordion - only for mobile */
  .accordion-content {
    max-height: 0;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    overflow: hidden;
    opacity: 0;
    padding-bottom: 0;
  }
  .mobile-accordion-control:checked ~ .accordion-content {
    max-height: 200vh;
    opacity: 1;
    padding-bottom: 40px;
  }
  .mobile-accordion-control ~ .mobile-accordion-indicator::after {
    display: block;
    position: absolute;
    content: "+";
    font-size: 22px;
    line-height: 22px;
    text-align: center;
    font-weight: bold;
    color: var(--trq-medium-blue);
    width: 22px;
    height: 22px;
    z-index: 5;
    top: 12px;
    right: 0;
    font-family: monospace;
  }
  .mobile-accordion-control:checked ~ .mobile-accordion-indicator::after {
    content: "-";
  }
}
@media screen and (min-width: 641px) and (max-width: 800px) {
  .tab-btn-mobile {
    width: 100%;
    font-size: var(--f-27);
    line-height: var(--lh-30);
    padding: 10px 0;
  }
}
@media screen and (max-width: 960px) {
  /* unhide the items hidden on desktop, considering m3+ to be desktop size */
  .hidden-on-desktop {
    display: inline-block;
    opacity: 1;
  }
}
@media screen and (max-width: 640px) {
  :root {
    --comment: "up to 640px";
    --top-nav-height: 60px;
    --page-width: 100%;
    /* type at various places  */
    --challenge-size: var(--f-13);
    --challenge-line-h: var(--lh-24);
    /* tokens */
    --token-size: var(--f-15);
    --token-line-h: var(--lh-22);
    /* headings */
    --hw: var(--weight6);
    --h2-size: 32px;
    --h1-line-h: 1.2;
    /* paddings */
    --section-side-padding: 2rem;
    --section-title-pad-bottom: 1.333rem;
  }
  .hidden-on-mobile {
    display: none;
    opacity: 0;
  }
  .desk-menu.wrap {
    padding: 0 9vw;
  }
  blockquote {
    --quote-size: 7vw;
    width: 75%;
    font-size: var(--f-15);
  }
  .statscontainer,
  .tabcontainer,
  .common-content-box,
  .footer-content-box,
  .section-content.tour-form {
    width: 100%;
  }
  /* generic pagebanner image style defaults for mobile */
  .pagebanner-wrapper {
    width: 100%;
  }
  /* page-specific adjustments are handled below based on page's id/name */
  .pagebanner::before {
    background-size: 150vw; /* fallback for those that do not recognise "cover" */
    background-size: cover;
    background-position: 100% center;
    background-clip: border-box;
    height: calc(var(--pagebanner-image-max-height-mobile) - 20px);
    min-height: calc(var(--pagebanner-image-max-height-mobile) - 20px);
    overflow: hidden;
  }
  #industries .pagebanner::before {
    background-position: 66% center;
  }
  .pagebanner .container {
    padding: 0 var(--section-side-padding);
    padding-top: var(--pagebanner-image-max-height-mobile);
  }
  #products .pagebanner .container {
    padding: var(--section-side-padding);
  }
  #products .pagebanner::before {
    height: 0;
    min-height: 0;
  }
  #products .dark {
    --h1-color: white;
  }
  .logo-train {
    --logo-gap: 7vw;
    --duration: 67.7s;
  }
  .customer-logos.tag-list {
    width: 100%;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    overflow-x: hidden;
    gap: var(--logo-gap, 7vw);
    scrollbar-width: none;
  }
  .customer-logos.tag-list .customer, .customer-logos.tag-list img {
    max-height: 19.2727vw;
    padding: 3px;
  }
  .market-awareness .product-columns .product img.screenshot {
    width: 60vw;
  }
  .market-awareness .product-columns .product img.logo {
    width: 50vw;
    margin-bottom: 3vw;
  }
  h1, .page-title h1 {
    font-size: var(--f1);
    line-height: var(--lh1);
    letter-spacing: 0.16vw;
    padding-bottom: 12px;
  }
  .pagedes {
    text-align: left;
    padding-bottom: 2rem;
  }
  .pagedes p {
    text-align: left;
  }
  .solid-button:not(:nth-of-type(1)), .line-button:not(:nth-of-type(1)) {
    margin-left: unset;
    margin-top: 0.8rem;
  }
  form.request-tour {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
  }
  form.request-tour .solid-button {
    margin-top: 0;
  }
  .section.generic + .section.generic {
    padding-top: 0;
  }
  .section-alt {
    padding: 2rem 0 4rem;
  }
  .tour-form p {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
  .statscontainer {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    padding: 0 1rem;
    max-width: 100%;
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
    grid-gap: 1.5rem;
  }
  .stats {
    width: 100%;
  }
  .tab-btn {
    width: 33%;
  }
  .tab-pane {
    padding: 0;
  }
  .tab-pane h6 {
    font: var(--trq-body-copy);
    font-weight: var(--weight6);
    text-align: left;
    margin: 1rem 0;
    width: 100%;
    color: var(--trq-dark-gray);
  }
  blockquote cite {
    font-weight: var(--weight6);
  }
  .section-content.at-a-glance-icons {
    width: 100vw;
    margin-left: -2rem;
  }
  .tag-list.what-works {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .tag-list.what-works .measure {
    margin: 0;
    max-width: 33%;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .tag-list.brands {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 0;
  }
  .tag-list.brands .brand {
    width: 45%;
    text-align: center;
  }
  .key-points {
    padding: 0 var(--section-side-padding);
  }
  .key-points-icon {
    -ms-flex-item-align: center;
        align-self: center;
  }
  .grid-2-by-2 {
    grid-template-columns: 1fr;
  }
  .grid-2-by-2 article {
    width: 100%;
    padding: 0;
  }
  .container {
    padding: var(--section-side-padding);
    margin: 0;
    width: 100vw;
  }
  .midcontainer,
  .midcontainer2 {
    width: 90vw;
  }
  .products.grid-x3 {
    width: 100%;
    overflow-x: scroll;
    padding: 0 1rem 1rem 1rem;
    grid-template-columns: 1fr;
    grid-gap: 2rem;
  }
  .product {
    min-width: 70vw;
    text-align: left;
    position: relative;
  }
  .market-awareness .product-columns .product {
    padding: 2rem;
  }
  .product .feature-list {
    width: 60vw;
    margin-left: auto;
    margin-right: auto;
    padding: 0 5vw;
    max-width: unset;
  }
  #products .cards-wrapper {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 3.636vw;
    margin-top: 7vw;
  }
  #products .cards-wrapper .card {
    width: 100%;
    min-height: 81.81vw;
  }
  #products .subsection-wrapper .text-block h4 {
    font-size: var(--f3);
    line-height: var(--lh3);
  }
  #products .insight-categories {
    margin-top: 12vw;
  }
  .card-content-wrapper .card-title svg {
    width: 42vw;
  }
  .columns {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .form-column input {
    font-size: var(--button-font-size);
  }
  .performance-tracking-areas .subsection-wrapper-1 {
    width: 90vw;
  }
  .subsection-wrapper {
    margin-top: 6.818vw;
  }
  .tour-form-section .subsection-wrapper {
    margin-top: 0;
  }
  .subsection-wrapper-1.contains-tour-form {
    width: 82vw;
  }
  .tracking-area [class*=button] a {
    line-height: 1;
  }
  label.table-header {
    width: 100%;
  }
  footer.column-footer {
    width: 100%;
  }
  .story-list {
    grid-template-columns: 1fr;
    margin: 0 var(--blog-post-gaps, 2rem);
  }
  .tag-list.challenges {
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
  }
  .tag-list.challenges::after {
    display: block;
    content: "";
    width: 45%;
  }
  .challenge {
    width: 45%;
    margin: 5px 0;
    max-width: unset;
    padding: 10px;
    padding-top: 30px;
    min-height: 176px;
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
  }
  .challenge > img {
    max-height: 44px;
  }
  /* override desktop tab control system */
  .tab-control + .tab-pane,
  .tab-control:checked + .tab-pane {
    max-height: 0;
    min-height: 0; /* to override desktop settings */
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  /* accordion-pane section top spacing */
  .accordion-pane {
    position: relative;
  }
  .accordion-pane:first-of-type {
    margin-top: 2rem;
  }
  .accordion-pane:not(:last-of-type) {
    border-bottom: 2px solid var(--trq-tab-accent, #9C0);
  }
  /* accordion - only for mobile */
  .accordion-content {
    max-height: 0;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    overflow: hidden;
    opacity: 0;
    padding-bottom: 0;
  }
  .mobile-accordion-control:checked ~ .accordion-content {
    max-height: 200vh;
    opacity: 1;
    padding-bottom: 40px;
  }
  .mobile-accordion-control ~ .mobile-accordion-indicator::after {
    display: block;
    position: absolute;
    content: "+";
    font-size: 22px;
    line-height: 22px;
    text-align: center;
    font-weight: bold;
    color: var(--trq-medium-blue);
    width: 22px;
    height: 22px;
    z-index: 5;
    top: 12px;
    right: 0;
    font-family: monospace;
  }
  .mobile-accordion-control:checked ~ .mobile-accordion-indicator::after {
    content: "-";
  }
  .product .mobile-accordion-indicator::after {
    top: 20px; /* override top offset for this special case */
  }
}
@media screen and (min-width: 769px) and (max-width: 1365px) {
  :root {
    --comment: "769-1365";
  }
  .pagedes {
    text-align: left;
  }
}
@media screen and (min-width: 1366px) and (max-width: 1680px) {
  :root {
    --comment: "1366-1680";
  }
  .explore .section-content.caption {
    padding: 0 200px;
  }
  .infographic {
    max-width: 33%;
  }
}
@media screen and (min-width: 1600px) {
  :root {
    --pagebanner-image-height: 545px;
  }
}
@media screen and (min-width: 1960px) {
  .section-content.tour-form {
    width: 56.7%;
  }
}
@media screen and (orientation: landscape) {
  :root {
    --comment: "@landscape";
  }
  .dark h1, .dark .page-title h1, .dark .pagedes p {
    color: white;
  }
}
/* TAB SECTION FIXES applicable to default desktop sreens */
#products #insights .tabs {
  width: 90%; /* we need this as the default width to prevent wrapping of tab text */
}

#insights .tabs .tab-btn {
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow-x: hidden;
}

/*
TAB SECTIONS NEED THESE STYLE RULES IN THE MQ RANGE OF
800 TO 1280
*/
@media (min-width: 801px) and (max-width: 1280px) {
  #insights-panes .accordion-pane {
    /* width: 54vw; */
    width: 60.69vw;
  }
  #products .tab-content-column p {
    font-size: 1.1805vw;
    line-height: 1.3;
  }
  /* require high specificity to select only the tabs on this page
  this can be prevented by applying an additional class to the .salient-features,
  or .tabcontainer elements and using only those to select the elements within
  */
  #products #insights .tabs {
    /* width: 80%; */
    width: 100%;
  }
  #products #insights .tab-btn {
    /* font-size: var(--f-20); */
    /* line-height: var(--lh-28); */
    font-size: 1.3889vw;
    line-height: 1.8056vw;
  }
  .salient-features .tab-content-wrapper h2 {
    /* font-size: var(--f2); */
    /* line-height: var(--lh2); */
    font-size: 2.1528vw;
    line-height: 2.7083333333vw;
  }
  .salient-features .subsection-wrapper h2 {
    font-size: clamp(21px, 2.1528vw, 31px);
  }
  #products .tab-pane {
    padding-top: 0;
  }
  /* cards section
  This applies to all the 3 product pages
  */
  #products .cards-wrapper {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-column-gap: 3rem;
       -moz-column-gap: 3rem;
            column-gap: 3rem;
  }
}/*# sourceMappingURL=main.css.map */