@import url(https://use.typekit.net/ocn7klk.css);
@charset "UTF-8";
/**
 * Accordion v3.3.2
 * Lightweight and accessible accordion module created in pure Javascript
 * https://github.com/michu2k/Accordion
 *
 * Copyright (c) Michał Strumpf
 * Published under MIT License
 */

.ac{margin-top:10px;border:1px solid #eee;background-color:#fff;box-sizing:border-box}.ac .ac-header{margin:0;padding:0}.ac .ac-trigger{font:bold 16px Arial,sans-serif;color:#111;text-align:left;width:100%;padding:10px 30px 10px 10px;display:block;cursor:pointer;background-color:transparent;transition:color .25s ease;position:relative;text-decoration:none;margin:0;border:0}.ac .ac-trigger::after{content:"+";text-align:center;width:15px;transform:translate(0,-50%);position:absolute;right:10px;top:50%}.ac .ac-trigger:focus{color:#8a8a8a}.ac .ac-panel{overflow:hidden;transition-property:height,visibility;transition-timing-function:ease}.ac .ac-panel .ac-text{font:15px/24px Arial,sans-serif;color:#111;padding:10px;margin:0}.ac.js-enabled .ac-panel{visibility:hidden}.ac.is-active .ac-panel{visibility:visible}.ac.is-active>.ac-header .ac-trigger::after{content:"–"}
@charset "UTF-8";
@font-face {
  font-family: HelveticaNeueLTStd-Lt;
  src: url(/assets/webfonts/34A730_0_0.eot);
  src: url(/assets/webfonts/34A730_0_0.eot?#iefix) format("embedded-opentype"), url(/assets/webfonts/34A730_0_0.woff2) format("woff2"), url(/assets/webfonts/34A730_0_0.woff) format("woff"), url(/assets/webfonts/34A730_0_0.ttf) format("truetype");
}
@font-face {
  font-family: HelveticaNeueLTStd-Bd;
  src: url(/assets/webfonts/34A730_1_0.eot);
  src: url(/assets/webfonts/34A730_1_0.eot?#iefix) format("embedded-opentype"), url(/assets/webfonts/34A730_1_0.woff2) format("woff2"), url(/assets/webfonts/34A730_1_0.woff) format("woff"), url(/assets/webfonts/34A730_1_0.ttf) format("truetype");
}
@font-face {
  font-family: HelveticaNeueLTStd-UltLt;
  src: url(/assets/webfonts/34A730_2_0.eot);
  src: url(/assets/webfonts/34A730_2_0.eot?#iefix) format("embedded-opentype"), url(/assets/webfonts/34A730_2_0.woff2) format("woff2"), url(/assets/webfonts/34A730_2_0.woff) format("woff"), url(/assets/webfonts/34A730_2_0.ttf) format("truetype");
}
@font-face {
  font-family: HelveticaNeueLTStd-Md;
  src: url(/assets/webfonts/34A730_3_0.eot);
  src: url(/assets/webfonts/34A730_3_0.eot?#iefix) format("embedded-opentype"), url(/assets/webfonts/34A730_3_0.woff2) format("woff2"), url(/assets/webfonts/34A730_3_0.woff) format("woff"), url(/assets/webfonts/34A730_3_0.ttf) format("truetype");
}
@font-face {
  font-family: HelveticaNeueLTStd-Hv;
  src: url(/assets/webfonts/34A730_4_0.eot);
  src: url(/assets/webfonts/34A730_4_0.eot?#iefix) format("embedded-opentype"), url(/assets/webfonts/34A730_4_0.woff2) format("woff2"), url(/assets/webfonts/34A730_4_0.woff) format("woff"), url(/assets/webfonts/34A730_4_0.ttf) format("truetype");
}
@font-face {
  font-family: HelveticaNeueLTStd-LtIt;
  src: url(/assets/webfonts/34A730_5_0.eot);
  src: url(/assets/webfonts/34A730_5_0.eot?#iefix) format("embedded-opentype"), url(/assets/webfonts/34A730_5_0.woff2) format("woff2"), url(/assets/webfonts/34A730_5_0.woff) format("woff"), url(/assets/webfonts/34A730_5_0.ttf) format("truetype");
}
.neue-light {
  font-family: HelveticaNeueLTStd-Lt, Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
}

.neue-bold {
  font-family: HelveticaNeueLTStd-Bd, Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
}

.neue-ultra-light {
  font-family: HelveticaNeueLTStd-UltLt, Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
}

.neue-medium {
  font-family: HelveticaNeueLTStd-Md, Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
}

.neue-heavy {
  font-family: HelveticaNeueLTStd-Hv, Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
}

.neue-light-italic {
  font-family: HelveticaNeueLTStd-LtIt, Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
}

:root {
  --dark-gray: #444444;
  --light-gray: #c9c9c5;
}

* {
  outline: 0;
}

a {
  color: #44adcb;
}

.superscript {
  font-size: 16px;
  vertical-align: top;
  position: absolute;
}

.loading {
  font-size: 0;
  width: 30px;
  height: 30px;
  margin-top: 5px;
  border-radius: 15px;
  padding: 0;
  border: 3px solid #e2635c;
  border-bottom: 3px solid rgba(225, 255, 255, 0);
  border-left: 3px solid rgba(255, 255, 255, 0);
  background-color: transparent !important;
  animation-name: rotateAnimation;
  -webkit-animation-name: wk-rotateAnimation;
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-delay: 0.2s;
  -webkit-animation-delay: 0.2s;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}

.loader {
  margin: 0 auto;
  height: 30px;
  top: 13px;
}
@keyframes rotateAnimation {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
.button,
a,
abbr,
address,
article,
aside,
audio,
b,
blockquote,
body,
canvas,
div,
em,
fieldset,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hr,
html,
iframe,
img,
label,
main,
nav,
object,
p,
pre,
section,
span,
strong,
sub,
sup,
table,
tbody,
td,
th,
thead,
tr,
video {
  box-sizing: border-box;
  font: inherit;
  font-size: 100%;
  line-height: 1.4;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
  color: inherit;
  position: relative;
  z-index: 1;
}

body,
html {
  position: relative;
  font-family: HelveticaNeueLTStd-Md, Helvetica, Arial, sans-serif;
  font-weight: 400;
  overflow-x: hidden;
}

body {
  font-size: 18px;
}

caption,
h1,
h2,
h3,
h4,
h5,
h6,
td {
  font-family: HelveticaNeueLTStd-Bd, Helvetica, Arial, sans-serif;
  margin: 0;
  line-height: 1;
}

.transcript-content pre {
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
}

img {
  border: 0;
  max-width: 100%;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  margin-top: 20px;
  width: 100%;
}

td,
th {
  border: 1px solid #ddd;
  padding: 5px;
  text-align: left;
  vertical-align: top;
}

th {
  background: #b5a999;
  border: none;
  color: #fff;
  text-align: center;
}

tr:nth-of-type(even) {
  background: #f5f4f2;
}

td {
  font-weight: 300;
}

h1 {
  font-size: 4.278em;
}

h2 {
  font-size: 3.222em;
}

h3 {
  font-size: 2.722em;
}

h4 {
  font-size: 2.111em;
  margin-bottom: 20px;
}

h5 {
  font-size: 1em;
}

a,
p {
  color: inherit;
}

a {
  transition: color 0.15s ease;
}

p {
  margin: 5px 0;
  font-size: 1em;
}

p.light {
  color: #7e7e7e;
}

p.large {
  font-size: 1.333em;
}

.small {
  font-size: 0.75em;
}

code {
  background: #eee;
  color: #333;
  font-size: 0.9em;
  padding: 3px;
}

.medium {
  font-family: HelveticaNeueLTStd-Md, Helvetica, Arial, sans-serif;
}

.bold,
strong {
  font-family: HelveticaNeueLTStd-Bd, Helvetica, Arial, sans-serif;
}

sup {
  vertical-align: super;
  font-size: 14px;
}

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

.uppercase {
  text-transform: uppercase;
}

.thin {
  font-weight: 100;
}

.faded {
  font-family: HelveticaNeueLTStd-UltLt, Helvetica, Arial, sans-serif;
  font-size: 6.5em;
  margin-bottom: -15px;
}

.teal-gradient-text {
  background: -webkit-gradient(linear, left top, left bottom, from(#76d1be), to(#4a9c8d));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #76d1be;
}

hr {
  border: 0;
  border-top: 2px solid #e2635c;
  width: 20px;
  margin: 10px 0;
}

hr.center {
  margin-left: auto;
  margin-right: auto;
}

.center hr {
  margin-left: auto;
  margin-right: auto;
}

.cf {
  z-index: 0;
}

.cf:after,
.cf:before {
  content: " ";
  display: table;
}

.cf:after {
  clear: both;
}

.none {
  display: none !important;
}

.styleguide {
  margin-bottom: 40px;
}

.styleguide .grid-item {
  border: 1px solid rgba(0, 0, 0, 0.1);
}

.styleguide .header {
  border-bottom: 1px solid #aaa;
  margin: 50px 0 20px;
}

.color-key {
  width: 70px;
  height: 40px;
  display: inline-block;
  padding: 5px;
  font-size: 12px;
}

.white {
  color: #fff;
}

.white-content {
  color: #fff;
}

.white-content h1,
.white-content h2:not(.faded),
.white-content h3,
.white-content h4,
.white-content h5 {
  color: #fff;
}

.white-content p {
  opacity: 0.75;
}

.teal {
  color: #007a88;
}

.dark-teal {
  color: #004f63;
}

.salmon {
  color: #e2635c;
}

.purple {
  color: #9c8dbd;
}

.gold {
  color: #d4bc78;
}

.tan {
  color: #b5a999;
}

.green {
  color: #8bb47d;
}

.blue {
  color: #44adcb;
}

.gray {
  color: #666;
}

.light-green {
  color: #30a686;
}

.bg-white {
  background: #fff;
}

.bg-teal {
  background: #007a88;
}

.bg-teal-gradient {
  background: #004f63;
  background: -webkit-gradient(left top, left bottom, color-stop(0, #004f63), color-stop(25%, #004f63), color-stop(100%, #489c8a));
  background: linear-gradient(to bottom, #004f63 0, #004f63 25%, #489c8a 100%);
}

.bg-dark-teal {
  background: #004f63;
}

.bg-dark-teal-gradient {
  background: #00242d;
  background: -webkit-gradient(left top, left bottom, color-stop(0, #00242d), color-stop(100%, #004f63));
  background: linear-gradient(to bottom, #00242d 0, #004f63 100%);
}

.bg-salmon {
  background: #e2635c;
}

.bg-salmon-gradient {
  background: #dc7b60;
  background: -webkit-gradient(left top, left bottom, color-stop(0, #dc7b60), color-stop(100%, #d85d54));
  background: linear-gradient(to bottom, #dc7b60 0, #d85d54 100%);
}

.bg-purple {
  background: #9c8dbd;
}

.bg-gold {
  background: #d4bc78;
}

.bg-tan {
  background: #b5a999;
}

.bg-green {
  background: #8bb47d;
}

.bg-blue {
  background: #44adcb;
}

.bg-lightgreen {
  background: #30a686;
}

.bg-dark-gray {
  background: #26292a;
}

.bg-dark-gray-gradient {
  background-color: #353839;
  background-color: -moz-radial-gradient(center, ellipse cover, #353839 0, #26292a 75%, #26292a 100%);
  background-color: -webkit-gradient(radial, center center, 0, center center, 100%, color-stop(0, #353839), color-stop(75%, #26292a), color-stop(100%, #26292a));
  background-color: -webkit-radial-gradient(center, ellipse cover, #353839 0, #26292a 75%, #26292a 100%);
  background-color: -o-radial-gradient(center, ellipse cover, #353839 0, #26292a 75%, #26292a 100%);
  background-color: -ms-radial-gradient(center, ellipse cover, #353839 0, #26292a 75%, #26292a 100%);
  background-color: radial-gradient(ellipse at center, #353839 0, #26292a 75%, #26292a 100%);
}

.border-white {
  border: 2px solid #fff;
}

.border-teal {
  border: 1px solid #007a88;
}

.border-dark-teal {
  border: 1px solid #004f63;
}

.border-salmon {
  border: 1px solid #e2635c;
}

.border-purple {
  border: 1px solid #9c8dbd;
}

.border-gold {
  border: 1px solid #d4bc78;
}

.border-tan {
  border: 1px solid #b5a999;
}

.border-green {
  border: 1px solid #8bb47d;
}

.border-blue {
  border: 1px solid #44adcb;
}

.border-light-green {
  border: 1px solid #30a686;
}

.border-white {
  border: 1px solid #fff;
}

.radial-bg {
  z-index: 0;
  position: absolute;
  height: 200%;
  width: 150%;
  left: -25%;
  top: -80%;
  background: #489c8a;
  background: -ms-radial-gradient(center, ellipse cover, #489c8a 0, #15666e 46%, #004f63 65%, #004f63 80%);
}

.main-img {
  z-index: 0;
}

#monetize .main-img {
  opacity: 0;
}

.error,
.information,
.success {
  padding: 10px 20px;
  margin: 10px 0;
}

.error,
.information,
.success {
  color: #fff;
}

.success {
  background: #8bb47d;
}

.error {
  background: #e2635c;
}

.information {
  background: #b5a999;
}

label {
  display: block;
  margin: 20px 0 10px;
}

input {
  border: 1px solid #ddd;
  border-radius: 3px;
  display: block;
  font-family: inherit;
  font-size: inherit;
  padding: 5px;
  width: 100%;
}

select {
  background: #fff;
  display: block;
  font-family: inherit;
  font-size: inherit;
  height: 34px;
  line-height: 1;
  margin: 20px 0;
  width: 200px;
}

select[multiple] {
  height: 100px;
  padding: 5px;
}

.checkbox-group,
.radio-group {
  margin: 20px 0;
}

.checkbox-group label,
.radio-group label {
  display: inline;
  padding: 0 10px 0 5px;
  cursor: pointer;
}

input[type=checkbox],
input[type=radio] {
  cursor: pointer;
}

.button {
  outline: 0;
  border-radius: 30px;
  font-size: 0.85em;
  font-family: HelveticaNeueLTStd-Bd, Helvetica, Arial, sans-serif;
  margin-top: 20px;
  transition: 0.15s ease;
  cursor: pointer;
  display: inline-block;
}

.button.secondary {
  background: 0 0;
}

.button a {
  padding: 15px 35px;
  margin: 0;
  display: inline-block;
  text-decoration: none;
}

.button a:hover {
  color: inherit;
}

.button.bg-teal {
  border: 1px solid #007a88;
}

.button.bg-dark-teal {
  border: 1px solid #004f63;
}

.button.bg-salmon {
  border: 1px solid #e2635c;
}

.button.bg-purple {
  border: 1px solid #9c8dbd;
}

.button.bg-gold {
  border: 1px solid #d4bc78;
}

.button.bg-tan {
  border: 1px solid #b5a999;
}

.button.bg-green {
  border: 1px solid #8bb47d;
}

.button.bg-blue {
  border: 1px solid #44adcb;
}

.button.bg-light-green {
  border: 1px solid #30a686;
}

.button.bg-white {
  border: 1px solid #fff;
}

.button.bg-teal:hover {
  border: 1px solid #007a88;
  background: 0 0;
  color: #007a88;
}

.button.bg-dark-teal:hover {
  border: 1px solid #004f63;
  background: 0 0;
  color: #004f63;
}

.button.bg-salmon:hover {
  border: 1px solid #e2635c;
  background: 0 0;
  color: #e2635c;
}

.button.bg-purple:hover {
  border: 1px solid #9c8dbd;
  background: 0 0;
  color: #9c8dbd;
}

.button.bg-gold:hover {
  border: 1px solid #d4bc78;
  background: 0 0;
  color: #d4bc78;
}

.button.bg-tan:hover {
  border: 1px solid #b5a999;
  background: 0 0;
  color: #b5a999;
}

.button.bg-green:hover {
  border: 1px solid #8bb47d;
  background: 0 0;
  color: #8bb47d;
}

.button.bg-blue:hover {
  border: 1px solid #44adcb;
  background: 0 0;
  color: #44adcb;
}

.button.bg-light-green:hover {
  border: 1px solid #30a686;
  background: 0 0;
  color: #30a686;
}

.button.bg-white:hover {
  border: 1px solid #fff;
  background: 0 0;
  color: #fff;
}

.requestdemo {
  background: #fff;
  color: #007a88;
  width: auto !important;
  padding: 0 40px;
  font-size: 20px;
}

.theme-dark .button.bg-teal:hover {
  color: #fff;
}

.button.secondary.border-dark-teal:hover {
  border: 1px solid #004f63;
  background: #004f63;
  color: #fff;
}

.button.secondary.border-salmon:hover {
  border: 1px solid #e2635c;
  background: #e2635c;
  color: #fff;
}

.button.secondary.border-purple:hover {
  border: 1px solid #9c8dbd;
  background: #9c8dbd;
  color: #fff;
}

.button.secondary.border-gold:hover {
  border: 1px solid #d4bc78;
  background: #d4bc78;
  color: #fff;
}

.button.secondary.border-tan:hover {
  border: 1px solid #b5a999;
  background: #b5a999;
  color: #fff;
}

.button.secondary.border-green:hover {
  border: 1px solid #8bb47d;
  background: #8bb47d;
  color: #fff;
}

.button.secondary.border-blue:hover {
  border: 1px solid #44adcb;
  background: #44adcb;
  color: #fff;
}

.button.secondary.border-light-green:hover {
  border: 1px solid #30a686;
  background: #30a686;
  color: #fff;
}

.spacer {
  margin: 30px auto;
}

.z-over {
  z-index: 9999999999;
}

.widget {
  margin: 30px 0 0 0;
  width: 100%;
}

.vertical-container {
  display: table;
  width: 100%;
}

.vertical-container.grid-1-2 {
  width: 50%;
}

.vertical-align {
  display: table-cell;
  vertical-align: middle;
  height: 100%;
}

.overflow-container {
  overflow: hidden;
}

.icon {
  width: 15px;
  height: 15px;
  margin: 0 5px -2px 0;
}

.icon.large {
  width: 25px;
  height: 25px;
  margin: 0 10px -8px 0;
}

.poly-split {
  width: 100%;
  display: block;
}

.anim-container {
  padding: 30px 0;
}

.anim-container span {
  font-family: HelveticaNeueLTStd-Bd, Helvetica, Arial, sans-serif;
  font-size: 3.5em;
}

.anim-container p {
  font-size: 1.2em;
  color: #7e7e7e;
}

.video-module p {
  max-width: 900px;
  margin: 0 auto;
}

.video-module iframe {
  width: 90%;
  margin: 0 auto;
  max-width: 700px;
  height: 40vh;
  border: none;
  box-shadow: 0 5px 40px 0 rgba(0, 0, 0, 0.3);
  margin-top: 100px;
  display: block;
}

.seperator {
  min-width: 100%;
  height: 150px;
  overflow: hidden;
}

.seperator .pieces {
  position: absolute;
  height: 150px;
  width: calc(50% + 1px);
  bottom: -80px;
}

.seperator .pieces.one {
  transform: skew(0deg, 5deg);
  left: 0;
}

.seperator .pieces.two {
  transform: skew(0deg, -5deg);
  right: 0;
}

.custom-img-right {
  padding-top: 100px;
  top: 0;
}

#laptop .bg {
  background-image: url(https://customer-gauge.files.svdcdn.com/staging/grid.svg);
  background-repeat: no-repeat;
  background-position: 100% 50%;
  background-size: 80% 50%;
  z-index: 0;
}

.img-left,
.img-right {
  position: absolute;
  right: 0;
  z-index: 0;
  max-width: 48%;
  max-height: 75%;
}

.img-left {
  right: auto;
  left: 0;
}

#measure-act-grow {
  background: 0 0;
  padding-top: 200px;
  z-index: 1;
}

#measure-act-grow .button {
  width: 100%;
}

.graph {
  height: 200px;
  margin-bottom: 20px;
}

.graph p {
  font-size: 3em;
  position: absolute;
  top: -1.4em;
  width: 100%;
  text-align: center;
}

.graph-content {
  opacity: 0;
}

.bar {
  width: 100%;
  position: absolute;
  bottom: 0;
  height: 10px;
  opacity: 0;
  border-radius: 3px;
  box-shadow: 0 8px 38px 0 rgba(0, 0, 0, 0.13);
}

.measure-bar {
  border-top: 3px solid #20cfa0;
  background: #14be91;
}

.act-bar {
  border-top: 3px solid #53bfe0;
  background: #43aecc;
  background: -webkit-gradient(left top, left bottom, color-stop(0, #43aecc), color-stop(50%, #44abca), color-stop(100%, #45a7c8));
  background: linear-gradient(to bottom, #43aecc 0, #44abca 50%, #45a7c8 100%);
}

.grow-bar {
  border-top: 3px solid #cdde39;
  background: #a2c44f;
  background: -webkit-gradient(left top, left bottom, color-stop(0, #a2c44f), color-stop(50%, #8bbf5b), color-stop(100%, #73ba66));
  background: linear-gradient(to bottom, #a2c44f 0, #8bbf5b 50%, #73ba66 100%);
}

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: 0;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-list,
.slick-slider .slick-track {
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}

.slick-track:after,
.slick-track:before {
  display: table;
  content: "";
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

[dir=rtl] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

.slick-loading .slick-list {
  background: #fff url(/css/ajax-loader.gif) center center no-repeat;
}

@font-face {
  font-family: slick;
  font-weight: 400;
  font-style: normal;
  src: url(/css/fonts/slick.eot);
  src: url(/css/fonts/slick.eot?#iefix) format("embedded-opentype"), url(/css/fonts/slick.woff) format("woff"), url(/css/fonts/slick.ttf) format("truetype"), url(/css/fonts/slick.svg#slick) format("svg");
}
.slick-next,
.slick-prev {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: 0;
  background: 0 0;
}

.slick-next:focus,
.slick-next:hover,
.slick-prev:focus,
.slick-prev:hover {
  color: transparent;
  outline: 0;
  background: 0 0;
}

.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
  opacity: 1;
}

.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
  opacity: 0.25;
}

.slick-next:before,
.slick-prev:before {
  font-family: slick;
  font-size: 20px;
  line-height: 1;
  opacity: 0.75;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}

[dir=rtl] .slick-prev {
  right: -25px;
  left: auto;
}

.slick-prev:before {
  content: "←";
}

[dir=rtl] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: -25px;
}

[dir=rtl] .slick-next {
  right: auto;
  left: -25px;
}

.slick-next:before {
  content: "→";
}

[dir=rtl] .slick-next:before {
  content: "←";
}

.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: 0;
  background: 0 0;
}

.slick-dots li button:focus,
.slick-dots li button:hover {
  outline: 0;
}

.slick-dots li button:focus:before,
.slick-dots li button:hover:before {
  opacity: 1;
}

.slick-dots li button:before {
  font-family: slick;
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: "•";
  text-align: center;
  opacity: 0.25;
  color: #000;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
  opacity: 0.75;
  color: #000;
}

.video-modal {
  display: none;
  position: fixed;
  background: rgba(0, 0, 0, 0.65);
  width: 100%;
  height: 100%;
  top: 0;
  opacity: 0;
  z-index: 999999999;
}

.wistia_responsive_padding {
  padding: 0 !important;
  aspect-ratio: 16/9;
  max-height: 100%;
  display: flex;
  margin: auto;
}

.video-modal .modal-content {
  background: #fff;
  border-radius: 20px;
  max-width: 1100px;
  left: 50%;
  transform: translateX(-50%);
  top: 25px;
  height: 90vh;
  padding: 36px;
  box-shadow: 0 5px 21px 3px rgba(0, 0, 0, 0.44);
}

.video-modal .close-modal {
  position: absolute;
  right: 7px;
  top: 0;
  padding: 0;
  width: 30px;
  color: #121212;
  z-index: 1;
  font-weight: 500;
  font-size: 30px;
  text-align: center;
  cursor: pointer;
}

.video-modal .w-video-wrapper {
  background-color: #fff !important;
}

#axsolution .video-btn {
  margin-left: 10px;
}

#axsolution .video-btn .icon {
  width: 15px;
  height: 15px;
  display: inline !important;
  margin: 0 10px -2px 0 !important;
}

.accordian-container {
  padding: 35px 0 !important;
}

.accordian-container .accordion-header {
  text-align: center;
  margin: 0 35px 75px;
}

.accordian-container .accordion-header h4 {
  font-size: 42px;
}

@media screen and (max-width: 900px) {
  .accordian-container .accordion-header h4 {
    font-size: 32px;
  }
}
@media screen and (max-width: 560px) {
  .accordian-container .accordion-header h4 {
    font-size: 22px;
  }
}
.accordian-container .accordion-header h5 {
  font-size: 22px;
  font-family: HelveticaNeueLTStd-Lt, Helvetica, Arial, sans-serif;
  padding: 0 15%;
  margin: 20px 0;
  line-height: 28px;
}

@media screen and (max-width: 900px) {
  .accordian-container .accordion-header h5 {
    font-size: 18px;
    line-height: 24px;
  }
}
@media screen and (max-width: 700px) {
  .accordian-container .accordion-header h5 {
    padding: 0 8%;
  }
}
@media screen and (max-width: 560px) {
  .accordian-container .accordion-header h5 {
    font-size: 14px;
    line-height: 22px;
  }
}
@media screen and (max-width: 700px) {
  .accordian-container .accordion-header .hl {
    border-bottom: 4px solid #e2635c;
    width: 60px;
  }
}
.accordian-container .accordian {
  width: 50%;
  display: inline-block;
  color: #b9b9b9;
  transition: all 0.2s cubic-bezier(0.25, 0.8, 0.25, 1);
  font-weight: 100;
  letter-spacing: 0.035em;
  font-size: 14px;
}

.accordian-container .accordian ul {
  list-style: none;
  width: 75%;
  float: right;
}

.accordian-container .accordian h3 {
  cursor: pointer;
  color: #000;
  padding: 1.2rem 1rem 1rem 1.2rem;
  margin: 0;
  display: block;
  font-weight: 100;
  letter-spacing: 0.035em;
  position: relative;
  font-size: 20px;
  transition: all 0.2s cubic-bezier(0.25, 0.8, 0.25, 1);
  border-radius: 3px;
}

.accordian-container .accordian ul ul {
  display: none;
  height: 100%;
  margin-bottom: -7px;
}

.accordian-container .accordian ul ul li {
  background-color: #fff;
  color: var(--dark-gray);
}

.accordian-container .accordian ul ul li p {
  opacity: 0;
  transition: all 0.5s;
  transform: translatey(-20px);
  line-height: 24px;
  font-size: 18px;
  font-family: HelveticaNeueLTStd-Lt, Helvetica, Arial, sans-serif;
  margin-bottom: 20px;
}

.accordian-container .accordian ul ul.open p {
  opacity: 1;
  transform: translatey(0);
}

.accordian-container .accordian .grid-1-4 {
  text-align: center;
}

.accordian-container .accordian .grid-1-4 img {
  max-width: 85px;
}

.accordian-container .accordian .grid-1-4 h5 {
  text-align: center;
  margin: 10px 0;
}

.accordian-container .img-container {
  width: 50%;
  display: flex;
  align-items: center;
  height: 600px;
  position: relative;
}

.accordian-container .img-container img {
  display: none;
}

.accordian-container .mobile-selector {
  display: none;
}

.accordian-container .mobile-info {
  display: none;
  margin-top: 72px;
}

.accordian-container .mobile-info h3 {
  font-size: 38px;
  margin-bottom: 20px;
}

@media screen and (max-width: 600px) {
  .accordian-container .mobile-info h3 {
    font-size: 34px;
  }
}
.accordian-container .mobile-info p {
  font-size: 18px;
  font-family: HelveticaNeueLTStd-Lt, Helvetica, Arial, sans-serif;
}

@media screen and (max-width: 600px) {
  .accordian-container .mobile-info p {
    font-size: 14px;
  }
}
.accordian-container .mobile-info .mobile-icon {
  padding: 25px;
  width: 33%;
  float: left;
}

@media screen and (max-width: 900px) {
  .accordian-container {
    padding-left: 0;
  }
  .accordian-container .accordian {
    display: none;
  }
  .accordian-container .mobile-selector {
    text-align: center;
    margin-bottom: 40px;
    display: block;
  }
  .accordian-container .mobile-selector span {
    margin: 15px;
    cursor: pointer;
    display: block;
  }
  .accordian-container .mobile-selector span.active {
    text-decoration: underline;
    text-decoration-color: red;
  }
  .accordian-container .img-container {
    height: 400px;
    width: 100%;
    position: relative;
    float: none;
    margin-bottom: 60px;
  }
  .accordian-container .img-container img.left-cut {
    width: auto;
    max-height: 400px !important;
  }
  .accordian-container .img-container img.right-cut {
    width: auto;
    max-height: 400px !important;
  }
  .accordian-container .img-container .phone {
    transform: none;
    right: auto;
  }
  .accordian-container .mobile-info {
    display: block;
    text-align: center;
    margin: 0 30px;
  }
  .accordian-container .mobile-info div {
    display: none;
  }
}
.closed .vertical {
  transition: all 0.5s ease-in-out;
  transform: rotate(-90deg);
}

.closed .horizontal {
  transition: all 0.5s ease-in-out;
  transform: rotate(-90deg);
  opacity: 1;
}

.opened {
  opacity: 1;
}

.opened .vertical {
  transition: all 0.5s ease-in-out;
  transform: rotate(90deg);
}

.opened .horizontal {
  transition: all 0.5s ease-in-out;
  transform: rotate(90deg);
  opacity: 0;
}

.plus {
  position: absolute;
  left: -10px;
  top: 26px;
}

.plus .horizontal {
  position: absolute;
  background-color: #e2635c;
  width: 22px;
  height: 4px;
  left: 50%;
  margin-left: -11px;
  top: 50%;
  margin-top: -2px;
}

.plus .vertical {
  position: absolute;
  background-color: #e2635c;
  width: 4px;
  height: 22px;
  left: 50%;
  margin-left: -2px;
  top: 50%;
  margin-top: -11px;
}

.cookie-agreement {
  background: #007a88;
}

.cookie-agreement span {
  line-height: 1;
}

.cookie-agreement p {
  color: #fff;
  font-size: 13px;
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 110px);
  padding: 10px 20px 10px 0;
  line-height: 1;
}

.cookie-agreement .button {
  display: inline-block;
  vertical-align: middle;
  border: 1px solid #fff;
  background: #fff;
  color: #007a88;
  margin-top: 0;
  width: 100px;
  text-align: center;
}

.cookie-agreement .button:hover {
  background: 0 0;
  color: #fff;
}

.cookie-agreement .button a {
  padding: 10px;
}

#ebooks,
#events,
#podcasts,
#reports,
#videos--webinars {
  scroll-margin-top: 5em;
}

nav {
  padding: 0;
  font-size: 0.875em;
  z-index: 15 !important;
  position: static;
  display: flex;
  justify-content: space-between;
}

nav button {
  border: none;
}

nav .button {
  margin: 29px 0 0 20px;
}

nav.theme-dark a {
  color: #fff;
}

nav.wrapper {
  height: auto;
}

nav.cf {
  z-index: 100;
}

#header-nav {
  display: flex;
  justify-content: space-between;
  transition: background 0.2s ease;
}

#header-nav.pinned {
  background: #fff;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.15);
}

.go-home {
  display: block;
  float: left;
  margin: 0;
  width: 200px;
  padding: 32px 0 44px;
}

.blog-entry-header-nav .go-home,
.index-header-wrapper .go-home {
  padding: 44px 0 44px;
}

.go-home img {
  max-height: 37px !important;
}

nav ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  position: static;
}

nav li {
  float: left;
  margin: 0 2px;
}

nav li.active .active > a {
  color: #e2635c;
}

nav a {
  display: block;
  padding: 44px 18px 47px 18px;
  text-decoration: none;
  font-family: HelveticaNeueLTStd-Bd, Helvetica, Arial, sans-serif;
}

nav a:hover {
  color: #e2635c;
}

.dropdown {
  z-index: 50;
}

#monetize-main-nav li[data-node=event-agenda] .dropdown {
  text-align: center;
}

#monetize-main-nav li[data-node=event-agenda] .dropdown li[data-node=certification-track],
#monetize-main-nav li[data-node=event-agenda] .dropdown li[data-node=main-conference] {
  display: inline-block !important;
  text-align: center;
}

#main-nav li[data-node=product] .dropdown,
#monetize-main-nav li[data-node=event-agenda] .dropdown {
  z-index: 6;
}

#main-nav li[data-node=product] .dropdown.level-1,
#monetize-main-nav li[data-node=event-agenda] .dropdown.level-1 {
  display: none;
  position: absolute;
  width: 100%;
  padding: 0;
  /* top: 0; */
  margin: 0 20px 0 -50px;
  border-top: 2px solid #e2635c;
  background: #000;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.3);
  overflow: hidden;
}

#main-nav li[data-node=product] .dropdown.level-1 .bg,
#monetize-main-nav li[data-node=event-agenda] .dropdown.level-1 .bg {
  background: url(https://customer-gauge.files.svdcdn.com/staging/general/backgrounds/dropdown-bg.jpg) no-repeat bottom center;
  background-size: cover;
  opacity: 1;
  height: 250px;
}

#main-nav li[data-node=product] .dropdown.level-2 ul,
#monetize-main-nav li[data-node=event-agenda] .dropdown.level-2 ul {
  padding: 0;
  width: auto;
}

#main-nav li[data-node=product] .dropdown ul,
#monetize-main-nav li[data-node=event-agenda] .dropdown ul {
  float: none;
  width: 100%;
  margin: 0 auto;
  display: block;
  text-align: center;
  padding: 50px 0;
}

#main-nav li[data-node=product] .dropdown li,
#monetize-main-nav li[data-node=event-agenda] .dropdown li {
  display: inline-block;
  vertical-align: top;
  float: none;
  width: 450px;
  text-align: left;
}

#main-nav li[data-node=product] .dropdown li a,
#monetize-main-nav li[data-node=event-agenda] .dropdown li a {
  color: #007a88;
  font-size: 0.95em;
  padding: 6px 0;
  font-family: HelveticaNeueLTStd-Med, Helvetica, Arial, sans-serif;
}

#main-nav li[data-node=product] .dropdown li a:hover,
#monetize-main-nav li[data-node=event-agenda] .dropdown li a:hover {
  color: #e2635c;
}

#main-nav li[data-node=product] li.active ul,
#monetize-main-nav li[data-node=event-agenda] li.active ul {
  display: block;
}

#main-nav li[data-node=product] .dropdown.level-1 > ul > li > a,
#monetize-main-nav li[data-node=event-agenda] .dropdown.level-1 > ul > li > a {
  color: #fff;
  padding-left: 40px;
  margin-left: -40px;
  font-size: 1.1em;
  font-family: HelveticaNeueLTStd-Bd, Helvetica, Arial, sans-serif;
}

#main-nav li[data-node=product] .dropdown.level-1 > ul > li > a.icon-link,
#monetize-main-nav li[data-node=event-agenda] .dropdown.level-1 > ul > li > a.icon-link {
  min-height: 80px;
}

#main-nav li[data-node=careers],
#main-nav li[data-node=press] {
  display: none !important;
}

#main-nav li[data-node=blog] img {
  margin-left: 7px !important;
}

.dropdown-icon {
  height: 60px;
  margin: 0 auto;
  position: absolute;
  transform: translateX(-50%);
  -webkit-backface-visibility: hidden;
}

.icon-hover {
  opacity: 0;
}

#hamburger {
  display: none;
}

@media screen and (max-width: 768px) {
  #hamburger {
    top: 22px;
  }
}
#mobile-main-nav {
  display: none;
  overflow: scroll;
}

.sticky-nav {
  position: fixed;
  top: -300px;
  left: 0;
  width: 100%;
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  padding-top: 0;
  z-index: 100;
}

.sticky-nav #main-nav li[data-node=about] .dropdown.level-1,
.sticky-nav #main-nav li[data-node=product] .dropdown.level-1,
.sticky-nav #main-nav li[data-node=resources] .dropdown.level-1,
.sticky-nav #main-nav li[data-node=solutions] .dropdown.level-1 {
  margin-top: 0;
}

@media (max-width: 1500px) {
  .sticky-nav #main-nav li[data-node=about] .dropdown.level-1,
.sticky-nav #main-nav li[data-node=product] .dropdown.level-1,
.sticky-nav #main-nav li[data-node=resources] .dropdown.level-1,
.sticky-nav #main-nav li[data-node=solutions] .dropdown.level-1 {
    margin-top: 0;
  }
}
@media (max-width: 1500px) {
  .sticky-nav #main-nav li[data-node=about] .dropdown.level-1,
.sticky-nav #main-nav li[data-node=product] .dropdown.level-1,
.sticky-nav #main-nav li[data-node=resources] .dropdown.level-1,
.sticky-nav #main-nav li[data-node=solutions] .dropdown.level-1 {
    margin-top: 0;
  }
}
.sticky-nav .go-home {
  padding-top: 38px;
  padding-bottom: 20px;
}

.sticky-nav nav {
  padding-bottom: 0;
}

.sticky-nav nav a {
  padding-bottom: 0;
}

.sticky-nav .button a {
  padding-bottom: 15px;
}

.is-safari .gaugie-ai-wrap .gai-hero .gai-hero-text h1:after {
  display: none !important;
}

.homepage .nav-logo-gai,
.case-studies .nav-logo-gai,
.about-us .nav-logo-gai,
.index-header-wrapper .nav-logo-gai,
.blog-entry-header-nav .nav-logo-gai {
  display: none !important;
}

.homepage .banner-under-nav {
  background: linear-gradient(135deg, #261b23 0%, #4a213e 50%, #c45454 100%);
  background-size: 200% 200%;
  animation: gradient 8s ease-in-out infinite;
  border-top: 0;
}
.homepage .banner-under-nav .wrapper {
  display: flex;
  align-items: center;
  flex-direction: row;
  font-size: 1.5rem;
}
@media (max-width: 800px) {
  .homepage .banner-under-nav .wrapper {
    display: block;
  }
}
.homepage .banner-under-nav .wrapper .white {
  padding: 0;
  margin: 0.9rem 0;
}
@media (min-width: 800px) {
  .homepage .banner-under-nav .wrapper .white {
    margin-left: 4.5rem;
  }
}
.homepage .banner-under-nav .wrapper .white p {
  margin: 0;
  padding: 0;
  width: 100%;
  font-size: 0.85em;
}
.homepage .banner-under-nav .wrapper .banner-button {
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
}
.homepage .banner-under-nav .wrapper .button {
  display: block;
  padding: 0;
  background: transparent;
  color: white;
  border: transparent;
  margin: 0;
  height: -moz-fit-content;
  height: fit-content;
  float: left;
  cursor: auto;
}
@media (max-width: 1200px) {
  .homepage .banner-under-nav .wrapper .button {
    font-size: 0.85em;
  }
}
.homepage .banner-under-nav .wrapper .button a {
  cursor: pointer;
  padding: 0;
  display: flex;
  white-space: nowrap;
}
@media (min-width: 800px) {
  .homepage .banner-under-nav .wrapper .button a {
    margin-right: 5rem;
  }
}
.homepage .banner-under-nav .wrapper .button a svg {
  margin-left: 1rem;
  transform: scale(1.3);
  display: flex;
  margin-top: auto;
  margin-bottom: auto;
}

@keyframes gradient {
  0% {
    background-position: 0% 0%;
  }
  50% {
    background-position: 100% 100%;
  }
  100% {
    background-position: 0% 0%;
  }
}
.banner-under-nav {
  border-top: 2px solid #e2635c;
  font-size: 15px;
  overflow: hidden;
}

.banner-under-nav p {
  width: calc(100% - 225px);
  display: inline-block;
  vertical-align: middle;
  padding-right: 10px !important;
  margin: 25px 0 20px;
  line-height: 1.6;
  padding-right: 60px;
  font-size: 1em;
  color: #fff !important;
}

.banner-under-nav .banner-button {
  display: inline-block;
  vertical-align: middle;
  width: 225px;
  text-align: center;
}

.banner-under-nav .banner-button .button {
  float: right;
  margin-top: 0;
}

.banner-under-nav .close-banner {
  position: absolute;
  right: 15px;
  top: 10px;
  color: #fff;
  font-size: 23px;
  line-height: 1;
  cursor: pointer;
}

@media screen and (max-width: 1000px) {
  .banner-under-nav {
    padding: 5px 0 20px;
    font-size: 14px;
  }
  .banner-under-nav .banner-button,
.banner-under-nav p {
    float: none;
    width: 100%;
    padding: 0 !important;
    text-align: center;
  }
  .banner-under-nav .banner-button .button,
.banner-under-nav p .button {
    float: none;
    margin-top: 10px;
  }
  .banner-under-nav .banner-button .button a,
.banner-under-nav p .button a {
    padding: 10px 30px;
  }
}
.account-experience .banner-under-nav .wrapper {
  display: flex;
}
.account-experience .banner-under-nav .wrapper .banner-button {
  margin: auto;
}
.account-experience .banner-under-nav .wrapper .white {
  text-align: center;
  margin-top: auto;
  margin-bottom: auto;
}

.grid-item:first-of-type {
  padding-left: 0;
}

.grid-item:last-of-type {
  padding-right: 0;
}

.grid-1-2,
.grid-1-3,
.grid-1-4,
.grid-2-3,
.grid-3-4 {
  float: left;
  padding: 20px;
}

.grid-1-2 {
  width: 50%;
}

.grid-1-3 {
  width: 33.33%;
}

.grid-2-3 {
  width: 66.66%;
}

.grid-1-4 {
  width: 25%;
}

.grid-3-4 {
  width: 75%;
}

.wrapper {
  max-width: 1400px;
  margin: 0 auto;
  width: 90%;
  height: 100%;
}

.f-left {
  float: left;
}

.f-right {
  float: right;
}

.pos-right {
  float: right;
}

.pos-left {
  float: left;
}

footer {
  clear: both;
  padding-top: 60px;
}

footer nav li.active a {
  color: #fff;
}

footer nav li a:hover {
  color: inherit;
}

footer h3 {
  margin: 60px 0 20px;
}

footer .grid-1-3:first-of-type {
  padding: 30px 60px 0 0;
}

footer .grid-1-3:first-of-type .icon {
  margin: 0 25px 25px 0;
  width: auto;
}

footer .grid-1-3:first-of-type a.white {
  display: inline-block;
  margin: 20px 15px 0 0;
  opacity: 0.75;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  text-decoration: none;
}

footer nav {
  padding: 0;
}

footer nav a {
  color: #fff;
  display: block;
  font-size: 18px;
  padding: 20px 0 5px 0;
}

footer nav ul {
  display: block;
  float: none;
  margin: 0 auto;
}

footer nav li {
  display: block;
  float: none;
}

footer .parent-container {
  width: 50%;
  float: left;
}

footer .parent-container:first-of-type {
  padding-right: 30px;
  width: 60%;
  height: 260px;
}

footer .parent-container:nth-of-type(n + 2) {
  width: 40%;
}

#footer-section .wrapper {
  max-width: 1155px;
}
#footer-section .ft-top {
  display: flex;
  justify-content: space-between;
  padding-top: 83px;
  align-items: center;
}
@media (max-width: 767.98px) {
  #footer-section .ft-top {
    flex-direction: column;
    row-gap: 10px;
    padding-top: 50px;
  }
}
#footer-section .ft-top .ft-top-left img {
  width: 197px;
}
@media (min-width: 992px) {
  #footer-section .ft-top .ft-top-right {
    padding-right: 51px;
  }
}
#footer-section .ft-top .ft-top-right .fc-reviews {
  width: 408px;
  background-color: #1d1d1d;
  border-radius: 10px;
  display: flex;
  padding: 10px 20px;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 575.98px) {
  #footer-section .ft-top .ft-top-right .fc-reviews {
    width: 354px;
    padding: 10px 10px;
  }
}
#footer-section .ft-top .ft-top-right .fc-reviews .fc-reviews-o {
  display: flex;
  align-items: center;
}
#footer-section .ft-top .ft-top-right .fc-reviews .fc-reviews-o img {
  width: 171px;
  height: 17px;
}
#footer-section .ft-top .ft-top-right .fc-reviews .fc-reviews-t {
  display: flex;
  text-align: center;
}
#footer-section .ft-top .ft-top-right .fc-reviews .fc-reviews-t img {
  width: 100%;
  height: 19px;
}
#footer-section .ft-top .ft-top-right .fc-reviews .fc-reviews-tr {
  font-size: 14px;
  font-weight: bold;
  border-left: 1px solid #707070;
  padding-left: 10px;
  display: flex;
  align-items: center;
  color: #fff;
}

.footer-content-new {
  display: grid;
  -moz-column-gap: 30px;
       column-gap: 30px;
  border-top: 2px solid #fff;
  font-size: 14px;
  margin-top: 36px;
  padding-top: 16px;
}
@media (min-width: 576px) {
  .footer-content-new {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (min-width: 992px) {
  .footer-content-new {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}
.footer-content-new .xparent-container,
.footer-content-new .xparent-container li {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.footer-content-new .xparent-container li a {
  color: #ffffff;
  font-size: 14px;
  display: block;
  padding: 0;
  margin: 0 0 15px 0;
  text-decoration: none;
  font-family: "Helvetica Neue", sans-serif;
  font-weight: normal;
  letter-spacing: 0.7px;
}
.footer-content-new .xparent-container li a:hover {
  color: #D85A53;
  text-decoration: underline;
}
.footer-content-new .xparent-container li.parent {
  margin-bottom: 20px;
  margin-top: 20px;
}
.footer-content-new .xparent-container li.parent a {
  font-weight: bold;
}
.footer-content-new .xparent-container .learn-more,
.footer-content-new .xparent-container .policies {
  color: #ffffff;
  font-size: 14px;
  display: block;
  padding: 0;
  margin: 0 0 15px 0;
  text-decoration: none;
  font-family: "Helvetica Neue", sans-serif;
  margin-bottom: 20px;
  margin-top: 20px;
  font-weight: bold;
}
.footer-content-new .xparent-container.fnav-4 {
  margin-top: 20px;
}

.footer-badges .badges-section {
  margin: 32px 0 32px 0;
}
@media (max-width: 767.98px) {
  .footer-badges .badges-section {
    margin-top: 30px;
  }
}
.footer-badges .badges-section h2 {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 25px;
  color: #fff;
}
.footer-badges .badges-container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
}
.footer-badges .badges-container img {
  width: auto;
  height: 120px;
}
.footer-badges .badge-image {
  height: 96px;
}
.footer-badges .badge-image.round {
  border-radius: 50%;
}

.footer-news-room-blogs {
  margin-top: 75px;
  /* News/Blog items */
  /* Read more link */
}
.footer-news-room-blogs h2 {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 30px;
  border-top: 2px solid #616161;
  padding: 25px 0 0 0;
  letter-spacing: 0.7px;
  color: #fff;
}
.footer-news-room-blogs .news-blog-section {
  display: grid;
  grid-template-columns: 1fr;
  gap: 85px;
  margin-bottom: 24px;
}
@media (max-width: 767.98px) {
  .footer-news-room-blogs .news-blog-section {
    gap: 40px;
  }
}
@media (min-width: 768px) {
  .footer-news-room-blogs .news-blog-section {
    grid-template-columns: 1fr 1fr;
  }
}
.footer-news-room-blogs .content-item {
  display: flex;
  gap: 16px;
  margin-bottom: 24px;
  align-items: center;
}
.footer-news-room-blogs .content-image {
  width: 122px;
  height: 72px;
  -o-object-fit: cover;
     object-fit: cover;
  background-color: rgba(255, 255, 255, 0.1098039216);
}
.footer-news-room-blogs .content-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.footer-news-room-blogs .content-details {
  display: flex;
  flex-direction: column;
}
.footer-news-room-blogs .date {
  font-size: 14px;
  color: #fff;
  margin: 0;
  letter-spacing: 0.7px;
  line-height: normal;
}
.footer-news-room-blogs .title {
  letter-spacing: 0.7px;
  font-size: 14px;
  font-weight: bold;
  margin: 0;
  color: #fff;
}
.footer-news-room-blogs .title:hover {
  color: #D85A53;
  text-decoration: underline;
}
.footer-news-room-blogs .read-more-link {
  font-size: 14px;
  color: #0a84ff;
  text-decoration: none;
  font-style: italic;
  font-weight: bold;
}
.footer-news-room-blogs .read-more-link:hover {
  text-decoration: underline;
}

.footer-bottom-copyright {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  border-top: 2px solid #616161;
  padding: 25px 0 0 0;
  margin-top: 50px;
}
.footer-bottom-copyright .copyright {
  color: #fff;
  font-size: 14px;
  letter-spacing: 0.7px;
  margin: 0;
  font-style: italic;
}
@media (max-width: 575.98px) {
  .footer-bottom-copyright .copyright {
    margin-bottom: 10px;
  }
}
.footer-bottom-copyright .social-links {
  display: flex;
  gap: 16px;
}
.footer-bottom-copyright .social-icon {
  color: white;
  text-decoration: none;
}

#hero .grid-1-2:first-of-type {
  float: right;
}

#hero .grid-1-2:last-of-type {
  float: left;
}

#circle {
  width: 100%;
  height: 100%;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 1;
  opacity: 0;
}

img.hero-img {
  position: absolute;
  top: -60px;
  right: 23px;
  height: 100%;
  max-width: none;
  opacity: 0;
}

img.hero-img.one {
  z-index: 0;
}

img.hero-img.two {
  z-index: 2;
}

.hero-img-bg {
  position: absolute;
  top: 40%;
  left: 0;
  height: 100%;
  width: 100%;
}

.hero p {
  color: #7e7e7e;
}

.color-block .module {
  background: 0 0 !important;
}

.module {
  padding: 100px 0;
  z-index: 1;
  width: 100%;
}

.module.first {
  padding-top: 0;
  z-index: 1000000;
}

.module.first.no-image {
  height: auto;
}

.module.first.no-image h2 {
  margin: 25px 0;
}

.module.first .theme-dark .vertical-align {
  padding-top: 0;
}

.theme-dark p {
  color: rgba(255, 255, 255, 0.7);
}

.theme-light p {
  color: #7e7e7e;
}

.text-image {
  height: 800px;
  z-index: 1;
  clear: both;
}

.text-image .vertical-container {
  width: 47%;
}

.text-image .grid-1-2 {
  height: 100%;
  padding: 0;
}

.text-image p {
  margin: 25px 0 25px;
  line-height: 1.6;
  padding-right: 60px;
  font-size: 1em;
}

.text-image .go-home .nav-logo-gai {
  display: none;
}

.text-image .go-home img {
  margin: 0;
  bottom: auto;
  padding: 0;
  height: 37px;
}

.text-image nav .icon {
  bottom: auto;
}

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

.four-up {
  text-align: center;
  clear: both;
}

.four-up.text-left {
  text-align: left;
}

.four-up img {
  height: 100px;
  margin-bottom: 20px;
}

.four-up .grid-1-3 {
  padding: 30px;
}

.four-up .grid-1-4 {
  width: 22%;
  display: inline-block;
  float: none;
  margin-top: 40px;
  vertical-align: top;
}

.four-up a {
  font-size: 0.9em;
  font-family: HelveticaNeueLTStd-Bd, Helvetica, Arial, sans-serif;
  margin-top: 20px;
  display: block;
  color: #007a88;
}

.four-up p {
  font-family: HelveticaNeueLTStd-Lt, Helvetica, Arial, sans-serif;
  font-size: 0.9em;
  color: #7e7e7e;
}

.four-up p strong {
  font-size: 1.2em;
  color: #202020;
}

.four-up.dark-bg {
  padding: 0;
}

.four-up.dark-bg p {
  color: rgba(255, 255, 255, 0.8);
}

.four-up.dark-bg a,
.four-up.dark-bg h2,
.four-up.dark-bg strong {
  color: #fff;
}

.four-up .button {
  display: block;
  margin: 100px 0;
}

.four-up .button a {
  font-size: 1em;
  font-family: HelveticaNeueLTStd-Bd, Helvetica, Arial, sans-serif;
  margin: 0;
  display: inline-block;
  color: inherit;
}

.logo-cloud {
  padding: 20px 0;
}

.logo-cloud .wrapper {
  text-align: center;
}

.logo-cloud img {
  width: 16%;
  opacity: 0.5;
  vertical-align: middle;
  padding: 40px 20px;
}

.logo-cloud img:first-of-type {
  padding: 40px 40px 40px 0;
}

.logo-cloud img:last-of-type {
  padding: 40px 0 40px 40px;
}

.logo-cloud.headers {
  background-image: url(https://customer-gauge.files.svdcdn.com/staging/grid-bg.png);
  background-repeat: no-repeat;
  background-position: center center;
  padding: 200px 0;
}

.logo-cloud.headers img {
  opacity: 1;
  max-width: 18%;
  max-height: 160px;
  width: auto;
}

.blog {
  background: transparent linear-gradient(360deg, #EDEFF1 0%, #FFFFFF 100%) 0% 0%;
}

.index-header-wrapper {
  z-index: 10000;
}

.blog-index-wrapper {
  display: flex;
  max-width: 1400px;
  margin: 0 auto;
  width: 100%;
  margin-bottom: 80px;
}

.blog-feature {
  display: flex;
  justify-content: center;
  background-color: #242424;
}
.blog-feature .back {
  background-repeat: no-repeat;
  background-position: right;
  width: 100%;
}
@media screen and (min-width: 2000px) {
  .blog-feature .back {
    background-size: 1500px;
  }
}
@media screen and (min-width: 2500px) {
  .blog-feature .back {
    background-size: 1800px;
  }
}
@media screen and (min-width: 3100px) {
  .blog-feature .back {
    background-size: 2000px;
  }
}
.blog-feature .back .featured {
  display: flex;
  max-width: 1400px;
  margin: 0 auto;
  width: 100%;
  height: 100%;
}
.blog-feature .back .featured .left, .blog-feature .back .featured .right {
  width: 50%;
  padding-top: 120px;
  padding-bottom: 100px;
}
@media screen and (max-width: 1024px) {
  .blog-feature .back .featured .right {
    display: none;
  }
}
.blog-feature .back .featured .left {
  padding-left: 85px;
  background-image: url("/static/aaspotcurve.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: right;
}
@media screen and (max-width: 1024px) {
  .blog-feature .back .featured .left {
    width: 100%;
    text-align: center;
    background-color: rgba(36, 36, 36, 0.631372549);
    background-image: none;
    padding: 50px;
  }
}
.blog-feature .back .featured .left .inline {
  display: inline-block;
}
.blog-feature .back .featured .left .author-name, .blog-feature .back .featured .left .intro-text {
  font-size: 15px;
  color: #bcbcbc;
}
@media screen and (max-width: 1024px) {
  .blog-feature .back .featured .left .author-name {
    font-size: 16pt;
  }
}
@media screen and (max-width: 1024px) {
  .blog-feature .back .featured .left .intro-text {
    font-size: 12pt;
  }
}
.blog-feature .back .featured .left .title {
  font-size: 40px;
  color: #edeff1;
  padding-right: 100px;
  padding-top: 10px;
  padding-bottom: 10px;
}
@media screen and (max-width: 1024px) {
  .blog-feature .back .featured .left .title {
    padding: 38px 20px;
    font-size: 27pt;
  }
}
.blog-feature .back .featured .left .tags {
  padding-top: 30px;
  padding-bottom: 30px;
}
.blog-feature .back .featured .left .tags .tag {
  display: inline-block;
  font-size: 15px;
  color: #edeff1;
  padding: 6px 16px;
  background-color: #5f5f5f;
  border-radius: 2px;
  margin-bottom: 6px;
}
@media screen and (max-width: 1024px) {
  .blog-feature .back .featured .left .tags .tag {
    font-size: 10pt;
  }
}
.blog-feature .back .featured .left .read-blog {
  padding: 6px 60px;
  margin-top: 10px;
  display: inline-block;
  text-decoration: none;
  border: none;
  border-radius: 30px;
  font-size: 18px;
  color: white;
  background-color: #e2635c;
}
@media screen and (max-width: 1024px) {
  .blog-feature .back .featured .left .read-blog {
    font-size: 18pt;
  }
}

.blog-index-hot-topic {
  display: flex;
  flex-direction: column;
  padding-top: 65px;
  padding-bottom: 65px;
}
.blog-index-hot-topic .block-title {
  font-size: 30px;
  color: #3D4751;
}
@media screen and (max-width: 1024px) {
  .blog-index-hot-topic .block-title {
    font-size: 18pt;
  }
}
.blog-index-hot-topic .cards-container {
  display: flex;
  justify-content: space-between;
  padding-top: 65px;
  gap: 16px;
}
@media screen and (max-width: 1024px) {
  .blog-index-hot-topic .cards-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding-top: 22px;
  }
}
.blog-index-hot-topic .hot-topic-card {
  transition: all 0.4s;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  aspect-ratio: 262/245;
  box-shadow: 0px 0px 40px rgba(61, 71, 81, 0.0901960784);
  border-radius: 5px;
  padding-top: 8px;
  padding-bottom: 6px;
}
@media screen and (max-width: 1024px) {
  .blog-index-hot-topic .hot-topic-card {
    width: 100% !important;
  }
}
.blog-index-hot-topic .hot-topic-card .topic-image {
  width: 100%;
  height: 100%;
  max-width: 127px;
  max-height: 127px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media screen and (max-width: 450px) {
  .blog-index-hot-topic .hot-topic-card .topic-image {
    max-width: 80px;
    max-height: 80px;
  }
}
.blog-index-hot-topic .hot-topic-card .topic-name-click {
  position: absolute;
  display: flex;
  width: 100%;
  height: 100%;
}
.blog-index-hot-topic .hot-topic-card .topic-name {
  display: flex;
  justify-content: center;
  text-align: center;
  font-size: 22px;
  color: #3D4751;
}
@media screen and (max-width: 1024px) {
  .blog-index-hot-topic .hot-topic-card .topic-name {
    font-size: 15pt;
  }
}
.blog-index-hot-topic .hot-topic-card:hover {
  box-shadow: 0 5px 40px 0 rgba(36, 36, 36, 0.25);
  transform: scale(1.02);
}

.blog-index-serarch {
  padding: 0 55px 0 55px;
  display: flex;
  gap: 40px;
  align-items: center;
  justify-content: space-around;
  height: 80px;
  background-color: white;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.0509803922);
  border-radius: 3px;
}
.blog-index-serarch .search-icon {
  width: 24px;
  height: 24px;
  margin-top: 14px;
}
.blog-index-serarch .search-input {
  height: 40px;
  border: none;
  color: #ababab;
}
.blog-index-serarch .search-input::-moz-placeholder {
  color: #ababab;
}
.blog-index-serarch .search-input::placeholder {
  color: #ababab;
}

.blog-index-clusters .cluster {
  display: flex;
  flex-direction: column;
  padding-bottom: 65px;
}
.blog-index-clusters .cluster .cluster-heading {
  display: flex;
  gap: 10px;
}
.blog-index-clusters .cluster .cluster-heading .icon {
  width: 30px;
  height: 30px;
  background-size: contain;
  background-repeat: no-repeat;
}
.blog-index-clusters .cluster .cluster-heading .cluster-title {
  font-size: 30px;
  color: #3D4751;
}
@media screen and (max-width: 1024px) {
  .blog-index-clusters .cluster .cluster-heading .cluster-title {
    font-size: 18pt;
  }
}
.blog-index-clusters .cluster .cluster-posts {
  display: flex;
  gap: 30px;
  padding-top: 25px;
}
@media screen and (max-width: 1024px) {
  .blog-index-clusters .cluster .cluster-posts {
    flex-direction: column;
    padding-top: 37px;
  }
}
.blog-index-clusters .cluster .cluster-posts .cluster-left {
  width: 40%;
  background: #FFFFFF;
  box-shadow: 0px 3px 40px rgba(0, 0, 0, 0.0392156863);
  border-radius: 5px;
}
@media screen and (max-width: 1024px) {
  .blog-index-clusters .cluster .cluster-posts .cluster-left {
    display: flex;
    align-items: center;
    width: 100%;
    background: none;
    box-shadow: none;
  }
}
.blog-index-clusters .cluster .cluster-posts .cluster-left .reading-time {
  display: flex;
  align-items: center;
  font-size: 12px;
  color: #3d4751;
}
.blog-index-clusters .cluster .cluster-posts .cluster-left .reading-time .clock-icon {
  width: 12px;
  height: 12px;
  margin: 5px 2px 5px;
}
@media screen and (max-width: 1024px) {
  .blog-index-clusters .cluster .cluster-posts .cluster-left .reading-time {
    font-size: 10pt;
    color: #ABABAB;
  }
}
.blog-index-clusters .cluster .cluster-posts .cluster-left .post-image {
  width: 100%;
  height: auto;
  border-radius: 5px 5px 0px 0px;
}
@media screen and (max-width: 1024px) {
  .blog-index-clusters .cluster .cluster-posts .cluster-left .post-image {
    max-width: 185px;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 0;
  }
}
@media screen and (max-width: 768px) {
  .blog-index-clusters .cluster .cluster-posts .cluster-left .post-image {
    max-width: 106pt;
    height: 98pt;
    aspect-ratio: 106/98;
  }
}
.blog-index-clusters .cluster .cluster-posts .cluster-left .blog-title-click {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.blog-index-clusters .cluster .cluster-posts .cluster-left .under-image {
  display: flex;
  flex-direction: column;
  padding: 20px;
  justify-content: space-between;
}
@media screen and (max-width: 1024px) {
  .blog-index-clusters .cluster .cluster-posts .cluster-left .under-image {
    height: auto;
    padding: 0 20px;
  }
}
@media screen and (max-width: 768px) {
  .blog-index-clusters .cluster .cluster-posts .cluster-left .under-image {
    min-height: 100pt;
  }
}
.blog-index-clusters .cluster .cluster-posts .cluster-left .under-image .blog-title {
  font-size: 22px;
  color: #3D4751;
  padding-bottom: 30px;
  word-break: break-word;
  word-wrap: break-word;
  z-index: 2;
}
@media screen and (max-width: 1024px) {
  .blog-index-clusters .cluster .cluster-posts .cluster-left .under-image .blog-title {
    font-size: 15pt;
    color: #242424;
  }
}
@media screen and (max-width: 768px) {
  .blog-index-clusters .cluster .cluster-posts .cluster-left .under-image .blog-title {
    font-size: 12pt;
    padding-bottom: 0;
    line-height: 1;
  }
}
.blog-index-clusters .cluster .cluster-posts .cluster-left .under-image .blog-title:hover {
  color: #e2635c;
}
@media screen and (max-width: 1024px) {
  .blog-index-clusters .cluster .cluster-posts .cluster-left .under-image .tags {
    display: none;
  }
}
.blog-index-clusters .cluster .cluster-posts .cluster-left .under-image .tags .tag {
  transition: all 0.4s;
  display: inline-block;
  font-size: 12px;
  color: #3d4751;
  padding: 9px 16px;
  background: rgba(61, 71, 81, 0.0666666667);
  border-radius: 8px;
  margin-bottom: 6px;
}
.blog-index-clusters .cluster .cluster-posts .cluster-left .under-image .tags .tag:hover {
  color: white;
  background: #3B4752;
}
.blog-index-clusters .cluster .cluster-posts .cluster-left .under-image .tags .no-content {
  background-color: white;
  width: 100%;
  height: 35px;
}
.blog-index-clusters .cluster .cluster-posts .cluster-right {
  display: flex;
  flex-direction: column;
  width: 60%;
  gap: 16px;
  justify-content: space-between;
}
@media screen and (max-width: 1024px) {
  .blog-index-clusters .cluster .cluster-posts .cluster-right {
    width: 100%;
    gap: 30px;
    background: none;
    box-shadow: none;
  }
}
.blog-index-clusters .cluster .cluster-posts .cluster-right .reading-time {
  display: flex;
  align-items: center;
  font-size: 12px;
  color: #3d4751;
}
.blog-index-clusters .cluster .cluster-posts .cluster-right .reading-time .clock-icon {
  width: 12px;
  height: 12px;
  margin: 5px 2px 5px;
}
@media screen and (max-width: 1024px) {
  .blog-index-clusters .cluster .cluster-posts .cluster-right .reading-time {
    font-size: 10pt;
    color: #ABABAB;
  }
}
.blog-index-clusters .cluster .cluster-posts .cluster-right .right-posts {
  display: flex;
  background: #FFFFFF;
  box-shadow: 0px 3px 40px rgba(0, 0, 0, 0.0392156863);
  border-radius: 5px;
}
@media screen and (max-width: 1024px) {
  .blog-index-clusters .cluster .cluster-posts .cluster-right .right-posts {
    align-items: center;
    background: none;
    box-shadow: none;
  }
}
.blog-index-clusters .cluster .cluster-posts .cluster-right .right-posts .post-image {
  width: 100%;
  max-width: 185px;
  height: 100%;
  max-height: 160px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 5px 0 0 5px;
}
@media screen and (max-width: 768px) {
  .blog-index-clusters .cluster .cluster-posts .cluster-right .right-posts .post-image {
    max-width: 106pt;
    height: 98pt;
    border-radius: 0;
    aspect-ratio: 106/98;
  }
}
@media screen and (max-width: 1024px) {
  .blog-index-clusters .cluster .cluster-posts .cluster-right .right-posts .post-image {
    border-radius: 0;
  }
}
.blog-index-clusters .cluster .cluster-posts .cluster-right .right-posts .blog-title-click {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.blog-index-clusters .cluster .cluster-posts .cluster-right .right-posts .beside-image {
  padding: 6px 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media screen and (max-width: 1024px) {
  .blog-index-clusters .cluster .cluster-posts .cluster-right .right-posts .beside-image {
    padding: 0 20px;
    min-height: 150px;
  }
}
@media screen and (max-width: 768px) {
  .blog-index-clusters .cluster .cluster-posts .cluster-right .right-posts .beside-image {
    min-height: 100pt;
  }
}
.blog-index-clusters .cluster .cluster-posts .cluster-right .right-posts .beside-image .blog-title {
  font-size: 20px;
  color: #3D4751;
  word-break: break-word;
  word-wrap: break-word;
  z-index: 2;
}
@media screen and (max-width: 1024px) {
  .blog-index-clusters .cluster .cluster-posts .cluster-right .right-posts .beside-image .blog-title {
    font-size: 15pt;
    color: #242424;
  }
}
@media screen and (max-width: 768px) {
  .blog-index-clusters .cluster .cluster-posts .cluster-right .right-posts .beside-image .blog-title {
    font-size: 12pt;
    line-height: 1;
  }
}
.blog-index-clusters .cluster .cluster-posts .cluster-right .right-posts .beside-image .blog-title:hover {
  color: #e2635c;
}
@media screen and (max-width: 1024px) {
  .blog-index-clusters .cluster .cluster-posts .cluster-right .right-posts .beside-image .tags {
    display: none;
  }
}
.blog-index-clusters .cluster .cluster-posts .cluster-right .right-posts .beside-image .tags .tag {
  transition: all 0.4s;
  display: inline-block;
  font-size: 12px;
  color: #3d4751;
  padding: 9px 16px;
  background: rgba(61, 71, 81, 0.0666666667);
  border-radius: 8px;
  margin-bottom: 6px;
}
.blog-index-clusters .cluster .cluster-posts .cluster-right .right-posts .beside-image .tags .tag:hover {
  color: white;
  background: #3B4752;
}
.blog-index-clusters .cluster .cluster-posts .cluster-right .right-posts .beside-image .tags .no-content {
  background-color: white;
  width: 100%;
  height: 35px;
}
@media screen and (max-width: 1024px) {
  .blog-index-clusters .cluster .cluster-posts .cluster-right .right-posts .beside-image .tags .no-content {
    background: none;
  }
}

.blog-index-subscription-wrapper {
  background: #2C2C2C;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1607843137);
  border-radius: 5px;
}
@media screen and (max-width: 1024px) {
  .blog-index-subscription-wrapper {
    display: flex;
    flex-direction: column;
    height: 450px;
    align-items: center;
  }
}
.blog-index-subscription-wrapper .content {
  display: flex;
  align-items: center;
  color: white;
  height: 166px;
  width: 50%;
  padding-right: 10%;
  background: #E2635C;
  border-radius: 5px 100px 100px 5px;
  padding-left: 36px;
}
@media screen and (max-width: 1024px) {
  .blog-index-subscription-wrapper .content {
    width: 100%;
    border-radius: 0;
  }
}
.blog-index-subscription-wrapper .content .text {
  display: block;
  color: white;
}
@media screen and (max-width: 1024px) {
  .blog-index-subscription-wrapper .content .text {
    text-align: center;
  }
}
.blog-index-subscription-wrapper .content .text .title {
  font-size: 25px;
}
@media screen and (max-width: 1024px) {
  .blog-index-subscription-wrapper .content .text .title {
    font-size: 20pt;
  }
}
.blog-index-subscription-wrapper .content .text .policy {
  font-size: 11pt;
}
@media screen and (max-width: 1024px) {
  .blog-index-subscription-wrapper .content .text .policy {
    bottom: -300px;
    font-size: 11pt;
  }
}
@media screen and (max-width: 768px) {
  .blog-index-subscription-wrapper .content .text .policy {
    bottom: -260px;
    font-size: 11pt;
  }
}
.blog-index-subscription-wrapper .content .text .policy a {
  text-decoration: underline;
  color: white;
}
.blog-index-subscription-wrapper .form-wrapper {
  display: flex;
  position: absolute;
  height: 69px;
  right: 80px;
  top: 50px;
  width: 50%;
  background: #FFFFFF;
  box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.1019607843);
  border: 3px solid #FFFFFF;
  border-radius: 5px;
  padding: 0px 2px;
}
.blog-index-subscription-wrapper .form-wrapper .thank-you {
  display: none;
}
@media screen and (max-width: 1024px) {
  .blog-index-subscription-wrapper .form-wrapper {
    margin-top: 40px;
    width: 80%;
    position: unset;
    right: auto;
    text-align: center;
  }
}
.blog-index-subscription-wrapper .form-wrapper .hbspt-form {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
}
.blog-index-subscription-wrapper .form-wrapper form {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 1024px) {
  .blog-index-subscription-wrapper .form-wrapper form {
    display: flex;
    flex-direction: column;
  }
}
.blog-index-subscription-wrapper .form-wrapper form .legal-consent-container {
  display: none;
}
.blog-index-subscription-wrapper .form-wrapper form .hs_email {
  display: flex;
  width: 100% !important;
}
.blog-index-subscription-wrapper .form-wrapper form .hs_email label {
  display: none;
}
.blog-index-subscription-wrapper .form-wrapper form .hs_email .input {
  display: flex;
  width: 100%;
  align-items: center;
}
.blog-index-subscription-wrapper .form-wrapper form .hs_email .input input {
  height: 60px !important;
  width: 100% !important;
  border: none;
  border-radius: 0 !important;
  background-color: white;
  padding: 0px 16px;
  box-shadow: none;
  transition: none;
  font-size: 20px;
}
@media screen and (max-width: 1024px) {
  .blog-index-subscription-wrapper .form-wrapper form .hs_email .input input {
    font-size: 20px;
  }
}
.blog-index-subscription-wrapper .form-wrapper form .hs_email .input input::-moz-placeholder {
  color: #ababab;
}
.blog-index-subscription-wrapper .form-wrapper form .hs_email .input input::placeholder {
  color: #ababab;
}
.blog-index-subscription-wrapper .form-wrapper form .actions {
  display: flex;
  justify-content: center;
}
.blog-index-subscription-wrapper .form-wrapper form .actions input {
  border-radius: 5px;
}
.blog-index-subscription-wrapper .form-wrapper form .actions .hs-button {
  height: 60px;
  background: #E2635C;
  border-radius: 5px;
  border: none;
  margin-top: 0px;
  font-size: 22px;
  color: white;
}
@media screen and (max-width: 1024px) {
  .blog-index-subscription-wrapper .form-wrapper form .actions .hs-button {
    position: absolute;
    bottom: -90px;
    font-size: 15pt;
  }
}
.blog-index-subscription-wrapper .form-wrapper form .actions .hs-button:hover {
  background: white;
  color: #E2635C;
  border: 1px solid #E2635C;
}
.blog-index-subscription-wrapper .form-wrapper form .hs_error_rollup {
  display: flex;
}
@media screen and (max-width: 1024px) {
  .blog-index-subscription-wrapper .form-wrapper form .hs_error_rollup {
    position: absolute;
    top: 5px;
    right: 30px;
  }
}
.blog-index-subscription-wrapper .form-wrapper form .hs_error_rollup .hs-error-msgs {
  padding-left: 0;
}
.blog-index-subscription-wrapper .form-wrapper form .hs_error_rollup ul {
  list-style-type: none;
}
.blog-index-subscription-wrapper .form-wrapper form .hs_error_rollup ul label {
  display: flex;
  margin: 0;
  font-size: 12px;
  color: #3B4752;
}
.blog-index-subscription-wrapper .form-wrapper .text-input {
  width: 75%;
  border: none;
  padding: 0px 16px;
}
@media screen and (max-width: 1024px) {
  .blog-index-subscription-wrapper .form-wrapper .text-input {
    font-size: 20px;
  }
}
.blog-index-subscription-wrapper .form-wrapper .text-input::-moz-placeholder {
  color: #ababab;
}
.blog-index-subscription-wrapper .form-wrapper .text-input::placeholder {
  color: #ababab;
}
.blog-index-subscription-wrapper .form-wrapper .button {
  width: 30%;
  height: 60px;
  background: #E2635C;
  border-radius: 5px;
  border: none;
  margin-top: 0px;
  font-size: 22px;
  color: white;
}
@media screen and (max-width: 1024px) {
  .blog-index-subscription-wrapper .form-wrapper .button {
    position: absolute;
    bottom: -90px;
    width: 60%;
    font-size: 15pt;
  }
}

.blog-index-latest {
  position: unset;
  margin-top: 50px;
}
@media screen and (max-width: 1024px) {
  .blog-index-latest {
    margin-top: 37px;
  }
}
.blog-index-latest .anchor-holder {
  position: relative;
  top: -150px;
}
@media screen and (max-width: 1024px) {
  .blog-index-latest .recent-posts-container {
    display: flex;
    flex-direction: column;
    gap: 30px;
  }
}
.blog-index-latest .posts-container {
  margin-top: 22px;
}
@media screen and (max-width: 1024px) {
  .blog-index-latest .blog-post {
    display: flex;
    align-items: center;
    height: auto;
    width: 100%;
    background: none;
    box-shadow: none;
  }
}
@media screen and (max-width: 1024px) {
  .blog-index-latest .blog-post .top {
    height: 100%;
    max-width: 185px;
    aspect-ratio: 185/160;
  }
}
@media screen and (max-width: 768px) {
  .blog-index-latest .blog-post .top {
    height: auto;
    max-width: 106pt;
    height: 98pt;
    aspect-ratio: 106/98;
  }
}
@media screen and (max-width: 1024px) {
  .blog-index-latest .blog-post:hover {
    box-shadow: none;
    transform: none;
  }
}
@media screen and (max-width: 1024px) {
  .blog-index-latest .blog-post:nth-of-type(even), .blog-index-latest blog-post:nth-of-type(odd) {
    display: flex;
    align-items: center;
    margin: 20px 0;
  }
}
@media screen and (max-width: 1024px) {
  .blog-index-latest a {
    width: 185px;
  }
}
@media screen and (max-width: 768px) {
  .blog-index-latest a {
    width: 106pt;
  }
}
.blog-index-latest .latest-title {
  display: flex;
  align-items: center;
  gap: 14px;
  font-size: 30px;
  color: #3D4751;
}
@media screen and (max-width: 1024px) {
  .blog-index-latest .latest-title {
    padding: 0;
    text-align: center;
    font-size: 18pt;
    font-weight: bold;
  }
}
.blog-index-latest .latest-title .latest-icon {
  width: 30px;
  height: 30px;
  background-size: contain;
}
.blog-index-latest .result-title {
  font-weight: bold;
  font-size: 30px;
  color: #3D4751;
}
.blog-index-latest .results-count {
  font-size: 18px;
  color: #878D93;
  font-style: italic;
}
.blog-index-latest .reading-time {
  display: flex;
  align-items: center;
  font-size: 12px;
  color: #3d4751;
}
.blog-index-latest .reading-time .clock-icon {
  width: 12px;
  height: 12px;
  margin: 5px 2px 5px;
}
@media screen and (max-width: 1024px) {
  .blog-index-latest .reading-time {
    font-size: 10pt;
    color: #ABABAB;
  }
}
@media screen and (max-width: 1024px) {
  .blog-index-latest .reading-time p {
    font-size: 10pt;
    color: #ABABAB;
  }
}
.blog-index-latest .post-image {
  width: 100%;
  height: auto;
  border-radius: 5px 5px 0px 0px;
}
@media screen and (max-width: 1024px) {
  .blog-index-latest .post-image {
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.blog-index-latest .under-image {
  display: flex;
  flex-direction: column;
  padding: 20px;
  justify-content: space-between;
  height: auto;
}
@media screen and (max-width: 1024px) {
  .blog-index-latest .under-image {
    padding: 0 20px;
    min-height: 130px;
  }
}
.blog-index-latest .under-image .blog-title {
  font-size: 22px;
  color: #3D4751;
  padding-bottom: 30px;
  word-break: break-word;
  word-wrap: break-word;
  z-index: 2;
}
@media screen and (max-width: 1024px) {
  .blog-index-latest .under-image .blog-title {
    padding-bottom: 0;
    width: 100%;
    font-size: 15pt;
    color: #242424;
    line-height: 1;
  }
}
@media screen and (max-width: 768px) {
  .blog-index-latest .under-image .blog-title {
    padding-bottom: 0;
    width: 100%;
    font-size: 12pt;
    line-height: 1;
  }
}
.blog-index-latest .under-image .blog-title:hover {
  color: #e2635c;
}
@media screen and (max-width: 1024px) {
  .blog-index-latest .under-image .tags {
    display: none;
  }
}
.blog-index-latest .under-image .tags .tag {
  transition: all 0.4s;
  display: inline-block;
  font-size: 12px;
  color: #3d4751;
  padding: 9px 16px;
  background: rgba(61, 71, 81, 0.0666666667);
  border-radius: 8px;
  margin-bottom: 6px;
}
.blog-index-latest .under-image .tags .tag:hover {
  color: white;
  background: #3B4752;
}
@media screen and (max-width: 1024px) {
  .blog-index-latest .under-image {
    width: 100%;
  }
}
.blog-index-latest .blog-button-container {
  display: flex;
  justify-content: center;
  padding-top: 55px;
  padding-bottom: 123px;
}
.blog-index-latest .blog-button-container .read-more-button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 63px;
  background: #E2635C;
  border-radius: 32px;
  padding: 6px 60px;
  cursor: pointer;
}
.blog-index-latest .blog-button-container .read-more-button a {
  color: white;
  width: 100%;
  text-align: center;
}

.hr-mobile-only {
  display: none;
}
@media screen and (max-width: 1024px) {
  .hr-mobile-only {
    display: block;
    width: 100%;
    border-top: 1px solid #EAEBEE;
    margin: 0;
  }
}

.read-blog-mobile {
  display: none;
}
@media screen and (max-width: 1024px) {
  .read-blog-mobile {
    display: block;
  }
  .read-blog-mobile a {
    text-decoration: none;
    color: #E2635C;
    font-size: 12pt;
  }
}

@media screen and (max-width: 1024px) {
  .results-wrapper-mobile {
    display: flex;
    flex-direction: column;
    gap: 30px;
  }
}

.max-1152 {
  max-width: 1152px;
}

.search-results {
  display: flex;
  margin: 0 auto;
}

.search-ajax-spacing {
  margin-top: 0;
  width: auto;
}

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

.blog-entry-page {
  background-color: white;
}
.blog-entry-page .blog-entry-content {
  padding: 0;
}

.blog-quote {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 30px 36px;
  background-color: #e2635c;
}
.blog-quote .quote-symble {
  font-size: 60px;
  height: 30px;
  display: flex;
  align-items: baseline;
}
.blog-quote .content {
  word-break: break-word;
  word-wrap: break-word;
  font-size: 20px;
}
.blog-quote .content p {
  color: white;
}
.blog-quote .name-title {
  font-size: 18px;
  font-style: italic;
}
.blog-quote .quote-symble,
.blog-quote .content,
.blog-quote .name-title {
  color: white;
}

.blog-video {
  width: 100%;
}
.blog-video iframe {
  width: 100%;
}

.blog-image-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.blog-image-container .blog-image {
  width: 100%;
  height: auto;
}

.blog-key-takeaways {
  padding: 24px 24px;
  background: #f6f6f6;
}
.blog-key-takeaways .title {
  color: #3b4752;
  font-size: 22px;
}
.blog-key-takeaways .item {
  font-size: 16px;
}
.blog-key-takeaways ul li::marker {
  font-size: 1.5rem;
}
.blog-key-takeaways ul li {
  padding-bottom: 10px;
}

.blog-tips-suggestions {
  background-color: #cee6ff;
  padding: 24px 28px;
  display: flex;
  gap: 24px;
  align-items: center;
}
.blog-tips-suggestions .text .title,
.blog-tips-suggestions .text .content {
  color: #0a84ff;
  font-size: 15px;
}
.blog-tips-suggestions .text .title p,
.blog-tips-suggestions .text .content p {
  padding: 0;
  line-height: normal;
  font-size: 15px;
  color: #0a84ff;
  line-height: 18px;
}
.blog-tips-suggestions .text .title {
  font-weight: bold;
  margin-bottom: 10px;
}
.blog-tips-suggestions .icon-wrapper {
  width: 60px;
  height: 60px;
  min-width: 60px;
}
.blog-tips-suggestions .icon-wrapper .icon {
  width: 59px;
  height: 59px;
}

.blog-entry-header-nav {
  z-index: 10000;
}

.blog-entry-header-wrapper {
  display: flex;
  align-items: center;
  background-color: #242424;
  gap: 60px;
}
.blog-entry-header-wrapper .content-left {
  width: 35%;
}
@media screen and (max-width: 1024px) {
  .blog-entry-header-wrapper .content-left {
    display: none;
  }
}
.blog-entry-header-wrapper .content {
  width: 65%;
}
@media screen and (max-width: 768px) {
  .blog-entry-header-wrapper .content {
    width: 90%;
  }
}
@media screen and (max-width: 1024px) {
  .blog-entry-header-wrapper .content {
    margin: 0 auto;
  }
}
.blog-entry-header-wrapper .content .title {
  font-size: 44px;
  line-height: normal;
  color: white;
  margin-bottom: 25px;
}
@media screen and (max-width: 1024px) {
  .blog-entry-header-wrapper .content .title {
    font-size: 27pt;
    text-align: center;
  }
}
.blog-entry-header-wrapper .content .author {
  display: flex;
  align-items: center;
  font-size: 15px;
  gap: 16px;
}
@media screen and (max-width: 1024px) {
  .blog-entry-header-wrapper .content .author {
    flex-direction: column;
    gap: 4px;
  }
}
.blog-entry-header-wrapper .content .author .avatar {
  width: 37px;
  height: 37px;
  background-size: contain;
  border-radius: 100%;
}
.blog-entry-header-wrapper .content .author .blog-by {
  color: white;
  text-align: center;
}
.blog-entry-header-wrapper .content .author a {
  color: #3c84f7;
}
.blog-entry-header-wrapper .content .author .date {
  color: #bcbcbc;
}
@media screen and (max-width: 1024px) {
  .blog-entry-header-wrapper .content .author a,
.blog-entry-header-wrapper .content .author .date,
.blog-entry-header-wrapper .content .author .blog-by {
    color: #bcbcbc;
    font-size: 15px;
    text-decoration: none;
  }
}

.blog-entry-format-cr {
  display: flex;
  align-items: center;
  gap: 60px;
}

.blog-entry-format-body {
  padding-top: 60px;
  display: flex;
  gap: 60px;
}

.sidebar-container .title {
  font-size: 22px;
  color: #848484;
}

.sub-wrapper {
  display: flex;
  background-color: white;
  justify-content: center;
  padding: 30px 0;
}

.sub-similar-wrapper {
  display: flex;
  justify-content: center;
  padding: 30px 0 127px 0;
}

.sub-wrapper .blog-index-subscription-wrapper {
  width: 100%;
}

.blog-entry-sidebar-new {
  width: 35%;
  padding-top: 50px;
}
@media screen and (max-width: 1080px) {
  .blog-entry-sidebar-new {
    display: none;
  }
}

.sidebar-container-new {
  top: 0;
  max-width: 426px !important;
  transition: all 0.7s;
}
@media screen and (max-width: 1400px) {
  .sidebar-container-new {
    max-width: 360px !important;
  }
}
@media screen and (max-width: 1200px) {
  .sidebar-container-new {
    max-width: 300px !important;
  }
}
@media screen and (max-width: 1080px) {
  .sidebar-container-new {
    width: 0;
    display: none !important;
  }
}
.sidebar-container-new .list-wrapper {
  position: relative;
}
.sidebar-container-new .list-item-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  gap: 26px;
  padding: 10px 0px;
}
.sidebar-container-new .list-bullet-red {
  background-color: #e2635c !important;
  border: 3px solid #e2635c !important;
}
.sidebar-container-new .list-bullet-gray {
  background-color: #fff;
  border: 3px solid #eaebee;
  height: 15px;
  border-radius: 100px;
  width: 15px;
  min-width: 15px;
}
.sidebar-container-new .list-item {
  padding-right: 20px;
}
.sidebar-container-new .list-item .list-title a {
  font-size: 18px;
  color: #3d4751;
  text-decoration: none;
}
.sidebar-container-new .gray-line {
  background: #eaebee;
  z-index: -1;
  width: 3px;
  height: 100%;
  position: absolute;
  left: 6px;
}
.sidebar-container-new .white-line {
  background: #fff;
  z-index: -1;
  bottom: 0px;
  width: 3px;
  height: 50%;
  position: absolute;
  left: 6px;
}
.sidebar-container-new .white-line-top {
  background: #fff;
  z-index: -1;
  top: 0px;
  width: 3px;
  height: 50%;
  position: absolute;
  left: 6px;
}

.tof-fixed {
  position: fixed;
  top: 140px;
}

.blog-sidebar-cta {
  background: #f5f6f7;
  border-radius: 5px;
  margin-top: 60px;
}
.blog-sidebar-cta .first-half {
  height: 210px;
  border-radius: 5px 5px 0 0;
}
.blog-sidebar-cta .first-half .cta-image {
  width: 100%;
  height: 100%;
  border-radius: 5px 5px 0 0;
}
.blog-sidebar-cta .second-half {
  padding: 30px;
  height: auto;
}
.blog-sidebar-cta .first-half {
  background-color: #3d4751;
}
.blog-sidebar-cta .second-half {
  text-align: center;
}
.blog-sidebar-cta .second-half .description {
  font-size: 22px;
  color: #3d4751;
}
.blog-sidebar-cta .second-half .button {
  background: #e2635c;
  border-radius: 26px;
}
.blog-sidebar-cta .second-half .button a {
  font-size: 18px;
  color: white;
  text-decoration: none;
}

.blog-sources-related {
  z-index: 10000;
  padding: 10px 0;
}
.blog-sources-related .trigger-title {
  font-size: 25px;
  color: #3b4752;
  font-weight: bold;
}
.blog-sources-related .ac-header-style {
  padding: 30px 12px;
  background-color: #f5f6f7;
}
.blog-sources-related .ac-panel ul li a {
  display: block;
  text-decoration: underline;
  color: #0A84FF;
  padding: 4px 0;
}

.blog-faqs {
  padding-bottom: 30px;
}
.blog-faqs .ac-noborder {
  border: none;
}
.blog-faqs .ac-border {
  border: none;
  padding: 15px 0;
  border-bottom: 2px solid #F2F3F5;
}
.blog-faqs .faq-title {
  font-size: 22px;
  color: #3b4752;
  font-weight: bold;
  padding: 50px 0 10px 0;
}
.blog-faqs .ac-header--faqs-style {
  font-size: 18px;
  color: #3b4752;
  font-weight: bold;
}
.blog-faqs .ac-panel {
  color: #707070;
  font-size: 18px;
}
.blog-faqs .trigger-title {
  font-size: 22px;
  color: #3b4752;
  font-weight: bold;
  padding-left: 0;
}
.blog-faqs .ac-trigger::after {
  content: url(/static/arrow-down.svg);
  width: 18px;
  height: 18px;
}
.blog-faqs .ac.is-active > .ac-header .ac-trigger::after {
  content: url(/static/arrow-up.svg);
  width: 18px;
  height: 18px;
}

.blog-about-author {
  margin-top: 20px;
  margin-bottom: 50px;
  background-color: #f5f6f7;
  padding: 24px 28px;
  display: flex;
  gap: 24px;
  align-items: center;
}
.blog-about-author .text {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.blog-about-author .text .content {
  color: #242424;
  font-size: 13px;
  font-style: italic;
  font-weight: normal;
}
.blog-about-author .text .author-name {
  font-weight: bold;
  font-size: 20px;
  color: #242424;
}
.blog-about-author .text .more-from a {
  color: #e2635c;
  font-size: 16px;
  text-decoration: none;
  font-weight: bold;
}
.blog-about-author .icon {
  width: 109px;
  height: 109px;
  border-radius: 100%;
}
.blog-about-author .icon-wrapper {
  width: 110px;
  height: 110px;
  min-width: 110px;
}

.author-page-hero {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 48px 0;
  gap: 16px;
}
.author-page-hero .avatar,
.author-page-hero .name,
.author-page-hero .bio {
  display: flex;
  justify-content: center;
}
.author-page-hero .avatar {
  width: 116px;
  height: 116px;
  border-radius: 100%;
  background-size: contain;
}
.author-page-hero .name {
  color: #3b4752;
  font-size: 55px;
  font-weight: bold;
  white-space: nowrap;
}
@media screen and (max-width: 1024px) {
  .author-page-hero .name {
    font-size: 27pt;
  }
}
.author-page-hero .bio {
  color: #3b4752;
  font-size: 20px;
  font-weight: normal;
  text-align: center;
  font-family: Helvetica, sans-serif;
  padding: 0 43px;
}
@media screen and (max-width: 1024px) {
  .author-page-hero .bio {
    font-size: 15pt;
  }
}

.blog-similar-authors {
  display: flex;
  flex-direction: column;
  gap: 37px;
  padding-bottom: 127px;
}
.blog-similar-authors .similar-authors-title {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-top: 40px;
  font-size: 30px;
  color: #3d4751;
}
.blog-similar-authors .similar-authors-title .similar-authors-icon {
  width: 30px;
  height: 30px;
  background-size: contain;
}
.blog-similar-authors .authors-wrapper {
  display: flex;
  justify-content: space-between;
  gap: 18px;
}
@media screen and (max-width: 768px) {
  .blog-similar-authors .authors-wrapper {
    flex-direction: column;
  }
}
.blog-similar-authors .authors-wrapper .author {
  transition: all 0.4s;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 33%;
  background-color: white;
  box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.0392156863);
  border-radius: 5px;
  gap: 12px;
  padding: 35px 0 40px 0;
}
@media screen and (max-width: 768px) {
  .blog-similar-authors .authors-wrapper .author {
    width: 100%;
  }
}
.blog-similar-authors .authors-wrapper .author .icon {
  width: 69px;
  height: 69px;
  border-radius: 100%;
  background-size: contain;
}
.blog-similar-authors .authors-wrapper .author .name {
  font-size: 30px;
  color: #242424;
  white-space: nowrap;
  text-align: center;
  width: auto;
}
.blog-similar-authors .authors-wrapper .author .title {
  padding-top: 3px;
  font-size: 20px;
  color: #242424;
}
.blog-similar-authors .authors-wrapper .author .a-holder {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  z-index: 20;
}
.blog-similar-authors .authors-wrapper .author:hover {
  box-shadow: 0 5px 40px 0 rgba(36, 36, 36, 0.25);
  transform: scale(1.02);
}

.author-page-bg {
  background: transparent linear-gradient(360deg, #f9fafa 0%, #edeff1 100%);
}

.no-such-user {
  padding: 100px;
  font-size: 30px;
}

.blog-podcast {
  display: flex;
  flex-direction: column;
  padding-top: 50px;
}
.blog-podcast .section-wrapper {
  display: flex;
  gap: 11px;
  justify-content: space-between;
  padding-bottom: 32px;
}
.blog-podcast .section-wrapper .divider-wrapper {
  display: flex;
  justify-content: start;
  width: 100%;
}
.blog-podcast .section-wrapper .divider-wrapper .divider-title {
  font-size: 14px;
  font-style: italic;
  font-weight: bold;
  text-align: left;
}
.blog-podcast .section-wrapper .icon-wrapper .icon {
  width: 45px;
  height: 45px;
  border-radius: 100%;
  background-size: contain;
}
.blog-podcast .section-wrapper .content-wrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
  background: #f5f6f7;
  border-radius: 4px;
}
.blog-podcast .section-wrapper .content-wrapper .name,
.blog-podcast .section-wrapper .content-wrapper .content {
  color: #3d4751;
}
.blog-podcast .section-wrapper .content-wrapper .name {
  font-size: 10px;
  text-align: left;
  padding-left: 16px;
  padding-bottom: 4px;
}
.blog-podcast .section-wrapper .content-wrapper .content {
  font-size: 14px;
  padding-left: 16px;
  padding-bottom: 10px;
}
.blog-podcast .section-wrapper .content-wrapper .content p {
  padding: 0;
}

.blog-podcast-guests .blog-about-author {
  margin: 0 auto;
}
.blog-podcast-guests .blog-about-author .icon {
  background-size: contain;
}
.blog-podcast-guests .blog-about-author .text {
  max-width: 70%;
}
.blog-podcast-guests .blog-about-author .text .author-name,
.blog-podcast-guests .blog-about-author .text .author-title,
.blog-podcast-guests .blog-about-author .text .content {
  color: #242424;
}
.blog-podcast-guests .blog-about-author .text .author-name {
  font-size: 20px;
}
.blog-podcast-guests .blog-about-author .text .author-title {
  font-size: 15px;
}
.blog-podcast-guests .blog-about-author .text .content {
  font-size: 10px;
}
.blog-podcast-guests .blog-about-author .text .more-from {
  font-size: 15px;
}
.blog-podcast-guests .about {
  padding-bottom: 20px;
}

.blog-entry-text-container article {
  padding-top: 30px;
}
.blog-entry-text-container article .podcast-wrapper {
  padding-bottom: 20px;
}
.blog-entry-text-container article .blog-basic-text {
  color: #4d4d4d;
}
.blog-entry-text-container article .blog-basic-text .id-pointer {
  width: 0px;
  position: absolute;
  right: 0px;
  height: 90px;
  margin-top: -90px;
  visibility: hidden;
}
.blog-entry-text-container article .blog-basic-text h2 {
  font-size: 22pt;
  color: #3b4751;
}
.blog-entry-text-container article .blog-basic-text p {
  color: #4d4d4d;
  line-height: 27px;
  padding: 10px 0;
}
.blog-entry-text-container article .blog-basic-text em {
  color: #4d4d4d;
  font-style: italic;
}
.blog-entry-text-container article .blog-basic-text ul li {
  line-height: 27px;
  color: #4d4d4d;
  padding: 10px 0;
}
@media screen and (max-width: 1080px) {
  .blog-entry-text-container {
    width: 100% !important;
  }
}

.blog-entry-sidebar-new {
  padding-bottom: 1em;
}

.sidebar-container-new {
  position: sticky;
  top: 120px;
}

.blog-header-flex-height {
  padding: 50px 0;
  height: auto;
}

.blog-summary-text .content {
  font-size: 30px;
  color: #3B4752;
  font-style: italic;
  line-height: 40px;
  font-weight: 300;
  padding: 0 0 60px 0;
}

html,
body {
  overflow-x: unset;
}

.resources-index .nav-logo-gai {
  display: none;
}

.gaugieai,
.gaigeai,
.gaugieAi {
  background-color: #030109;
  background-image: url("https://customer-gauge.files.svdcdn.com/staging/general/bg-top-right-gradient.png"), url("https://customer-gauge.files.svdcdn.com/staging/general/bg-top-left-gradient.png");
  background-repeat: no-repeat;
  background-position: top right, top left;
}
.gaugieai .gaugie-ai-wrap,
.gaigeai .gaugie-ai-wrap,
.gaugieAi .gaugie-ai-wrap {
  padding: 0 0 100px 0;
  background-image: url("https://customer-gauge.files.svdcdn.com/staging/general/backgroundgradient-2.png");
  background-repeat: no-repeat;
  background-position: 100% 101%;
}
@media (max-width: 800px) {
  .gaugieai .gaugie-ai-wrap,
.gaigeai .gaugie-ai-wrap,
.gaugieAi .gaugie-ai-wrap {
    overflow: hidden;
  }
}
.gaugieai .gaugie-ai-wrap .red-square:hover,
.gaigeai .gaugie-ai-wrap .red-square:hover,
.gaugieAi .gaugie-ai-wrap .red-square:hover {
  background-color: transparent;
  color: #d36b60;
}
.gaugieai .gaugie-ai-wrap .black-square,
.gaigeai .gaugie-ai-wrap .black-square,
.gaugieAi .gaugie-ai-wrap .black-square {
  background-color: #fff;
  color: #000;
}
.gaugieai .gaugie-ai-wrap .black-square:hover,
.gaigeai .gaugie-ai-wrap .black-square:hover,
.gaugieAi .gaugie-ai-wrap .black-square:hover {
  background-color: transparent;
  color: #fff !important;
  border-color: #fff;
}
.gaugieai .gaugie-ai-wrap .black-square:hover p,
.gaigeai .gaugie-ai-wrap .black-square:hover p,
.gaugieAi .gaugie-ai-wrap .black-square:hover p {
  color: #fff !important;
}
.gaugieai .gaugie-ai-wrap .black-square p,
.gaigeai .gaugie-ai-wrap .black-square p,
.gaugieAi .gaugie-ai-wrap .black-square p {
  color: #000;
}
.gaugieai .gaugie-ai-wrap #main-nav a,
.gaigeai .gaugie-ai-wrap #main-nav a,
.gaugieAi .gaugie-ai-wrap #main-nav a {
  color: #fff;
}
.gaugieai .gaugie-ai-wrap .go-home .nav-logo,
.gaigeai .gaugie-ai-wrap .go-home .nav-logo,
.gaugieAi .gaugie-ai-wrap .go-home .nav-logo {
  display: none;
}
.gaugieai .gaugie-ai-wrap .go-home .nav-logo-gai,
.gaigeai .gaugie-ai-wrap .go-home .nav-logo-gai,
.gaugieAi .gaugie-ai-wrap .go-home .nav-logo-gai {
  display: block;
}
.gaugieai .gaugie-ai-wrap .sticky-nav,
.gaigeai .gaugie-ai-wrap .sticky-nav,
.gaugieAi .gaugie-ai-wrap .sticky-nav {
  background-color: #000;
}
.gaugieai .gaugie-ai-wrap .gai-hero,
.gaigeai .gaugie-ai-wrap .gai-hero,
.gaugieAi .gaugie-ai-wrap .gai-hero {
  padding: 140px 0;
}
@media (max-width: 800px) {
  .gaugieai .gaugie-ai-wrap .gai-hero,
.gaigeai .gaugie-ai-wrap .gai-hero,
.gaugieAi .gaugie-ai-wrap .gai-hero {
    padding: 100px 0;
  }
}
@media (max-width: 640px) {
  .gaugieai .gaugie-ai-wrap .gai-hero,
.gaigeai .gaugie-ai-wrap .gai-hero,
.gaugieAi .gaugie-ai-wrap .gai-hero {
    display: flex;
    flex-direction: column;
    justify-content: center; /* vertical centering */
    align-items: center; /* horizontal centering */
    padding: 100px 0;
    margin-left: 20px;
    height: 80vh; /* take full height of screen */
    box-sizing: border-box; /* ensure padding doesn't exceed height */
  }
}
.gaugieai .gaugie-ai-wrap .gai-hero .gai-hero-wrap,
.gaigeai .gaugie-ai-wrap .gai-hero .gai-hero-wrap,
.gaugieAi .gaugie-ai-wrap .gai-hero .gai-hero-wrap {
  max-width: 1260px;
  margin: 0 auto;
}
@media (max-width: 640px) {
  .gaugieai .gaugie-ai-wrap .gai-hero .gai-hero-wrap,
.gaigeai .gaugie-ai-wrap .gai-hero .gai-hero-wrap,
.gaugieAi .gaugie-ai-wrap .gai-hero .gai-hero-wrap {
    padding: 0 26px;
  }
}
.gaugieai .gaugie-ai-wrap .gai-hero .gai-hero-text,
.gaigeai .gaugie-ai-wrap .gai-hero .gai-hero-text,
.gaugieAi .gaugie-ai-wrap .gai-hero .gai-hero-text {
  max-width: 674px;
}
.gaugieai .gaugie-ai-wrap .gai-hero .gai-hero-text h1,
.gaigeai .gaugie-ai-wrap .gai-hero .gai-hero-text h1,
.gaugieAi .gaugie-ai-wrap .gai-hero .gai-hero-text h1 {
  font-size: 65px;
  line-height: 73px;
  font-weight: bold;
  color: #fff;
  position: relative;
  display: inline;
}
@media (max-width: 800px) {
  .gaugieai .gaugie-ai-wrap .gai-hero .gai-hero-text h1,
.gaigeai .gaugie-ai-wrap .gai-hero .gai-hero-text h1,
.gaugieAi .gaugie-ai-wrap .gai-hero .gai-hero-text h1 {
    font-size: 2rem;
    line-height: normal;
  }
}
.gaugieai .gaugie-ai-wrap .gai-hero .gai-hero-text h1 .inner-circle::before,
.gaigeai .gaugie-ai-wrap .gai-hero .gai-hero-text h1 .inner-circle::before,
.gaugieAi .gaugie-ai-wrap .gai-hero .gai-hero-text h1 .inner-circle::before {
  content: "";
  width: 59px;
  height: 59px;
  background-color: #fff;
  border-radius: 50%;
  position: absolute;
  left: -68px;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 800px) {
  .gaugieai .gaugie-ai-wrap .gai-hero .gai-hero-text h1 .inner-circle::before,
.gaigeai .gaugie-ai-wrap .gai-hero .gai-hero-text h1 .inner-circle::before,
.gaugieAi .gaugie-ai-wrap .gai-hero .gai-hero-text h1 .inner-circle::before {
    width: 30px;
    height: 30px;
    left: -35px;
  }
}
@media (max-width: 1281px) {
  .gaugieai .gaugie-ai-wrap .gai-hero .gai-hero-text h1 .inner-circle::before,
.gaigeai .gaugie-ai-wrap .gai-hero .gai-hero-text h1 .inner-circle::before,
.gaugieAi .gaugie-ai-wrap .gai-hero .gai-hero-text h1 .inner-circle::before {
    top: 37%;
  }
}
.gaugieai .gaugie-ai-wrap .gai-hero .gai-hero-text h1::after,
.gaigeai .gaugie-ai-wrap .gai-hero .gai-hero-text h1::after,
.gaugieAi .gaugie-ai-wrap .gai-hero .gai-hero-text h1::after {
  content: "";
  width: 59px;
  height: 59px;
  background-color: #fff;
  border-radius: 50%;
  position: absolute;
  bottom: 0;
  right: -72px;
}
@media (max-width: 800px) {
  .gaugieai .gaugie-ai-wrap .gai-hero .gai-hero-text h1::after,
.gaigeai .gaugie-ai-wrap .gai-hero .gai-hero-text h1::after,
.gaugieAi .gaugie-ai-wrap .gai-hero .gai-hero-text h1::after {
    width: 30px;
    height: 30px;
  }
}
@keyframes pulseGradient {
  0%, 100% {
    opacity: 0.6;
    transform: scale(1);
  }
  50% {
    opacity: 0.9;
    transform: scale(1.05);
  }
}
.gaugieai .gaugie-ai-wrap .gai-middle,
.gaigeai .gaugie-ai-wrap .gai-middle,
.gaugieAi .gaugie-ai-wrap .gai-middle {
  margin: 0 0 100px;
  padding: 0;
  position: relative;
  background-repeat: no-repeat;
  background-position: bottom center;
  overflow: hidden;
}
.gaugieai .gaugie-ai-wrap .gai-middle::before,
.gaigeai .gaugie-ai-wrap .gai-middle::before,
.gaugieAi .gaugie-ai-wrap .gai-middle::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://customer-gauge.files.svdcdn.com/staging/general/half-circle-background-new.png");
  background-repeat: no-repeat;
  background-position: bottom center;
  animation: pulseGradient 8s ease-in-out infinite;
  pointer-events: none;
  z-index: 0;
}
@media screen and (max-width: 800px) {
  .gaugieai .gaugie-ai-wrap .gai-middle::before,
.gaigeai .gaugie-ai-wrap .gai-middle::before,
.gaugieAi .gaugie-ai-wrap .gai-middle::before {
    bottom: 4rem;
  }
}
.gaugieai .gaugie-ai-wrap .gai-middle .gai-container,
.gaigeai .gaugie-ai-wrap .gai-middle .gai-container,
.gaugieAi .gaugie-ai-wrap .gai-middle .gai-container {
  max-width: 1260px;
  margin: 0 auto;
  color: #fff;
  text-align: center;
  padding-bottom: 40px;
}
@media (max-width: 800px) {
  .gaugieai .gaugie-ai-wrap .gai-middle .gai-container,
.gaigeai .gaugie-ai-wrap .gai-middle .gai-container,
.gaugieAi .gaugie-ai-wrap .gai-middle .gai-container {
    padding: 0 15px;
  }
}
.gaugieai .gaugie-ai-wrap .gai-middle .gai-container .gai-guitest,
.gaigeai .gaugie-ai-wrap .gai-middle .gai-container .gai-guitest,
.gaugieAi .gaugie-ai-wrap .gai-middle .gai-container .gai-guitest {
  font-size: 45px;
  line-height: 50px;
  font-weight: bold;
  max-width: 789px;
  margin: 0 auto 70px auto;
}
@media (max-width: 800px) {
  .gaugieai .gaugie-ai-wrap .gai-middle .gai-container .gai-guitest,
.gaigeai .gaugie-ai-wrap .gai-middle .gai-container .gai-guitest,
.gaugieAi .gaugie-ai-wrap .gai-middle .gai-container .gai-guitest {
    font-size: 2em;
    line-height: normal;
  }
}
.gaugieai .gaugie-ai-wrap .gai-middle .gai-container .gai-btn,
.gaigeai .gaugie-ai-wrap .gai-middle .gai-container .gai-btn,
.gaugieAi .gaugie-ai-wrap .gai-middle .gai-container .gai-btn {
  text-align: center;
  margin-bottom: 124px;
}
.gaugieai .gaugie-ai-wrap .gai-middle .gai-container .gai-btn a,
.gaigeai .gaugie-ai-wrap .gai-middle .gai-container .gai-btn a,
.gaugieAi .gaugie-ai-wrap .gai-middle .gai-container .gai-btn a {
  gap: 10px;
  align-items: center;
  background-color: transparent;
  display: inline-flex;
  font-size: 14px;
  width: 196px;
  height: 55px;
  align-items: center;
  justify-content: center;
  position: relative;
}
.gaugieai .gaugie-ai-wrap .gai-middle .gai-container .gai-btn a:hover,
.gaigeai .gaugie-ai-wrap .gai-middle .gai-container .gai-btn a:hover,
.gaugieAi .gaugie-ai-wrap .gai-middle .gai-container .gai-btn a:hover {
  background-color: white;
  color: #000;
  border: 0px transparent;
}
.gaugieai .gaugie-ai-wrap .gai-middle .gai-container .gai,
.gaigeai .gaugie-ai-wrap .gai-middle .gai-container .gai,
.gaugieAi .gaugie-ai-wrap .gai-middle .gai-container .gai {
  margin: 0 0 301px 0;
  padding: 0;
  list-style: none;
}
.gaugieai .gaugie-ai-wrap .gai-middle .gai-container .gai li,
.gaigeai .gaugie-ai-wrap .gai-middle .gai-container .gai li,
.gaugieAi .gaugie-ai-wrap .gai-middle .gai-container .gai li {
  margin: 0;
  padding: 0;
  list-style: none;
  color: #fff;
  font-weight: bold;
  font-size: 40px;
  text-align: center;
  margin-bottom: 87px;
}
@media (max-width: 800px) {
  .gaugieai .gaugie-ai-wrap .gai-middle .gai-container .gai li,
.gaigeai .gaugie-ai-wrap .gai-middle .gai-container .gai li,
.gaugieAi .gaugie-ai-wrap .gai-middle .gai-container .gai li {
    font-size: 2em;
    line-height: normal;
  }
}
.gaugieai .gaugie-ai-wrap .gai-middle .gai-container .gai .gai-icon,
.gaigeai .gaugie-ai-wrap .gai-middle .gai-container .gai .gai-icon,
.gaugieAi .gaugie-ai-wrap .gai-middle .gai-container .gai .gai-icon {
  width: 138px;
  height: 138px;
  background-color: #141414;
  border-radius: 17px;
  display: flex;
  margin: 0 auto;
  align-items: center;
  justify-content: center;
  margin-bottom: 56px;
}
.gaugieai .gaugie-ai-wrap .gai-middle .gai-container .gai .gai-icon img,
.gaigeai .gaugie-ai-wrap .gai-middle .gai-container .gai .gai-icon img,
.gaugieAi .gaugie-ai-wrap .gai-middle .gai-container .gai .gai-icon img {
  width: 71px;
  height: 71px;
}
.gaugieai .gaugie-ai-wrap .gai-middle .gai-container .gai-text,
.gaigeai .gaugie-ai-wrap .gai-middle .gai-container .gai-text,
.gaugieAi .gaugie-ai-wrap .gai-middle .gai-container .gai-text {
  max-width: 797px;
  margin: 0 auto;
}
@media (max-width: 800px) {
  .gaugieai .gaugie-ai-wrap .gai-middle .gai-container .gai-text,
.gaigeai .gaugie-ai-wrap .gai-middle .gai-container .gai-text,
.gaugieAi .gaugie-ai-wrap .gai-middle .gai-container .gai-text {
    margin: 0 auto 0;
  }
}
.gaugieai .gaugie-ai-wrap .gai-middle .gai-container .gai-text h2,
.gaigeai .gaugie-ai-wrap .gai-middle .gai-container .gai-text h2,
.gaugieAi .gaugie-ai-wrap .gai-middle .gai-container .gai-text h2 {
  font-size: 40px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  margin-bottom: 45px;
}
.gaugieai .gaugie-ai-wrap .gai-middle .gai-container .gai-text p,
.gaigeai .gaugie-ai-wrap .gai-middle .gai-container .gai-text p,
.gaugieAi .gaugie-ai-wrap .gai-middle .gai-container .gai-text p {
  font-size: 19px;
  color: #959595;
  margin: 0;
  font-weight: normal;
  font-family: Helvetica;
  line-height: normal;
}
.gaugieai .gaugie-ai-wrap .module-product-section .container,
.gaigeai .gaugie-ai-wrap .module-product-section .container,
.gaugieAi .gaugie-ai-wrap .module-product-section .container {
  padding-top: 0px;
}
.gaugieai .gaugie-ai-wrap .module-product-section .container .xitem,
.gaigeai .gaugie-ai-wrap .module-product-section .container .xitem,
.gaugieAi .gaugie-ai-wrap .module-product-section .container .xitem {
  background-color: #151517;
}
.gaugieai .gaugie-ai-wrap .module-product-section .container .xitem .xitem-content h5,
.gaigeai .gaugie-ai-wrap .module-product-section .container .xitem .xitem-content h5,
.gaugieAi .gaugie-ai-wrap .module-product-section .container .xitem .xitem-content h5 {
  color: #fff;
}
.gaugieai .gaugie-ai-wrap .module-product-section .container .xitem .xitem-content p,
.gaigeai .gaugie-ai-wrap .module-product-section .container .xitem .xitem-content p,
.gaugieAi .gaugie-ai-wrap .module-product-section .container .xitem .xitem-content p {
  color: #939393;
}
.gaugieai .gaugie-ai-wrap .module-product-section .container .xitem .xitem-content .btn,
.gaigeai .gaugie-ai-wrap .module-product-section .container .xitem .xitem-content .btn,
.gaugieAi .gaugie-ai-wrap .module-product-section .container .xitem .xitem-content .btn {
  background-color: #e2635c;
}
.gaugieai .gaugie-ai-wrap .module-product-section .container .xitem .xitem-content .btn:hover,
.gaigeai .gaugie-ai-wrap .module-product-section .container .xitem .xitem-content .btn:hover,
.gaugieAi .gaugie-ai-wrap .module-product-section .container .xitem .xitem-content .btn:hover {
  border-color: #e2635c;
  color: #e2635c;
  background-color: transparent;
}
.gaugieai .gaugie-ai-wrap .module-product-section .container .xitem .xitem-left .gifImageUrl,
.gaigeai .gaugie-ai-wrap .module-product-section .container .xitem .xitem-left .gifImageUrl,
.gaugieAi .gaugie-ai-wrap .module-product-section .container .xitem .xitem-left .gifImageUrl {
  background-color: #242424;
}

@keyframes spin {
  from {
    transform: translate(-50%, -50%) rotate(0);
  }
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
.rotating-border {
  --border-radius: 28px;
  --border-size: 2px;
  --border-bg: conic-gradient(red, red, black, black, black, black, black);
  --padding: 1rem;
  position: relative;
  overflow: hidden;
  font-size: 2rem;
  border-radius: var(--border-radius);
  display: inline-block;
  background: black;
}
.rotating-border:hover {
  --border-size: 0px !important;
  background-color: white;
  display: flex;
  color: #000;
}
.rotating-border:hover::before, .rotating-border:hover::after {
  opacity: 0;
}
.rotating-border::before {
  content: "";
  display: block;
  background: var(--border-bg);
  width: 141.421356237%;
  padding-bottom: 141.421356237%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 100%;
  z-index: -2;
  animation: spin 5s linear infinite;
}
.rotating-border--reverse::before {
  animation-direction: reverse;
}
.rotating-border::after {
  content: "";
  position: absolute;
  inset: var(--border-size);
  background: black;
  z-index: -1;
  border-radius: calc(var(--border-radius) - var(--border-size));
}

.rotating-border--data {
  --border-radius: 28px;
  --border-size: 2px;
  --border-bg: conic-gradient(
    #db5575 0turn 0.125turn,
    #ffff 0.125turn 0.25turn,
    #ffff 0.25turn 0.375turn,
    #ffff 0.375turn 0.5turn,
    #ffff 0.5turn 0.625turn,
    #ffff 0.625turn 0.75turn,
    #ffff 0.75turn 0.875turn,
    #ffff 0.875turn 1turn
  );
  box-shadow: 0 0 20px #4537aa;
  transition: box-shadow 0.3s ease;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  line-height: 2;
}
.rotating-border--data:hover {
  box-shadow: 0 0 12px #4537aa, 0 0 40px #4537aa;
}

.resources-module,
.resources-page {
  padding: 125px 0 0 0;
}

.resources-module h3,
.resources-page h3 {
  float: left;
}

.resources-module li,
.resources-page li {
  transform: scale(0.98);
  transition: 0.15s ease-out;
}

.resources-module li img,
.resources-page li img {
  margin: 0 auto;
  display: block;
}

.resources-module li:hover,
.resources-page li:hover {
  transform: scale(1);
}

.resources-module li:hover .button,
.resources-page li:hover .button {
  opacity: 1;
  background: #fff;
  color: #000;
}

.resources-module li .button,
.resources-page li .button {
  position: absolute;
  top: 43%;
  left: 20%;
  opacity: 0;
  width: 60%;
  transition: 0.15s ease-out;
  opacity: 0;
  -ms-box-shadow: 0 2px 25px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 2px 25px 0 rgba(0, 0, 0, 0.05);
}

.resources-module li .button a,
.resources-page li .button a {
  padding: 12px 25px;
}

.resources-module li .button svg,
.resources-page li .button svg {
  fill: none;
  stroke: #e2635c;
  stroke-width: 3;
}

#filters {
  float: right;
}

#filters .button {
  color: #484848;
  padding: 8px 25px;
  border: 1px solid #d7d7d4;
  margin: 0 15px 0 0;
}

#filters .button:last-of-type {
  margin-right: 0;
}

#filters .button.filtering,
#filters .button:hover {
  background: #e2635c;
  color: #f4f3ee;
  border: 1px solid #e2635c;
}

#filters .button.filtering svg,
#filters .button:hover svg {
  stroke: #f4f3ee;
}

#filters .button svg {
  fill: none;
  stroke: #c0c0bf;
  stroke-width: 3;
}

.resources-page {
  list-style: none;
}

.resources-page li {
  width: 25%;
  float: left;
}

.resources-page li img {
  max-width: 90%;
}

.resources-first.text-image {
  height: 650px;
  padding-bottom: 0;
  overflow: hidden;
}

.resources-first.text-image div.wrapper {
  height: 70%;
}

@media (min-width: 1600px) {
  .resources-first.text-image {
    height: 700px;
  }
}
.resources-first.text-image .resource-thumb {
  position: relative;
  top: auto;
  bottom: auto;
  left: auto;
  right: auto;
  margin-bottom: -20%;
}

.resources-first .grid-1-2:nth-of-type(2) {
  overflow: hidden;
  height: 110%;
}

#resources-index {
  background: #f2f1ed;
}

#resources-index #filters .button {
  padding: 0;
}

#resources-index #filters .button .icon {
  margin-left: 20px;
}

#resources-index #filters .button a {
  padding: 10px 25px 10px 5px;
}

#resources-index .resources-page {
  padding: 0;
  width: 110%;
  margin-left: -5%;
}

#resources-index .resources-page.events-list {
  margin-bottom: 80px;
}

#resources-index .resources-page li .button {
  top: 60%;
}

#resources-index .resources-page .gradient-cover {
  background: rgba(244, 243, 238, 0);
  background: -webkit-gradient(left top, left bottom, color-stop(0, rgba(244, 243, 238, 0)), color-stop(43%, #f4f3ee), color-stop(79%, #f2f1ed));
  background: linear-gradient(to bottom, rgba(244, 243, 238, 0) 0, #f2f1ed 43%, #f2f1ed 79%);
}

#resources-index .webinar.event {
  height: auto;
}

#resources-index .webinar.event .top {
  background: #e2635c;
  background: radial-gradient(ellipse at center, #ef9590 0, #e2635c 100%);
}

#resources-index .webinar.event .top img {
  width: 80%;
  top: 50%;
  transform: translateY(-50%);
}

#resources-index .webinar.event .bottom {
  height: auto;
}

#resources-index .webinar.event .read-more {
  position: relative;
  bottom: auto;
}

#resources-index .reflect {
  height: 150px;
  overflow: hidden;
}

#resources-index .resource-shadow {
  position: absolute;
  top: auto;
  bottom: 133px;
  width: 100%;
  left: 5%;
}

#resources-index h4 {
  margin-top: 30px;
}

#resource-slider {
  padding: 0;
  margin: 80px 0 0 -5%;
  width: 110%;
  height: 540px;
  overflow: hidden;
}

#resource-slider .slider-control.left {
  opacity: 0;
}

#resource-slider .blog-post {
  margin: 0 1% 60px;
}

#resource-slider .blog-post:nth-of-type(3n + 3) {
  margin: 0 1% 60px;
}

#resource-slider .blog-post:nth-of-type(3n + 1) {
  margin: 0 1% 60px;
}

#resource-slider .webinar {
  margin: 0 1% 60px;
}

.resource-shadow {
  position: absolute;
  top: 48%;
  width: 100%;
}

.reflection {
  transform: rotate(180deg);
  opacity: 0.1;
  transform: scaleY(-1);
}

.gradient-cover {
  position: absolute;
  width: 100%;
  height: 50%;
  background: #bbb;
  bottom: 0;
  left: 0;
  background: rgba(244, 243, 238, 0);
  background: -webkit-gradient(left top, left bottom, color-stop(0, rgba(244, 243, 238, 0)), color-stop(43%, #f4f3ee), color-stop(79%, #fff));
  background: linear-gradient(to bottom, rgba(244, 243, 238, 0) 0, #fff 43%, #fff 79%);
}

.slider-control {
  position: absolute;
  width: 20px;
  height: 320px;
  top: 0;
  z-index: 1000;
  cursor: pointer;
}

.slider-control.left {
  left: 20px;
}

.slider-control.right {
  right: 20px;
}

.slider-control img {
  top: 35%;
}

.case-studies {
  background: #fff;
  padding: 100px 0;
}

.case-studies .quote {
  font-size: 2.5em;
  line-height: 1.2;
  font-family: HelveticaNeueLTStd-Bd, Helvetica, Arial, sans-serif;
  width: 80%;
  margin: 40px auto 40px;
}

.case-studies .quote-credit {
  margin-bottom: 50px;
}

.case-studies .button {
  margin: 0 auto;
}

.quote-logo {
  width: 200px;
  margin: 0 auto;
  display: block;
}

.quote-credit {
  font-size: 0.8em;
  font-family: HelveticaNeueLTStd-Bd, Helvetica, Arial, sans-serif;
}

img.quote-photo {
  border-radius: 50%;
  width: 50px;
  height: 50px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px;
}

#case-studies-slider {
  margin: 0 0 0 -5%;
  width: 110%;
  padding: 0 0 50px 0;
}

#case-studies-slider .slider-control {
  height: 100%;
}

.slick-slide,
.slick-slide img,
.slide-slide a {
  outline: 0;
}

.slick-dots li .button {
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
}

.slick-dots li,
.slick-dots li .button,
.slick-dots li .button:before,
.slick-dots li.slick-active .button:before {
  width: 6px;
  height: 6px;
  transition: 0.2s ease;
}

.slick-dots li.slick-active .button:before {
  background: #4ba082;
  border: 2px solid #4ba082;
  border-radius: 50%;
  content: "";
}

.slick-dots li .button:before {
  background: 0 0;
  border: 2px solid #ddd;
  border-radius: 50%;
  content: "";
}

.name {
  width: 155px;
  display: inline-block;
  text-align: right;
  vertical-align: middle;
  padding: 10px;
}

.position {
  color: #aeaeae;
  width: 155px;
  display: inline-block;
  text-align: left;
  vertical-align: middle;
  font-family: HelveticaNeueLTStd-Lt, Helvetica, Arial, sans-serif;
  font-size: 0.9em;
  padding: 10px;
}

.customer-stories {
  color: #231f20;
  padding: 150px 0;
}

.customer-stories h4 {
  font-size: 1.444em;
}

.customer-stories .grid-1-3 {
  padding: 0 5%;
  margin-top: 60px;
}

.customer-stories .quote-logo {
  height: 50px;
  width: auto;
  max-width: none;
}

.customer-stories .quote {
  margin: 30px auto;
  min-height: 200px;
}

.customer-stories .quote span img {
  position: absolute;
  z-index: 0;
  top: -20px;
  left: -30px;
}

.customer-stories .quote .inner {
  z-index: 1;
}

.customer-stories img.quote-photo {
  float: left;
}

.customer-stories .position,
.customer-stories .quote-credit {
  text-align: left;
  font-size: 0.9em;
  margin: 0;
  display: inline-block;
  width: 150px;
  padding: 0;
}

.customer-stories .position {
  font-size: 12px;
}

.credit-wrapper {
  margin: 0 auto;
  max-width: 250px;
}

#tabs {
  color: #fff;
  margin: 0 auto 100px;
  text-align: center;
}

#tabs .slick-dots {
  display: none !important;
}

#tabs .tab-wrapper {
  border: 1px solid #fff;
  display: inline-block;
  border-radius: 30px;
  padding: 8px;
}

#tabs a {
  font-size: 0.8em;
  padding: 8px 25px;
  display: inline-block;
  cursor: pointer;
  transition: background 0.3s ease;
  min-width: 100px;
  font-family: HelveticaNeueLTStd-Bd, Helvetica, Arial, sans-serif;
  border-radius: 30px;
}

#tabs a.active {
  background: #e2635c;
}

#tabs a.active img {
  filter: brightness(5);
}

.content-slider {
  padding: 50px 0 0 0;
  background-color: #004f63;
}

#content-slider {
  color: #fff;
  margin: 0;
  padding: 40px 0 0 0;
}

#content-slider img {
  position: absolute;
  right: 0;
  top: 0;
}

#content-slider p {
  color: #ebe9e1;
  margin-top: 30px;
}

.slide-text {
  width: 40%;
  padding-top: 100px;
  float: left;
  margin-left: 5%;
  padding-bottom: 100px;
}

.slide-image {
  width: 60%;
  float: right;
  margin-right: -200px;
  min-height: 500px;
}

footer {
  background: #2c2c2c;
  background-size: cover;
  padding: 0 0 50px 0;
  overflow: hidden;
}

footer .seperator {
  background: #d85a53;
}

.footer-radial-bg {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
}

.footer-content {
  margin-top: 38px;
  border-top: 2px solid #fff;
  font-size: 14px;
}

.footer-logo {
  max-width: 300px;
  display: block;
  margin: 20px 0;
}

.email-signup .button,
.email-signup input {
  border: 1px solid rgba(255, 255, 255, 0.3);
  display: inline;
  white-space: nowrap;
  padding: 18px;
  font-size: 1em;
  line-height: 1.2;
}

.email-signup input {
  background: 0 0;
  width: 60%;
  border-radius: 30px 0 0 30px;
  color: #fff;
  margin-top: 40px;
}

.email-signup .button {
  border-radius: 0 30px 30px 0;
  width: 29%;
  margin-left: -4px;
}

::-webkit-input-placeholder {
  color: #f3e1e1;
}

::-moz-placeholder {
  color: #f3e1e1;
}

:-ms-input-placeholder {
  color: #f3e1e1;
}

:-moz-placeholder {
  color: #f3e1e1;
}

#contact-us-form input {
  width: 95%;
  margin-bottom: 20px;
}

#contact-us-form label {
  font-size: 13px;
}

#contact-us-form textarea {
  width: 96%;
  border: 1px solid #ddd;
  border-radius: 3px;
  height: 100px;
  margin-bottom: 20px;
}

#ax-pilot-form,
#contact-us-form,
#request-demo {
  display: none;
  width: 550px;
  padding: 30px 10px 30px 35px;
  position: relative;
  top: 100px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 9999999999;
  background: #fff;
  box-shadow: 0 5px 21px 3px rgba(0, 0, 0, 0.44);
  margin-bottom: 200px;
}

#ax-pilot-form input[type=text],
#contact-us-form input[type=text],
#request-demo input[type=text] {
  box-shadow: none;
  height: 30px;
}

#ax-pilot-form input[type=submit],
#contact-us-form input[type=submit],
#request-demo input[type=submit] {
  width: 130px;
  padding: 0;
  display: block;
  margin: 0 auto;
  border: none;
  outline: 0;
  border-radius: 30px;
  font-size: 0.85em;
  font-family: HelveticaNeueLTStd-Bd, Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: #fff;
  background: #007a88;
  border: 1px solid #007a88;
  text-shadow: none;
  transition: 0.15s ease;
  cursor: pointer;
  box-shadow: none;
}

#ax-pilot-form input[type=submit]:hover,
#contact-us-form input[type=submit]:hover,
#request-demo input[type=submit]:hover {
  color: #007a88;
  background: 0 0;
  box-shadow: none;
}

#ax-pilot-form label,
#contact-us-form label,
#request-demo label {
  margin-top: 0;
}

#ax-pilot-form .hbspt-form,
#contact-us-form .hbspt-form,
#request-demo .hbspt-form {
  margin-top: 80px;
}

#hsForm_fa9771ea-81c0-4d16-a4f7-a0389db87a52 {
  font-size: 13px !important;
  color: #33475b !important;
}

.ax-pilot-header,
.request-demo-header {
  height: 80px;
  float: left;
  width: 100%;
  background: #e2635c;
  position: absolute;
  top: 0;
  left: 0;
}

.ax-pilot-header h2,
.request-demo-header h2 {
  color: #fff;
  padding-left: 35px;
  font-family: HelveticaNeueLTStd-Bd, Helvetica, Arial, sans-serif;
  font-size: 24px;
  padding-top: 30px;
}

.featherlight #request-demo {
  display: block;
}

.ax-pilot-overlay,
.contact-us-overlay,
.request-demo-overlay {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 999999999;
  display: none;
  background: rgba(0, 0, 0, 0.65);
  overflow-y: scroll;
}

.request-demo-button {
  float: right;
  width: 30px;
  height: 30px;
  box-shadow: none;
  border: none;
  background: 0 0;
  color: #fff;
  font-size: 30px;
  margin-top: 20px;
  margin-right: 20px;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}

.show {
  display: block !important;
}

.interior-hero {
  padding: 50px 0 0 0;
  max-width: 1000px;
  margin: 0 auto;
}

.interior-hero h2 {
  margin-bottom: 40px;
}

.interior-hero h2 sup {
  vertical-align: super;
  font-size: 18px;
  top: -8px;
  left: 2px;
  position: relative;
}

.interior-hero p {
  margin-bottom: 20px;
  width: 80%;
  margin: 0 auto 20px;
}

.bg {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0.3;
  top: 0;
  left: 0;
  overflow: hidden;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 0;
}

.contact .text-image .img-right {
  bottom: none !important;
  top: initial !important;
  transform: none !important;
}

.contact .module.text-image:nth-of-type(2) {
  padding-bottom: 0;
}

.contact .module.text-image:nth-of-type(3) {
  padding-top: 0;
}

.case.wrapper {
  z-index: 1;
}

.dark-gradient {
  background: #496f78;
  background: radial-gradient(ellipse at center, #496f78 0, #1a555c 75%, #1a555c 100%);
}

.case-box {
  width: 30%;
  margin: 1.6666666666%;
  height: 300px;
  float: left;
  background-color: rgba(0, 0, 0, 0.8);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  box-shadow: 0 5px 40px 0 rgba(0, 0, 0, 0.21);
  transition: all 0.2s ease;
}

.case-box img {
  width: 50%;
  margin: 0 auto;
  display: block;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.case-box:hover {
  background-color: #000;
  box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.34);
}

.case-content {
  padding: 100px 0 0 0;
}

.case-content h4 {
  font-size: 1.75em;
}

.case-content hr {
  margin-bottom: 50px;
}

#load-cases {
  margin: 50px 0;
}

.more-cases {
  opacity: 0;
}

.case-modal {
  display: none;
  max-width: 1000px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  padding: 40px;
  font-size: 16px;
}

.case-modal h4 {
  font-family: HelveticaNeueLTStd-Hv, Helvetica, Arial, sans-serif;
  padding: 50px 20px 0 20px;
  z-index: 1;
}

.case-modal hr {
  margin: 0 0 0 20px;
  display: block;
  z-index: 1;
}

.case-modal h5 {
  color: #e2635c;
}

.case-modal p {
  margin-bottom: 20px;
  color: #202020;
  width: 90%;
}

.case-modal p:last-of-type {
  margin-bottom: 10px;
}

.case-modal.featherlight-content {
  display: block;
}

.case-modal .grid-1-3 {
  border-left: 2px solid #bdb4b3;
  padding: 10px 0 0 40px;
}

.case-modal .grid {
  position: absolute;
  top: -220px;
  left: -70px;
  width: 300px;
  opacity: 0.5;
  z-index: 0;
}

.case-modal .credit {
  color: #686260;
  font-size: 0.8em;
}

.case-modal-background {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.2;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.case-body {
  color: #686260;
}

.blog-hero .button.secondary:hover,
.case .button.secondary:hover {
  background: #fff;
  color: #007a88;
}

.modal-case-quote {
  font-family: HelveticaNeueLTStd-Hv, Helvetica, Arial, sans-serif;
  font-size: 0.95em;
}

.featherlight .featherlight-content {
  padding: 0;
  border: none;
  box-shadow: 0 5px 21px 3px rgba(0, 0, 0, 0.44);
}

.featherlight .featherlight-close-icon {
  margin: 0;
  background: 0 0;
  font-family: inherit;
  font-size: 1.4em;
  top: 30px;
  right: 30px;
}

.featherlight:last-of-type {
  background: rgba(0, 0, 0, 0.65);
}

.blog-top-gradient {
  background: linear-gradient(to bottom, rgba(1, 57, 72, 0.7) 0, rgba(1, 57, 72, 0.25) 50%, rgba(0, 0, 0, 0) 100%);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: top center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 1;
}

.blog-hero a {
  text-decoration: none;
}

.blog-hero sup {
  vertical-align: super;
  font-size: 18px;
  top: -8px;
  left: 2px;
  position: relative;
}

.blog-hero-details {
  margin-bottom: 20px;
}

.blog-hero-details .date {
  display: inline-block;
  vertical-align: top;
  top: 22px;
  color: #dfddd6;
  margin: 5px 0;
  width: auto;
}

.blog-hero-details .author-name {
  display: inline-block;
  vertical-align: top;
  top: 22px;
  font-family: neue-medium, sans-serif;
  color: #dfddd6;
  margin: 5px 0;
  width: auto;
}

.blog-content sup {
  vertical-align: super;
  font-size: 12px;
}

.blog-circle {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.3);
  padding: 6px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  display: inline-block;
  margin: 0 5px;
  overflow: hidden;
}

.blog-circle img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.blog-thirds {
  width: 100%;
  height: 340px;
}

.blog-thirds .grid-1-3 {
  height: 100%;
  padding: 0;
  overflow: hidden;
}

.blog-thirds .grid-1-3:hover .blog-thirds-background-image {
  transform: scale(1.05);
}

.blog-thirds .blog-thirds-background-image {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  z-index: 1;
  position: absolute;
  transition: all 0.4s;
}

.blog-thirds .read-more {
  bottom: 80px;
  transition: all 0.2s;
}

.read-more {
  font-size: 18px;
  padding-top: 20px;
  position: absolute;
  bottom: 65px;
  transition: all 0.2s;
}

.read-more:hover {
  text-decoration: underline;
}

.blog-button-container {
  clear: both;
  width: 100%;
}

.blog-content {
  padding: 60px 30% 60px 10%;
  z-index: 2;
  height: 100%;
}

.blog-content p:hover {
  color: #e2635c;
}

.blog-content a {
  text-decoration: none;
}

.recent-posts {
  width: 100%;
  height: auto;
  padding-top: 80px;
  background: #f2f1ed;
  padding-bottom: 50px;
}

.recent-posts .top-info {
  float: left;
  width: 100%;
}

.recent-posts .top-info h4 {
  color: #48463f;
  display: inline-block;
  float: left;
  top: 11px;
  text-transform: capitalize;
}

.recent-posts .top-info h6 {
  display: inline-block;
  float: left;
  clear: both;
  font-size: 0.85em;
  color: #b2b1ac;
}

.recent-posts .top-info .filter {
  width: 208px;
  height: 62px;
  border-radius: 31px;
  border: 1px solid #c0beb8;
  display: inline-block;
  float: right;
  background: 0 0;
  margin: 0;
}

.recent-posts .top-info .filter:before {
  content: url(https://customer-gauge.files.svdcdn.com/staging/filter.svg);
  width: 30px;
  height: 30px;
  margin: 15px;
  display: inline-block;
  float: left;
}

.recent-posts .top-info .filter-select {
  background: 0 0;
  display: inline-block;
  position: relative;
  margin: 0 0;
  height: 62px;
  border: none;
  font-family: HelveticaNeueLTStd-Hv, Helvetica, Arial, sans-serif;
  font-size: 15px;
  color: #595750;
  float: left;
  width: calc(100% - 75px);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url(https://customer-gauge.files.svdcdn.com/staging/down-arrow.png);
  background-repeat: no-repeat;
  background-position: right 20px center;
}

.recent-posts .search-box {
  width: 505px;
  border-radius: 31px;
  height: 62px;
  border: none;
  display: inline-block;
  color: #b6b5b2;
  font-family: neue-heavy, sans-serif;
  font-size: 15px;
  overflow: hidden;
  float: right;
  margin-right: 45px;
}

.recent-posts .search-box:before {
  content: url(https://customer-gauge.files.svdcdn.com/staging/magnify-glass.svg);
  width: 20px;
  height: 20px;
  display: block;
  float: left;
  margin: 20px;
}

.recent-posts .search {
  border: 0;
  float: left;
  width: calc(100% - 60px);
  height: 62px;
  -webkit-appearance: textfield;
}

.recent-posts .search::-moz-placeholder {
  color: #b6b5b2;
  font-family: neue-heavy, sans-serif;
}

.recent-posts .search::placeholder {
  color: #ababab;
  font-family: neue-heavy, sans-serif;
}

.recent-posts .search-submit {
  width: 110px;
  height: 62px;
  background: #e2635c;
  position: absolute;
  right: 0;
  display: none;
  opacity: 0;
  cursor: pointer;
}

.recent-posts .search-submit p {
  font-size: 1.15em;
  font-family: HelveticaNeueLTStd-Bd, Helvetica, Arial, sans-serif;
  color: #fff;
  text-align: center;
  padding: 14px 0;
}

.posts-container {
  width: 100%;
  float: left;
  margin-top: 50px;
}

.loading-indicator {
  display: none;
  width: 50px;
  height: 50px;
  opacity: 0;
  margin: 200px auto;
}

.blog-post,
.teammate,
.webinar {
  height: 482px;
  border-radius: 2px;
  background: #fff;
  margin: 30px 2.25%;
  text-align: left;
  width: 30.33333333%;
  float: left;
  box-shadow: 0 5px 40px 0 rgba(36, 36, 36, 0.1);
  transition: all 0.4s;
  overflow: hidden;
}

.blog-post:hover,
.teammate:hover,
.webinar:hover {
  box-shadow: 0 5px 40px 0 rgba(36, 36, 36, 0.25);
  transform: scale(1.02);
}

.blog-post .top,
.teammate .top,
.webinar .top {
  height: 240px;
  width: 100%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  float: left;
  overflow: hidden;
  transition: all 0.4s;
}

.blog-post .bottom,
.teammate .bottom,
.webinar .bottom {
  width: 100%;
  height: 242px;
  float: left;
  background: #fff;
}

.blog-post .blog-content,
.teammate .blog-content,
.webinar .blog-content {
  padding: 35px;
}

.blog-post p,
.teammate p,
.webinar p {
  color: #000;
}

.blog-post p:hover,
.teammate p:hover,
.webinar p:hover {
  color: #e2635c;
}

.blog-post:nth-of-type(3n + 1) {
  margin-left: 0;
}

.blog-post:nth-of-type(3n + 3) {
  margin-right: 0;
}

.blog-tags {
  position: absolute;
  bottom: 0;
  width: calc(100% - 70px);
  padding-bottom: inherit;
}

.blog-tags img {
  width: 16px;
  height: 16px;
  float: left;
  margin-right: 5px;
  position: relative;
  top: 4px;
}

.blog-tags p {
  font-family: neue-medium, sans-serif;
  font-size: 12px;
  color: #989898;
  float: left;
  text-decoration: underline;
  padding: 0 5px;
  cursor: pointer;
  margin: 0;
  top: 5px;
}

.blog-tags p:hover {
  color: #e2635c;
}

.blog footer .seperator {
  background-color: #f2f1ed;
}

.blog-entry {
  padding-bottom: 0;
}

.blog-entry-hero {
  background: #fff;
  width: 100%;
  height: 100%;
  position: relative;
  border-radius: 3px 3px 0 0;
  overflow: hidden;
  margin-top: 45px;
}

.blog-entry-hero hr {
  height: 1px;
  width: 49px;
  background-color: #e2635c;
  border: none;
  position: absolute;
  bottom: 0;
  margin: 0;
  left: 65px;
}

.blog-entry-hero sup {
  vertical-align: super;
  font-size: 18px;
  top: -8px;
  left: 2px;
  position: relative;
}

.blog-entry-hero-text-container {
  top: 40%;
  transform: translateY(-40%);
  position: absolute;
  z-index: 2;
  padding-left: 65px;
  width: 60%;
}

.blog-entry-hero-text-container .splittext {
  width: 100%;
  font-family: HelveticaNeueLTStd-Hv, Helvetica, Arial, sans-serif;
  float: left;
  font-size: 18px;
}

.blog-entry-hero-text-container .splittext > div {
  background-color: #fff;
  display: inline !important;
  font-size: 2.7em;
  line-height: 1.2;
  padding: 6px 5px;
}

.blog-entry-hero-text-container span {
  background-color: #fff;
  padding: 5px 0;
  line-height: 1.2;
}

.blog-entry-author {
  width: 45%;
  height: 100%;
  float: left;
  position: relative;
}

.blog-entry-author .blog-entry-author-details {
  position: absolute;
  bottom: 54px;
  left: 65px;
  width: calc(100% - 65px);
}

.blog-entry-author .circle {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  float: left;
}

.blog-entry-author .circle-details {
  float: left;
}

.blog-entry-author h6 {
  font-size: 14px;
  color: #595959;
  padding: 0 20px 0;
  float: none;
}

.blog-entry-author p {
  color: #bdbdbd;
  font-family: neue-medium, sans-serif;
  font-size: 11px;
  padding: 10px 20px 0;
}

.blog-entry-hero-image {
  width: 55%;
  height: 100%;
  float: right;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.blog-share-button {
  width: 57px;
  height: 57px;
  border-radius: 28.5px;
  background: #e2635c;
  position: absolute;
  z-index: 6;
  overflow: hidden;
  display: none;
}

.blog-share-button:hover {
  background: #e2635c;
}

.blog-share-button:active {
  background: #e2635c;
}

.blog-share-button:focus {
  background: #e2635c;
}

.blog-share-button:visited {
  background: #e2635c;
}

.blog-share-button img {
  width: 23px;
  height: 23px;
  top: 17px;
  left: 45%;
  transform: translateX(-45%);
}

.blog-share-button .blog-share-social-icons img {
  width: 20px;
  height: 20px;
  display: block;
  margin: 11px 0 15px;
  left: 50%;
  transform: translateX(-50%);
}

.blog-entry-body {
  width: 100%;
  height: auto;
  background: white;
}

.blog-entry-content {
  padding: 40px 60px;
  background: #fff;
  width: 100%;
  background-position: bottom -40px right -30px;
  background-repeat: no-repeat;
}

.blog-entry-content figure {
  max-width: 100% !important;
  width: auto !important;
  margin: 20px auto;
}

@media screen and (max-width: 928px) {
  .blog-entry-content figure {
    margin: 0 auto;
  }
}
.blog-entry-content * {
  max-width: 100%;
}

.blog-entry-content iframe {
  max-width: 100%;
}

.blog-entry-text-container {
  width: 65%;
  padding-right: 60px;
  float: left;
  color: #6f6f6f;
  font-size: 18px;
  font-family: Helvetica, sans-serif;
  line-height: 30px;
  padding: 20px 0;
}

.blog-entry-text-container h1,
.blog-entry-text-container h2 {
  font-size: 32px;
  font-weight: 700;
  font-family: neue-bold, sans-serif;
  line-height: 38px;
  color: #48463f;
  padding-top: 40px;
  letter-spacing: 1px;
}

.blog-entry-text-container h3 {
  font-size: 24px;
  font-weight: 700;
  font-family: neue-bold, sans-serif;
  line-height: 28px;
  color: #48463f;
  padding-top: 20px;
  letter-spacing: 0;
}

.blog-entry-text-container h4 {
  font-size: 26px;
  line-height: 40px;
  font-weight: 400;
  font-family: Helvetica, sans-serif;
  color: #b2b1ac;
  font-style: italic;
}

.blog-entry-text-container p {
  color: #6f6f6f;
  font-size: 18px;
  font-family: Helvetica, sans-serif;
  line-height: 30px;
  padding: 20px 0;
}

.blog-entry-text-container blockquote {
  font-style: italic;
  font-weight: 300;
  color: #999;
  border-left: 3px solid #e2635c;
  padding-left: 10px;
  margin-left: 10px;
  width: calc(100% - 50px);
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 15px;
  margin-bottom: 15px;
}

.blog-entry-text-container li {
  color: #3f3f3f;
}

.blog-entry-text-container img {
  margin: 0 auto;
  display: block;
  height: auto;
}

.blog-entry-sidebar {
  width: 35%;
  float: left;
}

.blog-entry-sidebar .search-box {
  width: calc(100% - 30px);
  border-radius: 31px;
  height: 62px;
  border: none;
  display: inline-block;
  color: #b6b5b2;
  font-family: HelveticaNeueLTStd-Hv, Helvetica, Arial, sans-serif;
  font-size: 15px;
  overflow: hidden;
  float: right;
  border: 1px solid #9b9187;
}

.blog-entry-sidebar .search-box:before {
  content: url(https://customer-gauge.files.svdcdn.com/staging/magnify-glass.svg);
  width: 20px;
  height: 20px;
  display: block;
  float: left;
  margin: 20px;
}

.blog-entry-sidebar .search {
  border: 0;
  float: left;
  width: calc(100% - 60px);
  height: 62px;
  position: relative;
  overflow: hidden;
  -webkit-appearance: textfield;
}

.blog-entry-sidebar .search::-moz-placeholder {
  color: #b6b5b2;
  font-family: HelveticaNeueLTStd-Hv, Helvetica, Arial, sans-serif;
}

.blog-entry-sidebar .search::placeholder {
  color: #ababab;
  font-family: HelveticaNeueLTStd-Hv, Helvetica, Arial, sans-serif;
}

.blog-entry-sidebar .search-submit {
  width: 60px;
  height: 62px;
  background: #e2635c;
  position: absolute;
  right: 0;
  display: none;
  opacity: 0;
  cursor: pointer;
}

.blog-entry-sidebar .search-submit p {
  font-size: 1.15em;
  font-family: HelveticaNeueLTStd-Bd, Helvetica, Arial, sans-serif;
  color: #fff;
  text-align: center;
  padding: 14px 0;
}

.blog-entry-sidebar .search-submit img {
  border: 0;
  max-width: 100%;
  width: 10px;
  position: relative;
  top: 50%;
  left: 45%;
  transform: translateX(-45%) translateY(-50%);
}

.blog-entry-sidebar .sidebar-container {
  float: left;
  width: 100%;
  margin-top: 60px;
  padding-left: 30px;
}

.blog-entry-sidebar .sidebar-container h3 {
  font-family: neue-bold, sans-serif;
  font-size: 26px;
  color: #48463f;
  font-weight: 700;
  margin-bottom: 5px;
}

.blog-entry-sidebar .sidebar-container p {
  font-size: 16px;
  font-family: Helvetica, sans-serif;
  font-weight: 700;
  line-height: 24px;
  color: #007a88;
  text-decoration: underline;
  margin: 20px 0;
  float: left;
}

.blog-entry-sidebar .sidebar-container ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.blog-entry-sidebar .sidebar-container li {
  font-family: neue-medium, sans-serif;
  font-weight: 500;
  text-transform: lowercase;
  font-size: 15px;
  text-decoration: underline;
  color: #a3a3a3;
  width: 50%;
  float: left;
  padding: 5px 0;
  tranition: 0.1s;
  -webkit-transition: 0.1s;
  -moz-transition: 0.1s;
  -ms-transition: 0.1s;
}

.blog-entry-sidebar .sidebar-container li:hover {
  color: #e2635c;
  cursor: pointer;
}

.blog-entry-bottom {
  width: 100%;
  float: left;
  margin-top: 60px;
}

.blog-entry-bottom img {
  width: 20px;
  height: 20px;
  display: inline-block;
  float: left;
}

.blog-entry-bottom img:nth-of-type(2) {
  margin: 0 30px;
}

.blog-entry-bottom img:last-of-type {
  margin-right: 10px;
}

.blog-entry-bottom p {
  font-family: HelveticaNeueLTStd-Hv, Helvetica, Arial, sans-serif;
  color: #a8a8a8;
  font-size: 16px;
  display: inline-block;
  line-height: 1;
  padding: 0;
  margin: 0;
}

.blog-entry-bottom span {
  color: #e2635c;
  text-decoration: underline;
}

.blog-entry-bottom .blog-entry-bottom-social {
  width: 130px;
  float: left;
}

.blog-entry-bottom .blog-entry-bottom-next-post {
  width: auto;
  float: right;
}

.recent-blog-entry-posts h4 {
  color: #48463f;
}

.ebook-cta {
  width: 100%;
  background: #1b1b1b;
  border-radius: 3px;
  padding: 35px;
  float: left;
  margin-top: 100px;
  min-height: 177px;
}

.ebook-cta .text-container {
  width: 65%;
  float: left;
}

.ebook-cta .text-container a {
  text-decoration: none;
}

.ebook-cta .text-container h2 {
  font-family: HelveticaNeueLTStd-Hv, Helvetica, Arial, sans-serif;
  font-size: 21px;
  line-height: 30px;
  color: #fff;
  margin: 0;
  padding: 0;
  letter-spacing: 0;
}

.ebook-cta .text-container p {
  color: #e2635c;
  text-decoration: underline;
  font-size: 18px;
  font-family: HelveticaNeueLTStd-Hv, Helvetica, Arial, sans-serif;
  padding-bottom: 0;
  line-height: 1;
  margin-bottom: 0;
}

.ebook-cta .book {
  width: 35%;
  height: calc(100% + 25px);
  position: absolute;
  top: -25px;
  right: 0;
  overflow: hidden;
}

.ebook-cta .book.cta-logo img {
  transform: translateY(-50%);
  top: 50%;
  right: 50px;
  position: absolute;
}

.ebook-cta .book img {
  width: 182px;
  top: 0;
  position: absolute;
  right: 50px;
}

.gdpr-compliance .module,
.privacy-policy .module,
.terms-of-service .module {
  height: auto;
  padding-bottom: 0;
}

.gdpr-compliance .module div.wrapper,
.privacy-policy .module div.wrapper,
.terms-of-service .module div.wrapper {
  max-width: 1000px;
  font-size: 14px;
  color: #444;
}

.gdpr-compliance .module div.wrapper p,
.privacy-policy .module div.wrapper p,
.terms-of-service .module div.wrapper p {
  margin: 20px 0;
}

.gdpr-compliance .full-width,
.privacy-policy .full-width,
.terms-of-service .full-width {
  padding-top: 0;
}

.about-us > * {
  overflow: hidden;
}

.about-top-gradient {
  background: linear-gradient(to bottom, rgba(1, 57, 72, 0.7) 0, rgba(1, 57, 72, 0.25) 50%, rgba(0, 0, 0, 0) 100%);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: top center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 1;
}

.first .wistia_responsive_padding {
  position: absolute !important;
  width: 100%;
  height: 105%;
  top: 0;
  opacity: 0.4;
}

@media screen and (max-width: 1360px) {
  .about-us .first .wistia_responsive_padding {
    height: 120%;
    width: 120%;
  }
}
.wistia_popover_overlay {
  z-index: 2000000 !important;
}

.wistia_placebo_close_button,
.wistia_popover_embed {
  z-index: 2000001 !important;
}

#hero {
  padding-bottom: 105px;
}

#axsolution .img-right {
  top: 65px;
  right: 0 !important;
  max-height: initial !important;
  width: 65% !important;
}

#axsolution .button {
  margin-top: 0;
}

#axsolution.text-image {
  padding: 100px 0;
  top: -55px;
}

#axsolution .vertical-align {
  padding-top: 0;
}

@media (max-width: 1400px) {
  #axsolution.text-image {
    padding: 100px 0 0;
  }
  #axsolution .img-right {
    top: 65px;
    width: 55% !important;
  }
}
@media (max-width: 1300px) {
  #axsolution .img-right {
    top: 65px;
    width: 63% !important;
  }
}
@media (max-width: 1200px) {
  #axsolution .vertical-align {
    padding-top: 75px;
  }
}
@media (max-width: 1140px) {
  #axsolution .img-right {
    top: 65px;
    width: 72% !important;
  }
}
@media (max-width: 950px) {
  #axsolution .img-right {
    top: 65px;
    width: 70% !important;
  }
}
@media (max-width: 768px) {
  #axsolution {
    display: flex;
    flex-direction: column-reverse;
    padding: 0;
  }
  #axsolution .img-right {
    width: 100% !important;
    top: 65px !important;
  }
  #axsolution.text-image {
    padding: 0;
  }
  #axsolution .vertical-align {
    padding-top: 75px;
  }
  #axsolution .button {
    margin-top: 20px;
  }
}
@media (min-width: 1600px) {
  #axsolution .img-right {
    width: 61% !important;
  }
}
@media (min-width: 1800px) {
  #axsolution .img-right {
    width: 58% !important;
  }
}
@media (min-width: 1900px) {
  #axsolution .img-right {
    width: 52% !important;
  }
}
@media (min-width: 2100px) {
  #axsolution .img-right {
    width: 50% !important;
  }
}
@media (min-width: 2200px) {
  #axsolution .img-right {
    width: 46% !important;
  }
}
@media (min-width: 2400px) {
  #axsolution .img-right {
    width: 40% !important;
  }
}
@media (max-width: 1200px) {
  .vertical-align {
    padding-top: 0;
  }
}
@media (max-width: 768px) {
  .about-us .wistia_responsive_padding {
    display: none;
  }
}
.about-us .first {
  overflow: hidden;
}

.about-us .first #wistia-muqh6ie2kg-1 {
  opacity: 0;
  transition: 1s ease;
}

.about-us .first #wistia-muqh6ie2kg-1.vid-fade {
  opacity: 1;
}

.about-us .first .bg {
  display: none;
}

@media (max-width: 768px) {
  .about-us .first .bg {
    display: block;
  }
}
.about-us .first .wrapper {
  z-index: 2;
}

.about-us .interior-hero {
  padding: 150px 0;
}

.about-us .interior-hero p {
  color: #a1d4d1;
}

.about-us .one-column-feature {
  margin-top: 30px;
  background: url(https://customer-gauge.files.svdcdn.com/staging/about-us/images/C.png) no-repeat center center;
  background-size: auto 90%;
}

.about-us .one-column-feature p {
  color: #7d7d7d;
  line-height: 1.75;
  padding: 0 20px;
}

.about-us .pieces {
  background: #002a35;
}

.about-us .seperator.bottom {
  background: #529890;
  overflow: visible;
  z-index: 0;
  margin-top: 0;
}

.about-us .seperator.bottom .pieces {
  background: #fff;
}

.finale {
  background: #529890;
  z-index: 1;
}

.finale h2 {
  font-size: 580px;
  font-family: HelveticaNeueLTStd-Hv;
  opacity: 0.5;
  position: absolute;
  bottom: -60px;
  width: 100%;
  text-align: center;
  letter-spacing: -20px;
}

@media screen and (max-width: 1400px) {
  .finale h2 {
    font-size: 28em;
  }
}
@media screen and (max-width: 1100px) {
  .finale h2 {
    font-size: 24em;
    bottom: 0;
  }
}
@media screen and (max-width: 950px) {
  .finale h2 {
    font-size: 20em;
    bottom: 0;
  }
}
@media screen and (max-width: 900px) {
  .finale h2 {
    bottom: 10px;
  }
}
@media screen and (max-width: 700px) {
  .finale h2 {
    font-size: 15em;
  }
}
@media screen and (max-width: 500px) {
  .finale h2 {
    font-size: 10em;
    bottom: 40px;
    letter-spacing: -5px;
  }
}
.finale .logo-cloud {
  z-index: 2;
  padding-top: 0;
}

.finale .logo-cloud img {
  padding: 20px;
  width: 13%;
}

@media screen and (max-width: 900px) {
  .finale .logo-cloud {
    padding: 0;
  }
  .finale .logo-cloud img {
    padding: 10px;
  }
}
@media screen and (max-width: 700px) {
  .finale .logo-cloud {
    padding-bottom: 90px;
  }
  .finale .logo-cloud img {
    width: 30%;
  }
}
.core-values {
  text-align: center;
}

.core-values strong {
  font-size: 1.2em;
  color: #202020;
}

.core-values p {
  font-family: HelveticaNeueLTStd-Lt, Helvetica, Arial, sans-serif;
  font-size: 0.9em;
  color: #7e7e7e;
}

.core-values img {
  height: 90px;
  margin-bottom: 20px;
}

.core-values .grid-1-3 {
  display: inline-block;
  float: none;
  width: 30%;
  vertical-align: top;
}

@media screen and (max-width: 600px) {
  .core-values .grid-1-3 {
    display: block;
    width: 100%;
  }
}
.timeline {
  background: #002a35;
  background: -webkit-gradient(left top, left bottom, color-stop(0, #002a35), color-stop(37%, #002a35), color-stop(100%, #529890));
  background: linear-gradient(to bottom, #002a35 0, #002a35 37%, #529890 100%);
  padding: 100px 0 0 0;
}

.timeline .grid-bg {
  z-index: 0;
}

.fancy {
  text-align: center;
  max-width: 700px;
  margin: 0 auto;
  color: #fff;
}

@media screen and (max-width: 768px) {
  .fancy.boxed {
    max-width: 90%;
    width: auto;
  }
}
.fancy:after,
.fancy:before {
  background-color: #377e80;
  content: "";
  display: inline-block;
  height: 2px;
  position: relative;
  vertical-align: middle;
  width: 50%;
}

.boxed.fancy:after,
.boxed.fancy:before {
  width: 266px;
  position: absolute;
  top: 38px;
}

@media screen and (max-width: 1600px) {
  .boxed.fancy:after,
.boxed.fancy:before {
    top: 32px;
  }
}
@media screen and (max-width: 1200px) {
  .boxed.fancy:after,
.boxed.fancy:before {
    top: 22px;
  }
}
@media screen and (max-width: 768px) {
  .boxed.fancy:after,
.boxed.fancy:before {
    top: 26px;
  }
}
@media screen and (max-width: 700px) {
  .boxed.fancy:after,
.boxed.fancy:before {
    width: 200px;
  }
}
@media screen and (max-width: 580px) {
  .boxed.fancy:after,
.boxed.fancy:before {
    width: 150px;
  }
}
@media screen and (max-width: 450px) {
  .boxed.fancy:after,
.boxed.fancy:before {
    top: 16px;
    width: 120px;
  }
}
.fancy:before {
  right: 0.5em;
}

.fancy:after {
  left: 0.5em;
}

.fancy.boxed:before {
  right: 0;
}

.fancy.boxed:after {
  left: 0;
}

@media screen and (max-width: 768px) {
  .fancy.boxed:after {
    left: 1px;
  }
}
.fancy.white:after,
.fancy.white:before {
  background: #fff;
}

.fancy.gray {
  max-width: 100%;
}

.fancy.gray:after,
.fancy.gray:before {
  background: #b4b1ad;
  height: 1px;
  width: 40%;
}

@media screen and (max-width: 900px) {
  .fancy.gray:after,
.fancy.gray:before {
    width: 25%;
  }
}
.circle-images {
  margin: 100px 0;
  text-align: center;
}

.circle-images img {
  border-radius: 50%;
  max-width: 350px;
  opacity: 0;
}

.circle-images img:first-of-type {
  margin-right: 30px;
}

@media screen and (max-width: 768px) {
  .circle-images img {
    max-width: 250px;
  }
}
@media screen and (max-width: 600px) {
  .circle-images img {
    max-width: 42%;
  }
  .circle-images img:first-of-type {
    margin-right: 15px;
  }
}
.bordered-content {
  z-index: 1;
  color: #cbc9c9;
  text-align: center;
  width: 700px;
  height: 250px;
  margin: -36px auto 100px;
  display: table;
  border-left: 2px solid #377e80;
  border-right: 2px solid #377e80;
  border-bottom: 2px solid #377e80;
}

.bordered-content p {
  display: table-cell;
  vertical-align: middle;
  padding: 0 40px;
}

.bordered-content.white {
  border-left: 2px solid #fff;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
}

.bordered-content.white p {
  color: #fff;
}

@media screen and (max-width: 768px) {
  .bordered-content {
    max-width: 90%;
    width: auto;
    margin-top: -29px;
    height: 180px;
  }
}
@media screen and (max-width: 450px) {
  .bordered-content {
    margin-top: -22px;
  }
}
.blue-center {
  height: 105%;
  background: #275b69;
  width: 4px;
  position: absolute;
  left: calc(50% - 2px);
  top: -100px;
  z-index: 0;
}

.mask-container {
  overflow: hidden;
}

.fadein {
  opacity: 0;
}

.grid-bg {
  position: absolute;
  width: 600px;
  height: 500px;
  background: url(https://customer-gauge.files.svdcdn.com/staging/grid.svg);
  background-size: contain;
  background-repeat: no-repeat;
  opacity: 0.3;
}

.grid-bg.left {
  left: -200px;
  top: 30%;
}

.grid-bg.right {
  right: -200px;
  top: 60%;
}

.item-holder {
  width: calc(90% - 420px);
  max-width: 900px;
  margin: 0 auto;
  padding-bottom: 100px;
}

.item-holder p.year {
  color: #6aafa0;
  font-family: HelveticaNeueLTStd-Bd;
  letter-spacing: -1px;
  font-size: 2.5em;
  margin-bottom: 0;
  display: block;
  line-height: 1;
}

.item-holder p {
  color: #fff;
  font-family: HelveticaNeueLTStd-Lt;
  font-size: 1em;
  margin-top: 10px;
}

@media screen and (max-width: 768px) {
  .item-holder p {
    font-size: 1em;
  }
}
@media screen and (max-width: 1150px) {
  .item-holder .timeline-item:nth-of-type(even) .item-container {
    padding-left: 90px;
  }
  .item-holder .timeline-item:nth-of-type(odd) .item-container {
    padding-right: 90px;
  }
}
@media screen and (max-width: 1024px) {
  .item-holder .timeline-item:nth-of-type(even) .item-container {
    padding-left: 30px;
  }
  .item-holder .timeline-item:nth-of-type(odd) .item-container {
    padding-right: 30px;
  }
  .item-holder .timeline-item:nth-of-type(even) .item-container .cont.peeking,
.item-holder .timeline-item:nth-of-type(odd) .item-container .cont.peeking {
    width: 520px;
    height: 520px;
  }
}
@media screen and (max-width: 900px) {
  .item-holder {
    max-width: 600px;
    width: 90%;
    margin-bottom: 0;
    padding-bottom: 0;
    text-align: center;
  }
  .item-holder .mask-container {
    margin-top: 20px;
  }
  .item-holder .timeline-item:nth-of-type(even) .item-container,
.item-holder .timeline-item:nth-of-type(odd) .item-container {
    padding: 0;
    width: 100%;
    float: none;
    text-align: center;
  }
  .item-holder .timeline-item:nth-of-type(even) .item-container .cont,
.item-holder .timeline-item:nth-of-type(even) .item-container .cont.peeking,
.item-holder .timeline-item:nth-of-type(odd) .item-container .cont,
.item-holder .timeline-item:nth-of-type(odd) .item-container .cont.peeking {
    width: 120px;
    height: 120px;
    right: auto;
    left: auto;
    position: relative;
    top: auto;
  }
  .item-holder .timeline-item:nth-of-type(even) .item-container .cont.peeking,
.item-holder .timeline-item:nth-of-type(even) .item-container .cont.peeking.peeking,
.item-holder .timeline-item:nth-of-type(odd) .item-container .cont.peeking,
.item-holder .timeline-item:nth-of-type(odd) .item-container .cont.peeking.peeking {
    max-width: 100%;
    width: 400px;
    height: auto;
  }
  .item-holder .light-line {
    display: none;
  }
  .item-holder .timeline-item:nth-of-type(even) .item-container .cont,
.item-holder .timeline-item:nth-of-type(odd) .item-container .cont {
    float: none;
    display: block;
    margin: 20px auto;
    height: auto;
    max-height: none;
    min-height: 0;
    max-width: 0;
  }
  .item-holder .item-container > p {
    width: 100%;
    text-align: center;
    font-size: 1em;
  }
  .item-holder span.year {
    font-size: 2em;
  }
  .item-holder .blue-center {
    opacity: 0.2;
    height: 90%;
  }
}
.item-holder .wistia_responsive_padding {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0;
  left: 0;
  opacity: 0;
}

.timeline-item {
  margin-bottom: 60px;
}

.timeline-item:nth-of-type(odd) .item-container {
  float: right;
  padding-right: 150px;
}

.timeline-item:nth-of-type(odd) .item-container .cont {
  right: -250px;
}

.timeline-item:nth-of-type(odd) .item-container .cont.peeking {
  right: -550px;
  max-width: 600px;
  max-height: 600px;
  top: -100%;
}

.timeline-item:nth-of-type(odd) .item-container .light-line {
  left: calc(-4% - 2px);
}

.timeline-item:nth-of-type(even) .item-container {
  float: left;
  text-align: right;
  padding-left: 150px;
}

.timeline-item:nth-of-type(even) .item-container .cont {
  left: -250px;
}

.timeline-item:nth-of-type(even) .item-container .cont.peeking {
  left: -550px;
  max-width: 600px;
  max-height: 600px;
  top: -100%;
}

.timeline-item:nth-of-type(even) .item-container > p {
  float: right;
}

.timeline-item:nth-of-type(even) .item-container .light-line {
  right: calc(-4% - 3px);
}

.timeline-item .icon {
  margin: 5px 0 0 20px;
  display: block;
  width: 20px;
  height: 20px;
  clear: both;
  opacity: 0;
  transition: 0.2s ease;
}

.item-container {
  width: 48%;
  min-height: 200px;
  perspective: 2000;
}

.cont {
  max-width: 375px;
  max-height: 275px;
  min-width: 275px;
  min-height: 275px;
  position: absolute;
  top: -50px;
}

.cont .with-border {
  border: 10px solid #fff;
  background-size: cover;
}

.cont .with-bg {
  background-color: #fff;
}

.cont .play {
  width: 30px;
  height: 30px;
  position: absolute;
  top: calc(50% - 15px);
  left: calc(50% - 15px);
  fill: #fff;
  z-index: 1;
}

@media screen and (max-width: 1150px) {
  .cont {
    max-width: 325px;
  }
}
@media screen and (max-width: 1024px) {
  .cont {
    max-width: 200px;
    max-height: 200px;
    top: 0 !important;
  }
}
@media screen and (max-width: 900px) {
  .cont {
    max-width: 150px;
    max-height: 150px;
  }
}
.light-line {
  position: absolute;
  height: 50px;
  width: 4px;
  background: #6aafa0;
  top: 5px;
}

.item-text-wrap {
  width: calc(100% - 80px);
  display: inline-block;
}

.meet-the-team {
  padding: 100px 0;
}

.meet-the-team h5 {
  color: #666;
  margin: 20px auto;
}

.meet-the-team h5.fancy:nth-of-type(2) {
  margin-top: 100px;
}

.teammate p.team-position {
  color: #636363;
  font-size: 0.75em;
  margin: 0;
}

.teammate p.team-position:hover {
  color: #636363;
}

.teammate {
  width: calc(20% - 20px);
  margin: 7px;
  height: 415px;
  display: inline-block;
  float: none;
}

.teammate:hover .social {
  opacity: 1;
}

.teammate .social {
  position: absolute;
  bottom: 14px;
  left: 20px;
  opacity: 0;
  transition: 0.3s ease;
}

.teammate .social a {
  display: inline-block;
  text-decoration: none;
  padding-right: 5px;
}

@media screen and (max-width: 1024px) {
  .teammate {
    height: 370px;
  }
}
@media screen and (max-width: 768px) {
  .teammate {
    height: 300px;
  }
  .teammate .social {
    opacity: 1;
  }
  .teammate:hover {
    box-shadow: 0 5px 40px 0 rgba(36, 36, 36, 0.1);
    transform: scale(1);
  }
}
@media screen and (max-width: 450px) {
  .teammate {
    height: 280px;
  }
}
.teammate .blog-content {
  padding: 15px;
}

.teammate a {
  font-size: 0.75em;
  margin-top: 20px;
  display: block;
}

.teammate p:hover {
  color: inherit;
}

.teammate .bottom {
  height: auto;
}

@media screen and (max-width: 1024px) {
  .teammate {
    width: calc(25% - 20px);
  }
  .teammate .top {
    height: 200px;
  }
}
@media screen and (max-width: 768px) {
  .teammate {
    width: calc(33.333% - 20px);
  }
  .teammate .top {
    height: 150px;
  }
}
@media screen and (max-width: 500px) {
  .teammate {
    width: calc(50% - 10px);
    margin: 3px;
  }
  .teammate .top {
    height: 150px;
  }
  .teammate .blog-content {
    padding: 10px 10px 15px 10px;
  }
}
@media screen and (max-width: 320px) {
  .teammate {
    width: 100%;
    margin: 5px 0;
    height: 300px;
  }
  .teammate a {
    margin-top: 5px;
  }
  .teammate .top {
    height: 180px;
  }
}
.board-members {
  text-align: center;
}

.board-members .teammate {
  display: inline-block;
  vertical-align: top;
  float: none;
}

@media screen and (max-width: 768px) {
  .board-members .teammate {
    display: block;
    float: left;
  }
}
.culture {
  padding-top: 40px;
}

.culture .grid-1-3 {
  height: 300px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.culture p {
  margin-bottom: 50px;
}

.culture .button {
  margin: 50px auto 0;
}

body.socialFeeds {
  margin: 0;
  padding: 30px;
  background: #e2635c;
}

@media screen and (min-width: 2000px) {
  .hero .bxslider li {
    background-position: top -100px right;
  }
}
@media screen and (min-width: 1600px) {
  body {
    font-size: 20px;
  }
  #measure-act-grow .graph-content p {
    font-size: 0.95em;
  }
}
@media screen and (max-width: 1600px) {
  .slide-text {
    padding-top: 50px;
  }
  .first .img-right {
    right: 0 !important;
  }
  .grow .first .img-right {
    right: 50px !important;
  }
  .blog-thirds-background-image {
    background-size: cover !important;
  }
}
@media screen and (max-width: 1400px) {
  #resource-slider .blog-post .read-more {
    bottom: 80px;
  }
  .blog-thirds .blog-thirds-background-image {
    background-size: cover !important;
    background-position: center center !important;
  }
  .blog-entry-bottom p {
    width: 100%;
    margin-top: 10px;
  }
}
@media screen and (max-width: 1300px) {
  .resources-page li {
    width: 33.3333%;
  }
  .blog-post,
.webinar {
    margin: 30px 1.5%;
    width: 31.33333333%;
  }
  .ebook .text-container h2 {
    font-size: 19px;
  }
  .go-home {
    padding-top: 32px;
  }
  #main-nav {
    font-size: 14px;
  }
  #main-nav a {
    padding: 40px 25px 40px 0;
  }
  #main-nav .button a {
    padding: 15px 25px;
  }
  #resource-slider .blog-post .blog-content,
#resource-slider .webinar .blog-content {
    padding: 35px 15px;
  }
  #resource-slider .blog-post p,
#resource-slider .webinar p {
    font-size: 0.85em;
  }
  #resource-slider .blog-tags {
    display: none;
  }
  #resource-slider .blog-post .read-more {
    bottom: 60px;
    font-size: 16px;
  }
  #resource-slider .blog-post,
#resource-slider .webinar {
    height: 422px;
  }
  #resource-slider .blog-post .bottom,
#resource-slider .webinar .bottom {
    height: 202px;
  }
  .email-signup input {
    width: 55%;
    font-size: 0.85em;
  }
  .email-signup button {
    font-size: 0.85em;
    width: 25%;
  }
}
@media screen and (max-width: 1200px) {
  body {
    font-size: 16px;
  }
  .button {
    font-size: 0.9em;
  }
  .text-image {
    height: auto;
  }
  #hero nav {
    margin-bottom: 0;
  }
  .customer-stories .quote-logo {
    height: auto;
    width: 100%;
  }
  .recent-posts .search-box {
    width: 405px;
  }
  .read-more {
    font-size: 16px;
  }
  .recent-posts .top-info h4 {
    top: 14px;
  }
  .logo-cloud img {
    padding: 20px;
  }
  .logo-cloud img:first-of-type {
    padding: 20px 20px 20px 0;
  }
  .logo-cloud img:last-of-type {
    padding: 20px 0 20px 20px;
  }
  .resources-first.text-image {
    height: auto;
  }
  .contact .module.text-image:nth-of-type(3) {
    padding-top: 50px;
  }
}
@media screen and (max-width: 1140px) {
  #hero {
    padding-bottom: 76px;
  }
  .go-home {
    padding: 4px 0 26px 0;
  }
  .non-sticky-burger.is-active {
    top: 24px !important;
  }
  .non-sticky-burger {
    top: 22px;
  }
  .module.first {
    padding-top: 0px;
    z-index: 9999999;
    padding-bottom: 0;
  }
  .module.first > div.wrapper {
    margin-top: 50px;
  }
  .interior-hero {
    padding-bottom: 40px;
  }
  nav {
    padding: 0;
    z-index: 1000;
  }
  #main-nav {
    margin: 0;
    position: fixed;
    background: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    width: 300px;
    height: 100vh;
    right: 0;
    top: 0;
    right: -310px;
    transition: right 0.5s ease;
    z-index: 10000;
  }
  #main-nav li {
    float: none;
    text-align: left;
  }
  #main-nav li > a {
    padding: 20px 30px;
    font-size: 20px;
  }
  #main-nav li .button {
    margin: 10px 25px;
    font-size: 14px;
    width: calc(100% - 50px);
  }
  #main-nav li .button .icon {
    float: left;
    margin-right: 10px;
  }
  #main-nav.is-active {
    right: 0;
  }
  #main-nav li[data-node=about] .dropdown.level-1,
#main-nav li[data-node=product] .dropdown.level-1,
#main-nav li[data-node=solutions] .dropdown.level-1,
#monetize-main-nav li[data-node=event-agenda] .dropdown.level-1 {
    display: none !important;
  }
  #main-nav,
.nav-buttons {
    display: none;
  }
  #header-nav {
    display: block;
  }
  #mobile-main-nav {
    margin: 0;
    padding: 60px 0 310px;
    position: fixed;
    background: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    width: 375px;
    height: 80vh;
    right: 0;
    top: 0;
    right: -385px;
    transition: right 0.5s ease;
    z-index: 10000;
    display: block;
    -webkit-overflow-scrolling: touch;
  }
  #mobile-main-nav li {
    float: none;
    text-align: left;
  }
  #mobile-main-nav li > a {
    padding: 10px 30px;
    font-size: 20px;
  }
  #mobile-main-nav li .button {
    margin-left: 12px;
    font-size: 12px;
    width: 45%;
    text-align: center;
    float: left;
  }
  #mobile-main-nav li .button > a {
    padding: 15px 25px;
  }
  #mobile-main-nav li .button .icon {
    float: left;
    margin-right: 10px;
  }
  #mobile-main-nav .mobile-nav-btns {
    margin: 0 15px;
  }
  #mobile-main-nav.is-active {
    right: 0;
  }
  li[data-node=case-studies],
li[data-node=community],
li[data-node=nps-benchmarks],
li[data-node=support] {
    display: none;
  }
  #mobile-main-nav li[data-node=about] .dropdown.level-1,
#mobile-main-nav li[data-node=product] .dropdown.level-1,
#mobile-main-nav li[data-node=solutions] .dropdown.level-1 {
    display: none !important;
  }
  #mobile-main-nav li[data-node=about] a,
#mobile-main-nav li[data-node=product] a,
#mobile-main-nav li[data-node=solutions] a {
    padding-bottom: 10px;
  }
  #mobile-main-nav li[data-node=about] a,
#mobile-main-nav li[data-node=product] a,
#mobile-main-nav li[data-node=resources] a,
#mobile-main-nav li[data-node=solutions] a {
    padding-top: 10px;
    clear: left;
  }
  f .mobile-menu-sub {
    margin-left: 15px !important;
  }
  #mobile-main-nav .mobile-menu-sub ul {
    display: block !important;
    float: none;
  }
  .mobile-menu-sub li a {
    font-size: 13px !important;
    line-height: 19px;
    padding: 5px 10px 5px 40px !important;
    font-family: HelveticaNeueLTStd-Md, sans-serif;
  }
  #mobile-main-nav li[data-node=contact] .mobile-menu-sub {
    display: none !important;
  }
  nav.theme-dark .hamburger .line {
    background: #fff;
  }
  nav.theme-dark .hamburger.is-active .line {
    background-color: #007a88 !important;
  }
  nav.theme-dark a {
    color: #231f20 !important;
  }
  nav.theme-dark .button a {
    color: inherit;
  }
  #mobile-main-nav li[data-node=about] .mobile-menu-sub {
    padding-bottom: 50px;
  }
  .hamburger .line {
    width: 25px;
    height: 3px;
    background: #007a88;
    display: block;
    margin: 5px auto;
    transition: all 0.3s ease-in-out;
  }
  .hamburger:hover {
    cursor: pointer;
  }
  #hamburger {
    display: block;
    position: fixed;
    right: 20px;
    /* top: 22px; */
    z-index: 100000;
    transition: all 0.3s ease-in-out;
  }
  .no-scroll {
    overflow: hidden;
  }
  .sticky-nav #hamburger {
    display: none;
  }
  #hamburger.is-active .line:nth-child(2) {
    opacity: 0;
  }
  #hamburger.is-active .line:nth-child(1) {
    transform: translateY(3px) rotate(45deg);
  }
  #hamburger.is-active .line:nth-child(3) {
    transform: translateY(-13px) rotate(-45deg);
  }
  .nav-logo {
    margin: 0 15px 0 0;
  }
  .sticky-nav {
    padding-top: 5px;
  }
  .sticky-nav #header-nav {
    margin-bottom: 0;
  }
  .sticky-nav .hamburger .line {
    background: #007a88 !important;
  }
  .sticky-nav nav.theme-dark .hamburger.is-active .line {
    background-color: #007a88;
  }
  .sticky-nav a {
    color: initial;
  }
  .sticky-nav nav a,
.sticky-nav nav .go-home {
    padding-bottom: 20px;
    padding-top: 20px;
  }
  .sticky-nav nav .button a {
    padding: 15px 0;
    color: #fff;
  }
  .sticky-nav nav .login a {
    color: #000;
  }
  .sticky-nav .sticky-menu {
    display: none;
  }
  #main-nav li[data-node=product] > a {
    padding-top: 30px;
  }
  #main-nav li[data-node=company] > a {
    padding-bottom: 30px;
  }
  .first.module .grid-1-2 {
    padding-bottom: 40px;
  }
}
@media screen and (max-width: 1100px) {
  nav .button {
    margin: 0 0 0 10px;
  }
  nav li > a {
    padding: 10px 25px 10px 0;
  }
  .learn-more p:first-of-type {
    padding: 10px 25px 10px 0;
  }
  #filters .button {
    margin-right: 10px;
    padding: 10px 20px;
  }
  .anim-container span {
    font-size: 2.25em;
  }
}
@media screen and (max-width: 1024px) {
  .notification_bar_main_text span,
.notification_bar-button div {
    display: none;
  }
  /* .notification_bar_light, .notification_bar_dark {
    flex-direction: column;
  } */
  .notification_bar_light div:first-child,
.notification_bar_dark div:first-child {
    margin-right: 0 !important;
    margin-left: auto !important;
  }
  .notification_bar-button {
    margin-left: 0 !important;
  }
  .notification_bar_main_text {
    text-align: left;
    margin-right: 70px !important;
  }
  .resources-module h3 {
    float: none;
    text-align: center;
    margin-bottom: 20px;
  }
  .case-modal .grid-2-3 {
    width: 50%;
  }
  .case-modal .grid-1-3 {
    width: 50%;
  }
  #filters {
    float: none;
    text-align: center;
  }
  #filters .button {
    display: inline-block;
  }
  footer .grid-1-3:first-of-type {
    padding: 20px;
    width: 100%;
    text-align: center;
  }
  footer .grid-1-3:first-of-type .footer-logo,
footer .grid-1-3:first-of-type .widget {
    margin: 20px auto 0;
    display: block;
    width: 325px;
  }
  footer .grid-1-3:first-of-type iframe {
    height: 85px;
  }
  footer .grid-1-3:first-of-type p {
    margin: 20px auto;
  }
  footer .grid-1-3 {
    width: 50%;
  }
  footer .parent-container {
    height: auto;
  }
  .recent-posts .search-box {
    width: 305px;
    margin-right: 24px;
  }
  .recent-posts .top-info .filter {
    width: 190px;
  }
  .blog-post:nth-of-type(3n + 1) {
    margin-left: initial;
  }
  .blog-post,
.webinar {
    width: 49%;
    margin: 30px 0;
  }
  .blog-post:nth-of-type(odd) {
    margin-right: 1%;
  }
  .blog-post:nth-of-type(even) {
    margin-left: 1%;
  }
  .blog-entry-text-container {
    width: 100%;
    padding-right: 0;
  }
  .blog-entry-sidebar {
    width: 100%;
  }
  .blog-entry-sidebar .search-box {
    display: none;
  }
  .blog-entry-sidebar .sidebar-container {
    padding-left: 0;
  }
  .ebook .text-container h2 {
    font-size: 16px;
  }
  .ebook .text-container p {
    font-size: 16px;
  }
}
@media screen and (max-width: 1000px) {
  .hero {
    padding-top: 70px;
  }
  #content-slider {
    padding-top: 0;
  }
  .slide-image {
    width: 75%;
  }
  .resources-page li {
    width: 50%;
  }
}
@media screen and (max-width: 930px) {
  .ebook-cta .text-container {
    width: 55%;
  }
  .ebook-cta .text-container h2 {
    font-size: 18px;
    line-height: 23px;
  }
  .ebook-cta .book {
    width: 45%;
  }
}
@media screen and (max-width: 900px) {
  .grid-1-4 {
    width: 50%;
  }
  .module {
    padding: 80px 0;
  }
  #hero {
    height: auto;
  }
  .case-box {
    height: 200px;
  }
  .case-box img {
    width: 90%;
  }
  .hero.text-image {
    text-align: center;
    height: auto;
  }
  .hero.text-image .grid-1-2 {
    width: 100%;
    display: block;
  }
  .hero.text-image .grid-1-2:first-of-type {
    height: 75vw;
    width: 100%;
    margin: 0 auto;
  }
  .hero.text-image .grid-1-2:last-of-type {
    margin-top: -60px;
  }
  #circle,
img.hero-img {
    width: 100%;
    height: auto;
    right: 10%;
    top: 15%;
  }
  #circle {
    left: 10px;
    bottom: 0;
  }
  footer .grid-1-3 {
    padding: 0;
  }
  .logo-cloud.headers {
    padding: 100px 0 0 0;
  }
  .logo-cloud.headers img {
    width: 30%;
    max-width: none;
  }
  .slide-image,
.slide-text {
    float: none;
    position: relative;
    text-align: center;
    left: auto;
    right: auto;
    width: 90%;
    padding-top: 0;
  }
  .slide-image {
    min-height: 400px;
  }
  .module.content-slider {
    padding-bottom: 0;
  }
  .slide-image {
    margin: 30px auto 0;
  }
  #tabs .slick-dots {
    display: block !important;
  }
  .tab-wrapper {
    display: none !important;
  }
  .blog-entry {
    padding-bottom: 0;
  }
  .recent-posts .top-info .filter {
    clear: both;
  }
  .recent-posts .search-box {
    float: left;
  }
}
@media screen and (max-width: 768px) {
  body {
    font-size: 15px;
  }
  .resources-module li .button,
.resources-page li .button {
    display: none;
  }
  .four-up .grid-1-4 {
    width: 24%;
    padding: 0;
  }
  #measure-act-grow,
#monetize {
    padding-top: 100px;
  }
  .one-column-feature .main-img {
    margin-top: -110px;
  }
  .customer-stories .grid-1-3 {
    padding: 0;
    width: 100%;
    margin: 0 auto;
    padding: 80px 0;
    float: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }
  .customer-stories .grid-1-3:first-of-type {
    margin-top: 80px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
  }
  .customer-stories .quote {
    min-height: 0;
  }
  .customer-stories .quote-logo {
    max-width: 200px;
  }
  .blog-post {
    margin: 20px 0;
    width: 100%;
  }
  .blog-post:nth-of-type(odd) {
    margin: 20px 0;
  }
  .blog-post:nth-of-type(even) {
    margin: 20px 0;
  }
  .blog-entry-content {
    padding: 70px 20px;
  }
  .blog-entry-hero-image {
    width: 100%;
  }
  .blog-entry-author {
    height: auto !important;
    text-align: center;
    width: 100%;
    margin-top: 20px;
  }
  .blog-entry-author .blog-entry-author-details {
    position: relative;
    bottom: initial;
    left: initial;
    width: auto;
    display: inline-block;
    margin: 0 auto;
  }
  .blog-entry-hero hr {
    margin: 20px auto 0;
    left: initial;
    display: block;
    position: relative;
  }
  .blog-entry-hero-text-container {
    top: initial;
    transform: initial;
    position: relative;
    z-index: 2;
    padding-left: 0;
    width: 100%;
    text-align: center;
  }
  .blog-entry-hero-text-container .splittext > div {
    font-size: 1.5em;
  }
  .blog-entry-author .circle {
    float: none;
    display: inline-block;
  }
  .blog-entry-author .circle-details {
    float: none;
  }
  .blog-entry-author p {
    padding-left: 0;
    padding-right: 0;
  }
  .blog-entry-author h6 {
    padding-left: 0;
    padding-right: 0;
  }
  .recent-posts .search-box {
    margin-top: 20px;
  }
  .recent-posts .top-info .filter {
    margin-top: 20px;
  }
  .blog-thirds .read-more {
    bottom: 100px;
  }
  .blog-post p {
    font-size: 1.75em;
  }
  .blog-thirds .blog-content p {
    font-size: 1em;
  }
  .recent-posts .top-info .filter-select {
    font-size: 13px;
  }
  .blog-tags p {
    font-size: 12px !important;
  }
  .homepage .text-image,
.text-image {
    height: auto;
    padding-bottom: 0;
  }
  .homepage .text-image p,
.text-image p {
    padding: 0;
  }
  .homepage .text-image .vertical-container,
.text-image .vertical-container {
    width: 100%;
    text-align: center;
  }
  .homepage .text-image .vertical-container hr,
.text-image .vertical-container hr {
    margin-left: auto;
    margin-right: auto;
  }
  .homepage .text-image img,
.text-image img {
    max-width: 100%;
    bottom: -10px;
    position: relative;
    margin: 0 auto;
    display: block;
    bottom: auto !important;
    right: auto !important;
    left: auto !important;
    max-height: 75%;
    top: auto !important;
    transform: none;
  }
  .homepage .text-image img.hero-img.one,
.homepage .text-image img.hero-img.two,
.text-image img.hero-img.one,
.text-image img.hero-img.two {
    right: 7% !important;
    max-height: none !important;
  }
  .homepage .text-image img.hero-img-bg {
    width: 100% !important;
    height: auto !important;
    top: -10% !important;
    max-height: none !important;
  }
  .homepage .hero-img.one,
.homepage .hero-img.two {
    max-height: 100%;
  }
  .contact .module.text-image:nth-of-type(2) {
    padding-bottom: 50px;
  }
  .contact .module.text-image:nth-of-type(2) .img-right {
    margin-top: 100px;
  }
  .contact .module.text-image:nth-of-type(3) {
    padding-top: 50px;
  }
  .contact .module.text-image:nth-of-type(3) .img-right {
    margin-top: 100px;
  }
  .contact .text-image .img-right {
    transform: none;
  }
  .grow .first .img-right {
    right: 0 !important;
  }
  .custom-img-right {
    padding-top: 0;
  }
}
@media screen and (max-width: 767px) {
  .blog h2 {
    font-size: 2em;
    margin-bottom: 20px;
  }
  .blog-hero-details .author-name,
.blog-hero-details .date {
    top: 0;
    float: none;
    width: 100%;
  }
  .blog-thirds {
    height: 1020px;
  }
  .blog-thirds .grid-1-3 {
    height: 33.333333%;
    float: none;
    margin: 0;
    width: 100%;
  }
  .recent-posts .search-box {
    margin-right: 0;
    float: none;
    margin: 40px 0 0;
    width: 100%;
  }
  .recent-posts .top-info h4 {
    float: none;
  }
  .recent-posts .top-info h6 {
    float: none;
    width: 100%;
    margin: 5px 0 10px;
  }
  .recent-posts .top-info .filter {
    float: none;
    width: 100%;
    margin-top: 20px;
  }
  .blog-entry {
    padding: 0;
  }
  .blog-entry-hero {
    margin-top: 0;
  }
  .blog-entry-text-container h4,
.blog-entry-text-container h5,
.blog-entry-text-container h6 {
    font-size: 18px;
    line-height: 26px;
  }
  .blog-entry-text-container h1,
.blog-entry-text-container h2,
.blog-entry-text-container h3 {
    font-size: 24px;
    line-height: 32px;
  }
  .blog-entry-text-container p {
    font-size: 16px;
    line-height: 26px;
  }
  .blog-share-button {
    display: none;
  }
  .recent-posts {
    padding-top: 40px;
  }
  .posts-container {
    margin-top: 0;
  }
  .recent-blog-entry-posts h4 {
    font-size: 20px;
  }
  .ebook {
    padding: 35px 35px 0;
    height: auto;
  }
  .ebook .text-container {
    text-align: center;
    width: 100%;
    float: none;
  }
  .ebook .text-container h2 {
    font-size: 24px;
  }
  .ebook .book {
    float: none;
    width: 100%;
    top: 0;
    margin: 40px auto 0;
    text-align: center;
  }
  .ebook .book img {
    display: inline-block;
    float: none;
  }
  .ebook-cta {
    height: auto;
  }
  .ebook-cta .text-container {
    width: 100%;
  }
  .ebook-cta .text-container h2 {
    text-align: center;
    font-size: 16px;
    line-height: 22px;
  }
  .ebook-cta .book {
    float: none;
    width: auto;
    overflow: hidden;
    position: relative;
    top: initial;
    margin: 20px auto;
  }
  .ebook-cta .book img {
    width: auto;
    float: none;
  }
  .ebook-cta p {
    text-align: center;
    padding-top: 0;
  }
  .resources-page li {
    width: calc(50% - 30px);
    padding: 15px 15px;
  }
  #resources-index .reflect {
    height: 70px;
    overflow: hidden;
  }
  .gradient-cover {
    height: 90%;
  }
  #resource-slider .gradient-cover {
    height: 50%;
  }
  #resources-index .resources-page li .button {
    display: none;
  }
  .resources-page li.webinar {
    width: calc(100% - 30px);
  }
  .resources-page li.webinar p {
    font-size: 1.25em;
  }
  #resource-slider {
    height: 490px;
  }
  .resources-module {
    padding-bottom: 0;
  }
  .homepage .case-studies {
    padding-top: 0;
  }
}
@media screen and (max-width: 740px) {
  footer .grid-1-3 {
    width: 100%;
    text-align: center;
    margin: 0;
  }
  footer nav li {
    width: 100%;
    padding: 0;
    margin: 0;
  }
  footer nav li a {
    padding: 0;
  }
  footer .learn-more .parent-container:first-of-type,
footer .learn-more .parent-container:last-of-type,
footer .learn-more .parent-container:nth-of-type(n + 2),
footer .learn-more p:first-of-type,
footer .parent-container,
footer .parent-container:first-of-type,
footer .parent-container:nth-of-type(n + 2) {
    width: 100%;
    margin: 0;
    padding: 0;
    height: auto;
  }
  .parent,
footer .learn-more p:first-of-type {
    margin: 25px 0 5px 0;
  }
  .email-signup {
    max-width: 370px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 700px) {
  #resources-index .resource-shadow {
    width: 110%;
    max-width: 110%;
    left: -5%;
  }
}
@media screen and (max-width: 600px) {
  .case-modal-background {
    opacity: 0.15;
  }
  .case-modal p {
    width: 100%;
  }
  .case-modal h4 {
    padding-left: 0;
  }
  .case-modal hr {
    margin-left: 0;
  }
  .resources-first .grid-1-2:nth-of-type(2) {
    margin-bottom: 0;
  }
  .grid-1-2,
.grid-1-3,
.grid-1-4,
.grid-2-3,
.grid-3-4 {
    margin: 20px 0;
    padding: 0;
    width: 98%;
  }
  .case-modal .grid-1-2,
.case-modal .grid-1-3,
.case-modal .grid-1-4,
.case-modal .grid-2-3,
.case-modal .grid-3-4 {
    margin: 20px 0;
    padding: 0;
    width: 100%;
  }
  .culture .grid-1-3 {
    margin: 0;
  }
  .grid-2-3.case-body {
    margin-bottom: 0;
  }
  .hero.text-image .grid-1-2:last-of-type {
    margin-top: -60px;
  }
  .logo-cloud {
    padding-bottom: 40px;
  }
  .logo-cloud img {
    width: 30%;
  }
  .four-up .grid-1-4 {
    width: 50%;
    margin: 30px 0;
    float: left;
  }
  .hero-img-bg {
    max-height: none !important;
    height: auto !important;
  }
  .homepage .text-image img.hero-img.one {
    max-height: none !important;
    height: auto !important;
  }
  .homepage .text-image img.hero-img.two {
    max-height: none !important;
    height: auto !important;
  }
  .homepage .text-image,
.text-image {
    height: auto;
    padding-bottom: 0;
  }
  .homepage .text-image p,
.text-image p {
    padding: 0;
  }
  .homepage .text-image .vertical-container,
.text-image .vertical-container {
    width: 100%;
    text-align: center;
  }
  .homepage .text-image .vertical-container hr,
.text-image .vertical-container hr {
    margin-left: auto;
    margin-right: auto;
  }
  .text-image p {
    margin: 20px 0 5px;
  }
  .hero.text-image .grid-1-2:last-of-type {
    margin-top: -40px;
  }
  #measure-act-grow,
#monetize {
    padding-top: 50px;
  }
  .img-left,
.img-right {
    position: relative;
  }
  .case-studies .quote {
    font-size: 2em;
  }
  #filters .button,
#filters .button:last-of-type {
    width: 33%;
    margin: 6px 5px;
  }
  .logo-cloud.headers img {
    width: 45%;
  }
  .case-box {
    height: 260px;
  }
  .case-box img {
    max-width: 300px;
    width: 80%;
  }
  #resources-index .resource-shadow {
    width: 120%;
    max-width: 120%;
    left: -10%;
  }
  #tabs {
    margin: 0 auto 50px;
  }
  .slide-text {
    padding-bottom: 0;
  }
  .slide-image {
    min-height: 200px;
  }
  .anim-container span {
    font-size: 3.25em;
  }
  .four-up p {
    font-size: 1.1em;
  }
  #resource-slider {
    height: 500px;
  }
}
@media screen and (max-width: 450px) {
  body {
    font-size: 14px;
  }
  h1 {
    font-size: 3.5em;
  }
  h3 {
    font-size: 2em;
  }
  .faded {
    font-size: 5em;
  }
  .four-up .grid-1-3 {
    padding: 0;
  }
  .seperator {
    height: 100px;
  }
  .module {
    padding: 50px 0;
  }
  .one-column-feature.has-img {
    padding-bottom: 100px;
  }
  #laptop {
    min-height: 750px;
  }
  .one-column-feature .main-img {
    margin-top: -50px;
  }
  .graph {
    margin-left: auto;
    margin-right: auto;
  }
  #filters .button,
#filters .button:last-of-type {
    width: 45%;
    margin: 6px 2px;
    font-size: 12px;
  }
  #resource-slider {
    margin-top: 30px;
  }
  #tabs {
    margin-bottom: 50px;
  }
  #tabs .tab-wrapper {
    border: none;
  }
  #tabs a {
    display: block;
  }
  .slide-image {
    min-height: 140px;
  }
  .four-up .grid-1-4 {
    width: 100%;
  }
  .module.first.no-image h2 {
    margin-top: 0;
  }
  .widget {
    width: auto;
  }
  footer h3 {
    margin: 20px;
  }
}
@media screen and (max-width: 414px) {
  .email-signup {
    font-size: 12px;
  }
  .email-signup input {
    width: 57%;
  }
  #resources-index .resource-shadow {
    width: 130%;
    max-width: 130%;
    left: -15%;
    bottom: 137px;
  }
  #resources-index .resources-page li .button {
    width: 95%;
    left: 2.5%;
    top: 52%;
  }
  .featherlight .featherlight-content {
    width: 94%;
  }
  .blog-post p {
    font-size: 1.25em;
  }
  .blog-tags p {
    font-size: 12px;
  }
  .blog-entry-hero-text-container .splittext {
    font-weight: 400;
  }
  .blog-thirds .blog-content p {
    font-size: 1.25em;
  }
  .quote-credit .name {
    padding-left: 0;
    width: 125px;
  }
  .blog-top-gradient {
    background: linear-gradient(to bottom, rgba(1, 57, 72, 0.7) 0, rgba(1, 57, 72, 0.25) 50%, rgba(0, 0, 0, 0) 100%);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: top center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 1;
  }
  .quote-credit .position {
    padding-right: 0;
    width: 125px;
  }
}
.assessment-popup {
  position: fixed;
  right: 0;
  bottom: 0;
  opacity: 1;
  display: none;
  z-index: 1147483647;
  padding: 100px 30px 25px;
  background-color: #383838;
  color: #fff;
  border-radius: 20px 0 0 0;
  width: 410px;
  height: 350px;
  box-shadow: 0 5px 21px 3px rgba(0, 0, 0, 0.44);
  text-align: center;
}

.assessment-popup #assessment-close {
  color: #cecece;
  cursor: pointer;
  font-weight: 700;
  position: absolute;
  font-size: 20px;
  right: 15px;
  top: 15px;
}

.assessment-popup .text-container {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 230px;
}

.assessment-popup .text-container img {
  position: absolute;
  top: -265px;
  left: 50%;
  transform: translateX(-50%);
  width: 195px;
}

@media screen and (max-width: 365px) {
  .assessment-popup .text-container img {
    top: -275px !important;
  }
}
.assessment-popup .text-container button {
  outline: 0;
  border-radius: 30px;
  font-size: 18px;
  color: #fff;
  font-family: HelveticaNeueLTStd-Bd, Helvetica, Arial, sans-serif;
  margin-top: 10px;
  transition: 0.15s ease;
  cursor: pointer;
  display: inline-block;
  background: #e2635c;
  border: 1px solid #e2635c;
  width: 80%;
  transition: all 0.3s;
}

@media screen and (max-width: 560px) {
  .assessment-popup .text-container button {
    width: 90%;
    font-size: 16px;
  }
}
@media screen and (max-width: 420px) {
  .assessment-popup .text-container button {
    margin-top: 14px;
  }
}
.assessment-popup .text-container button:hover {
  box-shadow: 0 5px 21px 3px rgba(0, 0, 0, 0.44);
}

.assessment-popup .text-container button a {
  padding: 15px 35px;
  margin: 0;
  display: inline-block;
  text-decoration: none;
}

.assessment-popup .text-container .pop-button {
  background: #fff;
  border: 1px solid #fff;
  color: #e2635c;
}

.assessment-popup .text-container h3 {
  font-size: 25px;
}

@media screen and (max-width: 560px) {
  .assessment-popup .text-container h3 {
    font-size: 24px;
  }
}
@media screen and (max-width: 425px) {
  .assessment-popup .text-container h3 {
    font-size: 23px;
  }
}
.assessment-popup .text-container p {
  padding: 0 5px;
  font-size: 16px;
  line-height: 20px;
  font-size: 18px;
  line-height: 22px;
  font-family: HelveticaNeueLTStd-Lt, Helvetica, Arial, sans-serif;
}

@media screen and (max-width: 460px) {
  .assessment-popup .text-container p {
    padding: 0;
    font-size: 16px;
    line-height: 20px;
  }
}
.assessment-popup.open {
  display: block;
}

.assessment-popup hr {
  border-top: 4px solid #e2635c;
  width: 55px;
  margin: 15px auto;
}

@media screen and (max-width: 560px) {
  .assessment-popup {
    width: 100%;
    border-radius: 0;
    display: none;
  }
}
@media screen and (max-width: 420px) {
  .assessment-popup {
    padding-bottom: 20px;
  }
}
.roi-pop {
  padding: 10px 30px 25px;
  width: 340px;
  height: 270px;
  background-color: #fff;
  color: #000;
}

.roi-pop #assessment-close {
  right: -10px;
  top: 5px;
}

@media screen and (max-width: 560px) {
  .roi-pop {
    width: 100%;
  }
}
.case-pop {
  background: url(https://customer-gauge.files.svdcdn.com/staging/icons/assessment-icon-white.svg) no-repeat center;
  background-size: 55% 55%;
}

@media screen and (max-width: 560px) {
  .case-pop {
    right: 16px;
    background: #e2635c url(https://customer-gauge.files.svdcdn.com/staging/icons/assessment-icon-white.svg) no-repeat center;
    background-size: 55% 55%;
  }
}
.assessment-icon {
  background-color: #e2635c;
  position: fixed;
  right: 18px;
  bottom: 12px;
  z-index: 999999999;
  width: 65px;
  height: 65px;
  background-color: #e2635c;
  border: 2px solid #e2635c;
  border-radius: 32px;
  cursor: pointer;
  margin: 0 auto;
  text-align: center;
  animation: none;
}

.assessment-icon img {
  width: 38px;
  height: 38px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#blog-sub {
  top: 2em;
  border-bottom: 4px solid #e6e6e6;
  border-right: 4px solid #e6e6e6;
  border-left: 4px solid #e6e6e6;
  font-size: 1.5em;
  clear: both;
  padding: 1.3em;
  box-shadow: 0 -10px 0 #e2635c;
}
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(226, 99, 92, 0.4);
  }
  70% {
    box-shadow: 0 0 0 10px rgba(226, 99, 92, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(226, 99, 92, 0);
  }
}
@media screen and (max-width: 320px) {
  h1 {
    font-size: 3em;
  }
}
.blog-pop {
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  display: none;
  opacity: 0;
  z-index: 2147483647 !important;
  background-color: rgba(0, 0, 0, 0.3);
}

.blog-pop .bp-wrap {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.blog-pop .bp-wrap .bp-container {
  width: 900px;
  height: 500px;
  background-color: #fff;
  border-radius: 5px;
  display: flex;
  overflow: hidden;
  justify-content: space-between;
  align-items: flex-start;
}

.blog-pop .bp-wrap .bp-container .bp-close {
  width: 50px;
  height: 50px;
  display: flex;
  position: absolute;
  z-index: 10;
  cursor: pointer;
  top: 0;
  right: 0;
  justify-content: center;
  align-items: center;
}

.blog-pop .bp-wrap .bp-container .bp-close img {
  width: 35px;
}

.blog-pop .bp-wrap .bp-container .bp-close .bp-close-m {
  display: none;
}

.blog-pop .bp-wrap .bp-container .bp-close .bp-close-d {
  display: block;
}

.blog-pop .bp-wrap .bp-container .bp-bg {
  height: 100%;
  width: 55%;
  position: absolute;
  top: 0;
  left: 0;
  background-position: top right;
  background-size: cover;
  background-repeat: no-repeat;
}

.blog-pop .bp-wrap .bp-container .bp-img {
  width: 37%;
  justify-content: center;
  flex-direction: row;
  align-items: center;
}

.blog-pop .bp-wrap .bp-container .bp-img img {
  position: absolute;
  top: 38px;
  left: 35px;
  border-top-left-radius: 9px;
  width: 300px;
}

.blog-pop .bp-wrap .bp-container .bp-text {
  width: 54%;
  padding-right: 30px;
  padding-top: 120px;
  z-index: 1;
}

.blog-pop .bp-wrap .bp-container .bp-text h4 {
  font-size: 34px;
  line-height: 35px;
  margin-bottom: 15px;
}

.blog-pop .bp-wrap .bp-container .bp-text .no-thanks,
.blog-pop .bp-wrap .bp-container .bp-text button {
  outline: 0;
  border-radius: 30px;
  font-size: 18px;
  color: #fff;
  max-width: 350px;
  height: 55px;
  font-family: HelveticaNeueLTStd-Bd, Helvetica, Arial, sans-serif;
  margin-top: 30px;
  transition: 0.15s ease;
  cursor: pointer;
  display: inline-block;
  background: #e2635c;
  border: 1px solid #e2635c;
  width: 80%;
  transition: all 0.3s;
}

.blog-pop .bp-wrap .bp-container .bp-text .no-thanks:hover,
.blog-pop .bp-wrap .bp-container .bp-text button:hover {
  color: #e2635c;
  background-color: #fff;
}

.blog-pop .bp-wrap .bp-container .bp-text .no-thanks {
  display: none;
}

@media screen and (max-width: 1250px) {
  .blog-pop .bp-wrap .bp-container {
    width: 700px;
    height: 350px;
  }
  .blog-pop .bp-wrap .bp-container .bp-img img {
    left: 38px;
    top: 33px;
    width: 200px;
  }
  .blog-pop .bp-wrap .bp-container .bp-text {
    padding-top: 80px;
  }
  .blog-pop .bp-wrap .bp-container .bp-text h4 {
    font-size: 22px;
    margin-bottom: 10px;
  }
  .blog-pop .bp-wrap .bp-container .bp-text button {
    margin-top: 20px;
  }
}
@media (max-width: 850px) {
  .blog-pop .bp-wrap {
    align-items: flex-start;
  }
  .blog-pop .bp-wrap .bp-container {
    width: 300px;
    margin-top: 100px;
    overflow: hidden;
    max-width: 350px;
    height: 520px;
    flex-wrap: wrap;
    border-radius: 10px;
    justify-content: space-between;
    align-content: space-between;
  }
  .blog-pop .bp-wrap .bp-container .bp-close {
    border-top-right-radius: 5px;
    height: 60px;
    width: 45px;
  }
  .blog-pop .bp-wrap .bp-container .bp-close img {
    width: 35px;
  }
  .blog-pop .bp-wrap .bp-container .bp-close .bp-close-d {
    display: none;
  }
  .blog-pop .bp-wrap .bp-container .bp-close .bp-close-m {
    display: block;
  }
  .blog-pop .bp-wrap .bp-container .bp-bg {
    transform: scaleX(-1);
    width: 100%;
    height: 60%;
  }
  .blog-pop .bp-wrap .bp-container .bp-img {
    width: 100%;
  }
  .blog-pop .bp-wrap .bp-container .bp-img img {
    left: 50%;
    transform: translateX(-50%);
    top: 38px;
    width: 180px;
    margin-left: 0;
  }
  .blog-pop .bp-wrap .bp-container .bp-text {
    width: 100%;
    text-align: center;
    padding: 10px 25px 25px;
    color: #383838;
  }
  .blog-pop .bp-wrap .bp-container .bp-text h4 {
    font-size: 19px;
    line-height: 19px;
    margin-bottom: 25px;
  }
  .blog-pop .bp-wrap .bp-container .bp-text p {
    display: none;
  }
  .blog-pop .bp-wrap .bp-container .bp-text button {
    margin-top: 10px;
    margin: 0 auto;
    height: 43px;
    font-size: 14px;
    max-width: 250px;
  }
  .blog-pop .bp-wrap .bp-container .bp-text .no-thanks {
    display: block;
    background: #fff;
    border: 3px solid #cecece;
    color: #cecece;
    margin-top: 8px;
    font-size: 14px;
    height: 43px;
  }
  .blog-pop .bp-wrap .bp-container .bp-text .no-thanks:hover {
    color: #fff;
    background-color: #cecece;
  }
}
.pricing-top {
  width: 100%;
  padding: 30px 70px 100px;
  background-color: #404040;
}

.pricing-top .pricing-top-container {
  margin: 0 auto 100px;
  z-index: 250;
  max-width: 1500px;
  display: flex;
  flex-flow: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
}

.pricing-half {
  width: 50%;
  text-align: left;
  padding-right: 0;
  margin-right: 50px;
}

.pricing-half h1 {
  margin-top: 80px;
  width: 100%;
  margin-bottom: 25px;
  color: #fff !important;
  font-size: 3.222em;
}

.pricing-half .p-line {
  padding-right: 65px;
  border-top: 6px solid #e2635c;
  width: 50px;
  margin: 0 0 60px;
}

.pricing-half p {
  color: rgba(255, 255, 255, 0.8);
  margin: 5px 0 65px;
  font-size: 1em;
}

.p-top-test {
  background-color: #565656;
  padding: 15px 10px 15px 20px;
  border-radius: 5px;
  margin: 0;
  color: rgba(255, 255, 255, 0.8);
}

.p-top-test .p-pop-container {
  display: flex;
  width: 95%;
  flex-direction: row;
  align-items: center;
}

.p-top-test img {
  width: 80px;
}

.p-top-test p {
  align-self: center;
  margin: 0 0 0 40px;
  font-style: italic !important;
}

.p-pop-container,
.p-pop-slide,
.p-pop-test {
  overflow: hidden;
}

.p-pop-slide,
.pricing-ssc,
.ps-1,
.ps-2,
.test-for,
.test-nav {
  opacity: 0;
  visibility: hidden;
  transition: opacity 2s ease;
  -webkit-transition: opacity 2s ease;
}

.p-pop-slide.slick-initialized,
.pricing-ssc.slick-initialized,
.ps-1.slick-initialized,
.ps-2.slick-initialized,
.test-for.slick-initialized,
.test-nav.slick-initialized {
  visibility: visible;
  opacity: 1;
}

.price-form {
  width: 40%;
  z-index: 50;
}

.price-form p {
  margin: 25px auto;
  width: 90%;
  font-weight: 200 !important;
  font-size: 0.45em !important;
}

.price-form label {
  font-weight: 200 !important;
}

.price-form .price-form-box {
  background-color: #fff !important;
  padding: 20px 30px;
  border-radius: 20px;
}

.price-form fieldset {
  max-width: 100% !important;
}

#region_new_-ef593fab-4617-402f-aedc-377a3dc6e45d {
  height: 40px !important;
  cursor: pointer;
}

.hs-input {
  width: 100% !important;
  margin: 0 !important;
  height: 30px !important;
  background-color: #efefef;
}

.input {
  border-radius: 30px !important;
  background-color: transparent;
}

.field,
.hs-fieldtype-select,
.hs-form-field,
.hs-region_new_,
.hs_region_new_ {
  border-radius: 30px !important;
}

.hs-button {
  width: 160px;
  color: #fff;
  margin: 0 auto;
  cursor: pointer;
  background-color: #ec4144;
  height: 50px;
  border-radius: 30px;
  border: 1px solid #ec4144;
}

#region_new_-ef593fab-4617-402f-aedc-377a3dc6e45d {
  border-radius: 30px;
}

.hs-button:hover {
  color: #ec4144;
  background-color: #fff;
  webkit-transition: color 0.15s ease;
  transition: color 0.15s ease;
}

.hs-input {
  height: 30px !important;
  border-radius: 30px !important;
}

.hs-form-field {
  width: 95% !important;
}

.hs_firstname,
.hs_lastname {
  width: 45% !important;
}

.hs-error-msg {
  color: #ec4144;
}

.hs_firstname {
  margin-right: 20px;
}

.forms-column-2 {
  width: 85% !important;
  display: flex !important;
  justify-content: space-between !important;
}

.three-images-wrapper {
  margin-top: -114px;
  margin-bottom: 70px;
  width: 100%;
  padding: 0 40px;
  z-index: 50;
}

.three-images-container {
  margin: 0 auto;
  max-width: 1500px;
  display: flex;
  flex-flow: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}

.three-images {
  width: 30%;
  z-index: 100;
  padding: 20px 30px 20px;
  background-color: #fff;
  margin: 0 15px 25px;
  box-shadow: 27px 43px 58px 7px rgba(0, 0, 0, 0.16);
}

.why-us {
  padding: 70px 70px 50px;
  width: 100%;
  text-align: center;
}

.why-us div {
  margin: 0 auto;
  max-width: 900px;
}

.why-us div p {
  font-size: 16px;
  margin-top: 30px;
  color: #282828;
}

.hr {
  border: 0;
  border-top: 2px solid #e2635c;
  width: 20px;
  margin: 20px auto !important;
}

.qr {
  border: 0;
  border-top: 2px solid #e2635c;
  width: 20px;
  margin: 20px 0 !important;
}

.pricing-text {
  padding: 70px 70px 20px;
  width: 100%;
  text-align: center;
}

.pricing-text div {
  margin: 0 auto;
  max-width: 600px;
}

.pricing-text div p {
  font-size: 16px;
  margin-top: 30px;
  color: #282828;
}

.reasons {
  padding: 70px 70px 120px;
  width: 100%;
}

.reasons div {
  max-width: 1300px;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: flex-start;
  justify-content: space-between;
}

.single-reason {
  padding: 20px 10px 40px 20px;
  width: 28%;
  text-align: center;
}

.single-reason p {
  font-family: HelveticaNeueLTStd-Lt, Helvetica, Arial, sans-serif;
  font-size: 0.9em;
  color: #7e7e7e !important;
}

.single-reason img {
  width: 90px;
  margin: 0 auto;
  margin-bottom: 30px;
}

.reason-p {
  color: #000 !important;
  margin-bottom: 15px;
  font-size: 1.2em;
}

.reason-p {
  width: 100%;
  font-family: HelveticaNeueLTStd-Bd, Helvetica, Arial, sans-serif;
  text-align: center;
}

#callEstimate {
  line-height: 1.3em !important;
}

.price-bar::before {
  background-color: #f05a5a;
}

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

.price-bar-wrapper {
  width: 100%;
  padding: 120px 70px 100px;
  background-color: #404040;
}

.price-bar-wrapper .price-bar-container {
  margin: 0 auto;
  max-width: 1400px;
  text-align: center;
}

.price-bar-wrapper .price-bar-container h2 {
  color: #fff !important;
  margin: 0 auto 20px;
}

.price-bar-wrapper .price-bar-container p {
  color: rgba(255, 255, 255, 0.8);
  margin: 0 auto 70px;
  max-width: 750px;
  text-align: center;
}

.price-bar-wrapper .price-bar-container h4 {
  color: rgba(255, 255, 255, 0.8);
  margin-bottom: 40px;
}

.price-bar-wrapper .price-bar-container div,
.price-bar-wrapper .price-bar-container h2,
.price-bar-wrapper .price-bar-container h4,
.price-bar-wrapper .price-bar-container input,
.price-bar-wrapper .price-bar-container p {
  width: 100%;
}

.price-bar-wrapper .price-bar-container input {
  padding: 0 !important;
}

.buttons a {
  text-decoration: none !important;
}

.buttons button {
  width: 160px;
  cursor: pointer;
  color: #d74c4a;
  background-color: #fff;
  height: 50px;
  border-radius: 30px;
  font-weight: 400 !important;
  font-size: 0.85em;
  font-family: HelveticaNeueLTStd-Bd, Helvetica, Arial, sans-serif;
  line-height: 19.04px;
  border: 1px solid #d74c4a;
}

.buttons button:hover {
  background-color: #d74c4a;
  color: #fff;
  border: 1px solid #d74c4a;
}

.buttons .red-button {
  background-color: #d74c4a;
  color: #fff;
  margin-right: 15px;
  border: 1px solid #d74c4a;
}

.buttons .red-button:hover {
  color: #d74c4a;
  background-color: #fff;
  webkit-transition: color 0.15s ease;
  transition: color 0.15s ease;
}

.price-bar {
  -webkit-appearance: none;
  height: 20px;
  max-width: 1100px;
  margin: 0 auto;
  margin-bottom: 40px;
  cursor: pointer;
  outline: 0;
  background: linear-gradient(90deg, #f05a5a 2%, #f5f5f5 2%);
  border-radius: 12px;
  border: none;
}

.price-bar::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  background: #f05a5a;
  border: 11px solid #fff;
}

.price-bar::-moz-range-thumb {
  height: 50px;
  width: 50px;
  border-radius: 50%;
  background: #f05a5a;
  border: 7px solid #fff;
}

.pricing-ssw {
  width: 100%;
  margin: 30px 0 80px;
  padding: 25px 0;
  background-color: #f0f1f2;
}

.pricing-ssc {
  display: flex;
  padding: 10px 0;
}

.pricing-ssc .pricing-ssi {
  background: linear-gradient(-47deg, #f5f6f7 50%, #fff 50%);
  margin: 10px 20px;
  border-radius: 2%;
}

.pricing-ssc .pricing-ssi img {
  margin: 0 auto;
  padding: 40px 40px;
  width: auto;
}

.pricing-ssc .pricing-ssi a {
  margin-top: 50px;
}

.pricing-double {
  padding: 60px 0;
  text-align: center;
  overflow: hidden;
}

.wrap,
.wrap-1 {
  width: 100%;
  height: 270px;
  position: relative;
  overflow: hidden;
}

.logo-rows-wrapper {
  margin: 60px auto;
}

.aspot-logo-slide-container {
  width: 100%;
  overflow: hidden;
  padding: 1rem auto;
}

.try-container,
.try-container-1,
.try-container-x {
  left: 0;
  height: 100%;
}

.try-slides-aspot-logos,
.try-slides,
.try-slides-1,
.try-slides-x {
  width: 5000px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  margin: 0;
  padding: 0;
}

.try-li,
.try-li-1 {
  display: block;
  box-sizing: border-box;
  flex: 0 0 450px;
  height: 100%;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin: 0 20px;
  border-radius: 5px;
}

.try-li-x {
  display: block;
  box-sizing: border-box;
  flex: 0 0 200px;
  background: linear-gradient(-47deg, #f5f6f7 50%, #fff 50%);
  height: 100%;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin: 0 20px;
  border-radius: 5px;
}

.try-li-aspot-logos {
  flex: 0 0 250px;
}

.try-div-x {
  padding: 10px 20px;
}

.try-div,
.try-div-1 {
  box-sizing: border-box;
  margin: 20px;
  box-shadow: 0 9px 20px -5px rgba(0, 0, 0, 0.23);
  border-radius: 5px;
  justify-content: center;
  align-self: center;
  width: 100%;
}

.try-div img,
.try-div-1 img {
  width: 100%;
  border-radius: 5px;
}

.animate {
  animation: moveSlideshow 20s linear infinite;
}

@media (max-width: 500px) {
  .try-li,
.try-li-1 {
    flex: 0 0 320px;
    margin: 0 10px;
  }
  .wrap,
.wrap-1 {
    height: 200px;
  }
}
@keyframes moveSlideshow {
  100% {
    transform: translate3d(calc(-100% + 100vw), 0, 0);
  }
}
.pd-text-container {
  width: 100%;
  padding: 0 50px 20px;
}

.pd-text {
  margin: 0 auto;
  max-width: 600px;
}

.pd-text h2 {
  margin: 0 auto 30px;
  max-width: 900px;
}

.slides-1,
.slides-2 {
  margin: 25px 20px;
  box-shadow: 0 9px 20px -5px rgba(0, 0, 0, 0.23);
  border-radius: 5px;
}

.slides-1 img,
.slides-2 img {
  border-radius: 5px;
}

.testimonies {
  width: 100%;
  padding: 100px 50px;
  text-align: center;
  background-color: #f2f2f2;
}

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

.testimonies .test-container {
  max-width: 900px;
  margin: 30px auto;
}

.test-nav-container {
  max-width: 900px;
  margin: -10px auto 0;
}

.test-slider {
  margin: 0 auto 60px;
}

.t-slide {
  width: 100%;
}

.t-slide polygon {
  fill: #fff !important;
  z-index: 5 !important;
}

.t-slide-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.mobile-play {
  display: none;
}

.t-slide-video {
  margin: 0;
  width: 100%;
  background-color: #f2f2f2;
  display: flex;
  cursor: pointer;
  align-items: center;
  border-top-left-radius: 15px !important;
  border-top-right-radius: 15px !important;
  border-bottom-left-radius: 15px !important;
  border-bottom-right-radius: 15px !important;
}

.w-big-play-button div {
  background-color: #e2635c !important;
  z-index: 1 !important;
}

.w-big-play-button svg {
  z-index: 10;
}

.wistia_embed {
  width: 100% !important;
}

#wistia_chrome_131,
#wistia_chrome_132,
.w-chrome,
.wistia_swatch {
  border-top-left-radius: 15px !important;
  border-top-right-radius: 15px !important;
  border-bottom-left-radius: 15px !important;
  border-bottom-right-radius: 15px !important;
}

.w-css-reset {
  border-top-left-radius: 15px !important;
  border-top-right-radius: 15px !important;
  border-bottom-left-radius: 15px !important;
  border-bottom-right-radius: 15px !important;
}

.t-slide-text {
  display: flex;
  cursor: pointer;
  flex-direction: row;
  flex-flow: wrap;
  text-align: left;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.1);
  color: #fff;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  height: 360px;
  border-top-left-radius: 15px !important;
  border-top-right-radius: 15px !important;
  border-bottom-left-radius: 15px !important;
  border-bottom-right-radius: 15px !important;
}

.t-slide-text h3,
.t-slide-text p {
  width: 100%;
}

.t-slide-q {
  font-size: 1.67em;
  font-weight: 700;
  line-height: 1.3em;
  position: absolute;
  top: 55px;
  left: 40px;
  z-index: 10px;
  max-width: 525px;
}

.company {
  opacity: 0;
}

.t-slide-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  border-top-left-radius: 15px !important;
  border-top-right-radius: 15px;
  border-bottom-left-radius: 15px !important;
  border-bottom-right-radius: 15px;
}

.t-name {
  margin: 0;
  font-weight: 700;
}

.t-company {
  margin: 0;
}

.text-nav {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.text-logo {
  display: flex;
  position: absolute;
  bottom: 40px;
  left: 40px;
  z-index: 10px;
  align-items: center;
}

.text-logo img {
  margin-right: 20px;
  width: 55px;
  z-index: 10px;
}

.text-logo p {
  font-size: 1.6em;
  z-index: 10px;
}

.nav-img-container {
  background-color: #fff;
  background-color: transparent;
  border-radius: 10px;
}

.nav-img {
  height: 185px;
  margin: 0 10px;
  cursor: pointer;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
}

#money,
#users {
  color: #fff !important;
}

.quad-wrapper {
  width: 100%;
  padding: 100px 100px 120px;
  background-color: #262626;
}

.quad-container {
  max-width: 1450px;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}

.left-quad {
  text-align: left;
  width: 46%;
  color: #fff;
}

.left-quad h3 {
  margin: 20px 0 30px;
  color: #fff;
}

.left-quad p {
  color: rgba(255, 255, 255, 0.8);
  margin-bottom: 30px;
}

.left-quad button {
  border: 1px solid #d74c4a;
  background-color: #d74c4a;
  color: #fff;
  margin-right: 15px;
  width: 160px;
  cursor: pointer;
  color: #fff;
  height: 50px;
  border-radius: 30px;
  font-weight: 400 !important;
  font-size: 0.85em;
  font-family: HelveticaNeueLTStd-Bd, Helvetica, Arial, sans-serif;
  line-height: 19.04px;
}

.left-quad button:hover {
  color: #d74c4a;
  background-color: #fff;
  webkit-transition: color 0.15s ease;
  transition: color 0.15s ease;
}

.gartner-div {
  margin-bottom: 30px;
  padding: 25px;
  border-radius: 5px;
  background-color: #383838;
  display: flex;
  flex-direction: row;
  align-items: center;
  text-align: left;
}

.gartner-div p {
  margin: 0 0 0 20px;
}

.gartner-div img {
  width: 80px;
}

.right-quad {
  width: 46%;
}

.right-quad-shadow {
  height: 50px;
  max-width: 525px;
  margin: -20px auto;
}

.shadow-wrapper {
  margin-left: 150px;
}

.shadow-wrapper img {
  width: 120%;
}

@media (max-width: 1350px) {
  .shadow-wrapper img {
    margin-left: -30px;
  }
}
@media (max-width: 1200px) {
  .left-quad,
.right-quad {
    width: 100%;
  }
  .left-quad {
    margin-bottom: 30px;
  }
  .quad-container {
    justify-content: center;
  }
  .shadow-wrapper {
    margin-left: 150px;
  }
  .shadow-wrapper img {
    width: 120%;
  }
  .right-quad-shadow {
    max-width: 750px;
    margin-bottom: 100px;
  }
}
@media (max-width: 1150px) {
  .three-images {
    width: 45%;
  }
  .three-images-container {
    justify-content: center;
  }
  .shadow-wrapper img {
    margin-left: -80px;
  }
}
@media (max-width: 1050px) {
  .pricing-top {
    width: 100%;
    height: 750px;
    padding: 30px 30px 60px;
  }
  .pricing-top .pricing-top-container {
    justify-content: center !important;
  }
  .pricing-half {
    width: 80%;
    padding-right: 0;
    margin-bottom: 100px;
  }
  .pricing-half h2 {
    margin-top: 60px;
  }
  .price-form {
    width: 70%;
    max-width: 550px;
    border-radius: 25px;
    box-shadow: 27px 43px 58px 7px rgba(0, 0, 0, 0.16);
  }
  .three-images-wrapper {
    margin-top: 650px;
    z-index: 0;
  }
}
@media (max-width: 1000px) {
  .t-slide-container {
    justify-content: center;
    flex-flow: wrap;
  }
  #wistia_chrome_131,
#wistia_chrome_132,
.w-chrome,
.wistia_swatch {
    border-top-right-radius: 15px !important;
  }
  .t-slide-text,
.t-slide-video {
    width: 100%;
    text-align: center;
    max-width: 640px;
    justify-content: center;
  }
  .mobile-play {
    opacity: 1;
    z-index: 5;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 15px;
    background-color: rgba(0, 0, 0, 0.85);
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .mobile-play img {
    width: 120px;
  }
  .t-slide-text {
    position: relative;
    background-color: transparent;
    color: #000;
    height: auto;
    padding: 10px !important;
  }
  .text-logo {
    display: none;
  }
  .t-slide-img {
    display: none !important;
  }
  .shadow-wrapper {
    margin-left: 100px;
  }
  .t-slide-video {
    justify-content: center;
  }
  .t-slide-q {
    max-width: 100%;
    position: relative !important;
    top: 20px;
    left: 0;
  }
  .company {
    opacity: 1;
    margin: 30px auto;
    font-size: 1.2em;
  }
  .nav-img,
.nav-img-container {
    display: none !important;
  }
  .text-logo {
    margin: 0 auto;
  }
  .testimonies h3 {
    margin: 0 auto 30px;
    width: 60%;
  }
  .test-nav {
    margin-top: -50px;
  }
  .test-nav .slick-dots {
    display: flex !important;
    justify-content: center;
    margin: -60px 0 0;
    padding: 1rem 0;
    position: relative !important;
    list-style-type: none;
  }
  .test-nav .slick-dots li button:before {
    color: #000;
  }
  .test-nav .slick-dots li {
    width: 20px;
    margin: 0 0.25rem;
  }
  .test-nav .slick-dots button {
    display: block;
    width: 1rem;
    height: 1rem;
    padding: 0;
    border: none;
    border-radius: 100%;
    background-color: #000;
    text-indent: -9999px;
  }
  .test-nav .slick-dots li.slick-active button {
    background-color: #d74c4a;
  }
  .test-nav .slick-next,
.test-nav .slick-prev {
    display: none !important;
  }
  .test-nav-container {
    margin: 0 auto;
  }
}
@media (max-width: 950px) {
  .quad-container {
    justify-content: left;
  }
  .shadow-wrapper img {
    margin-left: -30px;
  }
}
@media (max-width: 850px) {
  .three-images {
    width: 100%;
  }
}
@media (max-width: 750px) {
  .price-form {
    width: 90%;
  }
  .shadow-wrapper {
    margin-left: 20px;
  }
}
@media (max-width: 700px) {
  .three-images {
    width: 100%;
  }
  .testimonies {
    padding: 150px 25px;
  }
}
@media (max-width: 650px) {
  .pricing-half {
    width: 100%;
    padding-right: 10px;
    margin: 0 0 30px 0;
  }
  .price-form {
    width: 100%;
  }
  .pricing-top {
    width: 100%;
    padding: 30px 25px 50px;
  }
  .pricing-top-container {
    justify-content: left !important;
  }
  .reasons {
    padding: 50px 30px;
  }
  .single-reason {
    padding: 20px 10px 30px 20px;
    margin-bottom: 30px !important;
    width: 100%;
  }
}
@media (max-width: 570px) {
  .shadow-wrapper {
    display: none;
  }
  .quad-wrapper {
    padding: 100px 50px 70px;
  }
  .mobile-play img {
    width: 80px;
  }
  .price-bar::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    height: 60px;
    width: 60px;
    border-radius: 50%;
    background: #f05a5a;
    border: 11px solid #fff;
  }
  .price-bar::-moz-range-thumb {
    height: 60px;
    width: 60px;
    border-radius: 50%;
    background: #f05a5a;
    border: 7px solid #fff;
  }
  .price-bar-wrapper {
    padding: 70px 40px;
  }
  .buttons button {
    width: 100%;
  }
  .buttons .red-button {
    margin: 0 0 10px 0;
  }
  #callEstimate {
    width: 80%;
    margin: 0 auto 40px;
  }
  .pricing-text {
    padding: 80px 30px 60px;
  }
  .why-us {
    padding: 10px 30px;
  }
}
@media (max-width: 495px) {
  .gartner-div img {
    margin-bottom: 15px;
  }
}
@media (max-width: 480px) {
  .three-images-wrapper {
    margin-top: 640px;
    padding: 0 10px;
  }
  .hs_firstname,
.hs_lastname {
    width: 95% !important;
  }
}
@media (max-width: 500px) {
  .quad-wrapper {
    padding: 80px 30px;
  }
  .t-slide-q {
    font-size: 1.4em;
    line-height: 1.2em;
  }
}
@media (max-width: 450px) {
  .try-div,
.try-div-1 {
    display: block;
  }
  .three-images {
    display: block;
  }
  .gartner-div {
    margin-bottom: 30px;
    border-radius: 5px;
    background-color: #383838;
    padding: 25px 25px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    text-align: center;
  }
  .gartner-div p {
    margin: 0;
    width: 100%;
  }
  .gartner-div img {
    width: 80px !important;
  }
  .p-pop-container {
    flex-flow: wrap;
    width: 100%;
    justify-content: center !important;
    text-align: center;
    padding: 10px 0;
  }
  .p-pop-container img {
    margin-bottom: 15px;
  }
  .p-pop-container p {
    margin: 0;
    width: 100%;
  }
  .pricing-half {
    padding: 0;
  }
}
@media (max-width: 380px) {
  .pricing-top {
    height: 950px;
  }
}
.account-experience-hero {
  background: url(https://customer-gauge.files.svdcdn.com/staging/account-experience-book/hero-bg.jpg) no-repeat top center;
  background-size: cover;
  background-attachment: fixed;
  height: auto;
  text-align: center;
  z-index: 1;
}

.account-experience-hero .wrapper {
  padding-top: 40px;
  z-index: auto;
}

.account-experience-hero .headline,
.account-experience-hero .hero-logo {
  float: left;
  text-align: left;
}

@media (max-width: 760px) {
  .account-experience-hero .headline,
.account-experience-hero .hero-logo {
    width: 100%;
  }
}
.account-experience-hero .hero-logo {
  width: 55%;
}

@media (max-width: 760px) {
  .account-experience-hero .hero-logo {
    width: 100%;
    text-align: center;
  }
}
.account-experience-hero .hero-logo img {
  max-width: 300px;
}

.account-experience-hero .headline {
  width: 45%;
  padding: 0 90px;
}

.account-experience-hero .headline strong {
  line-height: 34px;
}

@media (max-width: 975px) {
  .account-experience-hero .headline {
    padding: 0 45px;
  }
}
@media (max-width: 760px) {
  .account-experience-hero .headline {
    text-align: center;
    width: 100%;
    margin: 10px 0;
  }
}
.account-experience-hero .grid-1-2 {
  padding: 0 40px;
}

@media (max-width: 1130px) {
  .account-experience-hero .grid-1-2 {
    padding: 0;
  }
}
@media (max-width: 760px) {
  .account-experience-hero .grid-1-2 {
    width: 100% !important;
  }
}
.account-experience-hero .book-cover {
  max-width: 620px;
  width: 100%;
  padding: 20px;
}

@media (max-width: 760px) {
  .account-experience-hero .book-cover {
    max-width: 450px;
    width: 80%;
  }
}
@media (max-width: 600px) {
  .account-experience-hero .book-cover {
    padding: 0;
  }
}
.account-experience-hero h1 {
  font-family: HelveticaNeueLTStd-Lt, Helvetica, Arial, sans-serif;
  font-size: 34px;
  color: #fff;
}

@media (max-width: 1315px) {
  .account-experience-hero h1 {
    font-size: 26px;
  }
}
@media (max-width: 414px) {
  .account-experience-hero h1 {
    font-size: 22px;
  }
}
.account-experience-hero .short-form {
  background-color: #fff;
  border-radius: 14px;
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.4);
  margin: 20px;
  text-align: center;
  padding: 15px 40px 40px;
}

@media (max-width: 760px) {
  .account-experience-hero .short-form {
    top: -225px;
  }
}
@media (max-width: 600px) {
  .account-experience-hero .short-form {
    margin: 20px 0;
  }
}
@media (max-width: 414px) {
  .account-experience-hero .short-form {
    top: -185px;
  }
}
.account-experience-hero .short-form .input {
  margin: 0 !important;
}

.account-experience-hero .short-form label {
  text-align: left;
  font-family: HelveticaNeueLTStd-Lt, Helvetica, Arial, sans-serif;
}

.account-experience-hero .short-form fieldset.form-columns-2 .hs-form-field {
  width: calc(50% - 10px);
}

@media (max-width: 600px) {
  .account-experience-hero .short-form fieldset.form-columns-2 .hs-form-field {
    width: 100%;
  }
}
.account-experience-hero .short-form fieldset.form-columns-2 .hs-form-field:first-of-type {
  margin-right: 10px;
}

@media (max-width: 600px) {
  .account-experience-hero .short-form fieldset.form-columns-2 .hs-form-field:first-of-type {
    margin: 0;
  }
}
.account-experience-hero .short-form fieldset.form-columns-2 .hs-form-field:last-of-type {
  margin-left: 10px;
}

@media (max-width: 600px) {
  .account-experience-hero .short-form fieldset.form-columns-2 .hs-form-field:last-of-type {
    margin: 0;
  }
}
.account-experience-hero .short-form input,
.account-experience-hero .short-form select {
  box-sizing: border-box;
  border-radius: 40px;
  font-size: 1em;
  padding: 0 20px;
  border: 1px solid #b7b7b7;
  outline: 0;
  max-width: 100%;
  width: 100% !important;
  height: 50px;
  background-color: #f2f2f2;
}

.account-experience-hero .short-form select {
  -webkit-appearance: none;
  -webkit-border-radius: 40px;
  margin: 0;
}

.account-experience-hero .short-form p {
  margin: 25px 0;
  font-size: 9px;
}

.account-experience-hero .short-form input[type=submit] {
  -webkit-appearance: none;
  border-radius: 40px;
  font-size: 16px;
  font-family: HelveticaNeueLTStd-Bd, Helvetica, Arial, sans-serif;
  color: #fff;
  text-shadow: none;
  background: #e2635c;
  margin-top: 20px;
  transition: 0.15s ease;
  cursor: pointer;
  display: inline-block;
  border: 1px solid #e2635c;
  outline: 0;
  box-shadow: none;
  font-weight: 400;
  width: auto;
  margin: 0 auto;
  display: block;
  padding: 15px 35px;
  height: auto;
}

.hill-1 {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: -5px;
  z-index: 2;
}

.definition {
  color: #3a3a3a;
  padding-top: 50px;
  z-index: -1;
}

@media (max-width: 760px) {
  .definition {
    padding: 15px;
  }
}
.definition h3,
.definition p {
  font-size: 32px;
  font-weight: 200;
  line-height: 32px;
  font-family: HelveticaNeueLTStd-Lt, Helvetica, Arial, sans-serif;
}

@media (max-width: 975px) {
  .definition h3,
.definition p {
    font-size: 24px;
    line-height: 26px;
  }
}
.definition p {
  margin: 20px 0;
}

.definition .superscript {
  position: relative;
  top: 4px;
}

.definition .medium {
  font-weight: 500;
}

.definition .pronunciation {
  letter-spacing: 1px;
  margin-bottom: 40px;
}

.definition .italic {
  font-style: italic;
}

.definition .small {
  font-size: 22px;
  line-height: 22px;
  font-style: italic;
}

@media (max-width: 975px) {
  .definition .small {
    font-size: 16px;
    line-height: 20px;
  }
}
.hill-2 {
  width: 100%;
  position: relative;
  top: -20px;
  z-index: 2;
}

.hill-3 {
  width: 100%;
  position: relative;
  top: 130px;
  z-index: 2;
}

@media (max-width: 760px) {
  .hill-3 {
    top: 65px;
  }
}
.blocks {
  background: url(https://customer-gauge.files.svdcdn.com/staging/account-experience-book/blocks-bg.jpg) no-repeat top center;
  background-size: cover;
  background-color: #e2635c;
  padding-bottom: 115px;
}

@media (max-width: 760px) {
  .blocks {
    padding-bottom: 50px;
  }
}
.blocks .grid-1-3 {
  background-color: #fff;
  border-radius: 14px;
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.4);
  width: calc(33.33% - 70px);
  margin: 35px;
  text-align: center;
}

@media (max-width: 975px) {
  .blocks .grid-1-3 {
    width: calc(33.33% - 40px);
    margin: 20px;
    padding: 16px;
  }
}
@media (max-width: 760px) {
  .blocks .grid-1-3 {
    width: 90%;
    margin: 30px auto;
    float: none;
  }
}
.blocks .grid-1-3 img {
  max-width: 175px;
}

@media (max-width: 1078px) {
  .blocks .grid-1-3 img {
    max-width: 125px;
  }
}
@media (max-width: 975px) {
  .blocks .grid-1-3 img {
    max-width: 100px;
  }
}
.blocks h3 {
  font-size: 58px;
  color: #fff;
  margin: 35px 0;
}

@media (max-width: 975px) {
  .blocks h3 {
    font-size: 44px;
  }
}
.blocks h4 {
  font-size: 26px;
  font-family: HelveticaNeueLTStd-Lt, Helvetica, Arial, sans-serif;
  margin: 20px 10px;
}

@media (max-width: 1078px) {
  .blocks h4 {
    font-size: 22px;
  }
}
@media (max-width: 975px) {
  .blocks h4 {
    font-size: 18px;
  }
}
@media (max-width: 760px) {
  .blocks h4 {
    font-size: 22px;
  }
}
.blocks hr {
  border-top: 5px solid #fff;
  margin-bottom: 35px;
  width: 65px;
}

.bridging-the-gap h3,
.download-ebook h3,
.gap-chart h3,
.inside-the-book h3 {
  font-size: 58px;
  color: #3a3a3a;
  margin: 20px 0;
}

@media (max-width: 975px) {
  .bridging-the-gap h3,
.download-ebook h3,
.gap-chart h3,
.inside-the-book h3 {
    font-size: 44px;
  }
}
@media (max-width: 600px) {
  .bridging-the-gap h3,
.download-ebook h3,
.gap-chart h3,
.inside-the-book h3 {
    font-size: 38px;
    margin: 15px 0;
  }
}
.bridging-the-gap h4,
.download-ebook h4,
.gap-chart h4,
.inside-the-book h4 {
  color: #e2635c;
  font-size: 24px;
  margin-bottom: 35px;
}

@media (max-width: 600px) {
  .bridging-the-gap h4,
.download-ebook h4,
.gap-chart h4,
.inside-the-book h4 {
    font-size: 20px;
    margin: 15px 0;
  }
}
.bridging-the-gap hr,
.download-ebook hr,
.gap-chart hr,
.inside-the-book hr {
  border-top: 5px solid #e2635c;
  margin-bottom: 35px;
  width: 65px;
}

.gap-chart {
  padding: 50px 0;
}

.gap-chart article {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  position: relative;
  color: #3a3a3a;
}

.gap-chart article button {
  width: 100%;
  border: 1px solid #ddd;
  border-right: 0;
  border-top: 0;
  padding: 10px;
  background: #fff;
  font-size: 14px;
  font-weight: 700;
  height: 60px;
  color: #999;
}

.gap-chart article ul {
  display: flex;
  top: 0;
  z-index: 10;
  padding: 0;
}

.gap-chart article li {
  list-style: none;
  flex: 1;
}

.gap-chart article li:last-child {
  border-right: 1px solid #ddd;
}

.gap-chart article table {
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
}

.gap-chart article th {
  background: #f5f5f5;
  display: none;
}

.gap-chart article td img {
  width: 40px;
}

.gap-chart article td,
.gap-chart article th {
  padding: 25px;
  empty-cells: show;
  text-align: center;
  border: none;
}

.gap-chart article thead th {
  font-weight: 800;
}

.gap-chart article tbody td,
.gap-chart article tbody th {
  border-left: 2px solid #999;
  text-align: center;
  font-family: HelveticaNeueLTStd-Lt, Helvetica, Arial, sans-serif;
}

.gap-chart article tbody tr td:first-child {
  border: none;
}

.gap-chart article td + td,
.gap-chart article th + th {
  text-align: center;
  display: none;
}

.gap-chart article td.default {
  display: table-cell;
}

.gap-chart article tr:nth-of-type(even) {
  background: #e4e4e4;
}

.gap-chart article tr:nth-of-type(odd) {
  background: #f9f9f9;
}

.gap-chart article .customer-experience {
  background-color: #333;
}

.gap-chart article .customer-success {
  background-color: #999;
}

.gap-chart article .account-experience {
  background-color: #e2635c;
}

.gap-chart article .sep {
  background: #f5f5f5;
  font-weight: 700;
}

.gap-chart article .txt-l {
  font-size: 28px;
  font-weight: 700;
}

.gap-chart article .txt-top {
  position: relative;
  top: -9px;
  left: -2px;
}

.gap-chart article .tick {
  font-size: 18px;
  color: #2ca01c;
}

.gap-chart article .hide {
  border: 0;
  background: #fff;
}

@media (min-width: 640px) {
  .gap-chart article ul {
    display: none;
  }
  .gap-chart article td,
.gap-chart article th {
    display: table-cell !important;
  }
  .gap-chart article td,
.gap-chart article th {
    width: 250px;
  }
  .gap-chart article td + td,
.gap-chart article th + th {
    width: auto;
  }
}
.gap-chart article .gap-light {
  background-color: #f6e3e2;
  opacity: 0;
}

.gap-chart article .gap-dark {
  background-color: #e4d1d0;
  opacity: 0;
}

.gap-chart article .cx-gap {
  opacity: 0;
  width: 430px;
  background-color: #e2635c;
  height: 85px;
  margin: 35px auto;
}

@media (max-width: 640px) {
  .gap-chart article .cx-gap {
    display: none;
  }
}
.gap-chart article .cx-gap .triangle-up {
  border-left: 13px solid transparent;
  border-right: 13px solid transparent;
  border-bottom: 13px solid #e2635c;
  top: -34px;
  left: calc(50% - 13px);
}

@media (max-width: 1220px) {
  .gap-chart article .cx-gap .triangle-up {
    top: -31px;
  }
}
.gap-chart article .cx-gap h3 {
  color: #fff;
  font-size: 30px;
  text-align: center;
  margin: 5px;
}

.bridging-the-gap {
  padding: 50px 0;
  text-align: center;
}

@media (max-width: 640px) {
  .bridging-the-gap {
    padding: 25px;
  }
}
.bridging-the-gap .gap-diagram {
  margin: 30px 0;
  width: 1100px;
}

@media (max-width: 800px) {
  .bridging-the-gap .gap-diagram {
    display: none;
  }
}
.bridging-the-gap .gap-diagram-vert {
  display: none;
  margin: 0 auto;
  width: 100%;
  max-width: 540px;
}

@media (max-width: 800px) {
  .bridging-the-gap .gap-diagram-vert {
    display: block;
  }
}
.inside-the-book {
  padding: 50px 0;
}

.inside-the-book .grid-1-2 h2 {
  color: #e2635c;
  text-align: right;
  font-size: 50px;
  padding-left: 150px;
}

@media (max-width: 1120px) {
  .inside-the-book .grid-1-2 h2 {
    padding: 0;
  }
}
@media (max-width: 975px) {
  .inside-the-book .grid-1-2 h2 {
    font-size: 40px;
  }
}
@media (max-width: 760px) {
  .inside-the-book .grid-1-2 h2 {
    font-size: 30px;
    text-align: center;
  }
}
.inside-the-book .grid-1-2 .checklist div {
  margin: 15px 0;
}

@media (max-width: 975px) {
  .inside-the-book .grid-1-2 .checklist div {
    margin: 10px 0;
  }
}
.inside-the-book .grid-1-2 .checklist img {
  width: 30px;
  margin-right: 15px;
  float: left;
}

.inside-the-book .grid-1-2 .checklist p {
  font-size: 22px;
  font-family: HelveticaNeueLTStd-Lt, Helvetica, Arial, sans-serif;
  display: table;
}

@media (max-width: 975px) {
  .inside-the-book .grid-1-2 .checklist p {
    font-size: 16px;
  }
}
@media (max-width: 760px) {
  .inside-the-book .grid-1-2 {
    width: 100%;
    padding: 10px 20px;
  }
}
@media (max-width: 760px) {
  .inside-the-book {
    padding: 25px 0;
  }
}
.hill-4 {
  width: 100%;
  position: relative;
  top: -75px;
}

.download-ebook {
  background: url(https://customer-gauge.files.svdcdn.com/staging/account-experience-book/footer-bg.jpg) no-repeat top center;
  background-size: cover;
  padding-top: 50px;
}

.download-ebook h3 {
  color: #fff;
}

.download-ebook h4 {
  font-size: 28px;
}

@media (max-width: 600px) {
  .download-ebook h4 {
    font-size: 22px;
  }
}
@media (max-width: 600px) {
  .download-ebook hr {
    margin-bottom: 15px;
  }
}
.download-ebook .book-footer {
  text-align: center;
  margin-top: 25px;
}

#download-ebook p {
  color: #fff;
  font-family: HelveticaNeueLTStd-Md;
  text-align: center;
  font-size: 11px;
  max-width: 500px;
  margin: 30px auto;
}

#download-ebook form {
  max-width: 650px;
  width: 100%;
  margin: 0 auto;
}

#download-ebook fieldset {
  max-width: 100%;
  width: 100%;
}

#download-ebook .hs-form-required {
  color: #fff;
}

#download-ebook label {
  color: #fff;
  font-size: 16px;
}

@media (max-width: 414px) {
  #download-ebook label {
    font-size: 14px;
  }
}
#download-ebook fieldset.form-columns-2 .hs-form-field {
  width: calc(50% - 15px);
}

@media (max-width: 600px) {
  #download-ebook fieldset.form-columns-2 .hs-form-field {
    width: 100%;
  }
}
#download-ebook fieldset.form-columns-2 .hs-form-field:first-of-type {
  margin-right: 15px;
}

@media (max-width: 600px) {
  #download-ebook fieldset.form-columns-2 .hs-form-field:first-of-type {
    margin: 0;
  }
}
#download-ebook fieldset.form-columns-2 .hs-form-field:last-of-type {
  margin-left: 15px;
}

@media (max-width: 600px) {
  #download-ebook fieldset.form-columns-2 .hs-form-field:last-of-type {
    margin: 0;
  }
}
#download-ebook input {
  box-sizing: border-box;
  border-radius: 40px;
  font-size: 1em;
  padding: 0 20px;
  border: 1px solid #ccc;
  outline: 0;
  max-width: 100%;
  width: 100%;
  height: 65px;
}

#download-ebook .input {
  margin: 0;
}

#download-ebook input[type=submit] {
  -webkit-appearance: none;
  border-radius: 40px;
  font-size: 20px;
  font-family: HelveticaNeueLTStd-Bd, Helvetica, Arial, sans-serif;
  color: #fff;
  text-shadow: none;
  background: #e2635c;
  margin-top: 20px;
  transition: 0.15s ease;
  cursor: pointer;
  display: inline-block;
  border: 1px solid #e2635c;
  outline: 0;
  box-shadow: none;
  font-weight: 400;
  width: auto;
  margin: 0 auto;
  display: block;
  padding: 20px 35px;
  height: auto;
}

#download-ebook .hs-input.error {
  background: #fff;
  border: 2px solid #e2635c;
  margin: 0 0 5px 0;
  box-shadow: none;
}

#download-ebook ul {
  list-style-type: none;
  padding: inherit;
}

#download-ebook .hs_error_rollup label {
  text-align: center;
}

#download-ebook select {
  box-sizing: border-box;
  font-size: 1em;
  background: #fff;
  display: block;
  font-family: inherit;
  font-size: 0.85em;
  height: 65px;
  line-height: 1.2;
  margin: 5px 0;
  width: 100%;
  max-width: 100%;
  border: 1px solid #ccc;
  outline: 0;
  padding: 0 30px;
  -webkit-appearance: none;
  -webkit-border-radius: 40px;
}

#download-ebook .hs-error-msgs.inputs-list label {
  margin-top: 0;
  font-family: HelveticaNeueLTStd-Hv;
  color: #e2635c;
}

.report-thank-you .thank-you-contact p {
  margin: 25px 0 !important;
}

.report-thank-you #thank-you-form label {
  margin: 10px 0 !important;
}

.report-thank-you .full-text img {
  margin: 10px auto 0 !important;
}

.monetize-2020 .assessment-icon,
.monetize-2020 .assessment-popup,
.monetize-2020 .assessment-popup.open,
.monetize2020 .assessment-icon,
.monetize2020 .assessment-popup,
.monetize2020 .assessment-popup.open {
  display: none;
}

.monetize-2020 .assessment-icon,
.monetize-2020 .assessment-popup,
.monetize-2020 .assessment-popup.open,
.monetize2020 .assessment-icon,
.monetize2020 .assessment-popup,
.monetize2020 .assessment-popup.open {
  display: none;
}

.countdown {
  height: 150px;
  background-color: #e2635c;
  padding: 0 15%;
}

.countdown h1 {
  font-size: 34px;
  font-family: HelveticaNeueLTStd, Helvetica, Arial, sans-serif;
  color: #fff;
  font-weight: 600;
  line-height: 25px;
  padding: 6px 0;
  letter-spacing: 0;
}

.countdown h2 {
  font-size: 24px;
  font-family: HelveticaNeueLTStd, Helvetica, Arial, sans-serif;
  color: #fff;
  font-weight: 100;
  padding: 6px 0;
  letter-spacing: 0;
}

.countdown-info {
  width: 50%;
  float: left;
  padding: 38px 0;
}

.timer {
  width: 50%;
  font-size: 60px;
  font-family: HelveticaNeueLTStd, Helvetica, Arial, sans-serif;
  color: #fff;
  font-weight: 600;
  float: left;
  text-align: center;
  padding: 20px 0;
}

.vl {
  border-left: 5px solid #fff;
  height: 100px;
  width: 25px;
  top: 5px;
}

.hl {
  border-bottom: 6px solid #e2635c;
  width: 70px;
  margin: 0 auto;
}

.hl-sm {
  border-bottom: 3px solid #e2635c;
  width: 35px;
  margin: 0 auto;
}

.timer div {
  display: inline-block;
  width: 125px;
}

.timer h3 {
  font-family: HelveticaNeueLTStd, Helvetica, Arial, sans-serif;
  font-weight: 100;
  font-size: 18px;
  letter-spacing: 0;
}

.elevation-bg::before {
  content: "";
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -10;
  background: url(https://customer-gauge.files.svdcdn.com/staging/events/elevation_bg.png) no-repeat center center;
  background-size: cover;
}

.about-event {
  padding: 75px 0;
  font-family: HelveticaNeueLTStd, Helvetica, Arial, sans-serif;
  color: #3f5156;
}

.about-content {
  text-align: center;
  padding: 0 20%;
}

.about-content h1 {
  font-family: HelveticaNeueLTStd-Hv, Helvetica, Arial, sans-serif;
  font-size: 52px;
  margin: 25px 0;
  line-height: 44px;
  letter-spacing: 2px;
}

.about-content h2 {
  font-family: HelveticaNeueLTStd-Bd, Helvetica, Arial, sans-serif;
  font-size: 24px;
  color: #e2635c;
  margin: 25px 0;
  letter-spacing: 0;
}

.about-content h3 {
  font-size: 24px;
  font-weight: 100;
  font-family: HelveticaNeueLTStd-Lt, Helvetica, Arial, sans-serif;
  letter-spacing: 0;
}

.event-icon-wrapper {
  background-image: url(https://customer-gauge.files.svdcdn.com/staging/events/dotted_bg.png);
  background-size: 95%;
  background-position: center top 53px;
  background-repeat: no-repeat;
  max-width: 1400px;
  margin: 55px auto;
  width: 80%;
  height: 100%;
}

.event-grid-1-4 {
  width: 20%;
  display: inline-block;
  float: none;
  margin-top: 20px;
  vertical-align: top;
  padding: 20px;
}

.event-grid-1-4 h4 {
  font-size: 22px;
  margin: 25px 0 10px;
}

.event-grid-1-4 p {
  margin: 10px 0;
}

.event-box-icon {
  background: #e2635c;
  border-radius: 50%;
  width: 80px;
  height: 80px;
  margin: 0 auto;
}

.event-box-icon img {
  height: 60px !important;
  margin: 10px !important;
}

.sold-out-overlay {
  background-color: rgba(255, 255, 255, 0.75);
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 99;
  height: 100%;
}

.sold-out-message {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.sold-out-message h1 {
  background-color: #e2635c;
  font-size: 50px;
  line-height: 100px;
  color: #fff;
  text-transform: uppercase;
}

.sold-out-message button {
  position: relative;
  cursor: pointer;
  top: 80px;
  font-family: HelveticaNeueLTStd-Bd, Helvetica, Arial, sans-serif;
  width: 50%;
  height: 70px;
  border-radius: 50px;
  border: 1px solid #007a88;
  font-size: 14px;
  text-transform: uppercase;
  transition: 0.2s ease;
}

.sold-out-message button:hover {
  background-color: #016b77;
  border: 1px solid #016b77;
}

.event-waitlist-overlay {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 999999999;
  display: none;
  background: rgba(0, 0, 0, 0.65);
  overflow-y: scroll;
}

#event-waitlist-form {
  display: none;
  width: 100%;
  max-width: 550px;
  padding: 30px 30px 30px 35px;
  position: relative;
  top: 100px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 9999999999;
  background: #fff;
  box-shadow: 0 5px 21px 3px rgba(0, 0, 0, 0.44);
  margin-bottom: 200px;
}

.event-waitlist-header {
  height: 80px;
  float: left;
  width: 100%;
  background: #e2635c;
  position: absolute;
  top: 0;
  left: 0;
}

.event-waitlist-close-button {
  float: right;
  width: 30px;
  height: 30px;
  box-shadow: none;
  border: none;
  background: 0 0;
  color: #fff;
  font-size: 30px;
  margin-top: 20px;
  margin-right: 20px;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}

.event-waitlist-header h2 {
  color: #fff;
  padding-left: 35px;
  font-family: HelveticaNeueLTStd-Bd, Helvetica, Arial, sans-serif;
  font-size: 24px;
  padding-top: 30px;
}

#event-waitlist-form .hbspt-form {
  margin-top: 80px;
}

#event-waitlist-form input[type=submit] {
  width: 150px;
  padding: 20px;
  display: block;
  margin: 20px auto 0;
  border: none;
  outline: 0;
  border-radius: 30px;
  font-size: 0.85em;
  font-family: HelveticaNeueLTStd-Bd, Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: #fff;
  background: #007a88;
  border: 1px solid #007a88;
  text-shadow: none;
  transition: 0.15s ease;
  cursor: pointer;
  box-shadow: none;
}

#event-waitlist-form .hs-input {
  width: 98%;
  height: 30px;
}

@media screen and (max-width: 1635px) {
  .countdown {
    padding: 0 10%;
  }
}
@media screen and (max-width: 1445px) {
  .countdown {
    padding: 0 10%;
  }
  .timer div {
    width: 100px;
  }
}
@media screen and (max-width: 1265px) {
  .countdown h1 {
    font-size: 30px;
  }
  .countdown h2 {
    font-size: 18px;
  }
  .countdown-info {
    padding: 42px 0;
  }
  .timer div {
    width: 95px;
  }
}
.monetize-video-hero {
  max-height: 700px;
}

@media screen and (max-width: 1297px) {
  .monetize-video-hero {
    max-height: 660px;
  }
}
@media screen and (max-width: 1135px) {
  .monetize-video-hero {
    max-height: 600px;
  }
}
@media screen and (max-width: 1100px) {
  .monetize-video-hero {
    max-height: 540px;
  }
}
@media screen and (max-width: 990px) {
  .monetize-video-hero {
    max-height: 480px;
  }
}
@media screen and (max-width: 900px) {
  .monetize-video-hero {
    max-height: 440px;
  }
}
@media screen and (max-width: 870px) {
  .monetize-video-hero {
    max-height: 410px;
  }
}
@media screen and (max-width: 600px) {
  .monetize-video-hero {
    max-height: 330px;
  }
}
@media screen and (max-width: 425px) {
  .monetize-video-hero {
    max-height: 390px;
  }
}
@media screen and (max-width: 1135px) {
  .test h1 {
    padding: 10px 25px !important;
    border-left: 10px solid #e2635c !important;
    font-size: 65px !important;
    line-height: 60px !important;
  }
  .test h2 {
    padding: 0 25px 10px !important;
    border-left: 10px solid #e2635c !important;
    font-size: 38px !important;
  }
  .about-content {
    padding: 0 10%;
  }
  .event-icon-wrapper {
    width: 90%;
  }
  .countdown {
    padding: 0 4%;
  }
}
@media screen and (max-width: 990px) {
  .test h1 {
    font-size: 55px !important;
    line-height: 48px !important;
  }
  .test h2 {
    font-size: 30px !important;
  }
  .event-hero-btn {
    margin-top: 20px !important;
  }
  .event-hero-btn a {
    padding: 10px 30px !important;
    font-size: 15px !important;
  }
  .event-icon-wrapper {
    background-position: center top 60px;
    margin: 40px auto;
  }
  .event-grid-1-4 h4 {
    font-size: 18px;
  }
  .timer div {
    width: 70px;
  }
}
@media screen and (max-width: 780px) {
  .countdown {
    height: 240px;
    padding: 20px 10%;
  }
  .countdown-info {
    padding: 0;
    text-align: center;
    width: 100%;
  }
  .timer {
    width: 100%;
  }
  .timer div {
    width: 125px;
  }
  .event-nav-btn {
    display: none !important;
  }
  .about-event {
    padding: 50px 0;
  }
  .about-content h1 {
    font-size: 46px;
  }
  .about-content h2 {
    font-size: 22px;
  }
  .about-content h3 {
    font-size: 22px;
  }
  .event-icon-wrapper {
    background-image: url(https://customer-gauge.files.svdcdn.com/staging/events/vertical_dotted_bg.png);
    background-size: contain;
    background-position: center top;
    background-repeat: no-repeat;
    padding: 45px 0;
  }
  .event-grid-1-4 {
    width: 100%;
    margin-top: 0;
  }
  .event-box-icon {
    width: 125px;
    height: 125px;
    margin: 25px auto;
  }
  .event-box-icon img {
    height: 80px !important;
    margin: 25px !important;
  }
  .icon-text {
    background-color: #fff;
    padding: 15px;
  }
  .event-grid-1-4 h4 {
    font-size: 25px;
    margin-top: 0;
  }
  .event-grid-1-4 p {
    font-size: 25px !important;
    padding: 0 80px;
  }
}
@media screen and (min-width: 769px) {
  .video-backdrop {
    display: none;
  }
}
@media screen and (max-width: 720px) {
  .timer div {
    width: 90px;
  }
}
@media screen and (max-width: 545px) {
  .timer div {
    width: 70px;
  }
  .timer {
    padding: 15px 0;
  }
  .sold-out-message button {
    width: 70%;
  }
}
@media screen and (max-width: 479px) {
  .test h1 {
    font-size: 43px !important;
    line-height: 43px !important;
  }
  .countdown {
    height: 205px;
    padding: 20px 10%;
  }
  .countdown h1 {
    font-size: 25px;
  }
  .countdown h2 {
    font-size: 13px;
  }
  .timer {
    font-size: 45px;
  }
  .timer div {
    width: 50px;
  }
  .timer h3 {
    font-size: 13px;
  }
  .vl {
    border-left: 4px solid #fff;
    height: 78px;
  }
  .about-event {
    padding: 40px 0;
  }
  .about-content h1 {
    font-size: 32px;
    margin: 14px 0;
    line-height: 32px;
  }
  .hl {
    border-bottom: 3px solid #e2635c;
    width: 50px;
  }
  .about-content h2 {
    font-size: 16px;
  }
  .about-content h3 {
    font-size: 18px;
  }
  .event-grid-1-4 p {
    font-size: 18px !important;
    padding: 0;
  }
}
.events {
  overflow-x: visible;
}

.events a,
.events li,
.events p {
  color: #353a3d;
}

.events nav ul {
  margin-top: 8px;
}

.events #monetize-main-nav #mon-main-nav {
  margin-top: 16px;
}

.events .logo-cloud {
  padding-top: 120px;
}

.events .logo-cloud img {
  opacity: 1;
}

#monetize-hero {
  padding: 20px 0 80px 0;
  background: #e2635c;
}

#monetize-hero .hero-bg {
  background: url(https://customer-gauge.files.svdcdn.com/staging/events/hero-bg.jpg) no-repeat left center;
  background-size: cover;
  z-index: 0;
  position: absolute;
  width: 50%;
  height: 100%;
  top: 0;
  left: 0;
}

#monetize-main-nav {
  padding: 40px 0 0 0;
}

@media screen and (max-width: 900px) {
  #monetize-main-nav.video-template {
    padding: 0;
  }
}
.monetize-nav {
  z-index: 1;
}

.monetize-nav .nav-logo {
  width: 250px;
  display: inline-block;
  vertical-align: middle;
  padding: 0;
}

.monetize-nav .info {
  margin-left: 30px;
  display: inline-block;
}

.monetize-nav li {
  margin-right: 15px;
  list-style-image: none;
}

.monetize-nav li.button.secondary {
  border-radius: 0;
  font-size: 1em;
  vertical-align: middle;
  display: inline-block;
  margin: 0 0 0 15px;
}

.monetize-nav li.button.secondary a {
  padding: 9px 25px;
}

.monetize-nav li.button.secondary:hover {
  background: #fff;
}

.monetize-nav li.button.secondary:hover a {
  color: #e2635c;
}

.monetize-nav li a {
  color: #fff;
  padding: 10px;
}

@media screen and (max-width: 1200px) {
  .monetize-nav #mon-main-nav {
    display: block !important;
  }
  .monetize-nav #mon-main-nav li:not(.button) {
    display: none;
  }
}
@media screen and (max-width: 450px) {
  .monetize-nav li.button.secondary a {
    width: 130px;
    padding: 9px 15px;
  }
}
#monetize-sticky-nav {
  background: #d9635f;
  background: -webkit-gradient(left top, right bottom, color-stop(0, #d9635f), color-stop(100%, #e79062));
  background: linear-gradient(135deg, #d9635f 0, #e79062 100%);
  position: fixed;
  top: -300px;
  left: 0;
  width: 100%;
  z-index: 100;
  text-align: center;
  padding: 25px 0 20px;
}

#monetize-sticky-nav .nav-logo {
  float: left;
  margin-top: 10px;
}

#monetize-sticky-nav .nav-logo img {
  height: 60px;
}

#monetize-sticky-nav .info {
  margin: 26px auto;
}

#monetize-sticky-nav .button {
  border-radius: 0;
  color: #e2635c;
  border: 2px solid #fff;
  margin-top: 0;
}

#monetize-sticky-nav .button a {
  color: #e2635c;
  padding: 15px 30px;
  font-size: 1rem;
}

#monetize-sticky-nav .button a:hover {
  color: #fff;
}

@media screen and (max-width: 768px) {
  #monetize-sticky-nav #mon-main-nav {
    margin-top: 0;
  }
  #monetize-sticky-nav .info {
    display: none;
  }
  #monetize-sticky-nav a {
    font-size: 15px;
  }
}
@media screen and (max-width: 768px) {
  #monetize-sticky-nav {
    text-align: left;
    height: 90px;
    padding: 20px 0 20px;
  }
  #monetize-sticky-nav .nav-logo {
    margin-top: 0;
    height: 100%;
    margin: 0;
    width: auto;
  }
  #monetize-sticky-nav .nav-logo img {
    height: 100%;
    width: auto;
    margin: 0;
  }
  #monetize-main-nav #mon-main-nav {
    margin-top: 10px;
  }
  #monetize-main-nav #mon-main-nav .button {
    margin: 0;
    width: 200px;
    text-align: center;
  }
  #monetize-main-nav .nav-logo {
    position: absolute;
    left: 20px;
    top: 35px;
    max-width: 160px;
  }
  #monetize-main-nav .info {
    display: block;
    text-align: right;
  }
  #monetize-main-nav .info span {
    display: none;
  }
}
@media screen and (max-width: 450px) {
  #monetize-main-nav {
    padding-top: 0;
  }
  #monetize-sticky-nav .wrapper {
    width: 95%;
  }
  #monetize-sticky-nav .button {
    margin: 0;
  }
  #monetize-sticky-nav .button a {
    padding: 15px 20px;
    font-size: 14px;
  }
  #monetize-sticky-nav .nav-logo {
    width: 150px;
    margin-top: 5px;
    height: auto;
    top: auto;
    left: auto;
  }
}
@media screen and (max-width: 450px) and (max-width: 320px) {
  #monetize-sticky-nav .nav-logo {
    width: 130px;
  }
}
@media screen and (max-width: 450px) {
  #monetize-sticky-nav .nav-logo img {
    width: 100%;
    height: auto;
  }
  #monetize-main-nav #mon-main-nav .button {
    width: 130px;
  }
}
@media screen and (max-width: 350px) {
  .monetize-nav .nav-logo {
    left: 10px;
    top: 45px;
    max-width: 140px;
  }
}
.monetize-slider-container {
  background: #fff;
  z-index: 1;
  padding: 40px;
  margin-top: 20px;
}

.events p.bg-year {
  color: #ededed;
  font-size: 180px;
  position: absolute;
  top: -60px;
  right: 0;
  line-height: 1;
  letter-spacing: -10px;
}

@media screen and (max-width: 1200px) {
  .events p.bg-year {
    display: none;
  }
}
#monetize-slider,
.container-text {
  width: 50%;
  float: left;
}

#monetize-slider.slick-dotted.slick-slider {
  margin-bottom: 10px !important;
}

#monetize-slider .slick-dots {
  bottom: -30px;
}

#monetize-slider .slick-dots li {
  margin: 0 5px;
  width: 20%;
  height: 22px;
}

#monetize-slider .slick-dots li button {
  width: 100%;
  background: #ccc;
  height: 2px;
  margin: 11px 3px 11px 0;
  padding: 0;
  transition: background 0.3s ease;
}

#monetize-slider .slick-dots li button:before {
  content: "";
}

#monetize-slider .slick-dots li.slick-active button {
  background: #e2635c;
  height: 5px;
}

.container-text {
  margin-top: 40px;
}

.container-text p {
  margin: 20px 40px 40px;
  color: #494949;
  line-height: 1.7;
}

.container-text a {
  text-decoration: none;
  border-bottom: 1px solid #e2635c;
  margin-right: 45px;
  font-family: HelveticaNeueLTStd-Hv, Helvetica, Arial, sans-serif;
}

.container-text .pull-left {
  background: 0 0;
}

.container-text .pull-left span.cover {
  position: absolute;
  top: 0;
  width: 160px;
  left: 10px;
  height: 100%;
  background: #fff;
  z-index: 0;
}

.container-text .pull-left span.text {
  z-index: 1;
  line-height: 1;
}

.container-text .pull-left span.text sup {
  font-size: 0.5em;
  margin-left: 7px;
}

.pull-left {
  margin-left: -150px;
  background: #fff;
  padding: 20px 0 20px 40px;
  width: calc(100% + 150px);
}

@media screen and (max-width: 1500px) {
  .container-text h2 {
    font-size: 4em;
  }
}
@media screen and (max-width: 1000px) {
  #monetize-slider,
.container-text {
    width: 100%;
    float: none;
  }
  .container-text {
    padding: 0;
  }
  .container-text p {
    margin: 0;
  }
  .container-text .pull-left {
    margin-left: 0;
    width: 100%;
    background: 0 0;
    font-size: 2.5em;
    padding: 20px 0;
  }
  .container-text a {
    margin-top: 15px;
    margin-right: 10px;
    display: inline-block;
  }
  .container-text a:first-of-type {
    margin-left: 0;
  }
}
.event-countdown {
  background: #76787a;
  width: 520px;
  margin: -30px auto 0;
  color: #fff;
  padding: 25px 0;
  text-align: center;
}

.event-countdown a {
  margin: 0;
  padding: 10px;
  text-decoration: none;
  margin-left: 20px;
  color: #fff;
  font-size: 1rem;
  border: 2px solid #fff;
  transition: 0.2s ease;
}

.event-countdown a:hover {
  background: #fff;
  color: #76787a;
}

@media screen and (max-width: 520px) {
  .event-countdown {
    width: 100%;
    padding: 40px 20px;
  }
  .event-countdown span {
    display: block;
    font-size: 1.25rem;
    margin-bottom: 10px;
  }
  .event-countdown a {
    margin: 0 auto;
    font-size: 0.9rem;
    display: inline-block;
  }
}
.section-title {
  margin: 100px auto 50px;
  display: block;
  height: 240px;
}

@media screen and (max-width: 650px) {
  .section-title {
    height: auto;
    width: 100%;
    max-width: 350px;
  }
}
@media screen and (max-width: 450px) {
  .section-title {
    margin: 60px auto 30px;
  }
}
.text-list .grid-1-2 {
  color: #3f5156;
}

.text-list .grid-1-2 ul {
  margin-top: 0;
  padding: 0 0 0 20px;
}

.text-list .grid-1-2 li {
  color: #3f5156;
  padding-left: 5px;
  margin-bottom: 15px;
  list-style-image: url(https://customer-gauge.files.svdcdn.com/staging/events/bullet.png);
}

.text-list .grid-1-2:first-of-type {
  font-size: 1.9rem;
  text-align: right;
}

@media screen and (max-width: 1200px) {
  .text-list .grid-1-2,
.text-list .grid-1-2:first-of-type {
    float: none;
    text-align: left;
    width: 100%;
    clear: both;
  }
  .text-list .grid-1-2:first-of-type {
    font-size: 1.5em;
  }
}
.monetize-video {
  width: 90%;
  max-width: 1400px;
  margin: 60px auto;
}

.monetize-video .wistia_responsive_padding {
  display: block;
}

.module.first.video-text-position {
  overflow: hidden;
  top: -150px;
  z-index: -1;
  padding: 200px 0 150px 0;
}

.module.first.video-text-position .interior-hero {
  padding: 0 30% 0 25px;
}

@media screen and (max-width: 1100px) {
  .module.first.video-text-position {
    padding: 190px 0 100px 0;
  }
}
@media screen and (max-width: 870px) {
  .module.first.video-text-position {
    padding: 140px 0 80px 0;
    top: -110px;
  }
}
@media screen and (max-width: 768px) {
  .module.first.video-text-position {
    padding: 140px 0 70px 0;
    top: -40px;
  }
}
@media screen and (max-width: 600px) {
  .module.first.video-text-position {
    padding: 120px 0 50px 0;
    top: -36px;
  }
  .module.first.video-text-position .interior-hero {
    padding: 0;
  }
  .module.first.video-text-position .wistia_responsive_padding {
    width: 170%;
    left: -35%;
  }
}
@media screen and (max-width: 375px) {
  .module.first.video-text-position .wistia_responsive_padding {
    width: 200%;
    left: -25%;
  }
}
@media screen and (max-width: 600px) {
  .test h1 {
    font-size: 46px !important;
  }
  .test h2 {
    font-size: 22px !important;
  }
}
.event-top-gradient {
  background: linear-gradient(to bottom, rgba(48, 47, 47, 0.7) 0, rgba(48, 47, 47, 0.25) 50%, rgba(0, 0, 0, 0) 100%);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: top center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 1;
}

.video-dark-gradient {
  background: #302f2f;
  background: radial-gradient(circle, rgba(48, 47, 47, 0.75) 0, rgba(48, 47, 47, 0.85) 25%, #302f2f 74%);
}

#video-cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(https://customer-gauge.files.svdcdn.com/staging/events/video-poster.jpg);
  background-size: cover;
  cursor: pointer;
  transition: opacity 1s ease;
}

.highlights {
  background: #fff;
  position: absolute;
  top: 0;
  left: calc(50% - 150px);
  width: 300px;
  color: #e2635c;
  text-align: center;
  text-transform: uppercase;
  padding: 20px 10px;
}

.highlights h4 {
  font-size: 19px;
  font-family: HelveticaNeueLTStd-Hv;
  margin-bottom: 0;
}

@media screen and (max-width: 600px) {
  .highlights {
    width: 200px;
    left: calc(50% - 100px);
  }
  .highlights h4 {
    font-size: 1em;
    margin-bottom: 10px;
  }
}
#speakers {
  padding: 0 0 120px;
}

#speakers h4 {
  color: #e2635c;
  font-family: HelveticaNeueLTStd-Hv;
  margin-top: 20px;
}

#speakers h4.pull-left {
  padding: 15px 0 15px 20px;
  margin-left: -70px;
  width: 250px;
}

#speakers p {
  color: #3f5156 !important;
}

#speakers .speaker-company-logo {
  max-height: 35px;
  max-width: 140px;
  margin-bottom: 5px;
}

@media screen and (max-width: 1200px) {
  #speakers .wrapper > .grid-1-2 {
    width: 100%;
    float: none;
    display: block;
    clear: both;
  }
}
@media screen and (max-width: 600px) {
  #speakers {
    padding-top: 0;
  }
  #speakers h4.pull-left {
    margin-left: 0;
    padding: 0;
  }
  #speakers .grid-1-2 .grid-1-2:last-of-type {
    margin: 0 0 40px 0;
  }
  #speakers .grid-1-2 img {
    margin: 0 auto;
    display: block;
  }
}
@media screen and (max-width: 450px) {
  #speakers h4.pull-left {
    margin: 0;
    padding: 0;
    background: 0 0;
    width: 100%;
    font-size: 1.75em;
  }
  #speakers .grid-1-2 {
    margin: 30px 0;
  }
  #speakers .grid-1-2 img {
    width: 100%;
  }
  #speakers .grid-1-2 .grid-1-2:last-of-type {
    margin: 0;
  }
  #speakers .speaker-info {
    position: absolute;
    bottom: -50px;
    background: #fff;
    padding: 15px;
    right: 0;
    width: 95%;
  }
}
.pin {
  width: 22px;
  display: block;
  margin: 40px auto 20px;
}

#taking-over {
  z-index: 1;
  margin-bottom: 400px;
}

#taking-over.cta-follows {
  margin-bottom: 0;
}

#taking-over h2 {
  color: #fff;
  margin-bottom: 40px;
}

#taking-over .grid-1-2,
#taking-over li,
#taking-over p {
  color: #c1c7c9;
}

#taking-over p.sub {
  color: #e2635c;
  letter-spacing: 2px;
}

.taking-over-bg {
  background-image: url(https://customer-gauge.files.svdcdn.com/staging/events/back-bay-bg.jpg);
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: cover;
  padding: 100px 0 320px;
}

.monetize-gallery {
  background: #2c2f31;
  width: 80%;
  position: absolute;
  left: 10%;
  bottom: -500px;
  z-index: 3;
  padding: 0 45px 45px 45px;
}

.monetize-gallery.no-list {
  bottom: -160px;
}

@media screen and (max-width: 1800px) {
  .monetize-gallery {
    bottom: -400px;
  }
}
@media screen and (max-width: 1400px) {
  .monetize-gallery {
    bottom: -300px;
  }
}
@media screen and (max-width: 1100px) {
  .monetize-gallery {
    bottom: -200px;
  }
  .monetize-gallery.no-list {
    bottom: 0;
  }
}
@media screen and (max-width: 850px) {
  .monetize-gallery {
    bottom: -100px;
  }
}
#main-img {
  float: left;
  width: 82%;
  padding-right: 10px;
}

#main-img img {
  width: 100%;
  display: block;
}

.gallery-img {
  float: left;
  margin-left: 10px;
  margin-bottom: 10px;
  width: calc(50% - 10px);
}

.gallery-img .active {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: inset 0 0 0 10px #fff;
  opacity: 0;
}

@media screen and (max-width: 1200px) {
  .gallery-img .active {
    box-shadow: inset 0 0 0 5px #fff;
  }
}
.gallery-img:first-of-type .active {
  opacity: 1;
}

.thumbs {
  float: left;
  width: 18%;
}

.thumb {
  display: block;
  width: 100%;
}

#hurry {
  background: url(https://customer-gauge.files.svdcdn.com/staging/events/bridge-bg.jpg) no-repeat center center;
  background-size: cover;
  padding: 200px 0;
  z-index: 0;
  text-align: center;
}

#hurry.follows-gallery {
  padding: 500px 0 120px;
}

#hurry.follows-gallery.no-list {
  padding: 280px 0 120px;
}

#hurry h3 {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 40px;
}

#hurry a {
  display: inline-block;
  vertical-align: middle;
  padding: 12px 25px;
  color: #e2635c;
  text-decoration: none;
  margin-left: 30px;
  margin-top: -8px;
  border: 2px solid #fff;
}

#hurry a:hover {
  background: 0 0;
  color: #fff;
}

@media screen and (max-width: 1100px) {
  #hurry {
    padding: 100px 0;
  }
  #hurry.follows-gallery,
#hurry.follows-gallery.no-list,
#hurry.no-list {
    padding: 100px 0;
  }
}
@media screen and (max-width: 425px) {
  #hurry {
    padding: 80px 0;
  }
  #hurry.follows-gallery,
#hurry.follows-gallery.no-list,
#hurry.no-list {
    padding: 80px 0;
  }
  #hurry h3 {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 950px) {
  #hurry h3 {
    display: block;
  }
  #hurry a {
    margin: 20px auto;
  }
}
@media screen and (max-width: 750px) {
  .monetize-gallery {
    bottom: auto;
    width: 100%;
    left: auto;
    position: relative;
  }
  #main-img,
.thumbs {
    float: none;
    width: 100%;
    padding-right: 0;
  }
  .thumbs {
    margin-top: 10px;
  }
  .gallery-img {
    width: calc(20% - 10px);
    margin: 5px;
  }
  .gallery-img:first-of-type,
.gallery-img:nth-of-type(6) {
    margin-left: 0;
  }
  .taking-over-bg {
    padding-bottom: 0;
  }
  #hurry {
    padding: 120px 0;
  }
}
#agenda {
  padding-top: 50px;
}

#agenda .grid-1-2.one-day {
  float: none;
  display: block;
  margin: 0 auto;
  width: 100%;
  max-width: 700px;
}

@media screen and (max-width: 1024px) {
  #agenda .grid-1-2 {
    width: 100%;
    float: none;
    display: block;
  }
  #agenda .grid-1-2:last-of-type {
    margin-top: 80px;
  }
}
.agenda-targets {
  text-align: center;
  padding: 17px 25px;
  border: 1px solid #d7d7d4;
  width: 600px;
  margin: 10px auto 40px;
  border-radius: 30px;
  font-size: 20px;
  font-family: HelveticaNeueLTStd-Bd, Helvetica, Arial, sans-serif;
}

.agenda-targets a {
  margin: 38px;
  color: #6d6d6d;
  cursor: pointer;
  text-decoration: none;
  transition: 0.3s;
}

@media screen and (max-width: 700px) {
  .agenda-targets {
    width: 75%;
  }
  .agenda-targets a {
    margin: 15px;
  }
}
@media screen and (max-width: 600px) {
  .agenda-targets {
    width: 100%;
    font-size: 16px;
  }
}
@media screen and (max-width: 400px) {
  .agenda-targets a {
    margin: 6px;
  }
}
.agenda-targets a:hover {
  color: #df645a;
  text-decoration: underline;
}

.agenda-tag {
  background: #df645a;
  color: #fff;
  font-family: HelveticaNeueLTStd-Bd, Helvetica, Arial, sans-serif;
  font-size: 14px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  width: 50%;
}

@media screen and (max-width: 575px) {
  .agenda-tag {
    width: 100%;
  }
}
#agenda-show-hide {
  color: #fff;
  float: right;
  font-family: HelveticaNeueLTStd, Helvetica, Arial, sans-serif;
  font-size: 50px;
  line-height: 30px;
  text-decoration: none;
}

.day-header {
  color: #fff;
  padding: 30px 30px 30px 130px;
  font-size: 1.667em;
  background: #76787a url(https://customer-gauge.files.svdcdn.com/staging/events/day-1.png) no-repeat 5%;
  background-size: auto 60px;
}

.day-header.loop-2 {
  background: #76787a url(https://customer-gauge.files.svdcdn.com/staging/events/day-2.png) no-repeat 5%;
  background-size: auto 60px;
}

.day-header.loop-3 {
  background: #76787a url(https://customer-gauge.files.svdcdn.com/staging/events/day-3.png) no-repeat 5%;
  background-size: auto 60px;
}

.day-header.loop-4 {
  background: #76787a url(https://customer-gauge.files.svdcdn.com/staging/events/day-4.png) no-repeat 5%;
  background-size: auto 60px;
}

.day-header.loop-5 {
  background: #76787a url(https://customer-gauge.files.svdcdn.com/staging/events/day-5.png) no-repeat 5%;
  background-size: auto 60px;
}

.one-day .day-header.loop-1 {
  background: #76787a;
}

.agenda-item {
  padding: 40px;
}

.agenda-item:nth-of-type(odd) {
  background: #f0f0f0;
}

.agenda-item:nth-of-type(even) {
  background: #f8f8f8;
}

.agenda-item p {
  color: #777;
  font-size: 0.944rem;
  margin: 15px 0;
}

.agenda-item p.heading {
  font-family: HelveticaNeueLTStd-Bd, Helvetica, Arial, sans-serif;
  color: #303538;
  font-size: 1.444rem;
  margin: 0;
}

.agenda-item p.speaker {
  font-family: HelveticaNeueLTStd-Bd, Helvetica, Arial, sans-serif;
  line-height: 1.2;
  margin: 0;
}

.agenda-time {
  position: absolute;
  top: 0;
  right: 0;
  padding: 5px;
  background: #fff;
  font-size: 0.778rem;
}

.speaker-photos {
  width: 90px;
  float: left;
}

.speaker-photos img {
  margin-bottom: 5px;
}

.item-content {
  float: left;
  width: calc(100% - 90px);
  padding: 0 20px;
}

.item-content.length-0 {
  width: 100%;
}

@media screen and (max-width: 550px) {
  .agenda-item {
    padding: 20px;
  }
  .speaker-photos {
    display: none;
  }
  .speaker-photos img {
    height: 100%;
    width: auto;
  }
  .item-content {
    width: 100%;
    float: none;
    padding: 0;
    margin-top: 30px;
  }
}
#book-now .booking-box {
  border: 10px solid #e2635c;
  margin: 1.5%;
  text-align: center;
  padding: 30px;
}

#book-now .booking-box.grid-1-1 {
  max-width: 500px;
  float: none;
  margin: 0 auto;
}

#book-now .booking-box.grid-1-2 {
  width: 47%;
}

#book-now .booking-box.grid-1-3 {
  width: 30%;
}

#book-now .booking-box p {
  color: #3f5156;
  margin: 15px auto;
  line-height: 1.2;
}

#book-now .booking-box h4 {
  margin: 40px auto;
}

#book-now .booking-box .heading {
  background: #41484d;
  color: #fff;
  padding: 10px;
  text-transform: uppercase;
  font-family: HelveticaNeueLTStd-Hv, Helvetica, Arial, sans-serif;
  width: 90%;
  margin: 0 auto;
}

#book-now .booking-box .heading:before {
  content: "";
  top: 0;
  left: 0;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 22px 0 22px 8px;
  border-color: transparent transparent transparent #fff;
}

#book-now .booking-box .heading:after {
  content: "";
  top: 0;
  right: 0;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 22px 8px 22px 0;
  border-color: transparent #fff transparent transparent;
}

#book-now .booking-box a {
  padding: 15px;
  text-decoration: none;
  margin-top: 30px;
  display: block;
  border: 2px solid #fff;
  transition: 0.2s ease;
}

#book-now .booking-box a.white {
  color: #fff;
}

#book-now .booking-box a.white:hover {
  color: #e2635c;
  background: #fff;
  border: 2px solid #e2635c;
}

#book-now .booking-box a.salmon {
  color: #e2635c;
}

#book-now .booking-box a.salmon:hover {
  color: #fff;
  background: #e2635c;
  border: 2px solid #fff;
}

#book-now .booking-box h4 {
  color: #e2635c;
}

#book-now .booking-box.featured {
  box-shadow: 0 0 27px 6px rgba(217, 100, 95, 0.21);
  background: #da6660 url(https://customer-gauge.files.svdcdn.com/staging/events/vip-bg.jpg) no-repeat top center;
  background-size: contain;
  border: none;
  padding-top: 90px;
  margin-top: -35px;
}

#book-now .booking-box.featured h4 {
  color: #fff;
}

#book-now .booking-box.featured .heading {
  background: #fff;
  color: #41484d;
}

#book-now .booking-box.featured .heading:before {
  border-color: transparent transparent transparent #e27669;
}

#book-now .booking-box.featured .heading:after {
  border-color: transparent #e27669 transparent transparent;
}

#book-now .booking-box.featured p {
  color: #fff;
}

#book-now .booking-box.featured a {
  background: #fff;
  border: 2px solid #fff;
  color: #e2635c;
  transition: 0.2s ease;
}

#book-now .booking-box.featured a:hover {
  background: 0 0;
  color: #fff;
  border: 2px solid #fff;
}

@media screen and (max-width: 1024px) {
  #book-now .booking-box.grid-1-2,
#book-now .booking-box.grid-1-3 {
    width: 100%;
    max-width: 400px;
    margin: 30px auto;
    float: none;
    display: block;
  }
  #book-now .booking-box.grid-1-2:nth-of-type(2),
#book-now .booking-box.grid-1-3:nth-of-type(2) {
    margin: 30px auto;
  }
}
#past-attendees {
  padding: 150px 0 120px;
}

#past-attendees h3 {
  color: #41484d;
  margin-bottom: 30px;
}

#faqs {
  text-align: center;
  background: #d9635f;
  background: -webkit-gradient(left top, left bottom, color-stop(0, #d9635f), color-stop(53%, #d9635f), color-stop(100%, #dd8669));
  background: linear-gradient(to bottom, #d9635f 0, #d9635f 53%, #dd8669 100%);
  padding: 120px 0;
}

#faqs a,
#faqs li {
  color: #fff;
}

#faqs h3 {
  margin-bottom: 60px;
}

#faqs a.register {
  display: inline-block;
  padding: 15px 20px;
  text-decoration: none;
  color: #e2635c;
  margin: 60px auto 0;
  border: 2px solid #fff;
  transition: 0.3s ease;
}

#faqs a.register:hover {
  background: 0 0;
  color: #fff;
}

#faqs .accordion {
  background-color: transparent;
  color: #fff;
  font: inherit;
  font-size: 1em;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  text-align: left;
  border: none;
  outline: 0;
  font-family: HelveticaNeueLTStd-Hv;
  transition: 0.4s;
}

#faqs .accordion:first-of-type {
  border-top: 1px solid #fff;
}

#faqs .accordion.active {
  text-decoration: underline;
}

#faqs .panel {
  padding: 0 18px;
  max-height: 1px;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  border-bottom: 1px solid #fff;
  text-align: left;
}

#faqs .panel p {
  color: #fff;
  margin-bottom: 20px;
}

#faqs .accordion:after {
  content: "+";
  font-size: 22px;
  color: #ffe29b;
  float: right;
  margin-left: 5px;
  line-height: 28px;
}

#faqs .active:after {
  content: "—";
  color: #ffe29b;
  font-size: 20px;
}

#lenox {
  background: url(https://customer-gauge.files.svdcdn.com/staging/events/map-bg.jpg) no-repeat center center;
  background-size: cover;
  padding: 80px 0 40px;
  text-align: center;
}

#lenox .lenox-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 0;
}

#lenox iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  pointer-events: none;
}

#lenox .section-title {
  height: 85px;
  display: block;
}

#lenox p {
  color: #fff;
}

#lenox p img {
  vertical-align: middle;
  margin: 20px 5px;
  width: 25px;
}

#lenox p img:last-of-type {
  margin-left: 30px;
}

#lenox p.gray {
  color: #c6c6c6;
}

#lenox a.white {
  color: #fff;
  text-decoration: none;
}

#lenox .footer {
  margin-top: 100px;
}

#lenox .footer img {
  width: 200px;
  float: left;
  margin-top: 30px;
}

#lenox .footer .copyright {
  float: right;
  text-align: right;
  max-width: 300px;
  font-size: 12px;
}

#lenox .event-map-overlay {
  background: rgba(32, 32, 32, 0.9);
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

@media screen and (max-width: 650px) {
  #lenox .section-title {
    height: auto;
    width: 80%;
  }
  #lenox a {
    display: block;
  }
  #lenox p img {
    margin: 10px 5px;
  }
  #lenox p img:last-of-type {
    margin-left: 0;
  }
  #lenox .footer img {
    float: none;
    margin: 0 auto;
  }
  #lenox .footer .copyright {
    float: none;
    width: 100%;
    text-align: center;
    max-width: none;
    margin-top: 30px;
  }
}
#event-slidedown {
  height: 0;
  overflow: hidden;
  min-width: 100%;
  margin-bottom: 30px;
  margin-top: -30px;
}

#event-slidedown .content-wrapper {
  background-image: url(https://customer-gauge.files.svdcdn.com/staging/events/slide-down/cg_homebanner.jpg);
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: cover;
  width: 100%;
  height: 450px;
  text-align: center;
  color: #fff;
  display: block;
  text-decoration: none;
}

#event-slidedown .x {
  position: absolute;
  top: -5px;
  right: 20px;
  color: rgba(255, 255, 255, 0.6);
  font-size: 50px;
  z-index: 9999;
}

#event-slidedown .logo {
  width: 350px;
  margin: 70px auto 20px;
  display: block;
}

#event-slidedown p {
  color: #fff;
  margin: 0 0 20px 0;
  text-transform: uppercase;
  font-size: 20px;
  padding: 0;
}

#event-slidedown h2 {
  max-width: 90%;
  margin: 0 auto;
}

#event-slidedown .register-now {
  margin: 30px 0 0 0;
  display: inline-block;
  padding: 10px 60px 10px 10px;
  text-decoration: none;
  color: #fff;
  font-size: 1rem;
  border: 2px solid #fff;
  cursor: pointer;
  transition: 0.2s ease;
}

#event-slidedown .register-now:hover {
  background: #fff;
  color: #e2635c;
}

#event-slidedown .register-now:hover .arrow.hover {
  opacity: 1;
}

#event-slidedown .register-now .arrow {
  position: absolute;
  width: 35px;
  right: 10px;
  top: 19px;
}

#event-slidedown .register-now .arrow.hover {
  opacity: 0;
}

h2.size-medium {
  font-size: 2.6em;
}

h2.size-small {
  font-size: 2em;
}

@media screen and (max-width: 600px) {
  #event-slidedown .content-wrapper {
    padding: 0 20px;
  }
  #event-slidedown .logo {
    max-width: 75%;
    margin-top: 80px;
  }
  #event-slidedown h2 {
    font-size: 2.35em;
    line-height: 1.3;
  }
  #event-slidedown h2.size-medium {
    font-size: 2em;
  }
  #event-slidedown h2.size-small {
    font-size: 1.5em;
  }
  #event-slidedown .register-now .arrow {
    right: 10px !important;
    top: 18px !important;
  }
}
#hero-cta {
  margin: 0;
  float: right;
  padding: 15px 30px;
}

#report-sticky-nav {
  background: #d9635f;
  background: -webkit-gradient(left top, right bottom, color-stop(0, #d9635f), color-stop(100%, #e79062));
  background: linear-gradient(135deg, #d9635f 0, #e79062 100%);
  position: fixed;
  top: -300px;
  left: 0;
  width: 100%;
  z-index: 100;
  text-align: center;
  padding: 18px 0;
}

#report-sticky-nav .nav-logo {
  max-width: 230px;
  float: left;
  margin-top: 10px;
  padding: 0;
}

#report-sticky-nav .nav-logo img {
  width: 100%;
}

@media screen and (max-width: 768px) {
  #report-sticky-nav #report-main-nav {
    margin-top: 0;
  }
  #report-sticky-nav a {
    font-size: 15px;
  }
}
@media screen and (max-width: 768px) {
  #report-sticky-nav {
    text-align: left;
    height: 90px;
    padding: 20px 0 20px;
  }
  #report-sticky-nav .nav-logo {
    margin-top: 0;
    height: 100%;
    margin: 0;
    width: auto;
  }
  #report-sticky-nav .nav-logo img {
    height: 100%;
    width: auto;
    margin: 0;
  }
  #report-main-nav .nav-logo {
    position: absolute;
    left: 20px;
    top: 35px;
    max-width: 160px;
  }
}
.report.module .wrapper > p,
.report.module > p {
  line-height: 1.4;
  max-width: 1000px;
  margin: 0 auto;
  text-align: center;
  font-size: 24px;
}

.report.module .button {
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
  padding: 15px 30px;
  text-decoration: none;
}

.report.module .gradient-text {
  background: -webkit-gradient(linear, left top, left bottom, from(#41919b), to(#96c2c7));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #41919b;
  font-size: 170px;
}

.report.module h1,
.report.module h2,
.report.module h3,
.report.module h4,
.report.module h5 {
  font-family: HelveticaNeueLTStd-Hv;
  text-align: center;
  max-width: 800px;
  margin: 0 auto;
  line-height: 1.2;
}

.report.module h1.full-w,
.report.module h2.full-w,
.report.module h3.full-w,
.report.module h4.full-w,
.report.module h5.full-w {
  max-width: none;
}

.report.module h1.wider,
.report.module h2.wider,
.report.module h3.wider,
.report.module h4.wider,
.report.module h5.wider {
  max-width: 890px;
  width: 100%;
}

.report.module h2 {
  font-size: 70px;
  margin-bottom: 30px;
}

.report.module h4 {
  font-size: 46px;
}

.report.module .graph-img {
  margin: 60px auto 0;
  display: block;
  max-width: 80%;
}

.report.module .graph-img.map-graph {
  width: 100%;
  max-width: 1000px;
  margin-top: 50px;
}

.anim-imgs img {
  width: 100%;
}

.anim-imgs img:not(.main-graph) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.gradient-background {
  background: rgba(255, 255, 255, 0.95);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.95) 40%, rgba(255, 255, 255, 0) 100%);
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#report-hero {
  background: url(https://customer-gauge.files.svdcdn.com/staging/report/hero.jpg) no-repeat bottom center;
  background-size: cover;
  background-attachment: fixed;
  text-align: center;
  padding: 12vh 0 0 0;
  border-top: 7px solid #e2635c;
  z-index: 1;
}

#report-hero .logo {
  max-width: 400px;
}

#report-hero h1 {
  font-size: 98px;
  font-family: HelveticaNeueLTStd-Hv;
  letter-spacing: -5px;
  margin: 15px 0;
}

#report-hero h1 sup {
  font-size: 40px;
  top: -20px;
}

#report-hero h2 {
  text-transform: uppercase;
  font-family: HelveticaNeueLTStd-Md;
  font-size: 50px;
  letter-spacing: 6px;
}

#report-hero .collab-wrap {
  margin: 40px auto;
}

#report-hero .collab {
  max-width: 300px;
  margin-left: 20px;
}

#report-hero .collab,
#report-hero .collab-text {
  vertical-align: middle;
}

#report-hero .button {
  margin: 50px auto 150px;
  display: inline-block;
  padding: 15px 30px;
  text-decoration: none;
}

#report-slider {
  background: rgba(255, 255, 255, 0.9);
}

#report-slider .blur {
  background: url(https://customer-gauge.files.svdcdn.com/staging/report/hero.jpg) no-repeat bottom center;
  background-size: 100% auto;
  opacity: 0.5;
  background-attachment: fixed;
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="5" /></filter></svg>#filter');
  filter: blur(5px);
}

#company-slider {
  z-index: 0;
  padding-top: 20px;
}

.slick-dots {
  display: none !important;
}

.slider-nav {
  height: 150px;
  z-index: 2;
}

.slider-nav-item {
  width: 16.66666%;
  float: left;
  height: 150px;
  padding: 20px;
  color: #fff;
  cursor: pointer;
}

.slider-nav-item.active .color-logo {
  opacity: 0;
  z-index: 0;
}

.slider-nav-item.active .white-logo {
  opacity: 1;
  z-index: 1;
}

.slider-nav-item.active span {
  display: block;
}

.slider-nav-item.active .down-arrow {
  opacity: 1;
}

.slider-nav-item.active .slider-nav-item-wrapper {
  top: -10px;
  bottom: 20px;
  height: calc(100% + 30px);
  background: #e2635c;
  transition: all 0.2s ease;
}

.slider-nav-item.active .slider-nav-item-wrapper .slider-logo {
  top: calc(50% - 15px);
}

.slider-nav-item .slider-nav-item-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 3px;
}

.slider-nav-item .slider-logo {
  position: absolute;
  max-height: 70px;
  max-width: 70%;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}

.slider-nav-item .white-logo {
  opacity: 0;
  z-index: 0;
}

.slider-nav-item span {
  display: none;
  text-transform: uppercase;
  font-size: 13px;
  font-family: HelveticaNeueLTStd-Bd;
  position: absolute;
  bottom: 25px;
  left: 0;
  text-align: center;
  width: 100%;
}

.slider-nav-item .down-arrow {
  position: absolute;
  width: 10px;
  left: calc(50% - 5px);
  bottom: 15px;
  opacity: 0;
}

.report-slider-content {
  background: #fff;
  padding: 100px 0;
  z-index: 1;
  text-align: center;
}

.report-slider-content p {
  font-size: 36px;
  font-family: HelveticaNeueLTStd-Md;
  max-width: 1000px;
  width: 90%;
  margin: 0 auto;
  line-height: 1.15;
}

.report-slider-content .credit-logo {
  max-width: 200px;
  max-height: 100px;
  margin: 30px auto 0;
}

.slick-initialized .slick-slide {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.report.seperator.short {
  height: 105px;
}

.report.seperator .bg-teal {
  background: #004c67;
}

.report.seperator.transparent-flipped {
  transform: rotate(180deg);
  background: 0 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.report.seperator.transparent-flipped .pieces {
  background: #44b1a5;
}

.report.seperator.transparent-flipped .pieces.one {
  transform: skew(0deg, -5deg);
}

.report.seperator.transparent-flipped .pieces.two {
  transform: skew(0deg, 5deg);
}

.report.seperator.dont-know {
  background: #eef8f9;
}

.report.seperator.dont-know .pieces {
  background: #b04357;
}

.report.module .wrapper > p.giant {
  color: #23abce;
  opacity: 0.12;
  font-size: 300px;
  position: absolute;
  top: 80px;
  left: 0;
  width: 100%;
  max-width: 100%;
  text-align: center;
}

.report.two-up h2 {
  margin: 0 auto 40px;
}

.report.two-up p {
  color: #b5d1d8;
  font-size: 19px;
  margin-bottom: 30px;
}

.teal-gradient-bg {
  background: #004c67;
  background: linear-gradient(to bottom, #004c67 0, #006a72 100%);
}

.report.module.graph1-module h2 {
  font-size: 45px;
}

#measure-act-grow.report {
  padding: 0 0 300px 0;
  background: #006a72;
  background: linear-gradient(to bottom, #006a72 60%, #44b1a5 100%);
  color: #fff;
  text-align: center;
}

#measure-act-grow.report .graph {
  height: 600px;
}

#measure-act-grow.report .graph .stat-num {
  background: -webkit-gradient(linear, left top, left bottom, from(#a9d6e2), to(#3a989c));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #a9d6e2;
  font-size: 75px;
}

#measure-act-grow.report .graph-content {
  padding: 50px 0 0 0;
}

#measure-act-grow.report .graph-content p {
  position: relative;
  top: auto;
  font-size: 17px;
  max-width: 80%;
  margin: 0 auto 20px;
}

#measure-act-grow.report .graph-content h4 {
  font-family: HelveticaNeueLTStd-Bd;
  margin-bottom: 30px;
}

#measure-act-grow.report .grid-2-3 {
  padding: 20px 0 20px 20px;
}

#measure-act-grow.report .grid-2-3 .grid-1-2 {
  padding: 0 20px;
}

.group {
  text-transform: uppercase;
  font-size: 15px;
  font-family: HelveticaNeueLTStd-Bd, Helvetica, Arial, sans-serif;
  left: 40px;
  padding: 20px;
  position: absolute;
  width: calc(100% - 60px);
  opacity: 0;
}

.group.group-1 {
  background: rgba(48, 141, 144, 0.7);
  background: linear-gradient(180deg, rgba(48, 141, 144, 0.7), rgba(48, 141, 144, 0));
  top: 95px;
}

.group.group-2 {
  background: rgba(39, 157, 138, 0);
  background: linear-gradient(180deg, rgba(39, 157, 138, 0), rgba(39, 157, 138, 0.5));
  bottom: -40px;
}

.report.module.download-cta {
  padding: 450px 0 0 0;
  background: url(https://customer-gauge.files.svdcdn.com/staging/report/hero.jpg) no-repeat bottom center;
  background-size: cover;
  background-attachment: fixed;
  text-align: center;
}

.report.module.download-cta .gradient-background {
  background: rgba(255, 255, 255, 0);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0, #fff 50%);
}

.report.module.download-cta p {
  font-size: 30px;
  max-width: 1200px;
  margin: 0 auto;
}

.report.module.download-cta .button {
  margin: 40px auto;
}

.nowrap-wrapper {
  white-space: nowrap;
  max-width: 80%;
  margin: 0 auto;
}

@media screen and (max-width: 1024px) {
  .nowrap-wrapper {
    white-space: normal;
  }
}
.report.module.pie-gradient {
  padding: 0 0 50px 0;
  background: #fff;
  background: linear-gradient(180deg, #fff, #dceff1);
  text-align: center;
}

.report.module.pie-gradient .graph-img {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
}

.report.module.pie-gradient .graph-img:first-of-type {
  margin-top: 40px;
}

.report.module.pie-gradient .graph-img:last-of-type {
  margin-top: 0;
}

.report.module.pie-gradient .graph-img .button {
  margin-top: 30px;
}

.report.module.pie-gradient .pie-wrap {
  display: inline-block;
  max-width: 50%;
}

.report.module.pie-gradient #pie-cover {
  position: absolute;
  width: 100%;
  height: 100%;
  left: -2px;
  top: -7px;
  opacity: 0.6;
  z-index: 1;
}

.report.module.pie-gradient p.sm {
  font-size: 18px;
  margin-top: -20px;
}

.report.module.pie-gradient .char-after {
  margin-left: -20px;
  opacity: 0.8;
}

.report.module.pie-gradient .pie-odo {
  position: absolute;
  text-align: center;
  color: #fff;
  font-size: 70px;
}

.report.module.pie-gradient .forty-two {
  top: 25%;
  left: 18%;
}

.report.module.pie-gradient .fifty-eight {
  bottom: 40%;
  right: 18%;
}

.report.module.pie-gradient #b2b,
.report.module.pie-gradient #b2c {
  opacity: 0.8;
}

@media screen and (max-width: 1120px) {
  .report.module.pie-gradient .pie-odo {
    font-size: 50px;
  }
  .report.module.pie-gradient .char-after {
    margin-left: -10px;
  }
  .report.module.pie-gradient p.sm {
    margin-top: -10px;
  }
  .report.module.pie-gradient .forty-two {
    left: 22%;
  }
}
@media screen and (max-width: 1024px) {
  .report.module.pie-gradient .graph-img {
    max-width: 100%;
  }
  .report.module.pie-gradient .graph-img:last-of-type {
    margin: 0 0 40px 0;
  }
  .report.module.pie-gradient #pie-cover {
    top: -25px;
  }
  .report.module.pie-gradient .pie-wrap {
    width: 100%;
    max-width: 500px;
  }
  .report.module.pie-gradient .forty-two {
    left: 22%;
  }
  .report.module.pie-gradient .fifty-eight {
    right: 22%;
  }
}
.report.module.pie-gradient .graph-img.pie-graph.desktop-graph {
  margin-top: 20px;
}

@media screen and (max-width: 414px) {
  .report.module.pie-gradient .pie-odo {
    font-size: 40px;
  }
  .report.module.pie-gradient .char-after {
    margin-left: -5;
  }
  .report.module.pie-gradient p.sm {
    margin-top: -5;
  }
}
.geo-bg {
  position: absolute;
  height: 700px;
  z-index: 0;
}

.geo-left {
  left: 0;
}

.geo-right {
  right: -200px;
  top: 400px;
  transform: rotate(180deg);
}

.report.module.dial-gradient {
  padding-bottom: 0;
  background: #dceff1;
  background: linear-gradient(180deg, #dceff1, #eaf9ed, #f8fef7);
}

.report.module.dial-gradient p {
  color: #3a3a3a;
}

.report.module.dial-gradient .graph-img {
  max-width: 70%;
}

.report.module.dial-gradient svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.report.module.dial-gradient .odometer {
  position: absolute;
  top: calc(50% - 170px);
  left: calc(50% - 170px);
  color: #e2635c;
  font-size: 160px;
  text-align: center;
}

.report.module.dial-gradient .odometer p {
  font-size: 18px;
  text-transform: uppercase;
  margin: -20px 0 0 0;
  width: 350px;
}

@media screen and (max-width: 1350px) {
  .report.module.dial-gradient .odometer {
    font-size: 120px;
    top: calc(50% - 130px);
    left: calc(50% - 150px);
  }
  .report.module.dial-gradient .odometer p {
    font-size: 15px;
    width: 310px;
  }
  .report.module.dial-gradient .odometer .percent-after {
    margin-left: -25px;
  }
}
@media screen and (max-width: 1100px) {
  .report.module.dial-gradient .odometer p {
    font-size: 14px;
    width: 300px;
  }
}
@media screen and (max-width: 900px) {
  .report.module.dial-gradient .odometer {
    font-size: 90px;
    top: calc(50% - 100px);
    left: calc(50% - 100px);
  }
  .report.module.dial-gradient .odometer p {
    font-size: 13px;
    width: 200px;
  }
}
@media screen and (max-width: 500px) {
  .report.module.dial-gradient .odometer {
    font-size: 60px;
    top: calc(50% - 70px);
    left: calc(50% - 90px);
  }
  .report.module.dial-gradient .odometer p {
    font-size: 11px;
    width: 180px;
  }
  .report.module.dial-gradient .odometer .percent-after {
    margin-left: -15px;
  }
}
.report.module.dial-gradient .percent-after {
  margin-left: -50px;
}

.line-img {
  display: block;
}

.light-teal {
  color: #5299a1;
}

.light-gray {
  color: #524e4e;
}

.on-top {
  text-align: center;
  padding: 0;
}

.on-top .button {
  margin-top: 50px;
}

.report.module.act-together {
  background: #fff;
  background: linear-gradient(180deg, #fff, #eef8f9);
  text-align: center;
}

.report.module.act-together .act-tog-wrap {
  display: inline-block;
  vertical-align: middle;
}

.report.module.act-together .act-tog-wrap:first-of-type {
  max-width: 70%;
}

.report.module.act-together .act-tog-wrap:first-of-type img {
  width: 100%;
  max-width: 100%;
  margin: 0;
}

.report.module.act-together .act-tog-wrap:last-of-type {
  max-width: 30%;
}

.report.module.act-together .act-tog-wrap:last-of-type img {
  margin: 0;
  max-width: 100%;
}

.report.module.act-together #act-together {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 98%;
  z-index: 1;
}

@media screen and (max-width: 1024px) {
  .report.module.act-together .graph-img {
    display: block;
  }
  .report.module.act-together .graph-img:first-of-type {
    max-width: 100%;
  }
  .report.module.act-together .graph-img:last-of-type {
    max-width: 100%;
  }
}
.dont-know {
  background: #b04357;
  background: linear-gradient(180deg, #b04357, #d15c61);
  padding-top: 0;
}

.dont-know .wrapper-bg {
  padding-top: 150px;
  background: url(https://customer-gauge.files.svdcdn.com/staging/report/dont-know-bg.png) no-repeat top center;
  background-size: 90% auto;
}

.dont-know p {
  color: #ffdfdd;
}

.dont-know .radial-gradient {
  z-index: 0;
  position: absolute;
  width: 500px;
  height: 500px;
  top: -110px;
  right: 50px;
  background: radial-gradient(ellipse at center, rgba(255, 200, 123, 0.7) 0, rgba(255, 200, 123, 0) 70%);
}

@media screen and (max-width: 1200px) {
  .dont-know .radial-gradient {
    width: 400px;
    height: 400px;
  }
}
.dont-know #bar-graph {
  position: absolute;
  width: 80%;
  height: 100%;
  left: 10%;
  top: 0;
}

@media screen and (max-width: 500px) {
  .dont-know #bar-graph {
    width: 84%;
  }
}
.averages {
  padding-bottom: 0;
  text-align: center;
  background: #d15c61;
  background: linear-gradient(180deg, #d15c61, #e37e69);
}

.averages p {
  color: #ffdfdd;
}

.averages .button {
  margin-top: 50px;
}

.averages #averages-lines {
  position: absolute;
  width: 80%;
  height: 100%;
  top: 0;
  left: 10%;
  z-index: 1;
}

@media screen and (max-width: 500px) {
  .averages #averages-lines {
    width: 140%;
    height: 98%;
    top: 14px;
    left: -43%;
  }
  .averages #averages-lines circle {
    display: none;
  }
  .averages .a-st0,
.averages .a-st1,
.averages .a-st10,
.averages .a-st11,
.averages .a-st12,
.averages .a-st13,
.averages .a-st14,
.averages .a-st15,
.averages .a-st16,
.averages .a-st17,
.averages .a-st18,
.averages .a-st19,
.averages .a-st2,
.averages .a-st20,
.averages .a-st21,
.averages .a-st22,
.averages .a-st23,
.averages .a-st3,
.averages .a-st4,
.averages .a-st5,
.averages .a-st6,
.averages .a-st7,
.averages .a-st8,
.averages .a-st9 {
    stroke-width: 16px;
  }
}
#download-report {
  overflow: hidden;
  padding-bottom: 0;
  background: #e37e69;
  background: linear-gradient(180deg, #e37e69, #f7bc79);
}

#download-report .wrapper {
  padding-bottom: 520px;
}

#download-report p {
  color: #fff;
  font-family: HelveticaNeueLTStd-Md;
  text-align: center;
  font-size: 9px;
  max-width: 500px;
  margin: 0 auto;
}

#download-report form {
  max-width: 600px;
  width: 100%;
  margin: 0 auto;
}

#download-report fieldset {
  max-width: 100%;
  width: 100%;
}

#download-report .hs-form-required {
  color: #fff;
}

#download-report label {
  color: #fff;
  font-size: 16px;
}

#download-report fieldset.form-columns-2 .hs-form-field {
  width: calc(50% - 5px);
}

#download-report fieldset.form-columns-2 .hs-form-field:first-of-type {
  margin-right: 5px;
}

#download-report fieldset.form-columns-2 .hs-form-field:last-of-type {
  margin-left: 5px;
}

#download-report input {
  box-sizing: border-box;
  border-radius: 4px;
  font-size: 1em;
  padding: 0 20px;
  border: 1px solid #d36f59;
  outline: 0;
  max-width: 100%;
  width: 100%;
  height: 50px;
}

#download-report input[type=submit] {
  -webkit-appearance: none;
  border-radius: 30px;
  font-size: 0.85em;
  font-family: HelveticaNeueLTStd-Bd, Helvetica, Arial, sans-serif;
  color: #fff;
  text-shadow: none;
  background: #007a88;
  transition: 0.15s ease;
  cursor: pointer;
  display: inline-block;
  border: 1px solid #007a88;
  outline: 0;
  box-shadow: none;
  font-weight: 400;
  width: auto;
  margin: 20px auto;
  display: block;
  padding: 20px 35px;
  height: auto;
}

#download-report .hs-input.error {
  background: #fff;
  border: 2px solid #c73434;
  margin: 0 0 5px 0;
  box-shadow: none;
}

#download-report .hs_error_rollup label {
  text-align: center;
}

#download-report select {
  box-sizing: border-box;
  font-size: 1em;
  background: #fff;
  display: block;
  font-family: inherit;
  font-size: 0.85em;
  height: 50px;
  line-height: 1.2;
  margin: 5px 0;
  width: 100%;
  max-width: 100%;
  border: 1px solid #d36f59;
  outline: 0;
}

#download-report .hs-error-msgs.inputs-list label {
  margin-top: 0;
  font-family: HelveticaNeueLTStd-Hv;
  color: #c73434;
}

.book-img {
  display: block;
  position: absolute;
  width: 90%;
  left: 2.5%;
  bottom: 0;
  z-index: 0;
}

.mobile-graph,
.mobile-wrap {
  display: none !important;
}

.desktop-graph,
.desktop-wrap {
  display: block !important;
}

.desktop-wrap,
.mobile-wrap {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.report.module.act-together .desktop-graph,
.report.module.pie-gradient .desktop-graph {
  display: inline-block !important;
}

@media screen and (max-width: 1024px) {
  #report-hero h1 {
    font-size: 80px;
  }
  #report-hero h2 {
    font-size: 30px;
  }
  #report-hero .logo {
    max-width: 300px;
  }
  .slider-nav .wrapper {
    width: 98%;
  }
  .slider-nav-item span {
    font-size: 12px;
  }
  .report-slider-content {
    padding: 60px 0;
  }
  .report-slider-content p {
    font-size: 30px;
  }
  .report.two-up p {
    font-size: 17px;
  }
  .report.module .wrapper > p.giant {
    font-size: 210px;
    top: 40px;
  }
  #measure-act-grow.report {
    padding-bottom: 100px;
  }
  #measure-act-grow.report .grid-2-3 .grid-1-2 {
    padding: 0 10px;
  }
  #measure-act-grow.report .grid-1-3 {
    padding: 20px 10px;
  }
  #measure-act-grow.report .graph-content {
    padding: 30px 0 0 0;
  }
  #measure-act-grow.report .graph-content h4 {
    margin-bottom: 10px;
  }
  #measure-act-grow.report .graph-content p {
    margin: 0 auto 15px;
    font-size: 15px;
  }
  #measure-act-grow.report .graph .stat-num {
    font-size: 55px;
  }
  .report.module .wrapper > p,
.report.module > p {
    font-size: 18px;
  }
  .group {
    left: 30px;
    width: calc(100% - 40px);
  }
  .report.module {
    padding: 50px 0;
  }
  .report.module h1,
.report.module h2,
.report.module h3,
.report.module h4,
.report.module h5 {
    max-width: 100%;
    line-height: 1.2;
  }
  .report.module h2 {
    font-size: 55px;
    margin-bottom: 10px;
  }
  .report.module h4 {
    font-size: 30px;
  }
  .report.module .gradient-text {
    font-size: 100px;
  }
  .report.module.act-together .act-tog-wrap:first-of-type,
.report.module.act-together .act-tog-wrap:last-of-type {
    max-width: 100%;
  }
  .report.module.dont-know {
    padding-top: 0;
  }
  .report.module.dont-know .wrapper-bg {
    padding-top: 50px;
  }
  #download-report .wrapper {
    padding-bottom: 320px;
  }
}
@media screen and (max-width: 768px) {
  #report-hero h1 {
    font-size: 70px;
  }
  .slider-nav {
    height: 100px;
  }
  .slider-nav-item {
    height: 100px;
  }
  .slider-nav-item.active .slider-nav-item-wrapper {
    height: calc(100% + 20px);
  }
  .slider-nav-item.active .slider-nav-item-wrapper .slider-logo {
    top: 50%;
  }
  .slider-nav-item.active span {
    display: none;
  }
  #measure-act-grow.report .wrapper {
    width: 95%;
  }
  #measure-act-grow.report .grid-2-3 {
    width: 80%;
    float: none;
    margin: 0 auto 200px;
    padding: 0;
  }
  #measure-act-grow.report .grid-2-3 .graph {
    height: 160px;
  }
  #measure-act-grow.report .grid-2-3 .grid-1-2 {
    padding: 0;
  }
  #measure-act-grow.report .grid-2-3 .grid-1-2:first-of-type {
    padding-left: 10px;
  }
  #measure-act-grow.report .grid-2-3 .grid-1-2:last-of-type {
    padding-left: 10px;
  }
  #measure-act-grow.report .grid-1-3 {
    width: 80%;
    float: none;
    margin: 0 auto 250px;
    padding: 0;
  }
  #measure-act-grow.report .graph-content {
    position: absolute;
    top: 100%;
    width: 100%;
  }
  #measure-act-grow.report .graph {
    height: 400px;
  }
  .group.group-1 {
    left: -60px;
    top: 0;
    width: 80px;
    height: 400px;
    background: rgba(48, 141, 144, 0.7);
    background: linear-gradient(to right, rgba(48, 141, 144, 0.7), rgba(48, 141, 144, 0));
    text-align: center;
  }
  .group.group-1 p {
    transform: rotate(-90deg);
    transform-origin: left top 0;
    width: 400px;
    position: absolute;
    left: 10px;
    bottom: -30px;
  }
  .group.group-2 {
    right: 0;
    left: auto;
    top: 0;
    width: 80px;
    height: 1000px;
    background: rgba(48, 141, 144, 0.7);
    background: linear-gradient(to left, rgba(48, 141, 144, 0.7), rgba(48, 141, 144, 0));
    text-align: center;
  }
  .group.group-2 p {
    transform: rotate(90deg);
    transform-origin: right top 0;
    width: 1000px;
    position: absolute;
    bottom: 0;
    right: 10px;
  }
  .group .down-arrow {
    display: none;
  }
  .report.module .graph-img {
    margin-top: 20px;
  }
  .report.module.act-together {
    padding-bottom: 0;
  }
  .report.module.download-cta {
    padding-top: 280px;
  }
  .dont-know .radial-gradient {
    width: 300px;
    height: 300px;
    top: -40px;
    right: -15px;
    opacity: 0.7;
  }
  #download-report .wrapper {
    padding-bottom: 200px;
  }
}
@media screen and (max-width: 600px) {
  #measure-act-grow.report .grid-2-3 {
    margin: 0 auto 280px;
  }
}
@media screen and (max-width: 500px) {
  .anim-imgs img.key {
    width: 155%;
    max-width: 155%;
    top: -36%;
    left: 13%;
  }
  #report-hero h1 sup {
    font-size: 18px;
    top: -7px;
  }
  .nowrap-wrapper,
.report.module .graph-img,
.report.module.dial-gradient .graph-img {
    max-width: 100%;
  }
  #report-hero,
.report.module.download-cta {
    background-attachment: unset;
  }
  .report.module.act-together #act-together {
    width: 70%;
    left: 8.5%;
    height: 110%;
    top: -10%;
  }
  .desktop-graph,
.desktop-wrap,
.report.module.act-together .desktop-graph,
.report.module.pie-gradient .desktop-graph {
    display: none !important;
  }
  .mobile-graph,
.mobile-wrap {
    display: block !important;
  }
  #report-sticky-nav {
    padding: 15px 0;
    height: 77px;
  }
  #report-sticky-nav .wrapper {
    width: 95%;
  }
  #report-sticky-nav a {
    font-size: 13px;
    padding: 12px 20px;
  }
  #report-sticky-nav .nav-logo {
    max-width: 150px;
  }
  #report-hero {
    padding-top: 70px;
  }
  #report-hero h1 {
    font-size: 40px;
    letter-spacing: -3px;
  }
  #report-hero .logo {
    max-width: 200px;
  }
  #report-hero h2 {
    font-size: 18px;
    letter-spacing: 4px;
  }
  #report-hero .collab-wrap {
    margin: 40px auto 20px 0;
  }
  #report-hero .collab {
    margin: 20px 0;
  }
  #report-hero .button {
    margin: 0 auto 60px;
  }
  .report.module.graph1-module h2 {
    font-size: 40px;
  }
  .slider-nav {
    height: 50px;
  }
  .slider-nav-item {
    display: none;
  }
  .slick-dots {
    bottom: auto;
    top: 15px;
    display: block !important;
  }
  .report-slider-content {
    padding: 0;
  }
  .report-slider-content p {
    font-size: 22px;
  }
  .slick-dots li button:focus:before,
.slick-dots li button:hover:before {
    opacity: 0.25;
  }
  .slick-dots li.slick-active button:before {
    color: #e2635c;
    opacity: 1;
  }
  .slick-dots li button:before {
    font-size: 9px;
  }
  .slick-dots li {
    width: 16px;
    height: 16px;
  }
  .report.module h2 {
    font-size: 40px;
  }
  .report.module h3 {
    letter-spacing: -1px;
  }
  .report.module h4 {
    font-size: 20px;
  }
  .report.module.two-up .grid-1-2 {
    margin: 0;
  }
  .report.module .gradient-text {
    font-size: 70px;
  }
  .report.module .wrapper .wrapper {
    width: 100%;
  }
  .report.module.on-top {
    padding-top: 0;
  }
  .dont-know .radial-gradient {
    display: none;
  }
  .line-img {
    width: 200%;
    max-width: none;
    margin-left: -80%;
  }
  #download-report fieldset.form-columns-2 .hs-form-field {
    width: 100%;
  }
  #download-report fieldset.form-columns-2 .hs-form-field:first-of-type,
#download-report fieldset.form-columns-2 .hs-form-field:last-of-type {
    margin: 0;
  }
  #download-report .wrapper {
    padding-bottom: 130px;
  }
}
.report-thank-you .teal {
  color: #007b87;
}

.report-thank-you sup {
  font-size: 0.5em;
}

.report-thank-you h4 {
  margin-bottom: 5px;
}

.report-thank-you #report-hero {
  background: url(https://customer-gauge.files.svdcdn.com/staging/report/thank-you/hero-bg.jpg) no-repeat bottom center;
  background-size: cover;
  text-align: center;
  padding: 0 0 150px 0;
  border-top: none;
  z-index: 1;
  color: #fff;
}

.report-thank-you #report-hero h2 {
  color: #fff;
  text-transform: none;
  letter-spacing: 0;
  font-family: HelveticaNeueLTStd-Lt;
}

.report-thank-you #report-hero h3 {
  font-size: 40px;
  padding: 50px 0;
}

.report-thank-you .full-text {
  margin: 70px 0;
  background: linear-gradient(to bottom, #fff 0, #f6f6f6 47%, #d7d7d7 100%);
}

.report-thank-you .full-text p {
  color: #282828;
  font-size: 25px;
  margin: 20px 0;
}

.report-thank-you .full-text p.teal {
  color: #007b87;
}

.report-thank-you .full-text img {
  display: block;
  margin: 30px 0 0 0;
}

.report-thank-you .full-text h4 {
  font-size: 30px;
}

.report-thank-you .grid-1-2 {
  margin-top: 20px;
}

.report-thank-you .grid-1-2:first-of-type {
  padding-right: 50px;
  width: calc(100% - 500px);
}

.report-thank-you .thank-you-contact {
  padding: 40px 0 0 0;
}

.report-thank-you .thank-you-contact li,
.report-thank-you .thank-you-contact p {
  font-size: 20px;
}

.report-thank-you .thank-you-contact p {
  margin: 25px 0;
}

.report-thank-you .thank-you-contact p:first-of-type {
  margin-top: 0;
}

.report-thank-you #thank-you-form {
  box-shadow: 0 0 35px 0 rgba(0, 0, 0, 0.28);
  background: #fcfcfc;
  border: 1px solid #b7b7b7;
  border-radius: 15px;
  padding: 30px;
  max-width: 450px;
  float: right;
}

.report-thank-you #thank-you-form h4 {
  font-size: 25px;
  width: 90%;
  margin: 0 auto 25px;
}

.report-thank-you #thank-you-form p {
  color: #282828;
  font-size: 9px;
  text-align: center;
}

.report-thank-you #thank-you-form .hs-form-required {
  color: #282828;
}

.report-thank-you #thank-you-form .submitted-message p {
  font-size: 18px;
}

.report-thank-you #thank-you-form .error {
  background: #fff;
  border: 1px solid #e2635c;
}

.report-thank-you #thank-you-form .hs-error-msgs.inputs-list li label {
  font-family: HelveticaNeueLTStd-Bd, Helvetica, Arial, sans-serif;
  color: #e2635c;
}

.report-thank-you #thank-you-form .hs_error_rollup li label {
  text-align: center;
}

.report-thank-you #thank-you-form .actions {
  margin: 0;
  padding: 0;
}

.report-thank-you #thank-you-form fieldset {
  width: 100%;
  max-width: 100%;
}

.report-thank-you #thank-you-form .input {
  margin: 0;
}

.report-thank-you #thank-you-form label {
  margin: 0 0 0 20px;
}

.report-thank-you #thank-you-form input,
.report-thank-you #thank-you-form select {
  box-sizing: border-box;
  border-radius: 4px;
  font-size: 14px;
  padding: 0 20px;
  border: 1px solid #a1a1a1;
  border-radius: 23px;
  outline: 0;
  max-width: 100%;
  width: 100%;
  height: 45px;
}

.report-thank-you #thank-you-form input[type=submit],
.report-thank-you #thank-you-form select[type=submit] {
  -webkit-appearance: none;
  border-radius: 30px;
  font-family: HelveticaNeueLTStd-Bd, Helvetica, Arial, sans-serif;
  color: #fff;
  text-shadow: none;
  background: #007a88;
  margin-top: 20px;
  transition: 0.15s ease;
  cursor: pointer;
  display: inline-block;
  border: 1px solid #007a88;
  outline: 0;
  box-shadow: none;
  font-weight: 400;
  width: 100%;
  margin: 0 auto;
  display: block;
  padding: 20px 35px;
  height: auto;
}

.report-thank-you .callout {
  display: block;
}

@media screen and (max-width: 1100px) {
  .report-thank-you .grid-1-2:first-of-type {
    width: 50%;
    padding-right: 30px;
  }
}
@media screen and (max-width: 650px) {
  .report-thank-you #thank-you-form,
.report-thank-you .grid-1-2,
.report-thank-you .grid-1-2:first-of-type {
    width: 100%;
    float: none;
    max-width: 100%;
    padding: 0;
  }
  .report-thank-you #report-hero {
    padding-bottom: 70px;
  }
  .report-thank-you #report-hero h3 {
    font-size: 24px;
    padding: 40px 0;
    letter-spacing: -1px;
  }
  .report-thank-you #report-hero .logo {
    max-width: 180px;
  }
  .report-thank-you #report-hero h1 {
    font-size: 36px;
    letter-spacing: -2px;
    margin: 10px 0;
  }
  .report-thank-you .full-text {
    padding-top: 20px;
  }
  .report-thank-you .full-text p {
    font-size: 18px;
  }
  .report-thank-you .full-text img {
    margin-bottom: 0;
  }
  .report-thank-you h4 {
    font-size: 22px;
  }
  .report-thank-you .thank-you-contact {
    padding-top: 0;
    text-align: center;
  }
  .report-thank-you .thank-you-contact ul {
    text-align: left;
  }
  .report-thank-you .thank-you-contact li,
.report-thank-you .thank-you-contact p {
    font-size: 17px;
  }
  .report-thank-you #thank-you-form {
    padding: 15px;
    border-radius: 10px;
  }
  .report-thank-you .ty-disclaimer {
    margin: 20px auto;
    font-size: 12px;
    text-align: center;
  }
}
@media screen and (max-width: 320px) {
  .report-thank-you #report-hero h1 {
    font-size: 30px;
  }
  .report-thank-you #report-hero h3 {
    font-size: 22px;
  }
}
.report-thank-you.monetize-and-retention {
  padding-bottom: 50px;
  border-bottom: 10px solid #007a88;
}

.report-thank-you.monetize-and-retention #report-hero h1 {
  font-size: 70px;
  letter-spacing: -3px;
  padding-bottom: 80px;
  margin: 0 auto;
}

@media screen and (max-width: 700px) {
  .report-thank-you.monetize-and-retention #report-hero h1 {
    font-size: 50px;
  }
}
.report-thank-you.monetize-and-retention .full-text {
  margin-top: 0;
}

.report-thank-you.monetize-and-retention .full-text img {
  width: 100%;
  margin: -160px auto 0;
}

@media screen and (max-width: 650px) {
  .report-thank-you.monetize-and-retention .full-text img {
    margin-top: -120px;
  }
}
.report-thank-you.monetize-and-retention #thank-you-form input {
  height: 35px;
  font-size: 1em;
  margin: 0;
}

.report-thank-you.monetize-and-retention #thank-you-form input[type=submit] {
  height: 45px;
  line-height: 45px;
  padding: 0;
}

.report-thank-you.monetize-and-retention #thank-you-form select {
  -webkit-appearance: none;
  height: 35px;
  background: url(https://customer-gauge.files.svdcdn.com/staging/icons/arrow-down.svg) no-repeat 97% center;
  background-size: 12px 12px;
  margin: 0;
}

.report-thank-you.monetize-and-retention #firstname-17df69f1-af82-4a56-96fb-fe5b7c155047 {
  width: 98%;
}

.report-thank-you.monetize-and-retention #lastname-17df69f1-af82-4a56-96fb-fe5b7c155047 {
  width: 98%;
  float: right;
}

.report-thank-you.monetize-and-retention ::-webkit-input-placeholder {
  font-size: 14px;
}

.report-thank-you.monetize-and-retention ::-moz-placeholder {
  font-size: 14px;
}

.report-thank-you.monetize-and-retention :-ms-input-placeholder {
  font-size: 14px;
}

.report-thank-you.monetize-and-retention :-moz-placeholder {
  font-size: 14px;
}

.report-thank-you.monetize-and-retention .lander-copyright {
  font-size: 12px;
  margin-top: -40px;
  font-family: HelveticaNeueLTStd-Lt;
}

.ps.first.module {
  padding-bottom: 0;
}

.ps.first.module nav {
  margin-bottom: 0;
  padding-bottom: 0;
}

.ps-dark-bg {
  background: #26292a;
  overflow: hidden;
  padding-bottom: 0;
}

.ps-dark-bg .wrapper {
  max-width: 1000px;
}

.ps-neue-light {
  font-family: HelveticaNeueLTStd-Lt, Helvetica, Arial, sans-serif !important;
  font-weight: 400;
  font-style: normal;
}

.ps.position.white {
  color: #fff;
}

.ps-sm-wrapper {
  max-width: 1000px;
}

.professionalServices sup,
.professionalServicesIndex sup {
  font-size: 0.3em;
  vertical-align: text-top;
  margin-left: 3px;
}

hr.ps {
  width: 150px;
  border-top: 5px solid #e2635c;
}

.ps-hero-bg {
  background: url(https://customer-gauge.files.svdcdn.com/staging/professional-services/hero-bg.jpg) no-repeat center center;
  background-size: cover;
  box-shadow: 0 8px 25px #7e7875;
  padding: 150px 0 50px 0;
}

.ps-hero-bg h1 {
  text-transform: uppercase;
  font-size: 3.8em;
  opacity: 0;
}

.white-overlap {
  background: #fff;
  padding: 50px 0 10px 0;
  margin-top: -70px;
}

.white-overlap h3,
.white-overlap h4 {
  opacity: 0;
}

.ps-mask {
  overflow: hidden;
}

.overlap {
  margin-top: -90px;
  background: #fff;
  padding: 80px 50px;
}

.overlap hr {
  opacity: 0;
}

.ps-padding {
  padding-left: 50px;
  padding-right: 50px;
}

.ps-list-item {
  margin: 50px 0;
  opacity: 0;
}

.ps-list-item img {
  width: 90px;
  float: left;
  margin: 0 25px 0 0;
  vertical-align: middle;
}

.ps-list-item p {
  float: left;
  width: calc(100% - 115px);
  margin: 0;
  vertical-align: middle;
}

.ps-boxes {
  margin-top: 50px;
  padding-bottom: 100px;
}

.ps-box {
  width: calc(50% - 30px);
  float: left;
  box-shadow: 0 0 25px silver;
  border-radius: 10px;
  overflow: hidden;
}

.ps-box:first-of-type {
  margin-right: 15px;
}

.ps-box:last-of-type {
  margin-left: 15px;
}

.ps-box a {
  text-decoration: none;
  cursor: pointer;
  transition: border-color 0.15s ease;
  border-bottom: 1px solid #fff;
}

.ps-box a:hover {
  border-color: #e2635c;
}

.ps-box-top {
  padding: 100px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 10px 10px 0 0;
}

.ps-box-top-overlay,
.ps-hero-overlay {
  background: rgba(51, 52, 53, 0.5);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 0;
}

.ps-box-top-overlay {
  border-radius: 10px 10px 0 0;
}

.ps-box-icon {
  background: #e2635c;
  border-radius: 50%;
  width: 80px;
  height: 80px;
  position: absolute;
  bottom: 0;
  left: calc(50% - 40px);
}

.ps-box-icon img {
  width: calc(100% - 10px);
  padding: 10px;
}

.ps-arc {
  background: #fff;
  position: absolute;
  top: 80%;
  left: -25%;
  height: 210px;
  border-radius: 50%;
  width: 150%;
}

.ps-box-bottom {
  padding: 30px;
}

.ps-box-bottom sup {
  font-size: 0.6em;
  margin-left: 0;
  vertical-align: super;
}

.ps-grid {
  position: absolute;
  top: -50%;
  width: 150%;
  height: 150%;
  opacity: 0.2;
  z-index: 0;
}

.ps-grid-1 {
  left: -50%;
}

.ps-grid-2 {
  right: -50%;
}

@media screen and (max-width: 700px) {
  .ps-list-item img {
    width: 80px;
    float: none;
    display: block;
    margin: 0 auto 40px;
  }
  .ps-list-item p {
    width: 100%;
    float: none;
    display: block;
    text-align: center;
  }
  .ps-box {
    float: none;
    display: block;
    margin: 40px 0;
    width: 100%;
  }
  .ps-box:first-of-type {
    margin-right: 0;
  }
  .ps-box:last-of-type {
    margin-left: 0;
  }
}
.ps-interior .ps-hero-bg {
  padding: 100px 0 150px;
}

.ps-interior h1,
.ps-interior h4 {
  text-transform: none;
  padding-left: 15px;
  border-left: 6px solid #e2635c;
}

.ps-interior .interior-hero {
  width: 60%;
  float: right;
  max-width: 640px;
  font-size: 14px;
  overflow: hidden;
}

.ps-interior .interior-hero h1,
.ps-interior .interior-hero h4 {
  opacity: 0;
}

.ps-interior .interior-hero .button {
  opacity: 0;
}

.ps-interior .interior-hero .button a {
  font-size: 1.4em;
  padding: 12px 35px;
}

.ps-interior .interior-hero .button:hover {
  background: #fff;
  border-color: #fff;
}

.ps-box-interior {
  cursor: pointer;
  font-size: 16px;
  width: calc(33% - 25px);
  box-shadow: 0 0 0 silver;
  transition: 0.2s ease;
}

.ps-box-interior em {
  font-family: HelveticaNeueLTStd-LtIt, Helvetica, Arial, sans-serif;
}

.ps-box-interior:first-of-type {
  margin-right: 40px;
}

.ps-box-interior:last-of-type {
  margin-left: 40px;
}

.ps-box-interior.ps-active-box {
  box-shadow: 0 0 25px silver;
}

.ps-box-interior .ps-box-icon {
  border-radius: 0 0 50% 50%;
  top: 0;
  right: 20px;
  left: auto;
  width: 70px;
  height: 70px;
}

.ps-box-interior .ps-box-bottom {
  background: #f2f2f2;
  min-height: 330px;
}

.ps-box-interior h4 {
  font-size: 1.3em;
}

.ps-box-interior a {
  text-decoration: none;
  border: none;
}

.ps-slide {
  padding-bottom: 100px;
}

.ps-slider-left {
  width: 70%;
  float: left;
  padding-right: 40px;
}

.ps-slider-left.ps-right-sidebar-false {
  width: 100%;
  padding-right: 0;
}

.ps-slider-left.ps-right-sidebar-false .button {
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.27);
}

.ps-slider-right {
  width: 30%;
  float: left;
  background: #f2f2f2;
  border-radius: 10px;
  padding: 30px;
}

.ps-slider-right .button {
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.27);
}

.ps-right-container {
  margin-bottom: 20px;
}

.ps-tag {
  background: #f2f2f2;
  font-size: 0.9em;
  padding: 6px 12px;
  border-radius: 20px;
  line-height: 2.5;
  white-space: nowrap;
}

.ps-slider {
  margin-bottom: 100px;
}

.ps-slider h2 {
  font-size: 2.5em;
}

.ps-slider img.icon {
  display: inline-block;
  width: 30px;
  height: 30px;
  vertical-align: middle;
  margin-right: 15px;
}

.ps-slide-top {
  border-bottom: 5px solid #e2635c;
  padding-bottom: 10px;
  margin-bottom: 40px;
}

.ps-slide-top h2 {
  float: left;
  vertical-align: middle;
}

.ps-next {
  float: right;
  margin-top: 4px;
  cursor: pointer;
  color: #888;
}

.ps-next-icon {
  background: #e2635c;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  display: inline-block;
  padding: 7px;
  vertical-align: middle;
  margin-left: 5px;
}

.ps-next-icon img {
  height: 100%;
  margin: 0 auto;
}

.ps-overlay-header {
  height: 80px;
  float: left;
  width: 100%;
  background: #e2635c;
  position: absolute;
  top: 0;
  left: 0;
}

.ps-overlay-header h2 {
  color: #fff;
  padding-left: 35px;
  font-family: HelveticaNeueLTStd-Bd, Helvetica, Arial, sans-serif;
  font-size: 24px;
  padding-top: 30px;
}

#ps-overlay-form {
  display: none;
  width: 100%;
  max-width: 550px;
  padding: 30px 10px 30px 35px;
  position: relative;
  top: 100px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 9999999999;
  background: #fff;
  box-shadow: 0 5px 21px 3px rgba(0, 0, 0, 0.44);
  margin-bottom: 200px;
}

#ps-overlay-form input[type=text] {
  box-shadow: none;
  height: 30px;
}

#ps-overlay-form input[type=submit] {
  width: 130px;
  padding: 20px;
  display: block;
  margin: 0 auto;
  border: none;
  outline: 0;
  border-radius: 30px;
  font-size: 0.85em;
  font-family: HelveticaNeueLTStd-Bd, Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: #fff;
  background: #007a88;
  border: 1px solid #007a88;
  text-shadow: none;
  transition: 0.15s ease;
  cursor: pointer;
  box-shadow: none;
}

#ps-overlay-form input[type=submit]:hover {
  color: #007a88;
  background: 0 0;
  box-shadow: none;
}

#ps-overlay-form label {
  margin-top: 0;
}

#ps-overlay-form .hbspt-form {
  margin-top: 80px;
}

.ps-overlay {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 999999999;
  display: none;
  background: rgba(0, 0, 0, 0.65);
  overflow-y: scroll;
}

.ps-close-button {
  float: right;
  width: 30px;
  height: 30px;
  box-shadow: none;
  border: none;
  background: 0 0;
  color: #fff;
  font-size: 30px;
  margin-top: 20px;
  margin-right: 20px;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}

.show {
  display: block !important;
}

@media screen and (max-width: 1140px) {
  .ps-hero-bg .interior-hero {
    padding-bottom: 0;
  }
}
@media screen and (max-width: 950px) {
  .ps-hero-bg .interior-hero {
    padding-bottom: 0;
  }
  .ps-hero-bg .interior-hero h1 {
    font-size: 3.25em;
  }
  .white-overlap {
    margin-top: -63px;
  }
}
@media screen and (max-width: 800px) {
  .ps-hero-bg {
    padding: 100px 0;
  }
  .ps-hero-bg .interior-hero {
    padding-bottom: 40px;
  }
  .ps-boxes {
    padding-bottom: 50px;
  }
  .ps-box-interior {
    width: 100%;
    margin-bottom: 30px;
  }
  .ps-box-interior:last-of-type {
    margin: 0;
  }
  .ps-slider-left,
.ps-slider-right {
    width: 100%;
    float: none;
    display: block;
    margin-bottom: 30px;
    text-align: center;
  }
  .ps-slider-left {
    padding: 0;
  }
}
@media screen and (max-width: 750px) {
  .ps-interior .interior-hero {
    width: 100%;
    float: none;
    font-size: 12px;
  }
  .ps-next {
    float: none;
    text-align: center;
  }
  .ps-slide-top h2 {
    float: none;
    text-align: center;
  }
  .ps-next-icon {
    width: 25px;
    height: 25px;
  }
}
body.ebook {
  padding: 0 !important;
}

body.ebook .ebook-page .thank-you-msg {
  background: url(https://customer-gauge.files.svdcdn.com/staging/ebook/thank-you-bg.png) no-repeat top center;
  background-size: cover;
  height: 275px;
  text-align: center;
  background-color: #e2635c;
  color: #fff;
  font-family: HelveticaNeueLTStd-Bld, Helvetica, Arial, sans-serif;
  font-weight: 600;
  transition: all 0.2s ease;
  z-index: 2;
}

body.ebook .ebook-page .thank-you-msg.hide {
  margin-top: -275px;
}

@media screen and (max-width: 1024px) {
  body.ebook .ebook-page .thank-you-msg {
    height: 250px;
  }
}
@media screen and (max-width: 560px) {
  body.ebook .ebook-page .thank-you-msg {
    height: auto;
  }
}
body.ebook .ebook-page .thank-you-msg .close-btn {
  position: absolute;
  width: 25px;
  right: 30px;
  top: 20px;
  cursor: pointer;
  z-index: 99;
}

body.ebook .ebook-page .thank-you-msg .text-container {
  top: 50%;
  transform: translateY(-50%);
}

@media screen and (max-width: 560px) {
  body.ebook .ebook-page .thank-you-msg .text-container {
    top: 0;
    transform: none;
    padding: 60px 20px 0;
  }
}
body.ebook .ebook-page .thank-you-msg .text-container h3 {
  font-size: 46px;
  letter-spacing: 0;
  margin-bottom: 15px;
}

@media screen and (max-width: 1024px) {
  body.ebook .ebook-page .thank-you-msg .text-container h3 {
    font-size: 34px;
  }
}
@media screen and (max-width: 768px) {
  body.ebook .ebook-page .thank-you-msg .text-container h3 {
    font-size: 26px;
  }
}
body.ebook .ebook-page .thank-you-msg .text-container p {
  font-size: 30px;
}

@media screen and (max-width: 1024px) {
  body.ebook .ebook-page .thank-you-msg .text-container p {
    font-size: 24px;
  }
}
@media screen and (max-width: 768px) {
  body.ebook .ebook-page .thank-you-msg .text-container p {
    font-size: 20px;
  }
}
body.ebook .ebook-page .thank-you-msg .text-container p:last-of-type {
  font-weight: 500;
  font-size: 14px;
}

@media screen and (max-width: 768px) {
  body.ebook .ebook-page .thank-you-msg .text-container p:last-of-type {
    font-size: 12px;
  }
}
body.ebook .ebook-page .thank-you-msg .before-you-go {
  border-radius: 40px;
  background-color: #fff;
  height: 50px;
  width: 235px;
  position: relative;
  top: 118px;
  margin: 0 auto;
}

@media screen and (max-width: 1024px) {
  body.ebook .ebook-page .thank-you-msg .before-you-go {
    top: 112px;
    width: 200px;
  }
}
@media screen and (max-width: 768px) {
  body.ebook .ebook-page .thank-you-msg .before-you-go {
    top: 128px;
  }
}
@media screen and (max-width: 560px) {
  body.ebook .ebook-page .thank-you-msg .before-you-go {
    top: 23px;
  }
}
body.ebook .ebook-page .thank-you-msg .before-you-go p {
  top: 50%;
  transform: translateY(-50%);
  color: #262627;
  font-size: 20px;
}

@media screen and (max-width: 1024px) {
  body.ebook .ebook-page .thank-you-msg .before-you-go p {
    font-size: 18px;
  }
}
body.ebook .ebook-page .thank-you-msg .before-you-go img {
  bottom: -12px;
  width: 30px;
}

@media screen and (max-width: 1024px) {
  body.ebook .ebook-page .thank-you-msg .before-you-go img {
    bottom: -18px;
  }
}
body.ebook .ebook-page .small-header {
  color: #e2635c;
  font-size: 0.5em;
  line-height: 1em;
  font-weight: 700;
  text-transform: uppercase;
}

@media screen and (max-width: 768px) {
  body.ebook .ebook-page .small-header {
    font-size: 0.75em;
  }
}
body.ebook .ebook-page hr {
  height: 5px;
  color: #e2635c;
  background-color: #e2635c;
  width: 15%;
  margin: 10px 0;
}

body.ebook .ebook-page .ebook-hero {
  height: auto;
  text-align: center;
  z-index: 1;
  overflow: hidden;
}

body.ebook .ebook-page .ebook-hero .wrapper {
  padding-top: 40px;
  z-index: auto;
}

@media (max-width: 900px) {
  body.ebook .ebook-page .ebook-hero .wrapper {
    padding-top: 75px;
  }
}
body.ebook .ebook-page .ebook-hero .vid {
  padding: 40px 0 230px !important;
}

@media screen and (max-width: 900px) {
  body.ebook .ebook-page .ebook-hero .vid {
    padding-bottom: 5% !important;
  }
}
body.ebook .ebook-page .ebook-hero div.vidwrapper {
  position: absolute;
  left: -5%;
  top: 18%;
  max-height: initial !important;
  width: 85%;
  display: block;
}

body.ebook .ebook-page .ebook-hero div.vidwrapper .book-video-mobile {
  display: none;
}

body.ebook .ebook-page .ebook-hero div.vidwrapper .book-video-desktop {
  width: 60%;
  float: left;
  cursor: pointer;
}

body.ebook .ebook-page .ebook-hero div.vidwrapper img.book-video-playbtn {
  left: 24%;
  position: absolute;
  width: 150px;
  top: 46%;
  transform: translateY(-50%);
  cursor: pointer;
}

@media screen and (max-width: 900px) {
  body.ebook .ebook-page .ebook-hero div.vidwrapper {
    position: relative;
    width: 100%;
    left: unset;
    top: unset;
    margin-bottom: -20%;
  }
  body.ebook .ebook-page .ebook-hero div.vidwrapper .book-video-desktop {
    display: none;
  }
  body.ebook .ebook-page .ebook-hero div.vidwrapper .book-video-mobile {
    display: block;
    width: 75%;
    margin: 0 auto;
    cursor: pointer;
  }
  body.ebook .ebook-page .ebook-hero div.vidwrapper img.book-video-playbtn {
    position: absolute;
    top: 45%;
    width: 100px;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
  }
}
body.ebook .ebook-page .ebook-hero .headline,
body.ebook .ebook-page .ebook-hero .hero-logo {
  float: left;
  text-align: left;
}

@media (max-width: 900px) {
  body.ebook .ebook-page .ebook-hero .headline,
body.ebook .ebook-page .ebook-hero .hero-logo {
    width: 100%;
  }
}
body.ebook .ebook-page .ebook-hero .hero-logo {
  width: 55%;
  margin-bottom: 3vw;
}

@media (max-width: 900px) {
  body.ebook .ebook-page .ebook-hero .hero-logo {
    width: 100%;
    text-align: center;
  }
}
body.ebook .ebook-page .ebook-hero .hero-logo img {
  max-width: 300px;
}

@media (max-width: 500px) {
  body.ebook .ebook-page .ebook-hero .hero-logo img {
    max-width: 250px;
    margin-bottom: 25px;
  }
}
body.ebook .ebook-page .ebook-hero .headline {
  width: 100%;
  padding: 0 30px;
  float: none;
}

body.ebook .ebook-page .ebook-hero .headline strong {
  line-height: 34px;
}

@media (max-width: 975px) {
  body.ebook .ebook-page .ebook-hero .headline {
    padding: 0 45px;
  }
}
@media (max-width: 900px) {
  body.ebook .ebook-page .ebook-hero .headline {
    text-align: center;
    width: 100%;
    margin: 10px 0;
    display: none;
  }
}
body.ebook .ebook-page .ebook-hero .mobile-headline {
  display: none;
  width: 100%;
  padding: 0 30px;
  float: none;
}

body.ebook .ebook-page .ebook-hero .mobile-headline strong {
  line-height: 34px;
}

body.ebook .ebook-page .ebook-hero .mobile-headline h1 {
  font-weight: 900;
  font-family: HelveticaNeueLTStd-Bld, Helvetica, Arial, sans-serif;
  font-size: calc(1.25em + 2.25vw);
}

body.ebook .ebook-page .ebook-hero .mobile-headline h2 {
  margin-top: 30px;
  font-size: 1em;
  color: #fff;
  font-weight: 400;
  font-family: HelveticaNeueLTStd-Lt, Helvetica, Arial, sans-serif;
  letter-spacing: normal;
}

@media (max-width: 900px) {
  body.ebook .ebook-page .ebook-hero .mobile-headline {
    display: block;
    text-align: center;
    width: 100%;
    margin: 10px 0;
  }
}
@media (max-width: 900px) {
  body.ebook .ebook-page .ebook-hero .ebook-hero-right-container {
    display: none;
  }
}
body.ebook .ebook-page .ebook-hero .grid-1-2 {
  padding: 0 40px;
}

@media (max-width: 1130px) {
  body.ebook .ebook-page .ebook-hero .grid-1-2 {
    padding: 0;
  }
}
@media (max-width: 900px) {
  body.ebook .ebook-page .ebook-hero .grid-1-2 {
    width: 100% !important;
  }
}
body.ebook .ebook-page .ebook-hero .ebook-hero-left {
  padding-left: 0;
  text-align: left;
  overflow: hidden;
}

@media (max-width: 900px) {
  body.ebook .ebook-page .ebook-hero .ebook-hero-left {
    text-align: center;
  }
}
body.ebook .ebook-page .ebook-hero .ebook-hero-right {
  width: 100%;
  padding: 0;
  margin-top: 15px;
}

body.ebook .ebook-page .ebook-hero .ebook-hero-right h1 {
  font-weight: 900;
  font-family: HelveticaNeueLTStd-Bld, Helvetica, Arial, sans-serif;
  font-size: calc(1.25em + 180.25%);
}

body.ebook .ebook-page .ebook-hero .ebook-hero-right h2 {
  margin-top: 30px;
  font-size: 1em;
  color: #fff;
  font-weight: 400;
  font-family: HelveticaNeueLTStd-Lt, Helvetica, Arial, sans-serif;
  letter-spacing: normal;
}

body.ebook .ebook-page .ebook-hero .book-cover {
  max-width: 620px;
  width: 80%;
  padding: 20px 0 0;
  top: 15px;
}

@media (max-width: 900px) {
  body.ebook .ebook-page .ebook-hero .book-cover {
    max-width: 450px;
    width: 80%;
  }
}
@media (max-width: 600px) {
  body.ebook .ebook-page .ebook-hero .book-cover {
    padding: 0;
  }
}
body.ebook .ebook-page .ebook-hero h1 {
  font-family: HelveticaNeueLTStd-Lt, Helvetica, Arial, sans-serif;
  font-size: 34px;
  color: #fff;
}

@media (max-width: 1315px) {
  body.ebook .ebook-page .ebook-hero h1 {
    font-size: 26px;
  }
}
@media (max-width: 414px) {
  body.ebook .ebook-page .ebook-hero h1 {
    font-size: 22px;
  }
}
body.ebook .ebook-page .ebook-hero .short-form {
  display: none;
  background-color: #fff;
  border-radius: 14px;
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.4);
  margin: 40px 20px 20px;
  text-align: center;
  padding: 15px 40px 40px;
  position: absolute;
}

body.ebook .ebook-page .ebook-hero .short-form .input {
  margin: 0 !important;
}

body.ebook .ebook-page .ebook-hero .short-form label {
  text-align: left;
  font-family: HelveticaNeueLTStd-Lt, Helvetica, Arial, sans-serif;
}

body.ebook .ebook-page .ebook-hero .short-form fieldset.form-columns-2 .hs-form-field {
  width: calc(50% - 10px);
}

@media (max-width: 600px) {
  body.ebook .ebook-page .ebook-hero .short-form fieldset.form-columns-2 .hs-form-field {
    width: 100%;
  }
}
body.ebook .ebook-page .ebook-hero .short-form fieldset.form-columns-2 .hs-form-field:first-of-type {
  margin-right: 10px;
}

@media (max-width: 600px) {
  body.ebook .ebook-page .ebook-hero .short-form fieldset.form-columns-2 .hs-form-field:first-of-type {
    margin: 0;
  }
}
body.ebook .ebook-page .ebook-hero .short-form fieldset.form-columns-2 .hs-form-field:last-of-type {
  margin-left: 10px;
}

@media (max-width: 600px) {
  body.ebook .ebook-page .ebook-hero .short-form fieldset.form-columns-2 .hs-form-field:last-of-type {
    margin: 0;
  }
}
body.ebook .ebook-page .ebook-hero .short-form input,
body.ebook .ebook-page .ebook-hero .short-form select {
  box-sizing: border-box;
  border-radius: 40px;
  font-size: 1em;
  padding: 0 20px;
  border: 1px solid #b7b7b7;
  outline: 0;
  max-width: 100%;
  width: 100% !important;
  height: 50px;
  background-color: #f2f2f2;
}

body.ebook .ebook-page .ebook-hero .short-form select {
  -webkit-appearance: none;
  -webkit-border-radius: 40px;
  margin: 0;
}

body.ebook .ebook-page .ebook-hero .short-form p {
  margin: 25px 0;
  font-size: 9px;
}

body.ebook .ebook-page .ebook-hero .short-form input[type=submit] {
  -webkit-appearance: none;
  border-radius: 40px;
  font-size: 16px;
  font-family: HelveticaNeueLTStd-Bd, Helvetica, Arial, sans-serif;
  color: #fff;
  text-shadow: none;
  background: #e2635c;
  margin-top: 20px;
  transition: 0.15s ease;
  cursor: pointer;
  display: inline-block;
  border: 1px solid #e2635c;
  outline: 0;
  box-shadow: none;
  font-weight: 400;
  width: auto;
  margin: 0 auto;
  display: block;
  padding: 15px 35px;
  height: auto;
}

body.ebook .ebook-page .ebook__benefits {
  padding: 75px 20px 20px;
  background-color: #fff;
  z-index: auto;
}

body.ebook .ebook-page .ebook__benefits-text {
  width: 51%;
  float: left;
  padding-right: 50px;
}

body.ebook .ebook-page .ebook__benefits-text h2 {
  font-size: 2.75em;
  max-width: 18em;
}
@media screen and (max-width: 980px) {
  body.ebook .ebook-page .ebook__benefits-text h2 {
    font-size: 2.25em;
  }
}

body.ebook .ebook-page .ebook__benefits-text p:not(.small-header) {
  margin-top: 20px;
  color: #282828;
  font-family: HelveticaNeueLTStd-Lt, Helvetica, Arial, sans-serif;
  padding-right: 20px;
}

body.ebook .ebook-page .ebook__benefits-text .small-header {
  margin-bottom: 15px;
  color: #e2635c;
}

body.ebook .ebook-page .ebook__benefits-text .fine-print {
  font-size: 12px;
}

body.ebook .ebook-page .ebook__benefits .four-up .wrapper {
  width: 100%;
}

body.ebook .ebook-page .ebook__benefits .four-up .grid-1-4 {
  text-align: left;
  width: calc(25% - 5px);
}

@media screen and (max-width: 768px) {
  body.ebook .ebook-page .ebook__benefits .four-up .grid-1-4 {
    padding: 15px;
  }
}
@media screen and (max-width: 600px) {
  body.ebook .ebook-page .ebook__benefits .four-up .grid-1-4 {
    width: 98%;
    padding: 20px;
    text-align: center;
  }
}
body.ebook .ebook-page .ebook__benefits .four-up img {
  width: 80px;
}

body.ebook .ebook-page .ebook__benefits .short-form {
  background-color: #fff;
  border-radius: 14px;
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.4);
  margin: 40px 0 20px 20px;
  text-align: center;
  padding: 15px 40px 40px;
  position: relative;
  width: 45%;
  float: left;
  margin-top: -23%;
}

body.ebook .ebook-page .ebook__benefits .short-form .input {
  margin: 0 !important;
}

body.ebook .ebook-page .ebook__benefits .short-form label {
  text-align: left;
  font-family: HelveticaNeueLTStd-Lt, Helvetica, Arial, sans-serif;
}

body.ebook .ebook-page .ebook__benefits .short-form fieldset.form-columns-2 .hs-form-field {
  width: calc(50% - 10px);
}

@media (max-width: 600px) {
  body.ebook .ebook-page .ebook__benefits .short-form fieldset.form-columns-2 .hs-form-field {
    width: 100%;
  }
}
body.ebook .ebook-page .ebook__benefits .short-form fieldset.form-columns-2 .hs-form-field:first-of-type {
  margin-right: 10px;
}

@media (max-width: 600px) {
  body.ebook .ebook-page .ebook__benefits .short-form fieldset.form-columns-2 .hs-form-field:first-of-type {
    margin: 0;
  }
}
body.ebook .ebook-page .ebook__benefits .short-form fieldset.form-columns-2 .hs-form-field:last-of-type {
  margin-left: 10px;
}

@media (max-width: 600px) {
  body.ebook .ebook-page .ebook__benefits .short-form fieldset.form-columns-2 .hs-form-field:last-of-type {
    margin: 0;
  }
}
body.ebook .ebook-page .ebook__benefits .short-form input,
body.ebook .ebook-page .ebook__benefits .short-form select {
  box-sizing: border-box;
  border-radius: 40px;
  font-size: 1em;
  padding: 0 20px;
  border: 1px solid #b7b7b7;
  outline: 0;
  max-width: 100%;
  width: 100% !important;
  height: 50px;
  background-color: #f2f2f2;
}

body.ebook .ebook-page .ebook__benefits .short-form select {
  -webkit-appearance: none;
  -webkit-border-radius: 40px;
  margin: 0;
}

body.ebook .ebook-page .ebook__benefits .short-form p {
  margin: 25px 0;
  font-size: 9px;
}

body.ebook .ebook-page .ebook__benefits .short-form input[type=submit] {
  -webkit-appearance: none;
  border-radius: 40px;
  font-size: 16px;
  font-family: HelveticaNeueLTStd-Bd, Helvetica, Arial, sans-serif;
  color: #fff;
  text-shadow: none;
  background: #e2635c;
  margin-top: 20px;
  transition: 0.15s ease;
  cursor: pointer;
  display: inline-block;
  border: 1px solid #e2635c;
  outline: 0;
  box-shadow: none;
  font-weight: 400;
  width: auto;
  margin: 0 auto;
  display: block;
  padding: 15px 35px;
  height: auto;
}

@media screen and (max-width: 1350px) {
  body.ebook .ebook-page .ebook__benefits .short-form {
    margin: -21% auto 40px;
  }
}
@media screen and (max-width: 1300px) {
  body.ebook .ebook-page .ebook__benefits .short-form {
    margin: -18% auto 40px;
  }
}
@media screen and (max-width: 980px) {
  body.ebook .ebook-page .ebook__benefits .short-form {
    margin: -4% auto 40px;
  }
}
@media screen and (max-width: 900px) {
  body.ebook .ebook-page .ebook__benefits {
    top: -15vw;
    display: flex;
    flex-direction: column;
  }
  body.ebook .ebook-page .ebook__benefits-text {
    order: 2;
    width: 98%;
    padding-top: 50px;
  }
  body.ebook .ebook-page .ebook__benefits .short-form {
    order: 1;
    width: 100%;
    margin: -32% auto 40px;
  }
  body.ebook .ebook-page .ebook__benefits .four-up {
    order: 3;
    padding-bottom: 0 !important;
  }
  body.ebook .ebook-page .ebook__benefits .four-up .grid-1-4 {
    margin: 0;
  }
}
@media screen and (max-width: 768px) {
  body.ebook .ebook-page .ebook__benefits {
    padding: 75px 0 0;
  }
  body.ebook .ebook-page .ebook__benefits-text {
    padding-right: 0;
  }
}
body.ebook .ebook-page .whats-inside {
  background-position: center top;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

body.ebook .ebook-page .whats-inside .slick-dots {
  top: auto;
  bottom: auto;
  display: block !important;
}

body.ebook .ebook-page .whats-inside .slick-dots li button:before {
  color: #fff;
}

body.ebook .ebook-page .whats-inside .slick-dots li.slick-active button:before {
  color: #e2635c;
}

body.ebook .ebook-page .whats-inside__container {
  padding-top: 100px;
  padding-bottom: 75px;
  max-width: 1400px;
  margin: 0 auto;
}

body.ebook .ebook-page .whats-inside__container .info-box {
  width: 77%;
  margin: 0 auto;
}

body.ebook .ebook-page .whats-inside__container .info-box p {
  margin: 0;
}

body.ebook .ebook-page .whats-inside__container .info-box h2 {
  color: #fff;
  margin-top: 20px;
  font-size: 2.25em;
}

body.ebook .ebook-page .whats-inside__container .info-box p:not(.small-header) {
  font-family: HelveticaNeueLTStd-Lt, Helvetica, Arial, sans-serif;
  color: #fff;
}

body.ebook .ebook-page .whats-inside__container .grid-1-3 {
  padding: 30px 0;
}

body.ebook .ebook-page .whats-inside__container .grid-1-3 .bg-img {
  text-align: center;
}

body.ebook .ebook-page .whats-inside__container .grid-1-3 .bg-img img {
  width: 77%;
}

body.ebook .ebook-page .whats-inside__container .grid-1-3 .box-num {
  position: absolute;
  top: 4%;
  right: 16%;
  color: #fff;
  font-size: calc(1em + 2vw);
}

@media screen and (min-width: 1600px) {
  body.ebook .ebook-page .whats-inside__container .grid-1-3 .box-num {
    top: 3%;
    right: 14%;
    font-size: 50px;
  }
}
@media screen and (max-width: 1000px) {
  body.ebook .ebook-page .whats-inside__container .grid-1-3 .box-num {
    font-size: calc(1.75em + 2vw);
  }
}
body.ebook .ebook-page .whats-inside__container .grid-1-3 .chapter {
  width: 65%;
}

body.ebook .ebook-page .whats-inside__container .grid-1-3 .topics-container {
  margin-top: 2.5em;
  padding-right: 20px;
}

body.ebook .ebook-page .whats-inside__container .grid-1-3 .topics {
  position: absolute;
  top: 4%;
  left: 19%;
  text-align: left;
  width: 68%;
}

body.ebook .ebook-page .whats-inside__container .grid-1-3 .topics .topic {
  color: #7d7d7d;
  transition: color 0.25s;
}

@media screen and (max-width: 1000px) {
  body.ebook .ebook-page .whats-inside__container .grid-1-3 {
    width: 45%;
    margin: 0 2.5%;
  }
}
@media screen and (max-width: 768px) {
  body.ebook .ebook-page .whats-inside__container .grid-1-3 {
    margin: 0 auto;
  }
  body.ebook .ebook-page .whats-inside__container .grid-1-3 .bg-img {
    width: 325px;
    margin: 0 auto;
  }
  body.ebook .ebook-page .whats-inside__container .grid-1-3 .bg-img img {
    margin: 0 auto;
  }
  body.ebook .ebook-page .whats-inside__container .grid-1-3 .topics {
    top: 4%;
    left: 18%;
  }
  body.ebook .ebook-page .whats-inside__container .grid-1-3 .box-num {
    font-size: calc(1.5em + 2vw);
  }
}
@media screen and (max-width: 768px) {
  body.ebook .ebook-page .whats-inside__container {
    padding-top: 35px;
  }
}
body.ebook .ebook-page .download-ebook h4 {
  margin-bottom: 15px;
}

body.ebook .ebook-page .download-ebook h3 {
  margin: 8% 0 20px;
}

body.ebook .ebook-page .download-ebook hr {
  margin: 0 auto 50px;
  text-align: center;
}

body.ebook .ebook-page .download-ebook .book-footer img {
  vertical-align: bottom;
}

body.ebook .ebook-page .hbspt-form {
  margin-bottom: 50px;
}

body.ebook .ebook-page .hbspt-form fieldset {
  width: 100%;
  max-width: none;
}

body.ebook .ebook-page .case-studies h3 {
  margin-top: 10px;
  margin-bottom: 1.5em;
}

body.ebook .ebook-page .case-studies .slick-dots {
  display: none !important;
}

body.ebook .ebook-page .ebook-footer hr {
  width: 5%;
}

body.ebook footer,
body.ebook .module-call-to-action {
  display: none;
}

.partner-cover {
  z-index: auto;
}

.partner-header {
  background-size: 50%;
  background-repeat: no-repeat;
  background-position: right;
  display: flex;
  width: 100%;
}

.partner-header section {
  width: 100%;
  min-height: 500px;
  margin-left: 5%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.partner-header section h2 {
  max-width: 70%;
}

.partner-header section p {
  max-width: 50%;
}

.partner-header section .mb-100 {
  margin-bottom: 100px;
}

@media screen and (max-width: 1420px) {
  .partner-header {
    background-size: 60%;
  }
}
@media screen and (max-width: 1200px) {
  .partner-header {
    background-size: 70%;
  }
}
@media screen and (max-width: 1020px) {
  .partner-header {
    font-size: 80%;
    background-size: contain;
  }
  .partner-header section {
    min-height: -moz-fit-content;
    min-height: fit-content;
  }
  .partner-header section h2 {
    max-width: 60%;
  }
  .partner-header section p {
    max-width: 40%;
  }
}
@media screen and (max-width: 800px) {
  .partner-header {
    background-position: bottom right;
    background-size: contain;
  }
  .partner-header section {
    min-height: -moz-fit-content;
    min-height: fit-content;
    justify-content: flex-start;
  }
}
@media screen and (max-width: 600px) {
  .partner-header {
    background-size: 60%;
  }
  .partner-header .mb-100 {
    font-size: 80%;
  }
  .partner-header h2 {
    min-width: 100%;
  }
  .partner-header p {
    font-size: 1.5em;
  }
}
@media screen and (max-width: 500px) {
  .partner-header {
    background-size: 80%;
  }
}
@media screen and (max-width: 400px) {
  .partner-header {
    background-size: contain;
  }
}
#partners-index {
  background-color: #f2f1ed;
}

#partners-index .wrapper .cf {
  z-index: 5;
}

#partners-index .custom-select-wrapper {
  border: 1px solid #c0beb8;
  background-color: transparent;
  border-radius: 31px;
  text-transform: capitalize;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 30%;
}

#partners-index .custom-select-wrapper .custom-select {
  position: relative;
  display: flex;
  flex-direction: column;
}

#partners-index .custom-select-wrapper .custom-select.open .custom-options {
  transition: opacity 0.5s;
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}

#partners-index .custom-select-wrapper .custom-select.open .custom-options :first-child {
  border-top-left-radius: 31px;
  border-top-right-radius: 31px;
}

#partners-index .custom-select-wrapper .custom-select.open .custom-options :last-child {
  border-bottom-left-radius: 31px;
  border-bottom-right-radius: 31px;
}

#partners-index .custom-select-wrapper .custom-select__trigger {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 22px;
  font-weight: 300;
  height: 60px;
  line-height: 60px;
  background-color: transparent;
  cursor: pointer;
}

#partners-index .custom-select-wrapper .custom-options {
  -ms-box-shadow: 2px 2px 25px 0 rgba(0, 0, 0, 0.09);
  box-shadow: 2px 2px 25px 0 rgba(0, 0, 0, 0.09);
  border-radius: 31px;
  position: absolute;
  display: block;
  top: 100%;
  left: 0;
  right: 0;
  background: #fff;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  z-index: 2;
}

#partners-index .custom-select-wrapper .custom-option {
  position: relative;
  display: block;
  padding: 0 22px;
  font-weight: 300;
  line-height: 60px;
  cursor: pointer;
  transition: color 0.5s, background-color 0.5s;
}

#partners-index .custom-select-wrapper .custom-option:hover {
  cursor: pointer;
  background: #007a88;
  color: #f4f3ee;
}

#partners-index .custom-select-wrapper .custom-option.selected {
  background: #007a88;
  color: #f4f3ee;
  border: 1px solid #007a88;
}

#partners-index .custom-select-wrapper .arrow {
  position: relative;
  height: 15px;
  width: 15px;
}

#partners-index .custom-select-wrapper .arrow:after,
#partners-index .custom-select-wrapper .arrow:before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 0.15rem;
  height: 100%;
  transition: all 0.5s;
}

#partners-index .custom-select-wrapper .arrow:before {
  left: -5px;
  transform: rotate(-45deg);
  background-color: #007a88;
}

#partners-index .custom-select-wrapper .arrow:after {
  left: 5px;
  transform: rotate(45deg);
  background-color: #007a88;
}

#partners-index .custom-select-wrapper .open .arrow::before {
  left: -5px;
  transform: rotate(45deg);
}

#partners-index .custom-select-wrapper .open .arrow::after {
  left: 5px;
  transform: rotate(-45deg);
}

#partners-index .filter-wrapper {
  color: #595750;
  margin-bottom: 50px;
}

#partners-index .filter-wrapper .filter-title {
  color: initial;
}

#partners-index .filter-wrapper #filters {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
}

#partners-index .filter-wrapper #filters .filter-title {
  margin: 0;
}

#partners-index .partners-page {
  width: 105%;
  left: -2.5%;
  transition: 0.3s ease-out;
  padding: 0;
}

#partners-index .partners-page .image-padder {
  width: 24.95%;
  float: left;
  padding: 2.5%;
}

#partners-index .partners-page img {
  width: 100%;
  padding: 32px;
  max-width: 250px;
  max-height: 250px;
}

#partners-index .partners-page .partner-img {
  display: flex;
  justify-content: center;
  align-items: center;
  -ms-box-shadow: 2px 2px 25px 0 rgba(0, 0, 0, 0.09);
  box-shadow: 2px 2px 25px 0 rgba(0, 0, 0, 0.09);
  transition: 0.15s ease-out;
  height: -moz-fit-content;
  height: fit-content;
  background: #e6e5e4;
  border-radius: 2px;
  background-color: #fff;
}

#partners-index .partners-page .partner-img .button {
  opacity: 0;
  transition: opacity 0.2s;
  position: absolute;
  bottom: -16.5px;
  width: 60%;
  text-align: center;
  background-color: #fff;
  box-shadow: 5px 5px 25px 5px rgba(0, 0, 0, 0.09);
  font-size: 12.5px;
}

#partners-index .partners-page .partner-img .button a {
  padding: 8px 15px;
}

#partners-index .partners-page .partner-img:hover {
  transform: scale(1.1);
}

#partners-index .partners-page .partner-img:hover .button {
  opacity: 1;
}

@media screen and (max-width: 1000px) {
  #partners-index .partners-page .image-padder {
    width: 33.3%;
  }
}
@media screen and (max-width: 768px) {
  #partners-index .partners-page .image-padder {
    width: 49.95%;
  }
  #partners-index .partners-page .image-padder .partner-img:hover {
    transform: scale(1.05);
  }
}
@media screen and (max-width: 600px) {
  #partners-index .partners-page .image-padder {
    width: 80%;
    margin: 2.5% 10%;
    left: 50%;
  }
  #partners-index .partners-page .image-padder .partner-img:hover {
    transform: scale(1.1);
  }
  #partners-index .filter-wrapper #filters {
    justify-content: center;
  }
  #partners-index .custom-select-wrapper {
    width: 50%;
  }
  #partners-index .filter-title {
    display: none;
  }
}
.customergauge-academy .teal-gradient-text,
.customergauge-nps-certification-1 .teal-gradient-text {
  background: -webkit-gradient(linear, left top, left bottom, from(#f0bbb2), to(#d96b59));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #f0bbb2;
}

.four-columns-linked-images .button {
  padding: 15px 35px;
}

.four-columns-linked-images .button a {
  padding: 0;
}

.four-columns-linked-images.theme-dark h1,
.four-columns-linked-images.theme-dark h2,
.four-columns-linked-images.theme-dark h3,
.four-columns-linked-images.theme-dark h4,
.four-columns-linked-images.theme-dark h5,
.four-columns-linked-images.theme-dark h6 {
  color: #fff;
}

.four-columns-linked-images.theme-light h1,
.four-columns-linked-images.theme-light h2,
.four-columns-linked-images.theme-light h3,
.four-columns-linked-images.theme-light h4,
.four-columns-linked-images.theme-light h5,
.four-columns-linked-images.theme-light h6 {
  color: #000;
}

.four-columns-linked-images .button-container {
  margin-top: 20px;
  display: flex;
  justify-content: center;
}

.four-columns-linked-images .flex-container {
  margin-top: 40px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.four-columns-linked-images .flex-container .salmon {
  margin-top: 20px;
}

.four-columns-linked-images .flex-container .salmon:hover {
  text-decoration: underline;
}

.four-columns-linked-images .flex-container a {
  text-decoration: none;
}

@media screen and (max-width: 750px) {
  .four-columns-linked-images .flex-container {
    justify-content: center;
  }
}
.four-columns-linked-images .flex-container .flex-item {
  text-align: center;
  background-color: #f6f6f6;
  box-shadow: 1px 1px 12px 0 rgba(0, 0, 0, 0.05);
  transform: scale(0.98);
  transition: all 0.15s ease-out;
  overflow-wrap: break-word;
  width: 24%;
}

.four-columns-linked-images .flex-container .flex-item:hover {
  box-shadow: 2px 2px 45px 0 rgba(0, 0, 0, 0.29);
  transform: scale(1);
}

@media screen and (max-width: 1150px) {
  .four-columns-linked-images .flex-container .flex-item {
    width: 49%;
    margin-top: 15px;
  }
}
@media screen and (max-width: 750px) {
  .four-columns-linked-images .flex-container .flex-item {
    width: 80%;
    margin-top: 15px;
  }
}
.four-columns-linked-images .flex-container .txt {
  padding: 15px;
}

.four-columns-linked-images .flex-container .txt p {
  color: #7e7e7e;
  font-size: 0.7em;
}

.four-columns-linked-images .flex-container .txt h1,
.four-columns-linked-images .flex-container .txt h2,
.four-columns-linked-images .flex-container .txt h3,
.four-columns-linked-images .flex-container .txt h4,
.four-columns-linked-images .flex-container .txt h5,
.four-columns-linked-images .flex-container .txt h6 {
  color: #000;
}

.podcast {
  margin-top: 20px;
}

.podcast .user-wrapper {
  display: flex;
  align-items: center;
}

.podcast .circle {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  float: left;
  margin-right: 15px;
}

.podcast .user-name {
  font-size: 18px;
  font-weight: 500;
  color: #000;
}

.podcast .transcript-content {
  margin-left: 65px;
}

.podcast-bio {
  background-color: #f3f6fa;
  padding: 30px;
  border-radius: 10px;
  margin-top: 50px;
}

@media screen and (max-width: 768px) {
  .podcast-bio {
    margin-left: 0;
  }
}
.podcast-bio .about {
  margin-bottom: 20px;
}

.podcast-bio .user-wrapper {
  display: flex;
  padding-top: 30px;
}

@media screen and (max-width: 768px) {
  .podcast-bio .user-wrapper {
    flex-direction: column;
  }
}
.podcast-bio .circle {
  min-width: 75px;
  height: 75px;
  width: 75px;
  border-radius: 50%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  margin-right: 15px;
}

.podcast-bio .user-name {
  font-size: 18px;
  font-weight: 700;
}

.podcast-bio .user-title {
  font-size: 16px;
  font-weight: 500;
  margin: 10px 0;
}

.podcast-bio .user-bio {
  font-size: 14px;
  font-weight: 300;
}

.podcast-bio .user-bio,
.podcast-bio .user-name,
.podcast-bio .user-title {
  line-height: 28px;
  color: #000;
}

#main-nav li[data-node=about] .dropdown {
  z-index: 20;
}

#main-nav li[data-node=about] .dropdown.level-1 {
  display: none;
  position: absolute;
  width: 665px;
  padding: 0;
  z-index: 20;
  /* top: -7px; */
  margin: 0 20px 0 0;
  height: auto;
  background: #fff;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.3);
  overflow: hidden;
}

#main-nav li[data-node=about] .dropdown.level-1.level-2 ul {
  padding: 0;
  width: auto;
}

.about-nav {
  width: auto;
  height: auto;
  margin: 0;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  background-color: #fff;
  color: #000;
  display: flex;
  justify-content: left;
}

.about-container {
  display: flex;
  width: auto;
  flex-direction: row;
  justify-content: space-between;
}

.about-container .about-red-line {
  position: absolute;
  top: 0;
  z-index: 50;
  left: 5px;
  border-top: 3px solid #e2635c;
  width: 80px;
}

.about-left {
  width: auto;
  height: 235px;
  display: flex !important;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: left;
  padding: 22px 17px;
}

.about-li {
  display: flex;
  text-align: left;
  height: 60px;
  width: 300px;
  cursor: pointer;
  margin: 5px 0;
  justify-content: left;
  flex-direction: row !important;
  align-items: center;
  padding: 0 0 0 10px !important;
  border-radius: 60px;
}

.about-a {
  display: flex;
  justify-content: left;
  align-items: center !important;
  flex-direction: row !important;
  padding: 0 !important;
}

.about-grandchildren-ul {
  display: flex;
  width: 100%;
  justify-content: center;
  flex-wrap: wrap;
  margin-left: 85px;
  text-align: center;
  margin-top: -5px;
}

.about-grandchildren-a {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  width: 100%;
  opacity: 1 !important;
  cursor: pointer;
  font-style: normal;
  font-weight: 400 !important;
  font-size: 18px;
  line-height: 24px;
  color: #000;
  padding: 8px 0 4px !important;
  margin: 0 auto;
}

.about-grandchildren-li {
  opacity: 1 !important;
  padding: 0 !important;
  display: flex;
  width: 198px;
  justify-content: space-between;
  align-items: center;
}

.about-grandchildren-li p {
  color: #414141 !important;
  padding: 0;
  margin: 0;
}

.about-grandchildren-li .about-arrow {
  width: 9px;
  margin-left: 0;
  align-self: right;
  height: 16px !important;
}

.about-grandchildren-li:hover p {
  color: #d85a53 !important;
}

.about-icon-div {
  border-radius: 50%;
  width: 50px;
  height: 50px;
  display: flex;
  margin-right: 25px;
  justify-content: center;
  align-items: center;
}

.about-icon {
  width: 23px;
}

.about-arrow {
  width: 9px;
  margin-left: 0;
  align-self: right;
}

.about-title {
  color: #000 !important;
  text-align: left;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  width: 190px;
  margin: 0 !important;
  font-weight: 400 !important;
  font-size: 22px !important;
  line-height: 30px;
}

.about-li:hover {
  webkit-transition: color 0.15s ease;
  transition: color 0.15s ease;
  background-color: #f2f0ee;
}

.about-li:hover .about-icon-div {
  webkit-transition: color 0.15s ease;
  transition: color 0.15s ease;
  background-color: transparent !important;
}

.about-children-li:hover {
  background-color: #f2f0ee;
}

@media (max-width: 1910px) {
  #main-nav li[data-node=about] .dropdown {
    z-index: 20;
  }
  #main-nav li[data-node=about] .dropdown.level-1 {
    margin: 0 20px 0 -50px;
  }
  .about-red-line {
    left: 55px !important;
  }
}
@media (max-width: 1810px) {
  #main-nav li[data-node=about] .dropdown {
    z-index: 6;
  }
  #main-nav li[data-node=about] .dropdown.level-1 {
    margin: 0 20px 0 -100px;
  }
  .about-red-line {
    left: 105px !important;
  }
}
@media (max-width: 1710px) {
  #main-nav li[data-node=about] .dropdown {
    z-index: 6;
  }
  #main-nav li[data-node=about] .dropdown.level-1 {
    margin: 0 20px 0 -150px;
  }
  .about-red-line {
    left: 155px !important;
  }
}
@media (max-width: 1610px) {
  #main-nav li[data-node=about] .dropdown {
    z-index: 6;
  }
  #main-nav li[data-node=about] .dropdown.level-1 {
    margin: 0 20px 0 -200px;
  }
  .about-red-line {
    left: 201px !important;
  }
}
@media (max-width: 1300px) {
  #main-nav li[data-node=about] .dropdown {
    z-index: 6;
  }
  #main-nav li[data-node=about] .dropdown.level-1 {
    margin: 0 20px 0 -190px;
    width: 600px;
  }
  .about-red-line {
    left: 171px !important;
  }
  .about-title {
    font-size: 20px !important;
    width: 170px;
  }
  .about-icon-div {
    height: 42px;
    width: 42px;
  }
  .about-icon {
    width: 21px;
  }
  .about-li {
    height: 55px;
    width: 260px;
    padding: 0 10px 0 10px !important;
  }
  .about-left {
    height: 210px;
  }
  .about-grandchildren-ul {
    margin-left: 77px;
  }
  .about-grandchildren-ul .about-grandchildren-a {
    font-size: 16px;
  }
  .about-grandchildren-ul .about-grandchildren-li {
    width: 178px !important;
  }
}
#main-nav li[data-node=resources] .dropdown {
  z-index: 20;
}

#main-nav li[data-node=resources] .dropdown.level-1 {
  display: none;
  position: absolute;
  width: 1250px;
  padding: 0;
  /* top: -7px; */
  z-index: 20;
  margin: 0 20px 0 -200px;
  height: 400px;
  background: #fff;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.3);
  overflow: hidden;
}

#main-nav li[data-node=resources] .dropdown.level-1.level-2 ul {
  padding: 0;
  width: auto;
}

.res-nav {
  width: auto;
  height: 400px;
  margin: 0;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  background-color: #fff;
  color: #000;
  display: flex;
  justify-content: left;
}

.sol-nav {
  width: auto;
  height: 510px;
  margin: 0;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  background-color: #fff;
  color: #000;
  display: flex;
  justify-content: left;
}

.res-container {
  display: flex;
  width: 100%;
  height: 400px;
  flex-direction: row;
  justify-content: space-between;
}

.res-container .resources-red-line {
  position: absolute;
  top: 0;
  left: 213px !important;
  z-index: 50;
  left: 13px;
  border-top: 3px solid #e2635c;
  width: 100px;
}

.res-container .solutions-red-line {
  position: absolute;
  top: 0;
  left: 260px !important;
  z-index: 50;
  border-top: 3px solid #e2635c;
  width: 100px;
}

.res-left {
  width: 855px;
  height: 370px;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: left;
  padding: 22px 17px;
}

#main-nav li[data-node=solutions] .dropdown.level-1 .res-left {
  width: auto;
}

.res-left-container {
  display: flex;
  flex-direction: column;
  width: 50%;
}

.res-li {
  display: flex;
  text-align: left;
  height: 60px;
  width: 380px;
  cursor: pointer;
  margin: 5px 0;
  justify-content: left;
  flex-direction: row !important;
  align-items: center;
  padding: 0 35px 0 15px;
  border-radius: 60px;
  align-items: center;
}

.res-a {
  display: flex;
  justify-content: left;
  align-items: center !important;
  flex-direction: row !important;
  padding: 0 !important;
}

.res-icon-div {
  border-radius: 50%;
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 25px;
}

/* .res-icon {
  width: 23px;
} */
.res-grandchildren-ul p {
  line-height: 1.6;
}

.res-arrow {
  width: 9px;
  margin-left: -41px;
}

.res-title {
  color: #000 !important;
  text-align: left;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  width: 350px;
  font-weight: 400 !important;
  font-size: 22px !important;
  line-height: 30px;
  padding: 0 !important;
  margin: 0 !important;
}

.res-grandchildren-ul {
  display: flex;
  width: 100px;
  justify-content: center;
  flex-wrap: wrap;
  margin-left: 90px;
  text-align: center;
  margin-top: -5px;
}

.res-grandchildren-a {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  width: 100%;
  opacity: 1 !important;
  cursor: pointer;
  font-style: normal;
  font-weight: 400 !important;
  font-size: 18px;
  line-height: 24px;
  color: #000;
  padding: 7px 0 !important;
  /* margin-top: 1px; */
}

.res-grandchildren-li {
  opacity: 1 !important;
  padding: 0 !important;
  color: #414141;
  display: flex;
  width: 307px;
  justify-content: space-between;
  align-items: center;
}

.res-grandchildren-li p {
  color: #414141 !important;
  padding: 0;
  margin: 0;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-weight: 400 !important;
  font-size: 18px !important;
}

.res-grandchildren-li .about-arrow {
  width: 9px;
  align-self: right;
  height: 16px !important;
}

/* .res-left-container .res-grandchildren-li .about-arrow{
  margin-right: 5rem;
} */
.res-grandchildren-li:hover p {
  color: #d85a53 !important;
}

.res-li:hover {
  webkit-transition: color 0.15s ease;
  transition: color 0.15s ease;
  background-color: #f2f0ee;
}

.res-li:hover .res-icon-div {
  webkit-transition: color 0.15s ease;
  transition: color 0.15s ease;
  background-color: transparent !important;
}

.res-block-title {
  font-size: 1.3rem;
  text-align: left;
  margin-top: 1rem;
  margin-left: 1rem;
}

.sol-add-container {
  display: flex;
  align-items: center;
  width: 100%;
  margin-top: 1.5rem;
}

.sol-add-container img {
  width: 50px;
  height: 50px;
}

.res-image-block .sol-add-container p {
  margin-left: 1rem;
  color: rgba(255, 255, 255, 0.7);
}

.res-image-block .sol-add-container img {
  font-size: 1em;
  width: 50px !important;
  height: 50px;
  margin-left: 20px;
  color: #fff;
  border-radius: 0px !important;
  box-shadow: none;
}

.sol-demo-a {
  color: #fff;
  width: 310px;
  text-align: center;
  border-radius: 8px !important;
  transition: all 0.2s ease;
  box-shadow: 0 2px 4px 0 #8a8a8a;
}

.res-image-block {
  background-color: #f5f5f5;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding: 25px 0;
  height: 100%;
  width: 360px;
}

.res-image-block a {
  padding: 0 !important;
}

.res-image-block img {
  width: 310px;
  text-align: center;
  border-radius: 8px !important;
  transition: all 0.2s ease;
  box-shadow: 0 2px 4px 0 #8a8a8a;
}

.res-image-block img:hover {
  width: 315px;
}

@media (max-width: 1300px) {
  .res-container .solutions-red-line {
    left: 240px !important;
  }
}
@media (max-width: 1700px) {
  #main-nav li[data-node=resources] .dropdown.level-1 {
    margin: 0 20px 0 -300px;
  }
  .res-container .resources-red-line {
    left: 313px !important;
  }
}
@media (max-width: 1600px) {
  .res-container .resources-red-line {
    left: 308px !important;
  }
}
@media (max-width: 1500px) {
  #main-nav li[data-node=resources] .dropdown.level-1 {
    margin: 0 20px 0 -400px;
  }
  .res-container .resources-red-line {
    left: 408px !important;
  }
}
@media (max-width: 1300px) {
  #main-nav li[data-node=resources] .dropdown.level-1 {
    margin: 0 20px 0 -300px;
    width: 1045px;
  }
  .res-nav {
    height: 355px;
  }
  .res-container .resources-red-line {
    left: 286px !important;
  }
  .res-title {
    font-size: 19px !important;
    width: 305px;
  }
  .res-icon-div {
    margin-right: 20px;
    height: 42px;
    width: 42px;
  }
  .res-icon {
    width: 21px;
  }
  .res-li {
    width: 325px;
    height: 55px;
    margin: 5px 0 3px;
    padding: 0 25px 0 5px;
  }
  .res-grandchildren-a {
    font-size: 16px;
    padding: 5px 0 !important;
  }
  .res-grandchildren-li {
    width: 263px;
  }
  .res-grandchildren-ul {
    margin-left: 67px;
  }
  .res-left {
    height: 315px;
    padding: 15px 20px;
  }
  .res-image-block {
    padding: 25px;
    height: 355px;
    width: 350px;
  }
  .res-image-block a {
    padding: 0 !important;
  }
  .res-image-block img {
    width: 270px;
    transition: all 0.2s ease;
  }
  .res-image-block img:hover {
    width: 275px;
  }
}
#main-nav li[data-node=solutions] .dropdown {
  z-index: 20;
}

#main-nav li[data-node=solutions] .dropdown.level-1 {
  display: none;
  position: absolute;
  width: auto;
  padding: 0;
  z-index: 20;
  /* top: -7px; */
  margin: 0 0 0 -255px;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  background: #fff;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.3);
  overflow: hidden;
}

#main-nav li[data-node=solutions] .dropdown.level-2 ul {
  padding: 0;
  width: auto;
}

/* .sol-nav {
  width: auto;
  height: auto;
  margin: 0;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  background-color: #fff;
  color: #000;
  display: flex;
  justify-content: left;
} */
.solutions-container {
  display: flex;
  width: 100%;
  height: auto;
  flex-direction: row;
  justify-content: space-between;
}

.solutions-container .solutions-red-line {
  position: absolute;
  top: 0;
  z-index: 0;
  left: 10px;
  border-top: 3px solid #e2635c;
  width: 90px;
}

.solutions-left {
  width: 350px !important;
  height: 225px;
  display: flex;
  flex-direction: column;
  justify-content: left;
  padding: 22px 17px;
}

.sol-li {
  width: 335px;
  display: flex;
  height: 65px;
  cursor: pointer;
  margin: 5px 0;
  justify-content: left;
  flex-direction: row !important;
  align-items: center;
  padding: 0 35px 0 10px;
  border-radius: 60px;
  align-items: center;
  webkit-transition: backgound-color 0.15s ease;
  transition: backgound-color 0.15s ease;
}

.sol-a {
  display: flex;
  justify-content: left;
  align-items: center;
  flex-direction: row !important;
  padding: 0 !important;
}

.sol-icon-div {
  border-radius: 50%;
  width: 50px;
  height: 50px;
  display: flex;
  margin-right: 25px;
  justify-content: center;
  align-items: center;
  webkit-transition: backgound-color 0.15s ease;
  transition: backgound-color 0.15s ease;
}

.sol-title {
  color: #000 !important;
  text-align: left;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  width: 310px;
  font-weight: 400 !important;
  font-size: 22px !important;
  line-height: 30px;
  margin: 0 !important;
}

.sol-icon {
  width: 26px;
}

.sol-arrow {
  width: 9px;
  margin-left: -45px;
}

.sol-grandchildren-ul {
  display: flex;
  width: 100px;
  justify-content: center;
  flex-wrap: wrap;
  margin-left: 85px;
  text-align: center;
  margin-top: -5px;
}

.sol-grandchildren-li {
  opacity: 1 !important;
  padding: 0 !important;
  color: #414141;
  display: flex;
  width: 264px;
  justify-content: space-between;
  align-items: center;
}

.sol-grandchildren-li p {
  color: #414141 !important;
  padding: 0;
  margin: 0;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-weight: 400 !important;
  font-size: 18px !important;
}

.sol-grandchildren-li .about-arrow {
  width: 9px;
  margin-left: 0;
  align-self: right;
  height: 16px !important;
}

.solutions-info {
  width: 500px;
  height: 395px;
  background-color: #f5f5f5;
}

.solutions-info .solutions-call-to {
  width: 100%;
  height: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.solutions-info .solutions-call-to .solutions-video-div {
  height: 158px;
  width: 345px;
  border-radius: 15px;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 10px 40px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

.solutions-info .solutions-call-to .solutions-video-div h3 {
  width: 100%;
  font-size: 25px;
  color: #fff;
  letter-spacing: 0.2px;
  line-height: 29px;
}

.solutions-info .solutions-call-to .solutions-video-div div {
  display: flex;
  align-items: center;
  width: 100%;
}

.solutions-info .solutions-call-to .solutions-video-div div img {
  width: 50px;
  height: 50px;
}

.solutions-info .solutions-call-to .solutions-video-div div p {
  font-size: 1.3em;
  margin-left: 20px;
  color: #fff;
}

.sol-li:hover {
  webkit-transition: color 0.15s ease;
  transition: color 0.15s ease;
  background-color: #f2f0ee;
}

.sol-li:hover .sol-icon-div {
  webkit-transition: color 0.15s ease;
  transition: color 0.15s ease;
  background-color: transparent !important;
}

@media (max-width: 1300px) {
  #main-nav li[data-node=solutions] .dropdown {
    z-index: 6;
  }
  #main-nav li[data-node=solutions] .dropdown.level-1 {
    margin: 0 20px 0 -259px;
    width: auto;
  }
  .solutions-red-line {
    left: 135px !important;
  }
}
.red-square {
  outline: 0;
  font-size: 0.85em;
  font-family: HelveticaNeueLTStd-Bd, Helvetica, Arial, sans-serif;
  margin-top: 30px;
  border-radius: 30px;
  transition: 0.15s ease;
  cursor: pointer;
  background-color: #d36b60;
  color: #fff;
  display: flex;
  justify-content: center;
  width: 165px;
  height: 45px;
  border: 1px solid #d36b60;
  align-items: center;
}

.red-square a {
  padding: 0 !important;
  text-decoration: none;
}

.red-square:hover {
  background-color: #fff;
  color: #d36b60;
}

.red-inverted-square {
  outline: 0;
  font-size: 0.85em;
  font-family: HelveticaNeueLTStd-Bd, Helvetica, Arial, sans-serif;
  margin-top: 30px;
  border-radius: 30px;
  transition: 0.15s ease;
  cursor: pointer;
  background-color: transparent;
  color: #d36b60;
  display: flex;
  justify-content: center;
  width: 165px;
  height: 45px;
  border: 1px solid #d36b60;
  align-items: center;
  margin-left: 20px;
}

.red-inverted-square img {
  width: 11px;
  margin-right: 5px;
}

.red-inverted-square a {
  padding: 0 !important;
  text-decoration: none;
  display: flex;
  align-items: center;
}

.red-inverted-square:hover {
  background-color: #fff;
  color: #d36b60;
}

.black-square {
  font-size: 0.85em;
  font-family: HelveticaNeueLTStd-Bd, Helvetica, Arial, sans-serif;
  margin-top: 30px;
  margin-left: 20px;
  width: 150px;
  height: 45px;
  border-radius: 30px;
  justify-content: center;
  transition: 0.15s ease;
  cursor: pointer;
  background-color: #2d2f33;
  color: #fff;
  display: flex;
  border: 1px solid #2d2f33;
  align-items: center;
  padding: 0;
}

.black-square p {
  padding: 0 !important;
  color: white;
}

.black-square:hover {
  background-color: #fff;
  color: #2d2f33;
}

.black-square:hover p {
  color: #2d2f33;
}

.aspot-leadout {
  text-align: center;
  padding-top: 30px;
  padding-bottom: 30px;
}

.aspot-leadout img {
  width: 25px !important;
  margin-bottom: 0 !important;
}

.devHome {
  background-color: #edeff1;
}

.aspot-wrapper {
  width: 100%;
  background-repeat: no-repeat;
  background-size: 124%;
  background-position: center left;
  margin-bottom: -1px;
}

.header-aspot-bg {
  opacity: 1;
  width: 100%;
  height: 0;
  padding-top: 50%;
  background: #edeff1;
  background: linear-gradient(180deg, rgba(237, 239, 241, 0.0774685) 63%, rgba(59, 71, 82, 0.35618) 100%);
  margin-top: -446px;
}

.home-header {
  width: 100%;
  z-index: 10;
  padding-top: 140px;
  text-align: center;
}

.home-header h1 {
  color: #3b4752;
  letter-spacing: 0.55px;
  margin: 0 auto 40px;
  font-size: 2.813em;
  line-height: 1.2em;
  max-width: 1000px;
}
@media (max-width: 1024px) {
  .home-header h1 {
    max-width: 90%;
  }
}

.home-header p {
  color: #3b4752;
  max-width: 830px;
  margin: 0 auto 32px;
  font-size: 0.8em;
  line-height: 1.6;
  padding: 0 25px;
  font-weight: 400;
}

.home-header .gartner-learn-more {
  font-weight: 700;
  font-size: 0.9em;
  display: flex;
  margin: 35px auto 0;
  flex-wrap: wrap;
  justify-content: center !important;
  align-items: center !important;
}
@media (max-width: 850px) {
  .home-header .gartner-learn-more {
    max-width: 90%;
  }
}

.home-header .gartner-learn-more .span-learn {
  margin-left: 0px;
  text-decoration: underline;
  color: #3b4752;
  font-size: 0.9em;
  line-height: 1.6;
}

.home-header .gartner-learn-more img {
  width: 15px;
  margin-right: 5px;
  margin-top: -2px;
}

.home-header .gartner-learn-more p {
  margin: 0;
  padding: 0 10px;
}

.home-header .header-buttons {
  margin: 0 auto;
  display: flex;
  justify-content: center;
}

.home-header .red-square {
  outline: 0;
  font-size: 0.85em;
  font-family: HelveticaNeueLTStd-Bd, Helvetica, Arial, sans-serif;
  margin-top: 30px;
  border-radius: 30px;
  transition: 0.15s ease;
  cursor: pointer;
  background-color: #d36b60;
  color: #fff;
  display: flex;
  justify-content: center;
  width: 165px;
  height: 45px;
  border: 1px solid #d36b60;
  align-items: center;
}

.home-header .red-square a {
  padding: 0 !important;
  text-decoration: none;
  display: flex;
  justify-content: center;
}

.home-header .red-square:hover {
  background-color: #fff;
  color: #d36b60;
}

.siia {
  margin: 0 !important;
  padding: 0 !important;
  color: #d36b60 !important;
  line-height: 1 !important;
}

.social-container {
  width: 100%;
  display: flex;
  margin-top: -150px;
  justify-content: center;
  z-index: 5;
  gap: 20px;
}

.social-container a {
  width: 336px;
  height: 267px;
  margin: 0;
  border-radius: 20px;
  box-shadow: 0px 0px 30px rgba(59, 71, 82, 0.1294117647);
  background-color: #fff;
  color: #0a84ff;
  font-weight: 700;
  text-align: center;
  position: relative;
}
@media (max-width: 1199.98px) {
  .social-container a {
    width: 300px;
    height: 260px;
  }
}
.social-container a .image-wrapper {
  text-align: center;
  display: block;
}
.social-container a .stars-wrapper {
  display: block;
}
.social-container a .acContent {
  display: block;
  color: #252c54;
  font-size: 18px;
  font-weight: bold;
  max-width: 80%;
  margin: 0 auto;
}
.social-container a .aclearnmore {
  position: absolute;
  bottom: 30px;
  left: 0px;
  right: 0px;
}
.social-container a:hover .aclearnmore {
  text-decoration: underline;
}
.social-container a:nth-child(1) .image-wrapper {
  padding: 29px 0 28px 0;
}
.social-container a:nth-child(1) .image-wrapper img {
  width: 84px;
  display: block;
  margin: 0 auto;
}
.social-container a:nth-child(2) .image-wrapper img {
  width: 154px;
  margin: 35px 0 10px 0;
}
.social-container a:nth-child(3) .image-wrapper img {
  width: 220px;
  margin: 59px 0 32px 0;
}

.social-container .middle-social {
  margin: 0 60px;
}

.hh-container {
  margin: -210px auto 100px;
  padding: 0 90px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.hh-container .ht-h1 {
  font-size: 3em;
  color: #fff;
}

.sideways-text {
  writing-mode: vertical-lr;
  text-orientation: mixed;
}

.heading-text {
  max-width: 600px;
}

.head-cta {
  max-width: 500px;
}

.logo-cta {
  width: 100%;
  z-index: 0;
  background-color: #fff;
  padding: 200px 0 0 0;
  margin-bottom: 0;
}

.logo-cta h1 {
  text-align: center;
  color: #3b4752;
  font-size: 2.5em;
  line-height: 1.2em;
  margin-bottom: 30px;
}
@media (max-width: 800px) {
  .logo-cta h1 {
    max-width: 90%;
    margin: 0 auto;
    margin-bottom: 30px;
  }
}

.logo-cta h2 {
  text-align: center;
  color: #3b4752;
  font-size: 2.5em;
  line-height: 1.2em;
  margin-bottom: 30px;
  max-width: 960px;
  margin: 0 auto;
}
@media (max-width: 1024px) {
  .logo-cta h2 {
    max-width: 90%;
    margin: 0 auto;
    margin-bottom: 30px;
  }
}
@media (max-width: 800px) {
  .logo-cta h2 {
    font-size: 2em;
  }
}

.logo-cta h2.cpg-changing {
  max-width: none;
  margin-bottom: 50px;
}

.logo-cta h1.with-max-width {
  margin-left: auto;
  margin-right: auto;
  max-width: 960px;
}
@media (max-width: 1024px) {
  .logo-cta h1.with-max-width {
    max-width: 90%;
  }
}

.logo-cta p {
  text-align: center;
  color: #959595;
  max-width: 1200px;
  margin: 0 auto;
  line-height: 1.6;
  padding: 0 30px;
}

.logo-cta span.trusted-underline {
  background-image: url(https://customer-gauge.files.svdcdn.com/staging/home/trustedby-underline.png);
  background-size: contain;
  background-position: center bottom;
  background-repeat: no-repeat;
}

.success-stories span.b2b-business-back {
  background-image: url(https://customer-gauge.files.svdcdn.com/staging/homepage/B2BBusinesses.png);
  background-size: contain;
  background-position: center bottom;
  background-repeat: no-repeat;
}

.grey-logo-slider {
  display: none;
}

.logo-container {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
  margin: 0 auto 100px;
}

.logo-container img {
  width: 180px;
  margin: 0 40px 25px;
}

.logo-container .ab {
  width: 210px;
}

.logo-container .hrb {
  width: 200px;
}

.logo-container .dhl {
  width: 230px;
}

.logo-container .eaton {
  width: 180px;
}

.logo-container .hein {
  width: 210px;
}

a {
  text-decoration: none;
}

.section {
  height: 940px;
  min-height: 500px;
  position: relative;
}

.content-container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  clip: rect(auto, auto, auto, auto);
  pointer-events: none;
}

.content-inner {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  padding: 0;
  z-index: 99;
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: transform;
  perspective: 1000;
  pointer-events: all;
}

.content-center {
  height: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
}

.bottom-section .content-center {
  top: 204px;
}
@media (max-width: 768px) {
  .bottom-section .content-center {
    top: 200px;
  }
}

.old-icon-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
}
.old-icon-container .old-icon {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 30px;
  width: 33%;
}
.old-icon-container .old-icon p {
  max-width: 250px;
  padding-top: 15px;
  color: #3b4752;
  font-weight: bold;
}
@media (max-width: 500px) {
  .old-icon-container .old-icon p {
    max-width: 100px;
  }
}
.old-icon-container .old-icon .x-img {
  width: 25px;
  margin: 0;
}
.old-icon-container .old-icon-d {
  background-color: #fbeae9;
  border-radius: 90px;
  padding: 15px;
  height: 150px;
  width: 143px;
  display: flex;
  z-index: 5;
  justify-content: center;
  align-items: center;
}
@media (max-width: 750px) {
  .old-icon-container .old-icon-d {
    height: 120px;
    width: 120px;
  }
}
@media (max-width: 525px) {
  .old-icon-container .old-icon-d {
    height: 80px;
    width: 80px;
  }
}
.old-icon-container .old-icon:nth-of-type(1) img.link-red {
  width: 74px;
  height: 74px;
  margin-top: 10px;
  z-index: 12;
}
@media (max-width: 750px) {
  .old-icon-container .old-icon:nth-of-type(1) img.link-red {
    width: 38px;
    height: auto;
  }
}
.old-icon-container .old-icon:nth-of-type(2) img.link-red {
  width: 77px;
  height: 97px;
}
@media (max-width: 750px) {
  .old-icon-container .old-icon:nth-of-type(2) img.link-red {
    width: 38px;
    height: auto;
  }
}
.old-icon-container .old-icon:nth-of-type(3) img.link-red {
  width: 67px;
  height: 51px;
}
@media (max-width: 750px) {
  .old-icon-container .old-icon:nth-of-type(3) img.link-red {
    width: 38px;
    height: auto;
  }
}
.old-icon-container .old-icon:nth-of-type(4) img.link-red {
  width: 103px;
  height: 89px;
}
@media (max-width: 750px) {
  .old-icon-container .old-icon:nth-of-type(4) img.link-red {
    width: 53px;
    height: auto;
  }
}
.old-icon-container .old-icon:nth-of-type(5) img.link-red {
  width: 70px;
  height: 70px;
}
@media (max-width: 750px) {
  .old-icon-container .old-icon:nth-of-type(5) img.link-red {
    width: 38px;
    height: auto;
  }
}
.old-icon-container .old-icon:nth-of-type(6) img.link-red {
  width: 67px;
  height: 67px;
}
@media (max-width: 750px) {
  .old-icon-container .old-icon:nth-of-type(6) img.link-red {
    width: 38px;
    height: auto;
  }
}
.old-icon-container .new-icon {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 30px;
  width: 33%;
}
@media (min-width: 576px) {
  .old-icon-container .new-icon {
    margin-bottom: 20px;
  }
}
.old-icon-container .new-icon p {
  max-width: 250px;
  padding-top: 15px;
  font-weight: bold;
}
@media (max-width: 500px) {
  .old-icon-container .new-icon p {
    max-width: 100px;
  }
}
@media (max-width: 750px) {
  .old-icon-container .new-icon img.link-green {
    width: 32px;
    height: auto;
  }
}
.old-icon-container .new-icon .new-icon-d {
  background-color: #363636;
  border-radius: 90px;
  padding: 15px;
  height: 143px;
  width: 143px;
  display: flex;
  z-index: 5;
  justify-content: center;
  align-items: center;
}
@media (max-width: 750px) {
  .old-icon-container .new-icon .new-icon-d {
    height: 120px;
    width: 120px;
  }
}
@media (max-width: 525px) {
  .old-icon-container .new-icon .new-icon-d {
    height: 80px;
    width: 80px;
  }
}

.x-img-div {
  position: absolute;
  top: 0;
  border-radius: 90px;
  right: 0;
  z-index: 10;
  height: 50px;
  width: 50px;
  display: flex;
  background-color: #fff;
  justify-content: center;
  align-items: center;
}

.c-img-div {
  position: absolute;
  top: 0;
  border-radius: 90px;
  right: 0;
  z-index: 10;
  height: 50px;
  width: 50px;
  display: flex;
  background-color: #212121;
  justify-content: center;
  align-items: center;
}

.c-img-div .c-img {
  width: 30px;
}

.top-section {
  background: #fff;
}

.bottom-section {
  background: #2c2c2c;
}

.section h1 {
  text-align: center;
  color: #3d4651;
  font-size: 2.5em;
  line-height: 1.2em;
  text-align: center;
  margin: 120px auto 50px;
  z-index: 10;
}

.underline-new {
  border-bottom: 10px solid #57a689;
  line-height: 0.6;
  display: inline-block;
  cursor: pointer;
}

.underline-new:hover {
  color: #57a689;
  border-color: #57a689;
}

.underline-old {
  border-bottom: 10px solid #d36a61;
  line-height: 0.6;
  display: inline-block;
}

.section a,
.section p {
  text-align: center;
  color: #3d4651;
  text-align: center;
}

.content-theme-dark h2 {
  text-align: center;
  color: #3b4752;
  font-size: 2.5em;
  line-height: 1.2em;
  margin: 30px auto 90px;
  max-width: 900px;
}
.content-theme-dark h2 span {
  position: relative;
}
.content-theme-dark h2 span:after {
  content: "";
  position: absolute;
  bottom: -6px;
  left: 0;
  width: 100%;
  height: 5px;
  background-color: #e2635c;
  border-radius: 10px;
}
@media (max-width: 1024px) {
  .content-theme-dark h2 {
    max-width: 90%;
    margin: 0 auto;
    margin-bottom: 30px;
  }
}
@media (max-width: 800px) {
  .content-theme-dark h2 {
    font-size: 2em;
  }
}

.content-theme-dark a,
.content-theme-dark p {
  color: #3d4651;
  line-height: 1.2em;
}

.content-theme-dark .pb-start {
  font-size: 1.1em;
  font-weight: 700;
  color: #e2635c;
  margin: 16px auto;
}

.content-theme-light h1 {
  color: #fff;
}

.content-theme-light h2 {
  color: #fff;
  text-align: center;
  font-size: 2.5em;
  line-height: 1.2em;
  margin: 30px auto 90px;
  max-width: 900px;
}
.content-theme-light h2 span {
  position: relative;
}
.content-theme-light h2 span:after {
  content: "";
  position: absolute;
  bottom: -6px;
  left: 0;
  width: 100%;
  height: 6px;
  background-color: #00a887;
  border-radius: 10px;
}
@media (max-width: 1024px) {
  .content-theme-light h2 {
    max-width: 85%;
    margin: 0 auto;
    margin-bottom: 30px;
  }
}
@media (max-width: 800px) {
  .content-theme-light h2 {
    font-size: 2em;
  }
}

.content-theme-light a,
.content-theme-light p {
  color: #fff;
  line-height: 1.2em;
}

.new-dot {
  position: absolute;
  left: -20px;
  bottom: -120px;
  width: 280px;
}

.new-way-expansion {
  background: #2c2c2c;
  padding: 0 0 220px;
  margin-top: -1px;
  overflow: visible;
  z-index: 15;
}

.new-way-expansion h1 {
  text-align: center;
  color: #fff;
  font-size: 2.5em;
  line-height: 1.2em;
  text-align: center;
  margin: 0 auto 80px;
}

.new-way-expansion h2 {
  color: #fff;
  font-size: 2.5em;
  line-height: 1.2em;
  text-align: center;
  margin: 0 auto 80px;
  max-width: 960px;
}
@media (max-width: 1024px) {
  .new-way-expansion h2 {
    max-width: 90%;
    margin: 0 auto;
    margin-bottom: 30px;
  }
}
@media (max-width: 800px) {
  .new-way-expansion h2 {
    font-size: 2em;
  }
}

.expansion-stats {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: center;
}

.stat-single {
  width: 220px;
  height: 300px;
  color: #fff;
  display: flex;
  margin: 0 15px;
  flex-direction: column;
  text-align: center;
  justify-content: center;
  align-items: center;
  transition: 0.15s ease;
  cursor: pointer;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.stat-single .stat-num {
  font-size: 4.688rem;
  font-weight: 200;
}

.stat-single .stat-text {
  font-size: 1.125rem;
  font-weight: bold;
  max-width: 180px;
}

.stat-single .stat-icon {
  width: 120px;
  height: 120px;
  padding: 30px;
  border-radius: 100%;
  background-color: rgba(245, 246, 246, 0.1019607843);
}

.stat-single:hover {
  margin-top: -5px;
}

.stat-single-cont-a {
  width: 50%;
  display: flex;
  justify-content: flex-end;
}

.h-divider {
  top: 10%;
  height: 80%;
  border-right: 5px solid #242424;
}

@media (max-width: 850px) {
  .h-divider-hide {
    display: none;
  }
}

.stat-single-cont-b {
  width: 50%;
  display: flex;
  justify-content: flex-start;
}

.expansion-top-right-dot {
  position: absolute;
  right: 0px;
  top: -170px;
  width: 420px;
}
@media (max-width: 991.98px) {
  .expansion-top-right-dot {
    display: none;
  }
}

.expansion-top-dot {
  position: absolute;
  left: 0px;
  top: -170px;
  width: 420px;
}

.expansion-bottom-dot {
  position: absolute;
  left: 0px;
  bottom: -240px;
  width: 420px;
}

.success-stories {
  padding: 100px 0;
  text-align: center;
  background-color: #fff;
  z-index: 10;
}
.success-stories .play-icon-button-r {
  display: flex;
  gap: 10px;
}
.success-stories .play-icon-button-r img {
  width: 16px;
}

.success-stories h1 {
  text-align: center;
  color: #3d4651;
  font-size: 2.5em;
  letter-spacing: 0.6px;
  line-height: 1.2em;
  text-align: center;
  margin-bottom: 30px;
}

.success-stories h2 {
  text-align: center;
  color: #3d4651;
  font-size: 2.5em;
  letter-spacing: 0.6px;
  line-height: 1.2em;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 30px;
  max-width: 960px;
}
@media (max-width: 1024px) {
  .success-stories h2 {
    max-width: 90%;
  }
}
@media (max-width: 800px) {
  .success-stories h2 {
    font-size: 2em;
  }
}

.success-story-container {
  margin: 0 auto;
  max-width: 1300px;
  display: flex;
  padding: 0 50px;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}

.story-text {
  width: 50%;
  text-align: left;
  margin-top: 120px;
}

.story-text h1 {
  position: absolute;
  top: -10px;
  left: 0;
  font-size: 200px;
  color: #cdd1d3;
}

.story-text h2 {
  color: #3b4752;
  font-size: 6.25em;
  font-family: "proxima-nova", sans-serif;
  font-weight: 700;
  font-style: normal;
  line-height: 0.4em;
  text-align: left;
}

.story-text h4 {
  color: #3b4752;
  font-size: 1.813em;
  line-height: 1.1em;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.story-text .q-author {
  color: #3b4752;
  font-style: italic;
  font-size: 1.563em;
  margin-bottom: 10px;
}

.story-text .story-text-text {
  color: #8a8a8a;
  line-height: 1.6;
  margin-bottom: 25px;
  width: 85%;
}

.dark-btn {
  outline: 0;
  font-size: 0.85em;
  font-family: HelveticaNeueLTStd-Bd, Helvetica, Arial, sans-serif;
  margin-top: 30px;
  border-radius: 30px;
  transition: 0.15s ease;
  cursor: pointer;
  background-color: #333e47;
  color: #fff;
  display: flex;
  justify-content: center;
  width: 150px;
  height: 45px;
  border: 1px solid #333e47;
  align-items: center;
}

.dark-btn a {
  padding: 0 !important;
  text-decoration: none;
}

.dark-btn:hover {
  background-color: #fff;
  color: #333e47;
}

.red-btn {
  outline: 0;
  font-size: 1.25em;
  font-family: HelveticaNeueLTStd-Bd, Helvetica, Arial, sans-serif;
  margin-top: 30px;
  transition: 0.15s ease;
  cursor: pointer;
  color: #e2635c;
  display: flex;
  height: 45px;
  align-items: center;
}

.red-btn a {
  padding: 0 !important;
  text-decoration: none;
}

.red-btn:hover {
  background-color: #fff;
  color: #333e47;
}

.story-img {
  width: 45%;
}

#container-js,
#container-js-five,
#container-js-four,
#container-js-three,
#container-js-two {
  max-width: 1100px;
  margin: 0 auto;
  height: auto;
}

#container-js-three,
#container-js-two {
  margin-top: -40px;
  max-width: 750px;
}

#container-js-four {
  margin-top: -20px;
  max-width: 1000px;
}

#container-js-five {
  max-width: 1000px;
  margin: 0 auto;
  height: auto;
}

.how-it-works {
  background-color: #2c2c2c;
  padding-top: 110px;
  padding-bottom: 120px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
@media (max-width: 850px) {
  .how-it-works {
    padding-bottom: 120px;
  }
}
.how-it-works .red-square {
  margin: 0 auto;
  margin-top: 60px;
  margin-bottom: 80px;
}
.how-it-works .straight-dot-line {
  display: none;
}
@media (max-width: 850px) {
  .how-it-works .straight-dot-line {
    display: block;
    border-left: dashed #707070 5pt;
    height: 65px;
    width: 4px;
    margin: 6px auto;
  }
}
.how-it-works h1 {
  text-align: center;
  color: #fff;
  font-size: 2.5em;
  line-height: 1.2em;
  margin-bottom: 30px;
}
.how-it-works h2 {
  color: #fff;
  font-size: 2.5em;
  letter-spacing: 0.6px;
  line-height: 1.2em;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 30px;
  max-width: 780px;
}
@media (max-width: 1024px) {
  .how-it-works h2 {
    max-width: 90%;
  }
}
@media (max-width: 800px) {
  .how-it-works h2 {
    font-size: 2em;
  }
}
.how-it-works h3 {
  color: #f5f6f6;
  font-size: 2em;
  letter-spacing: 0.6px;
  line-height: 1.2em;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 30px;
  max-width: 960px;
}
@media (max-width: 1024px) {
  .how-it-works h3 {
    max-width: 90%;
  }
}
.how-it-works p {
  margin: 0 auto;
  text-align: center;
  color: #d4d5d6;
  max-width: 760px;
}
@media (max-width: 850px) {
  .how-it-works p {
    max-width: 90%;
  }
}
.how-it-works .how-it-step-red,
.how-it-works .how-it-step-green {
  display: block;
  width: 140px;
  padding: 6px 30px;
  border-radius: 8px;
  margin: 0 auto;
  margin-bottom: 20px;
  text-align: center;
  font-weight: bold;
}
.how-it-works .how-it-step-green {
  color: #00a887;
  background-color: rgba(0, 168, 135, 0.0509803922);
}
.how-it-works .how-it-step-red {
  color: #e2635c;
  background-color: rgba(226, 99, 92, 0.0509803922);
}
.how-it-works .step-1-wrapper {
  margin: 0 auto;
  margin-top: 70px;
}
.how-it-works .icons-wrapper {
  display: flex;
  justify-content: center;
  gap: 30px;
  margin: 0 auto;
  margin-top: 110px;
}
@media (max-width: 1024px) {
  .how-it-works .icons-wrapper {
    gap: 20px;
  }
}
@media (max-width: 900px) {
  .how-it-works .icons-wrapper {
    gap: 4px;
  }
}
@media (max-width: 850px) {
  .how-it-works .icons-wrapper {
    flex-direction: column;
    align-items: center;
    gap: 25px;
    margin-top: 60px;
  }
}
.how-it-works .how-it-icons-red,
.how-it-works .how-it-icons-green {
  display: block;
  width: 160px;
  height: 160px;
  padding: 40px;
  border-radius: 100%;
}
@media (max-width: 850px) {
  .how-it-works .how-it-icons-red,
.how-it-works .how-it-icons-green {
    width: 65px;
    height: 65px;
    min-width: 65px;
    padding: 15px;
  }
}
.how-it-works .how-it-icons-red {
  background-color: rgba(226, 99, 92, 0.4);
}
.how-it-works .how-it-icons-green {
  background-color: rgba(0, 168, 135, 0.2);
}
.how-it-works .how-it-icon-wrapper {
  display: flex;
  flex-direction: column;
  gap: 20px;
  text-align: center;
  max-width: 160px;
}
@media (max-width: 850px) {
  .how-it-works .how-it-icon-wrapper {
    width: 100%;
    flex-direction: row;
    align-items: center;
    gap: 25px;
    max-width: 100%;
    border-bottom: #2c2c2c solid 3px;
    padding-bottom: 10px;
  }
}
.how-it-works .how-it-icon-wrapper .icon-title {
  text-align: center;
  color: #d4d5d6;
  font-size: 1.375em;
  font-weight: bold;
  max-width: 150px;
}
@media (max-width: 850px) {
  .how-it-works .how-it-icon-wrapper .icon-title {
    font-size: 18pt;
    text-align: left;
    max-width: none;
  }
}
.how-it-works .curved-dot-line-1 {
  margin: 0 auto;
  max-width: 700px;
  padding: 40px 0;
}
.how-it-works .curved-dot-line-1 img {
  width: 100%;
}
@media (max-width: 850px) {
  .how-it-works .curved-dot-line-1 {
    display: none;
  }
}
.how-it-works .step-2-wrapper {
  margin: 0 auto;
  max-width: 688px;
  background-color: #242424;
  border-radius: 30px;
  padding-top: 65px;
  padding-bottom: 65px;
  color: #fff;
}
@media (max-width: 850px) {
  .how-it-works .step-2-wrapper {
    max-width: none;
  }
}
.how-it-works .step-2-wrapper .step-2-checklist .list-item {
  display: flex;
  margin: 0 auto;
  width: 80%;
  border-bottom: solid 5px rgba(112, 112, 112, 0.1019607843);
  font-size: 1.563em;
  padding: 30px 60px;
  gap: 30px;
}
@media (max-width: 850px) {
  .how-it-works .step-2-wrapper .step-2-checklist .list-item {
    width: 100%;
    gap: 25px;
    align-items: center;
    padding: 10px 0px;
    margin-top: 60px;
  }
}
.how-it-works .step-2-wrapper .step-2-checklist .list-item img {
  width: 48px;
  height: 48px;
}
.how-it-works .step-2-wrapper .step-2-checklist .no-border {
  border: none;
}
.how-it-works .step-3-wrapper {
  margin: 0 auto;
  border-radius: 30px;
  padding-top: 110px;
  position: relative;
  padding-bottom: 110px;
}
.how-it-works .step-3-wrapper .step3-title-wrapper {
  position: absolute;
  display: flex;
  flex-direction: column;
  width: 100%;
  justify-content: center;
  align-items: center;
  top: -250px;
  padding: 6px 0;
}
@media (max-width: 850px) {
  .how-it-works .step-3-wrapper .step3-title-wrapper {
    position: relative;
    top: auto;
  }
}
@media (max-width: 850px) {
  .how-it-works .step-3-wrapper .step3-title-wrapper {
    padding: 0;
  }
}
.how-it-works .step-3-wrapper .step3-title-wrapper .step3-title-bg {
  width: 300px;
  background-color: #2c2c2c;
}
@media (max-width: 850px) {
  .how-it-works .step-3-wrapper .step3-title-wrapper .step3-title-bg {
    background-color: unset;
  }
}
.how-it-works .step-3-wrapper .icons-wrapper {
  display: flex;
  justify-content: center;
  gap: 60px;
  margin: 0 auto;
  margin-top: -50px;
}
@media (max-width: 850px) {
  .how-it-works .step-3-wrapper .icons-wrapper {
    justify-content: space-between;
    gap: 25px;
    margin-top: 60px;
  }
}
.how-it-works .step-3-wrapper .step3-background {
  max-width: 700px;
  margin: 0 auto;
  margin-top: 40px;
}
.how-it-works .step-3-wrapper .step3-background img {
  width: 100%;
  top: -100px;
}
@media (max-width: 850px) {
  .how-it-works .step-3-wrapper .step3-background img {
    top: auto;
    display: none;
  }
}
@media (max-width: 850px) {
  .how-it-works .step-1-wrapper,
.how-it-works .step-2-wrapper,
.how-it-works .step-3-wrapper {
    width: 90%;
    padding: 25px 30px;
    border-radius: 20px;
    background-color: #242424;
  }
}

.btn-see-it-live {
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  font-family: "Helvetica Neue", sans-serif;
  font-weight: bold;
  color: #f8f8f9;
  background-color: #e2635c;
  width: 247px;
  height: 68px;
  border-radius: 36px;
  transition: 0.15s ease;
  border: 2px solid transparent;
}
@media (max-width: 850px) {
  .btn-see-it-live {
    padding: 10px 20px;
    margin-top: 60px;
  }
}

.btn-see-it-live:hover {
  background-color: #f8f8f9;
  color: #e2635c;
  border-color: #e2635c;
}

.btn-gray-border {
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  font-family: "Helvetica Neue", sans-serif;
  font-weight: bold;
  color: #3b4752;
  transition: 0.15s ease;
  font-size: 0.85em;
  height: auto;
  margin: unset;
  width: auto;
}
@media (max-width: 850px) {
  .btn-gray-border {
    width: auto;
    height: auto;
    padding: 10px 20px;
  }
}
.btn-gray-border a {
  display: flex;
  gap: 10px;
  align-items: center;
  background-color: transparent;
  display: inline-flex;
  border: 2px solid #2d2f33;
  padding: 10px 20px;
  border-radius: 25px;
}
.btn-gray-border a svg {
  width: 12px;
  fill: #2d2f33;
}
.btn-gray-border a:hover {
  color: #fff;
  background-color: #2d2f33;
}
.btn-gray-border a:hover svg {
  fill: #fff;
}

.btn-see-it-in-action {
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  font-family: "Helvetica Neue", sans-serif;
  font-weight: bold;
  color: #3b4752;
  transition: 0.15s ease;
}
@media (max-width: 850px) {
  .btn-see-it-in-action {
    width: auto;
    height: auto;
    padding: 10px 20px;
  }
}
.btn-see-it-in-action a {
  display: flex;
  gap: 10px;
  align-items: center;
}
.btn-see-it-in-action a img {
  width: 12px;
}

.btn-see-it-in-action a:hover {
  color: #e2635c;
}

.home-header .header-buttons {
  display: flex;
  gap: 30px;
  align-items: center;
}
@media screen and (max-width: 850px) {
  .home-header .header-buttons {
    flex-direction: column;
    gap: 10px;
    margin-top: 30px;
  }
}
.home-header .header-buttons .btn-see-it-in-action,
.home-header .header-buttons .btn-see-it-live {
  font-size: 0.85em;
  width: auto;
  height: auto;
  padding: 10px 20px;
}
.home-header .header-buttons .btn-see-it-live {
  min-width: 165px;
  width: auto;
  margin: 0 0;
}

.cx-teams-wrapper {
  padding-top: 125px;
  padding-bottom: 125px;
}
@media (max-width: 850px) {
  .cx-teams-wrapper {
    padding-top: 85px;
    padding-bottom: 85px;
  }
}
.cx-teams-wrapper .cx-dots {
  position: absolute;
  top: -15px;
  left: 0px;
  width: 320px;
}
.cx-teams-wrapper .btn-see-it-live {
  margin-top: 60px;
}
.cx-teams-wrapper .ac-selectors {
  margin: 0 auto;
  margin-top: 100px;
  margin-bottom: 66px;
  max-width: 1200px;
  display: flex;
  justify-content: center;
  gap: 20px;
}
@media (max-width: 1280px) {
  .cx-teams-wrapper .ac-selectors {
    max-width: none;
    gap: 10px;
  }
}
@media (max-width: 850px) {
  .cx-teams-wrapper .ac-selectors {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 90%;
    max-width: none;
    flex-wrap: wrap;
    margin-top: 60px;
  }
}
.cx-teams-wrapper .ac-selectors .select-button {
  font-size: 1em;
  font-family: "Helvetica Neue", sans-serif;
  color: #3b4752;
  font-weight: bold;
  width: auto;
  border: 3px solid #3d4751;
  border-radius: 34px;
  min-width: 222px;
  height: 68px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px 20px;
  text-align: center;
}
@media (max-width: 1280px) {
  .cx-teams-wrapper .ac-selectors .select-button {
    width: auto;
    min-width: unset;
  }
}
@media (max-width: 850px) {
  .cx-teams-wrapper .ac-selectors .select-button {
    width: auto;
    min-width: unset;
  }
}
.cx-teams-wrapper .ac-selectors .select-button.is-active {
  color: #f8f8f9;
  background-color: #3b4752;
}
.cx-teams-wrapper h2 {
  margin: 0 auto;
  color: #3d4751;
  font-size: 2.5em;
  line-height: 1.2em;
  font-family: "Helvetica Neue", sans-serif;
  text-align: center;
  font-weight: bold;
}
@media (max-width: 850px) {
  .cx-teams-wrapper h2 {
    width: 90%;
  }
}
@media (max-width: 800px) {
  .cx-teams-wrapper h2 {
    font-size: 2em;
  }
}
.cx-teams-wrapper span.entire-team-back {
  background-image: url(https://customer-gauge.files.svdcdn.com/staging/homepage/entireteamunderline@2x.png);
  background-size: contain;
  background-position: center bottom;
  background-repeat: no-repeat;
}
.cx-teams-wrapper .cx-accordions-container {
  margin: 0 auto;
  max-width: 1200px;
  display: flex;
  gap: 56px;
  justify-content: space-between;
  font-family: "Helvetica Neue", sans-serif;
}
.cx-teams-wrapper .cx-accordions-container .img-container {
  width: 50%;
  height: auto;
  background-color: #e9ebee;
}
@media (max-width: 850px) {
  .cx-teams-wrapper .cx-accordions-container .img-container {
    display: none;
  }
}
.cx-teams-wrapper .cx-accordions-container .cx-accordion {
  margin: 0 auto;
  padding-bottom: 40px;
  width: 50%;
  display: none;
}
@media (max-width: 850px) {
  .cx-teams-wrapper .cx-accordions-container .cx-accordion {
    width: 90%;
  }
}
.cx-teams-wrapper .cx-accordions-container .cx-accordion .ac {
  background-color: rgba(59, 71, 82, 0);
}
.cx-teams-wrapper .cx-accordions-container .cx-accordion .ac.is-active {
  background-color: rgba(59, 71, 82, 0.031372549);
  border-radius: 7px;
}
.cx-teams-wrapper .cx-accordions-container .cx-accordion .ac-border {
  border: none;
  padding: 15px 0;
  border-bottom: 3px solid #d4d5d6;
}
.cx-teams-wrapper .cx-accordions-container .cx-accordion .ac-border.is-active {
  border-bottom: none;
}
.cx-teams-wrapper .cx-accordions-container .cx-accordion .ac-header--faqs-style {
  font-size: 18px;
  color: #3b4752;
  font-weight: bold;
}
.cx-teams-wrapper .cx-accordions-container .cx-accordion .ac-panel {
  color: #3b4752;
  font-size: 20px;
  padding: 0 28px;
}
.cx-teams-wrapper .cx-accordions-container .cx-accordion .ac-panel img {
  display: none;
}
@media (max-width: 800px) {
  .cx-teams-wrapper .cx-accordions-container .cx-accordion .ac-panel img {
    display: block;
  }
}
.cx-teams-wrapper .cx-accordions-container .cx-accordion .trigger-title {
  color: #3b4752;
  font-size: 20px;
  font-weight: bold;
  padding: 10px 28px;
}
.cx-teams-wrapper .cx-accordions-container .cx-accordion .ac-trigger::after {
  content: url(/static/dropdownclosed.svg);
  width: 21.08px;
  height: 11.86px;
}
.cx-teams-wrapper .cx-accordions-container .cx-accordion .ac.is-active > .ac-header .ac-trigger::after {
  content: url(/static/dropdownopen.svg);
  width: 21.08px;
  height: 11.86px;
}
.cx-teams-wrapper .cx-accordions-container .cx-accordion.is-active {
  display: block;
}

.hidden {
  display: none;
}

.playbook {
  width: 100%;
  z-index: 50;
  padding: 80px 0 150px;
  text-align: center;
  background-color: #f5f8f8;
}

.playbook .pb-growth {
  font-size: 160px;
  margin: 0 auto -50px;
  color: #fff;
  text-shadow: 0 -20px 52px rgba(59, 71, 82, 0.1);
}

.pb-start {
  font-size: 1.1em;
  font-weight: 700;
  color: #e2635c;
  margin: 16px auto;
}

.pb-start-arrow {
  margin: 0 auto 100px;
  width: 15px;
}

.pb-h1 {
  color: #3b4752;
  margin-bottom: 30px;
}

.pb-1 {
  color: #959595;
  font-size: 0.8em;
  max-width: 700px;
  line-height: 1.6;
  margin: 0 auto 40px;
}

.pb-step,
.pb-step-2 {
  background-color: #3b4752;
  padding: 5px 10px 2px;
  width: 135px;
  border-radius: 20px;
  color: #fff;
  margin: 0 auto 10px;
  font-weight: 700;
  font-size: 0.8em;
}

.pb-step-2 {
  margin: 150px auto 10px;
}

.step-title {
  color: #3b4752;
  margin: 0 auto 20px;
}

.pb-step-details {
  max-width: 800px;
  margin: 0 auto 40px;
  color: #959595;
  font-size: 0.8em;
  line-height: 1.6;
}

.pb-animation-box {
  width: 100%;
  display: flex;
  margin-top: -30px;
  justify-content: center;
  align-items: center;
}

.ab-four {
  margin-top: 35px;
}

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

.pb-box-h1 {
  position: absolute;
  font-size: 140px;
  left: -50px;
  bottom: 270px;
  color: #eaeaea;
  transform: rotate(-90deg);
  display: flex;
  align-items: center;
}

.tl-dot {
  width: 20px;
  margin-top: -12px;
  margin-left: 25px;
}

.pb-line {
  position: absolute;
  left: 0;
  bottom: 200px;
  border-right: dashed 2px #a1a1a1;
  width: 238px;
  height: 4440px;
}

.animation-btn {
  outline: 0;
  font-size: 0.85em;
  font-family: HelveticaNeueLTStd-Bd, Helvetica, Arial, sans-serif;
  margin-top: 30px;
  border-radius: 30px;
  transition: 0.15s ease;
  cursor: pointer;
  background-color: #d36b60;
  color: #fff;
  display: flex;
  justify-content: center;
  width: 220px;
  height: 55px;
  border: 1px solid #d36b60;
  align-items: center;
  margin: 0 auto;
}

.animation-btn:hover {
  background-color: #fff;
  color: #d36b60;
}

.context-helper {
  height: 70px;
  width: 200px;
  background-color: #add8e6;
  color: #000;
  position: absolute;
  top: 0;
  right: 0;
}

.badge-text-container {
  display: flex;
  justify-content: center;
  position: absolute;
  top: 50px;
  left: 0;
  width: 100%;
  height: 215px;
  text-align: center;
}

.badge-text-container .badge-phrase {
  display: flex;
  justify-content: center;
  align-items: center;
}

.badge-text-container div {
  background-color: #fff;
}

.badge-text-container h1 {
  background-color: #fff;
  color: #3d4651;
  font-size: 60px;
}

.badge-text-container .white-to-transparent {
  background: #fff;
  background: linear-gradient(90deg, #fff 2%, rgba(255, 255, 255, 0.950035) 10%, rgba(255, 255, 255, 0.855004) 20%, rgba(255, 255, 255, 0.755004) 30%, rgba(255, 255, 255, 0.655004) 40%, rgba(255, 255, 255, 0.555004) 50%, rgba(255, 255, 255, 0.455004) 60%, rgba(255, 255, 255, 0.345788) 70%, rgba(255, 255, 255, 0.355004) 80%, rgba(255, 255, 255, 0.205004) 90%, rgba(255, 255, 255, 0.0857878) 100%);
  z-index: 10;
  height: 215px;
  width: 160px;
}

.badge-text-container .transparent-to-white {
  z-index: 10;
  background: #fff;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.0857878) 2%, rgba(255, 255, 255, 0.205004) 10%, rgba(255, 255, 255, 0.355004) 20%, rgba(255, 255, 255, 0.345788) 30%, rgba(255, 255, 255, 0.455004) 40%, rgba(255, 255, 255, 0.555004) 50%, rgba(255, 255, 255, 0.655004) 60%, rgba(255, 255, 255, 0.755004) 70%, rgba(255, 255, 255, 0.855004) 80%, rgba(255, 255, 255, 0.950035) 90%, #fff 100%);
  height: 215px;
  width: 160px;
}

.try-container-h {
  background-color: #fff;
  padding: 50px 0;
}

.try-li-h {
  display: block;
  box-sizing: border-box;
  flex: 0 0 200px;
  height: 100%;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin: 0 -10px;
}

.try-li-h img {
  width: 160px;
}

.try-slide-home {
  width: 5000px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  margin: 0;
  padding: 0;
}

.roi-calc-exp {
  width: 100%;
  padding: 80px 40px 100px;
  background-color: #d85a53;
  border-bottom: 1px solid #212121;
}

.roi-calc-cont {
  max-width: 1200px;
  margin: 0 auto 250px;
  color: #fff;
  z-index: 50;
  text-align: center;
}

.roi-calc-cont h1 {
  font-size: 2.77em;
  margin-bottom: 25px;
}

.roi-calc-cont p {
  font-size: 0.85em;
  max-width: 750px;
  margin: 0 auto 50px;
}

.roi-calc-cont .roi-btn {
  outline: 0;
  font-size: 0.85em;
  font-family: HelveticaNeueLTStd-Bd, Helvetica, Arial, sans-serif;
  margin-top: 30px;
  border-radius: 30px;
  transition: 0.15s ease;
  cursor: pointer;
  background-color: #fff;
  color: #d36b60;
  display: flex;
  justify-content: center;
  width: 170px;
  height: 45px;
  border: 1px solid #fff;
  align-items: center;
  margin: 0 auto;
}

.roi-calc-cont .roi-btn a {
  padding: 0 !important;
  text-decoration: none;
}

.roi-calc-cont .roi-btn:hover {
  background-color: #d36b60;
  color: #fff;
}

.cta-wave {
  position: absolute;
  bottom: -1px;
  right: 0;
  z-index: 5;
  width: 105% !important;
  max-width: 105%;
}

.gartner-b2b-wrapper {
  width: 100%;
  margin-top: -1px;
  padding: 0 50px;
  background-color: #242424;
}

.gartner-b2b-container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  max-width: 1200px;
  margin: 0 auto;
}

.gb-text {
  width: 40%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #fff;
}

.gb-text h3 {
  margin-bottom: 20px;
  font-size: 2.5em;
}

.gb-text p {
  margin-bottom: 20px;
  font-size: 0.8em;
}

.gb-text .g-div {
  margin-bottom: 30px;
  padding: 15px;
  border-radius: 5px;
  background-color: #383838;
  display: flex;
  flex-direction: row;
  align-items: center;
  text-align: left;
}

.gb-text .g-div img {
  width: 80px;
}

.gb-text .g-div p {
  font-size: 0.7em;
  margin: 0 0 0 15px;
}

.gb-img {
  width: 45%;
  margin-top: 100px;
}

.gb-chart {
  z-index: 10;
}

.b2b-dots {
  position: absolute;
  top: -130px;
  right: -50px;
  z-index: 5;
  width: 420px;
}

.gartner-btn {
  outline: 0;
  font-size: 0.85em;
  font-family: HelveticaNeueLTStd-Bd, Helvetica, Arial, sans-serif;
  margin-top: 30px;
  border-radius: 30px;
  transition: 0.15s ease;
  cursor: pointer;
  background-color: #d36b60;
  color: #fff;
  display: flex;
  justify-content: center;
  width: 150px;
  height: 45px;
  border: 1px solid #d36b60;
  align-items: center;
  margin: 0;
}

.gartner-btn a {
  padding: 0 !important;
  text-decoration: none;
}

.gartner-btn:hover {
  background-color: #fff;
  color: #d36b60;
}

.d-cta-wrapper {
  background-color: #d85a53;
  text-align: center;
  color: #fff;
  padding: 20px 50px 40px;
}
.d-cta-wrapper h2 {
  font-size: 6.25em;
  font-family: "Helvetica Neue", sans-serif;
  font-weight: 100;
  letter-spacing: 5px;
  margin-top: 85px;
}

.d-cta-wrapper h3 {
  margin: 0 auto;
  font-size: 2.5em;
  line-height: 1.2em;
  font-weight: bold;
  font-family: "Helvetica Neuw", sans-serif;
  margin-bottom: 60px;
  margin-top: 30px;
  max-width: 1000px;
}
@media (max-width: 1024px) {
  .d-cta-wrapper h3 {
    max-width: 90%;
  }
}
@media (max-width: 800px) {
  .d-cta-wrapper h3 {
    font-size: 2em;
  }
}

.cta-dot-top {
  position: absolute;
  top: -15px;
  right: -30px;
  width: 320px;
}

.cta-dot-bot {
  position: absolute;
  bottom: -20px;
  left: -30px;
  width: 320px;
}

.d-cta-container {
  display: flex;
  justify-content: center;
  max-width: 1400px;
  margin: 0 auto;
}

.d-cta-one {
  width: 450px;
  padding: 30px 55px 30px;
  background-color: #242424;
  border-radius: 50px;
  display: flex;
  flex-direction: column;
}

.d-cta-one h2 {
  color: #fff;
  margin-bottom: 25px;
}

.d-cta-one .roi-btn {
  outline: 0;
  font-size: 0.85em;
  font-family: HelveticaNeueLTStd-Bd, Helvetica, Arial, sans-serif;
  border-radius: 50px;
  transition: 0.15s ease;
  cursor: pointer;
  background-color: #3b4752;
  color: #fff;
  display: flex;
  justify-content: center;
  width: 180px;
  height: 55px;
  border: 1px solid #3b4752;
  align-items: center;
  margin: 30px auto 0;
}

.d-cta-one .roi-btn a {
  padding: 0 !important;
  text-decoration: none;
}

.d-cta-one .roi-btn:hover {
  background-color: #fff;
  color: #d36b60;
  border-color: #d36b60;
}

.footer-cta-wrapper .roi-btn {
  cursor: pointer;
  background-color: #3b4752;
  color: #fff;
  border: 1px solid #3b4752;
  margin: 30px auto 0;
  margin-bottom: 160px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  font-family: "Helvetica Neue", sans-serif;
  font-weight: bold;
  width: 221px;
  height: 66px;
  border-radius: 52px;
  transition: 0.15s ease;
}
@media (max-width: 800px) {
  .footer-cta-wrapper .roi-btn {
    padding: 10px 20px;
    margin-bottom: 10px;
  }
}
.footer-cta-wrapper .roi-btn:hover {
  background-color: #fff;
  color: #d36b60;
  border-color: #d36b60;
}

.d-cta-two {
  width: 450px;
  padding: 30px 55px 30px;
  border-radius: 50px;
  display: flex;
  flex-direction: column;
  background-color: #fff;
  color: #959595;
  flex-direction: column;
  margin-left: 40px;
}

.d-cta-two h2 {
  color: #000 !important;
  margin-bottom: 25px;
}

.d-cta-two .roi-btn {
  outline: 0;
  font-size: 0.85em;
  font-family: HelveticaNeueLTStd-Bd, Helvetica, Arial, sans-serif;
  border-radius: 50px;
  transition: 0.15s ease;
  cursor: pointer;
  background-color: #d36b60;
  color: #fff;
  display: flex;
  justify-content: center;
  width: 180px;
  height: 55px !important;
  border: 1px solid #d36b60;
  align-items: center;
  margin: 30px auto 0;
}

.d-cta-two .roi-btn a {
  padding: 0 !important;
  text-decoration: none;
}

.d-cta-two .roi-btn:hover {
  background-color: #fff;
  color: #d36b60;
  border-color: #d36b60;
}

.gs {
  margin-top: 10px;
  color: #d36b60;
  font-size: 1.2em;
}

.ipad-wrapper {
  text-align: center;
  padding: 80px 0;
}

.ipad-wrapper p {
  color: #959595;
  font-size: 0.9em;
  line-height: 1.6;
  max-width: 950px;
  padding: 0 25px;
  margin: 0 auto 40px;
}

.ipad-h4 {
  color: #3d4751;
  max-width: 950px;
  padding: 0 25px;
  font-size: 2.8em;
  margin: 0 auto 10px;
}

.ipad-img-container {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.left-ipad {
  position: absolute;
  left: 0;
  bottom: 30px;
  width: 580px;
  z-index: 10;
}

.right-ipad {
  position: absolute;
  right: 0;
  bottom: 20px;
  width: 570px;
  z-index: 10;
}

.ipad-center {
  width: 1200px;
  z-index: 5;
  opacity: 0;
}

@media (max-width: 2000px) {
  .ipad-center {
    width: 1100px;
  }
}
@media (max-width: 1920px) {
  .right-ipad {
    width: 520px;
    bottom: 40px;
  }
  .left-ipad {
    bottom: 35px;
    width: 530px;
  }
}
@media (max-width: 1820px) {
  .ipad-center {
    width: 1000px;
  }
  .right-ipad {
    bottom: 10px;
  }
  .left-ipad {
    bottom: -10px;
  }
}
@media (max-width: 1740px) {
  .right-ipad {
    bottom: 40px;
    width: 470px;
  }
  .left-ipad {
    bottom: 40px;
    width: 480px;
  }
}
@media (max-width: 1650px) {
  .right-ipad {
    bottom: 90px;
    width: 430px;
  }
  .left-ipad {
    bottom: 70px;
    width: 440px;
  }
}
@media (max-width: 1580px) {
  .right-ipad {
    bottom: 30px;
    width: 430px;
  }
  .left-ipad {
    bottom: 20px;
    width: 440px;
  }
  .ipad-center {
    width: 900px;
  }
}
@media (max-width: 1500px) {
  .right-ipad {
    bottom: 80px;
    width: 380px;
  }
  .left-ipad {
    bottom: 80px;
    width: 390px;
  }
}
@media (max-width: 1410px) {
  .right-ipad {
    bottom: 50px;
    width: 360px;
  }
  .left-ipad {
    bottom: 40px;
    width: 370px;
  }
  .ipad-center {
    width: 800px;
  }
}
@media (max-width: 1300px) {
  .right-ipad {
    bottom: 50px;
    width: 350px;
  }
  .left-ipad {
    bottom: 40px;
    width: 355px;
  }
  .ipad-center {
    width: 750px;
  }
}
@media (max-width: 1240px) {
  .right-ipad {
    bottom: 80px;
    width: 310px;
  }
  .left-ipad {
    bottom: 80px;
    width: 315px;
  }
  .ipad-center {
    width: 750px;
  }
}
@media (max-width: 1150px) {
  .right-ipad {
    bottom: 40px;
    width: 310px;
  }
  .left-ipad {
    bottom: 30px;
    width: 315px;
  }
  .ipad-center {
    width: 640px;
  }
}
@media (max-width: 1090px) {
  .right-ipad {
    bottom: 20px;
    width: 300px;
  }
  .left-ipad {
    bottom: 10px;
    width: 310px;
  }
  .ipad-center {
    width: 590px;
  }
}
@media (max-width: 1025px) {
  .right-ipad {
    bottom: 20px;
    width: 290px;
  }
  .left-ipad {
    bottom: 5px;
    width: 300px;
  }
  .ipad-center {
    width: 540px;
  }
}
@media (max-width: 970px) {
  .right-ipad {
    bottom: 20px;
    width: 260px;
  }
  .left-ipad {
    bottom: 10px;
    width: 265px;
  }
  .ipad-center {
    width: 540px;
  }
}
@media (max-width: 900px) {
  .ipad-center {
    width: 460px;
  }
}
@media (max-width: 850px) {
  .right-ipad {
    bottom: 10px;
    width: 230px;
  }
  .left-ipad {
    bottom: 5px;
    width: 240px;
  }
}
@media (max-width: 800px) {
  .right-ipad {
    bottom: 30px;
    width: 205px;
  }
  .left-ipad {
    bottom: 26px;
    width: 210px;
  }
}
@media (max-width: 745px) {
  .right-ipad {
    bottom: 30px;
    width: 205px;
  }
  .left-ipad {
    bottom: 26px;
    width: 210px;
  }
  .ipad-center {
    width: 400px;
  }
}
@media (max-width: 700px) {
  .right-ipad {
    bottom: 30px;
    width: 180px;
  }
  .left-ipad {
    bottom: 24px;
    width: 185px;
  }
  .ipad-center {
    width: 400px;
  }
}
@media (max-width: 650px) {
  .right-ipad {
    bottom: 10px;
    width: 180px;
  }
  .left-ipad {
    bottom: 4px;
    width: 185px;
  }
  .ipad-center {
    width: 340px;
  }
}
@media (max-width: 610px) {
  .right-ipad {
    bottom: 20px;
    width: 160px;
  }
  .left-ipad {
    bottom: 13px;
    width: 165px;
  }
  .ipad-center {
    width: 340px;
  }
}
@media (max-width: 570px) {
  .right-ipad {
    bottom: 0;
    width: 160px;
  }
  .left-ipad {
    bottom: -5px;
    width: 165px;
  }
  .ipad-center {
    width: 290px;
  }
}
@media (max-width: 535px) {
  .right-ipad {
    bottom: 20px;
    width: 140px;
  }
  .left-ipad {
    bottom: 10px;
    width: 145px;
  }
  .ipad-center {
    width: 290px;
  }
}
@media (max-width: 495px) {
  .right-ipad {
    bottom: 30px;
    width: 160px;
    right: -60px;
  }
  .left-ipad {
    bottom: 25px;
    width: 165px;
    left: -60px;
  }
  .ipad-center {
    width: 340px;
  }
}
@media (max-width: 455px) {
  .right-ipad {
    bottom: 30px;
    width: 160px;
    right: -75px;
  }
  .left-ipad {
    bottom: 25px;
    width: 165px;
    left: -75px;
  }
  .ipad-center {
    width: 340px;
  }
}
@media (max-width: 420px) {
  .right-ipad {
    bottom: 30px;
    width: 140px;
    right: -75px;
  }
  .left-ipad {
    bottom: 25px;
    width: 145px;
    left: -75px;
  }
  .ipad-center {
    width: 340px;
  }
}
@media (max-width: 380px) {
  .right-ipad {
    bottom: 30px;
    width: 145px;
    right: -75px;
  }
  .left-ipad {
    bottom: 25px;
    width: 150px;
    left: -75px;
  }
  .ipad-center {
    width: 290px;
  }
}
@media (max-width: 350px) {
  .right-ipad {
    bottom: 30px;
    width: 125px;
    right: -75px;
  }
  .left-ipad {
    bottom: 25px;
    width: 130px;
    left: -75px;
  }
  .ipad-center {
    width: 290px;
  }
}
.hero-journey-wrapper {
  padding: 100px 25px 60px;
}

.hero-name {
  font-style: italic;
}

.hero-container {
  display: flex;
  align-items: flex-end;
  height: 445.5px;
  border-radius: 5px;
  max-width: 1400px;
  margin: 0 auto;
  z-index: 5;
}

.hj-img {
  width: 523px;
  z-index: 10;
}

.hj-text {
  height: 100%;
  display: flex;
  background-color: #242424;
  margin-left: -60px;
  flex-direction: column;
  justify-content: center;
  z-index: 5;
  padding: 10px 40px 0 80px;
}

.hj-text h1 {
  font-size: 180px;
  line-height: 5px;
  color: #414141;
}

.hj-text h4 {
  color: #fff;
  font-size: 40px;
  line-height: 36px;
  font-family: HelveticaNeueLTStd-Lt !important;
}

.hj-text p {
  color: #fff;
}

.hj-text img {
  width: 190px;
  margin-bottom: 20px;
}

.hj-btn {
  outline: 0;
  font-size: 0.85em;
  font-family: HelveticaNeueLTStd-Bd, Helvetica, Arial, sans-serif;
  border-radius: 50px;
  transition: 0.15s ease;
  cursor: pointer;
  background-color: #fff;
  color: #d36b60;
  display: flex;
  justify-content: center;
  width: 180px;
  height: 55px;
  border: 1px solid #fff;
  align-items: center;
  margin: 15px 0;
}

.hj-btn a {
  padding: 0 !important;
  text-decoration: none;
}

.hj-btn:hover {
  background-color: #d36b60;
  color: #fff;
  border-color: #d36b60;
}

.journey-img {
  width: 480px;
  z-index: 10;
}

.hero-dot {
  position: absolute;
  top: 0;
  right: 0;
  width: 280px;
  z-index: 10;
}

@media (max-width: 1800px) {
  .roi-calc-cont {
    margin: 0 auto 100px;
  }
}
@media (max-width: 1750px) {
  .header-aspot-bg {
    margin-top: -550px;
  }
}
@media (max-width: 1700px) {
  .pb-box-h1 {
    font-size: 140px;
    left: -140px;
    bottom: 270px;
  }
  .tl-dot {
    margin-top: -10px;
    margin-left: 25px;
  }
  .pb-line {
    bottom: 200px;
    width: 149px;
  }
}
@media (max-width: 1600px) {
  .header-aspot-bg {
    margin-top: -400px;
  }
  .pb-line {
    height: 4350px;
  }
}
@media (max-width: 1520px) {
  .new-way-expansion h1 {
    margin: 0 auto 60px;
  }
}
@media (max-width: 1500px) {
  .pb-box-h1 {
    font-size: 100px;
    left: -190px;
    bottom: 270px;
    margin-left: 50px;
  }
  .tl-dot {
    margin-top: -4px;
    margin-left: 25px;
  }
  .pb-line {
    bottom: 270px;
    width: 73px;
    height: 4185px;
  }
}
@media (max-width: 1450px) {
  .header-aspot-bg {
    margin-top: -300px;
  }
}
@media (max-width: 1350px) {
  .social-container {
    margin-top: -150px;
  }
  .social-container img {
    max-width: 350px;
  }
  .story-text {
    margin-top: 100px;
  }
  .badge-text-container {
    height: 137px;
  }
  .badge-text-container h1 {
    font-size: 60px;
  }
  .badge-text-container .white-to-transparent {
    height: 137px;
  }
  .badge-text-container .transparent-to-white {
    height: 137px;
  }
  .try-li-h {
    margin: 0 -40px;
  }
  .try-li-h img {
    width: 100px;
  }
}
@media (max-width: 1300px) {
  .hero-journey-wrapper {
    padding: 120px 90px 50px;
  }
  .pb-box-h1 {
    font-size: 80px;
    left: -180px;
    bottom: 270px;
    margin-left: 50px;
  }
  .tl-dot {
    width: 20px;
    margin-top: -13px;
    margin-left: 25px;
  }
  .pb-line {
    bottom: 270px;
    width: 39px;
    height: 4140px;
  }
}
@media (max-width: 1226px) {
  .story-text h4 {
    font-size: 30px !important;
    margin-top: auto;
  }
  .story-text h1 {
    font-size: 120px;
  }
  .hj-text h1 {
    font-size: 150px;
  }
  .hj-text h4 {
    font-size: 28px;
    line-height: 32px;
  }
}
@media (max-width: 1200px) {
  .social-container {
    margin-top: -150px;
  }
  .social-container img {
    max-width: 300px;
  }
  .social-container .middle-social {
    margin: 0 40px;
  }
  #container-js,
#container-js-five,
#container-js-four,
#container-js-three,
#container-js-two {
    max-width: 750px;
    margin: 0 auto;
    height: auto;
  }
  #container-js-three,
#container-js-two {
    margin-top: -40px;
    max-width: 500px;
  }
  .playbook .pb-growth {
    font-size: 120px;
  }
  .pb-step-details {
    max-width: 700px;
  }
  .pb-box-h1 {
    font-size: 100px;
    left: -190px;
    bottom: 270px;
    margin-left: 50px;
    margin-bottom: -20px;
  }
  .tl-dot {
    width: 20px;
    margin-top: -11px;
    margin-left: 25px;
  }
  .pb-line {
    bottom: 270px;
    width: 70px;
    height: 3473px;
  }
}
@media (max-width: 1150px) {
  .header-aspot-bg {
    margin-top: -200px;
  }
  .badge-text-container h1 {
    font-size: 45px;
  }
  .d-cta-one,
.d-cta-two {
    padding: 50px;
  }
  .d-cta-two {
    margin-left: 25px;
  }
}
@media (max-width: 1140px) {
  .home-header {
    padding-top: 180px;
  }
}
@media (max-width: 1120px) {
  .success-stories h1 {
    font-size: 2.2em;
  }
  .story-text h1 {
    font-size: 120px;
  }
}
@media (max-width: 1060px) {
  .gb-text h3 {
    font-size: 2em;
  }
  .hero-journey-wrapper {
    padding: 100px 90px;
  }
  .hero-container {
    flex-direction: column;
    height: auto;
    align-items: center;
  }
  .journey-img {
    width: 670px;
    margin-bottom: 0;
  }
  .hj-text {
    width: 603px;
    padding: 90px 30px 90px 50px;
    margin-left: -66px;
  }
}
@media (max-width: 1035px) {
  .playbook {
    padding: 80px 100px;
  }
  .story-text h4 {
    font-size: 25px !important;
    margin-top: auto;
  }
  .pb-box-h1 {
    font-size: 80px;
    left: -280px;
    bottom: 270px;
    margin-left: 50px;
    margin-bottom: -20px;
  }
  .tl-dot {
    width: 20px;
    margin-top: -13px;
    margin-left: 25px;
  }
  .pb-line {
    bottom: 220px;
    width: 39px;
    height: 3405px;
  }
}
@media (max-width: 1030px) {
  .section {
    height: 800px;
  }
}
@media (max-width: 1010px) {
  .expansion-top-dot {
    width: 280px;
    left: -10px;
  }
  .expansion-bottom-dot {
    width: 280px;
    bottom: -160px;
    left: -10px;
  }
  .new-dot {
    width: 200px;
    bottom: -10px;
    left: -10px;
  }
  .new-way-expansion {
    padding: 0 25px 180px;
  }
  .new-way-expansion h1 {
    margin: 0 auto 50px;
    font-size: 2.8em;
  }
  .stat-single-cont-a,
.stat-single-cont-b {
    width: 100%;
    display: flex;
    justify-content: center;
  }
  .stat-single-cont-a {
    margin-bottom: 30px;
  }
}
@media (max-width: 1000px) {
  .story-text h2 {
    margin-top: 40px;
  }
  .social-container {
    margin-top: -100px;
    flex-wrap: wrap;
    justify-content: center;
  }
  .social-container img {
    max-width: 300px;
  }
  .social-container .middle-social {
    margin: 0 0 0 40px;
  }
  .story-img {
    margin-bottom: 70px;
  }
  .story-text {
    margin-top: 20px;
    margin-bottom: 70px;
  }
  .story-text .story-text-text {
    width: 100%;
  }
  .badge-text-container {
    height: 137px;
  }
  .badge-text-container h1 {
    font-size: 60px;
  }
  .badge-text-container .white-to-transparent {
    height: 137px;
  }
  .badge-text-container .transparent-to-white {
    height: 137px;
  }
  .try-li-h {
    margin: 0 -40px;
  }
  .try-li-h img {
    width: 100px;
  }
}
@media (max-width: 954px) {
  .story-text h4 {
    font-size: 25px !important;
    margin-top: auto;
  }
  .story-text {
    margin-top: 20px;
  }
  .logo-cta {
    padding: 450px 0 0 0;
  }
  .pb-box-h1 {
    display: none;
  }
  .pb-line {
    display: none;
  }
}
@media (max-width: 980px) {
  .d-cta-one,
.d-cta-two {
    width: 50%;
    padding: 30px 30px 40px;
  }
  .d-cta-one h1,
.d-cta-two h1 {
    font-size: 3.1em;
    margin-bottom: 20px;
  }
  .gs {
    margin-top: 15px;
  }
}
@media (max-width: 940px) {
  .logo-container img {
    margin-bottom: 20px;
  }
  .logo-cta h1 {
    font-size: 3em;
  }
  .social-container a {
    margin-bottom: 20px;
  }
}
@media (max-width: 900px) {
  .gartner-b2b-wrapper {
    width: 100%;
    padding: 0 50px;
  }
  .gartner-b2b-container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 1200px;
    margin: 0 auto;
  }
  .gb-text {
    width: 100%;
    order: 2;
  }
  .gb-text p {
    max-width: 600px;
  }
  .gb-text .g-div {
    max-width: 600px;
  }
  .gb-img {
    width: 100%;
    order: 1;
    margin-left: -15px;
  }
}
@media (max-width: 875px) {
  .hero-container {
    flex-direction: column;
    height: auto;
  }
  .journey-img {
    width: 450px;
    margin-bottom: 0;
  }
  .hj-text {
    width: 405px;
    padding: 90px 30px 90px 40px;
    margin-left: -45px;
  }
  .hero-journey-wrapper {
    padding: 70px 25px 50px;
  }
}
@media (max-width: 870px) {
  .d-cta-one p,
.d-cta-two p {
    font-size: 0.8em;
  }
  .gs {
    font-size: 1.1em !important;
  }
}
@media (max-width: 850px) {
  .badge-text-container {
    height: 91px;
  }
  .badge-text-container h1 {
    font-size: 35px;
  }
  .badge-text-container .white-to-transparent {
    height: 91px;
  }
  .badge-text-container .transparent-to-white {
    height: 91px;
  }
  .try-li-h {
    margin: 0 -60px;
  }
  .try-li-h img {
    width: 70px;
  }
  .success-stories h1 {
    font-size: 1.8em;
  }
  .story-text h1 {
    font-size: 120px;
  }
  .content-center h1 {
    font-size: 2.8em;
  }
  .roi-calc-cont h1 {
    font-size: 2.3em;
  }
  .pb-h1 {
    font-size: 2.1em;
  }
  .pb-1,
.pb-step-details {
    padding: 0 25px;
  }
  .pb-step-details {
    margin: 0 auto 25px;
  }
  .two-four {
    margin: 0 auto 40px;
  }
  .playbook {
    padding: 80px 0;
  }
  .playbook .pb-growth {
    margin: 0 auto -15px;
  }
}
@media (max-width: 810px) {
  .story-text h4 {
    font-size: 23px !important;
  }
}
@media (max-width: 800px) {
  .header-aspot-bg {
    margin-top: -100px;
  }
  .playbook .pb-growth {
    font-size: 90px;
  }
  .home-header h1 {
    font-size: 2em;
  }
}
@media (max-width: 780px) {
  .logo-container img {
    margin-bottom: 60px;
  }
  .story-img {
    margin-top: 10px;
  }
  .story-text h1 {
    font-size: 120px;
  }
  .story-text h4 {
    font-size: 20px !important;
    margin-top: auto;
  }
}
@media (max-width: 775px) {
  .section {
    height: 700;
  }
}
@media (max-width: 750px) {
  .success-stories h1 {
    font-size: 1.9em;
  }
  .success-stories .story-text h1 {
    font-size: 120px;
  }
  .success-stories .story-text h4 {
    font-size: 36px !important;
    margin-top: auto;
  }
  .success-story-container {
    padding: 0 50px;
  }
  .story-img,
.story-text {
    width: 100%;
  }
  .story-img {
    margin-bottom: 0;
  }
  .story-text {
    margin: -70px 0 70px;
  }
  .story-text .story-text-text {
    width: 85%;
  }
  .ss1 {
    order: 1;
  }
  .ss2 {
    order: 2;
  }
  .ss3 {
    order: 3;
  }
  .ss4 {
    order: 4;
  }
  .ss5 {
    order: 5;
  }
  .ss6 {
    order: 6;
  }
  .ss7 {
    order: 7;
  }
  .ss8 {
    order: 8;
  }
  .c-img-div {
    height: 30px;
    width: 30px;
  }
  .c-img-div .c-img {
    height: 20px;
    width: 20px;
  }
  .x-img-div {
    height: 30px;
    width: 30px;
  }
  .x-img-div .x-img {
    height: 20px;
    width: 20px;
  }
  .section h1 {
    margin: 0 auto 50px;
  }
}
@media (max-width: 735px) {
  .d-cta-one,
.d-cta-two {
    width: 330px;
    height: 310px;
    margin: 0;
  }
  .d-cta-one {
    margin-bottom: 30px;
  }
  .d-cta-container {
    flex-wrap: wrap;
  }
  .d-cta-wrapper {
    padding: 20px 25px 40px;
  }
}
@media (max-width: 720px) {
  .success-stories h1 {
    font-size: 1.6em;
  }
  .story-text h1 {
    font-size: 120px;
  }
  .new-way-expansion h1 {
    font-size: 2.4em;
  }
}
@media (max-width: 675px) {
  .home-header h1 {
    font-size: 2.6em;
  }
  .new-dot {
    width: 170px;
  }
  .logo-cta h1 {
    font-size: 2.4em;
  }
}
@media (max-width: 654px) {
  .logo-cta {
    padding: 650px 0 0;
  }
}
@media (max-width: 640px) {
  .social-container {
    margin-top: -60px;
    flex-wrap: wrap;
    justify-content: center;
  }
  .social-container img {
    max-width: 400px;
  }
  .social-container .middle-social {
    margin: 0;
  }
  .logo-cta {
    padding: 900px 0 0 0;
  }
}
@media (max-width: 600px) {
  .badge-text-container {
    height: 77px;
  }
  .badge-text-container h1 {
    font-size: 25px;
  }
  .badge-text-container .white-to-transparent {
    height: 77px;
    width: 80px;
  }
  .badge-text-container .transparent-to-white {
    height: 77px;
    width: 80px;
  }
  .ipad-h4 {
    font-size: 1.7em !important;
  }
  .try-li-h {
    margin: 0 -65px;
  }
  .try-li-h img {
    width: 60px;
  }
  .stat-single {
    width: 160px;
    height: auto;
  }
  .stat-single .stat-num {
    font-size: 2.2em;
  }
  .stat-single .stat-text {
    max-width: 140px;
  }
}
@media (max-width: 575px) {
  .section h1 {
    font-size: 2.2em;
  }
}
@media (max-width: 560px) {
  .new-way-expansion h1 {
    font-size: 2.3em;
  }
  .pb-h1 {
    font-size: 1.7em;
  }
}
@media (max-width: 550px) {
  .story-text .story-text-text {
    width: 100%;
  }
  .gartner-b2b-wrapper {
    padding: 10px 25px 10px;
  }
  .success-stories h1 {
    font-size: 1.6em;
  }
  .success-stories .story-text h1 {
    font-size: 120px;
  }
  .success-stories .story-text h4 {
    font-size: 25px !important;
    margin-top: auto;
  }
  .roi-calc-cont {
    margin: 0 auto 20px;
  }
  .success-story-container {
    padding: 0 25px;
  }
}
@media (max-width: 534px) {
  .logo-container {
    display: none;
  }
  .grey-logo-slider {
    padding: 0 30px;
    display: block;
    margin: 0 auto 100px;
  }
}
@media (max-width: 525px) {
  .logo-cta h1 {
    font-size: 1.8em;
  }
  .journey-img {
    width: 350px;
  }
  .hj-text {
    width: 315px;
    margin-left: -36px;
  }
}
@media (max-width: 500px) {
  .c-img-div {
    height: 30px;
    width: 30px;
    top: -10px;
    right: -2px;
  }
  .c-img-div .c-img {
    width: 20px;
  }
  .x-img-div {
    height: 30px;
    width: 30px;
    top: -10px;
    right: -2px;
  }
  .x-img-div .x-img {
    width: 20px;
  }
  .section h1 {
    margin: 100px auto 50px;
  }
  .section {
    height: 700px;
  }
}
@media (max-width: 485px) {
  .story-text h4 {
    font-size: 25px !important;
    margin-top: auto;
  }
  .story-text h1 {
    font-size: 100px;
  }
}
@media (max-width: 470px) {
  .social-container {
    margin-top: -30px;
  }
}
@media (max-width: 450px) {
  .header-aspot-bg {
    margin-top: 0;
  }
}
@media (max-width: 435px) {
  .social-container img {
    max-width: 300px;
  }
  .logo-cta {
    padding: 730px 0 0 0;
  }
  .stat-single {
    margin: 0;
  }
  .stat-sing-marg {
    margin-left: 10px;
  }
  .stat-single-cont-a {
    margin-bottom: 15px;
  }
  .stat-single-cont-b {
    margin-bottom: 0;
  }
  .new-way-expansion {
    padding: 0 25px 160px;
  }
  .playbook .pb-growth {
    font-size: 70px;
  }
  .pb-h1 {
    font-size: 1.4em;
  }
}
@media (max-width: 415px) {
  .story-text {
    margin: -40px 0 70px;
  }
  .story-text h4 {
    font-size: 22px !important;
    margin-top: auto;
  }
  .story-text h1 {
    font-size: 100px;
  }
  .home-header h1 {
    font-size: 2em;
  }
  .hero-journey-wrapper {
    padding: 60px 15px 60px 25px;
  }
  .journey-img {
    width: 300px;
    z-index: 20;
  }
  .hj-text {
    width: 275px;
    margin-left: -30px;
  }
  .hero-dot {
    z-index: 0;
  }
}
@media (max-width: 400px) {
  .badge-text-container {
    height: 65px;
  }
  .badge-text-container h1 {
    font-size: 22px;
  }
  .badge-text-container .white-to-transparent {
    height: 65px;
    width: 80px;
  }
  .badge-text-container .transparent-to-white {
    height: 65px;
    width: 80px;
  }
  .grey-logo-slider {
    padding: 0 45px;
  }
  .try-li-h {
    margin: 0 -70px;
  }
  .try-li-h img {
    width: 50px;
  }
  .underline-new {
    border-bottom: 7px solid #57a689;
  }
  .underline-old {
    border-bottom: 7px solid #d36a61;
  }
  .section h1 {
    font-size: 1.9em;
  }
}
@media (max-width: 376px) {
  .success-stories .story-text {
    margin: -40px 0 70px;
  }
  .success-stories .story-text h4 {
    font-size: 18px !important;
    margin-top: auto;
  }
  .success-stories .story-text h1 {
    font-size: 100px;
  }
  .home-header .red-square {
    width: 135px;
  }
  .home-header .header-buttons .btn-see-it-live {
    width: 135px;
  }
  .red-inverted-square {
    width: 145px;
  }
  .hj-text {
    width: 270px;
    margin-left: -30px;
  }
}
@media (max-width: 340px) {
  .social-container img {
    max-width: 250px;
  }
  .logo-cta {
    padding: 620px 0 0 0;
  }
}
.mobile-menu-sub .mobile-menu-sub {
  margin-left: 1rem;
}

.notification_bar_light div,
.notification_bar_dark div {
  margin: auto;
  font-size: 1rem;
}

.notification_bar_light div:first-child,
.notification_bar_dark div:first-child {
  margin-left: 2rem;
}

.notification_bar_light,
.notification_bar_dark {
  display: flex;
  height: 70px;
  color: white;
}

.notification_bar_light {
  background-color: #2d2f33;
}

.notification_bar_dark {
  background-color: #e2635c;
}

.notification_bar-button {
  display: inline-flex;
}

.gp-wrapper {
  width: 100%;
  display: flex;
  justify-content: center;
  z-index: 1148000002;
  color: white;
}

.general-popup {
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  width: 80%;
  max-width: 800px;
  background-color: white;
  padding: 2rem;
  border-radius: 10px;
  box-shadow: 0 3rem 5rem rgba(0, 0, 0, 0.3);
  z-index: 1148000003;
}

.general-popup .gp-title {
  display: flex;
  text-align: center;
  padding: 4rem 6rem 2rem 6rem;
}

.general-popup .gp-body {
  display: flex;
  text-align: center;
  padding: 2rem 6rem 2rem 6rem;
}

.general-popup .gp-close {
  display: flex;
  justify-content: end;
}

.general-popup-overlay {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  z-index: 1148000001;
}

.general-popup-hidden {
  display: none;
}

@media screen and (max-width: 1200px) {
  .general-popup .gp-title,
.general-popup .gp-body {
    padding: 2rem;
  }
}
.form-with-no-btn-wrapper {
  display: flex;
  gap: 2rem;
  width: 100%;
  justify-content: center;
}

.interactive-button-no {
  display: block;
  background-color: rgb(0, 122, 135);
  border: 0px none #000000;
  border-radius: 8px;
  color: #ffffff;
  font-size: 16px;
  font-family: arial, helvetica, sans-serif;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  padding-top: 12px;
  padding-right: 18px;
  padding-bottom: 12px;
  padding-left: 18px;
  width: 210px;
  text-align: center;
  line-height: 1.15;
  text-transform: capitalize;
}

.btn {
  display: inline-block;
  padding: 14px 42px;
  border-radius: 30px;
  background-color: #3b4752;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  cursor: pointer;
  transition: background-color 0.3s;
  border: 1px solid transparent;
}
.btn:hover {
  color: #2a3440;
  background-color: #fff;
  border-color: #2a3440;
}
.btn-drak {
  background-color: #2c2c2c;
}
.btn-drak:hover {
  color: #2a3440;
  background-color: #fff;
  border-color: #2a3440;
}
.btn-primary {
  background-color: #e2635c;
  border-color: #e2635c;
}
.btn-primary:hover {
  color: #e2635c;
  background-color: #fff;
  border-color: #e2635c;
}

body.homepage {
  background-color: #f8f8f9;
}

@media screen and (max-width: 767.98px) {
  #contact-us-form,
#request-demo {
    width: 90%;
    padding: 30px 10px 30px 10px;
  }
  #contact-us-form .request-demo-header h2,
#request-demo .request-demo-header h2 {
    padding-left: 10px;
  }
}
.new-way-expansion,
.try-container-h,
.ipad-wrapper,
.accordian-container,
.testimonials-section,
.Integrate-section,
.blog-section {
  overflow: hidden;
}

.about-us {
  overflow: unset;
}

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}

.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}

.mfp-preloader a {
  color: #CCC;
}

.mfp-preloader a:hover {
  color: #FFF;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}

.mfp-close:hover, .mfp-close:focus {
  opacity: 1;
}

.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.mfp-arrow:active {
  margin-top: -54px;
}

.mfp-arrow:hover, .mfp-arrow:focus {
  opacity: 1;
}

.mfp-arrow:before, .mfp-arrow:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}

.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}

.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}

.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}

.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 0;
}

.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}

.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}

.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}

.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}

.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}

.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
   * Remove all paddings around the image on small screen
   */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    transform-origin: 0;
  }
  .mfp-arrow-right {
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.module-trusted-by-brands {
  overflow: hidden;
  background-color: #fff;
  z-index: 0;
  padding: 70px 0 70px;
}
@media (max-width: 619.98px) {
  .module-trusted-by-brands {
    padding: 40px 0 70px;
  }
}
.homepage .module-trusted-by-brands, .homepage-dark .module-trusted-by-brands {
  padding: 200px 0 0 0;
}
@media (max-width: 939.98px) {
  .homepage .module-trusted-by-brands, .homepage-dark .module-trusted-by-brands {
    padding-top: 540px;
  }
}
@media (max-width: 619.98px) {
  .homepage .module-trusted-by-brands, .homepage-dark .module-trusted-by-brands {
    padding-top: 900px;
  }
}
.module-trusted-by-brands header {
  display: flex;
  flex: 0 1 auto;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 50px;
}
.module-trusted-by-brands header .line-left, .module-trusted-by-brands header .line-right {
  display: flex;
  width: 100%;
  background-color: #3b4752;
  height: 1px;
}
.module-trusted-by-brands header h2 {
  display: flex;
  position: relative;
  margin-left: 2.25rem;
  margin-right: 2.25rem;
  min-width: -moz-fit-content;
  min-width: fit-content;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 500;
  color: #3b4752;
}
@media (max-width: 575.98px) {
  .module-trusted-by-brands header h2 {
    text-align: center;
  }
}
.module-trusted-by-brands ul {
  list-style: none;
}
.module-trusted-by-brands ul li {
  list-style: none;
  align-items: center;
  border-radius: 5px;
  box-sizing: border-box;
  display: block;
  height: 100%;
  justify-content: center;
  margin: 0 20px;
  text-align: center;
}

.module-product-section .container {
  max-width: 1086px;
  margin: 0 auto;
  padding: 100px 20px 100px 20px;
  overflow: hidden;
}
.module-product-section .container header {
  text-align: center;
  max-width: 900px;
  margin: 0 auto 88px auto;
}
@media (max-width: 575.98px) {
  .module-product-section .container header {
    margin-bottom: 50px;
  }
}
.module-product-section .container header h2 {
  font-size: 40px;
  line-height: 45px;
  color: #3b4752;
}
@media (max-width: 575.98px) {
  .module-product-section .container header h2 {
    font-size: 2em;
    line-height: normal;
  }
}
.module-product-section .container .xitem {
  background-color: #fff;
  padding: 33px 36px;
  border-radius: 25px;
  display: flex;
  gap: 77px;
  align-items: center;
  margin-bottom: 40px;
}
@media (max-width: 767.98px) {
  .module-product-section .container .xitem {
    flex-direction: column;
    gap: 30px;
  }
}
.module-product-section .container .xitem .xitem-left {
  width: 410px;
}
@media (max-width: 767.98px) {
  .module-product-section .container .xitem .xitem-left {
    width: 100%;
  }
}
.module-product-section .container .xitem .xitem-left video,
.module-product-section .container .xitem .xitem-left image {
  width: 100%;
  height: auto;
  max-width: 100%;
}
.module-product-section .container .xitem .xitem-left svg {
  border-radius: 20px;
}
.module-product-section .container .xitem .xitem-left .gifImageUrl {
  width: 100%;
  height: auto;
  max-width: 100%;
  background-color: #e9eaee;
  border-radius: 20px;
  padding: 30px;
}
.module-product-section .container .xitem .xitem-left .gifImageUrl img {
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1607843137);
}
.module-product-section .container .xitem .xitem-left .videoUrl {
  width: 100%;
  height: auto;
  max-width: 100%;
  background-color: #e9eaee;
  border-radius: 20px;
  padding: 30px;
}
@media (min-width: 768px) {
  .module-product-section .container .xitem .xitem-content {
    width: 50%;
  }
}
.module-product-section .container .xitem .xitem-content h5 {
  color: #3b4752;
  font-size: 34px;
  line-height: 41px;
  margin-bottom: 23px;
}
@media (max-width: 767.98px) {
  .module-product-section .container .xitem .xitem-content h5 {
    font-size: 1.563em;
    line-height: normal;
  }
}
.module-product-section .container .xitem .xitem-content p {
  color: #242424;
  font-size: 18px;
  line-height: 22px;
  font-family: "Helvetica Neue", sans-serif;
}
.module-product-section .container .xitem .xitem-content .btn {
  margin-top: 46px;
  padding: 16px 50px;
  font-size: 15px;
  line-height: 15px;
  text-transform: capitalize;
}
@media (min-width: 768px) {
  .module-product-section .container .xitem.reverse-order .xitem-left {
    order: 9999;
  }
}
@media (min-width: 768px) {
  .module-product-section .container .xitem.reverse-order .xitem-content {
    order: -9999;
  }
}

.module-testimonials {
  background-color: #F8F8F9;
  /* Mobile Slick Slider Layout */
  /* Responsive Behavior */
}
.module-testimonials .module-testimonials-wrap {
  max-width: 1185px;
  margin: 0 auto;
  padding: 80px 15px 120px 15px;
  overflow: hidden;
}
@media (max-width: 767.98px) {
  .module-testimonials .module-testimonials-wrap {
    padding-top: 60px;
    padding-bottom: 80px;
  }
}
.module-testimonials .section-header {
  text-align: center;
  margin-bottom: 60px;
}
@media (max-width: 767.98px) {
  .module-testimonials .section-header {
    margin-bottom: 35px;
  }
}
.module-testimonials .section-header h2 {
  font-size: 40px;
  margin-bottom: 80px;
  color: #3B4752;
}
@media (max-width: 767.98px) {
  .module-testimonials .section-header h2 {
    font-size: 2em;
    line-height: normal;
    margin-bottom: 0;
  }
}
.module-testimonials .section-header p {
  font-size: 1.1rem;
  color: rgba(255, 255, 255, 0.8);
}
.module-testimonials .testimonials-container {
  display: flex;
  gap: 20px;
  position: relative;
  height: 600px;
  margin-bottom: 115px;
}
.module-testimonials .testimonials-container::before {
  content: "";
  width: 100%;
  height: 50px;
  background: transparent linear-gradient(180deg, #F8F8F9 0%, rgba(255, 255, 255, 0) 100%) 0% 0% no-repeat padding-box;
  position: absolute;
  top: 0;
  z-index: 2;
}
.module-testimonials .testimonials-container:after {
  content: "";
  width: 100%;
  height: 50px;
  background: transparent linear-gradient(180deg, #F8F8F9 0%, rgba(255, 255, 255, 0) 100%) 0% 0% no-repeat padding-box;
  transform: matrix(-1, 0, 0, -1, 0, 0);
  position: absolute;
  bottom: 0;
  z-index: 2;
}
.module-testimonials .testimonial-column {
  display: flex;
  flex-direction: column;
  gap: 20px;
  flex: 1;
  min-width: 0;
  position: relative;
}
.module-testimonials .column-wrapper {
  position: relative;
  width: 33.333%;
  height: 100%;
  overflow: hidden;
}
.module-testimonials .column-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;
  animation-duration: 25s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
.module-testimonials .column-content .quote {
  padding: 0 0 15px 0;
  color: #3B4752;
  font-size: 20px;
  line-height: 25px;
  font-weight: normal;
}
.module-testimonials .column-1 .column-content {
  animation-name: scrollDown;
}
.module-testimonials .column-2 .column-content {
  animation-name: scrollUp;
}
.module-testimonials .column-3 .column-content {
  animation-name: scrollDown;
}
@keyframes scrollDown {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(calc(-100% + 600px));
  }
}
@keyframes scrollUp {
  0% {
    transform: translateY(calc(-100% + 600px));
  }
  100% {
    transform: translateY(0);
  }
}
.module-testimonials .testimonial-card {
  background-color: #fff;
  border-radius: 12px;
  padding: 24px;
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
  min-height: 160px;
}
.module-testimonials .testimonial-card p {
  font-family: "Helvetica Neue", sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
}
.module-testimonials .testimonial-card:hover {
  transform: translateY(-5px);
  z-index: 10;
}
.module-testimonials .testimonial-card:hover::before {
  opacity: 1;
}
.module-testimonials .testimonial-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.13) 0%, rgb(255, 255, 255) 100%);
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 0;
  pointer-events: none;
}
.module-testimonials .card-content {
  position: relative;
  z-index: 1;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.module-testimonials .author {
  position: relative;
  height: 64px;
  display: flex;
  align-items: center;
}
@media (max-width: 575.98px) {
  .module-testimonials .author {
    margin-top: 15px;
  }
}
.module-testimonials .author .author-avatar {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  overflow: hidden;
  background-color: rgb(249, 249, 249);
  position: absolute;
  top: 0;
  left: 0;
}
@media (max-width: 575.98px) {
  .module-testimonials .author .author-avatar {
    width: 50px;
    height: 50px;
  }
}
.module-testimonials .author .author-info {
  padding-left: 85px;
}
@media (max-width: 575.98px) {
  .module-testimonials .author .author-info {
    padding-left: 65px;
  }
}
.module-testimonials .author .author-info .author-title {
  font-size: 14px;
  color: #3B4752;
  font-weight: bold;
  margin-bottom: 8px;
}
@media (max-width: 575.98px) {
  .module-testimonials .author .author-info .author-title {
    font-size: 12px !important;
  }
}
.module-testimonials .author .author-info p {
  color: #AFAFAF;
  font-size: 14px;
  line-height: 16px;
  margin: 0px;
  font-style: italic;
  font-weight: 500;
}
@media (max-width: 575.98px) {
  .module-testimonials .author .author-info p {
    font-size: 11px;
    line-height: normal;
  }
}
.module-testimonials .testimonial-footer {
  text-align: center;
}
.module-testimonials .testimonial-footer .btn-primary {
  font-size: 14px;
  line-height: normal;
  font-weight: bold;
  padding: 20px 70px;
  text-transform: none;
}
.module-testimonials .mobile-testimonials {
  display: none;
  margin-bottom: 50px;
}
.module-testimonials .mobile-testimonial-card {
  background-color: #fff;
  padding: 20px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  margin: 10px;
  height: auto;
  min-height: 200px;
}
.module-testimonials .mobile-testimonial-card .card-content .author .author-info .author-title {
  font-size: 14px;
  font-weight: bold;
  margin: 0 0 5px 0px;
  color: #3B4752;
}
@media (max-width: 575.98px) {
  .module-testimonials .mobile-testimonial-card .card-content .author .author-info .author-title {
    font-size: 12px;
    line-height: normal;
  }
}
.module-testimonials .mobile-testimonial-card .card-content .author .author-info p {
  color: #AFAFAF;
  font-size: 14px;
  line-height: 16px;
  margin: 0px;
  font-style: italic;
  font-weight: 500;
}
@media (max-width: 575.98px) {
  .module-testimonials .mobile-testimonial-card .card-content .author .author-info p {
    font-size: 11px;
    line-height: normal;
  }
}
@media (max-width: 992px) {
  .module-testimonials .desktop-testimonials {
    display: none;
  }
  .module-testimonials .mobile-testimonials {
    display: block;
  }
}
.module-testimonials .slick-dots {
  display: block !important;
}
@media (max-width: 575.98px) {
  .module-testimonials .slick-dots {
    position: static;
  }
}
.module-testimonials .slick-initialized .slick-slide {
  float: left;
  display: inline-block;
  vertical-align: middle;
}

@media (max-width: 1199.98px) {
  .module-casestudy-slider {
    padding: 0 15px;
  }
}
.module-casestudy-slider .container {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0px 0px 120px 0px;
  overflow: hidden;
}
@media (max-width: 767.98px) {
  .module-casestudy-slider .container {
    padding-bottom: 50px;
  }
}
.module-casestudy-slider .casestudy-for .casestudy-slide .casestudy {
  min-height: 490px;
  border-radius: 20px;
}
.module-casestudy-slider .casestudy-for .casestudy-wrap {
  display: flex;
  gap: 70px;
  padding: 32px 0 0 59px;
}
@media (max-width: 1199.98px) {
  .module-casestudy-slider .casestudy-for .casestudy-wrap {
    padding-right: 30px;
    padding-left: 30px;
  }
}
@media (max-width: 991.98px) {
  .module-casestudy-slider .casestudy-for .casestudy-wrap {
    flex-direction: column;
    gap: 30px;
    order: 1;
  }
}
@media (min-width: 992px) {
  .module-casestudy-slider .casestudy-for .casestudy-wrap .casestudy-left {
    width: 496px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
}
.module-casestudy-slider .casestudy-for .casestudy-wrap .casestudy-left img {
  max-width: 186px;
  margin-bottom: 22px;
}
.module-casestudy-slider .casestudy-for .casestudy-wrap .casestudy-left .casestudy-percentage {
  color: #fff;
  font-size: 100px;
  font-family: HelveticaNeueLTStd-Lt, Helvetica, Arial, sans-serif;
  line-height: 111px;
}
.module-casestudy-slider .casestudy-for .casestudy-wrap .casestudy-left .div-middle {
  margin: auto 0;
}
.module-casestudy-slider .casestudy-for .casestudy-wrap .casestudy-left .heading-h1 {
  font-size: 24px;
  font-weight: bold;
  color: #fff;
  margin: 0 0 15px 0;
}
.module-casestudy-slider .casestudy-for .casestudy-wrap .casestudy-left .heading-h2 {
  font-size: 18px;
  color: #fff;
}
.module-casestudy-slider .casestudy-for .casestudy-wrap .casestudy-left .casestudy-read-more {
  width: 100%;
  border-top: 2px solid #F5F6F6;
  padding: 29px 0 0 0;
}
@media (min-width: 992px) {
  .module-casestudy-slider .casestudy-for .casestudy-wrap .casestudy-left .casestudy-read-more {
    margin-top: 16px;
  }
}
@media (max-width: 991.98px) {
  .module-casestudy-slider .casestudy-for .casestudy-wrap .casestudy-left .casestudy-read-more {
    margin-top: 30px;
  }
}
.module-casestudy-slider .casestudy-for .casestudy-wrap .casestudy-left .casestudy-read-more a {
  color: #fff;
  font-size: 18px;
  display: flex;
  padding-right: 27px;
  display: inline-block;
  position: relative;
}
.module-casestudy-slider .casestudy-for .casestudy-wrap .casestudy-left .casestudy-read-more a svg {
  position: absolute;
  top: 7px;
  right: 0;
}
.module-casestudy-slider .casestudy-for .casestudy-wrap .casestudy-right .s-single-image img {
  border-radius: 20px;
}
@media (max-width: 991.98px) {
  .module-casestudy-slider .casestudy-for .casestudy-wrap .casestudy-right .s-single-image img {
    width: 100%;
    height: 100%;
  }
}
.module-casestudy-slider .casestudy-for .casestudy-wrap .casestudy-right .s-imageVideoWraper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  position: relative;
  height: 427px;
}
@media (max-width: 575.98px) {
  .module-casestudy-slider .casestudy-for .casestudy-wrap .casestudy-right .s-imageVideoWraper {
    height: 278px;
  }
}
.module-casestudy-slider .casestudy-for .casestudy-wrap .casestudy-right .s-imageVideoWraper .s-VideoBox {
  margin: 0;
  width: 100%;
  display: flex;
  cursor: pointer;
  align-items: center;
}
.module-casestudy-slider .casestudy-for .casestudy-wrap .casestudy-right .s-imageVideoWraper .s-VideoBox .wistia_embed {
  width: 100% !important;
  height: 100% !important;
}
.module-casestudy-slider .casestudy-for .casestudy-wrap .casestudy-right .s-imageVideoWraper .s-imageBox {
  display: flex;
  cursor: pointer;
  flex-direction: row;
  flex-flow: wrap;
  text-align: left;
  width: 100%;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  height: 427px;
}
@media (max-width: 575.98px) {
  .module-casestudy-slider .casestudy-for .casestudy-wrap .casestudy-right .s-imageVideoWraper .s-imageBox {
    height: 278px;
  }
}
.module-casestudy-slider .casestudy-for .casestudy-wrap .casestudy-right .s-imageVideoWraper .s-imageBox img {
  border-radius: 20px;
}
@media (max-width: 991.98px) {
  .module-casestudy-slider .casestudy-for .casestudy-wrap .casestudy-right .s-imageVideoWraper .s-imageBox img {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
  }
}
.module-casestudy-slider .casestudy-for .casestudy-wrap .casestudy-right .s-imageVideoWraper .s-imageBox .s-playbutton {
  width: 79px;
  height: 79px;
  border-radius: 50%;
  background-color: white;
  position: absolute;
  z-index: 2;
  bottom: 14px;
  right: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.module-casestudy-slider .casestudy-for .casestudy-wrap .casestudy-right .s-imageVideoWraper .s-imageBox .s-playbutton svg {
  fill: #878585;
}
@media (min-width: 992px) {
  .module-casestudy-slider .casestudy-for .casestudy-wrap .casestudy-right {
    width: 438px;
  }
}
@media (max-width: 991.98px) {
  .module-casestudy-slider .casestudy-for .casestudy-wrap .casestudy-right {
    margin-bottom: 30px;
    order: 0;
  }
}
@media (max-width: 768.98px) {
  .module-casestudy-slider .casestudy-for .slick-dots {
    display: block !important;
  }
}
.module-casestudy-slider .casestudy-for .slick-dots li button::before {
  font-size: 30px;
}
.module-casestudy-slider .casestudy-nav {
  margin-top: 52px;
}
@media (max-width: 575.98px) {
  .module-casestudy-slider .casestudy-nav {
    margin-top: 23px;
  }
}
.module-casestudy-slider .casestudy-nav .casestudy-logo {
  background-color: #fff;
  border-radius: 10px;
  height: 86px;
  margin-left: 8px;
  margin-right: 8px;
}
.module-casestudy-slider .casestudy-nav .casestudy-logo .casestudy-img {
  align-items: center;
  cursor: pointer;
  display: flex;
  height: 185px;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-size: 50% 50%;
  background-position: center center;
}
@media (max-width: 768.98px) {
  .module-casestudy-slider .casestudy-nav .slick-dots {
    top: -29px;
    display: block !important;
  }
}
.module-casestudy-slider .casestudy-nav .slick-dots li button::before {
  font-size: 30px;
}

.module-three-boxes-content {
  background-color: #2C2C2C;
  padding: 93px 0px 120px 0px;
}
.module-three-boxes-content .section-header {
  text-align: center;
  margin-bottom: 84px;
}
.module-three-boxes-content .section-header h2 {
  font-size: 2.222em;
  margin-bottom: 0px;
  color: #ffffff;
}
@media (max-width: 767.98px) {
  .module-three-boxes-content .section-header h2 {
    font-size: 2em;
    line-height: normal;
    margin-bottom: 50px;
  }
}
.module-three-boxes-content .container {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0px;
  overflow: hidden;
}
@media (max-width: 1113.98px) {
  .module-three-boxes-content .container {
    padding: 0px 15px;
  }
}
.module-three-boxes-content .three-boxes-content {
  gap: 20px;
}
@media (min-width: 992px) {
  .module-three-boxes-content .three-boxes-content {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
  }
}
.module-three-boxes-content .three-boxes-content .box-one {
  grid-row: span 2/span 2;
  background-color: #F8F8F9;
  border-radius: 20px;
  box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1607843137);
}
@media (max-width: 991.98px) {
  .module-three-boxes-content .three-boxes-content .box-one {
    margin-bottom: 25px;
  }
}
.module-three-boxes-content .three-boxes-content .box-one .box-one-content {
  margin: 0 auto;
  font-size: 18px;
  padding: 30px;
}
@media (min-width: 992px) {
  .module-three-boxes-content .three-boxes-content .box-one .box-one-content {
    max-width: 423px;
    padding: 60px 0px;
  }
}
.module-three-boxes-content .three-boxes-content .box-one .box-one-content h6 {
  margin-bottom: 30px;
  font-weight: bold;
  color: #242424;
  font-family: "HelveticaNeueLTStd-Md", Helvetica, Arial, sans-serif;
}
.module-three-boxes-content .three-boxes-content .box-one .box-one-content p {
  line-height: 20px;
}
.module-three-boxes-content .three-boxes-content .box-one ul {
  margin: 29px 0 0 0;
  padding: 0;
  list-style: none;
}
.module-three-boxes-content .three-boxes-content .box-one ul li {
  margin: 0 0 10px 0;
  padding: 0;
  font-size: 16px;
  line-height: 17px;
}
.module-three-boxes-content .three-boxes-content .box-one ul li strong {
  color: #E1635C;
  display: block;
}
.module-three-boxes-content .three-boxes-content .box-one .founder-signature-wrap {
  display: flex;
  gap: 30px;
  padding: 0 0 63px 30px;
}
@media screen and (max-width: 767.98px) {
  .module-three-boxes-content .three-boxes-content .box-one .founder-signature-wrap {
    padding-right: 30px;
  }
}
.module-three-boxes-content .three-boxes-content .box-one .founder-signature-wrap p {
  font-size: 14px;
}
.module-three-boxes-content .three-boxes-content .box-two {
  background-color: transparent;
  border-radius: 20px;
  position: relative;
}
.module-three-boxes-content .three-boxes-content .box-two img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
  border-radius: 20px;
  display: block;
}
.module-three-boxes-content .three-boxes-content .box-two a {
  width: 100%;
  height: 100%;
  position: relative;
  display: block;
}
.module-three-boxes-content .three-boxes-content .box-two .playicon {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background-color: white;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  z-index: 2;
  align-items: center;
  justify-content: center;
}
.module-three-boxes-content .three-boxes-content .box-two .playicon svg {
  width: 37px;
  height: 40px;
  fill: #878585;
}
.module-three-boxes-content .three-boxes-content .box-three {
  grid-column-start: 2;
  background-color: #E1635C;
  border-radius: 20px;
  overflow: hidden;
}
@media (max-width: 991.98px) {
  .module-three-boxes-content .three-boxes-content .box-three {
    margin-top: 25px;
  }
}
.module-three-boxes-content .three-boxes-content .box-three .founderquote {
  color: #fff;
  font-size: 30px;
  line-height: 33px;
  font-weight: 700;
  padding: 0px 50px 0 50px;
}
@media (max-width: 991.98px) {
  .module-three-boxes-content .three-boxes-content .box-three .founderquote {
    padding-bottom: 50px;
  }
}
.module-three-boxes-content .three-boxes-content .box-three .founderquote .founderquoteicon {
  width: 79px;
  height: 79px;
  background-color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 38px 0 39px 0;
}

.white-popup-block {
  background: transparent;
  padding: 0;
  text-align: left;
  max-width: 900px;
  margin: 0px auto;
  position: relative;
}

.module-call-to-action {
  background: #d85a53;
  padding: 111px 0 103px 0;
  text-align: center;
  clear: both;
  position: relative;
  color: #fff;
}
@media (max-width: 767.98px) {
  .module-call-to-action {
    padding: 60px 0 60px 0;
  }
}
.module-call-to-action .scctaText {
  font-size: 40px;
  color: #fff;
  line-height: 45px;
  font-weight: bold;
}
@media (max-width: 767.98px) {
  .module-call-to-action .scctaText {
    font-size: 32px;
  }
}
.module-call-to-action .btn {
  margin: 56px 0 0 0;
  padding: 19px 73px;
  text-transform: capitalize;
}
.module-call-to-action .btn:hover {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}
.module-call-to-action .dot-grid {
  position: absolute;
  top: -72px;
  left: -103px;
}
@media (max-width: 640px) {
  .module-call-to-action .dot-grid {
    top: -133px;
    left: -248px;
  }
}
.module-call-to-action .dot-grid img {
  width: 100%;
  max-width: inherit;
}

body.about-us .module-call-to-action {
  margin-top: 60px;
}

.module-new-way-expansion {
  background: #2C2C2C;
  padding: 177px 0 85px;
  margin-top: 0;
  overflow: visible;
  z-index: 15;
}
@media (max-width: 992.98px) {
  .module-new-way-expansion {
    padding-top: 80px;
  }
}
.module-new-way-expansion h2 {
  color: #fff;
  font-size: 2.5em;
  line-height: 1.2em;
  margin: 0 auto 80px;
  text-align: center;
  max-width: 960px;
}
@media (max-width: 767.98px) {
  .module-new-way-expansion h2 {
    font-size: 2em;
    max-width: 90%;
  }
}
.module-new-way-expansion .stats-count {
  max-width: 1100px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
@media (max-width: 767.98px) {
  .module-new-way-expansion .stats-count {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    row-gap: 30px;
    width: 80%;
    margin: 0 auto;
  }
}
.module-new-way-expansion .stats-count .stats-item {
  text-align: center;
  position: relative;
}
.module-new-way-expansion .stats-count .stats-item::before {
  content: "";
  border-right: 5px solid #242424;
  height: 80%;
  top: 10%;
  display: block;
  position: absolute;
}
.module-new-way-expansion .stats-count .stats-item .stat-icon {
  display: block;
  background-color: hsla(180deg, 5%, 96%, 0.102);
  border-radius: 100%;
  height: 120px;
  padding: 30px;
  width: 120px;
  margin: 0 auto;
}
.module-new-way-expansion .stats-count .stats-item .stat-num {
  font-size: 4.688rem;
  font-weight: 200;
  color: #fff;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
@media (max-width: 767.98px) {
  .module-new-way-expansion .stats-count .stats-item .stat-num {
    font-size: 2.2em;
  }
}
.module-new-way-expansion .stats-count .stats-item .stat-text {
  font-size: 1.125rem;
  font-weight: 700;
  max-width: 140px;
  color: #fff;
  text-align: center;
  margin: 0 auto;
}
.module-new-way-expansion .stats-count .stats-item:first-child::before {
  display: none;
}
@media (max-width: 767.98px) {
  .module-new-way-expansion .stats-count > div:nth-of-type(3)::before {
    display: none;
  }
}
.module-new-way-expansion .nwe-footer {
  margin: 119px 0 0 0;
  text-align: center;
}
.module-new-way-expansion .nwe-footer .btn-primary {
  font-size: 14px;
  line-height: normal;
  font-weight: bold;
  padding: 20px 70px;
  text-transform: capitalize;
}
.module-new-way-expansion .expansion-top-dot {
  position: absolute;
  left: -143px;
  top: -240px;
  width: 420px;
}
@media (max-width: 991.98px) {
  .module-new-way-expansion .expansion-top-dot {
    display: none;
  }
}

.module-ai-section {
  /* Container with fixed background */
  /* inner_fixai sections initially hidden */
  /* Content to allow scrolling past the pinned container */
}
.module-ai-section .fix_container {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  z-index: 10;
  scroll-behavior: smooth;
}
@media screen and (max-width: 768px) {
  .module-ai-section .fix_container {
    height: auto;
  }
}
.module-ai-section .fix_con_outer {
  width: 100%;
  height: 100%;
  padding: 111px 0;
  background: url(https://optimise2.assets-servd.host/customer-gauge/staging/homepage/fixed-bg.jpg?w=1440&auto=compress%2Cformat&fit=crop&dm=1744091794&s=1b05f5bc8ba16139c0ee50f31c142aee) no-repeat;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
  flex-direction: column;
  scroll-behavior: smooth;
}
@media screen and (max-width: 767.98px) {
  .module-ai-section .fix_con_outer {
    background-position: center;
  }
}
.module-ai-section .inner_fixai {
  font-size: 2rem;
  font-weight: bold;
  color: #fff;
  width: 100%;
  height: 100%;
}
.module-ai-section .content {
  height: 200vh;
  background: #eee;
  padding-top: 100vh;
  font-size: 2rem;
  text-align: center;
  color: #333;
}
.module-ai-section .inner_fixai h2 {
  font-size: 40px;
  line-height: 49px;
  letter-spacing: 0px;
  color: #ffffff;
  text-align: center;
}
.module-ai-section .inner_fixai h2#headingsection_1 {
  font-size: 100px;
  line-height: 123px;
}
.module-ai-section .inner_fixai h2#headingsection_2 {
  font-size: 15vw;
  scale: 1;
}
.module-ai-section .inner_fixai h2#headingsection_3 span {
  color: #e1635c;
}
.module-ai-section #sectionfix2 h2 {
  font-size: 100px;
  line-height: 123px;
}
.module-ai-section .light_ouetr {
  position: relative;
}
.module-ai-section .lhm {
  position: absolute;
  border-radius: 50%;
  background: white;
  opacity: 1;
}
.module-ai-section .light_outer_wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  justify-content: space-between;
  gap: 30%;
}
.module-ai-section .start-grid {
  width: 35%;
  display: flex;
  justify-content: space-between;
}
.module-ai-section .section_1_outer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  /* align-items: center; */
  width: 100%;
  height: 100%;
}
.module-ai-section .gaugieai_wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  transform: scale(1, 1);
  width: 100%;
  height: 100%;
}
.module-ai-section .bottomlast {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.module-ai-section .lightblast {
  position: absolute;
  width: 6px;
  height: 6px;
  background: white;
  border-radius: 50%;
  opacity: 1;
}
.module-ai-section .sticky-wrapper {
  position: sticky;
  top: 0;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.module-ai-section .al_section {
  background: url(https://optimise2.assets-servd.host/customer-gauge/staging/homepage/fixed-bg.jpg?w=1440&auto=compress%2Cformat&fit=crop&dm=1744091794&s=1b05f5bc8ba16139c0ee50f31c142aee) no-repeat center center/cover;
  height: 100vh;
}
.module-ai-section .inner_ai_section h2 {
  font-size: 40px;
  line-height: 49px;
  letter-spacing: 0px;
  color: #ffffff;
  text-align: center;
}
.module-ai-section .inner_ai_section span {
  color: #e1635c;
}
.module-ai-section .inner_ai_section {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  width: 100%;
  max-width: 1080px;
}
.module-ai-section .inner_ai_section.active {
  opacity: 1;
}
.module-ai-section .reports_box h3 {
  font-size: 24px;
  line-height: 29px;
  color: #fff;
  margin: 0 0 29px;
}
.module-ai-section .reports_box p {
  font-size: 18px;
  line-height: 22px;
  font-weight: normal;
  color: #fff;
}
.module-ai-section .light_outer_wrapper3 {
  max-width: 1080px;
  margin: auto;
}
.module-ai-section .reports_box {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 53px;
  margin-top: 81px;
  text-align: center;
}
.module-ai-section .repor_box1 img {
  margin-bottom: 15px;
  max-height: 60px;
}
.module-ai-section .light_outer_wrapper3 a.btn_ai {
  padding: 18px 0;
  margin: 82px auto 0;
  display: block;
  background: #e2635c;
  color: #fff;
  border-radius: 30px;
  text-decoration: none;
  font-size: 18px;
  line-height: 23px;
  opacity: 1;
  text-align: center;
  max-width: 235px;
  width: 100%;
  border: 1px solid #d36b60;
}
.module-ai-section .light_outer_wrapper3 a.btn_ai:hover {
  background: #fff;
  color: #e2635c;
}
@media only screen and (max-width: 768px) {
  .module-ai-section .light_outer_wrapper3 {
    max-width: 90%;
    margin: auto;
  }
  .module-ai-section .reports_box h3 {
    font-size: 20px;
    line-height: 24px;
    color: #fff;
    margin: 0 0 15px;
  }
  .module-ai-section .reports_box {
    grid-template-columns: 1fr;
    gap: 25px;
    margin-top: 40px;
  }
  .module-ai-section .reports_box p {
    font-size: 16px;
    color: #fff;
  }
  .module-ai-section .inner_fixai h2,
.module-ai-section .inner_fixai h2#headingsection_1 {
    font-size: 30px;
    line-height: 40px;
  }
  .module-ai-section #sectionfix2 h2 {
    font-size: 60px;
    line-height: 90px;
  }
  .module-ai-section .hidemobile {
    display: none;
  }
}
.module-ai-section .s-scroll-text .s__char:before,
.module-ai-section .s-scroll-text .s__char:after {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  opacity: 0.4;
  transform: translate3d(0, -2.1430138406rem, 0);
  color: #fff;
  content: attr(data-char);
}
.module-ai-section .s-scroll-text .s__char:before {
  mix-blend-mode: overlay;
}
.module-ai-section .s-scroll-text .s__char {
  position: relative;
  color: rgba(0, 0, 0, 0);
}
.module-ai-section .s-scroll-text .s__char:after {
  opacity: 1;
}

/* Basic styling for demonstration */
.module-solutions {
  background-color: #f8f8f9;
  padding-top: 156px;
  padding-bottom: 125px;
}
@media (max-width: 850px) {
  .module-solutions {
    padding-top: 85px;
    padding-bottom: 85px;
  }
}
.module-solutions .cx-dots {
  position: absolute;
  top: -15px;
  left: 0px;
  width: 320px;
}
.module-solutions .btn-see-it-live {
  margin-top: 60px;
}
.module-solutions .ac-selectors {
  margin: 0 auto;
  margin-top: 56px;
  margin-bottom: 81px;
  max-width: 1200px;
  display: flex;
  justify-content: center;
  gap: 20px;
}
@media (max-width: 1280px) {
  .module-solutions .ac-selectors {
    max-width: none;
    gap: 10px;
  }
}
@media (max-width: 850px) {
  .module-solutions .ac-selectors {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 90%;
    max-width: none;
    flex-wrap: wrap;
    margin-top: 60px;
  }
}
.module-solutions .ac-selectors .select-button {
  font-size: 1em;
  font-family: "Helvetica Neue", sans-serif;
  color: #3b4752;
  font-weight: bold;
  width: auto;
  border: 3px solid #3d4751;
  border-radius: 34px;
  min-width: 222px;
  height: 68px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
@media (max-width: 1280px) {
  .module-solutions .ac-selectors .select-button {
    width: auto;
    min-width: unset;
  }
}
@media (max-width: 850px) {
  .module-solutions .ac-selectors .select-button {
    width: auto;
    min-width: unset;
  }
}
.module-solutions .ac-selectors .select-button a {
  display: block;
  padding: 20px 20px;
  font-size: 16px;
}
@media (max-width: 767.98px) {
  .module-solutions .ac-selectors .select-button a {
    font-size: 14px;
  }
}
.module-solutions .ac-selectors .select-button.is-active {
  color: #f8f8f9;
  background-color: #3b4752;
}
.module-solutions h2 {
  margin: 0 auto;
  color: #3d4751;
  font-size: 2.5em;
  line-height: 1.2em;
  text-align: center;
  max-width: 900px;
}
@media (max-width: 850px) {
  .module-solutions h2 {
    width: 90%;
  }
}
@media (max-width: 800px) {
  .module-solutions h2 {
    font-size: 2em;
  }
}
.module-solutions span.entire-team-back {
  background-image: url(https://customer-gauge.files.svdcdn.com/staging/homepage/entireteamunderline@2x.png);
  background-size: contain;
  background-position: center bottom;
  background-repeat: no-repeat;
}
.module-solutions .cx-accordions-container {
  margin: 0 auto;
  max-width: 1200px;
  display: flex;
  gap: 56px;
  justify-content: space-between;
  font-family: "Helvetica Neue", sans-serif;
}
.module-solutions .cx-accordions-container .cx-accordion {
  margin: 0 auto;
  padding-bottom: 40px;
  width: 100%;
  display: none;
}
.module-solutions .cx-accordions-container .cx-accordion .btn-center {
  grid-column: span 2/span 2;
  text-align: center;
}
.module-solutions .cx-accordions-container .cx-accordion .btn-center .btn {
  width: 235px;
  height: 59px;
  font-size: 14px;
  line-height: 31px;
  text-transform: none;
}
.module-solutions .cx-accordions-container .cx-accordion .ac {
  background-color: rgba(59, 71, 82, 0);
  margin-top: 0;
}
.module-solutions .cx-accordions-container .cx-accordion .ac.xopen {
  background-color: rgba(59, 71, 82, 0.031372549);
  border-radius: 7px;
  border-bottom: none;
}
.module-solutions .cx-accordions-container .cx-accordion .ac-border {
  border: none;
  padding: 15px 0;
  border-bottom: 3px solid #d4d5d6;
}
.module-solutions .cx-accordions-container .cx-accordion .ac-border.is-active {
  border-bottom: none;
}
.module-solutions .cx-accordions-container .cx-accordion .ac-header--faqs-style {
  font-size: 18px;
  color: #3b4752;
  font-weight: bold;
}
.module-solutions .cx-accordions-container .cx-accordion .ac-panel {
  color: #3b4752;
  font-size: 20px;
  padding: 0 28px;
}
.module-solutions .cx-accordions-container .cx-accordion .ac-panel img {
  display: none;
}
@media (max-width: 800px) {
  .module-solutions .cx-accordions-container .cx-accordion .ac-panel img {
    display: block;
  }
}
.module-solutions .cx-accordions-container .cx-accordion .trigger-title {
  color: #3b4752;
  font-size: 20px;
  font-weight: bold;
  padding: 10px 28px;
}
.module-solutions .cx-accordions-container .cx-accordion .ac-trigger::after {
  content: url(/static/dropdownclosed.svg);
  width: 21.08px;
  height: 11.86px;
}
.module-solutions .cx-accordions-container .cx-accordion .ac.xopen > .ac-header .ac-trigger::after {
  content: url(/static/dropdownopen.svg);
  width: 21.08px;
  height: 11.86px;
}
.module-solutions .cx-accordions-container .cx-accordion.is-active {
  display: block;
}
@media (min-width: 851px) {
  .module-solutions .cx-accordions-container .cx-accordion.is-active {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 56px;
  }
}
.module-solutions .ac-panel {
  padding: 0 15px 15px;
  display: none;
}
.module-solutions .ac-panel.is-active {
  display: block;
}
.module-solutions .brand-logos {
  flex: 1;
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-content: flex-start;
}
.module-solutions .brand-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 118px;
  border-top: 3px solid #ebf0f3;
  border-right: 3px solid #ebf0f3;
}
.module-solutions .brand-logo:nth-of-type(1), .module-solutions .brand-logo:nth-of-type(2) {
  border-top: none;
}
.module-solutions .brand-logo:nth-of-type(even) {
  border-right: none;
}
.module-solutions .brand-logo img {
  max-width: 100%;
  max-height: 60px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 575.98px) {
  .module-solutions .brand-logo img {
    max-width: 77%;
    max-height: 60px;
  }
}
@media (max-width: 950.98px) {
  .module-solutions .left-ac-accordion {
    max-width: 90%;
    margin: 0 auto;
  }
}
@media (max-width: 950.98px) {
  .module-solutions .right-img {
    max-width: 90%;
    margin: 0 auto;
    padding: 50px 0 50px 0;
  }
}

.module-card-cta {
  margin-bottom: 200px;
}
@media (max-width: 800px) {
  .module-card-cta {
    margin-bottom: 100px;
  }
}
.module-card-cta .container {
  max-width: 1086px;
  margin: 0 auto;
  display: flex;
  gap: 63px;
}
@media (max-width: 1096px) {
  .module-card-cta .container {
    padding: 0 20px;
  }
}
@media (max-width: 800px) {
  .module-card-cta .container {
    display: block;
  }
}
.module-card-cta .left-card {
  width: 445px;
}
@media (max-width: 800px) {
  .module-card-cta .left-card {
    width: 100%;
    margin-bottom: 50px;
  }
}
.module-card-cta .left-card h2 {
  font-size: 34px;
  margin-bottom: 31px;
  line-height: 38px;
  color: #fff;
}
@media (max-width: 800px) {
  .module-card-cta .left-card h2 {
    font-size: 2em;
    line-height: normal;
  }
}
.module-card-cta .left-card .description {
  font-size: 18px;
  line-height: 20px;
  color: #939393;
  margin-bottom: 48px;
}
.module-card-cta .left-card .cta-button {
  border: 1px solid #fff;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  width: 315px;
  height: 66px;
  text-decoration: none;
  border-radius: 33px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.module-card-cta .left-card .cta-button:hover {
  background-color: #fff;
  color: #000;
}
.module-card-cta .cards-container {
  width: 577px;
}
@media (max-width: 800px) {
  .module-card-cta .cards-container {
    width: 100%;
  }
}
.module-card-cta .cards-container .right-card {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 17px;
}
.module-card-cta .cards-container .right-card .card {
  background-color: #151517;
  border-radius: 10px;
  padding: 38px 0 38px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  row-gap: 28px;
}
@media (max-width: 640px) {
  .module-card-cta .cards-container .right-card .card {
    padding: 10px 0 10px 0;
    row-gap: 0px;
  }
}
.module-card-cta .cards-container .right-card .card-icon {
  margin-bottom: 20px;
  width: 100px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.module-card-cta .cards-container .right-card .card-icon img {
  max-width: inherit;
}
@media (max-width: 640px) {
  .module-card-cta .cards-container .right-card .card-icon img {
    max-width: 90%;
    margin-bottom: 0px;
  }
}
.module-card-cta .cards-container .right-card .card-title {
  font-size: 15px;
  font-weight: 500;
  margin: auto;
  color: #939393;
}

.module-latest-insights {
  padding: 0px 0 140px 0;
  /* Image overlay for second card */
  /* Feedback UI elements in cards */
}
@media (max-width: 800px) {
  .module-latest-insights {
    padding-bottom: 50px;
  }
}
.module-latest-insights .container {
  max-width: 1034px;
  margin: 0 auto;
}
@media (max-width: 1096px) {
  .module-latest-insights .container {
    padding: 0 20px;
  }
}
.module-latest-insights .header {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 50px;
  gap: 57px;
}
.module-latest-insights .header h2 {
  font-size: 34px;
  color: #fff;
  font-weight: bold;
  margin: 0px;
  padding: 0px;
}
@media (max-width: 800px) {
  .module-latest-insights .header h2 {
    font-size: 2em;
    line-height: normal;
  }
}
.module-latest-insights .header .carousel-nav {
  display: flex;
  gap: 10px;
}
.module-latest-insights .header .nav-button {
  background: none;
  border: none;
  cursor: pointer;
  font-size: 24px;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
}
.module-latest-insights .header .prev-button svg path {
  stroke: #363636;
}
.module-latest-insights .header .prev-button:hover svg path {
  stroke: #E2635C;
}
.module-latest-insights .header .prev-button.slick-disabled svg path {
  stroke: #363636;
}
.module-latest-insights .header .next-button svg path {
  stroke: #363636;
}
.module-latest-insights .header .next-button:hover svg path {
  stroke: #E2635C;
}
.module-latest-insights .header .next-button.slick-disabled svg path {
  stroke: #363636;
}
.module-latest-insights .carousel {
  width: 100%;
  margin: 0 auto;
  padding: 20px 0;
}
.module-latest-insights .carousel-card {
  position: relative;
  margin: 0 10px;
  border-radius: 10px;
  overflow: hidden;
  transition: transform 0.3s ease;
  cursor: pointer;
  transform-origin: center center;
}
.module-latest-insights .carousel-card:hover {
  transform: scale(1.05);
  z-index: 10;
}
.module-latest-insights .card-image {
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.module-latest-insights .card-content {
  padding: 25px;
  background-color: #201F21;
  min-height: 169px;
  position: relative;
}
.module-latest-insights .card-title {
  font-size: 18px;
  font-weight: normal;
  line-height: 1.4;
  margin-bottom: 40px;
  color: #ffffff;
  transition: color 0.3s ease;
}
.module-latest-insights .carousel-card:hover .card-title {
  color: #ff5c5c;
}
.module-latest-insights .card-link {
  color: #E2635C;
  text-decoration: none;
  font-weight: bold;
  font-size: 18px;
  transition: -webkit-text-decoration 0.3s ease;
  transition: text-decoration 0.3s ease;
  transition: text-decoration 0.3s ease, -webkit-text-decoration 0.3s ease;
}
.module-latest-insights .carousel-card:hover .card-link {
  text-decoration: underline;
}
.module-latest-insights .card-full-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}
.module-latest-insights .slick-initialized .slick-slide {
  float: left;
}
@media (max-width: 800px) {
  .module-latest-insights .slick-slide img {
    width: 100%;
  }
}
.module-latest-insights .slick-list {
  padding-top: 20px;
  padding-bottom: 20px;
}
.module-latest-insights .feedback-ui {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
  text-align: center;
}
.module-latest-insights .rating-circle {
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 2px solid #00a67e;
  color: #00a67e;
  font-weight: bold;
  line-height: 40px;
  text-align: center;
  font-size: 16px;
  background: white;
}

.gaugieai .module-latest-insights .header .next-button svg path,
.gaigeai .module-latest-insights .header .next-button svg path,
.gaugieAi .module-latest-insights .header .next-button svg path {
  stroke: #E2635C;
}
.gaugieai .module-latest-insights .header .next-button:hover svg path,
.gaigeai .module-latest-insights .header .next-button:hover svg path,
.gaugieAi .module-latest-insights .header .next-button:hover svg path {
  stroke: #363636;
}

.module-box-grid {
  padding: 70px 0;
}
@media (max-width: 1113.98px) {
  .module-box-grid {
    padding: 40px 0;
  }
}
.module-box-grid .container {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0px;
  overflow: hidden;
}
@media (max-width: 1113.98px) {
  .module-box-grid .container {
    padding: 0px 15px;
  }
}
.module-box-grid .box-grid-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
  -moz-column-gap: 8px;
       column-gap: 8px;
  row-gap: 12px;
}
@media (max-width: 767.98px) {
  .module-box-grid .box-grid-container {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-template-rows: none;
  }
}
.module-box-grid .box-grid-container .box {
  background-color: #f5f6f6;
  border-radius: 20px;
  padding: 20px 16px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  position: relative;
  transition: 0.15s ease-out;
  transform: scale(0.98);
}
@media (max-width: 767.98px) {
  .module-box-grid .box-grid-container .box {
    grid-column: span 12/span 12;
  }
}
.module-box-grid .box-grid-container .box .boxLink {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  cursor: pointer;
}
.module-box-grid .box-grid-container .box .box-media {
  overflow: hidden;
  border-radius: 6px;
  width: 190px;
  height: 178px;
}
@media (max-width: 767.98px) {
  .module-box-grid .box-grid-container .box .box-media {
    width: 100%;
  }
}
.module-box-grid .box-grid-container .box .box-media img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.module-box-grid .box-grid-container .box .box-media .box-media-video-container {
  width: 100%;
  height: 100%;
}
.module-box-grid .box-grid-container .box .box-media .founder-popup {
  display: block;
  position: relative;
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  background-color: #000;
  margin: auto;
  border-radius: 6px;
}
.module-box-grid .box-grid-container .box .box-media .founder-popup .playicon {
  align-items: center;
  background-color: #fff;
  border-radius: 50%;
  display: flex;
  height: 75px;
  justify-content: center;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 75px;
  z-index: 2;
}
.module-box-grid .box-grid-container .box .box-media .founder-popup .playicon svg {
  width: 30px;
}
.module-box-grid .box-grid-container .box .box-content {
  width: calc(100% - 190px);
  padding: 0 0 0 30px;
}
@media (max-width: 767.98px) {
  .module-box-grid .box-grid-container .box .box-content {
    width: 100%;
    padding: 20px 0 0;
  }
}
.module-box-grid .box-grid-container .box h6 {
  color: #3b4752;
  margin: 0 0 18px;
  font-size: 18px;
}
.module-box-grid .box-grid-container .box p {
  margin: 0 0 18px;
  color: #3b4752;
  font-size: 18px;
  font-family: "Helvetica Neue", sans-serif;
  font-weight: 400;
}
.module-box-grid .box-grid-container .box .box-content-link {
  color: #e2635c;
  font-size: 18px;
  font-family: HelveticaNeueLTStd-Bd, Helvetica, Arial, sans-serif;
  display: flex;
  align-items: center;
}
.module-box-grid .box-grid-container .box .box-content-link svg {
  margin-left: 6px;
}
.module-box-grid .box-grid-container .box:hover {
  transform: scale(1);
}
.module-box-grid .box-grid-container .box:hover .box-content-link {
  text-decoration: underline;
}
.module-box-grid .box-grid-container .box-grid-right {
  display: block;
  padding: 45px 16px;
}
.module-box-grid .box-grid-container .box-grid-right h6 {
  margin: 0 0 48px;
}
.module-box-grid .box-grid-container .box-grid-right h6 img {
  width: 14px;
  margin: 0 8px 0 0;
}
.module-box-grid .box-grid-container .box-grid-right .box-grid-right-img {
  aspect-ratio: 456/316;
  overflow: hidden;
}
.module-box-grid .box-grid-container .box-grid-right .box-grid-right-img img {
  margin: 0 auto;
  display: block;
}
.module-box-grid .box-grid-container .box-grid-right .box-grid-right-img .founder-popup {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #000;
}
.module-box-grid .box-grid-container .box-grid-right .box-grid-right-img .founder-popup .playicon {
  align-items: center;
  background-color: #fff;
  border-radius: 50%;
  display: flex;
  height: 75px;
  justify-content: center;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 75px;
  z-index: 2;
}
.module-box-grid .box-grid-container .box-grid-right .box-grid-right-img .founder-popup .playicon svg {
  width: 30px;
  margin-left: 6px;
}
.module-box-grid .box-grid-container .box-grid-right .box-grid-right-content {
  padding: 0 40px;
}
.module-box-grid .box-grid-container .box-grid-right .box-grid-right-content p {
  margin: 0 0 42px;
}
.module-box-grid .box-grid-container .box-grid-right a.btn {
  align-items: center;
  background-color: #e2635c;
  border: 2px solid transparent;
  border-radius: 36px;
  color: #f8f8f9;
  display: flex;
  font-family: Helvetica Neue, sans-serif;
  font-size: 18px;
  font-weight: 700;
  height: 60px;
  justify-content: center;
  margin: 0 auto;
  transition: 0.15s ease;
  width: 304px;
  text-transform: none;
}
.module-box-grid .box-grid-container .box-grid-right a.btn:hover {
  background-color: #f8f8f9;
  border-color: #e2635c;
  color: #e2635c;
}
.module-box-grid .box-grid-container .box-grid-right a.btn:hover img {
  filter: invert(46%) sepia(17%) saturate(1741%) hue-rotate(314deg) brightness(104%) contrast(94%);
}
.module-box-grid .box-grid-container .box-grid-right a.btn img {
  width: 16px;
  margin: 0 8px 0 0;
}
.module-box-grid .box-grid-right {
  grid-row: span 3/span 3;
  grid-column-start: 2;
  grid-row-start: 1;
}

.module-delphi-bar {
  padding: 70px 0;
}
@media (max-width: 1113.98px) {
  .module-delphi-bar {
    padding: 40px 0;
  }
}
.module-delphi-bar .container {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0px;
  overflow: hidden;
  text-align: center;
}
@media (max-width: 1113.98px) {
  .module-delphi-bar .container {
    padding: 0px 15px;
  }
}
.module-delphi-bar .container h2 {
  font-size: 40px;
  margin: 0 0 20px;
  color: #3B4752;
}
@media (max-width: 767.98px) {
  .module-delphi-bar .container h2 {
    font-size: 32px;
    line-height: 40px;
  }
}
.module-delphi-bar .container p {
  color: #A0A0A0;
}

.module-customer-cards {
  padding: 70px 0;
}
@media (max-width: 1113.98px) {
  .module-customer-cards {
    padding: 40px 0;
  }
}
.module-customer-cards .container {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0px;
  overflow: hidden;
}
@media (max-width: 1113.98px) {
  .module-customer-cards .container {
    padding: 0px 15px;
  }
}
.module-customer-cards .container .customer-cards-header {
  text-align: center;
  max-width: 690px;
  margin: 0 auto 77px;
}
.module-customer-cards .container .customer-cards-header h2 {
  color: #3B4752;
  font-size: 43px;
  line-height: 49px;
  margin: 0 0 51px;
}
@media (max-width: 767.98px) {
  .module-customer-cards .container .customer-cards-header h2 {
    font-size: 32px;
    line-height: 40px;
    margin: 0 0 30px;
  }
}
.module-customer-cards .container .customer-cards-header p {
  font-size: 16px;
  color: #242424;
  font-family: "Helvetica Neue", sans-serif;
  font-weight: 400;
}
.module-customer-cards .container .customer-cards-grid-container {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 25px;
  width: 100%;
}
.module-customer-cards .container .customer-cards-grid-container .customer-cards-grid-box {
  grid-column: span 4/span 4;
  border-radius: 20px;
  padding: 30px 50px;
  text-align: center;
  position: relative;
  display: flex;
  flex-direction: column;
}
@media (max-width: 767.98px) {
  .module-customer-cards .container .customer-cards-grid-container .customer-cards-grid-box {
    grid-column: span 12/span 12;
  }
}
.module-customer-cards .container .customer-cards-grid-container .customer-cards-grid-box a {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 10;
}
.module-customer-cards .container .customer-cards-grid-container .customer-cards-grid-box p {
  margin: 0;
}
.module-customer-cards .container .customer-cards-grid-container .customer-cards-grid-box .customer-cards-grid-logo {
  height: 87px;
  margin: 0 0 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.module-customer-cards .container .customer-cards-grid-container .customer-cards-grid-box .customer-cards-grid-logo img {
  max-height: 87px;
}
.module-customer-cards .container .customer-cards-grid-container .customer-cards-grid-box .customer-cards-grid-stars {
  margin: 0 0 30px;
}
.module-customer-cards .container .customer-cards-grid-container .customer-cards-grid-box .customer-cards-grid-learn-more {
  color: #0A84FF;
  font-size: 20px;
  font-family: HelveticaNeueLTStd-Bd;
  font-weight: normal;
  margin-top: auto;
}
.module-customer-cards .container .customer-cards-grid-container .customer-cards-grid-box:hover .customer-cards-grid-learn-more {
  text-decoration: underline;
}

.module-simple-cta-footer-override {
  padding: 105px 0;
  background: transparent linear-gradient(180deg, #E2635C 0%, #C74F4F 100%) 0% 0% no-repeat padding-box;
  position: relative;
}
@media (max-width: 767.98px) {
  .module-simple-cta-footer-override {
    padding: 60px 0;
  }
}
.module-simple-cta-footer-override::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 248px;
  height: 189px;
  background-image: url("/media/images/Dot-Pattern-Stat-Section.svg");
}
@media (max-width: 767.98px) {
  .module-simple-cta-footer-override::before {
    width: 100px;
    height: 80px;
  }
}
.module-simple-cta-footer-override .container {
  max-width: 872px;
  margin: 0 auto;
  padding: 0px;
  overflow: hidden;
  text-align: center;
}
@media (max-width: 1113.98px) {
  .module-simple-cta-footer-override .container {
    padding: 0px 15px;
  }
}
.module-simple-cta-footer-override .container h2 {
  font-size: 40px;
  line-height: 49px;
  color: #fff;
  margin: 0 0 50px;
}
@media (max-width: 767.98px) {
  .module-simple-cta-footer-override .container h2 {
    font-size: 32px;
    line-height: 40px;
  }
}
.module-simple-cta-footer-override .container .btn {
  text-transform: none;
  font-family: HelveticaNeueLTStd-Bd;
  font-weight: normal;
  font-size: 20px;
  padding: 18px 73px;
  text-transform: capitalize;
}
.module-simple-cta-footer-override .container .btn:hover {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}

.module-videov2025 {
  padding: 0 0 60px;
}
@media (max-width: 1113.98px) {
  .module-videov2025 {
    padding: 0 15px 60px;
  }
}
.module-videov2025 .container {
  max-width: 1065px;
  margin: 0 auto;
  padding: 0px;
  overflow: hidden;
  text-align: center;
}
.module-videov2025 .container .video-cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  cursor: pointer;
  transition: opacity 1s ease;
  background-color: #3B4752;
  border-radius: 16px;
}
.module-videov2025 .container .video-cover span {
  width: 177px;
  height: 177px;
  background-color: #E1635C;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 1113.98px) {
  .module-videov2025 .container .video-cover span {
    width: 112px;
    height: 112px;
  }
}
@media (max-width: 767.98px) {
  .module-videov2025 .container .video-cover span {
    width: 85px;
    height: 85px;
  }
}
.module-videov2025 .container .video-cover span svg {
  margin-left: 22px;
}
@media (max-width: 1113.98px) {
  .module-videov2025 .container .video-cover span svg {
    margin-left: 8px;
    width: 44px;
    height: 44px;
  }
}
@media (max-width: 767.98px) {
  .module-videov2025 .container .video-cover span svg {
    margin-left: 8px;
    width: 36px;
    height: 36px;
  }
}

.module-three-column-cards {
  padding: 70px 0;
}
.module-three-column-cards .container {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0px;
}
@media (max-width: 1113.98px) {
  .module-three-column-cards .container {
    padding: 0px 15px;
  }
}
.module-three-column-cards .container .three-column-cards-header {
  text-align: center;
  max-width: 720px;
  margin: 0 auto 77px;
}
@media (max-width: 1113.98px) {
  .module-three-column-cards .container .three-column-cards-header {
    margin: 0 auto 40px;
  }
}
.module-three-column-cards .container .three-column-cards-header h2 {
  color: #3b4752;
  font-size: 43px;
  line-height: 49px;
  margin: 0 0 51px;
}
@media (max-width: 1113.98px) {
  .module-three-column-cards .container .three-column-cards-header h2 {
    font-size: 32px;
    line-height: 40px;
  }
}
.module-three-column-cards .container .three-cards {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  -moz-column-gap: 20px;
       column-gap: 20px;
  row-gap: 48px;
}
@media (max-width: 767.98px) {
  .module-three-column-cards .container .three-cards {
    display: block;
  }
}
.module-three-column-cards .container .three-cards .card {
  width: calc(33.3333% - 20px);
  border-radius: 16px;
  overflow: hidden;
  position: relative;
  background-color: #fff;
  box-shadow: 0 5px 40px 0 rgba(36, 36, 36, 0.1);
  transition: 0.15s ease-out;
  transform: scale(0.98);
}
.module-three-column-cards .container .three-cards .card:hover {
  transform: scale(1);
}
@media (max-width: 767.98px) {
  .module-three-column-cards .container .three-cards .card {
    width: 100%;
    margin: 20px 0 0;
  }
}
.module-three-column-cards .container .three-cards .card .card-media {
  background-color: #ebf0f3;
  height: 203px;
}
.module-three-column-cards .container .three-cards .card .card-media img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.module-three-column-cards .container .three-cards .card .card-content {
  padding: 39px 30px 46px;
}
.module-three-column-cards .container .three-cards .card .card-content h6 {
  color: #3b4752;
  font-size: 23px;
  line-height: 28px;
  margin: 0 0 26px;
  font-family: HelveticaNeueLTStd-Md;
  font-weight: normal;
}
.module-three-column-cards .container .three-cards .card .card-content p {
  font-size: 18px;
  line-height: 22px;
  color: #6f6e6e;
  margin: 0;
  font-family: "Helvetica Neue", sans-serif;
  font-weight: 400;
}
.module-three-column-cards .container .three-cards .card .card-cta {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.module-three-column-cards .container .three-cards .card .card-cta a {
  text-indent: -9999px;
  display: block;
  width: 100%;
  height: 100%;
}
.module-three-column-cards .container .three-cards .extra-cards {
  grid-column: span 12/span 12;
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  -moz-column-gap: 20px;
       column-gap: 20px;
  row-gap: 48px;
}
.module-three-column-cards .container .three-cards .extra-cards-hidden {
  display: none;
}
.module-three-column-cards .container .three-cards .view-more-wrap {
  grid-column: span 12/span 12;
  text-align: center;
}

.watch-a-demo {
  background-color: #f8f8f9;
}

.module-banner {
  padding: 146px 0 120px;
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
}
.module-banner.bg-transparent {
  background-color: transparent;
}
.module-banner.bg-transparent-section {
  padding-top: 120px;
}
.module-banner.has-button {
  padding-bottom: 60px;
}
@media (max-width: 767.98px) {
  .module-banner {
    padding: 60px 0;
  }
}
.module-banner .container {
  max-width: 780px;
  margin: 0 auto;
  padding: 0px;
  overflow: hidden;
  text-align: center;
}
@media (max-width: 1113.98px) {
  .module-banner .container {
    padding: 0px 15px;
  }
}
.module-banner .container h1, .module-banner .container h2 {
  margin: 0 0 45px;
}
.module-banner .container h1, .module-banner .container h2 {
  font-size: 43px;
  line-height: 52px;
}
.module-banner .container .banner-content {
  margin: 0 0 31px;
  font-family: "Helvetica Neue", sans-serif;
  font-weight: 400;
}
.module-banner .container .btn {
  display: inline-flex;
  align-items: center;
  text-transform: none;
}
.module-banner .container .btn img {
  margin-right: 8px;
}
.module-banner .container .btn.btn-red {
  background-color: #e2635c;
}
.module-banner .container .btn.btn-red:hover {
  border-color: #e2635c;
  background-color: #fff;
  color: #e2635c;
}
.module-banner .container .btn.btn-red:hover img {
  filter: invert(46%) sepia(17%) saturate(1741%) hue-rotate(314deg) brightness(104%) contrast(94%);
}

.module.first.no-text {
  padding-bottom: 0;
}
.module.first.no-text > div.wrapper {
  margin-top: 0;
}
.module.first.no-text > div.wrapper .grid-1-2 {
  padding: 0;
  margin: 0;
}

body.watch-a-demo .sticky-nav {
  background: #F8F8F9;
}
body.watch-a-demo .module.first.bg-white {
  background: transparent;
}

.module-accordionv2025 {
  padding: 70px 0px;
  background-color: #F8F8F9;
  position: relative;
}
.module-accordionv2025:before {
  content: "";
  display: block;
  width: 100%;
  height: 150px;
  background: transparent linear-gradient(180deg, #FFFFFF 0%, #F8F8F9 100%) 0% 0% no-repeat padding-box;
  position: absolute;
  top: 0;
  left: 0;
}
.module-accordionv2025 .container {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0px;
  overflow: hidden;
}
@media (max-width: 1113.98px) {
  .module-accordionv2025 .container {
    padding: 0px 15px;
  }
}
.module-accordionv2025 .container .blog-faqs {
  padding: 0 10px;
}
.module-accordionv2025 .container .blog-faqs h2 {
  font-size: 43px;
  line-height: 52px;
  text-align: center;
  margin: 0 0 60px;
  color: #3B4752;
}
@media (max-width: 1113.98px) {
  .module-accordionv2025 .container .blog-faqs h2 {
    font-size: 32px;
    line-height: 40px;
  }
}
.module-accordionv2025 .container .blog-faqs .accordion-container-multi .ac {
  padding: 0 56px;
  border: none;
  margin-top: 14px;
}
@media (max-width: 767.98px) {
  .module-accordionv2025 .container .blog-faqs .accordion-container-multi .ac {
    padding: 0 20px;
  }
}
.module-accordionv2025 .container .blog-faqs .accordion-container-multi .ac .ac-header .ac-trigger {
  padding: 35px 200px 35px 0;
  font-size: 23px;
  font-family: HelveticaNeueLTStd-Bd;
  font-weight: normal;
  color: #3B4752;
}
@media (max-width: 767.98px) {
  .module-accordionv2025 .container .blog-faqs .accordion-container-multi .ac .ac-header .ac-trigger {
    padding: 25px 50px 25px 0;
  }
}
.module-accordionv2025 .container .blog-faqs .accordion-container-multi .ac .ac-header .ac-trigger:focus {
  color: #3B4752;
}
.module-accordionv2025 .container .blog-faqs .accordion-container-multi .ac .ac-header .ac-trigger:after {
  content: "";
  width: 22px;
  height: 4px;
  background-image: none;
  background-color: #3B4752;
}
.module-accordionv2025 .container .blog-faqs .accordion-container-multi .ac .ac-header .ac-trigger:before {
  content: "";
  width: 4px;
  height: 22px;
  background-image: none;
  background-color: #3B4752;
  transform: translate(0, -50%);
  position: absolute;
  right: 19px;
  top: 50%;
}
.module-accordionv2025 .container .blog-faqs .accordion-container-multi .ac .ac-panel p {
  padding-bottom: 60px;
  padding-right: 50px;
  color: #242424;
  font-family: "Helvetica Neue", sans-serif;
  font-weight: 400;
}
@media (max-width: 767.98px) {
  .module-accordionv2025 .container .blog-faqs .accordion-container-multi .ac .ac-panel p {
    padding-bottom: 30px;
    padding-right: 0;
  }
}
.module-accordionv2025 .container .blog-faqs .accordion-container-multi .ac .ac-panel p + P {
  padding-bottom: 0;
}
.module-accordionv2025 .container .blog-faqs .accordion-container-multi .ac.is-active {
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.0705882353);
}
.module-accordionv2025 .container .blog-faqs .accordion-container-multi .ac.is-active .ac-header .ac-trigger:before {
  display: none;
}

.old-new-heading {
  background-color: #fff;
  padding: 112px 0 0px 0;
}
.old-new-heading .container {
  max-width: 999px;
  margin: 0 auto;
}
.old-new-heading .container p {
  color: #959595;
  line-height: 1.6;
  margin: 0 auto;
  max-width: 1200px;
  padding: 0 30px;
  text-align: center;
}
.old-new-heading .container h2 {
  color: #3b4752;
  font-size: 2.5em;
  line-height: 1.2em;
  margin: 0 auto 39px 0;
  text-align: center;
}
@media (max-width: 575.98px) {
  .old-new-heading .container h2 {
    padding: 0 25px;
    font-size: 2em;
  }
}

.cc-color-override--410135146.cc-window {
  box-shadow: 0 1px 5px #eaf0f6 !important;
  border: 1px solid #e0e0e0 !important;
  border-radius: 10px !important;
  text-align: center !important;
  font-weight: bold !important;
  font-size: 13px !important;
}

.cc-window.cc-floating {
  max-width: 27em !important;
  padding: 10px 10px 15px 10px !important;
}

.cc-floating .cc-message {
  padding: 0 62px !important;
}

.cc-window.cc-floating .cc-compliance {
  margin: 0 73px !important;
  gap: 12px !important;
}

.cc-color-override--410135146 .cc-highlight .cc-btn:first-child {
  font-size: 13px !important;
  border-radius: 3px !important;
  font-weight: normal !important;
  color: #fff !important;
  order: 1 !important;
  text-decoration: none !important;
}

.cc-color-override--410135146 .cc-highlight .cc-btn:last-child {
  background: transparent !important;
  border: 1px solid #007A87 !important;
  font-size: 13px !important;
  border-radius: 3px !important;
  font-weight: normal !important;
  color: #007A87 !important;
  order: 0 !important;
}

.cc-floating .cc-message a {
  color: #007A87 !important;
}

.cc-btn + .cc-btn {
  margin-left: 0 !important;
}

#spara-button {
  border-width: 2px !important;
  overflow: visible !important;
}
#spara-button #spara-button-avatar-element {
  z-index: 1;
}
#spara-button.spara-nav-mode-open #spara-button-indicator {
  display: block !important;
}
#spara-button.spara-nav-mode-open #spara-button-open-element.spara-nav-mode-open {
  visibility: hidden !important;
  opacity: 0 !important;
}

body .nav-logo-dark {
  display: none;
}
@media (max-width: 767.98px) {
  body .nav-logo-dark {
    display: none !important;
  }
}
body.homepage-dark {
  background-color: #030109;
  color: #fff;
}
body.homepage-dark .hamburger .line {
  background: #ffffff;
}
body.homepage-dark .hamburger.is-active .line {
  background: #007a88;
}
body.homepage-dark .go-home {
  padding: 33px 0 43px;
}
@media screen and (max-width: 1140px) {
  body.homepage-dark .go-home {
    padding: 20px 0 20px 0;
  }
}
@media screen and (max-width: 768px) {
  body.homepage-dark .go-home {
    padding: 8px 0 20px 0;
  }
}
body.homepage-dark .sticky-nav {
  background: #030109;
}
@media screen and (max-width: 1140px) {
  body.homepage-dark .sticky-nav .go-home {
    padding: 20px 0 20px 0;
  }
}
body.homepage-dark #mobile-main-nav {
  color: #030109;
}
body.homepage-dark #hero #header-nav .nav-logo {
  display: none;
}
body.homepage-dark #hero #header-nav .nav-logo-dark {
  display: block !important;
  height: 42px;
  max-height: 42px !important;
}
@media (max-width: 767.98px) {
  body.homepage-dark #hero #header-nav .nav-logo-dark {
    height: 30px;
  }
}
body.homepage-dark #hero #header-nav .black-square {
  background-color: #fff;
}
body.homepage-dark #hero #header-nav .black-square p {
  color: #030109;
}
body.homepage-dark #hero #header-nav .black-square:hover {
  background-color: transparent;
  border-color: #fff;
}
body.homepage-dark #hero #header-nav .black-square:hover p {
  color: #fff;
}
body.homepage-dark .btn,
body.homepage-dark .btn-primary {
  background-color: #030109;
  border-color: #fff;
  transition: background 0.5s ease;
}
body.homepage-dark .btn:hover,
body.homepage-dark .btn-primary:hover {
  border: none;
  background: linear-gradient(139deg, #E2635C 0%, #705FC1 100%);
  color: #fff;
  padding: 21px 70px;
}
body.homepage-dark .btn-see-it-live {
  background: linear-gradient(139deg, #E2635C 0%, #705FC1 100%);
  background-size: 200% 200%;
  background-position: left center;
  border: none;
  padding: 12px 22px !important;
  transition: background-position 0.5s ease;
}
body.homepage-dark .btn-see-it-live:hover {
  background-position: right center;
}
body.homepage-dark .btn-see-it-live:hover a {
  color: #fff;
}
body.homepage-dark .btn-gray-border a {
  border: 2px solid #E0E0E0;
  color: #E0E0E0;
}
body.homepage-dark .btn-gray-border a svg path {
  fill: #E0E0E0;
}
body.homepage-dark .btn-gray-border a:hover {
  background-color: #fff;
  color: #030109;
  border-color: #fff;
}
body.homepage-dark .btn-gray-border a:hover svg path {
  fill: #030109;
}
body.homepage-dark #main-nav li[data-node=solutions] .dropdown.level-1, body.homepage-dark #main-nav li[data-node=solutions] .about-nav,
body.homepage-dark #main-nav li[data-node=resources] .dropdown.level-1,
body.homepage-dark #main-nav li[data-node=resources] .about-nav,
body.homepage-dark #main-nav li[data-node=about] .dropdown.level-1,
body.homepage-dark #main-nav li[data-node=about] .about-nav {
  background-color: #030109;
}
body.homepage-dark #main-nav li[data-node=solutions] .dropdown.level-1 .res-nav, body.homepage-dark #main-nav li[data-node=solutions] .about-nav .res-nav,
body.homepage-dark #main-nav li[data-node=resources] .dropdown.level-1 .res-nav,
body.homepage-dark #main-nav li[data-node=resources] .about-nav .res-nav,
body.homepage-dark #main-nav li[data-node=about] .dropdown.level-1 .res-nav,
body.homepage-dark #main-nav li[data-node=about] .about-nav .res-nav {
  background-color: #030109;
}
body.homepage-dark #main-nav li[data-node=solutions] .dropdown.level-1 .res-image-block, body.homepage-dark #main-nav li[data-node=solutions] .about-nav .res-image-block,
body.homepage-dark #main-nav li[data-node=resources] .dropdown.level-1 .res-image-block,
body.homepage-dark #main-nav li[data-node=resources] .about-nav .res-image-block,
body.homepage-dark #main-nav li[data-node=about] .dropdown.level-1 .res-image-block,
body.homepage-dark #main-nav li[data-node=about] .about-nav .res-image-block {
  background-color: #151517;
}
body.homepage-dark #main-nav li[data-node=solutions] .dropdown.level-1 .res-title, body.homepage-dark #main-nav li[data-node=solutions] .dropdown.level-1 .about-title, body.homepage-dark #main-nav li[data-node=solutions] .about-nav .res-title, body.homepage-dark #main-nav li[data-node=solutions] .about-nav .about-title,
body.homepage-dark #main-nav li[data-node=resources] .dropdown.level-1 .res-title,
body.homepage-dark #main-nav li[data-node=resources] .dropdown.level-1 .about-title,
body.homepage-dark #main-nav li[data-node=resources] .about-nav .res-title,
body.homepage-dark #main-nav li[data-node=resources] .about-nav .about-title,
body.homepage-dark #main-nav li[data-node=about] .dropdown.level-1 .res-title,
body.homepage-dark #main-nav li[data-node=about] .dropdown.level-1 .about-title,
body.homepage-dark #main-nav li[data-node=about] .about-nav .res-title,
body.homepage-dark #main-nav li[data-node=about] .about-nav .about-title {
  color: #fff !important;
}
body.homepage-dark #main-nav li[data-node=solutions] .dropdown.level-1 .res-title:hover, body.homepage-dark #main-nav li[data-node=solutions] .dropdown.level-1 .about-title:hover, body.homepage-dark #main-nav li[data-node=solutions] .about-nav .res-title:hover, body.homepage-dark #main-nav li[data-node=solutions] .about-nav .about-title:hover,
body.homepage-dark #main-nav li[data-node=resources] .dropdown.level-1 .res-title:hover,
body.homepage-dark #main-nav li[data-node=resources] .dropdown.level-1 .about-title:hover,
body.homepage-dark #main-nav li[data-node=resources] .about-nav .res-title:hover,
body.homepage-dark #main-nav li[data-node=resources] .about-nav .about-title:hover,
body.homepage-dark #main-nav li[data-node=about] .dropdown.level-1 .res-title:hover,
body.homepage-dark #main-nav li[data-node=about] .dropdown.level-1 .about-title:hover,
body.homepage-dark #main-nav li[data-node=about] .about-nav .res-title:hover,
body.homepage-dark #main-nav li[data-node=about] .about-nav .about-title:hover {
  color: #151517 !important;
}
body.homepage-dark #main-nav li[data-node=solutions] .dropdown.level-1 .res-grandchildren-li p, body.homepage-dark #main-nav li[data-node=solutions] .dropdown.level-1 .about-grandchildren-li p, body.homepage-dark #main-nav li[data-node=solutions] .about-nav .res-grandchildren-li p, body.homepage-dark #main-nav li[data-node=solutions] .about-nav .about-grandchildren-li p,
body.homepage-dark #main-nav li[data-node=resources] .dropdown.level-1 .res-grandchildren-li p,
body.homepage-dark #main-nav li[data-node=resources] .dropdown.level-1 .about-grandchildren-li p,
body.homepage-dark #main-nav li[data-node=resources] .about-nav .res-grandchildren-li p,
body.homepage-dark #main-nav li[data-node=resources] .about-nav .about-grandchildren-li p,
body.homepage-dark #main-nav li[data-node=about] .dropdown.level-1 .res-grandchildren-li p,
body.homepage-dark #main-nav li[data-node=about] .dropdown.level-1 .about-grandchildren-li p,
body.homepage-dark #main-nav li[data-node=about] .about-nav .res-grandchildren-li p,
body.homepage-dark #main-nav li[data-node=about] .about-nav .about-grandchildren-li p {
  color: #fff !important;
}
body.homepage-dark #main-nav li[data-node=solutions] .dropdown.level-1 .res-grandchildren-li:hover p, body.homepage-dark #main-nav li[data-node=solutions] .dropdown.level-1 .about-grandchildren-li:hover p, body.homepage-dark #main-nav li[data-node=solutions] .about-nav .res-grandchildren-li:hover p, body.homepage-dark #main-nav li[data-node=solutions] .about-nav .about-grandchildren-li:hover p,
body.homepage-dark #main-nav li[data-node=resources] .dropdown.level-1 .res-grandchildren-li:hover p,
body.homepage-dark #main-nav li[data-node=resources] .dropdown.level-1 .about-grandchildren-li:hover p,
body.homepage-dark #main-nav li[data-node=resources] .about-nav .res-grandchildren-li:hover p,
body.homepage-dark #main-nav li[data-node=resources] .about-nav .about-grandchildren-li:hover p,
body.homepage-dark #main-nav li[data-node=about] .dropdown.level-1 .res-grandchildren-li:hover p,
body.homepage-dark #main-nav li[data-node=about] .dropdown.level-1 .about-grandchildren-li:hover p,
body.homepage-dark #main-nav li[data-node=about] .about-nav .res-grandchildren-li:hover p,
body.homepage-dark #main-nav li[data-node=about] .about-nav .about-grandchildren-li:hover p {
  color: rgb(216, 90, 83) !important;
}
body.homepage-dark .module-trusted-by-brands, body.homepage-dark .old-new-heading, body.homepage-dark .top-section, body.homepage-dark .bottom-section, body.homepage-dark .module-new-way-expansion, body.homepage-dark .module-solutions, body.homepage-dark .module-testimonials, body.homepage-dark .module-three-boxes-content, body.homepage-dark footer {
  background: #030109 !important;
}
body.homepage-dark .module-product-section .container .xitem {
  background-color: #151517;
}
body.homepage-dark .cc-window.cc-floating {
  background-color: #030109 !important;
  color: #fff;
}
body.homepage-dark .home-header h1 {
  color: #E0E0E0;
}
body.homepage-dark .home-header p {
  color: #C6C6C6;
}
body.homepage-dark .home-header .gartner-learn-more {
  color: #C6C6C6;
}
body.homepage-dark .home-header .gartner-learn-more .span-learn {
  color: #C6C6C6;
}
body.homepage-dark .social-container a {
  background-color: #151517;
}
body.homepage-dark .social-container a .acContent {
  color: #E0E0E0;
}
body.homepage-dark .social-container a:nth-child(2) .image-wrapper img {
  margin: 52px 0 40px 0;
}
body.homepage-dark .social-container a:nth-child(3) .image-wrapper img {
  max-height: 87px;
  width: auto;
  margin: 29px 0 28px 0;
}
body.homepage-dark .module-trusted-by-brands header h2 {
  color: #FFFFFF;
}
body.homepage-dark .module-trusted-by-brands header .line-left, body.homepage-dark .module-trusted-by-brands header .line-right {
  background-color: #1C1A20;
}
body.homepage-dark .old-new-heading .container h2 {
  color: #fff;
}
body.homepage-dark .content-theme-dark h2 {
  color: #FFFFFF;
}
body.homepage-dark .old-icon-container .old-icon .old-icon-d {
  background-color: rgba(226, 99, 92, 0.1137254902);
}
body.homepage-dark .old-icon-container .old-icon .old-icon-d .x-img-div {
  background-color: #030109;
}
body.homepage-dark .old-icon-container .old-icon p {
  color: #fff;
}
body.homepage-dark .old-icon-container .new-icon-d {
  background-color: #021D1E;
}
body.homepage-dark .old-icon-container .new-icon-d .c-img-div {
  background-color: #030109;
}
body.homepage-dark .module-new-way-expansion .stats-count .stats-item .stat-icon {
  background-color: #151517;
}
body.homepage-dark .module-new-way-expansion .stats-count .stats-item:before {
  border-color: #151517;
}
body.homepage-dark .module-product-section .container header h2 {
  color: #fff;
}
body.homepage-dark .module-product-section .container .xitem .xitem-content h5 {
  color: #fff;
}
body.homepage-dark .module-product-section .container .xitem .xitem-content p {
  color: #939393;
}
body.homepage-dark .module-product-section .container .xitem .xitem-content .btn:hover {
  padding: 17px 51px;
  border: none;
}
body.homepage-dark .module-solutions h2 {
  color: #fff;
}
body.homepage-dark .module-solutions .ac-selectors .select-button {
  border-color: #B9B9B9;
  color: #fff;
}
body.homepage-dark .module-solutions .ac-selectors .select-button.is-active {
  background-color: #B9B9B9;
  color: #fff;
}
body.homepage-dark .module-solutions .cx-accordions-container .cx-accordion .trigger-title {
  color: #fff;
}
body.homepage-dark .module-solutions .cx-accordions-container .cx-accordion .ac-panel {
  color: #fff;
}
body.homepage-dark .module-testimonials .section-header h2 {
  color: #fff;
}
body.homepage-dark .module-testimonials .testimonials-container:before {
  background: transparent linear-gradient(180deg, #05030C 0%, rgba(5, 3, 12, 0) 100%) 0% 0% no-repeat padding-box;
}
body.homepage-dark .module-testimonials .testimonials-container:after {
  background: transparent linear-gradient(180deg, #05030C 0%, rgba(5, 3, 12, 0) 100%) 0% 0% no-repeat padding-box;
}
body.homepage-dark .module-testimonials .testimonials-container .testimonial-card {
  background-color: #151517;
}
body.homepage-dark .module-testimonials .testimonials-container .testimonial-card .card-content .quote {
  color: #969696;
}
body.homepage-dark .module-testimonials .testimonials-container .testimonial-card .author .author-avatar {
  background-color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
}
body.homepage-dark .module-testimonials .testimonials-container .testimonial-card .author .author-info .author-title {
  color: #FFFFFF;
}
body.homepage-dark .module-testimonials .testimonials-container .testimonial-card:before {
  background: linear-gradient(0deg, rgb(21, 21, 23) 0%, rgb(45, 45, 48) 100%);
}
body.homepage-dark .module-testimonials .mobile-testimonial-card {
  background-color: #151517;
}
body.homepage-dark .module-testimonials .mobile-testimonial-card .author .author-avatar {
  background-color: transparent;
}
body.homepage-dark .module-casestudy-slider .casestudy-nav .casestudy-logo {
  background-color: #151517;
}
body.homepage-dark .module-three-boxes-content .three-boxes-content .box-one {
  background-color: #151517;
}
body.homepage-dark .module-three-boxes-content .three-boxes-content .box-one .box-one-content h6 {
  color: #FFFFFF;
}
body.homepage-dark .module-three-boxes-content .three-boxes-content .box-one .box-one-content p, body.homepage-dark .module-three-boxes-content .three-boxes-content .box-one .box-one-content ul {
  color: #D3D3D3;
}
@media (max-width: 767.98px) {
  body.homepage-dark .module-three-boxes-content .three-boxes-content .box-one .founder-signature-wrap {
    padding-right: 30px;
  }
}
body.homepage-dark .module-three-boxes-content .three-boxes-content .box-one .founder-signature-wrap p {
  color: #B4B4B4;
}
body.homepage-dark .red-square {
  background: linear-gradient(139deg, #E2635C 0%, #705FC1 100%);
  background-size: 200% 200%;
  background-position: left center;
  border: none;
  transition: background-position 0.5s ease;
}
body.homepage-dark .red-square:hover {
  background-position: right center;
}
body.homepage-dark .red-square:hover a {
  color: #fff;
}
body.homepage-dark .module-ai-section .fix_con_outer {
  background-image: url("/media/images/AI-Home-Background-darkmode-2.webp");
  background-repeat: no-repeat;
  position: relative;
  background-position: center;
}
body.homepage-dark .module-ai-section .fix_con_outer:before, body.homepage-dark .module-ai-section .fix_con_outer:after {
  content: "";
  height: 50px;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 2;
  background: transparent linear-gradient(180deg, #05030c, rgba(5, 3, 12, 0)) 0 0 no-repeat padding-box;
  display: block;
}
body.homepage-dark .module-ai-section .fix_con_outer:after {
  top: auto;
  bottom: 0;
  transform: matrix(-1, 0, 0, -1, 0, 0);
}
body.homepage-dark .module-ai-section .fix_con_outer .inner_fixai h2#headingsection_3 span {
  background: linear-gradient(90deg, #6162AC, #E2625C);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text; /* for Firefox */
  color: transparent;
}
body.homepage-dark .module-ai-section .light_outer_wrapper3 a.btn_ai {
  background-color: #030109;
  border-color: #fff;
  padding: 18px 0;
  transition: background 0.5s ease;
}
body.homepage-dark .module-ai-section .light_outer_wrapper3 a.btn_ai:hover {
  border: none;
  background: linear-gradient(139deg, #E2635C 0%, #705FC1 100%);
  color: #fff;
  padding: 19px 0;
}
body.homepage-dark .module-call-to-action .btn {
  background-color: #2C2C2C;
  border-color: transparent;
}
body.homepage-dark .module-call-to-action .btn:hover {
  background: transparent;
  border-color: white;
}
body.homepage-dark .module-call-to-action::before {
  content: "";
  display: block;
  position: absolute;
  top: -110px;
  left: 0;
  width: 242px;
  height: 303px;
  background-image: url("/media/images/Dot-Pattern-Stat-Section.svg");
}
@media (max-width: 767.98px) {
  body.homepage-dark .module-call-to-action::before {
    width: 100px;
    height: 80px;
  }
}
body.homepage-dark .module-simple-cta-footer-override .container .btn {
  min-width: 250px;
  padding: 19px 73px;
  background: #2c2c2c;
  text-transform: capitalize;
  font-size: 18px;
  border-color: transparent;
}
body.homepage-dark .module-simple-cta-footer-override .container .btn:hover {
  background: transparent;
  border: 1px solid #fff;
  color: #fff;
}
body .aspot-wrapper {
  position: relative;
}
body .aspot-wrapper::before {
  content: "";
  display: block;
  width: 100%;
  background: linear-gradient(180deg, rgba(237, 239, 241, 0.0774685) 63%, rgba(59, 71, 82, 0.35618) 100%);
  position: absolute;
  left: 0;
  top: -105px;
  height: calc(100% + 105px);
}
@media (min-width: 1451px) and (max-width: 1600px) {
  body .aspot-wrapper::before {
    top: -132px;
    height: calc(100% + 132px);
  }
}
@media (min-width: 1201px) and (max-width: 1450px) {
  body .aspot-wrapper::before {
    top: -232px;
    height: calc(100% + 232px);
  }
}
@media (min-width: 1151px) and (max-width: 1201px) {
  body .aspot-wrapper::before {
    top: -211px;
    height: calc(100% + 211px);
  }
}
@media (min-width: 885px) and (max-width: 1150px) {
  body .aspot-wrapper::before {
    top: -320px;
    height: calc(100% + 320px);
  }
}
@media (min-width: 851px) and (max-width: 884px) {
  body .aspot-wrapper::before {
    top: -376px;
    height: calc(100% + 376px);
  }
}
@media (min-width: 676px) and (max-width: 850px) {
  body .aspot-wrapper::before {
    top: -462px;
    height: calc(100% + 462px);
  }
}
@media (min-width: 541px) and (max-width: 675px) {
  body .aspot-wrapper::before {
    top: -529px;
    height: calc(100% + 529px);
  }
}
@media (min-width: 390px) and (max-width: 540px) {
  body .aspot-wrapper::before {
    top: -587px;
    height: calc(100% + 587px);
  }
}
body .header-aspot-bg {
  background: transparent;
}
@media (max-width: 1750px) {
  body .header-aspot-bg {
    margin-top: -550px;
  }
}
@media (max-width: 1600px) {
  body .header-aspot-bg {
    margin-top: -400px;
  }
}
@media (max-width: 1450px) {
  body .header-aspot-bg {
    margin-top: -300px;
  }
}
@media (max-width: 1150px) {
  body .header-aspot-bg {
    margin-top: -200px;
  }
}
@media (max-width: 800px) {
  body .header-aspot-bg {
    margin-top: -100px;
  }
}
@media (max-width: 800px) {
  body .header-aspot-bg {
    margin-top: -100px;
  }
}

.optinmonster-container {
  position: relative;
  z-index: 9999;
}
@media (min-width: 769px) and (max-width: 1140px) {
  .optinmonster-container {
    margin-top: 6px;
  }
}
.optinmonster-container .optinmonster-close-btn {
  position: absolute;
  top: 10px;
  right: 20px;
  z-index: 99999;
  background: transparent;
  border: none;
  color: #fff;
  opacity: 0;
  font-size: 24px;
  cursor: pointer;
  transition: opacity 0.4s ease;
}
@media screen and (max-width: 768px) {
  .optinmonster-container .optinmonster-close-btn {
    top: 5px;
    right: 10px;
  }
}
.optinmonster-container .optinmonster-close-btn.show {
  opacity: 1;
  pointer-events: auto;
}

.randall-row-content.Row__content {
  width: 100%;
}